@charset "UTF-8";
@import url("https://fonts.cdnfonts.com/css/gilroy-bold?styles=20876,20877,20878,20879,20880");
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	font-size: 0.63vw;
}

body {
	font-family: 'Gilroy';
	font-size: var(--fz);
	background: #fff;
	line-height: 1.6;
	overflow-x: hidden;
	padding-left: calc(5rem + 1px);
}

body.admin-bar {
	--admin-bar: 32px;
}

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

h1,
h2,
h3,
h4 {
	line-height: 1.3;
	font-weight: 500;
	color: #000;
}

.title {
	font-size: 4rem;
}

.sub-title {
	font-size: 2.2rem;
	text-transform: uppercase;
}

ul,
p {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

input {
	outline: none;
	resize: none;
	border: none;
	cursor: pointer;
}

button {
	border: none;
	border-radius: 0;
	line-height: inherit;
	cursor: pointer;
}

.container {
	max-width: 90vw;
	margin: 0 auto;
	width: 100%;
}

@media (max-width: 1399px) and (min-width: 1025px) {
	html {
		font-size: 0.67vw;
	}
}

@media (max-width: 767.99px) {
	html {
		font-size: 2.1vw;
	}
	.container {
		max-width: 75vw;
	}
}

@media screen and (max-width: 782px) {
	body.admin-bar {
		--admin-bar: 46px;
	}
}

@media (min-width: 768px) and (max-width: 1025px) {
	html {
		font-size: 0.83vw;
	}
}

:root {
	--theme: #ff1515;
	--dark: #ee0000;
	--green: #2DAF53;
	--blue: #1760e7;
	--blue-focus: rgba(23, 96, 231, 0.3);
	--light: rgba(255, 21, 21, 0.1);
	--white: #fff;
	--green-light: #41ce6a;
	--disabled: rgba(0, 0, 0, 0.3);
	--bg-grey: #f6f6f9;
	--border-shadow: rgba(255, 21, 21, 0.3);
	--bg-active: rgba(166, 190, 246, 0.2);
	--text: rgba(25, 36, 61, 0.55);
	--text-dark: #19243d;
	--border: rgba(7, 18, 119, 0.06);
	--logo: 5rem;
	--admin-bar: 0px;
	--fz: 1.5rem;
	--smaller: 1.4rem;
	--small: 1.35rem;
	--v-small: 1.2rem;
	--large: calc(var(--fz) * 1.1);
	--v-large: calc(var(--fz) * 1.2);
	--h5: 2rem;
	--field: 5rem;
	--admin-bar: 0px;
	--checkbox: 1.8rem;
	--header-top: 3.6rem;
	--header-main: 7rem;
	--header: calc(3.6rem + 7rem);
	--padding: 2.4rem;
	--rad: 0.6rem;
}

@media (min-width: 768px) and (max-width: 1024.99px) {
	:root {
		--fz: 1.65rem;
	}
}

@media (max-width: 767.99px) {
	:root {
		--logo: 4rem;
	}
}

@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoon.eot?7xxdmv");
	src: url("../fonts/icomoon.eot?7xxdmv#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?7xxdmv") format("truetype"), url("../fonts/icomoon.woff?7xxdmv") format("woff"), url("../fonts/icomoon.svg?7xxdmv#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-left-menu:before {
	content: "\e900";
}

.icon-display:before {
	content: "\e901";
}

.icon-case:before {
	content: "\e902";
}

.icon-business:before {
	content: "\e903";
}

.icon-rocket:before {
	content: "\e904";
}

.icon-coin:before {
	content: "\e905";
}

.icon-reply-left:before {
	content: "\e906";
}

.icon-reply-right:before {
	content: "\e907";
}

.icon-seo:before {
	content: "\e908";
}

.icon-view-list:before {
	content: "\e909";
}

.icon-folder-open:before {
	content: "\e90a";
}

.icon-upload:before {
	content: "\e90b";
}

.icon-folder:before {
	content: "\e90c";
}

.icon-download:before {
	content: "\e90d";
}

.icon-place:before {
	content: "\e90e";
}

.icon-light:before {
	content: "\e90f";
}

.icon-dark:before {
	content: "\e910";
}

.icon-arrow-down:before {
	content: "\e911";
}

.icon-arrow-up:before {
	content: "\e912";
}

.icon-arrow-right:before {
	content: "\e913";
}

.icon-arrow-left:before {
	content: "\e914";
}

.icon-up:before {
	content: "\e915";
}

.icon-login:before {
	content: "\e916";
}

.icon-left:before {
	content: "\e917";
}

.icon-right:before {
	content: "\e918";
}

.icon-down:before {
	content: "\e919";
}

.icon-drag:before {
	content: "\e91a";
}

.icon-bookmark:before {
	content: "\e91b";
}

.icon-power:before {
	content: "\e91c";
}

.icon-code:before {
	content: "\e91d";
}

.icon-chat:before {
	content: "\e91e";
}

.icon-history:before {
	content: "\e91f";
}

.icon-user:before {
	content: "\e920";
}

.icon-open:before {
	content: "\e921";
}

.icon-error:before {
	content: "\e922";
}

.icon-dashboard:before {
	content: "\e923";
}

.icon-like:before {
	content: "\e924";
}

.icon-event:before {
	content: "\e925";
}

.icon-help:before {
	content: "\e926";
}

.icon-internet:before {
	content: "\e927";
}

.icon-time:before {
	content: "\e928";
}

.icon-lock:before {
	content: "\e929";
}

.icon-fav-solid:before {
	content: "\e92a";
}

.icon-fav:before {
	content: "\e92b";
}

.icon-document:before {
	content: "\e92c";
}

.icon-logout:before {
	content: "\e92d";
}

.icon-show:before {
	content: "\e92e";
}

.icon-cart:before {
	content: "\e92f";
}

.icon-trash:before {
	content: "\e930";
}

.icon-success:before {
	content: "\e931";
}

.icon-warning:before {
	content: "\e932";
}

.icon-check:before {
	content: "\e933";
}

.icon-settings:before {
	content: "\e934";
}

.icon-avatar:before {
	content: "\e935";
}

.icon-home:before {
	content: "\e936";
}

.icon-search:before {
	content: "\e937";
}

.icon-inventory:before {
	content: "\e938";
}

.icon-text:before {
	content: "\e939";
}

.icon-inbox:before {
	content: "\e93a";
}

.icon-email:before {
	content: "\e93b";
}

.icon-phone:before {
	content: "\e93c";
}

.icon-call:before {
	content: "\e93d";
}

.icon-notif:before {
	content: "\e93e";
}

.icon-move:before {
	content: "\e93f";
}

.icon-unfold-more:before {
	content: "\e940";
}

.icon-chevron-left-solid:before {
	content: "\e941";
}

.icon-add:before {
	content: "\e942";
}

.icon-add-circle:before {
	content: "\e943";
}

.icon-remove:before {
	content: "\e944";
}

.icon-remove-circle:before {
	content: "\e945";
}

.icon-filter:before {
	content: "\e946";
}

.icon-mic:before {
	content: "\e947";
}

.icon-attach:before {
	content: "\e948";
}

.icon-emoji:before {
	content: "\e949";
}

.icon-cancel:before {
	content: "\e94a";
}

.icon-close:before {
	content: "\e94b";
}

.icon-menu:before {
	content: "\e94c";
}

.icon-more-h:before {
	content: "\e94d";
}

.icon-more-v:before {
	content: "\e94e";
}

.icon-send:before {
	content: "\e94f";
}

.icon-sync:before {
	content: "\e950";
}

.icon-refresh:before {
	content: "\e951";
}

.icon-person-add:before {
	content: "\e952";
}

.icon-group:before {
	content: "\e953";
}

.icon-group-add:before {
	content: "\e954";
}

.icon-done:before {
	content: "\e955";
}

.icon-checklist:before {
	content: "\e956";
}

.icon-checkbox:before {
	content: "\e957";
}

.icon-list:before {
	content: "\e958";
}

.icon-flag:before {
	content: "\e959";
}

.icon-click:before {
	content: "\e95a";
}

.icon-mouse:before {
	content: "\e95b";
}

.icon-align-right:before {
	content: "\e95c";
}

.icon-underlined:before {
	content: "\e95d";
}

.icon-align-center:before {
	content: "\e95e";
}

.icon-align-left:before {
	content: "\e95f";
}

.icon-through:before {
	content: "\e960";
}

.icon-italic:before {
	content: "\e961";
}

.icon-bold:before {
	content: "\e962";
}

.icon-table:before {
	content: "\e963";
}

.icon-view-grid:before {
	content: "\e964";
}

.icon-verified:before {
	content: "\e965";
}

.icon-play:before {
	content: "\e966";
}

.icon-pause:before {
	content: "\e967";
}

.icon-mic-off:before {
	content: "\e968";
}

.icon-star:before {
	content: "\e969";
}

.icon-star-outline:before {
	content: "\e96a";
}

.icon-coin1:before {
	content: "\e96b";
}

.icon-calculate:before {
	content: "\e96c";
}

.icon-long-arrow-right:before {
	content: "\e96d";
}

.icon-tik-tok:before {
	content: "\e96e";
}

.icon-youtube:before {
	content: "\e96f";
}

.icon-whatsapp:before {
	content: "\e970";
}

.icon-instagram:before {
	content: "\e971";
}

.icon-telegram:before {
	content: "\e972";
}

.icon-twitter:before {
	content: "\e973";
}

.icon-facebook:before {
	content: "\e974";
}

.icon-vk:before {
	content: "\e975";
}

.icon-kaspi:before {
	content: "\e976";
}

.icon-stream:before {
	content: "\e977";
}

.icon-quote:before {
	content: "\e978";
}

.icon-gift:before {
	content: "\e979";
}

.icon-shield:before {
	content: "\e97a";
}

.icon-server:before {
	content: "\e97b";
}

.icon-behance-icon:before {
	content: "\e97c";
}

.icon-edit:before {
	content: "\e97d";
}

.icon-cc-discover:before {
	content: "\e97e";
}

.icon-cc-mastercard:before {
	content: "\e97f";
}

.icon-visa:before {
	content: "\e980";
}

.icon-home2:before {
	content: "\e981";
}

.icon-home3:before {
	content: "\e982";
}

.icon-file-zip:before {
	content: "\e983";
}

.icon-copy:before {
	content: "\e984";
}

.icon-paste:before {
	content: "\e985";
}

.icon-stack:before {
	content: "\e986";
}

.icon-ticket:before {
	content: "\e987";
}

.icon-cart1:before {
	content: "\e988";
}

.icon-coin-dollar:before {
	content: "\e989";
}

.icon-coin-euro:before {
	content: "\e98a";
}

.icon-location2:before {
	content: "\e98b";
}

.icon-compass:before {
	content: "\e98c";
}

.icon-compass2:before {
	content: "\e98d";
}

.icon-cc-paypal:before {
	content: "\e98e";
}

@font-face {
	font-family: 'Gilroy';
	src: url("../fonts/Gilroy-Regular.eot");
	src: local("Gilroy Regular"), local("Gilroy-Regular"), url("../fonts/Gilroy-Regular.eot") format("embedded-opentype"), url("../fonts/Gilroy-Regular.woff2") format("woff2"), url("../fonts/Gilroy-RegularItalic.woff") format("woff"), url("../fonts/Gilroy-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url("../fonts/Gilroy-Regular.eot");
	src: local("Gilroy Regular"), local("Gilroy-Regular"), url("../fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Regular.woff2") format("woff2"), url("../fonts/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url("../fonts/Gilroy-Light.eot");
	src: local("Gilroy Light"), local("Gilroy-Light"), url("../fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Light.woff2") format("woff2"), url("../fonts/Gilroy-Light.woff") format("woff"), url("../fonts/Gilroy-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url("../fonts/Gilroy-Medium.eot");
	src: local("Gilroy Medium"), local("Gilroy-Medium"), url("../fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Medium.woff2") format("woff2"), url("../fonts/Gilroy-Medium.woff") format("woff"), url("../fonts/Gilroy-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url("../fonts/Gilroy-Semibold.eot");
	src: local("Gilroy Semibold"), local("Gilroy-Semibold"), url("../fonts/Gilroy-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Semibold.woff2") format("woff2"), url("../fonts/Gilroy-Semibold.woff") format("woff"), url("../fonts/Gilroy-Semibold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

.notif {
	position: fixed;
	right: 2rem;
	bottom: 0;
	z-index: 99;
	width: var(--notifications);
	padding: 1rem 0;
	pointer-events: none;
	filter: drop-shadow(var(--shadow-s));
}

.notif__item {
	padding: 1rem 0;
	display: none;
	transition: 0s;
	color: var(--text) !important;
}

.notif__wrapper {
	pointer-events: all;
	background: var(--bg);
	border: 1px solid var(--border);
	padding: var(--padding);
	border-radius: var(--rad-md);
	display: flex;
	position: relative;
	border-left: 3px solid var(--theme);
}

.notif__avatar {
	margin-right: 1.6rem;
}

.notif__content .inline {
	padding-top: 1rem;
}

.notif__title {
	font-size: 1.6rem;
}

.notif__text {
	font-weight: 500;
	color: var(--text-grey);
}

.notif__close {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	padding: 1.5rem;
	color: var(--text-grey);
	transition: 0.2s;
	cursor: pointer;
}

.notif__close:hover {
	color: var(--red);
}

.btn {
	background: var(--theme);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	border-radius: 0;
	font-size: var(--small);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: 500;
	cursor: pointer;
	height: var(--field);
	padding: 0 calc(var(--field) / 2);
	gap: 0.8rem;
	transition: .2s;
}

.btn--small {
	width: 100%;
}

.btn--medium {
	--field: 3.8rem
    ;
}

.btn--outline {
	background: var(--bg);
	border: 1px solid var(--border);
	color: var(--text);
	transition: .2s;
}

.btn--outline:hover {
	background: var(--theme);
	color: #fff;
}

.btn:hover {
	background: var(--dark);
}

.btn:disabled {
	background: var(--disabled);
}

.input {
	cursor: auto;
}

.input[type] {
	font-size: 1.5rem;
	background-color: var(--bg-grey);
	border: 1px solid transparent;
	color: rgba(25, 36, 61, 0.55);
	transition: .3s ease-in-out;
	width: 100%;
	height: var(--field);
	padding: 0 2rem;
}

.input__label {
	display: block;
	color: var(--text);
	font-size: calc(var(--fz) * 0.9);
	line-height: 1;
	cursor: pointer;
}

.input__icon-show {
	position: absolute;
	display: flex;
	top: 50%;
	transform: translate(0, -50%);
	right: 0;
	align-items: center;
	justify-content: center;
	height: var(--field);
	width: var(--field);
	cursor: pointer;
	color: var(--text);
}

.input__icon-show:hover {
	color: var(--theme);
}

.input__icon-show--active {
	color: var(--dark);
}

.input--error {
	border-color: var(--border-shadow);
	outline: none;
	box-shadow: 0 0 0 3px var(--border-shadow) inset;
	width: 100%;
	transition: border-color 0.2s ease, border-width 0.2s ease;
}

.input--half {
	width: calc(50% - 1rem);
}

.input--third {
	flex-basis: calc(100% / 3 - 4rem / 3);
}

.checkbox {
	display: flex;
	align-items: center;
}

.checkbox__wrapper {
	margin-right: 1rem;
}

.checkbox__label {
	height: var(--checkbox);
	width: var(--checkbox);
	background: var(--bg-grey);
	border: 1px solid var(--focus);
	border-radius: var(--rad-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	color: transparent;
	transition: 0.3s;
	cursor: pointer;
	font-size: 1.2rem;
}

.checkbox__text {
	cursor: pointer;
}

.checkbox__input {
	display: none;
}

.checkbox__input.error + label {
	box-shadow: 0 0 0 3px var(--red-focus);
	background: var(--red-opacity);
}

.checkbox__input:checked + label {
	background: var(--theme);
	border-color: transparent;
	color: #fff;
}

.checkbox__input:active + label {
	border-color: var(--focus);
	box-shadow: 0 0 0 3px var(--focus);
}

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
	margin-top: 1em;
}

.article:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup) {
	margin-bottom: 2rem;
}

.article:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bm {
	margin-bottom: 3rem;
}

.article:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn) {
	border-bottom: 1px solid var(--border);
	padding-bottom: 2rem;
}

.article:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).bm {
	padding-bottom: 3rem;
}

.article:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).small-pb {
	padding-bottom: 1rem;
}

.article:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).mt {
	margin-top: auto;
}

.article.all-mb > *:not(.mb0) {
	margin-bottom: 2rem;
}

.article.all-mb > *:not(.mb0).bm {
	margin-bottom: 3rem;
}

.article.all-mb > *:not(.mb0).bordered {
	border-bottom: 1px solid var(--border);
	padding-bottom: 2rem;
}

.article.all-mb > *:not(.mb0).bordered.bm {
	padding-bottom: 3rem;
}

.article.half {
	width: var(--article-half);
}

.article.center {
	width: var(--article-half);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.article-mc:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup) {
	margin-bottom: 0.3rem;
}

.article-mc:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bm {
	margin-bottom: 0.6rem;
}

.article-mc:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn) {
	border-bottom: 1px solid var(--border);
	padding-bottom: 0.3rem;
}

.article-mc:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).bm {
	padding-bottom: 0.6rem;
}

