/* RESET */

* {
	padding: 0;
	margin: 0;
}

.ur-form-row .flatpickr-input,
.ur-form-row .input-text {
	padding-left: 0.9rem !important;
}

:root {
	/* --success: #50cc89; */
	--success: #D69038;
	/* --main: #067b78; */
	--main: #D69038;
	--gray: #d2d2d2;
	/* --mainhover: #0b9c99; */
	--mainhover: #d18423;
	--grayhover: #e0dede;
}

fieldset {
	border: 0;
}

body {
	font-family: "Montserrat", sans-serif;
	/* -webkit-user-select: none; */
	/* -moz-user-select: none; */
	/* -ms-user-select: none; */
	/* user-select: none; */
	font-size: 14px;
}

.burger {
	position: fixed;
	bottom: 25px;
	right: 20px;
	z-index: 100;
	display: none;
}

.burger::after {
    position: absolute;
    top: -15px;
    left: -7px;
    content: '';
    width: 45px;
    height: 45px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.burger__line {
	background-color: #000;
	height: 2px;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
    opacity: 0;
}

.burger__top {
	margin-bottom: 4px;
	width: 30px;
}

.burger__middle {
	width: 30px;
	margin-bottom: 4px;
}

.burger__bottom {
	width: 15px;
	margin-left: 15px;
}

html.menu-expanded .burger {
	z-index: 110;
}

html.menu-expanded .burger::after {
    display: none;
}

html.menu-expanded .burger__line {
	background-color: #fff;
    opacity: 1;
}

html.menu-expanded .burger__top {
	transform: rotate(45deg) translate(4px, 5px);
}

html.menu-expanded .burger__middle {
	transform: rotate(-45deg) translate(0px, 0px);
}

html.menu-expanded .burger__bottom {
	opacity: 0;
}

/* html.menu-expanded .lk__content-wrapper::before {
	content: "";
	display: block;
	z-index: 50;
	position: fixed;
	inset: 0;
} */

/*  */


/*  */


.lead-text {
	font-size: 1.1rem;
	line-height: 1.5;
}

.bold {
	font-weight: 600;
}

.space {
	height: 1rem;
}

.space--small {
	height: 0.5rem;
}

.note {
	font-size: 0.75rem;
	opacity: 0.7;
	line-height: 1.3;
}



/* SIGN UP / SIGN IN */

#user-registration,
#user-registration.horizontal {
	box-shadow: 0 2px 20px rgba(45, 53, 89, .1);
}



.ur-frontend-form.login {
	padding: 20px 28px !important;
}

.user-registration-error {
	border: 0;
	background-color: revert;
	padding: 0;
}

.page-template-page-signin .user-registration-error {
	text-align: center;
	padding-top: 1rem;
}

.user-registration-error::before {
	display: none;
}

#user_agreement_field a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed;
}



/* Invite system */
#user_registration_custom_ref_code_field,
.custom_ref_code {
	display: none !important;
}

/* Invite system end */


/**** 
GLOBAL
****/

.heading {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2rem;
	align-items: center;
}

.h1 {
	font-size: 1.6em;
	font-weight: 500;
}

.subheading {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}


.actions.right {
	text-align: right;
	position: absolute;
	top: 20px;
	right: 30px;
    display: flex;

}

.actions .button+.button {
	margin-left: 1rem;
}

.button {
	display: inline-block;
	font-weight: 600;
	padding: 0.8rem 1.3rem;
	text-decoration: none;
	font-size: 0.85rem;
	border-radius: 4px;
	transition: background-color 0.3s;
}

.button:hover {
	cursor: pointer;
}

.button>svg {
	position: relative;
	width: 18px;
	height: 18px;
	margin-top: -6px;
	top: 4px;
}

.main-button {
	background-color: var(--main);
	color: #fff;
}

.main-button:hover {
	background-color: var(--mainhover);
}

.secondary-button {
	background-color: var(--gray);
	color: #000;
}

.secondary-button:hover {
	background-color: var(--grayhover);
    border: none;
    color: black;
}


.delete-link.button {
	color: #bf4444;
}

.new-button {
    display: flex;
    width: 230px;
    height: 45px;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 6px;
    background: #D6A374;
}

.new-button-secondary {
    background-color: rgba(255,255,255,0);
    border: 2px solid #D6A374;
    color: #D6A374;
}








/*** LK CSS ***/
.lk__sidebar {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 101;
	overflow: auto;
	width: 240px;
	transition: left .3s ease;
	/* background-color: #0E0C0F; */
	background-color: #2B2630;
	box-sizing: border-box;
	color: #fff;
	font-size: 0.9em;
	padding-bottom: 20px;
}

.sidebar-padding {
	box-sizing: border-box;
	padding: 0 25px;
}

.lk__logo-wrapper {
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
}

.lk__logo-wrapper > div {
    font-size: 0.6rem;
    line-height: 1.5;
    opacity: 0.8;
    color: white;
}

@media (max-width:600px){
    .lk__logo-wrapper > div {
        font-size: 9px;
    }
}

.lk__logo {
	display: inline-block;

}

.lk__logo>img {
	max-width: 100%;
	width: 142px;
	display: block;
}

.lk__account {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	/* border-top: 1px solid #114444; */
	/* border-bottom: 1px solid #114444; */
}

.lk__account__name {
	font-weight: 400;
	font-size: 1.2rem;
}

.lk__account__online span {
	color: #8f8f8f;
	font-size: 0.8em;
}

.lk__account__split {
	display: flex;
	margin-top: 1rem;
	justify-content: space-around;
}

.lk__account__link-wrapper {
	/* width: 50%; */
}

.lk__account__link {
	display: flex;
	text-decoration: none;
	color: #6E6D6F;
	font-size: 0.8em;
	align-items: center;
	font-weight: 600;
}

.lk__account__fill-payment-info {
	font-size: 0.7rem;
	margin-top: 1rem;
}

.lk__account__fill-payment-info>a {
	color: #fff;
	text-decoration: none;
	opacity: 0.8;
}

.sidebar-menu {
	list-style-type: none;
	padding: 25px 18px;
}

.sidebar-menu li+li {
	margin-top: 1em;
}

.sidebar-menu a {
	display: block;
	width: 100%;
	/* height: 100%; */
	text-decoration: none;
	box-sizing: border-box;
	padding: 10px 7px;
	display: flex;
	align-items: center;
	color: #fff;
	border-radius: 4px;
	position: relative;
	/*overflow: hidden;*/
}

.sidebar-menu li a.active {
	background-color: var(--main);
}

.sidebar-menu li svg {
	width: 24px;
	height: 24px;
	will-change: opacity;
	transition: opacity .3s ease;
	opacity: 0.7;
}

.sidebar-menu li:hover svg {
	opacity: 1;
}

.sidebar-menu li a.active svg {
	opacity: 1;
}

.sidebar-menu li div {
	box-sizing: border-box;
	padding-left: 12px;
	padding-right: 18px;
	will-change: opacity;
	transition: opacity .3s ease;
	opacity: 0.6;
}

.sidebar-menu li:hover div {
	opacity: 0.9;
}

.sidebar-menu li a.active div {
	opacity: 1;
}


.sidebar-menu li a::after {
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	will-change: opacity;
	opacity: 0.5;
	position: absolute;
	right: 10px;
	top: calc(50% - 5px);
	transition: opacity .3s ease;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='white'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93537 4.57889C6.03839 4.77912 6.0191 5.0363 5.87137 5.21403L2.87153 8.82282C2.68598 9.04603 2.36951 9.06026 2.16468 8.8546C1.95985 8.64893 1.94422 8.30126 2.12977 8.07804L4.80594 4.85863L2.15586 1.93583C1.96104 1.72096 1.96165 1.37314 2.15722 1.15895C2.35279 0.944757 2.66927 0.945311 2.86409 1.16018L5.85194 4.45551C5.8859 4.49296 5.91371 4.53459 5.93537 4.57889Z'/%3e%3c/svg%3e");
}

.sidebar-menu li:hover a::after {
	opacity: 0.8;
}

.sidebar-menu li a.active::after {
	opacity: 1;
}

/*  */
.support-link-wrapper {
	position: absolute;
	right: 1rem;
	/* bottom: 3rem; */
	left: 1rem;
	text-align: center;
}

.support-link-wrapper--sign-in {
	bottom: 3rem;
}

.support-link {
	opacity: 0.8;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted;
	transition: opacity 0.3s;
}

.support-link:hover {
	opacity: 1;
}




/*  */
.presentation-link-wrapper {
	margin-top: 4rem;
	text-align: center;
	margin-left: -2rem;
	margin-right: -2rem;
}

.presentation-link {
	text-decoration: none;
	font-weight: 500;
	font-size: 0.8rem;
	padding: 1rem 1.3rem;
	border-radius: 5px;
	color: var(--main);
	border: 2px solid var(--main);
	background-color: rgba(0, 0, 0, 0);
	transition: background-color 0.3s, color 0.3s;
}

.presentation-link:hover {
	background-color: var(--main);
	color: #fff;
}




/*  */
.lk__content-wrapper {
	box-sizing: border-box;
	padding-left: 240px;
	background-color: #f2f3f6;
}

.lk__content {
	box-sizing: border-box;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	min-height: 100vh;
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}

.lk__grid {
	display: flex;
	margin: -15px;
	flex-wrap: wrap;
}

.lk__grid__item-wrapper {
	width: 33.3%;
	box-sizing: border-box;
	padding: 15px;
}

.lk__grid__item-wrapper.quarter {
	width: 25%;
}

.lk__grid__item-wrapper.half {
	width: 50%;
}

.lk__grid__item-wrapper.big {
	width: 66.6%;
}

.lk__grid__item-wrapper.full {
	width: 100%;
}

.lk__grid__item {
	/* box-shadow: -10px 48.5967px 73px rgba(126, 123, 160, 0.2); */
	border-radius: 10px;
	box-sizing: border-box;
	/* padding: 30px; */
	height: 100%;
	background-color: #f2f3f6;
}

.lk__grid__item__heading {
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

.lk__grid__item.dark {
	color: #fff;
}

.widget-grade {
	/* background-image: url(https://www.publicdomainpictures.net/pictures/320000/velka/sunset-clouds-1578320765wta.jpg); */
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
	position: relative;
}

.widget-grade::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #e0456b;
	opacity: 0.8;
}


.widget-grade .inner {
	position: relative;
}

.widget-grade__value__level {
	font-weight: 700;
	font-size: 11rem;
	text-align: center;
	text-shadow: 4px 16px 34px #dc003e;
	line-height: 1;
	margin-bottom: 1rem;
}

.widget-grade__value__text {
	font-weight: 600;
	text-align: center;
	margin-bottom: 1rem;
}

.widget-grade__value__info {
	text-align: center;
	font-size: 0.8rem;
}

.widget-grade__value__info>a {
	color: #fff;
}


/* NEW */
.align-middle {
	align-items: center;
}

.lk__grid__widget-wrapper {
	width: 25%;
	box-sizing: border-box;
	padding: 15px;
}

.lk__grid__widget {
	height: 100%;
}

.lk__grid__widget-gradebar {
	height: revert;
}

.lk__grid__widget-wrapper.w22 {
	width: 22%;
}

.lk__grid__widget-wrapper.w26 {
	width: 26%;
}

.lk__grid__widget-wrapper.full {
	width: 100%;
}

.lk__grid__widget__heading {
	font-size: 1rem;
	color: #4A4A4A;
	font-weight: 500;
	margin-bottom: 0.85rem;
}

.lk__grid__widget__box {
	background: #FFFFFF;
	box-shadow: -6px 9px 27px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	box-sizing: border-box;
	padding: 30px;
	min-height: calc(100% - 35px);
	display: flex;
	position: relative;
}

.lk__grid__widget__box__inner {
	width: 100%;
	/* position: relative; */
	/* z-index: 2; */
}

.lk__grid__widget__number {
	color: #D69038;
	position: relative;
}

.lk__grid__widget__number__value {
	font-size: 2.4rem;
	line-height: 1;
}

.lk__grid__widget__number__currency {
	font-weight: 600;
	position: absolute;
	top: 0.1rem;
	margin-left: 5px;
	font-size: 1.2rem;
}

.lk__grid__widget__text {
	font-size: 0.95rem;
	color: #4F4F4F;
	font-weight: 600;
	margin-top: 8px;
}

.lk__grid__widget__text>span {
	color: #8E7BB1;
}

.lk__grid__widget__line {
	height: 2px;
	background-color: #D8D8D8;
	margin-top: 11px;
	margin-bottom: 13px;
}

.lk__grid__widget__bottom {
	font-size: 16px;
}

.lk__grid__widget__bottom a {
	color: inherit;
	border-bottom: 1px dashed;
	font-size: 0.9rem;
	text-decoration: none;
	opacity: 0.7;
}

.lk__grid__widget__bottom>span {
	font-weight: 600;
	color: #D69038;
	/*font-size: 23px;*/
}

.lk__grid__widget__actions {
	display: flex;
	justify-content: flex-end;
}

.lk__grid__widget__actions__item {
	display: flex;
	border-radius: 100px;
	text-decoration: none;
	align-items: center;
	font-size: 0.9rem;
	box-sizing: border-box;
	font-weight: 600;
	padding: 0 2rem;
	color: #FFF;
	text-align: center;
	justify-content: center;
	height: 2.8rem;
}

