/* 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/system.pagenavigation/vkr_pagenavigation/style.min.css?1588255816147*/
.system-nav-orange{color:#999;font-size:12px}.system-nav-orange .nav-current-page{color:white;background-color:#f90;font-weight:bold;padding:1px 0}
/* End */


/* Start:/bitrix/templates/new_estetika/components/bitrix/catalog.section/vkr_portfolio-sect/style.css?17921723404156*/
@media (min-width: 1200px){
	/*lg*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-md-2:nth-child(6n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6  > .row > .col-md-4:nth-child(3n+1),
	.product-item-list-col-6-1 > .col-sm-6  > .row > .col-md-4:nth-child(3n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-md-3:nth-child(4n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (min-width: 992px) and (max-width:1199px){
	/*md*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-md-2:nth-child(6n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1),
	.product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-md-3:nth-child(4n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (min-width: 768px) and (max-width: 991px){
	/*sm*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (max-width: 767px){
	/*xs*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}

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

.row::before {
	display: initial;
}

.more_container {
	position: relative;
}


.more_container .more_info {
	position: absolute;
	bottom: 9px;
	color: white;
	background: #0078b7;
	width: auto;
	text-align: center;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 14px;
	right: 4%;
}

@media (max-width: 767px){
	.more_container .more_info {
		right: 4%;
		font-size: 12px;
	}
}
/* End */


/* Start:/bitrix/templates/new_estetika/components/bitrix/catalog.section/vkr_portfolio-sect/themes/blue/style.min.css?1588255816706*/
.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-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 .catalog-section-header{border-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/system.pagenavigation/vkr_pagenavigation/style.min.css?1588255816147 */
/* /bitrix/templates/new_estetika/components/bitrix/catalog.section/vkr_portfolio-sect/style.css?17921723404156 */
/* /bitrix/templates/new_estetika/components/bitrix/catalog.section/vkr_portfolio-sect/themes/blue/style.min.css?1588255816706 */
/* /bitrix/templates/new_estetika/components/bitrix/breadcrumb/vkr_breadcrumb/style.css?1588255815258 */