/* Start:/local/markup/build/css/main.css?1740144721610299*/
@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
}

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

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

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

.swiper-pointer-events {
	touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

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

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

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

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

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.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,
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.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: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

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

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

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

.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-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

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

.swiper-centered>.swiper-wrapper::before {
	content: '';
	flex-shrink: 0;
	order: 9999
}

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

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

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

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

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center
}

.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: 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: flex;
	align-items: 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:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}

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

.swiper-button-lock {
	display: none
}

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

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

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

.swiper-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	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: flex;
	justify-content: 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%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

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

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

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

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}

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

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

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

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

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

.swiper-fade .swiper-slide {
	pointer-events: none;
	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;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

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

.swiper-cube.swiper-rtl .swiper-slide {
	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-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

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

.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;
	filter: blur(50px)
}

.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-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-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;
	transition-property: transform, opacity, height
}

.swiper-cards {
	overflow: visible
}

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

.hide {
	display: none !important
}

.button {
	cursor: pointer;
	border: solid 1px #44508c;
	background: #44508c;
	display: inline-block;
	-webkit-appearance: none;
	color: #fff;
	padding: 11px 43px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	border-radius: 0;
	transition: .3s background-color;
	text-align: center
}

.button:hover {
	background-color: #001ba3
}

.button:active {
	background-color: #00147a
}

.button .is-disable,
.button[disabled] {
	color: rgba(255, 255, 255, .5)
}

.tags {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -8px;
	position: relative
}

.tags.js-tags {
	height: 32px;
	overflow: hidden;
	white-space: nowrap
}

.tags.js-tags.is-init {
	height: auto;
	overflow: visible;
	white-space: normal
}

.tag {
	display: inline-block;
	margin: 0 8px 8px 0;
	padding: 7px 12px 7px 11px;
	text-transform: uppercase;
	background: #f0f0f0;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: .08em;
	color: #000;
	transition: .3s all
}

.tag.is-active,
.tag.is-active:active,
.tag.is-active:hover {
	background: #000;
	color: #f0f0f0
}

.tag:hover {
	background: #e6e6e6
}

.tag:active {
	background: #dbdbdb
}

.tag--more {
	cursor: pointer;
	display: none
}

.tag--more.is-active {
	display: inline-block;
	margin-left: auto
}

.tag.is-hide {
	display: none
}

.tag:last-child {
	margin-right: 0
}

.js-tab {
	cursor: pointer
}

.js-tab-content:not(.is-active) {
	display: none
}

.tabs {
	display: flex;
	flex-wrap: wrap
}

.tabs.is-hide {
	display: none
}

.tabs .tab {
	display: inline-block;
	margin: 0 8px 8px 0;
	padding: 4px 12px;
	background: #f0f0f0;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	color: #000;
	transition: .3s all
}

.tabs .tab:last-child {
	margin-right: 0
}

.tabs .tab:hover {
	background-color: #e6e6e6
}

.tabs .tab:active {
	background-color: #dbdbdb
}

.tabs .tab.is-active {
	color: #fff;
	background: #000
}

.input {
	position: relative
}

.input-label {
	position: absolute;
	top: 20px;
	left: 0;
	transition: .15s all;
	cursor: pointer;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	color: #000;
	z-index: 1
}

.active .input-label {
	top: 0;
	color: #73767a;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -.01em
}

.input:hover .input-label {
	color: #73767a
}

.input.is-error .input-label {
	color: #e01b3c
}

.input.is-error:hover .input-label {
	color: #e01b3c
}

.input label.is-error {
	display: block;
	margin-top: 8px;
	left: 0;
	right: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #e01b3c;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -.01em
}

.input input,
.input textarea {
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	background: 0 0;
	cursor: pointer;
	padding: 0;
	height: 64px;
	min-height: 64px;
	border: none;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	margin: 0;
	resize: none;
	border-bottom: 1px solid #000
}

.input input.js-autoheight,
.input textarea.js-autoheight {
	height: 64px;
	min-height: 64px;
	padding-top: 20px;
	padding-bottom: 18px
}

.active .input input,
.active .input textarea,
.input input:active,
.input input:focus,
.input textarea:active,
.input textarea:focus {
	border-bottom: solid 2px #44508c
}

.is-error .input input,
.is-error .input textarea {
	border-bottom-color: #e01b3c
}

.input input::placeholder,
.input textarea::placeholder {
	color: #000;
	opacity: 1;
	transition: .3s all
}

.input:focus input::placeholder,
.input:focus textarea::placeholder,
.input:hover input::placeholder,
.input:hover textarea::placeholder {
	opacity: .5
}

.input input:-webkit-autofill,
.input input:-webkit-autofill:active,
.input input:-webkit-autofill:focus,
.input input:-webkit-autofill:hover {
	-webkit-animation-delay: 1s;
	-webkit-animation-name: autofill;
	-webkit-animation-fill-mode: both
}

.file {
	display: flex;
	padding: 12px 52px 12px 44px;
	background: #f0f0f0;
	justify-content: space-between;
	align-items: start;
	line-height: 0;
	color: #000;
	position: relative;
	margin: 0 0 8px 0
}

.file:last-child {
	margin-bottom: 0
}

.file:after,
.file:before {
	width: 24px;
	height: 24px;
	top: 12px;
	position: absolute;
	display: block;
	content: ''
}

.file:before {
	left: 12px;
	background: no-repeat center center url(/local/markup/build/css/../img/icon/doc.svg)
}

.file:after {
	right: 12px;
	background: no-repeat center center url(/local/markup/build/css/../img/icon/download.svg)
}

.file span {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em
}

.file span:last-child {
	color: #73767a;
	white-space: nowrap;
	margin-left: 32px
}

.material {
	margin: 0 0 8px 0;
	padding: 20px 84px 20px 24px;
	min-height: 96px;
	display: flex;
	flex-direction: column;
	width: 100%;
	color: #000;
	position: relative;
	background-color: #f5f5f5;
	transition: .3s background-color
}

.material:hover {
	background-color: #e6e6e6
}

.material:active {
	background-color: #dbdbdb
}

.material:last-child {
	margin-bottom: 0
}

.fields {
	display: flex;
	justify-content: space-between
}

.fields.hide {
	display: none
}

.field {
	position: relative;
	display: block;
	margin: 0 0 40px 0;
	width: 100%
}

.checkbox {
	margin: 0;
	position: relative;
	padding: 0 0 0 32px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	cursor: pointer;
	display: inline-block
}

.checkbox.disabled {
	opacity: .35
}

.checkbox a {
	color: #000;
	border-bottom: solid 1px #000;
	color: #000;
	border-bottom: solid 1px #000;
	transition: .3s color, .3s border-bottom-color
}

.checkbox a:hover {
	color: #44508c;
	border-bottom-color: #44508c
}

.checkbox a:active {
	color: #001ba3;
	border-bottom-color: #001ba3
}

.checkbox input {
	position: absolute;
	opacity: 0;
	z-index: -1;
	margin: 0
}

.checkbox input+span {
	position: absolute;
	display: block;
	content: '';
	background: 0 0;
	width: 24px;
	height: 24px;
	border: 1px solid #000;
	box-sizing: border-box;
	top: 0;
	left: 0;
	cursor: pointer;
	transition: .3s all
}

.checkbox input:checked+span {
	border: 1px solid #44508c;
	background: #44508c
}

.checkbox input:checked+span:before {
	content: '';
	position: absolute;
	width: 11px;
	height: 6px;
	display: block;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%) rotate(-45deg);
	border-left: solid 2px #fff;
	border-bottom: solid 2px #fff
}

.checkbox:hover input:checked+span {
	border: 1px solid #001ba3;
	background: #001ba3
}

.checkbox label.is-error {
	display: block;
	margin-top: 8px;
	left: 0;
	right: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #e01b3c;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -.01em
}

.radio {
	margin: 0;
	position: relative;
	padding: 0 0 0 32px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	cursor: pointer
}

.radio a {
	color: #000;
	border-bottom: solid 1px #000
}

.radio input {
	position: absolute;
	opacity: 0;
	z-index: -1;
	margin: 0
}

.radio input+span {
	position: absolute;
	display: block;
	content: '';
	background: 0 0;
	width: 24px;
	height: 24px;
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 50%;
	top: 0;
	left: 0;
	cursor: pointer;
	transition: .3s all
}

.radio input:checked+span {
	border: 1px solid #44508c;
	background: #44508c
}

.radio input:checked+span:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	display: block;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 50%
}

.radio:hover input:checked+span {
	border: 1px solid #001ba3;
	background: #001ba3
}

.upload {
	position: relative;
	cursor: pointer;
	display: flex;
	flex-direction: column
}

body,
html {
	padding: 0;
	margin: 0;
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-variant-numeric: proportional-nums;
	-webkit-font-smoothing: antialiased;
	font-variant-numeric: proportional-nums;
	background: #fff;
	text-size-adjust: none;
	-webkit-text-size-adjust: none
}

*,
:after,
:before {
	box-sizing: border-box;
	outline: 0
}

body {
	min-width: 320px;
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: -.01em
}

a {
	color: #44508c;
	transition: .3s color, .3s border;
	text-decoration: none
}

p {
	margin: 1.2em 0
}

p:first-child {
	margin-top: 0
}

p:last-child {
	margin-bottom: 0
}

.wrap {
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	padding: 0 44px
}

.h2,
.h3,
h1,
h2,
h3 {
	margin: 0;
	padding: 0;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	color: #44508c;
}

h1 {
	font-size: 60px;
	line-height: 64px;
	letter-spacing: -.04em;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	margin: 40px 0 0 0
}

h1 span {
	color: #73767a
}

.h2,
h2 {
	font-size: 60px;
	line-height: 64px;
	letter-spacing: -.04em;
	font-family: regular, sans-serif !important;
	font-weight: 800;
	margin: 48px 0
}

.h2:first-child,
.h3:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
p:first-child {
	margin-top: 0
}

.h2:last-child,
.h3:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
p:last-child {
	margin-bottom: 0
}

ul {
	margin: 16px 0;
	padding: 0;
	list-style: none
}

ul li {
	margin: 4px 0;
	padding: 0 0 0 18px;
	position: relative
}

ul li:before {
	position: absolute;
	left: 0;
	top: .6em;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	display: block;
	content: '';
	background: #000
}

ol {
	margin: 24px 0;
	padding: 0;
	list-style: none;
	counter-reset: ol
}

ol:first-child {
	margin-top: 0
}

ol:last-child {
	margin-top: 0
}

ol ol {
	margin-left: 30px
}

ol ol li {
	padding-left: 36px
}

ol li {
	margin: 24px 0;
	padding: 0 0 0 30px;
	position: relative
}

ol li:first-child {
	margin-top: 0
}

ol li:last-child {
	margin-top: 0
}

ol li:before {
	line-height: inherit;
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	counter-increment: ol;
	content: counters(ol, ".") ". "
}

hr {
	height: 1px;
	width: auto;
	margin: 0;
	border: none;
	background: #000;
	opacity: .14
}

.global {
	position: relative;
	padding-top: 104px
}

.global:before {
	display: block;
	content: '';
	clear: both;
	width: 100%;
	height: 1px;
	margin-top: -1px
}

.cols {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.col-12 {
	width: 100%
}

.col-6 {
	width: calc((100% + 16px)/ 12 * 6 - 16px)
}

.k {
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	padding: 16px 0 0 0;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 44px;
	line-height: 48px;
	letter-spacing: -.02em;
	min-height: 48px;
	margin: 0 0 64px 0
}

.header {
	padding: 24px 0;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 2;
	color: #000;
	background: 0 0;
	transition: .3s background-color, .3s color, .3s transform, .3s padding
}

.constructor .header,
.landing-public-mode .header {
	z-index: 6
}

.header a {
	color: #000
}

.header .wrap {
	display: flex;
	align-items: center
}

.header-logo {
	line-height: 0;
	width: 56px;
	display: inline-block;
	margin-right: 32px;
	transition: .3s opacity, .3s height, .3s width
}

.header-logo svg {
	transition: .3s all
}

.header-search {
	margin-right: auto;
	display: flex;
	flex-wrap: wrap
}

.header-search svg {
	vertical-align: middle;
	margin-right: 12px
}

.header-search span {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	vertical-align: middle
}

.header-search a {
	transition: .3s opacity
}

.header-search a:hover {
	opacity: .5
}

.header-links {
	margin-left: auto;
	display: flex;
	white-space: nowrap;
	line-height: 0
}

.header-link {
	padding: 0 40px;
	border-right: solid 1px #000
}

.header-link a {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	transition: .3s opacity
}

.header-link a:hover {
	opacity: .5
}

.header-link:last-child {
	border-right: 0
}

.header-burger {
	margin-left: 40px;
	line-height: 0;
	cursor: pointer;
	transition: .3s opacity
}

.header-burger:hover {
	opacity: .5
}

.header--light {
	color: #fff
}
.header--dark {
	color: #007aff
}

.header--light a {
	color: #fff
}

.header--light .header-logo:hover {
	opacity: .5
}

.header--light .header-logo svg rect {
	stroke: #fff;
	fill: none
}

.header--light .header-search path {
	fill: #fff
}

.header--light .header-link {
	border-right-color: #fff
}

.header--light .header-burger path,
.header--light .header-burger rect {
	fill: #fff
}

.is-menu-stuck .header {
	background: #fff;
	color: #000;
	z-index: 32
}

.is-menu-stuck .header a {
	color: #000
}

.is-menu-stuck .header .header-logo svg rect {
	stroke: #44508c;
	fill: #44508c
}

.is-menu-stuck .header .header-search path {
	fill: #000
}

.is-menu-stuck .header .header-link {
	border-right-color: #000
}

.is-menu-stuck .header .header-burger path,
.is-menu-stuck .header .header-burger rect {
	fill: #000
}

.is-menu-hide .header {
	transform: translate(0, -100%)
}

.is-menu-both .header {
	transform: translate(0, 0)
}

.dash {
	position: absolute;
	left: 50%;
	width: 1832px;
	top: 144px;
	z-index: 100;
	height: 1px;
	background: rgba(0, 0, 0, .3);
	display: block;
	transform: translate(-50%, 0);
	transition: .3s width, .3s transform
}

.top--media+.dash {
	display: none
}

.top-slider+.dash {
	display: none
}

.dash--search {
	display: none
}

.dash--search.is-fixed {
	display: block
}

.dash.is-fixed {
	display: block;
	top: 104px;
	width: calc(100%);
	position: fixed
}

.is-menu-both .dash,
.is-menu-hide .dash {
	display: none !important
}

body.is-scroll .header {
	padding: 12px 0
}

body.is-scroll .header-logo {
	width: 40px;
	height: 40px
}

body.is-scroll .header-logo svg {
	width: 40px;
	height: 40px
}

body.is-scroll .dash.is-fixed {
	top: 64px
}

.footer {
	margin: 180px 0 0 0;
	background: #000;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -.01em
}

.footer a {
	color: #fff
}

.footer-top {
	padding: 40px 0;
	border-bottom: solid 1px #fff;
	display: flex;
	justify-content: space-between
}

.footer-top__left {
	line-height: 0
}

.footer-top__left svg {
	display: block
}

.footer-top__right .button {
	border: solid 1px #fff;
	color: #fff;
	background: 0 0;
	padding: 19px 31px;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -.01em;
	transition: .3s all
}

.footer-top__right .button:hover {
	background: #fff;
	color: #000
}

.footer-socials {
	margin: 28px 0 0 0;
	text-align: right;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	line-height: 0
}

.footer-socials a {
	width: 48px;
	height: 48px;
	margin-right: 6px;
	background: #1f1f1f;
	position: relative;
	border-radius: 50%;
	display: inline-block
}

.footer-socials a img,
.footer-socials a svg {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.footer-socials a img [stroke],
.footer-socials a svg [stroke] {
	transition: .3s all;
	stroke: #73767a
}

.footer-socials a img [fill],
.footer-socials a svg [fill] {
	transition: .3s all;
	fill: #73767a
}

.footer-socials a:hover {
	opacity: 1
}

.footer-socials a:hover [stroke] {
	stroke: #fff
}

.footer-socials a:hover [fill] {
	fill: #fff
}

.footer-socials a:last-child {
	margin-right: 0
}

.footer-menu {
	padding: 32px 0 24px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.footer-col {
	width: calc((100% + 16px)/ 12 * 2 - 16px);
	margin-bottom: 40px
}

.footer-links a {
	display: block;
	color: rgba(255, 255, 255, .6);
	margin: 0 0 16px 0
}

.footer-links a:hover {
	color: #fff
}

.footer-links a:last-child {
	margin-bottom: 0
}

.footer-title {
	display: block;
	margin: 0 0 20px 0;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	color: #fff
}

.footer-contacts {
	border-top: solid 1px #fff;
	padding: 32px 0 80px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.footer-office {
	width: calc((100% + 16px)/ 12 * 4 - 16px)
}

.footer-office>div {
	margin-bottom: 16px
}

.footer-office>div.footer-title {
	margin-bottom: 20px
}

.footer-legal {
	text-align: right;
	margin: 44px 0 0 0;
	width: calc((100% + 16px)/ 12 * 4 - 16px);
	color: rgba(255, 255, 255, .6)
}

.footer-legal>a,
.footer-legal>div {
	display: block;
	margin: 0 0 16px 0
}

.footer-legal>a:last-child,
.footer-legal>div:last-child {
	margin-bottom: 0
}

.footer-legal a {
	color: rgba(255, 255, 255, .6);
	transition: .3s color
}

.footer-legal a:hover {
	color: #fff
}

.footer-bottom {
	margin: 0;
	border-top: solid 1px rgba(255, 255, 255, .3);
	padding: 32px 0 44px;
	display: flex;
	justify-content: space-between
}

.scroll-top {
	position: fixed;
	opacity: 0;
	right: 44px;
	bottom: 90px;
	background: rgba(204, 204, 204, .8);
	backdrop-filter: blur(32px);
	-webkit-backdrop-filter: blur(32px);
	border-radius: 50%;
	width: 48px;
	height: 48px;
	transition: .3s opacity, .3s background-color;
	z-index: 1000;
	pointer-events: none
}

.scroll-top.is-active {
	opacity: 1;
	pointer-events: all
}

.scroll-top.is-hold {
	position: absolute;
	bottom: auto;
	top: -50px;
	transform: translate(0, -100%)
}

.scroll-top img,
.scroll-top svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.scroll-top:hover {
	background: rgba(163, 163, 163, .8)
}

.scroll-top:active {
	background: rgba(204, 204, 204, .8)
}

.footer-en-title {
	display: block;
	margin: 0 0 20px 0;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em
}

.footer-en-menu {
	padding-right: 25%;
	break-inside: avoid-column;
	margin-bottom: 56px
}

.footer-en-menu a {
	display: block;
	margin-bottom: 16px
}

.footer-en-menu a:last-child {
	margin-bottom: 0
}

.scroll-top {
	position: fixed;
	opacity: 0;
	right: 44px;
	bottom: 90px;
	background: rgba(204, 204, 204, .8);
	backdrop-filter: blur(32px);
	-webkit-backdrop-filter: blur(32px);
	border-radius: 50%;
	width: 48px;
	height: 48px;
	transition: .3s opacity, .3s background-color;
	z-index: 1000
}

.scroll-top.is-active {
	opacity: 1
}

.scroll-top.is-hold {
	position: absolute;
	bottom: auto;
	top: -50px;
	transform: translate(0, -100%)
}

.scroll-top img,
.scroll-top svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.scroll-top:hover {
	background: rgba(163, 163, 163, .8)
}

.scroll-top:active {
	background: rgba(204, 204, 204, .8)
}

.swiper svg circle.timer {
	stroke-dashoffset: 126px;
	stroke-dasharray: 126px;
	transform: rotate(-90deg);
	transform-origin: 50% 50%
}

.swiper svg circle.timer.play {
	animation: circleSlider 12s linear;
	animation-fill-mode: forwards
}

.swiper-scrollbar {
	height: 4px;
	background: #f5f5f5;
	border-radius: 2px
}

.swiper-scrollbar-drag {
	border-radius: 2px;
	background: #000;
	cursor: pointer;
	position: relative
}

.swiper-scrollbar-drag:before {
	position: absolute;
	top: -16px;
	left: 0;
	right: 0;
	bottom: -16px;
	display: block;
	content: '';
	background: 0 0
}

.pics-slider-next,
.pics-slider-prev {
	position: absolute;
	right: 40px;
	bottom: 40px;
	width: 48px;
	height: 48px;
	z-index: 2;
	line-height: 0;
	cursor: pointer
}

.pics-slider-prev {
	right: 96px
}

.pics-slider-pagination {
	position: absolute;
	right: 44px;
	bottom: 270px;
	z-index: 2
}

.pics-slider-pagination .swiper-pagination-bullet {
	display: block;
	cursor: pointer;
	color: rgba(255, 255, 255, .5);
	margin-bottom: 20px;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 15px;
	line-height: 16px;
	letter-spacing: -.01em
}

.pics-slider-pagination .swiper-pagination-bullet:last-child {
	margin-bottom: 0
}

.pics-slider-pagination .swiper-pagination-bullet.active,
.pics-slider-pagination .swiper-pagination-bullet:hover {
	color: #fff
}

.pics-slider-pages {
	position: absolute;
	right: 0;
	bottom: -4px;
	display: none;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -.01em
}

.top-slider {
	margin: -104px 0 10px 0;
	position: relative;
	z-index: 1;
	background: 0 0
}

.top-slider .swiper-wrapper {
	height: 100vh;
	min-height: 500px
}

.top-slider>.wrap {
	position: relative
}

.top-slider-next,
.top-slider-prev {
	position: absolute;
	right: 40px;
	bottom: 40px;
	width: 48px;
	height: 48px;
	z-index: 2;
	line-height: 0;
	cursor: pointer
}

.top-slider-prev {
	right: 96px
}

.top-slider-pagination {
	position: absolute;
	right: 44px;
	bottom: 270px;
	z-index: 2
}

.top-slider-pagination .swiper-pagination-bullet {
	display: block;
	cursor: pointer;
	color: rgba(255, 255, 255, .5);
	margin-bottom: 20px;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 15px;
	line-height: 16px;
	letter-spacing: -.01em
}

.top-slider-pagination .swiper-pagination-bullet:last-child {
	margin-bottom: 0
}

.top-slider-pagination .swiper-pagination-bullet.active,
.top-slider-pagination .swiper-pagination-bullet:hover {
	color: #fff
}

.top-slider-pages {
	position: absolute;
	right: 0;
	top: 3px;
	display: none;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -.01em
}

.top-slide {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	padding: 92px 0 58px;
	height: 100vh;
	min-height: 500px;
	width: 100%;
	transition: .3s opacity
}

.top-slide.swiper-slide-active {
	opacity: 1 !important
}

.top-slide .wrap {
	width: 100%;
	position: relative;
	z-index: 2
}

.top-slide__back {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: no-repeat center top;
	background-size: cover;
	overflow: hidden;
	line-height: 0
}

.top-slide__back iframe,
.top-slide__back video {
	opacity: 0;
	transition: .3s opacity;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%)
}

.top-slide__back img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	transform: translate(-50%, -50%)
}

.top-slide__title {
	color: #fff;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 120px;
	line-height: 84px;
	letter-spacing: -.06em
}

.top-slide_sthupo {
	color: #fff;
	font-family: STHupo, regular, sans-serif !important;
	font-weight: 550;
	font-size: 120px;
	line-height: 84px;
	letter-spacing: -.06em
}

.top-slide__title span {
	margin-left: 15.7%
}

/* The home page sits on black: .wrap--main's gradients below fade to
   transparent and are drawn for a black page behind them. Only there -- every
   other page has a transparent header--dark header with black menu links,
   which a black page makes invisible (the 2026-10-20 sitewide black page). */
html:has(> body.body--home),
body.body--home {
	background: #000;
}

.wrap--main {
	background: linear-gradient(to bottom, rgb(0 0 0 / 90%) 0%, transparent 30%, transparent 70%, rgb(0 0 0 / 90%) 100%), linear-gradient(217deg, rgb(139 115 115 / 80%), transparent 70.71%), linear-gradient(127deg, rgb(82 105 82 / 80%), transparent 70.71%), linear-gradient(336deg, rgb(19 19 67 / 80%), transparent 70.71% 70.71%);
}

.main-services-pic {
	line-height: 0;
	padding-right: 5.8%;
	position: relative
}

.main-services-pic-img {
	width: 100%;
	position: relative;
	padding-top: 100%
}

.main-services-pic-img>div {
	padding-top: 100%;
	width: 100%;
	background: no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 1;
	transition: .3s opacity
}

.main-services-pic-img>div.is-active {
	opacity: 1;
	z-index: 2
}

.main-services-list {
	display: flex;
	flex-direction: column
}

.main-services-list a {
	display: block;
	padding: 17px 32px 20px 32px;
	margin: 0;
	border-bottom: solid 1px #000;
	color: #000;
	position: relative;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 32px;
	line-height: 36px;
	letter-spacing: -.02em;
	background: no-repeat right center url(/local/markup/build/css/../img/icon/arrow-right.svg);
	transition: .3s margin
}

.main-services-list a.is-active {
	margin-left: -8.6%
}

.main-services-list a span:first-child {
	position: absolute;
	left: 0;
	top: 17px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em
}

.main-services-list .is-progress {
	display: none !important
}

.main-leadership {
	margin: 180px 0
}

.main-leadership-quote {
	background: #44508c;
	color: #fff;
	padding: 32px;
	display: flex;
	flex-direction: column;
	margin-top: -170px
}

.main-leadership-quote img {
	width: 156px
}

.main-solutions {
	margin: 80px 0
}

.main-solutions-links {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	position: relative
}

.main-solutions-links:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #fff;
	display: block;
	content: '';
	z-index: 2
}

.main-solutions a {
	display: block;
	height: 270px;
	width: 50%;
	vertical-align: top;
	padding: 24px;
	font-size: 32px;
	line-height: 36px;
	letter-spacing: -.01em;
	position: relative;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	color: #000;
	z-index: 2;
	font-family: regular, sans-serif !important;
	font-weight: 400
}

.main-solutions a span:first-child {
	display: block;
	position: relative;
	z-index: 2
}

.main-solutions a span:last-child {
	position: absolute;
	transition: .3s opacity;
	opacity: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: no-repeat center center;
	background-size: cover;
	z-index: 1
}

.main-solutions a span:last-child:before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, .16), rgba(0, 0, 0, .16))
}

