*,
::after,
::before,
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body,
html {
	position: relative;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	background: #f7f7f7;
	scrollbar-width: thin
}

a,
button {
	cursor: pointer;
	outline: 0
}

.title {
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	text-transform: uppercase;
	color: #212121
}

.subtitle {
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	text-transform: uppercase;
	color: #212121
}

.subtitle.mod {
	font-size: 18px;
	line-height: 24px
}

.web-select {
	background: url(../img/svg/angle-down-select.svg) center/24px 24px no-repeat #fff;
	border-radius: 5px;
	border: 1px solid #eee;
	display: block;
	width: 100%;
	font-family: Roboto, sans-serif;
	padding: 11px 40px 11px 20px;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-position: calc(100% - 14px);
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #818491;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.web-form-input {
	padding: 0 14px 9px;
	border: none;
	border-bottom: 1px solid #ddd;
	display: block;
	width: 100%;
	outline: 0;
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.web-form-input::-webkit-input-placeholder {
	color: #818491
}

.web-form-input::-moz-placeholder {
	color: #818491
}

.web-form-input:-ms-input-placeholder {
	color: #818491
}

.web-form-input::-ms-input-placeholder {
	color: #818491
}

.web-form-input::placeholder {
	color: #818491
}

.modal-title-inpust {
	display: grid;
	gap: 30px
}

.modal-title-inpust textarea {
	border: none;
	resize: none;
	padding: 0 14px;
	border-bottom: 1px solid #ddd;
	min-height: 79px;
	outline: 0;
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.modal-title-inpust textarea::-webkit-input-placeholder {
	color: #818491
}

.modal-title-inpust textarea::-moz-placeholder {
	color: #818491
}

.modal-title-inpust textarea:-ms-input-placeholder {
	color: #818491
}

.modal-title-inpust textarea::-ms-input-placeholder {
	color: #818491
}

.modal-title-inpust textarea::placeholder {
	color: #818491
}

.file-upload-wrapper {
	position: relative;
	padding: 6px 8px;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #333;
	font-size: 13px;
	border-radius: 0;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	width: 100%;
	height: 34px
}

.file-upload-wrapper .icon {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	right: 0
}

.file-upload-wrapper .filename {
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: 100%;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #818490;
	font-family: Roboto, sans-serif;
	position: absolute;
	padding-right: 40px;
	height: 24px;
	top: 0;
	left: 14px
}

.filename.selected {
	color: #000
}

.file-upload-wrapper label {
	cursor: pointer;
	margin-bottom: 0
}

.file-upload-wrapper .file-upload {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	height: 100%;
	width: 100%
}

.wrapper-page {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh
}

.wrapper-page li,
.wrapper-page ol,
.wrapper-page ul {
	margin: 0
}

.wrapper-page button,
.wrapper-page input,
.wrapper-page textarea {
	outline: 0
}

.wrapper-page textarea::-webkit-input-placeholder {
	opacity: 1
}

.wrapper-page textarea::-moz-placeholder {
	opacity: 1
}

.wrapper-page textarea:-ms-input-placeholder {
	opacity: 1
}

.wrapper-page textarea::-ms-input-placeholder {
	opacity: 1
}

.wrapper-page textarea::placeholder {
	opacity: 1
}

.wrapper-page a {
	text-decoration: none
}

li,
ul {
	display: inline-block;
	text-decoration: none;
	padding: 0
}

.content {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-top: 152px
}

.footer {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.page-inner {
	padding-bottom: 100px
}

.page-inner.mod {
	padding-bottom: 95px
}

input[type=number] {
	-moz-appearance: textfield
}

input[type=number]:focus,
input[type=number]:hover {
	-moz-appearance: number-input
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.btn {
	background: #0e0e9c;
	border: none;
	padding: 12px 30px;
	margin: 0;
	border-radius: 5px;
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	display: inline-block
}

.btn:hover {
	background: -o-linear-gradient(bottom, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), #0e0e9c;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, .2))), #0e0e9c;
	background: linear-gradient(0deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), #0e0e9c
}

.btn.mod-wh {
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
	color: #fff;
	background: 0 0;
	border: 1px solid #fff;
	border-radius: 5px
}

.btn.mod-wh:hover {
	background: #fff;
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333
}

.web-check label {
	display: grid;
	grid-template-columns: 20px 1fr;
	font-family: Roboto, sans-serif;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	cursor: pointer;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	position: relative;
	gap: 15px
}

.web-check label.disabled {
	opacity: 0.45;
}

.web-check .check-box {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	top: 0;
	overflow: hidden;
	clip: rect(0 0 0 0)
}

.web-check .check-style {
	border: 1px solid #e0e0e0;
	width: 20px;
	height: 20px;
	border-radius: 2px
}

.web-check .check-box:checked + .check-style {
	background-image: url(../img/svg/check.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.modal .web-check label {
	color: #999;
	font-size: 14px;
	line-height: 20px
}

.modal .web-check .check-style {
	position: relative;
	top: 6px
}

.modal .web-check .check-box {
	top: 8px
}

.arrow-right {
	border: solid #333;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-radius: 1px
}

.arrow-left {
	border: solid #333;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	border-radius: 1px
}

.up {
	background: #fff;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	border-radius: 5px;
	padding: 12px;
	width: 48px;
	height: 48px;
	cursor: pointer;
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 3
}

.up:hover svg path {
	fill: #0e0e9c
}

@media (max-width: 991px) {
	.content {
		margin-top: 64px
	}

	.page-inner {
		padding-bottom: 70px
	}

	.page-inner.mod {
		padding-bottom: 65px
	}
}

@media (max-width: 767px) {
	.page-inner {
		padding-bottom: 60px
	}

	.page-inner.mod {
		padding-bottom: 55px
	}

	.content {
		margin-top: 48px
	}

	.swiper-pagination-bullet {
		width: 20px
	}

	.swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 40px
	}

	.title {
		font-size: 24px;
		line-height: 32px
	}
}

@media (max-width: 575px) {
	.btn {
		display: block;
		width: 100%;
		max-width: 100%;
		text-align: center
	}
}

.shadow {
	-webkit-box-shadow: 7px 0 15px rgba(0, 0, 0, .1);
	box-shadow: 7px 0 15px rgba(0, 0, 0, .1);
	z-index: 20
}

.header-top-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header-mobile-navigation .header-logo,
.header-mobile-navigation .header-top-tel-btn {
	display: none
}

.header-logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 9px
}

.header-logo picture {
	width: 86px;
	height: 64px
}

.header-logo img {
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%;
	height: 100%;
	display: block
}

.header-bottom-wrapper {
	display: none
}

.header-top-ico svg path {
	fill: #999
}

.header.sticky .header-bottom-phone-link-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header.sticky .header-logo,
.header.sticky .header-top-tel-btn {
	display: block
}

.header.sticky .header-bottom-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 37px
}

.header-bottom .header-logo {
	display: none
}

.header.sticky .menu-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 48px
}

.header-bottom-inner {
	width: 100%;
	max-width: 1140px;
	padding: 0 15px;
	margin: 0 auto
}

.header {
	background: #fff;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%
}

.header.shadow {
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.header.sticky {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff
}

.header.sticky .header-wrapper {
	padding: 8px 0;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.header.sticky .header-bottom {
	padding: 0
}

.header.sticky .header-logo-title,
.header.sticky .header-top {
	display: none
}

.header.sticky .header-bottom-phone {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header-bottom-phone-link-box {
	display: none
}

.header-logo-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	color: #333;
	max-width: 173px
}

.header-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #0e0e9c
}

.header-top {
	padding: 20px 0
}

.menu-btn {
	display: none
}

ul.menu {
	width: 100%
}

.mobile-navigation-sub-position {
	display: none
}

.header-nav-box {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%
}

li.header-bottom-phone {
	display: none
}

.menu-link {
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
	color: #fff;
	display: block
}

.header-top-locat a span:hover {
	color: #224d93;
	border-bottom: 1px dashed #224d93
}

ul.header-bottom-locat-wrapper a {
	max-width: 960px;
	margin: 0 auto;
	padding: 4px 15px
}

.header-top-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.header-input-search {
	position: relative;
	max-width: 300px;
	width: 100%
}

.header-input-search input {
	border: none;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 8px 15px 8px 20px
}

.header-input-search button {
	background: 0 0;
	border: none;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 15px;
	bottom: 5px
}

.header-input-search button svg {
	width: 20px;
	height: 20px
}

.header-input-search button:focus svg path,
.header-input-search button:hover svg path {
	fill: #0e0e9c
}

.header-top-tel-number {
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	color: #333;
	display: block;
	padding-left: 39px;
	position: relative
}

.header-top-tel-number:first-child::before {
	position: absolute;
	content: "";
	background-image: url(../img/svg/phone-ip.svg);
	width: 24px;
	height: 24px;
	top: 0;
	left: 0
}

.header-top-tel-number + .header-top-tel-number {
	margin-top: 2px
}

.header-top-tel-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end
}

.header-top-tel-btn:focus,
.header-top-tel-btn:hover {
	background: #0e0e9c;
	border-radius: 5px;
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
	color: #fff
}

.header-top-tel-btn-mob,
.header-top-tel-btn-search {
	display: none
}

.header-top-tel-btn {
	text-transform: uppercase;
	cursor: pointer;
	background: #fff;
	padding: 12px 30px;
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333;
	border: 1px solid #0e0e9c;
	border-radius: 5px
}

.header.sticky .header-mobile-navigation {
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 1140px;
	padding: 0 15px;
	margin: 0 auto
}

.header.sticky .header-inner-mobile {
	max-width: none;
	padding: 0;
	margin: 0
}

.header.sticky .header-logo {
	width: 64px;
	height: 48px
}

.header.sticky .mobile-navigation-menu li + li a {
	margin-left: 24px
}

.header.sticky .mobile-navigation-menu a {
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
	color: #333
}

.mobile-navigation-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 48px
}

.mobile-navigation-menu li {
	min-height: 48px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.mobile-navigation-menu a {
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
	color: #fff;
	min-height: 48px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header-mobile-navigation {
	background: #0e0e9c
}

.header-mobile-navigation .header-mobile-tel {
	display: none
}

.header-inner-mobile {
	max-width: 1140px;
	padding: 0 15px;
	margin: 0 auto
}

.mobile-navigation-menu a span {
	position: relative
}

.mobile-navigation-menu a span::after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	display: none
}

.mobile-navigation-menu a:focus span::after,
.mobile-navigation-menu a:hover span::after {
	display: block
}

.header.sticky .mobile-navigation-menu a span:focus::after,
.header.sticky .mobile-navigation-menu a span:hover::after {
	display: none
}

@media (max-width: 1199px) {
	.header.sticky .header-input-search button {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.header.sticky .mobile-navigation-menu a:focus span::after,
	.header.sticky .mobile-navigation-menu a:hover span::after {
		display: none
	}

	.header-input-search {
		max-width: 217px
	}

	.header.sticky .header-logo {
		width: auto;
		height: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.header.sticky .header-logo-title,
	.header.sticky .header-top {
		display: block
	}

	.header.sticky .header-input-search input {
		border: none;
		max-width: 960px;
		position: relative;
		left: 50%;
		right: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		min-height: 48px
	}

	.header.sticky .header-input-search-box {
		position: relative;
		max-width: 960px;
		margin: 0 auto;
		padding: 0 15px
	}

	.header.sticky .mobile-navigation-menu a :focus span::after,
	.header.sticky .mobile-navigation-menu a:hover span::after {
		display: none
	}

	.header.sticky .header-input-search {
		background: #fff;
		width: 100vw;
		max-width: none
	}

	.header.sticky .header-top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.header.sticky .mobile-navigation-menu li + li a {
		margin-left: 0
	}

	.header.sticky .header-mobile-navigation {
		max-width: none
	}

	.header-inner-mobile {
		max-width: 960px
	}

	body.noscroll {
		overflow: hidden
	}

	.header-wrapper.open-menu {
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
		box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
	}

	.header.sticky .header-bottom-inner {
		display: block
	}

	.header.sticky .header-bottom-inner .header-logo,
	.header.sticky .header-bottom-phone-link-box {
		display: none
	}

	.submenu .topmenu:hover > .header-sub-submenu-city {
		max-height: 634px
	}

	.header-bottom-city,
	.header-logo-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.header-bottom-city svg {
		position: relative;
		top: -1px
	}

	.header.sticky .header-wrapper {
		padding: 6px 0
	}

	.header.sticky .header-wrapper .menu-btn span {
		display: block;
		width: 32px;
		margin-bottom: 5px;
		background: #848488;
		height: 2px;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		position: relative;
		top: 11px
	}

	.header.sticky .header-wrapper .menu-btn.active .menu-btn-medium {
		opacity: 1
	}

	.header.sticky .header-wrapper .header-bottom {
		overflow-y: auto;
		display: none;
		position: fixed;
		top: 64px;
		left: 0;
		right: 0;
		width: 100%;
		z-index: -1;
		height: 100%;
		background: #f8f8f8;
		padding-top: 18px
	}

	.header.sticky .header-wrapper .menu-link {
		display: block;
		margin-bottom: 30px
	}

	.header.sticky .header-wrapper .noscroll {
		overflow: hidden
	}

	.header.sticky .header-wrapper .header-bottom-phone-link {
		display: none
	}

	.header.sticky .header-wrapper .header-bottom-wrapper {
		display: block;
		position: fixed;
		bottom: 0;
		max-width: 100%;
		width: 100%;
		background: #f8f8f8
	}

	.header.sticky .header-wrapper .header.sticky .header-top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.header.sticky .header-wrapper .header-bottom-city svg {
		margin-right: 6px
	}

	.header.sticky .header-wrapper .header-top {
		border-bottom: none;
		padding: 2px 0
	}

	.header-top-locat-country span {
		margin-right: 15px
	}

	.header.sticky .header-top-tel-number + .header-top-tel-number {
		margin-top: 0
	}

	.header.sticky .menu-btn.active .menu-btn-bottom {
		width: 16px
	}

	.header.sticky .mobile-navigation-sub-menu-heading-title {
		font-weight: 700;
		font-size: 18px;
		line-height: 24px;
		text-transform: uppercase;
		color: #333
	}

	.header.sticky body.no-scroll-mobile {
		overflow: hidden
	}

	.header.sticky .header-mobile-navigation .header-mobile-tel {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width: 100%;
		position: absolute;
		bottom: 13px;
		background: #f7f7fb;
		mix-blend-mode: luminosity;
		padding: 13px 0
	}

	.header.sticky .header-top-tel-number:first-child::before {
		display: none
	}

	.header.sticky .header-top-tel-number {
		padding-left: 0
	}

	.header.sticky .header-mobile-tel-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		max-width: 960px;
		padding: 0 15px;
		margin: 0 auto
	}

	.mobile-navigation-sub-menu-heading {
		cursor: pointer
	}

	.header.sticky .mobile-navigation-sub-menu-heading span {
		display: block;
		max-width: 960px;
		margin: 0 auto;
		padding: 0 15px
	}

	.header.sticky .header-mobile-navigation.active {
		display: block;
		left: 0
	}

	.header.sticky .header-inner-mobile {
		max-width: none;
		padding: 0
	}

	.header.sticky .header-mobile-navigation {
		padding-top: 10px;
		position: fixed;
		z-index: -11;
		left: -100%;
		top: 64px;
		width: 100%;
		height: calc(100% - 50px);
		background: #fff;
		-webkit-transition: .35s;
		-o-transition: .35s;
		transition: .35s
	}

	.header.sticky .header-mobile-navigation * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.header.sticky .header-mobile-navigation ul {
		list-style: none
	}

	.header.sticky .mobile-navigation-menu {
		height: calc(100vh - 116px);
		overflow-y: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start
	}

	.header.sticky .mobile-navigation-menu li {
		width: 100%
	}

	.header.sticky .mobile-navigation-menu li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-decoration: none;
		padding: 12px 0;
		width: 100%;
		font-weight: 300;
		font-size: 15px;
		line-height: 24px;
		text-transform: uppercase;
		color: #333
	}

	.header.sticky .mobile-navigation-menu li a span {
		max-width: 960px;
		margin: 0 auto;
		width: 100%;
		padding: 0 15px;
		position: relative
	}

	.header.sticky .mobile-navigation-menu li a:focus,
	.header.sticky .mobile-navigation-menu li a:hover {
		background: #163880;
		font-weight: 700;
		font-size: 15px;
		line-height: 24px;
		text-transform: uppercase;
		color: #fff
	}

	.header.sticky .mobile-navigation-sub-position {
		display: block;
		position: absolute;
		z-index: 10;
		top: 0;
		left: -100%;
		width: 100%;
		height: calc(100vh - 110px);
		background: #fff;
		-webkit-transition: .25s linear;
		-o-transition: .25s linear;
		transition: .25s linear;
		overflow: hidden
	}

	.header.sticky .mobile-navigation-sub-position.active {
		left: 0
	}

	.header.sticky .mobile-navigation-sub-position.current {
		opacity: 1;
		overflow-y: auto
	}

	.header.sticky .header-mobile-navigation ul > li.is-parent > a {
		position: relative
	}

	.header.sticky .header-mobile-navigation ul > li.is-parent > a span::after {
		content: "";
		position: absolute;
		top: 50%;
		left: auto;
		right: 18px;
		display: block;
		width: 8px;
		height: 8px;
		margin: -4px 0 0;
		border: 1px solid #4d4d4d;
		border-width: 1px 1px 0 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.header.sticky .header-mobile-navigation ul > li.is-parent > a:focus::after,
	.header.sticky .header-mobile-navigation ul > li.is-parent > a:hover::after {
		border-color: #fff
	}

	.header.sticky .mobile-navigation-sub-menu-heading {
		padding: 22px 0 15px
	}

	.header.sticky .mobile-navigation-menu a {
		min-height: auto
	}

	.header.sticky .mobile-navigation-menu li .mobile-navigation-sub-menu-heading > a {
		position: relative;
		display: block;
		padding: 9px 0 0;
		font-size: 14px;
		line-height: 20px;
		color: #4d4d4d;
		text-decoration: none;
		text-transform: uppercase
	}

	.header.sticky .mobile-navigation-menu li .mobile-navigation-sub-menu-heading > a:focus,
	.header.sticky .mobile-navigation-menu li .mobile-navigation-sub-menu-heading > a:hover {
		color: #fff
	}

	.header.sticky .mobile-navigation-sub-menu {
		width: 100%
	}

	.header.sticky .mobile-navigation-sub-menu-heading a:focus::before,
	.header.sticky .mobile-navigation-sub-menu-heading a:hover::before {
		border-color: #fff
	}

	.header.sticky .header-mobile-navigation-top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		list-style: none;
		background: #163880;
		padding: 0 15px
	}

	.header.sticky .header-mobile-navigation-top li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 50px;
		height: 48px
	}

	.header.sticky .header-mobile-navigation-top li a::before {
		display: none
	}

	.header.sticky .header-bottom-inner {
		max-width: 100%;
		padding: 0
	}

	.header.sticky .header-logo picture {
		display: block;
		width: 65px;
		height: 48px
	}

	.header.sticky .header-top-tel-btn-mob,
	.header.sticky .header-top-tel-btn-search {
		background: 0 0;
		border: 1px solid #eee;
		padding: 0;
		margin: 0;
		width: 48px;
		height: 48px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		border-radius: 50%
	}

	.header.sticky .header-top-tel-btn-mob svg path,
	.header.sticky .header-top-tel-btn-search svg path {
		fill: #818491
	}

	.header.sticky .header-input-search,
	.header.sticky .header-top-tel-btn,
	.header.sticky .header-top-tel-numbers {
		display: none
	}

	.header.sticky .header-top-tel-btns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 8px
	}

	.header.sticky .header-top-box {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.header.sticky .menu-btn {
		opacity: 1;
		display: block;
		width: 40px;
		cursor: pointer;
		height: 40px;
		margin-right: 22px;
		opacity: 1
	}

	.header.sticky .menu-btn.active body {
		overflow: hidden
	}

	.header.sticky .menu-btn span {
		display: block;
		width: 32px;
		margin-bottom: 5px;
		background: #818490;
		height: 2px;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		position: relative;
		top: 11px
	}

	.header.sticky .header-bottom {
		overflow-y: auto;
		display: none;
		position: fixed;
		top: 64px;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: #f8f8f8;
		padding-top: 18px;
		z-index: -1
	}

	.header.sticky .menu-link {
		min-height: auto;
		display: block;
		margin-bottom: 30px;
		font-weight: 300;
		font-size: 15px;
		line-height: 24px;
		text-transform: uppercase;
		color: #333
	}

	.header.sticky .header-top {
		border-bottom: none;
		padding: 8px 0
	}

	.header.sticky .noscroll {
		overflow: hidden
	}

	.header.sticky .header-bottom-phone-link {
		display: none
	}

	.header.sticky .header-bottom-wrapper {
		display: block;
		position: fixed;
		bottom: 0;
		max-width: 100%;
		width: 100%;
		background: #f8f8f8
	}

	.header.sticky .header-bottom-locat {
		max-width: 720px;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.header.sticky .header.sticky .header-top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.header.sticky .header-bottom-city svg {
		margin-right: 6px
	}

	.header.sticky .header-bottom-city span {
		font-size: 14px;
		line-height: 17px;
		color: #333;
		border-bottom: 1px dashed #333
	}

	.header.sticky .header-bottom-city span:hover {
		color: #224d93;
		border-bottom: 1px dashed #224d93
	}

	.header.sticky .mobile-navigation-menu li .mobile-navigation-sub-menu-heading a:focus,
	.header.sticky .mobile-navigation-menu li .mobile-navigation-sub-menu-heading a:hover {
		background: #fff;
		color: #818491;
		font-weight: 300
	}

	.header.sticky .header-mobile-navigation {
		padding-left: 0;
		padding-right: 0
	}

	.header.sticky .header-mobile-navigation .header-logo {
		display: none
	}

	.header.sticky .header-input-search {
		position: absolute;
		top: 100%;
		height: 48px;
		left: 0;
		-webkit-box-shadow: 7px 15px 15px rgba(0, 0, 0, .1);
		box-shadow: 7px 15px 15px rgba(0, 0, 0, .1)
	}

	.header.sticky .header-input-search input {
		height: 100%;
		width: 100%;
		padding-right: 45px;
		padding-left: 0
	}

	.header.sticky .header-input-search button {
		right: 15px;
		bottom: 0;
		width: 48px;
		height: 48px
	}

	.header.sticky .mobile-navigation-menu li.is-parent a:focus span::after,
	.header.sticky .mobile-navigation-menu li.is-parent a:hover span::after {
		border-color: #fff;
		background: #163880
	}

	.header.sticky .mobile-navigation-sub-menu-heading-title {
		position: relative
	}

	.header.sticky .mobile-navigation-sub-menu-heading-title:after {
		content: "";
		position: absolute;
		top: 50%;
		left: auto;
		right: 15px;
		display: block;
		width: 8px;
		height: 8px;
		margin: -4px 0 0;
		border: 1px solid #4d4d4d;
		border-width: 1px 1px 0 0;
		-webkit-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg)
	}

	.header.sticky .header-input-search::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 1px;
		background: #eee
	}
}