.lk__grid__widget__actions__item.purple {
	background-image: linear-gradient(180deg, #B8A6DA 0%, #8E7BB1 100%);
}

.lk__grid__widget__actions__item.gold {
	background-image: linear-gradient(180deg, #D2AD7D 0%, #D69038 100%);
}

.lk__grid__widget__actions__item+.lk__grid__widget__actions__item {
	margin-left: 1rem;
}

.lk__grid__widget__actions__item svg {
	max-width: 1.4rem;
	max-height: 1.4rem;
	margin-right: 0.3rem;
}

.lk__grid__widget.align-middle {
	display: flex;
	align-items: center;
}

.lk__grid__widget.align-middle .lk__grid__widget__inner {
	width: 100%;
	text-align: center;
}


/* DEMO DATA */
.lk__grid__widget__box__demo {
	position: absolute;
	right: 1.2rem;
	top: 1.3rem;
}

.lk__grid__widget__box__demo:hover {
	cursor: pointer;
}

.lk__grid__widget__box__demo .exclamation {
	font-weight: 700;
	color: #db3333;
	font-size: 4.5rem;
	line-height: 1;
}

.lk__grid__widget__box__demo__hover {
	position: absolute;
	right: -250px;
	top: 0;
	z-index: 5;
	width: 250px;
	max-height: 0;
	overflow: hidden;
	font-size: 0.7rem;
	line-height: 1.5;
	background-color: #FFF;
	border-radius: 5px;
	box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	transition: max-height 0.3s, box-shadow 0.3s;
}

.lk__grid__widget__box__demo__hover span {
	font-weight: 500;
}

.lk__grid__widget__box__demo__hover .inner {
	padding: 1rem;
}

.lk__grid__widget__box__demo:hover .lk__grid__widget__box__demo__hover {
	max-height: 300px;
	box-shadow: -6px 9px 27px rgb(0 0 0 / 5%);
}


/*GRADE BAR*/
.gradebar {
	display: flex;
	text-align: center;
	justify-content: center;
	box-sizing: border-box;
	padding-left: 5%;
	padding-right: 5%;
	justify-content: space-between;
	position: relative;
	padding-top: 10px;
	margin-top: 150px;
}

.gradebar-line {
	position: absolute;
	top: 26px;
	height: 8px;
	left: calc(5% + 165px);
	right: calc(5% + 165px);
	background-color: #E9E9E9;
	border-radius: 50px;
}

.gradebar__level {
	width: 330px;
	position: relative;
}

.gradebar__level.active .gradebar__level__circle {
	background-color: rgba(214, 144, 56, 0.2);
	border-color: #D69038;
	backdrop-filter: blur(2px);
}

.gradebar__level.active .gradebar__level__circle::before {
	background-color: #D69038;
}

.gradebar__level__circle {
	width: 40px;
	height: 40px;
	border: 4px solid #C4C4C4;
	box-sizing: border-box;
	margin: auto;
	border-radius: 50%;
	position: relative;
	/*backdrop-filter: blur(1px);*/
}

.gradebar__level__circle::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #C4C4C4;
	position: absolute;
	top: calc(50% - 5px);
	left: calc(50% - 5px);
}

.gradebar__level__text {
	padding-top: 20px;
}

.gradebar__level__name {
	font-weight: 600;
	font-size: 1.1rem;
	line-height: 151.7%;
}

.gradebar__level__amount {
	font-weight: 600;
	font-size: 0.85rem;
	color: var(--main);
	opacity: 0.5;
	/* margin-bottom: 1rem; */
	position: absolute;
	top: -24px;
	text-align: center;
	right: 0;
	left: 0;
	z-index: 15;
}

.gradebar__level__description {
	margin-top: 0.8rem;
	color: #666666;
	text-align: left;
	font-size: 0.8rem;
}

.gradebar__level__description ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.gradebar__level__description ul li {
	margin-bottom: 0.6rem;
}

.gradebar__level__description ul li::before {
	content: "• ";
}

.gradebar-point {
	position: absolute;
	bottom: 12px;
	left: 15%;
}

.gradebar-line__progress {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1px;
	width: 15%;
	background-image: linear-gradient(90deg, #D69038 -2.72%, #F4D6B0 100%);

}

.gradebar-point::after {
	content: "";
	display: block;
	border-left: 2px dashed #D69038;
	width: 0;
	height: 55px;
}

.gradebar-point__inner {
	border: 2px solid #D69038;
	box-sizing: border-box;
	border-radius: 7px;
	bottom: 0px;
	width: 206px;
	/* height: 80px; */
	padding: 2px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
	position: relative;
	left: -103px;
}

.gradebar-point__amount {
	width: 100%;
	font-size: 0.9rem;
	font-weight: 600;
	color: #4a4a4a;
	margin-bottom: 0.4rem;
}

.gradebar-point__text {
	width: 100%;
	color: #4f4f4f;
	font-size: 0.7rem;
}



@media screen and (max-width: 1500px) {
	.gradebar {
		padding-left: 0;
		padding-right: 0;
	}

	.gradebar-line {
		left: 165px;
		right: 165px;
	}
}


.gradebar__expand {
	display: none;
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: -20px;
	left: 0;
	color: var(--main);
	font-weight: 500;
}


/*** LK CSS END ***/


/* MOBILE NAVBAR */
.mobile-navbar-menu {
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #2B2630;
	z-index: 50;
	justify-content: space-between;
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*padding: 1.5rem 15px;*/
}

.mobile-navbar-menu a {
	color: #fff;
	text-decoration: none;
	height: inherit;
	display: block;
	padding-top: 0.7rem;
	padding-bottom: 0.6rem;
	box-sizing: border-box;
	text-align: center;
	height: 100%;
	position: relative;
}

.mobile-navbar-menu a div {
	font-size: 0.9rem;
}

.mobile-navbar-menu>li {
	width: 23%;
	text-align: center;
	/*height: 100%;*/
}

.mobile-navbar-menu>li>div {
	text-align: left;
}

.mobile-navbar-menu svg {
	width: 21px;
	height: 21px;
}


.mobile-navbar-menu>li.active a {}

.mobile-navbar-menu>li.active a svg path,
.mobile-navbar-menu>li.active a svg rect {
	fill: var(--main);
}

.mobile-navbar-menu>li.active a svg {
	filter: drop-shadow(0 0 4px rgb(214 144 56 / 50%))
}

.mobile-navbar-menu>li.active a::after {
	content: "";
	display: block;
	position: absolute;
	left: 15%;
	bottom: -5px;
	width: 70%;
	height: 10px;
	border-radius: 5px;
	background-color: var(--main);
}

/* MOBILE NAVBAR END */



/* NOT APPROVED */
.not-approved-modal {
	width: 550px;
	background-color: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	position: absolute;
	left: calc(50% - 160px);
	top: calc(50% - 100px);
	z-index: 5;
	box-sizing: border-box;
	padding: 1.2rem;
}

.not-approved-modal__heading {
	font-weight: 600;
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}

.not-approved-modal__text {
	font-size: 0.8rem;
	line-height: 1.5;
}

.not-approved-modal__text p {
	margin-bottom: 1rem;
}

.not-approved-modal__text a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed;
}

/*GLOBAL*/
button,
input,
textarea {
	font-family: "Montserrat", Sans-Serif;
}

/**/

.signup__split {
	display: flex;
	width: 100%;
	min-height: 100vh;
}

.signup__sidebar {
	/* padding-top: 50px; */
	width: 300px;
	background-color: #2B2630;
	position: relative;
	box-sizing: border-box;
	padding-bottom: 6rem;
}

.signup__sidebar__limit {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding-left: 25px;
	padding-right: 25px;
}

.signup__logo {
	display: inline-block;
	width: 150px;
}

.signup__logo>img {
	width: 100%;
}

.signup__steps {
	margin-top: 12vh;
	box-sizing: border-box;
	padding-left: 1.4rem;
	padding-right: 1.4rem;
}

.signup__steps__item {
	display: flex;
}

.signup__steps__item+.signup__steps__item {
	margin-top: 2rem;
}

.signup__steps__item__number {
	width: 40px;
	height: 40px;
	background-color: #f0f0f0;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	font-weight: 600;
	font-size: 0.9rem;
}

.signup__steps__item:first-child .signup__steps__item__number {
	background-color: #e5d2b9;
}

.signup__steps__item__content {
	width: calc(100% - 40px);
	box-sizing: border-box;
	padding-left: 15px;
	color: #fff;
}

.signup__steps__item__heading {
	font-weight: 500;
	line-height: 1.3;
	font-size: 0.9em;
	margin-bottom: 0.4rem;
}

.signup__steps__item__text {
	font-size: 0.8rem;
	line-height: 1.5;
	opacity: 0.8;
}

/**/


.signup__content {
	padding-top: 50px;
	width: calc(100% - 300px);
	background-color: #f0f0f0;
}

.signup__content__limit {
	max-width: 600px;
	margin: 0 auto;
}


.signup__heading {
	font-size: 1.5em;
	font-weight: 600;
	margin-bottom: 0.5em;
}

.signup__lead {
	font-weight: 500;
	margin-bottom: 2em;
	color: #909090;
}

.signup__lead a {
	color: #168280;
	text-decoration: none;
	color: #000;
	border-bottom: 1px dashed;
}




/* FORM */
.user-registration.ur-frontend-form {
	padding: 0;
	border: 0;
}

.user-registration .ur-form-grid {
	padding: 0 !important;
	width: 100% !important;
}

.user-registration.ur-frontend-form input {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 0;
	border-radius: 4px !important;
	display: block;
	overflow: hidden;
}

.ur-frontend-form .ur-form-row .ur-form-grid label,
.ur-frontend-form .ur-form-row .ur-form-grid legend {
	font-size: 13px;
	margin-bottom: 6px;
	opacity: 0.7;
}

.ur-form-grid input[type=date],
select,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=email],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=number],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=password],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=phone],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=text] {
	min-height: 48px !important;
}

.ur-frontend-form .ur-button-container {
	padding: 0;
}


.ur-frontend-form .ur-submit-button {
	margin-right: 0;
}

.ur-frontend-form .ur-button-container .ur-submit-button {
	margin-left: auto;
	background-color: var(--main);
	font-weight: 600;
	color: #fff;
	border-radius: 4px;
}

.ur-form-row #user_login.without_icon {
	padding-left: 21px !important;
}

#user_login_field .input-wrapper {
	position: relative;
	display: block;
}

.client-edit-input.inactive,
.field-textarea textarea.inactive,
.input-wrapper.inactive>input {
	color: #ddd1d1 !important;
}

.client-edit-input.inactive {
	cursor: auto;
}

#user_login_field .input-wrapper::before {
	content: "+";
	position: absolute;
	left: 10px;
	top: 14px;
	z-index: 2;
}

#user_login_field .inactive.input-wrapper::before {
	color: #ddd1d1;
}

/*.ur-frontend-form .ur-form-row .ur-form-grid #user_login.input[type=text] {*/
/*	padding-left: 15px !important;*/
/*}*/




/* SIGN IN FORM */
/* SIGN IN */
.user-registration-form-login .user-registration-form-row:first-child .input-wrapper {
	display: block;
	position: relative;
}

.user-registration-form-login .user-registration-form-row:first-child input {
	padding-left: 1.5rem !important;
}

.user-registration-form-login .user-registration-form-row:first-child .input-wrapper::before {
	content: "+";
	display: block;
	position: absolute;
	left: 0.9rem;
	top: 15px;
	z-index: 2;
}

.form-row+div {
	display: block;
	width: 100%;
	text-align: right;
}

.user-registration-form__label-for-checkbox {
	margin-top: -2.1rem !important;
	width: 50%;
}

.ur-frontend-form input[type=submit] {
	float: revert !important;
}

.user-registration-LostPassword {
	font-size: 0.8rem;
	margin-top: 10px;
}

.user-registration-LostPassword a {
	color: inherit;
}



/**/
.user-registration-MyAccount-navigation-link--dashboard {
	display: none !important;
}

#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a,
#user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a {
	color: #000;
	font-family: revert;
}

/**/
.ur-frontend-form {
	border: 0;
}



/**/
#user-registration {
	max-width: 700px;
	margin: auto !important;
	border-radius: 5px;
	border: none;
}

#user-registration input[type=text],
#user-registration input[type=email],
#user-registration input[type=password] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	border: 0;
	height: 48px;
	background-color: #f7f7f7;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0 0.9rem;
	font-size: 0.9rem;
}

#user-registration textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	border: 0;
	background-color: #f7f7f7;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0.9rem;
	font-size: 0.9rem;

}

#user-registration button,
.user-registration-EditAccountForm input[type=submit],
#user-registration input[type=submit] {
	background-color: var(--main);
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: 0.8rem 1.3rem;
	text-decoration: none;
	font-size: 0.85rem;
	border-radius: 4px;
}

.user-registration-profile-fields h2 {
	text-align: center;
}

/* SIGN IN FORM END */








/* CLASSIC FORM */
.classic-form__item {
	display: block;
}

.classic-form__item.right {
	text-align: right;
}

.classic-form__item+.classic-form__item {
	margin-top: 1rem;
}

.classic-form input[type="date"].event,
.classic-form input[type="time"],
.classic-form input[type="text"],
.classic-form input[type="number"],
.classic-form input[type="tel"],
.classic-form input[type="email"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	border: 0;
	height: 48px;
	background-color: #f7f7f7;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0 0.9rem;
	padding-right: 1.9rem;
	font-size: 0.9rem;
}

.classic-form textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	resize: none;
	border: 0;
	background-color: #f7f7f7;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0.9rem;
	font-size: 0.9rem;
	height: 190px;
}

#client_message {
	height: 100px;
}


.classic-form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	border: 0;
	height: 48px;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0 0.9rem;
	background-color: #f7f7f7;
	background-image: url(/storage/images/arrow_drop_down_black_18dp.svg);
	background-repeat: no-repeat;
	background-position: center right 0.9rem;
	border-radius: 4px;
	font-size: 0.9rem;
	font-family: "Montserrat", sans-serif;
	cursor: pointer;
}

.input-plus {
	background-image: url(/storage/images/add_black_18dp.svg);
	background-repeat: no-repeat;
	background-position: center right 0.9rem;
}

.classic-form input[type="date"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	border: 0;
	height: 48px;
	background-color: #f7f7f7;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0 0.9rem;
	font-size: 0.9rem;
	display: flex;
}

.classic-form__checkbox {
	margin-top: 0.3rem;
	display: block;
}

.classic-form__checkbox input[type="checkbox"] {
	width: 14px;
	height: 14px;
	position: relative;
	top: 2px;
}

.classic-form input:disabled {
	background-color: #dfdfdf;
	color: #a9a9a9;
}

