/* Start:/design-development/style.css?17628518793290*/
.design-development {
  padding: 0 16px;

}

.design-development__head-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
}

.design-development__link {
  color: var(--text-link);
  border-bottom: 1px dashed var(--border-link);
  transition: all ease-in-out .3s;
}

.design-development__link:hover {
  color: var(--text-link-hover);
}

.design-development__steps {
  margin-bottom: 16px;
}

.design-development__steps-header {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 20px;
}

.table-item {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 16px;
  padding: 20px 0 32px;
  border-top: 1px solid var(--border-main);
}

.table-item__name {
  font-size: 16px;
  line-height: 20px;
}

.table-item__count {
  width: 68px;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-shrink: 0;

}

.table-item__wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.design-development__cards {
  margin-bottom: 40px;
}

.design-development__cards {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.design-development__card {
  width: 100%;
  padding: 16px;
  min-height: 152px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.design-development__card_blue {
  background: var(--brand-smooth);
}

.design-development__card_gray {
  background: var(--bg-secondary);
  justify-content: space-between;
}

.design-development__card-title {
  font-size: 16px;
  line-height: 20px;
  color: var(--text-link);
}

.gray-title {
  font-size: 14px;
  line-height: 20px;
  color: var(--text-caption);
  font-family: var(--inter);
}

.design-development__card-text {
  font-size: 14px;
  line-height: 20px;
  font-family: var(--inter);
}

.design-development__card-contacts {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.projects-title {
  padding: 0 16px;
}



@media(min-width: 992px) {
  .design-development {
    padding: 0 34px;
  }

  .design-development__head-content {
    gap: 24px;
    margin-bottom: 64px;
  }

  .design-development__link {
    border-bottom: 1.5px dashed var(--border-link);
  }

  .design-development__steps {
    margin-bottom: 88px;
  }

  .design-development__steps-header {
    margin-bottom: 48px;
    font-size: 32px;
    line-height: 36px;
  }

  .table-item__wrap {
    flex-direction: row;
    flex-grow: 1;
    justify-content: start;
  }

  .table-item__name {
    width: 60%;
    flex-shrink: 0;
    font-size: 20px;
    line-height: 28px;
    font-family: var(--inter);
  }

  .table-item {
    gap: 132px;
  }

  .table-item__count {
    width: 124px;
  }

  .design-development__cards {
    margin-bottom: 120px;
  }

  .design-development__cards {
    flex-direction: row;
  }

  .design-development__card {
    width: calc(100% * 1/3 - 4px);
    padding: 24px;
    min-height: 280px;
  }

  .design-development__card-title {
    font-size: 32px;
    line-height: 36px;
  }

  .gray-title {
    font-size: 20px;
    line-height: 28px;
    color: var(--text-caption);
  }

  .design-development__card-text {
    font-size: 20px;
    line-height: 28px;
  }

  .design-development__card-contact {
    font-size: 16px;
    line-height: 20px;
    color: var(--text-link);
  }

  .projects-title {
    padding: 0 34px;
  }
}

/* End */


/* Start:/local/templates/pik/components/bitrix/system.pagenavigation/pic_pagenav/style.css?17628520371078*/
.pic-show-more {

	width: 100%;

	cursor: pointer;

}



.pic-load_more {

	width: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	background: var(--bg-secondary-contrast);

	padding: 24px;

	color: var(--text-main-contrast);

	border-radius: var(--main-br);
	transition: all .3s ease-in-out;
}

.pic-load_more:hover {
	background-color: var(--bg-button);
	transition: all .3s ease-in-out;
}



.pic-load_more span {

	border-bottom: 1.5px dashed var(--border-secondary-contrast);

	padding-bottom: 3px;

}



/* .pic-load_more span:after {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 2px;

	background: repeating-linear-gradient(to right,

			white,

			white 10px,

			transparent 10px,

			transparent 20px

		);

} */



@media(min-width: 992px) {

	.pic-load_more {

		padding: 81px;

	}



	.pic-load_more span {

		border-bottom: 1px dashed var(--border-secondary-contrast);

		padding-bottom: 2px;

	}

}

/* End */


/* Start:/local/templates/pik/components/bitrix/news/projects/bitrix/news.list/projects/style.css?17628520376680*/
.project-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     4px;
}

.project-filter__item {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
}

.project-filter__item-dropdown {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    padding:           6px 4px 6px 8px;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    background:        var(--bg-filter);
    border-radius:     var(--second-br);
}

.project-items {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   4px;
    padding:               0 16px 46px;
    overflow:              hidden;
}

.project-item {
    position:              relative;
    z-index:               1;

    min-height:            356px;
    padding:               16px;

    display:               -webkit-box;

    display:               -ms-flexbox;
    background:            rgba(0, 0, 0, 0.72);
    display:               flex;
    gap:                   8px;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-pack:      end;
    -ms-flex-pack:         end;
    justify-content:       end;
    -webkit-box-align:     start;
    -ms-flex-align:        start;
    align-items:           start;
    border-radius:         var(--main-br);
    cursor:                pointer;
    overflow:              hidden;

}

.project-item-img {
    position:           absolute;
    z-index:            -1;
    top:                0;
    left:               0;
    display:            block;
    width:              100%;
    height:             auto;
    -o-object-fit:      cover;
    object-fit:         cover;
    -o-object-position: center;
    object-position:    center;
    -webkit-filter:     brightness(38%);
    filter:             brightness(38%);

    scale:              1;
    -webkit-transition: scale 0.2s;
    -o-transition:      scale 0.2s;
    transition:         scale 0.2s;
}

.project-item:hover .project-item-img {
    scale:              1.05;
    -webkit-transition: scale 0.2s;
    -o-transition:      scale 0.2s;
    transition:         scale 0.2s;
}

/*.project-item.overlay {*/
/*	background-position: center;*/
/*	background-size: cover;*/
/*	background-repeat: no-repeat;*/
/*	background-color: rgba(0, 0, 0, 0.72);*/
/*	background-blend-mode: overlay;*/
/*}*/

.project-item__label {
    color: var(--text-caption-contrast);
}

.project-item__title {
    color: var(--text-main-contrast);
}

.project-item__descr {
    color: var(--text-main-contrast);
}

.project-item__top-label {
    display: none;
}

.project-filters {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   4px;
}

@media (min-width: 992px) {
    .project-item__label {
        z-index: 0;
    }

    .project-filters {
        padding: 0 34px;
    }

    .project-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
    }

    .project-filter__title {
        width: 156px;
    }

    .project-items {
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -ms-flex-wrap:         wrap;
        flex-wrap:             wrap;
        -webkit-box-orient:    horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction:    row;
        flex-direction:        row;
        gap:                   4px;
        padding:               0 34px 88px;
    }

    .project-item {
        min-height: 592px;
        padding:    24px;
        gap:        12px;
        width:      calc(50% - 2px);
    }

    .project-item-img {
        height: 100%;
    }

    /*.project-item.overlay::before {*/
    /*	content: '';*/
    /*	position: absolute;*/
    /*	top: 0;*/
    /*	left: 0;*/
    /*	width: 100%;*/
    /*	height: 100%;*/
    /*	background-image: inherit; !* Наследует фоновое изображение от .project-item *!*/
    /*	background-size: cover;*/
    /*	background-position: center;*/
    /*	transition: transform 0.3s ease;*/
    /*	background-color: rgba(0, 0, 0, 0.72);*/
    /*	background-blend-mode: overlay;*/
    /*}*/
    /*.project-item.overlay:hover::before {*/
    /*	transform: scale(1.1); !* Увеличение на 10% *!*/
    /*}*/
    .project-item:hover .project-item__top-label {
        position:      absolute;
        opacity:       1;
        top:           24px;
        left:          24px;
        background:    var(--brand-2);
        padding:       4px 8px;
        border-radius: 12px;
    }

    .project-item__top-label {
        position:           absolute;
        opacity:            0;
        top:                -24px;
        left:               24px;
        background:         var(--brand-2);
        padding:            4px 8px;
        border-radius:      12px;
        -webkit-transition: all .3s ease;
        -o-transition:      all .3s ease;
        transition:         all .3s ease;
        color:              var(--text-main);
        text-transform:     uppercase;
        display:            block;
    }

    /*.project-item.overlay {*/
    /*	background-size: cover;*/
    /*	transition: all .3s ease;*/
    /*	overflow: hidden;*/
    /*}*/
    /*.project-item.overlay:hover {*/
    /*	background-size: 110%;*/
    /*	transition: all .3s ease;*/
    /*}*/
    .project-item__title {
        z-index:       0;
        padding-right: 15%;
    }

    .project-item__descr {
        z-index:       0;
        padding-right: 30%;
    }
}
/* End */
/* /design-development/style.css?17628518793290 */
/* /local/templates/pik/components/bitrix/system.pagenavigation/pic_pagenav/style.css?17628520371078 */
/* /local/templates/pik/components/bitrix/news/projects/bitrix/news.list/projects/style.css?17628520376680 */