.reviews__page {
	margin: 30px 0 50px;
}

#ex-reviews {
  gap: 20px 0;
}
#ex-reviews .main__title {
  margin-bottom: 10px;
}
#ex-reviews .main__title span {
  font-size: .86em;
  margin-left: 10px;
}
#ex-reviews .attributes-btn {
  color: var(--color-dark-blue);
  font-size: var(--font-size-body2);
}
#ex-reviews .empty .site__btn {
  width: 266px;
  font-size: var(--font-size-body);
  font-weight: 450;
}
#ex-reviews .empty .text {
  font-size: var(--font-size-price);
  margin-bottom: 20px;
  max-width: 460px;
}
#ex-reviews .dropdown-toggle, #ex-reviews .btn-offcontent {
  font-size: var(--font-size-body2);
  display: flex;
  align-items: center;
  gap: 5px;
}
#ex-reviews .dropdown-toggle:after, #ex-reviews .btn-offcontent:after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.682 16.5708V4.13086C7.682 3.85472 7.45814 3.63086 7.182 3.63086C6.90586 3.63086 6.682 3.85472 6.682 4.13086V16.5708L4.70703 14.4919L4 15.2362L6.8285 18.2136C7.02381 18.419 7.34022 18.419 7.53553 18.2136L10.364 15.2362L9.65697 14.4919L7.682 16.5708ZM17.364 6.76244L14.5355 3.785C14.3402 3.57954 14.0238 3.57954 13.8285 3.785L11 6.76244L11.707 7.50668L13.682 5.42777V17.8677C13.682 18.1438 13.9059 18.3677 14.182 18.3677C14.4582 18.3677 14.682 18.1438 14.682 17.8677V5.42773L16.657 7.50668L17.364 6.76244Z" fill="%23002D7B"/></svg>');
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
  filter: grayscale(1) brightness(0.5);
  transition: var(--duration-fast) filter ease;
}
#ex-reviews .dropdown-toggle[aria-expanded=true]:after, #ex-reviews .btn-offcontent[aria-expanded=true]:after {
  filter: none;
}
#ex-reviews .left {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#ex-reviews .left .thumbnails {
  background: #f6f6f6;
  padding: 20px;
  border-radius: var(--radius-corner);
}
#ex-reviews .left .thumbnails .title {
  font-size: var(--font-size-price);
  margin-bottom: 15px;
  font-weight: 450;
}
#ex-reviews .left .thumbnails .items-wrapper {
  width: 100%;
  padding-top: calc(16.6666666667% - 12px);
  position: relative;
}
#ex-reviews .left .thumbnails .items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 15px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#ex-reviews .left .thumbnails .items > span, #ex-reviews .left .thumbnails .items .item {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: var(--color-gray2);
  height: 0px;
  transition: var(--duration-fast) opacity;
}
#ex-reviews .left .thumbnails .items > span:hover, #ex-reviews .left .thumbnails .items .item:hover {
  opacity: 0.5;
}
#ex-reviews .left .thumbnails .items > span img, #ex-reviews .left .thumbnails .items .item img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  object-position: center;
  object-fit: cover;
}
#ex-reviews .left .thumbnails .items > span.item-black span, #ex-reviews .left .thumbnails .items .item.item-black span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  font-size: var(--font-size-large);
  font-weight: 300;
  background: rgba(0, 0, 0, 0.7);
}
#ex-reviews .left .thumbnails .items > span {
  cursor: default;
}
#ex-reviews .left .reviews-items {
  gap: 15px;
}
#ex-reviews .left .reviews-items .item {
  background: #f6f6f6;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: calc(.5 *var(--font-size-title));
  border-radius: var(--radius-corner);
}
#ex-reviews .left .reviews-items .item .href {
  font-weight: 550;
}
#ex-reviews .left .reviews-items .item .href:hover {
  opacity: 0.5;
}
#ex-reviews .left .reviews-items .item .column {
  gap: 10px;
}
#ex-reviews .left .reviews-items .item .toprow {
  gap: 10px;
  line-height: 1;
}
#ex-reviews .left .reviews-items .item .name {
    font-weight: 450;
}
#ex-reviews .left .reviews-items .item .data {
  font-size: .89em;
}
#ex-reviews .left .reviews-items .item .ratings {
  gap: 10px;
}
#ex-reviews .left .reviews-items .item .rating {
  gap: 5px;
  display: flex;
  align-items: center;
}
#ex-reviews .left .reviews-items .item .ratetext {
  font-size: var(--font-size-price);
  padding: 5px 10px;
  border: 1px solid var(--color-gray2);
  border-radius: var(--radius-corner);
  font-weight: 450;
}
#ex-reviews .left .reviews-items .item .ratetext span {
  font-weight: 400;
}
#ex-reviews .left .reviews-items .item .textblock .title {
  margin-bottom: 10px;
  font-weight: 450;
}
#ex-reviews .left .reviews-items .item .textblock .text {
  font-weight: 300;
}
#ex-reviews .left .reviews-items .item .bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}
#ex-reviews .left .reviews-items .item .bottom .rev-thumbnails {
  flex-grow: 1;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  gap: 10px;
}
#ex-reviews .left .reviews-items .item .bottom .rev-thumbnails .thumb {
  width: 80px;
  padding-top: 80px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  flex-shrink: 0;
}
#ex-reviews .left .reviews-items .item .bottom .rev-thumbnails .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  object-position: center;
  object-fit: cover;
}
#ex-reviews .left .reviews-items .item .bottom .like {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: var(--font-size-body);
  gap: 5px;
  flex-shrink: 0;
}
#ex-reviews .left .reviews-items .item .bottom .like .icon {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  transition: var(--duration-fast) opacity;
}
#ex-reviews .left .reviews-items .item .bottom .like .icon i {
  width: 28px;
  height: 28px;
  background: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.8582 15.5968C23.2681 15.074 23.4647 14.5136 23.4396 13.9364C23.4145 13.3007 23.1301 12.803 22.8959 12.4977C23.1677 11.8202 23.2723 10.7537 22.3647 9.92555C21.6997 9.31911 20.5705 9.04726 19.0063 9.12254C17.9063 9.17273 16.9862 9.37767 16.9486 9.38603H16.9444C16.7353 9.42367 16.5136 9.46968 16.2877 9.51987C16.271 9.2522 16.317 8.5872 16.8105 7.08992C17.3961 5.30824 17.3626 3.94479 16.7018 3.03304C16.0075 2.07528 14.8992 2 14.573 2C14.2593 2 13.9707 2.12965 13.7658 2.36805C13.3015 2.90757 13.3559 3.90297 13.4145 4.36303C12.8624 5.84358 11.3149 9.47386 10.0059 10.4818C9.98076 10.4985 9.95985 10.5194 9.93894 10.5404C9.55416 10.946 9.29486 11.3852 9.1192 11.77C8.87244 11.6361 8.59222 11.5609 8.29109 11.5609H5.73986C4.77792 11.5609 4 12.343 4 13.3007V20.097C4 21.059 4.7821 21.8369 5.73986 21.8369H8.29109C8.66332 21.8369 9.01046 21.7198 9.29486 21.519L10.2777 21.6361C10.4283 21.657 13.105 21.9958 15.8528 21.9414C16.3505 21.9791 16.8189 22 17.2539 22C18.0025 22 18.655 21.9414 19.1987 21.8243C20.4785 21.5525 21.3526 21.0088 21.7959 20.21C22.1347 19.5993 22.1347 18.9929 22.0803 18.6081C22.9126 17.8553 23.059 17.023 23.0297 16.4375C23.013 16.0987 22.9377 15.8101 22.8582 15.5968ZM5.73986 20.7077C5.40109 20.7077 5.12923 20.4316 5.12923 20.097V13.2965C5.12923 12.9578 5.40527 12.6859 5.73986 12.6859H8.29109C8.62986 12.6859 8.90171 12.9619 8.90171 13.2965V20.0928C8.90171 20.4316 8.62568 20.7035 8.29109 20.7035H5.73986V20.7077ZM21.7875 15.1075C21.6119 15.2915 21.5784 15.5717 21.7123 15.7892C21.7123 15.7934 21.8837 16.0862 21.9046 16.4877C21.9339 17.0355 21.6704 17.5207 21.1184 17.9348C20.9218 18.0853 20.8423 18.3446 20.926 18.5788C20.926 18.583 21.1058 19.1351 20.813 19.6579C20.5328 20.1598 19.9097 20.5194 18.9644 20.7202C18.2074 20.8833 17.1786 20.9126 15.9155 20.8122H15.857C13.1677 20.8708 10.4492 20.5194 10.4199 20.5153H10.4157L9.99331 20.4651C10.0184 20.348 10.0309 20.2225 10.0309 20.097V13.2965C10.0309 13.1167 10.0017 12.941 9.95148 12.7779C10.0268 12.4977 10.2359 11.8745 10.7294 11.3434C12.6073 9.85445 14.4433 4.83145 14.5228 4.61397C14.5563 4.52614 14.5646 4.42995 14.5479 4.33375C14.4768 3.86533 14.5019 3.29235 14.6023 3.12087C14.8239 3.12505 15.422 3.18779 15.7817 3.68549C16.2083 4.2752 16.1916 5.32915 15.7315 6.72606C15.0289 8.85487 14.9703 9.97574 15.5266 10.4693C15.8026 10.716 16.1706 10.7286 16.4383 10.6324C16.6934 10.5738 16.936 10.5236 17.166 10.486C17.1828 10.4818 17.2037 10.4776 17.2204 10.4734C18.5044 10.1932 20.8047 10.0217 21.6035 10.7495C22.2811 11.3685 21.8001 12.1882 21.7457 12.276C21.591 12.5102 21.637 12.8156 21.8461 13.0038C21.8503 13.0079 22.2894 13.422 22.3103 13.9783C22.3271 14.3505 22.1514 14.7311 21.7875 15.1075Z" fill="%23041E41"/></svg>');
  filter: grayscale(1);
}
#ex-reviews .left .reviews-items .item .bottom .like .icon:hover {
  opacity: .5;
}
#ex-reviews .left .reviews-items .item .bottom .like .icon.active {color:var(--color-blue)}

