/* Start:/local/templates/aspro_max_v2/css/custom-boxes.css?17538981059265*/
/* Общие стили */
:root {
  --primary: #2DA68D;
  --primary-dark: #1E856F;
  --primary-light: #E0F2EF;
  --text-dark: #333333;
  --text-light: #555555;
  --bg-light: #F8FBF8;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  color: var(--text-dark);
  line-height: 1.6;
}

.custom-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

/* Стили для блока с коробками */
.custom-boxes-section {
  padding: 30px 0;
}

.custom-boxes-header {
  text-align: center;
  margin-bottom: 40px;
}

.section-title {
  color: var(--primary-dark);
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 20px;
}

.section-description {
  max-width: 800px;
  margin: 0 auto;
  color: var(--text-dark);
  font-size: 16px;
  line-height: 1.6;
}

.section-description p {
  margin-bottom: 15px;
}

.custom-boxes-container {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 25px;
  margin-bottom: 40px;
}

.custom-box-item {
  background: white;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
}

.custom-box-item:hover {
  transform: translateY(-5px);
}

.custom-box-img-wrap {
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: #ffffff;
}

.custom-box-img-wrap img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.custom-box-text {
  padding: 20px;
}

.custom-box-text h3 {
  color: var(--primary-dark);
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 600;
}

.custom-box-text p {
  color: var(--text-light);
  font-size: 14px;
  line-height: 1.5;
}

.custom-boxes-footer {
  max-width: 800px;
  margin: 30px auto;
  padding: 20px;
  text-align: center;
  font-size: 15px;
  color: var(--text-dark);
  border-top: 1px solid var(--primary-light);
}

//* Стили для блока процесса производства */
/* Основные стили */
.production-process {
  padding: 30px 0;
}

.white-bg {
  background-color: white;
}

.custom-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.section-header {
  text-align: center;
  margin-bottom: 30px;
}

.section-title {
  color: #1E856F;
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 30px;
}

.section-description {
  font-size: 18px;
  color: #555;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Стили для шагов */
.process-steps.four-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 25px;
}

.process-step {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
  padding: 30px;
}

.process-step:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.step-number-bg {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 200px;
  font-weight: 800;
  color: rgba(45, 166, 141, 0.08); /* Светлый акцентный цвет */
  line-height: 1;
  z-index: 0;
}

.step-content {
  position: relative;
  z-index: 1;
}

.step-content h3 {
  color: #1E856F;
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
  position: relative;
}

.step-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

.step-content li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  color: #555;
  font-size: 15px;
  line-height: 1.5;
}

.step-content li:before {
  content: '•';
  color: #2DA68D;
  position: absolute;
  left: 0;
  font-size: 20px;
  line-height: 1;
}

/* Адаптивность */
@media (max-width: 1200px) {
  .process-steps.four-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .section-title {
    font-size: 28px;
  }
  .custom-boxes-header {
  text-align: left;
  margin-bottom: 40px;
}
  
  .section-description {
    font-size: 16px;
  }
  
  .process-steps.four-columns {
    grid-template-columns: 1fr;
    max-width: 600px;
    margin: 0 auto;
  }
  
  .step-number-bg {
    font-size: 180px;
  }
  .custom-boxes-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 25px;
  margin-bottom: 40px;
}
}

@media (max-width: 480px) {
  .production-process {
    padding: 30px 0;
  }
  .custom-box-img-wrap {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: #ffffff;
}
  .section-title {
    font-size: 24px;
  }
  
  .process-step {
    padding: 25px 20px;
  }
  
  .step-number-bg {
    font-size: 180px;
  }
  .custom-boxes-container {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 25px;
  margin-bottom: 40px;
}
.custom-container {
  padding: 0 0;
}
.custom-boxes-footer {
  padding: 20px;
  text-align: left;
  font-size: 15px;
  
}
.section-header {
  text-align: left;
  margin-bottom: 50px;
}
}
/* Новые стили для карточек */
.box-card {
  border: 1px solid rgba(45, 166, 141, 0.2);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}

.box-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #2DA68D 0%, #1E856F 100%);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease;
}

.box-card:hover {
  border-color: rgba(45, 166, 141, 0.4);
  box-shadow: 0 10px 30px rgba(45, 166, 141, 0.08);
}

.box-card:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* Стили для карточек шагов */
.step-card {
  border: 1px solid rgba(45, 166, 141, 0.15);
  background: white;
  position: relative;
  transition: all 0.4s ease;
}