@media (max-width: 991px) {
	.header-input-search {
		top: 100%
	}

	.header .header-input-search {
		-webkit-box-shadow: 7px 15px 15px rgba(0, 0, 0, .1);
		box-shadow: 7px 15px 15px rgba(0, 0, 0, .1)
	}

	.header .header-wrapper {
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
		box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
	}

	.mobile-navigation-menu a:focus span::after,
	.mobile-navigation-menu a:hover span::after {
		display: none
	}

	.mobile-navigation-sub-menu-heading-title {
		position: relative;
		font-weight: 700;
		font-size: 18px;
		line-height: 24px;
		text-transform: uppercase;
		color: #333
	}

	.mobile-navigation-sub-menu-heading-title:after {
		content: "";
		position: absolute;
		top: 50%;
		left: auto;
		right: 15px;
		display: block;
		width: 8px;
		height: 8px;
		margin: -4px 0 0;
		border: 1px solid #4d4d4d;
		border-width: 1px 1px 0 0;
		-webkit-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg)
	}

	.header {
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff
	}

	.header .header-input-search-box,
	.header.sticky .header-input-search-box {
		position: relative;
		margin: 0 auto;
		padding: 0 15px;
		max-width: 720px
	}

	.header-input-search input {
		border: none;
		min-height: 48px;
		padding-left: 0;
		height: 100%;
		width: 100%;
		padding-right: 45px
	}

	.header-input-search {
		background: #fff;
		width: 100vw;
		max-width: none;
		position: absolute;
		height: 48px;
		left: 0
	}

	.header-input-search::after,
	.header.sticky .header-input-search::after {
		content: "";
		position: absolute;
		top: 1px;
		left: 0;
		width: 100vw;
		height: 1px;
		background: #eee
	}

	.mobile-navigation-menu li.is-parent a:focus span::after,
	.mobile-navigation-menu li.is-parent a:hover span::after {
		border-color: #fff;
		background: #163880
	}

	.mobile-navigation-menu a :focus span::after,
	.mobile-navigation-menu a:hover span::after {
		display: none
	}

	.mobile-navigation-menu li a span {
		position: relative;
		max-width: 720px;
		margin: 0 auto;
		width: 100%;
		padding: 0 15px
	}

	.header-input-search button {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		right: 15px;
		bottom: 0;
		width: 48px;
		height: 48px
	}

	.header .header-mobile-tel-inner,
	.header .mobile-navigation-menu li a span,
	.header .mobile-navigation-sub-menu-heading span,
	.header.sticky .header-mobile-tel-inner,
	.header.sticky .mobile-navigation-menu li a span,
	.header.sticky .mobile-navigation-sub-menu-heading span {
		max-width: 720px
	}

	.header-top-tel-number + .header-top-tel-number {
		margin-top: 0
	}

	.menu-btn.active .menu-btn-bottom {
		width: 16px
	}

	body.no-scroll-mobile {
		overflow: hidden
	}

	.header-mobile-navigation .header-mobile-tel {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width: 100%;
		position: absolute;
		bottom: 30px;
		background: #f7f7fb;
		mix-blend-mode: luminosity;
		padding: 13px 0
	}

	.header-top-tel-number:first-child::before {
		display: none
	}

	.header-top-tel-number {
		padding-left: 0
	}

	.header-mobile-tel-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		max-width: 720px;
		padding: 0 15px;
		margin: 0 auto
	}

	.mobile-navigation-sub-menu-heading span {
		display: block;
		max-width: 720px;
		margin: 0 auto;
		padding: 0 15px
	}

	.header-mobile-navigation.active {
		display: block;
		left: 0
	}

	.header-inner-mobile {
		max-width: none;
		padding: 0
	}

	.header-mobile-navigation {
		padding-top: 10px;
		position: fixed;
		z-index: -11;
		left: -100%;
		top: 64px;
		width: 100%;
		height: calc(100% - 50px);
		background: #fff;
		-webkit-transition: .35s;
		-o-transition: .35s;
		transition: .35s
	}

	.header-mobile-navigation * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.header-mobile-navigation ul {
		list-style: none
	}

	.mobile-navigation-menu {
		height: calc(100vh - 116px);
		overflow-y: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start
	}

	.mobile-navigation-menu li {
		width: 100%
	}

	.mobile-navigation-menu li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-decoration: none;
		padding: 12px 0;
		width: 100%;
		font-weight: 300;
		font-size: 15px;
		line-height: 24px;
		text-transform: uppercase;
		color: #333
	}

	.mobile-navigation-menu li a:focus,
	.mobile-navigation-menu li a:hover {
		background: #163880;
		font-weight: 700;
		font-size: 15px;
		line-height: 24px;
		text-transform: uppercase;
		color: #fff
	}

	.mobile-navigation-sub-position {
		display: block;
		position: absolute;
		z-index: 10;
		top: 0;
		left: -100%;
		width: 100%;
		background: #fff;
		-webkit-transition: .25s linear;
		-o-transition: .25s linear;
		transition: .25s linear;
		overflow: hidden
	}

	.mobile-navigation-sub-position.active {
		left: 0
	}

	.mobile-navigation-sub-position.current {
		opacity: 1;
		overflow-y: auto
	}

	.header-mobile-navigation ul > li.is-parent > a {
		position: relative
	}

	.header-mobile-navigation ul > li.is-parent > a span::after {
		content: "";
		position: absolute;
		top: 50%;
		left: auto;
		right: 18px;
		display: block;
		width: 8px;
		height: 8px;
		margin: -4px 0 0;
		border: 1px solid #4d4d4d;
		border-width: 1px 1px 0 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.header-mobile-navigation ul > li.is-parent > a:focus::after,
	.header-mobile-navigation ul > li.is-parent > a:hover::after {
		border-color: #fff
	}

	.mobile-navigation-sub-menu-heading {
		padding: 22px 0 15px
	}

	.mobile-navigation-menu a {
		min-height: auto
	}

	.mobile-navigation-menu li .mobile-navigation-sub-menu-heading > a {
		position: relative;
		display: block;
		padding: 9px 0 0;
		font-size: 14px;
		line-height: 20px;
		color: #818491;
		text-decoration: none;
		text-transform: uppercase
	}

	.mobile-navigation-menu li .mobile-navigation-sub-menu-heading > a:focus,
	.mobile-navigation-menu li .mobile-navigation-sub-menu-heading > a:hover {
		color: #fff
	}

	.mobile-navigation-sub-menu {
		width: 100%
	}

	.mobile-navigation-sub-menu-heading a:focus::before,
	.mobile-navigation-sub-menu-heading a:hover::before {
		border-color: #fff
	}

	.header-mobile-navigation-top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		list-style: none;
		background: #163880;
		padding: 0 15px
	}

	.header-mobile-navigation-top li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 50px;
		height: 48px
	}

	.header-mobile-navigation-top li a::before {
		display: none
	}

	.header-bottom-inner {
		max-width: 100%;
		padding: 0
	}

	.header-logo picture {
		width: 65px;
		height: 48px
	}

	.header-top-tel-btn-mob,
	.header-top-tel-btn-search {
		background: 0 0;
		border: 1px solid #eee;
		padding: 0;
		margin: 0;
		width: 48px;
		height: 48px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		border-radius: 50%
	}

	.header-top-tel-btn-mob svg path,
	.header-top-tel-btn-search svg path {
		fill: #818491
	}

	.header-input-search,
	.header-top-tel-btn,
	.header-top-tel-numbers {
		display: none
	}

	.header-top-tel-btns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 8px
	}

	.header-top-box {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.menu-btn {
		display: block;
		width: 40px;
		cursor: pointer;
		height: 40px;
		margin-right: 22px;
		opacity: 1
	}

	.menu-btn.active body {
		overflow: hidden
	}

	.menu-btn span {
		display: block;
		width: 32px;
		margin-bottom: 5px;
		background: #818490;
		height: 2px;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		position: relative;
		top: 11px
	}

	.header-bottom {
		overflow-y: auto;
		display: none;
		position: fixed;
		top: 64px;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: #f8f8f8;
		padding-top: 18px;
		z-index: -1
	}

	.menu-link {
		display: block;
		margin-bottom: 30px;
		font-weight: 300;
		font-size: 15px;
		line-height: 24px;
		text-transform: uppercase;
		color: #333
	}

	.header-top {
		border-bottom: none;
		padding: 8px 0
	}

	.noscroll {
		overflow: hidden
	}

	.header-bottom-phone-link {
		display: none
	}

	.header-bottom-wrapper {
		display: block;
		position: fixed;
		bottom: 0;
		max-width: 100%;
		width: 100%;
		background: #f8f8f8
	}

	.header-bottom-locat {
		max-width: 720px;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.header.sticky .header-top .header .header-top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.header-bottom-city svg {
		margin-right: 6px
	}

	.header-bottom-city span {
		font-size: 14px;
		line-height: 17px;
		color: #333;
		border-bottom: 1px dashed #333
	}

	.header-bottom-city span:hover {
		color: #224d93;
		border-bottom: 1px dashed #224d93
	}

	.mobile-navigation-menu li .mobile-navigation-sub-menu-heading a:focus,
	.mobile-navigation-menu li .mobile-navigation-sub-menu-heading a:hover {
		background: #fff;
		color: #818491;
		font-weight: 300
	}

	.mobile-navigation-sub-position {
		height: calc(100vh - 110px)
	}

	.header .header-mobile-navigation {
		height: calc(100vh - 34px);
		top: 64px
	}
}

@media (max-width: 767px) {
	.header .header-mobile-navigation {
		height: calc(100vh - 34px);
		top: 48px
	}

	.header {
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff
	}

	.header .header-input-search button,
	.header.sticky .header-input-search button {
		width: 40px;
		right: 15px
	}

	.header.sticky .header-mobile-navigation {
		height: calc(100vh - 34px);
		top: 48px
	}

	.header .header-logo picture,
	.header.sticky .header-logo picture {
		width: 54px;
		height: 40px
	}

	.header .header-top-tel-btn-mob,
	.header .header-top-tel-btn-search,
	.header.sticky .header-top-tel-btn-mob,
	.header.sticky .header-top-tel-btn-search {
		width: 40px;
		height: 40px
	}

	.header-input-search button {
		width: 40px;
		height: 48px;
		bottom: 0
	}

	.header .header-input-search-box,
	.header .header-mobile-tel-inner,
	.header .mobile-navigation-menu li a span,
	.header .mobile-navigation-sub-menu-heading span,
	.header.sticky .header-input-search-box,
	.header.sticky .header-mobile-tel-inner,
	.header.sticky .mobile-navigation-menu li a span,
	.header.sticky .mobile-navigation-sub-menu-heading span {
		max-width: 540px
	}

	.header-mobile-navigation {
		top: 48px
	}

	.header-mobile-navigation .header-mobile-tel {
		bottom: 13px
	}

	.mobile-navigation-menu,
	.mobile-navigation-sub-position {
		height: calc(100vh - 90px)
	}

	.header-top {
		padding: 4px 0
	}

	.header-top-tel-btn-mob,
	.header-top-tel-btn-search {
		width: 40px;
		height: 40px
	}

	.header-mobile-tel-inner,
	.mobile-navigation-menu li a span,
	.mobile-navigation-sub-menu-heading span {
		max-width: 540px
	}

	.header .header-wrapper .header-top,
	.header.sticky .header-wrapper .header-top {
		border-bottom: none;
		padding: 0
	}

	.header .header-inner,
	.header.sticky .header-inner {
		padding: 4px 0
	}

	.header-logo picture {
		width: 54px;
		height: 40px
	}

	.header .header-wrapper,
	.header.sticky .header-wrapper {
		padding: 0
	}

	.header-bottom-wrapper {
		bottom: 0
	}

	.header-bottom {
		top: 48px
	}

	.header .header-top,
	.header.sticky .header-top {
		padding: 4px 0
	}

	.header .header-wrapper .header-bottom,
	.header.sticky .header-wrapper .header-bottom {
		top: 48px
	}

	.header .header-wrapper .header-bottom-wrapper,
	.header.sticky .header-wrapper .header-bottom-wrapper {
		bottom: 0
	}

	.header-top-tel-number {
		font-size: 16px;
		line-height: 20px
	}

	.header .header-input-search,
	.header.sticky .header-input-search {
		position: absolute;
		height: 48px
	}
}

@media (max-width: 575px) {
	.header .header-input-search button,
	.header.sticky .header-input-search button {
		right: 15px
	}

	.header .header-logo-title,
	.header.sticky .header-logo-title {
		display: none
	}

	.header .header-input-search-box,
	.header.sticky .header-input-search-box {
		max-width: 100vw
	}

	.header-input-search input {
		padding-right: 50px
	}

	.header-mobile-tel-inner,
	.header.sticky .header-mobile-tel-inner,
	.header.sticky .mobile-navigation-menu li a span,
	.header.sticky .mobile-navigation-sub-menu-heading span,
	.mobile-navigation-menu li a span,
	.mobile-navigation-sub-menu-heading span {
		max-width: 100%
	}

	.header-logo-title {
		display: none
	}
}

@media (min-width: 1200px) {
	.header-bottom {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}
}

@media (min-width: 992px) {
	.menu-list .menu-list-item {
		position: relative
	}

	.menu-list .menu-list-point {
		width: 4px;
		height: 4px;
		background: #8dbe22;
		border-radius: 50px
	}

	.header:not(.sticky) .header-bottom {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}
}

.promo-product-text-title {
	font-weight: 700;
	font-size: 48px;
	line-height: 56px;
	color: #212121
}

.promo-product-text-info {
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	font-family: Roboto, sans-serif;
	color: #333;
	margin: 16px 0 32px
}

.promo-product-inner {
	min-height: 633px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.promo-product {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	background-image: url(../img/slide-bg.jpg)
}

.promo-product .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 30px
}

.promo-product-img {
	border-radius: 50%;
	margin-right: 90px;
	position: relative
}

.promo-product-img img {
	width: 360px;
	height: 360px;
	-o-object-fit: contain;
	object-fit: contain;
	display: block;
	position: relative;
	z-index: 1
}

.promo-product-img-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.promo-product-img-bg .blur {
	width: 70%;
	height: 70%;
	margin: 15% 0 0 15%;
	background: #fff;
	-webkit-filter: blur(30px);
	filter: blur(30px);
	border-radius: 50%
}

.swiper-button-prev {
	left: 0
}

.swiper-button-next {
	right: 0
}

.swiper-button-next,
.swiper-button-prev {
	background: #fff;
	width: 49px;
	height: 49px
}

.swiper-button-next:after,
.swiper-button-prev:after {
	display: none
}

.swiper-button-next:hover svg path,
.swiper-button-prev:hover svg path {
	fill: #0e0e9c
}

.promo-product-inner .swiper-pagination {
	right: 0;
	top: 50%
}

.swiper-pagination-bullet {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: auto;
	height: auto;
	border-radius: none;
	background: 0 0;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	color: #818491;
	opacity: 1;
	position: relative;
	padding-right: 0;
	min-height: 20px
}

.promo-product .swiper-pagination-bullet::after {
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	margin: 0 0 0 10px;
	background: #818491;
	-webkit-transition: .25s;
	-o-transition: .25s;
	transition: .25s
}

.promo-product .swiper-pagination-bullet:hover {
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	color: #333
}

.promo-product .swiper-pagination-bullet:hover::after {
	background: #0e0e9c
}

.promo-product .swiper-pagination-bullet + .swiper-pagination-bullet {
	margin-top: 10px
}

.promo-product .swiper-pagination-bullet.swiper-pagination-bullet-active {
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	color: #333
}

.promo-product .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	width: 60px;
	background: #0e0e9c
}

