@font-face {
	font-family: 'Open Sans';
	font-weight: 300;
	src: url('/local/templates/aspro_max/css/fonts/open-sans/fonts/open-sans-v18-latin_cyrillic-ext-300.ttf'), url('/local/templates/aspro_max/css/fonts/open-sans/fonts/open-sans-v18-latin_cyrillic-ext-300.woff2') format('woff2');
}

@font-face {
	font-family: 'Open Sans';
    font-weight: 400;
    src: url('/local/templates/aspro_max/css/fonts/open-sans/fonts/open-sans-v18-latin_cyrillic-ext-regular.ttf'), url('/local/templates/aspro_max/css/fonts/open-sans/fonts/open-sans-v18-latin_cyrillic-ext-regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Open Sans';
    font-weight: 500;
    src: url('/local/templates/aspro_max/css/fonts/open-sans/fonts/open-sans-v18-latin_cyrillic-ext-500.ttf'), url('/local/templates/aspro_max/css/fonts/open-sans/fonts/open-sans-v18-latin_cyrillic-ext-500.woff2') format('woff2');
}

@font-face {
	font-family: 'Open Sans';
    font-weight: 700;
    src: url('/local/templates/aspro_max/css/fonts/open-sans/fonts/open-sans-v18-latin_cyrillic-ext-700.ttf'), url('/local/templates/aspro_max/css/fonts/open-sans/fonts/open-sans-v18-latin_cyrillic-ext-700.woff2') format('woff2');
}

:root {
	--part_bg: #101010;
	--active: #1FB2A1;
}

/* LOADER */



.loader {
	display: none;
	position: absolute;
	top: calc(50% - 32px);
	left: calc(50% - 32px);
	width: 64px;
	height: 64px;
	border-radius: 50%;
	perspective: 800px;
}

.inner {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.inner.one {
	left: 0%;
	top: 0%;
	animation: rotate-one 1s linear infinite;
	border-bottom: 3px solid #EFEFFA;
}

.inner.two {
	right: 0%;
	top: 0%;
	animation: rotate-two 1s linear infinite;
	border-right: 3px solid #EFEFFA;
}

.inner.three {
	right: 0%;
	bottom: 0%;
	animation: rotate-three 1s linear infinite;
	border-top: 3px solid #EFEFFA;
}

@keyframes show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}

	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}

	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}

	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

/* GLOBAL */


body {
	scrollbar-width: thin;
	scrollbar-color: #666666 #161616;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: subpixel-antialiased;
	font-smooth: subpixel-antialiased;
}

body::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb {
	background: #666666;
	border-radius: 2px;
}

body::-webkit-scrollbar-track,
::-webkit-scrollbar-track {
	background: #161616;
}

body::-webkit-scrollbar,
::-webkit-scrollbar {
	width: 10px;
}

.basket_normal .popup {
	background: #fff;
	box-shadow: none;
	min-width: 0px;
	z-index: 11;
	width: 580px;
	position: absolute;
	top: auto;
	right: initial;
	left: auto;
	border-radius: 0;
}

body.jqm-initied .wrapper1>div>div {
	filter: none;
}

.inline-search-block.corp .search-wrapper,
.bottom-icons-panel,
.bottom-icons-panel__content {
	display: none;
}

.global-content-block.partnerstvo {
	font-family: 'Open Sans';
	color: #fdfffd;
}

.top-block-wrapper {
	display: none;
}

.footer,
.header__catalog-burger {
	z-index: 0;
}

.container {
	max-width: 100%;
}

.header .container {
	max-width: 1640px;
}

div#content {
	background-color: var(--part_bg);
	background-image: url(/upload/images/partnerstvo/topsider-bg.png);
	background-position: top, center;
	background-size: contain;
	background-repeat: no-repeat;
}

