/* Generated on: 16.11.2023, 21:55:57 */
@charset "UTF-8";

@font-face {
	font-family: swiper-icons;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	overflow: clip;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block
}

.swiper-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	display: block
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
	-ms-scroll-snap-type: y mandatory;
	scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
	-ms-scroll-snap-type: none;
	scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
	content: "";
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-ordinal-group: 10000;
	-ms-flex-order: 9999;
	order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	-webkit-margin-start: var(--swiper-centered-offset-before);
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	-webkit-margin-before: var(--swiper-centered-offset-before);
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	-webkit-animation: swiper-preloader-spin 1s infinite linear;
	animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size)
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: var(--swiper-navigation-top-offset, 50%);
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	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;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 10px);
	right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto
}

.swiper-button-lock {
	display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: "next"
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 8px);
	top: var(--swiper-pagination-top, auto);
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
	right: var(--swiper-pagination-right, 8px);
	left: var(--swiper-pagination-left, auto);
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top, .2s -webkit-transform;
	transition: .2s top, .2s -webkit-transform;
	transition: .2s transform, .2s top;
	transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left, .2s -webkit-transform;
	transition: .2s left, .2s -webkit-transform;
	transition: .2s transform, .2s left;
	transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right, .2s -webkit-transform;
	transition: .2s right, .2s -webkit-transform;
	transition: .2s transform, .2s right;
	transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
	width: var(--swiper-pagination-progressbar-size, 4px);
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	position: relative;
	-ms-touch-action: none;
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: var(--swiper-scrollbar-sides-offset, 1%);
	bottom: var(--swiper-scrollbar-bottom, 4px);
	top: var(--swiper-scrollbar-top, auto);
	z-index: 50;
	height: var(--swiper-scrollbar-size, 4px);
	width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
	position: absolute;
	left: var(--swiper-scrollbar-left, auto);
	right: var(--swiper-scrollbar-right, 4px);
	top: var(--swiper-scrollbar-sides-offset, 1%);
	z-index: 50;
	width: var(--swiper-scrollbar-size, 4px);
	height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	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;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move;
	-ms-touch-action: none;
	touch-action: none
}

.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube {
	overflow: visible
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
	content: "";
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	-webkit-filter: blur(50px);
	filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-flip {
	overflow: visible
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	-webkit-transition-property: opacity, height, -webkit-transform;
	transition-property: opacity, height, -webkit-transform;
	transition-property: transform, opacity, height;
	transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards {
	overflow: visible
}

.swiper-cards .swiper-slide {
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden
}

*,
::after,
::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent
}

body,
html {
	position: relative;
	padding: 0;
	margin: 0;
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

section {
	position: relative
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	line-height: normal;
	font-weight: 700
}

p {
	padding: 0;
	margin: 0
}

a {
	color: inherit;
	background-color: transparent;
	outline: 0
}

a:hover {
	text-decoration: none;
	color: inherit
}

a:active,
a:focus,
a:hover {
	outline: 0
}

b,
strong {
	font-weight: 700
}

picture {
	line-height: 0
}

img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	border-style: none
}

ol,
ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: 100%;
	line-height: 1.5;
	border: none;
	outline: 0
}

button:active,
button:focus,
button:hover,
input:active,
input:focus,
input:hover,
optgroup:active,
optgroup:focus,
optgroup:hover,
select:active,
select:focus,
select:hover,
textarea:active,
textarea:focus,
textarea:hover {
	outline: 0
}

textarea {
	resize: none;
	overflow: auto
}

