.mainwrapper {
	transition: 0.3s;
	height: 100%;
	}
.mainheader {
	width: 100%;
	height: 100px;
	min-height: 100px;
	border-bottom: 1px solid #EAEAEA;
	z-index: 12;
	position: relative;
	}
.mainheader-container {
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 20px;
	}
.mainheader-container-logo {
	width: 100%;
	height: 100px;
	min-height: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.container-logo {
	display: flex;
	align-items: center;
	}
.mainheader-container-menu {
	display: flex;
	align-items: center;
	/*margin-right: 50px;*/
	}
.mainheader-slogan {
	font-size: 11px;
	opacity: 0.6;
	text-transform: uppercase;
	margin: 0 50px 0 35px;
	}
.mainheader-container-menu .mainheader-container {
	height: 40px;
	min-height: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	}
.mainheader-container-menu a {
	display: block;
	padding: 0 16px;
	font-weight: 600;
	font-size: 16px;
	color: var(--black);
	white-space: nowrap;
	}
.mainheader-container-menu a:first-child {
	padding: 0 16px 0 0;
	}
.mainheader-container-menu a:last-child {
	padding: 0 0 0 16px;
	}
.mainheader-container-menu a:hover, .mainheader-container-menu a.selected {
	text-decoration: none;
	color: #f4931e;
	}
.logo-link {
	display: block;
	height: auto;
	}
.mainheader-phone .caption12 a {
	text-decoration: underline;
	color: var(--gray);
	}
.mainheader-phone .caption12 a:hover {
	text-decoration: none;
	}
.mainheader-phone {
	text-align: right;
	display: flex;
	align-items: center;
	white-space: nowrap;
	}
.mainheader-phone svg {
	margin: 0 12px 0 0;
	}
#headerPhone {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	}
#headerPhone a {
	color: var(--black);
	font-weight: 500;
	font-size: 16px;
	}
#headerPhone a:hover {
	text-decoration: none;
	}
#headerTime {
	color: var(--gray);
	font-weight: 400;
	font-size: 13px;
	}
.social-item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	margin: 0 20px 0 0;
	}
.social-item:last-child {
	margin: 0;
	}
.social-container {
	display: flex;
	align-items: center;
	margin: 0 60px 0 0;
	}
.mainheader-search {
	margin: 0 60px 0 0;
	position: relative;
	}
.mainheader-search button {
	cursor: pointer;
	position: absolute;
	background: transparent;
	width: 16px;
	height: 15px;
	left: 0px;
	top: 8px;
	outline: none;
	}
.mainheader-search input[type="text"] {
	height: 32px;
	border: 0;
	border-radius: 0;
	font-weight: 500;
	padding: 0 0 0 28px;
	font-size: 14px;
	color: var(--black);
	outline: none;
	background: var(--white);
	width: 140px;
	}
.start-ban {
	height: 550px;
	}
.start-ban-space {
	height: 550px;	
	width: 100%;
	}
.page-banner {
	height: auto;
	padding: 30px 0;
	min-height: 220px;
	display: flex;
	align-items: center;
	}
.page-banner .mainheader-container {
	width: 100%;
	}
.start-banner-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.page-banner h1 {
	font-weight: 700;
	font-size: 40px;
	line-height: 56px;
	color: var(--black);
	}
.start-banner-header, .partner-banner-header {
	font-weight: 700;
	font-size: 48px;
	line-height: 56px;
	max-width: 600px;
	padding-bottom: 30px;
	color: var(--black);
	}
.partner-banner-header {
	max-width: 380px;
	}
.start-banner-cart {
	background-color: var(--white);
	border-radius: var(--radius2);	
	box-shadow: var(--shadow4);
	padding: 40px 36px 36px 36px;
	width: 480px;
	min-width: 480px;
	}
.text-about-index {
	line-height: 150%;
	}
.cart-header {
	font-weight: 700;
	font-size: 28px;
	line-height: 100%;
	margin-bottom: 32px;
	}
.submit-wrap {
	display: flex;
	margin: 32px 0 0 0;
	align-items: center;
	}
.mainfooter {
	padding: 30px 0;
	background: #4C4C4C;
	position: relative;
	}
.mainfooter-container {
	max-width: 1556px;
	height: 100%;
	margin: 0 auto;
	padding: 0 20px;
	}
.mainfooter-container-united {
	display: flex;
	justify-content: space-between;
	}
.mainfooter-logo-col {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	}
.requisites-wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	}
.requisites {	
	font-size: 12px;
	color: var(--gray);
	}
.mainfooter-infoblock {
	display: flex;
	justify-content: flex-end;
	}
.mainfooter-phone {
	display: block;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	color: var(--text-disabled);
	text-align: right;
	}
.mainfooter-phone:hover {
	text-decoration: none;
	color: var(--gray);
	}
.mainfooter-worktime {
	font-size: 12px;
	color: var(--gray);
	margin-top: 5px;
	text-align: right;
	}
.mainfooter-email {
	display: block;
	text-decoration: none;
	font-weight: 500;
	font-size: 15px;
	color: var(--text-disabled);
	margin-top: 24px;
	text-align: right;
	}
.mainfooter-email:hover {
	text-decoration: none;
	color: var(--gray);
	}
.mainfooter-adress-column {
	color: #7F7F7F;	
	font-weight: 500;
	font-size: 12px;
	max-width: 270px;
	}
.mainfooter-social-container {
	margin-top: 30px;
	display: flex;
	justify-content: flex-end;
	}
.mainfooter-social-container {
	margin-top: 30px;
	display: flex;
	justify-content: flex-end;
	}
.mainfooter-social-container .social-item:last-child {
	margin-left: 15px;
	}
.social-item svg {
	width: 16px;
	}
.mainfooter-social-container .social-item:hover {
	border: 1px solid var(--gray);
	}
.mainfooter-adress-column a {
	color: var(--gray);
	}
.mainfooter-adress-column a:last-child {
	margin-left: 30px;
	}
.mainfooter-credit-container svg {
	margin-right: 15px;
	}
.mainfooter-credit-container svg:last-child {
	margin-right: 0;
	}
.mainfooter-menu-column {
	display: flex;
	}
.mainfooter-menu-column a {
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding: 0 12px;
	color: var(--text-disabled);
	text-decoration: none;	
	}
.mainfooter-menu-column a:hover {
	color: var(--gray);
	}
.promo-grid {
       	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--spacer);
	margin-top: 30px;
	}
.products-grid {
       	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: var(--spacer);
	}
.products-also-grid {
       	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--spacer);
	margin: 40px 0 80px 0;
	}
.products-also-grid .products-list-name {
	font-size: 24px;
	line-height: 32px;
	color: var(--black);
	margin: 0 0 16px 0;
	}
.products-also-grid .products-list-desc {
	color: var(--black);
	}
.products-also-grid .products-list-desc-wrap {
	margin: 40px 0 0 0;
	align-items: center;
	justify-content: space-between;
	}
.products-also-grid .products-list-tab {
	margin: 0;
	}
.products-also-grid .products-list-tab-name {
	font-size: 16px;
	color: var(--black);
	opacity: 0.5;
	}
.products-also-grid .products-list-tab-value {
	color: var(--black);
	}
.products-also-grid .products-list-tab-line:last-child {
	margin: 0;
	}
.product-grid-item, .promo-grid-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #F5F5F5;
	border-radius: var(--radius2);
	padding: 32px;	
	position: relative;
	}
.centercolumn {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1260px;
	position: relative;
	height: 100%;
	}
.content-wrap {
	margin-top: 70px;
	margin-bottom: 70px;
	}
.content-wrap.products {
	margin-top: 60px;
	}
.product-grid-img {
	width: 140px;
	height: 140px;
	border-radius: 70px;
	position: absolute;
	right: 32px;
	bottom: 32px;
	}
.promo-item-wrap {
	display: flex;
	justify-content: space-between;
	}
.promo-grid-img {
	min-width: 150px;
	width: 150px;
	height: 150px;
	border-radius: 75px;
	margin-left: 50px;
	}
.product-grid-type {
	color: rgba(255,255,255,.5);
	font-size: 18px;
	font-weight: 600;
	}
.product-grid-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 140%;
	color: #4C4C4C;
	text-transform: uppercase;
	}
.promo-grid-type {
	color: rgba(255,255,255,.5);
	font-size: 16px;
	font-weight: 500;
	}
.inactive .promo-grid-type {
	color: var(--black);
	opacity: 0.5;
	}
.inactive .promo-grid-title {
	color: var(--black);
	}
.promo-grid-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-top: 10px;
	color: var(--white);
	}
.product-grid-item .button, .products-list-info .button, .promo-grid-item .button {
	color: rgba(76,76,76,.5);
	border: 2px solid rgba(76,76,76,.5);
	margin-top: 110px;
	}
.promo-grid-item.inactive .button {
	color: var(--black);
	border: 2px solid var(--black);
	margin-top: 30px;
	opacity: 0.3;
	}
.promo-grid-item.inactive .button:hover {
	color: var(--black);
	border: 2px solid var(--black);
	opacity: 0.6;
	}
.promo-grid-item .button {
	margin-top: 20px;
	}
.product-grid-item .button:hover, .products-list-info .button:hover, .promo-grid-item .button:hover {
	color: #4C4C4C;
	border: 2px solid #4C4C4C;
	background-color: transparent;
	}
.main-subheader, .main-subheader h1 {
	font-size: 34px;
	font-weight: 700;
	line-height: 36px;
	}
.goals-grid {
       	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: var(--spacer);
	margin-top: 40px;
	}
.goals-grid.last {
	margin-bottom: 80px;
	}
.goals-grid.steps {
	margin-top: 60px;
	}
