:root {
	--ColorMain: #0c0c0c;
	--ColorBlock: #151515;
	--ColorTextDefault: #ecefff;
	--ColorTextGreyDefault: #e0e0e0;
	--100: 100%;
	--FontSemiBold: "Proxima SemiBold";
	--FontExtraBold: "Proxima ExtraBold";
}

::-webkit-scrollbar {
	/*display: none;*/
	height: 2px;
	width: 2px;
}
::-webkit-scrollbar-button {
	background-repeat: no-repeat;
	width: 2px;
	height: 0px;
}
::-webkit-scrollbar-track {
	background-color: #323232;
}
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #6c6c6c;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #b36eeb;
}
::-webkit-resizer {
	background-repeat: no-repeat;
	width: 1px;
	height: 0px;
}

@font-face {
	font-family: "Proxima ExtraBold";
	src: url(/Waste/Fonts/ProximaNova-Extrabld.ttf) format("truetype");
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "Proxima SemiBold";
	src: url(/Waste/Fonts/ProximaNova-Semibold.ttf) format("truetype");
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: "RFKrabuler";
	src: url(/Waste/Fonts/RFKrabuler.ttf) format("truetype");
	font-weight: 600;
	font-style: normal
}
@font-face {
	font-family: "Gagalin";
	src: url(/Waste/Fonts/Gagalin.otf) format("truetype");
	font-weight: 600;
	font-style: normal
}
@font-face {
	font-family: "NewFontBrands";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url("/Waste/Fonts/NewFontBrands.woff2") format("woff2"), url("/Waste/Fonts/NewFontBrands.ttf") format("truetype");
}
@font-face {
	font-family: "NewFontBrandsSolid";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url("/Waste/Fonts/NewFontBrandsSolid.woff2") format("woff2"), url("/Waste/Fonts/NewFontBrandsSolid.ttf") format("truetype");
}
@font-face {
	font-family: "Font";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("/Waste/Fonts/Font.woff2") format("woff2"), url("/Waste/Fonts/Font.ttf") format("truetype");
}

input, textarea, textarea:active {
	outline: none;
	resize: none;
	color: #eceff4;
}

textarea:-moz-placeholder, textarea::-webkit-input-placeholder {
	font-size: 15px;
	color: #c4c4c4;
	-webkit-user-select: none;
}

input::placeholder {
	color: #8e9fa7;
	user-select: none;
	outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

img {
	user-select: none;
	pointer-events: none;
}

a {
	font-family: var(--FontSemiBold);
	text-decoration: none;
	color: #eceff4;
	outline: none;
	display: block;
}

button {
	border: none;
	font-family: var(--FontSemiBold);
	cursor: pointer;
	outline: none;
	user-select: none;
	color: #eceff4;
	border: 1px solid transparent;
}

button:focus-vsible, a:focus-vsible {
	border: 1px solid #ffffff5e !important;
}

div {
	color: #eceff4;
}

#teaserfast, #teaserfastcaptcha, .teaserfast_captcha_index {
	display: none !important;
}

* {
	-webkit-transition: ease .3s;
	transition: ease .3s;
	box-sizing: border-box;
	margin: 0;
}

html {
	background: #0e1424;
	color: #eceff4;
	width: var(--100);
	height: var(--100);
	font-family: var(--FontSemiBold);
}

body {
	width: var(--100);
	height: var(--100);
	font-family: var(--FontSemiBold);
	position: relative;
/*	overflow: hidden;*/
}

/* Окно с ошибкой!  */

.ModalPosErr {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
	display: flex;
	width: fit-content;
	height: fit-content;
	flex-direction: column;
}

.ModalErrBlock {
	transform: translateX(var(--100));
	position: relative;
	display: flex;
	transition: .6s;
	opacity: 0;
	visibility: hidden;
	margin-left: auto;
}

.ModalErrBlock.Active {
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}

.ModalErrMainBlock {
	padding: 12px 20px;
	margin: 14px;
	margin-bottom: 0;
	background-color: #0c0c0e;
	display: flex;
	border-radius: 4px;
	border: 2px solid #1e1e1e;
	user-select: none;
}

.ModalErrText {
	color: #e7e7e7;
	margin: auto;
	font-family: var(--FontSemiBold);
}

.ModalErrMainBlock:hover {
	background-color: #282828;
}

.ErrSuccModalPos.Red {
	background-image: url(/Waste/Svg/Cancel.svg);
}

.ErrSuccModalPos.Green {
	background-image: url(/Waste/Svg/Success.svg);
}

