/* Start:/bitrix/templates/new_estetika/components/bitrix/catalog/vkr_portfolio_new/style.css?17921613116005*/
.main-banner-info.our-projects {
	background-position: center left;
	background-size: cover;
	background-image: url(/bitrix/templates/new_estetika/img/project-new22-min.jpg);
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.img-project-container {
	margin: 0 auto;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 35px;
}

.project-container {
	padding-top: 34px;
	padding-bottom: 44px;

}

.our-projects .img-project  {
	width: 300px;
	height: 300px;
	border-radius: 300px;
	border: 3px solid #d6e7ef;
	-webkit-box-shadow: 8px -3px 0px 5px rgba(214, 231, 239, 0.6);
	-moz-box-shadow: 8px -3px 0px 5px rgba(214, 231, 239, 0.6);
	box-shadow: 8px -3px 0px 5px rgba(214, 231, 239, 0.6);
}
.our-projects .subtitle-main-banner-info {
	color: #333333;
	font-size: 16px !important;
	font-weight: 600;
	line-height: 22px;
	font-weight: normal !important;
	margin-bottom: 18px;
}

.our-projects .content-main-banner-info::before {
  display: none;
}
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

.project-item  .info-item-new {
	padding-bottom: 0px !important;
}

.project-item   .title-info-text {
	color: #0078b7;
	font-weight: 400;
	display: inline-block;
	padding-left: 30px;
	font-size: 14px;
}

.project-item  .img-item-new img {
	width: auto;
}

.menu-categores {
	margin-bottom: 25px;
}

ul.menu-categores li {
	display: inline-block;
	border: 1px solid #0078b7;
	padding: 6px 15px;
	border-radius: 25px;
	margin-right: 10px;
	background: white;
	margin-bottom: 11px;
}

ul.menu-categores li:hover {
	background: #0078b7;
}

ul.menu-categores li:hover a {
	color: white;
}

li.current-url {
	background: #0078b7 !important;
}

li.current-url a {
	color: white !important;
}

ul.menu-categores li a {
	color: #0078b7;
}

.project-item  .img-item-new {
width: auto;
margin: 0 auto;
text-align: CENTER;
}

.project-item .bottom-info-item-new {
	position: initial;
}

.project-item  .title-info-item-new {
	text-transform: uppercase;
	font-size: 15px;
}

.project-item img {
	height: 265px;
}
@media (max-width:768px) {
	.img-project-container {
		display: none;
	}
	.project-container {
		text-align: center;
		margin: 0 auto;
	}
}
@media (min-width: 769px) and (max-width:992px) {
	.img-project-container {
		padding-top: 8% !important;
		padding-bottom: 8% !important;
	}
}

.more-projects-link {
	text-align: center;
	margin: 0 auto;
}

.more-projects-link a {
	color: #0078b7;
	border-bottom: 1px solid #0078b7;
	font-weight: bold;
}
/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}

.catalog-block-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}


/**/
.arrow {
	width: 10px;
	height: 9px;
	border-top: 1px solid #0078b7;
	border-right: 1px solid #0078b7;
	margin-right: 60px;
	position: absolute;
	top: 8px;
	left: 140px;
}

.more-projects-link a {
	position: relative;
	display: inline-block;
}

.more-projects-link a span {
	font-size: 14px;
	font-weight: normal !important;
}

.arrow-right {
	transform: rotate(45deg);
}

/* Активный таб (залит цветом) */
.menu-categores li.active a {
	color: #ffffff;
}

.menu-categores li.active {
	background: #0078b7;
}

