/* Start:/local/templates/aspro-allcorp3-updated/components/bitrix/news.detail/portfolio/style.css?171757117112530*/
body .topic__heading #pagetitle {margin-bottom: 60px;font-family: 'TT Firs Neue';color: #000;font-size: var(--font-big);font-weight: 600;font-style: normal;line-height: var(--font-height-big);text-transform: uppercase;}
body section.page-top{padding-bottom: 0}
body .cowl{margin-bottom: 0}
.portfolio--task {margin-top: -5px;font-family: 'TT Firs Neue';font-weight: normal;font-style: normal;font-size: var(--font-normal);line-height:var(--font-height-normal);color:#000;}

:root{
    --min-height:1070px;
}

.services--gallery {display: grid;grid-template-columns: repeat(10, 2fr);gap: 20px;grid-auto-rows: minmax(100px, auto);margin: 0 -100px 30px -100px;width: calc(100% + 200px)}
.services--gall:nth-child(1) {grid-column: 1 / 6;grid-row: 1 / 2;}
.services--gall:nth-child(2) {grid-column: 6 / 11;grid-row: 1 / 2;}
.services--gall:nth-child(3) {grid-column: 1 / 5;grid-row: 2 / 2;}
.services--gall:nth-child(4) {grid-column: 1 / 5;grid-row: 3 / 3;}
.services--gall:nth-child(5) {grid-column: 5 / 11;grid-row: 2 / 4;}

.services--gall:nth-child(6) {grid-column: 1 / 6;grid-row: 4 / 5;}
.services--gall:nth-child(7) {grid-column: 6 / 11;grid-row: 4 / 5;}
.services--gall:nth-child(8) {grid-column: 1 / 5;grid-row: 5 / 5;}
.services--gall:nth-child(9) {grid-column: 1 / 5;grid-row: 6 / 6;}
.services--gall:nth-child(10) {grid-column: 5 / 11;grid-row: 5 / 7;}

.services--gall:nth-child(11) {grid-column: 1 / 6;grid-row: 7 / 9;}
.services--gall:nth-child(12) {grid-column: 6 / 11;grid-row: 7 / 9;}
.services--gall:nth-child(13) {grid-column: 1 / 5;grid-row: 9 / 9;}
.services--gall:nth-child(14) {grid-column: 1 / 5;grid-row: 10 / 10;}
.services--gall:nth-child(15) {grid-column: 5 / 11;grid-row: 9 / 11;}

.portfolio--detail-picture {margin-top: 40px}

.portfolio--tags-situation {margin-top: 50px;display: flex;}
.portfolio--tags {min-width: 378px;}
.portfolio--tags-title {font-family: 'TT Firs Neue';font-weight: normal;font-style: normal;font-size: 16px;line-height:26px;color:#000;margin-bottom: 30px;}
.portfolio--tag {font-family: 'TT Firs Neue';font-weight: normal;font-style: normal;font-size: 16px;line-height:30px;height:30px;color:#000;margin-bottom: 14px;border-radius: 24px;display: inline-flex;align-items: center;justify-content: center;padding: 0 22px;background-color: #eaeaea;transition: .4s}
.portfolio--tag:hover {background-color: #000;color:#fff}
.portfolio--tags-list {display: flex;flex-direction: column;align-items: flex-start;}

.portfolio--situation {}
.portfolio--situation-title {font-family: 'TT Firs Neue';font-weight: 600;font-style: normal;font-size: 72px;line-height:82px;color:#000;margin-bottom: 40px;text-transform: uppercase}
.portfolio--situation-text p, .portfolio--situation-text li {font-family: 'TT Firs Neue';font-weight: normal;font-style: normal;font-size: 16px;line-height:24px;color:#000;}

.portfolio--bloq {display: flex;margin-top: 20px;}
.portfolio--bloq-left {width: 100%;padding-top: 80px;position: relative}
.portfolio--bloq-left .studio{width: 100%;position: absolute;top:20px;}
.portfolio--bloq-left blockquote{font-family: 'TT Firs Neue';font-weight: normal;font-style: normal;font-size: 42px;line-height:50px;color:#000;padding: 0;margin:40px 0}
.portfolio--bloq-left blockquote:before,.portfolio--bloq-left blockquote:after{display: none}
.portfolio--bloq-right {min-width: 50%;max-height: 580px}
.portfolio--bloq-right img{object-fit: contain;object-position: center;width: 100%;height: 100%;}

.portfolio--bloq-title {font-family: 'TT Firs Neue';font-weight: normal;font-style: normal;font-size: 24px;line-height:40px;color:#000;}
.portfolio--bloq-author {font-family: 'TT Firs Neue';font-weight: normal;font-style: normal;font-size: 24px;line-height:40px;color:#000;}
.portfolio--bloq-position {font-family: 'TT Firs Neue';font-weight: normal;font-style: normal;font-size: 16px;line-height:normal;color:#000;}

.portfolio--text {margin-top: 50px;}
.portfolio--text h3{font-family: 'TT Firs Neue';font-weight: 600;font-style: normal;font-size: 72px;line-height:80px;color:#000;text-transform: uppercase;position:relative}
.portfolio--text h3 .studio{position: absolute;top:50%;transform: translateY(-50%);width: calc(100% - 450px - 14px);left:450px}
.portfolio--text h3 .studio.lefted{position: absolute;top:50%;transform: translate(-100%, -50%);width: 100%;left:-30px;}
.portfolio--text h3 .studio.lefted .studio--line{right:0;}
.portfolio--text h3 .studio.lefted .studio--square{left:auto;right: -14px}
.portfolio--text h3 .studio--line{right: -14px}
.portfolio--text h3 > span{/*position: relative;*/padding-right: 30px}
.portfolio--text p{font-family: 'TT Firs Neue';font-weight: normal;font-style: normal;font-size: 16px;line-height:24px;color:#000;max-width: 70%}

.portfolio--gallery {margin-top: 30px;display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;gap: 24px 24px; }
.--top .portfolio--gall:nth-child(1){ grid-area: 1 / 1 / 2 / 2; }
.--top .portfolio--gall:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.--top .portfolio--gall:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
.portfolio--gall {/*min-height: var(--min-height);*/}
.portfolio--gall img{object-fit: cover;object-position: center;width: 100%;/*height: 100%;*/}

.porfolio--image img /*, 
.portfolio--detail-picture img*/ {
    object-fit: cover;object-position: center;width: 100%;height: 100%;
    /* min-height: var(--min-height); */
}

.--bottom .portfolio--gall:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
.--bottom .portfolio--gall:nth-child(2)  { grid-area: 2 / 1 / 3 / 2; }
.--bottom .portfolio--gall:nth-child(3)  { grid-area: 2 / 2 / 3 / 3; }

.portfolio--results {display: flex}
.portfolio--result-title h3 {font-family: 'TT Firs Neue';font-weight: 600;font-style: normal;font-size: 72px;line-height:90px;color:#000;text-transform: uppercase;}
.portfolio--results > div {width: 50%}

.portfolio--result-list {display: flex;flex-wrap: wrap;max-width: 500px;--gap: 50px;--columns: 2;gap: var(--gap);}
.portfolio--result-item {width:calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));}
.portfolio--result-item .name {font-family: 'TT Firs Neue';font-weight: 600;font-style: normal;font-size: 42px;line-height:66px;color:#000;text-transform: uppercase;}
.portfolio--result-item .value {font-family: 'TT Firs Neue';font-weight: normal;font-style: normal;font-size: 24px;line-height:30px;color:#000;}

.services--detail .services--detail{padding-bottom: 60px;}

.CATALOG_TAB {border-top:1px solid #e9e9e9;padding-top: 60px}
.CATALOG_TAB .image-list-wrapper {min-height: var(--min-height);}
.portfolio--more-title {position: relative}
.portfolio--more-title h3 {font-family: 'TT Firs Neue';font-weight: 600;font-style: normal;font-size: 72px;line-height:80px;color:#000;text-transform: uppercase;position: relative;background-color: #fff;padding-right: var(--pad-big)}
.portfolio--more-title:after {content: '';position: absolute;top:0;right: 0;height: 60px;width: 50%;background-image: url('/local/templates/aspro-allcorp3-updated/images/arrow_right.png');background-repeat: no-repeat;background-position: left center;background-size: contain}

html body .maxwidth-theme {max-width: 1560px;}

@media (min-width: 1850px) {
    .portfolio--detail-picture, .porfolio--image.--big, .portfolio--gallery, .do--posle-container {width: 1840px;transform: translateX(-65px)}
}

@media (max-width: 1680px) {
    :root{
        --min-height:800px;
    }
    .portfolio--situation-title, .portfolio--text h3, .portfolio--result-title h3,.portfolio--more-title h3 {font-size: 56px;line-height: 64px}
    .portfolio--bloq-left blockquote, .portfolio--result-item .name{font-size: 36px;line-height: 46px}

    .portfolio--text h3 .studio.lefted {display: none}
    .portfolio--bloq-right {max-height: 530px}
}

@media (max-width: 1480px) {
    :root{
        --min-height:600px;
    }
    .portfolio--situation-title, .portfolio--text h3, .portfolio--result-title h3,.portfolio--more-title h3 {font-size: 50px;line-height: 60px}
    .portfolio--bloq-left blockquote, .portfolio--result-item .name{font-size: 32px;line-height: 40px}

    .portfolio--text h3 .studio {width: calc(100% - 350px - 14px);left: 350px;}
    .portfolio--tags-situation {margin-top: 40px;}

    .services--detail .services--detail{padding-bottom: 40px;}
    .CATALOG_TAB {padding-top: 40px}
}

@media (max-width: 1280px) {
    :root{
        --min-height:460px;
    }
    .portfolio--situation-title, .portfolio--text h3, .portfolio--result-title h3,.portfolio--more-title h3 {font-size: 42px;line-height: 50px}
    .portfolio--bloq-left blockquote, .portfolio--result-item .name{font-size: 26px;line-height: 32px}
    .portfolio--text p {max-width: 100%}
    .portfolio--bloq-right {max-height: 450px}
    .portfolio--result-list {--gap:30px}
    .portfolio--tags-situation {margin-top: 30px;}
    .portfolio--bloq-left blockquote {margin: 30px 0}
    .services--detail .services--detail{padding-bottom: 30px;}
    .CATALOG_TAB {padding-top: 30px}
    .portfolio--situation-title {margin-bottom: 30px}
}

@media (max-width: 1024px) {
    .portfolio--situation-title, .portfolio--text h3, .portfolio--result-title h3,.portfolio--more-title h3 {font-size: 26px;line-height: 36px}
    .portfolio--bloq-left blockquote, .portfolio--result-item .name, .portfolio--result-item .value, .portfolio--bloq-title, .portfolio--bloq-author
    {font-size: 16px;line-height: 24px}
    .portfolio--result-item .name
    {font-size: 20px;line-height: 28px}
    .portfolio--text h3 .studio {width: calc(100% - 180px - 14px);left: 180px;}
    .portfolio--bloq-right {max-height: 400px}
    .portfolio--more-title:after {display: none}
}

@media (max-width: 767px) {
    .portfolio--tags-situation {flex-wrap: wrap;gap:40px;}
    .portfolio--tags {width: 100%}
    .portfolio--situation {width: 100%}
    .portfolio--tags-list {flex-direction: row;flex-wrap: wrap;gap: 10px;}
    .portfolio--tag {margin-bottom: 0}
    .portfolio--bloq-left .studio {display: none}
    .portfolio--bloq-left {padding-top: 0}
    .portfolio--tags-title {margin-bottom: 15px}
    .portfolio--situation-title {margin-bottom: 15px}
}

@media (max-width: 650px) {
    .portfolio--results {flex-wrap: wrap;}
    .portfolio--results > div {width: 100%;}
    .CATALOG_TAB .grid-list {grid-template-columns: repeat(auto-fill,minmax(100%,1fr)) !important;}
}

@media (max-width: 550px) {
    .portfolio--bloq {flex-wrap: wrap;margin-bottom: 30px;}
    .portfolio--bloq-left {-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;}
    .portfolio--bloq-right {-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;}
    .portfolio--bloq-left blockquote {margin: 15px 0;}
    .portfolio--text h3 .studio {display: none}
    .portfolio--gallery {display: flex;flex-wrap: wrap}
    .portfolio--more-title h3 {padding-right: 0}
}

@media (max-width: 440px) {
    .portfolio--tags {min-width: auto}
    .portfolio--detail-picture, .porfolio--image.--big, .portfolio--gallery, .catalog-block {width:calc(100% + 48px);margin-left: -24px}
}

.do--posle-container {margin-top: 40px}
.do--posle-box {height: 0;padding-top: 56%;position: relative}
.do--posle-slider {position: absolute;top:0;left:0;overflow: hidden;width: 100%;height: 100%;}
.detail .do--posle-slider img {width: 100%;height: 100%;display: block;object-fit: cover;margin: 0;max-width: unset;max-height: unset;}
.do--posle-before {position: absolute;left: 0;top: 0;overflow: hidden;z-index: 2;width: 50%;height: 100%;}
.do--posle-after {height: 100%;}
.do--posle-line {position: absolute;left: 50%;top: 0;z-index: 10;width: 2px;height: 100%;background-color: #000;cursor: grabbing}
.do--posle-line::after {content: "";position: absolute;left: 50%;top: 50%;border-radius: 100%;width: 50px;height: 50px;background-color: #000;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23fff' width='20px' height='20px' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M743.3 512L598.5 656.8l-36.2-36.2L670.9 512 562.3 403.4l36.2-36.2L743.3 512zM425.5 656.8l36.2-36.2L353.1 512l108.6-108.6-36.2-36.2L280.7 512l144.8 144.8z'/%3e%3c/svg%3e");background-size: contain;background-repeat: no-repeat;background-position: center center;transform: translate(-50%, -50%);}




























/* End */


/* Start:/local/templates/aspro-allcorp3-updated/components/bitrix/catalog.section/portfolio/style.css?170479601211581*/
.catalog-block__item {
  padding: 28px 28px 22px;
  height: 100%;
}
.catalog-block__item:hover .btn-transparent-border {
  color: #fff;
}

/*center text*/
.catalog-block__item--centered {
  text-align: center;
}
.catalog-block__item--centered .line-block {
  justify-content: center;
}

.catalog-block__inner {
  position: relative;
}

/*img corner*/
.catalog-block__item .catalog-block__item--img-corner {
  width: auto;
  margin: -28px -28px 0px;
  border-radius: 4px 4px 0px 0px;
  overflow: hidden;
}
.catalog-block__info-bottom .catalog-block__info-btn {
  min-width: 0px;
}

.grid-list--no-gap .catalog-block__item .catalog-block__item--img-corner {
  border-radius: 0;
}

.catalog-block__item .catalog-block__item--img-corner .sticker {
  top: 33px;
  left: 35px;
}
.catalog-block__item .catalog-block__item--img-corner .side-icons {
  top: 33px;
  right: 33px;
}
.catalog-block__item .catalog-block__item--img-corner .section-gallery-nav {
  bottom: 0px;
}
.catalog-block__item .catalog-block__item--img-corner img {
  border-radius: 0px;
}
.catalog-block__item .catalog-block__item--img-corner .countdown-list-image {
  bottom: 27px;
  left: 34px;
}

/*info*/
body .catalog-block__info {
  margin-top: 0px;
  flex-basis: auto;
}
.catalog-block__info-section {
  margin-bottom: 4px;
}
.catalog-block__info-title {
  line-height: calc(1em + 7px);
}
.catalog-block__info-tech {
  margin: 4px 0px 0px;
}

/*footer*/
.catalog-block__info-bottom {
  margin-top: 14px;
  position: relative;
  display: none;
}
.catalog-block__info-bottom--margined {
  margin: 5px 0px;
}

/*ie*/
.bx-ie .catalog-block__info {
  flex-basis: auto;
}

@media (min-width: 768px) {
  .properties-absolute-outer:hover ~ .image-list-outer .sticker {
    left: 100%;
    right: -100%;
  }
  .properties-absolute-outer:hover ~ .image-list-outer .image-list__link,
  .properties-absolute-outer:hover ~ .image-list-outer .countdown {
    left: 100%;
  }
  .image-list-outer .sticker,
  .image-list-outer .image-list__link,
  .image-list-outer .countdown {
    transition: all ease 0.2s;
  }

  .properties-absolute-outer:hover ~ .image-list-outer .to-top .sticker {
    top: 100%;
  }
  .properties-absolute-outer:hover ~ .image-list-outer .to-top .image-list__link,
  .properties-absolute-outer:hover ~ .image-list-outer .to-top .countdown {
    top: 100%;
  }
  .image-list-outer_overflow {
    overflow: hidden;
  }

  /*offers*/
  .catalog-block__offers .sku-props {
    display: none;
  }
  .catalog-block__wrapper {
    position: relative;
  }
  .catalog-block__wrapper:hover {
    z-index: 5;
  }
  .catalog-block__wrapper[data-hovered="true"] .catalog-block__item {
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 4;
  }
  .catalog-block__wrapper[data-hovered="true"] .catalog-block__offers .sku-props {
    display: block;
  }
}

@media (min-width: 601px) {
  #main .catalog-block__info-price {
    /* padding-right: 146px; */
    text-align: left;
    flex: 1;
  }
  .catalog-block__info-price + .catalog-block__info-btn {
    text-align: right;
  }
  .bx-ie .catalog-block__info-btn {
    top: 50%;
    transform: translateY(-50%);
  }
  .catalog-block__info-bottom .line-block {
    justify-content: normal;
  }
  .catalog-block__item--centered .catalog-block__info-bottom .line-block{
    justify-content: center;
  }
  .catalog-block--bottom-btn .catalog-block__info-bottom--margined {
    flex-basis: 100%;
  }
  .catalog-block--bottom-btn .catalog-block__info-bottom--margined:last-of-type {
    margin-top: 13px;
  }
  .catalog-block--bottom-btn .btn {
    display: block;
  }
  .catalog-block--bottom-btn .counter {
    width: auto;
  }
  .ratio--horizontal .properties-absolute-outer  {
    padding-top: var(--paddingImage);
  }
  .ratio--vertical .properties-absolute-outer  {
    padding-top: var(--paddingImage);
  }
}

/* in detail */
.detail-block .catalog-block .owl-stage {
  display: flex;
  flex-direction: row;
}
.detail-block .catalog-block .owl-item {
  flex-shrink: 0;
}

/*props on hover*/
.properties-absolute-outer {
  padding-top: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 4;
}

.properties-absolute-outer.properties-absolute-margin {
  padding-top: calc(100% + 28px);
}
@media (max-width: 600px) {
  .grid-list.grid-list--compact .js-popup-block.catalog-block__item .catalog-block__item--img-corner {
    margin: -16px -16px 0px;
  }
}

.portfolio--item {position: relative}
.portfolio--item .catalog-block__info{padding: 16px 24px 0 0;display: flex;gap:30px;width: 100%;flex-direction: row;align-items: flex-end;overflow: hidden}
.CATALOG_TAB .grid-list{/*grid-template-columns: repeat(auto-fill,minmax(calc(50% - 12px),1fr));grid-gap: 24px;*/display: flex;flex-wrap: wrap;gap:24px;align-items: stretch;margin-bottom: 48px}
.CATALOG_TAB .portfolio--item {width: calc(50% - 14px)}
.CATALOG_TAB .portfolio--item:nth-child(4n+3) {width: calc(40% - 14px)}
.CATALOG_TAB .portfolio--item:nth-child(4n+4) {width: calc(60% - 14px)}
.CATALOG_TAB .js-replace-icons{display: none}
.CATALOG_TAB .image-list{height: var(--min-height);}
.CATALOG_TAB .image-list-wrapper img{object-fit: cover;object-position: center;width: 100%;height: 100%;transition: .4s}
.CATALOG_TAB .image-list-wrapper{overflow: hidden;}
.CATALOG_TAB .image-list-wrapper:hover img{transform: scale(1.01)}
.CATALOG_TAB .index-block__title-wrapper--mb-52{margin-bottom: 20px}
.CATALOG_TAB .index-block__part--right,
.CATALOG_TAB .index-block__subtitle,
.CATALOG_TAB .index-block__part--left {display: none}
.CATALOG_TAB .index-block__part--center {flex: none;text-align: left;width: 100%;position: relative;}
.CATALOG_TAB .arrow_scroll_init .arrows_wrapper {display: none}
.CATALOG_TAB .tab-nav-wrapper {margin: 0;}
.CATALOG_TAB .tab-nav {justify-content: flex-start}
.CATALOG_TAB .tab-nav__item {font-size: 24px;font-family: 'TT Firs Neue';font-weight: normal;line-height: normal;color:#707070;border-radius: unset;text-transform: uppercase;padding: 0 0 0 10px;margin: 0 50px 0 0;}
.CATALOG_TAB .bg-theme-hover-active.active{background-color: transparent !important;color:#b5cc47;border-bottom:2px solid #000}
.CATALOG_TAB .bg-theme-hover-active:hover{background-color: transparent !important;}
.CATALOG_TAB .bg-theme-hover-active:hover.active{background-color: transparent !important;}
.CATALOG_TAB .ajax_load_btn{display: flex;border:2px solid #000;height: 100px;align-items: center;justify-content: center;}
.CATALOG_TAB .ajax_load_btn .more_text_ajax {text-decoration: underline;color:#5d5d5d;font-size: 22px;font-family: 'TT Firs Neue';font-weight: 500;padding-left: 0;}
.CATALOG_TAB .ajax_load_btn .more_text_ajax i{display: none}
.CATALOG_TAB .ajax_load_btn:hover .more_text_ajax {text-decoration: none;}

.CATALOG_TAB .image-list {overflow: hidden}
.CATALOG_TAB .image-list-wrapper {padding-top: 0;height: 100%;min-height: var(--min-height);max-height: var(--min-height)}
.CATALOG_TAB .image-list__link,
.CATALOG_TAB .image-list-wrapper img{position: static;top:auto;left:auto;right: auto;bottom:auto}

.portfolio--item .catalog-block__info-title {flex-shrink: 0;max-width: 100%}
.portfolio--item .catalog-block__info-title a{font-size: 29px;font-family: 'TT Firs Neue';font-weight: 600;line-height: 30px;color:#000;white-space: nowrap}
.portfolio--item .catalog-block__info-title a span{border-bottom: 2px solid #000;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;text-transform: uppercase}
.portfolio--item .catalog-block__info-title a:hover{color:#000;}
.portfolio--item .sticker {display: none}
.portfolio--item .btn.btn-default {font-size: 22px;font-family: 'TT Firs Neue';font-weight: 500;color:#fff;height: 86px;padding:0 90px;border:1px solid #b3b3b3;background-color: rgba(179,179,179, 0.3);display: inline-flex;align-items: center;justify-content: center;transition: .4s;border-radius: 90px;}
.portfolio--item .btn.btn-default:hover {background-color: #b5cc46;border: 1px solid #b5cc46 !important;}
.portfolio--preview {font-size: 16px;font-family: 'TT Firs Neue';font-weight: normal;line-height: 18px;color:#000;flex-shrink: 4;overflow: hidden;max-height: 60px;padding-right: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;text-transform: uppercase}

.catalog-block__info-top {width: 100%}
.catalog-block__info-inner {width: 100%;display: flex;gap:30px;align-items: center}

@media (max-width: 1680px) {
  :root{
    --min-height:900px;
  }
}

@media (max-width: 1480px) {
  .portfolio--item .catalog-block__info {padding: 16px 30px 0 0;}
  .portfolio--item .catalog-block__info-title a {font-size: 24px;}
  .CATALOG_TAB .ajax_load_btn {height: 67px}
  :root{
    --min-height:800px;
  }
}

@media (max-width: 1280px) {
  :root{
    --min-height:600px;
  }

  .catalog-block__info-bottom {display: none}
  .CATALOG_TAB .index-block__part--center {padding-right: 0}
  .CATALOG_TAB .index-block__part--center:before {display: none}
  .CATALOG_TAB .tab-nav__item {font-size: 20px}
}

@media (max-width: 1024px) {
  :root{
    --min-height:460px;
  }
  .CATALOG_TAB .tab-nav__item {font-size: 16px}
  .CATALOG_TAB .portfolio--item {width: 100%}
  .CATALOG_TAB .portfolio--item:nth-child(4n+3) {width: 100%}
  .CATALOG_TAB .portfolio--item:nth-child(4n+4) {width: 100%}
  .CATALOG_TAB .image-list-wrapper {max-height: none}

  .CATALOG_TAB .grid-list {width: 100%}
}


@media (max-width: 767px) {
  .portfolio--item .catalog-block__info {position: absolute;left:0;bottom: 20px;width: 100%;padding: 0 30px 0 30px}
  .CATALOG_TAB .image-list {height: 100%}
  .CATALOG_TAB .grid-list, .portfolio--item .catalog-block__info, .catalog-block__info-inner {gap:12px;}
  .catalog-block__info-inner {flex-direction: column;}
  .catalog-block__info-inner *{color:#fff}
  .catalog-block__info-inner {align-items: flex-start}
  .portfolio--item .catalog-block__info-title a span {border-color: #fff}
  .CATALOG_TAB .ajax_load_btn {border-radius: 48px}
}

/* Апдейт верстки */
.CATALOG_TAB .portfolio--item,
.CATALOG_TAB .portfolio--item:nth-child(4n+3),
.CATALOG_TAB .portfolio--item:nth-child(4n+4)
{/*width: 803px;*/height:calc(100vh - 80px);max-height: 910px}
.CATALOG_TAB .image-list {height: calc(100% - 60px)}
.CATALOG_TAB .grid-list{column-gap:28px;row-gap:53px;justify-content: unset;align-items: unset;display: inline-flex;/*max-width: 1634px*/}
.catalog-block {text-align: center}
.portfolio--preview {text-align: left}
.CATALOG_TAB .image-list-wrapper {min-height: unset;max-width: unset}

@media (max-width: 1700px) {
  .CATALOG_TAB .portfolio--item,
  .CATALOG_TAB .portfolio--item:nth-child(4n+3),
  .CATALOG_TAB .portfolio--item:nth-child(4n+4)
  {/*width: calc(50% - 14px);*/height:calc(100vh - 80px)}
}

@media (max-width: 1480px) {
  .CATALOG_TAB .grid-list{row-gap:60px;}
}

@media (max-width: 1280px) {
  .CATALOG_TAB .image-list-wrapper {max-height: unset}
}

@media (max-width: 1024px) {
  .CATALOG_TAB .grid-list {row-gap:40px;}
  .CATALOG_TAB .portfolio--item,
  .CATALOG_TAB .portfolio--item:nth-child(4n+3),
  .CATALOG_TAB .portfolio--item:nth-child(4n+4) {width: 100%}
}

@media (max-width: 767px) {
  .CATALOG_TAB .image-list {height: var(--min-height)}
  .CATALOG_TAB .portfolio--item,
  .CATALOG_TAB .portfolio--item:nth-child(4n+3),
  .CATALOG_TAB .portfolio--item:nth-child(4n+4) {height: var(--min-height)}
}
@media (max-width: 600px) {
  .CATALOG_TAB .grid-list {row-gap:0;}
}





/* End */
/* /local/templates/aspro-allcorp3-updated/components/bitrix/news.detail/portfolio/style.css?171757117112530 */
/* /local/templates/aspro-allcorp3-updated/components/bitrix/catalog.section/portfolio/style.css?170479601211581 */