.ErrSuccModalPos {
	margin-right: 15px;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* / Окно с ошибкой! \  */

.BodyMain {
	position: relative;
	width: var(--100);
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.MainBonusTopBlock {
	display: flex;
	width: var(--100);
	padding: 6px 4px;
	background-color: #9146ff;
}

.MainBonusTopBlock>a {
	margin: auto;
	text-align: center;
	color: #fff;
}

.MaxContentWidth {
	height: var(--100);
	width: var(--100);
	flex-direction: column;
	position: relative;
	max-width: 1360px;
	margin: 0 auto;
	display: flex;
}

.HeaderBlock {
	width: var(--100);
	height: 80px;
	background-color: #0e1424;
	display: flex;
	padding: 0 12px;
}

.Sticky {
	position: sticky;
	top: 0;
	z-index: 5;
}

.MaxContentWidth.Header {
	width: var(--100);
	height: var(--100);
	flex-direction: unset;
}

.HeaderLogo {
	display: flex;
	background-image: url("/Waste/Images/Logo.png");
	height: 28px;
	width: 135px;
	object-fit: contain;
	background-repeat: no-repeat;
	background-size: contain;
	margin: auto 0;
}

.HeaderLogo:hover {
	opacity: .8;
}

.HeaderCenterLinkBlock {
	display: flex;
	margin: auto;
}

.HeaderRightLinkBlock {
	display: flex;
	margin: auto 0;
}

.HeaderRightLinkBlock>a {
	margin-right: 20px;
}

.HeaderRightLinkBlock>a:nth-last-child(1) {
	margin-right: 0;
}

.HeaderButton {
	background-color: #9146ff;
	display: flex;
	text-align: center;
	padding: 10px 20px;
	border-radius: 25px;
	border: 2px solid #9146ff;
}

.HeaderButton.NoBackground {
	background-color: transparent;
}

.HeaderButton:hover {
	background-color: transparent;
}

.HeaderButton.NoBackground:hover {
	background-color: #9146ff;
}

.HeaderCenterLinkBlock>* {
	margin-right: 40px;
}

.HeaderCenterLinkBlock>*:nth-last-child(1) {
	margin-right: 0;
}

.HeaderCenterLink {
	display: flex;
	text-align: center;
	padding: 12px 0;
}

.HeaderCenterLink:hover {
	color: #9146ff;
}

.HeaderCenterViewerLink {
	display: flex;
	position: relative;
	z-index: 1;
}

.HeaderCVL_Title {
	display: flex;
	text-align: center;
	cursor: pointer;
	width: max-content;
	padding: 12px 0;
}

.HeaderCenterViewerLink:hover>.HeaderCVL_Title,
.HeaderCenterViewerLink:hover>.HeaderCVL_Title::after,
.HeaderCenterViewerLink.Active>.HeaderCVL_Title,
.HeaderCenterViewerLink.Active>.HeaderCVL_Title::after {
	color: #9146ff;
}

.HeaderCVL_Title::after {
	content: "\f175";
	font-family: "Font";
	font-size: 12px;
	color: #fff;
	margin: auto 0;
	margin-left: 6px;
	transition: .2s;
}

.HeaderCenterViewerLinkContent {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 150px;
	border-radius: 6px;
	background-color: #151e36;
	box-shadow: inset 1px 0 2px 0 #23304b;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	z-index: 1;
}

.HeaderCenterViewerLinkContent>* {
	padding: .5rem 1.5rem;
	font-size: 15px;
}

.HeaderCenterViewerLinkContent>*:hover {
	color: #9146ff;
}

.HCVLC_Viewer {
	display: flex;
	position: relative;
	z-index: 1;
}

.HCVLC_ViewerTitle {
	display: flex;
	text-align: center;
	cursor: pointer;
	width: max-content;
	font-size: 15px;
}

.HCVLC_ViewerTitle::after {
	content: "\f175";
	font-family: "Font";
	font-size: 12px;
	color: #fff;
	margin: auto 0;
	margin-left: 6px;
	transition: .2s;
}


.HCVLC_Viewer:hover>.HCVLC_ViewerTitle,
.HCVLC_Viewer:hover>.HCVLC_ViewerTitle::after,
.HCVLC_Viewer.Active>.HCVLC_ViewerTitle,
.HCVLC_Viewer.Active>.HCVLC_ViewerTitle::after {
	color: #9146ff;
}

.HCVLC_ViewerContent {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 150px;
	border-radius: 6px;
	background-color: #151e36;
	margin-left: 12px;
	box-shadow: inset 1px 0 2px 0 #23304b;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-10px);
	z-index: 1;
}

.HCVLC_ViewerContent>* {
	padding: .5rem 1.5rem;
	width: max-content;
	font-size: 15px;
}

.HCVLC_ViewerContent>*:hover,
.HCVLC_ViewerContent>*.Active {
	color: #9146ff;
}

.HeaderCenterViewerLink:hover>.HeaderCenterViewerLinkContent {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.HCVLC_Viewer:hover>.HCVLC_ViewerContent {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.BodyMaxSectionMain {
	height: var(--100);
	width: var(--100);
	flex-direction: column;
	position: relative;
	max-width: 1360px;
	margin: 0 auto;
	display: flex;
	padding: 0 12px;
}

.BodySectionMain {
	display: flex;
	flex-direction: column;
}

.BodySectionMain.FullWindowHeightHead {
	min-height: calc(980px - 80px - 32px);
}

.BodySectionMain.FullWindowHeight {
	min-height: 100vh;
}

.MainOneSectionText {
	display: flex;
	text-align: center;
	margin: auto;
	margin-bottom: 30px;
	font-size: 20px;
	position: relative;
}

.MainOneSectionText.High {
	font-size: 44px;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
}

.MainOneSectionText.High.Color {
	color: #9146ff;
}

.OneSection {
	margin: auto;
	display: flex;
	flex-direction: column;
}

.OneSection>.MainOneSectionText:nth-last-child(1) {
	margin-bottom: 0;
}

.NoMarginBottom {
	margin-bottom: 0;
}

.MainOneSectionText.MaxWidth {
	max-width: 650px;
}

.MainOneSectionDecorStar {
	margin: 0 auto;
	margin-top: 40px;
	font-size: 40px;
	color: #d1c343;
	user-select: none;
	pointer-events: none;
	letter-spacing: 12px;
}

.MainOneSectionDecorRatingText {
	margin: 0 auto;
	margin-top: 30px;
	font-size: 20px;
	color: #bbbbbb;
}

.OneSection::before {
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/Waste/Images/DecorBlur.png");
	width: 50%;
	height: 50%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
	user-select: none;
}

.OneSection>* {
	z-index: 1;
}

.TwoSection {
	display: flex;
	flex-direction: column;
	margin: auto;
}

.MainTwoSectionDecorTextBox {
	display: flex;
	margin: 0 auto;
	padding: 8px 16px;
	border-radius: 20px;
	background-color: #262c51;
	margin-bottom: 30px;
	color: #9146ff;
	font-size: 14px;
}

.MainTwoSectionDecorTitleText {
	margin: 0 auto;
	font-size: 34px;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
}

.MainTwoSectionCardsDecor {
	margin: 0 auto;
	display: grid;
	max-width: 1360px;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	grid-template-columns: repeat(2,1fr);
	margin-bottom: 80px;
	padding: 16px;
}

.MainTwoSectionCard {
	background-color: #25303c73;
	border-radius: 12px;
	padding: 30px;
	min-height: 255px;
	width: var(--100);
	display: flex;
	flex-direction: column;
}

.MainTwoSectionCard>div:nth-child(1) {
	width: 80px;
	height: 80px;
	position: relative;
	display: flex;
	border-radius: 8px;
	background-color: #ffffff14;
	margin: 0 auto;
}

.MainTwoSectionCard>div:nth-child(1)::before {
	font-size: 34px;
	margin: auto;
	text-align: center;
	font-family: "Font";
}

.MainTwoSectionCard>div.One {
	background-color: #a425fe4d;
}

.MainTwoSectionCard>div.Two {
	background-color: #39baf64d;
}

.MainTwoSectionCard>div.Three {
	background-color: rgba(85,181,158,.3);
}

.MainTwoSectionCard>div.Four {
	background-color: rgba(108,91,243,.3);
}

.MainTwoSectionCard>.One::before {
	content: "\f0e7";
	color: #a425fe;
}

.MainTwoSectionCard>.Two::before {
	content: "\e473";
	color: #39baf6;
}

.MainTwoSectionCard>.Three::before {
	content: "\f023";
	color: rgba(85,181,158);
}

.MainTwoSectionCard>.Four::before {
	content: "\f27a";
	color: rgba(108,91,243);
}

.MainTwoSectionCard>div:nth-child(2) {
	margin: 16px auto;
	font-size: 24px;
	display: flex;
	text-align: center;
	width: fit-content;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
}

.MainTwoSectionCard>div:nth-child(3) {
	width: fit-content;
	margin: 0 auto;
	text-align: center;
	display: flex;
	font-size: 20px;
}

.MainThreeSectionDecorTextHead {
	font-size: 24px;
	margin: 0 auto;
	width: fit-content;
}

.MainThreeSectionDecorTitleText {
	font-size: 28px;
	margin: 20px auto;
	width: fit-content;
	color: #9146ff;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
}

.MainThreeSectionDecorText {
	font-size: 20px;
	margin: 0 auto;
	width: fit-content;
	max-width: 950px;
	text-align: center;
	color: #ffffffb5;
}

.MainThreeSectionTovarsBlock {
	margin: 0 auto;
	padding: 0 80px;
	display: flex;
}

.MainThreeSectionTovars {
	width: var(--100);
	margin-top: 60px;
	margin-bottom: 60px;
	border-radius: 20px;
	background-color: #181b39;
	padding: 30px;
}

.MainThreeSectionTovarsHeader {
	display: flex;
	margin-bottom: 20px;
	overflow: auto;
	padding-bottom: 20px;
}

.MainThreeSectionTovarsHeader::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.MainThreeSectionTovarsHeader>a {
	width: var(--100);
	background-color: #2a2666;
	border-radius: 8px;
	padding: 10px 18px;
	margin-right: 20px;
	text-align: center;
	border: 2px solid #2a2666;
	min-width: max-content;
	user-select: none;
}

.MainThreeSectionTovarsHeader>a:nth-last-child(1) {
	margin-right: 0;
}

.MainThreeSectionTovarsHeader>a.Active,
.MainThreeSectionTovarsHeader>a:hover {
	border: 2px solid #ffffff1a;
	background-color: #423a98;
}

.MainThreeSectionTovarsContent {
	display: flex;
	width: var(--100);
}

.MainThreeSectionTovarsContentOne {
	width: 60%;
	border-right: 2px solid #2b2b2b;
	padding-right: 30px;
}

.MainThreeSectionTovarsContentTwo {
	width: 40%;
	padding-left: 30px;
}

.MainThreeSectionTovarsContentCard {
	display: flex;
	box-shadow: 0 0 2px 0 #6158d6e6;
	border-radius: 8px;
	padding: 12px 32px;
	background: linear-gradient(270deg,RGBA(108,91,243,.3) 48.76%,RGBA(164,37,254,.3) 98.19%);
	background-color: #262d508f;
	cursor: pointer;
	user-select: none;
	margin-bottom: 20px;
	transition: background .5s ease;
}

.MainThreeSectionTovarsContentCard:nth-last-child(1) {
	margin-bottom: 0;
}

.MainThreeSectionTovarsContentCard_Left {
	display: flex;
	margin: auto 0;
}

.MainThreeSectionTovarsContentCard_Left>div:nth-child(1) {
	font-size: 20px;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
	color: #fff;
	margin: auto 0;
}

.MainThreeSectionTovarsContentCard_Left>div:nth-child(2) {
	font-size: 18px;
	margin: auto 0;
	margin-left: 10px;
}

.MainThreeSectionTovarsContentCard_Right {
	margin: auto 0;
	margin-left: auto;
	display: flex;
	text-align: center;
}

.MainThreeSectionTovarsContentCard_Right>div:nth-child(1) {
	margin: auto 0;
	margin-right: 10px;
	opacity: .75;
	position: relative;
	font-size: 18px;
}

.MainThreeSectionTovarsContentCard_Right>div:nth-child(1)::before {
	content: "";
	position: absolute;
	display: block;
	width: calc(100% + 5px);
	top: 0;
	bottom: 0;
	left: -5px;
	border-bottom: 2px solid;
	transform: translateY(-10px) rotate(-13deg);
	opacity: .8;
}

.MainThreeSectionTovarsContentCard_Right>div:nth-child(2) {
	margin: auto 0;
	background: #262c51;
	padding: 5px 10px;
	border-radius: 0.35rem;
	border: 2px solid #363370;
	margin-right: 10px;
	font-size: 18px;
}

.MainThreeSectionTovarsContentCard_Right>div:nth-child(3) {
	display: flex;
	margin: auto 0;
	position: relative;
}

.MainThreeSectionTovarsContentCard_Right>div:nth-child(3)::after {
	content: "\f07a";
	font-size: 18px;
	margin: auto;
	font-family: "Font";
}

.MainThreeSectionTovarsContentCard:hover {
	transition: background .5s ease;
	background: linear-gradient(270deg,RGBA(108,91,243,.6) 48.76%,RGBA(164,37,254,.6) 98.19%);
}

.MainThreeSectionTovarsContentTwoBlock {
	display: flex;
	flex-direction: column;
	position: relative;
	background-color: rgb(40 42 83);
	border: 2px solid #2f3350;
	border-radius: 0.5rem;
	padding: 2px 0;
	margin-bottom: 20px;
}

.MainThreeSectionTovarsContentTwoBlock>div {
	display: flex;
	position: relative;
	padding: 15px 30px;
	color: #cad0d7;
	font-size: 18px;
	border-bottom: 1px solid #41476a63;
	width: var(--100);
}

.MainThreeSectionTovarsContentTwoBlock>div::before {
	content: "\2b";
	margin-right: 16px;
	font-family: "Font";
	font-size: 20px;
	color: #6b61ee;
}

.MainThreeSectionTovarsContentTwoBlock>div:nth-last-child(1) {
	border: none;
}

.MainThreeSectionTovarsContentTwoButton {
	position: relative;
	width: var(--100);
	padding: 12px 0;
	display: flex;
	border-radius: 8px;
	border: 2px solid rgb(108,91,243);
	background: linear-gradient(270deg,RGBA(108,91,243,1) 48.76%,RGBA(164,37,254,1) 98.19%);
}

.MainThreeSectionTovarsContentTwoButton>div {
	text-align: center;
	font-size: 18px;
	margin: auto;
	margin-right: 0;
}

.MainThreeSectionTovarsContentTwoButton::after {
	content: "\f07a";
	font-family: "Font";
	display: flex;
	margin: auto;
	margin-left: 20px;
	font-size: 18px;
}

.MainThreeSectionTovarsContentTwoButton:hover {
	background: linear-gradient(270deg,RGBA(108,91,243,.8) 48.76%,RGBA(164,37,254,.8) 98.19%);
}

.FourSection {
	display: flex;
	flex-direction: column;
	margin-bottom: 100px;
}

.MainFourSectionHeaderText {
	margin: 0 auto;
	text-align: center;
	max-width: 550px;
	width: var(--100);
	font-size: 30px;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
	margin-bottom: 50px;
}

.MainFourSectionContent {
	display: flex;
}

.MainFourSectionContentGrid {
	width: 50%;
}

.MainFourSectionContent>div:nth-child(1) {
	padding-right: 50px;
}

.MainFourSectionContentGridOneText {
	font-size: 18px;
	color: #dce3ed;
	margin-bottom: 30px;
}

.MainFourSectionContentGridOneDecor {
	display: flex;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 100%;
	object-fit: contain;
	min-height: 350px;
}

.MainFourSectionContentGridTwoHeader {
	font-size: 18px;
	margin-bottom: 10px;
	color: #DCE3EF;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
}

.MainFourSectionContentGridTwoBlock {
	margin-bottom: 20px;
}

.MainFourSectionContentGridTwoBlock>div:nth-child(1) {
	margin-bottom: 8px;
	font-size: 18px;
	color: #fff;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
	position: relative;
	display: flex;
}

.MainFourSectionContentGridTwoBlock>div:nth-child(1)::before {
	content: "\f00c";
	font-family: "Font";
	display: flex;
	margin: auto 0;
	margin-right: 10px;
	font-size: 18px;
	width: fit-content;
	color: rgb(85,181,158);
}

.MainFourSectionContentGridTwoBlock>div:nth-child(2) {
	font-size: 18px;
	color: #DCE3EF;
}

.MainFourSectionContentGridTwoBlock:nth-last-child(1) {
	margin-bottom: 0;
}

.MainFiveSectionFlex {
	display: flex;
	width: var(--100);
}

.MainFiveSectionFlexBlock {
	display: flex;
	flex-direction: column;
	padding: 0 20px;
}

.MainFiveSectionFlexBlockImg {
	width: 80px;
	height: 80px;
	border-radius: 8px;
	background-color: red;
	border: 2px solid red;
	margin: 0 auto;
	margin-bottom: 10px;
	position: relative;
	display: flex;
}

.MainFiveSectionFlexBlockImg::before {
	content: "";
	display: flex;
	margin: auto;
	font-size: 40px;
	font-family: "Font";
}

.MainFiveSectionFlexBlockTitle {
	margin: 5px auto;
	display: flex;
	text-align: center;
	font-size: 18px;
	color: #fff;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
}

.MainFiveSectionFlexBlockText {
	margin: auto;
	display: flex;
	text-align: center;
	font-size: 18px;
	max-width: 400px;
	color: #8b97a6;
}

.MainFiveSectionFlexBlockImg.One {
	background-color: #2c2652;
	border-color: #452676;
}

.MainFiveSectionFlexBlockImg.Two {
	background-color: #233747;
	border-color: #2d5159;
}

.MainFiveSectionFlexBlockImg.Three {
	background-color: #262c51;
	border-color: #343672;
}

.MainFiveSectionFlexBlockImg.One::before {
	content: "\f468";
	color: #a425fe;
}

.MainFiveSectionFlexBlockImg.Two::before {
	content: "\f022";
	color: #55b59e;
}

.MainFiveSectionFlexBlockImg.Three::before {
	content: "\e473";
	color: #9146ff;
}

.MainBrandSectionBlock {
	display: flex;
	flex-direction: column;
	padding: 30px 40px;
	border-radius: 10px;
	background-color: rgb(28,38,59);
	width: var(--100);
}

.MainBrandSectionBlockTitle {
	margin-bottom: 4px;
	font-size: 20px;
	color: #fff;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
}

.MainBrandSectionBlockText {
	margin-bottom: 16px;
	font-size: 18px;
	color: #DCE3EF;
}

.MainBrandSectionBlockSmallTitle {
	font-size: 18px;
	color: #dce3efdb;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
}

.MainBrandSectionBlockTextPunkt {
	font-size: 18px;
	color: #dce3efdb;
	padding-left: 16px;
	position: relative;
}

.MainBrandSectionBlockTextPunkt>span {
	font-size: 18px;
	color: #dce3efdb;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
}

.MainBrandSectionBlockTextPunkt.MrgnBottom {
	margin-bottom: 16px;
}

.MainBrandSectionBlockTextPunkt::before {
	content: "\f111";
	font-size: 6px;
	color: #fff;
	margin: auto;
	margin-right: 10px;
	font-family: "Font";
	position: absolute;
	top: 10px;
	left: 0;
	height: fit-content;
}

.MainBrandSectionBlock>div:nth-last-child(1) {
	margin-bottom: 0;
}

.MainFourSectionHeaderText.MrgnBottomSmall {
	margin-bottom: 10px;
}

.MainThreeSectionDecorText.MrgnBottomBig {
	margin-bottom: 60px;
}

.MainSectionFaqBlock {
	display: flex;
	width: var(--100);
	background-color: #11182b;
	border-radius: 10px;
	border: 2px solid #1f2a42;
	max-width: 800px;
	margin: 0 auto;
	flex-direction: column;
	margin-bottom: 10px;
}

.MainSectionFaqBlockHeader {
	width: var(--100);
	padding: 20px;
	cursor: pointer;
	display: flex;
}

.MainSectionFaqBlockHeader>div:nth-child(1) {
	font-size: 20px;
}

.MainSectionFaqBlockHeader>div:nth-child(2) {
	margin: auto 0;
	margin-left: auto;
	color: #fff;
	position: relative;
	display: flex;
}

.MainSectionFaqBlockHeader>div:nth-child(2)::before {
	content: "\2b";
	font-family: "Font";
	font-size: 14px;
	color: #fff;
}

.MainSectionFaqBlock.Active>.MainSectionFaqBlockHeader>div:nth-child(2)::before {
	content: "\f068";
}

.MainSectionFaqBlockContent {
	display: flex;
	flex-direction: column;
	width: var(--100);
	min-height: 0px;
	height: 0;
	opacity: 0;
	visibility: hidden;
	padding: 0;
	transition: height 0s, padding 0s;
}

.MainSectionFaqBlockContent>div {
	color: #8b97a6;
	font-size: 18px;
}

.MainSectionFaqBlock.NoMrgnBottom {
	margin-bottom: 0;
}

.MainSectionFaqBlock.Active>.MainSectionFaqBlockContent {
	padding: 20px;
	padding-top: 0;
	min-height: 60px;
	height: var(--100);
	opacity: 1;
	visibility: visible;
	transition: height 0s, padding 0s;
}

.BodyMainFooter {
	width: var(--100);
	min-height: 200px;
	border-top: 2px solid #ffffff12;
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	margin-top: auto;
}

.FooterDecorSponsorsImg {
	margin: 0 auto;
	display: flex;
}

.FooterDecorSponsorsImg>img {
	margin-right: 20px;
	height: 50px;
}

.FooterDecorSponsorsImg>img:nth-last-child(1) {
	margin-right: 0;
}

.FooterAddrInfoBlock {
	display: flex;
	margin: 0 auto;
	margin-top: 20px;
}

.FooterAddrInfoBlockContent {
	min-width: 350px;
	background-color: #262c51;
	border-radius: 14px;
	padding: 12px 18px;
	display: flex;
	margin-right: 20px;
}

.FooterAddrInfoBlockContent>img {
	width: 20px;
	height: 20px;
	margin: auto;
	margin-right: 0;
}

.FooterAddrInfoBlockContent:nth-last-child(1) {
	margin-right: 0;
}

.FooterAddrInfoBlockContent>div {
	margin: auto;
	margin-left: 10px;
}

.FooterLinks {
	margin: 0 auto;
	margin-top: 20px;
	display: flex;
}

.FooterLinks>a {
	margin-right: 50px;
	font-size: 18px;
	color: #dce3ed;
}

.FooterLinks>a:nth-last-child(1) {
	margin-right: 0;
}

.FooterLinks>a:hover {
	color: #fff;
}

.NoFlexDir {
	flex-direction: unset;
}

.AuthReg {
	width: var(--100);
	display: flex;
	position: relative;
}

.AuthRegBlock {
	margin: auto;
	position: relative;
	z-index: 1;
}

.AuthRegBlockHeadTitleWelcome {
	color: rgb(108,91,243);
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 auto;
	margin-bottom: 12px;
	text-align: center;
}

.AuthRegBlockHeadTitle {
	color: #fff;
	margin: 0 auto;
	font-size: 32px;
	width: fit-content;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
}

.AuthRegForm {
	display: flex;
	flex-direction: column;
	background-color: #25303c73;
	padding: 2rem;
	margin: 0 auto;
	margin-top: 40px;
	border-radius: 16px;
	width: 440px;
}

.AuthRegBlockHeadTitle.Small {
	font-size: 18px;
}

.AuthRegFooterLink {
	margin: 0 auto;
	margin-top: 20px;
	text-align: center;
	color: #9146ff;
	width: fit-content;
	display: block;
}

.AuthRegFooterLink:hover {
	opacity: .8;
}

.AuthRegFormInput {
	margin-bottom: 20px;
}

.AuthRegFormInputTitle {
	margin-bottom: 8px;
	font-size: 16px;
}

.AuthRegFormInput>input {
	border: .0625rem solid rgb(255 255 255 / 30%);
	background-color: rgb(255 255 255 / 15%);
	color: #e7e7e7;
	display: block;
	width: 100%;
	min-height: 2.75rem;
	padding: 0.5rem 1.25rem;
	font-size: 16px;
	border-radius: 0.5rem;
}

.AuthRegFormInput>input::placeholder {
	font-weight: 500;
}

.AuthRegFormInput>input:focus {
	color: #d7d8d9;
	background-color: rgb(255 255 255 / 10%);
	border-color: rgba(108,91,243,.65);
	outline: 0;
	box-shadow: 0 0 5px 0 rgba(95,56,249,.2);
}

.AuthRegFormButton {
	background-color: #7d3ae1;
	color: #fff;
	font-size: 16px;
	padding: 10px 24px;
	border-radius: 10px;
	margin-top: 10px;
}

.AuthRegFormButton:hover {
	background-color: #652fb5;
}

.AuthReg::before {
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/Waste/Images/DecorBlur.png");
	width: 50%;
	height: 50%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
	user-select: none;
}

.AuthRegFormInputTitleBlock {
	display: flex;
}

.AuthRegFormInputTitleLink {
	margin-left: auto;
	color: #9146ff;
}

.AuthRegFormInputTitleLink:hover {
	opacity: .8;
}

.AuthRegFormMessage {
	padding: 12px;
	border-radius: 4px;
	width: 100%;
	text-align: center;
	background-color: #F44336;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 12px;
	display: none;
}

.AuthRegFormMessage.Active {
	display: flex;
}

.AuthRegFormCaptcha {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}

.AuthRegFormCaptcha>img {
	width: var(--100);
	height: 100px;
	border-radius: 10px;
	border: 1px solid #673ab7;
	margin: 0 auto;
	margin-bottom: 10px;
	user-select: none;
	pointer-events: none;
	max-width: 400px;
}

.AuthRegFormCaptcha>input {
	border: .0625rem solid rgb(255 255 255 / 30%);
	background-color: rgb(255 255 255 / 15%);
	color: #e7e7e7;
	display: block;
	width: 100%;
	min-height: 2.75rem;
	padding: 0.5rem 1.25rem;
	font-size: 16px;
	border-radius: 0.5rem;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
}

.AuthRegFormCaptcha>input::placeholder {
	font-weight: 500;
	text-transform: none;
	font-family: var(--FontSemiBold);
}

.AuthRegFormCaptcha>input:focus {
	color: #d7d8d9;
	background-color: rgb(255 255 255 / 10%);
	border-color: rgba(108,91,243,.65);
	outline: 0;
	box-shadow: 0 0 5px 0 rgba(95,56,249,.2);
}

.Profile {
	margin: auto;
}

.ProfileTitle {
	font-weight: 700;
	font-size: 2.75rem;
	text-shadow: 1px 1px #9441f545;
	background: linear-gradient(145deg,RGBA(108,91,243,1) 48.76%,RGBA(164,37,254,1) 98.19%);
	background-clip: text;
	color: #fff;
	-webkit-text-fill-color: #00000000;
	margin: 0 auto;
	width: fit-content;
	margin-bottom: 50px;
	text-align: center;
}

.ProfileBlock {
	width: 540px;
	background-color: rgba(108,91,243,.1);
	border-radius: .875rem;
	padding: 2rem;
	display: flex;
	flex-direction: column;
}

.ProfileBlock_Balance {
	display: flex;
	box-shadow: 0 0 2px 0 #6158d6e6;
	padding: .5rem 1rem;
	border-radius: .375rem;
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 20px;
	background: linear-gradient(270deg,RGBA(108,91,243,0.25) 48.76%,RGBA(164,37,254,0.25) 98.19%);
}

.ProfileBlock_Balance>div:nth-child(1) {
	font-size: 20px;
	margin: auto 0;
}

.ProfileBlock_Balance>div:nth-child(2) {
	font-size: 20px;
	margin: auto 0;
	margin-left: 10px;
	padding: 4px 8px;
	border-radius: 6px;
	background-color: #1b1e35;
}

.ProfileBlock_Discount {
	background-color: #262c51;
	border-radius: 50px;
	width: fit-content;
	margin: 0 auto;
	padding: .25rem 1rem;
	font-size: 18px;
}

.ProfileBlock_PayCards {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	margin: 20px auto;
	grid-gap: 20px 20px;
	max-width: 400px;
	width: var(--100);
}

.ProfileBlock_PayCards.NoGrid {
	grid-template-columns: repeat(1,1fr);
}

.ProfileBlock_PayCardsBlock {
	display: flex;
	padding: 8px 10px;
	background-color: rgb(255 255 255/5%);
	border-radius: 8px;
	border: 2px solid rgb(255 255 255/20%);
	cursor: pointer;
	user-select: none;
	overflow: auto;
}

.ProfileBlock_PayCardsBlock:hover {
	background-color: #ffffff21;
}

.ProfileBlock_PayCardsBlock>div {
	display: flex;
	margin: auto;
}

.ProfileBlock_PayCardsBlock>div>img {
	height: 24px;
	margin-right: 4px;
	user-select: none;
	pointer-events: none;
}

.ProfileBlock_PayCardsBlock>div>img:nth-last-child(1) {
	margin-right: 0;
}

.ProfileBlock_PayCardsBlock.Active {
	border-color: #9146ff;
}

.ProfileBlock_PayCardsBlock.Active:hover {
	background-color: rgb(255 255 255/5%);
}

.ProfileBlock_PayInputButton {
	display: flex;
	max-width: 400px;
	width: var(--100);
	margin: 0 auto;
}

.ProfileBlock_PayInputButton>input {
	width: var(--100);
	background-color: red;
	padding: 14px 16px;
	color: #fff;
	font-size: 16px;
	border-radius: 10px 0 0 10px;
	background: rgb(255 255 255 / 15%);
	border: .0625rem solid rgb(255 255 255 / 30%);
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
}

.ProfileBlock_PayInputButton>input:focus {
	color: #d7d8d9;
	background-color: rgb(255 255 255 / 10%);
	border-color: rgba(108,91,243,.65);
	outline: 0;
	box-shadow: 0 0 5px 0 rgba(95,56,249,.2);
}

.ProfileBlock_PayInputButton>button {
	background: linear-gradient(90deg,RGBA(108,91,243,1) 2.76%,RGBA(164,37,254,1) 98.19%);
	padding: 14px 20px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	outline: none;
	border-radius: 0 10px 10px 0;
	border: none;
}

.BuyBlock {
	width: 1080px;
	background-color: rgba(108,91,243,.1);
	border-radius: 0.875rem;
	padding: 2rem;
	display: flex;
}

.BuyBlockWidth {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 0 20px;
}

.BuyBlockWidth_PreviewService {
	width: var(--100);
	height: 225px;
	border-radius: .5rem;
	border: 1px solid #4346606b;
	margin: auto;
	margin-bottom: 20px;
	user-select: none;
	background-color: #9146ff4a;
	position: relative;
}

.BuyBlockWidth_PreviewService>img {
	width: var(--100);
	height: var(--100);
	display: flex;
	user-select: none;
	pointer-events: none;
	object-fit: contain;
}

.BuyBlockWidth_PreviewService::after {
	content: "";
	width: var(--100);
	height: var(--100);
	display: flex;
	user-select: none;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("/Waste/Svg/Particle.svg");
}

.BuyBlockWidth_PreviewServiceInput {
	margin-bottom: auto;
}

.BuyBlockWidth_PreviewServiceInput>input {
	font-size: 16px;
	line-height: 1.5rem;
	color: #e7e7e7;
	background-color: rgb(255 255 255 / 15%);
	border: 0.0625rem solid rgb(255 255 255 / 30%);
	min-height: 3rem;
	padding: 0.65rem 1.25rem;
	border-radius: 0.5rem;
	width: var(--100);
	text-align: center;
	font-family: "Proxima ExtraBold";
}

.BuyBlockWidth_PreviewServiceInput>input:focus {
	color: #d7d8d9;
	background-color: rgb(255 255 255 / 10%);
	border-color: rgba(108,91,243,.65);
	box-shadow: 0 0 5px 0 rgba(95,56,249,.2);
}

.BSM_C_MCFS_SortingBlock {
	position: relative;
}

.BSM_C_MCFS_Sorting_HeaderBlock {
	padding: 12px 28px;
	background-color: rgb(255 255 255 / 15%);
	border: 0.0625rem solid rgb(255 255 255 / 30%);
	user-select: none;
	cursor: pointer;
	border-radius: 4px;
	display: flex;
	position: relative;
}

.BSM_C_MCFS_Sorting_HeaderBlock>div {
	margin: auto 0;
	text-align: center;
}

.BSM_C_MCFS_Sorting_HeaderBlock>div:nth-child(1) {
	margin-right: auto;
}

.BSM_C_MCFS_Sorting_HeaderBlock:hover,
.BSM_C_MCFS_SortingBlock.Active>.BSM_C_MCFS_Sorting_HeaderBlock {
	background-color: rgb(255 255 255 / 10%);
	border-color: rgba(108,91,243,.65);
	box-shadow: 0 0 5px 0 rgba(95,56,249,.2);
}

.BSM_C_MCFS_Sorting_HeaderBlock::after {
	content: "";
	position: absolute;
	display: flex;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 6px;
	height: 6px;
	top: 0;
	right: 12px;
	bottom: 0;
	margin: auto;
	background-image: url("/Waste/Svg/MarketSortingListArrow.svg");
	transition: .3s;
}

.BSM_C_MCFS_SortingBlock.Active>.BSM_C_MCFS_Sorting_HeaderBlock::after {
	transform: rotate(180deg);
	transition: .3s;
}

.BSM_C_MCFS_Sorting_ContentBlock {
	position: absolute;
	top: var(--100);
	left: 0;
	right: 0;
	margin-top: 6px;
	width: max-content;
	min-width: var(--100);
	display: flex;
	flex-direction: column;
	max-height: 400px;
	border-radius: 4px;
	padding: 4px 0;
	background-color: #3a3d57;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-10px);
	border: 1px solid #574cb9;
	z-index: 2;
}

.BSM_C_MCFS_SortingBlock.Active>.BSM_C_MCFS_Sorting_ContentBlock {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

.BSM_C_MCFS_Sorting_CB_ListButton {
	width: var(--100);
	display: flex;
	padding: 10px 14px;
	user-select: none;
	cursor: pointer;
	font-family: var(--FontSemiBold);
	color: #c3c3c3;
	position: relative;
}

.BSM_C_MCFS_Sorting_CB_ListButton>div {
	margin: auto 0;
}

.BSM_C_MCFS_Sorting_CB_ListButton>div:nth-child(1) {
	margin-right: auto;
}

.BSM_C_MCFS_Sorting_CB_ListButton:hover,
.BSM_C_MCFS_Sorting_CB_ListButton.Active {
	background-color: #30324d;
}

.BSM_C_MCFS_Sorting_CB_ListButton.Active>div {
	color: #e149fb;
}

.BuyBlockWidth_FormServiceInput {
	margin-bottom: 10px;
	margin-top: 14px;
}

.BuyBlockWidth_FormServiceInput>input {
	font-size: 16px;
	line-height: 1.5rem;
	color: #e7e7e7;
	background-color: rgb(255 255 255 / 15%);
	border: 0.0625rem solid rgb(255 255 255 / 30%);
	min-height: 3rem;
	padding: 0.65rem 1.25rem;
	border-radius: 0.5rem;
	width: var(--100);
	font-family: "Proxima ExtraBold";
}

.BuyBlockWidth_FormServiceInput>input:focus {
	color: #d7d8d9;
	background-color: rgb(255 255 255 / 10%);
	border-color: rgba(108,91,243,.65);
	box-shadow: 0 0 5px 0 rgba(95,56,249,.2);
}

.BuyBlockWidth_FormServiceInput>div {
	margin-bottom: 8px;
	font-size: 15px;
	color: #dce3ed;
}

.BuyBlockWidth_CheckServiceBox {
	display: flex;
	margin-top: 4px;
	margin-bottom: 14px;
	cursor: pointer;
	width: fit-content;
}

.BuyBlockWidth_CheckServiceBox>.Box {
	width: 20px;
	height: 20px;
	display: flex;
	position: relative;
	border-radius: 4px;
	background-color: #ffffff26;
	border: .1rem solid rgb(255 255 255 / 20%);
}

.BuyBlockWidth_CheckServiceBox>.Text {
	display: flex;
	margin: auto 0;
	margin-left: 6px;
}

.BuyBlockWidth_CheckServiceBox>.Text>a {
	margin: 0 6px;
	color: #9146ff;
}

.BuyBlockWidth_CheckServiceBox>.Text>a:hover {
	opacity: .8;
}

.BuyBlockWidth_CheckServiceBox>.Box::after {
	content: "";
	width: var(--100);
	height: var(--100);
	display: flex;
	border-radius: 4px;
}

.BuyBlockWidth_CheckServiceBox.Active>.Box::after {
	background-color: #8d43fe;
	border: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.BuyBlockWidth_PayCards {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	margin: 0 auto;
	margin-bottom: 10px;
	grid-gap: 14px 14px;
	width: var(--100);
}

.BuyBlockWidth_PayCardsBlock {
	display: flex;
	padding: 10px;
	background-color: rgb(255 255 255/5%);
	border-radius: 8px;
	border: 2px solid rgb(255 255 255/20%);
	cursor: pointer;
	user-select: none;
	overflow: auto;
}

.BuyBlockWidth_PayCardsBlock:hover {
	background-color: #ffffff21;
}

.BuyBlockWidth_PayCardsBlock>div {
	display: flex;
	margin: auto;
}

.BuyBlockWidth_PayCardsBlock>div>img {
	height: 24px;
	margin-right: 4px;
	user-select: none;
	pointer-events: none;
}

.BuyBlockWidth_PayCardsBlock>div>img:nth-last-child(1) {
	margin-right: 0;
}

.BuyBlockWidth_PayCardsBlock.Active {
	border-color: #9146ff;
}

.BuyBlockWidth_PayCardsBlock.Active:hover {
	background-color: rgb(255 255 255/5%);
}

.BuyBlockWidth_PayButton {
	background: linear-gradient(90deg,RGBA(108,91,243,1) 48.76%,RGBA(164,37,254,1) 98.19%);
	font-size: 16px;
	padding: 12px;
	margin-top: 10px;
	border-radius: 6px;
	border: none;
}

.BuyBlockWidth_PayButton:hover {
	opacity: .8;
}

div>.BuyBlockWidth_PayCardsBlock:nth-child(odd):last-child {
	grid-column: 1 / -1;
}

.BuyBlockWidth_PayButton:disabled {
	opacity: .6;
	pointer-events: none;
}

.BuyBlockWidth_FormServiceRangeInput {
	margin-bottom: 6px;
}

.BuyBlockWidth_FormServiceRangeInput>div {
	margin-bottom: 8px;
	font-size: 15px;
	color: #dce3ed;
	margin-top: 4px;
}

.BuyBlockWidth_FormServiceRangeInput>input {
	display: none !important;
}

.Orders {
	max-width: 980px;
	width: var(--100);
	display: flex;
	flex-direction: column;
	margin: auto;
}

.ProfileOrdersBlock {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	margin: 0 auto;
	margin-bottom: 20px;
	grid-gap: 14px 20px;
	width: var(--100);
	max-width: 1600px;
}

.ProfileOrderCard {
	background-color: #6c5bf340;
	padding: 15px;
	border-radius: 0.5rem;
	display: flex;
}

.ProfileOrderCardFlexLeft {
	margin-right: auto;
	flex-direction: column;
	display: flex;
}

.ProfileOrderCardFlexRight {
	margin-left: auto;
	display: flex;
	flex-direction: column;
}

.ProfileOrderCardFlexLeft_Title {
	color: #c9c9c9;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
	margin-bottom: auto;
}

.ProfileOrderCardFlexLeft_Value {
	margin: 8px 0;
	margin-top: 4px;
}

.ProfileOrderCardFlexLeft_Status {
	padding: 4px 12px;
	border-radius: 8px;
	background-color: #8e7449;
	width: fit-content;
	font-size: 14px;
	margin-top: auto;
}

.ProfileOrderCardFlexRight_Value {
	margin-left: auto;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
}

.ProfileOrderCardFlexRight_Email {
	margin: auto 0;
	margin-left: auto;
	color: #b7b7b7;
}

.ProfileOrderCardFlexRight_Date {
	margin-left: auto;
	color: #797979;
	font-size: 14px;
}

.ProfileOrderCardFlexLeft_Status.Paid {
	background-color: #3d6e7b;
}

.Support {
	margin: auto;
	max-width: 720px;
	width: var(--100);
	padding-top: 50px;
	padding-bottom: 50px;
}

.SupportBlock {
	padding: 20px;
	border-radius: 10px;
	background-color: rgba(108,91,243,.1);
}

.SupportChatBlock {
	width: 100%;
	height: 100%;
	min-height: 500px;
	max-height: 500px;
	background-color: #0e1424;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
}

.SupportCB_TextArea {
	width: 100%;
	height: 150px;
	background-color: #00030a;
	border-radius: 4px;
	margin-top: 10px;
	border: none;
	outline: none;
	resize: none;
	color: #fff;
	padding: 12px;
	font-size: 16px;
}

.SupportCB_Send {
	margin-top: 10px;
	background-color: #9146ff;
	text-align: center;
	width: 100%;
	padding: 12px;
	border-radius: 6px;
	border: none;
	outline: none;
	color: #fff;
	font-size: 16px;
	font-family: "Jakarta",sans-serif;
	font-weight: bold;
}

.SupportCB_Send:hover {
	opacity: .8;
}

.SupportChatReverseBlock {
	flex-direction: column-reverse;
	display: flex;
	height: 100%;
	width: 100%;
	overflow: auto;
	min-height: 500px;
}

.SupportChatReverseReverseBlock {
	width: 100%;
	height: 100%;
	margin-bottom: auto;
	padding: 8px;
}

.SupportChatRRMessageBlock {
	width: 100%;
	padding: 12px;
	border-radius: 4px;
	background-color: #192135;
	margin-bottom: 10px;
}

.SupportChatRRMessageBlock.IsSupport {
	background-color: #283149;
}

.SupportChatRRMessageBlock:nth-last-child(1) {
	margin-bottom: 0;
}

.SupportChatRRMessageBlock>div.Author {
	font-weight: bold;
	line-height: 21px;
}

.SupportChatRRMessageBlock.IsSupport>div.Author {
	color: #F44336;
}

.SupportChatRRMessageBlock>div.Message {
	font-size: 15px;
	word-break: break-all;
	border-left-style: solid;
	padding-left: 6px;
	margin-left: 2px;
}

.SupportChatRRMessageBlock>div.Author>span.Time {
	font-size: 12px;
	margin-left: 8px;
	background-color: #575757;
	padding: 2px;
	border-radius: 5px;
	color: #dfdfdf;
}

.SupportChatRRMessageBlock.User>div.Author {
	color: #fff;
}

.MainSectionBox {
	display: flex;
	flex-direction: column;
	background-color: #1c263b;
	border-radius: 10px;
	padding: 30px;
	max-width: 1080px;
	margin: 0 auto;
}

.MainSectionBox_TextSpan {
	margin-bottom: 20px;
}

.MainSectionBox>.MainSectionBox_TextSpan:nth-last-child(1) {
	margin-bottom: 0;
}

.MainSectionBox_TextSpan.Gray {
	color: #d7d7d7;
}

.MainSectionBox_TextSpan.MrgnBottom4px {
	margin-bottom: 4px;
}

.HeaderRightMobileButton {
	display: none;
	margin: auto;
	margin-right: 0;
	background-color: transparent;
	position: relative;
	cursor: pointer;
	width: 26px;
	height: 26px;
	padding: 0;
	user-select: none;
}

.HeaderRightMobileButton::after {
	content: "";
	background-image: url("/Waste/Svg/MobileMenu.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	width: var(--100);
	height: var(--100);
	margin: auto;
}

.MainMobileMenu {
	display: flex;
	position: fixed;
	width: var(--100);
	height: var(--100);
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.MainMobileMenu_BackGround {
	width: var(--100);
	height: var(--100);
	display: flex;
	background-color: #0000002e;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.MainMobileMenu_Content {
	position: absolute;
	z-index: 2;
	background-color: #1a1b23;
	max-width: 420px;
	width: var(--100);
	height: var(--100);
	display: flex;
	flex-direction: column;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	padding: 20px;
	transform: translateX(100%);
	overflow: auto;
}

.MainMobileMenu_ContentCloseButton {
	margin-left: auto;
	margin-bottom: 10px;
	display: flex;
	background-color: transparent;
	position: relative;
	cursor: pointer;
	width: 30px;
	min-height: 30px;
	padding: 0;
	user-select: none;
}

.MainMobileMenu_ContentCloseButton::after {
	content: "";
	background-image: url("/Waste/Svg/MobileMenuClose.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	width: var(--100);
	height: var(--100);
	margin: auto;
}

.MainMobileMenu.Active {
	opacity: 1;
	visibility: visible;
	pointer-events: unset;
}

.MainMobileMenu.Active>.MainMobileMenu_Content {
	transform: translateX(0);
}

.MainMobileMenu_ViewLink {
	display: flex;
	flex-direction: column;
	width: var(--100);
	user-select: none;
	margin-bottom: 16px;
	border: 2px dashed #ffffff7d;
	padding-top: 6px;
	border-radius: 4px;
}

.MainMobileMenu_ViewLinkTitle {
	margin-bottom: 4px;
	padding: 0 8px;
	position: relative;
	color: #ffffff73;
	display: flex;
}

.MainMobileMenu_ViewLinkViewerTitle {
	display: flex;
	width: var(--100);
	padding: 6px 0;
	margin: -6px 0;
}

.MainMobileMenu_ViewLinkViewerTitle::after {
	content: "";
	display: flex;
	content: "\f175";
	font-family: "Font";
	color: #fff;
	transition: .2s;
	margin: auto 0;
	margin-left: auto;
	font-size: 12px;
	pointer-events: none;
}

.MainMobileMenu_ViewLinkViewerTitle>div {
	display: block;
	width: fit-content;
	margin-right: auto;
	pointer-events: none;
}

.MainMobileMenu_ViewLinkViewer.Active>.MainMobileMenu_ViewLinkViewerTitle>div,
.MainMobileMenu_ViewLinkViewer.Active>.MainMobileMenu_ViewLinkViewerTitle::after {
	color: #9d66ff;
}

.MainMobileMenu_ViewLinkViewer {
	display: flex;
	flex-direction: column;
	padding: 6px 8px;
	border-radius: 6px;
	margin-bottom: 10px;
}

.MainMobileMenu_ViewLinkViewer.Active {
	background-color: #0e0e0e;
}

.MainMobileMenu_ViewLinkViewerView {
	display: none;
	flex-direction: column;
	margin-top: 10px;
}

.MainMobileMenu_ViewLinkViewerView_Link {
	padding: 4px 0;
	padding-left: 15px;
	display: block;
	margin-bottom: 10px;
	position: relative;
}

.MainMobileMenu_ViewLinkViewerView>.MainMobileMenu_ViewLinkViewerView_Link:nth-last-child(1) {
	margin-bottom: 0;
}

.MainMobileMenu_ViewLinkViewerView_Link::before {
	content: "⎯";
	position: absolute;
	display: flex;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	height: fit-content;
}

.MainMobileMenu_ViewLinkViewer.Active>.MainMobileMenu_ViewLinkViewerView {
	display: flex;
}

.MainMobileMenu_ViewLinkViewerView_Link.Active {
	color: #9d66ff;
}

.MainMobileMenu_ViewLink:nth-last-child(1) {
	margin-bottom: 0;
}

.MainMobileMenu_ViewLink>.MainMobileMenu_ViewLinkViewer:nth-last-child(1) {
	margin-bottom: 0;
}

.MainMobileMenu_ContentLink {
	margin-bottom: 10px;
	padding: 6px 0;
	border-bottom: 2px dashed #ffffff7d;
}

.MainMobileMenu_Content>.MainMobileMenu_ContentLink:nth-last-child(1) {
	margin-bottom: 0;
}

.MainMobileMenu_Content>.MainMobileMenu_ContentLink:nth-child(1) {
	margin-top: 10px;
}

.BodyMaxSectionMainDecorDot {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-image: url("/Waste/Images/dot-a-white.png");
	background-size: 20px 20px;
	background-position: center;
}

.AuthRegFormButton:disabled {
	opacity: .6;
	pointer-events: none;
}

.InputResetCode {
	text-align: center !important;
	font-size: 20px !important;
	min-height: 3.75rem !important;
	letter-spacing: 10px;
}

.HeaderViewAccountLogin {
	display: flex;
	text-align: center;
	margin: auto;
	position: absolute;
	top: 100%;
	right: 0;
	padding: 12px 14px;
	padding-left: 38px;
	border-radius: 8px;
	background-color: #344267;
}

.HeaderViewAccountLogin::before {
	content: "\f2bd";
	font-family: "Font";
	position: absolute;
	font-size: 18px;
	margin: auto;
	width: 18px;
	height: 18px;
	top: 0;
	left: 10px;
	bottom: 0;
}

button:disabled {
	pointer-events: none;
	opacity: .8;
}

.ButtonTable {
	background-color: #202020;
	border-radius: 4px;
	padding: 6px 12px;
	margin: auto;
}

.ButtonTable:hover {
	background-color: #505050;
}

.PanelModal {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: var(--100);
	height: var(--100);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 11121;
}

.PanelModal.Active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.PanelModalBackGround {
	display: flex;
	position: absolute;
	background-color: #00000038;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: var(--100);
	height: var(--100);
}

.PanelModalBlock {
	margin: auto;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	background-color: #303030;
	border: 1px dashed #535353;
	z-index: 1;
	position: relative;
	max-width: 420px;
	width: var(--100);
	transform: scale(.95);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.PanelModal.Active>.PanelModalBlockScroll>.PanelModalBlock {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: scale(1);
}

.PanelModalBlockHeader {
	border-radius: 10px;
	padding: 10px 12px;
	background-color: #424242;
	width: var(--100);
	display: flex;
}

.PanelModalBlockHeader_Title {
	text-align: center;
	margin: auto 0;
	margin-right: auto;
	font-size: 15px;
	color: #fff;
	font-family: var(--FontExtraBold);
}

.PanelModalBlockHeader_ExitButton {
	user-select: none;
	border-radius: 4px;
	padding: 8px 10px;
	background-color: #1f1f1f;
}

.PanelModalBlockHeader_ExitButton:hover {
	background-color: #2e2e2e;
}

.PanelModalBlockContent {
	width: var(--100);
	padding: 12px;
	display: flex;
	flex-direction: column;
}

.PanelModalBlockContent_InputBlock {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
	width: var(--100);
}

.PanelModalBlockContent_InputBlock_Title {
	margin-bottom: 4px;
}

.PanelModalBlockContent_InputBlock_Input {
	background-color: #151515;
	padding: 12px;
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	font-family: var(--FontExtraBold);
}

.PanelModalBlockContent_InputBlock_Input:hover,
.PanelModalBlockContent_InputBlock_Input:focus {
	background-color: #1e1e1e;
}

.PanelModalBlockContent_InputBlock_Input:read-only {
	border: 1px solid #f44336;
}

.PanelModalBlockContent_Button {
	margin-top: 10px;
	background-color: #515151;
	border-radius: 4px;
	width: var(--100);
	padding: 10px 12px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	user-select: none;
	font-family: var(--FontExtraBold);
}

.PanelModalBlockContent_Button:hover {
	background-color: #686868;
}

.PanelModalBlockScroll {
	width: var(--100);
	height: var(--100);
	overflow: auto;
	padding: 10px;
	display: flex;
}


