.tabs-block__links-item .square-anim {
  display: flex;
  justify-content: flex-end;
  z-index: 2;
  justify-self: end;
}
.tabs-block__links-item .square-anim .square-anim__container {
  display: flex;
  align-items: center;
  justify-content: center;
	width: 45px;
	height: 45px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background-color: #f8a734;
  margin: auto 0;
  margin-left: auto;
}
.tabs-block__links-item .square-anim .square-anim__container i {
  transition: 0.3s ease-in-out;
  transform: translateX(-7px);
  font-weight: 200;
  color: #fff;
  width: 15px;
  height:15px;
}
.tabs-block__links-item .square-anim .square-anim__container i:first-child {
  display: 0;
  opacity: 0;
  margin-right: 10px;
}
.tabs-block__links-item .square-anim .square-anim__container i:last-child {
  opacity: 1;
}
.tabs-block__links-item:hover .square-anim .square-anim__container i {
  transform: translateX(18px);
}
.tabs-block__links-item:hover
  .square-anim
  .square-anim__container
  i:first-child {
  display: 1;
  opacity: 1;
}
.tabs-block__links-item:hover
  .square-anim
  .square-anim__container
  i:last-child {
  opacity: 0;
}
/*  */



/*  */
/* .tabs-block__links-item-link {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.772875816993464vw;
	height: 2.772875816993464vw;
	background-color: #e6201c;
	margin: auto 0;
	margin-left: auto;
	transform: translate(-25%) rotate(45deg);
  position: relative;
}
@media screen and (min-width: 1224px) {
	.tabs-block__links-item-link {
		width: 33.94px;
		height: 33.94px;
	}
}
@media screen and (max-width: 1024px) {
	.tabs-block__links-item-link {
		width: 3.314453125vw;
		height: 3.314453125vw;
	}
}
@media screen and (max-width: 768px) {
	.tabs-block__links-item-link {
		width: 33.94px;
		height: 33.94px;
		margin: 0;
		position: absolute;
		right: 0;
	}
}
.tabs-block__links-item-link::before {
	content: '';
  position: absolute;
	width: 0.816993464052288vw;
	height: 0.816993464052288vw;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
  top:100%;
  left:0%;
  transform:translate(-50%, -50%);
}

.tabs-block__links-item:hover .tabs-block__links-item-link::before {
  transition: 0.3s ease-in;
  transform: translateX(7px);
}

.tabs-block__links-item-link::after {
  content: '';
  position: absolute;
  width: 0.816993464052288vw;
  height: 0.816993464052288vw;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  top:50%;
left:50%;
transform:translate(-50%, -50%);
}
@media screen and (min-width: 1224px) {
	.tabs-block__links-item-link::before {
		width: 10px;
		height: 10px;
	}
}
@media screen and (max-width: 1024px) {
	.tabs-block__links-item-link::before {
		width: 0.9765625vw;
		height: 0.9765625vw;
	}
}
@media screen and (max-width: 768px) {
	.tabs-block__links-item-link::before {
		width: 10px;
		height: 10px;
	}
}
@media screen and (max-width: 768px) {
	.tabs-block__content-item--active .tabs-block__spoiler-title {
		color: #e6201c;
	}
	.tabs-block__content-item--active .tabs-block__spoiler-title::before {
		background-color: #e6201c;
	}
	.tabs-block__content-item--active .tabs-block__spoiler-title::after {
		border-color: #e6201c;
		transform: translateY(25%) rotate(-45deg);
	}
	.tabs-block__content-item--active .tabs-block__spoiler-link,
	.tabs-block__content-item--active .tabs-block__spoiler-content {
		display: block;
	}
} */

.cube__info .square-anim {
  display: flex;
  justify-content: flex-end;
  align-items: end;
  z-index: 2;
}
.cube__info .square-anim .square-anim__container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.cube__info .square-anim .square-anim__container i {
  transition: 0.3s ease-in-out;
  transform: translateX(-7px);
  font-weight: 200;
}
.cube__info .square-anim .square-anim__container i:first-child {
  display: 0;
  margin-right: 10px;
}
.cube__info .square-anim .square-anim__container i:last-child {
  opacity: 1;
}
.cube__info:hover .square-anim .square-anim__container i {
  transform: translateX(9px);
}
.cube__info:hover .square-anim .square-anim__container i:first-child {
  display: 1;
}
.cube__info:hover .square-anim .square-anim__container i:last-child {
  opacity: 0;
}
.cube__info:hover .triggers {
  opacity: 1;
}
/*  */
.cooperation-tiles__item .square-anim {
  display: flex;
  justify-content: flex-end;
  align-items: end;
  z-index: 2;
}
.cooperation-tiles__item .square-anim .square-anim__container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background-color: #f8a734;
  color: #fff;
  flex-direction: column;
}
.cooperation-tiles__item .square-anim .square-anim__container i {
  transition: 0.3s ease-in;
  transform: translateY(-8px);
  /* transform: translateY(130%); */
  transition-timing-function: ease-out;
  transition: 0.2s;
  font-weight: 200;
}
.cooperation-tiles__item .square-anim .square-anim__container i:first-child {
  display: 0;
  /* margin-right: 10px; */
}
.cooperation-tiles__item .square-anim .square-anim__container i:last-child {
  opacity: 1;
}
.cooperation-tiles__item:hover .square-anim .square-anim__container i {
  transform: translateY(8px);
}
.cooperation-tiles__item:hover
  .square-anim
  .square-anim__container
  i:first-child {
  display: 1;
}
.cooperation-tiles__item:hover
  .square-anim
  .square-anim__container
  i:last-child {
  opacity: 0;
}
.cooperation-tiles__item:hover .triggers {
  opacity: 1;
}