.article-mc:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).small-pb {
	padding-bottom: 0.15rem;
}

.article-mc:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).mt {
	margin-top: auto;
}

.article-mc.all-mb > *:not(.mb0) {
	margin-bottom: 0.3rem;
}

.article-mc.all-mb > *:not(.mb0).bm {
	margin-bottom: 0.6rem;
}

.article-mc.all-mb > *:not(.mb0).bordered {
	border-bottom: 1px solid var(--border);
	padding-bottom: 0.3rem;
}

.article-mc.all-mb > *:not(.mb0).bordered.bm {
	padding-bottom: 0.6rem;
}

.article-mc.half {
	width: var(--article-half);
}

.article-mc.center {
	width: var(--article-half);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.article-sm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup) {
	margin-bottom: 1rem;
}

.article-sm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bm {
	margin-bottom: 2rem;
}

.article-sm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn) {
	border-bottom: 1px solid var(--border);
	padding-bottom: 1rem;
}

.article-sm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).bm {
	padding-bottom: 2rem;
}

.article-sm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).small-pb {
	padding-bottom: 0.5rem;
}

.article-sm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).mt {
	margin-top: auto;
}

.article-sm.all-mb > *:not(.mb0) {
	margin-bottom: 1rem;
}

.article-sm.all-mb > *:not(.mb0).bm {
	margin-bottom: 2rem;
}

