/* Start:/local/templates/updated_adaptive/components/bitrix/system.pagenavigation/ajax_pager/style.css?174966487070*/
.ajax_next_page{box-shadow:none;display:block;margin:0 auto;outline:0}
/* End */


/* Start:/local/templates/updated_adaptive/components/bitrix/news.list/portfolio-new-slider/style.css?176889611017754*/
/** Tabs */

.main-new .portfolio--new .nav-tabs {
	border: 0;
	display: flex;
}
.main-new .portfolio--new .nav-tabs li {
	width: auto;
	float: none;
	margin-right: 30px;
}
.main-new .portfolio--new .nav-tabs a:before {
	display: none;
}
.main-new .portfolio--new .nav-tabs li a {
	color: #00bfd2;
	align-items: center;
	display: flex;
	line-height: 1.4 !important;
}
.main-new .portfolio--new .nav-tabs li.active a,
.main-new .portfolio--new .nav-tabs a:hover,
.main-new .portfolio--new .nav-tabs a:focus {
	background: none;
	outline: 0;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}
.main-new .portfolio--new .nav-tabs li.active a {
	color: #d1ab58;
}
.main-new .portfolio--new .tab-content {
	padding-top: 15px;
	overflow: hidden;
}

/** Go to start button */

.main-new .portfolio--new .portfolio-goto-start {
	text-align: center;
	padding-bottom: 8px;
	margin-bottom: 15px;
	background: linear-gradient(
		to bottom,
		rgba(128, 128, 128, 0) 0%,
		rgba(128, 128, 128, 0.1) 100%
	);
}

/** Elements */

.portfolio-new--wrapper {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	margin: 0;
	position: relative;
	margin-bottom: 5px;
}
.portfolio-new--wrapper[data-items="12"],
.portfolio-new--wrapper[data-items="11"],
.portfolio-new--wrapper[data-items="10"],
.portfolio-new--wrapper[data-items="9"] {
	margin-bottom: calc(-100% / 13 * 3);
}
.portfolio-new--wrapper[data-items="8"],
.portfolio-new--wrapper[data-items="7"],
.portfolio-new--wrapper[data-items="6"],
.portfolio-new--wrapper[data-items="5"] {
	margin-bottom: calc(-100% / 13 * 6);
}
.portfolio-new--wrapper[data-items="4"],
.portfolio-new--wrapper[data-items="3"],
.portfolio-new--wrapper[data-items="2"],
.portfolio-new--wrapper[data-items="1"] {
	margin-bottom: calc(-100% / 13 * 9);
}