.goals-grid.partner {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
.goals-item {
	background-color: var(--bg-gray);
	border-radius: var(--radius2);
	padding: 24px 32px 32px 32px;	
	}
.partner .goals-item {
	padding: 24px;
	}
.goals-icon {
	width: 64px;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 12px auto;
	}
.partner .goals-icon {
	margin: 0 auto 6px auto;
	}
.goals-name {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	}
.partner .goals-name {
	font-size: 16px;
	line-height: 21px;
	}
.advantages-name {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	}
.advantages-desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	margin-top: 16px;
	}
.advantages-icon {
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	margin: 0 0 12px 0;
	}
.doc-block-index {
	margin: 60px 0 80px 0;
       	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: var(--spacer);
	}
.doc-block-item {
	display: flex;
	align-items: center;
	}
.doc-block-item:hover {
	text-decoration: none;
	}
.doc-block-item:hover .doc-block-name {
	color: var(--green1);
	}
.doc-block-type {
	width: 64px;
	height: 64px;
	background-color: var(--bg-gray);
	border-radius: var(--radius1);
	padding: 12px;	
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--green1);
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 20px 0 0;
	}
.doc-block-name {
	color: var(--black);
	font-weight: 700;
	font-size: 16px;
	}
.regulators-wrap {
	margin-right: 110px;
	display: flex;
	}
.regulators-name {
	max-width: 170px;
	font-size: 12px;
	color: var(--gray);
	margin-top: 6px;
	}
.regulators-item {
	margin-left: 40px;
	}
.page-section-wrap {
	margin: 80px 0 0 0;
	}
.inline-form {
	display: flex;
	justify-content: space-between;
	}
.form-header-container {
	max-width: 380px;
	padding-right: 40px;
	}
.form-header {
	font-weight: 700;
	font-size: 34px;
	line-height: 40px;
	}
.form-comment {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin-top: 16px;
	max-width: 200px;
	}
.stage-item {
	position: relative;
	}
.goals-grid.requirement {
	grid-template-columns: 1fr 1fr 1fr;
	}
.requirement .stage-item {
	padding: 24px 24px 74px 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	}
.requirement .lable {
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 0 0 var(--radius2) var(--radius2);
	background-color: var(--bg-gray);
	padding: 12px 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--green1);
	font-weight: 700;
	font-size: 16px;
	}
.requirement .stage-name {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	margin-top: 0;
	white-space: nowrap;
	}
.requirement .stage-name svg {
	margin-right: 10px;
	}
.stage-name {
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	margin-top: 18px;
	}
.stage-desc {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin-top: 16px;
	}
.stage-number {
	position: absolute;
	width: 56px;
	height: 56px;
	background-color: var(--green1);
	border-radius: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	top: -28px;
	left: 32px;
	font-weight: 700;
	font-size: 20px;
	color: var(--white);
	}
.products-list-wrap {
	}
.products-list-item {
	display: flex;
	margin-top: 30px;
	}
.products-list-info {
	border-radius: var(--radius2);
	padding: 32px;
	min-height: 300px;
	width: 100%;
	background: #F5F5F5;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	}
.p-page .products-list-info {
	min-height: 100%;
	}
.products-list-pic {
	border-radius: var(--radius2);
	width: 500px;
	min-width: 500px;
	margin-left: 24px;
	}
.products-list-map {
	border-radius: var(--radius2);
	width: 700px;
	min-width: 700px;
	margin-left: 24px;
	overflow: hidden;
	}
.products-list-pic img {
	object-fit: cover;
        width: 100%;
        height: 100%;
	border-radius: var(--radius2);
	}
.products-options-wrap {
	display: flex;
	margin: 24px 0;
	}
.products-options-item:first-child {
	margin-right: 60px;
	}
.products-options-item {
	font-weight: 700;
	font-size: 24px;
	color: var(--white);
	}
.products-options-item span {
	font-weight: 400;
	font-size: 14px;
	}
.products-options-item div {
	font-weight: 400;
	font-size: 14px;
	opacity: 0.5;
	margin-top: 8px;
	}
.p-page .products-list-pic {
	width: 46%;
	min-width: 46%;
	height: 300px;
	}
.products-list-item.p-page {
	margin-top: 30px;
	}
.products-list-name {
	font-weight: 700;
	font-size: 24px;
	line-height: 46px;
	color: #4C4C4C;
	margin: 0 0 20px 0;
	}
.products-list-desc-wrap {
	display: flex;
	}
.products-list-desc {
	color: #4C4C4C;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	}
.products-list-tab {
	margin: 0 0 0 50px;
	}
.products-list-tab-line {
	display: flex;
	margin-bottom: 16px;
	}
.products-list-tab-name {
	width: 100px;
	min-width: 100px;
	margin-right: 32px;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.5);
	}
.products-list-tab-value {
	min-width: 130px;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	color: var(--white);
	}
.product-tab {
	margin: 40px 0 0 0;
	}
.product-tab-line {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	border-top: 1px solid var(--bg-disabled);
	}
.product-tab-line:last-child {
	border-bottom: 1px solid var(--bg-disabled);
	}
.product-tab-name {
	margin-right: 32px;
	font-weight: 400;
	font-size: 18px;
	color: var(--black);
	}
.product-tab-value {
	font-weight: 600;
	font-size: 18px;
	color: var(--black);
	}
.products-list-buttons-wrap .button {
	margin: 14px 24px 0 0;
	}
.qa-wrap {
	margin: 40px 0 0 0;
	}
.doc-relevance {
	font-weight: 400;
	font-size: 14px;
	color: var(--gray);
	display: block;
	margin: 8px 0 0 0;
	}
.form-grid {
       	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 0 24px;
	margin: 30px 0;
	}
.form-wrap {
	margin: 0 0 70px 0;
	}
.mob-menu {
	display: none;
	width: 27px;
	height: 18px;
	background: url(/images/ico-menu.svg) left center no-repeat;
	background-size: auto;
	background-size: contain;
	margin: 0 0 0 20px;
	outline: none;
	cursor: pointer;
	}
.sitemap-link {
	margin-top: 42px;
	}
.maincolumn-wrap {
	min-height: calc(100vh - 357px);
	}
.start-banner .subheader {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: var(--red);
	}
.stat-container {
	display: flex;
	max-width: 600px;
	margin: 30px 0 36px 0;
	justify-content: space-between;
	}
.stat-item {
	display: flex;
	font-weight: 400;
	font-size: 15px;
	line-height: 16px;
	min-width: 120px;
	max-width: 170px;
	}
.stat-m-info {
	font-weight: 600;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 12px;
	}
.stat-item::before {	
	content: '';
	display: block;
	width: 4px;
	min-width: 4px;
	height: 100%;
	border-radius: 2px;
	background: var(--red);
	margin-right: 16px;
	}
.field-wrap-s {
	margin: 18px 0 0 0;
	}
.cart-comment {
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	margin: 18px 0;
	}
.service-group-header {
	font-weight: 600;
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 20px 0;
	}
.service-item-link {
	display: block;
	margin: 0 0 20px 0;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	color: var(--gray50);
	position: relative;
	}
.service-item-link::before {
	content: '';
	display: block;
	width: 4px;
	height: 16px;
	background: var(--red);
	border-radius: 0 4px 4px 0;
	position: absolute;
	top: 2px;
	left: -24px;
	}
.service-more-link {
	display: block;
	font-weight: 600;
	font-size: 15px;
	line-height: 24px;
	color: var(--red);
	}
.company-description .service-more-link {
	font-size: 16px;
	}
.project-menu {
	display: flex;
	align-items: center;
	margin: var(--spacer) 0;
	}
.project-menu-item {
	padding: 0 6px;
	display: flex;
	align-items: center;
	height: 40px;
	font-size: 16px;
	font-weight: 400;
	color: var(--gray);	
	position: relative;
	white-space: nowrap;
	margin: 0 36px 0 0;
	}
.project-menu-item:last-child {
	margin: 0;
	}
.project-menu-item:hover, .project-menu-item.active {
	color: var(--black);
	text-decoration: none;
	}
.project-menu-item.active::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	border-radius: var(--radius2);	
	background: var(--red);	
	}
.service-feature-grid {
       	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: var(--spacer);
	}
.plus-card-grid {
       	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: var(--spacer);
	margin-top: 40px;
	}
.team-grid {
       	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: var(--spacer);
	margin-top: 40px;
	}
.team-grid .card2-w {
	padding: 0 0 16px 0;
	}
.plus-group-header {
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: var(--red);
	}
.plus-description {
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	color: var(--gray50);
	margin-top: 16px;
	}
.group-header-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.group-header-wrap svg {
	color: var(--red);
	}
.company-description {
	line-height: 24px;
	display: flex;
	}
.company-description img {
	border-radius: var(--radius2);
	margin-left: 40px;	
	margin-top: -70px;
	}
.price-card-grid {
       	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--spacer);
	margin-top: 40px;
	}
.price-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--gray50);
	padding: 14px;
	border-bottom: 1px solid var(--bg-disabled);
	}
.price-line:last-child {
	border-bottom: 0;
	}
.price-item {
	font-weight: 600;
	color: var(--black);
	margin-left: 30px;
	}
.section-gray {
	padding: 70px 0;
	background: var(--bg-gray);
	}
.flex-field {
	display: flex;
	align-items: center;
	}
.flex-field .field-wrap-s {
	width: 400px;
	min-width: 400px;
	margin: 0 24px 0 0 ;
	}
.flex-field .field-wrap-s:last-child {
	margin: 0;
	}
.form-header-container .cart-comment {
	max-width: 320px;
	}
.review-name {
	display: flex;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	}
.review-name svg {
	margin: 0 16px 0 0;
	}
.review-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	margin: 16px 0 0 0;
	}
.team-photo {
	height: 290px;
	border-radius: var(--radius4) var(--radius4) 0 0;
	}