@media (max-width:1195px) {
	/* Обертка для позиционирования градиентной тени */
	.menu-categories-wrapper {
		position: relative;
		width: 100%;
		overflow: hidden; /* Обрезаем всё, что выходит за пределы, чтобы тень работала корректно */
	}

	/* Градиентная тень справа (намек на скролл) */
	.menu-categories-wrapper::after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 55px; /* Ширина тени */
		/* Градиент от прозрачного к цвету фона вашего сайта (замените #ffffff на ваш цвет) */
		background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
		pointer-events: none; /* Чтобы тень не перекрывала клики по табам */
		z-index: 2;
	}

	/* Контейнер табов */
	.menu-categores {
		display: flex; /* Выстраиваем в одну строку */
		overflow-x: auto; /* Горизонтальный скролл */
		white-space: nowrap; /* Запрет переноса */
		list-style: none;
		padding: 0;
		margin: 0;
		gap: 8px; /* Отступы между чипсами */

		/* Скрытие скроллбара */
		-ms-overflow-style: none; /* IE и Edge */
		scrollbar-width: none; /* Firefox */
	}

	/* Скрытие скроллбара для Chrome, Safari и Opera */
	.menu-categores::-webkit-scrollbar {
		display: none;
	}

	/* Элементы списка */
	.menu-categores li {
		flex-shrink: 0; /* Запрещаем сжатие чипсов */
	}

	ul.menu-categores li a {
		color: #0078b7;
		display: block;
		text-decoration: none;
		transition: background-color 0.2s ease, color 0.2s ease;
	}
}


@media (max-width:640px) {
	.menu-categores {
		margin-bottom: 15px !important;
	}
}
/* End */


/* Start:/bitrix/templates/new_estetika/components/bitrix/catalog.element/vkr_portfolio-detail/style.css?17926613276604*/
@media (max-width: 992px) {
    .bread-crumbs-section {
        padding-top: 80px !important;
        font-size: 12px;
    }

    .portfolio-section{
        padding-top: 0px;
    }

    .info-group-ls-charac-portfol {
        font-size: 14px !important;
    }
}


.info-group-ls-charac-portfol {
    font-size: 17px;
}

.list-characteric-portfolio::before {
  display:none;
}

@media only screen and (max-width: 850px) {
    .porfol-new {
        max-width: 240px;
        margin: 0 auto 25px auto;
        text-align: left;
    }
    .content-portfolio-text {
        text-align: left;
    }
}

@media only screen and (min-width: 851px) {
    h1 {
        text-align: left !important;
    }
}

/**/
html {
    scroll-behavior: smooth;
}

/* ===== Блок чипсов ===== */
.project-anchors {
    position: sticky;
    top: 72px;
    z-index: 20;

    margin: 0px 0px 0px 0px;
    padding: 10px 0;
    background: white;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;         /* Firefox */
    -ms-overflow-style: none;      /* старый Edge/IE */
}
.project-anchors::-webkit-scrollbar { display: none; } /* Chrome/Safari */

.project-anchors__list {
    display: flex;
    align-items: center;
    gap: 10px;                     /* ТЗ: 10px между чипсами */
    margin: 0;
    padding: 0;
    list-style: none;
    width: max-content;            /* чипсы не сжимаются на мобиле */
    min-width: 100%;
}

/* ===== Чипс ===== */
.project-anchors__link {
    display: inline-flex;
    align-items: center;
    /*white-space: nowrap;
    padding: 8px 16px;
    border-radius: 100px;
    border: 1px solid #e5e5e5;
    background: #f5f5f5;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    transition: background-color .2s, color .2s, border-color .2s;*/
}
.project-anchors__link:hover {
    /*background: #ebebeb;*/
}

/* активное состояние */
.project-anchors__link.is-active
{
    background: #0078b7;
    border-color: #0078b7;
    color: #fff;
}
.project-anchors__list.menu-categores li:has(.project-anchors__link.is-active) {
    background: #0078b7;
    border-color: #0078b7;
}

/* ===== Целевые блоки ===== */
.project__section {
    /* JS подставит реальное значение: шапка + высота прилипшего блока + зазор */
    scroll-margin-top: var(--anchors-offset, 140px);
}

.portfolio-section ul.menu-categores li {
    margin-bottom: 0px !important;
}

/*.main-nav.fixed {
    display: none;
}*/

.portfolio-section .items-row-sect {
    margin-top: 10px;
}

.project-anchors .container {
    padding-left: 0px;
}

.project-anchors.fixed {
    position: fixed;
    top: 48px;
    left: 0px !important;
    width: 100%;
    z-index: 20;
    padding-left: 25px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
}

.project-anchors-placeholder {
    display: none;
}