.main-solutions a:nth-child(2n) {
	border-right: 0
}

.main-solutions a:before {
	display: block;
	position: absolute;
	content: attr(data-num);
	color: #000;
	left: 24px;
	bottom: 16px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	z-index: 3;
	transition: .3s color
}

.main-solutions a:after {
	display: block;
	position: absolute;
	content: '';
	right: 24px;
	bottom: 16px;
	width: 32px;
	height: 32px;
	background: no-repeat center center url(/local/markup/build/css/../img/icon/arrow-right.svg);
	filter: invert(0);
	transition: .3s filter;
	z-index: 3
}

.main-carrier-pages {
	position: absolute;
	right: 0;
	bottom: -5px;
	display: none;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -.01em
}

.main-carrier-pagination {
	position: absolute;
	bottom: 40px;
	right: 40px;
	z-index: 3;
	line-height: 0;
	font-family: regular, sans-serif !important;
	font-weight: 400
}

.main-carrier-pagination .swiper-pagination-bullet {
	display: inline-block;
	cursor: pointer;
	color: rgba(255, 255, 255, .5);
	margin-right: 24px;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -.01em
}

.main-carrier-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0
}

.main-carrier-pagination .swiper-pagination-bullet.active,
.main-carrier-pagination .swiper-pagination-bullet:hover {
	color: #fff
}

.top {
	margin: 40px 0 100px 0
}

.constructor .top,
.landing-public-mode .top {
	margin-left: -44px;
	margin-right: -44px;
	z-index: 5
}

.top--media .h1,
.top--media h1 {
	max-width: calc((100% + 16px)/ 12 * 8 - 16px);
	margin-top: 40px;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 46px;
	line-height: 60px;
	letter-spacing: -.02em
}

.top--media {
	margin-top: -104px;
	padding-top: 144px;
	margin-bottom: 64px;
	background: no-repeat center center #44508c;
	background-size: cover;
	color: #fff;
	position: relative
}

.top--media:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	display: block;
	background: rgba(0, 0, 0, .2)
}

.top--media .wrap {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	max-height: 750px;
	height: calc(47.5vw - 296px)
}

.top-buttons {
	top: 16px;
	right: 40px;
	position: absolute;
	display: flex;
	flex-wrap: wrap
}

.top-buttons-socials {
	display: none;
	background: #fff;
	z-index: 3;
	white-space: nowrap;
	position: absolute;
	padding: 39px;
	border: solid 1px #000;
	top: 100%;
	right: 100%;
	transform: translate(48px, 8px)
}

.top-buttons-socials.is-active {
	display: flex
}

.top-more {
	margin: auto 0 40px 0;
	z-index: 5
}

.top-more .button {
	padding: 19px 39px;
	white-space: nowrap;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	font-family: 'Noto Sans', sans-serif !important;
	background: #fff;
	border-color: #fff;
	color: #000;
	transition: .3s background-color, .3s color
}

.top-more .button:hover {
	color: #73767a
}

.top-more .button:active {
	background: #f0f0f0;
	color: #73767a
}

.top-more .button[disabled] {
	background: #fff;
	color: rgba(0, 0, 0, .2)
}

.top-more .top-panel__inner>.button {
	width: 270px;
	text-align: center
}

.top-panel__inner {
	display: flex;
	max-width: 1920px;
	margin: 0 auto
}

.top-panel.is_stuck {
	left: 0;
	right: 0;
	width: auto !important;
	background: rgba(204, 204, 204, .8);
	backdrop-filter: blur(32px);
	-webkit-backdrop-filter: blur(32px);
	transition: .3s transform
}

[data-sticky-menu=no] .top-panel.is_stuck {
	display: none !important
}

.top-panel.is_stuck.is-alone {
	display: none !important
}

.is-menu-both .top-panel.is_stuck {
	transform: translate(0, 64px)
}

.top-panel.is_stuck .top-panel__inner {
	padding: 12px 44px
}

.top-panel.is_stuck .button {
	order: 3;
	padding: 7px 22px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	background: #44508c;
	color: #fff;
	border-color: #44508c
}

.top-panel.is_stuck .button:hover {
	background-color: #001ba3
}

.top-panel.is_stuck .button:active {
	background-color: #00147a
}

.top-panel.is_stuck .top-menu {
	margin: 0 24px 0 0;
	padding: 0;
	background-color: transparent;
	backdrop-filter: none
}

.top-panel.is_stuck .top-menu a {
	color: #000;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	padding: 8px 16px;
	position: relative
}

.top-panel.is_stuck .top-menu a.is-active:before {
	position: absolute;
	left: 50%;
	top: -16px;
	height: 24px;
	width: 1px;
	background: #000;
	content: '';
	display: block
}

.top-panel.is_stuck .top-menu a:hover {
	color: #73767a
}

.top-panel.is_stuck .top-menu-more-trigger {
	color: #000;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	padding: 8px 16px
}

.top-panel.is_stuck .top-menu-more-trigger:hover {
	color: #73767a
}

.top-panel.is_stuck .top-menu-more-list {
	margin-top: 0
}

.top-panel.is_stuck .top-menu-more .top-menu-link a.is-active:before {
	display: none
}

.top-menu {
	background: rgba(86, 88, 102, .3);
	backdrop-filter: blur(31px);
	-webkit-backdrop-filter: blur(31px);
	margin-left: 24px;
	display: flex;
	flex-wrap: nowrap;
	padding: 0 16px;
	width: calc(100% - 270px - 24px);
	white-space: nowrap;
	overflow: hidden
}

.top-menu.is-init {
	overflow: visible
}

.top-menu-link {
	display: inline-block
}

.top-menu-link:last-child {
	margin-right: 32px
}

.top-menu-link.is-hide {
	display: none
}

.top-menu a {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	transition: .3s color;
	padding: 20px 16px
}

.top-menu a:hover {
	color: rgba(255, 255, 255, .6)
}

.top-menu-more {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	position: relative;
	display: none
}

.top-menu-more.is-active {
	display: inline-block
}

.top-menu-more-trigger {
	cursor: pointer;
	padding: 20px 16px;
	transition: .3s all
}

.top-menu-more-trigger:hover {
	color: rgba(255, 255, 255, .6)
}

.top-menu-more-list {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	background: #fff;
	border: 1px solid #000;
	white-space: normal;
	margin: -8px 20px 0 0;
	min-width: 250px
}

.top-menu-more-list .top-menu-link {
	display: block
}

.top-menu-more-list .top-menu-link:last-child {
	margin: 0
}

.top-menu-more-list a {
	display: block;
	width: 100%;
	padding: 12px 12px 12px 16px;
	color: #000
}

.top-menu-more-list a:hover {
	transition: .3s all;
	background: #f5f5f5;
	color: #000
}

.top-menu-more:hover .top-menu-more-list {
	display: block
}

.top-desc {
	margin: 32px 0 0 0;
	max-width: calc((100% + 16px)/ 12 * 6 - 16px)
}

.top-detail {
	margin-top: 40px
}

.top--career {
	background: #76a1aa center center url(/local/markup/build/css/../img/temp/career-top.jpg);
	background-size: cover
}

.top--career:before {
	display: none
}

.top-media-back--2 {
	transition: 1s opacity;
	opacity: 0
}

.iframe-video {
	position: relative;
	z-index: 2
}

.filter {
	border-top: solid 1px #000
}

.project {
	margin-bottom: 168px
}

.pagination {
	margin: 64px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center
}

.pagination .next,
.pagination .page,
.pagination .prev {
	height: 48px;
	margin: 0 4px;
	min-width: 48px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	color: #000;
	padding: 12px 8px;
	transition: .3s background-color
}

.pagination .next:first-child,
.pagination .page:first-child,
.pagination .prev:first-child {
	margin-left: 0
}

.pagination .next:last-child,
.pagination .page:last-child,
.pagination .prev:last-child {
	margin-right: 0
}

.pagination a {
	cursor: pointer
}

.pagination a.is-active,
.pagination a:hover {
	background: #f0f0f0
}

.pagination a:active {
	background: #e6e6e6
}

.pagination a.is-active:hover {
	background: #e6e6e6
}

.pagination a.is-active:active {
	background: #dbdbdb
}

.pagination .prev {
	border-radius: 50%;
	margin-right: 60px;
	opacity: 0
}

.pagination .next {
	border-radius: 50%;
	margin-left: 60px;
	opacity: 0
}

.pagination a.next,
.pagination a.prev {
	opacity: 1;
	background-color: #f5f5f5;
	transition: .3s background-color
}

.pagination a.next:hover,
.pagination a.prev:hover {
	background-color: #e6e6e6
}

.pagination a.next:active,
.pagination a.prev:active {
	background-color: #dbdbdb
}

.content-nav {
	display: block
}

.content-nav a {
	display: block;
	color: #73767a;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	margin-bottom: 24px
}

.content-nav a:last-child {
	margin-bottom: 0
}

.content-nav a.is-active,
.content-nav a:hover {
	color: #000
}

.content h2 {
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 32px;
	line-height: 36px;
	letter-spacing: -.02em;
	margin: 64px 0 32px 0
}

.content-list {
	display: block
}

.content-list div {
	padding: 8px 0
}

.content-list a {
	color: #000;
	text-decoration: underline
}

.content ul {
	margin: 24px 0
}

.content ul li {
	padding-left: 36px;
	margin: 0 0 24px 0
}

.content ul li:last-child {
	margin-bottom: 0
}

.content ul li:before {
	width: 32px;
	height: 32px;
	display: block;
	content: '';
	top: 0;
	left: 0;
	position: absolute;
	background: no-repeat center center url(/local/markup/build/css/../img/icon/event-list-icon.svg);
	background-size: contain
}

.content ul ul {
	margin-left: 44px
}

.content ul ul li:before {
	width: 16px;
	height: 1px;
	left: 8px;
	top: 16px;
	background: #000
}

.lead {
	margin: 64px 0;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -.01em;
	font-family: regular, sans-serif !important;
	font-weight: 400
}

.life .lead {
	margin: 0 0 48px 0
}

.lead:first-child {
	margin-top: 0
}

.lead:last-child {
	margin-bottom: 0
}

.toggles {
	margin: 64px 0
}

.toggles:first-child {
	margin-top: 0
}

.toggles:last-child {
	margin-bottom: 0
}

.block-text .toggles {
	margin: 0
}

.toggle-item {
	border-top: solid 1px #000;
	margin-bottom: 0;
	position: relative
}

.toggle-item:last-child {
	margin-bottom: 0
}

.toggle-item:after,
.toggle-item:before {
	display: block;
	content: '';
	width: 25px;
	height: 1px;
	background: #000;
	position: absolute;
	right: 12px;
	top: 32px
}

.toggle-item:before {
	transition: .3s all;
	transform: rotate(90deg)
}

.toggle-item.is-active:before {
	transform: rotate(0)
}

.toggle-title {
	position: relative;
	cursor: pointer;
	font-weight: 600;
	padding: 16px 64px 31px 0;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -.01em;
	font-family: regular, sans-serif !important;
	font-weight: 400
}

.project .toggle-title {
	padding: 16px 64px 16px 0;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: -.01em
}

.block-text .toggle-title {
	padding: 16px 40px 16px 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: -.01em
}

.toggle-content {
	display: none;
	padding: 24px calc((100% + 16px)/ 12 * 1) 64px calc((100% + 16px)/ 12 * 6)
}

.project .toggle-content {
	padding: 0 64px 16px 0
}

.block-text .toggle-content {
	padding: 16px 0 48px 0
}

.more {
	margin: 160px 0 0 0;
	position: relative;
	width: 100%
}

.more h2 {
	border-top: solid 1px #000;
	padding: 16px calc((100% + 16px)/ 12 * 6) 0 0;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 44px;
	line-height: 48px;
	letter-spacing: -.02em;
	letter-spacing: -.02em;
	margin: 0 0 64px 0;
	position: relative
}

.more h2:after {
	position: absolute;
	display: block;
	width: 1px;
	height: 48px;
	top: 0;
	right: 0;
	background: #000;
	content: ''
}

.more-slider-nav {
	margin-top: 24px;
	text-align: right;
	position: relative;
	z-index: 3
}

.more-slider-nav .slider-prev {
	margin-right: 8px
}

.more-slider-nav .slider-next,
.more-slider-nav .slider-prev {
	display: inline-block;
	cursor: pointer
}

.more-slider-nav .slider-next.swiper-button-disabled path,
.more-slider-nav .slider-prev.swiper-button-disabled path {
	opacity: .2
}

.more-slider-nav .slider-next circle,
.more-slider-nav .slider-prev circle {
	fill: #000;
	transition: .3s fill
}

.more-slider-nav .slider-next path,
.more-slider-nav .slider-prev path {
	fill: #fff
}

.more-slider-nav .slider-next:not(.swiper-button-disabled):hover circle,
.more-slider-nav .slider-prev:not(.swiper-button-disabled):hover circle {
	fill: #292929
}

.more-slider-nav .slider-next:not(.swiper-button-disabled):active circle,
.more-slider-nav .slider-prev:not(.swiper-button-disabled):active circle {
	fill: #3d3d3d
}

.media {
	margin: 64px 0 168px 0
}

.desc {
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -.02em
}

.contacts-map-popup {
	position: absolute;
	top: 40px;
	left: 40px;
	background: #fff;
	width: calc((100% + 16px)/ 12 * 4 - 16px);
	padding: 24px;
	min-width: 410px
}

.contacts-map-popup h3 {
	font-size: 32px;
	line-height: 36px;
	letter-spacing: -.01em;
	margin: 0 0 16px 0
}

.contacts-map-popup p {
	margin: 24px 0
}

.contacts-map-popup hr {
	margin: 24px 0;
	background: #000;
	height: 1px;
	border: 0
}

.contacts-map-popup a[target="_blank"]:not(.button) {
	color: #000
}

.contacts-map-popup a[target="_blank"]:not(.button):hover {
	color: #001ba3
}

.contacts-map-popup a[target="_blank"]:not(.button):after {
	margin-left: 8px;
	content: '';
	display: inline-block;
	vertical-align: -6px;
	width: 24px;
	height: 24px;
	background: no-repeat center center url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 3H10V4H4V20H20V14H21V21H3V3ZM19.293 4H13V3H21V11H20V4.70718L9.35359 15.3536L8.64648 14.6465L19.293 4Z" fill="black"></path></svg>');
	background-size: contain
}

.contacts-map {
	height: 75vh;
	min-height: 720px;
	background: #f0f0f0
}

.contacts .toggles {
	margin: 0 0 168px 0
}

.contacts .toggle-content .map {
	height: 300px
}

.contacts .toggle-content .map iframe {
	width: 100%;
	height: 300px
}

.contacts-map-popup {
	z-index: 1
}

.feedback {
	width: calc((100% + 16px)/ 12 * 8 - 16px)
}

.body--top-search {
	position: fixed;
	overflow: hidden
}