.team-name {
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	margin: 12px 0 0 0; 
	padding: 0 16px;
	}
.team-position {
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	margin: 8px 0 0 0;
	padding: 0 16px;
	}
.certificate-grid {
      	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: var(--spacer);
	margin-top: 40px;
	}
.certificate-grid .card2-w {
	padding: 16px;
	}
.certificate-item img {
	width: 100%;
	}
.qa-block {
	padding: 20px 0;
	border-bottom: 1px solid var(--bg-disabled);
	transition: 0.4s;
	}
.qa-block:first-child {
	margin-top: 20px;
	}
.partner-grid {
      	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: var(--spacer);
	margin-top: 56px;
	}
.partner-item {
	display: flex;
	justify-content: center;
	align-items: center;
	}
.partner-item img {
	max-width: 200px;
	}
.question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	}
.question svg {
	width: 24px;
	min-width: 24px;
	height: 24px;
	margin-left: 20px;
	color: var(--gray);
	transition: 0.4s;
	}
.question:hover svg {
	color: var(--green1);
	}
.open .question svg {
	-webkit-transform: rotate(180deg); 
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	color: var(--green1);
	}
.answer {
	margin: 16px 0 0 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	}
.pathway-wrap {
	position: relative;
	}
.pathway-wrap .pathway {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
	}
.pathway, .pathway a {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: var(--gray);	
	text-decoration: none;
	}
.pathway a:hover {
	text-decoration: underline;
	}
.page .pathway {
	margin-top: 20px;
	}
.page h1 {
	margin: 30px 0 20px 0;
	}
.service-p-item {
	display: block;
	margin: 20px 0 0 0;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	color: var(--gray50);
	position: relative;
	}
.service-p-column-wrap {
	-moz-column-count: 4;
	column-count: 4;
	column-gap: 30px;
	min-width: 300px;
	}
.service-item-column {
	float: left;
	page-break-inside: avoid;
	break-inside: avoid;
	}
.tags-wrap {
	margin-top: 30px;
	}
.tag-link {
	display: inline-block;
	border: 1px solid var(--text-disabled);
	border-radius: var(--radius2);	
	padding: 10px 14px;
	color: var(--black);
	font-size: 14px;
	margin: 30px 30px 0 0;
	}
.tag-link:hover {
	border: 1px solid var(--red);
	color: var(--red);
	text-decoration: none;
	}
.news-list-pic img {
	object-fit: cover;
        width: 100%;
        height: 100%;
	border-radius: var(--radius4) var(--radius4) 0 0;
	}
.news-list-pic {
	display: block;
	height: 206px;
        width: 100%;
	position: relative;
	cursor: pointer;
	}
.news-list-text {
	padding: 20px;
	height: calc(100% - 206px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	}
.news-list-header {
	display: block;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;		
	color: var(--black);
	margin: 0 0 20px 0;
	cursor: pointer;
	}
.news-list-header:hover {
	text-decoration: underline;
	}
.stat-flex-column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	}
.stat-flex-column .stat-m-info {
	margin: 12px 0 0 0;
	font-weight: 600;
	font-size: 34px;
	line-height: 28px;
	}
.team-wrap {
	margin: 40px 0 0 0;
	}
.contact-wrap {
	margin: 40px 0 80px 0;
       	display: grid;
	grid-template-columns: 8fr 20fr;
	grid-gap: var(--spacer);
	}
.contact-header {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	}
.contact-row {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	}
.contact-row:first-child {
	margin-top: 0;
	}
.contact-info {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--gray);
	}
.contact-requisites {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: var(--gray);
	}
.requisites-link {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: var(--gray);
	text-decoration: underline;
	margin-left: 24px;
	}
.contact-info a {
	color: var(--gray);
	text-decoration: underline;
	}
.contact-info a:hover {
	text-decoration: none;
	}
.contact-row .contact-info {
	margin-right: 20px;
	}
.inline-info-wrap {
	margin-top: 16px;
	}
.contact-row a {
	color: var(--black);	
	}





.mainheader-infoblock {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	}
.phone-link a, .phone-link {
	color: var(--black);
	}
.phone-link a:hover, .phone-link:hover {
	text-decoration: none;
	}
.mainheader-user .user {
	display: flex;
	align-items: center;
	cursor: pointer;
	}
.mainheader-user .user svg {
	transition: 0.3s;
	}
.mainheader-user .user.active-popup svg {
	color: var(--action);	
	transform: rotate(180deg);
	}
.mainheader-user {
	position: relative;
	}
.username-chevron {
	width: 16px;
	color: var(--gray);
	margin-left: 6px;
	}
.mainheader-message {
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 10px;
	margin: 0 8px 0 0;
	position: relative;
	cursor: pointer;
	}
.mainheader-message .bell {
	width: 24px;
	color: var(--gray);
	}
#headerUserIcon, #headerPhoneIcon {
	display: none;
	cursor: pointer;
	}
#headerUserIcon .user, #headerPhoneIcon .user {
	color: var(--gray);
	}
#headerUser {
	max-width: 220px;
	}
#headerUserType {
	max-width: 220px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.user-limit {
	max-width: 198px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.mainheader-balance {
	height: 48px;
	background: var(--bg-gray);
	border-radius: var(--radius2);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 8px;
	margin: 0 16px 0 0;
	}
.button-circle, .button-circle-green {
	background: var(--white);
	border-radius: 16px;
	width: 32px;
	min-width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-left: 8px;
	}
.button-circle:last-child {
	margin-left: 4px;
	} 
.button-circle .feather-plus, .button-circle .feather-minus {
	color: var(--action);
	width: 20px;
	}
.button-circle-green {
	background: var(--action);
	margin-left: 0;
	}
.button-circle-green svg {
	color: var(--white);
	width: 20px;
	}
.message-badge {
	background: var(--danger);
	color: var(--white);
	position: absolute;
	right: 8px;
	top: 8px;
	}
.mainheader-burger {
	background: var(--action);
	border-radius: var(--radius2);
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 0 20px;
	display: none;
	cursor: pointer;
	}
.feather-menu {
	color: var(--white);
	}
.mainheader-burger .feather-x {
	color: var(--white);
	display: none;
	}
.mainheader-burger:hover {
	background: var(--action-hover);
	}
.pushy-open-right .mainheader-burger {
	background: var(--action-pressed);
	}
.pushy-open-right .feather-menu {
	color: var(--white);
	display: none;
	}
.pushy-open-right .feather-x {
	color: var(--white);
	display: block;
	}
.mainfooter-line {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	}
.mainfooter-line:first-child {
	margin-bottom: 15px;
	justify-content: space-between;
	}
.mainfooter-line:last-child {
	margin-top: 45px;
	justify-content: space-between;
	}
.lofo-footer-svg {
	margin-right: 8px;
	}
.mainfooter-left-col {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 284px;
	min-width: 284px;
	}
.mainfooter-payment {
	display: flex;
	align-items: center;
	margin-left: 110px;
	}
.mainfooter-payment img {
	margin-left: 27px;
	}
.mainfooter-payment img:first-child {
	margin-left: 0;
	}
.mainfooter-cbr {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	max-width: 380px;
	}
.mainfooter-cbr .registry {
	margin-right: 20px;
	text-align: right;
	}
.mainfooter-cbr-mob {
	display: none;
	align-items: center;
	}
.mainfooter-cbr-mob .registry {
	margin-left: 20px;
	}
.social-icon {
	width: 32px;
	height: 32px;
	background: var(--action);
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 12px;
	}
.social-icon:last-child {
	margin-right: 0;
	}
.social-icon:hover {
	background: var(--action-hover);
	}
.mainfooter-contact {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	}
.mainmenu {
	width: 240px;
	min-width: 240px;
	min-height: 777px;
	padding: var(--margin) 20px var(--margin) 0;
	background: var(--white);
	box-shadow: var(--shadow-work-zone);
	}
.mainmenu-mobile {
	width: 240px;
	min-height: 718px;
	height: calc(100vh - 92px);
	height: -webkit-calc(100vh - 92px);
	height: -moz-calc(100vh - 92px);
	padding: 0 0 32px 0;
	background: var(--white);
	box-shadow: var(--shadow-work-zone);
	position: relative;
	}
.mainmenu-mobile .manager-container {
	bottom: 32px;
	}
.mainmenu .button, .mainmenu-mobile .button {
	display: flex;
	margin: 0 0 20px 0;
	width: 100%;
	padding: 0;
	}
.mainmenu-mobile .button.lg {
	border-radius: 0;
	font-size: 14px;
	}
.fixmenu {
	position: -webkit-sticky;
	position: sticky;
	top: var(--margin);
	height: calc(100vh - 152px);
	height: -webkit-calc(100vh - 152px);
	height: -moz-calc(100vh - 152px);
	min-height: 580px;
	}
.menu-item {
	display: flex;
	align-items: center;
	height: 48px;
	width: 100%;
	padding-left: 18px;
	border-radius: var(--radius2);
	font-size: 14px;
	font-weight: 500;
	color: var(--black);
	text-decoration: none;
	}
.menu-item svg {
	color: var(--action);
	width: 20px;
	margin-right: 8px;
	}
.menu-item.normal {
	font-weight: 400;
	}
.menu-item:hover, .menu-item.active {
	color: var(--action);
	background: var(--bg-gray);
	text-decoration: none;	
	}
.manager-container {
	position: absolute;
	bottom: 0;
	border-top: 1px solid var(--bg-disabled);
	padding-top: 20px;
	width: 100%;
	}
.manager-photo {
	width: 48px;
	height: 48px;
	border-radius: 24px;	
	margin-right: 12px;
	}
.manager {
	display: flex;
	align-items: center;
	}
.manager-phone {
	display: flex;
	align-items: center;
	margin-top: 12px;
	font-weight: 500;
	}
.manager-phone svg {
	color: var(--action);
	width: 20px;
	margin-right: 7px;
	}
.manager-container .button {
	margin: 22px 0 0 0;
	}
.leftcolumn {
	flex-grow: 1;
	background: var(--white);
	z-index: 1;
	position: relative;
	}
.rightcolumn {
	flex-grow: 1;
	background: var(--bg-gray);
	}
.pushy {
	position: fixed;
	width: 260px;
	top: 64px;
	height: 100%;
	z-index: 1001;
	overflow-y: auto;
	}
.pushy.pushy-right {
	right: 0;
	}
.pushy-content {
	visibility: hidden;
	height: 100%;
	padding-left: 20px;
	-webkit-overflow-scrolling: touch;
	}
.pushy-left {
	-webkit-transform: translate3d(-120%, 0, 0);
	-ms-transform: translate3d(-120%, 0, 0);
	transform: translate3d(-120%, 0, 0);
	}
.pushy-open-left #container,.pushy-open-left .push {
	-webkit-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	}
