@charset "utf-8";

@media only screen and (orientation: portrait) and (min-width: 768px), only screen and (min-width: 820px) {
h1, .h1 {
	margin-bottom: 27px;
}
.btn {
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.mainwrap, .header, .search-results, .top-scroll-block {
	padding-left: 196px;
}
.container {
	padding-left: 24px;
	padding-right: 24px;
}
.header {
	height: 140px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 90px, rgba(255, 255, 255, 0) 100%);
}
.header .grid {
	font-size: inherit;
	pointer-events: all;
	align-items: center;
	height: auto;
	padding-top: 35px;
	margin-left: 0;
}
.header .grid > *:not(.btn) {
	flex-direction: row;
	align-items: center;
	top: 0;
}
.header .grid .btn span {
	display: inline;
}
.header .grid, .header .grid > *:not(.btn) {
	gap: 4px 24px;
}
.main-logo {
	width: 110px;
	height: auto;
	margin: 35px 24px;
	background-image: url(../img/logo.svg);
}
.main-logo:before {
	padding-top: 72.666%;
}
.side-toggle.toggle-search, .side-toggle.toggle-menu, .toggle-filters-search {
	display: none!important;
}
.side-toggle {
	width: 2.75em;
	height: 2.75em;
	border-radius: 1.375em;
	top: 250px;
	left: auto;
	right: 0;
	margin: 0 24px;
	font-size: 12px;
	z-index: 210;
	box-shadow: inset 0 0 0 1px var(--borders);
	transform: translate3d(0, 0, 0);
	transition-property: transform, opacity, box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	backface-visibility: hidden;
	will-change: transform;
}
.side-toggle svg {
	fill: var(--grey)!important;
}
 @media (pointer:fine) {
 .side-toggle:hover {
box-shadow: inset 0 0 0 1.4em var(--borders);
}
.side-toggle:hover svg {
fill: var(--white)!important;
}
}
.open-filters .toggle-filters, .open-results-filters .toggle-filters-search {
	transform: translate3d(0, calc(-100% - 24px), 0);
}
.open-filters .toggle-filters svg:nth-child(1), .open-results-filters .toggle-filters-search svg:nth-child(1) {
	opacity: 0;
}
.open-filters .toggle-filters svg:nth-child(2), .open-results-filters .toggle-filters-search svg:nth-child(2) {
	opacity: 1;
}
.open-filters .toggle-filters .num, .open-results-filters .toggle-filters-search .num {
	opacity: 0;
}
.side-toggle svg {
	width: 1em;
	height: 1em;
	margin: -0.5em;
}
.text-toggle-filters {
	display: block;
	pointer-events: none;
	z-index: 201;
	position: fixed;
	line-height: 1;
	font-size: 12px;
	color: var(--grey);
	top: 300px;
	left: 100%;
	transform-origin: 0 50%;
	margin: 0 0 0 -39px;
	transform: rotate(90deg);
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.open-filters .toggle-filters + .text-toggle-filters, .open-results-filters .toggle-filters-search + .text-toggle-filters {
	opacity: 0;
}
html:not(.open-results) .toggle-filters-search + .text-toggle-filters, html.open-results .toggle-filters-main + .text-toggle-filters {
	opacity: 0;
}
.show-top-video .toggle-filters-main, .show-top-video .toggle-filters-main + .text-toggle-filters, .show-top-video .filters-main {
	opacity: 0;
	pointer-events: none;
}
.link-up {
	display: flex;
	align-items: center;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
	height: 2.75em;
	line-height: 2.75em;
	white-space: nowrap;
	color: var(--dark);
	transition-property: color, opacity;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	position: fixed;
	z-index: 190;
	bottom: -2.75em;
	right: 0;
	transform-origin: 100% 0;
	transform: rotate(90deg);
	margin: 42px 24px;
	opacity: 0;
	pointer-events: none;
}
.scrolled .link-up {
	pointer-events: all;
	opacity: 1;
}
.link-up svg {
	width: 0.785em;
	height: 2.214em;
	flex: 0 0 auto;
	fill: var(--dark);
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transform: rotate(-90deg);
	margin: 0 2em 0 -1em;
	position: relative;
	top: 0.1em;
}
 @media (pointer:fine) {
 .link-up:hover {
 color: var(--red);
}
.link-up:hover svg {
 fill: var(--red);
}
}
.menu {
	position: fixed;
	transform: none!important;
	background: none;
	pointer-events: all;
	opacity: 1;
	left: 24px;
	padding: 0;
	height: auto;
	min-height: calc(100% - 350px);
	max-height: calc(100% - 250px);
	width: 172px;
	bottom: 100px;
	font-size: 10px;
}
.tags-ind {
	/*font-size: 12px;*/
	font-size: 10px;
}
.menu .container {
	padding: 0!important;
	position: static!important;
}
.search {
	transform: translateZ(0)!important;
	pointer-events: all;
	opacity: 1;
	width: 2.75em;
	height: 2.75em;
	border-radius: 1.375em;
	top: auto;
	left: 0;
	bottom: 0;
	background: none;
	font-size: 12px;
	z-index: 210;
	overflow: hidden!important;
	padding: 0!important;
	margin: 42px 24px;
	box-shadow: inset 0 0 0 1px var(--borders);
	transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.open-search .search {
	width: 172px;
}
.search .container {
	padding: 0!important;
	position: static!important;
}
.search .toggle {
	display: block;
	cursor: pointer;
	width: 2.75em;
	height: 2.75em;
	border-radius: 1.375em;
	position: relative;
	transition-property: opacity, box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.open-search .search .toggle {
	pointer-events: none;
	opacity: 0;
}
.search .toggle svg {
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em;
	fill: var(--grey);
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.search-close {
	display: block;
	cursor: pointer;
	width: 2.75em;
	height: 2.75em;
	border-radius: 1.375em;
	position: absolute;
	top: 0;
	right: 0;
	transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.search-close svg {
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em;
	fill: var(--grey);
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
 @media (pointer:fine) {
 .search .toggle:hover, .search-close:hover {
 box-shadow: inset 0 0 0 1.4em var(--borders);
}
.search .toggle:hover svg, .search-close:hover svg {
 fill: var(--white);
}
}
.search .input {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.open-search .search .input {
	opacity: 1;
	pointer-events: all;
}
.search .input > svg {
	display: none;
}
.search .input input {
	font-size: 1em;
	height: 2.75em;
	border-radius: 1.375em;
	border-width: 0;
	padding: 0 2.75em 0 1em;
}
.search-results {
	transform: none!important;
	background: rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	top: 0;
	height: 100%;
}
.search-results, .filters-search {
	padding-top: 113px!important;
}
.filters {
	position: fixed;
	top: auto;
	bottom: 0;
	right: 0;
	left: auto;
	width: 196px;
	height: calc(100% - 250px);
	opacity: 1;
	pointer-events: all;
	font-size: 10px;
	padding: 0 24px;
	transform: translate3d(100%, 0, 0);
	box-shadow: -10px 0 0 var(--white);
}
.filters-search {
	height: 100%!important;
	background: none;
	transform: translate3d(0, 0, 0);
	opacity: 0;
	pointer-events: none;
}
.open-results .filters-search {
	opacity: 1;
	pointer-events: all;
}
.filters .container {
	padding: 0!important;
	position: static!important;
}
.filters-content {
	padding-bottom: 20px;
}
.filters-foot {
	display: none;
}
.content {
	padding-top: 140px;
}
.grid-catalog {
	gap: 24px 16px;
	grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
}
.grid-clients {
	gap: 16px;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}
.item-mini {
	font-size: 12px;
}
.side-padding, .top-title {
	padding-right: 48px;
}
.side-padding {
	transition: padding 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.open-filters .content .side-padding, .search-results .side-padding {
	padding-right: 172px;
}
.top-title {
	padding-bottom: 20px;
	display: flex;
	margin-left: -16px;
	min-height: 110px;
}
.top-title > * {
	flex: 1;
	padding: 0 0 0 16px;
	margin: 0;
}
.top-title .text {
	padding-top: 1em;
	min-width: 25em;
}
.bottom-form .bg {
	margin-left: 0;
	margin-right: 0;
	padding-left: 26px;
	padding-right: 26px;
	padding-top: 26px;
}
.bottom-form-title br {
	display: none;
}
.bottom-form-title {
	font-weight: normal;
	font-size: inherit;
	margin-bottom: 21px;
}
.bottom-form .grid {
	display: flex;
	align-items: flex-end;
	margin-left: -20px;
}
.bottom-form .inputs, .bottom-form .grid .submit, .bottom-form .text {
	flex: 0 0 auto;
	padding: 0 0 0 20px;
	margin: 0;
	width: 50%;
}
.bottom-form .inputs {
	padding-left: 10px;
	gap: 0;
}
.bottom-form .inputs .el {
	padding-left: 10px;
}
.open-filters .bottom-form .inputs .el {
	width: 100%;
}
.bottom-form .grid ~ .submit .btn {
	width: calc(50% - 10px);
}
.bottom-form .text, .bottom-form .text .bottom-form-title {
	text-align: left;
	margin-left: 0;
}
.bottom-form .text .bottom-form-title {
	max-width: 12em;
}
.item-image-row {
	flex-direction: row;
	margin-left: -16px;
}
.item-image-row > * {
	flex: 0 0 auto;
	padding-left: 16px;
	width: 33.333333%;
}
.item-image-row > .image {
	width: 66.666666%;
}
.item-image-row > *:only-child {
	width: 100%;
}
.modal-animation .mfp-close {
	left: auto!important;
	right: 0!important;
	top: 0!important;
	margin: 35px 24px;
}
.item-main {
	max-width: 1280px;
}
.item-aside {
	margin: 35px 0 0 0;
	display: block;
}
.item-main .top-title {
	padding-right: 0!important;
}
.item-main .top-title .text {
	min-width: 0;
	padding-top: 0.3em;
}
.catalog-slider .swiper-slide {
	padding-top: 110px;
}
.catalog-slider .top-title {
	display: block;
	margin-left: 0;
	min-height: 0;
}
.catalog-slider .top-title > * {
	padding-left: 0;
}
.catalog-slider .top-title h1, .catalog-slider .top-title .h1 {
	min-height: 75px;
	margin-top: -75px;
	margin-bottom: 0;
	padding-bottom: 16px;
}
.catalog-slider .top-title .text {
	padding-top: 0;
	margin-top: -0.3em;
	max-width: 25em;
	min-width: 0;
}
.catalog-slider .grid-catalog {
	grid-template-columns: repeat(3, 1fr);
}
.catalog-slider .grid-catalog .el:nth-child(6), .catalog-slider .grid-catalog .el:nth-child(7) {
	display: none;
}
.top-video-grid {
	flex-direction: column;
	gap: 0;
}
.top-video-grid .top-title {
	width: auto;
	flex-direction: row;
	align-self: stretch;
	gap: 0;
}
.top-video-grid .top-title.index-video-title {
	align-items: flex-end;
}
.video-area .play {
	border-width: 10px 0 10px 16px;
	margin: -10px -7px;
}
.video-area .play-circle {
	width: 64px;
	height: 64px;
	margin: -32px;
}
.top-scroll-block .content {
	padding-bottom: 24px;
}
.link-more .btn {
	min-width: 50%;
}
.modal {
	padding-left: 0;
}
.content-slider {
	margin-left: 0!important;
	margin-right: 0!important;
}
.content-slider .swiper-slide, .content-slider .swiper-arrows {
	padding-left: 0;
	padding-right: 0;
}

/*added 18.08.22 start*/
.benefits {
	padding: 48px 0;
}
.benefits:not(:first-child) {
	margin-top: 48px;
}
.benefits:not(:last-child) {
	margin-bottom: 48px;
}
.benefits ul {
	margin-top: 48px;
	gap: 24px 16px;
	grid-template-columns: repeat(2, 1fr);
}
.benefits-row3 ul {
	grid-template-columns: repeat(3, 1fr);
}
.benefits li {
	max-width: 145px;
}
.benefits li img {
	margin-bottom: 20px;
}
/*added 18.08.22 end*/
}