#ex-reviews .left .reviews-items .item .bottom .like .icon.active i {filter: none}
#ex-reviews .left .reviews-items .show-more-button {
  color: var(--color-blue);
  opacity: 1;
  transition: var(--duration-fast) all;
}
#ex-reviews .left .reviews-items .show-more-button:hover {
  opacity: 0.5;
}
#ex-reviews .right .results {
  background: #f6f6f6;
  padding: 20px 30px;
  gap: 15px;
  position: sticky;
  top: 131px;
  display: flex;
  justify-content: space-between;
  border-radius: var(--radius-corner);
}
#ex-reviews .right .results .left {
  flex-shrink: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 160px;
}
#ex-reviews .right .results .left .title {
  font-size: calc(1.25 * var(--font-size-price));
  font-weight: 450;
}
#ex-reviews .right .results .left .rating {
  font-size: 42px;
  line-height: 1.2;
}
#ex-reviews .right .results .left .stars {
  gap: 5px;
}
#ex-reviews .right .results .left .total {
  font-size: var(--font-size-price);
}
#ex-reviews .right .results .right {
  width: 266px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
}
#ex-reviews .right .results .right .column {
  gap: 15px;
  width: 100%;
}
#ex-reviews .right .results .right .item {
  justify-content: space-between;
  gap: 10px;
  display: flex;
  align-items: center;
  font-size: var(--font-size-price);
}
#ex-reviews .right .results .right .text {
  width: 45px;
  text-align: right;
}
#ex-reviews .right .results .right .itemline {
  flex-grow: 1;
  height: 4px;
  background: var(--color-divaders);
  position: relative;
  overflow: hidden;
}
#ex-reviews .right .results .right .progress {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  background: var(--color-yellow);
}
#ex-reviews .right .results .right progress {
  border-radius: var(--radius-corner);
  height: 4px;
  flex-grow: 1;
}
#ex-reviews .right .results .right progress::-webkit-progress-bar {
  background-color: var(--color-gray2);
  border-radius: var(--radius-corner);
}
#ex-reviews .right .results .right progress::-webkit-progress-value {
  background-color: var(--color-blue);
  border-radius: var(--radius-corner);
}
#ex-reviews .right .results .right .site__btn {
  font-size: var(--font-size-body);
  font-weight: 450;
  width: 100%;
}