/* BTNS */

.system-src i {
  margin-left: 13px;
  opacity: 0.6;
}

.system-src i {
  transition: transform 0.2s ease;
}
.system-src:hover i,
.system-src:active i {
  transform: scale(1.5);
}

.news-slider__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .news-slider__top {
    margin-bottom: 40px;
  }
}
.news-slider__top-title {
  margin: 0;
  padding: 0;
  font-size: 32px;
  line-height: 36px;
  color: #000;
  font-weight: 700;
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .news-slider__top-title {
    font-size: 24px;
    margin-right: 20px;
  }
}
.news-slider__top-control {
  width: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .news-slider__top-control {
    display: none;
  }
}
.news-slider__control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 1024px) {
  .news-slider__control {
    font-weight: 700;
  }
}
.news-slider__control-btn {
  display: block;
  width: auto;
  cursor: pointer;
  padding-left: 4px;
}
.news-slider__control-btn::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.news-slider__control-btn:hover::before {
  border-color: #f8a734;
}
.news-slider__control-btn--disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
}
.news-slider__control-btn--next {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.news-slider__control-fraction {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  margin: 0 auto;
  padding: 0 25px;
  color: #141416;
  position: static !important;
}
.news-slider__control-fraction--current {
  color: #f8a734;
}
.news-slider__control-fraction--current,
.news-slider__control-fraction--total {
  min-width: 2.25ch;
}
.news-slider__slider {
  display: block;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .news-slider__slider,
  .gallery-block,
  .news-slider__slider .swiper,
  .gallery-block .swiper {
    overflow: visible;
  }
}
.news-slider__slider .swiper-wrapper {
  height: auto;
}
.news-slider__slider .swiper-slide img {
  max-width: 100%;
  border: none;
}
.news-slider__bottom {
  display: none;
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .news-slider__bottom {
    display: block;
  }
}
.news-slider-counter-title .news-slider__top-title::before {
  content: "#" counter(news-slider-title) "\00a0";
  display: inline-block;
  color: #f8a734;
}

.news-slider__top-title .todo {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #a1a1a2;
  margin-top: 10px;
}

.swiper-button {
  display: block;
  width: auto;
  cursor: pointer;
  padding-left: 4px;
}
.swiper-button---prev::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.swiper-button---next::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(135deg);
}

.swiper-button--disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
}
.swiper-button:hover::before {
  border-color: #f8a734;
}
.swiper-slider__control-btn--disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
}

.swiper-pagination--fraction {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  margin: 0 auto;
  padding: 0 25px;
  color: #141416;
  position: static !important;
}
/* + */
.calc__step__footer__btn-block__btn.non-bg.new::before {
  content: "\f067";
  color: #f8a734;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 16px;
  position: absolute;
  right: 17px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
div.calc__step__footer__btn-block__btn.calc-btn.new.non-bg:hover::before {
  content: "\f067";
  color: #f8a734;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 16px;
  position: absolute;
  right: 17px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  transform: scale(1.25);
}

#calc__step-1 > div.calc__step__footer.feedback__form > div > div:nth-child(1)::before {
  content: none;
}


/* 173-198 d update-v4 */
.feedback__form.btn__container::before {
  content: url("https://tn-ss.ru/html/htmlv/img/services/acoustic-service/right-arrow.svg");
  position: absolute;
  top: calc(50% + 2px);
  right: 7%;
  color: #fff;
  z-index: 1;
}
.feedback__form.btn__container.new::before {
  content: url("https://tn-ss.ru/html/htmlv/img/panels/plus.svg");
  position: absolute;
  top: calc(50% + 2px);
  right: 7%;
  color: #fff;
  z-index: 1;
}

.btn__container.next i {
  margin-left: 20px;
}
.btn__container.next:hover i {
  animation: ArrowSlideTI 0.5s linear infinite alternate;
}

.calc__step__footer__btn-block__btn calc-btn.new.non-bg.disabled {
  cursor: default !important;
}

@keyframes ArrowSlideTI {
  to {
    transform: translateX(10px);
  }
}

.slider-navi .swiper-button-prev::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.slider-navi .swiper-button-prev:hover::after,
.slider-navi .swiper-button-next:hover::after {
  border-color: #f8a734;
}

.slider-navi .swiper-button-next::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(135deg);
}

input:-webkit-autofill {
  transition: all 5000s ease-in-out 0s;
}
/* .wespe-popup__body {
  padding-top: 80px;
} */