.pushy-right {
	-webkit-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	}
.pushy-open-right #container,.pushy-open-right .push {
	-webkit-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	}
.pushy-open-left .pushy-m,.pushy-open-right .pushy {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	}
.pushy-open-left .pushy-content,.pushy-open-right .pushy-content {
	visibility: visible;
	}
#container,.pushy, .pushy-m,.push {
	transition: transform 0.5s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	}
.pushy-content, .pushy-content-m {
	transition: visibility 0.5s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	}
.subheader-margin {
	margin: 40px 0 20px 0;
	}
.dashboard-wrap h4.subheader-margin {
	margin: 0 0 20px 0;
	}
.subtitle-margin {
	margin: 20px 0 8px 0;
	}
.balance-container {
	display: flex;
	justify-content: space-between;
	}
.reserve-grid {
       	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--spacer);
	flex-grow: 1;
	align-items: flex-start;
	}
.balance-block {
	margin-right: 60px;
	}
.balance-block h2 {
	margin: 12px 0 8px 0;
	padding: 0 40px 0 0; 
	}
.balance-block .currency {
	display: flex;
	}
.balance-block .currency div:first-child {
	margin-right: 12px;
	}
.balance-actions-block {
	display: flex;
	align-items: center;
	margin-top: 17px;
	}
.balance-action {
	display: flex;
	align-items: center;
	}
.balance-action:first-child {
	margin-right: 20px;
	}
.balance-action .button-circle-green {
	margin-right: 8px;
	}
.reserve-card {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	position: relative;
	height: 100%;
	}
.reserve-card .icon {
	position: absolute;
	bottom: 16px;
	right: 20px;
	width: 72px;
	height: 72px;
	z-index: 0;
	}
.reserve-card .icon svg {
	width: 72px;
	height: 72px;
	color: var(--bg-gray)
	}
.reserve-card-row {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
	}
.reserve-card-row svg {
	min-width: 24px;
	margin-left: 12px;
	}
.progress-card {
	margin-top: var(--spacer);
	}
.progress-block {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	}
.progress-title {
	display: flex;
	align-items: center;
	}
.progress-bar {
	height: 8px;
	background: var(--bg-disabled);
	border-radius: 30px;
	margin: 10px 0 2px 0;
	}
.progress-bar-active {
	height: 8px;
	background: var(--success);
	border-radius: 30px;
	background: var(--success) url(images/progress.svg) repeat-x;
	}
.progress-bar-block {
	flex-grow: 1;
	margin-right: var(--spacer);
	}
.question-svg {
	display: block;
	width: 24px;
	height: 24px;
	}
.referal-wrap .question-svg {
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	}
.referal-wrap .question-svg svg {
	width: 18px;
	height: 18px;
	}
.operations-history-title, .operations-history-action {
	display: flex;
	align-items: center;
	}
.operations-history-action-item {
	display: flex;
	align-items: center;
	margin-left: var(--spacer);
	color: var(--action);
	position: relative;
	cursor: pointer;
	}
.operations-history-action-item svg {
	margin-right: 8px;
	color: var(--action);
	width: 20px;
	}
.history-tab {
	width: 100%;
	}
.history-tab td, .history-tab th {
	padding: 14px 16px;
	border-bottom: 1px solid var(--bg-disabled);
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	}
.history-tab th {
	font-weight: 500;
	}
.history-tab.empty th {
	color: var(--gray)
	}
.history-tab td:last-child, .history-tab th:last-child {
	text-align: right;
	}
.history-tab th:last-child .table-flex {
	justify-content: flex-end;
	}
.history-tab tr:last-child td {
	border-bottom: 0;
	}
.history-tab td:last-child div, .history-tab td:last-child a {
	justify-content: flex-end;
	}
.history-tab th {
	vertical-align: middle;
	}
.history-tab th svg, .history-tab .question-svg-wrap svg {
	width: 20px;
	height: 20px;
	color: var(--text-disabled);
	margin-left: 7px;
	}
.history-tab td.subtitle14 {
	white-space: nowrap;
	}
.blur {
	-webkit-backface-visibility:hidden;
	filter:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><filter id="blur"><feGaussianBlur stdDeviation="7" /></filter></svg>#blur');
	-webkit-filter:blur(5px);
	-moz-filter:blur(5px);
	-ms-filter:blur(5px);
	filter:blur(5px)
	}
.withdrawal-cancel {
	margin-left: 20px;
	}
#withdrawal {
	min-height: 480px;
	}
.qr-flex {
	display: flex;
	justify-content: space-between;
	}
.qr-flex div:first-child {
	padding-right: 20px;
	}
.qr-flex img {
	max-width: 100%;
	}
.sms-fild-block {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	}
.sms-fild-block .button {
	margin-left: var(--spacer)
	}
.sms-flex {
	display: flex;
	/*height: 348px;*/
	flex-direction: column;
	justify-content: space-between;
	}
.sms-fild-block input[type=text] {
	border: 2px solid var(--action);
	}
.error .sms-fild-block input[type=text] {
	border: 2px solid var(--danger);
	}
.sms-fild-block .optional-label {
	display: flex;
	justify-content: space-between;
	}
.sms-fild-block div {
	flex-grow: 1;
	}
.field-wrap {
	margin: 20px 0 0 0;
	}
.field-wrap.lg {
	margin: 24px 0 0 0;
	position: relative;
	}
.success-wrap {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	}
.success-wrap.spacing {
	margin: 40px 0;
	}
.success-wrap-column {
	width: 100%;
	display: flex;
	}
#withdrawal .success-wrap {
	height: 420px;
	}
#removing-limit .success-wrap {
	height: 272px;
	}
.success-wrap h4, .success-wrap h3 {
	margin: 32px 0 16px 0;
	}
#removing-limit .reserve-grid {
	margin: 24px 0 0 0;	
	}
.file-link {
	display: flex;
	align-items: center;
	}
.file-link svg {
	margin-right: 8px;
	width: 20px;
	height:20px;
	color: var(--action);
	}
#removing-limit form {
	width: 100%;
	justify-content: space-between;
	}
#removing-limit .submit-wrap {
	width: 100%;
	justify-content: space-between;
	}
.removing-limit-cancel {
	margin: 0 8px 0 0;
	}
.table-flex {
	display: flex;
	align-items: center;
	position: relative;
	}
.feather-search {
	cursor: pointer;
	}
.search-table-block {
	position: absolute;
	left: -6px;
	top: 30px;
	border-radius: var(--radius2);	
	box-shadow: var(--shadow4);
	background: var(--white);
	padding: 12px 16px 16px 16px;
	width: 306px;
	display: none;
	cursor: default;
	}
.search-field-wrap {
	position: relative;
	margin: 8px 0 0 0;
	}
.search-table-block input[type="image"] {
	position: absolute;
	width: 18px;
	height: 18px;
	right: 10px;
	top: 11px;
	outline: none;
	}
.search-table-block input[type="text"] {
	padding-right: 35px;
	}
.search-table-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	}
.search-close {
	display: flex;
	align-items: center;
	cursor: pointer;
	}
.profilemenu {
	width: 240px;
	position: absolute;
	right: 0;
	top: 51px;
	padding: 8px 0;
	border-radius: var(--radius2);	
	background: var(--white);
	box-shadow: var(--shadow4);
	display: none;
	}
.menu-separate {
	margin: 8px 0;
	border-top: 1px solid var(--bg-disabled);
	}
.mainheader-message-wrap {
	position: relative;	
	}
.mainheader-message-card {
	position: absolute;
	border-radius: var(--radius4);	
	background: var(--white);
	box-shadow: var(--shadow4);
	width: 384px;
	max-height: 620px;
	overflow: auto;
	padding: 20px 28px 24px 28px;
	top: 55px;
	right: 0;
	cursor: default;
	display: none;
	}
.mainheader-message-date-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
	}
.mainheader-message-date-wrap .date {
	color: var(--text-disabled);
	}
.mainheader-message-card .body-long14 {	
	font-weight: 500;
	}
.mainheader-message-item {
	border-bottom: 1px solid var(--bg-disabled);
	padding-bottom: 16px;
	margin-bottom: 12px; 		
	}
.mainheader-message-item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	}
.new-mainheader-message {	
	position: relative;
	}
.new-mainheader-message::before {	
	position: absolute;
	top: 8px;
	left: -16px;
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: var(--success);
	}
.mainheader-message-card h4 {
	margin: 0 0 30px 0;
	display: none;
	}
.mainheader-message-close-wrap {
	display: none;
	}
.mainheader-message-close, .mainheader-message-close svg {
	width: 24px;
	height: 24px;
	cursor: pointer;
	margin-right: -16px;
	}