button.header-top-tel-btn-search {
	background-image: url(../img/svg/search.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px
}

button.header-top-tel-btn-search:hover {
	background-image: url(../img/svg/search-hover.svg)
}

button.header-top-tel-btn-search.open-search {
	background-image: url(../img/svg/close.svg);
	background-size: 24px 24px
}

button.header-top-tel-btn-search.open-search:hover {
	background-image: url(../img/svg/close-hover.svg)
}

.header-top-tel-btn-mob:hover svg path {
	fill: #0e0e9c
}

.header.sticky button.header-top-tel-btn-search {
	background-image: url(../img/svg/search.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px
}

.header.sticky button.header-top-tel-btn-search:hover {
	background-image: url(../img/svg/search-hover.svg)
}

.header.sticky button.header-top-tel-btn-search.open-search {
	background-image: url(../img/svg/close.svg);
	background-size: 24px 24px
}

.header.sticky button.header-top-tel-btn-search.open-search:hover {
	background-image: url(../img/svg/close-hover.svg)
}

.promo-product-short {
	background: #f7f7fb;
	padding: 26px 0
}

.promo-product-short-inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	text-align: center
}

.promo-product-short-item-img img,
.promo-product-short-item-img svg {
	width: 56px;
	height: 56px;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	margin: 0 auto
}

.promo-product-short-item-title {
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	text-align: center;
	color: #333;
	text-transform: uppercase;
	margin-top: 15px
}

.promo-product-short-item {
	display: block
}

@media (max-width: 1199px) {
	.promo-product {
		background-image: url(../img/slide-bg-960.jpg)
	}

	.promo-product-img img {
		width: 288px;
		height: 288px
	}

	.promo-product-inner {
		min-height: 431px
	}

	.promo-product-text-title {
		font-size: 40px;
		line-height: 50px
	}

	.promo-product .swiper-button-next,
	.promo-product .swiper-button-prev {
		display: none
	}


}

@media (max-width: 991px) {
	.promo-product {
		background-image: url(../img/slide-bg-768.jpg)
	}

	.promo-product-short {
		padding: 30px 0 26px
	}

	.promo-product-inner {
		min-height: 627px
	}

	.promo-product-short-item-img img,
	.promo-product-short-item-img svg {
		width: 48px;
		height: 48px
	}
}

@media (max-width: 767px) {
	.promo-product-img {
		margin-right: 0
	}

	.swiper-pagination-bullet {
		-webkit-transition: .25s;
		-o-transition: .25s;
		transition: .25s;
		width: 20px
	}

	.promo-product {
		background-image: url(../img/slide-bg-560.jpg)
	}

	.promo-product-short {
		padding: 56px 0
	}

	.promo-product-text-title span {
		display: none
	}

	.promo-product-text-title {
		margin-bottom: 22px;
		font-size: 24px;
		line-height: 32px
	}

	.promo-product-text-info {
		display: none
	}

	.promo-product-img img {
		width: 220px;
		height: 220px
	}

	.promo-product-inner {
		min-height: 272px
	}

	.swiper .swiper-pagination {
		bottom: 15px;
		top: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		gap: 15px
	}

	.promo-product .swiper .swiper-pagination-bullet::after {
		width: 20px;
		margin: 0
	}

	.promo-product .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
		width: 40px
	}

	.promo-product .swiper .swiper-pagination-bullet .number {
		display: none
	}

	.promo-product .swiper .swiper-pagination-bullet + .swiper-pagination-bullet {
		margin-top: 0;
		margin-left: 0
	}

	.promo-product .swiper .swiper-pagination-bullet + .swiper-pagination-bullet:hover,
	.promo-product .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active,
	.promo-product .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:hover {
		color: transparent
	}

	.promo-product-short-inner {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 62px
	}

	.promo-product .swiper-slide {
		padding-bottom: 56px
	}
}

@media (max-width: 575px) {
	.promo-product {
		background-image: url(../img/slide-bg-320.jpg)
	}

	.promo-product-short-item-title {
		text-transform: none;
		font-size: 14px;
		font-weight: 300;
		font-family: Roboto, sans-serif
	}

	.promo-product-short-inner {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px
	}

	.promo-product .swiper-slide {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
		padding-bottom: 75px;
		gap: 0
	}

	.promo-product-img {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1
	}

	.promo-product-text-title {
		margin-bottom: 16px
	}

	.promo-product-img img {
		width: 192px;
		height: 192px
	}

	.promo-product-inner {
		min-height: 432px
	}
}

.quiz {
	padding: 92px 0 100px;
	background: #fff
}

.quiz.hide {
	padding: 55px 0 60px
}

.quiz.hide .quiz-control {
	margin-top: 0
}

.quiz .subtitle,
.quiz .title {
	margin-bottom: 32px
}

.quiz .quiz-inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0 30px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.quiz.hide .quiz-inner {
	display: none;
}

.quiz-panel.active {
	display: block;
}

.quiz-panel {
	display: none;
	transition: opacity 0.5s;
}

.quiz.in-action .quiz-panel {
	opacity: 0;
}

.quiz .quiz-inner.mod {
	grid-template-columns: repeat(2, 1fr)
}

.quiz .web-check + .web-check {
	margin-top: 24px
}

.quiz .subtitle span {
	display: block;
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #212121;
	text-transform: none;
	margin-top: 7px
}

.quiz-control {
	margin-top: 42px
}

.quiz-control-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px
}

.quiz.hide .quiz-control-btns {
	display: none;
}

.quiz-control-cancel {
	color: #333;
	background: #fff;
	border: 1px solid #0e0e9c;
	min-width: 163px
}

.quiz-control-cancel:hover {
	color: #fff
}

.quiz-control-apply {
	border: 1px solid transparent;
	min-width: 163px
}

.quiz-control-apply.disabled {
	border-color: #e0e0e0;
	color: #818491;
	background: 0 0
}