.article-sm.all-mb > *:not(.mb0).bordered {
	border-bottom: 1px solid var(--border);
	padding-bottom: 1rem;
}

.article-sm.all-mb > *:not(.mb0).bordered.bm {
	padding-bottom: 2rem;
}

.article-sm.half {
	width: var(--article-half);
}

.article-sm.center {
	width: var(--article-half);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.article-nm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup) {
	margin-bottom: 1.5rem;
}

.article-nm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bm {
	margin-bottom: 2.5rem;
}

.article-nm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn) {
	border-bottom: 1px solid var(--border);
	padding-bottom: 1.5rem;
}

.article-nm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).bm {
	padding-bottom: 2.5rem;
}

.article-nm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).small-pb {
	padding-bottom: 0.75rem;
}

.article-nm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).mt {
	margin-top: auto;
}

.article-nm.all-mb > *:not(.mb0) {
	margin-bottom: 1.5rem;
}

.article-nm.all-mb > *:not(.mb0).bm {
	margin-bottom: 2.5rem;
}

.article-nm.all-mb > *:not(.mb0).bordered {
	border-bottom: 1px solid var(--border);
	padding-bottom: 1.5rem;
}

.article-nm.all-mb > *:not(.mb0).bordered.bm {
	padding-bottom: 2.5rem;
}

