

/* Start:/local/templates/new_design_2023/components/bitrix/system.pagenavigation/custom/style.css?1720534873814*/
.pagination .page-dots {
    position: relative;
    display: block;
    margin-left: -1px;
    background-color: #fff;
    width: 32px;
    height: 32px;
    line-height: 42px;
    text-align: center;
    border: none;
    font-family: Gilroy-Medium;
    font-size: 22px;
    color: #1B1B1B;
    border-radius: 50%;
    padding: 0;
    margin-right: 0;
}
/*.pagination .page-dots {*/
/*    position: relative;*/
/*    display: block;*/
/*    margin-left: -1px;*/
/*    background-color: #fff;*/
/*    width: 42px;*/
/*    height: 42px;*/
/*    line-height: 42px;*/
/*    text-align: center;*/
/*    border: none;*/
/*    font-family: Gilroy-Medium;*/
/*    font-size: 22px;*/
/*    color: #1B1B1B;*/
/*    border-radius: 50%;*/
/*    padding: 0;*/
/*    margin-right: 5px;*/
/*}*/
/* End */


/* Start:/local/templates/new_design_2023/components/bitrix/news.list/portfolio/style.min.css?17205348733152*/
.news-list-block{margin-bottom:40px;padding:0 14px}.news-list-item-embed-audio,.news-list-item-embed-video,.news-list-item-embed-slider{position:relative;margin-bottom:20px;text-align:center}.news-list-item-embed-slider img{max-width:100%;max-height:100%;width:auto;height:auto}.news-list-item-embed-video{z-index:1;display:block;background:url(/local/templates/new_design_2023/components/bitrix/news.list/portfolio/images/bx-video.png) no-repeat center;transition:opacity .3s ease}.news-list-item-embed-slider{overflow:hidden;padding-bottom:56.25%;width:100%;height:0}.news-list-slider-container{position:absolute;top:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center}.news-list-slider-slide{z-index:100;-webkit-box-flex:1;-ms-flex:1;flex:1}.news-list-slider-slide img{border-radius:3px 3px 0 0}.news-list-item-embed-video{overflow:hidden;border-radius:3px 3px 0 0}.news-list-slider-arrow-container-left,.news-list-slider-arrow-container-right{position:absolute;top:0;bottom:0;width:15%;cursor:pointer}.news-list-slider-arrow-container-left{left:0}.news-list-slider-arrow-container-right{right:0}.news-list-slider-arrow{position:absolute;top:50%;z-index:110;margin-top:-24px;width:20px;height:48px;color:#fff;vertical-align:middle;text-shadow:0 0 2px rgba(0,0,0,.5);font-size:48px;line-height:34px;opacity:.5;cursor:pointer}.news-list-slider-arrow-container-left:hover .news-list-slider-arrow,.news-list-slider-arrow-container-right:hover .news-list-slider-arrow{display:block;color:#fff;opacity:1}.news-list-slider-arrow-container-left .news-list-slider-arrow{left:20px}.news-list-slider-arrow-container-right .news-list-slider-arrow{right:20px}.news-list-slider-control{position:absolute;bottom:10px;z-index:110;margin:0;padding:0;width:100%;text-align:center;word-spacing:-4px}.news-list-slider-control li{display:inline-block;margin:0 3px;width:10px;height:10px;border-radius:50%;background:#fff;word-spacing:-4px;opacity:.5;cursor:pointer}.news-list-slider-control li:hover,.news-list-slider-control li.current{background:var(--primary);opacity:1}.news-list-slider-arrow,.news-list-slider-control li{transition:opacity .3s ease}.news-list .card-title,.news-list .card-title a{margin:0;padding:0 0 15px;color:var(--primary);font:600 18px "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif}.news-list .card-title a:hover{border-bottom-color:transparent;text-decoration:none}.news-list-post-params{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px}.news-list-param,.news-list-value{font-size:13px;color:#a4a4a4;padding-left:5px}.news-list-icon{display:block;min-width:15px;height:15px;background-position:center;background-size:contain;background-repeat:no-repeat}.news-list-icon-eye{background-image:url(/local/templates/new_design_2023/components/bitrix/news.list/portfolio/images/eye.svg)}.news-list-icon-calendar{background-image:url(/local/templates/new_design_2023/components/bitrix/news.list/portfolio/images/calendar.svg)}.news-list-icon-tag{background-image:url(/local/templates/new_design_2023/components/bitrix/news.list/portfolio/images/tag.svg)}.news-list-icon-user{background-image:url(/local/templates/new_design_2023/components/bitrix/news.list/portfolio/images/user.svg)}.news-list-icon-comments{background-image:url(/local/templates/new_design_2023/components/bitrix/news.list/portfolio/images/comments.svg)}
/* End */


/* Start:/local/templates/new_design_2023/css/portfolio.css?17207681065532*/
.head-row {
  padding: 25px 0 0;
}
@media (max-width: 1100px) {
  .head-row .breadcrumbs li {
    display: none;
  }
  .head-row .breadcrumbs li:first-child {
    display: block;
  }
  .head-row .breadcrumbs li:nth-child(2) {
    display: block;
  }
  .head-row .breadcrumbs li:last-child {
    display: block;
  }
}
.head-row h1 {
  color: #131214;
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; /* 125% */
  letter-spacing: 0.1px;
  margin: 40px 0 30px;
}
@media (max-width: 1024px) {
  .head-row h1 {
    font-size: 28px;
    margin: 30px 0 20px;
  }
}
.head-row .portfolio-info {
  max-width: 70%;
}
@media (max-width: 1024px) {
  .head-row .portfolio-info {
    max-width: 100%;
  }
}
.head-row .portfolio-info p {
  color: #0C0C0C;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0, rgb(0, 0, 0) calc(100% - 50px), rgba(0, 0, 0, 0) 100%);
  margin-bottom: 10px;
  transition: 0.3s ease;
}
@media (max-width: 1024px) {
  .head-row .portfolio-info p {
    font-size: 14px;
  }
}
.head-row .portfolio-info p.show {
  display: block;
  -webkit-mask: none;
}
.head-row .portfolio-info span {
  cursor: pointer;
  color: #1071FF;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}
@media (max-width: 1024px) {
  .head-row .portfolio-info span {
    font-size: 14px;
  }
}
.head-row .portfolio-info span.hide {
  display: none;
}

.portfolio-block {
  padding: 40px 0 100px;
}
@media (max-width: 768px) {
  .portfolio-block {
    padding: 20 0 40px;
  }
}
.portfolio-block .portfolio-cards {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.portfolio-block .portfolio-cards .portfolio-card {
  width: calc((100% - 24px - 24px) / 3);
  border-radius: 8px;
  background: #FFF;
}
@media (max-width: 1024px) {
  .portfolio-block .portfolio-cards .portfolio-card {
    width: calc((100% - 24px) / 2);
  }
}
@media (max-width: 768px) {
  .portfolio-block .portfolio-cards .portfolio-card {
    width: 100%;
  }
}
.portfolio-block .portfolio-cards .portfolio-card .img-wrap {
  width: 100%;
  background: #F3F6FA;
  /*height: 240px;*/
  border-radius: 8px 8px 0px 0px;
  overflow: hidden;
}
.portfolio-block .portfolio-cards .portfolio-card .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.portfolio-block .portfolio-cards .portfolio-card .card-content {
  padding: 18px 25px 35px;
}
.portfolio-block .portfolio-cards .portfolio-card .card-content .title {
  color: #131214;
  font-family: Montserrat;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 145.455% */
  margin-bottom: 6px;
}
@media (max-width: 768px) {
  .portfolio-block .portfolio-cards .portfolio-card .card-content .title {
    font-size: 22px;
  }
}
.portfolio-block .portfolio-cards .portfolio-card .card-content .description {
  color: #585C5F;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 185.714% */
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.portfolio-block .portfolio-cards .portfolio-card .card-content a {
  color: #00a1e0;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%; /* 23.8px */
  display: flex;
  gap: 4px;
}
.portfolio-block .portfolio-cards .portfolio-card .card-content a::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1344_303)'%3E%3Cpath d='M8.59 7.41L13.17 12L8.59 16.59L10 18L16 12L10 6L8.59 7.41Z' fill='%2300a1e0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1344_303'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 24) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  display: block;
}
.portfolio-block .controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .portfolio-block .controls {
    margin-top: 20px;
  }
}
.portfolio-block .controls ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 1024px) {
  .portfolio-block .controls ul {
    gap: 8px;
  }
}
.portfolio-block .controls ul li a {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  cursor: pointer;
  color: #131214;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
@media (max-width: 1024px) {
  .portfolio-block .controls ul li a {
    width: 25px;
    height: 25px;
  }
}
.portfolio-block .controls ul li a.disabled-control svg path {
  fill: #E1E1E1;
}
.portfolio-block .controls ul li.active a,
.portfolio-block .controls ul li:hover a {
  border-radius: 8px;
  background: #00a1e0;
  color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.portfolio-block .controls ul a {
  width: 100%;
}

/*# sourceMappingURL=portfolio.css.map */
/* End */


/* Start:/local/templates/new_design_2023/components/bitrix/breadcrumb/main/style.min.css?1720534873467*/
.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 */
/* /local/templates/new_design_2023/components/bitrix/system.pagenavigation/custom/style.css?1720534873814 */
/* /local/templates/new_design_2023/components/bitrix/news.list/portfolio/style.min.css?17205348733152 */
/* /local/templates/new_design_2023/css/portfolio.css?17207681065532 */
/* /local/templates/new_design_2023/components/bitrix/breadcrumb/main/style.min.css?1720534873467 */