.step-card::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 3px;
  background: linear-gradient(90deg, #2DA68D, #338AFF);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}

.step-card:hover {
  border-color: rgba(45, 166, 141, 0.3);
  transform: translateY(-5px);
}

.step-card:hover::before {
  transform: scaleX(1);
}

/* Градиентные заголовки */
.section-title {
  font-size: 2.5rem;
  background: linear-gradient(90deg, #1E856F 0%, #2DA68D 50%, #338AFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
  margin-bottom: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  position: relative;
}

.section-title::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #2DA68D, #338AFF);
  border-radius: 3px;
}

/* Стили для карусели производства */
.production-gallery {
  padding: 60px 0;
  background-color: #f9f9f9;
  margin: 40px 0;
}

.production-gallery .custom-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.gallery-title {
  text-align: center;
  color: #1E856F;
  font-size: 28px;
  margin-bottom: 30px;
  font-weight: 600;
}

.gallery-carousel {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 15px;
  padding-bottom: 20px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #2DA68D #f1f1f1;
}

.gallery-carousel::-webkit-scrollbar {
  height: 8px;
}

.gallery-carousel::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.gallery-carousel::-webkit-scrollbar-thumb {
  background: #2DA68D;
  border-radius: 4px;
}

.carousel-slide {
  scroll-snap-align: start;
  flex: 0 0 80%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
  position: relative;
}

.carousel-slide:hover {
  transform: scale(1.02);
}

.carousel-slide img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  display: block;
}

.carousel-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

.carousel-dots span {
  display: block;
  width: 12px;
  height: 12px;
  background: #ddd;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease;
}

.carousel-dots span.active {
  background: #2DA68D;
}

/* Адаптивность */
@media (min-width: 768px) {
  .carousel-slide {
    flex: 0 0 calc(50% - 10px);
  }
  
  .gallery-carousel {
    gap: 20px;
  }
}

@media (min-width: 992px) {
  .carousel-slide {
    flex: 0 0 calc(33.333% - 15px);
  }
  
  .gallery-carousel {
    justify-content: center;
  }
}

@media (min-width: 1200px) {
  .carousel-slide {
    flex: 0 0 calc(25% - 15px);
    max-width: 285px;
  }
}
/* End */