.article-nm.half {
	width: var(--article-half);
}

.article-nm.center {
	width: var(--article-half);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.article-md:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup) {
	margin-bottom: 3rem;
}

.article-md:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bm {
	margin-bottom: 4rem;
}

.article-md:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn) {
	border-bottom: 1px solid var(--border);
	padding-bottom: 3rem;
}

.article-md:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).bm {
	padding-bottom: 4rem;
}

.article-md:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).small-pb {
	padding-bottom: 1.5rem;
}

.article-md:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).mt {
	margin-top: auto;
}

.article-md.all-mb > *:not(.mb0) {
	margin-bottom: 3rem;
}

.article-md.all-mb > *:not(.mb0).bm {
	margin-bottom: 4rem;
}

.article-md.all-mb > *:not(.mb0).bordered {
	border-bottom: 1px solid var(--border);
	padding-bottom: 3rem;
}

.article-md.all-mb > *:not(.mb0).bordered.bm {
	padding-bottom: 4rem;
}

.article-md.half {
	width: var(--article-half);
}

.article-md.center {
	width: var(--article-half);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.article-bg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup) {
	margin-bottom: 4rem;
}

.article-bg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bm {
	margin-bottom: 5rem;
}

.article-bg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn) {
	border-bottom: 1px solid var(--border);
	padding-bottom: 4rem;
}

.article-bg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).bm {
	padding-bottom: 5rem;
}

.article-bg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).small-pb {
	padding-bottom: 2rem;
}

.article-bg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).mt {
	margin-top: auto;
}

.article-bg.all-mb > *:not(.mb0) {
	margin-bottom: 4rem;
}