button,
input {
	overflow: visible
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

fieldset {
	border: 0 none;
	padding: 0;
	margin: 0
}

figure,
label,
legend {
	margin: 0;
	padding: 0
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

button {
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

button:not(:disabled):not(.disabled):not([class*=“--disabled”]) {
	cursor: pointer
}

@font-face {
	font-family: formular;
	font-display: swap;
	src: url(../fonts/Formular-Bold.woff) format("woff"), url(../fonts/Formular-Bold.woff2) format("woff2"), url(../fonts/Formular-Bold.ttf) format("opentype");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: formular;
	font-display: swap;
	src: url(../fonts/Formular-Medium.woff) format("woff"), url(../fonts/Formular-Medium.woff2) format("woff2"), url(../fonts/Formular-Medium.ttf) format("opentype");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: formular;
	font-display: swap;
	src: url(../fonts/Formular-Regular.woff) format("woff"), url(../fonts/Formular-Regular.woff2) format("woff2"), url(../fonts/Formular-Regular.ttf) format("opentype");
	font-weight: 400;
	font-style: normal
}

body,
html {
	font-variant-numeric: slashed-zero;
	font-family: formular, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #1c1c1c;
	background-color: #fcfeff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.wrapper {
	position: relative;
	width: 100%;
	min-height: 100vh;
	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: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	overflow-x: hidden
}

.main {
	position: relative;
	margin: 0 auto;
	width: 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-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.main>* {
	padding-left: 96px
}

.container {
	position: relative;
	margin: 0 auto;
	padding: 0 30px;
	max-width: 1396px;
	width: 100%
}

h1 {
	position: relative;
	font-size: 72px;
	font-weight: 500;
	line-height: 1.3;
	color: inherit;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

h2 {
	position: relative;
	font-size: 60px;
	font-weight: 500;
	line-height: 1.3;
	color: inherit;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

.menu-opened,
.modal-opened {
	position: fixed;
	right: 0;
	left: 0;
	overflow: hidden
}

.page-head {
	padding-top: 156px;
	padding-bottom: 80px;
	background-color: #f7f8fa;
	margin-bottom: 100px
}

.page-head .crumbs li a,
.page-head .crumbs li span {
	color: #7a7d80;
	opacity: 1
}

.page-head .crumbs li a:hover {
	opacity: 1;
	color: #1c1c1c
}

.page-head .crumbs li svg {
	fill: #7a7d80;
	opacity: 1
}

.page-head p {
	margin-top: 20px;
	max-width: 770px
}

.btn {
	position: relative;
	padding: .375em .75em;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border: none;
	background-color: #0f4999;
	font-weight: 500;
	line-height: 1.5;
	font-size: 1rem;
	color: #f7f8fa;
	text-align: center;
	text-decoration: none;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, background-color, border-color, -webkit-box-shadow;
	transition-property: color, background-color, border-color, -webkit-box-shadow;
	transition-property: color, background-color, border-color, box-shadow;
	transition-property: color, background-color, border-color, box-shadow, -webkit-box-shadow;
	cursor: pointer
}

.btn:focus,
.btn:hover {
	color: #f7f8fa;
	text-decoration: none;
	background-color: #265ba3
}

.btn:active {
	color: #f7f8fa;
	text-decoration: none;
	background-color: #3d6cac
}

.btn.disabled,
.btn:disabled,
.btn[class*="--disabled"] {
	background-color: #9ab2d3;
	pointer-events: none;
	cursor: default
}

.slider-arrow {
	background-color: transparent;
	border: none;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: background-color, opacity;
	transition-property: background-color, opacity
}

.slider-arrow:not(.swiper-button-disabled):hover svg {
	fill: #f7f8fa
}

.slider-arrow.swiper-button-disabled svg {
	opacity: .6
}

.slider-arrow svg {
	width: 24px;
	height: 24px;
	fill: #7a7d80;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: fill, opacity;
	transition-property: fill, opacity
}

.slider-arrow--prev svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.crumbs {
	margin-right: -10px;
	margin-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.crumbs li {
	margin-right: 10px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.crumbs li a,
.crumbs li span {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #f7f8fa;
	opacity: .5
}

.crumbs li a {
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: opacity, color, -webkit-text-decoration;
	transition-property: opacity, color, -webkit-text-decoration;
	transition-property: opacity, text-decoration, color;
	transition-property: opacity, text-decoration, color, -webkit-text-decoration
}

.crumbs li a:hover {
	opacity: 1;
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent
}

.crumbs li svg {
	margin-left: 10px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	fill: #f7f8fa;
	opacity: .5;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100vw;
	height: 100vh;
	background-color: rgba(28, 28, 28, .5);
	opacity: 0;
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out
}

.tabs__button.active,
.tabs__button:disabled {
	pointer-events: none;
	cursor: default
}

.tabs__content {
	-webkit-transition: opacity .2s ease-out, height .2s ease-out;
	transition: opacity .2s ease-out, height .2s ease-out
}

.tabs__content:not(.active) {
	display: none;
	opacity: 0
}

select.select {
	position: absolute
}

.nice-select {
	position: relative;
	padding: 0 30px;
	height: 72px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	background-color: #f7f8fa;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.nice-select.select--placeholder {
	color: #7a7d80
}

.nice-select .current {
	white-space: nowrap
}

.nice-select-dropdown {
	padding: 0 30px 25px;
	background-color: #f7f8fa;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: scale(.75) translateY(19px);
	-ms-transform: scale(.75) translateY(19px);
	transform: scale(.75) translateY(19px);
	-webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
	transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
	z-index: 9;
	opacity: 0
}

.nice-select .list {
	overflow: hidden;
	padding: 0;
	max-height: 165px;
	overflow-y: auto
}

.nice-select .list::-webkit-scrollbar {
	width: 2px
}

.nice-select .list::-webkit-scrollbar-track {
	background-color: #e8e9eb
}

.nice-select .list::-webkit-scrollbar-thumb {
	background-color: #c6c8cc
}

.nice-select .option {
	font-weight: 400;
	line-height: 1.5;
	font-size: 1rem;
	list-style: none;
	outline: 0;
	color: #7a7d80;
	text-align: left;
	-webkit-transition: color .25s ease-out;
	transition: color .25s ease-out;
	cursor: pointer
}

.nice-select .option.selected {
	color: #1c1c1c;
	pointer-events: none
}

.nice-select .option.disabled {
	display: none
}

.nice-select .option:hover {
	color: #1c1c1c
}

.nice-select.open .nice-select-dropdown {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0)
}

.select--from,
.select--to {
	padding-left: 63px
}

.select--from::before,
.select--to::before {
	content: "А";
	position: absolute;
	top: 50%;
	left: 30px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #0f4999;
	font-size: 18px;
	font-weight: 700;
	line-height: 1
}

.select--to::before {
	content: "Б"
}

.form-group {
	position: relative
}

.form-group .form-control.has-danger {
	padding-right: 200px
}

.form-group .text-help {
	position: absolute;
	top: 50%;
	right: 30px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 170px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	text-align: right
}

.form-group .text-help.pristine-error {
	color: #f21818
}

.form-group.has-danger .form-control {
	border: 1px solid #f21818
}

.modal {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	z-index: 1300
}

.modal__wrapper {
	position: relative;
	margin: auto;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background-color: rgba(6, 12, 20, .5);
	padding-left: 96px
}

.modal__wrapper::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

.modal__wrapper::-webkit-scrollbar-track {
	background-color: #e8e9eb
}

.modal__wrapper::-webkit-scrollbar-thumb {
	background-color: #c6c8cc
}

.modal__container {
	position: relative;
	padding: 50px 60px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	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: flex-start;
	max-width: 600px;
	min-height: 100%;
	width: 100%;
	background: #fcfeff;
	-webkit-transform: scale(1) translateX(-100%);
	-ms-transform: scale(1) translateX(-100%);
	transform: scale(1) translateX(-100%);
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform
}

.modal__close-btn {
	position: fixed;
	top: 40px;
	right: 40px;
	display: block;
	width: 48px;
	height: 48px;
	background-color: #ebedf0;
	-webkit-transition: background-color ease-out .3s;
	transition: background-color ease-out .3s;
	cursor: pointer;
	z-index: 10
}

.modal__close-btn::after,
.modal__close-btn::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	display: block;
	width: 14px;
	height: 2px;
	background-color: #7a7d80;
	-webkit-transition: background-color ease-out .3s;
	transition: background-color ease-out .3s
}

.modal__close-btn::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.modal__close-btn:focus,
.modal__close-btn:hover {
	background-color: #0f4999;
	background-color: #0f4999
}

.modal__close-btn:focus::after,
.modal__close-btn:focus::before,
.modal__close-btn:hover::after,
.modal__close-btn:hover::before {
	background-color: #f7f8fa
}

.modal--active {
	opacity: 1
}

.modal--active .modal__container {
	-webkit-transform: scale(1) translateX(0);
	-ms-transform: scale(1) translateX(0);
	transform: scale(1) translateX(0);
	opacity: 1
}

.modal--full .modal__wrapper {
	overflow-y: hidden;
	overflow-x: auto
}

.modal--full .modal__container {
	max-width: initial;
	width: initial;
	max-height: 100%;
	padding: 0
}

.modal--center .modal__wrapper {
	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
}

.modal--center .modal__container {
	-webkit-transform: scale(.9) translateX(0);
	-ms-transform: scale(.9) translateX(0);
	transform: scale(.9) translateX(0);
	opacity: 0
}

.modal--center.modal--active .modal__container {
	-webkit-transform: scale(1) translateX(0);
	-ms-transform: scale(1) translateX(0);
	transform: scale(1) translateX(0);
	opacity: 1
}

.modal--active,
.modal--moved {
	pointer-events: auto
}

.modal--show {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.modal--visible {
	opacity: 1
}

.modal-feedback h2 {
	font-size: 36px;
	font-weight: 500;
	line-height: 1.3;
	color: #1c1c1c
}

.modal-feedback>p {
	margin-top: 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1c1c1c
}

.modal-feedback form {
	display: grid;
	gap: 8px
}

.modal-feedback form input[type=hidden] {
	display: block
}

.modal-feedback form h3 {
	margin-top: 22px;
	color: #7a7d80;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.modal-feedback form label {
	position: relative;
	display: block
}

.modal-feedback form label input,
.modal-feedback form label textarea {
	padding: 0 30px;
	height: 72px;
	width: 100%;
	display: block;
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	background-color: #f7f8fa
}

.modal-feedback form label input::-webkit-input-placeholder,
.modal-feedback form label textarea::-webkit-input-placeholder {
	color: #7a7d80
}

.modal-feedback form label input::-moz-placeholder,
.modal-feedback form label textarea::-moz-placeholder {
	color: #7a7d80
}

.modal-feedback form label input:-ms-input-placeholder,
.modal-feedback form label textarea:-ms-input-placeholder {
	color: #7a7d80
}

.modal-feedback form label input::-ms-input-placeholder,
.modal-feedback form label textarea::-ms-input-placeholder {
	color: #7a7d80
}

.modal-feedback form label input::placeholder,
.modal-feedback form label textarea::placeholder {
	color: #7a7d80
}

.modal-feedback form label textarea {
	padding-top: 23px;
	padding-bottom: 25px;
	resize: none;
	height: 220px
}

.modal-feedback form label.upload-file {
	margin-top: 22px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

.modal-feedback form label.upload-file input {
	border: 0;
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap
}

.modal-feedback form label.upload-file svg {
	margin-right: 10px;
	display: block;
	width: 24px;
	height: 24px;
	fill: #7a7d80;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: fill;
	transition-property: fill
}

.modal-feedback form label.upload-file span {
	color: gray;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: fill;
	transition-property: fill
}

.modal-feedback form label.upload-file:hover svg {
	fill: #0f4999
}

.modal-feedback form label.upload-file:hover span {
	color: #0f4999
}

.modal-feedback form label.upload-file__remove {
	position: relative;
	margin-left: 8px;
	border: 1px solid #1c1c1c;
	background: 0 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: none
}

.modal-feedback form label.upload-file__remove.showed {
	display: block
}

.modal-feedback form label.upload-file__remove::after,
.modal-feedback form label.upload-file__remove::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 8px;
	height: 1px;
	background-color: #1c1c1c
}

.modal-feedback form label.upload-file__remove::before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.modal-feedback form label.upload-file__remove::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.modal-feedback form button[type=submit] {
	margin-top: 22px;
	padding: 0 60px;
	height: 72px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content
}

.modal-feedback form>p {
	margin-top: 22px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #7a7d80
}

.modal-feedback form>p svg {
	margin-right: 5px;
	width: 24px;
	height: 24px;
	fill: #7a7d80;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.modal-feedback form>p a {
	color: inherit;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out text-decoration;
	transition: .25s ease-out text-decoration
}

.modal-feedback form>p a:hover {
	color: inherit;
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent
}

.modal-services {
	height: 100vh;
	min-width: 1800px
}

.modal-services ul {
	height: 100%;
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-template-rows: 28.42% 28.42% 43.15%;
	counter-reset: modal-serv;
	min-width: 100%
}

.modal-services li {
	position: relative;
	width: 100%;
	height: 100%;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	counter-increment: modal-serv
}

.modal-services li a {
	position: relative;
	padding: 9.5vh 50px 4vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	text-decoration: none;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: opacity, background-color;
	transition-property: opacity, background-color;
	overflow-y: auto
}

.modal-services li a::-webkit-scrollbar {
	width: 2px
}

.modal-services li a::-webkit-scrollbar-track {
	background-color: #e8e9eb
}

.modal-services li a::-webkit-scrollbar-thumb {
	background-color: #c6c8cc
}

.modal-services li a:hover {
	background-color: #0f4999
}

.modal-services li a:hover::before {
	color: #f7f8fa
}

.modal-services li a:hover h3 {
	color: #f7f8fa
}

.modal-services li a:hover p {
	color: #f7f8fa
}

.modal-services li a::before {
	content: counter(modal-serv);
	position: absolute;
	top: 4vh;
	left: 50px;
	color: #7a7d80;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	-webkit-transition: .25s ease-out color;
	transition: .25s ease-out color
}

.modal-services li a h3 {
	margin-top: 30px;
	color: #1c1c1c;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
	-webkit-transition: .25s ease-out color;
	transition: .25s ease-out color
}

.modal-services li a p {
	margin-top: 10px;
	color: #7a7d80;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	-webkit-transition: .25s ease-out color;
	transition: .25s ease-out color
}

.modal-services li:nth-child(1) {
	grid-column: 1/4;
	grid-row: 1/4
}

.modal-services li:nth-child(1) a {
	background-color: #181f29
}

.modal-services li:nth-child(1) a:hover {
	background-color: #143461
}

.modal-services li:nth-child(1) a::before {
	left: 60px
}

.modal-services li:nth-child(1) a h3 {
	color: #fff
}

.modal-services li:nth-child(1) a p {
	color: #fff
}

.modal-services li:nth-child(2) {
	grid-column: 4/7;
	grid-row: 1/3
}

.modal-services li:nth-child(2) a {
	background-color: #f7f8fa
}

.modal-services li:nth-child(2) a:hover {
	background-color: #0f4999
}

.modal-services li:nth-child(3) {
	grid-column: 7/10;
	grid-row: 1/2
}

.modal-services li:nth-child(3) a {
	background-color: #f0f2f5
}

.modal-services li:nth-child(3) a:hover {
	background-color: #0f4999
}

.modal-services li:nth-child(3) a .modal-services__img {
	position: absolute
}

.modal-services li:nth-child(3) .modal-services__img {
	top: 4vh;
	right: 0;
	bottom: 4vh;
	width: 40%
}

.modal-services li:nth-child(3) .modal-services__img img {
	width: 100%;
	height: 100%;
	-o-object-position: right center;
	object-position: right center
}

.modal-services li:nth-child(3) h3 {
	margin-top: 0;
	width: 58%
}

.modal-services li:nth-child(3) p {
	width: 58%
}

.modal-services li:nth-child(4) {
	grid-column: 7/10;
	grid-row: 2/3
}

.modal-services li:nth-child(4) a {
	background-color: #fcfdff
}

.modal-services li:nth-child(4) a:hover {
	background-color: #0f4999
}

.modal-services li:nth-child(4) a .modal-services__img {
	position: absolute
}

.modal-services li:nth-child(4) .modal-services__img {
	top: 40px;
	right: 0;
	bottom: 40px;
	width: 40%
}

.modal-services li:nth-child(4) .modal-services__img img {
	width: 100%;
	height: 100%;
	-o-object-position: right center;
	object-position: right center
}

.modal-services li:nth-child(4) h3 {
	margin-top: 0;
	width: 58%
}

.modal-services li:nth-child(4) p {
	width: 58%
}

.modal-services li:nth-child(5) {
	grid-column: 4/6;
	grid-row: 3/4
}

.modal-services li:nth-child(5) a {
	padding-top: 6.5vh;
	background-color: #fcfeff
}

.modal-services li:nth-child(5) a:hover {
	background-color: #0f4999
}

.modal-services li:nth-child(5) a .modal-services__img {
	max-height: 50%
}

.modal-services li:nth-child(6) {
	grid-column: 6/8;
	grid-row: 3/4
}

.modal-services li:nth-child(6) a {
	padding-top: 6.5vh;
	background-color: #f7f8fa
}

.modal-services li:nth-child(6) a:hover {
	background-color: #0f4999
}

.modal-services li:nth-child(6) a .modal-services__img {
	margin-right: -50px;
	width: calc(100% + 50px);
	max-height: 50%
}

.modal-services li:nth-child(6) a img {
	width: 100%;
	height: 100%;
	-o-object-position: right center;
	object-position: right center
}

.modal-services li:nth-child(7) {
	grid-column: 8/10;
	grid-row: 3/4
}

.modal-services li:nth-child(7) a {
	padding-top: 6.5vh;
	background-color: #f7f8fa
}

.modal-services li:nth-child(7) a:hover {
	background-color: #0f4999
}

.modal-services li:nth-child(7) a .modal-services__img {
	max-height: 50%
}

.modal-services li:nth-child(-n+9) a:before {
	content: "0" counter(modal-serv)
}

.modal-services__img {
	margin-top: auto;
	margin-bottom: auto;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 100%;
	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;
	height: initial;
	max-height: 50%
}

.modal-services__img img {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center
}

.modal-charity {
	background-color: #f7f8fa;
	display: grid;
	grid-template-columns: 600px auto
}

.modal-charity__content {
	padding: 50px 60px;
	max-width: 600px;
	height: 100vh;
	background-color: #fcfeff;
	overflow-y: auto
}

.modal-charity__content::-webkit-scrollbar {
	width: 4px
}

.modal-charity__content::-webkit-scrollbar-track {
	background-color: #e8e9eb
}

.modal-charity__content::-webkit-scrollbar-thumb {
	background-color: #c6c8cc
}

.modal-charity h3 {
	color: #1c1c1c;
	font-size: 36px;
	font-weight: 500;
	line-height: 1.3
}

.modal-charity p {
	margin-top: 20px;
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.modal-charity img {
	margin: auto;
	display: block;
	padding: 100px;
	height: auto;
	max-height: 100vh;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center
}

.modal-portfolio {
	background-color: #f7f8fa;
	display: grid;
	grid-template-columns: 600px calc(100% - 600px)
}

.modal-portfolio__content {
	padding: 50px 60px;
	max-width: 600px;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fcfeff;
	overflow-y: auto
}

.modal-portfolio__content::-webkit-scrollbar {
	width: 4px
}

.modal-portfolio__content::-webkit-scrollbar-track {
	background-color: #e8e9eb
}

.modal-portfolio__content::-webkit-scrollbar-thumb {
	background-color: #c6c8cc
}

.modal-portfolio h3 {
	color: #1c1c1c;
	font-size: 36px;
	font-weight: 500;
	line-height: 1.3
}

.modal-portfolio p {
	margin-top: 20px;
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.modal-portfolio ul {
	margin-top: 20px;
	margin-bottom: 20px
}

.modal-portfolio ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.modal-portfolio ul li:not(:first-child) {
	margin-top: 10px
}

.modal-portfolio ul li span:first-child {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #7a7d80;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.modal-portfolio ul li span:first-child::after {
	content: "";
	display: block;
	margin: 0 10px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 0;
	border-bottom: 1px dotted #7a7d80
}

.modal-portfolio ul li span:last-child {
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5
}

.modal-portfolio .portfolio-direction {
	margin-top: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	color: #1c1c1c;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3
}

.modal-portfolio .portfolio-direction div {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.modal-portfolio .portfolio-direction div::before {
	content: "А";
	margin-right: 10px;
	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: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #0f4999;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	color: #f7f8fa
}

.modal-portfolio .portfolio-direction div:last-child {
	margin-top: 30px
}

.modal-portfolio .portfolio-direction div:last-child::before {
	content: "Б"
}

.modal-portfolio .portfolio-direction div:last-child::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 17px;
	display: block;
	height: 30px;
	border-right: 2px dotted #0f4999
}

.modal-portfolio__gallery {
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.modal-portfolio__gallery-main {
	position: relative;
	padding: 100px 124px;
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.modal-portfolio__gallery-main .swiper-slide {
	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
}

.modal-portfolio__gallery-main .slider-arrow {
	position: absolute;
	top: calc(50% - 12px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.modal-portfolio__gallery-main .slider-arrow svg {
	fill: #0f4999
}

.modal-portfolio__gallery-main .slider-arrow:not(.swiper-button-disabled):hover svg {
	fill: #1c1c1c
}

.modal-portfolio__gallery-main .slider-arrow.swiper-button-disabled {
	pointer-events: none
}

.modal-portfolio__gallery-main .slider-arrow--prev {
	left: 50px
}

.modal-portfolio__gallery-main .slider-arrow--next {
	right: 50px
}

.modal-portfolio__gallery-thumb {
	overflow: hidden;
	height: 96px;
	background-color: #f0f2f5
}

.modal-portfolio__gallery-thumb .swiper-wrapper {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.modal-portfolio__gallery-thumb .swiper-slide {
	height: 60px;
	width: auto;
	opacity: .5;
	cursor: pointer;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.modal-portfolio__gallery-thumb .swiper-slide:hover {
	opacity: 1
}

.modal-portfolio__gallery-thumb .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
	pointer-events: none
}

.modal-thanks {
	position: relative;
	overflow: hidden
}

.modal-thanks h2 {
	position: relative;
	font-size: 36px;
	font-weight: 500;
	line-height: 1.3;
	color: #1c1c1c
}

.modal-thanks>p {
	position: relative;
	margin-top: 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1c1c1c
}

.modal-thanks__manager {
	position: absolute;
	right: -55px;
	bottom: 0;
	width: 100%;
	height: 76%;
	background-image: url(../img/ask/manager.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom
}

.modal-thanks__manager-sign {
	position: absolute;
	top: 20%;
	left: 4%;
	padding-right: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-right: 2px solid #0f4999;
	text-align: right
}

.modal-thanks__manager-sign::after {
	content: "*";
	position: absolute;
	top: 0;
	left: calc(100% + 12px);
	color: #0f4999;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35
}

.modal-thanks__manager-name {
	color: #1c1c1c;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35
}

.modal-thanks__manager-status {
	margin-top: 5px;
	color: #7a7d80;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5
}

.modal-thanks__home-link {
	position: relative;
	margin-top: auto;
	padding: 0 60px;
	height: 72px
}

.modal-thanks-center {
	position: relative;
	margin: auto;
	max-width: 840px;
	height: 480px;
	min-height: initial;
	-ms-flex-item-align: center;
	align-self: center
}

.modal-thanks-center h2 {
	position: relative;
	font-size: 36px;
	font-weight: 500;
	line-height: 1.3;
	color: #1c1c1c;
	max-width: 480px
}

.modal-thanks-center>p {
	position: relative;
	margin-top: 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1c1c1c;
	max-width: 480px
}

.modal-thanks-center__manager {
	position: absolute;
	right: -55px;
	bottom: 0;
	width: 100%;
	height: 126%;
	background-image: url(../img/ask/manager.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom
}

.modal-thanks-center__manager-sign {
	position: absolute;
	top: 56%;
	left: 27%;
	padding-right: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-right: 2px solid #0f4999;
	text-align: right
}

.modal-thanks-center__manager-sign::after {
	content: "*";
	position: absolute;
	top: 0;
	left: calc(100% + 12px);
	color: #0f4999;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35
}

.modal-thanks-center__manager-name {
	color: #1c1c1c;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35
}

.modal-thanks-center__manager-status {
	margin-top: 5px;
	color: #7a7d80;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5
}

.modal-thanks-center__home-link {
	position: relative;
	margin-top: auto;
	padding: 0 60px;
	height: 72px
}

.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 96px;
	padding-left: 176px;
	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;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	z-index: 1200;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: background-color, border-color;
	transition-property: background-color, border-color
}

.header>* {
	margin-right: 80px
}

.header__logo {
	position: relative;
	display: block;
	height: 40px
}

.header__logo::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background-image: url(../img/logo-text-black.svg);
	background-size: 100% 100%;
	opacity: 0;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.header__logo img {
	position: relative;
	z-index: 1;
	display: block;
	height: 100%;
	width: auto;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.header__nav {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-item-align: stretch;
	align-self: stretch
}

.header__nav>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	height: 100%
}

.header__nav>ul>li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header__nav>ul>li:not(:first-child) {
	margin-left: 50px
}

.header__nav>ul>li>a,
.header__nav>ul>li>span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: #f7f8fa;
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-text-decoration;
	transition-property: color, -webkit-text-decoration;
	transition-property: text-decoration, color;
	transition-property: text-decoration, color, -webkit-text-decoration
}

.header__nav>ul>li>a svg,
.header__nav>ul>li>span svg {
	margin-left: 5px;
	width: 24px;
	height: 24px;
	fill: #f7f8fa;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: fill;
	transition-property: fill
}

.header__nav>ul>li>a:hover,
.header__nav>ul>li>span:hover {
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	color: #7a7d80
}

.header__nav>ul>li>a:hover svg,
.header__nav>ul>li>span:hover svg {
	fill: #7a7d80
}

.header__nav>ul>li ul {
	position: absolute;
	top: calc(100% + 1px);
	left: -30px;
	padding: 20px 30px;
	background-color: #181f29
}

.header__nav>ul>li ul li:not(:first-child) {
	margin-top: 10px
}

.header__nav>ul>li ul a {
	color: #f7f8fa;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	text-wrap: nowrap;
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-text-decoration;
	transition-property: color, -webkit-text-decoration;
	transition-property: text-decoration, color;
	transition-property: text-decoration, color, -webkit-text-decoration
}

.header__nav>ul>li ul a:hover {
	color: #7a7d80;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor
}

.header__nav-dd ul {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.header__nav-dd.showed ul {
	opacity: 1;
	pointer-events: all
}

.header__contacts {
	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: flex-start
}

.header__phone {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: #f7f8fa;
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-text-decoration;
	transition-property: color, -webkit-text-decoration;
	transition-property: text-decoration, color;
	transition-property: text-decoration, color, -webkit-text-decoration
}

.header__phone svg {
	position: absolute;
	left: -34px;
	top: 0;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.header__phone:hover {
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	color: #7a7d80
}

.header__messengers {
	margin-top: 4px;
	margin-right: 9px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.header__messengers a {
	color: #7a7d80;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	text-decoration-line: underline currentColor;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-text-decoration;
	transition-property: color, -webkit-text-decoration;
	transition-property: text-decoration, color;
	transition-property: text-decoration, color, -webkit-text-decoration
}

.header__messengers a:not(:first-child) {
	margin-left: 5px
}

.header__messengers a:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #7a7d80
}

.header__language {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header__language label {
	position: relative;
	display: block
}

.header__language label:not(:first-child) {
	margin-left: 20px
}

.header__language label:hover span {
	opacity: 1
}

.header__language label input {
	position: absolute;
	opacity: 0;
	pointer-events: none
}

.header__language label input:checked+span {
	opacity: 1;
	cursor: default;
	pointer-events: none
}

.header__language label span {
	display: block;
	color: #f7f8fa;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	opacity: .4;
	cursor: pointer;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.header__open-menu-btn {
	position: relative;
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	background-color: #0f4999;
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1;
	-webkit-transition: .25s ease-out background-color;
	transition: .25s ease-out background-color
}

.header__open-menu-btn::after,
.header__open-menu-btn::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	display: block;
	width: 14px;
	height: 2px;
	background-color: #f7f8fa;
	opacity: 0;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.header__open-menu-btn::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.header__open-menu-btn svg {
	width: 24px;
	height: 24px;
	fill: #f7f8fa;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.header__open-menu-btn:focus,
.header__open-menu-btn:hover {
	background-color: #265ba3
}

.header__open-menu-btn.cross::after,
.header__open-menu-btn.cross::before {
	opacity: 1
}

.header__open-menu-btn.cross svg {
	opacity: 0
}

.header__calc-btn {
	position: relative;
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	background-color: transparent;
	border-left: 1px solid var(--sep-black-op, rgba(255, 255, 255, .1));
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: background-color, border-color;
	transition-property: background-color, border-color
}

.header__calc-btn::after,
.header__calc-btn::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	display: block;
	width: 14px;
	height: 2px;
	background-color: #1c1c1c;
	opacity: 0;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.header__calc-btn::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.header__calc-btn svg {
	width: 24px;
	height: 24px;
	fill: #f7f8fa;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.header__calc-btn:focus,
.header__calc-btn:hover {
	background-color: #265ba3
}

.header__calc-btn.cross::after,
.header__calc-btn.cross::before {
	opacity: 1
}

.header__calc-btn.cross svg {
	opacity: 0
}

.header__phone-btn {
	position: relative;
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	background-color: transparent;
	border-left: 1px solid var(--sep-black-op, rgba(255, 255, 255, .1));
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: background-color, border-color;
	transition-property: background-color, border-color
}

.header__phone-btn::after,
.header__phone-btn::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	display: block;
	width: 14px;
	height: 2px;
	background-color: #1c1c1c;
	opacity: 0;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.header__phone-btn::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.header__phone-btn svg {
	width: 24px;
	height: 24px;
	fill: #f7f8fa;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.header__phone-btn.cross::after,
.header__phone-btn.cross::before {
	opacity: 1
}

.header__phone-btn.cross svg {
	opacity: 0
}

.header__phone-btn:focus,
.header__phone-btn:hover {
	background-color: #265ba3
}

.header--white {
	background-color: #fcfeff;
	border-color: #e8e9eb
}

.header--white .header__logo::before {
	opacity: 1
}

.header--white .header__logo img {
	opacity: 0
}

.header--white .header__nav>ul>li>a,
.header--white .header__nav>ul>li>span {
	color: #1c1c1c
}

.header--white .header__nav>ul>li>a svg,
.header--white .header__nav>ul>li>span svg {
	fill: #1c1c1c
}

.header--white .header__nav>ul>li>a:hover,
.header--white .header__nav>ul>li>span:hover {
	color: #7a7d80
}

.header--white .header__nav>ul>li>a:hover svg,
.header--white .header__nav>ul>li>span:hover svg {
	fill: #7a7d80
}

.header--white .header__nav>ul>li ul {
	background-color: #f7f8fa
}

.header--white .header__nav>ul>li ul a {
	color: #1c1c1c
}

.header--white .header__nav>ul>li ul a:hover {
	color: #7a7d80
}

.header--white .header__phone {
	color: #1c1c1c
}

.header--white .header__phone:hover {
	color: #7a7d80
}

.header--white .header__calc-btn {
	border-color: #e8e9eb
}

.header--white .header__calc-btn svg {
	fill: #1c1c1c
}

.header--white .header__calc-btn:hover svg {
	fill: #f7f8fa
}

.header--white .header__phone-btn {
	border-color: #e8e9eb
}

.header--white .header__phone-btn svg {
	fill: #1c1c1c
}

.header--white .header__phone-btn:hover svg {
	fill: #f7f8fa
}

.side-menu {
	position: fixed;
	bottom: 0;
	left: 96px;
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-width: 100vh;
	z-index: 1400
}

.side-menu__services {
	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;
	background-color: #0f4999;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	color: #f7f8fa;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .8px;
	text-transform: uppercase
}

.side-menu__services i {
	position: relative;
	margin-right: 15px;
	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
}

.side-menu__services i::after,
.side-menu__services i::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	display: block;
	width: 14px;
	height: 2px;
	background-color: #f7f8fa;
	opacity: 0;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.side-menu__services i::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.side-menu__services svg {
	width: 24px;
	height: 24px;
	fill: #f7f8fa;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.side-menu__services.cross i::after,
.side-menu__services.cross i::before {
	opacity: 1
}

.side-menu__services.cross svg {
	opacity: 0
}

.side-menu__calc {
	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;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 96px;
	height: 96px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	background-color: #181f29;
	color: #f7f8fa;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.35;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: background-color;
	transition-property: background-color
}

.side-menu__calc i {
	position: relative;
	margin-bottom: 10px;
	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
}

.side-menu__calc i::after,
.side-menu__calc i::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	display: block;
	width: 14px;
	height: 2px;
	background-color: #f7f8fa;
	opacity: 0;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.side-menu__calc i::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.side-menu__calc svg {
	width: 24px;
	height: 24px;
	fill: #f7f8fa;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.side-menu__calc.cross i::after,
.side-menu__calc.cross i::before {
	opacity: 1
}

.side-menu__calc.cross svg {
	opacity: 0
}

.side-menu__calc:focus,
.side-menu__calc:hover {
	color: #f7f8fa;
	text-decoration: none;
	background-color: #2e353e
}

.side-menu__calc:active {
	color: #f7f8fa;
	text-decoration: none;
	background-color: #454a53
}

.side-menu__phone {
	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;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 96px;
	height: 96px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	background-color: #181f29;
	color: #f7f8fa;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.35;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: background-color;
	transition-property: background-color
}

.side-menu__phone i {
	position: relative;
	margin-bottom: 10px;
	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
}

.side-menu__phone i::after,
.side-menu__phone i::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	display: block;
	width: 14px;
	height: 2px;
	background-color: #f7f8fa;
	opacity: 0;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.side-menu__phone i::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.side-menu__phone svg {
	width: 24px;
	height: 24px;
	fill: #f7f8fa;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.side-menu__phone.cross i::after,
.side-menu__phone.cross i::before {
	opacity: 1
}

.side-menu__phone.cross svg {
	opacity: 0
}

.side-menu__phone:focus,
.side-menu__phone:hover {
	color: #f7f8fa;
	text-decoration: none;
	background-color: #2e353e
}

.side-menu__phone:active {
	color: #f7f8fa;
	text-decoration: none;
	background-color: #454a53
}

.mobile-menu {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-transition: height .25s ease-out;
	transition: height .25s ease-out;
	width: 100%;
	background-color: #f7f8fa;
	z-index: 1200
}

.mobile-menu.showed {
	height: calc(100vh - 78px)
}

.mobile-menu__nav>li {
	border-bottom: 1px solid #e8e9eb
}

.mobile-menu__nav>li svg {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 24px;
	height: 24px;
	fill: #1c1c1c;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: fill, -webkit-transform;
	transition-property: fill, -webkit-transform;
	transition-property: fill, transform;
	transition-property: fill, transform, -webkit-transform
}

.mobile-menu__nav>li.mobile-menu__service-item {
	background-color: #181f29;
	text-transform: uppercase;
	letter-spacing: .75px
}

.mobile-menu__nav>li.mobile-menu__service-item>a,
.mobile-menu__nav>li.mobile-menu__service-item>span {
	color: #f7f8fa
}

.mobile-menu__nav>li.mobile-menu__service-item svg {
	fill: #f7f8fa
}

.mobile-menu__nav>li>a,
.mobile-menu__nav>li>span {
	padding: 20px 30px;
	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;
	color: #1c1c1c;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none
}

.mobile-menu__nav>li>ul {
	display: none;
	padding-top: 5px;
	padding-left: 30px
}

.mobile-menu__nav>li>ul li {
	margin-top: 10px;
	padding-left: 15px
}

.mobile-menu__nav>li>ul a {
	color: #1c1c1c;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	text-decoration: none;
	-webkit-transition: .25s ease-out color;
	transition: .25s ease-out color
}

.mobile-menu__nav>li>ul a:hover {
	color: #7a7d80
}

.mobile-menu__nav-dd {
	padding-top: 20px;
	padding-bottom: 20px
}

.mobile-menu__nav-dd>a,
.mobile-menu__nav-dd>span {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.mobile-menu__info {
	margin-top: auto;
	padding: 40px 30px;
	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: flex-start
}

.mobile-menu__contacts {
	padding-left: 34px;
	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: flex-start
}

.mobile-menu__phone {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: #1c1c1c;
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-text-decoration;
	transition-property: color, -webkit-text-decoration;
	transition-property: text-decoration, color;
	transition-property: text-decoration, color, -webkit-text-decoration
}

.mobile-menu__phone svg {
	position: absolute;
	left: -34px;
	top: 0;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.mobile-menu__phone:hover {
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	color: #7a7d80
}

.mobile-menu__messengers {
	margin-top: 10px;
	margin-right: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.mobile-menu__messengers a {
	color: #7a7d80;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	text-decoration-line: underline currentColor;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-text-decoration;
	transition-property: color, -webkit-text-decoration;
	transition-property: text-decoration, color;
	transition-property: text-decoration, color, -webkit-text-decoration
}

.mobile-menu__messengers a:not(:first-child) {
	margin-left: 5px
}

.mobile-menu__messengers a:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #7a7d80
}

.mobile-menu__mail {
	margin-top: 20px;
	padding-left: 34px
}

.mobile-menu__mail a {
	position: relative;
	display: block;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.5;
	color: #1c1c1c;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-text-decoration;
	transition-property: color, -webkit-text-decoration;
	transition-property: text-decoration, color;
	transition-property: text-decoration, color, -webkit-text-decoration
}

.mobile-menu__mail a svg {
	position: absolute;
	left: -34px;
	top: 0;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.mobile-menu__mail a:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #7a7d80
}

.mobile-menu__socials {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.mobile-menu__socials li:not(:first-child) {
	margin-left: 10px
}

.mobile-menu__socials 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: 28px;
	height: 28px;
	background-color: #0f4999;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color
}

.mobile-menu__socials a:hover {
	background-color: #7a7d80
}

.mobile-menu__socials a:hover svg {
	fill: #f7f8fa
}

.mobile-menu__socials svg {
	width: 24px;
	height: 24px;
	fill: #f7f8fa;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: fill;
	transition-property: fill
}

.mobile-menu__language {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #7a7d80;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5
}

.mobile-menu__language label {
	position: relative;
	display: block;
	margin-left: 20px
}

.mobile-menu__language label:hover span {
	opacity: 1
}

.mobile-menu__language label input {
	position: absolute;
	opacity: 0;
	pointer-events: none
}

.mobile-menu__language label input:checked+span {
	opacity: 1;
	cursor: default;
	pointer-events: none
}

.mobile-menu__language label span {
	display: block;
	color: #1c1c1c;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	opacity: .4;
	cursor: pointer;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.mobile-menu .mobile-menu-services {
	position: absolute;
	top: 0;
	left: 100%;
	height: initial;
	width: 100%;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: initial;
	background-color: #fcfeff;
	padding-bottom: 8px;
	-webkit-transition: .25s ease-out transform;
	transition: .25s ease-out transform
}

.mobile-menu .mobile-menu-services.showed {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.mobile-menu .mobile-menu-services.scrolled {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.mobile-menu .mobile-menu-services__back-btn {
	background-color: #181f29;
	text-transform: uppercase;
	letter-spacing: .75px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 20px 30px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	color: #f7f8fa
}

.mobile-menu .mobile-menu-services__back-btn svg {
	margin-right: 10px;
	width: 24px;
	height: 24px;
	fill: #f7f8fa;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: fill, -webkit-transform;
	transition-property: fill, -webkit-transform;
	transition-property: fill, transform;
	transition-property: fill, transform, -webkit-transform
}

.mobile-menu .mobile-menu-services ul {
	margin-top: 8px;
	height: initial;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: initial;
	gap: 8px;
	grid-auto-rows: 1fr;
	counter-reset: menu-serv
}

.mobile-menu .mobile-menu-services li {
	position: relative;
	width: 100%;
	height: initial;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	counter-increment: menu-serv
}

.mobile-menu .mobile-menu-services li:nth-child(-n+9) a:before {
	content: "0" counter(menu-serv)
}

.mobile-menu .mobile-menu-services li:nth-child(3) .mobile-menu-services__img,
.mobile-menu .mobile-menu-services li:nth-child(4) .mobile-menu-services__img,
.mobile-menu .mobile-menu-services li:nth-child(6) .mobile-menu-services__img {
	margin-right: -56px
}

.mobile-menu .mobile-menu-services li a {
	position: relative;
	padding: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 100%;
	min-height: 150px;
	height: 100%;
	text-decoration: none;
	background-color: #f7f8fa;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: opacity, background-color;
	transition-property: opacity, background-color;
	overflow-y: auto
}

.mobile-menu .mobile-menu-services li a::-webkit-scrollbar {
	width: 2px
}

.mobile-menu .mobile-menu-services li a::-webkit-scrollbar-track {
	background-color: #e8e9eb
}

.mobile-menu .mobile-menu-services li a::-webkit-scrollbar-thumb {
	background-color: #c6c8cc
}

.mobile-menu .mobile-menu-services li a:hover {
	background-color: #0f4999
}

.mobile-menu .mobile-menu-services li a:hover::before {
	color: #f7f8fa
}

.mobile-menu .mobile-menu-services li a:hover h3 {
	color: #f7f8fa
}

.mobile-menu .mobile-menu-services li a::before {
	content: counter(menu-serv);
	position: absolute;
	left: 30px;
	top: 24px;
	color: #7a7d80;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	-webkit-transition: .25s ease-out color;
	transition: .25s ease-out color
}

.mobile-menu .mobile-menu-services li a h3 {
	margin-top: 40px;
	margin-bottom: 8px;
	-ms-flex-item-align: end;
	align-self: flex-end;
	max-width: 60%;
	color: #1c1c1c;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.35;
	-webkit-transition: .25s ease-out color;
	transition: .25s ease-out color
}

.mobile-menu .mobile-menu-services__img {
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: -30px;
	width: 400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: initial
}

.mobile-menu .mobile-menu-services__img img {
	max-width: 280px;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: left center;
	object-position: left center
}

.footer {
	position: relative;
	background-color: #181f29;
	padding-left: 96px
}

.footer__top {
	border-top: 1px solid rgba(255, 255, 255, .1);
	padding: 80px 0
}

.footer__top .container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px
}

.footer__column:nth-child(2) {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3
}

.footer__column:nth-child(3) {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

.footer__column:nth-child(4) {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4
}

.footer__logo {
	display: block;
	height: 40px
}

.footer__logo img {
	display: block;
	height: 100%;
	width: auto
}

.footer__desc {
	margin-top: 30px;
	max-width: 250px;
	color: #7a7d80;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5
}

.footer__block-title {
	margin-bottom: 20px;
	color: #f7f8fa;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .8px;
	text-transform: uppercase
}

.footer__links-list li {
	color: #7a7d80;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5
}

.footer__links-list li:not(:last-child) {
	margin-bottom: 10px
}

.footer__links-list li a {
	color: inherit;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out text-decoration;
	transition: .25s ease-out text-decoration
}

.footer__links-list li a:hover {
	color: inherit;
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent
}

.footer__contacts {
	padding-left: 34px;
	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: flex-start
}

.footer__phone {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.5;
	color: #f7f8fa;
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-text-decoration;
	transition-property: color, -webkit-text-decoration;
	transition-property: text-decoration, color;
	transition-property: text-decoration, color, -webkit-text-decoration
}

.footer__phone svg {
	position: absolute;
	left: -34px;
	top: 0;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.footer__phone:hover {
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	color: #7a7d80
}

.footer__messengers {
	margin-top: 10px;
	margin-right: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.footer__messengers a {
	color: #7a7d80;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	text-decoration-line: underline currentColor;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-text-decoration;
	transition-property: color, -webkit-text-decoration;
	transition-property: text-decoration, color;
	transition-property: text-decoration, color, -webkit-text-decoration
}

.footer__messengers a:not(:first-child) {
	margin-left: 5px
}

.footer__messengers a:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #7a7d80
}

.footer__location {
	margin-top: 20px;
	padding-left: 34px;
	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: flex-start
}

.footer__address {
	position: relative;
	max-width: 220px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: #f7f8fa
}

.footer__address svg {
	position: absolute;
	left: -34px;
	top: 0;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.footer__map-link {
	margin-top: 10px;
	color: #7a7d80;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	text-decoration-line: underline currentColor;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-text-decoration;
	transition-property: color, -webkit-text-decoration;
	transition-property: text-decoration, color;
	transition-property: text-decoration, color, -webkit-text-decoration
}

.footer__map-link:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #7a7d80
}

.footer__mail {
	margin-top: 20px;
	padding-left: 34px
}

.footer__mail a {
	position: relative;
	display: block;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: #f7f8fa;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-text-decoration;
	transition-property: color, -webkit-text-decoration;
	transition-property: text-decoration, color;
	transition-property: text-decoration, color, -webkit-text-decoration
}

.footer__mail a svg {
	position: absolute;
	left: -34px;
	top: 0;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.footer__mail a:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #7a7d80
}

.footer__socials {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.footer__socials li:not(:first-child) {
	margin-left: 10px
}

.footer__socials 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: 28px;
	height: 28px;
	background-color: #1f2733;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color
}

.footer__socials a:hover {
	background-color: #7a7d80
}

.footer__socials a:hover svg {
	fill: #1c1c1c
}

.footer__socials svg {
	width: 24px;
	height: 24px;
	fill: #7a7d80;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: fill;
	transition-property: fill
}

.footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, .1);
	padding: 20px 0
}

.footer__bottom .container {
	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
}

.footer__data {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #7a7d80;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5
}

.footer__data>:not(:first-child) {
	margin-left: 30px
}

.footer__data a {
	color: inherit;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out text-decoration;
	transition: .25s ease-out text-decoration
}

.footer__data a:hover {
	color: inherit;
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent
}

.footer__created {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #7a7d80;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	text-decoration: none
}

.footer__created svg {
	margin-left: 10px;
	display: block;
	height: 11px;
	width: 52px;
	fill: #7a7d80;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: fill;
	transition-property: fill
}

.footer__created:hover {
	text-decoration: none;
	color: #7a7d80
}

.footer__created:hover svg {
	fill: #f7f8fa
}

.cover {
	position: relative;
	color: #f7f8fa;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1
}

.cover::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	background-color: rgba(10, 15, 20, .75);
	z-index: -1
}

.cover .container {
	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;
	padding-top: 246px;
	padding-bottom: 120px
}

.cover h1 {
	margin-bottom: 20px;
	max-width: 1000px
}

.cover p {
	margin-bottom: 60px;
	max-width: 770px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: inherit
}

.cover__btn {
	padding: 0 60px;
	height: 72px;
	-ms-flex-item-align: start;
	align-self: flex-start
}

.cover__scroll-down {
	position: absolute;
	bottom: 40px;
	left: 30px;
	display: block;
	width: 24px;
	height: 24px
}

.cover__scroll-down svg {
	width: 24px;
	height: 24px;
	fill: #f7f8fa;
	-webkit-transition: .25s ease-out fill;
	transition: .25s ease-out fill
}

.cover__scroll-down::after {
	content: "";
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	display: block
}

.cover__scroll-down:hover svg {
	fill: #0f4999
}

.cover .calc-cost {
	margin-top: auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 302px
}

.cover .calc-cost .nice-select:not(:first-of-type) {
	border-left: 1px solid #e8e9eb
}

.cover .calc-cost button[type=submit] {
	height: 72px;
	width: 100%
}

.cover--home {
	background-image: -webkit-image-set(url("../img/cover-home.jpg") 1x, url("../img/cover-home@2x.jpg") 2x);
	background-image: image-set("../img/cover-home.jpg" 1x, "../img/cover-home@2x.jpg" 2x)
}

.cover--home h1 {
	max-width: initial
}

.cover--service {
	background-image: -webkit-image-set(url("../img/cover-service.jpg") 1x, url("../img/cover-service@2x.jpg") 2x);
	background-image: image-set("../img/cover-service.jpg" 1x, "../img/cover-service@2x.jpg" 2x)
}

.cover--about {
	background-image: -webkit-image-set(url("../img/cover-about.jpg") 1x, url("../img/cover-about@2x.jpg") 2x);
	background-image: image-set("../img/cover-about.jpg" 1x, "../img/cover-about@2x.jpg" 2x)
}

.directions {
	padding-top: 100px;
	padding-bottom: 140px;
	color: #1c1c1c
}

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

.directions__content {
	padding: 40px 0 60px;
	max-width: 560px
}

.directions__content p {
	margin-top: 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: inherit
}

.directions__map {
	margin-left: -28px;
	margin-bottom: -160px;
	width: 780px;
	max-width: 60%;
	-ms-flex-item-align: center;
	align-self: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-image: url(../img/directions/map.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right
}

.directions__map::before {
	content: "";
	display: block;
	padding-top: 71.6494845361%
}

.directions__types {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px
}

.directions__types li {
	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;
	width: 100%;
	padding: 40px 40px 40px 84px;
	background-color: #f7f8fa;
	color: #1c1c1c
}

.directions__types svg {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 24px;
	height: 24px;
	fill: #0f4999;
	-webkit-transition: .25s ease-out fill;
	transition: .25s ease-out fill
}

.directions__types h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
	color: inherit
}

.directions__types p {
	margin-top: 10px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: inherit
}

.about-first {
	position: relative;
	padding-top: 80px;
	padding-bottom: 60px;
	background-color: #181f29;
	color: #f7f8fa;
	z-index: 1
}

.about-first::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-image: -webkit-image-set(url("../img/about-bg.png") 1x, url("../img/about-bg@2x.png") 2x);
	background-image: image-set("../img/about-bg.png" 1x, "../img/about-bg@2x.png" 2x);
	background-size: contain;
	background-position: bottom right;
	background-repeat: no-repeat;
	z-index: -1
}

.about-first__content {
	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: flex-start;
	max-width: 780px
}

.about-first__content p {
	margin-top: 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: inherit;
	max-width: 560px
}

.about-first__content a {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #0f4999;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	text-decoration-line: underline;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out text-decoration;
	transition: .25s ease-out text-decoration
}

.about-first__content a svg {
	margin-left: 10px;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.about-first__content a:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #0f4999
}

.about-first .advantages-transp {
	margin-top: 60px
}

.about-first__navigation {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.about-first__navigation .slider-arrow.swiper-button-disabled {
	pointer-events: none
}

.about-first__navigation .slider-arrow--next {
	margin-left: 20px
}

.about-first__navigation .swiper-pagination-progressbar {
	position: relative;
	margin-left: 50px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 2px;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 0;
	overflow: hidden
}

.about-first__navigation .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #0f4999;
	border-radius: 0
}

.about-second {
	position: relative;
	padding-top: 140px;
	padding-bottom: 110px;
	color: #1c1c1c
}

.about-second__content {
	position: relative;
	max-width: 770px
}

.about-second__content::after {
	content: "";
	position: absolute;
	top: -20px;
	left: 90%;
	display: block;
	width: 106%;
	height: 150%;
	background-image: -webkit-image-set(url("../img/about-bg-2.png") 1x, url("../img/about-bg-2@2x.png") 2x);
	background-image: image-set("../img/about-bg-2.png" 1x, "../img/about-bg-2@2x.png" 2x);
	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat
}

.about-second__content h2 {
	z-index: 1
}

.about-second__content p {
	position: relative;
	margin-top: 25px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: inherit;
	max-width: 560px;
	z-index: 1
}

.about-second .achievements {
	margin-top: 100px
}

.achievements {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px 8px
}

.achievements li {
	max-width: 310px
}

.achievements h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.achievements h3 b {
	font-size: 72px;
	font-weight: 500;
	line-height: 1;
	color: #0f4999
}

.achievements h3>span {
	margin-top: 40px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
	color: #1c1c1c
}

.achievements p {
	margin-top: 10px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1c1c1c
}

.about-service {
	padding-top: 140px;
	padding-bottom: 180px;
	color: #1c1c1c
}

.about-service p {
	margin-top: 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: inherit;
	max-width: 660px
}

.about-service ul li {
	position: relative;
	padding-left: 16px;
}

.about-service ul li::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: currentColor;
}

.about-service h3 {
	margin-top: 40px;
	color: #1c1c1c;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35
}

.about-service__slider {
	margin-top: 30px;
	overflow-x: hidden;
	width: calc(100% + (100vw - 100%)/ 2);
	padding-right: calc((100vw - 100%)/ 2);
	overflow-x: hidden;
	counter-reset: also-links
}

.about-service-card {
	padding: 40px 50px;
	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: flex-start;
	width: 328px;
	background-color: #f7f8fa;
	counter-increment: also-links;
	height: initial
}

.about-service-card::before {
	content: counter(also-links);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #7a7d80;
	/* margin-bottom: auto */
	margin-bottom: 1.875rem;
}

.about-service-card:nth-child(-n+9):before {
	content: "0" counter(also-links)
}

.about-service-card h4 {
	/* margin-top: 30px; */
	min-height: 3.375rem;
	color: #1c1c1c;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35
}

.about-service-card p {
	margin-top: 10px;
	color: #7a7d80;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.about-service__navigation {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.about-service__navigation .slider-arrow:not(.swiper-button-disabled):hover svg {
	fill: #0f4999
}

.about-service__navigation .slider-arrow.swiper-button-disabled {
	pointer-events: none
}

.about-service__navigation .slider-arrow--next {
	margin-left: 20px
}

.about-service__navigation .swiper-pagination-progressbar {
	position: relative;
	margin-left: 50px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 2px;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 0;
	overflow: hidden
}

.about-service__navigation .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #0f4999;
	border-radius: 0
}

.portfolio {
	padding-top: 140px;
	padding-bottom: 180px
}

.portfolio .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.portfolio__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px 8px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.portfolio__content p {
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.portfolio__content a {
	grid-column: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #0f4999;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	text-decoration-line: underline;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out text-decoration;
	transition: .25s ease-out text-decoration
}

.portfolio__content a svg {
	margin-left: 10px;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.portfolio__content a:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #0f4999
}

.portfolio__works {
	margin-top: 60px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px
}

.portfolio__more-link {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: center;
	align-self: center;
	color: #0f4999;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	text-decoration-line: underline;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	background-color: initial;
	-webkit-transition: .25s ease-out text-decoration;
	transition: .25s ease-out text-decoration
}

.portfolio__more-link svg {
	margin-right: 10px;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.portfolio__more-link:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #0f4999
}

.portfolio-work {
	position: relative;
	padding: 40px;
	height: 360px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #f7f8fa;
	z-index: 1;
	text-decoration: none;
	background-size: cover;
	background-position: center;
	cursor: pointer
}

.portfolio-work:hover {
	color: #f7f8fa
}

.portfolio-work:hover::before {
	opacity: .6
}

.portfolio-work::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 12, 20, .4)), to(rgba(6, 12, 20, .75)));
	background: linear-gradient(180deg, rgba(6, 12, 20, .4) 0, rgba(6, 12, 20, .75) 100%);
	opacity: 1;
	z-index: -1;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.portfolio-work .portfolio-direction {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	color: inherit
}

.portfolio-work .portfolio-direction div {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.portfolio-work .portfolio-direction div::before {
	content: "А";
	margin-right: 10px;
	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: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #0f4999;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1
}

.portfolio-work .portfolio-direction div:last-child {
	margin-top: 30px
}

.portfolio-work .portfolio-direction div:last-child::before {
	content: "Б"
}

.portfolio-work .portfolio-direction div:last-child::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 17px;
	display: block;
	height: 30px;
	border-right: 2px dotted #0f4999
}

.portfolio-work h3 {
	margin-top: auto;
	color: inherit;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35
}

.portfolio-work p {
	display: none
}

.portfolio-work ul {
	display: none
}

.portfolio-main>.container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.portfolio-main__works {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px
}

.portfolio-main__more-link {
	margin-top: 50px;
	margin-bottom: 140px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: center;
	align-self: center;
	color: #0f4999;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	text-decoration-line: underline;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out text-decoration;
	transition: .25s ease-out text-decoration
}

.portfolio-main__more-link svg {
	margin-right: 10px;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.portfolio-main__more-link:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #0f4999
}

.contact-us {
	padding-top: 80px;
	padding-bottom: 60px;
	background-color: #181f29;
	color: #f7f8fa;
	z-index: 1
}

.contact-us::before {
	content: "";
	position: absolute;
	bottom: 100px;
	right: 0;
	display: block;
	width: 50vw;
	height: 30vw;
	max-height: 120%;
	background-image: -webkit-image-set(url("../img/contact-us-truck.png") 1x, url("../img/contact-us-truck@2x.png") 2x);
	background-image: image-set("../img/contact-us-truck.png" 1x, "../img/contact-us-truck@2x.png" 2x);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	z-index: -1
}

@media (min-width: 1920.98px) {
	.contact-us::before {
		height: 25vw;

	}
}

.contact-us h2 {
	margin-top: 70px
}

.contact-us p {
	margin-top: 20px;
	max-width: 550px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: inherit
}

.contact-us form {
	margin-top: 110px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 264px
}

.contact-us form label {
	position: relative;
	height: 72px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.contact-us form label:not(:first-of-type) {
	border-left: 1px solid #e8e9eb
}

.contact-us form label span {
	position: absolute;
	top: 50%;
	left: 30px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #0f4999;
	font-size: 18px;
	font-weight: 700;
	line-height: 1
}

.contact-us form label input {
	padding: 0 30px;
	height: 100%;
	width: 100%;
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	background-color: #f7f8fa
}

.contact-us form label input::-webkit-input-placeholder {
	color: #7a7d80
}

.contact-us form label input::-moz-placeholder {
	color: #7a7d80
}

.contact-us form label input:-ms-input-placeholder {
	color: #7a7d80
}

.contact-us form label input::-ms-input-placeholder {
	color: #7a7d80
}

.contact-us form label input::placeholder {
	color: #7a7d80
}

.contact-us form button[type=submit] {
	height: 72px;
	width: 100%
}

.contact-us__personal-data {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #7a7d80
}

.contact-us__personal-data svg {
	margin-right: 5px;
	width: 24px;
	height: 24px;
	fill: #7a7d80;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.contact-us__personal-data a {
	color: inherit;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out text-decoration;
	transition: .25s ease-out text-decoration
}

.contact-us__personal-data a:hover {
	color: inherit;
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent
}

.history {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #f7f8fa
}

.history p {
	margin-top: 20px;
	color: #1c1c1c;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	max-width: 660px
}

.history__pagi-years {
	position: relative;
	margin-top: 50px;
	height: 122px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	overflow-x: auto
}

.history__pagi-years::-webkit-scrollbar {
	height: 2px
}

.history__pagi-years::-webkit-scrollbar-track {
	background-color: #e8e9eb
}

.history__pagi-years::-webkit-scrollbar-thumb {
	background-color: #c6c8cc
}

.history__pagi-years>div {
	position: relative;
	padding-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.history__pagi-years>div::before {
	content: "";
	position: absolute;
	left: 0;
	top: 17px;
	right: 0;
	height: 2px;
	background-color: #0f4999
}

.history__pagi-years .year-bullet {
	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: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 190px;
	min-width: 140px;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.history__pagi-years .year-bullet::before {
	content: "";
	margin-bottom: 20px;
	display: block;
	width: 16px;
	height: 16px;
	background-color: #0f4999;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 8px rgba(15, 73, 153, .25);
	box-shadow: 0 0 0 8px rgba(15, 73, 153, .25);
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.history__pagi-years .year-bullet span {
	font-size: 48px;
	font-weight: 500;
	line-height: 1.3;
	color: #0f4999;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-transform;
	transition-property: color, -webkit-transform;
	transition-property: color, transform;
	transition-property: color, transform, -webkit-transform
}

.history__pagi-years .year-bullet:not(.year-bullet--active) {
	cursor: pointer;
	pointer-events: all
}

.history__pagi-years .year-bullet:not(.year-bullet--active)::before {
	-webkit-transform: scale(.625);
	-ms-transform: scale(.625);
	transform: scale(.625)
}

.history__pagi-years .year-bullet:not(.year-bullet--active) span {
	color: #7a7d80;
	-webkit-transform: scale(.4166);
	-ms-transform: scale(.4166);
	transform: scale(.4166)
}

.history__pagi-years .year-bullet:not(.year-bullet--active):hover::before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.history__pagi-years .year-bullet:not(.year-bullet--active):hover span {
	color: #0f4999
}

.history__slider {
	position: relative;
	margin-top: 14px;
	overflow: hidden
}

.history__slider .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.history__slider .swiper-slide img {
	margin-right: 4px;
	width: calc(50% - 4px);
	max-height: 600px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.history__slider .swiper-slide div {
	margin-left: 4px;
	width: calc(50% - 4px);
	max-width: 590px;
	padding-bottom: 50px;
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.history__slider .swiper-slide div p+p {
	margin-top: 16px
}

.history__slider-arrows {
	position: absolute;
	bottom: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 590px;
	width: calc(50% - 4px);
	z-index: 1
}

.history__slider-arrows .slider-arrow {
	margin-right: 20px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.history__slider-arrows .slider-arrow svg {
	fill: #0f4999
}

.history__slider-arrows .slider-arrow:not(.swiper-button-disabled):hover svg {
	fill: #0f4999;
	opacity: .8
}

.clients {
	padding-top: 140px;
	padding-bottom: 140px;
	overflow-x: hidden
}

.clients__head {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 8px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1c1c1c
}

.clients__head h2 {
	grid-column: 1/3
}

.clients__slider {
	margin-top: 60px;
	width: calc(100% + (100vw - 100%)/ 2);
	padding-right: calc((100vw - 100%)/ 2);
	overflow-x: hidden
}

.clients__slider .swiper-slide {
	padding: 28px 33px;
	width: initial;
	background-color: #f7f8fa;
	-webkit-transition: .25s ease-out background-color;
	transition: .25s ease-out background-color
}

.clients__slider .swiper-slide img {
	display: block;
	width: 150px;
	height: 73px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center
}

.clients__slider .swiper-slide:hover {
	background-color: #e1e2e4
}

.clients__navigation {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.clients__navigation .slider-arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.clients__navigation .slider-arrow:not(.swiper-button-disabled):hover svg {
	fill: #0f4999
}

.clients__navigation .slider-arrow.swiper-button-disabled {
	pointer-events: none
}

.clients__navigation .slider-arrow.swiper-button-lock {
	display: none
}

.clients__navigation .slider-arrow--next {
	margin-left: 20px
}

.clients__navigation .swiper-pagination-progressbar {
	position: relative;
	margin-left: 50px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 2px;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 0;
	overflow: hidden
}

.clients__navigation .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #0f4999;
	border-radius: 0
}

.career .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.career__background {
	position: absolute;
	top: 0;
	right: 50%;
	width: calc(50% + (100vw - 100%)/ 2 - 20px);
	height: 100%;
	background-color: #181f29;
	background-image: -webkit-image-set(url("../img/career/background.png") 1x, url("../img/career/background@2x.png") 2x), url(../img/bg-circles.svg);
	background-image: image-set("../img/career/background.png" 1x, "../img/career/background@2x.png" 2x), url(../img/bg-circles.svg);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right
}

.career__background::after {
	content: "";
	position: absolute;
	right: -30px;
	bottom: 0;
	width: 100%;
	height: calc(100% - 20px);
	background-image: -webkit-image-set(url("../img/career/man.png") 1x, url("../img/career/man@2x.png") 2x);
	background-image: image-set("../img/career/man.png" 1x, "../img/career/man@2x.png" 2x);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom
}

.career__content {
	margin-left: auto;
	padding: 60px 0 76px;
	width: calc(50% - 20px);
	max-width: 550px;
	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: flex-start
}

.career__content>p {
	margin-top: 20px;
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.career h3 {
	margin-top: 40px;
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5
}

.career ul li {
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	color: #1c1c1c;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5
}

.career ul li svg {
	margin-right: 10px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.career__vacancies-link {
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #0f4999;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	text-decoration-line: underline;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out text-decoration;
	transition: .25s ease-out text-decoration
}

.career__vacancies-link svg {
	margin-left: 10px;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.career__vacancies-link:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #0f4999
}

.see-also {
	padding-top: 120px;
	padding-bottom: 120px;
	color: #1c1c1c
}

.see-also .container p {
	margin-top: 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: inherit;
	max-width: 660px
}

.see-also__slider {
	margin-top: 60px;
	overflow-x: hidden;
	counter-reset: also-links
}

.see-also-card {
	padding: 40px 50px;
	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: flex-start;
	width: 440px;
	background-color: #f7f8fa;
	counter-increment: also-links
}

.see-also-card::before {
	content: counter(also-links);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #7a7d80
}

.see-also-card:nth-child(-n+9):before {
	content: "0" counter(also-links)
}

.see-also h3 {
	margin-top: 30px;
	color: #1c1c1c;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35
}

.see-also p {
	margin-top: 10px;
	margin-bottom: 30px;
	color: #7a7d80;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.see-also a {
	margin-top: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #0f4999;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	text-decoration-line: underline;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out text-decoration;
	transition: .25s ease-out text-decoration
}

.see-also a svg {
	margin-left: 10px;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.see-also a:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #0f4999
}

.see-also__navigation {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.see-also__navigation .slider-arrow:not(.swiper-button-disabled):hover svg {
	fill: #0f4999
}

.see-also__navigation .slider-arrow.swiper-button-disabled {
	pointer-events: none
}

.see-also__navigation .slider-arrow--next {
	margin-left: 20px
}

.see-also__navigation .swiper-pagination-progressbar {
	position: relative;
	margin-left: 50px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 2px;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 0;
	overflow: hidden
}

.see-also__navigation .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #0f4999;
	border-radius: 0
}

.advantages {
	padding-bottom: 100px;
	background-color: #f7f8fa
}

.advantages__wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.advantages__left {
	padding-top: 100px;
	padding-bottom: 30px;
	width: calc(50% - 4px);
	max-width: 550px
}

.advantages__left p {
	margin-top: 20px
}

.advantages__right {
	position: relative;
	width: calc(50% - 4px)
}

.advantages__right::before {
	content: "";
	margin-right: auto;
	display: block;
	width: 100%;
	height: 100%;
	max-width: 550px;
	background-image: -webkit-image-set(url("../img/loader.png") 1x, url("../img/loader@2x.png") 2x);
	background-image: image-set("../img/loader.png" 1x, "../img/loader@2x.png" 2x);
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat
}

.advantages__right .safety {
	position: absolute;
	top: 0;
	right: 0;
	padding: 40px 30px 15px;
	width: 230px;
	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;
	background-color: #0f4999
}

.advantages__right .safety::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	width: 0;
	height: 0;
	border-left: 115px solid transparent;
	border-right: 115px solid transparent;
	border-top: 50px solid #0f4999
}

.advantages__right .safety__percent {
	color: #fff;
	text-align: center;
	font-size: 60px;
	font-weight: 500;
	line-height: .8
}

.advantages__right .safety__title {
	margin-top: 30px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3
}

.advantages__right .safety__text {
	margin-top: 5px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5
}

.advantages__list {
	margin-top: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr auto;
	gap: 30px 8px
}

.advantages__list li>svg {
	margin-bottom: 40px;
	fill: #0f4999;
	width: 60px;
	height: 60px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.advantages__list li>h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
	color: #1c1c1c
}

.advantages__list li>p {
	margin-top: 5px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #7a7d80
}

.advantages-more-link {
	padding: 35px 40px;
	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: flex-start;
	width: 328px;
	border: 1px solid #e8e9eb
}

.advantages-more-link__number {
	color: #0f4999;
	text-align: center;
	font-size: 60px;
	font-weight: 500;
	line-height: 1
}

.advantages-more-link__text {
	margin-top: 30px;
	color: #1c1c1c;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35
}

.advantages-more-link__link {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #0f4999;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	text-decoration-line: underline;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out text-decoration;
	transition: .25s ease-out text-decoration
}

.advantages-more-link__link svg {
	margin-left: 10px;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.advantages-more-link__link:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #0f4999
}

.advantages-transp {
	margin-top: 60px;
	overflow-x: hidden
}

.advantages-transp__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px
}

.advantages-transp__item {
	padding: 40px;
	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: flex-start;
	background-color: #1f2733;
	height: initial;
	width: 100%
}

.advantages-transp__item svg {
	margin-bottom: 40px;
	fill: #0f4999;
	width: 60px;
	height: 60px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.advantages-transp__item h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.35;
	color: #f7f8fa
}

.advantages-transp__item h3 b {
	margin-bottom: 60px;
	height: 40px;
	font-size: 77px;
	font-weight: 500;
	line-height: 1;
	color: #0f4999
}

.advantages-transp__item p {
	margin-top: 10px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #f7f8fa
}

.advantages-transp__item--white {
	background-color: #f7f8fa
}

.advantages-transp__item--white h3 {
	font-weight: 500;
	color: #1c1c1c
}

.advantages-transp__item--white p {
	color: #1c1c1c
}

.advantages-transp__item--accent {
	background-color: #0f4999
}

.advantages-transp__item--accent h3 b {
	color: #f7f8fa
}

.advantages-transp--slider .advantages-transp__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0
}

.advantages-transp--slider .advantages-transp__item {
	width: 328px
}

.advantages-more {
	padding-top: 120px
}

.advantages-more .container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px
}

.advantages-more__head {
	max-width: 550px
}

.advantages-more p {
	margin-top: 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1c1c1c
}

.advantages-more ul {
	max-width: 660px;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 8px;
	counter-reset: advantages-more
}

.advantages-more ul li {
	padding: 10px 0;
	border-bottom: 1px solid var(--sep, #e8e9eb);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	counter-increment: advantages-more
}

.advantages-more ul li::before {
	content: counter(advantages-more);
	margin-right: 32px;
	font-size: 60px;
	font-weight: 500;
	line-height: 1.3;
	color: #0f4999
}

.advantages-more ul li:nth-child(-n+9):before {
	content: "0" counter(advantages-more)
}

.advantages-more ul li p {
	max-width: 440px
}

.ask .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ask__background {
	position: absolute;
	top: 0;
	left: calc((100vw - 100% - 96px)/ -2);
	width: calc(41.66% + (100vw - 100% - 96px)/ 2 - 4px);
	height: 100%;
	background-color: #181f29;
	background-image: url(../img/bg-circles.svg);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right
}

.ask__background::before {
	content: "";
	position: absolute;
	right: -50px;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-image-set(url("../img/ask/manager.png") 1x, url("../img/ask/manager@2x.png") 2x);
	background-image: image-set("../img/ask/manager.png" 1x, "../img/ask/manager@2x.png" 2x);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom
}

.ask__manager {
	position: absolute;
	top: 140px;
	right: 360px;
	padding-right: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-right: 2px solid #0f4999;
	text-align: right
}

.ask__manager::after {
	content: "*";
	position: absolute;
	top: 0;
	left: calc(100% + 12px);
	color: #0f4999;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35
}

.ask__manager-name {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35
}

.ask__manager-status {
	margin-top: 5px;
	color: #7a7d80;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5
}

.ask__content {
	margin-left: auto;
	padding: 30px 0;
	width: calc(50% - 4px);
	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: flex-start
}

.ask__content p {
	margin-top: 20px;
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.ask .ask-form {
	margin-top: 30px
}

.ask .ask-form>:not(:first-child) {
	margin-top: 30px
}

.ask .ask-form__group {
	margin-right: -8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.ask .ask-form__group label {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-preferred-size: calc(50% - 8px);
	flex-basis: calc(50% - 8px)
}

.ask .ask-form__group .text-help {
	top: 100%;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	right: initial;
	left: 0
}

.ask .ask-form h3 {
	margin-bottom: 8px;
	color: #7a7d80;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	width: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.ask .ask-form label {
	position: relative;
	margin-right: 8px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: block
}

.ask .ask-form label input,
.ask .ask-form label textarea {
	padding: 0 30px;
	height: 72px;
	width: 100%;
	display: block;
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	background-color: #f7f8fa
}

.ask .ask-form label input::-webkit-input-placeholder,
.ask .ask-form label textarea::-webkit-input-placeholder {
	color: #7a7d80
}

.ask .ask-form label input::-moz-placeholder,
.ask .ask-form label textarea::-moz-placeholder {
	color: #7a7d80
}

.ask .ask-form label input:-ms-input-placeholder,
.ask .ask-form label textarea:-ms-input-placeholder {
	color: #7a7d80
}

.ask .ask-form label input::-ms-input-placeholder,
.ask .ask-form label textarea::-ms-input-placeholder {
	color: #7a7d80
}

.ask .ask-form label input::placeholder,
.ask .ask-form label textarea::placeholder {
	color: #7a7d80
}

.ask .ask-form label textarea {
	padding-top: 23px;
	padding-bottom: 25px;
	resize: none;
	height: 200px
}

.ask .ask-form__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ask .ask-form__bottom p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #7a7d80
}

.ask .ask-form__bottom p svg {
	margin-right: 5px;
	width: 24px;
	height: 24px;
	fill: #7a7d80;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.ask .ask-form__bottom p a {
	color: inherit;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out text-decoration;
	transition: .25s ease-out text-decoration
}

.ask .ask-form__bottom p a:hover {
	color: inherit;
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent
}

.ask .ask-form button[type=submit] {
	margin-right: 30px;
	padding: 0 60px;
	height: 72px
}

.services-main__list {
	margin-bottom: 140px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
	counter-reset: serv-other
}

.services-other {
	padding-top: 120px;
	padding-bottom: 180px
}

.services-other .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.services-other .container>p {
	margin-top: 20px;
	max-width: 660px;
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.services-other ul {
	margin-top: 60px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
	counter-reset: serv-other
}

.services-other__more-link {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: center;
	align-self: center;
	color: #0f4999;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	text-decoration-line: underline;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	background-color: initial;
	-webkit-transition: .25s ease-out text-decoration;
	transition: .25s ease-out text-decoration
}

.services-other__more-link svg {
	margin-right: 10px;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.services-other__more-link:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #0f4999
}

.serv-other-card {
	padding: 40px 0 40px 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-decoration: none;
	width: 100%;
	background-color: #f7f8fa;
	-webkit-transition: .25s ease-out background-color;
	transition: .25s ease-out background-color
}

.serv-other-card:hover {
	background-color: #0f4999
}

.serv-other-card:hover .serv-other-card__content::before {
	color: #f7f8fa
}

.serv-other-card:hover h3 {
	color: #f7f8fa
}

.serv-other-card:hover p {
	color: #f7f8fa
}

.serv-other-card__content {
	padding-right: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 50%;
	counter-increment: serv-other
}

.serv-other-card__content::before {
	content: counter(serv-other);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #7a7d80;
	-webkit-transition: .25s ease-out color;
	transition: .25s ease-out color
}

.serv-other-card__content:nth-child(-n+9):before {
	content: "0" counter(serv-other)
}

.serv-other-card h3 {
	margin-top: 30px;
	color: #1c1c1c;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
	-webkit-transition: .25s ease-out color;
	transition: .25s ease-out color
}

.serv-other-card p {
	margin-top: 10px;
	color: #7a7d80;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	-webkit-transition: .25s ease-out color;
	transition: .25s ease-out color
}

.serv-other-card img {
	display: block;
	width: 50%;
	height: 240px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: right center;
	object-position: right center
}

.charity-main__docs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px
}

.charity-doc {
	padding: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #f7f8fa;
	-webkit-transition: .25s ease-out background-color;
	transition: .25s ease-out background-color;
	cursor: pointer
}

.charity-doc:hover {
	background-color: #0f4999
}

.charity-doc:hover h3 {
	color: #f7f8fa
}

.charity-doc:hover p {
	color: #f7f8fa
}

.charity-doc img {
	max-width: 100%;
	max-height: 364px;
	height: auto;
	display: block;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	-ms-flex-item-align: center;
	align-self: center
}

.charity-doc h3 {
	margin-top: 38px;
	color: #1c1c1c;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
	-webkit-transition: .25s ease-out color;
	transition: .25s ease-out color
}

.charity-doc p {
	margin-top: 10px;
	overflow: hidden;
	color: #7a7d80;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	-webkit-transition: .25s ease-out color;
	transition: .25s ease-out color
}

.vacancies__list {
	margin-bottom: 140px;
	display: grid;
	gap: 8px
}

.vacancy-item {
	position: relative;
	padding: 50px 60px;
	background-color: #f7f8fa;
	cursor: pointer;
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 0 60px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.vacancy-item:hover .vacancy-item__arrow {
	background-color: #0f4999
}

.vacancy-item:hover .vacancy-item__arrow svg {
	fill: #fff
}

.vacancy-item img {
	display: block;
	border-radius: 50%;
	overflow: hidden;
	width: 180px;
	height: 180px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.vacancy-item h2 {
	margin-top: 10px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
	color: #1c1c1c
}

.vacancy-item p {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1c1c1c
}

.vacancy-item p:first-of-type {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	color: #7a7d80
}

.vacancy-item p:last-child {
	margin-top: 10px
}

.vacancy-item__arrow {
	-ms-flex-negative: 0;
	flex-shrink: 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;
	background-color: #ebedf0;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: background-color, -webkit-transform;
	transition-property: background-color, -webkit-transform;
	transition-property: transform, background-color;
	transition-property: transform, background-color, -webkit-transform
}

.vacancy-item__arrow svg {
	width: 24px;
	height: 24px;
	fill: #0f4999;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: fill;
	transition-property: fill
}

.vacancy-item__body {
	grid-column: 2;
	font-size: 1rem;
	font-weight: 400;
	color: #1c1c1c
}

.vacancy-item__body>* {
	margin-top: 10px
}

.vacancy-item__body>:first-child {
	margin-top: 0
}

.vacancy-item__body h3 {
	margin-top: 30px;
	font-size: inherit;
	font-weight: 500;
	line-height: 1.5;
	color: inherit
}

.vacancy-item__body ul {
	margin-top: 10px
}

.vacancy-item__body ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.vacancy-item__body ul li::before {
	content: "";
	display: block;
	margin-top: 11px;
	margin-right: 10px;
	border-bottom: 2px solid #0f4999;
	width: 14px;
	height: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.vacancy-item__body ul li:not(:first-child) {
	margin-top: 10px
}

.vacancy-item__body ol {
	list-style-type: lower-latin
}

.vacancy-item__body li,
.vacancy-item__body p {
	font-size: inherit;
	font-weight: inherit;
	line-height: 1.5;
	color: inherit
}

.vacancy-item__respond-btn {
	margin-top: 30px;
	padding: 0 60px;
	height: 72px
}

.vacancy-item:not(.show)>.vacancy-item__body {
	display: none
}

.vacancy-item.show .vacancy-item__arrow::after,
.vacancy-item.slidedown .vacancy-item__arrow::after {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.tax-main__reports {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px
}

.tax-report {
	padding: 35px 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #f7f8fa;
	text-decoration: none;
	min-height: 240px;
	-webkit-transition: .25s ease-out background-color;
	transition: .25s ease-out background-color;
	cursor: pointer
}

.tax-report:hover {
	background-color: #0f4999
}

.tax-report:hover h3 {
	color: #fff
}

.tax-report:hover p span {
	color: #fff
}

.tax-report:hover p svg {
	opacity: 1
}

.tax-report h3 {
	margin-bottom: 30px;
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	-webkit-transition: .25s ease-out color;
	transition: .25s ease-out color
}

.tax-report p {
	margin-top: auto;
	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
}

.tax-report p span {
	color: #7a7d80;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	-webkit-transition: .25s ease-out color;
	transition: .25s ease-out color
}

.tax-report p svg {
	margin-left: 30px;
	width: 24px;
	height: 24px;
	fill: #fff;
	opacity: 0;
	-webkit-transition: .25s ease-out opacity;
	transition: .25s ease-out opacity
}

.contacts-main__wrap {
	margin-bottom: 100px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px 8px
}

.contacts-main__info {
	padding-left: 58px;
	max-width: 550px;
	display: grid;
	gap: 30px
}

.contacts-main__data {
	padding-top: 5px;
	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: flex-start
}

.contacts-main__phone {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 500;
	font-size: 28px;
	line-height: 1.35;
	color: #1c1c1c;
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-text-decoration;
	transition-property: color, -webkit-text-decoration;
	transition-property: text-decoration, color;
	transition-property: text-decoration, color, -webkit-text-decoration
}

.contacts-main__phone svg {
	position: absolute;
	left: -46px;
	top: 7px;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.contacts-main__phone:hover {
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	color: #0f4999
}

.contacts-main__messengers {
	margin-top: 10px;
	margin-right: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.contacts-main__messengers a {
	color: #7a7d80;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	text-decoration-line: underline currentColor;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-text-decoration;
	transition-property: color, -webkit-text-decoration;
	transition-property: text-decoration, color;
	transition-property: text-decoration, color, -webkit-text-decoration
}

.contacts-main__messengers a:not(:first-child) {
	margin-left: 10px
}

.contacts-main__messengers a:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #0f4999
}

.contacts-main__address {
	position: relative;
	padding: 6px 0;
	max-width: 350px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.35;
	color: #1c1c1c
}

.contacts-main__address svg {
	position: absolute;
	left: -46px;
	top: 12px;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.contacts-main__mail {
	position: relative;
	padding: 6px 0;
	display: block;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.35;
	color: #1c1c1c;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, -webkit-text-decoration;
	transition-property: color, -webkit-text-decoration;
	transition-property: text-decoration, color;
	transition-property: text-decoration, color, -webkit-text-decoration
}

.contacts-main__mail svg {
	position: absolute;
	left: -46px;
	top: 10px;
	width: 24px;
	height: 24px;
	fill: #0f4999
}

.contacts-main__mail:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #0f4999
}

.contacts-main__socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.contacts-main__socials li:not(:first-child) {
	margin-left: 8px
}

.contacts-main__socials 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: 28px;
	height: 28px;
	background-color: #0f4999;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color
}

.contacts-main__socials a:hover {
	background-color: #7a7d80
}

.contacts-main__socials a:hover svg {
	fill: #fff
}

.contacts-main__socials svg {
	width: 24px;
	height: 24px;
	fill: #fff;
	-webkit-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-transition-property: fill;
	transition-property: fill
}

.contacts-main__map {
	height: 700px;
	width: 100%
}

.contacts-main__map [class*=ymaps-2][class*=-ground-pane] {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.contacts-main__map .map-pin {
	position: absolute;
	top: -78px;
	left: -32px;
	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;
	width: 64px;
	height: 64px;
	background: #0f4999;
	border-radius: 50%
}

.contacts-main__map .map-pin::before {
	content: "";
	position: absolute;
	top: calc(100% - 7px);
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
	border: 10px solid transparent;
	border-top: 20px solid #0f4999
}

.contacts-main__map .map-logo {
	position: relative;
	width: 36px;
	height: 36px;
	background-image: url(../img/logo-white.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 2
}

.write-us {
	padding: 45px 50px;
	background-color: #0f4999;
	min-height: 340px;
	max-width: 660px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-image: -webkit-image-set(url("../img/write-us.png") 1x, url("../img/write-us@2x.png") 2x);
	background-image: image-set("../img/write-us.png" 1x, "../img/write-us@2x.png" 2x);
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: bottom right
}

.write-us__content {
	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: flex-start;
	width: calc(50% - 12px);
	-ms-flex-item-align: stretch;
	align-self: stretch
}

.write-us h3 {
	color: #fff;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.35
}

.write-us p {
	margin-top: 10px;
	margin-bottom: auto;
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.write-us__link {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	background-color: initial;
	text-decoration-line: underline;
	-webkit-text-decoration: underline currentColor;
	text-decoration: underline currentColor;
	-webkit-transition: .25s ease-out text-decoration;
	transition: .25s ease-out text-decoration
}

.write-us__link svg {
	margin-left: 10px;
	width: 24px;
	height: 24px;
	fill: #fff
}

.write-us__link:hover {
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	color: #fff
}

.inner-page__wrap {
	max-width: 1000px;
	margin-bottom: 140px
}

.inner-page__wrap * {
	color: #1c1c1c;
	font-variant-numeric: slashed-zero;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.inner-page__wrap h2,
.inner-page__wrap h3 {
	font-weight: 500;
	line-height: 1.35;
	font-size: 20px
}

.inner-page__wrap>* {
	margin-top: 30px
}

.inner-page__wrap>:first-child {
	margin-top: 0
}

.inner-page__wrap>h2,
.inner-page__wrap>h3 {
	margin-top: 40px
}

.inner-page__wrap>h2:first-of-type,
.inner-page__wrap>h3:first-of-type {
	margin-top: 0
}

.inner-page__wrap ol {
	counter-reset: inner-counter
}

.inner-page__wrap ol li {
	counter-increment: inner-counter
}

.inner-page__wrap ol li:not(:first-child) {
	margin-top: 20px
}

.inner-page__wrap ol li>:not(:first-child) {
	margin-top: 10px
}

.inner-page__wrap ol li>:first-child::before {
	content: counter(inner-counter) ". ";
	font-weight: 500;
	line-height: 1.35;
	font-size: 20px
}

.inner-page__wrap ul li:not(:first-child) {
	margin-top: 20px
}

.inner-page__wrap ul li>:not(:first-child) {
	margin-top: 10px
}

.inner-page__wrap ul li>:first-child::before {
	content: "";
	display: inline-block;
	margin-right: 8px;
	background-color: #0f4999;
	width: 10px;
	height: 2px;
	vertical-align: middle
}

.not-found {
	background-color: #fcfeff;
	overflow: hidden
}

.not-found .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 100vh;
	padding-top: 156px;
	padding-bottom: 100px
}

.not-found__content {
	position: relative;
	z-index: 1;
	width: 41.66%;
	max-width: 570px
}

.not-found h2 {
	color: #0f4999;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35
}

.not-found h3 {
	margin-top: 20px;
	color: #1c1c1c;
	font-size: 60px;
	font-weight: 500;
	line-height: 1.3
}

.not-found p {
	margin-top: 20px;
	color: #1c1c1c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.not-found__btn {
	margin-top: 40px;
	padding: 0 60px;
	height: 72px;
	-ms-flex-item-align: start;
	align-self: flex-start
}

.not-found__background {
	position: absolute;
	bottom: 0;
	left: calc(41.66% + 30px);
	width: calc((100vw - 100%)/ 2 + 58.33% + 30px);
	height: 100%;
	background-image: -webkit-image-set(url("../img/404-background.png") 1x, url("../img/404-background-2@2x.png") 2x);
	background-image: image-set("../img/404-background.png" 1x, "../img/404-background-2@2x.png" 2x);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom left
}

@media screen and (max-height:850px) and (min-width:1201px) {
	.modal-services li a {
		padding: 20px 30px
	}

	.modal-services li a::before {
		left: 10px;
		top: 10px
	}

	.modal-services li a h3 {
		margin-top: 10px
	}

	.modal-services li:nth-child(1) a::before {
		left: 10px
	}

	.modal-services li:nth-child(5) a {
		padding-top: 20px
	}

	.modal-services li:nth-child(5) a .modal-services__img {
		max-height: 30%
	}

	.modal-services li:nth-child(6) a {
		padding-top: 20px
	}

	.modal-services li:nth-child(6) a .modal-services__img {
		max-height: 30%;
		margin-right: 0;
		width: 100%
	}

	.modal-services li:nth-child(6) a img {
		-o-object-position: center;
		object-position: center
	}

	.modal-services li:nth-child(7) a {
		padding-top: 20px
	}

	.modal-services li:nth-child(7) a .modal-services__img {
		max-height: 30%
	}
}

@media screen and (max-width:1700px) {
	.header {
		padding-left: 146px
	}

	.header>* {
		margin-right: 50px
	}

	.header__nav>ul>li:not(:first-child) {
		margin-left: 20px
	}

	.header__language label:not(:first-child) {
		margin-left: 10px
	}

	.about-service__slider {
		width: calc(100% + 50px);
		padding-right: 50px
	}

	.clients__slider {
		width: calc(100% + 50px);
		padding-right: 50px
	}

	.see-also__slider {
		width: calc(100% + 50px);
		padding-right: 50px
	}

	.advantages-transp--slider {
		width: calc(100% + 50px);
		padding-right: 50px
	}
}

@media screen and (max-width:1600px) {
	.contact-us .container {
		max-width: 1300px
	}
}

@media screen and (max-width:1500px) {
	.modal-thanks__manager {
		right: 0;
		width: 80%
	}

	.ask__background {
		width: calc(50% + (100vw - 100% - 96px)/ 2 - 20px)
	}

	.ask__background::before {
		right: 0;
		width: 80%
	}
}

@media screen and (max-width:1400px) {
	.main>* {
		padding-left: 48px
	}

	.modal__wrapper {
		padding-left: 48px
	}

	.modal-portfolio__gallery-main {
		padding: 50px 30px
	}

	.modal-portfolio__gallery-main .slider-arrow {
		top: initial;
		bottom: 30px
	}

	.modal-portfolio__gallery-main .slider-arrow--prev {
		left: calc(50% - 35px)
	}

	.modal-portfolio__gallery-main .slider-arrow--next {
		right: calc(50% - 35px)
	}

	.modal-thanks__manager-sign {
		top: 180px;
		left: -6%
	}

	.header {
		padding-left: 78px
	}

	.header>* {
		margin-right: 30px
	}

	.header__logo {
		height: 34px
	}

	.side-menu {
		left: 48px
	}

	.side-menu__calc {
		width: 48px;
		height: 48px
	}

	.side-menu__calc svg {
		margin-bottom: 0
	}

	.side-menu__calc span {
		display: none
	}

	.side-menu__phone {
		width: 48px;
		height: 48px
	}

	.side-menu__phone svg {
		margin-bottom: 0
	}

	.side-menu__phone span {
		display: none
	}

	.footer {
		padding-left: 48px
	}

	.cover .calc-cost {
		grid-template-columns: repeat(4, 1fr)
	}

	.about-service__slider {
		width: calc(100% + 30px);
		padding-right: 30px
	}

	.contact-us form {
		grid-template-columns: repeat(4, 1fr)
	}

	.clients__slider {
		width: calc(100% + 30px);
		padding-right: 30px
	}

	.see-also__slider {
		width: calc(100% + 30px);
		padding-right: 30px
	}

	.advantages-transp--slider {
		width: calc(100% + 30px);
		padding-right: 30px
	}

	.ask__background {
		left: calc((100vw - 100% - 48px)/ -2);
		width: calc(50% + (100vw - 100% - 48px)/ 2 - 20px)
	}

	.ask__manager {
		top: 180px;
		right: 310px
	}

	.not-found__content {
		width: 50%
	}

	.not-found__background {
		left: calc(50% + 30px);
		width: calc((100vw - 100%)/ 2 + 50% + 30px)
	}
}

@media screen and (max-width:1300px) {
	.modal-thanks__manager {
		right: -10px
	}

	.career__background::after {
		right: -10px
	}

	.ask__background::before {
		right: -10px
	}
}

@media screen and (max-width:1200px) {
	.main>* {
		padding-left: 0
	}

	.container {
		padding: 0 78px
	}

	.modal__wrapper {
		padding-left: 0;
		padding-top: 78px;
		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;
		background: #fcfeff
	}

	.modal__container {
		-webkit-transform: scale(1) translateX(100%);
		-ms-transform: scale(1) translateX(100%);
		transform: scale(1) translateX(100%)
	}

	.modal__close-btn {
		position: absolute;
		top: 16px;
		right: 16px;
		width: 36px;
		height: 36px;
		display: none
	}

	.modal--full .modal__wrapper {
		overflow-y: auto;
		overflow-x: hidden
	}

	.modal--full .modal__container {
		max-width: 100%;
		width: 100%;
		max-height: initial
	}

	.modal--center .modal__wrapper {
		display: block
	}

	.modal--top {
		z-index: 1450
	}

	.modal--top .modal__wrapper {
		padding-top: 0
	}

	.modal--top .modal__close-btn {
		display: block
	}

	.modal-services {
		height: initial;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		min-width: initial;
		padding-bottom: 8px
	}

	.modal-services ul {
		margin-top: 8px;
		height: initial;
		width: 100%;
		grid-template-columns: 1fr;
		grid-template-rows: initial;
		min-width: initial;
		gap: 8px;
		grid-auto-rows: 1fr
	}

	.modal-services li {
		height: initial
	}

	.modal-services li a {
		padding: 30px;
		height: initial;
		min-height: 150px;
		height: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}

	.modal-services li a:hover {
		background-color: #0f4999
	}

	.modal-services li a:hover::before {
		color: #f7f8fa
	}

	.modal-services li a:hover h3 {
		color: #f7f8fa
	}

	.modal-services li a::before {
		left: 30px;
		top: 24px
	}

	.modal-services li a h3 {
		margin-top: 40px;
		margin-bottom: 8px;
		-ms-flex-item-align: end;
		align-self: flex-end;
		font-size: 18px;
		max-width: 60%
	}

	.modal-services li a p {
		display: none
	}

	.modal-services li:nth-child(1) {
		grid-column: initial;
		grid-row: initial
	}

	.modal-services li:nth-child(1) a {
		background-color: #f7f8fa
	}

	.modal-services li:nth-child(1) a:hover {
		background-color: #0f4999
	}

	.modal-services li:nth-child(1) a:hover h3 {
		color: #f7f8fa
	}

	.modal-services li:nth-child(1) a::before {
		left: 30px
	}

	.modal-services li:nth-child(1) a h3 {
		color: #1c1c1c
	}

	.modal-services li:nth-child(2) {
		grid-column: initial;
		grid-row: initial
	}

	.modal-services li:nth-child(3) {
		grid-column: initial;
		grid-row: initial
	}

	.modal-services li:nth-child(3) a {
		background-color: #f7f8fa
	}

	.modal-services li:nth-child(3) a:hover {
		background-color: #0f4999
	}

	.modal-services li:nth-child(3) a:hover h3 {
		color: #f7f8fa
	}

	.modal-services li:nth-child(3) a .modal-services__img {
		position: relative
	}

	.modal-services li:nth-child(3) .modal-services__img {
		position: relative;
		top: initial;
		right: initial;
		bottom: initial
	}

	.modal-services li:nth-child(3) .modal-services__img img {
		max-width: initial
	}

	.modal-services li:nth-child(4) {
		grid-column: initial;
		grid-row: initial
	}

	.modal-services li:nth-child(4) a {
		background-color: #f7f8fa
	}

	.modal-services li:nth-child(4) a:hover {
		background-color: #0f4999
	}

	.modal-services li:nth-child(4) a:hover h3 {
		color: #f7f8fa
	}

	.modal-services li:nth-child(4) a .modal-services__img {
		position: relative
	}

	.modal-services li:nth-child(4) .modal-services__img {
		position: relative;
		top: initial;
		right: initial;
		bottom: initial
	}

	.modal-services li:nth-child(4) .modal-services__img img {
		max-width: initial
	}

	.modal-services li:nth-child(5) {
		grid-column: initial;
		grid-row: initial
	}

	.modal-services li:nth-child(5) a {
		padding-top: 30px;
		background-color: #f7f8fa
	}

	.modal-services li:nth-child(5) a:hover {
		background-color: #0f4999
	}

	.modal-services li:nth-child(5) a:hover h3 {
		color: #f7f8fa
	}

	.modal-services li:nth-child(5) a .modal-services__img {
		max-height: initial
	}

	.modal-services li:nth-child(6) {
		grid-column: initial;
		grid-row: initial
	}

	.modal-services li:nth-child(6) a {
		padding-top: 30px;
		background-color: #f7f8fa
	}

	.modal-services li:nth-child(6) a:hover {
		background-color: #0f4999
	}

	.modal-services li:nth-child(6) a:hover h3 {
		color: #f7f8fa
	}

	.modal-services li:nth-child(6) a .modal-services__img {
		max-height: initial;
		margin-right: -30px;
		width: 400px
	}

	.modal-services li:nth-child(6) a .modal-services__img img {
		max-width: initial
	}

	.modal-services li:nth-child(6) a h3 {
		color: #1c1c1c
	}

	.modal-services li:nth-child(7) {
		grid-column: initial;
		grid-row: initial
	}

	.modal-services li:nth-child(7) a {
		padding-top: 30px;
		background-color: #f7f8fa
	}

	.modal-services li:nth-child(7) a:hover {
		background-color: #0f4999
	}

	.modal-services li:nth-child(7) a:hover h3 {
		color: #f7f8fa
	}

	.modal-services li:nth-child(7) a .modal-services__img {
		max-height: initial
	}

	.modal-services__img {
		margin-left: auto;
		margin-right: -30px !important;
		width: 400px !important;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		max-height: initial !important;
		height: initial !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.modal-services__img img {
		-o-object-position: left center !important;
		object-position: left center !important;
		max-width: 280px
	}

	.modal-charity {
		grid-template-columns: 1fr 1fr
	}

	.modal-charity__content {
		height: calc(100vh - 78px)
	}

	.modal-charity img {
		padding: 30px;
		max-height: calc(100vh - 78px)
	}

	.modal-portfolio {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.modal-portfolio__content {
		padding: 30px;
		max-width: initial;
		height: initial;
		width: 100%
	}

	.modal-portfolio__gallery {
		height: initial;
		margin-left: auto;
		margin-right: auto;
		width: 100%
	}

	.modal-portfolio__gallery-main {
		padding-top: 100px;
		padding-bottom: 104px
	}

	.modal-portfolio__gallery-main .slider-arrow {
		bottom: 40px
	}

	.modal-thanks__manager {
		background-position: center bottom;
		width: 100%;
		right: -20%
	}

	.modal-thanks__manager-sign {
		top: 120px
	}

	.modal-thanks-center {
		padding: 60px 16px 30px;
		max-width: 100%;
		min-height: 100vh;
		height: initial;
		overflow: hidden
	}

	.modal-thanks-center__manager {
		background-position: center bottom;
		width: 100%;
		height: 80%;
		right: -14%
	}

	.modal-thanks-center__manager-sign {
		top: 120px;
		left: 14%
	}

	.header {
		position: fixed;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 0;
		height: 78px;
		z-index: 1400
	}

	.header.fixed {
		background-color: #181f29 !important
	}

	.header.fixed.header--white {
		background-color: #f7f8fa !important
	}

	.header>* {
		margin-right: 0
	}

	.header__logo {
		margin-left: 40px;
		margin-right: auto
	}

	.header__nav {
		display: none
	}

	.header__contacts {
		display: none
	}

	.header__language {
		display: none
	}

	.header__open-menu-btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 78px;
		height: 78px
	}

	.header__calc-btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 78px;
		height: 78px
	}

	.header__phone-btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 78px;
		height: 78px
	}

	.menu-opened .header,
	.modal-opened .header {
		background-color: #fcfeff !important;
		border-color: #e8e9eb
	}

	.menu-opened .header .header__logo::before,
	.modal-opened .header .header__logo::before {
		opacity: 1
	}

	.menu-opened .header .header__logo img,
	.modal-opened .header .header__logo img {
		opacity: 0
	}

	.menu-opened .header .header__nav>ul>li>a,
	.menu-opened .header .header__nav>ul>li>span,
	.modal-opened .header .header__nav>ul>li>a,
	.modal-opened .header .header__nav>ul>li>span {
		color: #1c1c1c
	}

	.menu-opened .header .header__nav>ul>li>a svg,
	.menu-opened .header .header__nav>ul>li>span svg,
	.modal-opened .header .header__nav>ul>li>a svg,
	.modal-opened .header .header__nav>ul>li>span svg {
		fill: #1c1c1c
	}

	.menu-opened .header .header__nav>ul>li>a:hover,
	.menu-opened .header .header__nav>ul>li>span:hover,
	.modal-opened .header .header__nav>ul>li>a:hover,
	.modal-opened .header .header__nav>ul>li>span:hover {
		color: #7a7d80
	}

	.menu-opened .header .header__nav>ul>li>a:hover svg,
	.menu-opened .header .header__nav>ul>li>span:hover svg,
	.modal-opened .header .header__nav>ul>li>a:hover svg,
	.modal-opened .header .header__nav>ul>li>span:hover svg {
		fill: #7a7d80
	}

	.menu-opened .header .header__nav>ul>li ul,
	.modal-opened .header .header__nav>ul>li ul {
		background-color: #f7f8fa
	}

	.menu-opened .header .header__nav>ul>li ul a,
	.modal-opened .header .header__nav>ul>li ul a {
		color: #1c1c1c
	}

	.menu-opened .header .header__nav>ul>li ul a:hover,
	.modal-opened .header .header__nav>ul>li ul a:hover {
		color: #7a7d80
	}

	.menu-opened .header .header__phone,
	.modal-opened .header .header__phone {
		color: #1c1c1c
	}

	.menu-opened .header .header__phone:hover,
	.modal-opened .header .header__phone:hover {
		color: #7a7d80
	}

	.menu-opened .header .header__calc-btn,
	.modal-opened .header .header__calc-btn {
		border-color: #e8e9eb
	}

	.menu-opened .header .header__calc-btn svg,
	.modal-opened .header .header__calc-btn svg {
		fill: #1c1c1c
	}

	.menu-opened .header .header__calc-btn:hover svg,
	.modal-opened .header .header__calc-btn:hover svg {
		fill: #f7f8fa
	}

	.menu-opened .header .header__phone-btn,
	.modal-opened .header .header__phone-btn {
		border-color: #e8e9eb
	}

	.menu-opened .header .header__phone-btn svg,
	.modal-opened .header .header__phone-btn svg {
		fill: #1c1c1c
	}

	.menu-opened .header .header__phone-btn:hover svg,
	.modal-opened .header .header__phone-btn:hover svg {
		fill: #f7f8fa
	}

	.side-menu {
		display: none
	}

	.mobile-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		top: 78px
	}

	.footer {
		padding-left: 0
	}

	.footer__top .container {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 20px
	}

	.cover__scroll-down {
		left: 78px
	}

	.cover .calc-cost {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px
	}

	.directions__content {
		padding: 0 0 40px
	}

	.directions__map {
		margin-bottom: 0
	}

	.directions__types li {
		padding: 30px 30px 30px 69px
	}

	.directions__types svg {
		top: 30px;
		left: 30px
	}

	.about-first::after {
		width: 60%;
		bottom: 140px
	}

	.about-second__content::after {
		position: relative;
		margin-top: 40px;
		top: initial;
		left: initial;
		height: 500px;
		width: 100%;
		background-position: center left
	}

	.about-second .achievements {
		margin-top: 0
	}

	.about-service__slider {
		width: calc(100% + 78px);
		padding-right: 78px
	}

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

	.contact-us::before {
		top: 110px;
		right: -110px;
		width: 520px;
		height: 310px
	}

	.contact-us h2 {
		margin-top: 0
	}

	.contact-us p {
		max-width: 50%
	}

	.contact-us form {
		margin-top: 180px;
		grid-template-columns: repeat(2, 1fr);
		gap: 8px
	}

	.history__slider-arrows {
		right: 78px
	}

	.clients__slider {
		width: calc(100% + 78px);
		padding-right: 78px
	}

	.career__background {
		position: relative;
		margin-top: 60px;
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		right: initial;
		height: 500px;
		width: calc(100% + 156px);
		margin-left: -78px
	}

	.career__background::after {
		right: 8px
	}

	.career__content {
		padding: 0;
		width: 100%;
		max-width: initial
	}

	.career__content h2 {
		-webkit-box-ordinal-group: -1;
		-ms-flex-order: -2;
		order: -2
	}

	.career__content>p {
		-webkit-box-ordinal-group: -1;
		-ms-flex-order: -2;
		order: -2
	}

	.see-also__slider {
		width: calc(100% + 78px);
		padding-right: 78px
	}

	.advantages {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.advantages__wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.advantages__left {
		padding: 0;
		width: 100%;
		max-width: initial
	}

	.advantages__right {
		margin-top: 20px;
		width: 100%
	}

	.advantages__right::before {
		height: 600px;
		max-width: initial;
		background-size: auto 100%;
		background-position: center
	}

	.advantages__right .safety {
		top: 44px;
		left: 0;
		right: initial
	}

	.advantages__list {
		grid-template-columns: repeat(2, 1fr)
	}

	.advantages-more-link {
		width: 100%
	}

	.advantages-transp__list {
		grid-template-columns: repeat(2, 1fr)
	}

	.advantages-transp--slider {
		width: calc(100% + 78px);
		padding-right: 78px
	}

	.advantages-more .container {
		grid-template-columns: repeat(1, 1fr)
	}

	.ask__background {
		position: relative;
		margin-top: 40px;
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		left: initial;
		height: 560px;
		width: calc(100% + 156px);
		margin-left: -78px
	}

	.ask__background::before {
		background-position: center bottom;
		width: 100%
	}

	.ask__manager {
		top: 120px;
		right: 60%
	}

	.ask__content {
		padding: 0;
		width: 100%;
		max-width: initial
	}

	.ask__content h2 {
		-webkit-box-ordinal-group: -1;
		-ms-flex-order: -2;
		order: -2
	}

	.ask__content p {
		-webkit-box-ordinal-group: -1;
		-ms-flex-order: -2;
		order: -2
	}

	.serv-other-card {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.serv-other-card__content {
		margin-bottom: 20px;
		width: 100%
	}

	.serv-other-card img {
		margin-top: auto;
		width: 100%
	}

	.charity-doc img {
		max-height: 320px
	}

	.vacancy-item {
		padding: 30px;
		gap: 0 30px
	}

	.vacancy-item img {
		width: 160px;
		height: 160px
	}

	.tax-main__reports {
		grid-template-columns: repeat(3, 1fr)
	}

	.write-us {
		background-image: none
	}

	.write-us__content {
		width: 100%
	}

	.not-found__content {
		width: 60%
	}
}

@media screen and (max-width:992px) {
	.container {
		padding: 0 58px
	}

	h1 {
		font-size: 58px
	}

	h2 {
		font-size: 52px
	}

	.page-head {
		padding-top: 118px;
		padding-bottom: 60px;
		min-height: initial;
		margin-bottom: 80px
	}

	.modal__wrapper {
		padding-top: 58px
	}

	.modal-services__img {
		width: 320px !important
	}

	.modal-services__img img {
		max-width: 230px
	}

	.modal-charity {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.modal-charity__content {
		padding: 30px;
		max-width: initial;
		height: initial;
		width: 100%
	}

	.modal-charity img {
		padding: 100px 30px 50px;
		height: initial;
		margin-left: auto;
		margin-right: auto;
		max-width: 500px;
		width: 100%
	}

	.modal-thanks__manager-sign {
		top: 80px
	}

	.modal-thanks-center__manager-sign {
		top: 80px
	}

	.header {
		height: 58px
	}

	.header__logo {
		height: 26px
	}

	.header__open-menu-btn {
		width: 58px;
		height: 58px
	}

	.header__calc-btn {
		width: 58px;
		height: 58px
	}

	.header__phone-btn {
		width: 58px;
		height: 58px
	}

	.mobile-menu {
		top: 58px
	}

	.mobile-menu.showed {
		height: calc(100vh - 58px)
	}

	.mobile-menu .mobile-menu-services__img {
		width: 320px
	}

	.mobile-menu .mobile-menu-services__img img {
		max-width: 230px
	}

	.footer__top {
		padding: 60px 0
	}

	.footer__bottom .container {
		-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: flex-start
	}

	.footer__data {
		-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: flex-start
	}

	.footer__data>:not(:first-child) {
		margin-left: 0;
		margin-top: 10px
	}

	.footer__created {
		margin-top: 10px
	}

	.cover .container {
		padding-top: 178px;
		padding-bottom: 60px;
		min-height: initial
	}

	.cover__scroll-down {
		position: relative;
		margin-top: 90px;
		bottom: initial;
		left: initial
	}

	.directions {
		padding-top: 90px;
		padding-bottom: 120px
	}

	.directions__types {
		grid-template-columns: repeat(1, 1fr)
	}

	.about-second {
		padding-top: 90px;
		padding-bottom: 120px
	}

	.achievements {
		grid-template-columns: repeat(2, 1fr)
	}

	.achievements h3 b {
		font-size: 64px
	}

	.achievements h3>span {
		margin-top: 30px;
		font-size: 18px
	}

	.about-service {
		padding-top: 90px;
		padding-bottom: 120px
	}

	.about-service h3 {
		margin-top: 30px
	}

	.about-service__slider {
		margin-top: 20px;
		width: calc(100% + 58px);
		padding-right: 58px
	}

	.about-service-card {
		padding: 30px;
		width: 328px
	}

	.about-service__navigation {
		margin-top: 20px
	}

	.portfolio {
		padding-top: 90px;
		padding-bottom: 120px
	}

	.portfolio__content {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px
	}

	.portfolio__content a {
		grid-column: initial
	}

	.portfolio-main__more-link {
		margin-bottom: 120px
	}

	.history {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.history__pagi-years {
		margin-top: 36px;
		height: 110px
	}

	.history__pagi-years .year-bullet {
		width: 130px;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		min-width: initial
	}

	.history__pagi-years .year-bullet span {
		font-size: 42px
	}

	.history__slider .swiper-slide {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.history__slider .swiper-slide img {
		margin-right: 0;
		width: 100%;
		max-height: 480px
	}

	.history__slider .swiper-slide div {
		margin-top: 20px;
		margin-left: 0;
		width: 100%;
		max-width: initial;
		padding-bottom: initial
	}

	.history__slider-arrows {
		margin-top: 30px;
		position: relative;
		right: initial;
		bottom: initial;
		width: 100%
	}

	.clients {
		padding-top: 90px;
		padding-bottom: 120px
	}

	.clients__head {
		grid-template-columns: repeat(1, 1fr)
	}

	.clients__head h2 {
		grid-column: 1
	}

	.clients__slider {
		margin-top: 50px;
		width: calc(100% + 58px);
		padding-right: 58px
	}

	.career__background {
		width: calc(100% + 116px);
		margin-left: -58px
	}

	.see-also {
		padding-top: 90px;
		padding-bottom: 120px
	}

	.see-also__slider {
		margin-top: 40px;
		width: calc(100% + 58px);
		padding-right: 58px
	}

	.see-also-card {
		padding: 30px;
		width: 390px
	}

	.see-also__navigation {
		margin-top: 20px
	}

	.advantages-more-link {
		padding: 30px
	}

	.advantages-more-link__text {
		font-size: 18px
	}

	.advantages-transp--slider {
		width: calc(100% + 58px);
		padding-right: 58px
	}

	.advantages-more ul li::before {
		font-size: 52px
	}

	.ask__background {
		width: calc(100% + 116px);
		margin-left: -58px
	}

	.ask__manager {
		top: 80px
	}

	.services-main__list {
		margin-bottom: 120px
	}

	.services-other {
		padding-top: 90px;
		padding-bottom: 120px
	}

	.services-other ul {
		margin-top: 40px
	}

	.serv-other-card {
		padding: 30px 0 20px 30px
	}

	.charity-main__docs {
		grid-template-columns: repeat(2, 1fr)
	}

	.vacancies__list {
		margin-bottom: 120px
	}

	.vacancy-item {
		grid-template-columns: 1fr;
		gap: 0
	}

	.vacancy-item img {
		margin-left: auto;
		margin-right: auto;
		width: 180px;
		height: 180px
	}

	.vacancy-item__info {
		margin-top: 30px
	}

	.vacancy-item__arrow {
		display: none
	}

	.vacancy-item__body {
		grid-column: 1
	}

	.vacancy-item__body>:first-child {
		margin-top: 30px
	}

	.tax-main__reports {
		grid-template-columns: repeat(2, 1fr)
	}

	.tax-report {
		min-height: 210px
	}

	.contacts-main__wrap {
		grid-template-columns: repeat(1, 1fr)
	}

	.write-us {
		max-height: 300px
	}

	.inner-page__wrap {
		margin-bottom: 120px
	}

	.not-found .container {
		padding-top: 118px;
		padding-bottom: 80px;
		min-height: initial
	}

	.not-found__content {
		width: 100%;
		max-width: 490px;
		min-height: 600px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.not-found h3 {
		font-size: 52px
	}

	.not-found p {
		margin-bottom: auto
	}

	.not-found__background {
		left: 20%;
		width: calc(60% + 156px);
		height: 70%;
		background-size: auto 100%
	}
}

@media screen and (max-width:768px) {
	.container {
		padding: 0 16px
	}

	.page-head {
		margin-bottom: 60px;
		padding-top: 118px
	}

	.nice-select {
		padding: 0 24px;
		height: 66px
	}

	.select--from,
	.select--to {
		padding-left: 42px
	}

	.select--from::before,
	.select--to::before {
		left: 20px
	}

	.modal-feedback h2 {
		font-size: 32px
	}

	.modal-feedback form label input,
	.modal-feedback form label textarea {
		padding-left: 24px;
		padding-right: 24px;
		height: 66px
	}

	.modal-feedback form label textarea {
		height: 180px
	}

	.modal-feedback form button[type=submit] {
		height: 66px
	}

	.modal-services li a {
		padding: 16px
	}

	.modal-services li a::before {
		left: 16px
	}

	.modal-services li:nth-child(1) a::before {
		left: 16px
	}

	.modal-services li:nth-child(5) a {
		padding-top: 16px
	}

	.modal-services li:nth-child(6) a {
		padding-top: 16px
	}

	.modal-services li:nth-child(6) a .modal-services__img {
		margin-right: -16px
	}

	.modal-services li:nth-child(7) a {
		padding-top: 16px
	}

	.modal-services__img {
		margin-right: -16px !important;
		width: 200px !important
	}

	.modal-services__img img {
		max-width: 160px
	}

	.modal-charity h3 {
		font-size: 32px
	}

	.modal-portfolio h3 {
		font-size: 32px
	}

	.modal-portfolio .portfolio-direction div::before {
		width: 30px;
		height: 30px
	}

	.modal-portfolio .portfolio-direction div:last-child {
		margin-top: 20px
	}

	.modal-portfolio .portfolio-direction div:last-child::after {
		height: 20px
	}

	.modal-portfolio__gallery-thumb {
		padding-left: 16px;
		padding-right: 16px
	}

	.modal-portfolio__gallery-thumb .swiper-wrapper {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.modal-thanks h2 {
		font-size: 32px
	}

	.modal-thanks__home-link {
		padding: 0 42px;
		height: 66px
	}

	.modal-thanks-center h2 {
		font-size: 32px
	}

	.modal-thanks-center__manager {
		right: -10%;
		background-size: auto 100%;
		background-position: right bottom
	}

	.modal-thanks-center__manager-sign {
		left: 0
	}

	.modal-thanks-center__home-link {
		padding: 0 42px;
		height: 66px
	}

	.header__logo {
		margin-left: 20px
	}

	.mobile-menu .mobile-menu-services li a {
		padding: 16px
	}

	.mobile-menu .mobile-menu-services li a::before {
		left: 16px
	}

	.mobile-menu .mobile-menu-services__img {
		width: 200px
	}

	.mobile-menu .mobile-menu-services__img img {
		max-width: 160px
	}

	.cover .container {
		padding-top: 138px;
		padding-bottom: 40px
	}

	.cover__btn {
		padding: 0 42px;
		height: 66px
	}

	.cover .calc-cost button[type=submit] {
		height: 66px
	}

	.directions {
		padding-bottom: 100px
	}

	.directions__wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.directions__content {
		padding: 0
	}

	.directions__map {
		margin-left: 0;
		margin-top: 40px;
		margin-bottom: -16px;
		width: 100%;
		max-width: 400px
	}

	.about-first::after {
		width: 100%;
		bottom: 240px;
		width: 100%;
		height: 40%;
		background-size: auto 100%;
		background-position: bottom left
	}

	.about-first__content {
		margin-bottom: 450px
	}

	.about-first__navigation .slider-arrow--next {
		margin-left: 10px
	}

	.about-first__navigation .swiper-pagination-progressbar {
		margin-left: 20px
	}

	.about-second {
		padding-bottom: 100px
	}

	.about-second__content::after {
		margin-left: -16px;
		width: calc(100% + 32px);
		height: 400px
	}

	.about-service {
		padding-bottom: 100px
	}

	.about-service-card {
		width: 310px
	}

	.about-service__navigation .slider-arrow--next {
		margin-left: 10px
	}

	.about-service__navigation .swiper-pagination-progressbar {
		margin-left: 20px
	}

	.portfolio {
		padding-bottom: 100px
	}

	.portfolio__works {
		margin-top: 40px
	}

	.portfolio-work {
		padding: 30px;
		height: 320px
	}

	.portfolio-work .portfolio-direction div::before {
		width: 30px;
		height: 30px
	}

	.portfolio-work .portfolio-direction div:last-child {
		margin-top: 20px
	}

	.portfolio-work .portfolio-direction div:last-child::after {
		height: 20px
	}

	.contact-us::before {
		top: 236px;
		right: 0
	}

	.contact-us p {
		max-width: initial
	}

	.contact-us form {
		margin-top: 320px
	}

	.contact-us form label {
		height: 66px
	}

	.contact-us form label input {
		padding: 0 24px
	}

	.contact-us form button[type=submit] {
		height: 66px
	}

	.history {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.history__pagi-years {
		margin-top: 30px;
		height: 100px
	}

	.history__pagi-years .year-bullet {
		width: 90px
	}

	.history__pagi-years .year-bullet span {
		font-size: 34px
	}

	.clients {
		padding-bottom: 100px
	}

	.clients__navigation .slider-arrow--next {
		margin-left: 10px
	}

	.clients__navigation .swiper-pagination-progressbar {
		margin-left: 20px
	}

	.career__background {
		margin-top: 40px;
		width: calc(100% + 32px);
		margin-left: -16px;
		height: 420px
	}

	.career__vacancies-link {
		margin-top: 30px
	}

	.see-also {
		padding-bottom: 100px
	}

	.see-also-card {
		width: 340px
	}

	.see-also__navigation .slider-arrow--next {
		margin-left: 10px
	}

	.see-also__navigation .swiper-pagination-progressbar {
		margin-left: 20px
	}

	.advantages__right::before {
		margin-left: -40px;
		margin-top: -50px;
		margin-bottom: -20px;
		width: calc(100% + 55px);
		height: 540px;
		background-position: left center
	}

	.advantages__right .safety {
		padding: 20px 10px 10px;
		width: 180px
	}

	.advantages__right .safety::after {
		border-left: 90px solid transparent;
		border-right: 90px solid transparent;
		border-top: 40px solid #0f4999
	}

	.advantages__right .safety__percent {
		font-size: 48px
	}

	.advantages__right .safety__title {
		margin-top: 20px;
		font-size: 14px
	}

	.advantages__right .safety__text {
		font-size: 13px
	}

	.advantages__list li>svg {
		margin-bottom: 20px
	}

	.advantages-more-link__number {
		font-size: 54px
	}

	.advantages-transp__item {
		padding: 30px
	}

	.advantages-transp__item svg {
		margin-bottom: 20px
	}

	.advantages-transp--slider .advantages-transp__item {
		width: 300px
	}

	.advantages-more ul li::before {
		margin-right: 26px;
		font-size: 42px
	}

	.ask__background {
		margin-top: 40px;
		width: calc(100% + 32px);
		margin-left: -16px
	}

	.ask .ask-form label input,
	.ask .ask-form label textarea {
		padding-left: 24px;
		padding-right: 24px;
		height: 66px
	}

	.ask .ask-form label textarea {
		height: 180px
	}

	.ask .ask-form button[type=submit] {
		height: 66px
	}

	.services-main__list {
		grid-template-columns: repeat(1, 1fr)
	}

	.services-other {
		padding-bottom: 100px
	}

	.services-other ul {
		grid-template-columns: repeat(1, 1fr)
	}

	.serv-other-card {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}

	.serv-other-card__content {
		padding-right: 20px;
		margin-bottom: 0;
		width: 50%
	}

	.serv-other-card img {
		margin-top: initial;
		width: 50%
	}

	.vacancy-item__respond-btn {
		padding: 0 42px;
		height: 66px
	}

	.tax-report {
		min-height: 190px
	}

	.write-us {
		padding: 25px 30px;
		max-width: initial;
		min-height: 260px
	}

	.not-found__btn {
		padding: 0 42px;
		height: 66px
	}

	.not-found__background {
		width: calc(100% + 32px)
	}
}

@media screen and (max-width:576px) {

	body,
	html {
		font-size: 15px
	}

	h1 {
		font-size: 36px
	}

	h2 {
		font-size: 36px
	}

	.nice-select {
		height: 61px
	}

	.select--from::before,
	.select--to::before {
		font-size: 16px
	}

	.modal__container {
		padding: 40px 16px 30px
	}

	.modal-feedback h2 {
		font-size: 28px
	}

	.modal-feedback>p {
		margin-top: 10px
	}

	.modal-feedback form h3 {
		margin-top: 12px
	}

	.modal-feedback form label input,
	.modal-feedback form label textarea {
		height: 61px
	}

	.modal-feedback form label textarea {
		height: 140px
	}

	.modal-feedback form label.upload-file {
		margin-top: 12px
	}

	.modal-feedback form button[type=submit] {
		margin-top: 12px;
		height: 61px;
		width: 100%
	}

	.modal-feedback form>p {
		margin-top: 12px;
		font-size: 13px
	}

	.modal-services li a h3 {
		font-size: 16px
	}

	.modal-services__img {
		max-width: 150px;
		width: 50% !important
	}

	.modal-services__img img {
		max-width: 125px
	}

	.modal-charity h3 {
		font-size: 28px
	}

	.modal-charity p {
		margin-top: 10px
	}

	.modal-portfolio h3 {
		font-size: 28px
	}

	.modal-portfolio p {
		margin-top: 10px
	}

	.modal-portfolio ul {
		margin-top: 10px
	}

	.modal-thanks h2 {
		font-size: 28px
	}

	.modal-thanks>p {
		margin-top: 10px
	}

	.modal-thanks__manager {
		right: -10%;
		background-size: auto 100%;
		background-position: right bottom
	}

	.modal-thanks__manager-sign {
		right: 70%
	}

	.modal-thanks__manager-name {
		font-size: 18px
	}

	.modal-thanks__manager-status {
		font-size: 13px
	}

	.modal-thanks__home-link {
		height: 61px;
		padding: 0;
		width: 100%
	}

	.modal-thanks-center h2 {
		font-size: 28px
	}

	.modal-thanks-center>p {
		margin-top: 10px
	}

	.modal-thanks-center__manager-sign {
		left: -30px;
		width: 150px
	}

	.modal-thanks-center__manager-name {
		font-size: 18px
	}

	.modal-thanks-center__manager-status {
		font-size: 13px
	}

	.modal-thanks-center__home-link {
		height: 61px;
		padding: 0;
		width: 100%
	}

	.mobile-menu .mobile-menu-services li:nth-child(3) .mobile-menu-services__img,
	.mobile-menu .mobile-menu-services li:nth-child(4) .mobile-menu-services__img,
	.mobile-menu .mobile-menu-services li:nth-child(6) .mobile-menu-services__img {
		margin-right: -43px
	}

	.mobile-menu .mobile-menu-services li a h3 {
		font-size: 16px
	}

	.mobile-menu .mobile-menu-services__img {
		max-width: 150px;
		width: 50%
	}

	.mobile-menu .mobile-menu-services__img img {
		max-width: 125px
	}

	.footer__top {
		padding: 30px 0
	}

	.footer__top .container {
		grid-template-columns: repeat(1, 1fr)
	}

	.footer__desc {
		font-size: 13px
	}

	.cover .container {
		padding-top: 108px;
		padding-bottom: 20px
	}

	.cover p {
		margin-bottom: 50px
	}

	.cover__btn {
		height: 61px;
		padding: 0 36px
	}

	.cover .calc-cost {
		grid-template-columns: repeat(1, 1fr)
	}

	.cover .calc-cost button[type=submit] {
		height: 61px
	}

	.directions {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.directions__map {
		margin-top: 20px
	}

	.directions__types h3 {
		font-size: 18px
	}

	.about-first__content {
		margin-bottom: 320px
	}

	.about-second {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.about-second__content::after {
		height: 300px
	}

	.achievements h3 b {
		font-size: 55px
	}

	.achievements h3>span {
		font-size: 16px
	}

	.about-service {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.about-service p {
		margin-top: 10px
	}

	.about-service h3 {
		font-size: 18px
	}

	.about-service-card {
		width: 300px
	}

	.about-service-card h4 {
		/* margin-top: 20px; */
		min-height: 3.0625rem;
		font-size: 18px
	}

	.about-service-card::before {
		margin-bottom: 1.25rem;
	}

	.portfolio {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.portfolio__content {
		gap: 10px
	}

	.portfolio__works {
		margin-top: 30px;
		grid-template-columns: repeat(1, 1fr)
	}

	.portfolio-work {
		height: 270px
	}

	.portfolio-work h3 {
		font-size: 18px
	}

	.portfolio-main__works {
		grid-template-columns: repeat(1, 1fr)
	}

	.portfolio-main__more-link {
		margin-top: 30px;
		margin-bottom: 80px
	}

	.contact-us {
		padding-top: 60px;
		padding-bottom: 30px
	}

	.contact-us::before {
		left: 0
	}

	.contact-us form {
		margin-top: 360px;
		grid-template-columns: repeat(1, 1fr)
	}

	.contact-us form label {
		height: 61px
	}

	.contact-us form button[type=submit] {
		height: 61px
	}

	.contact-us__personal-data {
		margin-top: 20px
	}

	.history {
		padding-top: 40px;
		padding-bottom: 30px
	}

	.history p {
		margin-top: 10px
	}

	.history__pagi-years {
		margin-top: 20px;
		height: 90px
	}

	.history__pagi-years .year-bullet {
		width: 78px
	}

	.history__pagi-years .year-bullet span {
		font-size: 28px
	}

	.history__slider .swiper-slide img {
		max-height: 330px
	}

	.clients {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.clients__head {
		gap: 10px 8px
	}

	.clients__slider {
		margin-top: 30px
	}

	.clients__navigation {
		margin-top: 20px
	}

	.career__background {
		margin-top: 30px;
		height: 380px
	}

	.career__content>p {
		margin-top: 10px
	}

	.career h3 {
		margin-top: 30px
	}

	.career__vacancies-link {
		margin-top: 20px
	}

	.see-also {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.see-also .container p {
		margin-top: 10px
	}

	.see-also__slider {
		margin-top: 30px
	}

	.see-also-card {
		width: 300px
	}

	.see-also h3 {
		margin-top: 20px;
		font-size: 18px
	}

	.see-also p {
		margin-bottom: 20px
	}

	.advantages {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.advantages__left p {
		margin-top: 10px
	}

	.advantages__list li>h3 {
		font-size: 18px
	}

	.advantages-more-link {
		padding: 20px
	}

	.advantages-more-link__number {
		font-size: 50px
	}

	.advantages-more-link__text {
		font-size: 16px
	}

	.advantages-more-link__link svg {
		margin-left: 0
	}

	.advantages-more-link__link span {
		display: none
	}

	.advantages-transp__list {
		grid-template-columns: repeat(1, 1fr)
	}

	.advantages-transp__item h3 {
		font-size: 18px
	}

	.advantages-transp__item h3 b {
		font-size: 68px
	}

	.advantages-more p {
		margin-top: 10px
	}

	.advantages-more ul li::before {
		margin-right: 20px;
		font-size: 36px
	}

	.ask__background {
		margin-top: 30px
	}

	.ask__background::before {
		background-size: auto 100%;
		background-position: right bottom
	}

	.ask__manager {
		right: 70%
	}

	.ask__manager-name {
		font-size: 18px
	}

	.ask__manager-status {
		font-size: 13px
	}

	.ask__content p {
		margin-top: 10px
	}

	.ask .ask-form>:not(:first-child) {
		margin-top: 20px
	}

	.ask .ask-form__group {
		margin-right: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.ask .ask-form__group label {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}

	.ask .ask-form label {
		margin-right: 0
	}

	.ask .ask-form label+label {
		margin-top: 8px
	}

	.ask .ask-form label input,
	.ask .ask-form label textarea {
		height: 61px
	}

	.ask .ask-form label textarea {
		height: 140px
	}

	.ask .ask-form__bottom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.ask .ask-form__bottom p {
		margin-top: 10px;
		font-size: 13px
	}

	.ask .ask-form button[type=submit] {
		margin-right: 0;
		height: 61px;
		width: 100%
	}

	.services-main__list {
		margin-top: 60px;
		margin-bottom: 80px
	}

	.services-other {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.services-other ul {
		margin-top: 30px
	}

	.serv-other-card {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.serv-other-card__content {
		margin-bottom: 20px;
		width: 100%
	}

	.serv-other-card h3 {
		margin-top: 20px;
		font-size: 18px
	}

	.serv-other-card img {
		margin-top: auto;
		width: 100%
	}

	.charity-main__docs {
		grid-template-columns: repeat(1, 1fr)
	}

	.charity-doc h3 {
		font-size: 18px
	}

	.vacancies__list {
		margin-bottom: 80px
	}

	.vacancy-item h2 {
		font-size: 18px
	}

	.vacancy-item__respond-btn {
		height: 61px;
		padding: 0;
		width: 100%
	}

	.tax-main__reports {
		grid-template-columns: repeat(1, 1fr)
	}

	.tax-report {
		min-height: 180px
	}

	.tax-report h3 {
		font-size: 18px
	}

	.contacts-main__wrap {
		margin-bottom: 80px
	}

	.contacts-main__info {
		gap: 20px
	}

	.write-us {
		max-height: 215px
	}

	.write-us h3 {
		font-size: 24px
	}

	.inner-page__wrap {
		margin-bottom: 80px
	}

	.inner-page__wrap h2,
	.inner-page__wrap h3 {
		font-size: 18px
	}

	.inner-page__wrap ol li>:first-child::before {
		font-size: 18px
	}

	.not-found__content {
		min-height: 614px
	}

	.not-found h2 {
		font-size: 18px
	}

	.not-found h3 {
		font-size: 36px;
		max-width: 340px
	}

	.not-found__btn {
		height: 61px;
		padding: 0;
		width: 100%
	}

	.not-found__background {
		left: 0;
		height: 60%
	}
}