/* Start:/local/templates/.default/components/bitrix/catalog/2023.portfolio/style.css?1705325936736*/
.portfolio-sections {
    margin-bottom: 70px;
}

.portfolio-pagination .bx_pagination_bottom.pagination-container {
    margin-top: 60px;
    margin-bottom: 145px;
}

.wrapper .main-form__socials {
    margin-bottom: 0;
    padding: 0;
}

.wrapper .main-form__socials li:not(:last-child) {
    margin-bottom: 0;
}

.wrapper .main-form__socials li {
    padding: 0;
}

.wrapper .main-form__socials li:before {
    display: none;
}



@media (max-width: 992px) {
    .portfolio-sections {
        margin-bottom: 40px;
    }

    .portfolio-pagination .bx_pagination_bottom.pagination-container {
        margin-bottom: 40px;
    }

    .portfolio-pagination {
        padding-bottom: 40px;
    }
}
/* End */


/* Start:/local/templates/.default/components/bitrix/catalog/2023.portfolio/bitrix/catalog.element/element/style.css?17713251927760*/
:root{
	--margin1: 145px;
	--margin2: 70px;
	--margin3: 57px;
	--margin4: 100px;
	--border-radius: 50px;
}
@media(max-width:1400px){
	:root{
		--margin1: 120px;	
	}
}

@media (max-width: 1367px) {
	:root {
		--margin4: 90px;
	}
}

@media(max-width:991px){
	:root{
		--margin1: 57px;
		--margin2: 32px;
		--margin3: 32px;
		--margin4: 50px;
		--border-radius: 30px;
	}
}

@media (max-width: 576px) {
	:root {
		--margin4: 57px;
	}
}


.portfolio-detail{
	padding-top: 57px;
}

.portfolio_main-photo{
	max-height: 499px;
	width: 100%;
	object-fit: cover;
	border-radius:  var(--border-radius);
	margin-bottom: var(--margin3);
}

.portfolio-title h1{
	color: var(--text-black);	
	font-size: 45px;	
	line-height: 46px;
	margin-top: 0;
	margin-bottom: var(--margin3);
}
.portfolio_main-box .portfolio-block:not(:last-child){
	margin-bottom: var(--margin3);
}
.portfolio_block-under-title{
	margin-bottom: var(--margin3);
	display: flex;
	gap: 34px;
}
.portfolio_tags-work-list{
	width: 100%;
	max-width: 386px;
	flex-shrink: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	height: fit-content;
}
.portfolio_tags-work-name{
	padding: 7px 35px 8px;
	border-radius: 50px;
	border: 2px solid #003E59;
	font-size: 15px;	
	font-weight: 400;
	line-height: normal;
	
}

.portfolio_text-one{
	flex-grow: 1;
	line-height: 22px;
	font-size: 15px;
}

.portfolio-info{	
	display: flex;
	flex-wrap: wrap;
	gap: 34px;
	margin-bottom: var(--margin2);
}
.portfolio-info_item{
	width: 100%;
	max-width: 386px;
}
.title-r{
	color: #111;	
	font-size: 25px;	
	font-weight: 600;
	line-height: normal;
	margin-bottom: 18px;
}
.portfolio_text-one img{
	border-radius: var(--border-radius);
}
.portfolio-block.portfolio-block_image-prev img,
.portfolio-block_image img
{
	border-radius: var(--border-radius);
	border: 2px solid #DCDCDC;
	/* max-width: unset; */
}
.hr1.url_pusk{
	cursor: pointer;
}
.portfolio_main-text{
	background: #FFF;
	border-radius: var(--border-radius);
	padding: 60px 45px;
}

.wrapper .portfolio_main-text p{
	margin-bottom: 10px;
}



.portfolio_button-block {
	margin-top: var(--margin1);
    margin-bottom: var(--margin1);
    background: var(--text-blue-green);
    border-radius: var(--border-radius);
    padding: 79px 59px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 25px;

}

.portfolio_button-block_text {
    max-width: 825px;
    color: #FFF;
    font-size: 45px;
    font-weight: 700;
    line-height: 46px;
}

.portfolio_button-block_text span {
    color: var(--blue);
}

.button_portfolio-block {
    max-width: 221px;
}
@media(max-width: 1400px){
	.portfolio-title h1{
		margin: 48px 0 54px;
	}
}
@media(max-width: 767px){
    .portfolio_button-block{
        padding: 40px 17px;
    }   
    .portfolio_button-block_text{
        font-size: 25px;       
        line-height: 28px;
    }
    .button_portfolio-block {
        max-width: 100%;
    }
	.portfolio-detail{
		padding-top: 24px;
	}
	.portfolio-title h1{
		margin: 0px 0 30px;
		font-size: 25px;
		line-height: normal;
	}
	.portfolio-info{
		gap: 30px;
	}
	.portfolio_main-box .portfolio-block:not(:last-child){
		margin-bottom: (--margin1);
	}
}



.portfolio__row {
	gap: 60px 0px;
}

@media (max-width: 1367px) {
	.portfolio__row {
		gap: 50px 0px;
	}
}

@media (max-width: 992px) {
	.portfolio__row {
		gap: 25px 0px;
	}
}

.portfolio-item__image,
.portfolio-item__image img {
    border-radius: 50px;
}

.portfolio-item__image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.portfolio__info {
    margin-top: 30px;
    text-align: center;
}