.project-card {
	border-radius: var(--radius4);	
	background: var(--white);
	box-shadow: var(--shadow4);
	min-height: 244px;
	display: flex;
	margin-bottom: var(--spacer);
	position: relative;
	}
.project-card:last-child {
	margin-bottom: 0;
	}
.project-card .progress-bar {
	margin-top: 0;
	}
.project-card .progress-bar-block {
	margin: 16px 0;
	}
.project-card.completed .project-card-info, .project-card.completed .project-card-pic {
	opacity: 0.6;
	}
.project-card.completed .project-card-pic {
	opacity: 0.6;
	}
.project-card.completed .project-card-star svg {
	display: none;
	}
.project-card.completed .loan-type {
	opacity: 0;
	}
.project-card.completed .status {
	position: absolute;
	z-index: 1;
	top: 8px;
	left: 8px;
	}
.project-card-pic {
	min-height: 244px;
	width: 288px;
	min-width: 288px;
	border-radius: var(--radius4) 0 0 var(--radius4);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	}
.project-card-pic:hover {
	text-decoration: none;
	}
.project-card-info {
	padding: 20px var(--spacer) var(--spacer) var(--spacer);
	flex-grow: 1;
	}
.project-card-title {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 4px;	
	}
.loan-type {
	text-transform: uppercase;
	margin: 8px 0 0 8px;
	}
.project-card-flex {
	display: flex;
	align-items: center;
	}
.project-card-title .project-card-flex {
	margin-left: 20px;
	}
.project-card-flex svg {
	color: var(--action);
	width: 12px;
	min-width: 12px;
	height: 12px;
	margin-right: 5px;
	}
.project-page-info .project-card-flex svg, .loan-page-wrap .project-card-flex svg {
	width: 20px;
	min-width: 20px;
	height: 20px;
	}
.project-card-grid-wrap {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	}
.loan-card-grid-wrap {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin: 16px 0 0 0;
	}
.project-card-grid {
       	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 10px 20px;
	width: 100%;
	padding-right: 12px;
	}
.loan-card-grid {
       	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 12px 20px;
	padding-right: 60px;
	}
.loan-card-grid .project-card-grid-cell div {
	white-space: nowrap;
	}
.loan-card-grid .project-card-grid-cell .body-long14 {
	font-weight: 400;
	}
.project-card-total {
	text-align: right;
	min-width: 150px;
	}
.loan-card-total {
	display: flex;
	align-items: center;
	}
.project-card-grid-total {
       	display: inline-grid;
	grid-template-columns: 3fr 1fr;
	margin-bottom: 10px;
	}
.loan-card-grid-total {
       	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-gap: 0 8px;
	margin: 0 20px 0 0;
	text-align: right;
	align-items: flex-end;
	}
.as-c {
	align-self: center;
	}
.project-card-star {	
	display: flex;
	align-items: center;
	justify-content: flex-end;
	}
.project-card-star svg {	
	color: var(--text-disabled);
	width: 20px;
	height: 20px;
	margin-right: 20px;
	}
.project-card-star svg:hover {	
	fill: var(--green30);
	stroke: var(--green30);
	}
.project-card-star.active-star svg {	
	fill: var(--action);
	stroke: var(--action);
	}
.credit-rating {
	height: 24px;
	background: var(--success);
	border-radius: 0 0 0 var(--radius4);
	width: 100%;
	padding-left: 16px;
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 400;
	color: var(--white);
	}
.credit-rating span {
	padding-right: 4px;
	}
.credit-rating.empty {
	background: var(--gray);
	}
.credit-rating.warning {
	background: var(--warning);
	}
.credit-rating.danger {
	background: var(--danger);
	}
.myloan-card {
	border-radius: var(--radius4);	
	background: var(--white);
	box-shadow: var(--shadow4);
	margin-bottom: var(--spacer);
	position: relative;
	padding: 20px var(--spacer) var(--spacer) var(--spacer);
	}
.myloan-card:last-child {
	margin-bottom: 0;
	}
.myloan-card.guarantor {
	margin-bottom: 40px;
	}
.myloan-title {
	display: flex;
	position: relative;
	align-items: center;
	margin-bottom: 16px;
	}
.myloan-title.guarantor {
	margin-bottom: 24px;
	}
.loans-title {
	display: flex;
	position: relative;
	align-items: center;
	}
.loans-title-fw {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	}
.loans-title-fw.qa-title {
	margin-bottom: 16px;
	}
.myloan-title .status, .loans-title .status {
	margin-right: 12px;
	}
.qa-title .myloan-payment-status {
	margin-left: 20px;
	}
.myloan-title-sep {
	display: flex;
	align-items: center;
	margin-right: 6px;
	}
.m-title-guarantor {
	display: flex;
	align-items: center;
	}
.new-project-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	}
.myloan-payment-schedule {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
	}
.myloan-payment-schedule-link, .myloan-payment-link {
	display: block;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	}
.myloan-payment-schedule-link {
	margin-left: 20px;
	}
.completed .myloan-payment-schedule-link, .completed .myloan-payment-schedule-link svg {
	color: var(--text-disabled);
	}
.myloan-payment-schedule-link svg, .myloan-payment-link svg {
	margin-right: 6px;
	color: var(--action);
	width: 20px;
	height: 20px;
	}	
.myloan-payment-link {
	justify-content: flex-end;
	}
.new-project-help {
	display: flex;
	align-items: center;
	color: var(--action);
	cursor: pointer;
	}
.new-project-help:hover {
	text-decoration: underline;
	}
.new-project-help .question-svg {
	margin-right: 6px;
	}
.project-menu-badge {
	background: var(--action);
	color: var(--white);
	margin-left: 8px;
	}
.project-filters-wrap {
	margin: var(--spacer) 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	}
.project-type {
	width: 228px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	}
.project-filter {
	cursor: pointer;
	}
.project-filter svg {
	color: var(--action);
	width: 20px;
	height: 20px;
	margin-right: 6px;
	}
.select-project-type-wrap, .project-filter-wrap {
	position: relative;
	}
.select-block {
	height: 40px;
	border: 1px solid var(--text-disabled);
	border-radius: var(--radius2);	
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 16px;
	background: var(--white);	
	cursor: pointer;
	}
.select-block-text {	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.select-block svg {
	width: 24px;
	height: 24px;
	color: var(--gray);	
	transition: 0.3s;
	}
.select-block:hover {
	border: 1px solid var(--gray);
	}
.select-block svg:hover {
	color: var(--action);	
	}
.select-project-type {
	position: absolute;
	top: 48px;
	left: 0;
	border-radius: var(--radius2);	
	background: var(--white);	
	box-shadow: var(--shadow4);
	padding: 18px;
	min-width: 228px;
	z-index: 100;
	display: none;
	}
.select-project-type .checkbox {
	margin-bottom: 20px;
	}
.select-project-type .checkbox:last-child {
	margin-bottom: 0;
	}
.select-block.active-popup {
	border: 2px solid var(--action);
	}
.select-block.active-popup svg {
	color: var(--action);	
	transform: rotate(180deg);
	}
.chips-wrap  {
	margin: 0 0 12px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	}
.click-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	display: none;
	z-index: 10;
	}
.project-filter-form {
	position: absolute;
	top: 48px;
	right: 0;
	border-radius: var(--radius2);	
	background: var(--white);	
	box-shadow: var(--shadow4);
	padding: 12px 16px 16px 16px;
	min-width: 472px;
	z-index: 100;
	display: none;
	}
.project-filter-form.visible-popup {
	display: block;
	}
.project-filter-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
	}
.project-filter-title svg {
	width: 20px;
	height: 20px;
	color: var(--text-disabled);
	cursor: pointer;
	}
.field-diapason  {
       	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px 24px;
	}
.field-grid2, .field-grid3, .field-grid21, .field-grid4 {
       	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px 24px;
	}
.field-grid3 {
	grid-template-columns: 1fr 1fr 1fr;
	}
.field-grid4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	}
.field-grid21 {
	grid-template-columns: 2fr 1fr;
	}
.grid-span2 {
	grid-column: span 2;
	}
.grid-span3 {
	grid-column: span 3;
	}
.project-filter-form .button.secondary {
	margin-left: 20px;
	cursor: pointer;	
	}
.project-filter-form .button.secondary svg {
	color: var(--action);
	}
.myloan-payment-status {
	font-size: 16px;
	font-weight: 400;
	display: flex;
	align-items: center;
	}
.myloan-payment-status::before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	margin-right: 8px;
	background: var(--success);
	}
.myloan-payment-status.danger::before {
	background: var(--danger);
	}
.myloan-payment-status.prosess::before {
	background: var(--green30);
	}
.myloan-buttons-wrap {
	display: flex;
	align-items: center;
	margin: 20px 0 0 0;
	}
.myloan-tab-wrap td, .loan-page-tab-wrap td {
	white-space: nowrap;	
	}
.completed .status.positive {
	background: var(--green10);	
	color: var(--action-pressed);
	}
.myloan-buttons-wrap .button:nth-child(2) {
	margin: 0 4px 0 20px;
	}
.completed .button.secondary {
	color: var(--text-disabled);
	}
.completed .button.secondary:hover {
	background: transparent;
	}
.completed .myloan-title h5, .completed .loans-title h5  {
	color: var(--gray);
	text-decoration: line-through;
	}
.project-page-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 20px 0;
	}
.nav-buttons-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	}
.nav-button-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid var(--action);
	border-radius: var(--radius2);
	}
.nav-button-arrow:hover {
	border: 1px solid var(--green30);
	background: var(--green30);
	}
.nav-button-arrow svg {
	width: 20px;
	height: 20px;
	}
.nav-buttons-wrap .nav-button-arrow:last-child {
	margin-left: 8px;
	}
.project-page-pic {
	min-height: 299px;
	height: 299px;
	min-width: 360px;
	width: 360px;
	border-radius: var(--radius4);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	}