footer
  .footer
  .footer__inner
  .top__side
  .navigation__footer
  .navigation__inner
  li
  a:hover {
  text-decoration: none;
  color: #f8a734;
}
.popup {
  top: 0;
}

#search-form .search-form.search-form--header.wespe-popup__content {
  padding-top: 80px;
}

/* #search-form .wespe-close-popup {
  text-decoration: none;
  z-index: 100;
  position: absolute;
  top: 120px;
  right: 85px;
  z-index: 1000;
} */
/* .search-form--header{
  visibility: hidden;
}
.search-form--header.search-form--active {
  visibility: visible;
} */

.objects {
  overflow: hidden;
}

#search-form .search-form__variants--show {
  display: block;
  /* Отображает контейнер при необходимости */
}

#search-form .search-form__variants-wrapper {
  max-height: 200px;
  /* Ограничивает высоту контейнера с вариантами */
  overflow-y: auto;
  /* Добавляет вертикальную прокрутку */
}

.search-form {
  position: relative;
  /* Устанавливает контекст для абсолютного позиционирования */
}

.callback__form__item input, .questions__form__item input, .wespe-feedback__form__item input {
  color: #fff;
  margin-left: 20px;
  border: none;
  background: transparent;
  font-weight: 700;
  font-size: 14px;
}

/* .wespe-feedback__form__item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ffffff31;
} */

input.wespe-feedback-button {
  display: flex;
  justify-content: center
}



@media screen and (max-width: 1024px) {
  .search-form {
    /*padding: 12px 30px;*/
  }
}
@media screen and (max-width: 768px) {
  .search-form {
    padding: 10px 24px;
		margin-bottom: 40px;
  }
}
.search-form__wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #fff;
  max-width: 1195px;
  margin: 0 auto;
  padding: 12px 0;
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .search-form__wrapper {
    max-width: 849px;
    padding: 8px 0;
  }
}
@media screen and (max-width: 768px) {
  .search-form__wrapper {
    max-width: none;
    padding: 10px 0;
  }
}
.search-form__label {
  display: inline-block;
  width: auto;
  margin-right: 11px;
  white-space: nowrap;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .search-form__label {
    /*display: none;*/
  }
}
.search-form__search {
  display: block;
  width: 100%;
  background-color: transparent;
  border: 0;
  outline: none;
  color: inherit;
  font: inherit;
}
.search-form__submit {
  display: block;
  width: auto;
  background-color: transparent;
  border: 0;
  color: inherit;
  font-family: 'Font Awesome 5 Pro';
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  cursor: pointer;
}
.search-form__variants {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-height: 400px;
  background-color: #f8f8fc;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0 10px 10px rgba(20,20,22,0.1);
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease;
  transition-duration: transform, opacity;
}
@media screen and (max-width: 768px) {
  .search-form__variants {
    width: calc(100% + 48px);
    left: -24px;
    right: -24px;
  }
}
.search-form__variants--show {
  opacity: 1;
  transform: translateY(20px);
  pointer-events: all;
}
@media screen and (max-width: 1024px) {
  .search-form__variants--show {
    transform: translateY(10px);
  }
}
@media screen and (max-width: 768px) {
  .search-form__variants--show {
    transform: translateY(11px);
  }
}
.search-form__variants-wrapper {
  display: block;
  width: 100%;
  height: auto;
  max-height: 100%;
  overflow: hidden auto;
}
.search-form__variants-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid rgba(20,20,22,0.05);
  width: 100%;
  cursor: pointer;
}
.search-form__variants-item:last-child {
  border-bottom: 1px solid rgba(20,20,22,0.05);
}
.search-form__variants-item-image {
  display: block;
  width: 44px;
  height: 44px;
  margin-right: 10px;
}
.search-form__variants-item-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.search-form__variants-item-text {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  color: #a1a1a2;
}
.search-form__variants-item-text > span {
  color: #f8a734;
}
.search-form__variants-item:hover .search-form__variants-item-text,
.search-form__variants-item:hover .search-form__variants-item-text > span {
  color: #f8a734;
}
#search-form.wespe-popup.open {
  backdrop-filter:blur(0px);

}

/* .hero-block.mob {
  display: flex;
  flex-direction: column;
} */

.hero-block-container .crumbs__container a:last-child {
  color: #0000007a !important;
  margin-right: 0;
}

#calcpage .pages .hero-block-container .breads__crumbs .crumbs__container a::before {
  background-color: #141416;
  width: 5px;
  height: 5px;
  right: -12px;
}

.pages .hero-block-container .breads__crumbs .crumbs__container a:first-child {
  color: #f8a734;
}
#calcpage > main > div.hero-block.mob > div > div.hero-block.wrapper {
  margin-top: 0;
}

#calcpage > main > div.hero-block.mob {
  margin-top: 90px;
}

#calcpage > main > div.hero-block.mob > div > div.breads__crumbs {
  padding-left: 15px;
}

#calcpage > main > div.hero-block.mob > div > div.breads__crumbs > div > a:nth-child(1) {
  margin-right: 18px;
}
.map__hero {
  padding-left: 0px;
}

.search-form-variants-container {
  display: none;
}

#town_selection_popup li.visible.selected_town > a {
  color: #ee4523;
}