@charset "utf-8";

@media only screen and (min-width: 1280px) {
body {
	font-size: 18px;
}
input, select, textarea, button {
	font-size: 14px;
}
input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, select {
	padding-top: 9px;
	padding-bottom: 9px;
}
.btn {
	font-size: 14px;
	padding-top: 9px;
	padding-bottom: 9px;
}
h1, .h1 {
	font-size: 33px;
	line-height: 1;
	margin-bottom: 32px;
}
h2, .h2 {
	font-size: 24px;
}
h3, .h3, h4, h5, h6 {
	font-size: 20px;
}
.mainwrap, .header, .search-results, .item-page, .top-scroll-block {
	padding-left: 298px;
}
.main-logo {
	width: 150px;
	margin: 37px 35px;
}
.swiper-arrows {
	font-size: 16px;
}
.side-toggle {
	font-size: 16px;
	top: 340px;
	margin: 0 54px;
}
.open-filters .toggle-filters, .open-results-filters .toggle-filters-search {
	transform: translate3d(0, calc(-100% - 20px), 0);
}
.text-toggle-filters {
	top: 396px;
	margin: 0 0 0 -74px;
	font-size: 14px;
}
.link-up {
	font-size: 14px;
	margin: 42px 54px;
}
.menu {
	left: 35px;
	min-height: calc(100% - 440px);
	max-height: calc(100% - 280px);
	width: 240px;
	font-size: 14px;
}
.tags-ind {
	/*font-size: 16.8px;*/
	font-size: 14px;
}
.search {
	font-size: 16px;
	margin: 42px 35px;
}
.open-search .search {
	width: 240px;
}
.search-results, .filters-search {
	padding-top: 143px;
}
.filters {
	font-size: 14px;
	width: 314px;
	height: calc(100% - 340px);
	padding: 0 54px 0 0;
}
.content {
	padding-top: 144px;
}
.side-padding, .top-title {
	padding-right: 84px;
}
.open-filters .content .side-padding, .search-results .side-padding {
	padding-right: 340px;
}
.top-title {
	padding-bottom: 34px;
	min-height: 196px;
	margin-left: -20px;
}
.top-title > * {
	padding-left: 20px;
}
.grid-catalog {
	gap: 20px 20px;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.grid-clients {
	gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.item-mini {
	font-size: 14px;
}
.bottom-form .bg {
	padding-top: 54px;
	padding-left: 46px;
	padding-right: 46px;
}
.bottom-form-title {
	margin-bottom: 22px;
}
.bottom-form .grid {
	margin-left: -60px;
}
.bottom-form .grid .submit, .bottom-form .text {
	padding-left: 60px;
}
.bottom-form .inputs {
	padding-left: 30px;
	gap: 4px 0;
}
.bottom-form .inputs .el {
	padding-left: 30px;
}
.modal-animation .mfp-close {
	font-size: 16px;
	margin-top: 70px;
}
.item-grid {
	display: flex;
	align-items: flex-start;
}
.item-main {
	width: calc(100% - 273px);
}
.item-aside {
	width: 273px;
	padding-left: 40px;
	margin-top: 0;
	top: 144px;
	position: sticky;
}
.item-head-image {
	margin-bottom: 22px;
}
.item-image-row {
	margin-top: 20px;
	margin-left: -20px;
}
.item-image-row > * {
	padding-left: 20px;
}
.catalog-slider .swiper-slide {
	padding-top: 196px;
}
.catalog-slider .top-title h1, .catalog-slider .top-title .h1 {
	min-height: 160px;
	margin-top: -160px;
}
.catalog-slider .grid-catalog {
	grid-template-columns: repeat(4, 1fr);
}
.catalog-slider .grid-catalog .el:nth-child(6), .catalog-slider .grid-catalog .el:nth-child(7) {
	display: flex;
}
.client-logo-wrap .close {
	font-size: 16px;
}
.video-area .play {
	border-width: 18px 0 18px 32px;
	margin: -18px -13px;
}
.video-area .play-circle {
	width: 156px;
	height: 156px;
	margin: -78px;
}
.link-more .btn {
	min-width: calc((100% + 20px) / 2 - 20px);
}
/*added 18.08.22 start*/
	
.benefits ul {
	gap: 20px 20px;
	grid-template-columns: repeat(4, 1fr);
}
.benefits-row3 ul {
	grid-template-columns: repeat(3, 1fr);
}
.benefits li {
	max-width: 200px;
}
/*added 18.08.22 end*/
}