.classic-form select:disabled {
	background-color: #dfdfdf;
	color: #000;
}

.classic-form select:disabled option {
	color: #000;
}

.classic-form input:disabled::placeholder {
	color: #a9a9a9;
}

.classic-form__checkbox {
	font-size: 0.8rem;
	line-height: 14px;
}

.classic-form__item__label {
	display: block;
	font-size: 0.8rem;
	font-weight: 500;
	margin-bottom: 0.2rem;
	opacity: 0.8;
}

.classic-form__note>div {
	box-sizing: border-box;
	padding: 1rem;
	font-size: 0.9rem;
	font-weight: 500;
	background-color: #ebcbcb;
	border-radius: 4px;
	margin-top: 1rem;
}

.classic-form__note {
	margin-bottom: 1rem;
}

.classic-form input.has-error {
	background-color: #f5e6e6;
	animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
}

.checkboxes-inline {
	display: flex;
	flex-wrap: wrap;
	gap: 0 15px;
}

.ui-menu {
	z-index: 999999 !important;
}

.row {
	margin: -15px;
	display: flex;
	flex-wrap: wrap;
}

.row .item {
	box-sizing: border-box;
	padding: 15px;
}

.row .item-25 {
	width: 25%;
}

.row .item-33 {
	width: 33.3%;
}

.row .item-50 {
	width: 50%;
}

.row .item-66 {
	width: 66.6%;
}

.row .item-75 {
	width: 75%;
}

.row .item-100 {
	width: 100%;
}

/* EDIT INPUTS */
.client-edit-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: inherit;
	border: 0;
	border-bottom: 1px dashed #8f8f8f;
	padding: 0;
	width: revert;
	border-radius: 0;
}

.client-edit-select {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: inherit;
	border: 0;
	border-bottom: 1px dashed #8f8f8f;
	padding: 0;
	width: revert;
	width: 100%;
	padding-right: 2rem;
	background-image: url(/storage/images/arrow_drop_down_black_18dp.svg);
	background-repeat: no-repeat;
	background-position: center right 0.2rem;
}

.client-edit-textarea {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	border-bottom: 1px dashed #8f8f8f;
	display: block;
	width: 100%;
	resize: none;
}


/* File Upload */
.client-info__notification {
	background-color: #f7e3e3;
	box-sizing: border-box;
	padding: 0.5rem 0.6rem;
	border-radius: 4px;
	line-height: 1.5;
	/* margin-bottom: 1rem; */
}

.client-info__notification__heading {
	font-weight: 500;
	margin-bottom: 0.3rem;
}

.client-info__notification__text {
	font-size: 0.8rem;
}


.upload-area {
	border-radius: 4px;
	border: 2px dashed #df8782;
	text-align: center;
	padding: 0.5rem;
}

.speaker__photo {
	cursor: pointer;
}

#file,
#file-new,
#file-payment,
#file-payment-new,
#file-act-signed {
	display: none;
}

.client__files-uploaded {
	display: block;
	width: 310px;
	background-color: #d4e1bb;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	font-size: 0.85rem;
	margin: auto;
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}

.client__files-uploaded:hover {
	cursor: pointer;
}

/* Attached Files */
.client-info__files__heading {
	font-weight: 500;
	font-size: 0.85rem;
	margin-bottom: 0.5rem;
}

.client-info__files__grid {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	justify-content: space-between;
}

.client-info__files__grid__item {
	display: flex;
	text-decoration: none;
	color: inherit;
	width: 48%;
	margin-bottom: 2%;

}

.client-info__files__grid__item:not(:last-child) {
	/* margin-right: 1%; */
}

.client-info__files__grid__item__icon {
	width: 27px;
	height: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #dddddd;
	border-radius: 3px;
	margin-right: 6px;
}

.client-info__files__grid__item__name {
	font-size: 0.65rem;
	display: block;
	width: calc(100% - 33px);
	word-wrap: break-word;
}

#attached-files-wrapper {
	width: 100%;
}




@keyframes shake {

	10%,
	90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%,
	80% {
		transform: translate3d(2px, 0, 0);
	}

	30%,
	50%,
	70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%,
	60% {
		transform: translate3d(4px, 0, 0);
	}
}






/* FILTERS FOR TABLES */
.filters {
	margin-bottom: 2rem;
}

.filters__heading {
    margin-bottom: 0.4rem;
    font-size: 0.9em;
    line-height: 1.5;
    font-weight: 600;
    opacity: 0.6;
}

.filters__options>div {
	display: inline-block;
	padding: 0.5rem 0.8rem;
	box-shadow: 0 0 20px 0 rgb(76 87 125 / 7%);
	border-radius: 5px;
    background: #E0E2E7;
	color: #6F7486;
	font-size: 0.8rem;
	transition: background-color 0.3s;
}

.filters.dark .filters__options>div {
	background: #E0E2E7;
	color: #6F7486;
}

.filters__options>div.active {
	background: #8A91A5;
	color: #fff;
}

.filters__options>div:hover {
	background-color: #8A91A5;
    color: #fff;
	cursor: pointer;
}

.filters.dark .filters__options>div.active,
.filters.dark .filters__options>div:hover {
	background-color: #2e2e2e;
}

.filters__options>div:not(:last-child) {
	margin-right: 0.5rem;
}

/* CLASSIC TABLE START */
.classic-table:not(.classic-table__content) {
	position: sticky;
	top: 0px;
	z-index: 10;
}

.classic-table {
	font-size: 0.9em;
	line-height: 1.5;
}

.classic-table__line {
	display: flex;
	width: 100%;
	transition: background-color 0.3s, max-height 0.3s, padding 0.3s;
	box-sizing: border-box;
	position: relative;
	border-radius: 5px;
	justify-content: space-between;
	overflow: hidden;
	max-height: 300px;
}

.classic-table__line.hide {
	padding: 0;
	max-height: 0;
	margin: 0;
}

.classic-table__line-heading {
	font-weight: 600;
	opacity: 0.6;
}

.classic-table__line>div {
	display: flex;
	align-items: center;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	min-height: 2rem;
	flex-wrap: wrap;
}

.classic-table__line>div>div {
	width: 100%;
}


.classic-table__line:not(.classic-table__line-heading):hover {
	background-color: #E4E5EB;
}

.classic-table__line:not(.classic-table__line-heading):not(:last-child)>div::after {
	content: "";
	position: absolute;
	display: block;
	left: 0rem;
	right: 0rem;
	height: 1px;
	bottom: 1px;
	background-color: #DDD;
}

/* sizes */
.w10 {
	width: 10%;
}

.w16 {
	width: 16%;
}

.w19 {
	width: 19%;
}

.w22 {
	width: 22%;
}

.w26 {
	width: 26%;
}

.w30 {
	width: 30%;
}

.w37 {
	width: 37%;
}



/* CLASSIC TABLE END */



/* CLIENTS */
.clients-table:not(#clients_table) {
	position: sticky;
	top: 0px;
	z-index: 10;
    max-height: none;
    overflow-y:auto;
}

#clients_total {
	text-align: right;
	margin-top: 1rem;
	margin-right: 2rem;
}

#clients_total span {
	font-weight: 500;
}

.clients-table {
	font-size: 0.9em;
	line-height: 1.5;
    max-height: calc(100vh - 290px);
    overflow-y: scroll;
}

.lk__sidebar::-webkit-scrollbar,
.clients-table::-webkit-scrollbar,
.forwards-table::-webkit-scrollbar,
.ui-autocomplete::-webkit-scrollbar {
    width: 6px;
}

.lk__sidebar::-webkit-scrollbar-thumb,
.clients-table::-webkit-scrollbar-thumb,
.forwards-table::-webkit-scrollbar-thumb,
.ui-autocomplete::-webkit-scrollbar-thumb {
    background-color: grey;
    border-radius: 3px;
}

.clients-table__line {
	display: flex;
	width: 100%;
	transition: all 0.3s;
	box-sizing: border-box;
	position: relative;
	/* border-radius: 5px; */
	/* justify-content: space-between; */
	overflow: hidden;
	max-height: 95px;
    min-height: 95px;
}

.clients-table__line:hover {
	cursor: pointer;
}

.clients-table__line.hide {
	padding: 0;
	max-height: 0;
    min-height: 0;
	margin: 0;
}

.clients-table__line.speakers {
    max-height: none;
}


.clients-table__line-deleted,
.clients-table__line-status2 {
	opacity: 0.65;
	filter: grayscale(0.9);
}

.clients-table__line-heading {
	font-weight: 500;
	opacity: 0.6;
    min-height: auto;
}

.clients-table__line>div {
	display: flex;
	align-items: center;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	min-height: 2rem;
	flex-wrap: wrap;
    margin-right: 10px;
}

.clients-table__line-heading input,
.clients-table__line > div > input {
    max-width: 90%;
    border-radius: 4px;
    border: 1px solid #CCC;
    background: white;
    padding: 8px 3px;
    font-size: 12px;
}

.clients-table__line>div>div {
	width: 100%;
}

.clients-table__line>div.mobile-info {
    display: none;
}


.clients-table__line:not(.clients-table__line-heading):hover {
	background-color: #E4E5EB;
}

.clients-table__line:not(.clients-table__line-heading):not(:last-child)>div::after {
	content: "";
	position: absolute;
	display: block;
	left: 0rem;
	right: 0rem;
	height: 1px;
	bottom: 1px;
	background-color: #DDD;
}

.clients-table__status>span {
	background-color: #73c187;
	box-sizing: border-box;
	padding: 0.8rem 0.6rem;
	text-transform: lowercase;
	color: #fff;
	border-radius: 3px;
	line-height: 1;
	min-width: 158px;
	text-align: center;
	font-size: 0.8rem;
	font-weight: 500;
}

.clients-table__status-moderation>span {
	background-color: #b7b7b7;
}

.clients-table__status-lost>span {
	background-color: #d56237;
}

.clients-table__status-wait_docs>span {
	background-color: #d69038;
}

.clients-table__status-paid>span {
	background-color: #22a6cd;
}

.clients-table__partner {
	width: 15%;
}

.clients-table__name {
	width: 15%;
	/* margin-right: 4px; */
    font-weight: 600;
}

.clients-table__name.events {
	width: 50%;
}

.clients-table__name.speakers {
	width: 40%;
}


.clients-table__date {
    width: 12%;
}


.speaker__photo>div,
.clents-table__photo>div {
	min-width: 100px;
	min-height: 100px;
	max-width: 100px;
	max-height: 100px;
	background-position: center;
	background-size: cover;
	border-radius: 50%;
}

.clients-table__object {
	width: 15%;
	/* margin-right: 4px; */
}

.clients-table__object .small {
	opacity: 0.7;
	font-size: 0.8rem;
}

.clients-table__deal-sum {
	width: 15%;
}

.clients-table__deal-sum.customers {
	width: 15%;
    font-weight: 500;
}

.clients-table__deal-sum.nodeal {
    color: #E1325D;
}

.clients-table__deal-sum.later {
    color: #e2cc07;
}

.clients-table__deal-sum.demand,
.clients-table__deal-sum.ongoing,
.clients-table__deal-sum.reserve {
    color: #3399CA;
}

.clients-table__deal-sum.moderation,
.clients-table__deal-sum.wait_docs,
.clients-table__deal-sum.checking_docs,
.clients-table__deal-sum.wait_payment {
    color: #249C30;
}

.clients-table__deal-date {
	width: 13%;
}

.clients-table__deal-date.customers {
    width: 18%;
    max-height: 70px;
    overflow: hidden;
}

.clients-table__deal-date.customers.table {
    margin-right: 15px;
}

.clients-table__reward {
	width: 15%;
}

.clients-table__status {
	width: 170px;
}

.clients-table__status.customers {
	width: 100px;
}

.clients-table__status.brokers {
	width: auto;
}

.clients-table__status__updated {
	font-size: 0.7rem;
	opacity: 0.7;
}

.clients-table__created {
    color: #777;
}

.clients-table__role {
    width: 15%;
}


/* FORWARDS TABLE */
.forwards-table:not(#clients_table) {
	position: sticky;
	top: 0px;
	z-index: 10;
    max-height: none;
    overflow-y: auto;
}

.forwards-table {
	font-size: 0.9em;
	line-height: 1.5;
    max-height: calc(100vh - 290px);
    overflow-y: scroll;
}

.forwards-table__line {
	display: flex;
	width: 100%;
	transition: background-color 0.3s, max-height 0.3s, padding 0.3s;
	box-sizing: border-box;
	position: relative;
	border-radius: 5px;
	justify-content: space-between;
	overflow: hidden;
	max-height: 300px;
}

.forwards-table__line:hover {
	cursor: pointer;
}

.forwards-table__line.hide {
	margin: 0;
	padding: 0;
	max-height: 0;
}


.forwards-table__line-deleted,
.forwards-table__line-status2 {
	opacity: 0.65;
	filter: grayscale(0.9);
}

.forwards-table__line-heading {
	font-weight: 600;
	opacity: 0.6;
}

.forwards-table__line>div {
	display: flex;
	align-items: center;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	min-height: 2rem;
	flex-wrap: wrap;
}

.forwards-table__line>div>div {
	width: 100%;
}


.forwards-table__line:not(.forwards-table__line-heading):hover {
	background-color: #E4E5EB;#DDD
}

.forwards-table__line:not(.forwards-table__line-heading):not(:last-child)>div::after {
	content: "";
	position: absolute;
	display: block;
	left: 0rem;
	right: 0rem;
	height: 1px;
	bottom: 1px;
	background-color: #DDD;
}

.forwards-table__status>span {
	background-color: #73c187;
	box-sizing: border-box;
	padding: 0.8rem 0.6rem;
	text-transform: lowercase;
	color: #fff;
	border-radius: 3px;
	line-height: 1;
	min-width: 100px;
	text-align: center;
	font-size: 0.8rem;
	font-weight: 500;
}

.forwards-table__status-moderation>span {
	background-color: #d9b227;
}

.forwards-table__status-lost>span {
	background-color: #d56237;
}

