

/* Start:/include/fonts/style.css?17817158362901*/
/* ProximaNova */
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-Extrabld.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-LightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-ThinIt.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-BlackIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-BoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-SemiboldIt.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-ExtrabldIt.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-BlackIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-RegularIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/include/fonts/ProximaNova/ProximaNova-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
/* End */


/* Start:/include/styles.css?178196687914826*/
:root {
	--font-color: #000;
}
* {
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
}
body {
	color: var(--font-color);
	font-family: 'ProximaNova', sans-serif !important;
	margin: 0;
}
.main-wrapper {
    min-height: 50vh;
    overflow: hidden;
}

/* header */
header.header-wrapper {
	width: 100%;
	transform: translateY(0);
	background: #000;
}
header.header--fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  animation: slideDown 0.3s ease;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
header.header-wrapper .header {
	position: relative;
	overflow: hidden;
	padding: 1.5rem;
	display: flex;
	flex-direction: row;
	gap: 2rem;
	justify-content: space-between;
	align-items: center;
	line-height: 1.45;
	letter-spacing: -0.005em;
	max-width: 1920px;
	margin: auto;
}
header.header-wrapper .header-logo {
	height: 72px;
}
@media (max-width:1279px) {
  header.header-wrapper .header {
		padding: 2rem 1.5rem 1.63rem;
		flex-wrap: wrap;
        row-gap: 0;
	}
}

.title-page {
	font-size: 64px;
	line-height: 1.2;
	letter-spacing: -0.02em;
	font-weight: 700;
}
@media (max-width:1279px) {
	.title-page {
		font-size: 32px;
	}
}

/* section: include/index/banner.php */
.banner {
	padding: 45px 78px 106px 104px;
	max-width: 1920px;
	margin: auto;
	overflow: hidden;
	display: grid;
	grid-template-columns: 73fr 23fr;
	gap: 41px;
}
.banner-block {
	margin: auto 0;
	line-height: 1.45;
	letter-spacing: -0.005em;
	color: #000;
}
.banner-description {
	font-size: 18px;
	opacity: .5;
	margin-bottom: 31px;
}
.banner-title {
	font-size: 96px;
	line-height: 1;
	letter-spacing: -0.02em;
	font-weight: 700;
	margin-bottom: 23px;
}
.banner-subtitle {
	font-size: 32px;
	margin-bottom: 31px;
}
.banner-link a {
	display: block;
	width: fit-content;
	background-color: #000;
	padding: 10px 14px;
	color: #fff;
	font-size: 18px;
	border: 2px solid rgba(255, 255, 255, .15);
	border-radius: 12px;
	transition: .3s;
	text-decoration: none;
}
.banner-img {
	overflow: hidden;
}
.banner-img img {
	display: block;
	clip-path: inset(0 50% 0 0);
}
.banner-link a:active, .banner-link a:focus-visible {
	color: #000;
	background-color: #fff;
	border-color: #000;
}
@media (hover:hover) {
	.banner-link a:hover {
		color: #000;
		background-color: #fff;
		border-color: #000;
	}
}
@media (max-width: 1279px) {
	.banner {
		padding: 28px 24px 35px;
		display: flex;
		flex-direction: column;
		gap: 43px;
	}
	.banner-block {
		margin: auto;
	}
	.banner-description {
		display: none;
	}
	.banner-title {
		font-size: 32px;
		line-height: 1.1;
		margin-bottom: 16px;
	}
	.banner-subtitle {
		font-size: 18px;
		margin-bottom: 16px;
	}
	.banner-link a {
		padding: 8.5px 11.5px;
	}
	.banner-img img {
		clip-path: none;
		max-height: 348px;
		object-fit: contain;
		width: 100%;
	}
}