.portfolio-new--container {
	display: grid;
	grid-template-columns: repeat(13, 1fr);
	grid-template-rows: repeat(13, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
@media (min-width: 1025px) {
	.portfolio-new--wrapper:where(
			[data-items="16"],
			[data-items="15"],
			[data-items="14"],
			[data-items="13"],
			[data-items="12"],
			[data-items="11"]
		)
		.portfolio-new--container {
		background: url(/images/updated/logo-square.svg) no-repeat center center /
			6.5%;
	}
}
.portfolio-new:before,
.portfolio-new:after {
	display: none;
}
.portfolio-item-new-content {
	height: 100%;
	position: relative;
	overflow: hidden;
	background: #ccc;
}
.portfolio-item-new-content .ytp-large-play-button {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 63;
	cursor: pointer;
	border-radius: 50%;
	background: none !important;
	border: 3px solid #fff;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	filter: drop-shadow(0px 0px 2px #000);
}
.portfolio-item-new-content .ytp-large-play-button:before {
	content: "";
	display: inline-block;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	/* bottom: 50%; */
	left: 50%;
	border-left-color: #fff;
	border-width: 9.2px 0 9.2px 14.4px;
	margin-top: -9px;
	margin-left: -5px;
}
.portfolio-item-new-content img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.portfolio-item-new--video img {
	transform: scale(1.3333);
}
.object-position-top_left {
	object-position: top left;
}
.object-position-top_center {
	object-position: top;
}
.object-position-top_right {
	object-position: top right;
}
.object-position-center_left {
	object-position: center left;
}
.object-position-center {
	object-position: center;
}
.object-position-center_right {
	object-position: center right;
}
.object-position-bottom_left {
	object-position: bottom left;
}
.object-position-bottom_center {
	object-position: bottom;
}
.object-position-bottom_right {
	object-position: bottom right;
}

.portfolio-item-new:nth-child(1),
.portfolio-item-new:nth-child(9),
.portfolio-item-new:nth-child(13) {
	grid-column: 1 / 4;
}
.portfolio-item-new:nth-child(1),
.portfolio-item-new:nth-child(2),
.portfolio-item-new:nth-child(3) {
	grid-row: 1 / 4;
}
.portfolio-item-new:nth-child(3),
.portfolio-item-new:nth-child(7) {
	grid-column: 8 / 11;
}
.portfolio-item-new:nth-child(2) {
	grid-column: 4 / 8;
}
.portfolio-item-new:nth-child(4),
.portfolio-item-new:nth-child(8),
.portfolio-item-new:nth-child(16) {
	grid-column: 11 / 14;
}
.portfolio-item-new:nth-child(4) {
	grid-row: 1 / 5;
}
.portfolio-item-new:nth-child(5) {
	grid-column: 1 / 5;
}
.portfolio-item-new:nth-child(5),
.portfolio-item-new:nth-child(6) {
	grid-row: 4 / 7;
}
.portfolio-item-new:nth-child(6) {
	grid-column: 5 / 8;
}
.portfolio-item-new:nth-child(7) {
	grid-row: 4 / 8;
}
.portfolio-item-new:nth-child(8) {
	grid-row: 5 / 8;
}
.portfolio-item-new:nth-child(9) {
	grid-row: 7 / 10;
}
.portfolio-item-new:nth-child(10),
.portfolio-item-new:nth-child(14) {
	grid-column: 4 / 7;
}
.portfolio-item-new:nth-child(10) {
	grid-row: 7 / 11;
}
.portfolio-item-new:nth-child(11),
.portfolio-item-new:nth-child(12) {
	grid-row: 8 / 11;
}
.portfolio-item-new:nth-child(11) {
	grid-column: 7 / 10;
}
.portfolio-item-new:nth-child(12) {
	grid-column: 10 / 14;
}
.portfolio-item-new:nth-child(13) {
	grid-row: 10 / 14;
}
.portfolio-item-new:nth-child(14),
.portfolio-item-new:nth-child(15),
.portfolio-item-new:nth-child(16) {
	grid-row: 11 / 14;
}
.portfolio-item-new:nth-child(15) {
	grid-column: 7 / 11;
}

@media (max-width: 1024px) {
	.portfolio-item-new-content .ytp-large-play-button {
		border-width: 2px;
		width: 36px;
		height: 36px;
		margin-left: -18px;
		margin-top: -18px;
	}
	.portfolio-item-new-content .ytp-large-play-button:before {
		border-width: 6.62px 0 6.62px 10.368px;
		margin-top: -6.62px;
		margin-left: -3px;
	}

	.portfolio-new--wrapper {
		padding-bottom: 160%;
	}
	.portfolio-new--wrapper[data-items="13"],
	.portfolio-new--wrapper[data-items="12"],
	.portfolio-new--wrapper[data-items="11"] {
		margin-bottom: calc(-160% / 16 * 3);
	}
	.portfolio-new--wrapper[data-items="10"],
	.portfolio-new--wrapper[data-items="9"],
	.portfolio-new--wrapper[data-items="8"],
	.portfolio-new--wrapper[data-items="7"] {
		margin-bottom: calc(-160% / 16 * 6);
	}
	.portfolio-new--wrapper[data-items="6"],
	.portfolio-new--wrapper[data-items="5"],
	.portfolio-new--wrapper[data-items="4"] {
		margin-bottom: calc(-160% / 16 * 9);
	}
	.portfolio-new--wrapper[data-items="3"],
	.portfolio-new--wrapper[data-items="2"],
	.portfolio-new--wrapper[data-items="1"] {
		margin-bottom: calc(-160% / 16 * 13);
	}

	.portfolio-new--container {
		grid-template-columns: repeat(10, 1fr);
		grid-template-rows: repeat(16, 1fr);
		background: none;
	}

	.portfolio-item-new:nth-child(1),
	.portfolio-item-new:nth-child(14),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(1),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(14) {
		grid-column: 1 / 4;
	}
	.portfolio-item-new:nth-child(1),
	.portfolio-item-new:nth-child(2),
	.portfolio-item-new:nth-child(3),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(1),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(2),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(3) {
		grid-row: 1 / 4;
	}
	.portfolio-item-new:nth-child(2),
	.portfolio-item-new:nth-child(15),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(2),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(15) {
		grid-column: 4 / 8;
	}
	.portfolio-item-new:nth-child(3),
	.portfolio-item-new:nth-child(16),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(3) {
		grid-column: 8 / 11;
	}
	.portfolio-item-new:nth-child(5),
	.portfolio-item-new:nth-child(6),
	.portfolio-item-new:nth-child(12),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(4),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(11) {
		grid-column: 1 / 5;
	}
	.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(4) {
		grid-row: 4 / 7;
	}
	.portfolio-item-new:nth-child(4),
	.portfolio-item-new:nth-child(10),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(12) {
		grid-column: 5 / 8;
	}
	.portfolio-item-new:nth-child(4),
	.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(6) {
		grid-row: 4 / 8;
	}
	.portfolio-item-new:nth-child(7),
	.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(6),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(13) {
		grid-column: 8 / 11;
	}
	.portfolio-item-new:nth-child(6),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(7) {
		grid-row: 7 / 11;
	}
	.portfolio-item-new:nth-child(8),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(8) {
		grid-column: 5 / 7;
	}
	.portfolio-item-new:nth-child(8),
	.portfolio-item-new:nth-child(9),
	.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(8),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(10) {
		grid-row: 8 / 10;
	}
	.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(9) {
		grid-column: 7 / 9;
	}
	.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(10) {
		grid-column: 9 / 11;
	}
	.portfolio-item-new:nth-child(12),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(11) {
		grid-row: 11 / 14;
	}
	.portfolio-item-new:nth-child(10),
	.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(12),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(13) {
		grid-row: 10 / 14;
	}
	.portfolio-item-new:nth-child(14),
	.portfolio-item-new:nth-child(15),
	.portfolio-item-new:nth-child(16),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(14),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(15) {
		grid-row: 14 / 17;
	}
}

@media (max-width: 576px) {
	.portfolio-new--wrapper {
		padding-bottom: 400%;
	}
	.portfolio-new--wrapper[data-items="14"],
	.portfolio-new--wrapper[data-items="13"] {
		margin-bottom: calc(-400% / 28 * 4);
	}
	.portfolio-new--wrapper[data-items="12"],
	.portfolio-new--wrapper[data-items="11"] {
		margin-bottom: calc(-400% / 28 * 7);
	}
	.portfolio-new--wrapper[data-items="10"],
	.portfolio-new--wrapper[data-items="9"] {
		margin-bottom: calc(-400% / 28 * 10);
	}
	.portfolio-new--wrapper[data-items="8"],
	.portfolio-new--wrapper[data-items="7"] {
		margin-bottom: calc(-400% / 28 * 14);
	}
	.portfolio-new--wrapper[data-items="6"],
	.portfolio-new--wrapper[data-items="5"] {
		margin-bottom: calc(-400% / 28 * 18);
	}
	.portfolio-new--wrapper[data-items="4"],
	.portfolio-new--wrapper[data-items="3"] {
		margin-bottom: calc(-400% / 28 * 21);
	}
	.portfolio-new--wrapper[data-items="2"],
	.portfolio-new--wrapper[data-items="1"] {
		margin-bottom: calc(-400% / 28 * 25);
	}

	.portfolio-new--container {
		grid-template-columns: repeat(7, 1fr);
		grid-template-rows: repeat(28, 1fr);
	}

	.portfolio-item-new:nth-child(1),
	.portfolio-item-new:nth-child(4),
	.portfolio-item-new:nth-child(10),
	.portfolio-item-new:nth-child(14),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(1),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(3),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(13) {
		grid-column: 1 / 4;
	}
	.portfolio-item-new:nth-child(1),
	.portfolio-item-new:nth-child(2),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(1),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(2) {
		grid-row: 1 / 4;
	}
	.portfolio-item-new:nth-child(2),
	.portfolio-item-new:nth-child(3),
	.portfolio-item-new:nth-child(9),
	.portfolio-item-new:nth-child(15),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(2),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(4),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(10),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(14) {
		grid-column: 4 / 8;
	}
	.portfolio-item-new:nth-child(4),
	.portfolio-item-new:nth-child(3),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(3),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(4) {
		grid-row: 4 / 8;
	}
	.portfolio-item-new:nth-child(5),
	.portfolio-item-new:nth-child(8),
	.portfolio-item-new:nth-child(12),
	.portfolio-item-new:nth-child(16),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(15) {
		grid-column: 1 / 5;
	}
	.portfolio-item-new:nth-child(5),
	.portfolio-item-new:nth-child(6),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(6) {
		grid-row: 8 / 11;
	}
	.portfolio-item-new:nth-child(6),
	.portfolio-item-new:nth-child(7),
	.portfolio-item-new:nth-child(11),
	.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(6),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(8),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(12) {
		grid-column: 5 / 8;
	}
	.portfolio-item-new:nth-child(8),
	.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(8) {
		grid-row: 11 / 15;
	}
	.portfolio-item-new:nth-child(10),
	.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(10) {
		grid-row: 15 / 19;
	}
	.portfolio-item-new:nth-child(12),
	.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(12) {
		grid-row: 19 / 22;
	}
	.portfolio-item-new:nth-child(14),
	.portfolio-item-new:nth-child(15),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(14) {
		grid-row: 22 / 25;
	}
	.portfolio-item-new:nth-child(16),
	.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(15) {
		grid-row: 25 / 29;
	}
}

/** Adaptive */

@media only screen and (max-width: 1023px) {
	.main-new .portfolio--new .nav-tabs {
		flex-wrap: wrap;
	}
	.main-new .portfolio--new .nav-tabs li {
		flex-basis: calc(50% - 30px);
	}
}

@media (max-width: 767px) {
	.main-new .portfolio--new .nav-tabs li {
		width: auto;
		margin-right: 15px;
	}

	.main-new .portfolio--new .nav-tabs li:last-child {
		margin-right: 0;
	}

	.main-new .portfolio--new .nav-tabs {
		display: block;
		border-left: 1px solid #b29f83;
		padding-left: 36px;
	}
	.main-new .portfolio--new .nav-tabs li a {
		height: auto;
	}
	.main-new .portfolio--new .nav-tabs li.active:before {
		width: 22px;
		height: 1px;
		background: #b29f83;
		content: "";
		display: block;
		position: absolute;
		left: -37px;
		top: 50%;
		transform: translateY(-50%);
	}
	.main-new .portfolio--new .nav-tabs li.active:after {
		width: 9px;
		height: 9px;
		background: #d1ab58;
		border-radius: 50%;
		content: "";
		display: block;
		position: absolute;
		left: -20px;
		top: 50%;
		transform: translateY(-50%);
	}
	.main-new .portfolio--new .nav-tabs li.active a {
		text-decoration: none;
		font-weight: normal;
	}

	.main-new .portfolio .tab-content {
		padding-bottom: 0;
	}

	.main-new .content.portfolio {
		padding-bottom: 0;
	}
}

/* End */


/* Start:/local/templates/updated_adaptive/components/bitrix/news.list/portfolio-new-slider-tabs/style.css?176890742117754*/
/** Tabs */

.main-new .portfolio--new .nav-tabs {
	border: 0;
	display: flex;
}
.main-new .portfolio--new .nav-tabs li {
	width: auto;
	float: none;
	margin-right: 30px;
}
.main-new .portfolio--new .nav-tabs a:before {
	display: none;
}
.main-new .portfolio--new .nav-tabs li a {
	color: #00bfd2;
	align-items: center;
	display: flex;
	line-height: 1.4 !important;
}
.main-new .portfolio--new .nav-tabs li.active a,
.main-new .portfolio--new .nav-tabs a:hover,
.main-new .portfolio--new .nav-tabs a:focus {
	background: none;
	outline: 0;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}
.main-new .portfolio--new .nav-tabs li.active a {
	color: #d1ab58;
}
.main-new .portfolio--new .tab-content {
	padding-top: 15px;
	overflow: hidden;
}

/** Go to start button */

.main-new .portfolio--new .portfolio-goto-start {
	text-align: center;
	padding-bottom: 8px;
	margin-bottom: 15px;
	background: linear-gradient(
		to bottom,
		rgba(128, 128, 128, 0) 0%,
		rgba(128, 128, 128, 0.1) 100%
	);
}

/** Elements */

.portfolio-new--wrapper {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	margin: 0;
	position: relative;
	margin-bottom: 5px;
}
.portfolio-new--wrapper[data-items="12"],
.portfolio-new--wrapper[data-items="11"],
.portfolio-new--wrapper[data-items="10"],
.portfolio-new--wrapper[data-items="9"] {
	margin-bottom: calc(-100% / 13 * 3);
}
.portfolio-new--wrapper[data-items="8"],
.portfolio-new--wrapper[data-items="7"],
.portfolio-new--wrapper[data-items="6"],
.portfolio-new--wrapper[data-items="5"] {
	margin-bottom: calc(-100% / 13 * 6);
}
.portfolio-new--wrapper[data-items="4"],
.portfolio-new--wrapper[data-items="3"],
.portfolio-new--wrapper[data-items="2"],
.portfolio-new--wrapper[data-items="1"] {
	margin-bottom: calc(-100% / 13 * 9);
}

.portfolio-new--container {
	display: grid;
	grid-template-columns: repeat(13, 1fr);
	grid-template-rows: repeat(13, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
@media (min-width: 1025px) {
	.portfolio-new--wrapper:where(
			[data-items="16"],
			[data-items="15"],
			[data-items="14"],
			[data-items="13"],
			[data-items="12"],
			[data-items="11"]
		)
		.portfolio-new--container {
		background: url(/images/updated/logo-square.svg) no-repeat center center /
			6.5%;
	}
}
.portfolio-new:before,
.portfolio-new:after {
	display: none;
}
.portfolio-item-new-content {
	height: 100%;
	position: relative;
	overflow: hidden;
	background: #ccc;
}
.portfolio-item-new-content .ytp-large-play-button {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 63;
	cursor: pointer;
	border-radius: 50%;
	background: none !important;
	border: 3px solid #fff;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	filter: drop-shadow(0px 0px 2px #000);
}
.portfolio-item-new-content .ytp-large-play-button:before {
	content: "";
	display: inline-block;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	/* bottom: 50%; */
	left: 50%;
	border-left-color: #fff;
	border-width: 9.2px 0 9.2px 14.4px;
	margin-top: -9px;
	margin-left: -5px;
}
.portfolio-item-new-content img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.portfolio-item-new--video img {
	transform: scale(1.3333);
}
.object-position-top_left {
	object-position: top left;
}
.object-position-top_center {
	object-position: top;
}
.object-position-top_right {
	object-position: top right;
}
.object-position-center_left {
	object-position: center left;
}
.object-position-center {
	object-position: center;
}
.object-position-center_right {
	object-position: center right;
}
.object-position-bottom_left {
	object-position: bottom left;
}
.object-position-bottom_center {
	object-position: bottom;
}
.object-position-bottom_right {
	object-position: bottom right;
}

.portfolio-item-new:nth-child(1),
.portfolio-item-new:nth-child(9),
.portfolio-item-new:nth-child(13) {
	grid-column: 1 / 4;
}
.portfolio-item-new:nth-child(1),
.portfolio-item-new:nth-child(2),
.portfolio-item-new:nth-child(3) {
	grid-row: 1 / 4;
}
.portfolio-item-new:nth-child(3),
.portfolio-item-new:nth-child(7) {
	grid-column: 8 / 11;
}
.portfolio-item-new:nth-child(2) {
	grid-column: 4 / 8;
}
.portfolio-item-new:nth-child(4),
.portfolio-item-new:nth-child(8),
.portfolio-item-new:nth-child(16) {
	grid-column: 11 / 14;
}
.portfolio-item-new:nth-child(4) {
	grid-row: 1 / 5;
}
.portfolio-item-new:nth-child(5) {
	grid-column: 1 / 5;
}
.portfolio-item-new:nth-child(5),
.portfolio-item-new:nth-child(6) {
	grid-row: 4 / 7;
}
.portfolio-item-new:nth-child(6) {
	grid-column: 5 / 8;
}
.portfolio-item-new:nth-child(7) {
	grid-row: 4 / 8;
}
.portfolio-item-new:nth-child(8) {
	grid-row: 5 / 8;
}
.portfolio-item-new:nth-child(9) {
	grid-row: 7 / 10;
}
.portfolio-item-new:nth-child(10),
.portfolio-item-new:nth-child(14) {
	grid-column: 4 / 7;
}
.portfolio-item-new:nth-child(10) {
	grid-row: 7 / 11;
}
.portfolio-item-new:nth-child(11),
.portfolio-item-new:nth-child(12) {
	grid-row: 8 / 11;
}
.portfolio-item-new:nth-child(11) {
	grid-column: 7 / 10;
}
.portfolio-item-new:nth-child(12) {
	grid-column: 10 / 14;
}
.portfolio-item-new:nth-child(13) {
	grid-row: 10 / 14;
}
.portfolio-item-new:nth-child(14),
.portfolio-item-new:nth-child(15),
.portfolio-item-new:nth-child(16) {
	grid-row: 11 / 14;
}
.portfolio-item-new:nth-child(15) {
	grid-column: 7 / 11;
}

@media (max-width: 1024px) {
	.portfolio-item-new-content .ytp-large-play-button {
		border-width: 2px;
		width: 36px;
		height: 36px;
		margin-left: -18px;
		margin-top: -18px;
	}
	.portfolio-item-new-content .ytp-large-play-button:before {
		border-width: 6.62px 0 6.62px 10.368px;
		margin-top: -6.62px;
		margin-left: -3px;
	}

	.portfolio-new--wrapper {
		padding-bottom: 160%;
	}
	.portfolio-new--wrapper[data-items="13"],
	.portfolio-new--wrapper[data-items="12"],
	.portfolio-new--wrapper[data-items="11"] {
		margin-bottom: calc(-160% / 16 * 3);
	}
	.portfolio-new--wrapper[data-items="10"],
	.portfolio-new--wrapper[data-items="9"],
	.portfolio-new--wrapper[data-items="8"],
	.portfolio-new--wrapper[data-items="7"] {
		margin-bottom: calc(-160% / 16 * 6);
	}
	.portfolio-new--wrapper[data-items="6"],
	.portfolio-new--wrapper[data-items="5"],
	.portfolio-new--wrapper[data-items="4"] {
		margin-bottom: calc(-160% / 16 * 9);
	}
	.portfolio-new--wrapper[data-items="3"],
	.portfolio-new--wrapper[data-items="2"],
	.portfolio-new--wrapper[data-items="1"] {
		margin-bottom: calc(-160% / 16 * 13);
	}

	.portfolio-new--container {
		grid-template-columns: repeat(10, 1fr);
		grid-template-rows: repeat(16, 1fr);
		background: none;
	}

	.portfolio-item-new:nth-child(1),
	.portfolio-item-new:nth-child(14),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(1),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(14) {
		grid-column: 1 / 4;
	}
	.portfolio-item-new:nth-child(1),
	.portfolio-item-new:nth-child(2),
	.portfolio-item-new:nth-child(3),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(1),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(2),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(3) {
		grid-row: 1 / 4;
	}
	.portfolio-item-new:nth-child(2),
	.portfolio-item-new:nth-child(15),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(2),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(15) {
		grid-column: 4 / 8;
	}
	.portfolio-item-new:nth-child(3),
	.portfolio-item-new:nth-child(16),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(3) {
		grid-column: 8 / 11;
	}
	.portfolio-item-new:nth-child(5),
	.portfolio-item-new:nth-child(6),
	.portfolio-item-new:nth-child(12),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(4),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(11) {
		grid-column: 1 / 5;
	}
	.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(4) {
		grid-row: 4 / 7;
	}
	.portfolio-item-new:nth-child(4),
	.portfolio-item-new:nth-child(10),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(12) {
		grid-column: 5 / 8;
	}
	.portfolio-item-new:nth-child(4),
	.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(6) {
		grid-row: 4 / 8;
	}
	.portfolio-item-new:nth-child(7),
	.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(6),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(13) {
		grid-column: 8 / 11;
	}
	.portfolio-item-new:nth-child(6),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(7) {
		grid-row: 7 / 11;
	}
	.portfolio-item-new:nth-child(8),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(8) {
		grid-column: 5 / 7;
	}
	.portfolio-item-new:nth-child(8),
	.portfolio-item-new:nth-child(9),
	.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(8),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(10) {
		grid-row: 8 / 10;
	}
	.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(9) {
		grid-column: 7 / 9;
	}
	.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(10) {
		grid-column: 9 / 11;
	}
	.portfolio-item-new:nth-child(12),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(11) {
		grid-row: 11 / 14;
	}
	.portfolio-item-new:nth-child(10),
	.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(12),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(13) {
		grid-row: 10 / 14;
	}
	.portfolio-item-new:nth-child(14),
	.portfolio-item-new:nth-child(15),
	.portfolio-item-new:nth-child(16),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(14),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(15) {
		grid-row: 14 / 17;
	}
}

@media (max-width: 576px) {
	.portfolio-new--wrapper {
		padding-bottom: 400%;
	}
	.portfolio-new--wrapper[data-items="14"],
	.portfolio-new--wrapper[data-items="13"] {
		margin-bottom: calc(-400% / 28 * 4);
	}
	.portfolio-new--wrapper[data-items="12"],
	.portfolio-new--wrapper[data-items="11"] {
		margin-bottom: calc(-400% / 28 * 7);
	}
	.portfolio-new--wrapper[data-items="10"],
	.portfolio-new--wrapper[data-items="9"] {
		margin-bottom: calc(-400% / 28 * 10);
	}
	.portfolio-new--wrapper[data-items="8"],
	.portfolio-new--wrapper[data-items="7"] {
		margin-bottom: calc(-400% / 28 * 14);
	}
	.portfolio-new--wrapper[data-items="6"],
	.portfolio-new--wrapper[data-items="5"] {
		margin-bottom: calc(-400% / 28 * 18);
	}
	.portfolio-new--wrapper[data-items="4"],
	.portfolio-new--wrapper[data-items="3"] {
		margin-bottom: calc(-400% / 28 * 21);
	}
	.portfolio-new--wrapper[data-items="2"],
	.portfolio-new--wrapper[data-items="1"] {
		margin-bottom: calc(-400% / 28 * 25);
	}

	.portfolio-new--container {
		grid-template-columns: repeat(7, 1fr);
		grid-template-rows: repeat(28, 1fr);
	}

	.portfolio-item-new:nth-child(1),
	.portfolio-item-new:nth-child(4),
	.portfolio-item-new:nth-child(10),
	.portfolio-item-new:nth-child(14),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(1),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(3),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(13) {
		grid-column: 1 / 4;
	}
	.portfolio-item-new:nth-child(1),
	.portfolio-item-new:nth-child(2),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(1),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(2) {
		grid-row: 1 / 4;
	}
	.portfolio-item-new:nth-child(2),
	.portfolio-item-new:nth-child(3),
	.portfolio-item-new:nth-child(9),
	.portfolio-item-new:nth-child(15),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(2),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(4),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(10),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(14) {
		grid-column: 4 / 8;
	}
	.portfolio-item-new:nth-child(4),
	.portfolio-item-new:nth-child(3),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(3),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(4) {
		grid-row: 4 / 8;
	}
	.portfolio-item-new:nth-child(5),
	.portfolio-item-new:nth-child(8),
	.portfolio-item-new:nth-child(12),
	.portfolio-item-new:nth-child(16),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(15) {
		grid-column: 1 / 5;
	}
	.portfolio-item-new:nth-child(5),
	.portfolio-item-new:nth-child(6),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(6) {
		grid-row: 8 / 11;
	}
	.portfolio-item-new:nth-child(6),
	.portfolio-item-new:nth-child(7),
	.portfolio-item-new:nth-child(11),
	.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(6),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(8),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(12) {
		grid-column: 5 / 8;
	}
	.portfolio-item-new:nth-child(8),
	.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(8) {
		grid-row: 11 / 15;
	}
	.portfolio-item-new:nth-child(10),
	.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(10) {
		grid-row: 15 / 19;
	}
	.portfolio-item-new:nth-child(12),
	.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(12) {
		grid-row: 19 / 22;
	}
	.portfolio-item-new:nth-child(14),
	.portfolio-item-new:nth-child(15),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(14) {
		grid-row: 22 / 25;
	}
	.portfolio-item-new:nth-child(16),
	.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(15) {
		grid-row: 25 / 29;
	}
}

/** Adaptive */

@media only screen and (max-width: 1023px) {
	.main-new .portfolio--new .nav-tabs {
		flex-wrap: wrap;
	}
	.main-new .portfolio--new .nav-tabs li {
		flex-basis: calc(50% - 30px);
	}
}

@media (max-width: 767px) {
	.main-new .portfolio--new .nav-tabs li {
		width: auto;
		margin-right: 15px;
	}

	.main-new .portfolio--new .nav-tabs li:last-child {
		margin-right: 0;
	}

	.main-new .portfolio--new .nav-tabs {
		display: block;
		border-left: 1px solid #b29f83;
		padding-left: 36px;
	}
	.main-new .portfolio--new .nav-tabs li a {
		height: auto;
	}
	.main-new .portfolio--new .nav-tabs li.active:before {
		width: 22px;
		height: 1px;
		background: #b29f83;
		content: "";
		display: block;
		position: absolute;
		left: -37px;
		top: 50%;
		transform: translateY(-50%);
	}
	.main-new .portfolio--new .nav-tabs li.active:after {
		width: 9px;
		height: 9px;
		background: #d1ab58;
		border-radius: 50%;
		content: "";
		display: block;
		position: absolute;
		left: -20px;
		top: 50%;
		transform: translateY(-50%);
	}
	.main-new .portfolio--new .nav-tabs li.active a {
		text-decoration: none;
		font-weight: normal;
	}

	.main-new .portfolio .tab-content {
		padding-bottom: 0;
	}

	.main-new .content.portfolio {
		padding-bottom: 0;
	}
}

/* End */


/* Start:/local/templates/updated_adaptive/components/bitrix/news.list/portfolio-new-slider-two-sided/style.css?176891140617754*/
/** Tabs */

.main-new .portfolio--new .nav-tabs {
	border: 0;
	display: flex;
}
.main-new .portfolio--new .nav-tabs li {
	width: auto;
	float: none;
	margin-right: 30px;
}
.main-new .portfolio--new .nav-tabs a:before {
	display: none;
}
.main-new .portfolio--new .nav-tabs li a {
	color: #00bfd2;
	align-items: center;
	display: flex;
	line-height: 1.4 !important;
}
.main-new .portfolio--new .nav-tabs li.active a,
.main-new .portfolio--new .nav-tabs a:hover,
.main-new .portfolio--new .nav-tabs a:focus {
	background: none;
	outline: 0;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}
.main-new .portfolio--new .nav-tabs li.active a {
	color: #d1ab58;
}
.main-new .portfolio--new .tab-content {
	padding-top: 15px;
	overflow: hidden;
}

/** Go to start button */

.main-new .portfolio--new .portfolio-goto-start {
	text-align: center;
	padding-bottom: 8px;
	margin-bottom: 15px;
	background: linear-gradient(
		to bottom,
		rgba(128, 128, 128, 0) 0%,
		rgba(128, 128, 128, 0.1) 100%
	);
}

/** Elements */

.portfolio-new--wrapper {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	margin: 0;
	position: relative;
	margin-bottom: 5px;
}
.portfolio-new--wrapper[data-items="12"],
.portfolio-new--wrapper[data-items="11"],
.portfolio-new--wrapper[data-items="10"],
.portfolio-new--wrapper[data-items="9"] {
	margin-bottom: calc(-100% / 13 * 3);
}
.portfolio-new--wrapper[data-items="8"],
.portfolio-new--wrapper[data-items="7"],
.portfolio-new--wrapper[data-items="6"],
.portfolio-new--wrapper[data-items="5"] {
	margin-bottom: calc(-100% / 13 * 6);
}
.portfolio-new--wrapper[data-items="4"],
.portfolio-new--wrapper[data-items="3"],
.portfolio-new--wrapper[data-items="2"],
.portfolio-new--wrapper[data-items="1"] {
	margin-bottom: calc(-100% / 13 * 9);
}

.portfolio-new--container {
	display: grid;
	grid-template-columns: repeat(13, 1fr);
	grid-template-rows: repeat(13, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
@media (min-width: 1025px) {
	.portfolio-new--wrapper:where(
			[data-items="16"],
			[data-items="15"],
			[data-items="14"],
			[data-items="13"],
			[data-items="12"],
			[data-items="11"]
		)
		.portfolio-new--container {
		background: url(/images/updated/logo-square.svg) no-repeat center center /
			6.5%;
	}
}
.portfolio-new:before,
.portfolio-new:after {
	display: none;
}
.portfolio-item-new-content {
	height: 100%;
	position: relative;
	overflow: hidden;
	background: #ccc;
}
.portfolio-item-new-content .ytp-large-play-button {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 63;
	cursor: pointer;
	border-radius: 50%;
	background: none !important;
	border: 3px solid #fff;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	filter: drop-shadow(0px 0px 2px #000);
}
.portfolio-item-new-content .ytp-large-play-button:before {
	content: "";
	display: inline-block;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	/* bottom: 50%; */
	left: 50%;
	border-left-color: #fff;
	border-width: 9.2px 0 9.2px 14.4px;
	margin-top: -9px;
	margin-left: -5px;
}
.portfolio-item-new-content img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.portfolio-item-new--video img {
	transform: scale(1.3333);
}
.object-position-top_left {
	object-position: top left;
}
.object-position-top_center {
	object-position: top;
}
.object-position-top_right {
	object-position: top right;
}
.object-position-center_left {
	object-position: center left;
}
.object-position-center {
	object-position: center;
}
.object-position-center_right {
	object-position: center right;
}
.object-position-bottom_left {
	object-position: bottom left;
}
.object-position-bottom_center {
	object-position: bottom;
}
.object-position-bottom_right {
	object-position: bottom right;
}

.portfolio-item-new:nth-child(1),
.portfolio-item-new:nth-child(9),
.portfolio-item-new:nth-child(13) {
	grid-column: 1 / 4;
}
.portfolio-item-new:nth-child(1),
.portfolio-item-new:nth-child(2),
.portfolio-item-new:nth-child(3) {
	grid-row: 1 / 4;
}
.portfolio-item-new:nth-child(3),
.portfolio-item-new:nth-child(7) {
	grid-column: 8 / 11;
}
.portfolio-item-new:nth-child(2) {
	grid-column: 4 / 8;
}
.portfolio-item-new:nth-child(4),
.portfolio-item-new:nth-child(8),
.portfolio-item-new:nth-child(16) {
	grid-column: 11 / 14;
}
.portfolio-item-new:nth-child(4) {
	grid-row: 1 / 5;
}
.portfolio-item-new:nth-child(5) {
	grid-column: 1 / 5;
}
.portfolio-item-new:nth-child(5),
.portfolio-item-new:nth-child(6) {
	grid-row: 4 / 7;
}
.portfolio-item-new:nth-child(6) {
	grid-column: 5 / 8;
}
.portfolio-item-new:nth-child(7) {
	grid-row: 4 / 8;
}
.portfolio-item-new:nth-child(8) {
	grid-row: 5 / 8;
}
.portfolio-item-new:nth-child(9) {
	grid-row: 7 / 10;
}
.portfolio-item-new:nth-child(10),
.portfolio-item-new:nth-child(14) {
	grid-column: 4 / 7;
}
.portfolio-item-new:nth-child(10) {
	grid-row: 7 / 11;
}
.portfolio-item-new:nth-child(11),
.portfolio-item-new:nth-child(12) {
	grid-row: 8 / 11;
}
.portfolio-item-new:nth-child(11) {
	grid-column: 7 / 10;
}
.portfolio-item-new:nth-child(12) {
	grid-column: 10 / 14;
}
.portfolio-item-new:nth-child(13) {
	grid-row: 10 / 14;
}
.portfolio-item-new:nth-child(14),
.portfolio-item-new:nth-child(15),
.portfolio-item-new:nth-child(16) {
	grid-row: 11 / 14;
}
.portfolio-item-new:nth-child(15) {
	grid-column: 7 / 11;
}

@media (max-width: 1024px) {
	.portfolio-item-new-content .ytp-large-play-button {
		border-width: 2px;
		width: 36px;
		height: 36px;
		margin-left: -18px;
		margin-top: -18px;
	}
	.portfolio-item-new-content .ytp-large-play-button:before {
		border-width: 6.62px 0 6.62px 10.368px;
		margin-top: -6.62px;
		margin-left: -3px;
	}

	.portfolio-new--wrapper {
		padding-bottom: 160%;
	}
	.portfolio-new--wrapper[data-items="13"],
	.portfolio-new--wrapper[data-items="12"],
	.portfolio-new--wrapper[data-items="11"] {
		margin-bottom: calc(-160% / 16 * 3);
	}
	.portfolio-new--wrapper[data-items="10"],
	.portfolio-new--wrapper[data-items="9"],
	.portfolio-new--wrapper[data-items="8"],
	.portfolio-new--wrapper[data-items="7"] {
		margin-bottom: calc(-160% / 16 * 6);
	}
	.portfolio-new--wrapper[data-items="6"],
	.portfolio-new--wrapper[data-items="5"],
	.portfolio-new--wrapper[data-items="4"] {
		margin-bottom: calc(-160% / 16 * 9);
	}
	.portfolio-new--wrapper[data-items="3"],
	.portfolio-new--wrapper[data-items="2"],
	.portfolio-new--wrapper[data-items="1"] {
		margin-bottom: calc(-160% / 16 * 13);
	}

	.portfolio-new--container {
		grid-template-columns: repeat(10, 1fr);
		grid-template-rows: repeat(16, 1fr);
		background: none;
	}

	.portfolio-item-new:nth-child(1),
	.portfolio-item-new:nth-child(14),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(1),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(14) {
		grid-column: 1 / 4;
	}
	.portfolio-item-new:nth-child(1),
	.portfolio-item-new:nth-child(2),
	.portfolio-item-new:nth-child(3),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(1),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(2),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(3) {
		grid-row: 1 / 4;
	}
	.portfolio-item-new:nth-child(2),
	.portfolio-item-new:nth-child(15),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(2),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(15) {
		grid-column: 4 / 8;
	}
	.portfolio-item-new:nth-child(3),
	.portfolio-item-new:nth-child(16),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(3) {
		grid-column: 8 / 11;
	}
	.portfolio-item-new:nth-child(5),
	.portfolio-item-new:nth-child(6),
	.portfolio-item-new:nth-child(12),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(4),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(11) {
		grid-column: 1 / 5;
	}
	.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(4) {
		grid-row: 4 / 7;
	}
	.portfolio-item-new:nth-child(4),
	.portfolio-item-new:nth-child(10),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(12) {
		grid-column: 5 / 8;
	}
	.portfolio-item-new:nth-child(4),
	.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(6) {
		grid-row: 4 / 8;
	}
	.portfolio-item-new:nth-child(7),
	.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(6),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(13) {
		grid-column: 8 / 11;
	}
	.portfolio-item-new:nth-child(6),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(7) {
		grid-row: 7 / 11;
	}
	.portfolio-item-new:nth-child(8),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(8) {
		grid-column: 5 / 7;
	}
	.portfolio-item-new:nth-child(8),
	.portfolio-item-new:nth-child(9),
	.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(8),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(10) {
		grid-row: 8 / 10;
	}
	.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(9) {
		grid-column: 7 / 9;
	}
	.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(10) {
		grid-column: 9 / 11;
	}
	.portfolio-item-new:nth-child(12),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(11) {
		grid-row: 11 / 14;
	}
	.portfolio-item-new:nth-child(10),
	.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(12),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(13) {
		grid-row: 10 / 14;
	}
	.portfolio-item-new:nth-child(14),
	.portfolio-item-new:nth-child(15),
	.portfolio-item-new:nth-child(16),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(14),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(15) {
		grid-row: 14 / 17;
	}
}

@media (max-width: 576px) {
	.portfolio-new--wrapper {
		padding-bottom: 400%;
	}
	.portfolio-new--wrapper[data-items="14"],
	.portfolio-new--wrapper[data-items="13"] {
		margin-bottom: calc(-400% / 28 * 4);
	}
	.portfolio-new--wrapper[data-items="12"],
	.portfolio-new--wrapper[data-items="11"] {
		margin-bottom: calc(-400% / 28 * 7);
	}
	.portfolio-new--wrapper[data-items="10"],
	.portfolio-new--wrapper[data-items="9"] {
		margin-bottom: calc(-400% / 28 * 10);
	}
	.portfolio-new--wrapper[data-items="8"],
	.portfolio-new--wrapper[data-items="7"] {
		margin-bottom: calc(-400% / 28 * 14);
	}
	.portfolio-new--wrapper[data-items="6"],
	.portfolio-new--wrapper[data-items="5"] {
		margin-bottom: calc(-400% / 28 * 18);
	}
	.portfolio-new--wrapper[data-items="4"],
	.portfolio-new--wrapper[data-items="3"] {
		margin-bottom: calc(-400% / 28 * 21);
	}
	.portfolio-new--wrapper[data-items="2"],
	.portfolio-new--wrapper[data-items="1"] {
		margin-bottom: calc(-400% / 28 * 25);
	}

	.portfolio-new--container {
		grid-template-columns: repeat(7, 1fr);
		grid-template-rows: repeat(28, 1fr);
	}

	.portfolio-item-new:nth-child(1),
	.portfolio-item-new:nth-child(4),
	.portfolio-item-new:nth-child(10),
	.portfolio-item-new:nth-child(14),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(1),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(3),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(13) {
		grid-column: 1 / 4;
	}
	.portfolio-item-new:nth-child(1),
	.portfolio-item-new:nth-child(2),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(1),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(2) {
		grid-row: 1 / 4;
	}
	.portfolio-item-new:nth-child(2),
	.portfolio-item-new:nth-child(3),
	.portfolio-item-new:nth-child(9),
	.portfolio-item-new:nth-child(15),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(2),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(4),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(10),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(14) {
		grid-column: 4 / 8;
	}
	.portfolio-item-new:nth-child(4),
	.portfolio-item-new:nth-child(3),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(3),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(4) {
		grid-row: 4 / 8;
	}
	.portfolio-item-new:nth-child(5),
	.portfolio-item-new:nth-child(8),
	.portfolio-item-new:nth-child(12),
	.portfolio-item-new:nth-child(16),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(15) {
		grid-column: 1 / 5;
	}
	.portfolio-item-new:nth-child(5),
	.portfolio-item-new:nth-child(6),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(5),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(6) {
		grid-row: 8 / 11;
	}
	.portfolio-item-new:nth-child(6),
	.portfolio-item-new:nth-child(7),
	.portfolio-item-new:nth-child(11),
	.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(6),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(8),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(12) {
		grid-column: 5 / 8;
	}
	.portfolio-item-new:nth-child(8),
	.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(7),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(8) {
		grid-row: 11 / 15;
	}
	.portfolio-item-new:nth-child(10),
	.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(9),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(10) {
		grid-row: 15 / 19;
	}
	.portfolio-item-new:nth-child(12),
	.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(11),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(12) {
		grid-row: 19 / 22;
	}
	.portfolio-item-new:nth-child(14),
	.portfolio-item-new:nth-child(15),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(14) {
		grid-row: 22 / 25;
	}
	.portfolio-item-new:nth-child(16),
	.portfolio-item-new:nth-child(13),
	.portfolio-new--wrapper:not([data-items="16"])
		.portfolio-item-new:nth-child(15) {
		grid-row: 25 / 29;
	}
}

/** Adaptive */

@media only screen and (max-width: 1023px) {
	.main-new .portfolio--new .nav-tabs {
		flex-wrap: wrap;
	}
	.main-new .portfolio--new .nav-tabs li {
		flex-basis: calc(50% - 30px);
	}
}

@media (max-width: 767px) {
	.main-new .portfolio--new .nav-tabs li {
		width: auto;
		margin-right: 15px;
	}

	.main-new .portfolio--new .nav-tabs li:last-child {
		margin-right: 0;
	}

	.main-new .portfolio--new .nav-tabs {
		display: block;
		border-left: 1px solid #b29f83;
		padding-left: 36px;
	}
	.main-new .portfolio--new .nav-tabs li a {
		height: auto;
	}
	.main-new .portfolio--new .nav-tabs li.active:before {
		width: 22px;
		height: 1px;
		background: #b29f83;
		content: "";
		display: block;
		position: absolute;
		left: -37px;
		top: 50%;
		transform: translateY(-50%);
	}
	.main-new .portfolio--new .nav-tabs li.active:after {
		width: 9px;
		height: 9px;
		background: #d1ab58;
		border-radius: 50%;
		content: "";
		display: block;
		position: absolute;
		left: -20px;
		top: 50%;
		transform: translateY(-50%);
	}
	.main-new .portfolio--new .nav-tabs li.active a {
		text-decoration: none;
		font-weight: normal;
	}

	.main-new .portfolio .tab-content {
		padding-bottom: 0;
	}

	.main-new .content.portfolio {
		padding-bottom: 0;
	}
}

/* End */
/* /local/templates/updated_adaptive/components/bitrix/system.pagenavigation/ajax_pager/style.css?174966487070 */
/* /local/templates/updated_adaptive/components/bitrix/news.list/portfolio-new-slider/style.css?176889611017754 */
/* /local/templates/updated_adaptive/components/bitrix/news.list/portfolio-new-slider-tabs/style.css?176890742117754 */
/* /local/templates/updated_adaptive/components/bitrix/news.list/portfolio-new-slider-two-sided/style.css?176891140617754 */