.forwards-table__status-paid>span {
	background-color: #22a6cd;
}

.forwards-table__partner {
	width: 20%;
}

.forwards-table__name {
	width: 20%;
}

.forwards-table__reward {
	width: 15%;
}

.forwards-table__comment {
	width: 25%;
}

.forwards-table__manager {
	width: 20%;
}

.forwards-table__status {
	width: 125px;
}


.forwards-table__status__updated {
	font-size: 0.7rem;
	opacity: 0.7;
}




/* DEALS */
/*.lk__grid__item-deal {
	font-size: 0.9rem;
	position: relative;
}

.lk__grid__item-deal__comment {
	position: absolute;
    right: 30px;
    top: 30px;
}

.lk__grid__item-deal__comment > svg {
	opacity: 0.3;
}

.lk__grid__item-deal__comment__value {
    position: absolute;
    width: 200px;
    right: 15px;
    font-size: 0.8rem;
    bottom: 19px;
    overflow: hidden;
    opacity: 0;
    will-change: opacity;
    max-height: 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
}

.lk__grid__item-deal__comment:hover .lk__grid__item-deal__comment__value {
	max-height: 500px;
	opacity: 1;
}

.lk__grid__item-deal__comment__value > span {
	display: block;
    box-sizing: border-box;
    padding: 0.5rem;
}
*/

/* MODALS GLOBAL */
.modal-heading {
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 1rem;
	margin-top: 0;
}

.modal-subheading {
	font-size: 1.1rem;
	font-weight: 500;
	margin-bottom: 1rem;
}


/* MODAL - Переданные клиенты - Передать форварда */
.remodal.add-forward-modal {
	max-width: 500px;
}


/* Универсальное окно с информацией */
.info-modal p {
	margin-bottom: 1rem;
	line-height: 1.5;
}




/* MODAL - Мои клиенты - Регистрация сделки */
.remodal.add-client-modal {
	max-width: 1100px;
}

.add-client-modal__reward {
	font-size: 0.9rem;
}

.add-client-modal__reward__heading {
	font-weight: 600;
	margin-bottom: 0.4rem;
}

/* MODAL Client Info */
.remodal.client-info-modal {
	max-width: 540px;
}

.remodal.client-info-big-modal {
	max-width: 700px;
}


/**/
.lk__grid__item-deal__contacts {
	box-sizing: border-box;
	line-height: 1;
	margin-bottom: 1rem;
	background-color: #f1f4fd;
	padding: 0.9rem;
	border-radius: 4px;
}

.lk__grid__item-deal__contacts__label {
	font-size: 12px;
	margin-bottom: 0.3rem;
}

.lk__grid__item-deal__contacts__value {
	font-weight: 400;
	line-height: 1.2;
	/*color: #2521f3;*/
	/*text-decoration: underline;*/
}



/**/
.lk__grid__item-deal__manager {
	box-sizing: border-box;
	line-height: 1;
	margin-bottom: 1rem;
	background-color: #ddf1f1;
	padding: 0.9rem;
	border-radius: 4px;
}

.lk__grid__item-deal__manager__label {
	font-size: 12px;
	margin-bottom: 0.3rem;
}

.lk__grid__item-deal__manager__value {
	font-weight: 500;
	line-height: 1.2;
}




/**/
.lk__grid__item-deal__stage {
	box-sizing: border-box;
	line-height: 1;
	margin-bottom: 1rem;
	background-color: #eeeeef;
	padding: 0.9rem;
	border-radius: 4px;
}

.lk__grid__item-deal__stage__label {
	font-size: 12px;
	margin-bottom: 0.3rem;
}

.lk__grid__item-deal__stage__value {
	font-weight: 500;
	line-height: 1.2;
}





/***
REWARDS 
*/

.rewards-archive {
	/* text-align: right; */
	padding-bottom: 1.5rem;
}

.rewards-archive__label {
	margin-bottom: 0.3rem;
	opacity: 0.6;
	font-size: 0.7rem;
}

.rewards__original-link {
	text-decoration: none;
	color: #222;
	font-size: 0.8rem;
	display: flex;
	align-items: center;
}

.rewards__original-link>svg {
	margin-right: 0.2rem;
	fill: var(--main);
}

.rewards__original-link>span {
	border-bottom: 1px dashed #444;
}


.rewards-archive__list a:not(:last-child) {
	margin-right: 1rem;
}

.rewards-archive__list a {
	text-decoration: none;
	color: #000;
	font-weight: 500;
	font-size: 0.9rem;
}

.rewards-archive__list a:hover {}

.rewards-archive__list a.active {
	border-bottom: 2px solid var(--main);
}

.rewards-table {
	box-shadow: 0 0 20px 0 rgb(76 87 125 / 2%);
	border-radius: 5px;
	box-sizing: border-box;
	padding: 30px;
	height: 100%;
	background-color: #fff;
	font-size: 0.9rem;
	line-height: 1.4;
	position: relative;
}

.rewards-table__line {
	display: flex;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 20px;
	margin-bottom: 20px;
	/*align-items: center;*/
}

.rewards-table__line:last-child {
	border-bottom: 0;
}

.rewards-table__developer {
	width: 18%;
	font-weight: 500;
}

.rewards-table__developer span {
	position: sticky;
	top: 20px;
}

.rewards-table__objects {
	width: 82%;
}

.rewards-table__objects__line {
	display: flex;
	box-sizing: border-box;
	padding: 5px 0;
	align-items: center;
	/*margin: -10px -5px;*/
}

.rewards-table__objects__line>div {
	box-sizing: border-box;
	padding: 0 7.5px;
}

.rewards-table__objects .rewards-table__objects__line:nth-child(even) {
	background-color: #f0f0f0;
}

.rewards-table__objects__name {
	width: 25%;
}

.rewards-table__objects__reward {
	width: 12%;
	font-weight: 500;
}

.rewards-table__objects__min_max {
	width: 15%;
	font-size: 0.8rem
}

.rewards-table__objects__time {
	width: 20%;
	font-size: 0.8rem;
}

.rewards-table__objects__note {
	width: 29%;
	color: #4a4a4a;
	font-size: 0.7rem;
}

/* REWARDS TABLE ADMIN */

.rewards-search-wrapper.admin {
	width: 910px;
}

.rewards-table.admin {
	padding: 10px;
	width: 910px;
}

.table-header {
	display: flex;
	padding-bottom: 12px;
}

.table-header.fixed-header {
	position: fixed;
	top: 0;
	left: 280px;
	width: 890px;
	background-color: white;
	z-index: 99;
}

.rewards-table__line.admin {
	position: relative;
}

.table-header.fixed-header .rewards-table__developer.admin {
	padding-top: 0;
	padding-bottom: 10px;
}

.rewards-table__developer.admin {
	padding-top: 5px;
	font-weight: 400;
	font-size: 12px;
}

.deleteDeveloper {
	position: relative;
	right: 20px;
	z-index: 1;
	font-size: 12px;
}

.rewards-table__developer.admin>input {
	width: 90%;
	padding: 2px;
}

.rewards-table__objects__line.admin {
	align-items: flex-start;
	position: relative;
}

.rewards-table__developers__line__hover,
.rewards-table__objects__line__hover {
	background: rgba(255, 255, 255, 0.7);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	display: none;
}

.rewards-table__objects__name.admin {
	width: 18%;
	font-weight: 400;
	font-size: 12px;
}

.deleteObject {
	position: relative;
	right: 20px;
	z-index: 1;
	font-size: 12px;
}

.rewards-table__objects__name.admin>input {
	width: 90%;
	padding: 2px;
}

.rewards-table__objects__reward.admin {
	width: 7%;
	font-weight: 400;
	font-size: 12px;
}

.rewards-table__objects__reward.admin>input {
	width: 90%;
	padding: 2px;
}

.rewards-table__objects__min_max.admin {
	width: 10%;
	font-weight: 400;
	font-size: 12px;
}

.rewards-table__objects__min_max.admin>input {
	width: 90%;
	padding: 2px;
}

.rewards-table__objects__time.admin {
	width: 25%;
	font-weight: 400;
	font-size: 12px;
}

.rewards-table__objects__time.admin>textarea {
	width: 90%;
	height: 100px;
	padding: 2px;
}

.rewards-table__objects__note.admin {
	width: 25%;
	font-weight: 400;
	font-size: 12px;
}

.rewards-table__objects__note.admin>textarea {
	width: 90%;
	height: 100px;
	padding: 2px;
}

.rewards-table__objects__exception.admin {
	width: 17%;
	font-weight: 400;
	font-size: 12px;
}

.rewards-table__objects__exception.admin>p {
	margin-bottom: 3px;
}

.rewards-table__objects__exception.admin>select {
	margin-bottom: 3px;
    min-height: auto!important;
    font-size: 15px;
    max-width: 100%;
}

.rewards-table__add-new-object {
	text-align: center;
	padding: 20px 20px 0 20px;
}

.rewards-table__add-new-developer {
	text-align: center;
	padding: 20px;
}

.rewards-table__add-new-developer>button,
.rewards-table__add-new-object>button {
	cursor: pointer;
	padding: 3px 5px;
}



/* REWARDS SEARCH FORM */
.rewards-search-wrapper {
	margin-bottom: 1.5rem;
}

.rewards-search-wrapper>input {
	border: 1px solid gray;
}

.rewards-search {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	border: 0;
	height: 48px;
	background-color: #fff;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0 0.9rem;
	padding-left: 2.5rem;
	font-size: 0.9rem;
	box-shadow: 10px 48.5967px 73px rgba(126, 123, 160, 0.2);
	backdrop-filter: blur(19px);

	background-image: url(/storage/images/search_black_24dp.svg);
	background-repeat: no-repeat;
	background-position: center left 0.9rem;

}

.rewards-search:focus {
	outline-color: var(--gray);
}