/* section: include/index/about.php */
.about {
	--pad-left-main: 104px;
	--pad-left-add: 25px;
	max-width: 1920px;
	margin: auto;
	padding: 35px 78px 79px var(--pad-left-main);
	letter-spacing: -0.02em;
}
.about-title {
	font-size: 64px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 60px;
}
.about-block--top {
	display: flex;
	align-items: flex-end;
	gap: 124px;
	padding-left: var(--pad-left-add);
	margin-bottom: 67px;
}
.about-block__title {
	font-size: 32px;
	line-height: 1;
}
.about-block--top .about-block__title {
	margin-bottom: 42px;
}
.about-block__text {
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: -0.005em;
	opacity: .5;
	text-align: justify;
}
.about-block--bottom {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 58px;
	padding-left: var(--pad-left-add);
}
.about-block--bottom .about-block__title {
	margin-bottom: 48px;
}
.about-block__license {
	padding: 26px 25px 18px calc(var(--pad-left-main) + var(--pad-left-add));
	margin-left: calc((var(--pad-left-main) + var(--pad-left-add)) * -1);
	background: rgba(0, 0, 0, .05);
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}
.about-block__license .about-block__title {
	display: flex;
	gap: 94px;
	align-items: center;
	margin-bottom: 60px;
}
.about-block__license .about-block__text {
	text-align: left;
	opacity: 1;
	padding-right: 25px;
	text-wrap: balance;
}
.about-block__license .about-block__text span {
	opacity: .5;
}
.about-block__license .about-block__text a {
	color: inherit;
	transition: .3s;
}
.about-block__license .about-block__text a:active, .about-block__license .about-block__text a:focus-visible {
	opacity: .5;
}
@media (hover:hover) {
	.about-block__license .about-block__text a:hover {
		opacity: .5;
	}
}
@media (max-width: 1279px) {
	.about {
		padding: 16px 24px 71px;
	}
	.about-title {
		font-size: 48px;
		margin-bottom: 36px;
	}
	.about-block--top, .about-block--bottom {
		padding-left: 0;
		gap: 56px;
	}
	.about-block--top {
		margin-bottom: 61px;
	}
	.about-block--bottom {
		flex-direction: column-reverse;
	}
	.about-block__main {
		padding: 0 23px;
	}
	.about-block--bottom .about-block__title, .about-block--top .about-block__title {
		font-size: 24px;
		margin-bottom: 1em;
	}
	.about-block__text {
		font-size: 18px;
		text-align: left;
	}
	.about-block__text, .about-block__license .about-block__text span, .about-block__license .about-block__text a {
		opacity: .55
	}
	.about-block__img {
		display: none;
	}
	.about-block__license {
		margin: 0;
		padding: 42px 20px 42px 24px;
		border-radius: 16px;
	}
	.about-block__license .about-block__title {
		justify-content: space-between;
		margin-bottom: 37px;
		gap: 1em;
	}
	.about-block__license .about-block__text {
		padding: 0;
	}
	.about-block__license .about-block__text a:active, .about-block__license .about-block__text a:focus-visible {
		opacity: 1;
	}
	@media (hover:hover) {
		.about-block__license .about-block__text a:hover {
			opacity: 1;
		}
	}
}

