:root {
  --green: #74bf75;
  --gray: #909fb7;
  --primary: #435065;
}

.text-green {
  color: var(--green);
}

.text-gray {
  color: var(--gray);
}

.text-black,
h2 {
  color: var(--primary);
}

.best_article_user_foto {
    position: relative;
    min-width: 50px;
    margin-right: 20px;
    /* margin: 15px 15px 15px 0; */
    max-height: 50px;
    }
.main-title {
  margin: 16px 0 32px;
  font-size: 18px;
  text-align: center;
  text-underline-position: under;
}
.preview {
    height:363px !important;
     }

.title {
  margin-bottom: 25px;
  text-align: center;
  font-size: 18px;
}

.flex-wrap-nowrap {
  flex-wrap: nowrap;
}
.polosa {
    padding:3px; text-align:center;position: fixed;bottom:0;z-index: 999; width:100%; background:#fff;
    }
.top_icon {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 15px;
    padding: 0 5px;
    font-size: 10px;
    line-height: 15px;
    text-transform: uppercase;
    color: #ffffff;
    background: #FF9E0C;
    border-radius: 5px;
    white-space: nowrap;
}
.top_icon.red {
    background: #FF5A43;
}
.top_icon.orange {
    background: #FBAF64;
}
.top_icon.green {
    background: #74BF75;
}
.top_icon.vio {
    background: #B890BB;
}

.custom-btn {
  padding: 10px 62px;
  color: var(--white) !important;
  font-size: 15px;
  line-height: 1;
}

.speakers__inner > div {
  margin-bottom: 10px;
}

.speaker {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  border: solid 2px #fff;
}

.rating-area {
  margin-bottom: 10px;
}

.top_item_user_foto {
  position: relative;
  min-width: 88px;
  margin-right: 20px;
}

.top_item_user_foto img {
  display: block;
  width: 88px;
  height: 88px;
  object-fit: cover;
  border-radius: 50%;
    font-size: 0;
  background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="91px" height="90px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path style="opacity:0.998" fill="%23f2f2f2" d="M 83.5,80.5 C 83.0629,78.9256 82.0629,77.7589 80.5,77C 73.9927,73.9419 67.326,71.2752 60.5,69C 56.9651,66.2929 55.7984,62.7929 57,58.5C 59.0022,54.4506 61.0022,50.4506 63,46.5C 63.5,44 64,41.5 64.5,39C 64.0365,34.5407 63.8698,30.0407 64,25.5C 60.4022,21.8439 56.9022,18.0106 53.5,14C 51.8455,13.3923 50.1789,12.8923 48.5,12.5C 38.6478,9.7401 31.4812,13.0734 27,22.5C 26.7473,28.4226 26.5806,34.256 26.5,40C 26.9212,42.1846 27.4212,44.3513 28,46.5C 29.9961,50.4134 31.9961,54.4134 34,58.5C 34.755,61.3033 34.4217,63.9699 33,66.5C 23.6865,70.4055 14.5198,74.7388 5.5,79.5C 5.33337,55.4977 5.50003,31.4977 6,7.5C 6.83333,6.66667 7.66667,5.83333 8.5,5C 32.8333,4.33333 57.1667,4.33333 81.5,5C 82.3333,5.83333 83.1667,6.66667 84,7.5C 84.8299,32.0035 84.6632,56.3368 83.5,80.5 Z"/></g><g><path style="opacity:0.998" fill="%23dee5ef" d="M 48.5,12.5 C 47.1667,12.5 45.8333,12.5 44.5,12.5C 44.5,36.1667 44.5,59.8333 44.5,83.5C 32.4954,83.6665 20.4954,83.4999 8.5,83C 7.2899,81.9609 6.2899,80.7942 5.5,79.5C 14.5198,74.7388 23.6865,70.4055 33,66.5C 34.4217,63.9699 34.755,61.3033 34,58.5C 31.9961,54.4134 29.9961,50.4134 28,46.5C 27.4212,44.3513 26.9212,42.1846 26.5,40C 26.5806,34.256 26.7473,28.4226 27,22.5C 31.4812,13.0734 38.6478,9.7401 48.5,12.5 Z"/></g><g><path style="opacity:0.998" fill="%23d5dde9" d="M 48.5,12.5 C 50.1789,12.8923 51.8455,13.3923 53.5,14C 56.9022,18.0106 60.4022,21.8439 64,25.5C 63.8698,30.0407 64.0365,34.5407 64.5,39C 64,41.5 63.5,44 63,46.5C 61.0022,50.4506 59.0022,54.4506 57,58.5C 55.7984,62.7929 56.9651,66.2929 60.5,69C 67.326,71.2752 73.9927,73.9419 80.5,77C 82.0629,77.7589 83.0629,78.9256 83.5,80.5C 83.0472,81.4584 82.3805,82.2917 81.5,83C 69.1712,83.4999 56.8378,83.6665 44.5,83.5C 44.5,59.8333 44.5,36.1667 44.5,12.5C 45.8333,12.5 47.1667,12.5 48.5,12.5 Z"/></g></svg>');

}