/* Start:/bitrix/templates/aspro_max/components/bitrix/news/services/style.min.css?17483304782503*/
.buy_services .counter_wrapp .button_block:not(.to-cart) svg,.services_buy_block .counter_wrapp .button_block:not(.to-cart) svg{display:none}.buy_services .counter_wrapp .counter_block{background:#fff;background:var(--light_bg_black)}.order-block.buy_services .counter_wrapp .counter_block .text{margin-top:0}.order-block.buy_services .counter_wrapp.wquest{padding-right:58px}.order-block.buy_services .btn.question{margin-left:6px}.order-block.buy_services .btns-col{padding-left:7px}.order-block.buy_services .counter_wrapp{padding-top:0}.services_buy_block .counter_wrapp.list>div{float:none;width:auto}.services_buy_block .counter_block_inner{vertical-align:top;min-width:114px;display:inline-block;margin-right:8px;margin-bottom:10px}.services_buy_block .button_block{min-width:120px;margin-bottom:10px}.services_buy_block .counter_wrapp{white-space:normal;max-width:100%;padding-top:10px;margin-bottom:-10px}.order_service_in_list{margin-top:10px}.services_buy_block .counter_wrapp .button_block.wide .btn.in-cart{width:auto;display:inline-block}@media (min-width:1350px){.with_left_block .order-block.buy_services .text-col{width:66.6%}.with_left_block .order-block.buy_services .btns-col{width:33.3%}}@media (min-width:992px) and (max-width:1349px){.with_left_block .order-block.buy_services .text-col{width:50%}.with_left_block .order-block.buy_services .btns-col{width:50%}}@media (min-width:992px){.order-block.buy_services .text-col{width:66.6%}.order-block.buy_services .btns-col{width:33.3%}}@media (max-width:991px) and (min-width:768px){.order-block.buy_services .text-col{width:50%}.order-block.buy_services .btns-col{width:50%}}@media (max-width:767px){.order-block.buy_services .btns-col .counter_block_inner{vertical-align:top;min-width:132px;display:inline-block}.order-block.buy_services .btns-col .button_block{min-width:130px}.order-block.buy_services .btns-col .counter_wrapp{white-space:normal;max-width:100%}.order-block.buy_services .counter_wrapp.wquest{padding-right:0}.order-block.buy_services .counter_wrapp.list>div{float:none;width:auto}.order-block.buy_services .prices{padding-right:0}.order-block.buy_services .btns-col .quest_btn{padding-right:6px}.order-block.buy_services .btns-col{padding-left:7px;padding-right:7px}.order-block.buy_services .btns-col .counter_wrapp.list.big{margin-left:0}.order-block.buy_services .button_block.wide{display:inline-block}.order-block.buy_services .counter_wrapp .button_block.wide .btn.in-cart{width:auto;display:inline-block}}
/* End */


/* Start:/bitrix/templates/aspro_max/components/bitrix/news.list/content-sections/style.min.css?17483304793226*/
.content-sections1.item-views .item .body-info .arrow_link{position:absolute;right:0;top:0;display:inline-block;width:38px;height:38px}.content-sections1.item-views .item.right .body-info .arrow_link{display:none}.content-sections1.item-views .item.right .image+.body-info{padding-right:293px;padding-left:0}.content-sections1.item-views .item.right>.image{float:right}.content-sections1.item-views .items .item_wrap{padding:39px;margin:0 0 -1px}.content-sections1.item-views .item .svg.svg-inline-right-arrow{position:absolute;top:13px;left:12px}.content-sections1 .item_wrap:hover .body-info .arrow_link .svg-inline-right-arrow path{fill:#fff!important}.content-sections1 .head-block .item-link.active .btn-inline.darken{color:#333}.content-sections1.item-views.wide_img.list .item .previewtext{margin-top:14px}.content-sections1.item-views .item .previewtext p:first-child{margin-top:0}.content-sections1.item-views .item .previewtext{margin-bottom:23px;margin-top:14px}.content-sections1.item-views .item .image+.body-info{padding-left:293px;padding-right:70px}.content-sections1.item-views .items.row>.col-md-12{z-index:10}.content-sections1.item-views .item>.image{width:250px;max-height:none}.content-sections1.item-views .item>.image{max-width:100%;float:left;overflow:hidden;text-align:center;position:relative}.content-sections1.item-views .item .body-info>.title{margin-top:-6px}.content-sections1.item-views .item .body-info .text.childs ul{margin:0}.content-sections1.item-views .items .item .childs li{margin:4px -2px 4px 0;display:inline-block;vertical-align:top;width:50%;line-height:1.5714em;list-style-type:none}.content-sections1.item-views ul>li:before{content:"";margin:0}.content-sections1.item-views .item .body-info .text.childs{display:none}.content-sections1.item-views .item .body-info .text.childs.opened+.button_opener i{transform:rotate(180deg);padding-bottom:1px}.content-sections1.item-views .item .body-info .button_opener i{transition:transform ease .2s;margin-right:7px;font-weight:700}.content-sections1.item-views .item .body-info .button_opener{cursor:pointer}.content-sections1 .items .item .body-info .text.childs.opened+.button_opener{margin:23px 0 0}.content-sections1.item-views .item .body-info .button_opener.colored .svg path{fill:#9e9e9e;fill:var(--fill_dark_light_hover)}.content-sections1.item-views .item .body-info .button_opener.colored:hover .svg path{fill:#333;fill:var(--white_text_black)}.content-sections1.item-views .text.childs li{overflow:hidden;text-overflow:ellipsis}.content-sections1.item-views .text.childs li:nth-child(odd){padding-right:5px}@media (max-width:767px){.content-sections1.item-views .item .body-info .arrow_link{display:none}.content-sections1.item-views .item .image+.body-info{padding-right:0}.content-sections1.item-views .items .item .text.childs li{width:100%}}@media (max-width:600px){.content-sections1.item-views .item>.image{float:none;width:100%;text-align:center;margin-bottom:32px}.content-sections1.item-views .item .body-info>.title{margin-top:0}.content-sections1.item-views .item .previewtext{margin-top:13px}.content-sections1.item-views .item>.body-info{float:none;width:100%;padding-left:0!important;padding-right:0!important}}
/* End */


/* Start:/bitrix/templates/aspro_max/components/bitrix/news.list/content-list-blocks/style.min.css?17483304793980*/
.content-list-blocks-view .item__column{margin-bottom:28px}@media screen and (min-width:568px) and (max-width:767px){.content-list-blocks-view .item__column.col-xs-12{width:50%}}@media screen and (min-width:768px){.content-list-blocks-view .item__column{margin-bottom:32px}}@media screen and (min-width:568px){.content-list-blocks-view .item_wrap{height:100%}}@media screen and (min-width:768px){.content-list-blocks-view .item__column:hover{z-index:1}.content-list-blocks-view .item_wrap:hover .order_service_in_list--abs,.content-list-blocks-view .item_wrap:hover .services_buy_block--abs{opacity:1;pointer-events:all;border-color:#fff}}@media screen and (min-width:992px){.content-list-blocks-view .item_wrap:hover .order_service_in_list--abs,.content-list-blocks-view .item_wrap:hover .services_buy_block--abs{box-shadow:0 10px 20px 0 rgb(0 0 0 / 10%)}}@media screen and (max-width:991px){.content-list-blocks-view .item_wrap:hover{border-color:var(--stroke_black);background-color:initial}}.content-list-blocks-view .item{display:flex;flex-direction:column}.content-list-blocks-view .item .body-info{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:23px 28px}.content-list-blocks-view .item .title{margin-bottom:14px}.content-list-blocks-view .item .previewtext.item__preview-text{margin-bottom:16px;margin-top:0}.content-list-blocks-view .properties{margin-bottom:17px}.content-list-blocks-view .properties .inner-wrapper{position:relative;padding:0 10px}.content-list-blocks-view .properties .inner-wrapper::before{background-color:#333;background-color:var(--fill_dark_light_hover);border-radius:50%;content:"";display:block;height:3px;left:0;position:absolute;top:12px;width:3px}.content-list-blocks-view .prices{display:flex}.content-list-blocks-view .prices .price_old{margin-left:10px;text-decoration:line-through}.content-list-blocks-view .sale_block{margin:9px 0 2px}.services_buy_block--abs .counter_wrapp{display:flex;padding-top:0;margin-bottom:0}.services_buy_block--abs .counter_block_inner{margin-bottom:0;width:50%;min-width:unset}.services_buy_block--abs .button_block{margin-bottom:0;width:50%}.order_service_in_list--abs .btn,.services_buy_block--abs .btn,.services_buy_block--abs .counter_wrapp .button_block.wide .btn.in-cart{width:100%}.content-sections1~.content-list-blocks-view{margin-top:32px}.bx-touch .services_buy_block--abs{margin-top:15px}.bx-touch .order_service_in_list--abs .btn-exlg,.bx-touch .services_buy_block--abs .btn-exlg{padding:12px 21px 11px}.bx-touch .services_buy_block--abs .counter_block.big,.bx-touch .services_buy_block--abs .counter_block.big input[type=text]{height:100%}.property .darken{word-break:break-word}@media screen and (max-width:991px){.bx-no-touch .services_buy_block--abs{margin-top:15px}.bx-no-touch .order_service_in_list--abs .btn-exlg,.bx-no-touch .services_buy_block--abs .btn-exlg{padding:12px 21px 11px}.bx-no-touch .services_buy_block--abs .counter_block.big,.bx-no-touch .services_buy_block--abs .counter_block.big input[type=text]{height:100%}}@media screen and (min-width:992px){.bx-no-touch .order_service_in_list--abs,.bx-no-touch .services_buy_block--abs{border-radius:0 0 4px 4px;left:-1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:-1px;top:100%;z-index:1}.bx-no-touch .services_buy_block--abs .counter_block_inner{border-radius:0 0 0 4px;margin-bottom:0;margin-right:0;width:50%}.bx-no-touch .services_buy_block--abs .counter_block{border-bottom:unset;border-left:unset;border-radius:0 0 0 4px;border-right:unset;height:100%}.bx-no-touch .services_buy_block--abs .button_block{border-radius:0 0 4px 4px;border-radius:0;margin-bottom:0;width:100%}.bx-no-touch .services_buy_block--abs .button_block .btn,.order_service_in_list--abs .btn{border-radius:inherit;height:100%}.bx-no-touch .services_buy_block--abs .counter_block_inner+.button_block:not(.wide){border-radius:0 0 4px 0;width:50%}.order_service_in_list--abs{margin-top:0}}
/* End */
/* /local/templates/aspro_max_v2/css/custom-boxes.css?17538981059265 */
/* /bitrix/templates/aspro_max/components/bitrix/news/services/style.min.css?17483304782503 */
/* /bitrix/templates/aspro_max/components/bitrix/news.list/content-sections/style.min.css?17483304793226 */
/* /bitrix/templates/aspro_max/components/bitrix/news.list/content-list-blocks/style.min.css?17483304793980 */