.portfolio__name {
    color: var(--text-black);
    font-size: 27px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.wrapper .portfolio__type {
    margin-top: 15px;
    margin-bottom: 0;
    color: var(--text-light-gray);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

@media (max-width: 1400px) {   
	.portfolio_main-photo{
		height: 380px;
		width: auto;		
		margin-left: auto;
		margin-right: auto;
		display: block;
	}


    .portfolio__info {
        margin-top: 25px;
    }

    .portfolio__name {
        font-size: 25px;
    }

    .wrapper .portfolio__type {
        margin-top: 10px;
        font-size: 15px;
    }
}

@media(max-width: 1200px){
	.portfolio_block-under-title{
		flex-direction: column;
	}
}

@media (max-width: 992px) {   

    .portfolio__info {
        margin-top: 15px;
    }

    .portfolio__name {
        font-size: 18px;
    }

    .wrapper .portfolio__type {
        font-size: 14px;
    }
	.portfolio_main-photo{
		height: auto;
	}
	.portfolio_text-one p:last-child{
		margin-bottom: 0;
	}
}

.button.portfolio_main-text_button{
	display: none;
}
@media (max-width: 767px) {   
	.portfolio_main-photo{
		border-radius: 15px;
	}
	.title-r{
		margin-bottom: 15px;
		font-size: 18px;
	}
	.portfolio_main-text{
		padding: 30px 20px;
		
	}
	.portfolio_main-text div{		
		display: -webkit-box;
		-webkit-line-clamp: 20;
		-webkit-box-orient: vertical;
		overflow: hidden;
		max-height: 445px;
	}
	.portfolio_main-text.portfolio_main-text_full-text div{
		-webkit-line-clamp: unset;
		max-height: unset;
	}
	
	.button.portfolio_main-text_button{
		display: flex;
		height: 55px;
		margin-top: 40px;
	}
	
}

.portfolio-step:not(:last-of-type) {
	margin-bottom: var(--margin4);
}

.portfolio-step__image {
	margin-bottom: 57px;
	/*line-height: 0;*/
}

.portfolio-step__big-image {
	box-shadow: 0 14px 37px 0 rgba(0, 0, 0, 0.1);
	border-radius: var(--border-radius);
}

.portfolio-step__desc {
	width: 100%;
	max-width: 690px;
	margin-left: auto;
}

.wrapper .portfolio-step__desc p{
	margin-bottom: 25px;
	font-weight: 300;
	font-size: 16px;
	line-height: 156%;
	color: #555;
}

.portfolio-step__desc ul li {
	font-weight: 300;
	font-size: 16px;
	line-height: 156%;
	color: #555;
}

.portfolio-step__desc ul li:not(:last-child) {
	margin-bottom: 15px;
}

.portfolio-steps {
	counter-reset: step;
}

.portfolio-step .portfolio-step__desc p:first-child:before {
	counter-increment: step;
	content: '0' counter(step) '.';
	margin-right: 15px;
	font-weight: 600;
	font-size: 16px;
	line-height: 156%;
	color: #dcdcdc;
}

.portfolio-step__slider-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 62px;
	height: 62px;
	background: #FFFFFF;
	border-radius: 50%;
}

.portfolio-step__buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 55px;
}

.portfolio-step__image-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 294px;
}

@media (max-width: 1367px) {
	.portfolio-step__image {
		margin-bottom: 55px;
	}

	.wrapper .portfolio-step__desc p {
		margin-bottom: 20px;
	}

	.wrapper ul:not(.not_mark) li {
		margin-bottom: 15px;
	}

	.wrapper .portfolio-step__desc p,
	.wrapper ul:not(.not_mark) li {
		font-size: 15px;
	}

	.portfolio-step__desc {
		max-width: 600px;
	}

	.portfolio-step__image-inner {
		gap: 0 258px;
	}

	.portfolio-step__buttons {
		margin-top: 60px;
	}

}

@media (max-width: 992px) {
	.portfolio-step__buttons {
		margin-top: 30px;
	}

	.portfolio-step__image-inner {
		gap: 0 65px;
	}
}

@media (max-width: 576px) {
	.portfolio-step__image {
		margin-bottom: 30px;
	}

	.wrapper .portfolio-step__desc p {
		margin-bottom: 19px;
	}

	.wrapper ul:not(.not_mark) li {
		margin-bottom: 10px;
	}

	.portfolio-step .portfolio-step__desc p:first-child:before,
	.wrapper .portfolio-step__desc p,
	.wrapper ul:not(.not_mark) li {
		font-size: 14px;
	}

	.portfolio-step__slider-arrow {
		max-width: 55px;
		height: 55px;
	}

	.portfolio-step__buttons {
		margin-top: 25px;
	}
}

/* End */


/* Start:/local/templates/.default/components/bitrix/catalog/2023.portfolio/bitrix/catalog.element/element/themes/blue/style.min.css?1705325936902*/
.bx-blue .product-item-image-slider-progress-bar{background-color:#0083d1}.bx-blue .product-item-image-slider-control:hover{background-color:rgba(0,131,209,.8)}.bx-blue .product-item-image-slider-control.active,.bx-blue .product-item-image-slider-control:hover{background-color:#0083d1}.bx-blue .product-item-selected-scu,.bx-blue .product-item-detail-slider-controls-image:hover,.bx-blue .product-item-detail-slider-controls-image.active{outline-color:#006cc0}.bx-blue .product-item-scu-item-text-block:hover,.bx-blue .product-item-scu-item-color-block:hover,.bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,.bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{outline-color:#006cc0}.bx-blue .product-item-amount-field:focus{border-color:#006cc0}.bx-blue .product-item-detail-slider-progress-bar{background-color:#006cc0}
/* End */
/* /local/templates/.default/components/bitrix/catalog/2023.portfolio/style.css?1705325936736 */
/* /local/templates/.default/components/bitrix/catalog/2023.portfolio/bitrix/catalog.element/element/style.css?17713251927760 */
/* /local/templates/.default/components/bitrix/catalog/2023.portfolio/bitrix/catalog.element/element/themes/blue/style.min.css?1705325936902 */