/* section: include/index/types.php */
.types-wrapper {
    background-color: rgba(0, 0, 0, .05);
    background-image: url(/include/index/images/types-background.png);
    background-repeat: no-repeat;
    background-position: right top;
}
.types {
    max-width: 1920px;
    margin: auto;
    padding: 52px 107px 128px;
    letter-spacing: -0.005em;
    line-height: 1.45;
}
.types-title {
	font-size: 64px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin-bottom: 16px;
}
.types-subtitle {
	font-size: 20px;
	opacity: .5;
	margin-bottom: 64px;
}
.types-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(4, 1fr);
	gap: 32px;
}
.types-card {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 31px 31px 18px;
	gap: 90px;
	background: #FFF;
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 6px 12px rgba(0, 0, 0, 0.03);
	border-radius: 16px;
}
.types-card__header {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1em;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
}
.types-card__text {
	font-size: 18px;
	opacity: .5;
}
.types-card--1-1, .types-card--2-1, .types-card--3-1 {
  grid-row: 1 / 2;
}
.types-card--1-2, .types-card--2-2, .types-card--3-2 {
  grid-row: 2 / 3;
}
.types-card--1-3, .types-card--2-3, .types-card--3-3 {
  grid-row: 3 / 4;
}
.types-card--1-4 {
  grid-row: 4 / 5;
}
.types-card--1-1 img {
  
}
.types-card--1-2 img {
  
}
.types-card--1-3 img {
  
}
.types-card--1-4 img {
  
}
.types-card--2-1 img {
  
}
.types-card--2-2 img {
  
}
.types-card--2-3 img {
  
}
.types-card--3-1 img {
  
}
.types-card--3-2 img {
  
}
.types-card--3-3 img {
  
}
@media (max-width: 1279px) {
	.types {
		padding: 26px 24px 55px;
	}
	.types-title {
		font-size: 32px;
		margin-bottom: 13px;
	}
	.types-subtitle {
		font-size: 18px;
		margin-bottom: 48px;
	}
	.types-cards {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
  .types-card {
    padding: 31px;
    gap: 32px;
  }
}
@media (max-width: 300px) {
  .types-card img {
    display: none;
  }
}

/* section: include/index/contacts.php */
.contacts {
	display: grid;
	grid-template-columns: 29fr 21fr;
	max-width: 1920px;
	margin: auto;
	padding: 66px 131px 87px 0;
	gap: 42px;
	line-height: 1.2;
	letter-spacing: -0.02em;
}
.contacts-block__title {
	font-size: 64px;
	font-weight: 700;
}
.contacts-block__links {
	display: flex;
    flex-direction: column;
    gap: 1em;
	font-size: 18px;
	margin-top: 2em;
	margin-bottom: 4em;
}
.contacts-block__links a {
	font-weight: 700;
	color: inherit;
	transition: .3s;
}
.contacts-block__text {
	font-size: 18px;
}

.contacts-block__links a:active, .contacts-block__links a:focus-visible {
	opacity: .5;
}
@media (hover: hover) {
	.contacts-block__links a:hover {
		opacity: .5;
	}
}

@media (max-width: 1279px) {
	.contacts {
		padding: 0;
		display: flex;
		flex-direction: column-reverse;
		gap: 70px;
	}
	.contacts-map {
		height: 360px;
	}
	.contacts-block {
		padding: 0 24px;
	}
	.contacts-block__title {
		font-size: 32px;
	}
	.contacts-block__links {
		margin-top: 64px;
		margin-bottom: 63px;
	}
}

/* footer */
.footer-wrapper {
	background-color: #000;
	background-image: url(/include/footer-background.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.footer {
	max-width: 1920px;
	margin: auto;
	display: flex;
	flex-direction: column;
	gap: 91px;
	padding: 68px 150px 73px 122px;
	color: #fff;
	line-height: 1.2;
	letter-spacing: -0.02em;
}
.footer-top {
	display: grid;
	grid-template-columns: 44fr 13fr 24fr 22fr;
	gap: 56px;
}
.footer-column__title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 23px;
}
.footer-column__address span:nth-child(1) {
	display: block;
	font-weight: 700;
}
.footer-bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}
.footer-logo {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 12px;
}
.footer-contacts {
	display: none;
	flex-direction: column-reverse;
	font-size: 12px;
	gap: 1em;
}
.footer-contacts.footer-contacts--desktop {
	display: flex;
}
.footer-contacts a {
	color: inherit;
	font-weight: 700;
	transition: .3s;
}
.layout--personal + .footer-wrapper .footer-column.footer-column--support ul li:nth-last-child(1) {
	color: #F00;
}

.footer-contacts a:active, .footer-contacts a:focus-visible {
	opacity: .5;
}
@media (hover: hover) {
	.footer-contacts a:hover {
		opacity: .5;
	}
}

@media (max-width: 1279px) {
	.footer-wrapper {
		background-image: none;
	}
	.footer {
		flex-direction: column-reverse;
		padding: 41px 32px;
		gap: 41px;
	}
	.footer-top {
		display: flex;
		flex-direction: column;
		gap: 41px;
		align-self: center;
	}
	.footer-column__title {
		margin-bottom: 16px;
	}
	.footer-contacts.footer-contacts--desktop {
		display: none;
	}
	.footer-contacts.footer-contacts--mobile {
		display: flex;
		margin-top: 16px;
	}
	.footer-logo {
		width: 100%;
		justify-content: center;
	}
}

/* LK */
.layout--personal {
	overflow: hidden;
}
@media (min-width: 1280px) {
	.layout--personal {
		display: flex;
		background-color: #FAFAFA;
	}
	.layout--personal .header-wrapper {
		width: max-content;
	}
	.layout--personal header.header-wrapper .header {
		flex-direction: column;
		align-items: flex-start;
		gap: 87px;
	}
	.layout--personal .header-menu {
		flex-direction: column;
		gap: 87px;
	}
	.layout--personal .header-menu ul {
		flex-direction: column;
		gap: 20px;
		margin: 26px 0;
	}
	.layout--personal .header-menu ul li a, .layout--personal .header-menu ul li span {
		white-space: nowrap;
	}
	.layout--personal .main-wrapper {
		margin: 0 auto;
		width: 100%;
	}
}
/* LK main page*/
.lk-main {
	display: grid;
	grid-template-columns: 57fr 43fr;
	gap: 40px 42px;
	max-width: 1920px;
	margin: auto;
	padding: 44px 41px 54px 42px;
}
.lk-main__block {
	background: #FFF;
	border-radius: 16px;
	padding: 32px;
	filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.05));
}
.lk-main-welcome {
	grid-column: 1 / 3;
}
.lk-main__title {
	letter-spacing: -0.02em;
	line-height: 1.2;
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 7px;
	margin-bottom: 26px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	width: fit-content;
}
.lk-main__text {
	letter-spacing: -0.005em;
	line-height: 1.45;
	font-size: 18px;
}
.lk-main__text ul, .lk-main__text ol {
	margin: 0;
	padding-left: 30px;
}
.lk-main__text ol {
	display: flex;
	flex-direction: column;
	gap: 1em;
}
.lk-main__block a {
	color: inherit;
	transition: .3s;
}