.quiz-control-apply.disabled:hover {
	background: #fff;
	color: #333;
	border-color: #333
}

.quiz-control-text {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	font-family: Roboto, sans-serif;
	color: #212121;
	margin-top: 58px
}

.quiz-control-next {
	max-width: 162px;
	width: 100%
}

.quiz-control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.quiz-control-hide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 24px;
	gap: 4px;
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333;
	background: #fff;
	border: 1px solid #0e0e9c
}

.quiz.hide .quiz-control-hide svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.quiz-control-hide .show-state,
.quiz.hide .quiz-control-hide .hide-state {
	display: none;
}

.quiz.hide .quiz-control-hide .show-state {
	display: initial
}

.quiz-control-hide svg {
	width: 24px;
	height: 24px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.quiz-control-hide:hover {
	background: #0e0e9c;
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
	color: #fff
}

.quiz-control-hide:hover svg path {
	fill: #fff
}

.quiz-control-hide svg path {
	fill: #333
}

.title-mob {
	display: none
}

.quiz-box-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	color: #212121;
	margin-bottom: 28px;
	min-height: 48px
}

.radio-box-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	color: #212121;
	margin-bottom: 13px
}

.radio-box + .radio-box {
	margin-top: 24px
}

.radio-box label {
	position: relative;
	padding-left: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

.radio-box label + label {
	margin-top: 15px
}

.radio-box .radio-input {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	padding-left: 33px
}

.radio-box .radio-style {
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1px solid #e0e0e0;
	margin-left: -33px;
	background: #fff;
	border-radius: 50%
}

.radio-box .align-items-start .radio-style {
	margin-top: 2px;
	margin-left: -30px;
}

.radio-box .radio-input:checked + .radio-style::before {
	content: "";
	width: 6px;
	height: 6px;
	background: #0e0e9c;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%
}

.radio-box-text {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	font-family: Roboto, sans-serif;
	color: #333;
}

.power-calculation {
	margin-top: 24px
}

.power-calculation input {
	border: none;
	border-bottom: 1px solid #ddd;
	display: inline-block;
	max-width: 65px;
	background: 0 0
}

.power-calculation-indicator {
	display: inline-block;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	font-family: Roboto, sans-serif;
	color: #212121;
	margin-left: 8px
}

.power-calculation-description {
	display: block;
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	margin-top: 6px;
	color: #818491
}

.quiz-links {
	margin-bottom: 40px
}

.quiz-links a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	color: #333
}

.quiz-links a + a {
	margin-top: 12px
}

.quiz-links a svg path {
	fill: #333
}

.quiz-documents {
	display: grid;
	grid-template-columns: 1fr;
	gap: 15px
}

.quiz-document {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 17px
}

.quiz-document:focus .quiz-documents-info-title,
.quiz-document:hover .quiz-documents-info-title {
	color: #3c3cae
}

.quiz-documents-info-title {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	font-family: Roboto, sans-serif;
	color: #333
}

.quiz-documents-info-descr {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #818491
}

.quiz-documents-info-descr span + span,
.quiz-documents-info-discr span + span {
	margin-left: 16px
}

@media (max-width: 1199px) {
	.quiz-control {
		margin-top: 55px
	}

	.quiz {
		padding: 72px 0 80px
	}

	.quiz .title {
		display: none
	}

	.quiz .title-mob {
		display: block;
		margin-bottom: 54px
	}

	.quiz .subtitle {
		display: none
	}
}

@media (max-width: 991px) {
	.quiz-control {
		margin-top: 32px
	}

	.quiz {
		padding: 62px 0 70px
	}

	.quiz .title-mob {
		margin-bottom: 37px
	}
}

@media (max-width: 767px) {
	.quiz {
		padding: 54px 0 60px;
		display: none
	}

	.quiz .quiz-inner.mod {
		grid-template-columns: 1fr;
		gap: 25px
	}

	.quiz .title-mob {
		margin-bottom: 34px
	}

	.quiz-control-btns,
	.quiz-control-hide,
	.quiz-hide {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width: 100%
	}

	.quiz-control-order {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
		max-width: 100%
	}
}

@media (max-width: 575px) {
	.quiz-control,
	.quiz-control-btns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.quiz-control .btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		max-width: 100%;
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.quiz-control .quiz-control-hide {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1
	}
}

.danger {
	background: -o-linear-gradient(bottom, #f7f7fb, #f7f7fb), #c2c2d7;
	background: -webkit-gradient(linear, left bottom, left top, from(#f7f7fb), to(#f7f7fb)), #c2c2d7;
	background: linear-gradient(0deg, #f7f7fb, #f7f7fb), #c2c2d7;
	padding: 92px 0 100px
}

.danger .title {
	margin-bottom: 55px
}

.danger-item-info-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: .15s linear;
	-o-transition: .15s linear;
	transition: .15s linear;
	opacity: 0;
	background: rgba(255, 255, 255, .95)
}

.danger-item {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.danger-item:hover .danger-item-info {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 100%;
	background: 0 0
}

.danger-item:hover .subtitle svg {
	width: 24px;
	height: 24px;
	opacity: 1;
	position: relative;
	top: 4px
}

.danger-item:hover .danger-item-info-desc {
	display: block;
	margin-top: 8px
}

.danger-item:hover .danger-item-info-bg {
	opacity: 1
}

.danger-item-info {
	position: absolute;
	bottom: 15px;
	left: 0;
	padding: 5px 15px;
	background: rgba(255, 255, 255, .95)
}

.danger-item1 .danger-item-info,
.danger-item:hover .danger-item1 .danger-item-info {
	padding: 8px 20px
}

.danger-item-info .danger-item-info-desc {
	overflow: hidden;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	max-height: 100%
}

.danger-item-info .subtitle.mod .arrow-right {
	position: absolute;
	top: 7px;
	right: -9px;
	border: solid #333;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-radius: 1px
}

.danger-item-info .subtitle .arrow-right {
	display: none;
	position: absolute;
	top: 9px;
	right: -9px;
	border-width: 0 3px 3px 0;
	padding: 4px
}

.danger-item .danger-item-info .subtitle span {
	white-space: nowrap;
	position: relative
}

.danger-item .danger-item-info .subtitle span .arrow-right {
	display: none
}

.danger-item:hover .subtitle span .arrow-right {
	display: inline-block
}

.danger-item-info-desc {
	display: none;
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #333
}

.danger-item-img {
	width: 100%;
	height: 100%
}

.danger-item-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px;
	display: block
}

.danger-items-container .swiper-pagination {
	display: none
}

.danger-item-info .danger-item-info-desc,
.danger-item-info .subtitle {
	position: relative;
	z-index: 1
}

@media (max-width: 1199px) {
	.danger-item-info.mod {
		max-width: 138px
	}

	.danger {
		padding: 92px 0 81px
	}
}

@media (max-width: 991px) {
	.danger {
		padding: 63px 0 61px
	}

	.danger-item-info.mod {
		max-width: 138px
	}
}

@media (max-width: 767px) {
	.danger-item-info,
	.danger-item1 .danger-item-info,
	.danger-item:hover .danger-item1 .danger-item-info {
		padding: 12px 15px
	}

	.danger-item-info.mod {
		max-width: 100%
	}

	.danger .swiper-pagination-bullet {
		display: block;
		width: 20px;
		min-height: auto;
		min-height: 20px;
		background: 0 0;
		-webkit-transition: .25s;
		-o-transition: .25s;
		transition: .25s;
		border-radius: 0;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.danger .swiper-pagination-bullet:after {
		content: "";
		display: block;
		width: 20px;
		height: 2px;
		margin: 0;
		background: #818491;
		-webkit-transition: .25s;
		-o-transition: .25s;
		transition: .25s
	}

	.danger .swiper-pagination-bullet-active {
		width: 40px
	}

	.danger .swiper-pagination-bullet-active:after {
		width: 40px;
		background: #0e0e9c
	}

	.danger-items-container .swiper-pagination {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.danger {
		padding: 55px 0 61px
	}

	.danger-items-container {
		padding-bottom: 40px
	}

	.danger .swiper .swiper-pagination,
	.danger-items-container .swiper .swiper-pagination {
		bottom: 0
	}
}

@media (max-width: 767px) {
	.danger-item-img {
		position: relative;
		width: 100%;
		height: 0;
		padding: 0 0 65% 0;
	}

	.danger-item-img img {
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media (min-width: 768px) {
	.danger .title {
		margin-bottom: 40px
	}

	.danger-items {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(4, 188px);
		gap: 30px
	}

	.danger-item1 {
		grid-column: 1/3;
		grid-row: 1/3
	}

	.danger-item3 {
		grid-row: 4/4;
		grid-column: 2/4
	}

	.danger-item3 .danger-item-info {
		max-width: 188px
	}

	.danger-item4 {
		grid-column: 1/3;
		grid-row: 3/3
	}

	.danger-item5 {
		grid-column: 3/3;
		grid-row: 2/4
	}

	.danger-item6 {
		grid-column: 1/2;
		grid-row: 4/4
	}
}

@media (min-width: 992px) {
	.danger-items {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(3, 188px)
	}

	.danger-item1 {
		grid-column: 1/3;
		grid-row: 1/3
	}

	.danger-item3 {
		grid-row: 1/3;
		grid-column: 4/4
	}

	.danger-item3 .danger-item-info {
		max-width: 188px
	}

	.danger-item4 {
		grid-column: 1/3;
		grid-row: 3/4
	}

	.danger-item5 {
		grid-row: 2/4
	}

	.danger-item5 .danger-item-info {
		max-width: 188px
	}

	.danger-item6 {
		grid-column: 4/4;
		grid-row: 3/3
	}
}

.question {
	background: #0e0e9c;
	padding: 24px 0
}

.question-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 100px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.question-info {
	display: grid;
	grid-template-columns: 56px 1fr;
	gap: 27px
}

.question-info-img {
	width: 56px;
	height: 56px
}

.question-info-img img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.question-info-text-title {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff
}

.question-info-text-title span {
	font-weight: 300;
	display: block
}

.question-btn {
	background: #fff;
	border: none;
	padding: 12px 30px;
	margin: 0;
	border-radius: 5px;
	font-weight: 700;
	font-size: 15px;
	line-height: 28px;
	text-transform: uppercase;
	color: #333
}

.question-btn:hover {
	-webkit-box-shadow: 0 10px 5px rgba(255, 255, 255, .2);
	box-shadow: 0 10px 5px rgba(255, 255, 255, .2);
	background: #ddd;
}

@media (max-width: 991px) {
	.question-inner {
		gap: 24px
	}

	.question-info-text-title {
		max-width: 335px
	}
}

@media (max-width: 767px) {
	.question-info-text-title {
		max-width: none
	}

	.question-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center
	}

	.question-info {
		grid-template-columns: 1fr
	}

	.question-info-img {
		margin: 0 auto
	}

	.question {
		padding: 60px 0
	}

	.question-btn {
		display: block;
		width: 100%
	}
}

.service-inner {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start
}

.service {
	background: #fff;
	padding: 108px 0 100px
}

.service .danger-item-info {
	padding: 12px 15px
}

.service .title {
	margin-bottom: 24px
}

.service .danger-item-img {
	position: relative;
	height: 0;
	padding-bottom: 75%
}

.service .danger-item-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.service-info-desc {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	margin-bottom: 24px;
	font-family: Roboto, sans-serif
}

@media (max-width: 1199px) {
	.service {
		padding: 70px 0 85px
	}

	.service-info-desc span {
		display: none
	}
}

@media (max-width: 991px) {
	.service {
		padding: 53px 0 60px
	}

	.service-info-desc {
		margin: 0
	}

	.service-inner {
		gap: 40px 0
	}

	.service-info-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 40px
	}
}

@media (max-width: 767px) {
	.service .subtitle.mod {
		font-size: 16px
	}

	.service .title {
		margin-bottom: 27px
	}

	.service {
		padding: 63px 0 70px
	}

	.service-info-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 24px;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start
	}
}

@media (max-width: 575px) {
	.service-inner {
		gap: 15px
	}

	.service-info {
		margin-bottom: 25px
	}
}

.about-short {
	padding: 118px 0 120px
}

.about-short-titles {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 45px
}

.about-short-titles-link {
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 9px
}

.about-short-titles-link:hover {
	color: #3c3cae
}

.about-short-titles-link:hover .arrow-left,
.about-short-titles-link:hover .arrow-right {
	border-color: #3c3cae
}

.about-short-titles-link img,
.about-short-titles-link svg {
	width: 24px;
	height: 24px;
	-o-object-fit: cover;
	object-fit: cover
}

.about-short-info {
	display: grid;
	grid-template-columns: 1fr 350px;
	gap: 60px
}

.about-short-info-items {
	margin-top: 48px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	text-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20px
}

.about-short-info-item-img img,
.about-short-info-item-img svg {
	display: block;
	margin: 0 auto;
	width: 56px;
	height: 56px;
	-o-object-fit: cover;
	object-fit: cover
}

.about-short-info-item-title {
	margin: 24px 0 8px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	color: #333
}

.about-short-info-item-info {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #333
}

.about-short-info-img {
	max-height: 406px
}

.about-short-info-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px
}

@media (max-width: 1199px) {
	.about-short {
		padding: 118px 0 80px
	}

	.about-short-info {
		grid-template-columns: 1fr 290px;
		gap: 30px
	}
}

@media (max-width: 991px) {
	.about-short-info-img {
		max-height: 690px;
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1
	}

	.about-short-titles {
		margin-bottom: 40px
	}

	.about-short {
		padding: 64px 0
	}

	.about-short-info {
		grid-template-columns: 1fr;
		gap: 43px
	}

	.about-short-info-items {
		margin-top: 40px;
		gap: 15px
	}
}

@media (max-width: 767px) {
	.about-short-info-img {
		max-height: 383px
	}

	.about-short-titles {
		margin-bottom: 33px
	}

	.about-short {
		padding: 55px 0
	}

	.about-short-info-items {
		margin-top: 32px
	}

	.about-short-info {
		gap: 24px
	}
}

@media (max-width: 575px) {
	.about-short-info-img {
		max-height: none;
		position: relative;
		height: 0;
		padding-bottom: 75%
	}

	.about-short-info-img img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.about-short-info-items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 35px 10px
	}

	.about-short-info-item {
		-ms-flex-preferred-size: calc(50% - 10px);
		flex-basis: calc(50% - 10px)
	}
}

.clients-map {
	position: relative
}

.clients-map-info-box {
	overflow: hidden
}

.clients-map-control {
	position: absolute;
	background: 0 0;
	right: 0;
	top: 0;
	z-index: 1;
	width: 30px;
	height: 100%
}

.clients-map-info {
	position: absolute;
	top: 102px;
	background: #fff;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	border-radius: 5px;
	padding: 20px 30px;
	max-width: 350px;
	min-height: 340px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 3
}

.clients-map-info .title {
	margin-bottom: 8px
}

.clients-map-info .about-short-titles-link {
	margin-bottom: 24px
}

.clients-map-info .btn {
	margin-top: 25px;
	text-align: center;
	padding: 12px 15px
}

.clients-map-info-desc {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-family: Roboto, sans-serif
}

.clients-map-inner {
	height: 540px;
	position: relative
}

.clients-map-inner img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media (max-width: 1199px) {
	.clients-map-inner {
		height: 528px
	}

	.clients-map-info {
		max-width: 290px;
		min-height: 368px
	}
}

@media (max-width: 991px) {
	.clients-map-info {
		max-width: 270px;
		min-height: 368px;
		top: 15px
	}
}

@media (max-width: 767px) {
	.clients-map-inner {
		height: 320px
	}

	.clients-map-info .about-short-titles-link,
	.clients-map-info .title {
		margin-bottom: 0
	}

	.clients-map-info-desc {
		margin-top: 27px
	}

	.clients-map-info .btn {
		max-width: 212px
	}

	.clients-map-info {
		min-height: 267px;
		-webkit-box-shadow: none;
		box-shadow: none;
		position: relative;
		max-width: 100%;
		margin: 0;
		top: 0;
		left: 0;
		padding: 53px 0 37px
	}

	.clients-map-info-title-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: 25px
	}

	.clients-map-info::before {
		content: "";
		position: absolute;
		width: 1000vw;
		height: 100%;
		background: #fff;
		left: -100%;
		top: 0;
		z-index: -1
	}
}

@media (max-width: 575px) {
	.clients-map-info .btn {
		max-width: 100%;
		margin-top: 23px
	}

	.clients-map-info .about-short-titles-link {
		gap: 9px
	}

	.clients-map-info-title-box {
		gap: 25px
	}
}

.footer-connection {
	padding: 65px 0;
	background: #0d0d48
}

.footer-connection .header-logo picture {
	width: 85px;
	height: 64px
}

.footer-connection .btn.mod-wh {
	max-width: 245px;
	width: 100%
}

.footer-connection .header-logo-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	color: #fff
}

