.reviews__item .anser {
  background-color: #fff; }

.reviews {
  margin-bottom: 44px;
  padding: 37px 39px;
  background: #f0f0f0; }

.reviews__item {
  position: relative;
  min-height: 243px;
  margin-top: 62px;
  margin-bottom: 62px;
  background: url(/bitrix/templates/aspro-digital/img/reviews-quotes.png) no-repeat 95% 25px; }
.reviews__item:first-child {
  margin-top: 0; }

.reviews__date {
  font-size: 14px;
  font-weight: 300;
  padding: 33px 33px 19px;
  background: #fff url(/bitrix/templates/aspro-digital/img/reviews-quotes.png) no-repeat 95% 25px;
  background-size: 49px auto;
  color: #0c9083; }

.reviews__name {
  font-size: 20px;
  font-weight: 700;
  padding: 0 33px 22px;
  background: #fff; }

.reviews__text {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4em;
  padding: 0 33px 33px;
  background: #fff; }

.reviews__top::before {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.reviews__item::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -31px;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #cacaca; }

.reviews__reg {
  font-weight: lighter;
  padding: 0 33px 22px;
  font-size: 16px;
  background: #fff; }

.news-n {
  font-weight: bold; }

.otzyvy-info {
  padding: 15px !important;
  width: 140px; }

.otzyvy-mes {
  padding: 15px !important; }

.otzyvy-add {
  margin: 0px !important;
  width: 100% !important; }

.otzyvy-add .desc-row {
  vertical-align: top; }

#captcha_word {
  margin: 19px 0px 0px 0px; }

.otzyvy-add textarea {
  height: 150px;
  width: 400px; }

#sb {
  margin-left: -192px; }

.answer {
  color: #2260A4; }

table.form-table td {
  padding: 15px 5px; }

.reviews .reviews__name {
  padding: 0; }
.reviews .date {
  display: inline-block;
  margin: 0 15px;
  font-size: 12px;
  font-weight: normal; }
.reviews__container {
  display: flex;
  align-items: flex-start; }
.reviews__container video {
  object-fit: cover; }
.reviews__content {
  flex-grow: 1; }
.reviews__photo-empty {
  width: 30%;
  flex: none;
  margin-right: 30px; }
.reviews__photo-empty img {
  max-width: 100%; }
.reviews__gallery {
  width: 30%;
  flex: none;
  margin-right: 30px; }
.reviews__gallery img {
  max-width: 100%; }
.reviews__gallery .control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 20px;
  margin: 0 !important;
  background: none; }
.reviews__gallery .control.prev {
  left: -25px; }
.reviews__gallery .control.next {
  right: -25px;
  left: unset; }
.reviews__top {
  font-size: 20px;
  font-weight: 700;
  padding: 5px 33px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  position: relative; }
.reviews__rating i {
  color: orange;
  font-size: 14px; }
.reviews__message {
  padding: 0 33px; }
.reviews__place {
  padding: 0 33px;
  font-size: 14px;
  margin: 5px 0 10px; }
.reviews__item .answer {
  max-width: 600px;
  margin-left: auto;
  padding: 10px; }

@media (max-width: 520px) {
  .reviews__container {
    flex-wrap: wrap; }
  .reviews__photo-empty {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px; }
  .reviews__gallery {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px; }
  .reviews__top {
    flex-direction: column; }
  .reviews__place {
    padding: 0; }
  .reviews__name {
    text-align: center; }
  .reviews__name .date {
    display: block; }
  .reviews__message {
    padding: 0; }
  .reviews__rating {
    text-align: center; }
  .reviews__item .answer {
    text-align: right; }

  .likes {
    padding: 10px 0; } }
.likes {
  display: flex;
  padding: 10px 33px; }
.likes__item {
  margin-right: 10px;
  cursor: pointer; }
.likes__item.active {
  font-weight: bold;
  color: #00396f; }
.likes__item.dislike i {
  transform: rotate(180deg); }
.likes__item.comment {
  font-size: 14px; }

.new-comment {
  margin: 10px 0 20px; }
.new-comment__title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px; }
.new-comment form {
  display: flex;
  flex-wrap: wrap; }
.new-comment form .field {
  padding: 5px;
  width: 50%; }
.new-comment form input {
  padding: 5px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background: #fafafa;
  display: block;
  width: 100%; }
.new-comment form [type=submit] {
  background: #00396f;
  color: #fff;
  border: 0;
  padding: 10px 20px; }

.set-comment {
  text-align: right;
  margin-top: 15px; }
.set-comment a {
  display: inline-block;
  background: #00396f;
  color: #fff;
  border: 1px solid #00396f;
  padding: 10px 20px;
  font-size: 12px; }
.set-comment a:hover {
  color: #fff; }

.user-comment__list {
  max-width: 600px;
  margin-left: auto;
  margin-top: 20px; }
.user-comment__item {
  margin-bottom: 20px;
  display: flex;
  align-items: center; }
.user-comment__item-likes.dislike {
  margin: 0 10px; }
.user-comment__item-likes.dislike i {
  transform: rotate(180deg); }
.user-comment__item-value {
  position: relative;
  background: #fff;
  padding: 5px 10px;
  flex-grow: 1; }
.user-comment__item-value:before {
  content: '';
  display: block;
  position: absolute;
  right: 65px;
  top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #fff;
  transform: rotate(45deg); }

.reviews-wrapper .load_more {
  margin-bottom: 30px !important; }


.video-wrap {
  position: relative;
  display: block; }
.video-wrap .play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.fancybox-content video {
  min-height: 400px; }