.top_item_user_name {
  font-size: 14px;
  position: inherit;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 0px;
}
.top_item_user_name a,
.top_item_user_name-link {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  text-decoration: none;
  color: #435065;
}
.top_item_user_name-link:hover {
  cursor: pointer;
}

.top_item_user_name i {
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  background: url("/images/verify_user_ico.png") 0 0 no-repeat;
  margin-left: 5px;
  position: relative;
  top: 3px;
}

.top_item_user_town {
  padding-left: 15px;
  background: url("/images/user_town_ico.png") 0 1px no-repeat;
  font-size: 12px;
  line-height: 1;
  color: #909fb7;
}

.top_item_user_award {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 0;
}

.top_item_user_award .top_icon {
  margin-right: 2px;
  margin-bottom: 2px;
}

.top_item_user_text {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  padding: 0 0 7px;
  color: #909fb7;
}

.top_item_feedback {
  flex: 1 0 auto;
  margin-bottom: 15px;
  font-size: 14px;
  color: #435065;
}

.top_item_btn-more {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #435065;
  text-decoration: none;
}

.top_item_user_video {
  border-radius: 5px;
}

.top_item_footer {
  flex: 0 0 auto;
  font-size: 13px;
  color: var(--gray);
}

.with_border {
  border: solid 2px #74bf75;
}

.speaker_review p,
.speaker_review li {
  font-size: 14px;
}

.speaker_review span {
  color: #909fb7;
  font-size: 12px;
}

.accordion-button {
  padding-right: 40px !important;
  background-image: url(/images/polygon.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.accordion-button::after {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-left: auto;
  content: "";
  background-image: url(/images/polygon.png);
  background-repeat: no-repeat;
}

/* advantages */
.advantages__inner {
  margin-bottom: 30px;
  justify-content: center;
  flex-direction: column-reverse;
}

.advantages__item {
  position: relative;
  margin-top: 10px;
  padding: 16px 16px 16px 50px;
  background-color: #fff;
  border: 1px solid #74bf75;
  line-height: 150%;
  border-radius: 5px;
}

.advantages__item > span {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 60px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--green);
  border-radius: 5px;
  line-height: 100%;
}

.feedback {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background-image: url("/images/main-bg-md.png");
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0 0 30px;
  padding-left: 0;
}

.feedback__card {
  bottom: 0;
  left: 4%;
  max-width: 260px;
  padding: 20px 15px;
  border: 0;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  color: var(--primary);
  font-size: 14px;
}

.feedback__card * {
  font-size: 14px;
}

.feedback__card > i {
  line-height: 167%;
}

.feedback__card > p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: var(--green);
}

.feedback__card > time {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 12px;
}

.feedback .best_article_user_foto {
  min-width: none;
  max-height: none;
}

.feedback .best_article_user_foto img {
  width: 40px;
  height: 40px;
}

/* how-work */

.how-work__inner {
  flex-direction: column;
  margin: 0;
}

.how-work__bg {
  padding: 25px 11px;
  border-radius: 10px;
  margin-bottom: 5px;
}

.how-work__inner > div {
  margin-bottom: 30px;
}