.article-bg.all-mb > *:not(.mb0).bm {
	margin-bottom: 5rem;
}

.article-bg.all-mb > *:not(.mb0).bordered {
	border-bottom: 1px solid var(--border);
	padding-bottom: 4rem;
}

.article-bg.all-mb > *:not(.mb0).bordered.bm {
	padding-bottom: 5rem;
}

.article-bg.half {
	width: var(--article-half);
}

.article-bg.center {
	width: var(--article-half);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.article-lg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup) {
	margin-bottom: 6rem;
}

.article-lg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bm {
	margin-bottom: 7rem;
}

.article-lg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn) {
	border-bottom: 1px solid var(--border);
	padding-bottom: 6rem;
}

.article-lg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).bm {
	padding-bottom: 7rem;
}

.article-lg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).small-pb {
	padding-bottom: 3rem;
}

.article-lg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).mt {
	margin-top: auto;
}

.article-lg.all-mb > *:not(.mb0) {
	margin-bottom: 6rem;
}

.article-lg.all-mb > *:not(.mb0).bm {
	margin-bottom: 7rem;
}

.article-lg.all-mb > *:not(.mb0).bordered {
	border-bottom: 1px solid var(--border);
	padding-bottom: 6rem;
}

.article-lg.all-mb > *:not(.mb0).bordered.bm {
	padding-bottom: 7rem;
}

.article-lg.half {
	width: var(--article-half);
}

.article-lg.center {
	width: var(--article-half);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.headline__title {
	font-size: 4rem;
}

.headline__subtitle {
	font-size: 1.2rem;
}

.logo__link {
	display: flex;
}

.logo__svg {
	height: var(--logo);
	fill: var(--theme);
}

.nav__list {
	display: flex;
	gap: 2rem;
}

.nav__item {
	display: flex;
}

.nav__item--active .nav__link {
	color: var(--theme);
}

.nav__link {
	color: var(--text);
	height: 3.6rem;
	display: flex;
	align-items: center;
	transition: .2s;
}

.nav__link:hover {
	color: var(--theme);
}

.lang {
	height: 100%;
	display: flex;
}

.lang__list {
	display: flex;
}

.lang-item a {
	color: var(--text);
	border-right: 1px solid var(--border);
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3.6rem;
	width: 3.6rem;
	font-weight: 500;
	transition: .2s;
	font-size: 1.2rem;
}

.lang-item.current-lang a {
	background: var(--theme);
	color: #fff;
}

.lang-item:first-child a {
	border-left: 1px solid var(--border);
}

.lang-item a:hover {
	background: var(--theme);
	color: #fff;
}

.menu {
	display: flex;
	gap: 3rem;
}

.menu__link {
	color: var(--text-dark);
	transition: .2s;
}

.menu__link:hover {
	color: var(--theme);
}

.auth {
	display: flex;
	align-items: center;
	min-height: calc(100vh - 10.6rem);
}

.auth__wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	padding: 0 2rem;
}

.auth__headline {
	text-align: center;
}

.auth__title {
	font-weight: 400;
}

.auth__title--h5 {
	font-size: 2.5rem;
	margin-bottom: 1rem;
}

.auth__form {
	width: 38rem;
	align-items: center;
}

.auth__form--register {
	width: 56rem;
}

.auth__form--wrapper {
	width: 50rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.auth__link {
	color: var(--theme);
	text-decoration: none;
	border-bottom: 1px dashed var(--theme);
}

.auth__link:visited {
	color: var(--theme);
}

.auth__input {
	position: relative;
}

.auth__input.name {
	margin-bottom: 2rem;
}

.auth__inputs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
}

.auth__items {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 10px 0 20px 0;
	padding-right: 0;
}

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

.auth__btn {
	width: 100%;
}

.auth__focus {
	color: #ff1515;
}

.auth__typography {
	display: flex;
	align-items: end;
	gap: 1rem;
	flex-wrap: wrap;
	width: 100%;
}

@media (max-width: 797.99px) {
	.auth {
		padding: 0 2rem;
	}
	.auth__register {
		width: 100%;
	}
	.auth__form--register {
		padding: 0 2rem;
	}
}

.burger {
	position: relative;
	width: 5rem;
	height: 5rem;
	cursor: pointer;
	transition: .2s;
	z-index: 1;
}