.feedback-form-review {
  gap: 15px;
  padding: 0 3px;
}
.feedback-form-review .estimation {
  gap: 15px;
}
.feedback-form-review .estimation .stars {
  gap: 5px;
}
.feedback-form-review .estimation .star-block {
  transition: var(--duration-fast) opacity ease;
  filter: grayscale(1) brightness(7);
  cursor: pointer;
}
.feedback-form-review .estimation .star-block.star-hover {
  opacity: 0.5;
  filter: none;
}
.feedback-form-review .estimation .star-block.star-active {
  opacity: 1;
  filter: none;
}
.feedback-form-review .experience {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
}
.feedback-form-review .experience button {
  text-align: left;
  cursor: default;
  pointer-events: none;
  font-size: inherit;
}
.feedback-form-review .experience button:after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.80078 8.2002L12.6008 16.0002" stroke="%235D5D5D" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.7996 8.2L12.5996 16" stroke="%235D5D5D" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transition: var(--duration-fast) transform;
  display: none;
}
.feedback-form-review .experience button[aria-expanded="true"]:after {transform: rotate(180deg)}
.feedback-form-review .experience .options {
  gap: 15px;
}
.feedback-form-review .experience .options__input {
  display: none;
}
.feedback-form-review .experience .options__label {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: var(--font-size-body);
  cursor: pointer;
}
.feedback-form-review .experience .options__label:hover:before {
  outline-color: var(--color-blue);
}
.feedback-form-review .experience .options__label:before {
  content: "";
  width: 18px;
  height: 18px;
  border: 2px solid var(--color-white);
  border-radius: var(--radius-circle);
  padding: 2px;
  background: transparent;
  transition: var(--duration-fast) outline-color ease;
  outline: 1px solid var(--color-gray);
}
.feedback-form-review .experience .options__label.active:before {
  background: var(--color-blue);
  outline-color: var(--color-blue);
}
.feedback-form-review .textarea {
  position: relative;
  padding: 12px 15px;
  padding-right: 10px;
  background: var(--color-gray3);
  border-radius: var(--radius-corner);
}
.feedback-form-review .textarea .feedback__textarea {
  width: 100%;
  resize: none;
  height: 55px;
  font-size: var(--font-size-price);
  padding: 0 5px 0 0;
  box-shadow: none;
  border: none;
  line-height: 1.4;
  min-height: 1px;
  background: transparent;
}
.feedback-form-review .textarea .feedback__textarea::placeholder{color:var(--color-gray)}
.feedback-form-review .textarea .feedback__textarea:-webkit-placeholder{color:var(--color-gray)}
.feedback-form-review .textarea .feedback__textarea:-moz-placeholder{color:var(--color-gray)}
.feedback-form-review .textarea.error {
  border: 1px solid var(--color-blue-h);
}
.feedback-form-review .file .dz-wrapper {
  position: relative;
}
.feedback-form-review .file .dz-allert {
  color: var(--color-error);
  margin-top: 10px;
  text-align: center;
}
.feedback-form-review .file .dropzone .dz-button {
  background: var(--color-gray3) url('data:image/svg+xml,<svg width="27" height="24" viewBox="0 0 27 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.62562 22.5069H16.8119C17.0605 22.5069 17.299 22.4081 17.4748 22.2323C17.6506 22.0565 17.7494 21.818 17.7494 21.5694C17.7494 21.3207 17.6506 21.0823 17.4748 20.9065C17.299 20.7306 17.0605 20.6319 16.8119 20.6319H2.62562C2.39331 20.6316 2.17059 20.5392 2.00641 20.3748C1.84222 20.2104 1.75 19.9876 1.75 19.7553V6.64813C1.75 6.16438 2.14281 5.77156 2.62562 5.77156H6.70469C7.91687 5.77156 9.00156 4.95875 9.34656 3.78875L9.51719 3.19531C9.57107 3.01374 9.6819 2.85429 9.83332 2.74052C9.98474 2.62674 10.1687 2.56466 10.3581 2.56344H14.8356C15.0245 2.56432 15.208 2.62584 15.3592 2.73892C15.5105 2.85201 15.6214 3.01068 15.6756 3.19156L15.85 3.79438C16.1003 4.64563 16.7491 5.30375 17.5516 5.6V6.90219C17.5526 7.63131 17.8427 8.33027 18.3584 8.84575C18.874 9.36122 19.5731 9.65113 20.3022 9.65188H23.4447V14C23.4447 14.2486 23.5435 14.4871 23.7193 14.6629C23.8951 14.8387 24.1335 14.9375 24.3822 14.9375C24.6308 14.9375 24.8693 14.8387 25.0451 14.6629C25.2209 14.4871 25.3197 14.2486 25.3197 14V6.64719C25.3189 5.91782 25.0289 5.21852 24.5133 4.70269C23.9976 4.18686 23.2984 3.89662 22.5691 3.89563H18.4891C18.3005 3.8946 18.1173 3.83313 17.9662 3.72024C17.8152 3.60735 17.7044 3.44899 17.65 3.26844L17.4756 2.66563C17.306 2.0963 16.9578 1.59661 16.4824 1.2404C16.007 0.884189 15.4297 0.690342 14.8356 0.6875H10.3581C9.76312 0.690601 9.18493 0.885192 8.70912 1.24247C8.23331 1.59975 7.88518 2.10072 7.71625 2.67125L7.54562 3.26469C7.49158 3.44609 7.38067 3.60533 7.22927 3.71892C7.07786 3.83252 6.89397 3.89446 6.70469 3.89563H2.62656C1.89687 3.89637 1.19729 4.18663 0.681405 4.70269C0.165522 5.21875 -0.124504 5.91843 -0.125 6.64813V19.7553C-0.124256 20.4847 0.16575 21.184 0.681405 21.6998C1.19706 22.2156 1.89626 22.5059 2.62562 22.5069ZM22.5691 5.7725C23.0519 5.7725 23.4447 6.16438 23.4447 6.64813V7.77688H20.3022C20.0702 7.77663 19.8478 7.68442 19.6836 7.52047C19.5195 7.35651 19.4271 7.13418 19.4266 6.90219V5.77156L22.5691 5.7725Z" fill="%23041E41"/><path d="M12.5973 7.70312C11.1469 7.70461 9.75638 8.28143 8.73082 9.30699C7.70526 10.3325 7.12844 11.7231 7.12695 13.1734C7.12695 16.1894 9.58133 18.6428 12.5973 18.6428C15.6132 18.6428 18.0676 16.1894 18.0676 13.1734C18.0661 11.7231 17.4893 10.3325 16.4637 9.30699C15.4382 8.28143 14.0476 7.70461 12.5973 7.70312ZM12.5973 16.7678C10.6154 16.7678 9.00195 15.1553 9.00195 13.1734C9.00195 11.1916 10.6145 9.57812 12.5973 9.57812C14.5801 9.57812 16.1926 11.1906 16.1926 13.1734C16.1926 15.1562 14.5801 16.7678 12.5973 16.7678ZM25.1879 18.8191H23.507V17.1391C23.507 16.8904 23.4082 16.652 23.2324 16.4762C23.0566 16.3003 22.8181 16.2016 22.5695 16.2016C22.3208 16.2016 22.0824 16.3003 21.9065 16.4762C21.7307 16.652 21.632 16.8904 21.632 17.1391V18.82H19.9501C19.7014 18.82 19.463 18.9188 19.2872 19.0946C19.1113 19.2704 19.0126 19.5089 19.0126 19.7575C19.0126 20.0061 19.1113 20.2446 19.2872 20.4204C19.463 20.5962 19.7014 20.695 19.9501 20.695H21.632V22.3769C21.632 22.6255 21.7307 22.864 21.9065 23.0398C22.0824 23.2156 22.3208 23.3144 22.5695 23.3144C22.8181 23.3144 23.0566 23.2156 23.2324 23.0398C23.4082 22.864 23.507 22.6255 23.507 22.3769V20.695H25.1879C25.4365 20.695 25.675 20.5962 25.8508 20.4204C26.0266 20.2446 26.1254 20.0061 26.1254 19.7575C26.1254 19.5089 26.0266 19.2704 25.8508 19.0946C25.675 18.9188 25.4365 18.82 25.1879 18.82V18.8191Z" fill="%23041E41"/></svg>') no-repeat 15px center;
  overflow: hidden;
  border: none;
  padding: 10px;
  height: 80px;
  padding-left: 55px;
  text-align: left;
  transition: var(--duration-fast) opacity;
  width: 100%;
  border-radius: var(--radius-corner);
}
.feedback-form-review .file .dropzone .dz-button:hover {
  opacity: 0.5;
}
.feedback-form-review .file .dropzone .dz-image-preview {
  width: 50px;
  height: 50px;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}