.footer-connection .header-top-tel-number {
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	color: #fff
}

.footer-connection .header-top-tel-number:first-child::before {
	background-image: url(../img/svg/phone-ip-mod.svg)
}

.web-page-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 14px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	font-family: Roboto, sans-serif;
	color: #fff
}

.web-page-link.mod:hover span {
	border-color: transparent
}

.web-page-link.mod span {
	border-bottom: 1px dashed #fff
}

.footer-connection-box-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 15px
}

.footer-connection-inner {
	display: grid;
	grid-template-columns: auto 1fr;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	gap: 142px
}

.footer-connection-box {
	display: grid;
	grid-template-columns: 1fr auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	gap: 145px
}

.footer-bottom {
	background: -o-linear-gradient(bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #0d0d48;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2))), #0d0d48;
	background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #0d0d48;
	padding: 12px 0
}

.footer-bottom-inner {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 250px
}

.footer-bottom-box {
	display: grid;
	grid-template-columns: auto auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.footer-bottom-item {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	font-family: Roboto, sans-serif;
	color: #818491
}

@media (max-width: 1199px) {
	.footer-connection-box {
		grid-template-columns: 1fr;
		gap: 25px
	}

	.footer-connection-inner {
		gap: 30px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		grid-template-columns: auto 50%
	}

	.footer-bottom-inner {
		gap: 179px
	}
}

@media (max-width: 991px) {
	.footer-connection-box-links .header-top-tel-numbers {
		display: block
	}

	.footer-connection-box-links .header-top-tel-number {
		padding-left: 38px;
		position: relative
	}

	.footer-connection .header-top-tel-number:first-child::after {
		position: absolute;
		content: "";
		background-image: url(../img/svg/phone-ip-mod.svg);
		width: 24px;
		height: 24px;
		top: 0;
		left: 0
	}

	.footer-bottom-inner {
		gap: 58px
	}
}

@media (max-width: 767px) {
	.footer-connection-inner {
		grid-template-columns: 1fr;
		gap: 44px
	}

	.footer-connection-box {
		grid-template-columns: 1fr 1fr;
		gap: 30px
	}

	.footer-connection .btn.mod-wh {
		padding: 12px 5px
	}

	.footer-bottom-inner {
		grid-template-columns: 1fr;
		gap: 0
	}

	.footer-bottom {
		padding: 10px 0
	}

	.footer-connection .header-logo picture {
		width: 54px;
		height: 40px
	}
}

@media (max-width: 575px) {
	.clients-map-inner {
		height: 480px
	}

	.footer-bottom-box {
		grid-template-columns: 1fr
	}

	.footer-connection-box {
		grid-template-columns: 1fr;
		gap: 25px
	}

	.footer-connection-logo .header-logo-title {
		display: block
	}

	.footer-connection .btn.mod-wh {
		max-width: none
	}
}

.fancybox-bg {
	background: -o-linear-gradient(bottom, rgba(14, 14, 156, .2), rgba(14, 14, 156, .2)), rgba(0, 0, 0, .6);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(14, 14, 156, .2)), to(rgba(14, 14, 156, .2))), rgba(0, 0, 0, .6);
	background: linear-gradient(0deg, rgba(14, 14, 156, .2), rgba(14, 14, 156, .2)), rgba(0, 0, 0, .6)
}

.modal {
	max-width: 410px;
	padding: 56px 60px;
	background: #fff;
	-webkit-box-shadow: 4px 4px 25px rgba(0, 0, 0, .3);
	box-shadow: 4px 4px 25px rgba(0, 0, 0, .3);
	border-radius: 5px;
	min-height: 170px
}

.modal .modal-title-inpust {
	margin: 28px 0 40px
}

.modal .btn {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	padding: 16px 30px
}

.modal .web-check a {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #0e0e9c;
	text-decoration: none
}

.modal .fancybox-button {
	opacity: 1;
	width: 40px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.modal .fancybox-button svg {
	width: 24px;
	height: 24px
}

.modal .fancybox-button svg path {
	fill: #818491
}

.modal .fancybox-button:hover path {
	fill: #0e0e9c
}

.modal-titles-box {
	text-align: center
}

.modal-title-descr {
	margin-top: 8px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #212121;
	font-weight: 400
}

.fancybox-slide--html .fancybox-close-small {
	top: 8px;
	right: 8px
}

@media (max-width: 575px) {
	.fancybox-slide--html .fancybox-close-small {
		top: 0;
		right: 0
	}

	.modal {
		padding: 30px 15px
	}

	.modal .fancybox-button {
		width: 40px;
		height: 40px
	}

	.fancybox-slide--html {
		padding: 15px
	}

	.footer-connection-inner .btn.mod-wh {
		padding-left: 5px;
		padding-right: 5px
	}

	.catalog-items-box.crowded .control-more {
		display: block;
		width: 100%;
		max-width: 100%
	}
}

.breadcrumbs {
	padding-top: 26px;
	margin-bottom: 56px
}

.breadcrumbs.mod {
	margin-bottom: 65px
}

.breadcrumbs-list-item a {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #818491
}

.breadcrumbs-list-item a:hover {
	color: #0c0c85
}

.breadcrumbs-list-item a span {
	color: #818491;
	font-weight: 300;
	font-size: 10px;
	position: relative;
	top: -1px;
	margin: 0 10px
}

.breadcrumbs-list-item span {
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #0c0c85
}

.breadcrumbs-title {
	margin: 16px 0 0;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
	text-transform: uppercase;
	color: #212121
}

.page-inner .about-short-info-item-info {
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	color: #333
}

.page-inner .about-short-info-items {
	margin: 35px 0
}

.info-text .row {
	clear: both;
}

.info-text p {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	margin: 24px 0;
	color: #333
}

.info-text p i {
	font-style: italic;
	color: #818490
}

.info-text p b {
	font-weight: 700
}

.info-text p a {
	color: #0c0c85;
	text-decoration: underline
}

.info-text li {
	position: relative;
	display: block;
	padding-left: 29px;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-family: Roboto, sans-serif
}

.info-text li + li {
	margin-top: 8px
}

.info-text h2 {
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	text-transform: uppercase;
	color: #333;
	margin: 64px 0 34px
}

.info-text h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	text-transform: uppercase;
	color: #333;
	margin: 64px 0 32px
}

.info-text h4 {
	margin: 48px 0 24px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333
}

.info-text blockquote {
	display: block;
	padding: 26px 30px 23px 93px;
	margin: 48px 0;
	border: 1px solid #eee;
	border-radius: 5px;
	background: url(../img/svg/quote.svg) 32px 31px/34px 24px no-repeat #fff;
	position: relative
}

.info-text blockquote::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 2px;
	background: #0e0e9c
}

.info-text blockquote p {
	margin: 0
}

.info-text span {
	display: block;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-family: Roboto, sans-serif
}

.info-text blockquote > b {
	display: block;
	margin-top: 8px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333
}

.responsive-table {
	max-width: 100%;
	overflow-x: auto;
	margin-top: 42px;
	-webkit-box-shadow: 0 0 0 2px #eee;
	box-shadow: 0 0 0 2px #eee
}

.responsive-table table {
	width: 100%;
	border-collapse: collapse
}

.responsive-table tr:nth-child(2n+1) {
	background: #f7f7fb
}

.responsive-table tr:nth-child(2n) {
	background: #fff
}

.responsive-table tr th {
	background: #0e0e9c;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: left;
	vertical-align: middle;
	padding: 12px 15px;
	text-transform: uppercase
}

.responsive-table tr th:first-child {
	padding-left: 30px
}

.responsive-table tr th:last-child {
	padding-right: 30px
}

.responsive-table tr td {
	font-weight: 300;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	padding: 10px 15px
}

.responsive-table tr td:first-child {
	padding-left: 30px
}

.responsive-table tr td:last-child {
	padding-right: 30px
}

.info-text img {
	display: block;
	max-width: 100%;
	border-radius: 5px
}

.info-text .img-left,
.info-text .img-right {
	max-width: calc(50% - 15px)
}

.info-text ol li:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #0e0e9c
}

.info-text ol,
.info-text ul {
	display: block;
	margin: 22px 0;
	padding: 0
}

.info-text ol > li {
	counter-increment: step-counter
}

.info-text ol > li::before {
	content: counter(step-counter) "."
}

.box-center {

}
.box-right,
.img-right {
	float: right;
	margin: 0 0 30px 30px
}

.box-left,
.img-left {
	float: left;
	margin: 0 30px 30px 0
}

.box-vw img {
	display: block;
	max-width: 100%;
	border-radius: 5px;
	-o-object-fit: cover;
	object-fit: cover
}

.box-vw span {
	margin: 24px 0 0;
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #818491;
	display: block
}

.box-vw span b {
	font-weight: 700
}

.img-vw {
	margin: 48px 0
}

.box-left,
.box-right {
	max-width: calc(50% - 15px)
}

.box-left img,
.box-right img {
	display: block;
	max-width: 100%;
	border-radius: 5px;
	-o-object-fit: cover;
	object-fit: cover
}

.box-left span,
.box-right span {
	margin: 24px 0 0;
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #818491;
	display: block
}

.box-left span b,
.box-right span b {
	font-weight: 700
}

.box-vw {
	float: none;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	max-width: 100%;
	margin: 30px 0
}

.text-navigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 15px
}

.text-navigation-sticky {
	position: sticky;
	top: 86px;
}

.text-navigation-menu {
	padding: 14px 0;
	background: #fff;
	border-radius: 5px;
	display: block
}

.text-navigation-menu-item {
	display: block
}

.text-navigation-menu-item.active a {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .02)), to(rgba(0, 0, 0, .02))), #f7f7fb;
	background: -o-linear-gradient(bottom, rgba(0, 0, 0, .02), rgba(0, 0, 0, .02)), #f7f7fb;
	background: linear-gradient(0deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .02)), #f7f7fb;
	font-weight: 700
}

.text-navigation-menu-item a {
	display: block;
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	padding: 14px 15px
}

.text-navigation-menu-item:hover a {
	font-weight: 700;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .02)), to(rgba(0, 0, 0, .02))), #f7f7fb;
	background: -o-linear-gradient(bottom, rgba(0, 0, 0, .02), rgba(0, 0, 0, .02)), #f7f7fb;
	background: linear-gradient(0deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .02)), #f7f7fb
}

.text-navigation-menu-item + .text-navigation-menu-item {
	border-top: 1px solid #eee
}

.text-navigation-menu-item-title span {
	display: block;
	padding: 12px 15px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	color: #212121
}

.info-text::after {
	content: "";
	display: table;
	clear: both;
}

.info-text :first-child {
	margin-top: 0
}

.info-text :last-child {
	margin-bottom: 0
}

.info-text ul li::before {
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 6px;
	height: 6px;
	background: #0e0e9c;
	border-radius: 50%
}

@media (max-width: 1199px) {
	.text-navigation-menu {
		display: none
	}

	.text-navigation {
		margin-top: 48px
	}
}

@media (max-width: 991px) {
	.box-vw,
	.img-vw {
		margin: 40px 0
	}

	.breadcrumbs-title {
		font-size: 32px
	}

	.breadcrumbs {
		margin-bottom: 38px
	}

	.breadcrumbs.mod {
		margin-bottom: 36px
	}
}

@media (max-width: 767px) {
	.text-navigation {
		margin-top: 40px
	}

	.box-vw,
	.img-vw {
		margin: 33px 0
	}

	.info-text .img-left,
	.info-text .img-right {
		max-width: 100%
	}

	.responsive-table {
		margin-top: 32px
	}

	.breadcrumbs-title {
		font-size: 24px;
		line-height: 32px
	}

	.info-text h2 {
		font-size: 24px;
		line-height: 32px;
		margin: 46px 0 26px
	}

	.info-text h3 {
		margin: 28px 0 24px;
		font-size: 18px;
		line-height: 24px
	}

	.info-text h4 {
		font-size: 16px;
		line-height: 20px;
		margin: 30px 0 16px
	}

	.box-left,
	.box-right,
	.img-left,
	.img-right {
		float: none;
		max-width: 100%;
		margin: 33px 0
	}

	.info-text blockquote {
		padding: 75px 19px 8px 17px;
		background-position: 18px 31px;
		margin: 33px 0
	}

	.info-text blockquote::before {
		height: 50%
	}

	.breadcrumbs.mod {
		margin-bottom: 26px
	}
}

.catalog .quiz-panel .title {
	margin-bottom: 54px
}

.quiz.catalog-quiz {
	background: 0 0;
	padding: 0;
	margin: 65px 0 80px
}

.catalog-title {
	background: #898fa6;
	border-radius: 5px;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	text-transform: uppercase;
	color: #fff;
	margin: 64px 0 30px;
	padding: 8px 30px
}

.catalog-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px
}

.catalog-items-box {
	margin: 30px 0 64px
}

.catalog-item-img {
	position: relative;
	height: 0;
	padding-bottom: 67%
}

.catalog-item-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.catalog-item {
	padding: 30px 30px 37px;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	display: block
}