.project-page-info-wrap .sticky-pic-block {
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
	height: 403px;
	}
.project-page-info-wrap .sticky-pic-block.nobutton {
	height: 335px;
	}
.project-page-info-wrap, .loan-project-block {
	display: flex;
	justify-content: space-between;
	position: relative;
	}
.project-page-info {
	padding: 0 0 0 var(--spacer);
	flex-grow: 1;
	}
.project-page-title {
	margin: 12px 0 8px 0;
	}
.project-page-info .progress-bar {
	margin-top: 8px;
	}
.project-page-info .progress-bar-block, .loan-page-wrap .progress-bar-block {
	margin: 20px 0;
	}
.project-page-info-wrap .credit-rating, .loan-project-block .credit-rating {
	border-radius: 0 0 var(--radius4) var(--radius4);
	justify-content: space-between;
	}
.project-page-info-wrap .question-svg, .project-page-info-wrap .question-svg svg, .loan-project-block .question-svg, .loan-project-block .question-svg svg {
	width: 16px;
	height: 16px;
	padding: 0;
	margin-right: 4px;
	}
.question-svg-wrap {
	display: flex;
	align-items: center;
	}
.history-tab .question-svg-wrap {
	align-items: flex-start;
	}
.question-svg-wrap .question-svg {
	margin: 0 0 0 6px;
	}
.history-tab .question-svg-wrap svg {
	width: 20px;
	height: 20px;
	margin-left: 0;
	}
.project-page-info-wrap .question-svg svg, .loan-project-block .question-svg svg {
	width: 16px;
	height: 16px;
	}
.project-page-info-wrap .project-card-grid-wrap {
	padding: 20px 0;
	margin: 20px 0 0 0;
	border-top: 1px solid var(--bg-disabled);
	border-bottom: 1px solid var(--bg-disabled);
	}
.project-page-info-wrap .project-card-grid {
	grid-gap: 24px 32px;
	}
.project-page-info-wrap .project-card-total {
/*
	position: absolute;
	left: 0;
	top: 314px;
*/
	text-align: left;
	margin-top: 12px;
/*
	width: 360px;
*/
	}
.project-page-info-wrap .project-card-total .button {
	width: 100%;
	height: 56px;
	font-size: 16px;
	}
.project-page-info-wrap .project-card-total .button span {
	padding: 0 6px;
	}
.project-page-subtitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 40px 0 20px 0;
	}
.subtitle-wrap-t {
	margin: 0 0 40px 0;
	}
.grid-block .grid-line {
	margin-top: 12px;
       	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 var(--spacer);
	}
.grid-block .grid-line:first-child {
	margin: 0;
	}
.grid-block .grid-line div:first-child {
	color: var(--gray50)
	}
.grid-line-more.icon-link {
	color: var(--action);
	cursor: pointer;
	margin: 22px 0 0 0;
	display: flex;
	align-items: center;
	}
.project-balance .balance-block {
	min-width: 360px;
	width: 360px;
	margin-right: var(--spacer);
	}
.project-invest {
	--col-minus-grid: calc((100% - 2*var(--spacer) - 360px)/2);
	margin-top: var(--spacer);
       	display: grid;
	grid-template-columns: 1fr var(--col-minus-grid);
	grid-gap: 0 var(--spacer);
	}
.project-invest-result {
	background: linear-gradient(201.06deg, var(--action) 0%, var(--success) 100%), var(--white);
	color: var(--white);
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	}
.project-invest-q {
	margin: 12px 0 0 0;
	}
.range-block input[type=text] {
	height: 56px;
	border-bottom: 0;
	border-radius: var(--radius2) var(--radius2) 0 0;
	}
.range-block input[type=text].sm {
	height: 40px;
	}
.range-block {
	position: relative;
	}
.range-block input[type=range] {
	position: absolute;	
	bottom: 0;
	left: 0;
	width: 100%;
	/*
	width: calc(100% + 14px);
	margin-left: -7px;
	margin-right: -7px;
	*/
	}
.range-value-text {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 7px 0 0 0;
	}
.project-invest .reserve-grid {
	margin: var(--spacer) 0 0 0;
	}
.project-invest .button {
	width: 100%;
	margin: 36px 0 0 0;	
	}
.project-invest .checkbox {
	margin: 14px 0 0 0;
	}
.project-invest .checkbox label {
	color: var(--gray);
	}
.project-invest-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	}
.project-invest-title svg {
	min-width: 23px;
	width: 23px;
	height: 20px;
	margin-left: 20px;
	}
.project-working-info {
	position: relative
	}
.grid-line-invest {
	margin-top: 20px;
	padding-top: 20px;
       	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 var(--spacer);
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	}
.grid-line-invest h3 {
	text-align: right;
	white-space: nowrap;
	}
.project-card-total-flex {
	display: flex;
	align-items: center;
	}
.project-card-total-flex div:last-child {
	margin-left: 8px;
	}
/*
.project-card-total-flex:last-child {
	margin-left: 32px;
	}
*/
.project-page-info-wrap .project-card-grid-total {
	grid-template-columns: 1fr 1fr;
	margin-bottom: 12px;
	}
.project-page-text-pic img {
	width: 216px;
	min-width: 216px;
	margin-right: var(--spacer);
	border-radius: var(--radius4);
	display: none;
	}
.finance-info-modal-comment {
	margin: 16px 0 24px;
	}
#finance-info th, #finance-info td {
	white-space: nowrap;		
	}
.preloaded {
	position: relative;
	display: none;
	}
.preloaded::after {
	content: '';
	position: absolute;
	right: 8px;
	bottom: 8px;
	width: 24px;
	height: 24px;
	background: url(images/ico-loader.svg) no-repeat center center; background-size: cover;
	animation-name: rotation;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	}
@keyframes rotation {
	0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(720deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
	}
.loan-feature-card h4 {
	margin-top: 12px;
	white-space: nowrap;
	}
.status-loan-wrap {
	display: flex;
	align-items: center;
	}
.status-loan-wrap .status {
	margin: 0 12px 0 0;
	}
.loan-docs-block h5 {
	margin: 32px 0 20px 0;
	}
.loan-docs-block h5:first-child {
	margin: 0 0 20px 0;
	}
.loan-filter-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	}
.checkbox-filter-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 16px 0;
	}
.checkbox-filter-group .checkbox {
	margin: 0 32px 0 0;
	}
.checkbox-filter-group .checkbox:last-child {
	margin: 0;
	}
.surety-name {
	display: flex;
	margin: 0 0 16px 0;
	line-height: 24px;
	}
.surety-item svg {
	min-width: 20px;
	width: 20px;
	height: 20px;
	margin: 0 4px 0 0;
	color: var(--action);
	}
.surety-item a {
	font-size: 14px;
	font-weight: 500;
	}
.loan-project-block .project-page-pic {
	margin: 40px 0 0 0;
	}
.loan-title-flex {
	display: flex;
	align-items: center;
	}
.modal-surety-name {
	margin: 16px 0;
	}
.project-page-title.closed h3 {
	color: var(--gray);
	text-decoration: line-through;	
	}
.personal-data .qa-block:first-child {
	padding: 4px 0 16px 0;
	}
.personal-data .answer {
	margin: 24px 0 16px 0;
	}
.field-limit {
	max-width: 774px;
	}
.personal-data .subtitle-margin {
	margin: 20px 0 0 0;
	}
.personal-data .button.outline {
	margin: 32px 0 0 0;
	}
.calendar {
	position: relative;
	}
.calendar svg {
	display: block;
	position: absolute;
	right: 8px;
	bottom: 8px;
	width: 24px;
	height: 24px;
	color: var(--gray);
	}
.password-eye {
	position: relative;
	cursor: pointer;
	z-index: 1;
	}
.password-eye svg {
	display: block;
	position: absolute;
	right: 16px;
	bottom: 16px;
	width: 24px;
	height: 24px;
	color: var(--text-disabled);
	}
.password-eye .feather-eye {
	display: none;
	}
.password-eye.view .feather-eye {
	display: block;
	}
.password-eye.view .feather-eye-off {
	display: none;
	}
input[type="text"].datepicker-block:focus ~ div svg {
	color: var(--action);
	}
.mydata-docs-block {
	margin: 0 0 var(--spacer) 0;
	}
.mydata-docs-block:last-child {
	margin: 0;
	}
.mydata-docs-block h5 {
	margin: 0 0 20px 0;
	}
.mydata-docs-block .title-info-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 20px 0;
	}
.mydata-docs-block .title-info-wrap h5 {
	margin: 0;
	}
.mydata-docs-block .title-info {
	color: var(--gray);
	font-size: 14px;
	line-height: 20px;
	}
.mydata-docs-block .doc-title {
	margin: 0 0 var(--spacer) 0;	
	}