.scroll-top {
	position: fixed;
	overflow: hidden;
	z-index: 5;
	display: flex;
	box-sizing: border-box;
	text-align: center;
	justify-content: center;
	text-decoration: none;
	opacity: 0;
	will-change: opacity;
	transition: opacity 0.3s;
	background-color: var(--main);
	color: #fff;
	width: 0;
	height: 0;
	font-size: 0.9rem;
	font-weight: 500;
	top: revert;
	right: 50px;
	bottom: 90px;
	align-items: center;
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.scroll-top__text>svg {
	fill: #fff;
	position: relative;
	top: 1px;
}

.scroll-top:hover {
	background-color: var(--main);
	color: #fff;
}

.scroll-top:hover .scroll-top__text>svg {
	fill: #fff;
}

body.show-scrolltop .scroll-top {
	width: 110px;
	padding: 1.2rem 1rem;
	opacity: 0.8;
}

body.show-scrolltop .scroll-top:hover {
	opacity: 1;
	cursor: pointer;
}

.scroll-top__text {
	display: flex;
	align-items: center;
	will-change: transform;
	;
	transition: transform 0.3s;
}




/* MODAL - CLIENT INFO */
.client-info__heading {
	font-size: 1.2rem;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 1.2rem;
}

.client-info__heading>span.code {
	font-weight: 400;
}

.client-info__data {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
}

.client-info__item-wrapper {
	box-sizing: border-box;
	padding: 10px;
}

.client-info__item-wrapper.half {
	width: 50%;
}

.client-info__item-wrapper.full {
	width: 100%;
}

.client-info__item__label {
	font-size: 0.75rem;
	opacity: 0.6;
	margin-bottom: 0.3rem;
}

.client-info__item__value {
	font-weight: 500;
	font-size: 0.9rem;
}

.modal-action-buttons {
	margin-top: 2rem;
	display: flex;
	align-items: center;
}

.modal-action-buttons__button-wrapper {
	width: 50%;
	text-align: center;
}










/* CLIENTS */
.contacts_grid {
	display: flex;
	flex-wrap: wrap;
}

.contacts-heading {
	color: #4F4F4F;
	font-size: 23px;
	font-weight: 600;
	margin-bottom: 1.5rem;
}

.contacts-part {
	width: 500px;
}

.contacts-list {
	box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	background-color: #fff;
	padding: 28px 22px;
}

.contacts-list__item {
	display: flex;
	align-items: center;
}

.contacts-list__item:not(:last-child) {
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid #D5D5D5;
}

.contacts-list__item__photo-wrapper {
	width: 17%;
    height: auto;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 3%;
}

.contacts-list__item__photo {
	display: block;
	width: 100%;
	height: 100%;
}

.contacts-list__item__content {
	width: 40%;
	margin-right: 2%;
}

.contacts-list__item__name {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -0.05em;
	margin-bottom: 0.15rem;
}

.contacts-list__item__position {
	font-size: 0.7rem;
	opacity: 0.6;
}

.contacts-list__item__contacts {
	width: 38%;
	text-align: center;
}

.contacts-list__item__contacts a {
	color: #697280;
	font-weight: 600;
	font-size: 0.8rem;
	text-decoration: none;
}

.contacts-list__item__contacts a.email {
	font-size: 0.7rem;
}

.contacts-part__people {
	margin-bottom: 5rem;
}

.contacts-address__value {
	color: #676767;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 2.2rem;
}

.contacts-address__note {
	font-size: 13px;
	color: #939393;
	line-height: 1.35;
}

.photos-part {
	width: calc(100% - 500px);
	box-sizing: border-box;
	padding-left: 5rem;
}

@media screen and (max-width: 1500px) {
	.photos-part {
		padding-left: 4rem;
	}
}

.photos-part__office {
	margin-bottom: 5rem;
}

.photos-part__photo {
	display: block;
	width: 100%;
	box-shadow: 0px 4px 45px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
}

.photos-part__hall {
	margin-bottom: 5rem;
}






/* PAGE REFERRAL */
.ref__paid {
	margin-bottom: 3rem;
}

.referal-heading {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 0.6rem;
}

.ref__about__split {
	display: flex;
	/* justify-content: space-between; */
}

.ref__about__content {
	width: 54%;
	margin-right: 5%;
}

.ref__about__text {
	font-size: 0.9rem;
	line-height: 1.5;
	margin-bottom: 1rem;
}

.ref__about__rate {
	width: 30%;
}


.ref__about {
	margin-bottom: 3.5rem;
}

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

.ref__about__rate__heading {
	font-weight: 600;
	opacity: 0.7;
	font-size: 0.8rem;
	margin-top: 0.7rem;
	margin-bottom: 0.4rem;
}

.ref__about__rate__value {
	font-size: 2.5rem;
	font-weight: 600;
	color: var(--main);
	margin-right: 1rem;
}

.ref__about__rate__text {
	font-size: 0.85rem;
	line-height: 1.5;
}

.ref__howto {
	padding: 1.3rem 1.5rem;
	border-radius: 5px;
	background-color: #e3e3e3;
	margin-bottom: 3rem;
}

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

.ref__howto__text {
	width: 46%;
}

.ref__howto__heading {
	font-size: 1.1rem;
	font-weight: 500;
	margin-bottom: 0.8rem;
}

.ref__howto__list {
	box-sizing: border-box;
	padding-left: 1rem;
	line-height: 1.5;
}

.ref__howto__list>li+li {
	margin-top: 0.3rem;
}

.ref__subheading {
	margin-top: 0.2rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
	opacity: 0.8;
}

.ref__link {
	width: 30%;
}

.ref__link__value {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 3rem;
	display: block;
	width: 100%;
	border: 1px solid #f0f0f0;
	box-sizing: border-box;
	padding: 0 1rem;
	font-size: 0.9rem;
	border-radius: 4px;
}

.ref__link__copy {
	display: inline-block;
	margin-top: 0.5rem;
	font-size: 0.8rem;
	border-bottom: 1px dashed;
	color: #a17134;
}

.ref__link__copy:hover {
	cursor: pointer;
	color: #6e4d23;
}

.ref__qr {
	width: 10%;
}

.ref__qr__image {
	display: block;
	width: 100%;
	will-change: transform;
	transition: transform 0.3s;
}

.ref__qr__image:hover {
	transform: scale(1.1);
}

/* PAGE REFERRAL END */







/* ADAPTIVE MODE 1280px */
@media screen and (max-width: 1280px) {

	html,
	body {
		font-size: 14px;
		min-width: 1200px;
	}

}



/* MOBILE */
@media screen and (max-width: 600px) {

	html,
	body {
		font-size: 11px;
		min-width: revert;
	}

	.burger {
		display: block;
	}

	.page-template-page-signin .burger,
	.user-registration-ur-lost-password .burger,
	.page-template-page-registration .burger {
		display: none !important;
	}

	/* MOBILE NAVBAR */
	html:not(.menu-expanded) .mobile-navbar-menu {
		display: flex;
	}


	.lk__content {
		padding-bottom: 100px !important;
	}

	.br--mobile {
		display: block
	}

	/* MOBILE NAVBAR END */



	/* Global Heading */
	.heading {
		display: block;
	}

	.actions.right {
		text-align: revert;
		margin-top: 1rem;
        position: relative;
        top: auto;
        right: auto;
        margin-bottom: 30px;
        display: flex;
        flex-wrap: wrap;
	}

    .actions.right > a {
        display: inline-block;
        margin-left: 0;
        margin: 5px 10px;
    } 

	/* Global Filters */
	.filters__options>div {
		margin-bottom: 0.5rem;
	}

	.lk__grid__item.mobile-transparent {
		padding: 0;
		background-color: revert;
		box-shadow: revert;
	}



	/* Modal Not Approved */
	.not-approved-modal {
		width: 320px;
		left: calc(50% - 160px) !important;
		top: 22vh;
	}

    .clients-table {
        max-height: none;
        overflow-y: auto;
    }


	/* Clients Table */
	.clients-table__line-heading {
		display: none;
	}

	.clients-table__line {
		flex-wrap: wrap;
		/* padding: 1rem; */
        padding: 0 12px;
		background-color: #fff;
		margin-bottom: 1rem;
		/* box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); */
        border-radius: 5px;
        min-height: auto;
        max-height: none;
	}

    .clients-table__line.hovered,
    .clients-table__line:hover {
        background: #E4E5EB;
    }

	.clients-table__line>div {
		min-height: revert;
	}

    .clients-table__line>div.mobile-info {
        width: 100%;
    }

    .clients-table__line>div.mobile-info>div {
        margin-bottom: 20px;
        font-size: 16px;
    } 

	.clients-table__name {
		width: 100%;
		display: block;
        font-size: 16px;
	}

    .clients-table__name::before {
		content: "Имя";
		display: block;
		font-weight: 400;
		width: 100%;
        font-size: 14px;
        color: #777;
	}


	.clients-table__line:not(.clients-table__line-heading):not(:last-child)>div::after {
		display: none;
	}

	.clients-table__line>div.clients-table__object {
		display: none;
		width: 50%;
		font-weight: 500;
	}

	.clients-table__object::before {
		content: "Объект";
		display: block;
		font-weight: 400;
        font-size: 14px;
        color: #777;
	}

    .clients-table__object.customers-mob::before {
		content: "Контакты";
		display: block;
		font-weight: 400;
        font-size: 14px;
        color: #777;
	}

	.clients-table__line>div.clients-table__deal-sum {
		width: 50%;
		display: none;
		font-weight: 500;
	}

	.clients-table__deal-sum::before {
		content: "Сумма сделки";
		display: block;
		font-weight: 400;
        font-size: 14px;
        color: #777;
	}

    .clients-table__deal-sum.customers-mob::before {
		content: "Этап";
		display: block;
		font-weight: 400;
        font-size: 14px;
        color: #777;
	}

	.clients-table__line>div.clients-table__deal-date {
		width: 50%;
		display: none;
		font-weight: 500;
	}

	.clients-table__deal-date::before {
		content: "Дата сделки";
		display: block;
		font-weight: 400;
        font-size: 14px;
        color: #777;
	}

    .clients-table__deal-date.customers-mob::before {
		content: "Комментарий";
		display: block;
		font-weight: 400;
        font-size: 14px;
        color: #777;
	}

	.clients-table__line>div.clients-table__reward {
		display: none;
		width: 50%;
		font-weight: 500;
	}

	.clients-table__reward::before {
		content: "Вознаграждение";
		display: block;
		font-weight: 400;
        font-size: 14px;
        color: #777;
	}

    .clients-table__reward.customers-mob::before {
		content: "День рождения";
		display: block;
		font-weight: 400;
        font-size: 14px;
        color: #777;
	}

	.clients-table__line>div.clients-table__status {
        display: none;
		width: 50%;
	}

    .clients-table__status::before {
		content: "Статус";
		display: block;
		font-weight: 400;
        font-size: 14px;
        color: #777;
	}

    .clients-table__status-moderation {
        color: #b7b7b7;
    }
    
    .clients-table__status-lost {
        color: #d56237;
    }
    
    .clients-table__status-wait_docs {
        color: #d69038;
    }
    
    .clients-table__status-paid {
        color: #22a6cd;
    }

	.clients-table__status__updated {
		margin-top: 0.2rem;
        display: none;
	}

	.clients-table__status__updated br {
		display: none;
	}

    .clients-table__line>div.clients-table__created {
        display: none;
    }

    .clients-table__created.customers-mob::before {
		content: "Создан";
		display: block;
		font-weight: 400;
        font-size: 14px;
        color: #777;
	}
    
    .full-customer-info {
        width: 100%;
        border-radius: 6px;
        background: #333;
        text-align: center;
        height: 48px;
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        border: none;
    }

	/* Forwards Table */
	.forwards-table__line-heading {
		display: none;
	}

	.forwards-table__line {
		flex-wrap: wrap;
		padding: 1rem;
		background-color: #fff;
		margin-bottom: 1rem;
		box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	}

	.forwards-table__line>div {
		min-height: revert;
	}

	.forwards-table__name::before {
		content: "Клиент";
		display: block;
		font-weight: 400;
		width: 100%;

	}

	.forwards-table__name {
		width: 50%;
		font-weight: 500;
		display: block;
	}

	.forwards-table__line:not(.forwards-table__line-heading):not(:last-child)>div::after {
		display: none;
	}

	.forwards-table__reward {
		display: block !important;
		width: 50%;
		font-weight: 500;
	}

	.forwards-table__reward::before {
		content: "Вознаграждение";
		display: block;
		font-weight: 400;
		width: 100%;
	}

	.forwards-table__status {
		width: 50%;
	}

	.forwards-table__status__updated {
		margin-top: 0.2rem;
	}

	.forwards-table__status__updated br {
		display: none;
	}


	.forwards-table__comment {
		display: block;
		width: 100%;
		font-weight: 500;
	}

	.forwards-table__comment::before {
		content: "Комментарий";
		display: block;
		font-weight: 400;
		width: 100%;
	}


	.forwards-table__manager {
		display: block !important;
		width: 50%;
		font-weight: 500;
	}

	.forwards-table__manager::before {
		content: "Менеджер";
		display: block;
		font-weight: 400;
		width: 100%;
	}

	.forwards-table__status>span {
		width: 100%;
	}


	/* Client Modal */
	.client-info__files__grid {
		display: block;
	}

	.client-info__files__grid__item {
		width: 100%;
		align-items: center;
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
	}

	.client-info__files__grid__item:not(:last-child) {
		margin-right: revert;
	}

	.client-info__files__grid__item__icon {
		width: 15px;
		height: 15px;
	}

	.client-info__files__grid__item__icon svg {
		width: 12px;
		height: 12px;
	}

	.upload-area-wrapper {
		margin-bottom: 1rem;
	}

	.upload-area {
		border-width: 1px;
	}

	.upload-area__text {
		font-size: 0.8rem;
	}

	.flex-revert-on-mob {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		justify-content: flex-end;
	}

	.client-info__files__grid {
		margin-bottom: 0;
	}








	.lk__sidebar {
		/* display: none; */
		position: fixed;
		top: 0;
		bottom: 0;
		right: -240px;
		z-index: 100;
		transition: right 0.3s;
        left: auto;
	}

	html.menu-expanded {
		overflow: hidden;
	}

	html.menu-expanded body {
		overflow: hidden;
	}

	html.menu-expanded .lk__sidebar {
		right: 0;
	}

	.lk__content-wrapper {
		padding-left: 0;
		transition: margin-left 0.3s, margin-right 0.3s, filter 0.3s;
	}


	html.menu-expanded .lk__content-wrapper {
		margin-left: 0;
		/* margin-right: -225px; */
		filter: grayscale(0.7) brightness(0.3);
	}



	.lk__content {
		padding-top: 15px;
		padding-left: 7px;
		padding-right: 7px;
	}


	/* Global Grid */
	.lk__grid {
		margin: -7.5px;
	}

	.lk__grid__widget-wrapper,
	.lk__grid__item-wrapper {
		padding: 7.5px;
	}

	/* Main Page Widget */
	.lk__grid__widget-wrapper {
		width: 50% !important;
	}

	.lk__grid__widget-wrapper.full {
		width: 100% !important;
	}

	.lk__grid__widget__box {
		padding: 1rem;
	}

	.lk__grid__widget__bottom {
		font-size: 1rem;
	}

	.lk__grid__widget__actions {
		justify-content: revert;
	}

	.lk__grid__widget__actions__item svg {
		max-width: 20px;
		max-height: 20px;
		margin-right: 0.4rem;
	}

	/* Demo data Start */
	.lk__grid__widget__box__demo {
		position: absolute;
		right: 1rem;
		top: 0.9rem;
	}

	.lk__grid__widget__box__demo .exclamation {
		font-size: 3rem;
	}

	.lk__grid__widget__box__demo__hover {
		right: -1.2rem;
		top: 3rem;
		width: 150px;
		background-color: rgba(255, 255, 255, 0.9);
	}

	.lk__grid__widget__box__demo__hover .inner {
		padding: 0.6rem;
	}

	/* Damo data End */

	/* Main Page Gradebar */

	.gradebar {
		margin-top: 94px;
	}

	.gradebar-line {
		left: 52px;
		right: 52px;
		height: 4px;
		top: 18px;
	}

	.gradebar__level {
		width: 105px;
		text-align: left;
	}

	.gradebar__level__circle {
		width: 20px;
		height: 20px;
		border-width: 2px;
	}

	.gradebar__level__circle::before {
		width: 4px;
		height: 4px;
		left: calc(50% - 2px);
		top: calc(50% - 2px);
	}

	.gradebar-point {
		bottom: 4px;
	}

	.gradebar-point::after {
		height: 30px;
	}

	.gradebar-point__inner {
		width: 120px;
		height: revert;
		padding-top: 0.2em;
		padding-bottom: 0.3rem;
		left: -60px;
	}

	.gradebar__level__text {
		padding-top: 10px;
	}

	.gradebar__level__name {
		font-size: 1.2rem;
	}

	.gradebar-point__amount {
		font-size: 0.9rem;
	}

	/* 	.gradebar__level__amount > span {
		display: block;
	} */

	.gradebar__level__amount {
		font-size: 0.75rem;
		top: -15px;
		opacity: 0.5;
	}

	.gradebar__level__description {
		font-size: 0.9rem;
		word-break: break-word;
		overflow: hidden;
		position: relative;
		max-height: 45px;
		transition: max-height 0.3s;
	}

	.gradebar.expanded .gradebar__level__description {
		max-height: 750px;
	}

	.gradebar__level__description::before {
		content: "";
		display: block;
		background-image: linear-gradient(to top, #f2f3f6, rgba(255, 255, 255, 0));
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		height: 35px;
		z-index: 2;
		transition: opacity 0.3s;
	}

	.gradebar.expanded .gradebar__level__description::before {
		opacity: 0;
	}

	.gradebar__level__description ul li::before {
		content: "";
	}

	.gradebar__expand {
		display: block;
	}


	/* Contact Page */
	.contacts-heading {
		font-size: 1.6em;
		font-weight: 600;
		margin-bottom: 1rem;
		color: #000;
	}

	.contacts_grid {
		display: block;
	}

	.contacts-part {
		width: 100%;
	}

	.contacts-list {
		padding: 1.2rem 1rem;
	}

	.contacts-list__item__name {
		letter-spacing: -0.01em;
		font-size: 1.1rem;
	}

	.contacts-part__people {
		margin-bottom: 2.5rem;
	}

	.contacts-address__value {
		color: #000;
		font-size: 1rem;
		margin-bottom: 1rem;
	}

	.contacts-address__note {
		font-size: 0.9rem;
		color: #000;
	}

	.photos-part {
		padding-left: 0;
		margin-top: 2.5rem;
		width: 100%;
	}

	.photos-part__office {
		margin-bottom: 2.5rem;
	}


	/* Rewards */
	.rewards-search {
		padding-left: 3.4rem;
	}

	.rewards-table {
		padding: 1rem 0;
	}

	.rewards-table__line {
		display: block;
	}

	.rewards-table__objects__line {
		flex-wrap: wrap;
		align-items: flex-start;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.rewards-table__developer {
		width: 100%;
		background-color: #fff;
		padding-top: 1em;
		padding-bottom: 1rem;
		padding-left: 7.5px;
		margin-right: 7.5px;
		box-sizing: border-box;
		position: sticky;
		font-size: 1.1rem;
		top: 0;
	}

	.rewards-table__objects {
		width: 100%;
	}



	.rewards-table__objects__name {
		width: 33.3%;
		font-weight: 500;
		font-size: 1rem;
	}


	.rewards-table__objects__reward {
		width: 33.3%;
		font-weight: 500;
	}

	.rewards-table__objects__reward::before {
		content: "Вознаграждение";
		display: block;
		width: 100%;
		font-weight: 400;
	}


	.rewards-table__objects__time {
		width: 100%;
		margin-top: 0.5rem;
	}


	.rewards-table__objects__min_max {
		width: 33.3%;
		/* font-weight: 500; */
	}

	.rewards-table__objects__min_max::before {
		content: "Min - Max";
		display: block;
		width: 100%;
		font-weight: 400;
	}

	.rewards-table__objects__note {
		color: #000;
		font-size: 0.8rem;
		width: 100%;
		margin-top: 0.5rem;
	}

	/* scroll top */
	.scroll-top {
		opacity: 1;
		background-color: #fff;
		width: 0;
		height: 0;
		padding: revert;
		font-size: 1rem;
		font-weight: 600;
		color: var(--main);
		top: revert;
		right: 30px;
		bottom: 90px;
		align-items: center;
		border-radius: 5px;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	}

	body.show-scrolltop .scroll-top {
		width: 90px;
		height: 32px;
		padding: revert;
	}

	.scroll-top .scroll-top__text>svg {
		fill: var(--main);
	}




	/* Global Modals */
	.remodal {
		padding: 15px !important;
	}

    #admin-modal {
        max-height: 118px;
    }
    
	/* Add Client Modal */
	.add-client-modal .row {
		margin: -7.5px;
	}

	.add-client-modal .row .item {
		padding: 7.5px;
	}

	.add-client-modal .row .item-33 {
		width: 100%;
	}



	/* SIGN IN / SIGN UP */

	.ur-frontend-form.login {
		padding: 10px 20px;
		border: none !important;
	}

	.signup__split {
		display: block;
	}

	.signup__sidebar {
		width: 100%;
		padding-bottom: 3.5rem;
	}

	.signup__steps {
		margin-top: 1rem;
		padding-bottom: 3rem;
	}

	.signup__content {
		width: 100%;
	}

	.signup__content {
		padding-top: 50px;
		width: 100%;
		background-color: #f0f0f0;
		padding: 30px 15px;
		box-sizing: border-box;
		min-height: 580px;
	}

	#user-registration input[type=text],
	#user-registration input[type=email],
	#user-registration input[type=password] {
		height: 43px;
	}




	/*  */
	.ref__about__split {
		display: block;
	}

	.ref__about__content {
		width: 100%;
		margin-right: revert;
		margin-bottom: 1rem;
	}

	.ref__about__rate {
		width: 100%;
	}

	.ref__howto__inner {
		display: block;
	}

	.ref__howto__text {
		width: 100%;
		margin-bottom: 1rem;
	}

	.ref__link {
		width: 100%;
		margin-bottom: 1rem;
	}

	.ref__qr {
		width: 100%;
	}

	.ref__qr__image {
		margin: auto;
		width: 130px;
	}

	/*  */



}

@media (max-width: 474px) {
    .actions.right > a {
        width: 100%;
        margin: 5px 0!important;
    }
}

/* Plashka TG */

.telegram-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 10px;
}