.catalog-item:focus .catalog-item-title,
.catalog-item:hover .catalog-item-title {
	color: #3c3cae
}

.catalog-item-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	color: #212121;
	margin: 25px 0 8px
}

.catalog-item-descr {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #333
}

.control-more {
	background: 0 0;
	border: 1px solid #0e0e9c;
	padding: 12px 30px;
	margin: 0 auto;
	border-radius: 5px;
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333;
	display: block;
	margin-top: 40px
}

.control-more:hover {
	background: #0e0e9c;
	color: #fff
}

.control-more:hover svg path {
	fill: #fff
}

.catalog .control-more,
.quiz-promo {
	display: none
}

@media (max-width: 991px) {
	.catalog-items {
		grid-template-columns: repeat(2, 1fr)
	}

	.quiz.catalog-quiz {
		margin: 49px 0 65px
	}

	.catalog-title {
		font-size: 18px;
		line-height: 24px;
		padding-top: 12px;
		padding-bottom: 12px
	}
}

@media (max-width: 767px) {
	.catalog-items-box.crowded .control-more {
		display: block;
		margin-top: 30px
	}

	.catalog-items-box.crowded .catalog-items .catalog-item:nth-child(n+5) {
		display: none
	}

	.catalog-items-box .catalog-items .catalog-item:nth-child(n+5) {
		display: block
	}

	.control-more {
		margin-top: 33px
	}

	.catalog-items {
		grid-template-columns: repeat(1, 1fr);
		gap: 15px
	}

	.quiz-promo {
		display: block;
		margin: 24px 0 0 0;
	}

	.quiz-promo-inner {
		background: #fff;
		border-radius: 5px;
		padding: 24px 15px 30px
	}

	.quiz-promo-inner .subtitle {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 18px
	}

	.catalog-item {
		padding: 15px 15px 54px
	}

	.catalog-item-title {
		min-height: auto
	}

	.catalog-title {
		font-size: 16px;
		line-height: 20px;
		padding: 14px 16px 16px 20px
	}
}

.ymaps-b-listbox-panel__item-link {
	color: #333;
}

.ymaps-b-balloon {
	margin: -50px 0 0 -30px;
	width: 350px !important;
	background: #fff;
	border-radius: 0;
	padding: 25px 30px;
	box-shadow: 0 5px 20px 0 rgba(18, 25, 38, 0.1);
}

.ymaps-b-balloon:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 19px;
	z-index: 2;
	background: #fff;
}

.ymaps-b-balloon .ymaps-b-balloon__content > ymaps {
	width: 100% !important;
	height: auto !important;
	overflow: visible !important;
}

.ymaps-b-balloon .ymaps-b-balloon__content-holster {
	padding: 0;
}

.ymaps-b-balloon .ymaps-b-balloon__tr {
	display: none;
}

.ymaps-b-balloon .ymaps-b-balloon__tl {
	display: none;
}

.ymaps-b-balloon .ymaps-b-balloon__content {
	border: none;
	background-color: transparent;
}

.ymaps-b-balloon .ymaps-b-balloon__bl {
	display: none;
}

.ymaps-b-balloon .ymaps-b-balloon__br {
	display: none;
}

.ymaps-b-balloon .ymaps-b-balloon__close.close_custom {
	top: 11px !important;
	right: 11px !important;
	width: 26px !important;
	height: 26px !important;
	background: none !important;
	border-radius: 100% !important;
	transition: background-color 0.3s ease;
}

.ymaps-label {
	display: none !important;
}

.ymaps-b-balloon:before {
	content: "";
	background: #fff;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	box-sizing: border-box;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
	transform: rotate(45deg);
}

.ymaps-b-balloon .ymaps-b-balloon__close.close_custom {
	top: 0 !important;
	right: 0 !important;
	width: 40px !important;
	height: 40px !important;
	background: none !important;
	border-radius: 100% !important;
	transition: background-color 0.3s ease;
}

.ymaps-b-balloon .ymaps-b-balloon__close svg {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
	width: 10px;
	height: 10px;
	opacity: 0.35;
	background: none;
}

.ymaps-b-balloon .ymaps-b-balloon__close svg path {
	fill: #333;
}

.ymaps-b-balloon .ymaps-b-balloon__close:hover svg {
	opacity: 1;
}

.ymaps-shadows-pane {
	display: none;
}

.projects-data-item.map {
	min-height: initial;
	padding: 0;
}

.map-control {
	position: absolute;
	right: 0;
	bottom: 30px;
	left: 0;
	z-index: 1;
}

.map-control select {
	background: url(../img/svg/angle-down-select.svg) center/24px 24px no-repeat #fff;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	border-radius: 5px;
	border: 1px solid #eee;
	display: block;
	width: 100%;
	font-family: Roboto, sans-serif;
	padding: 11px 20px;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-position: calc(100% - 14px);
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #818491
}

.map-control-inner {
	display: grid;
	grid-template-columns: repeat(2, 240px);
	gap: 30px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.projects-data-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin: 63px 0 48px
}

.projects-data-item {
	padding: 25px 30px;
	background: #fff;
	border-radius: 5px;
	display: block
}

.projects-data-item-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-family: Roboto, sans-serif;
	margin-bottom: 16px;
	min-height: 48px
}

.projects-data-item-box {
	display: grid;
	grid-template-columns: 22px 1fr;
	gap: 8px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start
}

.projects-data-item-box.mod svg {
	justify-self: center
}

.projects-data-item-box + .projects-data-item-box {
	margin-top: 16px
}

.projects-data-item-box svg {
	margin-top: 3px
}

.projects-data-item-box.time svg {
	justify-self: center
}

.projects-data-item-info {
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	font-family: Roboto, sans-serif;
	color: #333
}

.question.star .question-info {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width: 991px) {
	.map-control-inner {
		grid-template-columns: 1fr 1fr
	}

	.map-control select {
		max-width: none;
		width: 100%
	}

	.projects-data-items {
		grid-template-columns: 1fr 1fr;
		margin: 70px 0 48px
	}

	.map-control {
		bottom: 13px
	}
}

@media (max-width: 767px) {
	.projects .clients-map-inner {
		height: 480px
	}

	.map-control-inner {
		grid-template-columns: 1fr;
		gap: 15px
	}

	.map-control select {
		max-width: none;
		width: 100%
	}

	.projects-data-items {
		grid-template-columns: 1fr;
		margin: 60px 0 40px;
		gap: 15px
	}

	.projects-data-item-title {
		min-height: auto
	}

	.projects-data-item {
		padding-left: 15px;
		padding-right: 15px;
		min-height: 236px
	}

	.ymaps-b-balloon {
		width: 290px !important;
	}

	.projects-data-item.map {
		padding: 0;
	}
}

.project-detail .about-short-titles-link {
	margin-top: 42px
}

.project-detail-slider-box {
	position: relative
}

.project-detail-slider-box .swiper-button-next,
.project-detail-slider-box .swiper-button-prev {
	background: rgba(255, 255, 255, .85);
	top: calc(50% - 24px)
}

.project-detail-slider-inner {
	position: relative
}

.project-detail-slider-info {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(255, 255, 255, .95);
	border-radius: 0 0 5px 5px;
	padding: 12px 0;
	text-align: center;
	width: 100%
}

.project-detail-slider-info-descr {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	font-family: Roboto, sans-serif;
	color: #333
}

.project-detail-slider-img {
	position: relative;
	height: 0;
	padding-bottom: 49%
}

.project-detail-slider-img img,
.project-detail-slider-img picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px
}

.project-detail-info {
	margin: 48px 0
}

.project-detail-info-items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px
}

.project-detail-info-item-title {
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	font-family: Roboto, sans-serif;
	color: #818491
}

.project-detail-info-item-info {
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333
}

.project-detail-info-item-info > span {
	text-transform: lowercase;
}

.project-detail-used .title {
	margin: 63px 0 48px
}

.project-detail-used-slider-box .catalog-item {
	height: 100%;
	padding: 15px 15px 20px
}

.project-detail-used-slider-box .swiper-slide {
	height: auto
}

.project-detail-used-slider-box .swiper-button-next,
.project-detail-used-slider-box .swiper-button-prev {
	background: rgba(255, 255, 255, .85)
}

.project-detail-used-slider-box .catalog-item-title {
	margin: 25px 0 0
}

.aside-question {
	background: #fff;
	border-radius: 5px;
	padding: 45px 30px;
	text-align: center
}

.aside-question .btn {
	width: 100%;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px
}

.aside-question-img img,
.aside-question-img svg {
	display: block;
	width: 56px;
	height: 56px;
	-o-object-fit: cover;
	object-fit: cover;
	margin: 0 auto
}

.aside-question-info {
	font-weight: 300;
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333;
	font-family: Roboto, sans-serif;
	margin: 16px 0
}

@media (max-width: 1199px) {
	.question.star .question-info {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.question.star .question-inner {
		gap: 20px
	}

	.question.star .question-btn {
		padding-left: 15px;
		padding-right: 15px
	}

	.aside-question .btn {
		display: inline-block;
		width: auto
	}

	.aside-question {
		padding-left: 25px;
		padding-right: 25px
	}
}

@media (max-width: 991px) {
	.project-detail-used .title {
		margin: 48px 0 39px
	}

	.project-detail-used-slider-box .catalog-item {
		padding-bottom: 30px
	}

	.aside-question-info {
		margin-bottom: 24px
	}
}

@media (max-width: 767px) {
	.project-detail-slider-img {
		padding-bottom: 75%
	}

	.project-detail-used-slider-box .catalog-item {
		padding: 20px
	}

	.project-detail-info {
		margin: 25px 0 40px
	}

	.project-detail-info-items {
		grid-template-columns: auto;
		gap: 20px
	}

	.project-detail-info-item-info {
		font-size: 16px;
		line-height: 24px
	}

	.project-detail-used .title {
		margin: 25px 0 32px
	}

	.project-detail-slider-info {
		position: static;
		margin-top: 15px;
		background: 0 0;
		padding: 0
	}

	.project-detail-slider-box .swiper-pagination,
	.project-detail-used-slider-box .swiper-pagination {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 15px;
		bottom: 0
	}

	.project-detail-slider-box .swiper-button-next,
	.project-detail-slider-box .swiper-button-prev,
	.project-detail-used-slider-box .swiper-button-next,
	.project-detail-used-slider-box .swiper-button-prev {
		display: none
	}

	.project-detail-slider-box .swiper-pagination-bullet,
	.project-detail-used-slider-box .swiper-pagination-bullet {
		display: block;
		width: 20px;
		min-height: auto;
		min-height: 20px;
		background: 0 0;
		-webkit-transition: .25s;
		-o-transition: .25s;
		transition: .25s;
		border-radius: 0;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.project-detail-slider-box .swiper-pagination-bullet-active,
	.project-detail-used-slider-box .swiper-pagination-bullet-active {
		width: 40px
	}

	.project-detail-slider-box .swiper-pagination-bullet:after,
	.project-detail-used-slider-box .swiper-pagination-bullet:after {
		content: "";
		display: block;
		width: 20px;
		height: 2px;
		margin: 0;
		background: #818491;
		-webkit-transition: .25s;
		-o-transition: .25s;
		transition: .25s
	}

	.project-detail-slider-box .swiper-pagination-bullet-active:after,
	.project-detail-used-slider-box .swiper-pagination-bullet-active:after {
		width: 40px;
		background: #0e0e9c
	}

	.project-detail-used-slider {
		padding-bottom: 50px
	}

	.project-detail-slider {
		padding-bottom: 53px
	}

	.project-detail .about-short-titles-link {
		margin-top: 25px
	}

	.aside-question .btn {
		display: block;
		width: 100%;
		max-width: 100%;
		padding: 12px 0
	}
}

.catalog-control {
	padding: 35px 30px 45px;
	background: #fff;
	border-radius: 5px;
	margin-top: 40px
}

.catalog-control .web-check label {
	font-size: 14px;
	line-height: 20px
}

.catalog-control-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	color: #212121;
	margin-bottom: 16px
}

.catalog-control-item-title {
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	color: #333;
	margin-bottom: 16px
}

.catalog-control-items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px
}

.filter-inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 25px;
	gap: 8px
}

.filter .filter-label input {
	width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	padding: 6px 14px;
	color: #000;
	font-family: Roboto, sans-serif
}

.filter .filter-label input::-webkit-input-placeholder {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.filter .filter-label input::-moz-placeholder {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.filter .filter-label input:-ms-input-placeholder {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.filter .filter-label input::-ms-input-placeholder {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.filter .filter-label input::placeholder {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.bx-ui-slider-track-container {
	width: 100%;
	padding: 0 10px;
	background: #e0e0e0
}

.bx-ui-slider-track {
	position: relative;
	height: 2px;
}

.bx-ui-slider-pricebar-vd {
	z-index: 6;
	background: #0e0e9c
}

.bx-ui-slider-pricebar-vn {
	z-index: 7
}

.bx-ui-slider-pricebar,
.bx-ui-slider-pricebar-v,
.bx-ui-slider-pricebar-vd,
.bx-ui-slider-pricebar-vn,
.bx-ui-slider-range {
	position: absolute;
	top: 0;
	bottom: 0
}

.bx-ui-slider-range {
	z-index: 15;
	width: 100%
}

.bx-ui-slider-handle {
	position: absolute;
	top: 100%;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #0e0e9c;
	border-radius: 5px;
	-webkit-box-shadow: unset;
	box-shadow: unset;
	cursor: pointer;
	-webkit-transition: -webkit-transform .1s;
	transition: transform .1s;
	-o-transition: transform .1s;
	transition: transform .1s, -webkit-transform .1s
}

.bx-ui-slider-handle.left {
	left: 0;
	top: -9px;
	margin-left: -10px;
}

.bx-ui-slider-handle.right {
	right: 0;
	top: -9px;
	margin-right: -10px;
}

.bx-ui-slider-handle::before {
	content: "";
	background: #0e0e9c;
	border-radius: 50%;
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.catalog-control-item-box + .catalog-control-item-box {
	margin-top: 12px
}

.catalog-control-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	margin-top: 35px
}

.catalog-control-btn {
	background: 0 0;
	border: 1px solid #0e0e9c;
	padding: 4px 20px;
	margin: 0;
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #333;
	border-radius: 5px
}

.catalog-control-btn:hover {
	background: #0e0e9c;
	color: #fff
}

.catalog-control-btn.reset {
	border: 1px solid #e0e0e0;
	color: #818491
}

.catalog-control-btn.reset:hover {
	background: #fff;
	color: #333;
	border-color: #333
}

.catalog-control-btns #modef {
	text-transform: uppercase;
}

.catolog-section-item {
	position: relative;
	height: 100%;
	background: #fff;
	border-radius: 5px;
	text-align: center
}

.catolog-section-item:focus .catolog-section-item-title,
.catolog-section-item:hover .catolog-section-item-title {
	color: #3c3cae
}

.catolog-section-item-img {
	position: relative;
	height: 0;
	padding-bottom: 66%
}

.catolog-section-item-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-fit: contain;
	object-fit: contain
}

.catolog-section-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin: 48px 0
}

.catolog-section-item-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 8px;
	color: #212121
}

.catolog-section-item-subtitle {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #333
}

.catolog-section-item-subtitle span + span {
	display: block;
	margin-top: 8px
}

.catolog-section-item-box {
	display: block;
	padding: 15px
}

.catolog-section-item-content {
	margin-top: 20px;
	padding-bottom: 100px
}

.catolog-section-item-price-box {
	position: absolute;
	bottom: 15px;
	width: calc(100% - 30px);
	left: 15px;
	z-index: 1
}

.catolog-section-item-price {
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	color: #333;
	position: absolute;
	bottom: 67px;
	width: calc(100% - 30px);
	left: 15px
}

.catolog-section-item-btn {
	padding: 4px 0;
	width: 100%
}

.catalog-section-table-inner {
	margin: 63px 0 58px
}

.catalog-section-table-inner.has-description {
	margin-bottom: 16px;
}

.catalog-section-table-inner .title {
	margin-bottom: 40px
}

.catalog-section-table-inner .control-more {
	display: none
}

.catalog-section-desc-table {
	border: 1px solid #eee;
	text-align: center
}

.catalog-section-desc-table table {
	width: 100%;
	border-collapse: collapse
}

.catalog-section-desc-table thead th {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	background: #898fa6;
	color: #fff;
	padding: 10px 15px;
	font-family: Roboto, sans-serif
}

.catalog-section-desc-table thead th + th {
	border-left: 1px solid #abb1c8
}

.catalog-section-desc-table tbody tr {
	background: #fff
}

.catalog-section-desc-table tbody tr:nth-child(2n) {
	background: #f7f7fb
}

.catalog-section-desc-table tbody tr td {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	padding: 6px 30px;
	white-space: nowrap;
}

.catalog-section-desc-table tbody tr td + td {
	border-left: 1px solid #eee
}

.catalog-section-desc-table.table-only {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

.catalog-section-desc-table.table-only tr td:first-child {
	min-width: 220px;
	white-space: initial;
}

.catalog-section-mob-table,
.catalog-section-photo-slider .swiper-pagination {
	display: none
}

.catalog-section-photo-slider-item-img {
	position: relative;
	height: 0;
	padding-bottom: 75%
}

.catalog-section-photo-slider-item-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px
}

.catalog-section-photo-slider-item {
	display: block;
	border-right: 5px
}

.catalog-section-photo-inner .title {
	margin: 64px 0 41px
}

.catalog-section-photo-doc .title {
	margin: 63px 0 38px
}

.catalog-section-photo-doc-items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 35px 55px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start
}

