

/* Start:/local/components/stmd/concrete.calculator/templates/.default/style.css?17549816186865*/
.concrete-calculator__wrapper {
  display: flex;
  gap: 30px;
  padding: 30px;
  border-radius: 10px;
}
.concrete-calculator__wrapper > div {
  width: 50%;
}
@media screen and (max-width: 1250px) {
  .concrete-calculator__wrapper > div {
    width: 100%;
  }
}
@media screen and (max-width: 1250px) {
  .concrete-calculator__wrapper {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .concrete-calculator__wrapper {
    padding: 10px;
  }
}
.concrete-calculator__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .concrete-calculator__left {
    gap: 30px;
  }
}
.concrete-calculator__left-top {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.concrete-calculator__left-bottom {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 15px;
}
.concrete-calculator__left-bottom p {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
}
.concrete-calculator__left-bottom a {
  font-weight: 600;
}
.concrete-calculator__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .concrete-calculator__buttons button, .concrete-calculator__buttons .btn {
    width: 100%;
  }
}
.concrete-calculator__input {
  border: 1px solid #ccc;
  border-radius: 7px;
  overflow: hidden;
}
.concrete-calculator__input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.concrete-calculator__input input {
  padding: 15px;
  background: none;
  border: none;
  width: 100%;
  color: #333;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
.concrete-calculator__input input::placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.concrete-calculator__input input[type=text], .concrete-calculator__input input[type=password], .concrete-calculator__input input[type=email], .concrete-calculator__input input[type=tel] {
  background: none;
  border: none;
  border-radius: 0;
}
.concrete-calculator__input input:focus-visible {
  outline: none;
}
.concrete-calculator__input input:focus {
  background-color: #fff;
}
.concrete-calculator--width-background .concrete-calculator__title {
  margin-bottom: 30px;
}
@media (max-width: 600px) {
  .concrete-calculator--width-background .concrete-calculator__title {
    margin-bottom: 20px;
  }
}
.concrete-calculator--width-background .concrete-calculator__wrapper {
  background-color: var(--black_bg_black);
}
.concrete-calculator .custom-select {
  padding: 0;
}
.concrete-calculator .custom-select-inner__header {
  border: 1px solid #ccc;
  border-radius: 7px;
  padding: 15px;
  font-size: 14px;
  transition: color 0.3s;
}
.concrete-calculator .custom-select-inner__header::selection {
  background: transparent;
}
.concrete-calculator .custom-select-inner__header.show {
  border: 1px solid #ccc;
  border-bottom: none;
  border-radius: 7px 7px 0 0;
}
.concrete-calculator .custom-select-inner__header:not(.selected) {
  color: rgba(51, 51, 51, 0.5);
  transition: color 0.3s;
}
.concrete-calculator .custom-select-inner__header.show:not(.selected) {
  color: #100;
  transition: color 0.3s;
}
.concrete-calculator .custom-select-inner__body {
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 16px 16px;
  box-shadow: none;
  padding: 0 0 15px 0;
  max-height: 620px;
}
.concrete-calculator .custom-select-inner__body li {
  padding: 0 15px;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #333;
  transition: color 0.3s;
}
.concrete-calculator .custom-select-inner__body li:hover {
  color: #f1c507;
}
.concrete-calculator .custom-select-inner__body li:not(:last-child) {
  margin-bottom: 0;
  padding-bottom: 10px;
}
.concrete-calculator .custom-select-inner__body li::selection {
  background: transparent;
}
.concrete-calculator .map {
  height: 100%;
  min-height: 500px;
}
.concrete-calculator .map .ymaps-map {
  max-width: 100%;
}
.concrete-calculator-page .concrete-calculator__title {
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .concrete-calculator-page .concrete-calculator__title {
    padding: 0 10px;
  }
}
@media screen and (max-width: 500px) {
  .concrete-calculator-page .concrete-calculator__title {
    padding: 0;
  }
}
.concrete-calculator-page .concrete-calculator-text {
  font-weight: 700;
  font-size: 1.333em;
  line-height: 1.126em;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .concrete-calculator-page .concrete-calculator-text {
    padding: 0 10px;
  }
}
@media screen and (max-width: 500px) {
  .concrete-calculator-page .concrete-calculator-text {
    padding: 0;
  }
}

body .concrete-calculator .map .ymaps-b-balloon {
  width: 450px !important;
  padding: 30px;
  font-size: 16px;
  line-height: 160%;
  color: #000;
}
@media screen and (max-width: 767px) {
  body .concrete-calculator .map .ymaps-b-balloon {
    font-size: 14px;
  }
}
body .concrete-calculator .map .balloon__address {
  font-weight: 600;
}
body .concrete-calculator .map .balloon__distance {
  margin: 5px 0 10px 0;
  color: #6f6f6f;
  font-size: 14px;
}
body .concrete-calculator .map .balloon__row {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 5px 0 0 0;
}
body .concrete-calculator .map .balloon button {
  margin: 30px 0 0 0;
}
body .concrete-calculator .map .ymaps-b-balloon__close {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2450_4919)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.6757 4.67761C21.2851 4.28708 20.652 4.28708 20.2614 4.67761L12.9685 11.9706L5.70509 4.70717C5.31457 4.31664 4.6814 4.31664 4.29088 4.70717C3.90035 5.09769 3.90036 5.73086 4.29088 6.12138L11.5543 13.3848L4.70509 20.234C4.31457 20.6245 4.31457 21.2576 4.70509 21.6482C5.09562 22.0387 5.72878 22.0387 6.11931 21.6482L12.9685 14.799L19.8472 21.6777C20.2378 22.0683 20.8709 22.0683 21.2614 21.6777C21.652 21.2872 21.652 20.654 21.2614 20.2635L14.3827 13.3848L21.6757 6.09182C22.0662 5.7013 22.0662 5.06813 21.6757 4.67761Z' fill='%23C7CBCE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2450_4919'%3E%3Crect width='25' height='25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  top: 10px;
  right: 10px;
  background-position: center center;
  width: 25px;
  height: 25px;
}