.body--top-search .top-search {
	display: block
}

.body--top-search .top-search-back {
	display: block
}

.top-search-back {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: no-repeat center bottom url(/local/markup/build/css/../img/temp/search-back.jpg);
	background-size: cover;
	padding: 40px;
	z-index: 990;
	display: none
}

.top-search-back svg {
	position: absolute;
	right: 64px;
	bottom: 64px
}

.top-search {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	height: 570px;
	max-height: 100vh;
	overflow: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch
}

.top-search::-webkit-scrollbar {
	display: none
}

.search {
	padding: 40px 32px;
	background: #fff
}

.search-page .search {
	padding: 40px 0
}

.search-form {
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	position: relative
}

.search-form input {
	margin: 0;
	-webkit-appearance: none;
	border: none;
	width: 100%;
	height: 48px;
	padding: 0 20px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em
}

.search-close {
	cursor: pointer;
	position: absolute;
	top: 24px;
	right: 24px;
	width: 24px;
	height: 24px
}

.search-popular {
	margin-top: 80px
}

.search-popular__header {
	margin-bottom: 24px;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 32px;
	line-height: 36px;
	letter-spacing: -.02em;
	color: #73767a
}

.search-popular__items {
	display: flex;
	flex-wrap: wrap
}

.search-popular__items a {
	margin: 0 32px 32px 0;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 32px;
	line-height: 36px;
	letter-spacing: -.02em;
	color: #000;
	text-decoration: none
}

.search-popular__items a:last-child {
	margin-right: 0
}

.search-block {
	margin-bottom: 128px
}

.search-block:last-child {
	margin-bottom: 0
}

.search-result {
	border-top: solid 1px #000;
	padding: 24px 0
}

.search-result.is-hide {
	display: none !important
}

.body--search .global {
	padding: 0
}

.body--search .header {
	display: none
}

.partners-item {
	width: calc(100% / 3);
	padding: 8px;
	display: flex;
	position: relative
}

.partners-item__i {
	position: absolute;
	z-index: 4;
	top: 32px;
	right: 32px;
	display: block;
	width: 48px;
	height: 48px;
	background: no-repeat center center url(/local/markup/build/css/../img/icon/partners-info.svg)
}

.partners-item.is-active .partners-item__i {
	background: no-repeat center center url(/local/markup/build/css/../img/icon/partners-close.svg)
}

.project {
	margin-bottom: 168px
}

.jobs-item-location {
	margin: auto 0 0 0;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #73767a;
	padding-left: 24px;
	position: relative
}

.jobs-item-location svg {
	position: absolute;
	left: 0;
	top: 1px
}

.jobs-item-locations {
	display: none
}

.jobs-filter-count {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	line-height: 24px;
	text-align: center;
	color: #fff;
	background: #44508c;
	display: none;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -.01em;
	vertical-align: 2px
}

.jobs-filter-block {
	margin-bottom: 24px
}

.jobs-filter-block:last-child {
	margin-bottom: 0
}

.jobs-filter-block.is-active .jobs-filter-block-header:after {
	transform: translate(-50%, -50%) rotate(90deg)
}

.jobs-filter-block-header {
	padding: 23px 8px 0 0;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	font-weight: 600;
	cursor: pointer;
	position: relative
}

.jobs-detail-button {
	display: none;
	margin: 24px 0 0 0;
	position: sticky;
	bottom: 0;
	padding: 12px 0;
	transform: translate(0, 100%);
	transition: .3s transform
}

.jobs-detail-button.is-active {
	transform: translate(0, 0)
}

.jobs-detail-button .button {
	display: block
}

.is-filter {
	position: absolute;
	overflow: hidden
}

.is-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.navigation {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000 no-repeat center center url(/local/markup/build/css/../img/temp/back-extbc.jpg);
	background-size: cover;
	z-index: 999
}

.is-popup .navigation {
	display: block
}

.navigation-close {
	position: absolute;
	top: 16px;
	right: 28px;
	line-height: 0;
	display: block;
	cursor: pointer;
	z-index: 10;
	opacity: 1;
	transition: .3s opacity
}

.navigation-close svg {
	width: 40px;
	height: 40px
}

.navigation-close:hover {
	opacity: .5
}

.navigation-left {
	width: calc((100% + 16px)/ 12 * 2 - 16px);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	color: #fff
}

.navigation-logo {
	position: absolute;
	top: 24px;
	left: 44px;
	line-height: 0;
	right: 32px
}

.navigation-logo svg {
	width: auto;
	height: auto;
	max-width: 100%
}

.navigation-logo svg rect {
	stroke: #fff;
	fill: none
}

.navigation-logo svg .line,
.navigation-logo svg .site {
	fill: #fff
}

.navigation-right {
	left: calc((100% + 16px)/ 12 * 2 - 16px);
	top: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	overflow: hidden;
	background: #fff
}

.navigation-columns {
	display: flex;
	position: absolute;
	top: 80px;
	left: 0;
	bottom: 96px;
	right: 0
}

.navigation-sections {
	width: 50%;
	padding: 16px 56px;
	display: flex;
	flex-direction: column;
	border-right: solid 1px #73767a;
	overflow: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch
}

.navigation-sections::-webkit-scrollbar {
	display: none
}

.navigation-sections a {
	display: inline-block;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 44px;
	line-height: 48px;
	letter-spacing: -.02em;
	margin: 0 0 24px 0;
	color: #000;
	position: relative
}

.navigation-sections a svg {
	display: inline-block;
	vertical-align: top;
	opacity: 0;
	transition: .3s opacity
}

.navigation-sections a svg path {
	stroke: #000
}

.navigation-sections a.is-active,
.navigation-sections a:hover {
	color: #44508c
}

.navigation-sections a.is-active svg,
.navigation-sections a:hover svg {
	opacity: 1
}

.navigation-sections a.is-active svg path,
.navigation-sections a:hover svg path {
	stroke: #44508c
}

.navigation-back {
	display: none;
	color: #000;
	cursor: pointer
}

.navigation-lists {
	width: 50%;
	min-height: 100%;
	overflow: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	z-index: 10
}

.navigation-lists::-webkit-scrollbar {
	display: none
}

.navigation-list {
	position: absolute;
	top: 16px;
	left: 15%;
	right: 80px;
	bottom: 16px;
	overflow: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	opacity: 0;
	pointer-events: none;
	padding: 0;
	transition: .3s opacity;
	display: flex;
	flex-direction: column
}

.navigation-list::-webkit-scrollbar {
	display: none
}

.navigation-list a {
	display: block;
	margin: 0 24px 16px 0;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: -.01em;
	color: #000
}

.navigation-list a svg {
	display: inline-block;
	margin-left: 4px;
	vertical-align: -6px
}

.navigation-list a svg [fill] {
	transition: .3s all
}

.navigation-list a:hover {
	color: #44508c
}

.navigation-list a:hover svg [fill] {
	fill: #44508c
}

.navigation-list .h2,
.navigation-list h2 {
	display: none
}

.landing-public-mode .navigation-list .h3,
.landing-public-mode .navigation-list h3,
.navigation-list .h3,
.navigation-list h3 {
	scale: 1;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -.01em;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	margin: 56px 0 12px
}

.navigation-list h2+h3 {
	margin-top: 0
}

.navigation-list .h2+.h3 {
	margin-top: 0
}

.navigation-list.is-active {
	opacity: 1;
	pointer-events: auto
}

.navigation-socials {
	margin: 0;
	text-align: right;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	line-height: 0;
	align-items: center;
	position: absolute;
	left: calc((100% + 16px)/ 12 * 2 - 16px);
	right: 0;
	bottom: 0;
	padding: 24px 40px;
	background: #fff
}

.navigation-socials a {
	width: 48px;
	height: 48px;
	margin-right: 6px;
	background: #f0f0f0;
	position: relative;
	border-radius: 50%;
	display: inline-block;
	background-color: #f5f5f5;
	transition: .3s background-color
}

.navigation-socials a:hover {
	background-color: #e6e6e6
}

.navigation-socials a:active {
	background-color: #dbdbdb
}

.navigation-socials a img,
.navigation-socials a svg {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.navigation-socials a img [stroke],
.navigation-socials a svg [stroke] {
	transition: .3s all;
	stroke: #000
}

.navigation-socials a img [fill],
.navigation-socials a svg [fill] {
	transition: .3s all;
	fill: #000
}

.navigation-socials a:hover {
	opacity: 1
}

.navigation-socials a:hover [stroke] {
	stroke: #000
}

.navigation-socials a:hover [fill] {
	fill: #000
}

.navigation-socials a:last-child {
	margin-right: 0
}

.is-subscribe {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.subscribe {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000 no-repeat center center url(/local/markup/build/css/../img/temp/back-extbc.jpg);
	background-size: cover;
	z-index: 999;
	color: #000
}

.is-subscribe .subscribe {
	display: block
}

.subscribe-close {
	position: absolute;
	top: 24px;
	right: 40px;
	line-height: 0;
	display: block;
	cursor: pointer;
	z-index: 10;
	opacity: 1;
	transition: .3s opacity
}

.subscribe-close:hover {
	opacity: .5
}

.subscribe-left {
	width: calc((100% + 16px)/ 12 * 4 - 16px);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	color: #fff
}

.subscribe-logo {
	position: absolute;
	top: 24px;
	left: 40px;
	width: 56px;
	height: 56px
}

.subscribe-logo svg rect {
	stroke: #fff;
	fill: none
}

.subscribe-copy {
	position: absolute;
	left: 40px;
	right: 24px;
	bottom: 54px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -.01em
}

.subscribe-socials {
	margin: 0;
	text-align: right;
	flex-wrap: wrap;
	justify-content: flex-end;
	line-height: 0;
	align-items: center;
	position: absolute;
	left: calc((100% + 16px)/ 12 * 4 - 16px);
	right: 0;
	bottom: 0;
	padding: 24px 40px;
	background: #fff;
	display: none
}

.subscribe-socials a {
	width: 48px;
	height: 48px;
	margin-right: 6px;
	background: #f0f0f0;
	position: relative;
	border-radius: 50%;
	display: inline-block;
	background-color: #f5f5f5;
	transition: .3s background-color
}

.subscribe-socials a:hover {
	background-color: #e6e6e6
}

.subscribe-socials a:active {
	background-color: #dbdbdb
}

.subscribe-socials a img,
.subscribe-socials a svg {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.subscribe-socials a img [stroke],
.subscribe-socials a svg [stroke] {
	transition: .3s all;
	stroke: #000
}

.subscribe-socials a img [fill],
.subscribe-socials a svg [fill] {
	transition: .3s all;
	fill: #000
}

.subscribe-socials a:hover {
	opacity: 1
}

.subscribe-socials a:hover [stroke] {
	stroke: #000
}

.subscribe-socials a:hover [fill] {
	fill: #000
}

.subscribe-socials a:last-child {
	margin-right: 0
}

.about>.wrap {
	width: 100%
}

.about .k {
	margin-right: 1px
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.popup-form {
	position: fixed;
	left: calc((100% + 16px)/ 12 * 4 - 16px);
	top: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	background: #fff;
	padding: 80px 40px 40px;
	display: none
}

.popup-form::-webkit-scrollbar {
	display: none
}

.popup-form .form {
	display: flex;
	flex-direction: column;
	height: 100%
}

.popup-form-title {
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 46px;
	line-height: 60px;
	letter-spacing: -.02em;
	margin: 0 0 80px 0
}

.popup {
	display: none;
	background: #fff;
	padding: 48px;
	max-width: 848px;
	position: relative;
	margin: 0 auto
}

.huge-slider-pages {
	position: absolute;
	right: 0;
	bottom: -5px;
	display: none;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -.01em
}

.huge-slider-pagination {
	position: absolute;
	bottom: 40px;
	right: 40px;
	z-index: 3;
	line-height: 0;
	font-family: regular, sans-serif !important;
	font-weight: 400
}

.huge-slider-pagination .swiper-pagination-bullet {
	display: inline-block;
	cursor: pointer;
	color: rgba(255, 255, 255, .5);
	margin-right: 24px;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -.01em
}

.huge-slider-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0
}

.huge-slider-pagination .swiper-pagination-bullet.active,
.huge-slider-pagination .swiper-pagination-bullet:hover {
	color: #fff
}

.cookies {
	position: fixed;
	z-index: 111;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 24px 0;
	background: rgba(0, 0, 0, .6);
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	color: #fff
}

.cookies .wrap {
	display: flex
}

.scrollbar {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: #f5f5f5
}

.scrollbar-body {
	position: absolute;
	background: #000;
	right: 0
}

.scrollbar-down,
.scrollbar-up {
	display: none
}

.region>.wrap {
	width: 100%
}

.life-hobby {
	display: flex;
	width: 100%;
	position: relative;
	z-index: 1;
	margin: 50px 0 0 0
}

.life-hobby-item {
	display: block;
	margin: 0 0 56px 0
}

.life-hobby-item:last-child {
	margin-bottom: 0
}

.life-hobby-title {
	display: block;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 44px;
	line-height: 48px;
	letter-spacing: -.02em;
	cursor: pointer;
	position: relative
}

.life-hobby-title:after {
	content: '';
	position: relative;
	width: 48px;
	height: 48px;
	margin-left: 12px;
	display: inline-block;
	background: no-repeat center center url(/local/markup/build/css/../img/icon/plus-48.svg);
	background-size: contain;
	vertical-align: bottom
}

.life-hobby-item.is-active .life-hobby-title:after {
	background-image: url(/local/markup/build/css/../img/icon/minus-48.svg)
}

.life-hobby-img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 76.2%;
	height: 82%;
	transform: translate(-50%, -50%);
	background: no-repeat center center;
	background-size: cover;
	opacity: 0;
	z-index: 2;
	transition: .3s all
}

.life-hobby-img.is-active {
	opacity: 1
}

.life-socials {
	display: flex;
	width: 100%;
	position: relative;
	z-index: 1;
	margin: 96px 0 0 0
}

.life-socials-item {
	display: block;
	margin: 0
}

.life-socials-item:last-child {
	margin-bottom: 0
}

.life-socials-title {
	display: block;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 44px;
	line-height: 48px;
	letter-spacing: -.02em;
	cursor: pointer;
	position: relative;
	border-top: solid 1px rgba(0, 0, 0, .14);
	padding: 15px 128px 48px 0
}

.life-socials-title:after {
	content: '';
	position: absolute;
	top: 15px;
	right: 0;
	width: 48px;
	height: 48px;
	margin-left: 12px;
	display: inline-block;
	background: no-repeat center center url(/local/markup/build/css/../img/icon/plus-48.svg);
	background-size: contain;
	vertical-align: bottom
}

.life-socials-item.is-active .life-socials-title:after {
	background-image: url(/local/markup/build/css/../img/icon/minus-48.svg)
}

.life-socials-img {
	position: absolute;
	left: 40px;
	top: 40px;
	right: 0;
	height: 0;
	padding-top: calc(100% - 40px);
	background: no-repeat center center;
	background-size: cover;
	opacity: 0;
	z-index: 2;
	transition: .3s all
}

.life-socials-img.is-active {
	opacity: 1
}

.plates-slider-pages {
	position: absolute;
	right: 0;
	bottom: -5px;
	display: none;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -.01em
}

.plates-slider-pagination {
	position: absolute;
	bottom: 40px;
	right: 40px;
	z-index: 3;
	line-height: 0;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	display: none
}

.plates-slider-pagination .swiper-pagination-bullet {
	display: inline-block;
	cursor: pointer;
	color: rgba(255, 255, 255, .5);
	margin-right: 24px;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -.01em
}

.plates-slider-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0
}

.plates-slider-pagination .swiper-pagination-bullet.active,
.plates-slider-pagination .swiper-pagination-bullet:hover {
	color: #fff
}

.plates-slider-plate {
	width: calc((100% - 16px * 3)/ 4);
	margin-right: 16px;
	background: rgba(60, 70, 69, .41);
	backdrop-filter: blur(32px);
	color: #fff;
	padding: 16px;
	display: flex;
	flex-direction: column;
	position: relative;
	height: 164px;
	cursor: pointer
}

.plates-slider-plate:last-child {
	margin-right: 0
}

.team {
	position: relative;
	z-index: 2
}

.team-slider {
	margin: 0
}

.team-slider .slider-controls {
	margin-top: 24px
}

.history {
	position: relative;
	z-index: 1
}

.history-block {
	display: block;
	position: relative
}

.history-timeline {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	top: 24px;
	left: 16px;
	bottom: 24px;
	border-left: solid 1px rgba(0, 0, 0, .14);
	padding: 8px 0
}

.history-timeline span {
	display: block;
	position: relative;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -.01em;
	height: 1px;
	line-height: 1px;
	width: 40px;
	text-align: center;
	color: transparent;
	cursor: pointer;
	transition: .3s color;
	left: 6px
}

.history-timeline span:after {
	position: absolute;
	width: 7px;
	height: 7px;
	display: block;
	content: '';
	transform: translate(-50%, -50%);
	top: 50%;
	left: -6px;
	background: 0 0;
	transition: .3s all
}

.history-timeline span:before {
	position: absolute;
	width: 5px;
	height: 1px;
	top: 50%;
	left: -9px;
	display: block;
	content: '';
	background: 0 0;
	transition: .3s all
}

.history-timeline span:first-child {
	position: absolute;
	bottom: 100%;
	left: -20px;
	margin: 0 0 6px 0;
	line-height: 18px;
	height: 18px;
	color: #000
}

.history-timeline span:first-child:before {
	display: none
}

.history-timeline span:first-child:after {
	top: auto;
	bottom: -12px;
	left: 50%
}

.history-timeline span:last-child {
	position: absolute;
	top: 100%;
	left: -20px;
	margin: 6px 0 0 0;
	line-height: 18px;
	height: 18px;
	color: #000
}

.history-timeline span:last-child:before {
	display: none
}

.history-timeline span:last-child:after {
	top: -12px;
	bottom: auto;
	left: 50%
}

.history-timeline span:hover {
	color: #000
}

.history-timeline span:hover:before {
	background: #73767a
}

.history-timeline span[data-year-trigger='1995'],
.history-timeline span[data-year-trigger='2000'],
.history-timeline span[data-year-trigger='2010'],
.history-timeline span[data-year-trigger='2018'] {
	color: rgba(0, 0, 0, .5)
}

.history-timeline span[data-year-trigger='1995']:hover,
.history-timeline span[data-year-trigger='2000']:hover,
.history-timeline span[data-year-trigger='2010']:hover,
.history-timeline span[data-year-trigger='2018']:hover {
	color: #000
}

.history-timeline span[data-year-trigger='1995']:before,
.history-timeline span[data-year-trigger='2000']:before,
.history-timeline span[data-year-trigger='2010']:before,
.history-timeline span[data-year-trigger='2018']:before {
	background: #73767a
}

.history-timeline span.is-active {
	color: #000
}

.history-timeline span.is-active:after {
	background: #44508c
}

.history-timeline.is-active span,
.history-timeline.is-active span:first-child,
.history-timeline.is-active span:last-child {
	display: block;
	color: #000
}

.history-timeline-scrollbar {
	position: absolute;
	right: 10px;
	width: 2px;
	background: #000;
	border-radius: 1px;
	opacity: 0;
	pointer-events: none
}

.history-timeline.is-active+.history-timeline-scrollbar {
	opacity: 1
}

.career,
.top--career {
	font-family: fors-regular, sans-serif !important;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -.01em
}

.top--career {
	margin: 0;
	padding: 80px 0 19.2vw 0;
	color: #fff;
	position: relative;
	background-image: url(/local/markup/build/css/../img/temp/career-2-desktop.jpg)
}

.top--career .h1,
.top--career h1 {
	color: #c4eb57;
	font-family: coil-medium, sans-serif !important;
	font-weight: 400;
	font-size: 90px;
	line-height: 80px;
	letter-spacing: .03em;
	max-width: 820px;
	margin: 36px 0 0 0;
	display: none
}

.top--career .h1.is-active,
.top--career h1.is-active {
	display: block
}

.top--career .wrap {
	position: static
}

.top--career .top-desc {
	margin: 32px 0 0 0;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: -.01em
}

.top--career+.dash {
	display: none
}

.career .button {
	border: none
}

.career .button:hover {
	background: #a5a6f6
}

.career-people-slider-next,
.career-people-slider-prev {
	position: absolute;
	top: 50%;
	line-height: 0;
	display: block;
	z-index: 3;
	cursor: pointer;
	border-radius: 24px;
	border: 1px solid rgba(255, 255, 255, .12);
	background: rgba(255, 255, 255, .2);
	backdrop-filter: blur(8px);
	width: 48px;
	height: 48px
}

.career-people-slider-next.swiper-button-disabled,
.career-people-slider-prev.swiper-button-disabled {
	opacity: .25;
	pointer-events: none
}

.career-people-slider-prev {
	left: 32px
}

.career-people-slider-next {
	right: 32px
}

.career-remote-slider-next,
.career-remote-slider-prev {
	position: absolute;
	top: 50%;
	line-height: 0;
	z-index: 10;
	border-radius: 24px;
	border: 1px solid rgba(255, 255, 255, .12);
	background: rgba(255, 255, 255, .2);
	backdrop-filter: blur(8px);
	cursor: pointer;
	width: 48px;
	height: 48px
}

.career-remote-slider-next.swiper-button-disabled,
.career-remote-slider-prev.swiper-button-disabled {
	opacity: .5;
	pointer-events: none
}

.career-remote-slider-next svg,
.career-remote-slider-prev svg {
	width: 48px;
	height: 48px
}

.career-remote-slider-prev {
	left: 32px
}

.career-remote-slider-next {
	right: 32px
}

.career-remote-slider-pagination {
	display: none
}

.career-remote-slider-pagination span {
	display: block;
	width: 8px;
	height: 8px;
	background: rgba(255, 255, 255, .5);
	border-radius: 50%;
	cursor: pointer
}

.career-remote-slider-pagination span.swiper-pagination-bullet-active {
	background: #fff
}

.career-events-tiles-pagination {
	margin: 24px 0 0 0;
	text-align: center;
	justify-content: center;
	gap: 8px;
	display: none
}

.career-events-tiles-pagination span {
	display: block;
	width: 8px;
	height: 8px;
	background: #d9d9d9;
	border-radius: 50%;
	cursor: pointer
}

.career-events-tiles-pagination span.swiper-pagination-bullet-active {
	background: #4127e0
}

.career+.footer {
	margin-top: 0
}

.benefits {
	font-family: fors-regular, sans-serif !important;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -.01em
}

.benefits .button {
	border: none
}

.benefits .button:hover {
	background: #a5a6f6
}

.benefits-culture-pagination {
	display: none;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin: 16px 0 0 0
}

.benefits-culture-pagination span {
	width: 8px;
	height: 8px;
	background: #d9d9d9;
	opacity: 1;
	border-radius: 4px
}

.benefits-culture-pagination span.swiper-pagination-bullet-active {
	background: #3525d4;
	opacity: 1
}

.benefits-family-slider-left,
.benefits-family-slider-right {
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	padding: 12px;
	background: #fff;
	border-radius: 50%;
	display: block;
	line-height: 0;
	cursor: pointer
}

.benefits-family-slider-left:hover,
.benefits-family-slider-right:hover {
	background: #a5a6f6
}

.benefits-family-slider-left:hover svg [fill],
.benefits-family-slider-right:hover svg [fill] {
	fill: #fff
}

.benefits-family-slider-left {
	left: 72px
}

.benefits-family-slider-right {
	right: 40px
}

.benefits-family-slider-pagination {
	position: absolute;
	z-index: 2;
	left: 72px;
	right: 40px;
	bottom: 40px;
	display: flex;
	gap: 16px;
	justify-content: center
}

.benefits-family-slider-pagination span {
	cursor: pointer;
	width: 25%;
	max-width: 170px;
	background: #a3a6bd;
	height: 4px;
	border-radius: 2px
}

.benefits-family-slider-pagination span.swiper-pagination-bullet-active {
	background: #c4eb57
}

.benefits-universe-education-left,
.benefits-universe-education-right {
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	padding: 12px;
	background: #fff;
	border-radius: 50%;
	display: block;
	line-height: 0;
	cursor: pointer
}

.benefits-universe-education-left:hover,
.benefits-universe-education-right:hover {
	background: #a5a6f6
}

.benefits-universe-education-left:hover svg [fill],
.benefits-universe-education-right:hover svg [fill] {
	fill: #fff
}

.benefits-universe-education-left {
	left: 40px
}

.benefits-universe-education-right {
	right: 40px
}

.benefits-universe-education-pagination {
	position: absolute;
	z-index: 2;
	left: 40px;
	right: 40px;
	bottom: 24px;
	display: flex;
	gap: 16px;
	justify-content: center
}

.benefits-universe-education-pagination span {
	cursor: pointer;
	width: 25%;
	max-width: 170px;
	background: #a3a6bd;
	height: 4px;
	border-radius: 2px
}

.benefits-universe-education-pagination span.swiper-pagination-bullet-active {
	background: #c4eb57
}

.benefits-achievements-awards-left,
.benefits-achievements-awards-right {
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	padding: 12px;
	background: #fff;
	border-radius: 50%;
	display: block;
	line-height: 0;
	cursor: pointer
}

.benefits-achievements-awards-left:hover,
.benefits-achievements-awards-right:hover {
	background: #a5a6f6
}

.benefits-achievements-awards-left:hover svg [fill],
.benefits-achievements-awards-right:hover svg [fill] {
	fill: #fff
}

.benefits-achievements-awards-left {
	left: 40px
}

.benefits-achievements-awards-right {
	right: 40px
}

.benefits-achievements-awards-pagination {
	position: absolute;
	z-index: 2;
	left: 40px;
	right: 40px;
	bottom: 40px;
	display: flex;
	gap: 16px;
	justify-content: center
}

.benefits-achievements-awards-pagination span {
	cursor: pointer;
	width: 25%;
	max-width: 170px;
	background: #a3a6bd;
	height: 4px;
	border-radius: 2px
}

.benefits-achievements-awards-pagination span.swiper-pagination-bullet-active {
	background: #c4eb57
}

.benefits-widget--hide {
	max-width: 64px
}

.benefits+.footer {
	margin-top: 0
}

.benefits .swiper-button-disabled {
	background: #e6e6e6
}

.benefits .swiper-button-disabled svg [fill] {
	fill: #fff
}

.landing-public-mode {
	width: 100%
}

.constructor,
.landing-edit-mode,
.landing-public-mode {
	padding: 104px 44px 0 44px;
	margin: 0 auto;
	max-width: 1920px;
	display: block !important;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: -.01em
}

.constructor .h3,
.constructor h3,
.landing-edit-mode .h3,
.landing-edit-mode h3,
.landing-public-mode .h3,
.landing-public-mode h3 {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -.01em;
	margin: 32px 0 16px 0
}

.constructor .h3:first-child,
.constructor h3:first-child,
.landing-edit-mode .h3:first-child,
.landing-edit-mode h3:first-child,
.landing-public-mode .h3:first-child,
.landing-public-mode h3:first-child {
	margin-top: 0
}

.constructor p,
.landing-edit-mode p,
.landing-public-mode p {
	margin: 24px 0
}

.constructor p:first-child,
.landing-edit-mode p:first-child,
.landing-public-mode p:first-child {
	margin-top: 0
}

.constructor p:last-child,
.landing-edit-mode p:last-child,
.landing-public-mode p:last-child {
	margin-bottom: 0
}

.block {
	margin: 168px 0
}

.block:first-letter {
	margin-top: 0
}

.block:last-child {
	margin-bottom: 0
}

.slider-controls {
	margin: 40px 0 0 0;
	padding: 24px 0 0 0;
	border-top: solid 1px rgba(0, 0, 0, .14);
	display: flex;
	flex-wrap: wrap
}

.slider-nav {
	margin-left: auto
}

.slider-next,
.slider-prev {
	display: inline-block;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	background: #000;
	cursor: pointer;
	position: relative;
	transition: .3s background-color
}

.slider-next:hover,
.slider-prev:hover {
	background-color: #292929
}

.slider-next:active,
.slider-prev:active {
	background-color: #3d3d3d
}

.slider-next.swiper-button-disabled path,
.slider-prev.swiper-button-disabled path {
	opacity: .2
}

.slider-next svg,
.slider-prev svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.slider-next svg path,
.slider-prev svg path {
	fill: #fff
}

.slider-prev {
	margin: 0 8px 0 auto
}

.slider-next {
	transform: rotate(180deg)
}

.slider-count {
	display: none
}

.slider-pagination {
	display: none;
	padding: 8px 0 0 0;
	line-height: 0
}

.slider-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 12px 0 0;
	border: solid 1px #000;
	background: 0 0;
	overflow: hidden;
	border-radius: 50%;
	color: transparent !important;
	display: inline-block;
	cursor: pointer
}

