@font-face {
	font-family: "XO Tahion";
	/* IE 9 Compatibility Mode */
	src: url("../fonts/XO_Tahion/woff/XO_Tahion_Nu.woff") format("woff"),
		 url("../fonts/XO_Tahion/TTF/XO_Tahion_Nu.ttf") format("truetype");
}
/* header start */
.header-bg {
	background: #fff;
}
.header-n__menu {
    width: 100%;
}
.header-bg .header-n-top__row {
	padding-bottom: 0;
	padding-top: 0;
}
.header-box {
	padding-top: 1rem;
	flex-grow: 1;
}
.header-flex {
	display: flex;
}
.header-top__right {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-grow: 1;
}
.header-top .header-n-top__menu li a {
	color: #64748b;
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}
.header-top .header-n-top__menu li a:hover {
	color: #111111;
	transition: all 0.3s linear;
}
.header__left {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: 20px;
}
@media (max-width: 400px) {
	.header__left {
		margin-right: 0;
	}
}

.header-flex .header-n__right {
	margin: 0;
}
.header-flex .header-n__lang {
	padding: 0;
	color:inherit;
}
.header-flex .header-n__contacts-mobile-col a.email {
	background: url("../new-img/email-t-icons2.svg") center left no-repeat;
}
.header-flex .header-n__contacts-mobile-col a.phone,
.header-n__contacts-mobile-col a:link.phone {
	background: url("../new-img/call-t-icons2.svg") center left no-repeat;
}
.header-flex .header-n-top__left-col a.phone {
	background: url("../new-img/call-t-icons.svg") center left no-repeat;
}
.header-flex .header-n-top__left-col a.email {
	background: url("../new-img/email-t-icons.svg") center left no-repeat;
}
.header-flex .header-n-top__left-col a.email,
.header-flex .header-n-top__left-col a.phone {
	color: #0082cc;
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}
.header-flex .header-menu-buy__buy-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px 15px;
	box-shadow: none;
	border-radius: 24px;
	border: 1px solid #cbd5e1;
	background: #fff;
	color: #1e293b;
	font-family: "Open Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.16px;
}
.header-flex .header-n-top__menu > li:first-child,
.header-flex .header-n__menu-list > li:first-child {
	padding-left: 0;
}
.header-flex .header-n-top__menu > li:last-child,
.header-flex .header-n__menu-list > li:last-child {
	padding-right: 0;
}
.header-flex .header-n__menu-list > li:first-child {
	margin-left: -16px;
}
.header-flex .header-n-top__menu,
.header-flex .header-n__menu-list {
	margin: 0;
}
.header-buy svg,
.header-flex .header-menu-buy__buy-btn svg {
	margin-left: 8px;
}
.header-n2 .header-flex .header-n__lang {
	color: #64748b;
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}
.header-buy {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 24px;
	background: #00a2ff;
	color: #fff;
	font-family: "Open Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.16px;
	padding: 6px 15px 6px;
	height: 40px;
	text-decoration: none;
}
.header-flex .header-n-top__menu li {
	padding: 0 1rem;
}
.baner-header {
	background: #efc637 url("../new-img/baner-header.png") right no-repeat;
	background-size: cover;
}
.baner-header .header-n-top__row {
	padding-top: 10px;
	padding-bottom: 10px;
}
.baner-header-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.baner-header-left {
	display: flex;
	align-items: center;
}
.baner-header-date {
	font-family: "XO Tahion";
	color: #1e293b;
	display: flex;
	align-items: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.18px;
	padding: 6px 10px 4px;
	border-radius: 24px;
	background: #fff;
	margin-right: 16px;
}
.baner-header-description {
	font-family: "XO Tahion";
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.18px;
}
.baner-header-right {
	display: flex;
	align-items: center;
}
.baner-header-btn {
	margin-right: 12px;
}
.baner-header-btn a {
	display: inline-block;
	padding: 7px 16px;
	border-radius: 24px;
	border: 1px solid #fff;
	color: #fff;
	font-family: "Open Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.16px;
	text-decoration: none;
}
.baner-header-close {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 24px;
	background: #fff;
	padding: 8px;
	box-shadow: none;
	border: none;
	cursor: pointer;
}
@media (max-width: 1100px) {
	.header-flex .header-n__menu-bot li a {
		font-size: 1.4rem;
		line-height: 1.7rem;
	}
	.header-n__menu-list.header-n__menu-list_hide > li ul li a {
		padding: 0;
	}
}
.footer__form-share-link_hb span {
	background-image: url("../new-img/habr.svg");
	background-repeat: no-repeat;
	background-position: center center;
}
.footer__form-share-link_hb:hover span {
	background-image: url("../new-img/habr-white.svg");
	background-repeat: no-repeat;
	background-position: center center;
}
.header-n .header-box a.header-n__logo-menu,
.header-n .header-box a:link.header-n__logo-menu,
.header-n .header-box a:hover.header-n__logo-menu,
.header-n .header-box a:visited.header-n__logo-menu,
.header-n .header-box a:active.header-n__logo-menu,
.header-n .header-box a:focus.header-n__logo-menu,
.header-n .header-box button.header-n__logo-menu {
	width: 32px;
	height: 32px;
	background: url("../new-img/burger.svg") center center no-repeat;
}
.header-n .header-box a.header-n__logo-menu.active,
.header-n .header-box a:link.header-n__logo-menu.active,
.header-n .header-box a:hover.header-n__logo-menu.active,
.header-n .header-box a:visited.header-n__logo-menu.active,
.header-n .header-box a:active.header-n__logo-menu.active,
.header-n .header-box a:focus.header-n__logo-menu.active,
.header-n .header-box button.header-n__logo-menu.active {
	background: url("../new-img/burger-close-icons.svg") center center no-repeat;
}
.header-n__right-flex {
	display: flex;
	padding: 2rem 4rem;
}
/*.dowload-mob-box.active {
	opacity: 1;
	visibility: visible;
	width: 100%;
	height: 100%;
	background: rgba(15, 23, 42, 0.2);
}*/
.header-n__lang-drop {
	z-index: 5;
}
#menu ul.menu-hover__list li a {
	font-family: "Open Sans";
	font-size: 16px;
	color: #0f172a;
}
.header-n__menu-list > li {
	padding: 0px 1.2rem;
}
.mega-menu ul.menu-hover__list {
	width: 156px;
	padding: 4px;
}
#menu .header-n__menu-list-link-drop span {
	margin-top: 3px;
}
#menu .header-n__menu-list-link-drop:hover span {
	transform: rotate(180deg);
	margin-top: 0;
}
.sub-drop-menu {
	padding: 4px;
}
.header-n__menu-list > li ul li,
.header-n__menu-list > li .mega-menu ul li {
	padding: 0;
}
.mega-menu .sub-drop-box {
	width: 210px;
	right: -194px;
}
.sub-drop-box {
	top: -4px;
}
/* ul.menu-hover__list{
	width: auto;
} */
.menu-sub {
	cursor: pointer;
	border-radius: 40px;
	display: flex;
	align-items: center;
	padding: 6px 14px;
}
.menu-hover-sub {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: -4px;
	width: 210px;
	height: 132px;
	border-radius: 12px;
	background: #fff;
	box-shadow:
		0px 2px 4px 0px rgba(0, 0, 0, 0.25),
		0px 12px 16px 0px rgba(0, 0, 0, 0.08);
	transform: translateX(72%);
}
.header-menu-buy-list,
ul.menu-hover__list,
.menu-hover-sub ul {
	padding: 4px;
}
.header-menu-buy-links a + a {
	margin: 0;
}
.header-menu-buy-links a,
.header-n__menu-list > li > a {
	border-radius: 40px;
	display: flex;
	align-items: center;
	padding: 8px 14px;
	color: #1E293B;
	font-variant-numeric: stacked-fractions;
	font-family: "Open Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
a.header-n__menu-list-link-drop{
	opacity: 1;
}
.header-n2 .header-n__menu-list>li>a,
.header-n2 .header-n__menu-list>li ul li a,
.header-n2 .header-n__lang{
	color: #1E293B;
}
#menu ul.menu-hover__list li a,
#menu ul.menu-hover__list .menu-hover-sub li a {
	border-radius: 40px;
	display: flex;
	align-items: center;
	padding: 13px 14px;
}
.drop-li svg {
	right: 12px;
}
.header-main {
	padding-top: 8px;
	padding-bottom: 12px;
}
.submenu ul.menu-hover__list li a {
	display: flex;
	justify-content: space-between;
}
.header-menu-buy-links a:hover,
.header-n__menu-list > li > a:hover,
#menu ul.menu-hover__list li a:hover,
#menu ul.menu-hover__list .menu-hover-sub li a:hover,
.menu-sub:hover {
	background: #e2e8f0;
	transition: all 0.3s linear;
}
.menu-sub:hover .menu-hover-sub {
	opacity: 1;
	z-index: 5;
	visibility: visible;
	transition: all 0.3s linear;
}
.header-n__logo-menu:hover,
.header-n__logo-link:hover,
.header-buy:hover,
.header-flex .header-n-top__left-col a:hover,
.baner-header-close:hover,
.baner-header-btn a:hover {
	opacity: 0.7;
	transition: all 0.3s linear;
}
.header-btn_download:hover .header-menu-buy__buy-btn,
.header-flex .header-menu-buy__buy-btn:hover {
	background: #fff;
	opacity: 0.7;
	transition: all 0.3s linear;
}
@media (max-width: 1270px) {
	#menu .header-n__menu-list > li:last-child ul.menu-hover__list > li:last-child a {
		padding-top: 0;
		padding-bottom: 0;
	}
	.header-n__menu-list > li ul {
		margin-top: 5px;
	}
	.mega-menu ul.menu-hover__list {
		padding: 0;
	}
	#menu ul.menu-hover__list .sub-drop-menu li:first-child a {
		padding-top: 0;
	}
	.menu-hover {
		padding-top: 0;
	}
	.sub-drop-menu {
		margin-top: 1px;
	}
	#menu ul.menu-hover__list li  > a {
		padding: 0 0 15px;
	}
	#menu ul.menu-hover__list .sub-drop-menu a {
		padding-left: 35px;
	}
	#menu ul.menu-hover__list > li {
		padding: 0;
	}
	#menu ul.menu-hover__list li {
		padding: 0;
	}
	#menu ul.menu-hover__list li a {
		padding: 10px 14px;
	}
	#menu ul.menu-hover__list li a + a {
		padding: 10px 24px;
	}
	#menu ul.menu-hover__list li {
		padding: 0;
	}
	.sub-drop-menu li{
		padding-left: 14px;
	}
	.header-main {
		padding: 0;
	}
	.header-flex .header-n__menu-list > li:first-child {
		padding: 0px 1.2rem;
		margin: 0;
	}
}
@media (max-width: 1270px) {
	.header-n__menu{
		padding-right: 0;
	}
	.header-n__menu-list>li.header-n__menu-list-drop-item.open>a::before {
		right: 19px;
		top: calc(50% - 19px);
	}
	li.header-n__menu-list-drop-item.open ul.menu-hover__list {
		padding-left: 0;
	}
	/* .mega-menu .sub-drop-box{
		max-height: 0;
		visibility: hidden;
	} */
	/* .drop-li svg{
		display: block;
		top: 0;
		stroke: #334155;
		width: 7px;
		height: 12px;
		
	} */
	.header-n__menu-list>.header-n__menu-list-drop-item{
		padding-right: 1.2rem;
	}
	.header-n__menu-list>li>a.header-n__menu-list-link-drop::before{
		right: 10px;
		background-size: contain;
		width: 22px;
		height: 100%;
		top: calc(50% - 13px);
	}
	.mega-menu ul.menu-hover__list{
		width: 100%;
	}
	.header-flex .header-n-top__left-col a.email,
	.header-flex .header-n-top__left-col a.phone {
		font-size: 0;
	}
	.header-n__menu-list > li ul li {
		padding: 5px 1.5rem;
	}
	#menu ul.menu-hover__list li a {
		color: #64748b;
		font-family: "Open Sans";
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: -0.32px;
	}
	.header-menu-buy-list {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.header-menu-buy-links a + a {
		margin-top: 24px;
	}
	.header-menu-buy-links .header-menu-buy-list> a{
		margin-top: 0;
	}
	.header-menu-buy-links a {
		color: #1e293b;
		font-family: "Open Sans";
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: -0.32px;
	}
	.header-menu-buy-list {
		width: 100%;
	}
	.header-menu-buy-links.active {
		position: fixed;
		top: 0;
		display: flex;
		align-items: flex-end;
		opacity: 1;
		z-index: 50;
		visibility: visible;
	}
	.header-n__right {
		border: none;
		padding-top: 20px;
	}
	.header-flex .header-n__menu li a {
		color: #1e293b;
		font-family: "XO Tahion";
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
		letter-spacing: -0.18px;
		opacity: 1;
	}
	.header-flex .header-n__menu-bot li a {
		color: #64748b;
		font-family: "Open Sans";
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 24px;
		opacity: 1;
	}
	.header-n__right-flex > * {
		flex-grow: 1;
	}
	.header-n__menu-list_hide,
	.header-n__menu-list_hide > li {
		border: none;
	}
	.header-n__menu-list_hide li a {
		padding-top: 1.2rem;
		padding-bottom: 1.2rem;
	}
	.header-lang_small > * {
		border-radius: 50%;
		min-width: 42px;
		min-height: 42px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.header-lang_small {
		justify-content: center;
	}
	.header-n__contacts-mobile-col {
		display: flex;
		justify-content: center;
	}
	.header-flex .header-n__contacts-mobile-col a.phone,
	.header-flex .header-n__contacts-mobile-col a.email {
		font-size: 18px;
		justify-content: center;
		align-items: center;
		padding-left: 34px;
		min-height: 28px;
		color: #0082cc;
	}
	.header-flex {
		align-items: center;
	}
	.baner-header .header-n-top__row {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.header-box .header-n__logo-burger {
		padding: 0;
	}
	.header-bg .header-n-top__row {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.header-box {
		padding-top: 0;
	}
	.header-n.header-n2 .header__left a.header-n__logo-link {
		height: 36px;
	}
	.header-box .header-top__buttons {
		margin: 0px 6px 0px 0px;
	}
	.header-top__right {
		justify-content: flex-end;
	}
	.header-box .header-n-top__left-col {
		padding: 0 1rem;
	}
	.header-flex .header-n-top__left-col a.email,
	.header-flex .header-n-top__left-col a.phone {
		background-size: cover;
	}
	.header-flex a.email,
	.header-flex a.phone {
		font-size: 0;
		display: flex;
		min-width: 32px;
		min-height: 32px;
		padding: 0;
	}
	.header-n__info {
		display: none;
	}
	.baner-header {
		background: #efc637 url("../new-img/baner-header2.png") right no-repeat;
		background-size: cover;
		position: relative;
	}
	.baner-header-close {
		position: absolute;
		top: 12px;
		right: 20px;
	}
	.baner-header-date {
		font-size: 14px;
		line-height: 18px;
	}
	.baner-header-left,
	.baner-header-flex {
		flex-direction: column;
		align-items: flex-start;
	}
	.baner-header-date {
		margin: 0px 0px 16px 0px;
	}
	.baner-header-description {
		margin: 0px 0px 16px 0px;
	}
}
@media (max-width: 767px) {
	.header-n__right-flex {
		padding: 2rem 3rem;
	}
	.header-n__menu-list>li ul.header-n__menu-list-drop {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	#menu .menu-hover{
		padding-left: 2rem;
		padding-right: 0rem;
	}
	.header-n__right {
		left: 0;
		width: 100%;
	}
	.header-n-main__top {
		position: unset;
	}
}

.header-n a.header-n__logo-link {
    /* background-image: url(../images/MyOffice_Logo-T.svg); */
    background-image: url(/images/identity/img/logo-ru.svg)!important;
}

/* footer start  */
@media (max-width: 1100px) {
	.footer__menu ul > li ul li {
		border: none;
		padding: 0;
	}
}
/* footer end  */
/* header end */

/* ribbon start */
:root {
	--size: clamp(10rem, 1rem + 40vmin, 30rem);
	--gap: calc(var(--size) / 14);
	--scroll-start: 0;
	--scroll-end: calc(-100% - var(--gap));
	--duration: 140s;
}
.marquee2 {
	max-width: 710px;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
}
.marquee__group2 {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: var(--gap);
	min-width: 100%;
}
.marquee__group2 span{display: none;}
.marquee__group2 span:first-child{display: block;}
@keyframes scroll-x {
	from {transform: translateX(var(--scroll-start));}
	to {transform: translateX(var(--scroll-end));}
}
.baner-header-btn svg{display: none;}
/* @media (prefers-reduced-motion: reduce) { */
	/* .marquee__group {animation-play-state: paused;} */
/* } */
@media (max-width: 767px) {
	.squad-one.active {padding-top: 148px;}
	.marquee__group2 span{display: inline-block;}
	.baner-header-description {margin: 0px 0px 0px 0px;}
	.marquee2 {max-width: unset;margin: 0 -20px;}
	.baner-header-close{padding: 5px;}
	.marquee__group2{animation: scroll-x var(--duration) linear infinite;}
	.marquee2.paused .marquee__group2{animation-play-state: paused;}
	.baner-header-date { margin: 0px 0px 10px 0px;padding: 7px 10px 5px;}
	.baner-header-btn a{
		position: absolute;
		top: 12px;
		left: 185px;
		font-size: 0;
		background: #fff;
		border-radius: 20px; 
		width: 30px;
		height: 30px;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.baner-header-btn svg{
		display: inline-block;
		overflow: unset;
	}
}
/* ribbon end */