.feedback-form-review .file .dropzone .dz-image-preview .dz-remove {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.feedback-form-review .file .dz-preloader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(1px);
}
.feedback-form-review .file .dz-previews {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-white);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--font-size-body);
  pointer-events: none;
  padding: 15px;
  overflow: hidden;
  flex-wrap: wrap;
}
.feedback-form-review .file .dz-previews .counter {
  order: 5;
}
.feedback-form-review .file .dz-previews .dz-image-preview {
  overflow: hidden;
  position: relative;
  pointer-events: all;
  cursor: default;
  transition: var(--duration-fast) opacity;
  flex-shrink: 0;
}
.feedback-form-review .file .dz-previews .dz-image-preview .spinner-grow {
  position: absolute;
  top: calc(50% - 0.5 * var(--bs-spinner-width));
  left: calc(50% - 0.5 * var(--bs-spinner-width));
  z-index: 2;
}
.feedback-form-review .file .dz-previews .dz-image-preview.dz-processing {
  opacity: 0.5;
}
.feedback-form-review .file .dz-previews .dz-image-preview.dz-success {
  opacity: 0.9;
}
.feedback-form-review .file .dz-previews .dz-image-preview.dz-complete {
  opacity: 1;
  cursor: pointer;
}
.feedback-form-review .file .dz-previews .dz-image-preview:hover {
  opacity: 0.5;
}
.feedback-form-review .file .dz-previews .dz-image-preview .dz-remove {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.feedback-form-review .inputs {
  display: flex;
  align-items: stretch;
  gap: 10px;
}
.feedback-form-review .inputs .input {
  flex-grow: 1;
  position: relative;
}
.feedback-form-review .inputs .input input {
  border-radius: var(--radius-corner);
  border: none;
  padding: 0 15px;
  line-height: 1.2;
  background: var(--color-gray3);
  height: 45px;
  font-size: var(--font-size-price);
}
.feedback-form-review .inputs .input input::placeholder{color:var(--color-gray)}
.feedback-form-review .inputs .input input:-webkit-placeholder{color:var(--color-gray)}
.feedback-form-review .inputs .input input:-moz-placeholder{color:var(--color-gray)}
.feedback-form-review .inputs .input.error input {
  border: 1px solid var(--color-blue-h);
}
.feedback-form-review .warning {
  color: var(--color-dark2);
  gap: 5px;
}
.feedback-form-review .warning svg {
  flex-shrink: 0;
}
.feedback-form-review .rev__footer {
  position: sticky;
  bottom: 10px;
  z-index: 2;
}
.feedback-form-review .rev__footer .site__btn {
  width: 100%;
}
.feedback-form-review .rev__footer .ex-alert {
  color: var(--color-blue-h);
  font-size: var(--font-size-body);
  text-align: center;
  margin-bottom: 15px;
}

#feedback {
  width: 100%;
  max-width: 595px;
  margin: 0 auto;
  position: relative;
  background: var(--color-white);
  border-radius: var(--radius-corner);
}
#feedback .feedback {
  padding: 20px 17px;
  font-size: var(--font-size-price);
}
#feedback .top {
  gap: 15px;
  padding-bottom: 15px;
  border-bottom: 2px solid var(--color-gray2);
  margin-bottom: 15px;
  align-items: center;
}
#feedback .top .title {
  font-size: calc(1.25 * var(--font-size-price));
  line-height: 1.2;
  font-weight: 450;
}
#feedback .list {
  /* overflow-y: auto; */
  width: calc(100% + 8px);
  padding-right: 8px;
}
#ex-form-review-ok {position: relative;max-width: 510px;width: 100%;margin: 0 auto;position: relative;}
.ex-form-success {
  background: var(--color-white);
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: var(--font-size-price);
  text-align: center;
}
.ex-form-success .top {
  gap: 15px;
  font-size: var(--font-size-large);
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-gray);
}