.slider-pagination .swiper-pagination-bullet.active {
	background: #000;
	color: transparent
}

.slider-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0
}

.cards {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: start;
	justify-content: flex-start
}

.slider .cards {
	margin-bottom: 0
}

.cards.swiper-wrapper {
	flex-wrap: nowrap
}

.card {
	margin-bottom: 16px;
	background: #f5f5f5;
	background-color: #f5f5f5;
	transition: .3s background-color
}

.card:hover {
	background-color: #e6e6e6
}

.card:active {
	background-color: #dbdbdb
}

.card[href="selectActions:"],
.card[href="selectActions:#"],
.card[href='#'],
.card[href=''] {
	cursor: default;
	pointer-events: none
}

.welcome {
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 32px;
	line-height: 36px;
	letter-spacing: -.02em;
	padding-right: calc((100% + 16px)/ 12 * 1)
}

.quote {
	padding: 24px 0 0 0;
	display: flex
}

.promo-toggle {
	border-top: solid 1px #fff;
	padding-bottom: 24px
}

.promo-toggle:last-child {
	padding-bottom: 0
}

.promo-toggle.is-active {
	margin-bottom: auto;
	padding-bottom: 24px
}

.promo-toggle__header {
	display: flex;
	padding: 16px 0;
	cursor: pointer;
	outline: 0
}

.promo-toggle__content {
	max-height: 0;
	overflow: hidden;
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -.02em
}

.is-active .promo-toggle__content {
	max-height: 100vh
}

.about-video-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 3;
	background: #000 no-repeat center center;
	background-size: cover
}

.about-video-link svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.block-links-image {
	display: block;
	line-height: 0;
	height: 100%
}

.block-links-image img {
	width: 100%
}

.block-tabs-pane__title {
	padding: 20px 56px 20px 20px;
	cursor: pointer;
	background-color: #f5f5f5;
	transition: .3s background-color;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em;
	position: relative;
	display: block
}

.block-tabs-pane__title:hover {
	background-color: #e6e6e6
}

.block-tabs-pane__title:active {
	background-color: #dbdbdb
}

.block-tabs-pane__title:after {
	position: absolute;
	top: 20px;
	right: 16px;
	width: 24px;
	height: 24px;
	opacity: 0;
	background: no-repeat center center url(/local/markup/build/css/../img/icon/arrow-right.svg);
	background-size: contain;
	content: '';
	display: block
}

.block-tabs-pane__content {
	display: none
}

.block-tabs-pane.is-active .block-tabs-pane__title {
	background-color: #e6e6e6
}

.block-tabs-pane.is-active .block-tabs-pane__title:after {
	opacity: 1
}

.block-tabs-detail {
	width: calc((100% + 16px)/ 12 * 8 - 16px);
	padding: 40px 80px
}

.highlight {
	position: relative;
	margin-left: -44px;
	margin-right: -44px
}

.with-button-title {
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -.02em;
	margin: 0 0 24px 0
}

.block-text-title {
	font-family: regular, sans-serif !important;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -.02em;
	margin: 0 0 24px 0
}

.block-text-description {
	font-size: 18px;
	line-height: 32px;
	letter-spacing: -.01em
}

.block-text-description ul:first-child {
	margin-top: 0
}

.block-text-description ul:last-child {
	margin-bottom: 0
}

.block-image-description {
	margin: 12px 0 0 0;
	color: #73767a;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.01em
}

.swiper-slide .block-image-description {
	max-width: 524px
}

.block-video {
	line-height: 0;
	padding-top: 56.65%;
	position: relative;
	height: 0;
	display: block
}

.block-video-iframe {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: no-repeat center center;
	background-size: cover
}

.block-video-slider .swiper-slide {
	max-width: 624px
}

.spoiler-link {
	color: #000;
	border-bottom: dashed 1px
}

.spoiler-link:hover {
	color: #292929
}

.spoiler-hide {
	display: none
}

.audio {
	position: relative;
	height: 90px;
	width: 100%
}

.audio audio {
	width: 100%;
	height: auto;
	opacity: 0;
	position: relative
}

.audio-button {
	width: 64px;
	height: 64px;
	top: 0;
	left: 0;
	position: absolute;
	cursor: pointer;
	width: 64;
	height: 64;
	background: no-repeat center center url('data:image/svg+xml;utf8,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M27 24V32V40L41 32L27 24Z" fill="%23082DC9"/> <circle cx="32" cy="32" r="31.5" stroke="%23082DC9"/></svg>');
	background-size: contain
}

.is-playing .audio-button {
	width: 64;
	height: 64;
	background: no-repeat center center url('data:image/svg+xml;utf8,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="31.5" stroke="%23082DC9"/><rect x="25" y="24" width="4" height="16" fill="%23082DC9"/><rect x="35" y="24" width="4" height="16" fill="%23082DC9"/></svg>');
	background-size: contain
}

.audio-length,
.audio-time {
	top: 66px;
	position: absolute;
	font-size: 14px;
	line-height: 24px
}

.audio-time {
	left: 88px
}

.audio-length {
	right: 0
}

.audio-progress {
	left: 88px;
	top: 0;
	right: 0;
	position: absolute;
	height: 53px;
	background: left center url('data:image/svg+xml;utf8,<svg width="180" height="53" viewBox="0 0 180 53" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="13.9453" y="13" width="3.98467" height="27" rx="1.99234" fill="%23082DC9"/><rect x="41.8359" y="13" width="3.98467" height="27" rx="1.99234" fill="%23082DC9"/><rect x="83.6797" y="13" width="3.98467" height="27" rx="1.99234" fill="%23082DC9"/><rect x="27.8906" y="9" width="3.98467" height="35" rx="1.99234" fill="%23082DC9"/><rect y="9" width="3.98467" height="35" rx="1.99234" fill="%23082DC9"/><rect x="55.7891" y="5" width="3.98467" height="43" rx="1.99234" fill="%23082DC9"/><rect x="111.57" y="3" width="3.98467" height="47" rx="1.99234" fill="%23082DC9"/><rect x="97.625" y="5" width="3.98467" height="43" rx="1.99234" fill="%23082DC9"/><rect x="125.516" y="10" width="3.98467" height="33" rx="1.99234" fill="%23082DC9"/><rect x="139.461" y="7" width="3.98467" height="39" rx="1.99234" fill="%23082DC9"/><rect x="153.406" y="16" width="3.98467" height="21" rx="1.99234" fill="%23082DC9"/><rect x="167.359" y="12" width="3.98467" height="29" rx="1.99234" fill="%23082DC9"/><rect x="69.7344" width="3.98467" height="53" rx="1.99234" fill="%23082DC9"/></svg>')
}

.audio-progress span {
	z-index: 2;
	width: 100%;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	background: #fff;
	opacity: .6
}

.integrations-map {
	margin: 48px 0 0 0;
	display: flex;
	gap: 40px
}

.wide-promo {
	position: relative;
	margin: 40px 0;
	padding: 40px;
	cursor: pointer;
	color: #fff;
	min-height: 240px
}

.block-1-6-layout-title {
	margin: 40px 0 0 0
}