.telegram-container * {
	box-sizing: border-box;
}

.telegram-container .plashka {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 10px;
	background: #394859;
}

@media (max-width: 1100px) {
	.telegram-container .plashka {
		width: 282px;
		height: 329px;
		border-radius: 30px;
		flex-direction: column;
		align-items: flex-start;
	}
}

.telegram-container .plashka .logo {
	display: flex;
	align-items: center;
	background: #303D4A;
	border-radius: 10px 30px 0 10px;
	padding: 20px;
	justify-content: center;
	position: relative;
}

@media (max-width: 1100px) {
	.telegram-container .plashka .logo {
		width: 100%;
		border-radius: 30px;
	}
}

@media (min-width: 1101px) {
	.telegram-container .plashka .logo::after {
		content: "";
		display: block;
		width: 20px;
		height: 100px;
		position: absolute;
		right: -20px;
		background: #394859;
		border-bottom-left-radius: 30px;
	}
}

@media (min-width: 1101px) {
	.telegram-container .plashka .logo::before {
		content: "";
		display: block;
		width: 20px;
		height: 100px;
		position: absolute;
		right: -20px;
		background: #303D4A;
	}
}

.telegram-container .plashka .logo p {
	font-weight: 400;
	font-size: 27px;
	line-height: 154.6%;
	letter-spacing: 0.018em;
	color: #FFFFFF;
	margin-left: 14px;
}

.telegram-container .plashka .description {
	font-weight: 300;
	font-size: 17px;
	line-height: 154.6%;
	letter-spacing: 0.018em;
	color: #FFFFFF;
	color: #FFFFFF;
	padding: 0 20px;
	text-align: center;
}

.telegram-container .plashka a {
	background: #D6A374;
	border-radius: 6px;
	padding: 15px 52px;
	color: white;
	font-weight: 400;
	font-size: 14px;
	line-height: 147.69%;
	text-align: center;
	text-align: center;
	margin: 0 10px;
}

@media (max-width: 1100px) {
	.telegram-container .plashka a {
		margin: 0 auto 20px;
	}
}

.telegram-container .plashka a:hover {
	opacity: 0.7;
}

/* Plashka TG */

/* Errors */

