.hidden {
  display: none;
}

.btn-yellow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.row-flex {
  flex-wrap: wrap;
  /* overflow: hidden; */
}

/* .ss-main .ss-single-selected .placeholder, .ss-main .ss-single-selected .placeholder *{
    text-overflow: ellipsis;
    white-space: break-spaces;
} */
.row-flex .col-8 {
  padding: 12.5px 17.5px;
  flex: 1 1 calc(100% / 3 * 2);
}
.main .calculate__wrap .row-flex .col-8,
.main .calculate__wrap .row-flex .col-4 {
  max-width: 100%;
}

/* .advantages{

} */
.advantages ul li {
  line-height: 32px;
  padding-left: 24px;
  position: relative;
}
.advantages ul li:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.14035 0 0 3.14035 0 7C0 10.8596 3.14035 14 7 14C10.8596 14 14 10.8596 14 7C14 3.14035 10.8596 0 7 0ZM10.9123 5.15789L6.4386 9.59649C6.17544 9.85965 5.75439 9.87719 5.47368 9.61403L3.10526 7.45614C2.82456 7.19298 2.80702 6.75439 3.05263 6.47368C3.31579 6.19298 3.75439 6.17544 4.03509 6.4386L5.91228 8.1579L9.91228 4.15789C10.193 3.87719 10.6316 3.87719 10.9123 4.15789C11.193 4.4386 11.193 4.87719 10.9123 5.15789Z' fill='%2366B269'/%3E%3C/svg%3E%0A");
}

.garant ul li {
  line-height: 32px;
  padding-left: 24px;
  margin-bottom: 0.5em;
  position: relative;
}
.garant ul li:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0;
  top: 12px;
  background-color: #66b269;
  border-radius: 3px;
  /* background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.14035 0 0 3.14035 0 7C0 10.8596 3.14035 14 7 14C10.8596 14 14 10.8596 14 7C14 3.14035 10.8596 0 7 0ZM10.9123 5.15789L6.4386 9.59649C6.17544 9.85965 5.75439 9.87719 5.47368 9.61403L3.10526 7.45614C2.82456 7.19298 2.80702 6.75439 3.05263 6.47368C3.31579 6.19298 3.75439 6.17544 4.03509 6.4386L5.91228 8.1579L9.91228 4.15789C10.193 3.87719 10.6316 3.87719 10.9123 4.15789C11.193 4.4386 11.193 4.87719 10.9123 5.15789Z' fill='%2366B269'/%3E%3C/svg%3E%0A"); */
}

p {
  margin-bottom: 0.7em;
}

.modal-product .product-slider {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 470px;
  flex: 0 1 470px;
  height: 470px;
  border-radius: 10px;
  max-width: 470px;
}

.product-slider {
  margin: 0 -20px;
  position: relative;
}

.product-slider-prev {
  left: -20px;
}

.product-slider-next {
  right: -20px;
}

.slick-arrow.slick-disabled {
  opacity: 0;
}

.callbackCalcedForm {
  padding-top: 15px;
}

.product-slider .product__img {
  background-size: cover;
  min-height: 300px;
  width: 100%;
  outline: none;
  cursor: grab;
  margin: 0 10px;
}

.slick-arrow {
  position: absolute;
  transition: 0.3s all;
  z-index: 9;
  top: 50%;
  transform: translateY(-50%);
}

.slick-arrow svg {
  width: 50px;
  height: auto;
  margin: 0 2rem;
  cursor: pointer;
  overflow: visible;
}
.slick-arrow svg polygon,
.slick-arrow svg path {
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  fill: #66b269;
}
.slick-arrow svg:hover polygon,
.slick-arrow svg:hover path {
  transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
  fill: #000;
}
.slick-arrow svg:hover .arrow-6-pl {
  animation: arrow-6-anim 1s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}
.slick-arrow svg:hover .arrow-6-pl-fixed {
  animation: arrow-6-fixed-anim 1s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}

@keyframes arrow-6-anim {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  5% {
    transform: translateX(-0.1rem);
  }
  100% {
    transform: translateX(1rem);
    opacity: 0;
  }
}
@keyframes arrow-6-fixed-anim {
  5% {
    opacity: 0;
  }
  20% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

@media screen and (max-width: 910px) {
  .modal-product .product-slider {
    height: 300px;
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0;
  }

  .product-slider + .product__info {
    margin-top: 20px;
  }
}

.list-advantages {
  margin-bottom: 50px;
}

@media screen and (max-width: 500px) {
  #constructor .col-4 {
    flex: 100%;
  }
}

.header-address__item {
    margin-bottom: 10px;
  }