.catalog-section-example-inner {
	position: relative
}

.catalog-section-example-inner .title {
	margin: 63px 0 41px
}

.catalog-section-example-inner .swiper-button-next,
.catalog-section-example-inner .swiper-button-prev {
	margin-top: calc(40px - (var(--swiper-navigation-size) / 2));
	background: 0 0;
	width: 24px;
	height: 24px
}

.catalog-section-example-inner .swiper-button-prev {
	left: -33px
}

.catalog-section-example-inner .swiper-button-next {
	right: -33px
}

.catalog-section-example-slider .swiper-slide {
	height: auto
}

.catalog-section-example-slider .projects-data-item {
	height: 100%
}

.catalog-section-example-slider .swiper-pagination {
	display: none
}

@media (max-width: 991px) {
	.catalog-section-desc-table thead th {
		padding: 10px 15px
	}

	.catalog-section-desc-table tbody tr td {
		padding: 6px 15px
	}

	.catalog-control-items {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 30px
	}

	.catalog-control-item.mod {
		grid-column: 1/3
	}

	.filter-inner {
		grid-template-columns: repeat(2, minmax(auto, 144px))
	}

	.bx-ui-slider-track-container {
		max-width: 300px
	}

	.catalog-control-btns {
		margin-top: 28px
	}

	.catolog-section-items {
		grid-template-columns: repeat(2, 1fr)
	}

	.catalog-section-example-inner .swiper-button-next,
	.catalog-section-example-inner .swiper-button-prev {
		display: none
	}

	.catalog-section-example-slider .swiper-pagination {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 15px;
		bottom: 0
	}

	.catalog-section-example-slider {
		padding-bottom: 40px
	}

	.catalog-section-example-slider .swiper-pagination .swiper-pagination-bullet {
		display: block;
		width: 20px;
		min-height: auto;
		min-height: 20px;
		background: 0 0;
		-webkit-transition: .25s;
		-o-transition: .25s;
		transition: .25s;
		border-radius: 0;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.catalog-section-example-slider .swiper-pagination .swiper-pagination-bullet-active {
		width: 40px
	}

	.catalog-section-example-slider .swiper-pagination-bullet:after {
		content: "";
		display: block;
		width: 20px;
		height: 2px;
		margin: 0;
		background: #818491;
		-webkit-transition: .25s;
		-o-transition: .25s;
		transition: .25s
	}

	.catalog-section-example-slider .swiper-pagination-bullet-active:after {
		width: 40px;
		background: #0e0e9c
	}

	.catalog-section-example-slider .swiper-pagination-bullet-active {
		width: 40px
	}
}

@media (max-width: 767px) {
	.catalog-section-desc-table {
		display: none
	}

	.catalog-section-mob-table {
		display: block
	}

	.catalog-section-mob-table-item.none {
		display: none
	}

	.catalog-section-mob-table-item {
		border: 1px solid #eee
	}

	.catalog-section-mob-table-item-box {
		display: grid;
		grid-template-columns: auto auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		gap: 15px;
		padding: 0 15px
	}

	.catalog-section-mob-table-item-box + .catalog-section-mob-table-item-box {
		margin-top: 8px
	}

	.catalog-section-mob-table-item-box span {
		color: #333;
		font-weight: 300;
		font-size: 14px;
		line-height: 20px;
		font-family: Roboto, sans-serif
	}

	.catalog-section-mob-table-item-title {
		background: #818491;
		padding: 15px
	}

	.catalog-section-mob-table-item-title span {
		font-weight: 700;
		color: #fff
	}

	.catalog-section-mob-table-item-content {
		padding: 20px 0
	}

	.catalog-section-photo-slider .swiper-pagination {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		bottom: 0
	}

	.catalog-control {
		margin-top: 33px
	}

	.catalog-control-items {
		grid-template-columns: 1fr;
		gap: 25px
	}

	.catalog-control-item.mod {
		grid-column: 1/2;
		margin-bottom: 10px
	}

	.filter-inner {
		grid-template-columns: repeat(2, 1fr)
	}

	.bx-ui-slider-track-container {
		max-width: 100%
	}

	.catolog-section-items {
		grid-template-columns: 1fr;
		gap: 15px;
		margin: 40px 0
	}

	.catalog-section-photo-inner .title {
		margin: 42px 0 35px
	}

	.catalog-section-photo-slider .swiper-button-next,
	.catalog-section-photo-slider .swiper-button-prev {
		display: none
	}

	.catalog-section-photo-slider .catalog-section-example-slider,
	.catalog-section-photo-slider .catalog-section-photo-slider {
		padding-bottom: 40px
	}

	.catalog-section-photo-slider .catalog-section-photo-slider .swiper-pagination {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 15px;
		bottom: 0
	}

	.catalog-section-photo-slider .catalog-section-photo-slider .swiper-pagination .swiper-pagination-bullet {
		display: block;
		width: 20px;
		min-height: auto;
		min-height: 20px;
		background: 0 0;
		-webkit-transition: .25s;
		-o-transition: .25s;
		transition: .25s;
		border-radius: 0;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.catalog-section-photo-slider .swiper-pagination-bullet:after {
		content: "";
		display: block;
		width: 20px;
		height: 2px;
		margin: 0;
		background: #818491;
		-webkit-transition: .25s;
		-o-transition: .25s;
		transition: .25s
	}

	.catalog-section-photo-slider .swiper-pagination-bullet-active:after {
		width: 40px;
		background: #0e0e9c
	}

	.catalog-section-photo-slider .swiper-pagination-bullet-active {
		width: 40px
	}

	.catalog-section-photo-slider {
		padding-bottom: 40px
	}

	.catalog-section-photo-doc .title {
		margin: 53px 0 29px
	}

	.catalog-section-photo-doc-items {
		grid-template-columns: 1fr;
		gap: 35px
	}

	.catalog-section-example-inner .title {
		margin: 53px 0 32px
	}

	.catalog-control {
		padding: 25px 15px 40px
	}

	.catalog-section-mob-table.crowded .catalog-section-mob-table-item:nth-child(n+3) {
		display: none
	}

	.catalog-section-mob-table .catalog-section-mob-table-item:nth-child(n+3),
	.catalog-section-mob-table.crowded .control-more {
		display: block
	}
}

@media (max-width: 575px) {
	.catalog-control-btns {
		flex-flow: row wrap;
	}

	.catalog-control-btns .catalog-control-btn {
		flex: 1 1 calc(50% - 4px);
		display: block;
		max-width: 100%
	}

	.catalog-control-btns #modef {
		width: 100%;
		margin: 4px 0 0 0;
		text-align: center;
	}
}

.useful .about-short-titles-link,
.useful-detail .about-short-titles-link {
	margin-top: 42px
}

.useful-items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px 30px
}

.useful-item-img {
	position: relative;
	height: 0;
	padding-bottom: 75%
}

.useful-item-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px
}

.tags {
	background: #fff;
	border-radius: 5px;
	padding: 26px 15px 33px
}

.tags-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	color: #212121;
	margin-bottom: 15px
}

.tags-item {
	padding: 0 8px;
	background: #bdc3db;
	border-radius: 5px;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	font-family: Roboto, sans-serif
}

.tags-item:hover {
	background: #0e0e9c
}

.tags-items-inner {
	margin-top: 15px
}

.tags-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px
}

.useful-item-desc {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333;
	margin-top: 24px
}

.tags-all {
	display: none;
	background: 0 0;
	border: none;
	padding: 0;
	margin: 0
}

.useful-item:focus .useful-item-desc,
.useful-item:hover .useful-item-desc {
	color: #3c3cae
}

@media (max-width: 1199px) {
	.tags-all.show {
		display: block
	}

	.filled .tags-all-hide {
		display: initial
	}

	.filled .tags-all-show,
	.tags-all-hide {
		display: none
	}

	.aside-question.mod {
		margin-top: 15px
	}

	.useful .tags {
		margin-bottom: 50px
	}

	.tags-all.open {
		display: block
	}

	.tags-items-inner {
		max-height: 88px;
		overflow: hidden
	}

	.tags.filled .tags-items-inner {
		max-height: none
	}

	.tags {
		margin-bottom: 48px
	}

	.tags-all {
		margin-top: 16px;
		font-weight: 700;
		font-size: 15px;
		line-height: 24px;
		text-transform: uppercase;
		color: #818491
	}
}

@media (max-width: 767px) {
	.tags {
		padding: 25px 15px
	}

	.useful .control-more {
		margin-top: 33px
	}

	.useful-items {
		grid-template-columns: 1fr;
		gap: 40px
	}

	.useful .tags {
		margin-bottom: 40px
	}
}

.useful-detail-doc .title {
	margin: 48px 0 38px
}

.useful-detail-used .title {
	margin: 55px 0 42px
}

@media (max-width: 991px) {
	.useful-detail-used .title {
		margin: 55px 0 39px
	}
}

@media (max-width: 767px) {
	.tags {
		margin-bottom: 40px
	}

	.useful-detail .tags {
		margin-bottom: 34px
	}

	.useful-detail-doc .title {
		margin-bottom: 29px
	}

	.useful-detail-used .title {
		margin: 54px 0 32px
	}

	.useful .about-short-titles-link,
	.useful-detail .about-short-titles-link {
		margin-top: 22px
	}
}

.catalog-detail-achievement {
	padding: 0 0 0 20px;
}

.catalog-detail-achievement .promo-product-short-inner {
	grid-template-columns: 1fr;
	gap: 30px
}

.catalog-detail-achievement .promo-product-short-item-img img {
	width: 40px;
	height: 40px
}

.catalog-detail-achievement .promo-product-short-item {
	display: grid;
	grid-template-columns: 40px 1fr;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px
}

.catalog-detail-achievement .promo-product-short-item-title {
	margin: 0;
	text-align: left
}

.catalog-detail-product-slider-img {
	position: relative;
	height: 0;
	padding-bottom: 66%;
	display: block
}

.catalog-detail-product-slider-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	border-radius: 5px
}

.catalog-detail-product-slider-thumbs {
	margin-top: 16px
}

.catalog-detail-product-slider-thumbs .swiper-slide .catalog-detail-product-slider-thumbs-img img {
	border: 2px solid transparent
}

.catalog-detail-product-slider-thumbs .swiper-slide-thumb-active .catalog-detail-product-slider-thumbs-img img {
	border-color: #0e0e9c
}

.catalog-detail-product-slider-thumbs-img {
	position: relative;
	height: 0;
	padding-bottom: 67%
}

.catalog-detail-product-slider-thumbs-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	border-radius: 5px
}

.catalog-detail-product-control-box {
	display: grid;
	grid-template-columns: auto 285px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 25px
}

.catalog-detail-product-control-box + .catalog-detail-product-control-box {
	margin-top: 15px
}

.catalog-detail-product-control .about-short-titles-link {
	margin-top: 23px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end
}

.catalog-detail-product-control-price {
	font-weight: 700;
	font-size: 24px;
	line-height: 20px;
	text-transform: uppercase;
	color: #333
}

.catalog-detail-product-control-desc {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	font-family: Roboto, sans-serif;
	color: #333
}

.catalog-detail-characteristic {
	width: 100%;
	position: relative
}

.catalog-detail-characteristic .subtitle {
	margin: 48px 0 24px
}

.catalog-detail-characteristic-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	position: relative;
	gap: 0 30px
}

.catalog-detail-characteristic-box + .catalog-detail-characteristic-box {
	margin-top: 6px
}

.catalog-detail-characteristic-box::after {
	content: "";
	position: absolute;
	bottom: 6px;
	left: 0;
	width: calc(50% + 9px);
	height: 1px;
	background: #e0e0e0
}

.catalog-detail-characteristic-item-wrapper {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
	line-height: 20px
}

.catalog-detail-characteristic-item-wrapper:first-child span {
	background: #f7f7fb;
	position: relative;
	z-index: 1;
	padding-right: 6px
}

.catalog-detail-characteristic-item-wrapper:nth-child(2n) {
	background: #f7f7fb;
	position: relative;
	z-index: 1
}

.catalog-detail-characteristic-item-wrapper span {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #333
}

.catalog-detail-doc .subtitle,
.catalog-detail-used .subtitle {
	margin: 48px 0 30px
}

.catalog-detail-description-heading {
	margin: 0 0 30px 0;
}

