

/* Start:/local/templates/otopri/components/bitrix/breadcrumb/main/style.min.css?1744037634467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/otopri/css/services.css?17440376343253*/
.wrapper._grid-tw-clms {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}
@media screen and (max-width: 1024px) {
  .wrapper._grid-tw-clms {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
}




.services__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.services .services__type:last-of-type {
  margin-bottom: 40px;
}
.services__actions {
  max-width: 615px;
  width: 100%;
}
.services__action {
  padding: 40px;
  position: relative;
  border-radius: 20px;
  font-size: 20px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.services__action p {
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 30px;
}
.services__action:not(:last-child) {
  margin-bottom: 20px;
}
.services__action img {
  position: absolute;
  bottom: 0;
  max-width: 254px;
}
.services__action._light {
  background-color: var(--gray);
  color: var(--blue);
}
.services__action._dark {
  background-color: var(--blue);
  color: var(--white);
}
.services__action._dark .percent {
 
  -webkit-text-stroke: 3px #ffffff

}
.services__action._light .percent {
 
  -webkit-text-stroke: 3px #3D72CC

}
.services__action._right img {
  right: 0;
  
}
.services__action._left img {
  left: 0%;
}
.services__action._left .percent {
  text-align: right;
}
.services .percent {
  font-size: 80px;
  font-weight: 800;
  line-height: 80px;
}

@media screen and (max-width: 1023px) {
  .services .popup-btn {
    max-width: 345px;
  }
  .services__action {
    min-height: 300px;
  }
  

  .services__action p {
    font-size: 24px;
  }
}
@media screen and (max-width: 900px) {
  .services__actions {
    flex-grow: 1;
    max-width: unset;
  }
  .services__name {
    font-size: 16px;
  }
  .services__action {
    min-height: 300px;
    padding: 20px;
  }
  .services__action p {
    margin-bottom: 72px;
  }
  .services__wrapper {
    flex-direction: column;
    gap: 60px;
  }
}
@media screen and (max-width: 640px) {
  .services__action img {
    bottom: -10%;
    scale: 80%;
  }
  .services__action {
    min-height: 195px;
  }
  .services__action p{
    margin-bottom:30px;
    font-size: 16px;
  }
  .services__action._left img {
    left: -10%;
  }
  .services__action._right img {
    right: -10%;
  }
}





.types {
  flex-shrink: 0;
}
.types__type {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  color: #000;
}
._price{
  transition: all .3s ease ;
}
.types__type:hover ._price {
  color:  #86C331;
}
.types__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  opacity: 0px;
  background: var(--gray);
  flex-shrink: 0;
}
.types__name {
  font-size: 20px;
  margin-bottom: 5px;
  line-height: 140%;
}

@media screen and (max-width: 1024px) {
  .types h2 {
    margin-bottom: 20px;
  }
  .types__name {
    font-size: 20px;
  }
  .types__img {
    width: 130px;
    height: 130px;
  }
  .types__img img {
    width: 70%;
  }
}
@media screen and (max-width: 900px) {
  .types__name {
    font-size: 16px;
  }
}
@media screen and (max-width: 640px) {
  .types__img {
    width: 100px;
    height: 100px;
  }
}
/* End */


/* Start:/local/templates/otopri/css/brand_list.css?1744037634568*/
.brandList__wrapper {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.brandList__item {
  max-width: 235px;
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #BED0E1;
  border-radius: 15px;
}

@media (max-width: 1023px) {
  .brandList__item {
    max-width: 200px;
  }
}
@media (max-width: 768px) {
  .brandList__wrapper {
    gap: 10px;
  }
  .brandList__wrapper .brandList__item {
    max-width: 167px;
    height: 100px;
  }
  .brandList__wrapper .brandList__img {
    max-width: 115px;
  }
}
/* End */


/* Start:/local/templates/otopri/components/bitrix/catalog.section.list/services/style.min.css?17440376346236*/
.bx_catalog_line{margin-bottom:30px}.bx_catalog_line .bx_catalog_line_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_line .bx_catalog_line_category_title a{color:#000;text-decoration:none}.bx_catalog_line .bx_catalog_line_ul{padding:0}.bx_catalog_line .bx_catalog_line_ul li{margin-bottom:20px;list-style:none}.bx_catalog_line .bx_catalog_line_ul li:before{content:''!important}.bx_catalog_line .bx_catalog_line_img{position:relative;display:block;float:left;overflow:hidden;margin-right:40px;width:125px;height:125px;border:1px solid #ccc;border-radius:2px;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_line .bx_catalog_line_title{margin-bottom:10px;padding:0;vertical-align:top;line-height:18px}.bx_catalog_line .bx_catalog_line_title a{color:#4c7da6;font-size:18px}.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration:none}.bx_catalog_line .bx_catalog_line_title span{font-size:16px}.bx_catalog_line .bx_catalog_line_description{color:#3f3f3f;font-size:13px;line-height:16px}@media(max-width:639px){.bx-touch .bx_catalog_line .bx_catalog_line_img{margin-right:10px;width:50px;height:50px}.bx-touch .bx_catalog_line .bx_catalog_line_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size:14px}.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size:11px}}.bx_catalog_line .bx_catalog_line_img,.bx_catalog_line .bx_catalog_line_title,.bx_catalog_line .bx_catalog_line_title a,.bx_catalog_line .bx_catalog_line_description{transition:all .3s ease}.bx_catalog_text{margin-bottom:30px}.bx_catalog_text .bx_catalog_text_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_text .bx_catalog_text_category_title a{color:#000;text-decoration:none}.bx_catalog_text .bx_catalog_text_ul{padding:0}.bx_catalog_text .bx_catalog_text_ul li{float:left;margin:0 10px 10px;list-style:none}.bx_catalog_text .bx_catalog_text_ul li:before{content:''!important}.bx_catalog_text .bx_catalog_text_title{margin:0;padding:0;vertical-align:top;font-size:14px;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{display:inline-block;overflow:hidden;max-width:100%;color:#4c7da6;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px}.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration:none}.bx_catalog_text .bx_catalog_text_title span{font-size:12px}@media(max-width:639px){.bx-touch .bx_catalog_text .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size:12px}}.bx_catalog_text .bx_catalog_line_title,.bx_catalog_text .bx_catalog_line_title a{transition:all .3s ease}.bx_catalog_tile{margin-bottom:30px}.bx_catalog_tile .bx_catalog_tile_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_tile .bx_catalog_tile_category_title a{color:#000;text-decoration:none}.bx_catalog_tile .bx_catalog_tile_ul{padding:0}.bx_catalog_tile .bx_catalog_tile_ul li{float:left;box-sizing:border-box;margin-bottom:20px;padding:0 10px;width:12.5%;list-style:none;text-align:center}.bx_catalog_tile .bx_catalog_tile_ul li:before{content:''!important}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:both}.bx_catalog_tile .bx_catalog_tile_img{position:relative;display:block;overflow:hidden;margin:0 auto;width:78px;height:78px;border:1px solid #ccc;border-radius:2px;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_tile .bx_catalog_tile_title{margin-top:5px;margin-bottom:10px;padding:0;vertical-align:top;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{color:#4c7da6;font-size:14px}.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration:none}.bx_catalog_tile .bx_catalog_tile_title span{font-size:12px}@media(max-width:980px){.bx_catalog_tile .bx_catalog_tile_ul li{width:20%}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:both}}@media(max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title{line-height:10px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size:11px}}@media(min-width:480px) and (max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear:both}}@media(max-width:479px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%}.bx-touch .bx_catalog_tile .bx_catalog_tile_img{width:100%;height:80px}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear:both}}.bx_catalog_tile .bx_catalog_tile_title,.bx_catalog_tile .bx_catalog_tile_title a,.bx_catalog_tile .bx_catalog_tile_ul li,.bx_catalog_tile .bx_catalog_tile_img{transition:all .3s ease}.bx_sitemap{margin-bottom:30px}.bx_sitemap .bx_sitemap_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_sitemap .bx_sitemap_title a{color:#000;text-decoration:none}.bx_sitemap .bx_sitemap_ul li{padding:0;line-height:14px}.bx_sitemap .bx_sitemap_ul li:before{content:''!important}.bx_sitemap .bx_sitemap_li_title{display:inline-block;margin:0;margin-bottom:10px;padding:0;vertical-align:top;font-weight:normal;line-height:13px}.bx_sitemap .bx_sitemap_li_title a{color:#4c7da6;white-space:nowrap;font-size:13px}.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration:none}.bx_sitemap .bx_sitemap_li_title span{font-size:11px}@media(max-width:639px){.bx-touch .bx_sitemap .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size:12px}}.bx_sitemap .bx_catalog_line_title,.bx_sitemap .bx_catalog_line_title a{transition:all .3s ease}
/* End */
/* /local/templates/otopri/components/bitrix/breadcrumb/main/style.min.css?1744037634467 */
/* /local/templates/otopri/css/services.css?17440376343253 */
/* /local/templates/otopri/css/brand_list.css?1744037634568 */
/* /local/templates/otopri/components/bitrix/catalog.section.list/services/style.min.css?17440376346236 */