.lk-main__block a:active, .lk-main__block a:focus-visible {
	opacity: .5;
}
@media (hover:hover) {
	.lk-main__block a:hover {
		opacity: .5;
	}
}

@media (max-width:1279px) {
	.lk-main {
		display: flex;
		flex-direction: column;
		gap: 40px;
		padding: 31px 24px 36px 28px;
	}
	.lk-main__block {
		padding: 32px 31px;
	}
}

/* Members */
.members {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 2fr 1fr;
    max-width: 1920px;
    margin: auto;
    padding: 81px 30px 79px 32px;
    font-size: 18px;
    gap: 1em;
    height: 100%;
}
.members-block__title {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 12px;
}
.members-block__text {
    font-size: 20px;
}
.members-button a {
    display: block;
    width: fit-content;
    padding: 8px 32px;
    background: #000;
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-radius: 16px;
    color: #fff;
    font-size: 16px;
    transition: .3s;
    text-decoration: none;
}

.members-button a:active, .members-button a:focus-visible {
    background: #fff;
    color: #000;
    border: 2px solid #000;
}
@media (hover: hover) {
    .members-button a:hover {
        background: #fff;
        color: #000;
        border: 2px solid #000;
    }
}

@media (max-width: 1279px) {
    section.members {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 48px;
    }
    .members-block {
        text-align: center;
    }
}
@media (max-width: 350px) {
    section.members {
        padding-inline: 16px;
    }
}

/* organization */
.user-organization {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 18px;
  margin-bottom: 48px;
}
.user-organization .email, .user-organization .organizations {
  display: flex;
  flex-direction: row;
  gap: 18px;
}
.user-organization a {
  color: inherit;
  font-weight: 700;
  text-decoration: none;
}
.user-organization .organizations span {
	min-width: 118px;
}

.user-organization a:active, .user-organization a:focus-visible {
  text-decoration: underline;
}
@media (hover: hover) {
  .user-organization a:hover {
    text-decoration: underline;
  }
}

@media (max-width: 300px) {
	.user-organization .email, .user-organization .organizations {
    flex-direction: column;
    gap: 10px;
	}
}
/* End */


/* Start:/include/add.css?17819685042825*/
.container {
    --pad-left-main: 104px;
    --pad-left-add: 25px;
    max-width: 1920px;
    margin: auto;
    padding: 35px 78px 79px var(--pad-left-main);
    letter-spacing: -0.02em;
}

.user_report input[type="text"] {
    width: 100%;
    max-width: 250px;
    box-sizing: border-box;
    padding: 12px 16px 11px 18px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    font-family: inherit;
    font-size: inherit;
}

#formUserReport {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
}

#formUserReport > #captcha-container {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

#formUserReport > label,
#formUserReport > input[type="text"] {
    flex: 0 1 250px;
    min-width: 0;
}

#formUserReport > label {
    max-width: 250px;
}

#formUserReport > button.btn {
    flex: 0 0 auto;
}

.user_report table {
    width: 100%;
    margin-top: 32px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02), 0 6px 12px rgba(0, 0, 0, 0.03);
    font-size: 16px;
    line-height: 1.45;
    text-align: left;
}

.user_report th,
.user_report td {
    padding: 16px 20px;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    word-break: break-word;
}

.user_report th {
    background: #000;
    color: #fff;
    font-weight: 700;
}

.user_report th:last-child,
.user_report td:last-child {
    border-right: 0;
}

.user_report tr:last-child td {
    border-bottom: 0;
}

.user_report tr:nth-child(even) td {
    background: rgba(0, 0, 0, 0.025);
}

@media (max-width: 767px) {
    .user_report table {
        font-size: 14px;
    }

    .user_report th,
    .user_report td {
        padding: 12px 10px;
    }
}