.errors-messages {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	display: block;
	z-index: 102;
	background: radial-gradient(black, #00000075);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	/* padding: 4px 0; */
}

.error-message {
	margin: 5px;
	border-radius: 3px;
	border: none;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background-color: #ff5468;
	padding: 5px;
}

.success-message {
	background-color: #00e97c !important;
}

.error-message>p {
	font-weight: 500;
	margin-left: 20px;
}

.error-message>button {
	font-weight: bold;
	background: none;
	border: none;
	margin-right: 6px;
}

.error-message>button:hover {
	cursor: pointer;
}

/* Errors */

.suggestions-wrapper-sz {
	position: relative;
	margin: 0;
	padding: 0;
	vertical-align: top;
	-webkit-text-size-adjust: 100%;
}

.suggestions-suggestions-sz,.suggestions-suggestions-sz_additional {
	background: #fff;
	border: 1px solid #999;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: default;
	left: 0;
	min-width: 100%;
	position: absolute;
	z-index: 9999;
	-webkit-text-size-adjust: 100%;
	padding: 10px;
}

.suggestions-suggestions-sz:hover,.suggestions-suggestions-sz_additional:hover {
	cursor: pointer;
}

/* Документы и материалы */

.agreement_is_signed {
	text-align: center;
	font-size: 1.1rem;
	font-weight: 500;
	padding: 1.2rem;
	color: #0042ab;
	border: 3px solid #0042ab;
	display: inline-block;
	transform: rotate(-9deg);
	margin-bottom: 2rem;
	margin-top: 0.2rem;
}

.agreement_is_signed>span {
	display: block;
}

.materials-container {
	/* margin-bottom: 40px; */
}

.material-items {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 40px;
}

.material-items>a {
	cursor: pointer;
	text-decoration: none;
	height: 100%;
	margin: 10px;
}

.material-items>div {
	text-decoration: none;
	height: 100%;
	margin: 10px;
}

.material-items a:-webkit-any-link {
	color: black;
}

/* .material-items .item {
	min-width: 370px;
	max-width: 370px;
	padding: 10px 20px;
	display: flex;
	border: 1px solid black;
} */

@media (max-width: 720px) {
	.material-items .item {
		min-width: 240px;
		max-width: 240px;
	}
}

.material-items .item .image {
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.material-items .item .info {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.material-items .item .info .title {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
}

@media (max-width: 720px) {
	.material-items .item .info .title {
		font-size: 16px;
	}
}

.video-container {
	margin-bottom: 40px
}

.video-item {
	margin: 10px 10px 10px 0;
}

.video-item .title {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
}

.video-item .video-player {
	margin-left: 10px;
	position: relative;
}

.video-item .video-player iframe {
	max-width: 90%;
}

.video-item .video-player .cover {
	width: 560px;
	height: 315px;
	max-width: 90%;
	background-color: rgba(0, 0, 0, 0.9);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.video-popup {
	top: 0;
	left: 0;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 999999;
	position: fixed;
}

.form-itself {
	background: black;
	border-radius: 10px;
	max-width: 90%;
	padding: 10px 10px 20px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.form-itself .video-player {
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.form-itself .video-player iframe {
	max-width: 95%;
}

.form-itself .close-button {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.form-itself .close-button p {
	cursor: pointer;
	color: white;
	font-size: 16px;
	margin-bottom: 10px;
}

/* Соглашение о присоединении */

.agreement_iframe {
	border: 0;
	height: 400px;
	width: 100%;
}

.agreement-signature {
	/* position: fixed;
	bottom: 3rem;
	left: calc(50% + 120px);
	transform: translateX(-50%); */
}

/* Документы и материалы - Admin */

.document-active {
	display: flex;
	margin-top: 10px;
	align-items: center;
	justify-content: space-between;
}

.document-active>div {
	display: flex;
}

.document-active>div>input {
	margin-left: 5px;
}

.document-upload-container {
	margin-top: 20px;
	width: 100%;
}

.add-new-category_line {
	width: 100%;
	text-align: center;
}

.add-new-category {
	cursor: pointer;
	padding: 3px 5px;
	margin-top: 20px;
}

.video-upload-container {
	width: 100%;
}

.video-upload-container>input {
	margin-top: 10px;
	width: 100%;
}

/* Мероприятия */

/* Мероприятия - Calendar Container */
.calendar-container {
	/* width: 100%; */
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	padding-bottom: 20px;
	background-color: white;
	border-radius: 10px;
}

/* Мероприятия - Calendar Top Panel */
.calendar-top-panel {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* margin-bottom: 20px; */
	background: #494150;
	padding: 20px 40px;
	box-sizing: border-box;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

@media (max-width: 1199px) {
	.calendar-top-panel {
		background: white;
		padding: 10px 15px;
	}
}

.current-month-button button {
	/* display: flex; */
	background: none;
	border: none;
	/* cursor: pointer; */
	padding: 0;
	margin: 0;
	outline: none;
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	text-decoration-line: underline;
	color: #FFFFFF;
	display: inline-block;
	vertical-align: middle;
}

@media (max-width: 1199px) {
	.current-month-button button {
		font-weight: 500;
		font-size: 16px;
		line-height: 20px;
		color: #000000;
	}
}

/* .current-month-button button:after {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url("data:image/svg+xml,<svg width='40' height='40' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M10.5 12L12.6651 8.25H8.33494L10.5 12Z' fill='white'/> </svg>");
	vertical-align: middle;
}

@media (max-width: 1199px) {
	.current-month-button button:after { 
		width: 20px;
		height: 20px;
		background-image: url("data:image/svg+xml, <svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.5 12L12.6651 8.25H8.33494L10.5 12Z' fill='black'/></svg>");
	}
}     */

.previous-month-button button,
.next-month-button button {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
	outline: none;
	display: flex;
	align-items: center;
	font-weight: 300;
	font-size: 18px;
	line-height: 18px;
	color: #FFFFFF;
}

@media (max-width: 1199px) {

	.previous-month-button button,
	.next-month-button button {
		font-weight: 500;
		font-size: 12px;
		line-height: 15px;
		color: #999999;
	}
}

.previous-month-button button svg,
.next-month-button button svg {
	margin: 0 10px;
}

@media (max-width: 1199px) {

	.previous-month-button button svg,
	.next-month-button button svg {
		display: none;

	}
}

.month-list {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #494150;
	border-top: 2px solid white;
	z-index: 1;
}

.month-list__items {
	display: flex;
	width: 85%;
}

.month-list-item {
	cursor: pointer;
	list-style-type: none;
	text-align: center;
	font-weight: 300;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
}

@media (max-width: 1000px) {
	.month-list-item {
		font-size: 12px;
	}
}

.calendar-decor {
	display: none;
}

@media (max-width: 1199px) {
	.calendar-decor {
		display: flex;
		min-width: 100%;
	}
}

.calendar-decor div {
	min-width: 50%;
	min-height: 11px;
	border-top: 1px solid #D6A374;
}

.calendar-decor div:nth-child(1) {
	border-right: 1px solid #D6A374;
	border-radius: 0 7px 0 0;
}

.calendar-decor div:nth-child(2) {
	border-left: 1px solid #D6A374;
	border-radius: 7px 0 0 0;
}

/* Мероприятия - Calendar Table */

.calendar-table {
	width: 100%;
	/* max-width: 900px; */
	padding: 0 20px;
	box-sizing: border-box;
	/* display: flex;
	flex-direction: column; 
	align-items: center;
	border-collapse: collapse; */
}

@media (max-width: 1199px) {
	.calendar-table {
		/* max-height: 570px; */
		max-height: calc(100vh - 300px);
		overflow: scroll;
		overflow-x: hidden;
	}
}

/* @media (max-height: 1199px) {
        .calendar-table {
            
        }
    } */

@media (max-width: 1199px) {
	.calendar-table::-webkit-scrollbar {
		width: 4px;
		background-color: #F5F5F5;
		border-radius: 5px;
		padding-right: 20px;
	}
}

@media (max-width: 1199px) {
	.calendar-table::-webkit-scrollbar-thumb {
		background-color: #999999;
		border-radius: 2px;
		cursor: pointer;

	}
}

.calendar-row {
	display: flex;
	/* justify-content: space-between; */
	width: 100%;
}

@media (max-width: 1199px) {
	.calendar-row {
		display: block;
	}
}

@media (max-width: 1199px) {
	.calendar-row:nth-child(1) {
		display: none;
	}
}

.calendar-cell {
	width: 160px;
	height: 88px;
	border: 2px solid #BBBBBB;
	border-radius: 10px;
	margin: 10px 15px;
	position: relative;

}

@media (max-width: 1199px) {
	.calendar-cell {
		width: 95%;
		height: 15px;
		margin: 25px 7px 0 7px;
		border: 1px solid #BBBBBB;
		box-sizing: border-box;
	}
}

.calendar-group {
	margin-top: 25px;
	position: relative;
}

.calendar-group .calendar-cell {
	margin: 10px 7px 0 7px;
}

.calendar-cell.not-month {
	/* background-color: #f2f2f2; */
	border-color: white;
}

@media (max-width: 1199px) {
	.calendar-cell.not-month {
		display: none;
	}
}

.calendar-cell.filled {
	background: #D6A374;
	cursor: pointer;
	border: 2px solid #D6A374;
}

.calendar-cell.black {
	background-color: black;
	cursor: pointer;
	border: 2px solid black;
}

.calendar-cell.outdated {
	cursor: pointer;
}

@media (max-width: 1199px) {

	.calendar-cell.filled,
	.calendar-cell.black,
	.calendar-cell.outdated {
		height: 55px;
	}
}

.calendar-details {
	width: 95%;
	margin: 0 7px 10px 7px;
	background: #EEEEEE;
	border-radius: 10px;
	padding: 10px;
	box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

.calendar-details .event-date {
	width: 100%;
	font-weight: 400;
	font-size: 10px;
	line-height: 12px;
	color: #444444;
	margin-bottom: 20px;
	margin-top: 10px;
}

.calendar-details .event-title {
	width: 100%;
	max-width: 100%;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #222222;
	margin-bottom: 20px;
}

.calendar-details .event-description {
	width: 100%;
	max-width: 100%;
	max-height: 49px;
	overflow: hidden;
	font-weight: 400;
	font-size: 10px;
	line-height: 12px;
	color: #222222;
	margin-bottom: 20px;

}

.calendar-details .details-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.calendar-details .details-item:nth-child(4) {
	padding-top: 20px;
	border-top: 1px solid #DDDDDD;
}

.calendar-details .details-item .details-title {
	font-weight: 400;
	font-size: 10px;
	line-height: 12px;
	color: #999999;
	display: flex;
	align-items: center;
	text-align: left;
}

.calendar-details .details-item .details-value {
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #222222;
	display: flex;
	align-items: center;
	text-align: right;
}

.calendar-details .buttons {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.calendar-details .buttons a {
	border-radius: 6px;
	cursor: pointer;
	text-decoration: none;
	box-sizing: border-box;
}

.calendar-details .buttons a:hover {
	opacity: 0.7;
}

.calendar-details .buttons .more-details {
	padding: 13px 32px;
	border: 1px solid #D6A374;
	font-weight: 400;
	font-size: 16px;
	line-height: 147.69%;
	text-align: center;
	color: #D6A374;
}

.calendar-details .buttons .share {
	border: 1px solid #999999;
	padding: 15px;
	width: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.calendar-details .buttons .share-group {
	position: relative;
}

.calendar-details .buttons .share-menu {
	display: none;
}

.calendar-details .buttons .share-menu-container {
	display: flex;
	flex-direction: column;
	position: absolute;
	z-index: 1;
	align-items: center;
	justify-content: space-between;
	width: 56px;
	height: 140px;
	padding: 10px 0;
	background: #FFFFFF;
	border: 1px solid #999999;
	border-radius: 6px;
	box-sizing: border-box;
}

.calendar-details .close {
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: 10px;
	line-height: 12px;
	text-decoration-line: underline;
	color: #999999;
}

.weekdays-cell {
	width: 160px;
	text-align: left;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	margin: 15px 23px 15px 0;
}

.calendar-date {
	position: absolute;
	left: -29px;
	top: -7px;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	padding: 5px 8px;
	border-radius: 24px;
}

@media (max-width: 1199px) {
	.calendar-date {
		left: -10px;
		top: -22px;
		font-weight: 600;
		font-size: 12px;
		line-height: 15px;
		color: #222222;
	}
}

.calendar-days-mob {
	display: none;
}

@media (max-width: 1199px) {
	.calendar-days-mob {
		display: inline-block;
		font-weight: 600;
		font-size: 12px;
		line-height: 15px;
		color: #222222;
		position: absolute;
		top: -17px;
		right: 0;
	}
}

@media (max-width: 1199px) {

	.calendar-days-mob.filled,
	.calendar-date.filled {
		color: #D6A374;
	}
}

.calendar-group .calendar-date {
	left: -2px;
}

.calendar-group .calendar-days-mob {
	right: 4.5%;
}

@media (max-width: 680px) {
	.calendar-group .calendar-days-mob {
		right: 3%;
	}
}

.calendar-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

@media (max-width: 1199px) {
	.calendar-text {
		flex-direction: row;
		align-items: center;
	}
}

.calendar-description {
	font-weight: 500;
	font-size: 15px;
	line-height: 14px;
	color: #BBBBBB;
	padding: 7px;
	max-height: 20px;
	/* width: 90%; */
	overflow: hidden;
}

@media (max-width: 1640px) {
	.calendar-description {
		font-size: 0.8vw;
	}
}

@media (max-width: 1199px) {
	.calendar-description {
		font-weight: 400;
		font-size: 10px;
		line-height: 12px;
	}
}

.calendar-anoter {
	font-weight: 600;
	font-size: 10px;
	line-height: 10px;
	padding: 2px 7px 1px 7px;
	color: #555555;
	font-weight: 600;
	position: absolute;
	top: 45%;
}

@media (max-width: 1640px) {
	.calendar-anoter {
		font-size: 0.5vw;
	}
}

@media (max-width: 1199px) {
	.calendar-anoter {
		display: none;
	}
}

.calendar-time {
	font-weight: 500;
	font-size: 14px;
	line-height: 14px;
	color: #BBBBBB;
	padding: 4px;
	width: 100%;
	border-radius: 8px;
	box-sizing: border-box;
}

@media (max-width: 1640px) {
	.calendar-time {
		font-size: 0.7vw;
	}
}

@media (max-width: 1199px) {
	.calendar-time {
		font-weight: 500;
		font-size: 10px;
		line-height: 12px;
		padding: 8px;
		width: auto;
		margin-right: 10px;
		min-width: 112px;
	}
}

.calendar-time:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml,<svg  width='18' height='18' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'> <path stroke-width='3' fill-rule='evenodd' clip-rule='evenodd' d='M10 2C14.4112 2 18 5.5888 18 10C18 14.4112 14.4112 18 10 18C5.5888 18 2 14.4112 2 10C2 5.5888 5.5888 2 10 2ZM10 3.2C6.2504 3.2 3.2 6.2504 3.2 10C3.2 13.7496 6.2504 16.8 10 16.8C13.7496 16.8 16.8 13.7496 16.8 10C16.8 6.2504 13.7496 3.2 10 3.2ZM9.72896 6.07632C10.061 6.07632 10.329 6.34512 10.329 6.67632V10.2139L13.053 11.8379C13.337 12.0083 13.4306 12.3763 13.261 12.6611C13.1482 12.8491 12.949 12.9539 12.745 12.9539C12.6402 12.9539 12.5346 12.9267 12.4378 12.8699L9.42176 11.0707C9.24096 10.9619 9.12896 10.7659 9.12896 10.5547V6.67632C9.12896 6.34512 9.39776 6.07632 9.72896 6.07632Z' fill='lightgray'/> </svg>");
	vertical-align: middle;
}

.calendar-cell.filled .calendar-description,
.calendar-cell.filled .calendar-time,
.calendar-cell.black .calendar-description,
.calendar-cell.black .calendar-time {
	color: white;
}

.calendar-cell.filled .calendar-time {
	background: #EABD94;
}

.calendar-cell.filled .calendar-time:before,
.calendar-cell.black .calendar-time:before {
	background-image: url("data:image/svg+xml,<svg  width='18' height='18' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'> <path stroke-width='3' fill-rule='evenodd' clip-rule='evenodd' d='M10 2C14.4112 2 18 5.5888 18 10C18 14.4112 14.4112 18 10 18C5.5888 18 2 14.4112 2 10C2 5.5888 5.5888 2 10 2ZM10 3.2C6.2504 3.2 3.2 6.2504 3.2 10C3.2 13.7496 6.2504 16.8 10 16.8C13.7496 16.8 16.8 13.7496 16.8 10C16.8 6.2504 13.7496 3.2 10 3.2ZM9.72896 6.07632C10.061 6.07632 10.329 6.34512 10.329 6.67632V10.2139L13.053 11.8379C13.337 12.0083 13.4306 12.3763 13.261 12.6611C13.1482 12.8491 12.949 12.9539 12.745 12.9539C12.6402 12.9539 12.5346 12.9267 12.4378 12.8699L9.42176 11.0707C9.24096 10.9619 9.12896 10.7659 9.12896 10.5547V6.67632C9.12896 6.34512 9.39776 6.07632 9.72896 6.07632Z' fill='white'/> </svg>");
}

.calendar-cell.black .calendar-time {
	background: #555555;
}

@media (max-width: 1199px) {
	.calendar-day-list {
		display: none;
	}
}

.events-list-heading {
	margin: 25px 0;
	font-size: 1.6em;
	font-weight: 600;
}

.calendar-day-list-item {
	margin-top: 20px;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
}

.calendar-day-list-item-title {
	display: flex;
	justify-content: space-between;
	background: #494150;

	padding: 15px 30px
}

.calendar-day-list-item-title p {
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
}

.calendar-day-list-item-title .event-tile {
	margin-right: 10px;
}

.calendar-day-list-item-title .event-is-done {
	min-width: 250px;
}

.calendar-day-list-item-body {
	display: flex;
	justify-content: space-between;
	background-color: white;
}

.calendar-day-list-item-body .description {
	padding: 30px;
	width: calc(100% - 490px);
}

.calendar-day-list-item-body table {
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #999999;
}

.calendar-day-list-item-body table td {
	padding-bottom: 13px;
	vertical-align: top;
}

.calendar-day-list-item-body .description table td:nth-child(1) {
	min-width: 190px;
}

.calendar-day-list-item-body table td:nth-child(2) {
	color: #222222;
	padding-left: 11px;
}

.calendar-day-list-item-body .buttons {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	/* justify-content: space-between; */
}

.calendar-day-list-item-body .buttons a {
	background: #D6A374;
	border: 2px solid #D6A374;
	border-radius: 6px;
	padding: 15px 78px;
	font-weight: 400;
	font-size: 16px;
	line-height: 147.69%;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
	box-sizing: border-box;
	margin-bottom: 10px;
	margin-right: 10px;
}

.calendar-day-list-item-body .buttons a:hover {
	opacity: 0.7;
}

.calendar-day-list-item-body .buttons a.eventDetails {
	background: #FFFFFF;
	color: #D6A374;
	/* margin-left: 15px; */
}

.calendar-day-list-item-body .speaker {
	background: #333333;
	display: flex;
	justify-content: space-between;
}

.calendar-day-list-item-body .speaker .image {
	min-width: 180px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.calendar-day-list-item-body .speaker .image>div {
	width: 114px;
	height: 114px;
	border-radius: 57px;
	border: 2px solid #D6A374;
	background-position: center;
	background-size: 114px;
}

.calendar-day-list-item-body .speaker .info {
	margin-top: 31px;
	margin-bottom: 31px;
	margin-right: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 290px;
}

.calendar-day-list-item-body .speaker .info a {
	margin-right: 10px;
	text-decoration: none;
}

.calendar-day-list-item-body .speaker table td:nth-child(2) {
	color: #FFFFFF;
	max-width: 190px;
	min-width: 190px;
}

/* Мероприятия - About */

.about-container {
	width: 100%;
	display: none;
	position: absolute;
	/* left: 240px; */
	height: 100%;
	top: 0;
	position: fixed;
	opacity: 0;
	background: #F2F3F6;
}

@media (max-width: 1199px) {
	.about-container {
		flex-direction: column;
		overflow: scroll;
		overflow-x: hidden;
	}
}

@media (max-width: 1199px) {
	.about-container::-webkit-scrollbar {
		width: 4px;
		background-color: #F5F5F5;
		border-radius: 5px;
		padding-right: 20px;
	}
}

@media (max-width: 1199px) {
	.about-container::-webkit-scrollbar-thumb {
		background-color: #999999;
		border-radius: 2px;
		cursor: pointer;

	}
}

.about-container .main {
	background: #F2F3F6;
	padding-top: 60px;
	flex: 1;
	max-width: 830px;
	overflow: scroll;
	overflow-x: hidden;
}

.about-container .main::-webkit-scrollbar {
	width: 4px;
	background-color: #F5F5F5;
	border-radius: 5px;
	padding-right: 20px;
}

.about-container .main::-webkit-scrollbar-thumb {
	background-color: #999999;
	border-radius: 2px;
	cursor: pointer;

}

@media (max-width: 1199px) {
	.about-container .main {
		overflow: visible;
	}
}

.about-container .main .back {
	width: 100%;
}

.about-container .main .back a {
	background: #FFFFFF;
	border-radius: 10px;
	padding: 8px 20px;
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #D6A374;
	width: 180px;
}

.about-container .main .back a svg {
	margin-right: 15px;
}

.about-container .main .description {
	margin-top: 45px;
}

.about-container .main .description .event-title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	padding-right: 20px;
}

.about-container .main .description .event-title .event-name {
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	color: #222222;
	padding-right: 20px;
}

@media (max-width: 1199px) {
	.about-container .main .description .event-title .event-name {
		font-weight: 600;
		font-size: 20px;
		line-height: 24px;
		letter-spacing: -0.01em;
		color: #000000;
	}
}

.about-container .main .description .event-title .line {
	flex: 1;
	border-top: 1px solid #D6A374;
	position: relative;
	top: 12px;
	min-width: 30px;
}

@media (max-width: 1199px) {
	.about-container .main .description .event-title .line {
		display: none;
	}
}

.about-container .main .description .event-title .event-date-container {
	display: flex;
	align-items: center;
	padding-left: 20px;
}

@media (max-width: 1199px) {
	.about-container .main .description .event-title .event-date-container {
		display: none;
	}
}

.about-container .main .description .event-title .event-date {
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	color: #D6A374;
}

.about-container .main .description .event-description {
	margin-top: 45px;
	margin-bottom: 45px;
	max-width: 100%;
	padding-right: 20px;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #222222;
}

@media (max-width: 1199px) {
	.about-container .main .description .event-description {
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		color: #222222;

	}
}

.about-container .main .speaker {
	border-top: 1px solid #D6A374;
	border-bottom: 1px solid #D6A374;
	display: flex;
	max-width: 100%;
	padding-right: 20px;
}

@media (max-width: 1199px) {
	.about-container .main .speaker {
		border: none;
	}
}

.about-container .main .speaker .line-top {
	min-width: 175px;
	min-height: 5px;
	background: #D6A374;
	border-radius: 0px 0px 4px 4px;
}

.about-container .main .speaker .speaker-photo {
	width: 175px;
	min-height: 241px;
	margin-right: 35px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.about-container .main .speaker .speaker-photo .speaker-image {
	width: 175px;
	height: 175px;
	border: 2px solid #D6A374;
	border-radius: 30px;
	background-position: center;
	background-size: 175px;
	box-shadow: 0 0 10px 1px #D6A374;
}

.about-container .main .speaker .line-bottom {
	min-width: 175px;
	min-height: 5px;
	background: #D6A374;
	border-radius: 4px 4px 0px 0px;
}

.about-container .main .speaker .speaker-info p:nth-child(1) {
	margin-top: 33px;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #999999;
	margin-bottom: 6px;
}

.about-container .main .speaker .speaker-info p:nth-child(2) {
	font-weight: 400;
	font-size: 20px;
	line-height: 20px;
	color: #222222;
	margin-bottom: 16px;
}

.about-container .main .speaker .speaker-info p:nth-child(3) {
	margin-bottom: 16px;
}

@media (max-width: 1199px) {

	.about-container .main .speaker .speaker-photo,
	.about-container .main .speaker .speaker-info {
		display: none;
	}
}

@media (max-width: 1199px) {
	.about-container .main .location {
		display: none;
	}
}

.about-container .main .location .adress {
	margin-top: 20px;
	max-width: 100%;
	background-color: #D6A374;
	min-height: 45px;
	display: flex;
	align-items: center;
	padding-right: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.about-container .main .location .adress p {
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
}

.about-container .map {
	margin-top: 20px;
	max-width: 100%;
	margin-right: 20px;
	height: 650px;
	max-height: 650px;
}


.about-container .details {
	background: #222222;
	padding-top: 111px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media (max-width: 1199px) {
	.about-container .details {
		padding-top: 40px;
		border-radius: 24px;
	}
}

.about-container .details .details-item {
	border-bottom: 1px solid #555555;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	width: 100%;
	/* align-items: flex-start; */
}

.about-container .details .details-item:nth-child(3) {
	border: none;
}

@media (max-width: 1199px) {
	.about-container .details .details-item {
		width: 100%;
		border: none;
		padding: 0 10px;
		box-sizing: border-box;
	}
}

.about-container .details .details-item div:nth-child(1) {
	color: #999999;
	padding-left: 20px;
	display: flex;
	align-items: center;
	min-width: 220px;

}

@media (max-width: 1199px) {
	.about-container .details .details-item div:nth-child(1) {
		width: 50%;
		box-sizing: border-box;
		border-bottom: 1px solid #333333;
		padding-bottom: 15px;
		margin-bottom: 15px;
		font-weight: 400;
		font-size: 14px;
		line-height: 14px;
		color: #999999;
	}
}

.about-container .details .details-item div:nth-child(2) {
	color: #D6A374;
	padding-right: 20px;
	display: flex;
	align-items: center;
	/* min-width: 340px; */
}

@media (max-width: 1199px) {
	.about-container .details .details-item div:nth-child(2) {
		width: 50%;
		box-sizing: border-box;
		display: flex;
		justify-content: flex-end;
		text-align: right;
		border-bottom: 1px solid #333333;
		padding-bottom: 15px;
		margin-bottom: 15px;
		font-weight: 300;
		font-size: 16px;
		line-height: 16px;
		color: #D6A374;
	}
}

@media (max-width: 1199px) {
	.about-container .details .details-item:nth-child(3) div {
		border: none;
		margin-bottom: 30px;
	}
}

.about-container .details .details-item span {
	color: #555555;
	margin-left: 10px;
	max-width: 145px;
}

@media (max-width: 1199px) {
	.about-container .details .details-item span {
		display: none;
	}
}

.about-container .details .details-item svg {
	margin-right: 17px;
}

.about-container .details .details-item .event-adress {
	max-width: 220px;
}

@media (max-width: 1199px) {
	.about-container .details .details-item .event-adress {
		max-width: none;
	}
}

.speaker-mob {
	display: none;
}

@media (max-width: 1199px) {
	.speaker-mob {
		display: flex;
		width: 100%;
		padding: 35px 10px;
		box-sizing: border-box;
		background: #292929;
	}
}

@media (max-width: 1199px) {
	.speaker-mob .speaker-photo {
		width: 35%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-right: 10px;
	}
}

@media (max-width: 1199px) {
	.speaker-mob .speaker-photo .speaker-photo-itself {
		width: 100px;
		height: 100px;
		border: 2px solid #D6A374;
		border-radius: 50px;
		background-position: center;
		background-size: 100px;
		box-shadow: 0 0 10px 1px #D6A374;
	}
}

@media (max-width: 1199px) {
	.speaker-mob .speaker-info {
		width: 65%;
	}
}

@media (max-width: 1199px) {
	.speaker-mob .speaker-info .speaker-info-title {
		font-weight: 400;
		font-size: 10px;
		line-height: 10px;
		color: #999999;
		margin-bottom: 10px;
	}
}

@media (max-width: 1199px) {
	.speaker-mob .speaker-info .speaker-info-value {
		font-weight: 400;
		font-size: 14px;
		line-height: 14px;
		color: #FFFFFF;
		margin-bottom: 10px;
	}
}

.about-container .details .register-group {
	margin-top: 50px;
}

@media (max-width: 1199px) {
	.about-container .details .register-group {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #292929;
		padding-bottom: 20px;
		margin-top: 0;
	}
}

.about-container .details .register {
	background: #D6A374;
	border: 2px solid #D6A374;
	border-radius: 6px;
	padding: 15px 78px;
	font-weight: 400;
	font-size: 16px;
	line-height: 147.69%;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
	box-sizing: border-box;

	margin-top: 50px;
	/* margin-right: 10px; */
}

@media (max-width: 1199px) {
	.about-container .details .register {
		margin-top: 0;
	}
}

@media (max-width: 1199px) {
	.about-container .details .share-group {
		width: 100%;
		padding: 0 10px 20px 10px;
		box-sizing: border-box;
		border-radius: 0 0 24px 24px;
		background: #292929;
	}
}

@media (max-width: 1199px) {
	.about-container .details .share-subgroup {
		box-sizing: border-box;
		width: 100%;
		display: flex;
		justify-content: center;
		padding-top: 20px;
		border-top: 1px solid #333333;
	}
}

.shareTitle {
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #999999;
	margin-bottom: 15px;
	margin-top: 40px;
	text-align: center;
}

@media (max-width: 1199px) {
	.shareTitle {
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 10px;
		font-weight: 400;
		font-size: 14px;
		line-height: 14px;
		color: #999999;
	}
}

.share a {
	margin: 0 10px;
	text-decoration: none;
}

.map-mobile {
	display: none;
	margin-top: 20px;
	max-width: 100%;
	padding-right: 20px;
	height: 650px;
	max-height: 650px;
}

@media (max-width: 1199px) {
	.map-mobile {
		display: block;
		background: #EEEEEE;
		/* margin-top: 0!important; */
		padding-left: 20px;
		min-height: 650px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

/* Мероприятия - Google Map Badge */

.gm-style-iw.gm-style-iw-c {
	background-color: black;
	min-width: 230px !important;
	max-width: 230px !important;
	overflow: visible !important;
}

.gm-style-iw-d {
	background-color: black;
	overflow: visible !important;
	border-radius: 10px !important;
}

.gm-style-iw-tc::after {
	background-color: black !important;
}

.gm-style-iw.gm-style-iw-c>button {
	color: white !important;
}

.badge {
	padding: 0 15px 15px 0;
	background-color: black;
	color: white;
	border: none;
	position: relative;
	top: -12px;
	border-radius: 10px;
}

.badge .badge-close {
	width: 100%;
	font-size: 15px;
	text-align: right;
	position: relative;
	top: 17px;
}

.badge .badge-adress {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	margin-right: 16px;
	word-wrap: break-word;
}

.badge .metro {
	margin-bottom: 10px;
	color: #D6083B;
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	vertical-align: middle;
}

.badge .metro::before {
	content: "";
	border-radius: 50%;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #D6083B;
	margin-right: 3px;
}

.badge .metro:empty {
	display: none;
}

.badge .date {
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	margin-right: 16px;
}

.badge .register {
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-decoration-line: underline;
	color: #D6A374;
	background: none;
	border: none;
	cursor: pointer;
	outline: none;
}

/* Мероприятия - Registration Form */

.registration-form {
	top: 0;
	left: 0;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999999;
	position: fixed;
}

.form-itself,
.form-itself-change,
.thank-you {
	background: #F2F3F6;
	border-radius: 10px;
	width: 600px;
	height: 476px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media (max-width: 699px) {

	.form-itself,
    .form-itself-change,
	.thank-you {
		width: 360px;
		max-width: 90vw;
		;
	}
}

.thank-you {
	position: absolute;
	display: none;
}

.close-button,
.change-close-button,
.thank-you-close-button {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.close-button p,
.change-close-button p,
.thank-you-close-button p {
	cursor: pointer !important;
	font-size: 20px !important;
	color: #000000 !important;
}

.registration-form h2 {
	width: 100%;
	text-align: center;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	color: #222222;
	margin-top: 17px;
}

.registration-form form {
	width: 340px;
	margin-top: 45px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.registration-form #eventListButton {
	position: relative;
	background: #FFFFFF;
	border: 1px solid #D6A374;
	border-radius: 5px;
	color: #222222;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	padding: 16px 20px;
	box-sizing: border-box;
	width: 340px;
	cursor: pointer;
}

#chosenEvent {
	overflow: hidden;
	max-height: 18px;
	display: flex;
	justify-content: space-between;
}

#chosenEventTitle {
	max-width: 252px;
}

#chosenLabel svg.rotated {
	transform: rotate(180deg);
}

.registration-form #eventsList {
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #D6A374;
	border-radius: 5px;
	color: #222222;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	padding: 0 20px;
	top: 50px;
	left: -1px;
	max-height: 167px;
	width: 340px;
	overflow: scroll;
	overflow-x: hidden;
	box-sizing: border-box;
}

.registration-form #eventsList::-webkit-scrollbar {
	width: 4px;
	background-color: #F5F5F5;
	border-radius: 5px;
	padding-right: 10px;
}

.registration-form #eventsList::-webkit-scrollbar-thumb {
	background-color: #999999;
	border-radius: 2px;
	cursor: pointer;
}

.registration-form #eventsList .optionItem {
	overflow: hidden;
	height: 34px;
	border-bottom: 1px solid #DDDDDD;
	padding: 10px 0;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
}

.registration-form #eventsList .optionItem p {
	max-width: 252px;
}

.registration-form input[type="text"],
.registration-form input[type="tel"] {
	background: #FFFFFF;
	border: 1px solid #D6A374;
	border-radius: 5px;
	color: #222222;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	padding: 16px 20px;
	box-sizing: border-box;
	width: 340px;
	margin-top: 20px;
}

.registration-form input[type="submit"] {
	background: #D6A374;
	border: 2px solid #D6A374;
	border-radius: 6px;
	width: 280px;
	height: 48px;
	font-weight: 400;
	font-size: 16px;
	line-height: 147.69%;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
	margin-top: 30px;
	margin-bottom: 17px;
}

.registration-form .checkbox {
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	display: flex;
	align-items: center;
	color: #999999;
}

.registration-form input[type="checkbox"] {
	background: #D6A374;
	border-radius: 2px;
}

.thank-you #result {
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	padding: 16px 20px;
	box-sizing: border-box;
	width: 360px;
	margin-top: 20px;
	text-align: center;
}

.thank-you #result span {
	font-weight: 600;
	font-size: 22px;
	/* margin: 10px 0; */
}

.thank-you svg {
	margin-top: 20px;
}

.sub-section {
	color: black;
	text-decoration-style: dashed;
	position: relative;
	top: -30px;
}

@media (max-width: 600px) {
	.sub-section {
		top: -15px;
	}

}

.events-reminder {
    position: absolute;
    top: 8px;
    left: 20px;
    color: white;
    opacity: 1 !important;
    background: red;
    background-position: center;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0px !important;
    text-align: center;
}

.search__history {
    margin-bottom: 50px;
}