.file-uploaded {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.file-uploaded-del {
	color: var(--gray);
	display: flex;
	align-items: center;
	margin: 0 0 0 32px;
	cursor: pointer;
	}
.file-uploaded-del svg {
	color: var(--gray);
	width: 24px;
	height: 24px;
	margin: 0 0 0 8px;
	}
.file-uploaded-name {
	display: flex;
	align-items: center;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	}
.file-uploaded-name svg {
	width: 24px;
	height: 24px;
	margin: 0 8px 0 0;
	}
.file-uploaded-name svg * {
	fill: var(--success);
	}
.mydata-start-banner, .dashboard-banner, .support-banner {
	border-radius: var(--radius4);
	background: linear-gradient(89.15deg, #38a1dd 0%, #be98ff 99.15%);
	color: var(--white);
	position: relative;
	overflow: hidden;
	}
.dashboard-wrap .mydata-start-banner, .dashboard-wrap .dashboard-banner {
	margin: 0 0 40px 0;
	}
.dashboard-banner {
	background: linear-gradient(89.15deg, #28CA6E 0%, #38A1DC 99.15%);
	}
.dashboard-banner.lilac {
	background: linear-gradient(89.15deg, #FF758D 0%, #B183FF 99.15%);
	}
.support-banner {
	margin: 24px 0 0 0;
	background: linear-gradient(89.15deg, #FF8130 0%, #98FFC5 99.15%);
	}
.dashboard-banner.lilac .start-text {
	margin: 0 0 8px 0;
	}
.mydata-start-banner h4, .mydata-start-banner .start-text, .dashboard-banner h4, .dashboard-banner .start-text, .support-banner h4, .support-banner .start-text {
	position: relative;
	margin: 0 0 16px 0;
	max-width: 530px;
	z-index: 1;
	}
.dashboard-banner a {
	color: var(--white);
	text-decoration: underline;
	}
.dashboard-banner a:hover {
	text-decoration: none;
	}
.mydata-start-banner .start-text, .dashboard-banner .start-text, .support-banner .start-text {
	margin: 0 0 24px 0;
	}
.mydata-start-banner h4, .button, .dashboard-banner h4 {
	position: relative;
	z-index: 1;
	}
.mydata-start-banner-img {
	position: absolute;
	right: 110px;
	top: 12px;
	width: 293px;
	height: 228px;
	background: url(images/mydata-start-banner.png) no-repeat center center;
	background-size: contain;
	z-index: 0;
	}
.dashboard-banner-img {
	position: absolute;
	right: 50px;
	top: -5px;
	width: 379px;
	height: 194px;
	background: url(images/dashboard-banner.png) no-repeat center center;
	background-size: contain;
	z-index: 0;
	}
.dashboard-banner-img-2 {
	position: absolute;
	right: 84px;
	bottom: -14px;
	width: 270px;
	height: 195px;
	background: url(images/dashboard-banner-2.png) no-repeat center center;
	background-size: contain;
	z-index: 0;
	}
.support-banner-img {
	position: absolute;
	right: 38px;
	top: -8px;
	width: 410px;
	height: 220px;
	background: url(images/support-banner.png) no-repeat center center;
	background-size: contain;
	z-index: 0;
	}
.modal-docs-block {
	margin: 20px 0;
	padding: 0 0 24px 0;
	border-bottom: 1px solid var(--bg-disabled);
	}
input[type="text"].hidden-date-field {
	position: absolute;
	width: 100%;
	height: 24px;
	opacity: 0;
	cursor: pointer;
	}
input[type="text"].hidden-date-field:hover ~ span {
	text-decoration: underline
	}
.calc-card, .schedule-card {
	position: fixed;
	background: var(--white);
	width: 100%;
	height: 100%;
	overflow: auto;
	padding: 116px 0 32px 0;
	top: 0;
	left: 0;
	z-index: 11;
	display: none;
	}
.calc-card-column {
	max-width: 1008px;
	padding: 0 36px;
	margin: 0 auto;
	}
.calc-card-column h4 {
	margin: 0 0 16px 0;
	}
.schedule-card .calc-card-column h4 {
	margin: 0;
	}
.schedule-h {
	margin: 0 0 40px 0;
	}
.calc-card-column .project-page-nav {
	margin: 0 0 16px 0;
	}
.calc-result {
	background: linear-gradient(201.06deg, var(--action) 0%, var(--success) 100%), var(--white);
	color: var(--white);
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	}
.calc-columns {
	--col-minus-grid: 40%;
	margin-top: 40px;
       	display: grid;
	grid-template-columns: 1fr var(--col-minus-grid);
	grid-gap: 0 var(--spacer);
	}
.calc-step {
	color: var(--action);	
	margin: 0 0 12px 0;
	}
.calc-step-block {
	border-bottom: 1px solid var(--bg-disabled);
	margin: 0 0 24px 0; 
	padding: 0 0 20px 0; 
	}
.calc-step-block:last-child {
	border-bottom: 0;
	margin: 0; 
	padding: 0; 
	}
.total-projects {
	text-align: center;
	margin-top: 8px;
	}
.total-projects span {
	font-weight: 500;
	}
.calc-result .button.secondary {
	width: 100%;
	margin-top: 24px;
	}
.calc-buttons-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin: 20px 0 0 0;
	}
.header-fix {
	position: fixed;
	}
.calculator-close {
	margin: 0;
	}
.active-portfolio {
	flex-grow: 1;
	align-items: center;
	display: flex;
	}
.active-portfolio-total {
	margin: 12px 0;
	}
.active-portfolio-total h4 span {
	font-size: 16px;
	font-weight: 400;
	}
.active-portfolio-percent {
	font-size: 14px;
	line-height: 20px;
	}
.active-portfolio-percent span {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	}
.active-portfolio-separate {
	margin-left: var(--spacer);
	flex-grow: 1;
	}
.separate-summ {
	color: var(--gray);
	font-size: 14px;
	font-weight: 400;
	white-space: nowrap;
	}
.value-statistic  {
	margin-top: 12px;
	}
.statistic-item h4 span {
	font-size: 16px;
	font-weight: 400;
	}
.statistic-item h4 {
	white-space: nowrap;
	}
.statistic-flex {
	display: flex;
	flex-wrap:wrap;
	width: 100%;
	gap: var(--spacer);
	}
.statistic-item {
	flex-basis:calc((100% - (var(--spacer) * 3)) / 4);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	}
.statistic-item:nth-child(1), .statistic-item:nth-child(2), .statistic-item:nth-child(3) {
	flex-basis:calc((100% - (var(--spacer) * 2)) / 3);
	}
.personal .statistic-item {
	flex-basis:calc((100% - (var(--spacer) * 2)) / 3);
	}
.statistic-item.diagram, .personal .statistic-item.diagram {
	flex-basis:calc((100% - var(--spacer)) / 2);
	}
.w-break {
	word-break: break-all;
	white-space: pre-wrap;
	}
.active-portfolio .history-tab {
	max-width: 600px;
	}
.active-portfolio-h-title {
	font-weight: 500;
	color: var(--black);
	display: none;
	margin: 0 0 4px 0;
	}
.dashboard-wrap .disable-icon {
	margin-bottom: 12px;
	}
.dashboard-wrap .success-wrap {
	margin: 40px 0 16px 0;
	}
.line-notifications .title {
	font-weight: 500;
	}
.dashboard-wrap .line-notifications {
	margin-bottom: 40px;
	}
.ui-tooltip, .arrow:after {
	background: black;
	border: 2px solid white;
	}
.ui-tooltip {
	background-color: var(--black);
	color: var(--white);
	border-radius: var(--radius2);
	box-shadow: var(--shadow-work-zone);
	padding: 12px 16px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	}
.arrow {
	width: 60px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
	}
.arrow.top {
	top: -16px;
	bottom: auto;
	}
.arrow.left {
	left: 20%;
	}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.arrow.top:after {
	bottom: -20px;
	top: auto;
	}
.chart-wrapper .chart {
	max-width: 180px;
	max-height: 180px;	
	margin-left: var(--spacer);
	margin-top: 16px;
	}
.chart-wrapper .chart-container {
	display: flex;
	justify-content: space-between;
	}
.chart-wrapper div.legendValue {
	min-width: 8px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	margin-right: 8px;
	}
.legendItem {
	padding: 6px 8px;
	margin-left: -8px;
	display: flex;
	align-items: center;
	cursor: pointer;
	border-radius: var(--radius2);
	}
.legendItem:hover, .legendItem.breakout {
	background: var(--bg-gray);
	}
.label-percentage {
	font-weight: 500;
	line-height: 24px;
	padding: 0 8px 0 0;
	}
.chart-wrapper .legend {
	margin-top: 16px;
	}
.chart-block {
	position: relative;
	}
.chart-over-block {
	position: absolute;
	width: 156px;
	height: 156px;
	border-radius: 78px;
	padding: 28px;
	background: var(--white);
	top: 28px;
	left: 36px;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	}
.chart-over-block-percentage {
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	line-height: 28px;
	margin-top: 8px;
	}
.chart-over-block-name {
	text-align: center;
	}
.loginwrapper {
	background: url(images/login-bg.jpg) no-repeat left bottom;
	background-size: cover;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	min-height: 880px;
	height: 100%;
	}
.login .mainheader {
	background: transparent;
	box-shadow: none;
	}
.login .mainfooter {
	height: 64px;
	padding: 0;
	box-shadow: none;
	}
.login .mainfooter.lines {
	height: auto;
	padding: 20px 0;
	}
.login .mainfooter-line:first-child {
	margin: 0;
	}
.login .mainfooter-line:last-child {
	margin: 0;
	width: 100%;
	align-items: flex-end;
	}
.login .lines .mainfooter-line:last-child {
	margin-top: 15px;
	align-items: center;
	}
.login .mainfooter-container {
	display: flex;
	align-items: center;
	}
.login .lines .mainfooter-container {
	display: block;
	}
.login .mainheader-phone:last-child {
	margin: 0;
	}
.login-card, .registration-card {
	background-color: var(--white);
	border-radius: var(--radius4);
	box-shadow: var(--shadow4);
	padding: 32px;
	width: 100%;
	max-width: 548px;
	min-height: 448px;
	display: flex;
	}
.registration-card {
	max-width: 784px;
	}
.registration-card.questionnaire {
	min-height: 549px;
	}
.login .maincolumn-wrap {
	justify-content: center;
	}
.login .centercolumn {
	background: transparent;
	padding: 0 20px;
	max-width: 1496px;
	width: 100%;
	min-width: auto;
	}
.login .mainheader-container {
	position: relative;
	}
.login-button {
	width: 100%;
	}
.term-info {
	margin: 34px 0 0 44px;
	width: 244px;
	}
.login-gradient-bg {
	position: absolute;
	width: 100%;
	height: 448px;
	left: 0px;
	top: 0px;
	background: linear-gradient(180deg, #F5F5F5 0%, rgba(245, 245, 245, 0) 100%);
	}
.back-link {
	position: absolute;
	left: 20px;
	top: 104px;
	}
.reg-link-wrap {
	margin: 24px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.reg-link-wrap a {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	}
.mainheader-phone-popup {
	padding: 10px 16px;
	}
.login .profilemenu {
	width: 180px;
	}
.form-stretch-column, .form-passwords {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	}
.questionnaire {
	max-height: 580px;
	overflow-y: auto;
	padding: 32px 32px 0 32px;
	}
.questionnaire .submit-wrap, .registration-block .submit-wrap, #add-eds .submit-wrap, .submit-wrap.between {
	justify-content: space-between;
	}
.step-number {
	display: flex;
	align-items: center;
	}
.step-number h6 {
	color: var(--text-disabled);
	margin: 0 32px 32px 0;
	}
.step-number.between h6 {
	margin: 0 32px 0 0;
	}
.questionnaire-docs-block {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid var(--bg-disabled);
	font-size: 14px;
	}
.doc-column {
	margin: 0 0 20px 0;
	}
.docs-container {
	margin: 24px 0 0 0;
	}
.questionnaire .submit-wrap .button {
	margin-bottom: 32px;
	}
.type-selection-card  {
	border: 1px solid var(--bg-disabled);
	border-radius: var(--radius2);
	min-height: 204px;
	padding: 20px 16px;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	cursor: pointer;
	}
.type-selection-card:hover {
	text-decoration: none;
	}
.eds-card {
	min-height: 172px;
	}
.type-selection-card:hover, .type-selection-card.selected  {
	border: 1px solid var(--action);
	box-shadow: var(--shadow-cards);
	color: var(--action);
	}
.registration-card .success-wrap-column {
	padding-bottom: 32px;	
	}
.type-selection-card svg {
	fill: url(#paint0_linear);
	margin-top: 27px;
	transition: 0.3s;
	}
.eds-card svg {
	margin-top: 16px;
	}
.eds-card.signme svg {
	margin-top: 34px;
	}
.type-selection-card:hover svg, .type-selection-card.selected svg {
	fill: url(#paint1_linear);
	margin-top: 13px;
	}
.eds-card:hover svg, .eds-card.selected svg {
	margin-top: 16px;
	}
.eds-card.signme:hover svg, .eds-card.signme.selected svg {
	margin-top: 34px;
	}
.type-selection-radio {
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	border: 1px solid var(--gray);
	width: 22px;
	min-width: 22px;
	height: 22px;
	border-radius: 11px;
	}
.type-selection-name {
	display: block;
	text-align: center;
	}
.type-selection-radio::after {
	content: '';
	display: none;
	position: absolute;
	left: 4px;
	top: 4px;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: var(--action);	
	}
.type-selection-card.selected .type-selection-radio::after {
	display: block;
	}
.type-selection {
	margin: 24px 0 0 0;
	}
.reg-steps-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 16px 0; 
	}
.step-number.reg-step h6 {
	margin: 0;
	}
.reg-agreement {
	color: var(--gray);
	margin: 24px 0 0 0;
	}
.reg-first-grid {
	margin: 8px 0 0 0;
	}
.registration-card .success-w-footer {
	padding-bottom: 0;
	height: 100%;
	}
.eds-link {
	margin: 24px 0 0 0;
	}
.eds-buttons .step-number button:first-child {
	margin: 0 20px 0 0;	
	}
.line-notifications.margin-t {	
	margin: 20px 0 0 0;
	}
.loan-card-grid-wrap .secondary {
	margin: 0 20px 0 0;
	}
.upload-wrap {
	margin: 20px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.file-size-info {
	color: var(--gray);
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	}
.operations-history-title .file-size-info {
	margin: 0 0 0 20px;
	}
.flexcard-loan {
	margin: 24px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.flexcard-loan .margin-t {
	margin: 12px 0 0 0;
	}
.loan-button-wrap {
	margin: 32px 0 0 0;
	}
.upload-link {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	}
.doc-block-mb {
	margin: 0 0 40px 0;
	}
.i-line {
	margin: 20px 0 16px 0;
	}
.m-line {
	margin: 16px 0 24px 0;
	}
.banner-img-flex {
	display: flex;
	justify-content: space-between;
	}
.banner-img-bg {
	display: flex;
	align-items: center;
	width: 289px;
	min-width: 289px;
	background: linear-gradient(247.06deg, #A6F4C5 0%, #B49BFF 100%);
	border-radius: 0px 12px 12px 0px;
	}
.banner-img-bg.eds {
	background: linear-gradient(247.06deg, #64F7B0 0%, #FEBB35 100%);
	align-items: flex-end;
	}
.banner-img-bg img {
	width: 100%;
	}
.banner-img-flex .button {
	margin: 24px 0 0 0;
	}
.banner-img-flex .body-long14 {
	margin: 16px 0 0 0;
	}
.grid-line.completed td {
	color: var(--text-disabled);
	}
.baseblock-wrap {
	display: flex;
	align-items: center;
	}
#questionnaire {
	min-height: 549px;
	display: flex;
	}
#application {
	min-height: 464px;
	display: flex;
	}
.success-wrap .button, .success-wrap .doc-link {
	margin: 32px 0 0 0;
	}
.fields-date {
       	display: grid;
	grid-template-columns: 2fr 2fr 1fr;
	grid-gap: 20px 24px;
	align-items: end;
	}
.referal-wrap {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	margin-right: var(--spacer);
	}
.referal-wrap .card2 {
	margin: 12px 0 0 0;
	}
.title-bm {
	margin: 0 0 20px 0;
	}
.referal-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 8px 0 0 0;
	}
.referal-link svg {
	min-width: 20px;
	width: 20px;
	height: 20px;
	margin: 0 0 0 38px;
	color: var(--action);
	cursor: pointer;
	}
.agree-docs {
	color: var(--gray50);
	margin: 18px 0 0 0;
	}
.operations-history-action.schedule {
	margin: 0 0 20px 0;	
	}
.operations-history-action.schedule .operations-history-action-item {
	margin: 0 var(--spacer) 0 0;
	}
.counter-wrap {
	text-align: right;
	margin-top: 8px;
	}
.qa-docs-block {
	margin-top: 8px;	
	}
.answer-wrap {
	margin: 24px 0 0 0;
	}
.q-close {
	margin: 0 20px 0 0;
	}
.answer-wrap .secondary {
	margin: 0 0 0 4px;
	}
.news-list-grid {
       	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: var(--spacer);
	}
.action-list-grid {
       	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--spacer);
	}
.info-menu svg {
	margin: 0 6px 0 0;
	}
.news-lable {
	position: absolute;
	top: 8px;
	left: 8px;
	text-transform: uppercase;
	color: var(--black);
	}
.grid-line-invest .body-small14 {
	max-width: 120px;
	}
.news-item-column {
	width: 616px;
	margin: 0 auto 64px auto;
	}
.news-item-column h3 {
	margin: 0 0 16px 0;
	}
.news-item-pic img {
	width: 100%;
	border-radius: var(--radius4);
	margin: 0 0 24px 0;
	}
.news-item-date {
	margin: 0 0 16px 0;	
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.social-news {
	display: flex;
	align-items: center;
	}
.n-social-icon {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	margin: 0 0 0 4px;
	background: black;
	display: flex;
	align-items: center;
	justify-content: center;
	}
.n-social-icon svg {
	fill: var(--white)
	}
.n-social-icon:first-child {
	margin: 0 0 0 8px;
	}
.n-social-icon.ok {
	background: #EE8208;
	}
.n-social-icon.vk {
	background: #2787F5;
	}
.n-social-icon.twitter {
	background: #1DA1F2;
	}
.n-social-icon.facebook {
	background: #1877F2;
	}
.news-anons {
	padding: 40px 0 0 0;
	border-top: 1px solid #EAEAEA;
	}
.news-anons-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 20px 0;
	}
.news-anons-title h4 {
	margin: 0;
	}
.news-anons .news-list-pic {
	height: 169px;
	}
.news-anons .news-list-text {
	height: calc(100% - 169px);
	}
.news-anons-title a {
	font-size: 14px;	
	}
.accept-doc-wrap {
	margin-top: 16px;
	}
.mob-tab {
	max-width: 1072px;
	overflow-x: auto;
	overflow-y: hidden;
	-ms-overflow-style: none;
	scrollbar-width: thin;
	scrollbar-color: var(--white) var(--white);
	padding-bottom: 10px;
	}
.mob-tab:hover {
	scrollbar-color: var(--gray10) var(--bg-gray);
	}
.mob-tab::-webkit-scrollbar {
	height: 8px;
	width: 8px;
	}
.mob-tab::-webkit-scrollbar-track {
	background: var(--white);
	border-radius: 16px;
	border: 0;
	}
.mob-tab:hover::-webkit-scrollbar-track {
	background: var(--bg-gray);
	}
.mob-tab::-webkit-scrollbar-thumb {
	background-color: var(--white);
	border-radius: 16px;
	border: 0;
	}
.mob-tab:hover::-webkit-scrollbar-thumb {
	background-color: var(--gray10);
	}
.old-version-lnk {
	display: block;
	background-color: var(--action);
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 100;
	}
.old-version-lnk a {
	color: var(--white);	
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	}
.ul-text li {
	padding-left: 35px;
	margin-top: 12px;
	position: relative;
	}
ul.ul-text li::after {
	content: "";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: #f4931e;
	border-radius: 3px;
	top: 10px;
	left: 7px;
	}
.mainfooter .logo-link img {
	width: 80px;
	}