@charset "utf-8";

@media only screen and (orientation: landscape) and (max-width: 820px) {
h1, .h1 {
	margin-bottom: 24px;
}
.btn {
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.side-toggle {
	top: 52px;
}
.toggle-search {
	margin-top: 52px;
}
.toggle-filters {
	margin-top: 104px;
}
.search {
	padding-top: 14px;
}
.search-results {
	top: 52px;
	height: calc(100% - 52px);
}
.header .grid {
	gap: 4px 38px;
	margin-left: 0;
}
.header .grid > *:not(.btn) {
	gap: 4px 28px;
	flex-direction: row;
	align-items: center;
	top: 0;
}
.header .grid .btn span {
	display: inline;
}
.container {
	padding-left: 38px;
	padding-right: 38px;
}
.top-title {
	padding-bottom: 32px;
	display: flex;
	margin-left: -16px;
}
.top-title > * {
	flex: 1;
	padding: 0 0 0 16px;
	margin: 0;
}
.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: 14px;
}
.bottom-form .bg {
	margin-left: -38px;
	margin-right: -38px;
	padding-left: 38px;
	padding-right: 38px;
	padding-top: 66px;
}
.bottom-form-title {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 44px;
}
.bottom-form-title br {
	display: none;
}
.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;
}
.bottom-form .inputs .el {
	padding-left: 10px;
}
.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: -12px;
}
.item-image-row > * {
	flex: 0 0 auto;
	padding-left: 12px;
	width: 33.333333%;
}
.item-image-row > .image {
	width: 66.666666%;
}
.item-image-row > *:only-child {
	width: 100%;
}
.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 {
	margin-bottom: 24px;
}
.catalog-slider .top-title .text {
	padding-top: 0;
	max-width: 25em;
	min-width: 0;
}
.catalog-slider .grid-catalog {
	grid-template-columns: repeat(3, 1fr);
}
.top-video-grid {
	flex-direction: row;
	align-items: stretch;
	gap: 0 40px;
}
.top-video-grid .top-title {
	flex: 0 0 auto;
	align-self: flex-start;
	gap: 24px;
	width: 215px;
	flex-direction: column;
}
.video-area .play {
	border-width: 10px 0 10px 16px;
	margin: -10px -7px;
}
.video-area .play-circle {
	width: 54px;
	height: 54px;
	margin: -27px;
}
.top-scroll-block .content {
	padding-bottom: 38px;
}
.link-more .btn {
	min-width: 50%;
}
.content-slider {
	margin-left: -38px!important;
	margin-right: -38px!important;
}
.content-slider .swiper-slide, .content-slider .swiper-arrows {
	padding-left: 38px;
	padding-right: 38px;
}

/*added 18.08.22 start*/
.benefits {
	padding: 32px 0;
}
.benefits ul {
	margin-top: 32px;
	gap: 24px 16px;
	grid-template-columns: repeat(4, 1fr);
}
.benefits-row3 ul {
	grid-template-columns: repeat(3, 1fr);
}
.benefits li {
	max-width: 145px;
}
/*added 18.08.22 end*/
}