@font-face {
    font-family: 'Inter';
    src: url('./fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 900; 
    font-style: normal;
    font-display: swap;
}



*,::after,::before {box-sizing: border-box}
html, body {font-family: "Inter"; font-weight: 400; padding: 0; margin: 0; -webkit-tap-highlight-color: transparent; background-color: #fff; letter-spacing: -0.00rem;}
html {overflow-y: scroll;scroll-behavior: smooth;scroll-padding-top: 150px;}
body {
    margin: 0;
    font-size: 18px;
    font-weight: 370;
    line-height: 1.2;
    text-align: left;
    color: var(--wcms-color-primary);
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}

h1, h2, h3, h4, h5, h6 {margin-top: 0; letter-spacing: -0.01rem !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: .5rem; font-family: inherit; font-weight: 700; line-height: 1.2; color: inherit;}
p {margin-top: 0; margin-bottom: 0;}
a {text-decoration: none; outline: none; color: #000;}
a:hover {text-decoration: underline;}
button, input, optgroup, select, textarea {margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; outline: none;}
.container-fluid {padding-right: 15px; padding-left: 15px;}
.nowrap {white-space: nowrap;}
.inl {display: inline-block; vertical-align: top;}
.relative {position: relative;}
.r90 {transform: rotate(90deg);}
.r180 {transform: rotate(180deg);}
.r270 {transform: rotate(270deg);}
.pb150 {padding-bottom: 0;}
.mt15 {margin-top: 15px;}
.w100 {width: 100%;}
.clear-both {clear: both;}
pre {background: var(--wcms-color-ultralight); padding: 15px; border-radius: 5px; overflow-x: auto;}
table {margin-bottom: 1rem;}
.flex {display: flex;}
.al-cntr {align-items: center;}
.space-between {justify-content: space-between;}
.container-fluid {
    overflow: hidden;
}

/* COMMON */
.button, a.button {padding: 10px 10px; border-radius: 20px; text-align: center; border: none; cursor: default; user-select: none; background: var(--wcms-color-links); color: var(--wcms-color-secondary);}
.button:hover, a.button:hover {background: var(--wcms-color-links-hover); color: var(--wcms-color-secondary);}
.button.square {border-radius: 5px;}
.button.opaque, a.button.opaque {border: 1px solid; padding: 9px 9px; background: var(--wcms-color-ultralight); color: var(--wcms-color-links); border-color: var(--wcms-color-links);}
.button.opaque:hover, a.button.opaque:hover {background: var(--wcms-color-links-hover); color: var(--wcms-color-secondary); }
.button.disabled {background: var(--wcms-color-light);}

.up, .c-fx {position: fixed; right: -200px; bottom: 20px; width: 54px; height: 54px; border-radius: 27px; opacity: 0.5; z-index: 3; box-shadow: 0 2px 5px rgba(0,0,0,.35); transition: 0.2s all;}
.up .i-icon, .c-fx .i-icon {color: var(--wcms-background-primary);}
.up:hover, .c-fx:hover {opacity: 1;}
.up-icon {width: 14px; height: 14px; margin-top: 19px; margin-left: 19px;}
.c-fx {display: block; right: 15px; bottom: 15px;}
.c-fx.m {bottom: 90px;}
.c-fx.t {bottom: 160px;}
.c-fx .up-icon {width: 24px; height: 24px; transform: initial; margin-top: 14px; margin-left: 15px;}
.m-wrap {max-width: 1040px; width: 100%; margin-left: auto; margin-right: auto;}
.mg-top-10{margin-top: 10px;}
.breadcrumbs, .breadcrumbs a, h1 {color: #838383;}
h2 {
	font-weight: 500;
	font-size: 40px;
	line-height: 100%;
	letter-spacing: -0.02rem;
	text-align: left;
	color: #000;
	margin-bottom: 32px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
h2::before{
    content: "";
    background-image:  url(img/title-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 22px;
    height: 8px;
}

.white h2::before{
    content: "";
    background-image:  url(img/title-form.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 22px;
    height: 8px;
}
.container-fluid {
    max-width: 1230px;
}

.pb150 {color: #060D14;}

/* HEADER */
.header {
    font-size: 18px;
    letter-spacing: -0.02em;
    margin-top: 24px;
    position: relative;
    transition: all 0.3s ease;
    z-index: 1000;
    background-color: transparent;
}

.header.fixed{
    position: sticky;
	top: 0;
	left: 0;
	right: 0;
}

.header .container-fluid {
    height: 32px;
    max-width: 549px;
    padding-right: 4px;
    padding-left: 6px;
    border-radius: 20px;
    color: #000;
    background-color: #FFFFFF33;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    font-size: 14px;
}

.header.fixed .container-fluid {
	background-color: #4C8ACC33;
	color: #4C8ACC;
	transition: all 0.3s ease;
}

.header.fixed .h-menu .h-menu-root-a {
    color: #4C8ACC;
    box-shadow: 0px 4px 8px 0px #0000170A;
}

.header.fixed .title-logo img{
    visibility: hidden;
}

.header.fixed .title-logo{
	background-image: url(img/footer-logo.svg);
	background-position: center;
	background-repeat: no-repeat;
	gap: 6px;
}

.header img{
	height: 24px;
}

.h-mid {
    padding: 16px 0 0 0;
    position: relative;
    z-index: 11;
    height: 40px;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.logo {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: var(--wcms-color-secondary);
}

.title-logo {
    display: flex;
    align-items: center;
    font-size: 18px;
}


.logo-icon {
	width: 40px;
	height: 40px;
	background: var(--wcms-color-primary);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.logo-icon svg {
	width: 24px;
	height: 24px;
	fill: white;
}

.logo-text {
	font-size: 18px;
	font-weight: bold;
}

.popup-deploy {
	color: #000406;
	
}
.fade-in-block {
    opacity: 0; /* Начальное состояние — невидим */
    transition: opacity 0.6s ease-out; /* Плавное появление */
}

.fade-in-block.visible {
    opacity: 1; /* Появляется при скролле */
}
.header .popup-deploy {
    height: 24px;
    max-width: 81px;
    border-radius: 8px;
    padding: 5px 8px 3px 12px;
    color: #4C8ACC;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    transition: all 0.3s ease;
    background-color: white;
    line-height: 1;
}

.header .popup-deploy::after {
    content: url(img/submit-arrow.svg);
    position: relative;
    top: -1px;
    margin-left: 8px;
}

.header.fixed .popup-deploy::after {
	content: url(img/submit-arrow.svg);
	margin-left: 5px;
}



.header.fixed .popup-deploy{
	border-radius: 12px;
	padding: 9px 12px;
	color: #fff;
	background-color: #4C8ACC;
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
}

.header.fixed .popup-deploy::after {
    display: inline-block;
    content: url(img/submit-arrow-fixed.svg);
}
.popup-deploy:hover {
	color: #6b6b6b;
}
.header.fixed .popup-deploy:hover {
	color: #6b6b6b;
}

.service-head-list {
	position: absolute;
    display: flex;
    top: 105px;
    flex-direction: column;
	background-color: #080707;
	transition: 0.3s ease all;
	opacity: 0;
	visibility: hidden;
	padding: 20px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.service-head-list.show {
    opacity: 1;
	visibility: visible;
	transition: 0.3s ease all;
}

.service-head-list::before {
	content: "";
	position: absolute;
	top: -10px;
	left: 0; 
	border-width: 0 10px 10px 10px;
	border-style: solid;
	border-color: transparent transparent #080707 transparent;
	z-index: 1;
}

.fixed .service-head-list::before {
	content: "";
	position: absolute;
	top: -10px;
	left: 0; 
	border-width: 0 10px 10px 10px;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	z-index: 1;
}

.service-head-list .head__a {
	color: #fff;
	margin-bottom: 12px;
}

.head__wrap.fixed .service-head-list {
	background-color: #fff;
	transition: 0.3s ease all;
}

.head__wrap.fixed .service-head-list .head__a {
	color: #080707;
}

.nav {
	display: flex;
	align-items: center;
	gap: 30px;
}

.nav a {
	text-decoration: none;
	color: var(--wcms-color-light);
	font-size: 16px;
}

.nav a:hover {
	color: var(--wcms-color-primary);
}

.nav .btn {
	background: var(--wcms-color-primary);
	color: white;
	padding: 10px 20px;
	border-radius: 4px;
	transition: background 0.3s;
}

.nav .btn:hover {
	background: #0056b3;
}

.h-mid-menu-toggler {
	display: none;
	cursor: pointer;
}

.mn-lines {
	display: flex;
    flex-direction: column;
    justify-content: center;
	gap: 4px;
	padding-right: 10px;
	position: relative;
    top: 2px;
}

.mn-line-1,
.mn-line-2,
.mn-line-3 {
	width: 17px;
	height: 2px;
	background-color: #080707;;
	border-radius: 2px;
}

.h-mid-menu-toggler-icon {
	width: 32px !important;
	height: 32px;
	margin-top: 15px;
	margin-right: 15px;
	color: var(--wcms-color-primary);
}

.h-mid-s-mob {
	float: right;
	display: none;
}

.h-mid-s-mob-icon {
	width: 20px;
	height: 20px;
	margin-top: 16px;
	margin-right: 19px;
}

.h-mid-mob-s-frm {
	position: absolute;
	z-index: 11;
	right: 0;
	left: 0;
	top: 0;
	background: var(--wcms-background-ultralight);
	height: 0;
	overflow: hidden;
	transition: 0.2s height;
}

.h-mid-mob-s-frm span {
	display: block;
	padding: 22px 15px;
	margin-left: 40px;
}

.h-mid-mob-s-back {
	float: left;
	width: 18px;
	height: 18px;
	margin-top: 32px;
	margin-left: 15px;
}

.h-s-frm input[type="text"] {
	width: 100%;
	background: white;
	border: 1px solid #262626;
	color: #262626;
	height: 40px;
	padding: 0 7px;
	letter-spacing: .3px;
	font-size: 14px;
	outline: 0;
	font-weight: normal;
	padding-right: 29px;
}

.h-mid-mob-s-frm input[type="text"] {
	border-radius: 3px;
	padding-right: 80px;
}

.h-mid-mob-s-frm input[type="text"]::placeholder {
	color: gray;
}

.h-s-frm button[type="submit"] {
	margin-top: 11px;
	height: 18px;
	width: 18px;
	background: none;
	border: none;
	display: inline-block;
	vertical-align: top;
	position: relative;
	right: 26px;
	outline: none;
	cursor: pointer;
}

.h-mid-mob-s-frm button[type="submit"] {
	margin-top: 9px;
	right: 32px;
}

.h-mid-ctrls {
	float: right;
	margin-top: 9px;
}

.h-mid-s {
	position: relative;
}

.h-mid-s-frm {
	position: absolute;
	top: 1px;
	right: -42px;
	background: #eeeeee;
	width: 330px;
	display: none;
	z-index: 12;
}

.h-mid-s-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: black;
	opacity: 0.7;
	z-index: 11;
}

.h-mid-ctrl-icon svg {
	color: var(--wcms-color-light);
}

.h-mid-ctrl .fa-search {
	width: 18px;
	height: 18px;
}

.h-mid-ctrl .fa-phone {
	width: 18px;
	height: 18px;
}

.h-mid-ctrl .fa-glasses {
	width: 25px;
	height: 26px;
}

.h-mid-ctrl .h-mid-s-frm-c {
	margin-top: 12px;
	width: 15px;
	height: 15px;
	position: relative;
	right: 46px;
}

.h-mid-ctrl a {
	font-size: 0;
	padding: 12px;
}

.h-mid-ctrl > span {
	font-size: 0;
	padding: 12px;
}

.h-mid-ctrl-data {
	font-size: initial;
	padding-left: 10px;
	line-height: 21px;
}

.h-mid-ctrl a.h-glasses {
	padding: 8px;
}

.h-mid-ctrl-phone {
	position: relative;
}

.h-mid-phone-list {
	position: absolute;
	overflow: hidden;
	height: 0;
	left: 0;
	background: var(--wcms-background-primary);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
	z-index: 3;
	transition: 0.2s all;
}

.h-mid-ctrl-phone:hover .h-mid-phone-list {
	height: auto;
}

.h-mid-phone-list a {
	display: block;
	white-space: nowrap;
}

.h-mid-line {
	float: right;
	margin-top: 12px;
	margin-right: 20px;
}

.h-mid-line a {
	padding: 6px 12px;
	font-size: initial;
}

.h-data {
	z-index: 10;
}

.h-data.fixed {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
}

.h-menu {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
	margin: 0;
	padding: 0;
}

.h-data.fixed .h-menu {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.h-menu li {
	display: inline-block;
	vertical-align: top;
}

.h-menu li a {
	display: block;
	padding: 12px 15px;
	padding-bottom: 11px;
}

.h-menu .h-menu-root-a {
    padding: 20px 15px;
    padding-bottom: 18px;
    color: #FFFFFF;
    box-shadow: 0px 4px 8px 0px #0000170A;
}

.h-menu .h-menu-root-a:hover {
	color: #48494b;
}
.h-menu-sep {
	display: none;
	width: 1px;
	height: 15px;
	background: white;
	margin-top: 23px;
	opacity: 0.1;
}

.h-dropdown {
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	top: 55px;
	z-index: 11;
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
}

.h-dropdown-inner-wrap {
	padding: 15px;
	opacity: 1;
	transition: opacity .3s;
	text-align: left;
	box-shadow: 0 7px 6px rgb(0, 0, 0, 0.07);
	overflow: auto;
	background: var(--wcms-background-primary);
}

.h-dropdown-inner {
	column-count: 2;
}

.h-dropdown-inner-i {
	display: grid;
	break-inside: avoid;
	margin-bottom: 15px;
}

.h-dropdown-inner-i-cpt a {
	padding: 12px 0;
}

.h-dropdown-icon {
	width: 26px;
	height: 26px;
	float: left;
	margin-top: -3px;
	position: absolute;
	left: -37px;
}

.h-menu li .h-dropdown-inner-i-cnt a {
	padding: 8px 15px;
	text-transform: none;
	font-weight: normal;
	color: var(--wcms-color-primary) !important;
}

.h-dropdown-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: -20px;
	z-index: -1;
	background: rgba(0,0,0,0.2);
	pointer-events: none;
	display: none;
}

.h-menu li:hover .h-dropdown {
	display: block;
}

.h-menu li:hover .h-dropdown-overlay {
	display: block;
}

.title-logo a {color: #000406;}


/* SIDE MENU */
.side-menu {
    width: 100%;
    overflow-x: hidden;
    position: fixed;
    top: -500px;
    bottom: 0;
    height: 500px;
    z-index: 1000;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75);
    transition: top 0.2s;
    background: var(--wcms-background-primary);
}
.side-menu-container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.side-menu.opened {
    margin-top: 0;
    left: 0; 
    right: 0;
    top: 0;
    border-radius: 0;
	height: 759px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; 
}

.side-menu.opened img {
margin-right: 8px;
}

.side-menu-overlay {
	position: relative;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 999;
    background: black;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.side-menu-overlay.non-opaque {opacity: 0.7;}
.side-menu-overlay.deployed {visibility: visible;}
.side-menu-content {
    min-width: 250px;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 8px;
    padding-top: 0;
}
.side-menu-upper {
	border-bottom: 1px solid #cecdcd;
	margin-bottom: 16px;
}
.side-menu-close {float: right; margin-right: 0;}
.side-menu-close-icon {cursor: pointer;}
.side-menu-close-icon svg {color: #018DFC;}
.side-menu-upper-icon {width: 20px !important; height: 24px !important; margin-top: 20px;}
.side-menu-upper-icon.fa-glasses {width: 24px !important;}
.side-menu-email {margin-left: 25px;}
.side-menu-phone {margin-left: 15px;}
.side-menu-glasses {margin-left: 25px;}
.side-menu-data {
    margin: 0;
    padding: 0; 
    list-style: none;
    top: 64px;
    bottom: 0;
    width: 100%;
	margin-bottom: 70px;
}
.side-menu-data li {
    padding-left: 0;
    padding-bottom: 17px;
}
.side-menu-data li a {
	font-weight: 370;
	font-size: 18px;
	line-height: 122%;
	color: #080707;
}
.side-menu.opened .mg-top-10{margin-top: 0;}
.side-menu.opened .mn-line-1{transform: rotate(45deg);margin-bottom: -6px;}
.side-menu.opened .mn-line-2{transform: rotate(-45deg);}
.side-menu.opened .title-logo{display: flex; align-items: center; justify-content: space-between;}
.side-menu.opened .submit{display: block; padding: 0; margin-top: 24px; margin-bottom: 24px;}
.side-menu.opened .submit .popup-deploy {
	display: block; 
	width: 100%; 
	background-color: #fff; 
	color: #080707; 
	border-radius: 30px;
	text-align: center ;
	padding-top: 9px; 
	padding-bottom: 9px;
	border: 1px solid #080707;
	transition: 0.3s ease all;
}
.side-menu.opened .submit .popup-deploy:hover {
	display: block; 
	width: 100%; 
	background-color: #080707; 
	color: #fff; 
	border-radius: 30px;
	text-align: center ;
	padding-top: 9px; 
	padding-bottom: 9px;
	border: 1px solid #080707;
}

.side-menu.opened .submit .popup-deploy::after {content: ""; background: none; text-align: center; height: 0;width: 0; }

.side-menu-data .header-mobile-menu-contacts {line-height: 45px; margin-top: 15px;}
.side-menu-data .header-mobile-menu-contacts a {line-height: 45px; font-weight: 500;}
.side-menu-right-icon-wrap {float: right; height: 40px; width: 40px; margin-top: -9px; margin-right: -9px; border-radius: 4px; text-align: center; opacity: 0.3; background: var(--wcms-background-secondary)}
.side-menu-right-icon-wrap .icon {filter: brightness(0) invert(1);}
.side-menu-right-icon {width: 15px; height: 15px; display: inline-block; margin-top: 22px; float: right; color: var(--wcms-color-secondary);}
.side-menu-catalog-li .side-menu-right-icon {margin-top: 0;}
.side-menu-catalog-li a {display: block; white-space: nowrap; line-height: 60px; padding: 0 15px; text-decoration: none; color: var(--wcms-color-primary);}
.side-menu-right-icon-wrap .side-menu-right-icon {float: none; margin-top: 12px; margin-left: 1px;}
.side-menu-left-icon {width: 14px; height: 14px; display: inline-block; margin-top: 5px; float: left; margin-right: 15px;}
.side-menu-category-icon {width: 18px; height: 18px; float: left;}
.side-menu-data li.side-menu-catalog-li a {white-space: initial; line-height: normal; padding-top: 0; padding-bottom: 0;}
.side-menu-data li.side-menu-special {border-bottom: none; padding: 15px;}
.side-menu-data li.side-menu-special.side-menu-special-sc {padding: 30px 0 0;}
.side-menu-data li.side-menu-special svg {width: 25px; height: 25px; margin-bottom: 10px;}
.side-menu-data li a.side-menu-contact {line-height: initial; text-align: center; padding: 15px; display: block;}
.side-menu-contact i {width: 24px; height: 24px; margin-bottom: 10px;}
.side-menu-sc {display: flex; justify-content: space-around;}
.side-menu-data li .h-soc-links a{width: 40px;height: 40px;border: 1px solid;text-align: center;border-radius: 50%;padding: 0;display: flex;align-items: center;justify-content: center;}
.h-soc-links img{filter: invert(1);}
.side-menu.opened .h-mid-l img {
	width: 105px;
	margin-left: 16px;
}
.header-contacts-side {
	max-height: 314px;
	background-color: #080707;
	color: #fff;
	border-radius: 16px;
	padding: 20px;
}
.opened .menu-contacts-item,
.opened .menu-adress-item {
	padding-bottom: 14px;
	white-space: nowrap;
}
.header-contacts-side a {
	color: #fff;
}
.opened .messengers{
	gap: 0;
}
.opened .policy {
    display: flex;
    flex-direction: column;
    gap: 8px;
	font-weight: 400;
	font-size: 14px;
	line-height: 143%;
	letter-spacing: -0.02em;
}
.opened .author {
    padding-top: 8px;
	font-weight: 400;
	font-size: 14px;
	line-height: 143%;
	letter-spacing: -0.02em;
}
.opened .f-sub {
	display: flex;
    justify-content: space-between;
    padding-top: 16px;
    padding-left: 0;
    padding-right: 0;
    flex-direction: column;
}
.opened .inl {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.contacts-items {
	font-size: 16px;
	line-height: 125%;
	color: white;
}
.contacts-items a {
	color: white;
}

/* CONTENT */


#wcms_block_3 .container-fluid {
    background-image: url(img/intro-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 104px;
    padding-bottom: 424px;
    border-radius: 32px;
    background-size: 100%;
}
/*.gradient::after {*/
/*    content: "";*/
/*    margin-left: 8px;*/
/*    background-image: url(img/checks.svg);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    display: inline-block;*/
/*    width: 50px;*/
/*    height: 30px;*/
/*}*/

.amgHeader {
	height: 800px;
	display: flex;
}
/* FOOTER */
.footer {margin-bottom: 64px;}
.footer .container-fluid {
    border-top: 1px solid #00000033;
    padding-top: 64px;
}
.footer .title-logo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	position: relative;
	left: 17px;
    top: 2px;
}
/*.footer img{height: 32px; visibility: hidden;}*/
.f-cnt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.f-logo {filter: brightness(0) invert(1);}
.f-wt {margin-top: 20px;}
.f-i {padding-right: 33px; width: fit-content;}
.f-i li:first-child {
	color: #060D14;
}
.f-i li {
	color: #828689;
}
.f-i:last-child {padding-right: 0;}
.f-i a {color: var(--wcms-background-primary);}
.f-i a:hover {text-decoration: underline;}
.f-i-cpt {
	font-size: 16px;
	line-height: 125%;
	letter-spacing: -0.02em;
	color: #fff;
}
.f-i ul {padding: 0; margin: 0; list-style: none;}
.f-i ul li {
    margin-bottom: 8px;
}
.f-s {height: 1px; opacity: 0.05; margin-bottom: 50px; background: var(--wcms-background-primary);}
.f-low {padding-bottom: 50px; background: white;}
.f-contacts {width: 350px;}
.f-contacts-phone {font-size: 2em;}
.f-soc-disclaimer {font-size: 1.2em; margin-bottom: 10px; color: var(--wcms-background-primary);}
.f-soc {margin-top: 18px;}
.f-soc a {width: 48px; height: 48px; margin-right: 33px; border: 1px solid; text-align: center; border-radius: 24px; padding-top: 14px;}
.f-soc a:last-child {margin-right: 0px;}
.f-soc-qrs {margin-top: 15px; margin-left: -4px;}
.f-soc-qrs img {margin-right: 20px;}
.f-soc-qrs img:last-child {margin-right: 0px;}
.f-addr {max-width: 240px; margin-top: 20px; font-size: 0.9em; color: var(--wcms-background-primary);}
.f-addr svg {width: 18px; height: 18px; float: left;}
.f-addr-v {margin-left: 25px;}
.f-prt {width: calc(100% - 350px);}
.f-prt-i {width: 50%; padding: 10px; text-align: center; font-size: 0.9em; margin-bottom: 20px;}
.f-prt-i a {color: var(--wcms-background-primary);}
.f-prt-i img {margin-bottom: 15px;}
.f-e {text-align: center; font-size: 0.7em; padding-bottom: 50px; background: var(--wcms-background-contrast); color: var(--wcms-background-primary);}
.f-e-i {margin-bottom: 10px;}
.f-e-ft p {margin-bottom: 3px;}
.f-i li a{color: #808183; font-weight: 400; font-size: 18px;}
.footer__cnt{
	position: relative;
	background-color: #000;
	border-radius: 27px;
	padding: 35px 24px;
	padding-bottom: 24px;
}
.go-to-top {
    background-image: url(img/arrow-up.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 32px;
    cursor: pointer;
    position: absolute;
    box-shadow: none;
    opacity: 1;
	right: 21px;
	top: 21px;
}
.policy {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.policy a {
	color: #838383;
	font-weight: 400;
	font-size: 16px;
}

.policy a:hover {
	text-decoration: underline;
	text-decoration-color: #80808B;
}	
.f-list {
    display: flex;
    gap: 0px;
    padding-right: 0%;
    text-align: left;
    width: 100%;
    justify-content: flex-start;
    margin-left: 66px;
    white-space: nowrap;
}
.container-fluid.f-sub {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    flex-direction: row-reverse;
}
.author {
    gap: 13px;
    display: flex;
	font-size: 16px;
    line-height: 125%;
    letter-spacing: -0.02em;
    color: #838383;
}
.author span {
	font-weight: 500;
}

.f-cookie {
	background-color: #FFFFFF;
    max-width: 400px;
	height: auto;
    position: fixed;
    right: 0;
    bottom: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 120%;
	z-index: 100;
	padding: 24px;
	box-shadow: 0 2px 6px 0 rgba(6, 13, 20, 0.05);
	border-radius: 24px;
}
.f-cookie-cnt-d{
	font-size: 14px;
	line-height: 129%;
	letter-spacing: -0.02em;
	color: #828689;
}
.f-cookie-cnt-d a{
	color: #080707;
}
.f-cookie-cnt-d span{
	font-size: 20px;
	line-height: 120%;
	letter-spacing: -0.04em;
	color: #060d14;
	margin-bottom: 6px;
	display: block;
}

.f-cookie .container-fluid {padding: 0; border: none;}

.f-cookie-cnt-accept {
    /*display: block;*/
    /*border-radius: 16px;*/
    /*padding-top: 11px;*/
    /*padding-bottom: 11px;*/
    /*width: 100%;*/
    /*margin-top: 20px;*/
    /*background: linear-gradient(180deg, #008EFE 0%, #007AEA 100%);*/
    /*box-shadow: 0px 4px 8px 0px #0000000A;*/
	/*color: #fff;*/
	/*text-align: center;*/
	box-shadow: inset 0 -2px 6px 0 rgba(6, 13, 20, 0.04), inset 0 2px 6px 0 rgba(255, 255, 255, 0.04), 0 2px 6px 0 rgba(6, 13, 20, 0.04);
	background: white;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: center;
	color: #080707;
	width: 100%;
	display: block;
	padding: 12px;
	border-radius: 12px;
	margin-top: 16px;
	border: 1px solid #080707;
	transition: 0.3s ease all;
	border-radius: 20px;
}

.f-cookie-cnt-accept:hover {
	background: #080707;
	color: #fff;
	text-decoration: none;
}

/* LAYOUT */
.sidebar {float: left; width: 250px; padding-bottom: 100px;}
.sidebar-block {border: 1px solid #e3e3e3; border-radius: 3px; overflow: hidden; background: var(--wcms-background-primary);}
.page-content.padded {margin-left: 280px;}
.caption-container {margin-bottom: 30px;}
.page-content.padded .wcms-block-content .container-fluid {padding: 0;}
.container-fluid.not-padded {padding-left: 0; padding-right: 0;}
.custom-scroll,.h-mid-s-frm .atcpls {scrollbar-width: thin; scrollbar-color: var(--wcms-color-primary) var(--wcms-color-secondary);}
.custom-scroll::-webkit-scrollbar,.h-mid-s-frm .atcpls::-webkit-scrollbar {width: 5px; height: 5px; background: var(--wcms-background-primary); }
.custom-scroll::-webkit-scrollbar-thumb,.h-mid-s-frm .atcpls::-webkit-scrollbar-thumb {background: var(--wcms-background-secondary);}
.sys-message {margin: 60px 0; margin-top: 0; text-align: center;}
.sys-message-icon {width: 128px; height: 128px; margin: 0 auto;}
.sys-message-icon svg {width: 128px !important; height: 128px !important; color: var(--wcms-color-warning);}
.sys-message-text {margin-top: 40px; font-weight: bold;}
.sys-thumb {width: calc(33% - 7px); padding: 0; white-space: initial; height: 370px;}
.sys-thumbs-33 .sys-thumb {width: 50%;}
.sys-thumbs-25 {width: 25%;}
.sys-thumb-i {overflow: hidden; background: transparent;}
.sys-thumb-i-img {
    width: 100%;
    max-height: 216px;
    min-height: 190px;
    border-radius: 8px;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.sys-thumb-i-name {line-height: 117%; font-size: 24px; overflow: hidden; font-weight: 400; margin-top: 8px; box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; letter-spacing: -0.02em;}
.sys-thumb-i-name a {color: var(--wcms-color-primary);}
.sys-thumb-i-summary {
    margin-top: 8px;
    font-size: 18px;
	line-height: 122%;
    height: 100%;
	color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
	font-weight: 370;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #80808B;
}
.sys-thumb-i-dt {margin-top: 16px; font-size: 14px; font-weight: 370; font-size: 16px; line-height: 125%; color: rgba(0, 0, 0, 0.5);}
.sys-thumb-i-count {padding-left: 10px; float: right;}
.sys-thumb-i-timing {margin: 0 15px; font-size: 0.9em; line-height: 1.5em; height: 3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.sys-thumb-i-more {padding: 15px; font-weight: bold;}
.sys-thumb-i-btn .button {border-radius: 0;}
.sys-thumb-cpt { font-weight: 600; color: var(--wcms-color-bright); padding: 2px 10px; background: var(--wcms-background-ultralight); border-radius: 4px; width: fit-content; font-size: 0.9rem; position: absolute; left: 15px; top: 15px;}

/* BREADCRUMBS */
.breadcrumbs {margin-bottom: 10px; font-size: 0.9em; margin-top: 5%;}
.breadcrumbs a {margin: 0 10px;}
.breadcrumbs a:hover {text-decoration: underline;}
.breadcrumbs span:first-child a {margin-left: 0;}
.breadcrumbs-last {padding-left: 10px; color: #080707;}

/* PAGE */
.mcpt {height: 60px; box-shadow: 0 3px 6px rgba(0,0,0,.07); position: fixed; right: 0; left: 0; top: 0; z-index: 3; display: none; background: var(--wcms-background-primary);}
.mcpt-close {width: 38px; height: 16px; float: right; margin-top: 21px;}
.mcpt-text {line-height: 60px; font-size: 18px; padding-left: 15px;}
.sbc-show, .ff-show {display: none; margin-bottom: 15px; text-align: center;}
.sbc-list {margin: 0; list-style: none; padding: 0 5px; border-radius: 5px; background: var(--wcms-background-primary);}
.sbc-list a {color: var(--wcms-color-primary);}
.sbc-list ul {padding-left: 12px; list-style: none;}
.sbc-list li a {transition: 0.2s color; padding: 15px 5px; padding-bottom: 0px; display: block;}
.sbc-list li.selected > a {font-weight: bold;}
.sbc-name {display: inline-block; vertical-align: middle;}
.sbc-count {text-align: right; display: inline-block; vertical-align: middle; width: 15%; font-size: 14px;}
.sbc-border {height: 1px; opacity: 0.1; margin-top: 14px; background: var(--wcms-color-primary);}
.sbc-list > li:last-child > a .sbc-border {opacity: 0;}
.page-subpages {margin: 0; margin-top: 100px;}
.container-fluid .page-subpages {margin: 0 -15px; margin-top: 73px;}
.page-subpages-w{margin: 0 -15px;}

/* POST */
.p-credentials {margin-top: 15px; font-size: 0.9em; color: var(--wcms-color-light);}
.p-credentials-count {padding-left: 10px;}

/* EVENTS */
.c-nav-form-wrap {padding: 10px; padding-top: 0;}
.c-nav-form-cpt {font-weight: bold; margin-bottom: 10px; font-size: 1.2em;}
.c-nav-form-f {margin-bottom: 15px;}
.c-nav-form-f:last-child {margin-bottom: 0px;}
.c-nav-form-reset {text-align: center; margin-top: 10px; font-size: 0.9em;}
.c-ln {margin: 0 -15px;}
.c-ln-i {margin-bottom: 15px;}
.c-ln-i:last-child {margin-bottom: 0;}
.c-ln-i.single-event {width: 25%;}
.c-ln-i.dual-event {width: 66.7%;}
.c-ln-i.single-event .sys-thumb {width: 100%;}
.c-ln-i.dual-event .sys-thumb {width: 50%;}
.c-ln-date {font-size: 1.4em; font-weight: bold; padding: 0 15px;}

/* EVENT */
.e-sb-img {width: 100%; max-width: 100%; height: auto;}
.e-sb-i {padding: 10px;}
.e-sb-i-cpt {font-weight: bold; margin-bottom: 10px; font-size: 1.1em;}
.e-sb-i-cnt {font-size: 0.9em;}
.e-sb-btn {margin-top: 10px;}
.e-sb-btn .button {border-radius: 0;}

/* SLICK */
.slick-core-arrow {top: -60px; left: 16px; position: absolute; z-index: 9; width: 44px; height: 44px; border-radius: 22px; transition: 0.2s background; background: var(--wcms-color-links); color: var(--wcms-background-primary);}
.slick-core-arrow.slick-next {left: 77px;}
.slick-core-arrow svg {width: 14px !important; height: 14px !important; margin-top: 15px; margin-left: 14px;}
.slick-core-arrow.slick-next svg {margin-left: 15px;}
.slick-core-arrow:hover {background: var(--wcms-color-links-hover);}

/* SEARCH */
.s-form {display: block; position: relative; white-space: nowrap; margin-bottom: 20px;}
.s-form input[type="text"] {border-radius: 3px; width: 100%; height: 40px; padding: 0 7px; letter-spacing: .3px; outline: 0; font-weight: normal; padding-right: 80px; border: 1px solid; color: var(--wcms-color-primary); background: var(--wcms-background-primary); border-color: var(--wcms-color-light);}
.s-form input[type="submit"], .s-form button[type="submit"] {margin-top: 9px; height: 18px; width: 18px; background: none; border: none; display: inline-block; vertical-align: top; position: relative; right: 32px; outline: none; cursor: pointer; color: var(--wcms-color-primary);}
.s-types {margin-bottom: 10px;}
.s-types ul {padding: 0; margin: 0; list-style: none;}
.s-types ul li {display: inline-block; vertical-align: top; margin-bottom: 10px; margin-right: 15px;}
.s-types ul li:last-child {margin-right: 0;}
.s-res {padding: 15px; border-radius: 7px; overflow: hidden; margin-bottom: 15px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); background: var(--wcms-background-primary);}
.s-res:last-child {margin-bottom: 0;}
.s-res-cpt {font-weight: bold; font-size: 1.1em; margin-bottom: 15px;}
.s-res-cpt a {color: var(--wcms-color-primary);}
.s-res-dt {margin-top: 15px; font-size: 0.9em;}
.s-res-more {margin-top: 15px; font-weight: bold;}
.s-res-pg-wrap {margin-top: 20px;}

/* PAGINATION */
.pagination {margin: 0; padding: 0; list-style: none; display: flex; width: 100%; justify-content: center; gap: 0;}
.pagination li {display: inline-block; margin-right: 0; width: 32px; height: 32px; text-align: center;}
.pagination li:last-child {margin-right: 0px;}
.pagination li a {font-size: 16px; line-height: 32px; color: #838383;}
.pagination li.selected {background: #F3F3F3; border-radius: 24px;}
.pagination li.selected a {color: #080707;}
.pagination li a.inline-link {
    color: #080707;
}

/* FORMS */
.wa-form select {padding: 5px;}
.wa-form input[type="text"], .wa-form textarea, .wa-form select {width: 100%;
    border-radius: 16px;
    border: 1px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(0, 4, 6, 0.02) 100%);
    background: #F7F7F7;
    height: 48px;
    resize: none;
    font-weight: 400;
    padding: 14px 12px;
    margin-bottom: 16px;
}

.wcms-block-form input[type="text"] {
    max-width: 390px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid white;
    border-radius: 0;
    padding: 13px 12px;
    padding-bottom: 11px;
}

.wa-form input[type="text"]:focus{
	color: #fff;
}

.wa-form input[type="text"]:focus::placeholder {
	color: #fff;
}

.wa-form .wcms-field-error input[type="text"]{
	border-bottom: 1px solid #D91528;
}

.wa-form .wa-field .wa-name {font-weight: bold; margin-bottom: 5px; 
	display: none;}
.wa-form .wa-field .wa-value .hint {margin-left: 5px; font-size: 0.9em; display: none;}
#wcms_block_11 .wa-form .wa-field .wa-value .hint {
    margin-left: 5px;
    font-size: 0.9em;
    margin-top: -22px;
    margin-bottom: 16px;
	display: none;
}
.wa-form .form-message {margin-bottom: 10px;}
.wa-form .wa-field-checkbox input[type="checkbox"] {width: 0; height: 0; opacity: 0;}
.wa-form .wa-field-checkbox label {display: none;}
.wa-form .wa-field-checkbox .checkbox-icon {width: 14px; height: 16px; margin: 0 auto; display: none; color: var(--wcms-color-links);}
.wa-form .wa-field-checkbox input + span.checkbox-icon-wrap {position: relative; overflow: hidden; top: 2px; display: inline-block; vertical-align: top; width: 18px; height: 18px; border-radius: 2px; cursor: pointer; box-sizing: border-box; border: 1px solid; margin-right: 5px; border-color: var(--wcms-color-light);}
.wa-form .wa-field-checkbox input:checked + span.checkbox-icon-wrap .checkbox-icon {display: block;}
.wa-form .wcms-field-error input[type="text"], .wa-form .wcms-field-error textarea, .wa-form .wcms-field-error select {border-color: var(--wcms-color-warning);}
.wa-form .wcms-field-error .hint {color: var(--wcms-color-warning);}

.wcms-recaptcha {height: 78px;}

.wa-hd-frontend-form input[type="text"] {width: 100%;}
.wa-hd-frontend-form textarea {width: 100%;}
.wa-hd-frontend-form .h-agreement-checkbox-wrapper input[type="checkbox"] {display: inline-block; margin-right: 5px; position: relative; top: 1px;}
.wa-hd-frontend-form input[type="submit"] {border-radius: 5px;}
body:not(.slbv) .wa-hd-frontend-form .errormsg {color: red;}

.sys-popup #wcms_form_2.wa-form {
    width: 100%;
    padding: 32px;
}
/* TAGS */
.tag label div {background: var(--wcms-color-light); color: var(--wcms-color-secondary); padding: 0px 10px; padding-right: 9px; border-radius: 3px; margin-right: 10px; margin-bottom: 10px; line-height: 30px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; cursor: pointer;}
.tag label div span {display: inline-block; width: 10px; height: 10px; border-radius: 5px; margin-top: 10px; margin-left: 15px; background: var(--wcms-background-ultralight);}
.tag input[type="checkbox"] {opacity: 0; display: block; width: 0; height: 0; font-size: 0;}
.tag input[type="checkbox"]:checked + div {background: var(--wcms-background-secondary);}

/* POPUP */
.pp {background: var(--wcms-background-primary);}
.pp {width: 730px; border-radius: 3px;}
.pp-cpt {padding: 10px 15px; border-bottom: 1px solid lightgray; margin-bottom: 15px; font-size: 17px; font-weight: bold;}
.pp-cnt {padding: 0px 15px;}
.pp-close {float: right; position: absolute; top: 14px; right: 14px; cursor: pointer;}
.pp-close i {width: 18px; height: 18px;}
.pp-cpt h2 {font-size: 1.2em; margin-bottom: 0px; margin-right: 60px;}

/* SLBV */
body.slbv-fontsize-125 {font-size: 1.25em;}
body.slbv-fontsize-150 {font-size: 1.5em;}
body.slbv-background-white .h-mid-l img, body.slbv-background-white .icon {filter: brightness(0);}
body.slbv-background-blue .h-mid-l img, body.slbv-background-blue .icon {filter: brightness(0);}
body.slbv-background-black .h-mid-l img, body.slbv-background-black .icon {filter: brightness(0) invert(1);}
body.slbv-background-white .f-soc-links img, body.slbv-background-blue .f-soc-links img {filter: brightness(0);}
body.slbv-background-white .up i, body.slbv-background-white .c-fx i {filter: brightness(0) invert(1);}
body.slbv-background-white .side-menu-right-icon {filter: brightness(0) invert(1);}
body.slbv-background-blue .side-menu-right-icon {filter: brightness(0) invert(1);}
body.slbv-background-black .side-menu-right-icon {filter: brightness(0);}
body.slbv-background-black .h-soc-links img {filter: invert(0);}
body.slbv-background-white .slick-arrow i {filter: brightness(0) invert(1);}
body.slbv-background-blue .slick-arrow i {filter: brightness(0) invert(1);}
body.slbv-background-black .slick-arrow i {filter: brightness(0);}
body.slbv .f-i a, body.slbv .f-soc-disclaimer, body.slbv .f-addr, body.slbv .f-prt-i a, body.slbv .f-e {color: var(--wcms-color-primary);}
body.slbv .button.disabled {opacity: 0.1;}

.h-slbv {padding: 20px 0; font-size: initial;}
.h-slbv-off {float: right;}
.h-slbv-colors {line-height: 50px; margin-right: 20px;}
.h-slbv-colors span, .h-slbv-sizes span {padding-right: 20px; display: inline-block; width: 100px;}
.h-slbv-colors a, .h-slbv-sizes a, .h-slbv-off a {font-size: 16px; width: 50px; text-align: center; border: 1px solid black; margin-right: 20px;}
.h-slbv-sizes, .h-slbv-off {line-height: 50px;}
body.slbv-background-black .h-slbv-colors a, body.slbv-background-black .h-slbv-sizes a, body.slbv-background-black .h-slbv-off a {border: 1px solid white;}





/* NEW HEADER */
.head__wrap{
	font-family: "Inter";
	padding: 0 15px;
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	z-index: 20;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0) 100%);
	
}
.head__wrap.fixed{
	background: #fff;
	color: #000;
	transition: all 0.3s ease;
}

.head__wrap .head__logo::after {display: none; transition: 0.3s ease;}
.head__wrap.fixed img {display: none;}
.head__wrap.fixed .head__logo::after,
.head__wrap.fixed img .head__img::after {
    display: inline-block;
    content: "";
    background-image: url(img/logo-fixed.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 105px;
    height: 24px;
	transition: 0.3s ease;
}

.head{
	max-width: 1200px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	grid-gap: 6px;
	position: relative;
	font-size: 16px;
	color: #fff;
	padding-top: 12px;
	padding-bottom: 12px;
}
.head__wrap.fixed .head{
	color: #000;
}
.header-upper {
    display: flex;
    width: 100%;
    justify-content: space-between;
	padding-bottom: 3px;
	align-items: center;
}
.header-contacts,
.header-adress-reg {
	display: flex;
	gap: 27px;
	letter-spacing: normal;
}
.header-adress-reg {
	gap: 36px;
}
.head__logo {
	position: relative;
    right: 0;
    top: -2px;
}
.menu-contacts-item::before,
.header-contacts-item::before{
	content: url(img/contact-phone.svg);
	margin-right: 11px;
	position: relative;
    top: 2px;
}

.header-contacts-item a{
	color: #fff;
}

.header-contacts-item a:hover {
	text-decoration: underline;
	color: #fff;
}

.head__wrap.fixed .header-contacts-item::before{
	content: url(img/contact-phone-fixed.svg);
}
.menu-adress-item::before,
.header-adress-item::before{
	content: url(img/contact-adress.svg);
    margin-right: 13px;
    position: relative;
    top: 2px;
}
.head__wrap.fixed .header-adress-item::before{
	content: url(img/contact-adress-fixed.svg);
}
.header-reg-item::before{
	content: url(img/contact-reg.svg);
	margin-right: 8px;
	position: relative;
    top: 2px;
}
.side-reg-item {
	background: transparent;
    width: 100%;
    border: 1px solid #080707;
    padding: 9px;
    border-radius: 20px;
    transition: 0.3s all ease;
}
.side-reg-item:hover {
	background: #080707;
    transition: 0.3s all ease;
	color: #fff;
}
.opened .inl.submit:hover .side-reg-item::before {
	margin-right: 4px;
	content: url(img/contact-reg.svg);
}
.side-reg-item::before,
.head__wrap.fixed .header-reg-item::before{
	content: url(img/contact-reg-fixed.svg);
}
.side-reg-item::before {
	content: url(img/contact-reg-fixed.svg);
	margin-right: 4px;
}
.submit a:hover {
	text-decoration: none;
}
.head__img{
	display: block;
}
.head__img_black{
	display: none;
}
.head__menu{
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding-top: 12px;
	border-top: 1px solid #CECDCD;
}
.head__a{
	line-height: 129%;
	letter-spacing: -0.02em;
	color: #fff;
}
.head__a:hover{
	text-decoration: underline;
}
.head__btn{
	position: relative;
	min-width: 80px;
	margin-left: auto;
	padding: 5px 8px 5px 12px;
	box-shadow: 0 2px 6px 0 rgba(6, 13, 20, 0.04), inset 0 -2px 6px 0 rgba(6, 13, 20, 0.04), inset 0 2px 6px 0 rgba(255, 255, 255, 0.04);
	background: #fff;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: center;
	color: #4c8acc;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: default;
}
.head__btn:after{
	content: url(img/submit-arrow.svg);
	position: relative;
	top: -1px;
	margin-left: 8px;
}
.head__btn_wrap{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 30px;
	transition: all 0.3s;
}
.head__btn_menu{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	border-radius: 8px;
	box-shadow: inset 0 -2px 6px 0 rgba(6, 13, 20, 0.04), inset 0 2px 6px 0 rgba(255, 255, 255, 0.04), 0 2px 6px 0 rgba(6, 13, 20, 0.04);
	background: rgb(111 161 214);
}
.head__btn_menu a{
	display: block;
	width: 100%;
	padding: 5px 12px;
	white-space: nowrap;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: #fff;
	text-align: left;
}
.head a:hover{
	color: unset;
}
.head__btn:hover .head__btn_wrap{
	display: block;
}

.header-reg-item a {
    color: #fff;
}


.head__wrap.fixed a{
	color: #000;
}

.head__wrap.fixed .head__btn {
	box-shadow: inset 0 -2px 6px 0 rgba(6, 13, 20, 0.04), inset 0 2px 6px 0 rgba(255, 255, 255, 0.04), 0 2px 6px 0 rgba(6, 13, 20, 0.04);
	background: #4c8acc;
	color: #fff;
}

.head__wrap.fixed .head .head__img:not(.head__img_black){display: none}
.head__wrap.fixed .head .head__img.head__img_black{display: block}


.head__mobile{
	display: none;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	box-shadow: 0 2px 6px 0 rgba(6, 13, 20, 0.04), inset 0 -2px 6px 0 rgba(6, 13, 20, 0.04), inset 0 2px 6px 0 rgba(255, 255, 255, 0.04);
	background: #fff;
	border-radius: 8px;
}
.header__b{width:12px;height:10px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .3s}
.header__b-l{width:100%;height:2px;border-radius:5px;background-color:#4c8acc}
.head__a_btn{display: none}


.head.active .header__b{position:absolute;top:15px;right:10px;transition:all .3s}
.head.active .header__b .header__b-l:nth-child(1){transform:rotate(45deg);position:absolute;transition:all .3s}
.head.active .header__b .header__b-l:nth-child(2){display:none;transition:all .3s}
.head.active .header__b .header__b-l:nth-child(3){transform:rotate(-45deg);position:absolute;transition:all .3s}

.side-menu, .side-menu-overlay {display: none;}



@media (max-width: 992px){
	.head__mobile{
		display: flex;
	}
	.head__menu{
		display: none;
	}
	.head.active{
		background: white;
		border-radius: 12px 12px 0 0;
	}
	.head.active .head__menu{
		display: flex;
		position: absolute;
		top: 32px;
		background: white;
		width: 100%;
		left: 0;
		flex-direction: column;
		padding: 12px 4px 4px;
		border-radius: 0 0 12px 12px;
	}
	.head.active .head__a{
		color: #4c8acc;
	}
	.head.active .head__btn, .head.active .head__mobile{
		box-shadow: inset 0 -2px 6px 0 rgba(6, 13, 20, 0.04), inset 0 2px 6px 0 rgba(255, 255, 255, 0.04), 0 2px 6px 0 rgba(6, 13, 20, 0.04);
		background: #4c8acc;
		color: white;
	}
	.head.active .header__b-l{
		background: white;
	}
	.head.active .head__img:not(.head__img_black){display: none}
	.head.active .head__img.head__img_black{display: block}

	.head.active .head__menu .head__a_btn{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 12px;
		box-shadow: inset 0 -2px 6px 0 rgba(6, 13, 20, 0.04), inset 0 2px 6px 0 rgba(255, 255, 255, 0.04), 0 2px 6px 0 rgba(6, 13, 20, 0.04);
		background: #4c8acc;
		border-radius: 12px;
		font-size: 16px;
		line-height: 100%;
		letter-spacing: -0.02em;
		text-align: center;
		color: #fff;
	}
	.head__btn{
		min-width: auto;
		padding: 5px 8px;
	}
	.head__btn:after{
		display: none;
	}
	.head__btn_menu{
		display: none;
	}
}






@media (max-width: 1250px) {
	.sys-thumb {width: calc(33% - 16px);}
	.sys-thumbs-33 .sys-thumb {width: 50%;}
	.c-ln-i.single-event {width: 50%;}
	.c-ln-i.dual-event {width: 100%;}
	.page-s {width: 33.3%;}
	#wcms_block_13 .iphone {right: 0;}
	.f-list {margin-left: 0;}
	.footer .title-logo {
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 16px;
    }
	.f-cnt {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: column;
	}
}
@media (max-width: 1040px) {

}
@media (max-width: 1200px) {
	.head__wrap {
		background: #fff;
	}
	.header-adress-reg,
    .header-contacts-item{
        display: none;
    }
	.header-upper {
    	display: flex;
        flex-direction: row;
        justify-content: center;
	}	
	.head__wrap .head .head__img:not(.head__img_black) {
		display: none;
	}
	.head__wrap .head__logo::after {
		display: inline-block;
		content: "";
		margin-left: 10px;
		background-image: url(img/logo-fixed.svg);
		background-repeat: no-repeat;
		background-position: center;
		width: 105px;
		height: 24px;
		transition: 0.3s ease;
	}
	.head__logo {
		position: relative;
		right: 0;
		top: 0;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
        margin-right: auto;
	}
	.h-mid-menu-toggler {
		display: flex; 
		flex-direction: row-reverse; 
		width: fit-content; 
		justify-content: space-between;
	}
	.head__menu {
		display: none;
	}
	.head {
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.side-menu, .side-menu-overlay {display: block;}
}
@media (max-width: 1050px) {
	.f-list {
		flex-wrap: wrap;
	}
	.f-i {
		padding-right: 24px;
		width: fit-content;
	}
}
@media (max-width: 992px) {
	.h-mid {
        position: fixed;
        z-index: 10;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07);
        left: 0;
        right: 0;
        top: 0;
        margin-bottom: 0;
        background-color: white;
        margin: 16px 0;
        padding: 0px;
        border-radius: 20px;
        height: auto;
        margin-left: 16px;
        margin-right: 16px;
    }
	body.slbv .h-mid {position: relative;}
	/*.h-s {margin-top: 83px;}*/
	body.slbv .h-s {margin-top: 0;}
	.h-mid-line {display: none;}
	.h-data {display: none;}
	.h-mid-ctrl-icon {display: none;}
	.h-mid-mob-s-frm.visible {height: 83px;}
	.f-cnt {padding-bottom: 30px;}
	.f-i {
        width: 100%;
        text-align: left;
        padding-right: 0;
		margin-bottom: 16px;
    }
	.sidebar {float: none; width: 100%; padding-bottom: 0; display: none;}
	.page-content.padded {margin-left: 0;}
	.ff.mobile-visible, .sbc.mobile-visible {display: block; margin-top: 0; position: fixed; margin-bottom: 0 !important;}
	.ff, .sbc {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: white; z-index: 10; margin-top: 0; padding: 15px; padding-top: 85px; overflow-y: auto; display: none;}
	.sbc {padding-top: 65px;}
	.sbc-list {padding: 0; max-height: initial; overflow: auto;}
	.mcpt, .sbc-show, .ff-show {display: block;}
	.sbc.mobile-visible .c-nav-form-wrap {padding: 0; padding-top: 10px;}
	/*.content {padding-top: 15px;}*/
	.e-sb {margin-bottom: 20px;}
	.h-menu {display: none;}
	.header.fixed .popup-deploy, .header .popup-deploy {display: none;}
	.header .submit{display: none;}
	.header .container-fluid{height: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between;padding: 0px 8px;}
	.header.fixed {position: relative;}
	.h-mid-l a {display: block;}
	.f-list {
		gap: 0;
		padding-right: 5%;
	}
	.mg-top-10{ margin-top: 0;}
	.author {
		padding-top: 8px;
	}
	.container-fluid.f-sub {margin-left: -15px;}
	.policy {text-align: left; flex-direction: column;}
	.f-cnt {
        padding-bottom: 30px;
        display: flex;
        flex-direction: column;
        position: relative;
    }
	.footer .f-cnt {
        padding-bottom: 32px;
        display: flex;
        flex-direction: column;
        position: relative;
    }
	.f-sub{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.footer .f-list {margin-left: 0; margin-top: 32px;}
	.footer  .f-text {
		padding-top: 0;
		display: flex;
		justify-content: space-between;
	}
}
@media (max-width: 720px) {
	.h-mid {overflow: hidden;}
	.h-mid-ctrls {display: none;}
	.f-list {
        gap: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        text-align: left;
        padding-left: 5px;
		margin: 0;
    }
	.f-cnt {
        padding-bottom: 30px;
		display: flex;
		flex-direction: column;
		position: relative;
    }
	.f-i:first-child  ul{
		margin-bottom: 17px;
	}
	.f-i {
        width: 100%;
        text-align: left;
        padding-right: 0;
    }
	
	.footer .title-logo {
		padding-bottom: 40px;
	}
	.footer__cnt {
		position: relative;
		background-color: #000;
		border-radius: 16px;
		padding: 20px;
		padding-bottom: 24px;
	}
}
@media (max-width: 768px) {
	
	.f-prt {width: 100%; margin-top: 50px;}
	.f-contacts {text-align: center; display: block; margin: 0 auto;}
	.f-addr {max-width: 100%;}
	.h-slbv-sizes {width: 100%; margin-top: 20px;}
	body::before {height: 586px;}
	
	/* FORMS */
	.wa-form input[type="submit"], .wa-form button[type="submit"] {width: 100%;}
	
	/* HYPERMODAL POPUPS */
	.sys-popup {display: none; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important;}
	.pp {border-radius: 0; position: absolute; top: 0; left: 0; bottom: 0; padding: 0px; width: 100%; overflow: auto;}
	.pp-cpt h2 {text-align: left; font-size: 1em;}
	.pp-cnt {padding: 15px;}
	#wcms_block_3 .container-fluid {width: 100%;}
	#wcms_block_3 .wcms-block-brelokintro-upper {
		width: 100%;
		font-size: 14px;
	}
	#wcms_block_3 h1 {
		background-size: 22px;
		font-size: 22px;
		line-height: 22px;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	#wcms_block_3 h1::after {
		content: url(img/up-arrow-ios-mob.png);
		vertical-align: middle;
	}
	#wcms_block_3 .wcms-block-brelokintro-disclaimer {
		margin-bottom: 24px;
		color: #80808B;
		font-size: 14px;
	}
	#wcms_block_13 .wcms-block-brelokpics-img {display: none;}
	#wcms_block_13 .iphone {
		position: relative;
		right: auto;
		bottom: auto;
		left: auto;
		margin: auto;
	}
	h2 {
		font-weight: 400;
		font-size: 24px;
		line-height: 117%;
		letter-spacing: -0.02em;
	}
	.contact-block {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.footer {
		margin-top: 50px;
	}
	.pb150 {
		padding-bottom: 0;
	}
	.sys-thumb-i-name {
		font-size: 20px;
	}
	.sys-thumb-i-summary {
		font-size: 16px;
	}
}
@media (max-width: 576px) {
	.h-mid {height: 60px;}
	/*.h-s {margin-top: 60px;}*/
	body.slbv .h-s {margin-top: 0;}
	.h-mid-mob-s-back {float: left; width: 20px; height: 20px; margin-top: 21px; margin-left: 15px;}
	.h-mid-mob-s-frm span {display: block; padding: 12px 15px; margin-left: 40px;}
	.h-mid-l img {margin-top: 0px; margin-right: 10px;}
	.h-mid-l img:last-child {margin-right: 0;}
	.side-menu.opened .h-mid-l img:last-child {margin-right: 0; margin-top: 14px;}
	.h-mid-menu-toggler-icon {margin-top: 3px;}
	.f-prt-i {width: 100%;}
	.h-slbv-off {float: none; width: 100%; margin-bottom: 20px;}
	.sys-thumb {width: 100%; height: 100%;}
	.sys-thumbs-33 .sys-thumb {width: 100%;}
	.c-ln-i.single-event {width: 100%;}
	.c-ln-i.dual-event .sys-thumb {width: 100%;}
	/*.sys-thumb-i-img {height: 300px;}*/
	.mg-top-10{ margin-top: 10px;}
	.f-cookie {
		bottom: 20px;
		font-size: 16px;
	}
	
	.f-cookie-cnt-accept {
		display: block;
		background-color: #000;
		box-shadow: 0px 4px 8px 0px #0000000A;
		border-radius: 16px;
		padding-top: 11px;
		padding-bottom: 11px;
		width: 100%;
		margin-top: 16px;
	}
	
	.f-cookie-cnt-accept {color: #fff;}
	.f-cookie-cnt-accept:hover {color: #fff;}
}
@media (max-width: 435px) {
	body::before {height: 627px;}
	#wcms_block_3 .wcms-block-brelokintro-upper {
		display: block;
	}
	.f-text {
		flex-direction: column;
	}
}

@media (max-width: 400px) {
	/*.sys-thumb-i-img {height: 250px;}*/
}