@media (max-width: 1199px) {
	.catalog-detail-achievement {
		padding: 0;
	}

	.catalog-detail-achievement .promo-product-short-inner {
		grid-template-columns: repeat(4, 1fr);
		margin: 40px 0 50px
	}

	.catalog-detail-achievement .promo-product-short-item {
		grid-template-columns: auto
	}

	.catalog-detail-description-heading {
		margin: 0 0 37px 0;
	}

	.catalog-detail-achievement .promo-product-short-item-title {
		text-align: center
	}

	.catalog-detail-characteristic .subtitle {
		margin: 50px 0 24px
	}

	.catalog-detail-doc .subtitle {
		margin: 52px 0 37px
	}

	.catalog-detail-used .subtitle {
		margin: 56px 0 42px
	}
}

@media (max-width: 991px) {
	.catalog-detail-product-control-box {
		grid-template-columns: 1fr;
		gap: 7px
	}

	.catalog-detail-product-control-box.mod {
		grid-template-columns: 1fr auto;
		gap: 15px
	}

	.catalog-detail-product-control-box.mod .btn {
		min-width: 180px
	}

	.catalog-detail-product-control-box + .catalog-detail-product-control-box {
		margin-top: 20px
	}

	.catalog-detail-product-control .about-short-titles-link {
		margin-top: 29px
	}
}

@media (max-width: 767px) {
	.catalog-detail-characteristic .subtitle {
		margin: 46px 0 20px
	}

	.catalog-detail-product-slider-inner .swiper-button-next,
	.catalog-detail-product-slider-inner .swiper-button-prev,
	.catalog-detail-product-slider-thumbs {
		display: none
	}

	.catalog-detail-product-control-box.mod {
		grid-template-columns: 1fr;
		padding-bottom: 15px
	}

	.catalog-detail-product-control-price {
		text-align: center
	}

	.catalog-detail-product-control {
		margin-top: 30px
	}

	.catalog-detail-achievement .promo-product-short-inner {
		grid-template-columns: repeat(2, 1fr);
		margin: 50px 0 55px
	}

	.catalog-detail-description-heading {
		margin: 0 0 29px 0;
	}

	.catalog-detail-doc .subtitle {
		margin: 47px 0 29px
	}

	.catalog-detail-used .subtitle {
		margin: 54px 0 32px
	}

	.catalog-detail-used .catalog-section-example-slider {
		padding-bottom: 50px
	}
}

@media (min-width: 320px) {
	.catalog-detail-product-slider {
		padding-bottom: 50px
	}

	.catalog-detail-product-slider .swiper-pagination {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		bottom: 0
	}

	.catalog-detail-product-slider .swiper-pagination-bullet:after {
		content: "";
		display: block;
		width: 20px;
		height: 2px;
		margin: 0;
		background: #818491;
		-webkit-transition: .25s;
		-o-transition: .25s;
		transition: .25s
	}

	.catalog-detail-product-slider .swiper-pagination .swiper-pagination-bullet-active {
		width: 40px
	}

	.catalog-detail-product-slider .swiper-pagination-bullet-active:after {
		width: 40px;
		background: #0e0e9c
	}
}

@media (min-width: 769px) {
	.catalog-detail-product {
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 30px;
		margin-bottom: 43px
	}

	.catalog-detail-product-inner {
		width: 330px
	}

	.catalog-detail-product-slider {
		padding-bottom: 0
	}

	.catalog-detail-product-slider .swiper-pagination {
		display: none
	}
}

@media (min-width: 992px) {
	.catalog-detail-product-inner {
		width: 450px
	}

	.catalog-detail-product-slider .swiper-pagination {
		display: none
	}
}

@media (min-width: 1200px) {
	.catalog-detail-product-inner {
		width: 350px
	}
}

.answers-items {
	margin-top: 48px
}

.answers-item {
	background: #fff;
	border-radius: 5px;
	padding: 0 0 8px
}

.answers-item .about-short-titles-link {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end
}

.answers-item .answers-item-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333;
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-template-columns: 1fr 32px;
	gap: 15px;
	position: relative;
	padding: 24px 30px 16px;
	cursor: pointer
}

.answers-item .answers-item-title::after {
	content: "";
	display: block;
	position: static;
	width: 32px;
	height: 32px;
	background-image: url(../img/svg/plus-answer.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.answers-item + .answers-item {
	margin-top: 15px
}

.answers-item-info {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 16px;
	margin-top: 0;
	display: none
}

.answers-item.open .answers-item-title::after {
	background-image: url(../img/svg/minus-answer.svg)
}

.services-items {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	margin-top: 48px
}

.services-detail .about-short-titles-link {
	margin-top: 42px
}

@media (max-width: 991px) {
	.services-items {
		margin-top: 41px
	}

	.services-detail .about-short-titles-link {
		margin-top: 34px
	}
}

@media (max-width: 767px) {
	.answers-item .answers-item-title,
	.answers-item-info {
		padding-left: 15px;
		padding-right: 15px
	}

	.answers-item .answers-item-title::after {
		right: 15px
	}

	.services-items {
		margin-top: 33px;
		grid-template-columns: 1fr;
		gap: 15px
	}

	.services-detail .about-short-titles-link {
		margin-top: 26px
	}
}

.production .useful-items {
	margin-top: 42px
}

@media (max-width: 991px) {
	.production .useful-items {
		margin-top: 48px
	}
}

@media (max-width: 767px) {
	.production .useful-items {
		margin-top: 33px
	}
}

.scientific-box .title {
	margin: 64px 0 32px
}

.scientific-box.mod .title {
	margin: 49px 0 31px
}

.scientific-box .info-text {
	margin: 32px 0 49px
}

.scientific-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px 30px
}

.scientific-item-img {
	position: relative;
	height: 0;
	padding-bottom: 141%;
	border-radius: 5px;
	background: #fff;
	display: block;
	overflow: hidden
}

.scientific-item-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px
}

.scientific-item-info {
	display: block;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	margin-top: 24px;
	font-family: Roboto, sans-serif
}

.scientific-item {
	display: block
}

.scientific-item:focus .scientific-item-info,
.scientific-item:hover .scientific-item-info {
	color: #3c3cae
}

@media (max-width: 991px) {
	.scientific-box.mod .title {
		margin: 50px 0 39px
	}

	.scientific-box .title {
		margin: 64px 0 39px
	}

	.scientific-box .info-text {
		margin: 34px 0 41px
	}
}

@media (max-width: 767px) {
	.scientific-box.mod .title {
		margin: 47px 0 32px
	}

	.scientific-box .title {
		margin: 40px 0 32px
	}

	.scientific-items {
		grid-template-columns: repeat(2, 1fr)
	}

	.scientific-box .info-text {
		margin: 27px 0 33px
	}

	.scientific-item-info {
		margin-top: 16px;
		font-size: 15px;
		line-height: 22px
	}
}

.documents-title {
	margin: 49px 0 29px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333
}

@media (max-width: 991px) {
	.documents-title {
		margin: 37px 0 29px
	}
}

@media (max-width: 767px) {
	.documents-title {
		margin: 40px 0 23px
	}
}

.clients-feedback.modal {
	padding: 52px 30px;
	-webkit-box-shadow: none;
	box-shadow: none;
	max-width: none;
	min-height: 598px
}

.clients-feedback .subtitle {
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	text-align: left
}

.clients-feedback .modal-title-inpust {
	margin: 26px 0 35px
}

.clients-feedback .web-check a {
	text-decoration: underline
}

.clients-feedback .web-check .check-box,
.clients-feedback .web-check .check-style {
	top: 0
}

.clients-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333;
	margin-bottom: 15px
}

.clients-box {
	display: grid;
	grid-template-columns: 24px 1fr;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	gap: 14px
}

.clients-box + .clients-box {
	margin-top: 16px
}

.clients-box-info {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-family: Roboto, sans-serif
}

.clients-box-info span {
	display: block
}

.clients-box-info span + span {
	margin-top: 4px
}

.clients-box-info a {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #333
}

.clients-box-info.mod a {
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #333;
	font-family: "Roboto Condensed", sans-serif
}

.clients-box-img img {
	margin-top: 0;
	display: block
}

.clients-slider-img {
	position: relative;
	height: 0;
	padding-bottom: 75%;
	display: block
}

.clients-slider-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px
}

.clients-slider {
	margin-top: 40px
}

.page-inner-contacts {
	padding-bottom: 118px
}

@media (max-width: 1199px) {
	.clients-feedback.modal {
		min-height: auto;
		margin-top: 50px
	}

	.clients-feedback .modal-title-inpust {
		grid-template-columns: repeat(3, 1fr)
	}

	.clients-feedback .modal-title-inpust textarea {
		grid-column: 1/4
	}

	.clients-feedback .btn {
		width: auto;
		display: block;
		margin-left: auto;
		margin-right: auto
	}
}

@media (max-width: 991px) {
	.page-inner-contacts {
		padding-bottom: 64px
	}
}

@media (max-width: 767px) {
	.page-inner-contacts {
		padding-bottom: 60px
	}

	.clients-map-inner.mod {
		height: 480px
	}

	.clients-slider {
		margin-top: 30px;
		padding-bottom: 43px
	}

	.clients-feedback .modal-title-inpust {
		grid-template-columns: 1fr
	}

	.clients-feedback .modal-title-inpust textarea {
		grid-column: 1/2
	}

	.clients-feedback .btn {
		max-width: 100%;
		width: 100%
	}

	.clients-slider .swiper-pagination {
		bottom: 0
	}

	.clients-slider .swiper-pagination-bullet {
		display: block;
		width: 20px;
		min-height: auto;
		min-height: 20px;
		background: 0 0;
		-webkit-transition: .25s;
		-o-transition: .25s;
		transition: .25s;
		border-radius: 0;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.clients-slider .swiper-button-next,
	.clients-slider .swiper-button-prev {
		display: none
	}

	.clients-slider .swiper-pagination-bullet:after {
		content: "";
		display: block;
		width: 20px;
		height: 2px;
		margin: 0;
		background: #818491;
		-webkit-transition: .25s;
		-o-transition: .25s;
		transition: .25s
	}

	.clients-slider .swiper-pagination-bullet-active:after {
		width: 40px;
		background: #0e0e9c
	}

	.clients-slider .swiper-pagination-bullet-active {
		width: 40px
	}

	.clients-feedback.modal {
		margin-top: 30px;
		padding: 35px 15px
	}
}

.search-form-box {
	position: relative
}

.search-form-box input {
	border: none;
	width: 100%;
	background: 0 0;
	border-bottom: 1px solid #ddd;
	padding: 8px 15px;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	font-family: Roboto, sans-serif;
	color: #333
}

.search-form-box input::-webkit-input-placeholder {
	color: #818491
}

.search-form-box input::-moz-placeholder {
	color: #818491
}

.search-form-box input:-ms-input-placeholder {
	color: #818491
}

.search-form-box input::-ms-input-placeholder {
	color: #818491
}

.search-form-box input::placeholder {
	color: #818491
}

.search-form-box button {
	background: 0 0;
	border: none;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 15px;
	bottom: 8px
}

.search-form-box button:hover svg path {
	fill: #0e0e9c
}

.search-form-box button img,
.search-form-box button svg {
	width: 20px;
	height: 20px
}

.search-found,
.search-found-item + .search-found-item {
	margin-top: 50px
}

.search-found-item-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	color: #212121;
	margin-bottom: 16px;
	display: block
}

.search-found-item-title:hover {
	color: #3c3cae
}

.search-found-item-info {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-family: Roboto, sans-serif
}

.search-found-item-info span {
	color: #36369d;
	padding: 5px;
	background: #e6e6fa
}

.search-found-item-data {
	margin-top: 15px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	font-family: Roboto, sans-serif;
	color: #818491;
	display: block
}

.search-found-item-data a {
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	font-family: Roboto, sans-serif;
	color: #818491
}

.search-found-item-data a:hover {
	color: #3c3cae
}

.search-found-item-data a:last-child span {
	display: none
}

.breadcrumbs.search {
	margin-bottom: 50px
}

@media (max-width: 991px) {
	.breadcrumbs.search {
		margin-bottom: 33px
	}
}

@media (max-width: 767px) {
	.breadcrumbs.search {
		margin-bottom: 25px
	}

	.search-found,
	.search-found-item + .search-found-item {
		margin-top: 40px
	}
}

.void-inner {
	min-height: 690px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

.void-inner .about-short-titles-link {
	margin-top: 48px
}

.void-title {
	font-weight: 700;
	font-size: 48px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	color: #212121;
	margin: 0
}

.void-descr {
	margin: 16px 0 0;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #333;
	font-family: Roboto, sans-serif
}

.void-info {
	margin-top: 48px
}

.void-info span {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-family: Roboto, sans-serif;
	display: block;
	max-width: 530px
}

.void-info span + span {
	margin-top: 8px
}

.void-info span a {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #0c0c85;
	font-family: Roboto, sans-serif;
	text-decoration: underline
}

.void-feedback {
	margin-top: 48px
}

.void-feedback span {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	font-family: Roboto, sans-serif;
	color: #333
}

.void-feedback a {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #333
}

.void-feedback .btn {
	margin-top: 25px
}

.void-feedback-links {
	margin-top: 8px
}

.clients-map-inner.contacts {
	height: 540px
}

.clients-map-inner .bx-yandex-view-layout,
.clients-map-inner .bx-yandex-view-map {
	height: 100%;
}

.map-cluster-point {
	width: 24px;
	height: 24px;
	background: #fff;
	border: 2px solid #0E0E9C;
	border-radius: 50%;
}

.map-marker-point {
	width: 18px;
	height: 18px;
	background: #0E0E9C;
	border-radius: 50%;
}


.btn.no-show {
	display: none
}

.subtitle {
	position: relative
}

.anchor {
	position: relative;
	top: -86px
}

.quiz-box .info-text ol,
.quiz-box .info-text ul {
	margin: 0
}

@media (max-width: 1199px) {
	.anchor {
		top: -84px
	}
}

@media (max-width: 991px) {
	.void-inner {
		min-height: 691px
	}

	.void-title {
		font-size: 32px
	}

	.void-descr {
		margin-top: 8px
	}

	.void-info span {
		max-width: 530px
	}
}

@media (max-width: 767px) {
	.anchor {
		top: -68px
	}

	.void-inner {
		min-height: 100vh
	}

	.void-title {
		font-size: 24px;
		line-height: 32px
	}

	.void-descr {
		font-size: 16px;
		text-transform: none
	}

	.void-inner .about-short-titles-link {
		margin-top: 16px
	}

	.void-info span,
	.void-info span a {
		font-size: 14px;
		line-height: 20px
	}

	.void-info span + span {
		margin-top: 12px
	}

	.void-feedback,
	.void-info {
		margin-top: 24px
	}

	.void-feedback {
		max-width: 100%;
		width: 100%
	}

	.void-info span {
		max-width: 100%
	}
}

.promo-product .swiper-button-next.swiper-button-disabled,
.promo-product .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}