.portfolio-section.no-nav .title-page-h2 {
    margin-bottom: 30px;
}

.portfolio-section.yes-nav .title-page-h2, .portfolio-section.yes-nav .project-anchors {
    margin-bottom: 10px;
}

@media (max-width: 992px) {
    .portfolio-section.yes-nav .menu-categores {
        margin-bottom: 0px !important;
    }
    .project-anchors.fixed {
        top: 65px;
    }
}

.project-anchors .menu-categories-wrappers {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.project-anchors .menu-categories-wrappers {
    /* визуал */
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    /* скролл */
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;          /* Firefox */
    -ms-overflow-style: none;       /* старый Edge/IE */
}
.project-anchors .menu-categories-wrappers::-webkit-scrollbar {
    display: none;                  /* Chrome / Safari / новый Edge */
}

.project-anchors .project-anchors__list {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    width: max-content;             /* не сжимаем чипсы */
    min-width: 100%;
}
.project-anchors .project-anchors__list > li {
    flex: 0 0 auto;                 /* li не сжимается */
}

.project-anchors .project-anchors__link {
    white-space: nowrap;            /* текст чипса в одну строку */
}

.menu-categories-wrappers::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 55px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    pointer-events: none;
    z-index: 2;
}

/*ul.menu-categores li:hover a {
    color: #0078b7;
}

ul.menu-categores li:hover {
    background: white;
}*/

.project-anchors .menu-categories-wrappers li.is-active  {
    background: #0078b7;
    border-color: #0078b7;
    color: #fff;
}

.project-anchors .menu-categories-wrappers li.is-active a  {
    color: #fff;
}

.project-anchors .project-anchors__list > li {
    flex: 0 0 auto;
    display: inline-block;
    border: 1px solid #0078b7;
    padding: 6px 15px;
    border-radius: 25px;
    margin-right: 10px;
    background: white;
    margin-bottom: 11px;
    color: #0078b7;
}

.project-anchors .project-anchors__list > li:hover {
    cursor: pointer;
}

h3.title-page-h3 {
    /*text-align: left;*/
}

@media (max-width: 850px) {
    /*#project-result .adress-info-slide-porfol {
        padding-left: 10px !important;
    }*/
}

@media only screen and (max-width: 850px) {
    .col-slider-item {
        width: 100%;
        padding: 0px !important;
    }
    .gallery-top-wrapper .swiper-button-next {
        right: 0px !important;
    }
    .gallery-top-wrapper .swiper-button-prev {
        left: 0px !important;
    }
    .adress-info-slide-porfol {
        font-size: 14px !important;
        line-height: 18px !important;
    }
}

.adress-info-slide-porfol {
    gap: 8px;
    position: initial;
    padding-left: 0px;
    display: flex;
    align-items: center;
    font-size: 17px;
    line-height: 22px;
}

.adress-info-slide-porfol::before {
    position: initial;
    flex-shrink: 0;
}
/* End */


/* Start:/bitrix/templates/new_estetika/components/bitrix/catalog.element/vkr_portfolio-detail/themes/blue/style.min.css?1588255816902*/
.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 */


/* Start:/bitrix/templates/new_estetika/components/bitrix/breadcrumb/vkr_breadcrumb/style.css?1588255815258*/
ul.breadcrumb-navigation
{
	padding:0; margin:0;
	padding-top:4px;
	list-style:none;
}

ul.breadcrumb-navigation li
{
	display:inline;
	font-size: 13px;
}

ul.breadcrumb-navigation a
{
	
}

ul.breadcrumb-navigation span
{
	color: #777;
}
/* End */
/* /bitrix/templates/new_estetika/components/bitrix/catalog/vkr_portfolio_new/style.css?17921613116005 */
/* /bitrix/templates/new_estetika/components/bitrix/catalog.element/vkr_portfolio-detail/style.css?17926613276604 */
/* /bitrix/templates/new_estetika/components/bitrix/catalog.element/vkr_portfolio-detail/themes/blue/style.min.css?1588255816902 */
/* /bitrix/templates/new_estetika/components/bitrix/breadcrumb/vkr_breadcrumb/style.css?1588255815258 */