button.btn {
    appearance: none;
    display: block;
    width: fit-content;
    padding: 8px 32px;
    background: #000;
    /*border: 2px solid black;*/
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-radius: 16px !important;
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    line-height: normal;
    transition: background-color .3s, color .3s, border-color .3s;
    transform: none !important;
    cursor: pointer;
}

button.btn:active,
button.btn:focus-visible {
    background: #fff;
    color: #000;
    border-color: #000;
    border-radius: 16px !important;
    transform: none !important;
}

@media (hover: hover) {
    button.btn:hover {
        background: #fff;
        color: #000;
        border-color: #000;
        border-radius: 16px !important;
        transform: none !important;
    }
}

/* End */


/* Start:/local/templates/.default/components/bitrix/menu/menu_header/style.css?17669331342551*/
.header-menu {
    display: flex;
    align-items: center;
    gap: 2em;
    width: 100%;
}
.header-menu ul {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0;
    margin: 0;
    gap: 1em;
    font-size: 16px;
    color: #fff;
    list-style: none;
}
.header-menu ul li.selected {
    opacity: .5;
}
.header-menu ul li a, .header-menu ul li span {
    position: relative;
    color: inherit;
    text-decoration: none;
    transition: .3s;
}
.header-menu ul li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
    transition: .3s;
}
.header-menu .header-lk {
  padding: 5px 11px;
	background: #fff;
  border: 2px solid #fff;
	color: var(--font-color);
	text-decoration: none;
	font-size: 16px;
	border-radius: 12px;
  text-wrap: nowrap;
  transition: .3s;
}
.header-burger {
  display: none;
  border: none;
  background: #fff;
  padding: 11px;
  position: relative;
  width: 48px;
  height: 48px;
  cursor: pointer;
  margin-left: auto;
}
.header-burger::before, .header-burger::after, .header-burger span {
  content: '';
  position: absolute;
  width: calc(100% - 22px);
  height: 4px;
  background: #000;
  left: 11px;
  transition: transform .3s, width .3s;
}
.header-burger::before {
  top: 26%;
}
.header-burger::after {
  bottom: 26%;
}
.header-burger span {
  align-self: flex-end;
  top: 50%;
  transform: translateY(-50%);
}
.header-menu ul li a:active::after, .header-menu ul li a:focus-visible::after {
    width: 100%;
}
.header-menu .header-lk:active, .header-menu .header-lk:focus-visible {
  background: none;
  color: #fff;
}
.header-burger:active span, .header-burger:focus-visible span {
  width: calc(80% - 22px);
}
@media (hover:hover) {
  .header-menu ul li a:hover::after {
    width: 100%;
  }
  .header-menu .header-lk:hover {
    background: none;
    color: #fff;
  }
  .header-burger:hover span {
    width: calc(80% - 22px);
  }
}
@media (max-width:1279px) {
  .header-menu {
    max-height: 0;
    overflow: hidden;
    flex-direction: column;
    flex: 100%;
    transition: .5s;
  }
  .header.opened .header-menu {
    margin-top: 2em;
    max-height: 30rem;
  }
  .header-menu ul {
    flex-direction: column;
  }
  .header-burger {
    display: block;
  }
  .header.opened .header-burger span {
    opacity: 0;
  }
  .header.opened .header-burger::before {
    top: 50%;
    transform: rotate(45deg);
  }
  .header.opened .header-burger::after{
    top: 50%;
    transform: rotate(-45deg);
  }
}
/* End */


/* Start:/local/templates/.default/components/bitrix/menu/bottom/style.css?1766932910699*/
ul.footer-column__list, .footer-column__address {
	display: flex;
	flex-direction: column;
	font-size: 12px;
	gap: 1em;
}
ul.footer-column__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.footer-column__list li.selected {
	opacity: .5;
}
ul.footer-column__list li a, ul.footer-column__list li span {
	color: inherit;
	text-decoration: none;
	font-weight: 700;
	transition: .3s;
}

ul.footer-column__list li a:active, ul.footer-column__list li a:focus-visible {
    text-decoration: underline;
}
@media (hover: hover) {
    ul.footer-column__list li a:hover {
        text-decoration: underline;
    }
}

@media (max-width: 1279px) {
    ul.footer-column__list li a {
		font-weight: 400;
	}
}
/* End */
/* /include/fonts/style.css?17817158362901 */
/* /include/styles.css?178196687914826 */
/* /include/add.css?17819685042825 */
/* /local/templates/.default/components/bitrix/menu/menu_header/style.css?17669331342551 */
/* /local/templates/.default/components/bitrix/menu/bottom/style.css?1766932910699 */