.how-work__inner > div:nth-child(1) .how-work__bg {
  background: #fbaf64;
}

.how-work__inner > div:nth-child(2) .how-work__bg {
  background: #83c483;
}

.how-work__inner > div:nth-child(3) .how-work__bg {
  background: #b890bb;
}

.how-work-item {
  position: relative;
  padding: 20px 10px 50px;
  background: #fff;
  height: 100%;
  border-radius: 10px;
}

.how-work-item::before {
  content: "";
  position: absolute;
  bottom: 20px;
  left: calc(50% - 37.5px);
  width: 75px;
  height: 13px;
  border-radius: 5px;
}

.how-work-item_1::before,
.how-work-item_3::before {
  background-color: #74bf75;
}

.how-work-item_1 {
  padding: 20px 10px 50px;
}

.how-work-item_2::before {
  background-color: #dcdcdc;
}

.how-work-item__card {
  font-size: 13px;
  line-height: 150%;
  border: none;
}

.how-work-item_1 .how-work-item__card {
  text-align: center;
  height: 100%;
  padding: 10px;
}

.how-work-item_1 .how-work-item__card,
.how-work-item_2 .how-work-item__card {
  border: 1px solid #eeeeee;
  border-radius: 5px;
}

.how-work-item_2 .how-work-item__card {
  position: relative;
  margin-bottom: 6px;
  padding: 10px 10px 10px 55px;
}

.how-work-item_2 .how-work-item__card:nth-child(3) {
  margin-bottom: 0;
}

.how-work-item_2 .how-work-item__card:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 34px;
  height: 34px;
  border-radius: 100%;
}

.how-work-item_2 .how-work-item__card:nth-child(1):before,
.how-work-item_2 .how-work-item__card:nth-child(3):before {
  background-color: #e9e9e9;
}

.how-work-item_2 .how-work-item__card:nth-child(2):before {
  background-color: #d9d9d9;
}

.how-work-item_3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #f1ede8;
}

.how-work-item_3 .how-work-item__card {
  max-width: 230px;
  margin-bottom: 6px;
  padding: 10px;
  border-radius: 5px;
  background-color: #fff;
}

.how-work-item_3 .how-work-item__card:nth-child(3) {
  background-color: #dafed0;
  margin-bottom: 0;
  align-self: flex-end;
}

/* graphic */
.how-work,
.graphic {
  padding: 1.5rem 0;
  background-color: #fff;
}

.graphic__inner,
.graphic__img {
  margin-bottom: 25px;
}

.graphic__inner,
.graphic-special__inner {
  padding: 0 15px;
}

.graphic-info-item {
  flex-direction: column;
  font-weight: bold;
}

.graphic-info-item:not(:last-child) {
  margin-bottom: 18px;
}

.graphic-special__inner {
  margin-bottom: 1.5rem;
}

.graphic-special__img-faces {
  margin-bottom: 10px;
}

.services__inner {
  display: flex;
  flex-wrap: wrap;
}

.services__link {
  margin: 0 6px 12px;
  padding: 10px 15px;
  background-color: #e3ebf9;
  color: #909fb7;
  font-size: 14px;
  border-radius: 5px;
  text-decoration: none;
}

.top_item_user_inner {
  display: flex;
}