.burger__line {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.5rem;
	height: 1.5px;
	background: var(--text-dark);
	transform: translate(-50%, -50%);
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.burger__line:first-child {
	top: 40%;
}

.burger__line:last-child {
	top: 60%;
}

.burger--active .burger__line:first-child {
	transform: translate(-50%, -50%) rotate(-45deg);
	top: 50%;
}

.burger--active .burger__line:nth-child(2) {
	display: none;
}

.burger--active .burger__line:last-child {
	transform: translate(-50%, -50%) rotate(45deg);
	top: 50%;
}

.burger:hover {
	background: rgba(7, 18, 119, 0.06);
}

.sidebar {
	position: fixed;
	top: var(--admin-bar);
	left: 0;
	width: var(--sidebar);
	height: calc(100vh - var(--admin-bar));
	border-right: 1px solid var(--border);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: var(--small);
	font-weight: 500;
}

.sidebar__label {
	writing-mode: vertical-rl;
	color: var(--text);
	text-transform: uppercase;
	transform: translate(-50%, -50%) rotate(180deg);
	position: absolute;
	top: 50%;
	left: 50%;
	letter-spacing: 0.1em;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.sidebar__socials {
	width: 5rem;
	height: 5rem;
	border-top: 1px solid var(--border);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .2s;
	cursor: pointer;
}

.sidebar__socials:hover {
	background: var(--theme);
	color: #fff;
}

.sidebar__socials:hover .sidebar__icon {
	color: #fff;
}

.form__title {
	font-size: 2.5rem;
	font-weight: 500;
}

.form__subtitle {
	font-size: calc(var(--fz) * 1.1);
	color: var(--text);
	font-weight: 500;
}

.task__btn {
	color: black;
	text-transform: capitalize;
}

.task__wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
	margin-bottom: 2rem;
}

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

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

.project-hide {
	display: none;
}

.select {
	width: 100%;
	margin: 15px auto;
}

.select__menu {
	display: flex;
	height: 6rem;
	background: #fff;
	padding: 2rem 0 2rem 2rem;
	font-weight: 400;
	align-items: center;
	cursor: pointer;
	justify-content: space-between;
	border: 1px solid;
	border-color: rgba(7, 18, 119, 0.06);
}

.select__icon {
	border-left: 1px solid;
	padding: 2rem;
	border-color: rgba(7, 18, 119, 0.06);
}

.select__menu .select__list {
	position: relative;
	padding: 20px;
	background: #fff;
	margin-top: 10px;
}

.select__point {
	display: flex;
	height: 55px;
	cursor: pointer;
	padding: 0 16px;
	align-items: center;
	background: #fff;
}

.select__list {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s linear;
	margin-bottom: 1rem;
}

.select__name {
	display: flex;
	flex-direction: column;
}

.select__caption {
	color: grey;
	font-size: 1.3rem;
}

.select__menu .select__icon {
	transition: transform 0.2s;
}

.select__menu.active .select__icon {
	transform: rotate(180deg);
}

.payment__wrapper {
	position: relative;
	cursor: pointer;
}

.payment__line {
	position: absolute;
	transform: translateY(-50%);
	height: 2px;
	background-color: rgba(7, 18, 119, 0.06);
	width: 90%;
	left: 11rem;
}

.payment__title {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	font-size: 2.3rem;
	align-items: center;
	margin-bottom: 2rem;
}

.payment__icon {
	grid-area: 1/4;
}

.payment-active {
	transform: rotate(180deg);
}

.details__summary {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 2rem 3rem 2rem 2rem;
	align-items: center;
	gap: 2rem;
	border: 1px solid;
	border-color: rgba(7, 18, 119, 0.06);
	cursor: pointer;
	position: relative;
}

.details__items {
	border: 1px solid;
	border-color: rgba(7, 18, 119, 0.06);
	padding: 2rem 3rem 2rem 2rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.details__caption {
	color: grey;
	font-size: 1.3rem;
}

.details__subtitle {
	font-weight: 400;
}

.details__line::before {
	content: "";
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: rgba(7, 18, 119, 0.06);
	right: 7rem;
}

.active {
	transform: rotate(180deg);
}

.content {
	width: 600px;
	background-color: #fff;
	padding: 30px;
	padding: 20px;
}

.content__about {
	margin-bottom: 10px;
}

.content__about {
	display: none;
	animation: moving .5s ease;
}

@keyframes moving {
	from {
		transform: translateX(50px);
		opacity: 0;
	}
	to {
		transform: translateX(0px);
		opacity: 1;
	}
}

.content__title {
	font-weight: 600;
	margin-bottom: 10px;
}

.content-active {
	display: block;
}

.tab {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #e5e5e5;
	font-weight: 600;
	position: relative;
}

.tab__btn {
	font-weight: 600;
	color: #919191;
	background: none;
	border: none;
	padding: 18px;
	cursor: pointer;
}

.tab__line {
	position: absolute;
	bottom: 0;
	width: 90px;
	height: 5px;
	background-color: #7360ff;
	transition: all .3s ease-in-out;
}

.tabs-active {
	color: #7360ff;
}

.switch {
	position: relative;
	display: inline-block;
}

.switch__input {
	display: none;
}

.switch__label {
	position: relative;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	background-color: #ccc;
	cursor: pointer;
}

.switch__thumb {
	position: absolute;
	top: 0.3rem;
	left: 0.3rem;
	width: 50%;
	bottom: 0.3rem;
	height: auto;
	background-color: #fff;
	transition: transform 0.3s;
	box-sizing: border-box;
}

.switch__text {
	line-height: 1;
	color: #fff;
	padding: 1rem 2rem;
	z-index: 2;
}

.switch__text--on {
	left: calc(50%/6);
}

.switch__text--off {
	right: calc(50%/4);
}

.switch__input:checked + .switch__label .switch__thumb {
	transform: translateX(calc(100% - 0.6rem));
}

.switch__input:checked + .switch__label .switch__text--on {
	opacity: 1;
}

.switch__input:not(:checked) + .switch__label .switch__text--off {
	opacity: 1;
}

.switch__text {
	color: white;
}

.switch__input:not(:checked) + .switch__label .switch__thumb {
	color: #7e7b7b;
}

.switch__input:not(:checked) + .switch__label .switch__text {
	color: #7e7b7b;
}

.switch__input:checked + .switch__label .switch__text--on {
	color: #7e7b7b;
}

.switch__input:checked + .switch__label .switch__text--off {
	color: #1e1e1e;
}

.switch__input:not(:checked) + .switch__label .switch__text--on {
	color: #1e1e1e;
	z-index: 1;
}

.cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2rem;
}

.cards__item {
	background-color: #656262;
	padding: 2rem;
	color: #fff;
}

.type {
	margin: 2rem 0;
}

.type__wrapper {
	position: relative;
	cursor: pointer;
}

.type__line {
	position: absolute;
	transform: translateY(-50%);
	height: 2px;
	background-color: rgba(7, 18, 119, 0.06);
	width: 90%;
	left: 11rem;
}

.type__title {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	font-size: 2.3rem;
	align-items: center;
}

.type__icon {
	grid-area: 1/4;
}

.seo__summary {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2rem 3rem 2rem 2rem;
	border: 1px solid;
	border-color: rgba(7, 18, 119, 0.06);
	cursor: pointer;
	background: black;
	color: #fff;
	position: relative;
}

.seo__caption {
	font-size: 1.3rem;
	color: #ccc7c7;
}

.seo__subtitle {
	font-weight: 400;
}

.seo__line::before {
	content: "";
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #3b3838;
	right: 7rem;
}

.header__top {
	border-bottom: 1px solid var(--border);
	font-size: var(--v-small);
	color: var(--text);
	font-weight: 500;
	height: var(--header-top);
	display: flex;
	align-items: center;
}

.header__main {
	padding: 1rem 0;
	height: var(--header-main);
}

.header__wrapper {
	display: flex;
	align-items: center;
}

.header__nav {
	margin-right: auto;
}

.header__address {
	margin-left: auto;
	display: flex;
}

.header__number {
	font-weight: 500;
	color: var(--theme);
}

.header__phone {
	margin: 0 2rem;
}

.header__logo {
	margin-right: auto;
}

.header__auth {
	margin-left: 3rem;
	font-size: var(--v-small);
	color: var(--text-dark);
}

.header__menu {
	font-weight: 500;
}

.header__avatar-mob, .header__number-mob {
	display: none;
}

@media (max-width: 767.99px) {
	.header__top, .header__menu, .header__auth {
		display: none;
	}
	.header__avatar-mob, .header__number-mob {
		display: flex;
		transition: .2s;
	}
	.header__number-mob {
		margin-right: 1.5rem;
		line-height: 1;
	}
	.header__number-mob:hover, .header__avatar-mob:hover {
		color: var(--theme);
	}
}

.promotion {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}

.promotion__block {
	padding: var(--padding);
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
}

.promotion__block:first-child {
	background: #eefdee;
}

.promotion__block:nth-child(2) {
	background: #eef2fd;
}

.promotion__block:last-child {
	background: #fdf8ee;
	min-height: 12rem;
}

.promotion__top, .promotion__currency {
	font-weight: 500;
	color: var(--text);
	font-size: var(--v-small);
	line-height: 1.2;
}

.promotion__bottom {
	display: flex;
	align-items: baseline;
	gap: 0.3rem;
}

.promotion__cost {
	font-size: 1.8rem;
}

.promotion__desc {
	font-size: 1.85rem;
}

.promotion__gift {
	width: 1em;
	height: 1em;
}

.slider {
	height: 100%;
	display: flex;
	gap: 2.5rem;
}

.slider__portfolio {
	background-color: #f4f4f4;
	width: 44rem;
	padding: 3.6rem;
	background-image: url("/wp-content/themes/init/img/portfolio/luxfm.webp");
	background-repeat: no-repeat;
	height: 100%;
	background-size: contain;
	background-position: center;
	transition: .6s;
}

.slider__subtitle {
	font-size: 1.35rem;
	color: var(--text);
}

.slider__title {
	font-size: 3rem;
	line-height: 1.2;
	font-weight: 600;
}

.slider__pages {
	width: 8rem;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}

.slider__label {
	width: 100%;
	background: #f4f4f4;
	height: 100%;
	font-size: 2rem;
	font-weight: 600;
	writing-mode: vertical-lr;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slider__buttons {
	display: flex;
	cursor: pointer;
	width: 8rem;
}

.slider__icon-arrow {
	background: var(--bg-grey);
	color: var(--text);
	width: 50%;
	--field: 4rem;
	font-size: var(--v-small);
	padding: 0;
}

.slider__icon-arrow:hover {
	background: var(--theme);
	color: #fff;
}

.init {
	min-height: calc(100vh - var(--header) - var(--admin-bar));
	display: flex;
	align-items: center;
}

.init__wrapper {
	display: flex;
	justify-content: space-between;
	padding-top: 4rem;
	gap: 3rem;
}

.init__title {
	font-size: 5.5rem;
	line-height: 1.3;
	font-weight: 400;
}

.init__subtitle {
	border: 1px solid var(--border);
	width: fit-content;
	padding: 0.8rem 1rem;
	margin-bottom: 0.3rem;
	font-weight: 500;
	line-height: 1;
}

.init__content {
	margin-top: 3.6rem;
}

.init__info {
	width: 75%;
	display: flex;
	gap: 2.5rem;
	height: 49rem;
}

.init__consultation {
	display: flex;
	gap: 1.2rem;
}

.init__links {
	display: flex;
	gap: 1.2rem;
	color: var(--blue);
}

.init__link {
	border-bottom: 1px dashed var(--blue-focus);
	color: inherit;
}

.init__scroll {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	width: fit-content;
	font-weight: 500;
	cursor: pointer;
	transition: .2s;
	line-height: 1;
}

.init__icon-mouse {
	font-size: 2rem;
}

.init__scroll:hover {
	color: var(--theme);
}

.init__input {
	width: 40%;
}

@media (min-width: 768px) and (max-width: 1025px) {
	.init {
		min-height: auto;
	}
	.init__slider {
		width: 100%;
		height: 54rem;
	}
	.init__feedback {
		display: none;
	}
	.init__promotion {
		display: none;
	}
}

@media (max-width: 767.99px) {
	.init__info {
		display: none;
	}
	.init__title {
		font-size: 3.5rem;
	}
	.init__feedback {
		display: flex;
	}
	.init__consultation {
		flex-direction: column;
	}
	.init__input {
		width: 100%;
	}
	.init__btn {
		width: 100%;
	}
}

.popper__tooltip {
	display: flex;
	background: #4c4c4c;
	color: #fff;
	padding: 0.5rem 1rem;
	border-radius: 5px;
	font-size: var(--small);
}

.popper__btns {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
}

.popper__icon {
	font-size: 1.5rem;
	color: var(--text);
	border-radius: var(--rad);
	height: 3.5rem;
	width: 3.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .2s;
}

.popper__icon:hover {
	background: var(--light);
	color: var(--theme);
}

.feedback {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--green);
	height: 5rem;
	width: 5rem;
	cursor: pointer;
	color: #fff;
	font-size: 2rem;
	transition: .2s;
}

.feedback__text {
	display: none;
	font-size: var(--small);
	font-weight: 500;
	letter-spacing: 0.1em;
}

.feedback:hover {
	background: var(--green-light);
}

@media (max-width: 767.99px) {
	.feedback {
		gap: 0.6rem;
		width: 100%;
	}
	.feedback__text {
		display: flex;
	}
}

.menu-burger {
	position: fixed;
	top: var(--admin-bar);
	z-index: 2;
	background: var(--white);
	overflow: hidden;
	transition: width .5s ease;
	width: 0;
	height: 100%;
	left: calc(5rem + 1px);
}

.menu-burger__item {
	width: 25%;
	padding: 5rem 10rem;
}

.head__title {
	font-size: 3rem;
}

.table__row {
	display: flex;
	align-items: center;
	height: 7rem;
	border-bottom: 1px solid var(--border);
	padding-right: 1rem;
}

.table__cell {
	padding-left: 1rem;
}

.table__image {
	height: 50px;
	width: 50px;
	background-color: grey;
	border-radius: 10%;
}

.table__details {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	padding: 2rem;
}

.table-head {
	display: flex;
	height: 6rem;
	align-items: center;
	border-bottom: 1px solid var(--border);
	border-top: 1px solid var(--border);
}

.table-head__cell {
	color: var(--text);
}

.table-head__cell:not(:first-child) {
	border-left: 1px solid var(--border);
}

.link {
	color: var(--blue);
}

.form__input {
	position: relative;
}

.users__item--edit-moded {
	background-color: var(--white);
	border-radius: 10px;
	border: none;
	box-shadow: 0 2px 13px rgba(0, 0, 0, 0.2);
}

.user__id {
	width: 4%;
}

.user__name {
	width: 50%;
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.user__avatar--online {
	position: relative;
}

.user__avatar--online:after {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: var(--green);
	z-index: 2;
	position: absolute;
	bottom: 0;
	right: 0;
	border: 2px solid white;
}

.user__role {
	width: 12%;
}

.user__phone {
	width: 14%;
}

.user__email {
	width: 15%;
}

.user__date {
	width: 5%;
}

/*# sourceMappingURL=theme.css.map */
/* Блок портфолио на первом экране: несколько работ вместо одного статичного
   слайда. Правится вместе с sass/blocks/_slider.scss — полная пересборка
   node-sass не запускается, чтобы не переписать весь theme.css другой версией
   компилятора. */
.slider__portfolio {
	display: none;
	background-image: none;
}

.slider__portfolio.is-active {
	display: block;
}

.slider__cover-link {
	display: block;
	height: 100%;
	color: inherit;
}

.slider__counter {
	font-size: 1.2rem;
	color: var(--text-grey, #8a8a8a);
	text-align: center;
	padding: 0.4rem 0;
}

/* Архив портфолио. Правится вместе с sass/blocks/portfolio.scss: полная
   пересборка node-sass не запускается, чтобы не переписать весь theme.css
   другой версией компилятора. */
.portfolio-archive {
	padding: 4rem 0 6rem;
}

.portfolio-archive__lead {
	margin-top: 0.8rem;
	color: var(--text-grey, #8a8a8a);
	font-size: 1.4rem;
}

.portfolio-grid {
	margin-top: 3rem;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr));
	gap: 2.5rem;
}

.portfolio-card {
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(7, 18, 119, 0.08);
	border-radius: 0.6rem;
	overflow: hidden;
	background: #fff;
	transition: box-shadow 0.25s;
}

.portfolio-card:hover {
	box-shadow: 0 0.8rem 2.4rem rgba(0, 0, 0, 0.08);
}

.portfolio-card__cover {
	display: block;
	aspect-ratio: 16 / 9;
	background: #f4f4f4;
	overflow: hidden;
}

.portfolio-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.portfolio-card__body {
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	flex-grow: 1;
}

.portfolio-card__kind {
	font-size: 1.2rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--text-grey, #8a8a8a);
}

.portfolio-card__title {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.25;
}

.portfolio-card__text {
	font-size: 1.4rem;
	line-height: 1.5;
	color: #4a4a4a;
	margin-bottom: auto;
}

.portfolio-card__link {
	margin-top: 1.2rem;
	font-size: 1.4rem;
	font-weight: 600;
	color: #e2001a;
}

@media (max-width: 575.98px) {
	.portfolio-grid {
		grid-template-columns: 1fr;
	}
}