.fotoslider-popup {
  padding: 0;
  background: var(--color-white);
  }
.fotoslider-popup #fotoslider-popup .fotoslider-row {
  gap: 15px;
  max-width: 100vw;
}
.fotoslider-popup #fotoslider-popup .fotoslider-header {
  font-size: var(--font-size-body2);
  gap: 5px;
  width: 100%;
  text-align: center;
  justify-content: center;
  flex-shrink: 0;
}
.fotoslider-popup #fotoslider-popup .fotoslider-column {
  height: 100%;
  width: 82px;
  flex-shrink: 0;
  gap: 20px;
}
.fotoslider-popup #fotoslider-popup .fotoslider-column .sliderArrow {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: rotate(90deg);
}
.fotoslider-popup #fotoslider-popup .fotoslider-column .fotoslider-thumbs-wrapper {
  height: calc(100vh - 160px);
}
.fotoslider-popup #fotoslider-popup .fotoslider-column .fotoslider-thumbs {
  height: 100%;
}
.fotoslider-popup #fotoslider-popup .fotoslider-column .fotoslider-thumb {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border: 1px solid var(--color-gray3);
}
.fotoslider-popup #fotoslider-popup .fotoslider-column .fotoslider-thumb[class*=-thumb-active] {
  border-color: var(--color-blue);
}
.fotoslider-popup #fotoslider-popup .fotoslider-main {
  width: calc(100% - 102px);
  gap: 20px;
}
.fotoslider-popup #fotoslider-popup .fotoslider-main-slider {
    width: 100%;
}
.fotoslider-popup #fotoslider-popup .fotoslider-main .sliderArrow {
  position: relative;
  left: 0;
  right: 0;
  transform: none;
  top: 0;
  bottom: 0;
}
.fotoslider-popup #fotoslider-popup .fotoslider-main .fotoslider-main-slide {
  text-align: center;
  padding-top: 50%;
  position: relative;
}
.fotoslider-popup #fotoslider-popup .fotoslider-main .fotoslider-main-slide img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 1199px) {
  #ex-reviews .main__title {
    margin-bottom: 10px;
  }
  #ex-reviews .left .reviews-items .item {
    font-size: var(--font-size-body);
  }
  #ex-reviews .right .results .left {
    width: auto;
    flex-shrink: 0;
  }
  #ex-reviews .right .results .left .title {
    font-size: var(--font-size-body2);
  }
  #ex-reviews .right .results .right {
    width: auto;
    flex-grow: 1;
  }
}
@media screen and (max-width: 991px) {
  .reviews__page {
    margin: 20px 0 30px;
  }
  #ex-reviews .right .results {
    padding: 20px;
    flex-direction: column;
  }
  #ex-reviews .right .results .left {
    width: 100%;
  }
  #ex-reviews .right .results .right {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #ex-reviews {
    gap: 15px;
}
  #ex-reviews .main__title {
    margin: 0;
  }
  #ex-reviews > .sorts {
    order: 1;
  }
  #ex-reviews > .left {
    order: 2;
  }
  #ex-reviews > .right {
    order: 0;
    margin-bottom: 5px;
  }
  #ex-reviews > .left .thumbnails .title {
    margin-bottom: 15px;
  }
  #ex-reviews > .left .thumbnails .items-wrapper {
    padding-top: calc(25% - 7px);
  }
  #ex-reviews > .left .thumbnails .items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  #ex-reviews .right .results {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px 12px;
    gap: 15px;
    align-items: flex-end;
  }
  #ex-reviews .right .results .title {
    width: 100%;
    text-align: center;
    font-size: calc(1.25 * var(--font-size-price));
    font-weight: 450;
  }
  #ex-reviews .right .results .left {
    width: calc(47% - 15px);
  }
  #ex-reviews .right .results .left .rating {
    color: var(--color-dark);
  }
  #ex-reviews .right .results .right {
    width: 53%;
    flex-grow: 0;
  }
  #ex-reviews .right .results .right .btn {
    --bs-btn-padding-x: 10px;
    width: 100%;
    margin-top: auto;
  }
  .feedback-form-review .experience {
    flex-direction: column;
    align-items: flex-start;
}
  .feedback-form-review .experience button {
    cursor: pointer;
    pointer-events: all;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .feedback-form-review .experience button:after {display: block}
  .feedback-form-review .experience .options {flex-direction: column;gap:15px;padding:2px;}
  .fotoslider-popup #fotoslider-popup {
    height: 100vh;
  }
  .fotoslider-popup #fotoslider-popup .fotoslider-row {
    flex-direction: column;
    height: 100%;
    padding: 15px 0 20px;
  }
  .fotoslider-popup #fotoslider-popup .fotoslider-column {
    order: 2;
    width: 100%;
    height: auto;
  }
  .fotoslider-popup #fotoslider-popup .fotoslider-column .sliderArrow {
    display: none;
  }
  .fotoslider-popup #fotoslider-popup .fotoslider-column .fotoslider-thumbs-wrapper {
    height: auto;
    width: 100%;
  }
  .fotoslider-popup #fotoslider-popup .fotoslider-main {
    width: 100%;
    flex-grow: 1;
    height: 100%;
    position: relative;
  }
  .fotoslider-popup #fotoslider-popup .fotoslider-main .sliderArrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
  }
  .fotoslider-popup #fotoslider-popup .fotoslider-main .sliderArrow.sliderArrow-prev {
    left: 15px;
    right: auto;
  }
  .fotoslider-popup #fotoslider-popup .fotoslider-main .sliderArrow.sliderArrow-next {
    right: 15px;
    left: auto;
  }
  .fotoslider-popup #fotoslider-popup .fotoslider-main .fotoslider-main-slide {
    padding-top: 100%;
  }
  .feedback-form-review .inputs {
    flex-direction: column;
}
  .feedback-form-review .file .dropzone .dz-button {height: 60px;background-position: 15px center;font-size: var(--font-size-body);}
  .feedback-form-review .file .dropzone .dz-button span {display: none}
}