.examples .row > div {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .main-title {
    margin: 40px 0 30px;
    font-size: 24px;
  }

  .title {
    margin-bottom: 30px;
    font-size: 24px;
  }

  .advantages__inner {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }

  .advantages__item {
    margin-top: 15px;
  }

  .advantages__item:first-child {
    margin-top: 0;
  }

  .feedback {
    background-image: url("/images/main-bg-md.png");
    padding-left: 15px;
    margin: 0;
  }

  .feedback__card {
    bottom: 0;
    left: -2%;
    max-width: 310px;
  }

  .feedback__card * {
    font-size: 15px;
  }

  .feedback__card > p {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .feedback__card > time {
    right: 20px;
    bottom: 20px;
  }

  .feedback .best_article_user_foto img {
    width: 50px;
    height: 50px;
  }

  .how-work {
    padding: 1.5rem 15px;
  }

  .how-work__inner {
    flex-wrap: nowrap;
    flex-direction: row;
    margin-bottom: 1rem;
    margin: 0 -15px 1rem;
  }

  .how-work__inner > div {
    padding: 0 10px;
    margin-bottom: 0;
  }

  .how-work__bg {
    padding: 15px 9px;
    height: 100%;
  }

  .how-work-item__card {
    font-size: 12px;
    line-height: 157%;
  }

  .how-work-item_2 {
    padding: 20px 5px 50px;
  }

  .how-work-item_2 .how-work-item__card {
    padding: 10px 5px 10px 55px;
  }

  .how-work-item_2 .how-work-item__card:before {
    width: 40px;
    height: 40px;
    left: 5px;
  }

  .how-work-item_3 .how-work-item__card {
    max-width: 165px;
  }

  .speakers__inner > div {
    margin-bottom: 25px;
  }

  .speaker {
    height: 100%;
  }

  .speakers-item > div:first-child {
    flex: 1 0 auto;
  }

  .graphic__inner,
  .graphic-special__inner {
    padding: 0;
  }

  .graphic-info {
    display: flex;
    max-width: 650px;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
  }

  .graphic-info-item:not(:last-child) {
    margin-bottom: 0;
  }

  .graphic-special__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
  }

  .graphic-special__img-faces {
    margin: 0 25px 0 0;
  }

  .services__link {
    font-size: 16px;
  }

  .examples .top_item_user {
    background: #ffffff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
  }

  .examples .row > div {
    margin-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .main-title {
    margin: 40px 0 45px;
    font-size: 30px;
  }

  .advantages__inner {
    margin-bottom: 60px;
    align-items: stretch;
  }

  .feedback {
    background-image: url("/images/main-bg.png");
    margin: 0 2rem;
    background-size: 88%;
  }

  .feedback__card * {
    font-size: 16px;
  }

  .feedback__card {
    bottom: 0.1%;
    left: -13%;
    max-width: 365px;
    padding: 30px 20px;
  }

  .advantages {
    padding: 0;
  }

  .advantages__item,
  .advantages__item:first-child {
    margin-top: 30px;
  }

  .how-work__inner > div {
    padding: 0 15px;
  }

  .how-work-item {
    padding: 20px 15px 50px;
  }

  .how-work-item_2 {
    padding: 20px 10px 50px;
  }
  
  .how-work-item_1 {
    padding: 20px 15px 50px 15px;
  }

  .how-work-item_2 .how-work-item__card:before {
    left: 10px;
  }

  .how-work__bg {
    padding: 25px 11px;
  }

  .how-work-item__card {
    font-size: 14px;
  }

  .how-work-item_1 .how-work-item__card {
    text-align: left;
  }

  .how-work-item_2 .how-work-item__card {
    padding: 10px 7px 10px 65px;
  }

  .how-work-item_3 .how-work-item__card {
    max-width: 230px;
  }

  .how-work-item_3 .how-work-item__card {
    padding: 10px 20px;
  }

  .graphic__inner {
    display: flex;
    justify-content: center;
    margin-bottom: 45px;
  }

  .graphic-info div {
    white-space: nowrap;
  }

  .graphic-info-item {
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    white-space: nowrap;
    padding: 0;
  }

  .graphic-info-item > div:first-child {
    text-align: right;
  }

  .graphic-info {
    flex-direction: column;
    justify-content: space-between;
    max-width: none;
    margin: 0;
  }

  .graphic-info-item {
    flex-direction: row;
  }

  .graphic__img {
    margin: 0 1rem 0 0;
  }

  .graphic__img img {
    max-width: 615px;
  }

  .graphic-special {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .graphic-special__inner {
    margin-right: 1rem;
    width: 615px;
    justify-content: flex-end;
  }

  .graphic-special__btn {
    width: 288px;
  }

  .examples .row > div {
    margin-bottom: 30px;
  }

  .top_item_btn-more {
    position: relative;
  }

  .top_item_btn-more::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #435065;
    opacity: 0;
    transition: opacity 0.4s ease 0s;
  }

  .top_item_btn-more:hover {
    color: inherit;
  }
  .top_item_user>.top_item_btn-more-inner {
    text-decoration: none!important;
  }
  .top_item_user>.top_item_btn-more-inner:hover {
    text-decoration: underline!important;
/*    box-shadow: 0px 0px 28px rgb(0 0 0 / 19%);*/
  }

  .top_item_btn-more:hover:before {
    opacity: 1;
  }

  .services__link {
    transition: background 0.4s ease 0s, color 0.4s ease 0s;
  }

  .services__link:hover {
    background-color: #f5f5f5;
    color: #527397;
  }

  .speakers__inner > div {
    margin-bottom: 30px;
  }
}

@media (min-width: 1200px) {
  .graphic__img,
  .graphic-special__inner {
    margin: 0 2rem 0 0;
  }
}

/* Рекламные блоки */
.speaker.pr_item_user {
  padding: 20px 12px;
  border: 2px solid #2BB34B;
}
.top_item_user_head a {
    text-decoration:none;
    color:white !important;
    font-weight:700;
    }
.pr_item_user .top_item_user_head {
  position: relative;
  background: #2BB34B;
  color: #ffffff;
  padding: 15px 15px;
  margin: -20px -12px 20px -12px;
  font-size: 16px;
}
.pr_item_user .top_item_user_head span {
  display: block;
  background: #FFFFFF;
  border-radius: 40px;
  color: #2BB34B;
  padding: 2px 12px;
  font-size: 12px;
}
.pr_item_user .top_item_user_price {
  color: #2BB34B;
  font-weight: 700;
  line-height: 1.2;
  font-size: 16px;
  margin-bottom: 10px;
}
.pr_item_user .top_item_user_services {
  color: #435065;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 20px;
}
.pr_item_user .top_item_user_benefits {
  margin-bottom: 15px;
}
.pr_item_user .top_item_user_benefits ul {
  padding: 0;
  margin: 0;
}
.pr_item_user .top_item_user_benefits ul li {
  position: relative;
  line-height: 1.4;
  padding-left: 22px;
  font-size: 13px;
  margin-bottom: 5px;
}
.pr_item_user .top_item_user_benefits ul li:last-child {
  margin-bottom: 0;
}
.pr_item_user .top_item_user_benefits ul li:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  background: url("/img/icons/benefits_li-icon.svg") 0 0 no-repeat;
  background-size: contain;
  width: 12px;
  height: 10px;
}
.pr_item_user .top_item_footer .load-btn {
  margin-top: 15px;
}
.pr_item_user .button.load-btn {
  border: 1px solid #2BB34B;
  background: #ffffff;
  color: #2BB34B;
  font-size: 14px;
  font-weight: normal;
  padding: 6px 18px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.pr_item_user .button.load-btn:hover {
  border: 1px solid #2BB34B;
  background: #2BB34B;
  color: #ffffff;
}
@media all and (min-width: 768px) {
  .pr_item_user_half .top_item_user_benefits {
    flex: 1 0 auto;
  }
  .pr_item_user .top_item_user_benefits ul {
    max-width: 165px;
  }
  .pr_item_user .button.load-btn {
    padding: 6px 10px;
  }
  .pr_item_user .top_item_footer .load-btn {
    margin-top: 0;
    margin-left:3px;
  }
}
@media all and (min-width: 1200px) {
  .speaker.pr_item_user {
    padding: 20px 18px 24px 18px;
  }
  .pr_item_user .top_item_user_head {
    margin: -20px -18px 20px -18px;
  }
  .pr_item_user .top_item_user_benefits ul {
    max-width: 100%;
  }
  .pr_item_user_full .top_item_user_price {
    position: absolute;
    top: 135px;
    right: 35px;
  }
  .pr_item_user_full .top_item_user_services, .pr_item_user_full .top_item_user_benefits {
  margin-bottom: 30px;
  }
  .pr_item_user_full .top_item_user_services {
    min-width: 295px;
    padding-right:15px;
  }
  .pr_item_user_full .top_item_user_benefits {
    min-width: 172px;
  }
  .pr_item_user_full .button.load-btn {
    padding: 6px 28px;
  }
}