div.maxwidth-theme,
section.maxwidth-theme {
	display: inline;
	background: transparent;
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.container_inner {
	gap: 0px;
}

.breadcrumbs {
	display: none;
}

.show {
	display: block !important;
	animation: show 0.2s linear;
}

#modal-1,
#modal-telegram,
#modal-success {
	transition: all 0.5s linear;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.partnerstvo-modal {
	transition: all 0.5s ease-in-out;
}

.modal-content-1 {
	transition: all 0.5s ease-in-out;
	display: none;
	text-align: center;
	background: url(/upload/images/partnerstvo/partnerstvo-form-bg.svg) no-repeat center top;
	background-color: #101010;
	margin: 6% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 600px;
	height: 600px;
	border-radius: 10px;
	position: relative;
	z-index: 11;
}

.modal-content-telegram {
	text-align: center;
	background: url(/upload/images/partnerstvo/partnerstvo-telegram-bg.svg) no-repeat center top;
	background-color: #101010;
	margin: 6% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 450px;
	height: 500px;
	border-radius: 10px;
	position: relative;
	z-index: 11;
}

.modal-content-success {
	text-align: center;
	background: url(/upload/images/partnerstvo/partnerstvo-form-bg.svg) no-repeat center -290px;
	background-color: #101010;
	margin: 18% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 440px;
	height: 210px;
	border-radius: 10px;
	position: relative;
	z-index: 11;
}

.partnerstvo .modal-content-1 h3,
.partnerstvo .modal-content-telegram h2 {
	line-height: 35px;
	margin-top: 25px;
	margin-bottom: 50px;
}

.partnerstvo .modal-content-telegram h2 {
	font-size: 30px;
	line-height: 35px;
}

.partnerstvo .modal-content-telegram p {
	font-size: 18px;
	line-height: 26px;
}

.partnerstvo-form-field-text input,
.partnerstvo .partnerstvo-form-field-text input:focus {
	width: 472px;
	height: 60px;
	border-radius: 10px;
	background: #161616;
	padding: 25px;
	border: 1px solid #888888;
	margin-bottom: 24px;
	line-height: 22px;
	font-size: 18px;
	color: #fffdff;
}

.partnerstvo-form-field-idea textarea,
.partnerstvo .partnerstvo-form-field-idea textarea:focus {
	width: 472px;
	height: 260px;
	border-radius: 10px;
	background: #161616;
	padding: 25px;
	border: none;
	margin-bottom: 24px;
	line-height: 22px;
	font-size: 18px;
	color: #fdfffd;
	border: 1px solid #888888;
}

.partnerstvo-form-field-text input::placeholder,
.partnerstvo-form-field-idea textarea::placeholder {
	color: #929292;
}

.partnerstvo-form-field-confidence input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.partnerstvo-form-field-confidence input:checked+label::before,
.partnerstvo-form-field-confidence input.valid:checked+label+label::before {
	background-color: #1FB2A1;
	background-image: url("/upload/images/partnerstvo/chkbx.svg");
	background-size: 17px 10px;
	background-position: center center;
	border: 0px;
}

.partnerstvo-form-field-confidence label {
	display: flex;
	gap: 2px;
	width: 460px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	letter-spacing: 0.2px;
}

.partnerstvo-form-field-confidence label::before {
	content: '';
	display: inline-block;
	width: 19px;
	height: 19px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #fffdff;
	border-radius: 5px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}

.partnerstvo-form-field-confidence {
	width: 472px;
	text-align: left;
	margin: auto;
}

.partnerstvo-form-field-confidence a {
color: inherit;
border-bottom: 1px dotted;
}

.partnerstvo-form-field-confidence a:hover {
border-bottom: 1px solid;
}

.partnerstvo-form-field-submit,
.modal-content-1 .success,
.partnerstvo .modal-content-1 button.btn {
	display: none;
}

.partnerstvo .modal-content-1 button.btn,
.partnerstvo .modal-content-telegram button.btn {
	height: 60px;
	width: 472px;
	padding-bottom: 20px;
	margin-top: 22px;
}

.partnerstvo .modal-content-telegram button.btn {
	width: 260px;
	height: 60px;
	margin-top: 145px;
}

.partnerstvo .modal-content-1 button span {
	display: block;
	text-align: center;
	width: 100%;
}

.closemodal {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 30px;
	cursor: pointer;
	color: #fffdff;
	font-weight: 300;
}

.partnerstvo-form-wrapper,
.partnerstvo-form-wrapper-2 {
	display: none;
}

.partnerstvo-form-wrapper.checked input:invalid,
.partnerstvo-form-field-confidence label.errored::before {
	border: 1px solid #f83600;
}

.partnerstvo-form-wrapper label.error {
	display: none !important;
}

.closemodal:hover {
	color: var(--active);
}

.partnerstvo h1 {
	font-family: 'Open Sans';
	font-size: 80px;
	line-height: 86px;
	letter-spacing: -4px;
	font-weight: 700;
	color: #fdfffd;
}

.partnerstvo h2 {
	font-family: 'Open Sans';
	font-size: 46px;
	line-height: 48px;
	letter-spacing: 0px;
	font-weight: 700;
	color: #fdfffd;
}

.partnerstvo h3 {
	font-family: 'Open Sans';
	font-size: 30px;
	line-height: 48px;
	font-weight: 700;
	color: #fdfffd;
}

.partnerstvo h4 {
	font-family: 'Open Sans';
	font-size: 22px;
	font-weight: 700;
	color: #fdfffd;
}

.partnerstvo section {
	text-align: center;
	font-family: 'Open Sans';
}

.partnerstvo .btn {
	font-family: 'Open Sans';
	font-size: 20px;
	font-weight: 500;
	width: auto;
	height: 60px;
	line-height: 20px;
	padding-top: 20px;
	border-radius: 10px !important;
}

.text1 {
	font-size: 22px;
	font-weight: 400;
	line-height: 34px;
	letter-spacing: 0px;
}

.text1 strong {
	color: inherit;
}

.text2 {
	font-family: 'Open Sans';
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0px;
	font-weight: 400;
	color: #fdfffd;
}

.text3 {
	font-size: 8pt;
	font-weight: 400;
}

.highlight {
	color: #1fb2a1;
}

section {
	padding-bottom: 200px;
	position: relative;
}

.block-section .block,
.designers-block .des-item {
	transition: all 0.3s;
}

.block-section .block:hover,
.catprod-item:hover,
.designers-block .des-item:hover {
	transform: translate(0px, -6px);
	box-shadow: inset 0px 0px 5px 0px #fefefe;
}

.innovation .block1 {
	grid-row: span 2;
	width: 396px;
	height: 612px;
	background-color: #161616;
	background-image: url(/upload/images/partnerstvo/bg-1-1.svg);
	background-repeat: no-repeat;
	border-radius: 11px;
	padding: 30px;
	padding-top: 40px;
}

.topsider .he {
	display: inline-block;
	padding-top: 27vw;
	position: relative;
	width: 100%;
}

.topsider h1 {
	width: 884px;
	margin: auto;
}

.topsider .par {
	padding-top: 35px;
	width: 702px;
	display: inline-block;
	padding-bottom: 10px;
}

.innovation .block-section {
	display: grid;
	width: 1268px;
	height: 665px;
	overflow: hidden;
	grid-template-columns: repeat(3, 435px);
	grid-template-rows: 405px 186px;
	text-align: left;
	margin: auto;
	padding-top: 52px;
}

.innovation .he {
	width: 875px;
	margin: auto;
}

.innovation h4 {
	margin-bottom: 20px;
}

.innovation .scroll-arrow-block-wrapper {
	display: none;
}

.innovation .block1 {
	grid-row: span 2;
	width: 396px;
	height: 612px;
	background-color: #161616;
	background-image: url(/upload/images/partnerstvo/bg-1-1.svg);
	background-repeat: no-repeat;
	border-radius: 11px;
	padding: 30px;
	padding-top: 40px;
}

.innovation .block2 {
	width: 396px;
	height: 372px;
	background-color: #161616;
	border-radius: 11px;
	margin-top: 12px;
	padding: 30px;
	background-image: url(/upload/images/partnerstvo/bg-1-2.svg);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 10px;
}

.innovation .block3 {
	width: 396px;
	height: 372px;
	background-color: #161616;
	border-radius: 11px;
	margin-top: 15px;
	padding: 30px;
	background-image: url(/upload/images/partnerstvo/bg-1-3.svg);
	background-repeat: no-repeat;
}

.innovation .block4 {
	grid-row: span 2;
	width: 832px;
	height: 186px;
	background-color: #161616;
	border-radius: 11px;
	margin-top: 21px;
	padding: 30px;
	padding-top: 32px;
	padding-right: 120px;
	background-image: url(/upload/images/partnerstvo/bg-1-4.svg);
	background-repeat: no-repeat;
	background-position-x: 0px;
}

.reasons .scroll-arrow-block-wrapper {
	display: none;
}

.reasons .block-section {
	display: grid;
	height: 973px;
	width: 1268px;
	grid-template-columns: repeat(3, 396px);
	grid-template-rows: repeat(2, 434px);
	text-align: left;
	margin: auto;
	padding-top: 65px;
	margin-bottom: 45px;
	gap: 40px;
}

.reasons .block1 {
	grid-column: span 2;
	width: 832px;
	height: 433px;
	background-color: #161616;
	border-radius: 11px;
	padding: 30px;
	padding-top: 34px;
	padding-right: 257px;
	background-image: url(/upload/images/partnerstvo/bg-2-1.svg);
	background-repeat: no-repeat;
}

.reasons .block2 {
	width: 396px;
	height: 433px;
	background-color: #161616;
	border-radius: 11px;
	padding: 30px;
	padding-top: 34px;
	background-image: url(/upload/images/partnerstvo/bg-2-2.svg);
	background-repeat: no-repeat;
}

.reasons .block3 {
	width: 396px;
	height: 433px;
	background-color: #161616;
	border-radius: 11px;
	padding: 30px;
	padding-top: 34px;
	padding-right: 27px;
	background-image: url(/upload/images/partnerstvo/bg-2-3.svg);
	background-repeat: no-repeat;
	background-position: center center;
}

.reasons .block4 {
	width: 396px;
	height: 433px;
	background-color: #161616;
	border-radius: 11px;
	padding: 30px;
	padding-top: 34px;
	background-image: url(/upload/images/partnerstvo/bg-2-4.svg);
	background-repeat: no-repeat;
}

.reasons .block5 {
	width: 396px;
	height: 433px;
	background-color: #161616;
	border-radius: 11px;
	padding: 30px;
	padding-top: 34px;
	background-image: url(/upload/images/partnerstvo/bg-2-5.svg);
	background-repeat: no-repeat;
}

.reasons .btn {
	width: 260px;
	padding-left: 45px;
	margin-bottom: 25px;
}

section.maslov {
	padding-top: 35px;
	background-image: url(/upload/images/partnerstvo/bg-3-0.svg);
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.maslov .he {
	display: inline-block;
	padding-bottom: 70px;
	width: 780px;
	margin: auto;
}

.maslov .cont {
	width: 1268px;
	height: 430px;
	display: grid;
	overflow: hidden;
	grid-template-columns: repeat(2, 634px);
	grid-template-rows: 450px;
	margin: auto;
}

.maslov .photo {
	width: 505px;
	height: 422px;
	background: #161616;
	border-radius: 10px;
}

.maslov .block {
	width: 593px;
	height: 422px;
	text-align: left;
	padding: 15px;
}

.maslov .block .phone {
	padding-top: 20px;
}

.maslov .block .mail {
	padding-top: 20px;
}

.maslov-link {
	transition: color 0.3s ease;
	cursor: pointer;
}

.maslov-link:hover {
	color: #1fb2a1;
}

section.designers-block {
	padding-bottom: 180px;
}

.designers-block .scroll-arrow-block-wrapper {
	bottom: 150px;
}

.designers-block .he {
	padding-bottom: 20px;
}

.designers-block .des-item {
	width: 396px;
	height: 492px;
	background: rgba(22, 22, 22, 50);
	border-radius: 10px;
	flex-direction: column;
	flex-wrap: nowrap;
	overflow: hidden;
	cursor: pointer;
}

.designers-block .des-item img {
	width: 396px;
	height: 492px;
}

.des-items-container {
	overflow: visible;
	overflow-x: scroll;
	touch-action: pan-y;
	width: 100%;
	scrollbar-width: none;
	position: relative;
}

.des-items-wrapper {
	position: relative;
	display: flex;
	overflow: visible;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 40px;
	padding-top: 64px;
	width: 1268px;
	margin: auto;
}

.des-item {
	width: 396px;
	height: 492px;
	background: rgb(22, 22, 22);
	border-radius: 10px;
	flex-shrink: 0;
}

.des-item-title {
	display: none;
	position: relative;
	width: 396px;
	bottom: 58px;
	height: 58px;
	padding-top: 14px;
	background-color: rgb(22 22 22 / 50%);
}

.des-items-container::-webkit-scrollbar,
.innovations-items-container::-webkit-scrollbar,
.coworking-items-container::-webkit-scrollbar,
.catprod-items-container::-webkit-scrollbar {
	-webkit-appearance: none;
}

.des-items-container::-webkit-scrollbar:vertical,
.innovations-items-container ::-webkit-scrollbar:vertical,
.coworking-items-container::-webkit-scrollbar:vertical,
.catprod-items-container::-webkit-scrollbar:vertical {
	width: 0px;
}

.des-items-container::-webkit-scrollbar:horizontal,
.innovations-items-container::-webkit-scrollbar:horizontal,
.coworking-items-container::-webkit-scrollbar:horizontal,
.catprod-items-container::-webkit-scrollbar:horizontal {
	height: 0px;
}

.des-items-container::-webkit-scrollbar-thumb {
	background-color: rgba(153, 153, 153, 1);
	background: var(--gray_bg_black);
	border-radius: 10px;
	border: 2px solid #ffffff;
	border-color: var(--black_bg_black);
}

.des-items-container::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #ffffff;
	background: var(--card_bg_black);
}

.partnerstvo .itemlist-end-wrapper {
	content: '';
	width: 5vw;
	position: relative;
	flex-shrink: 0;
}

.scroll-arrow-block-wrapper {
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 1;
}

.scroll-arrow-block {
	position: relative;
	width: 1268px;
	margin: auto;
}

.scroll-arrow {
	content: '';
	position: absolute;
	width: 180px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.scroll-arrow.right {
	background-image: url(/upload/images/partnerstvo/arrow.svg);
	right: 0px;
	display: none;
}

.scroll-arrow.left {
	background-image: url(/upload/images/partnerstvo/arrow_l.svg);
	left: 0px;
	display: none;
}

section.events-block {
	background-image: url(/upload/images/partnerstvo/bg-5-0.svg);
	background-repeat: no-repeat;
	background-position-x: center;
}

.events-block .he {
	padding-top: 67px;
}

.events-block .he-2 {
	margin-top: 35px;
}

.events-block .par {
	width: 770px;
	margin: auto;
}

.events-block .scroll-arrow-block-wrapper {
	display: none;
}

.events-block .block-section {
	display: grid;
	width: 1268px;
	height: 770px;
	overflow: hidden;
	grid-template-columns: repeat(3, 435px);
	grid-template-rows: repeat(2, 372px);
	text-align: left;
	margin: auto;
	padding-top: 65px;
	padding-bottom: 45px;
}

.events-block .block-section .block1 {
	grid-row: span 2;
	width: 396px;
	height: 704px;
	background-color: #161616;
	border-radius: 11px;
}

.events-block .block-section .block2 {
	width: 396px;
	height: 332px;
	background-color: #161616;
	border-radius: 11px;
}

.events-block .block-section .block3 {
	width: 396px;
	height: 332px;
	background-color: #161616;
	border-radius: 11px;
}

.events-block .block-section .block4 {
	width: 396px;
	height: 332px;
	background-color: #161616;
	border-radius: 11px;
}

.events-block .block-section .block5 {
	width: 396px;
	height: 332px;
	background-color: #161616;
	border-radius: 11px;
}

.events-block .btn {
	width: 260px;
	padding-left: 65px;
	margin-top: 37px;
}

section.speakers {
	padding-bottom: 78px;
	border-radius: 11px;
	width: 1268px;
	margin: auto;
	background: #161616;
	background-image: url(/upload/images/partnerstvo/bg-6-0.svg);
	background-repeat: no-repeat;
}

.speakers .he {
	width: 700px;
	margin: auto;
	padding-top: 75px;
}

.speakers .par {
	padding-top: 13px;
	width: 650px;
	margin: auto;
}

.speakers .scroll-arrow-block-wrapper {
	display: none;
}

.speakers .btn {
	width: 260px;
	padding-left: 60px;
	margin-top: 37px;
}

section.innovations {
	padding-top: 73px;
	margin-top: 130px;
	padding-bottom: 130px;
	background-image: url(/upload/images/partnerstvo/bg-7-0.svg);
	background-repeat: no-repeat;
	background-position-x: center;
}

.innovations .scroll-arrow-block-wrapper {
	bottom: 100px;
}

.innovations .par {
	width: 790px;
	margin: auto;
	padding-top: 11px;
}

.innovations-items-container {
	overflow: visible;
	overflow-x: scroll;
	touch-action: pan-y;
	width: 100%;
	scrollbar-width: none;
}

.innovations-items-wrapper {
	position: relative;
	display: flex;
	overflow: visible;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 40px;
	padding-top: 64px;
	width: 1268px;
	margin: auto;
}

.innovations-item {
	width: 396px;
	flex-shrink: 0;
}

.innovations-item-image {
	width: 396px;
	height: 396px;
	border-radius: 10px;
	background: #161616;
	overflow: hidden;
}

.innovations-item-label {
	text-align: left;
}

.innovations-item-label p {
	line-height: 28px;
	width: 392px;
	padding-bottom: 25px;
	height: 75px;
}

.innovations-item-label h4 {
	padding-top: 20px;
	line-height: 28px;
	margin-bottom: 20px;
	height: 75px;
}

.innovations-item-label span.text2 {
	font-size: 18px;
}

section.coworking-zones {
	padding-bottom: 157px;
	background-image: url(/upload/images/partnerstvo/bg-8-0.svg);
	background-repeat: no-repeat;
	background-position: center top;
}

.coworking-zones .scroll-arrow-block-wrapper {
	bottom: 285px;
}

.coworking-zones h2 {
	padding-top: 120px;
	width: 849px;
	margin: auto;
}

.coworking-zones p {
	width: 731px;
	margin: auto;
	padding: 35px 0px 90px 0px;
}

.coworking-zones .btn {
	width: 328px;
	padding-left: 30px;
}

.coworking-items-container {
	overflow: visible;
	overflow-x: scroll;
	touch-action: pan-y;
	width: 100%;
	scrollbar-width: none;
}

.coworking-items-wrapper {
	position: relative;
	display: flex;
	overflow: visible;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 40px;
	padding-top: 64px;
	padding-bottom: 100px;
	width: 1268px;
	margin: auto;
}

.coworking-item {
	width: 396px;
	height: 396px;
	border-radius: 10px;
	background: #161616;
	flex-shrink: 0;
	overflow: hidden;
}

.catalog-production {
	padding-bottom: 0px;
	background-image: url(/upload/images/partnerstvo/bg-9-0.svg);
	background-repeat: no-repeat;
}

.catalog-production .scroll-arrow-block-wrapper {
	bottom: 70px;
}

.catalog-production h2 {
	padding-top: 43px;
}

.catprod-items-container {
	overflow: visible;
	overflow-x: scroll;
	touch-action: pan-y;
	width: 100%;
	scrollbar-width: none;
}

.catprod-items-wrapper {
	position: relative;
	display: flex;
	overflow: visible;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 40px;
	padding-top: 64px;
	padding-bottom: 100px;
	width: 1268px;
	margin: auto;
}

.catprod-item {
	transition: all 0.3s;
	width: 287px;
	height: 302px;
	border-radius: 10px;
	background: #161616;
	flex-shrink: 0;
	position: relative;
}

.catprod-item img {
	width: 230px;
}

.catprod-item.sv-lenta img {
	width: 100%;
}

.catprod-item h4 {
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 0 20px;
}

section.idea-form {
	padding-top: 140px;
	background-image: url(/upload/images/partnerstvo/bg-10-0.svg);
	background-repeat: no-repeat;
	background-position: center top;
}

.idea-form .par {
	padding: 10px 0px;
	width: 729px;
	margin: auto;
}

.idea-form .btn {
	width: 260px;
	padding-left: 34px;
}

section.join-us {
	padding-top: 65px;
	background-image: url(/upload/images/partnerstvo/bg-11-0.svg);
	background-repeat: no-repeat;
	background-position: center top;
}

.join-us p {
	display: block;
	width: 559px;
	margin: auto;
	padding-bottom: 40px;
}

.join-us .btn {
	width: 260px;
	padding-left: 45px;
}


/*ГАЛЕРЕЯ НАЧАЛО*/

.gallery {
	display: none;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.overlay.show {
	display: flex;
}

.hide {
	display: none;
}

.gallery-container {
	background-color: #161616;
	position: relative;
}

.gallery-images,
.gallery-images-overlay {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.gallery-images::-webkit-scrollbar,
.gallery-images-overlay::-webkit-scrollbar {
	display: none;
}

.gallery-images img,
.gallery-images-overlay img {
	flex-shrink: 0;
	margin: 0 10px;
	max-width: 100%;
	max-height: 500px;
}

.arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 2em;
	background: none;
	border: none;
	color: #fffdff;
}

.left-arrow {
	left: 15%;
}

.right-arrow {
	right: 15%;
}

.close-button {
	position: absolute;
	top: 2%;
	right: 8%;
	cursor: pointer;
	font-size: 32px;
	background: none;
	border: none;
	color: #fffdff;
}

.gallery-images,
.gallery-images-overlay {
	display: flex;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.gallery-images img,
.gallery-images-overlay img {
	flex-shrink: 0;
	margin: 0;
	width: 60%;
	max-width: 1050px;
	max-height: 100%;
	display: none;
}

.gallery-images img:first-child,
.gallery-images-overlay img:first-child {
	display: block;
}

.gallery-container {
	width: 100vw;
	height: 100vh;
}

/*ГАЛЕРЕЯ КОНЕЦ*/

/* Начало медиазоны */

@media (max-width: 1268px) {


	.modal-content-1,
    .modal-content-telegram {
		width: 320px;
		height: 391px;
		padding: 14px 13px;
	}

	.modal-content-telegram h2 {
		width: 270px;
		margin: auto;
		margin-top: 25px;
		margin-bottom: 20px;
	}

	.modal-content-telegram p {
		margin-bottom: 150px;
	}

	.partnerstvo .modal-content-1 h3 {
		font-size: 16px;
		line-height: 22px;
		font-weight: 500;
		margin-bottom: 25px;
	}

	.partnerstvo-form-field-text input,
    .partnerstvo .partnerstvo-form-field-text input:focus {
		width: 280px;
		height: 40px;
		padding: 10px;
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 10px;
	}

	.partnerstvo-form-field-idea textarea,
    .partnerstvo .partnerstvo-form-field-idea textarea:focus {
		width: 100%;
		height: 155px;
	}

	.partnerstvo-form-field-confidence label {
		font-size: 8px;
		line-height: 14px;
		letter-spacing: 0px;
		width: 265px;
		padding-left: 4px;
	}

	.partnerstvo .modal-content-1 button.btn {
		width: 160px;
		height: 30px;
		line-height: 8px;
		padding-left: 22px;
		margin-top: 30px;
		font-size: 12px;
	}

	.partnerstvo .modal-content-telegram h2 {
		font-size: 16px;
		line-height: 22px;
		width: 260px;
		margin-bottom: 25px;
	}

	.partnerstvo .modal-content-telegram p {
		font-size: 12px;
		line-height: 20px;
		width: 260px;
		margin: auto;
	}

	.partnerstvo .modal-content-telegram button.btn {
		width: 160px;
		height: 30px;
		padding-bottom: 0;
		padding-top: 2px;
		margin-top: 150px;
	}

	.partnerstvo .modal-content-1 button span {
		font-size: 12px;
	}

	.closemodal {
		top: 3px;
		right: 5px;
	}

	.partnerstvo h1 {
		font-size: 6vw;
		line-height: 7vw;
		letter-spacing: normal;
	}

	.partnerstvo h2 {
		font-size: 4.5vw;
		line-height: 6.2vw;
		margin-bottom: 6vw;
	}

	.partnerstvo h3 {
		font-size: 3.5vw;
		line-height: 4.5vw;
		letter-spacing: 0.2vw;
		margin-top: 8vw;
		margin-bottom: 4.5vw;
	}

	.partnerstvo h4 {
		font-size: 3.8vw;
		letter-spacing: 0.2vw;
		font-weight: 500;
	}

	.partnerstvo section {
		padding-bottom: 0px;
	}

	.partnerstvo .btn {
		font-size: 3.5vw;
		width: 44vw;
		height: 9.5vw;
		padding-top: 1.8vw;
		padding-left: 7vw;
		border-radius: 5px !important;
		line-height: 6vw;
	}

	.text1 {
		font-size: 3.2vw;
		line-height: 5.7vw;
		letter-spacing: 0.1vw;
	}

	.text2 {
		font-size: 3.5vw;
		font-weight: 300;
		line-height: 5.5vw;
		letter-spacing: 0.2vw;
	}

	.topsider h1 {
		width: 77%;
	}

	.topsider .par {
		padding-top: 6vw;
		width: 75%;
	}

	section.innovation {
		padding-top: 30vw;
	}

	.innovation .block-section {
		display: flex;
		gap: 3vw;
		margin-left: 9%;
		margin-right: 7%;
		height: auto;
		padding: 0;
		width: max-content;
	}

	.innovation .scroll-arrow-block-wrapper {
		display: block;
		position: relative;
		margin-top: 2vw;
	}

	.block-section-container {
		display: block;
		overflow: visible;
		overflow-x: scroll;
		touch-action: pan-y;
		width: 100%;
		scrollbar-width: none;
		position: relative;
	}

	.innovation .he {
		width: 80%;
	}

	.innovation .block {
		width: 83vw;
		height: 80vw;
		background-size: cover;
		background-position: center top;
		flex-shrink: 0;
		padding: 7vw 6vw;
	}

	.innovation .block1 {
		background-image: url(/upload/images/partnerstvo/bg-1-1m.svg);
	}

	.innovation .block2 {
		margin: 0;
		background-image: url(/upload/images/partnerstvo/bg-1-2m.svg);
	}

	.innovation .block3 {
		margin: 0;
		background-image: url(/upload/images/partnerstvo/bg-1-3m.svg);
	}

	.innovation .block4 {
		margin: 0;
		background-image: url(/upload/images/partnerstvo/bg-1-4m.svg);
	}

	section.reasons {
		padding-top: 30vw;
	}

	.reasons .scroll-arrow-block-wrapper {
		display: block;
		position: relative;
		height: 20px;
	}

	.reasons .block-section {
		display: flex;
		gap: 3vw;
		margin-left: 9%;
		margin-right: 7%;
		height: auto;
		padding: 0;
		margin-bottom: 2vw;
		width: max-content;
	}

	.reasons .block {
		width: 83vw;
		height: 80vw;
		background-size: cover;
		background-position: center top;
		flex-shrink: 0;
		padding: 7vw 6vw;
	}

	.reasons .block1 {
		background-image: url(/upload/images/partnerstvo/bg-2-1m.svg);
	}

	.reasons .block2 {
		background-image: url(/upload/images/partnerstvo/bg-2-2m.svg);
	}

	.reasons .block3 {
		background-image: url(/upload/images/partnerstvo/bg-2-3m.svg);
	}

	.reasons .block4 {
		background-image: url(/upload/images/partnerstvo/bg-2-4m.svg);
	}

	.reasons .block5 {
		background-image: url(/upload/images/partnerstvo/bg-2-5m.svg);
	}

	.reasons .btn {
		margin-top: 8vw;
	}

	section.maslov {
		padding-top: 20vw;
		background-image: url(/upload/images/partnerstvo/bg-3-0m.svg);
		background-position: top;
		background-size: 100%;
	}

	.maslov .he {
		width: 77%;
		padding-bottom: 10px;
	}

	.maslov .cont {
		width: 85%;
		height: auto;
		display: inline-block;
	}

	.maslov .photo {
		width: 85vw;
		height: auto;
		margin: auto;
		background: transparent;
	}

	.maslov .photo img {
		width: 100%;
	}

	.maslov .block {
		width: 100%;
		height: auto;
		padding: 0;
	}

	.maslov .block .phone {
		padding-top: 0;
	}

	.maslov .block .mail {
		padding-top: 1.3vw;
		padding-bottom: 15.3vw;
	}

	section.designers-block {
		padding-top: 20vw;
		background-image: url(/upload/images/partnerstvo/bg-4-0m.svg);
		background-position: top right;
		background-repeat: no-repeat;
		background-size: 80%;
	}

	.designers-block .scroll-arrow-block-wrapper {
		bottom: -4vw;
	}

	.designers-block .he {
		padding-bottom: 4vw;
	}

	.designers-block .des-item {
		width: 80vw;
		height: 99.6vw;
	}

	.designers-block .des-item img {
		width: 100%;
		height: auto;
	}

	.des-items-container {
		height: auto;
	}

	.des-items-wrapper {
		height: max-content;
		width: max-content;
		margin-left: 9%;
		margin-right: 7%;
		padding-top: 0vw;
		gap: 7vw;
	}

	.des-item-title {
		width: auto;
		height: 13vw;
		bottom: 13vw;
		padding-top: 4vw;
	}

	.partnerstvo .itemlist-end-wrapper {
		display: none;
	}

	.scroll-arrow-block-wrapper {
		display: block;
	}

	.scroll-arrow-block {
		width: 80%;
	}

	.scroll-arrow {
		width: 20vw;
		background-size: contain;
	}

	.scroll-arrow.right {
		background-image: url(/upload/images/partnerstvo/arrow_mobile.svg);
	}

	.scroll-arrow.left {
		background-image: url(/upload/images/partnerstvo/arrow_l_mobile.svg);
	}

	section.events-block {
		margin-top: 18vw;
		padding-top: 22vw;
		background-image: url(/upload/images/partnerstvo/bg-5-0m.svg);
		background-size: 83%;
		background-position: top right;
	}

	.events-block .he {
		padding: 2vw;
	}

	.events-block .par {
		width: 81%;
	}

	.events-block .scroll-arrow-block-wrapper {
		bottom: 34vw;
		display: block;
	}

	.events-block .block-section {
		display: flex;
		gap: 5vw;
		width: max-content;
		height: auto;
		margin-left: 9%;
		margin-right: 7%;
		padding-bottom: 3vw;
		padding-top: 3vw;
	}

	.events-block .block-section .block {
		width: 80vw;
		height: 88vw;
		overflow: hidden;
	}

	.events-block .block-section .block img {
		width: 80vw;
		height: 88vw;
	}

	.he-2 {
		width: 70%;
		margin: auto;
		padding-top: 10vw;
	}

	.events-block .btn {
		padding-left: 10vw;
		margin-top: 0;
	}

	section.speakers {
		margin-top: 27vw;
		width: 80vw;
		height: 80vw;
		background-image: url(/upload/images/partnerstvo/bg-speakers-mobile.svg);
		background-size: 100% 100%;
		background-position: center top;
	}

	.speakers .he {
		width: 80%;
		padding-top: 15vw;
	}

	.speakers .par {
		width: 80%;
		padding-top: 0;
	}

	.speakers .btn {
		padding-left: 9.2vw;
		margin-top: 0;
	}

	section.innovations {
		padding-top: 32vw;
		margin-top: 0vw;
		background-image: url(/upload/images/partnerstvo/bg-7-0m.svg);
		background-size: 100%;
		background-position: center top;
	}

	.innovations .scroll-arrow-block-wrapper {
		bottom: 20vw;
	}

	.innovations .par {
		width: 80%;
		padding-top: 0;
	}

	.innovations-items-wrapper {
		padding-top: 0;
		margin-left: 9%;
		margin-right: 7%;
		gap: 5vw;
		width: max-content;
	}

	.innovations-item {
		width: 80vw;
		height: 145vw;
	}

	.innovations-item-image {
		width: 80vw;
		height: 80vw;
	}

	.innovations-item-label p {
		line-height: 6vw;
		width: 78vw;
		height: 16vw;
		padding-bottom: 0vw;
	}

	.innovations-item-label h4 {
		padding-top: 5vw;
		margin-bottom: 0vw;
		line-height: 5vw;
		height: 14vw;
	}

	.innovations-item-label span.text2 {
		font-size: 3.2vw;
	}

	section.coworking-zones {
		background-size: auto;
		margin-top: 0vw;
		padding-top: 15vw;
		padding-bottom: 20vw;
		background-image: url(/upload/images/partnerstvo/bg-8-0m.svg);
		background-size: 100%;
	}

	.coworking-zones .scroll-arrow-block-wrapper {
		bottom: 42vw;
	}

	.coworking-zones h2 {
		width: 80%;
		padding-top: 0;
	}

	.coworking-zones p {
		width: 78%;
		padding: 0;
		padding-top: 7vw;
		padding-bottom: 7vw;
	}

	.coworking-zones .btn {
		width: 60vw;
	}

	.coworking-items-wrapper {
		padding-top: 0;
		gap: 5vw;
		width: max-content;
		margin-left: 9%;
		margin-right: 7%;
		padding-bottom: 15vw;
	}

	.coworking-item {
		width: 80vw;
		height: 80vw;
	}

	.coworking-item img {
		width: 100%;
	}

	.catalog-production {
		background-image: url(/upload/images/partnerstvo/bg-9-0m.svg);
	}

	.catalog-production .scroll-arrow-block-wrapper {
		bottom: 17vw;
	}

	.catprod-items-wrapper {
		padding-top: 0;
		gap: 5vw;
		width: max-content;
		padding-bottom: 23vw;
		margin-left: 9%;
		margin-right: 7%;
	}

	.catprod-item {
		width: 60vw;
		height: 67vw;
	}

	.catprod-item img {
		width: 54vw;
	}

	section.idea-form {
		padding-bottom: 29vw;
		margin-top: 7vw;
		padding-top: 17vw;
		background-image: url(/upload/images/partnerstvo/bg-10-0m.svg);
		background-position: right top;
	}

	.idea-form .par {
		width: 75%;
	}

	.idea-form .btn {
		margin-top: 5vw;
	}

	section.join-us {
		width: 80vw;
		height: 80vw;
		margin: auto;
		margin-top: 0;
		padding-top: 13vw;
		border-radius: 10px;
		padding-bottom: 16vw;
		background-image: url(/upload/images/partnerstvo/bg-11-0m.svg);
		background-size: 100%;
	}

	.join-us p {
		width: 80%;
		padding-bottom: 7vw;
	}

	.left-arrow {
		left: 3%;
	}

	.right-arrow {
		right: 3%;
	}

	.gallery-images img,
    .gallery-images-overlay img {
		width: 100vw;
		opacity: 0.9;
	}
}

/* Конец медиазоны */