.map.loading {
  background-color: #e0e0e0;
  animation: loading 1.5s infinite;
}

@keyframes loading {
  0% {
    background-color: #e0e0e0;
  }
  50% {
    background-color: #f0f0f0;
  }
  100% {
    background-color: #e0e0e0;
  }
}
.ask-form-wrapper {
  margin-top: 100px;
}

@media screen and (max-width: 600px) {
  .ask-form-wrapper {
    margin-top: 70px;
  }
}
.custom-select-text.show,
.custom-select-inner__header.show {
  background-color: #fff;
}

/* End */


/* Start:/local/components/stmd/concrete.calculator/templates/.default/styles/custom-select.css?17549816183243*/
.custom-select {
  padding: 0 0 16px;
}
.custom-select-wrapper {
  min-height: 50px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}
.custom-select-wrapper > div {
  width: 100%;
}
.custom-select-wrapper.disabled .custom-select-inner__header {
  background-color: #D5D5D5;
  cursor: default;
}
.custom-select-inner {
  font-family: var(--font-family--open);
  position: relative;
  height: inherit;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
}
.custom-select-inner__header {
  width: inherit;
  height: 100%;
  padding: 16px;
  border: 1px solid var(--primary-black-color);
  background-color: var(--primary-white-color);
  color: var(--primary-black-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  border-radius: 10px;
}
.custom-select-inner__header.show {
  display: flex !important;
  transition-duration: var(--transition-duration);
  border: 1px solid var(--primary-pink-color);
}
.custom-select-inner__header.show ~ .custom-select-inner__body {
  display: block;
}
.custom-select-inner__header.show svg {
  transform: rotate(270deg);
}
.custom-select-inner__body {
  position: absolute;
  top: 100%;
  margin: 8px 0 0;
  left: 0;
  right: 0;
  width: 100%;
  max-height: 100vh;
  height: auto;
  display: none;
  background-color: var(--primary-white-color, var(--black_bg_black, #fff));
  z-index: 10;
  overflow-x: hidden !important;
  padding: 24px;
  box-shadow: 0 0 10px rgba(36, 41, 57, 0.07);
  border-radius: 16px;
}
.custom-select-inner__body li {
  color: var(--primary-black-color);
  font-weight: 500;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.custom-select-inner__body li:not(:last-child) {
  margin-bottom: 16px;
}
.custom-select-inner__body li:before {
  content: "";
  width: 1px;
  height: 24px;
  display: block;
  margin-right: 8px;
  background-color: var(--primary-grey-color);
}
.custom-select-inner__body li.selected {
  color: var(--primary-black-color);
}
.custom-select-inner__body li.selected:before {
  background-color: var(--primary-black-color);
}
.custom-select-inner__body li:hover {
  color: var(--primary-grey-color);
}
.custom-select-inner__body li:hover:before {
  background-color: var(--primary-grey-color);
}
.custom-select .chosen {
  font-family: var(--font-family--open);
  color: var(--primary-black-color);
}
.custom-select .placeholder {
  font-family: var(--font-family--open);
  line-height: 120%;
  color: var(--primary-grey-color);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 17px;
  transition-duration: var(--transition-duration);
}
.custom-select .placeholder:hover {
  cursor: pointer;
}
.custom-select .placeholder.clicked {
  top: 12px;
  font-size: 0.625rem;
  transition-duration: var(--transition-duration);
}
@media (max-width: 992px) {
  .custom-select {
    font-size: 0.875rem;
  }
}
.custom-select ul {
  text-decoration: none;
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
.custom-select ul li a {
  text-decoration: none;
}
.custom-select ul:not([id*=bx_]) > li:before {
  content: unset;
}

/* End */


/* Start:/local/components/stmd/concrete.calculator/templates/.default/styles/custom-select-text.css?17549816181054*/
.custom-select-text {
  position: relative;
}
.custom-select-text__body {
  position: absolute;
  z-index: 9;
  display: none;
  width: 100%;
  margin: 0;
  background: #fff;
  padding: 0 15px 10px 15px;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 7px 7px;
}
.custom-select-text__body li {
  margin: 0;
  transition: color 0.3s;
  cursor: pointer;
  padding: 5px 0;
  font-size: 14px;
  line-height: 140%;
}
.custom-select-text__body li::before {
  display: none;
}
.custom-select-text__body li:hover {
  color: #f1c507;
  transition: color 0.3s;
}
.custom-select-text__body li:first-child {
  padding: 6px 0 5px 0;
}
.custom-select-text__body li::selection {
  background: transparent;
}
.custom-select-text.show {
  margin-bottom: 11px;
}
.custom-select-text.show .concrete-calculator__input {
  border-bottom-color: transparent;
  border-radius: 7px 7px 0 0;
}
.custom-select-text.show .concrete-calculator__input input {
  padding: 15px 15px 4px 15px;
}
.custom-select-text.show .custom-select-text__body {
  display: block;
}

/* End */


/* Start:/local/components/stmd/concrete.calculator/templates/.default/styles/icons.css?17549816182243*/
[class*=icon--] {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    fill: var(--primary-black-color, var(--white_text_black, #333));
    width: 24px;
    height: 24px;
}

.s16 {
    width: 16px !important;
    height: 16px !important;
}

.s24 {
    width: 24px !important;
    height: 24px !important;
}

.s32 {
    width: 32px !important;
    height: 32px !important;
}

.icon--arrow {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.direction--down {
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.direction--up {
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.direction--left {
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.appearing {
    -webkit-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
}

.disappearing {
    -webkit-animation: fadeOut 0.3s;
    animation: fadeOut 0.3s;
}

.fade-in-top {
    -webkit-animation: fadeInTop 0.3s;
    animation: fadeInTop 0.3s;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes fadeInTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@keyframes fadeInTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

/* End */


/* Start:/local/templates/aspro_max/components/stmd/simple.block/ask_question/style.min.css?17549816191185*/
.banner_ask-questions{position:relative;border-radius:10px;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-image:var(--discount-image-path)}@media (max-width:992px){.banner_ask-questions{background-image:var(--discount-image-mobile-path)}}.banner_ask-questions__wrapper{display:flex;justify-content:space-between;gap:60px;padding:50px}@media (max-width:992px){.banner_ask-questions__wrapper{flex-direction:column;padding:40px}}@media (max-width:600px){.banner_ask-questions__wrapper{padding:25px}}.banner_ask-questions__desc{display:flex;flex-direction:column;gap:20px;max-width:50%}@media (max-width:992px){.banner_ask-questions__desc{max-width:100%}}@media (max-width:600px){.banner_ask-questions__desc{gap:10px}}.banner_ask-questions__buttons{margin-top:auto;min-width:295px}.banner_ask-questions__buttons .btn{width:100%}@media (max-width:992px){.banner_ask-questions__buttons .btn{width:auto}}.banner_ask-questions__text,.banner_ask-questions__title{line-height:160%;color:#fff}.banner_ask-questions__title{font-weight:600;font-size:42px}@media (max-width:600px){.banner_ask-questions__title{font-size:26px}}.banner_ask-questions__text{font-size:16px}
/* End */
/* /local/components/stmd/concrete.calculator/templates/.default/style.css?17549816186865 */
/* /local/components/stmd/concrete.calculator/templates/.default/styles/custom-select.css?17549816183243 */
/* /local/components/stmd/concrete.calculator/templates/.default/styles/custom-select-text.css?17549816181054 */
/* /local/components/stmd/concrete.calculator/templates/.default/styles/icons.css?17549816182243 */
/* /local/templates/aspro_max/components/stmd/simple.block/ask_question/style.min.css?17549816191185 */