@font-face {
	font-family: regular;
	src: url(/local/markup/build/css/../fonts/StagSans-Regular.eot) format("eot"), url(/local/markup/build/css/../fonts/StagSans-Regular.ttf) format("ttf"), url(/local/markup/build/css/../fonts/StagSans-Regular.woff) format("woff"), url(/local/markup/build/css/../fonts/StagSans-Regular.woff2) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: light;
	src: url(/local/markup/build/css/../fonts/StagSans-Light.eot) format("eot"), url(/local/markup/build/css/../fonts/StagSans-Light.ttf) format("ttf"), ¡ url(/local/markup/build/css/../fonts/StagSans-Light.woff) format("woff"), url(/local/markup/build/css/../fonts/StagSans-Light.woff2) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: medium;
	src: url(/local/markup/build/css/../fonts/StagSans-Medium.eot) format("eot"), url(/local/markup/build/css/../fonts/StagSans-Medium.ttf) format("ttf"), url(/local/markup/build/css/../fonts/StagSans-Medium.woff) format("woff"), url(/local/markup/build/css/../fonts/StagSans-Medium.woff2) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: coil-regular;
	src: url(/local/markup/build/css/../fonts/Coil-Regular.eot) format("eot"), url(/local/markup/build/css/../fonts/Coil-Regular.woff) format("woff"), url(/local/markup/build/css/../fonts/Coil-Regular.woff2) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: coil-medium;
	src: url(/local/markup/build/css/../fonts/Coil-Medium.eot) format("eot"), url(/local/markup/build/css/../fonts/Coil-Medium.woff) format("woff"), url(/local/markup/build/css/../fonts/Coil-Medium.woff2) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: coil-bold;
	src: url(/local/markup/build/css/../fonts/Coil-Bold.eot) format("eot"), url(/local/markup/build/css/../fonts/Coil-Bold.woff) format("woff"), url(/local/markup/build/css/../fonts/Coil-Bold.woff2) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: fors-bold;
	src: url(/local/markup/build/css/../fonts/TT_Fors_Bold.woff) format("woff"), url(/local/markup/build/css/../fonts/TT_Fors_Bold.woff2) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: fors-medium;
	src: url(/local/markup/build/css/../fonts/TT_Fors_Medium.woff) format("woff"), url(/local/markup/build/css/../fonts/TT_Fors_Medium.woff2) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: fors-regular;
	src: url(/local/markup/build/css/../fonts/TT_Fors_Regular.woff) format("woff"), url(/local/markup/build/css/../fonts/TT_Fors_Regular.woff2) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@media (min-width:768px) {
	.hide-u-mobile {
		display: none !important
	}
}

@media (min-width:1024px) {
	.main-solutions a:hover {
		z-index: 1;
		color: #fff
	}

	.main-solutions a:hover span:last-child {
		opacity: 1
	}

	.main-solutions a:hover:before {
		color: #fff
	}

	.main-solutions a:hover:after {
		filter: invert(1)
	}
}

@media (min-width:1280px) {
	.team-slider .slider-controls {
		margin: 0;
		padding: 0;
		position: relative;
		border-top: 0
	}

	.team-slider .slider-nav {
		z-index: 3;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate(40px, -88px)
	}

	.team-slider .slider-next,
	.team-slider .slider-prev {
		background: #fff;
		border: none;
		background: #fff;
		transition: .3s all
	}

	.team-slider .slider-next [fill],
	.team-slider .slider-prev [fill] {
		fill: #000
	}

	.team-slider .slider-next:hover svg,
	.team-slider .slider-prev:hover svg {
		opacity: .5
	}

	.team-slider .slider-next:active,
	.team-slider .slider-prev:active {
		background: #f0f0f0
	}

	.team-slider .slider-next:active svg,
	.team-slider .slider-prev:active svg {
		opacity: .5
	}

	.slider-controls--hide-desktop {
		border-top: 0;
		margin: 0;
		padding: 0
	}
}

@media (min-width:1920px) {
	.top-desc {
		font-size: 24px;
		line-height: 32px;
		letter-spacing: -.01em
	}
}

@media (max-width:1920px) {
	.dash {
		width: calc(100% - 44px * 2)
	}
}

@media (max-width:1919px) {

	.top--career {
		padding-bottom: 308px
	}
}

@media (max-width:1600px) {
	.wrap {
		padding: 0 40px
	}

	.dash {
		width: calc(100% - 40px * 2)
	}

	.scroll-top {
		right: 40px
	}

	.scroll-top {
		right: 40px
	}

	.constructor .top,
	.landing-public-mode .top {
		margin-left: -40px;
		margin-right: -40px
	}

	.top-panel.is_stuck .top-panel__inner {
		padding: 12px 40px
	}

	.navigation-logo {
		left: 40px
	}

	.constructor,
	.landing-edit-mode,
	.landing-public-mode {
		padding: 104px 40px 0 40px
	}

	.highlight {
		margin-left: -40px;
		margin-right: -40px
	}
}

@media (max-width:1599px) {
	h1 {
		font-size: 72px;
		line-height: 60px;
		letter-spacing: -.04em
	}

	.h2,
	h2 {
		font-size: 72px;
		line-height: 60px;
		letter-spacing: -.04em
	}

	.dash.is-fixed {
		top: 104px
	}

	body.is-scroll .dash.is-fixed {
		top: 64px
	}

	.top-slide__title {
		font-size: 100px;
		line-height: 72px;
		letter-spacing: -.06em
	}

	.top--media .h1,
	.top--media h1 {
		font-size: 52px;
		line-height: 56px;
		letter-spacing: -.02em
	}

	.top--media .h1,
	.top--media h1 {
		max-width: calc((100% + 16px)/ 12 * 8 - 16px)
	}

	.top--media .wrap {
		height: calc(47.5vw - 144px)
	}

	.navigation-list a {
		margin: 0 16px 12px 0;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.popup-form-title {
		font-size: 52px;
		line-height: 56px;
		letter-spacing: -.02em
	}
}

@media (max-width:1440px) {
	.wrap {
		padding: 0 32px
	}

	.dash {
		width: calc(100% - 32px * 2)
	}

	.scroll-top {
		right: 32px
	}

	.scroll-top {
		right: 32px
	}

	.constructor .top,
	.landing-public-mode .top {
		margin-left: -32px;
		margin-right: -32px
	}

	.top-panel.is_stuck .top-panel__inner {
		padding: 12px 32px
	}

	.navigation-logo {
		left: 32px
	}

	.constructor,
	.landing-edit-mode,
	.landing-public-mode {
		padding: 104px 32px 0 32px
	}

	.highlight {
		margin-left: -32px;
		margin-right: -32px
	}
}

@media (max-width:1439px) {
	h1 {
		font-size: 64px;
		line-height: 56px;
		letter-spacing: -.04em
	}

	.h2,
	h2 {
		font-size: 64px;
		line-height: 56px;
		letter-spacing: -.04em
	}

	.h2,
	h2 {
		margin-top: 20px 0
	}

	.footer {
		margin-top: 120px
	}

	.top-slide__title {
		font-size: 60px;
		line-height: 64px;
		letter-spacing: -.06em
	}

	.top-slide {
		padding-bottom: 40px
	}

	.main-services-list a {
		padding: 17px 32px 8px 32px;
		margin: 0 0 16px
	}

	.main-services-list a:last-child {
		margin-bottom: 0
	}

	.main-leadership {
		margin: 104px 0 128px
	}

	.main-leadership-quote {
		margin-top: -208px
	}

	.main-solutions {
		margin: 50px 0 120px 0
	}

	.main-solutions a {
		height: 240px
	}

	.top--media .h1,
	.top--media h1 {
		font-size: 48px;
		line-height: 52px;
		letter-spacing: -.02em
	}

	.top--media .h1,
	.top--media h1 {
		max-width: calc((100% + 16px)/ 12 * 8 - 16px)
	}

	.top-desc {
		margin-top: 24px
	}

	.top--media {
		margin-top: -104px
	}

	.top-buttons {
		right: 24px
	}

	.more {
		margin-top: 168px
	}

	.feedback {
		width: calc((100% + 16px)/ 12 * 10 - 16px)
	}

	.navigation-sections a {
		font-size: 32px;
		line-height: 36px;
		letter-spacing: -.02em;
		margin: 0 0 16px 0
	}

	.navigation-sections a svg {
		width: 36px;
		height: 36px
	}

	.popup-form-title {
		font-size: 48px;
		line-height: 52px;
		letter-spacing: -.02em
	}
}

@media (max-width:1280px) {
	.wrap {
		padding: 0 24px
	}

	.dash {
		width: calc(100% - 24px * 2)
	}

	.scroll-top {
		right: 24px
	}

	.scroll-top {
		right: 24px
	}

	.constructor .top,
	.landing-public-mode .top {
		margin-left: -24px;
		margin-right: -24px
	}

	.top-panel.is_stuck .top-panel__inner {
		padding: 12px 24px
	}

	.navigation-logo {
		left: 24px
	}

	.top--career {
		margin: 0;
		padding: 48px 0 227px 0;
		background-image: url(/local/markup/build/css/../img/temp/career-2-notebook.jpg)
	}

	.top--career .h1,
	.top--career h1 {
		font-size: 78px;
		line-height: 63px;
		letter-spacing: .03em
	}

	.top--career .top-desc {
		margin-top: 32px;
		font-size: 24px;
		line-height: 30px;
		letter-spacing: -.01em
	}

	.constructor,
	.landing-edit-mode,
	.landing-public-mode {
		padding: 104px 24px 0 24px
	}

	.highlight {
		margin-left: -24px;
		margin-right: -24px
	}
}

@media (max-width:1279px) {

	.input input,
	.input textarea {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.radio {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	body {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.wrap {
		padding: 0 16px
	}

	h1 {
		font-size: 48px;
		line-height: 40px;
		letter-spacing: -.03em
	}

	.h2,
	h2 {
		font-size: 48px;
		line-height: 40px;
		letter-spacing: -.03em
	}

	.global {
		padding-top: 96px
	}

	.k {
		font-size: 32px;
		line-height: 32px;
		letter-spacing: -.03em
	}

	.header {
		padding: 20px 0
	}

	.header .wrap {
		padding: 0 20px
	}

	.header-logo {
		width: 56px;
		height: 56px
	}

	.header-logo svg {
		width: 56px;
		height: 56px
	}

	.header-links {
		display: none;
		order: 7
	}

	.header--light a.header-contacts {
		filter: invert(1)
	}

	.header-search {
		margin-left: auto;
		margin-right: 0;
		line-height: 0;
		order: 8
	}

	.header-search svg {
		width: 24px;
		height: 24px;
		margin: 0
	}

	.header-search span {
		display: none
	}

	.header-burger {
		margin-left: 24px;
		order: 9
	}

	.header-burger svg {
		width: 56px;
		height: 17px
	}

	.dash {
		top: 120px;
		width: calc(100% - 16px * 2)
	}

	.dash.is-fixed {
		top: 96px
	}

	body.is-scroll .header {
		padding: 12px 0
	}

	body.is-scroll .dash.is-fixed {
		top: 64px
	}

	.footer {
		margin-top: 112px
	}

	.footer-top {
		padding: 40px 0 32px
	}

	.footer-top__left svg {
		width: 170px;
		height: 64px
	}

	.footer-top__right {
		text-align: right
	}

	.footer-top__right .button {
		padding: 19px 24px;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.footer-socials {
		margin-top: 24px
	}

	.footer-socials a {
		margin-right: 20px
	}

	.footer-socials a:last-child {
		margin-right: 0
	}

	.footer-menu {
		padding: 32px 0 0
	}

	.footer-col {
		width: calc((100% + 16px)/ 12 * 4 - 16px)
	}

	.footer-contacts {
		padding: 30px 0 24px 0
	}

	.footer-office {
		order: 1;
		width: calc((100% + 16px)/ 12 * 6 - 16px)
	}

	.footer-legal {
		order: 2;
		width: calc((100% + 16px)/ 12 * 6 - 16px)
	}

	.footer-bottom {
		padding: 32px 0
	}

	.scroll-top {
		right: 16px
	}

	.footer-en-title {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.scroll-top {
		right: 16px
	}

	.pics-slider-pages {
		display: block;
		right: 20px
	}

	.pics-slider-next,
	.pics-slider-prev {
		display: none
	}

	.pics-slider-pagination {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		margin: 24px 0 0 0;
		border-top: solid 1px #000;
		padding: 8px 0 0 0;
		line-height: 0
	}

	.pics-slider-pagination .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 12px 0 0;
		border: solid 1px #000;
		background: 0 0;
		overflow: hidden;
		border-radius: 50%;
		color: transparent;
		display: inline-block
	}

	.pics-slider-pagination .swiper-pagination-bullet.active {
		background: #000;
		color: transparent
	}

	.pics-slider-pagination .swiper-pagination-bullet:last-child {
		margin-right: 0
	}

	.top-slider-pages {
		display: block;
		right: 20px
	}

	.top-slider {
		margin-top: -96px
	}

	.top-slider-next,
	.top-slider-prev {
		display: none
	}

	.top-slider-pagination {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		margin: 16px 0 0 0;
		border-top: solid 1px #000;
		padding: 8px 0 0 0;
		line-height: 0
	}

	.top-slider-pagination .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 12px 0 0;
		border: solid 1px #000;
		background: 0 0;
		overflow: hidden;
		border-radius: 50%;
		color: transparent !important;
		display: inline-block
	}

	.top-slider-pagination .swiper-pagination-bullet.active {
		background: #000;
		color: transparent !important
	}

	.top-slider-pagination .swiper-pagination-bullet:last-child {
		margin-right: 0
	}

	.top-slide__title {
		font-size: 52px;
		line-height: 48px;
		letter-spacing: -.03em
	}

	.top-slide {
		padding-bottom: 24px
	}

	.main-services-list a {
		font-size: 20px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.main-services-list a {
		padding: 17px 32px 14px 32px;
		margin: 0 0 16px
	}

	.main-services-list a:last-child {
		margin-bottom: 0
	}

	.main-services-list a span:first-child {
		position: absolute;
		left: 0;
		top: 14px;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.main-services-list .is-progress {
		position: absolute;
		left: 0;
		bottom: -1px;
		z-index: 2;
		height: 2px;
		width: 0;
		background: #44508c;
		display: block !important;
		content: ''
	}

	.main-leadership {
		margin: 99px 0 100px
	}

	.main-leadership h2 {
		margin-bottom: 40px
	}

	.main-leadership-quote.col-6 {
		width: 60%;
		margin-top: 0
	}

	.main-solutions {
		margin: 20px 0
	}

	.main-solutions a {
		height: 160px;
		font-size: 20px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.main-carrier-pages {
		display: block;
		right: 20px
	}

	.main-carrier-pagination {
		top: auto;
		right: auto;
		margin: 0;
		padding: 8px 0 0 0;
		line-height: 0;
		bottom: 24px;
		left: 24px;
		color: transparent
	}

	.main-carrier-pagination .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 12px 0 0;
		border: solid 1px #fff;
		background: 0 0;
		overflow: hidden;
		border-radius: 50%;
		color: transparent;
		display: inline-block
	}

	.main-carrier-pagination .swiper-pagination-bullet.active {
		background: #fff;
		color: transparent
	}

	.main-carrier-pagination .swiper-pagination-bullet:last-child {
		margin-right: 0
	}

	.constructor .top,
	.landing-public-mode .top {
		margin-left: -16px;
		margin-right: -16px
	}

	.top--media .h1,
	.top--media h1 {
		font-size: 32px;
		line-height: 36px;
		letter-spacing: -.02em
	}

	.top-more .top-panel__inner>.button {
		padding: 12px;
		width: 170px
	}

	.is-menu-both .top-panel.is_stuck {
		transform: translate(0, 64px)
	}

	.top-panel.is_stuck .top-panel__inner {
		padding: 12px 16px
	}

	.top-panel.is_stuck .button {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.top-panel.is_stuck .button {
		padding: 7px 12px;
		line-height: 24px
	}

	.top-menu {
		width: calc(100% - 170px - 24px)
	}

	.top {
		margin: 24px 0 64px 0
	}

	.top--media {
		padding-top: 104px;
		margin-top: -96px
	}

	.top--media .wrap {
		min-height: calc(47.5vw - 104px)
	}

	.top-more {
		margin-bottom: 24px
	}

	.top-more .button {
		padding: 12px 20px;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.top-menu {
		padding: 0
	}

	.top-menu a {
		padding: 12px 24px;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.top-menu-more {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.top-menu-more-trigger {
		padding: 12px 24px
	}

	.top-menu-more-list {
		margin: -8px 24px 0 0
	}

	.filter {
		border-top: none
	}

	.content h2 {
		font-size: 20px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.content ul li {
		padding-left: 28px
	}

	.content ul li:before {
		width: 24px;
		height: 24px
	}

	.content ul ul {
		margin-left: 36px
	}

	.content-nav a {
		margin-bottom: 24px;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.lead {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.toggles {
		margin: 48px 0
	}

	.block-text .toggle-title {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.toggle-title {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.01em;
		padding: 16px 64px 23px 0
	}

	.project .toggle-title {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.more h2 {
		font-size: 32px;
		line-height: 32px;
		letter-spacing: -.03em
	}

	.more-slider-nav {
		display: none
	}

	.more {
		margin-top: 100px
	}

	.more h2 {
		margin-bottom: 56px;
		padding-right: calc((100% + 16px)/ 12 * 5)
	}

	.media {
		margin: 48px 0 100px 0
	}

	.desc {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.search-popular__header {
		font-size: 20px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.search-popular__items a {
		font-size: 20px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.partners-item {
		width: calc(100% / 2)
	}

	.jobs-filter-count {
		margin-left: 8px
	}

	.landing-public-mode .navigation-list .h3,
	.landing-public-mode .navigation-list h3,
	.navigation-list .h3,
	.navigation-list h3 {
		font-size: 24px;
		line-height: 32px;
		letter-spacing: -.01em
	}

	.popup-form-title {
		font-size: 32px;
		line-height: 36px;
		letter-spacing: -.02em
	}

	.popup-form-title {
		padding: 32px 80px 32px 20px;
		border-bottom: solid 1px rgba(0, 0, 0, .14);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background: #fff;
		z-index: 20
	}

	.popup-form {
		left: 0;
		padding: 0
	}

	.popup {
		max-width: 620px
	}

	.huge-slider-pages {
		display: block;
		right: 20px
	}

	.life-hobby-title {
		font-size: 32px;
		line-height: 32px;
		letter-spacing: -.03em
	}

	.life-hobby-title:after {
		width: 32px;
		height: 32px;
		position: absolute;
		top: 0;
		right: 0
	}

	.life-hobby-title {
		padding-right: 40px
	}

	.life-socials-title {
		font-size: 32px;
		line-height: 32px;
		letter-spacing: -.03em
	}

	.life-socials-title:after {
		width: 32px;
		height: 32px;
		position: absolute
	}

	.plates-slider-pages {
		display: block;
		right: 20px
	}

	.plates-slider-pagination {
		display: block
	}

	.team-slider {
		margin-top: 0
	}

	.history-timeline span {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.top--career {
		margin: 0
	}

	.constructor,
	.landing-edit-mode,
	.landing-public-mode {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.constructor .h3,
	.constructor h3,
	.landing-edit-mode .h3,
	.landing-edit-mode h3,
	.landing-public-mode .h3,
	.landing-public-mode h3 {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.constructor,
	.landing-edit-mode,
	.landing-public-mode {
		padding: 96px 16px 0 16px
	}

	.slider-controls {
		margin: 40px 0 0 0;
		padding: 0
	}

	.slider-nav {
		display: none
	}

	.slider-count {
		display: block;
		margin-left: auto;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: -.01em;
		padding: 2px 0 0 0
	}

	.slider-pagination {
		display: block;
		margin-right: auto
	}

	.slider .cards {
		margin-bottom: 0
	}

	.welcome {
		font-size: 20px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.promo-toggle {
		padding-bottom: 0
	}

	.promo-toggle__content {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.block-tabs-pane__title {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.highlight {
		margin-left: -16px;
		margin-right: -16px
	}

	.with-button-title {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.block-text-title {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.block-text-description {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.block-image-description {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.audio-button {
		width: 50px;
		height: 50px;
		background-size: 50px 50px
	}

	.is-playing .audio-button {
		width: 50px;
		height: 50px;
		background-size: 50px 50px
	}

	.audio-length,
	.audio-time {
		top: 56px
	}

	.audio-time {
		left: 70px
	}

	.audio-progress {
		height: 42px;
		background-size: auto 42px;
		left: 70px
	}

	.integrations-map {
		margin-top: 24px;
		flex-direction: column
	}

	.block-1-6-layout-title {
		margin-top: 24px
	}
}

@media (max-width:1023px) {

	.button {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.wrap {
		padding: 0 20px
	}

	h1 {
		margin-top: 32px
	}

	.global {
		padding-top: 80px
	}

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

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

	.dash {
		top: 96px;
		width: calc(100% - 20px * 2)
	}

	.dash.is-fixed {
		top: 80px
	}

	body.is-scroll .dash.is-fixed {
		top: 64px
	}

	.scroll-top {
		right: 20px
	}

	.scroll-top {
		right: 20px
	}

	.top-slider {
		margin-top: -80px
	}

	.top-slide {
		padding-bottom: 24px
	}

	.main-services-pic {
		width: calc((100% + 16px)/ 12 * 4 - 16px);
		padding: 0
	}

	.main-services-list {
		width: calc((100% + 16px)/ 12 * 8 - 16px)
	}

	.main-services-list a {
		margin-left: 10%
	}

	.main-services-list a.is-active,
	.main-services-list a:hover {
		margin-left: 4%
	}

	.main-leadership {
		flex-wrap: wrap
	}

	.main-leadership-quote.col-6 {
		order: 1;
		width: 100%;
		padding: 38px 33px 38px 213px;
		position: relative
	}

	.main-leadership-quote {
		margin: 0 0 32px 0
	}

	.main-leadership-quote img {
		position: absolute;
		top: 32px;
		left: 32px;
		width: 100px;
		height: 100px
	}

	.main-carrier-pagination {
		border-top: solid 1px #000;
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		margin: 20px 20px 0 20px
	}

	.main-carrier-pagination .swiper-pagination-bullet {
		border: solid 1px #000
	}

	.main-carrier-pagination .swiper-pagination-bullet.active {
		background: #000;
		color: transparent
	}

	.constructor .top,
	.landing-public-mode .top {
		margin-left: -20px;
		margin-right: -20px
	}

	.top--media .h1,
	.top--media h1 {
		max-width: calc((100% + 16px)/ 12 * 8 - 16px);
		margin-top: 56px
	}

	.is-menu-both .top-panel.is_stuck {
		transform: translate(0, 64px)
	}

	.top-panel.is_stuck .top-panel__inner {
		padding: 12px 20px
	}

	.top-desc {
		max-width: none
	}

	.top {
		margin: 16px 0 44px 0
	}

	.top--media {
		padding-top: 80px;
		padding-bottom: 24px;
		margin-top: -80px;
		margin-bottom: 44px
	}

	.top--media h1 {
		margin-top: 40px
	}

	.top-more {
		margin: auto 0 0 0
	}

	.top-more .button {
		padding: 12px 24px;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.top-buttons {
		top: 8px;
		right: 20px
	}

	.top-buttons a {
		width: 40px;
		height: 40px;
		margin-right: 8px;
		padding: 8px
	}

	.top-buttons a:last-child {
		margin-right: 0
	}

	.top-buttons a img,
	.top-buttons a svg {
		width: 24px;
		height: 24px
	}

	.lead {
		margin: 48px 0
	}

	.life .lead {
		margin: 0 0 48px 0
	}

	.toggle-item:after,
	.toggle-item:before {
		width: 19px;
		right: 4px;
		top: 24px
	}

	.toggle-title {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.01em;
		padding: 16px 64px 27px 0
	}

	.project .toggle-title {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.more h2 {
		margin-bottom: 64px
	}

	.contacts-map-popup {
		border-top: solid 1px #000;
		position: relative;
		top: auto;
		left: auto;
		padding: 32px 0 40px 0;
		width: auto;
		min-width: auto
	}

	.contacts-map {
		height: auto;
		min-height: 520px
	}

	.top-search-back svg {
		right: 40px;
		bottom: 40px
	}

	.search-close {
		top: -80px;
		right: 0;
		width: 56px;
		height: 56px
	}

	.search-close svg {
		width: 100%;
		height: 100%
	}

	.search-close svg [stroke] {
		stroke: #000
	}

	.search-popular {
		margin-top: 40px
	}

	.search-block {
		margin: 64px 0 0 0
	}

	.search {
		padding: 104px 20px 40px 20px
	}

	.search-page .search {
		padding-left: 0;
		padding-right: 0
	}

	.navigation-close {
		right: 20px
	}

	.navigation-left {
		width: auto;
		right: 0;
		left: 0;
		bottom: 0;
		top: auto;
		height: 180px
	}

	.navigation-logo {
		position: fixed;
		left: 20px;
		top: 24px;
		z-index: 2
	}

	.navigation-logo svg {
		width: auto;
		height: 32px
	}

	.navigation-logo svg [stroke] {
		stroke: #000
	}

	.navigation-logo svg path[fill] {
		fill: #000
	}

	.navigation-right {
		left: 0;
		right: 0;
		top: 0;
		bottom: 180px;
		padding-top: 0
	}

	.navigation-columns {
		display: block;
		top: 92px;
		bottom: 0
	}

	.navigation-sections a {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em;
		padding: 24px 40px 24px 0;
		border-top: solid 1px #000;
		margin: 0;
		position: relative
	}

	.navigation-sections a.is-active,
	.navigation-sections a:hover {
		color: #000
	}

	.navigation-sections a svg {
		display: none
	}

	.navigation-sections {
		border-right: 0;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		overflow: auto;
		width: 100%;
		display: flex;
		padding: 0 20px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		background: #fff
	}

	.navigation-sections::-webkit-scrollbar {
		display: none
	}

	.navigation-back {
		padding: 24px 0 24px 28px;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em;
		display: block;
		margin: 0 0 12px 0;
		position: relative;
		border-top: solid 1px #000
	}

	.navigation-lists {
		background: #fff;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		transform: translate(100%, 0);
		transition: .3s all;
		opacity: 0;
		padding: 0 20px 0 20px;
		overflow: hidden
	}

	.navigation-lists.is-selected {
		opacity: 1;
		transform: translate(0, 0)
	}

	.navigation-list a svg {
		vertical-align: top
	}

	.navigation-list .h2,
	.navigation-list h2 {
		display: block;
		font-size: 32px;
		line-height: 36px;
		letter-spacing: -.01em;
		font-family: regular, sans-serif !important;
		font-weight: 400;
		margin: 0 0 40px 0
	}

	.landing-public-mode .navigation-list .h3,
	.landing-public-mode .navigation-list h3,
	.navigation-list .h3,
	.navigation-list h3 {
		margin: 32px 0 12px
	}

	.navigation-list {
		position: absolute;
		top: 72px;
		left: 20px;
		right: 20px;
		bottom: 0;
		padding: 0 0 24px 0
	}

	.navigation-socials a {
		background: rgba(0, 0, 0, .4)
	}

	.navigation-socials a:hover {
		background: #000
	}

	.navigation-socials a:active {
		background: #000
	}

	.navigation-socials a img [stroke],
	.navigation-socials a svg [stroke] {
		stroke: #fff
	}

	.navigation-socials a img [fill],
	.navigation-socials a svg [fill] {
		fill: #fff
	}

	.navigation-socials a:hover [stroke] {
		stroke: #fff
	}

	.navigation-socials a:hover [fill] {
		fill: #fff
	}

	.navigation-socials {
		padding: 20px;
		background: 0 0
	}

	.subscribe-close {
		right: 20px
	}

	.subscribe-left {
		width: auto;
		right: 0;
		left: 0;
		bottom: 0;
		top: auto;
		height: 180px
	}

	.subscribe-logo {
		display: none
	}

	.subscribe-copy {
		left: 20px;
		bottom: 20px;
		right: auto
	}

	.subscribe-socials a {
		background: rgba(0, 0, 0, .4)
	}

	.subscribe-socials a:hover {
		background: #000
	}

	.subscribe-socials a:active {
		background: #000
	}

	.subscribe-socials a img [stroke],
	.subscribe-socials a svg [stroke] {
		stroke: #fff
	}

	.subscribe-socials a img [fill],
	.subscribe-socials a svg [fill] {
		fill: #fff
	}

	.subscribe-socials a:hover [stroke] {
		stroke: #fff
	}

	.subscribe-socials a:hover [fill] {
		fill: #fff
	}

	.subscribe-socials {
		display: flex;
		padding: 20px;
		background: 0 0
	}

	.huge-slider-pagination {
		top: auto;
		right: auto;
		margin: 0;
		padding: 8px 0 0 0;
		line-height: 0;
		bottom: 24px;
		left: 24px;
		color: transparent
	}

	.huge-slider-pagination .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 12px 0 0;
		border: solid 1px #fff;
		background: 0 0;
		overflow: hidden;
		border-radius: 50%;
		color: transparent;
		display: inline-block
	}

	.huge-slider-pagination .swiper-pagination-bullet.active {
		background: #fff;
		color: transparent
	}

	.huge-slider-pagination .swiper-pagination-bullet:last-child {
		margin-right: 0
	}

	.huge-slider-pagination {
		border-top: solid 1px #000;
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		margin: 20px 20px 0 20px
	}

	.huge-slider-pagination .swiper-pagination-bullet {
		border: solid 1px #000
	}

	.huge-slider-pagination .swiper-pagination-bullet.active {
		background: #000;
		color: transparent
	}

	.plates-slider-pagination {
		top: auto;
		right: auto;
		margin: 0;
		padding: 8px 0 0 0;
		line-height: 0;
		bottom: 24px;
		left: 24px;
		color: transparent
	}

	.plates-slider-pagination .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 12px 0 0;
		border: solid 1px #fff;
		background: 0 0;
		overflow: hidden;
		border-radius: 50%;
		color: transparent;
		display: inline-block
	}

	.plates-slider-pagination .swiper-pagination-bullet.active {
		background: #fff;
		color: transparent
	}

	.plates-slider-pagination .swiper-pagination-bullet:last-child {
		margin-right: 0
	}

	.plates-slider-pagination {
		border-top: solid 1px #000;
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		margin: 20px 20px 0 20px
	}

	.plates-slider-pagination .swiper-pagination-bullet {
		border: solid 1px #000
	}

	.plates-slider-pagination .swiper-pagination-bullet.active {
		background: #000;
		color: transparent
	}

	.history-block {
		padding-bottom: 96px
	}

	.history-timeline span,
	.history-timeline span:first-child,
	.history-timeline span:last-child {
		display: none;
		margin: 0;
		width: auto;
		text-align: left;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -.01em;
		padding: 12px 48px 12px 16px;
		height: auto;
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto
	}

	.history-timeline span.is-active,
	.history-timeline span:first-child.is-active,
	.history-timeline span:last-child.is-active {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.history-timeline {
		display: block;
		top: auto;
		position: relative;
		max-height: 250px;
		overflow: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		left: auto;
		right: auto;
		bottom: auto;
		padding: 0;
		border: none
	}

	.history-timeline::-webkit-scrollbar {
		display: none
	}

	.top--career {
		margin: 0;
		padding: 36px 0 365px 0;
		background-image: url(/local/markup/build/css/../img/temp/career-2-tablet.jpg)
	}

	.top--career .h1,
	.top--career h1 {
		font-size: 78px;
		line-height: 63px;
		letter-spacing: .03em;
		margin: 24px 0 0 0
	}

	.top--career .top-desc {
		margin-top: 24px
	}

	.career-remote-slider-next,
	.career-remote-slider-prev {
		display: none
	}

	.career-remote-slider-pagination {
		text-align: center;
		justify-content: center;
		display: flex;
		bottom: 32px;
		gap: 8px;
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: 10
	}

	.benefits-family-slider-left {
		left: 24px
	}

	.benefits-family-slider-right {
		right: 24px
	}

	.benefits-family-slider-pagination {
		left: 40px;
		bottom: 27px
	}

	.benefits-family-slider-pagination span {
		width: 12px;
		height: 12px;
		border-radius: 6px;
		background: #fff;
		opacity: .5
	}

	.benefits-family-slider-pagination span.swiper-pagination-bullet-active {
		background: #fff;
		opacity: 1
	}

	.benefits-universe-education-pagination span {
		width: 12px;
		height: 12px;
		border-radius: 6px;
		background: #fff;
		opacity: .5
	}

	.benefits-universe-education-pagination span.swiper-pagination-bullet-active {
		background: #fff;
		opacity: 1
	}

	.benefits-achievements-awards-left {
		left: 24px
	}

	.benefits-achievements-awards-right {
		right: 24px
	}

	.benefits-achievements-awards-pagination {
		left: 24px;
		right: 24px;
		bottom: 24px
	}

	.benefits-achievements-awards-pagination span {
		width: 12px;
		height: 12px;
		border-radius: 6px;
		background: #fff;
		opacity: .5
	}

	.benefits-achievements-awards-pagination span.swiper-pagination-bullet-active {
		background: #fff;
		opacity: 1
	}

	.constructor,
	.landing-edit-mode,
	.landing-public-mode {
		padding: 80px 20px 0 20px
	}

	.highlight {
		margin-left: -20px;
		margin-right: -20px
	}

	.wide-promo {
		margin: 24px 0;
		padding: 16px
	}

	.block-1-6-layout-title {
		margin-top: 16px
	}
}

@media (max-width:767px) {
	.hide-mobile {
		display: none !important
	}

	.tags {
		padding: 0 12px;
		margin-left: -12px;
		margin-right: 0;
		flex-wrap: nowrap;
		overflow: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap
	}

	.tags::-webkit-scrollbar {
		display: none
	}

	.tabs {
		overflow: auto;
		display: block;
		white-space: nowrap;
		margin: 0 -12px;
		padding: 0 12px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch
	}

	.tabs::-webkit-scrollbar {
		display: none
	}

	.tabs .tab:last-child {
		margin-right: 12px
	}

	.input input,
	.input textarea {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.input input,
	.input textarea {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em;
		height: 58px;
		min-height: 58px
	}

	.input-label {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.fields {
		display: block
	}

	.field {
		width: 100%;
		padding: 0;
		margin: 0 0 20px 0
	}

	.checkbox {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em;
		padding: 0 0 0 24px
	}

	.checkbox input+span {
		width: 18px;
		height: 18px
	}

	.radio {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.radio {
		font-size: 14px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	body {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.wrap {
		padding: 0 12px
	}

	h1 {
		font-size: 36px;
		line-height: 36px;
		letter-spacing: -.03em
	}

	h1 {
		margin-top: 20px
	}

	.h2,
	h2 {
		font-size: 36px;
		line-height: 36px;
		letter-spacing: -.03em
	}

	.h2,
	h2 {
		margin: 24px 0
	}

	.global {
		padding-top: 56px
	}

	.k {
		font-size: 28px;
		line-height: 28px;
		letter-spacing: -.01em
	}

	.header {
		padding: 12px 0
	}

	.header .wrap {
		padding: 0 16px
	}

	.header-logo {
		width: 32px;
		height: 32px
	}

	.header-logo svg {
		width: 32px;
		height: 32px
	}

	.header--light {
		color: #000;
		background: #fff
	}

	.header--light a {
		color: #000
	}

	.header--light a.header-contacts {
		filter: invert(0)
	}

	.header--light .header-logo svg rect {
		stroke: #44508c;
		fill: #44508c
	}

	.header--light .header-search path {
		fill: #000
	}

	.header--light .header-burger path,
	.header--light .header-burger rect {
		fill: #000
	}

	.dash {
		top: 56px;
		width: calc(100% - 12px * 2)
	}

	.dash.is-fixed {
		top: 56px
	}

	body.is-scroll .header-logo {
		width: 32px;
		height: 32px
	}

	body.is-scroll .header-logo svg {
		width: 32px;
		height: 32px
	}

	body.is-scroll .header {
		padding: 12px 0
	}

	body.is-scroll .dash.is-fixed {
		top: 56px
	}

	.footer {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.footer-top {
		padding: 40px 0 24px
	}

	.footer-top__left {
		width: 85px;
		height: 32px;
		position: absolute;
		top: 40px;
		left: 12px
	}

	.footer-top__left svg {
		width: 85px;
		height: 32px
	}

	.footer-top__right {
		display: flex;
		width: 100%;
		flex-direction: column
	}

	.footer-top__right .button {
		padding: 14px;
		order: 2;
		text-align: center
	}

	.footer-socials {
		order: 1;
		height: 32px;
		width: auto;
		padding-left: 0;
		margin: 0 0 24px 120px;
		text-align: right;
		justify-content: flex-end;
		flex-wrap: wrap;
		white-space: normal
	}

	.footer-socials a {
		margin: 0 0 8px 8px;
		width: 32px;
		height: 32px;
		opacity: 1
	}

	.footer-socials a img,
	.footer-socials a svg {
		width: 18px;
		height: 18px
	}

	.footer-menu {
		padding: 24px 0
	}

	.footer-col {
		width: 100%;
		margin: 0
	}

	.footer-col .footer-title {
		padding: 17px 0;
		margin: 0;
		position: relative;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0
	}

	.footer-col .footer-title:after,
	.footer-col .footer-title:before {
		width: 20px;
		height: 1px;
		background: #fff;
		display: block;
		content: '';
		position: absolute;
		top: 50%;
		right: 12px;
		transition: .3s transform;
		transform: translate(50%, -50%)
	}

	.footer-col .footer-title:before {
		transform: translate(50%, -50%) rotate(90deg)
	}

	.footer-col.is-active .footer-title:before {
		transform: translate(50%, -50%) rotate(0)
	}

	.footer-title {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.footer-links {
		display: none;
		padding: 8px 0 32px
	}

	.footer-contacts {
		flex-direction: column;
		padding: 40px 0
	}

	.footer-office {
		width: 100%;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.footer-legal {
		order: 3;
		width: 100%;
		margin: 24px 0 0 0;
		text-align: left
	}

	.footer-legal a {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em;
		text-align: left;
		margin: 0 0 16px 0
	}

	.footer-legal a:last-child {
		margin-bottom: 0
	}

	.footer-bottom {
		border-top: solid 1px #fff;
		padding: 32px 0 40px 0;
		margin: 0;
		flex-direction: column
	}

	.footer-copy {
		margin: 0 0 16px 0
	}

	.scroll-top {
		right: 12px
	}

	.scroll-top {
		bottom: 16px
	}

	.scroll-top.is-hold {
		top: -32px
	}

	.footer-en-title {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.footer-en-menu {
		padding: 0;
		margin-bottom: 28px
	}

	.footer-en-menu:last-child {
		margin-bottom: 0
	}

	.footer-en-menu .footer-en-title {
		padding: 3px 0;
		margin: 0;
		position: relative;
		cursor: pointer
	}

	.footer-en-menu .footer-en-title:after,
	.footer-en-menu .footer-en-title:before {
		width: 20px;
		height: 1px;
		background: #fff;
		display: block;
		content: '';
		position: absolute;
		top: 50%;
		right: 12px;
		transition: .3s transform;
		transform: translate(50%, -50%)
	}

	.footer-en-menu .footer-en-title:before {
		transform: translate(50%, -50%) rotate(90deg)
	}

	.footer-en-menu.is-active .footer-en-title:before {
		transform: translate(50%, -50%) rotate(0)
	}

	.scroll-top {
		right: 12px
	}

	.scroll-top {
		bottom: 16px
	}

	.scroll-top.is-hold {
		top: -32px
	}

	.pics-slider-pages {
		right: 12px
	}

	.top-slider-pages {
		right: 12px
	}

	.top-slider {
		margin-top: 0;
		padding-bottom: 32px
	}

	.top-slider .swiper-wrapper {
		height: 100%;
		min-height: auto
	}

	.top-slider-pagination {
		margin: 8px 0 0 0
	}

	.top-slide__title {
		font-size: 36px;
		line-height: 32px;
		letter-spacing: -.03em
	}

	.top-slide {
		height: auto;
		padding: 0;
		flex-direction: column;
		min-height: auto
	}

	.top-slide__back {
		height: 55.55vw;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		width: 100%
	}

	.top-slide>.wrap {
		padding: 16px 12px
	}

	.top-slide__title {
		color: #000;
		margin: 0 0 24px 0
	}

	.top-slide__title span {
		margin: 0
	}

	.main-services-pic {
		display: none
	}

	.main-services-list a {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.main-services-list .is-progress {
		display: none !important
	}

	.main-services-list {
		display: block;
		width: 100%
	}

	.main-services-list a {
		padding: 15px 32px 0 32px;
		margin-left: 0;
		background-position: right 10px
	}

	.main-services-list a span:first-child {
		top: 17px
	}

	.main-services-list a.is-active,
	.main-services-list a:hover {
		margin-left: 0
	}

	.main-leadership {
		margin: 54px 0 64px
	}

	.main-leadership h2 {
		margin-bottom: 24px
	}

	.main-leadership-quote.col-6 {
		order: 1;
		width: 100%;
		padding: 24px;
		position: relative;
		flex-direction: column
	}

	.main-leadership-quote {
		margin: 0
	}

	.main-leadership-quote img {
		position: relative;
		top: auto;
		left: auto
	}

	.main-solutions {
		margin: 64px 0
	}

	.main-solutions a {
		width: 100%;
		border-right: 0;
		height: auto;
		padding: 15px 32px 0 28px;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em;
		margin: 0 0 16px 0
	}

	.main-solutions a:last-child {
		margin-bottom: 0
	}

	.main-solutions a br {
		display: none
	}

	.main-solutions a:before {
		left: 0;
		top: 14px;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.main-solutions a:after {
		right: 0;
		bottom: -4px
	}

	.main-solutions a:hover {
		color: #000
	}

	.main-solutions a:hover:before {
		color: #000
	}

	.main-solutions a:hover:after {
		filter: none
	}

	.main-solutions a span:last-child {
		display: none
	}

	.main-carrier-pages {
		right: 12px
	}

	.main-carrier-pagination {
		margin: 0 12px
	}

	.constructor .top,
	.landing-public-mode .top {
		margin-left: -12px;
		margin-right: -12px
	}

	.top--media .h1,
	.top--media h1 {
		font-size: 28px;
		line-height: 30px;
		letter-spacing: -.02em
	}

	.top--media .h1,
	.top--media h1 {
		max-width: none;
		margin-top: 8px;
		margin-right: 100px
	}

	.top--media .wrap {
		z-index: 2
	}

	.top-more .button {
		background: #44508c;
		color: #fff;
		border-color: #44508c;
		background-color: #44508c;
		transition: .3s background-color;
		color: #fff
	}

	.top-more .button:hover {
		background-color: #001ba3
	}

	.top-more .button:active {
		background-color: #00147a
	}

	.top-more .button:hover {
		color: #fff
	}

	.top-more .button:active {
		color: #fff
	}

	.is-menu-both .top-panel.is_stuck {
		transform: translate(0, 56px)
	}

	.top-panel.is_stuck .button {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.top-detail .button {
		width: 100%;
		text-align: center
	}

	.top {
		margin-bottom: 24px;
		margin-top: 0
	}

	.top--media {
		padding-top: 12px;
		padding-bottom: 16px;
		margin-bottom: 40px
	}

	.top--media .wrap {
		min-height: 240px;
		height: auto
	}

	.top-buttons {
		display: none
	}

	.top-more {
		margin-top: 32px;
		width: 100%
	}

	.top--media .top-more {
		margin-top: auto
	}

	.top-more .button {
		display: block;
		text-align: center;
		width: 100%
	}

	.top-menu {
		display: none
	}

	.top--padding {
		background: transparent no-repeat center top;
		background-size: 100% 47.5vw
	}

	.top--padding:before {
		bottom: auto;
		height: 47.5vw
	}

	.top--padding h1 {
		min-height: calc(47.5vw - 34px)
	}

	.top--padding .top-desc {
		margin: 0 0 16px 0;
		color: #000
	}

	.top--career {
		padding: 0;
		background: no-repeat center top url(/local/markup/build/css/../img/temp/career-top-m.jpg);
		background-size: 100% auto
	}

	.top--career .wrap {
		min-height: auto;
		height: auto;
		padding-top: 55.5vw;
		color: #000
	}

	.top--career .top-more {
		margin: 30px 0 0 0
	}

	.top--career .top-more .button {
		background: #44508c;
		color: #fff;
		background-color: #44508c;
		transition: .3s background-color;
		color: #fff
	}

	.top--career .top-more .button:hover {
		background-color: #001ba3
	}

	.top--career .top-more .button:active {
		background-color: #00147a
	}

	.top--career .top-more .button:hover {
		color: #fff
	}

	.top--career .top-more .button:active {
		color: #fff
	}

	.top--career:before {
		display: none
	}

	.pagination {
		justify-content: space-between
	}

	.pagination .page {
		display: none
	}

	.content h2 {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.content {
		display: flex;
		flex-direction: column
	}

	.content-left {
		order: 2
	}

	.content-nav {
		position: fixed;
		left: 12px;
		bottom: 16px;
		right: 12px;
		padding: 0;
		background: rgba(204, 204, 204, .8);
		backdrop-filter: blur(32px);
		-webkit-backdrop-filter: blur(32px);
		border-radius: 24px;
		cursor: pointer;
		z-index: 101;
		transition: .3s right;
		max-height: calc(100vh - 160px);
		overflow: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		background-repeat: no-repeat;
		background-image: url(/local/markup/build/css/../img/icon/list.svg);
		background-size: 24px 24px;
		background-position: right 16px bottom 12px
	}

	.content-nav::-webkit-scrollbar {
		display: none
	}

	.landing-public-mode .content-nav {
		z-index: 5
	}

	.content-nav.is-small {
		right: 84px
	}

	.content-nav.is-stuck {
		position: absolute;
		bottom: -80px
	}

	.content-left .content-nav.is-stuck {
		left: 12px;
		right: 84px
	}

	.content-nav a {
		display: none;
		margin: 0;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -.01em;
		padding: 12px 48px 12px 16px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.content-nav a.is-active {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.content-nav.is-active a {
		display: block
	}

	.content-nav.is-active a:last-child {
		margin-bottom: 0
	}

	.lead {
		margin: 40px 0
	}

	.life .lead {
		margin: 0 0 40px 0
	}

	.toggles {
		margin: 40px 0
	}

	.block-text .toggle-title {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.toggle-title {
		padding: 16px 32px 26px 0
	}

	.toggle-content {
		padding: 24px 0 40px 0
	}

	.form-footer__right {
		width: 100%
	}

	.form-footer__right .button {
		width: 100%
	}

	.more h2 {
		font-size: 28px;
		line-height: 28px;
		letter-spacing: -.01em
	}

	.more h2 {
		margin-bottom: 40px;
		padding-right: 16px
	}

	.more {
		margin-top: 64px
	}

	.more-slider-nav {
		display: none
	}

	.media {
		margin: 32px 0 64px 0
	}

	.desc {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.contacts-map {
		margin: 0 12px;
		width: auto;
		min-height: calc(100vh - 70px)
	}

	.feedback {
		width: 100%
	}

	.body--top-search .top-search-back {
		display: none
	}

	.top-search {
		bottom: 0;
		height: auto
	}

	.search-form input {
		border-bottom: solid 1px #000;
		padding: 0;
		height: 44px;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -.01em
	}

	.search-form input:focus {
		border-bottom: solid 1px #44508c
	}

	.search-form {
		border: none
	}

	.search-close {
		right: 0;
		top: -40px;
		width: 24px;
		height: 24px
	}

	.search-popular__header {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.search-popular__items a {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.search-popular__items a {
		margin: 0 16px 24px 0
	}

	.search {
		padding: 60px 12px 40px 12px
	}

	.search-page .search {
		padding-left: 0;
		padding-right: 0
	}

	.partners-item {
		width: 100%
	}

	.jobs-item-location {
		padding-right: 64px
	}

	.jobs-detail-button {
		display: block
	}

	.navigation {
		background: #fff
	}

	.navigation-close {
		top: 16px;
		right: 12px
	}

	.navigation-close svg {
		width: 24px;
		height: 24px
	}

	.navigation-left {
		height: 66px
	}

	.navigation-logo {
		top: 16px;
		left: 12px
	}

	.navigation-right {
		bottom: 0
	}

	.navigation-columns {
		top: 68px
	}

	.navigation-sections a {
		padding: 12px 40px 12px 0
	}

	.navigation-sections a:after {
		top: 12px
	}

	.navigation-sections {
		padding: 0 12px;
		bottom: 80px
	}

	.navigation-back {
		padding: 12px 0 12px 24px
	}

	.navigation-back:before {
		top: 10px
	}

	.navigation-lists {
		padding: 0 12px
	}

	.navigation-list .h2,
	.navigation-list h2 {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.01em;
		margin-bottom: 24px
	}

	.landing-public-mode .navigation-list .h3,
	.landing-public-mode .navigation-list h3,
	.navigation-list .h3,
	.navigation-list h3 {
		margin: 24px 0 8px;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.navigation-list {
		left: 12px;
		right: 12px
	}

	.navigation-socials a {
		background-color: #f5f5f5;
		transition: .3s background-color
	}

	.navigation-socials a:hover {
		background-color: #e6e6e6
	}

	.navigation-socials a:active {
		background-color: #dbdbdb
	}

	.navigation-socials a img [stroke],
	.navigation-socials a svg [stroke] {
		stroke: #000
	}

	.navigation-socials a img [fill],
	.navigation-socials a svg [fill] {
		fill: #000
	}

	.navigation-socials a:hover [stroke] {
		stroke: #000
	}

	.navigation-socials a:hover [fill] {
		fill: #000
	}

	.navigation-socials {
		left: 12px;
		right: 12px;
		bottom: 12px;
		padding: 0;
		text-align: left;
		justify-content: flex-start
	}

	.subscribe {
		background: #fff
	}

	.subscribe-close {
		top: 16px;
		right: 12px
	}

	.subscribe-close svg {
		width: 24px;
		height: 24px
	}

	.subscribe-socials a {
		background-color: #f5f5f5;
		transition: .3s background-color
	}

	.subscribe-socials a:hover {
		background-color: #e6e6e6
	}

	.subscribe-socials a:active {
		background-color: #dbdbdb
	}

	.subscribe-socials a img [stroke],
	.subscribe-socials a svg [stroke] {
		stroke: #000
	}

	.subscribe-socials a img [fill],
	.subscribe-socials a svg [fill] {
		fill: #000
	}

	.subscribe-socials a:hover [stroke] {
		stroke: #000
	}

	.subscribe-socials a:hover [fill] {
		fill: #000
	}

	.subscribe-socials {
		display: none
	}

	.popup-form-title {
		font-size: 28px;
		line-height: 30px;
		letter-spacing: -.02em
	}

	.popup .form {
		display: flex;
		flex-direction: column;
		height: 100%
	}

	.popup {
		padding: 64px 24px 24px 24px;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: -1px;
		overflow: auto;
		max-width: none;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch
	}

	.popup::-webkit-scrollbar {
		display: none
	}

	.huge-slider-pages {
		right: 12px
	}

	.huge-slider-pagination {
		margin: 0 12px
	}

	.cookies {
		padding: 24px 0
	}

	.cookies-left-text {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		max-width: 100%;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}

	.cookies-left-text--expanded {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		max-width: 100%;
		-webkit-line-clamp: 100;
		-webkit-box-orient: vertical
	}

	.cookies .wrap {
		flex-direction: column
	}

	.life-hobby-item {
		margin-bottom: 24px
	}

	.life-hobby-title {
		font-size: 28px;
		line-height: 28px;
		letter-spacing: -.01em
	}

	.life-hobby-title {
		padding: 4px 0;
		font-size: 20px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.life-socials {
		margin: 56px 0 0 0
	}

	.life-socials-title {
		font-size: 28px;
		line-height: 28px;
		letter-spacing: -.01em
	}

	.life-socials-title {
		padding: 20px 40px 28px 0;
		font-size: 20px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.life-socials-title:after {
		top: 16px;
		right: 0
	}

	.plates-slider-pages {
		right: 12px
	}

	.plates-slider-pagination {
		margin: 0 12px
	}

	.team-slider {
		margin-top: 0
	}

	.history-timeline span {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.history-timeline span,
	.history-timeline span:first-child,
	.history-timeline span:last-child {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -.01em;
		padding: 12px 48px 12px 16px
	}

	.top--career {
		padding: 36px 0 100px 0;
		margin: 0;
		background-position: center bottom;
		background-image: url(/local/markup/build/css/../img/temp/career-2-mobile.jpg);
		height: 185vw;
		max-height: 900px
	}

	.top--career .h1,
	.top--career h1 {
		font-size: 48px;
		line-height: 45px;
		letter-spacing: .03em;
		margin: 0
	}

	.top--career .top-desc {
		margin: 24px 0 0 0;
		font-size: 24px;
		line-height: 30px;
		letter-spacing: -.01em;
		color: #fff
	}

	.career-remote-slider-pagination {
		bottom: 16px
	}

	.career-events-tiles-pagination {
		display: flex
	}

	.benefits-culture-pagination {
		display: flex
	}

	.benefits-family-slider-left,
	.benefits-family-slider-right {
		width: 32px;
		height: 32px;
		padding: 4px
	}

	.benefits-family-slider-left {
		left: 16px
	}

	.benefits-family-slider-right {
		right: 16px
	}

	.benefits-family-slider-pagination {
		bottom: 16px
	}

	.benefits-family-slider-pagination span {
		width: 8px;
		height: 8px
	}

	.benefits-universe-education-left,
	.benefits-universe-education-right {
		padding: 4px;
		width: 32px;
		height: 32px
	}

	.benefits-universe-education-left {
		left: 16px
	}

	.benefits-universe-education-right {
		right: 16px
	}

	.benefits-universe-education-pagination {
		bottom: 16px;
		gap: 8px
	}

	.benefits-universe-education-pagination span {
		width: 8px;
		height: 8px
	}

	.benefits-achievements-awards-left,
	.benefits-achievements-awards-right {
		padding: 4px;
		width: 32px;
		height: 32px
	}

	.benefits-achievements-awards-pagination {
		bottom: 16px;
		gap: 8px
	}

	.benefits-achievements-awards-pagination span {
		width: 8px;
		height: 8px
	}

	.benefits-widget--hide {
		max-width: 48px
	}

	.constructor,
	.landing-edit-mode,
	.landing-public-mode {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.constructor,
	.landing-edit-mode,
	.landing-public-mode {
		padding: 56px 12px 0 12px
	}

	.slider-controls {
		margin-top: 24px
	}

	.slider .cards {
		margin-bottom: 0
	}

	.welcome {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.quote {
		flex-direction: column
	}

	.promo-toggle {
		padding-bottom: 12px
	}

	.promo-toggle__header {
		padding: 12px 0
	}

	.promo-toggle__content {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.about-video-link svg {
		width: 40px;
		height: 40px
	}

	.block-links-image {
		margin-bottom: 40px
	}

	.block-tabs-pane__title {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.block-tabs-pane__title:after {
		opacity: 1;
		top: 14px;
		right: 16px;
		background: no-repeat center center url(/local/markup/build/css/../img/icon/icon-drop.svg);
		background-size: contain
	}

	.block-tabs-pane__title {
		border-bottom: solid 2px #fff;
		padding: 16px 52px 16px 16px
	}

	.block-tabs-pane.is-active .block-tabs-pane__title:after {
		transform: rotate(180deg)
	}

	.block-tabs-pane.is-active .block-tabs-pane__content {
		display: block;
		padding: 32px 16px;
		border-bottom: solid 2px #fff
	}

	.block-tabs-detail {
		display: none
	}

	.highlight {
		margin-left: -12px;
		margin-right: -12px
	}

	.with-button-title {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.block-text-title {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.02em
	}

	.block-text-description {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -.01em
	}

	.block-image-description {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -.01em
	}

	.audio {
		height: 70px
	}

	.audio-button {
		width: 36px;
		height: 36px;
		background-size: 36px 36px
	}

	.is-playing .audio-button {
		width: 36px;
		height: 36px;
		background-size: 36px 36px
	}

	.audio-length,
	.audio-time {
		top: 46px
	}

	.audio-time {
		left: 50px
	}

	.audio-progress {
		height: 30px;
		background-size: auto 30px;
		left: 50px
	}

	.block-1-6-layout-title {
		margin-top: 0
	}
}

@keyframes circleSlider {
	0% {
		stroke-dashoffset: 126px;
		stroke-dasharray: 126px
	}

	100% {
		stroke-dashoffset: 0;
		stroke-dasharray: 126px
	}
}

@-webkit-keyframes autofill {

	0%,
	100% {
		color: #000;
		background: 0 0
	}
}
/* End */

/* Start:/local/markup/build/css/pdfjs-viewer.min.css?17314113832891*/button.pushed{background-color:#aaa!important}
/* End */

/* Start:/local/templates/extbc/template_styles.css?1769078614119724*/
.main-approve {
    position: relative;
}

.contacts-map-popup {
    max-width: 480px;
}

.contacts-map-popup .js-contacts-copy-address {
	width: 18px;
	height: 20px;
	display: inline-block;
	position: relative;
}

.contacts-map-popup .contacts-copy-address-hidden {
	position: absolute;
	top: 8px;
	display: none;
}

.contacts-map-popup span[itemprop="streetAddress"] {
	margin-right: 8px;
}

.contacts-map-popup .js-contacts-copy-address svg {
	position: absolute;
	top: 4px;
	cursor: pointer;
}

.contacts-map-popup .js-contacts-copy-address .contacts-copy-address path,
.contacts-map-popup .js-contacts-copy-address .contacts-copy-address rect {
	transition: stroke 0.3s;
}

.contacts-map-popup .js-contacts-copy-address .contacts-copy-address:hover path,
.contacts-map-popup .js-contacts-copy-address .contacts-copy-address:hover rect {
	stroke: #00000055;
}

.footer-legal {
    text-align: left !important;
}

:target {
    scroll-margin-top: 64px;
}

:target::before {
    content: "";
    display: block;
    margin-top: -64px;
    height: 64px;
    width: 1px;
}

.is-menu-stuck .header {
    z-index: 132;
}

.job {
    background: #3525D4;
    padding-top: 80px;
    padding-bottom: 160px;
    color: #ffffff;
    position: relative;
    font-family: 'fors-regular', sans-serif !important;
}

.job h1 {
    font-family: 'coil-medium', sans-serif !important;
    font-size: 64px;
    line-height: 64px;
    letter-spacing: 0.03em;
}

.job:before {
    content: '';
    display: block;
    background: url('/local/templates/extbc/images/job--top.svg?2') 0 0 no-repeat;
    width: 726px;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-size: contain;
}

.jobs_filter__checkboxes {
    display: flex;
    flex-direction: row;
    gap: 64px;
    margin-top: 24px;
}

.jobs_filter__checkboxes .checkbox {
    position: relative;
    display: block;
    color: #282B36;
    font-family: 'fors-medium', sans-serif !important;
    font-size: 16px;
    line-height: 24px;
    padding-left: 36px;
}

.jobs_filter__checkboxes .checkbox input {
    display: none;
}

.jobs_filter__checkboxes .checkbox input + span {
    position: absolute;
    display: block;
    content: '';
    background: 0 0;
    width: 24px;
    height: 24px;
    border: 1px solid #3525D4;
    border-radius: 6px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    cursor: pointer;
    transition: .3s all;
}

.jobs_filter__checkboxes .checkbox input:checked + span {
    background: #3525D4;
}

.footer-legal {
    text-align: left !important;
}

.job .button {
    padding: 0 20px;
    min-width: 330px;
    border-radius: 8px;
    background: #fff;
    font-family: 'fors-medium', sans-serif !important;
    font-size: 24px;
    line-height: 60px;
    color: #3525D4;
    border: 2px solid #fff;
}

.job .button:hover {
    background: transparent;
    color: #fff;
}

.job .top-detail {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

@media (max-width: 1600px) {

    .job:before {
        width: 696px;
    }

    .job {
        padding-top: 50px;
        padding-bottom: 110px;
    }

    .job h1 {
        line-height: 64px;
        margin-bottom: 24px;
        margin-top: 36px;
    }
}

@media (max-width: 1280px) {
    .job {
        padding-top: 36px;
    }

    .job h1 {
        font-size: 52px;
        line-height: 54px;
    }

    .job .button {
        height: 56px;
        line-height: 52px;
    }

    .job:before {
        width: 606px;
    }
}

@media (max-width: 1023px) {

    .jobs_filter__checkboxes {
        display: flex;
        gap: 20px;
        margin-top: 20px;
    }
}

@media (max-width: 768px) {

    .jobs_filter__checkboxes {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .job:before {
        width: 306px;
    }

    .job h1 {
        font-size: 32px;
        line-height: 32px;
        margin-top: 0;
    }

    .job {
        padding-bottom: 72px;
    }

    .job.opened {
        position: relative;
        z-index: 52;
    }

    .job .button {
        font-size: 18px;
        padding: 0 20px;
        min-width: 0;
        white-space: nowrap;
        height: 56px;
        line-height: 50px;
    }

    .js-filter-clear {
        order: 1;
    }
}

@media (max-width: 440px) {
    .job h1 {
        font-size: 28px;
        line-height: 28px;
    }
}

@media (max-width: 374px) {
    .job h1 {
        font-size: 24px;
        line-height: 24px;
    }
}

.glosarii {
	font-size: 20px;
}

@media (max-width:1279px) {
	.is-scroll .header a.header-contacts {
		filter: unset;
	}

	.header .header-links {
		display: block;
		border: none
	}

	.header .header-links .header-link {
		margin: 0;
		padding: 0;
		border: none
	}

	.header .header-links .header-link a {
		display:none
	}

	.header .header-search {
		margin-left: 24px
	}

	/* The contacts link is icon-only below 1280px. background-size is stated
	   because the artwork carries a viewBox and no intrinsic size: without it the
	   browser is free to draw it at its default 300x150 box rather than filling
	   the 24px button, and it keeps this icon the same size as the auth ones. */
	.header .header-links .header-link a.header-contacts {
		display: block;
		width: 24px;
		height: 24px;
		overflow: hidden;
		color: transparent;
		background: no-repeat center center url("/wp/pic/question-chat-icon.svg");
		background-size: 24px 24px;
	}
}

.top-slider h1 span {
	color: inherit;
}

.top-slide__title {
	font-weight: 300;
}

@media (min-width: 768px) {
	.top-slide__title span {
		margin-left: 1.55em;
		display: flex;
		justify-content: space-between;
	}

	.top-slider .wrap-left {
		width: max-content;
		margin: unset;
	}

	.top-slide__title {
		 letter-spacing: -0.01em;
		 font-size: 46px;
		 line-height: 52px;
	}
}

@media (min-width: 1280px) {

	.top-slide__title {
		font-size: 60px;
		line-height: 68px;
		letter-spacing: -0.03em;
	}
}

@media (min-width: 1600px) {
	.top-slide__title span {
		margin-left: 1.4em;
	}

	.top-slide__title {
		font-size: 61px;
		line-height: 68px;
		letter-spacing: -0.04em;
	}
}

.know-professional_form {
	padding-top: 0;
	overflow: hidden;
	padding-bottom: 0;
}

.know-professional_form {
	background-color: #c4eb57;
}

.know-professional_form .jobs__form_step-2 {
	margin-top: 32px;
}

.know-professional_form .checkbox span.required {
	color: #ff6b00;
}

.know-professional_form .fields .radio input+span {
	border-color: #3525d4;
}

.know-professional_form .fields .radio input:checked+span {
	background: #fff;
}

.know-professional_form .fields .radio input:checked+span:before {
	width: 16px;
	height: 16px;
	background: #3525d4;
}

.know-professional_form .jobs__form_step-2 {
	display: none;
}

.know-professional_form {
	margin-top: 0;
}

.know-professional_form.success {
	position: relative;
}

.job .know-professional_form {
	margin-top: 0;
}

.job .know-professional_vacancy-info-close-wrapper div {
	background-color: #3525d4;
}

.job .jobs__form_step-2 {
	flex-direction: column;
}

.job .know-professional_form.success {
	background-color: transparent;
}

.job .top-detail {
	flex-wrap: wrap;
}

.job .know-professional_form .button {
	background: #3525D4;
    padding: 0 68px;
    height: 56px;
    line-height: 56px;
    border-radius: 8px;
    font-family: 'fors-medium', sans-serif !important;
    font-size: 20px;
    color: #FFFFFF;
	min-width: unset;
}

.job .know-professional_form .button:hover {
	background: #001ba3;
}

.job .know-professional_form .radio span {
	color: #000;
}

@media (min-width: 768px) {

	.know-professional_form {
		padding-top: 0;
		padding-bottom: 0;
	}

	.job .know-professional_form {
		margin-top: 0;
	}

	.job .top-detail {
		flex-wrap: nowrap;
	}
}

@media (min-width: 1280px) {

	.know-professional_form {
		padding: 0;
		padding-top: 80px;
		border-radius: 0 64px 64px 0;
		background-color: unset;
	}

	.job .know-professional_form {
		background-color: transparent;
		padding-top: 0;
	}

	.know-professional_form.success {
		border-radius: 64px;
		background-color: #c4eb57;
	}

	.job .know-professional_form {
		margin-top: 0;
	}

	.job .know-professional_form {
		height: 100%;
		border-radius: 0;
	}

	.job .jobs__form_step-2 {
		gap: 32px;
	}

	.job .jobs__form_step-2 {
		margin-top: 0;
	}
}

@media (max-width: 1279px) {
	.checkbox {
		padding-bottom: 8px;
	}
}

@media (max-width: 1279px) {
	.top-more .top-panel__inner>.button {
		width: fit-content;
	}
}

/* Bauhaus 93 W00 Regular (URW++), for the home page's first-screen copy.
   The two files are the same face as "Bauhaus 93 W00 Regular.woff2" sitting
   beside them -- byte for byte -- under a name a URL carries without escaping
   the spaces. woff2 is listed first so anything modern takes the 16 KB file
   and only an old browser falls back to the 21 KB woff. */
@font-face {
	font-family: bauhaus;
	src: url(/local/markup/build/fonts/40b9a3649fd5d8941b992d0692054bb3.woff2) format("woff2"), url(/local/markup/build/fonts/40b9a3649fd5d8941b992d0692054bb3.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* The .wrap.wrap-left block of the top slider. .top-slide_sthupo is named as
   well as the container because it sets its own family with !important (STHupo)
   and an inherited one would never reach it. */
.wrap.wrap-left,
.wrap.wrap-left .top-slide_sthupo {
	font-family: bauhaus, sans-serif !important;
}

/* The headline stays on the body face: only the "ExtBC" line above it is set
   in Bauhaus. Spelled out rather than left to the base .top-slide__title rule
   so the container's Bauhaus above cannot be read as covering it too.
   .top-slide__desc is untouched either way -- it is pinned to Noto Sans
   further up this file. */
.wrap.wrap-left .top-slide__title {
	font-family: regular, sans-serif !important;
}

/* "Currency Exchange Rates Sources" on currency_rate_update.php: one card per
   publisher in extbc_exchange_rate_sources, three to a row as asked. The count
   is fixed rather than auto-fit because the block sits in a half-width column
   whose width swings with the viewport -- auto-fit would give four cards on a
   wide screen and two on a laptop. minmax(0, 1fr) instead of a bare 1fr so a
   long bank name shrinks its card rather than pushing the row wider. */
.rate-sources-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

/* Product-card shape: a coloured panel on top standing in for the photograph,
   a dark body under it with the name, the figure in the accent colour and a
   muted line of detail, and the two actions fading in over the panel on hover.
   The palette is the theme's own -- #414e92 (the logo blue) for the panel,
   #282b36 for the body, #2fc6f6 for the figure. */
.rate-source-card {
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	overflow: hidden;
	/* Two shadows rather than one: a tight ring that reads all the way around
	   the card against the panel's own light grey, and a wider cast below it
	   for the lift. A single soft drop shadow all but disappears on #f9f9f9. */
	box-shadow: 0 0 0 1px rgba(40, 43, 54, .06),
	            0 2px 6px rgba(40, 43, 54, .16),
	            0 12px 28px rgba(40, 43, 54, .22);
	min-width: 0;
	transition: .3s transform, .3s box-shadow;
}

.rate-source-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 0 0 1px rgba(40, 43, 54, .08),
	            0 4px 10px rgba(40, 43, 54, .2),
	            0 18px 38px rgba(40, 43, 54, .3);
}

.rate-source-card__top {
	position: relative;
	height: 116px;
	background: #414e92;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* The source's own code, small, in the corner of the panel. */
.rate-source-card__code {
	position: absolute;
	top: 10px;
	left: 12px;
	right: 12px;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: .06em;
	color: #a5a6f6;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Currency symbol (or ISO code) as the card's image. */
.rate-source-card__mark {
	font-size: 44px;
	line-height: 48px;
	font-weight: 700;
	color: #fff;
	opacity: .92;
	max-width: 100%;
	padding: 0 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rate-source-card__actions {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: rgba(65, 78, 146, .92);
	opacity: 0;
	transition: .3s opacity;
}

.rate-source-card:hover .rate-source-card__actions,
.rate-source-card:focus-within .rate-source-card__actions {
	opacity: 1;
}

.rate-source-card__btn {
	background: #fff;
	color: #282b36;
	border-radius: 3px;
	padding: 6px 14px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
	transition: .3s background, .3s color;
}

.rate-source-card__btn:hover {
	background: #2fc6f6;
	color: #fff;
}

.rate-source-card__body {
	flex: 1 1 auto;
	background: #282b36;
	padding: 18px 16px 20px 16px;
	text-align: center;
}

.rate-source-card__name {
	font-size: 25px;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #fff;
	overflow-wrap: anywhere;
}

/* The figure is the reason to look at the card, so it carries the weight --
   and it wraps rather than overflowing: a rate can run to twelve decimals. */
.rate-source-card__rate {
	margin-top: 10px;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	color: #2fc6f6;
	overflow-wrap: anywhere;
}

.rate-source-card__rate span {
	font-size: 12px;
	font-weight: 400;
	color: #a3a6bd;
}

.rate-source-card__rate--none {
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	color: #73767a;
}

.rate-source-card__desc {
	margin-top: 10px;
	font-size: 13px;
	line-height: 19px;
	color: #a3a6bd;
	overflow-wrap: anywhere;
}

/* Without hover there is nothing to reveal the actions, so they simply sit
   under the panel's mark from the start. */
@media (hover: none) {
	.rate-source-card__actions {
		position: static;
		background: 0 0;
		flex-direction: row;
		flex-wrap: wrap;
		opacity: 1;
		padding: 0 12px 12px 12px;
		bottom: auto;
	}

	.rate-source-card__top {
		height: auto;
		flex-direction: column;
		padding-top: 28px;
		gap: 10px;
	}
}

@media (max-width:1279px) {
	.rate-sources-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width:767px) {
	.rate-sources-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Icons standing in for the channel/document names a service row used to spell
   out in brackets ("(Slack, Whatsapp, Telegram)"). Inline-flex keeps them on
   the row's own baseline, so a row that wraps to two lines still reads as one
   item. The number in .main-services-list a span:first-child is positioned
   separately and is unaffected -- these spans always follow the label. */
.main-services-icons {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-left: 6px;
	vertical-align: -6px;
	line-height: 0;
	white-space: nowrap;
}

.main-services-icons img {
	display: block;
	width: 30px;
	height: 30px;
}

@media (max-width:767px) {

	/* The row's type drops to 18px here, so the icons come down with it. */
	.main-services-icons {
		gap: 6px;
		vertical-align: -4px;
	}

	.main-services-icons img {
		width: 22px;
		height: 22px;
	}
}

/* Home page "Extensions | Services" switch: the flat, full-width tab strip --
   equal-width cells, an uppercase caption, and the open cell lifted out of
   the grey field by a rule along its top. The palette is the
   theme's own (#f0f0f0 rest, #e6e6e6 hover, #73767a muted text, black as the
   accent), i.e. the same pair .tabs .tab already switches between. Behaviour
   comes from the js-tabs script -- these classes only dress it, which is why
   they sit beside .js-tab rather than on .tabs/.tab (whose pill look is a
   different component). */
/* The top margin stands in for the removed "Solutions & services" heading,
   which is what used to hold this block off the slider above it (h2, 48px). */
.main-tabs {
	display: flex;
	margin: 8px 0 8px 0;
}

.main-tab {
	flex: 1 1 0;
	min-width: 0;
	display: block;
	padding: 26px 16px 24px 16px;
	color: #949393;
	text-align: center;
	transition: .3s background, .3s color, .3s border-color;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuZGV2L3N2Z2pzIiB2aWV3Qm94PSIwIDAgNzAwIDcwMCIgd2lkdGg9IjcwMCIgaGVpZ2h0PSI3MDAiIG9wYWNpdHk9IjAuODQiPjxkZWZzPjxmaWx0ZXIgaWQ9Im5ubm9pc2UtZmlsdGVyIiB4PSItMjAlIiB5PSItMjAlIiB3aWR0aD0iMTQwJSIgaGVpZ2h0PSIxNDAlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHByaW1pdGl2ZVVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJsaW5lYXJSR0IiPgoJPGZlVHVyYnVsZW5jZSB0eXBlPSJ0dXJidWxlbmNlIiBiYXNlRnJlcXVlbmN5PSIwLjIiIG51bU9jdGF2ZXM9IjQiIHNlZWQ9IjE1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHJlc3VsdD0idHVyYnVsZW5jZSI+PC9mZVR1cmJ1bGVuY2U+Cgk8ZmVTcGVjdWxhckxpZ2h0aW5nIHN1cmZhY2VTY2FsZT0iMjYiIHNwZWN1bGFyQ29uc3RhbnQ9IjMiIHNwZWN1bGFyRXhwb25lbnQ9IjIwIiBsaWdodGluZy1jb2xvcj0iIzA1Njk2OSIgeD0iMCUiIHk9IjAlIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBpbj0idHVyYnVsZW5jZSIgcmVzdWx0PSJzcGVjdWxhckxpZ2h0aW5nIj4KICAgIAkJPGZlRGlzdGFudExpZ2h0IGF6aW11dGg9IjMiIGVsZXZhdGlvbj0iMTc4Ij48L2ZlRGlzdGFudExpZ2h0PgogIAk8L2ZlU3BlY3VsYXJMaWdodGluZz4KICAKPC9maWx0ZXI+PC9kZWZzPjxyZWN0IHdpZHRoPSI3MDAiIGhlaWdodD0iNzAwIiBmaWxsPSJ0cmFuc3BhcmVudCI+PC9yZWN0PjxyZWN0IHdpZHRoPSI3MDAiIGhlaWdodD0iNzAwIiBmaWxsPSIjMDU2OTY5IiBmaWx0ZXI9InVybCgjbm5ub2lzZS1maWx0ZXIpIj48L3JlY3Q+PC9zdmc+);
}

.main-tab__name {
	display: block;
	font-size: 26px;
	line-height: 32px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.main-tab:hover {
	text-decoration: overline;
}

.main-tab.is-active {
	color: #ffffff;
}

@media (max-width:1023px) {
	.main-tabs {
		margin: 56px 0 48px 0;
	}
}

/* Two 26px uppercase captions with letter-spacing do not fit side by side on a
   phone -- "EXTENSIONS" alone is wider than half a 320px screen -- so the type
   steps down here rather than wrapping or pushing the strip out of the page. */
@media (max-width:767px) {
	.main-tabs {
		margin: 40px 0 32px 0;
	}

	.main-tab {
		padding: 20px 8px;
	}

	.main-tab__name {
		font-size: 16px;
		line-height: 24px;
	}

	/* The whole switch gets a small gap off the slide above it and off whatever
	   follows. The gap has to sit on the container rather than on .main-tabs:
	   .main-tabs' top margin collapses through it (nothing separates them), and
	   it is already zeroed at the foot of this file so the strip can sit tight
	   under the slider. .main-tabs' 32px bottom margin is internal -- it spaces
	   the strip off the service rows -- and is left alone. */
	.main-services.js-tabs {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

/* Top slider on phones: keep the desktop composition -- headline over the
   photograph -- instead of the theme's stacked one. Out of the box the ≤767
   rules turn .top-slide into a column, drop .top-slide__back to a 55.55vw
   block in the flow and re-colour the headline black, so the text lands on
   white below the picture. These override that back: the picture fills the
   slide again and the headline sits over its foot in white. This block comes
   after the theme's own ≤767 rules in the file, which is what lets equal
   specificity win. */
@media (max-width:767px) {

	/* Half the 75vh / 480px the slide used to take: the picture above the
	   headline was empty space, and the cards (which the slides now switch
	   between, see the script in index.php) should start on the first screen.
	   min-height rather than height, so a headline taller than that -- slide 2's
	   is long, on a small phone -- grows the slider instead of being clipped;
	   the wrapper is auto so every slide stretches to the tallest one. */
	.top-slider .swiper-wrapper {
		height: auto;
		min-height: 0;
	}

	.top-slide {
		height: auto;
		min-height: max(37.5vh, 240px);
		flex-direction: row;
		align-items: flex-end;
		padding: 0;
	}

	.top-slide__back {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		height: auto;
	}

	/* the top padding only shows when the headline sets the height */
	.top-slide>.wrap {
		padding: 24px 12px 32px 12px;
	}

	/* Fluid rather than the theme's flat 36px: the headline is broken by hard
	   <br>s, so its longest line ("accelerate digital transformation.") cannot
	   reflow -- measured at 13.5em, it needs a screen of 36 * 13.5 + 24 =
	   510px to hold 36px type. min() keeps 36px from there up and scales below
	   it; 6.5vw clears the 24px of .wrap padding on any phone width. */
	.top-slide__title {
		color: #fff;
		margin: 0;
		font-size: min(36px, 6.5vw);
		line-height: 1.1;
	}

	/* "EXTBC" is only ever sized by the base rule (120px), which overflows a
	   phone several times over; it has just never been seen, because the
	   headline used to sit on white below the picture. Kept clearly larger
	   than the headline, as it is on desktop. */
	.top-slide_sthupo {
		font-size: min(64px, 13vw);
		line-height: 1.05;
		letter-spacing: -.03em;
	}
}

/* Below 1280px the navigation is the burger panel, where .navigation-left
   collapses from the dark left column into a row above the first-level links --
   a repeat of the logo already in the header, costing a full row of a list that
   is only two items long. Hidden by CSS rather than removed from the markup
   because the same block is the desktop left column. */
@media (max-width:1279px) {
	.navigation-left {
		display: none;
	}
}

/* Below 1280px the theme hides every header link but the contacts one, which it
   turns into a 24px icon (see the a.header-contacts rule above). The three auth
   links get the same treatment, so signing in/up/out is reachable on a phone;
   above 1280px they stay as the text links they are. */
@media (max-width:1279px) {

	/* Was display:block, which stacked the icons vertically once more than one
	   of them was visible. Spacing is per icon rather than a gap on the row:
	   the wrappers of the links that stay hidden here (Contacts, Dashboard) are
	   still flex items, and a gap would space those out too. */
	.header .header-links {
		display: flex;
		align-items: center;
	}

	.header .header-links .header-link a.header-auth,
	.header .header-links .header-link a.header-contacts {
		margin-left: 16px;
	}

	.header .header-links .header-link a.header-auth {
		display: block;
		width: 24px;
		height: 24px;
		overflow: hidden;
		color: transparent;
		background: no-repeat center center;
		background-size: 24px 24px;
	}

	.header .header-links .header-link a.header-auth--in {
		background-image: url("/upload/person-icon.svg");
	}

	.header .header-links .header-link a.header-auth--up {
		background-image: url("/upload/plus-icon.svg");
	}

	.header .header-links .header-link a.header-auth--out {
		background-image: url("/upload/arrow-out-icon.svg");
	}

	/* The icon artwork is black. Coloured exactly like the contacts icon beside
	   it: inverted to white over the dark hero of a light header (index.php),
	   and back to black once the page scrolls and the header turns white. */
	.header--light a.header-auth {
		filter: invert(1);
	}

	.is-scroll .header a.header-auth {
		filter: unset;
	}
}

/* On phones the light header is a white bar, so the icons stay black there --
   the same undo the theme applies to the contacts icon at this width. */
@media (max-width:767px) {
	.header--light a.header-auth {
		filter: invert(0);
	}
}

@media (max-width:767px) {

	/* The slider's control row -- pagination dots, the "1 / 2" counter and its
	   rule -- sat in a white band between the picture and the tab strip. The
	   dots now sit over the foot of the picture instead, white, in the 32px
	   under the headline: on phones the slides are the Extensions | Services
	   switch, and the dots are what tells there is a second one. The counter
	   goes (the arrows are already display:none here); padding-bottom held the
	   band open and .top-slider's 10px bottom margin the gap after it. */
	.top-slider>.wrap {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 12px;
		z-index: 2;
		line-height: 0;
	}

	.top-slider-pages {
		display: none;
	}

	.top-slider-pagination {
		margin: 0;
		padding: 0;
		border-top: 0;
	}

	.top-slider-pagination .swiper-pagination-bullet {
		border-color: #fff;
	}

	.top-slider-pagination .swiper-pagination-bullet.active {
		background: #fff;
	}

	.top-slider {
		padding-bottom: 0;
		margin-bottom: 0;
	}

	/* the slides above do the switching on phones (script in index.php) */
	.main-tabs {
		display: none;
	}
}

/* The footer wordmark, which is set rather than drawn: the block holds the text
   EXTBC instead of bcext-bottom.png. 'bauhaus' is the same family the header logo
   asks for in its inline SVG (font-family="bauhaus" on the <text> in the page
   templates) -- there is no @font-face for it anywhere, so it renders in Bauhaus
   where the reader happens to have it and in the fallbacks below where they do
   not. The stack ends at sans-serif rather than at the site's own StagSans faces
   because a wordmark that misses its font should read as a plain wordmark, not as
   body copy at 46px.

   line-height is stated because .footer-top__left sets line-height: 0 -- it was
   holding an image, and inherited that would collapse the text to nothing. */
.footer-logo-text {
	display: block;
	font-family: bauhaus, "Bauhaus 93", "Century Gothic", sans-serif;
	font-size: 46px;
	line-height: 1;
	letter-spacing: .02em;
	color: #fff;
	white-space: nowrap;
}

/* Footer head on phones: wordmark and social icons on one line, held close.
   The theme built this band for a taller composition -- it takes .footer-top__left
   out of the flex row (absolute, top:40px/left:12px), turns .footer-top__right
   into a full-width column and pushes the icons clear of the logo with a 120px
   left margin and a 24px bottom one, all of it inside 40px/24px of padding. With
   only the wordmark and five icons left in the block that adds up to a deep empty
   band, so the row is put back together as a plain two-item flex line. */
@media (max-width:767px) {

	.footer-top {
		padding: 12px 0;
		align-items: center;
	}

	/* was 85x32 and absolutely placed, sized for the <svg> this block held
	   before the image and before the text */
	.footer-top__left {
		position: static;
		width: auto;
		height: auto;
	}

	/* The one thing on the line that can be made to fit: five 32px icons at 8px
	   apart occupy 200px, and a 320px screen has 296px inside .wrap's padding,
	   which leaves 96px for the wordmark. EXTBC at 46px is about 150px wide and
	   would push the icons off the edge, so the type steps down here -- 28px is
	   roughly the width of the 80px image it replaces. */
	.footer-logo-text {
		font-size: 28px;
	}

	.footer-top__right {
		width: auto;
		flex-direction: row;
		align-items: center;
	}

	/* nowrap keeps the icons a line rather than letting a stray one start a
	   second row */
	.footer-socials {
		height: auto;
		margin: 0;
		flex-wrap: nowrap;
	}

	.footer-socials a {
		margin: 0 0 0 8px;
	}
}

/* Home-page hero on short screens. The slide is 100vh tall and stacks its text
   from the bottom, so when the "EXTBC" line plus the six-line headline (hard
   <br>s, it cannot reflow) is taller than the screen, it grows up under the
   header -- e.g. a 1920x1080 display at 150% Windows scaling, which leaves the
   browser a viewport of roughly 1280x600. Below the height where the normal
   sizes stop fitting, the type scales with the viewport height instead. Each
   vh value is the normal size divided by that threshold height, so the switch
   is seamless and nothing changes on taller screens or on phones. */
@media (min-width:1280px) and (max-height:720px) {
	.top-slide_sthupo {
		font-size: 16.667vh;   /* 120px at 720px tall */
		line-height: 11.667vh; /* 84px */
	}

	.top-slide__title {
		font-size: 8.333vh;    /* 60px */
		line-height: 9.444vh;  /* 68px */
	}
}

@media (min-width:768px) and (max-width:1279px) and (max-height:640px) {
	.top-slide_sthupo {
		font-size: 18.75vh;    /* 120px at 640px tall */
		line-height: 13.125vh; /* 84px */
	}

	.top-slide__title {
		font-size: 7.1875vh;   /* 46px */
		line-height: 8.125vh;  /* 52px */
	}
}
/* End */
/* Start:/local/templates/extbc/builds/prod/2026/01-16/17-37-06-961/css/index.css */
@media screen {
.b-button{background-color:#fff;border-radius:8px;display:block;font-family:fors-medium;font-size:24px;padding:20px 24px;text-align:center;transition:color .3s ease-in-out,background-color .3s ease-in-out;width:100%}.b-button:hover{background-color:#a5a6f6}.b-button svg{height:20px;width:20px}.b-button--blue{background-color:#3525d4;color:#fff}.b-button--blue:hover{background-color:#001ba3}.b-ciprBanner{margin-bottom:64px;margin-top:0}.b-ciprBanner__slide{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-start;min-height:auto;padding:0;transition:opacity .3s}.b-ciprBanner__slide.swiper-slide-active{opacity:1!important}.b-ciprBanner__pages{display:block;font-size:12px;letter-spacing:-.01em;line-height:18px;position:absolute;right:12px;top:3px}.b-ciprBanner__next,.b-ciprBanner__prev{bottom:140px;cursor:pointer;display:none;height:8px;line-height:0;position:absolute;right:72px;width:24px;z-index:2}.b-ciprBanner__next{right:24px;transform:rotate(180deg)}.global:has(.header__cipr){padding-top:0}@media screen and (min-width:768px){.b-button{margin-top:0;width:-moz-fit-content;width:fit-content}.b-ciprBanner{margin-bottom:100px;margin-top:-80px}.b-ciprBanner__slide{height:55vw;min-height:500px;padding:92px 0 24px;width:100%}.b-ciprBanner__pages{right:20px}.b-ciprBanner__next,.b-ciprBanner__prev{display:block}}@media screen and (min-width:1280px){.b-button{z-index:3}.b-ciprBanner{background:0 0;margin:-104px 0 128px;position:relative;z-index:1}.b-ciprBanner__slide{height:100vh;padding:92px 0 58px}.b-ciprBanner__pages{display:none}.b-ciprBanner__next,.b-ciprBanner__prev{bottom:180px;right:104px}.b-ciprBanner__next{right:44px}}
}
/* End */
/* /local/markup/build/css/main.css?1740144721610299 */
/* /local/markup/build/css/pdfjs-viewer.min.css?17314113832891 */
/* /local/templates/extbc/template_styles.css?1769078614119724 */
/* /local/templates/extbc/builds/prod/2026/01-16/17-37-06-961/css/index.css */