@charset "utf-8";
@font-face {
		font-family: 'Gilroy';
		src: url('../fonts/Gilroy-UltraLight.woff') format('woff'), url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
		font-weight: 250;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Gilroy';
		src: url('../fonts/Gilroy-Medium.woff') format('woff'), url('../fonts/Gilroy-Medium.ttf') format('truetype');
		font-weight: 500;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Gilroy';
		src: url('../fonts/Gilroy-SemiBold.woff') format('woff'), url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
		font-weight: 600;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Gilroy';
		src: url('../fonts/Gilroy-Bold.woff') format('woff'), url('../fonts/Gilroy-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Gilroy';
		src: url('../fonts/Gilroy-Black.woff') format('woff'), url('../fonts/Gilroy-Black.ttf') format('truetype');
		font-weight: 900;
		font-style: normal;
		font-display: swap;
}
:root {
		--fonti: Inter, -apple-system, "Open Sans", system-ui, "sans-serif";
		--fontg: Gilroy, -apple-system, "Open Sans", system-ui, "sans-serif";
		--white: #fff;
		--grey50: #FAFAFA;
		--grey100: #F7FAFC;
		--grey200: #EDF2F7;
		--grey200-50: rgba(237, 242, 247, 0.5);
		--grey300: #E2E8F0;
		--grey400: #CBD5E0;
		--grey500: #A0AEC0;
		--grey50025: rgba(160, 174, 192, 0.25);
		--grey600: #718096;
		--grey700: #4A5568;
		--grey800: #2D3748;
		--grey900: #1A202C;
		--hover: var(--grey500);
		--hover-bg: #EBF2FA80;
		--hover-dark: var(--grey800);
		--hover-input: var(--grey600);
		--darker: #8DA0C1;
		--yellow: #FFC400;
		--yellow25: rgba(255, 196, 0, 0.25);
		--yellow80: rgba(255, 196, 0, 0.8);
		--orange: #FF4300;
		--blue: #1DA1F2;
		--blue50: #1DA1F280;
		--deep-blue: #152136;
		--red: #CD201F;
		--pink: #E4405F;
		--green: #66CB9F;
		--green-dark: #4AAE8C;
		--grad-yellow: linear-gradient(200.1deg, #FFDD4F 14.44%, #FFB800 90.4%);
		--grad-orange: linear-gradient(180deg, #FF7A00 6.47%, #F35C00 93.33%);
		--grad-green: linear-gradient(180deg, rgba(79, 197, 77, 0.78) 0%, #44BA86 100%);
		--dark-def: #16192C;
		--dark-dark: #101225;
		--dark-light: #505780;
		--sec-dark: #A6B7D4;
		--sec-dark50: rgba(166, 183, 212, 0.5);
		--sec-default: #E4ECF7;
		--sec-default60: #E4ECF799;
		--sec-light: #EBF2FA;
		--sec-light50: rgba(235, 242, 250, 0.5); /*added 28.02.23*/
		--body-muted: #7E7F8D;
		--title: #657CA4;
		--tippy-box: #263349;
		--input-bg: #F7FAFC;
		--input-border: #E3E9F3;
		--danger: #F16063;
		--danger-dark: #CF4655;
		--catalog-border: #DAE5F3;
		--preview-border: #D0D8E3;
		--tag-color: #7C93BB;
		--tag-bg: rgba(228, 236, 247, 0.25);
		--tag-bg-green: rgba(102, 203, 159, 0.2);
		--tag-bg-yellow: rgba(255, 244, 204, 1);
		--modal-title: #4F658A;
		--table-border: #E5ECF3;
		--table-title: #8492A6;
		--new-grey: #6E80A0;
		--success: #8CDFB3;
		--tertiary: #FFADBA;
		--skeleton: #E5EFF4;
}
* {
		--scrollbar-color-thumb: var(--dark-light);
		--scrollbar-color-track: var(--white);
		--scrollbar-width: thin;
		--scrollbar-width-legacy: 5px;
}
@supports (scrollbar-width: auto) {
		* {
				scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
				scrollbar-width: var(--scrollbar-width);
		}
}
@supports selector(::-webkit-scrollbar) {
		*::-webkit-scrollbar-thumb {
				background: var(--scrollbar-color-thumb);
		}
		*::-webkit-scrollbar-track {
				background: var(--scrollbar-color-track);
		}
		*::-webkit-scrollbar {
				max-width: var(--scrollbar-width-legacy);
				max-height: var(--scrollbar-width-legacy);
		}
}
html, body {
		height: 100%;
		box-sizing: border-box;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased;
		-webkit-overflow-scrolling: touch;
}
body {
		margin: 0;
		padding: 0;
		background: #fff;
		font: normal 14px/2 var(--fonti);
		color: var(--grey600);
		-webkit-text-size-adjust: none;
		display: flex;
		flex-direction: column;
}
@media only screen and (min-width: 768px) {
		body {
				font-size: 16px;
		}
}
@media only screen and (min-width: 1280px) {
		body {
				font-size: 18px;
		}
}
body.bg-grey {
		background: var(--input-bg);
}
@media only screen and (max-width: 767px) {
		body.bg-grey-mobile {
				background: var(--input-bg);
		}
}
*, *:before, *:after {
		box-sizing: border-box;
}
form, fieldset {
		margin: 0;
		padding: 0;
		border: 0;
}
input, select, textarea, button, .jcf-select, .jcf-option, .selection, .select2-results__option {
		font: 500 16px/25px var(--fonti);
		letter-spacing: -0.02em;
		color: var(--grey800);
		outline: none;
		text-align: left;
}
input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, select, .jcf-select-text > *, .jcf-option, .jcf-select, .multiple-select-trigger,
.select2-container--default .select2-selection--single, .select2-results__option, .select2-container--default .select2-selection--multiple {
		-webkit-appearance: none;
		outline: none;
		box-shadow: none;
		margin: 0;
		height: 56px;
		border-radius: 28px;
		background: var(--input-bg);
		border: 0.5px solid var(--input-border);
		padding: 0 24px;
		width: 100%;
		display: block;
		transition-property: border, background, box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* start custom select2 */
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-radius: 5px;
	border: 0.5px solid var(--input-border);
}
/* .select2-selection--multiple .select2-search {
	display: none;
} */
.select2-selection--multiple .select2-selection__rendered {
	display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.select2-selection--multiple .select2-selection__clear {
	display: none;
    /* justify-content: center;
    align-items: center;
    user-select: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: url(../img/clear-grey.svg) no-repeat 50% 50%;
    background-size: 20px auto;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-top: 0 !important;
    margin-right: 0 !important;
	padding: 0;
	opacity: 0.5;
    font-weight: 100 !important; */
}
.select2-selection--multiple .select2-selection__choice {
	margin-top: 0 !important;
	/* font-size: 14px !important; */
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
	font-size: 14px;
    padding: 0 6px !important;
    background-color: #f0eff4 !important;
    border: 0 !important;
}
.select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 8px;
    font-size: 20px;
    font-weight: 100 !important;
}
.select2-selection--multiple .select2-selection__choice span img {
	display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li::before {
	content: '';
}
.select2-container .select2-search--inline .select2-search__field {
	width: 100% !important;
	margin: 0;
}
/* end custom select2 */
select {
		cursor: pointer;
		padding-right: 48px !important;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		opacity: 1;
		font-weight: 300;
		font-size: 14px;
		letter-spacing: -0.01em;
		color: #8A9DBC;
}
input::-moz-placeholder, textarea::-moz-placeholder {
		opacity: 1;
		font-weight: 300;
		font-size: 14px;
		letter-spacing: -0.01em;
		color: #8A9DBC;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
		opacity: 1;
		font-weight: 300;
		font-size: 14px;
		letter-spacing: -0.01em;
		color: #8A9DBC;
}
@media (pointer:fine) {
		input:hover, textarea:hover, .jcf-select:hover .jcf-select-text > *, .multiple-select-trigger:hover,
		.select2-container--default .select2-selection--single:hover {
				background-color: transparent;
				border-color: var(--hover-input);
		}
}
input:focus, textarea:focus, .jcf-select.jcf-focus .jcf-select-text > *, .multiple-select.open .multiple-select-trigger {
		border-color: var(--yellow);
		background: var(--white);
		box-shadow: 0px 15px 25px rgba(234, 192, 55, 0.05), 0 0 0 0.5px var(--yellow);
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
		opacity: 0.5 !important;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
		opacity: 0.5 !important;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
		opacity: 0.5 !important;
}
input::-ms-clear {
		display: none;
}
button::-moz-focus-inner {
		border: 0;
}
textarea {
		resize: none;
		border-radius: 15px;
		height: 120px;
		padding-top: 23px;
		padding-bottom: 23px;
		min-height: 56px;
}
.jcf-select {
		position: relative;
		display: block;
		border: 0;
		background: none;
		padding: 0;
		height: auto !important;
		min-height: 0 !important;
}
.jcf-select select {
		z-index: 2;
}
.jcf-select-text {
		position: relative;
		z-index: 1;
		display: block;
		cursor: pointer;
}
.jcf-select-text > * {
		padding-right: 48px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: flex;
		align-items: center;
}
.jcf-option-placeholder {
		font-weight: 300 !important;
		font-size: 14px !important;
		letter-spacing: -0.01em;
		color: #8A9DBC;
}
.jcf-select-text > *:not(.jcf-option-placeholder) {
		background-color: var(--white);
}
.jcf-select-opener, .multiple-select-trigger .arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
		position: absolute;
		top: 50%;
		right: 28px;
		width: auto;
		height: auto;
		transform: translate3d(0, -50%, 0) rotate(0deg);
		pointer-events: none;
		z-index: 3;
		line-height: 0;
		transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.jcf-drop-active .jcf-select-opener, .multiple-select.open .multiple-select-trigger .arrow,
.select2-container--default .select2-selection--single[aria-expanded="true"] .select2-selection__arrow {
		transform: translate3d(0, -50%, 0) rotate(-180deg);
}
.jcf-drop-active .jcf-select-opener, .jcf-drop-active .jcf-select-text {
		z-index: 21;
}
.jcf-drop-active .jcf-select-text > * {
		border-color: transparent !important;
		box-shadow: none !important;
		background: none !important;
		transition: none !important;
}
.jcf-select-opener svg, .multiple-select-trigger .arrow svg,
.select2-container--default .select2-selection--single .select2-selection__arrow svg {
		fill: var(--grey500);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.jcf-select-drop {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		border-radius: inherit;
		background: var(--white);
		border: 1px solid #E7E7E7;
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 10px 16px rgba(20, 37, 63, 0.1);
		z-index: 20;
		padding-top: 56px;
		overflow-x: hidden;
		transform: translateZ(0);
		backface-visibility: hidden;
}
.select2-container--default .select2-results>.select2-results__options {
	border-radius: inherit;
	background: var(--white);
	border: 1px solid #E7E7E7;
	z-index: 20;
	padding-top: 56px;
	overflow-x: hidden;
	max-height: 250px;
	transform: translateZ(0);
	backface-visibility: hidden;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	margin-left: -1px;
    margin-right: -1px;
	padding-top: 20px;
    border-top: 0;
	box-shadow: 0px 0px 0px rgba(12, 26, 75, 0.1), 0px 10px 10px rgba(20, 37, 63, 0.1);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	padding: 0 24px;
}
.select2-dropdown {
	border: 1px solid #E7E7E7;
}
.select2-results__option::before {
	content: '';
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border: 1px solid #E7E7E7;
	border-bottom: 0;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
	display: flex;
	align-items: center;
	background-color: var(--white);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
}
.jcf-list-content {
		display: block;
		overflow: hidden;
		overflow-y: auto;
		max-height: min(50vh, 300px) !important;
}
.jcf-select-drop ul, .jcf-select-drop li {
		margin: 0;
		padding: 0;
}
.jcf-select-drop ul {
		padding: 16px 0;
}
.jcf-select-drop li:before {
		display: none;
}
.jcf-option,
.select2-results__option {
		cursor: pointer;
		user-select: none;
		border: 0 !important;
		border-radius: 0 !important;
		font-weight: 300;
		background: none !important;
		color: var(--grey600);
		height: auto !important;
		min-height: 0 !important;
		padding-top: 10px;
		padding-bottom: 10px;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		box-shadow: none !important;
}
.jcf-option.jcf-option-placeholder {
		display: none;
}
.jcf-option.jcf-hover,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
		color: var(--blue);
}
.jcf-option.jcf-selected,
.select2-container--default .select2-results__option[aria-selected="true"] {
		color: var(--blue);
		cursor: default;
}
.jcf-option.jcf-selected,
.select2-container--default .select2-results__option[aria-selected="true"]::before {
	content: '';
	background: url(../img/input/select-check.svg) no-repeat calc(100% - 30px) 50% !important;
	width: 100%;
	height: 100%;
}
.jcf-option[data-right] {
		display: block;
		width: 100%;
}
.jcf-option[data-right]:before {
		content: attr(data-right);
		float: right;
}
.jcf-option.jcf-selected[data-right]:before {
		margin-right: 24px;
}
.form-inputs {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
}
.form-inputs-el {
		flex: 0 0 auto;
		width: 100%;
}
.form-inputs .form-checks:last-child {
		width: 100%;
		margin-top: 10px;
}
.form-checks, .form-triggers {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		white-space: normal;
		text-transform: none;
		text-align: left;
}
.form-checks {
		font: 300 14px/20px var(--fonti);
		letter-spacing: -0.01em;
		color: var(--grey800);
}
.form-triggers {
		font-weight: 300;
		font-size: 15px;
		line-height: 20px;
		color: var(--grey600);
}
.form-checks label, .form-triggers label {
		cursor: pointer;
		user-select: none;
		position: relative;
}
.form-checks label {
		padding: 5px 0 5px 44px;
}
.form-triggers label {
		padding: 1px 0 1px 58px;
}
.form-checks input, .form-triggers input {
		position: absolute;
		top: 0;
		left: 0;
		transform: scale(0);
		opacity: 0;
		visibility: hidden;
}
.form-checks .checkbox {
		width: 24px;
		height: 24px;
		position: absolute;
		top: 3px;
		left: 0;
}
.form-triggers .check-trigger {
		position: absolute;
		top: 0;
		left: 0;
}
.form-submit {
		display: flex;
		flex-direction: column;
		text-align: center;
		gap: 20px;
		margin: 32px 0 0 0;
}
.form-submit .btn {
		width: 100%;
}
.form-add-files {
		display: flex;
		flex-direction: column;
		gap: 25px 0;
}
.form-add-files-area {
		position: relative;
		overflow: hidden;
		transform: translateZ(0);
		background: rgba(255, 255, 255, 0.61);
		border: 1px dashed #C5D4DE;
		border-radius: 15px;
		height: 80px;
		transition-property: border, box-shadow, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-area input {
		position: absolute;
		top: 0;
		right: 0;
		width: 300%;
		height: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		opacity: 0;
		left: auto;
		cursor: pointer;
}
.form-add-files-area:before, .form-add-files-area:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		pointer-events: none;
		width: 26px;
		height: 2px;
		background: var(--sec-dark);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-area:before {
		transform: translate3d(-50%, -50%, 0);
}
.form-add-files-area:after {
		transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
@media (pointer:fine) {
		.form-add-files-area:hover {
				border-color: transparent !important;
				background-color: var(--white);
				box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.15), 0px 6px 25px rgba(20, 37, 63, 0.05);
		}
		.form-add-files-area:hover:before, .form-add-files-area:hover:after {
				background: var(--hover-input);
		}
}
.form-add-files-area .txt {
		padding: 20px;
		text-align: center;
		pointer-events: none;
		font-weight: 300;
		font-size: 13px;
		letter-spacing: -0.01em;
		line-height: 20px;
		color: var(--darker);
		display: none;
}
.form-add-files-area .txt strong {
		display: block;
		font-weight: 600;
		font-size: 15px;
		letter-spacing: -0.02em;
		margin: 0 0 10px 0;
}
.form-add-files-area2 {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #FBFEFF;
		border: 1.5px dashed #99CFF0;
		border-radius: 8px;
		gap: 18px;
		line-height: 1.4;
		padding: 40px 15px;
		overflow: hidden;
		backface-visibility: hidden;
		position: relative;
		transform: translateZ(0);
		transition-property: border, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		container-type: inline-size;
		container-name: form-add-files-area2;
}
.form-add-files-area2 > * {
		width: 100%;
		flex: 0 0 auto;
		max-width: 240px;
}
@media (pointer:fine) {
		.form-add-files-area2:hover, .form-add-files-area2:hover .btn-border-blue {
				border-color: var(--hover);
				color: var(--hover);
				background-color: transparent;
		}
}
.form-add-files-area2 .big {
		font-weight: 600;
		font-size: 20px;
		letter-spacing: -0.02em;
		color: var(--grey800);
		max-width: 240px;
}
.form-add-files-area2 .small {
		font-weight: 300;
		font-size: 14px;
		letter-spacing: -0.02em;
		color: var(--grey600);
}
.form-add-files-area2 a {
		position: relative;
		display: inline-block;
		vertical-align: top;
		z-index: 2;
		color: inherit;
}
.form-add-files-area2 .btn {
		margin-top: 30px;
		font-size: 17px;
		background-color: var(--white);
}
.form-add-files-area2 input {
		position: absolute;
		max-width: none !important;
		top: 0;
		right: 0;
		left: auto;
		width: 300%;
		height: 100%;
		margin: 0;
		padding: 0;
		cursor: pointer;
		user-select: none;
		opacity: 0;
		z-index: 1;
}
@container form-add-files-area2 (min-width: 500px) {
		.form-add-files-area2 .big {
				font-size: 18px;
				max-width: none;
		}
		.form-add-files-area2 .small {
				margin-top: -9px;
		}
		.form-add-files-area2 .btn {
				margin-top: 8px;
				font-size: 15px;
		}
}
.form-add-files-list {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
}
.form-add-files-list > * {
		position: relative;
}
.form-add-files-list img {
		height: 85px;
		width: 85px;
		object-fit: cover;
		object-position: center;
}
.form-add-files-delete {
		cursor: pointer;
		user-select: none;
		position: absolute;
		top: 0;
		right: 0;
		background: rgba(44, 70, 107, 0.6);
		width: 18px;
		height: 18px;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-delete:before, .form-add-files-delete:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 9.5px;
		height: 2px;
		border-radius: 1px;
		background: #d3d6d9;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-delete:before {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.form-add-files-delete:after {
		transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
@media (pointer:fine) {
		.form-add-files-delete:hover {
				background: #EB2F23;
		}
		.form-add-files-delete:hover:before, .form-add-files-delete:hover:after {
				background: var(--white);
		}
}
.form-add-files-delete-all {
		flex: 0 0 auto;
}
.form-add-files-delete-all > * {
		display: inline-flex;
		vertical-align: top;
		align-items: center;
		justify-content: center;
		gap: 0 15px;
		cursor: pointer;
		user-select: none;
		font: normal 13px/20px var(--fonti);
		letter-spacing: -0.03em;
		color: var(--grey500);
		width: 85px;
		height: 85px;
		border: 1px dashed #A2BED4;
		transition-property: border, color;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-delete-all svg {
		flex: 0 0 auto;
		fill: #A2BED5;
		margin: -2px;
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.form-add-files-delete-all > *:hover {
				border-color: var(--orange);
				color: var(--orange);
		}
		.form-add-files-delete-all > *:hover svg {
				fill: var(--orange);
		}
}
.form-add-files-delete-all .txt {
		display: none;
}
.form-add-files-area2 + .form-add-files-list2 {
		margin-top: 15px;
}
.form-add-files-list2 {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
}
.form-add-files-list2 > *:not(.clear) {
		flex: 0 0 auto;
		width: 60px;
		height: 60px;
		position: relative;
}
.form-add-files-list2 img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		border-radius: 3px;
}
.form-add-files-list2 label {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		cursor: pointer;
		user-select: none;
}
.form-add-files-list2.size-big label:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 3px;
		background: #99ABC7;
		pointer-events: none;
		transition: opacity 0.4s ease;
		opacity: 0;
		z-index: 1;
}
.form-add-files-list2.size-big label:has(input:checked):after {
		opacity: 0.5;
}
.form-add-files-list2 label > input {
		position: absolute;
		transform: scale(0);
		opacity: 0;
}
.form-add-files-list2 .btn {
		padding: 0;
		overflow: hidden;
		transform: translateZ(0);
		backface-visibility: hidden;
		border-radius: 3px;
}
.form-add-files-list2 .btn input {
		position: absolute;
		top: 0;
		right: 0;
		left: auto;
		width: 300%;
		height: 100%;
		margin: 0;
		padding: 0;
		cursor: pointer;
		user-select: none;
		opacity: 0;
		z-index: 2;
}
.form-add-files-list2 .btn.plus:before, .form-add-files-list2 .btn.plus:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 24px;
		height: 2px;
		background: currentColor;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		margin: -1px -12px;
}
.form-add-files-list2 .btn.plus:after {
		transform: rotate(-90deg);
}
.form-add-files-list2 .check {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: url("../img/check-white.svg") no-repeat 50% 50%;
		background-size: 20px auto;
		pointer-events: none;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0;
		z-index: 2;
}
.form-add-files-list2 input:checked ~ .check {
		opacity: 0.8;
}
.form-add-files-list2 .delete {
		cursor: pointer;
		user-select: none;
		position: absolute;
		top: 0;
		right: 0;
		width: 18px;
		height: 18px;
		margin: 2px;
		border-radius: 2px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background: #2C466B66;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		z-index: 3;
}
.form-add-files-list2 .delete:before, .form-add-files-list2 .delete:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 7.5px;
		height: 1px;
		border-radius: 1px;
		background: var(--white);
}
.form-add-files-list2 .delete:before {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.form-add-files-list2 .delete:after {
		transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
@media (pointer:fine) {
		.form-add-files-list2 .delete:hover {
				background-color: var(--danger);
		}
}
.form-add-files-list2 .clear,
.add-design-project-content .clear {
		flex: 0 0 auto;
		margin-left: auto;
		cursor: pointer;
		user-select: none;
		display: flex;
		align-items: center;
		gap: 10px;
		font-weight: normal;
		font-size: 15px;
		line-height: 20px;
		letter-spacing: -0.03em;
		color: var(--darker);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-list2 .clear svg,
.add-design-project-content .clear svg {
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		fill: var(--sec-dark);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.form-add-files-list2 .clear:hover {
				color: var(--hover-dark);
		}
		.form-add-files-list2 .clear:hover svg {
				fill: var(--danger);
		}
}
.form-add-files-list2 .txt {
		position: absolute;
		top: 0;
		left: 0;
		font-weight: 600;
		font-size: 10px;
		line-height: 18px;
		padding: 5px 12px;
		letter-spacing: -0.02em;
		color: var(--white);
		background: #162848E5;
		border-radius: 2px;
		opacity: 0.9;
		margin: 10px;
		z-index: 2;
}
.form-add-files-list2.size-big {
		gap: 5px;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.form-add-files-list2.size-big > *:not(.clear) {
		width: auto;
		height: 120px;
}
.form-add-files-list2.size-big .dp-photo {
	transition-duration: 0.2s;
}
.form-add-files-list2.size-big .btn {
		border-style: dashed;
		border-width: 1px;
}
.form-add-files-list2.size-big .btn.plus:before, .form-add-files-list2.size-big .btn.plus:after {
		width: 30px;
		margin: -1px -15px;
}
.form-add-files-list2.size-big .delete {
		margin: 10px;
		width: 24px;
		height: 24px;
}
/* .form-add-files-list2.size-big .clear { */
.add-design-project-content .clear {
		grid-column: 1/-1;
		margin-right: auto;
		margin-left: 0;
		margin-top: 16px;
}
.form-add-files-list2.size-big .check {
		width: 30px;
		height: 30px;
		margin: 10px;
		border-radius: 50%;
		top: auto;
		left: auto;
		bottom: 0;
		right: 0;
		border-radius: 50%;
		background: var(--yellow) url("../img/check-white-small.svg") no-repeat 50% 50%;
		background-size: 14px auto;
}
.form-add-files-list2.size-big input:checked ~ .check {
		opacity: 1;
}
.form-add-files-list2 .cover {
		position: absolute;
		top: 0;
		left: 0;
		font-weight: 600;
		font-size: 10px;
		line-height: 18px;
		padding: 5px 12px;
		letter-spacing: -0.02em;
		color: var(--white);
		background: #162848E5;
		border-radius: 2px;
		opacity: 0.9;
		margin: 10px;
}
.form-add-files-list2-actions {
		position: absolute;
		top: 0;
		right: 0;
		margin: 10px;
}
.form-add-files-list2-actions-trigger {
		cursor: pointer;
		user-select: none;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		position: relative;
		background: #EBF2FA40;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-list2-actions-trigger > *:before, .form-add-files-list2-actions-trigger > *:after {
		content: '';
}
.form-add-files-list2-actions-trigger > *, .form-add-files-list2-actions-trigger > *:before, .form-add-files-list2-actions-trigger > *:after {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		background: #D3DBE8;
		width: 3px;
		height: 3px;
		border-radius: 50%;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-list2-actions-trigger > *:before {
		margin-top: -6px;
}
.form-add-files-list2-actions-trigger > *:after {
		margin-top: 6px;
}
@media (pointer:fine) {
		.form-add-files-list2-actions-trigger:hover {
				background: #EBF2FA80;
		}
		.form-add-files-list2-actions-trigger:hover > *, .form-add-files-list2-actions-trigger:hover > *:before, .form-add-files-list2-actions-trigger:hover > *:after {
				background-color: var(--deep-blue);
		}
}
.form-add-files-list2-actions.open .form-add-files-list2-actions-trigger {
		background: #EBF2FA80;
}
.form-add-files-list2-actions.open .form-add-files-list2-actions-trigger > *, .form-add-files-list2-actions.open .form-add-files-list2-actions-trigger > *:before, .form-add-files-list2-actions.open .form-add-files-list2-actions-trigger > *:after {
		background-color: var(--deep-blue);
}
.form-add-files-list2-actions-popup, .form-add-files-list2-actions-popup li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.form-add-files-list2-actions-popup li:before {
		display: none;
}
.form-add-files-list2-actions-popup {
		position: absolute;
		z-index: 20;
		top: 100%;
		right: -22px;
		width: 230px;
		border-radius: 4px;
		background: var(--white);
		box-shadow: 0px 5px 34px 0px #14253F1A;
		margin-top: 12px;
		padding: 11px 15px;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		display: flex;
		flex-direction: column;
		gap: 1px;
}
.form-add-files-list2-actions:not(.open) .form-add-files-list2-actions-popup {
		opacity: 0;
		pointer-events: none;
}
.form-add-files-list2-actions-link {
		display: flex;
		align-items: center;
		text-decoration: none;
		text-align: left;
		font: normal 14px/20px var(--fonti);
		letter-spacing: -0.02em;
		color: var(--grey600);
		gap: 10px;
		padding: 11px 0;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-list2-actions-link svg {
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		fill: var(--sec-dark);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-list2-actions-link.red {
		color: var(--danger);
}
.form-add-files-list2-actions-link.red svg {
		fill: var(--danger);
}
@media (pointer:fine) {
		.form-add-files-list2-actions-link:not(.red):hover {
				color: var(--hover-dark);
		}
		.form-add-files-list2-actions-link:not(.red):hover svg {
				fill: var(--blue);
		}
		.form-add-files-list2-actions-link.red:hover {
				color: var(--danger-dark);
		}
		.form-add-files-list2-actions-link.red:hover svg {
				fill: var(--danger-dark);
		}
}
.form-add-files-list2 + .form-add-files-by-link,
.add-design-project-content .form-add-files-by-link{
		margin-top: 30px;
}
.form-add-files-by-link-label {
		font: 500 16px/20px var(--fonti);
		letter-spacing: -0.02em;
		color: var(--deep-blue);
		margin: 0 0 20px 0;
}
.form-add-files-by-link-inputs {
		display: flex;
		gap: 10px;
}
.form-add-files-by-link .btn {
		flex: 0 0 auto;
		padding: 0;
		width: 62px;
		margin-top: 20px;
}
.form-add-files-by-link .btn svg {
		width: 28px;
		height: 28px;
}
.form-add-files-by-link .main-input {
		flex: 1;
}
/*mobile forms end*/
/*tablet forms start*/
@media only screen and (min-width: 768px) {
		input, select, textarea, button, .jcf-select, .jcf-option, .selection {
				letter-spacing: -0.01em;
		}
		input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, select, .jcf-select-text > *, .jcf-option, .jcf-select, .multiple-select-trigger,
		.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
				height: 60px;
				border-radius: 5px; /*box-shadow: 0px 15px 25px rgba(124, 147, 187, 0.05);*/
		}
		.jcf-select-drop {
				padding-top: 60px;
		}
		input:focus, textarea:focus, .multiple-select-trigger.open .multiple-select-trigger {
				box-shadow: 0px 15px 25px rgba(234, 192, 55, 0.05), 0 0 0 0.5px var(--yellow);
		}
		textarea {
				padding-top: 22px;
				padding-bottom: 22px;
				min-height: 60px;
				height: 120px;
				line-height: 20px;
		}
		.main-input.invalid:after, .main-input.valid:after {
				width: 22px;
				height: 22px;
				margin: -11px 0;
		}
		.main-input.invalid:after {
				background-image: url(../img/input/invalid.svg);
		}
		.main-input.valid:after {
				background-image: url(../img/input/valid.svg);
		}
		.big-input.invalid:after, .big-input.valid:after, .big-input-clear {
				right: 30px;
		}
		.big-input input, .big-input textarea, .big-input select, .big-input .jcf-select-text > * {
				font-size: 16px;
				height: 80px;
				border-radius: 5px;
		}
		.big-input .jcf-select-opener {
				right: 30px;
		}
		.big-input input:placeholder-shown, .big-input textarea:placeholder-shown, .big-input-label {
				font-size: 15px;
				height: 80px;
				padding-top: 25px;
				padding-bottom: 25px;
		}
		.big-input textarea:placeholder-shown, .big-input textarea:placeholder-shown ~ .big-input-label {
				padding-top: 15px !important; /*20.07.23*/
				padding-bottom: 15px !important; /*20.07.23*/
		}
		.big-input-autocomplete {
				margin-top: 5px;
				margin-bottom: -16px;
		}
		.big-input-autocomplete > * {
				background-position: calc(100% - 30px) 50%;
		}
		.big-input-autocomplete strong {
				font-size: 16px;
		}
		.main-input-clear {
				cursor: pointer;
				user-select: none;
				position: absolute;
				top: calc(50% - 12px);
				right: 24px;
				width: 24px;
				height: 24px;
				border-radius: 50%;
				background: url("../img/clear-grey.svg") no-repeat 50% 50%;
				background-size: 20px auto;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				opacity: 0.5;
		}
		input:placeholder-shown ~ .main-input-clear {
				opacity: 0;
				pointer-events: none;
		}
		input:not(:placeholder-shown):focus ~ .main-input-clear {
				opacity: 1;
		}
		.form-checks, .form-triggers {
				font-size: 15px;
		}
		.form-triggers {
				letter-spacing: -0.02em;
		}
		.form-submit {
				flex-direction: row;
				flex-wrap: wrap;
				align-items: center;
				margin-top: 30px;
		}
		.form-submit .btn {
				width: auto;
				font-size: 16px;
		}
		.form-add-files {
				gap: 20px 0;
		}
		.form-add-files-area {
				min-height: 80px;
				border-width: 0.5px;
				border-color: var(--sec-dark);
				border-radius: 5px;
				height: auto;
		}
		.form-add-files-area:before, .form-add-files-area:after {
				display: none;
		}
		@media (pointer:fine) {
				.form-add-files-area:hover {
						border-color: var(--hover-input);
						background-color: var(--white);
				}
		}
		.form-add-files-area .txt {
				display: block;
		}
		.form-add-files-list img {
				height: 80px;
				width: 80px;
				border-radius: 3px;
		}
		.form-add-files-delete {
				border-radius: 3px;
				margin: 1.5px;
		}
		.form-add-files-delete-all {
				width: 100%;
				margin-top: 5px;
		}
		.form-add-files-delete-all > * {
				width: auto;
				height: auto;
				border: 0;
		}
		.form-add-files-delete-all svg {
				fill: var(--grey400);
		}
		.form-add-files-delete-all .txt {
				display: inline;
		}
		.main-checks {
				font-size: 15px;
		}
		.main-checks > * {
				padding: 2px 0 2px 44px;
		}
		.checkbox {
				width: 24px;
				height: 24px;
		}
		.password-checker {
				font-size: 14px;
		}
		.password-checker .lines {
				width: calc(100% - 167px);
				gap: 5px;
		}
		.password-checker .lines > * {
				background: var(--white);
		}
		.input-info {
				font: normal 15px/30px var(--fonti);
				margin-top: 15px;
				color: #657CA4;
				letter-spacing: -0.02em;
		}
}
/*tablet forms end*/
@media only screen and (min-width: 1024px) {
		.form-add-files-area .txt {
				padding: 35px 32px;
		}
}
@media only screen and (min-width: 1280px) {
		.form-add-files-area .txt {
				padding: 44px;
		}
		.password-checker .lines > * {
				background: #E7F1F8;
		}
}
.mfp-hide {
		display: none !important;
}
.nowrap {
		white-space: nowrap;
}
.pic-help {
		flex: 0 0 auto;
		display: inline-block;
		vertical-align: middle;
		cursor: help;
		width: 20px;
		height: 20px;
		background: url(../img/help.svg) no-repeat 50% 50%;
		background-size: contain;
}
header, nav, section, article, aside, footer, menu, time, figure, figcaption, main {
		display: block;
}
img, svg, picture {
		border: 0;
		vertical-align: top;
}
a {
		color: var(--blue);
		text-decoration: none;
		outline: none;
		cursor: pointer;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		a:hover {
				color: var(--hover);
		}
}
strong {
		font-weight: bold;
}
p, ol, ul {
		margin: 1em 0;
		padding: 0;
}
ol, ul, li {
		list-style: none;
}
li {
		position: relative;
		margin: 0;
		padding: 0 0 0 2em;
}
ul > li:before {
		content: '•';
		width: 2em;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
}
ol {
		counter-reset: li;
}
ol > li:before {
		counter-increment: li;
		content: counters(li, ".") ". ";
		position: relative;
		display: inline-block;
		vertical-align: top;
		min-width: 2em;
		margin: 0 0 0 -2em;
		padding: 0 0.25em 0 0;
}
h1, .h1 {
		font: 900 28px/32px var(--fontg);
		letter-spacing: -0.01em;
		color: var(--grey800);
		margin: 0 0 24px 0;
}
h2, .h2 {
		font: 900 24px/32px var(--fontg);
		letter-spacing: -0.01em;
		color: var(--grey800);
		margin: 40px 0 24px 0;
}
@media only screen and (min-width: 768px) {
		h1, .h1 {
				font-size: 36px;
				line-height: 40px;
				margin-bottom: 30px;
				color: var(--grey700);
		}
		h2, .h2 {
				font-size: 30px;
				line-height: 36px;
				margin-bottom: 30px;
		}
}
@media only screen and (min-width: 1280px) {
		h1, .h1 {
				margin-bottom: 40px;
		}
}
.btn {
		-webkit-appearance: none;
		display: inline-flex;
		vertical-align: top;
		align-items: center;
		justify-content: center;
		text-transform: none;
		text-align: center;
		gap: 10px;
		text-decoration: none;
		font: 600 15px/20px var(--fontg);
		letter-spacing: -0.005em;
		border-radius: 28px;
		border: 0;
		outline: none;
		height: 56px;
		padding: 0 40px;
		cursor: pointer;
		user-select: none;
		transition-property: box-shadow, border, color, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn svg {
		fill: currentColor;
		transition-property: fill, stroke;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn svg.loader {
		stroke: currentColor;
}
.btn-yellow {
		color: #253859;
		background-color: #FFD750;
		background-image: linear-gradient(to bottom, #FFD750 0%, #FFDD4F 66.666%, #FFB800 100%);
		background-size: 100% 300%;
		background-position: 0 100%;
		background-repeat: no-repeat;
		box-shadow: 0px 0.5px 1px 0px #00000026, 0px 4px 16px 0px #FFC40040, 0px -0.5px 0px 0px #BA8F0080 inset;
}
.btn-orange {
		color: var(--white);
		background-color: #FB5A00;
		background-image: linear-gradient(to bottom, #FF7A00 6.47%, #F35C00 50%, #FB5A00 100%);
		background-size: 100% 200%;
		background-repeat: no-repeat;
		box-shadow: 0px 12px 25px rgba(255, 127, 48, 0.25), 0px 0.5px 1px rgba(0, 0, 0, 0.25), inset 0px -0.5px 0px rgba(0, 0, 0, 0.45);
}
.btn-orange2 {
		color: var(--white) !important;
		background-color: #FB5A00;
		background-image: linear-gradient(to right, #FB5A00 0%, #F16063 66%, #FFC656 100%);
		background-size: 300% 100%;
		background-position: 100% 0;
		box-shadow: 0px 15px 30px rgba(250, 158, 91, 0.35), 0px 1px 1px rgba(0, 0, 0, 0.125), inset 0px -0.5px 0px rgba(0, 0, 0, 0.25);
}
.btn-green {
		color: var(--white);
		background: linear-gradient(180deg, #76d274 0%, #44BA86 100%);
		box-shadow: 0px 5px 15px rgba(68, 186, 134, 0.25), inset 0px -1px 0px rgba(117, 31, 1, 0.25);
}
.btn-dark {
		color: var(--white);
		background: #263349;
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 10px 24px rgba(29, 54, 96, 0.26);
}
.btn-dark-grad {
		color: var(--white);
		background: linear-gradient(to bottom, #3B475B 0%, #292D32 50%, #292D32 100%);
		background-size: 100% 200%;
		box-shadow: 0px 4px 16px rgba(41, 45, 50, 0.15), 0px 0.5px 1px rgba(0, 0, 0, 0.15);
}
.btn-grey {
		color: var(--sec-dark);
		background: linear-gradient(to bottom, #FBFBFC 17.86%, #F3F7FC 112.69%);
		border: 0.5px solid rgba(0, 0, 0, 0.07);
		box-shadow: 0px 1px 0px #BDCADD, 0px 8px 12px rgba(20, 37, 63, 0.02);
}
.btn-white {
		color: var(--darker);
		background: var(--white);
		border: 0.5px solid #B9C6DE;
		box-shadow: 0px 8px 12px rgba(20, 37, 63, 0.02), inset 0px 0px 0.5px rgba(153, 171, 200, 0.5);
}
.btn-border-blue {
		background: rgba(29, 161, 242, 0.03);
		border: 0.75px solid #93CFF8;
		color: var(--blue);
}
.btn-border-grey {
		background: none;
		border: 0.75px solid var(--sec-dark50);
		color: var(--darker);
}
.btn-border-darkgrey {
		background: none;
		border: 0.75px solid var(--sec-dark);
		color: #657897;
}
.btn-simple-grey {
		color: var(--sec-dark);
}
.btn-simple-red {
		color: var(--orange);
}
.btn-red {
		background: #FFF9F8;
		border: 0.5px solid rgba(255, 67, 0, 0.5);
		color: rgba(255, 67, 0, 0.74);
}
.btn-red2 {
		background: #F96E6E26;
		box-shadow: 0px -0.5px 0px 0px #D1505080 inset;
		color: #EC4F4F;
}
.btn-grey-blue {
		border: 1px solid rgba(166, 183, 212, 0.25);
		background: linear-gradient(225deg, rgba(241, 241, 245, 0.25) 0%, rgba(228, 236, 247, 0.25) 100%);
		color: var(--blue);
		box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.05);
}
.btn-grey-grey {
		color: var(--darker);
		background: #1DA1F20D;
}
@media (pointer:fine) {
		.btn-yellow:hover {
				box-shadow: none;
				color: #253859;
				background-position: 0 0;
		}
		.btn-orange:hover {
				box-shadow: none;
				color: var(--white);
				background-position: 0 100%;
		}
		.btn-orange2:hover {
				box-shadow: none;
				color: var(--white);
				background-position: 0 0;
		}
		.btn-green:hover {
				box-shadow: none;
				color: var(--white);
		}
		.btn-grey:hover {
				color: var(--hover-dark);
		}
		.btn-dark-grad:hover {
				box-shadow: none;
				color: var(--white);
				background-position: 0 100%;
		}
		.btn-dark:hover {
				color: var(--white);
				box-shadow: none;
		}
		.btn-white:hover {
				color: var(--blue);
				box-shadow: none;
		}
		.btn-border-blue:hover {
				border-color: var(--hover);
				color: var(--hover);
				background-color: transparent;
		}
		.btn-border-grey:hover, .btn-border-darkgrey:hover {
				border-color: var(--hover-dark);
				color: var(--hover-dark);
				background-color: transparent;
		}
		.btn-grey-blue:hover {
				color: var(--hover);
		}
		.btn-simple-grey:hover {
				color: var(--hover-dark);
		}
		.btn-simple-red:hover {
				color: var(--orange);
		}
		.btn-red:hover, .btn-red2:hover {
				color: var(--orange);
				box-shadow: 0px -0.5px 0px 0px var(--orange) inset;
				background: #F96E6E18;
		}
		.btn-grey-grey:hover {
				color: var(--blue);
		}
}
.btn.disabled, .btn:disabled {
		color: var(--sec-dark);
		background: var(--grey100) !important;
		border: 0;
		box-shadow: none;
		cursor: default;
		pointer-events: none;
}
@media only screen and (min-width: 768px) {
		.btn {
				border-radius: 4px;
				height: 60px;
		}
}
/*forms start*/
.multiple-select {
		position: relative;
}
.multiple-select-trigger {
		position: relative;
		cursor: pointer;
		user-select: none;
}
.multiple-select-trigger .link {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		margin: 10px;
		font: 600 15px/20px var(--fonti);
		letter-spacing: -0.02em;
		color: var(--blue);
		transition-property: color, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		border-radius: 100px;
		padding: 0 24px;
		display: flex;
		align-items: center;
		background: #E3F4FF;
}
@media only screen and (min-width: 768px) {
		.multiple-select-trigger .link {
				border-radius: 3px;
		}
}
@media (pointer:fine) {
		.multiple-select-trigger:hover .link {
				background-color: var(--grey100);
				color: var(--darker);
		}
		.multiple-select-trigger:hover .arrow svg {
				fill: var(--deep-blue);
		}
}
.multiple-select.open .multiple-select-trigger .link {
		background-color: var(--grey100);
		color: var(--darker);
}
.multiple-select.open .multiple-select-trigger .arrow svg {
		fill: var(--deep-blue);
}
.multiple-select ul, .multiple-select li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.multiple-select li:before {
		display: none;
}
.multiple-select-wrap {
		position: relative;
}
.multiple-select-popup {
		position: absolute;
		z-index: 20;
		top: 100%;
		left: 0;
		right: 0;
		margin: 5px 0;
		border: 1px solid #E4EBF2;
		background: var(--white);
		box-shadow: 0px 5px 34px 0px #14253F1A;
		border-radius: 5px;
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.multiple-select.upside .multiple-select-popup {
		top: auto;
		bottom: 100%;
}
.multiple-select:not(.open) .multiple-select-popup {
		opacity: 0;
		pointer-events: none;
}
.multiple-select-search {
		position: relative;
		padding: 24px 24px 13px 24px;
}
.multiple-select-search input {
		height: 50px;
}
.multiple-select-search svg {
		width: 24px;
		height: 24px;
		position: absolute;
		top: 37px;
		right: 44px;
		pointer-events: none;
		fill: var(--grey500);
}
.multiple-select-list {
		overflow-y: auto;
		max-height: 200px;
		display: flex;
		flex-direction: column;
		gap: 1px;
}
.multiple-select-list li {
		position: relative;
}
.multiple-select-list li input {
		position: absolute;
		transform: scale(0);
		opacity: 0;
		visibility: hidden;
}
.multiple-select-list .multiple-select-el {
		display: flex;
		align-items: center;
		padding: 10px 24px;
		transition-property: color, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		gap: 15px;
		text-align: left;
		font: 500 16px/20px var(--fonti);
		letter-spacing: -0.02em;
		color: var(--deep-blue);
		cursor: pointer;
		user-select: none;
}
.multiple-select-list .multiple-select-el .ava {
		flex: 0 0 auto;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background: var(--sec-default);
}
.multiple-select-list .multiple-select-el .ava img {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		object-fit: cover;
		object-position: center;
}
.multiple-select-list .multiple-select-el .text {
		flex: 1;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}
.multiple-select-list .multiple-select-el .circle {
		flex: 0 0 auto;
		position: relative;
		background: #F8FAFD;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		box-shadow: 0px 0.25px 5px 3px #EBF1F440 inset;
		transition-property: box-shadow, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.multiple-select-list .multiple-select-el .circle:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: url("../img/check-white-small.svg") no-repeat 50% 50%;
		background-size: 14px auto;
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.multiple-select-list .multiple-select-el:hover {
				color: var(--blue);
		}
}
.multiple-select-list input:checked + .multiple-select-el {
		background: #1DA1F20D;
		color: var(--blue);
}
.multiple-select-list input:checked + .multiple-select-el .circle {
		background-color: var(--yellow);
		box-shadow: 0px 0.25px 8px -3px #FFC40080;
}
.multiple-select-list input:checked + .multiple-select-el .circle:before {
		opacity: 1;
}
.multiple-select-list li.hide {
		display: none !important;
}
.multiple-selected-list:has(li) {
		margin-top: 15px;
}
.multiple-selected-list {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 10px;
}
.multiple-selected-list li {
		flex: 0 0 auto;
		background: var(--grey100);
		border-radius: 3px;
		font: 500 15px/20px var(--fonti);
		color: var(--grey600);
		padding: 10px 59px 10px 15px;
		transition-property: color, background, box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		cursor: pointer;
		user-select: none;
}
.multiple-selected-list li:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 10px;
		width: 24px;
		height: 24px;
		background: var(--white);
		margin: -12px 0;
		border-radius: 2px;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.multiple-selected-list .multiple-select-el:before, .multiple-selected-list .multiple-select-el:after {
		z-index: 2;
		content: '';
		position: absolute;
		top: 50%;
		right: 22px;
		width: 8.5px;
		height: 1px;
		border-radius: 1px;
		background: var(--darker);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.multiple-selected-list .multiple-select-el:before {
		transform: translate3d(50%, -50%, 0) rotate(45deg);
}
.multiple-selected-list .multiple-select-el:after {
		transform: translate3d(50%, -50%, 0) rotate(-45deg);
}
@media (pointer:fine) {
		.multiple-selected-list li:hover {
				color: var(--danger-dark);
				background: #F96E6E26;
				box-shadow: 0px 0.5px 1px 0px #B55B5B59;
		}
		.multiple-selected-list li:hover:after {
				opacity: 0.75;
		}
		.multiple-selected-list li:hover .multiple-select-el:before, .multiple-selected-list li:hover .multiple-select-el:after {
				background-color: var(--danger-dark);
		}
}
.multiple-selected-list .ava, .multiple-selected-list .circle {
		display: none;
		visibility: hidden;
}
.main-input-label {
		font: 600 20px/1.2 var(--fontg);
		letter-spacing: -0.015em;
		color: var(--grey800);
		margin: 0 0 15px 0;
}
@media only screen and (max-width: 767px) {
		.main-input-label {
				font-size: 16px;
		}
}
.main-input-label-simple {
		font: 500 18px/20px var(--fonti);
		letter-spacing: -0.02em;
		color: var(--darker);
		margin: 0 0 15px 0;
}
.main-input {
		position: relative;
}
input[type="password"] {
		padding-right: 70px;
}
.main-input.invalid input, .main-input.valid input {
		padding-right: 60px;
}
.main-input.invalid:after, .main-input.valid:after, .big-input.invalid:after, .big-input.valid:after, .big-input-clear {
		content: '';
		position: absolute;
		width: 24px;
		height: 24px;
		margin: -12px 0;
		pointer-events: none;
		top: 50%;
		right: 22px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
}
.main-input.invalid:after {
		background-image: url(../img/input/invalid-mob.svg);
}
.main-input.valid:after {
		background-image: url(../img/input/valid-mob.svg);
}
.big-input.invalid:after, .big-input.valid:after {
		right: 24px;
}
.big-input.invalid:after {
		background-image: url(../img/input/invalid.svg);
}
.big-input.valid:after {
		background-image: url(../img/input/valid.svg);
}
.invalid input, .invalid textarea, input.invalid, textarea.invalid, .select2 .invalid, .invalid .jcf-select-text, select.invalid ~ .jcf-select-text > * {
		background: #FFFAFA;
		border-color: var(--danger);
		box-shadow: 0 0 0 0.5px var(--danger);
		color: var(--danger-dark);
}
.valid input, .valid textarea, input.valid, textarea.valid, .valid .jcf-select-text, select.valid ~ .jcf-select-text > * {
		background: #F8FFFC;
		border-color: #66CB9F;
		box-shadow: 0 0 0 0.5px #66CB9F;
}
.big-input {
		position: relative;
}
.big-input input, .big-input textarea, .big-input select, .big-input .jcf-select-text > * {
		font-weight: 500;
		font-size: 15px;
		line-height: 30px;
		color: var(--grey900);
		letter-spacing: -0.01em;
		height: 80px;
		padding: 35px 80px 15px 24px;
		border-radius: 5px;
		box-shadow: none !important;
}
.big-input.without-label input, .big-input.without-label textarea, .big-input.without-label select, .big-input.without-label .jcf-select-text > * {
		padding-top: 25px;
		padding-bottom: 25px;
}
.big-input.without-label .big-input-label {
		display: none;
}
.big-input .jcf-select-text > * {
		font-size: 16px;
}
.big-input .jcf-select-opener {
		right: 24px;
}
.big-input input::-webkit-input-placeholder, .big-input textarea::-webkit-input-placeholder {
		color: var(--grey600);
		opacity: 1;
}
.big-input input::-moz-placeholder, .big-input textarea::-moz-placeholder {
		color: var(--grey600);
		opacity: 1;
}
.big-input input:-ms-input-placeholder, .big-input textarea:-ms-input-placeholder {
		color: var(--grey600);
		opacity: 1;
}
.big-input input:placeholder-shown, .big-input textarea:placeholder-shown, .big-input-label {
		color: var(--grey600);
		font-weight: 300;
		font-size: 14px;
		line-height: 30px;
		padding: 25px 80px 25px 24px;
		letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
		.big-input input:placeholder-shown, .big-input textarea:placeholder-shown, .big-input-label {
				padding-top: 13px;
				padding-bottom: 13px;
				height: 56px;
		}
}
.big-input:not(.without-label) input::-webkit-input-placeholder, .big-input:not(.without-label) textarea::-webkit-input-placeholder {
		opacity: 0 !important;
}
.big-input:not(.without-label) input::-moz-placeholder, .big-input:not(.without-label) textarea::-moz-placeholder {
		opacity: 0 !important;
}
.big-input:not(.without-label) input:-ms-input-placeholder, .big-input:not(.without-label) textarea:-ms-input-placeholder {
		opacity: 0 !important;
}
.big-input:not(.without-label) input:focus::-webkit-input-placeholder, .big-input:not(.without-label) textarea:focus::-webkit-input-placeholder {
		opacity: 0 !important;
}
.big-input:not(.without-label) input:focus::-moz-placeholder, .big-input:not(.without-label) textarea:focus::-moz-placeholder {
		opacity: 0 !important;
}
.big-input:not(.without-label) input:focus:-ms-input-placeholder, .big-input:not(.without-label) textarea:focus:-ms-input-placeholder {
		opacity: 0 !important;
}
.big-input:not(.without-label) .jcf-select-text > *.jcf-option-placeholder {
		color: transparent !important;
}
.big-input:not(.valid):not(.invalid) input:not(:placeholder-shown):focus, .big-input:not(.valid):not(.invalid) textarea:not(:placeholder-shown):focus {
		background-color: #FFFEFA;
}
.big-input .jcf-select.jcf-drop-active .jcf-select-text > * {
		box-shadow: none !important;
}
.big-input-clear {
		cursor: pointer;
		user-select: none;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0;
}
input:not(:placeholder-shown) ~ .big-input-clear {
		pointer-events: all;
		opacity: 1;
}
.big-input-clear svg {
		width: 100%;
		height: 100%;
		fill: var(--sec-dark);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.big-input-clear:hover svg {
				fill: var(--hover-dark);
		}
}
.big-input-label {
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		border-color: transparent;
		background-color: transparent;
		z-index: 3;
		white-space: nowrap;
		padding-right: 0 !important;
}
.big-input input:not(:placeholder-shown) ~ .big-input-label, .big-input textarea:not(:placeholder-shown) ~ .big-input-label, .big-input .jcf-select ~ .big-input-label {
		font-weight: 300;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: -0.01em;
		color: var(--grey800);
		height: auto;
		padding-top: 15px;
		padding-bottom: 0;
}
.big-input .jcf-drop-active ~ .big-input-label {
		z-index: 22;
}
.big-input textarea {
		height: auto;
		min-height: 111px; /*20.07.23*/
}
.big-input-autocomplete {
		margin: 7.5px 0 0 0;
		z-index: 30;
		background: var(--white);
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 8px 16px rgba(20, 37, 63, 0.1);
		border-radius: 5px;
		max-height: 50vh;
		overflow: hidden;
		overflow: auto;
		padding: 12px;
}
.big-input-autocomplete > * {
		cursor: pointer;
		user-select: none;
		margin: 3px 0;
		text-decoration: none;
		font-weight: 500;
		font-size: 14px;
		line-height: 24px;
		text-align: left;
		letter-spacing: -0.02em;
		text-transform: none;
		white-space: normal;
		padding: 9px 50px 9px 15px;
		background: var(--input-bg);
		border-radius: 4px;
		color: var(--grey800);
		background-repeat: no-repeat;
		background-position: calc(100% - 23px) 50%;
}
.big-input-autocomplete > *.selected {
		background-image: url(../img/input/check-sm-dark.svg);
}
.big-input-autocomplete li:before {
		display: none;
}
.big-input-autocomplete strong {
		display: block;
		font-weight: 600;
		font-size: 15px;
		line-height: 15px;
		margin: 6px 0 5px 0;
}
.eye {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 70px;
		cursor: pointer;
		user-select: none;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
input:placeholder-shown ~ .eye {
		pointer-events: none;
		opacity: 0;
}
.eye svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		transition-property: opacity, fill;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		fill: var(--sec-dark);
}
@media (pointer:fine) {
		.eye:hover svg {
				fill: var(--orange);
		}
}
.eye svg:nth-child(2) {
		opacity: 0;
}
input[type="password"] ~ .eye svg:nth-child(1) {
		opacity: 0;
}
input[type="password"] ~ .eye svg:nth-child(2) {
		opacity: 1;
}
.main-checks {
		display: flex;
		flex-direction: column;
		gap: 20px;
		font: 300 12px/20px var(--fonti);
		letter-spacing: -0.01em;
		text-transform: none;
		white-space: normal;
		text-align: left;
		color: var(--grey800);
}
.main-checks > * {
		flex: 0 0 auto;
		max-width: 100%;
		position: relative;
		padding: 0 0 0 32px;
		cursor: pointer;
		user-select: none;
}
.main-checks .checkbox {
		position: absolute;
		top: 0;
		left: 0;
}
.main-checks input {
		position: absolute;
		top: 0;
		left: 0;
		transform: scale(0);
		opacity: 0;
}
.checkbox {
		flex: 0 0 auto;
		width: 20px;
		height: 20px;
		display: block;
		position: relative;
		background: var(--input-bg);
		border: 0.5px solid var(--input-border);
		border-radius: 3px;
		transition-property: border, background, box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.checkbox:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		background: url(../img/input/checkbox.svg) no-repeat 50% 50%;
		background-size: 14px auto;
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
input:focus ~ .checkbox {
		border-color: var(--hover-input);
		background-color: transparent;
}
@media (pointer:fine) {
		label:hover .checkbox, .checkbox:hover {
				border-color: var(--hover-input);
				background-color: transparent;
		}
}
input:checked ~ .checkbox {
		border-color: var(--yellow);
		background-color: var(--yellow);
}
input:checked ~ .checkbox:before {
		opacity: 1;
}
.check-trigger {
		display: block;
		width: 40px;
		height: 22px;
		border-radius: 11px;
		background: var(--grey300);
		border-style: solid;
		border-width: 1px;
		border-color: transparent;
		position: relative;
		transition-property: border, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.check-trigger:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 16px;
		height: 16px;
		margin: 2px;
		background-color: var(--white);
		transform: translate3d(0, 0, 0);
		transition-property: transform, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		border-radius: 50%;
}
input:checked ~ .check-trigger {
		background-color: var(--yellow);
}
input:checked ~ .check-trigger:before {
		transform: translate3d(18px, 0, 0);
}
.input-info {
		font: 600 13px/28px var(--fontg);
		color: #90A0B5;
		margin: 18px 0 0 0;
		text-align: left;
		letter-spacing: normal;
		white-space: normal;
		text-transform: none;
}
.password-checker {
		display: flex;
		align-items: center;
		font: bold 14px/18px var(--fontg);
		letter-spacing: -0.01em;
		justify-content: space-between;
		letter-spacing: normal;
}
.password-checker .lines {
		flex: 0 0 auto;
		width: calc(100% - 150px);
		display: flex;
		align-items: center;
		gap: 8px;
}
.password-checker .lines > * {
		background: rgba(231, 241, 248, 0.6);
		height: 3px;
		border-radius: 1.5px;
		flex: 1;
}
.password-checker .text > *:last-child {
		color: var(--sec-dark);
}
.password-checker .text > *:not(:last-child) {
		display: none;
}
.password-checker.lvl1 .text > *:last-child, .password-checker.lvl2 .text > *:last-child, .password-checker.lvl3 .text > *:last-child, .password-checker.lvl4 .text > *:last-child {
		display: none;
}
.password-checker.lvl1 .lines > *:nth-child(1) {
		background: #F13E48;
}
.password-checker.lvl1 .text > *:nth-child(1) {
		display: block;
		color: #F13E48;
}
.password-checker.lvl2 .lines > *:nth-child(1), .password-checker.lvl2 .lines > *:nth-child(2) {
		background: var(--yellow);
}
.password-checker.lvl2 .text > *:nth-child(2) {
		display: block;
		color: var(--yellow);
}
.password-checker.lvl3 .lines > *:nth-child(1), .password-checker.lvl3 .lines > *:nth-child(2), .password-checker.lvl3 .lines > *:nth-child(3) {
		background: var(--green-dark);
}
.password-checker.lvl3 .text > *:nth-child(3) {
		display: block;
		color: var(--green-dark);
}
.password-checker.lvl4 .lines > *:nth-child(1), .password-checker.lvl4 .lines > *:nth-child(2), .password-checker.lvl4 .lines > *:nth-child(3), .password-checker.lvl4 .lines > *:nth-child(4) {
		background: var(--blue);
}
.password-checker.lvl4 .text > *:nth-child(4) {
		display: block;
		color: var(--blue);
}
.swiper {
		overflow: hidden;
}
.swiper-wrapper {
		display: flex;
}
.swiper-slide {
		flex: 0 0 auto;
}
.main-slider-arrow {
		cursor: pointer;
		user-select: none;
		z-index: 5;
		position: absolute;
		top: 50%;
		width: 60px;
		height: 60px;
		background: rgba(237, 242, 247, 0.25);
		border: 1px solid rgba(228, 236, 247, 0.75);
		-webkit-backdrop-filter: blur(3.5px);
		backdrop-filter: blur(3.5px);
		backface-visibility: hidden;
		border-radius: 5px;
		margin: -30px 0;
		display: none;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition-property: opacity, background, border, box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 768px) {
		.main-slider-arrow {
				display: block;
		}
}
.main-slider-arrow.swiper-button-disabled {
		opacity: 0.5;
		cursor: default;
}
.main-slider-arrow svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		fill: var(--sec-dark);
}
@media (pointer:fine) {
		.main-slider-arrow:not(.swiper-button-disabled):hover {
				border-color: transparent;
				background: rgba(76, 93, 122, 0.9);
				box-shadow: 0px 5px 15px -3px rgba(122, 139, 162, 0.31);
		}
		.main-slider-arrow:not(.swiper-button-disabled):hover svg {
				fill: var(--white);
		}
}
.mainwrap {
		flex: 0 0 auto;
		width: 100%;
		min-height: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
}
.container {
		flex: 0 0 auto;
		padding: 0 17px;
		width: 100%;
		margin: 0 auto;
}
@media only screen and (min-width: 768px) {
		.container {
				padding-left: 32px;
				padding-right: 32px;
		}
}
@media only screen and (min-width: 1280px) {
		.container {
				padding-left: 40px;
				padding-right: 40px;
				max-width: 1760px;
		}
}
.content {
		flex: 1 0 auto;
		padding-bottom: 60px;
		order: 3;
}
@media only screen and (min-width: 768px) {
		.content {
				padding-bottom: 80px;
		}
}
@media only screen and (min-width: 1280px) {
		.content {
				padding-bottom: 120px;
		}
}
.head1, .header, .head-search-wrap, .catalog-menu-wrap, .manager-search-wrap {
		order: 1;
		flex: 0 0 auto;
}
.footer {
		flex: 0 0 auto;
		order: 4;
}
.tippy-box[data-theme='my'], .tippy-box[data-theme='my-small'] {
		background-color: var(--tippy-box);
		color: var(--white);
		font: 500 13px/24px var(--fonti);
		letter-spacing: -0.01em;
		padding: 0;
		text-align: center;
}
.tippy-box[data-theme='my'] {
		font-size: 13px;
		line-height: 24px;
}
.tippy-box[data-theme='my-small'] {
		font-size: 11px;
		line-height: 15px;
		text-align: center;
}
.tippy-box[data-theme='my'] .tippy-content {
		padding: 10px 16px 11px 16px;
}
.tippy-box[data-theme='my-small'] .tippy-content {
		padding: 10px 19px;
}
.tippy-box[data-theme='my'][data-placement^='top'] > .tippy-arrow::before, .tippy-box[data-theme='my-small'][data-placement^='top'] > .tippy-arrow::before {
		border-top-color: var(--tippy-box);
}
.tippy-box[data-theme='my'][data-placement^='bottom'] > .tippy-arrow::before, .tippy-box[data-theme='my-small'][data-placement^='bottom'] > .tippy-arrow::before {
		border-bottom-color: var(--tippy-box);
}
.tippy-box[data-theme='my'][data-placement^='left'] > .tippy-arrow::before, .tippy-box[data-theme='my-small'][data-placement^='left'] > .tippy-arrow::before {
		border-left-color: var(--tippy-box);
}
.tippy-box[data-theme='my'][data-placement^='right'] > .tippy-arrow::before, .tippy-box[data-theme='my-small'][data-placement^='right'] > .tippy-arrow::before {
		border-right-color: var(--tippy-box);
}
.tippy-box[data-theme='popup'], .tippy-box[data-theme='map-popup'] {
		background: var(--white);
		box-shadow: -5px 0px 25px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
		font: 600 16px/20px var(--fonti);
		color: var(--grey900);
		padding: 0;
}
.tippy-box[data-theme='map-popup'] {
		box-shadow: 0px 30px 80px 0px #0942991F, 0px 0px 2px 0px #26498D24;
}
.tippy-box[data-theme='map-popup'] {
		width: calc(100vw - 40px);
		max-width: 1236px;
}
.tippy-box[data-theme='popup'] .tippy-content {
		padding: 15px;
}
.tippy-box[data-theme='map-popup'] .tippy-content {
		padding: 10px;
}
.tippy-box[data-theme='popup'][data-placement^='top'] > .tippy-arrow::before, .tippy-box[data-theme='map-popup'][data-placement^='top'] > .tippy-arrow::before {
		border-top-color: var(--white);
}
.tippy-box[data-theme='popup'][data-placement^='bottom'] > .tippy-arrow::before, .tippy-box[data-theme='map-popup'][data-placement^='bottom'] > .tippy-arrow::before {
		border-bottom-color: var(--white);
}
.tippy-box[data-theme='popup'][data-placement^='left'] > .tippy-arrow::before, .tippy-box[data-theme='map-popup'][data-placement^='left'] > .tippy-arrow::before {
		border-left-color: var(--white);
}
.tippy-box[data-theme='popup'][data-placement^='right'] > .tippy-arrow::before, .tippy-box[data-theme='map-popup'][data-placement^='right'] > .tippy-arrow::before {
		border-right-color: var(--white);
}
.tippy-box[data-theme='image'] {
		box-shadow: 0px 30px 80px 0px #7E90AD1F;
		padding: 8px;
		background: #D8DFEC;
		border-radius: 13px;
		max-width: 100%;
}
.tippy-box[data-theme='image'] .tippy-content {
		background: var(--white);
		border-radius: 5px;
		padding: 0;
		overflow: hidden;
}
.tippy-box[data-theme='image'][data-placement^='top'] > .tippy-arrow::before {
		border-top-color: #D8DFEC;
}
.tippy-box[data-theme='image'][data-placement^='bottom'] > .tippy-arrow::before {
		border-bottom-color: #D8DFEC;
}
.tippy-box[data-theme='image'][data-placement^='left'] > .tippy-arrow::before {
		border-left-color: #D8DFEC
}
.tippy-box[data-theme='image'][data-placement^='right'] > .tippy-arrow::before {
		border-right-color: #D8DFEC;
}
.tippy-box[data-theme='image'] .tippy-content img {
		width: auto;
		height: auto;
		border-radius: 5px;
		background-color: var(--white);
		max-width: 240px;
		max-height: 240px;
}
.tippy-box[data-theme='price'] {
		box-shadow: 0px 30px 80px 0px #7E90AD1F;
		padding: 8px;
		background: #D8DFEC;
		border-radius: 13px;
		max-width: 100%;
}
.tippy-box[data-theme='price'] .tippy-content {
		padding: 15px 25px 25px 25px;
		background: var(--white);
		border-radius: 5px;
		overflow: hidden;
}
.tippy-box[data-theme='price'][data-placement^='top'] > .tippy-arrow::before {
		border-top-color: #D8DFEC;
}
.tippy-box[data-theme='price'][data-placement^='bottom'] > .tippy-arrow::before {
		border-bottom-color: #D8DFEC;
}
.tippy-box[data-theme='price'][data-placement^='left'] > .tippy-arrow::before {
		border-left-color: #D8DFEC
}
.tippy-box[data-theme='price'][data-placement^='right'] > .tippy-arrow::before {
		border-right-color: #D8DFEC;
}
.tippy-box .legend, .tippy-box .legend li {
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: left;
}
.tippy-box .legend li:before {
		display: none;
}
.tippy-box .legend {
		display: flex;
		flex-direction: column;
		gap: 5px;
		line-height: 1.36;
}
.tippy-box .legend li {
		padding-left: 13px;
}
.tippy-box .legend li > span {
		position: absolute;
		top: 0.68em;
		left: 0;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		margin: -3px 0;
}
.total-popup {
		text-align: left;
		font: normal 15px/20px var(--fonti);
		letter-spacing: -0.015em;
		color: var(--grey900);
		min-width: 250px;
}
.total-popup .grey {
		color: var(--grey500);
}
.total-popup .orange {
		color: var(--orange);
}
.total-popup .h3 {
		font: 800 24px/40px var(--fontg);
		letter-spacing: -0.03em;
		color: var(--title);
		margin: 0 0 20px 0;
		text-align: inherit;
}
.total-popup ul, .total-popup li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.total-popup ul {
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
}
.total-popup li:before {
		display: none;
}
.total-popup li {
		width: 100%;
		flex: 0 0 auto;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		gap: 8px;
}
.total-popup .r {
		font-weight: 600;
		flex: 0 0 auto;
		text-align: right;
		letter-spacing: -0.035em;
}
.total-popup .l {
		flex: 1;
		overflow: hidden;
}
.total-popup .l:after {
		content: '';
		display: inline-block;
		vertical-align: top;
		height: 1px;
		border-top: 1px dashed #CBD8EB;
		width: 100vw;
		margin-right: -100vw;
		position: relative;
		left: 8px;
		top: 1em;
}
.total-popup .big {
		font-weight: 800;
		font-size: 17px;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		font-family: var(--fontg);
}
.total-popup .big .r {
		font-weight: bold;
		font-size: inherit;
		letter-spacing: 0.01em;
}
.total-popup .big .l:after {
		border-top-style: solid;
		border-top-width: 0.5px;
}
.main-title .container {
		display: flex;
		flex-direction: column;
		gap: 0 24px;
}
@media only screen and (min-width: 768px) {
		.main-title.with-border .container {
				padding-bottom: 26px;
				position: relative;
		}
		.main-title.with-border .container:after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				height: 1px;
				background: #DAE5F3;
				margin: 0 17px;
		}
		.main-title.with-border .container:after {
				margin: 0 32px;
		}
}
@media only screen and (min-width: 1280px) {
		.main-title.with-border .container:after {
				margin: 0 40px;
		}
}
.main-title h1, .main-title .h1 {
		flex: 0 0 auto;
		max-width: 100%;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
}
.main-title .text {
		flex: 1 1 auto;
		max-width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 4px 24px;
}
.main-title .num, .content-title .num, .content-title .page {
		font: 600 14px/18px var(--fontg);
		letter-spacing: -0.02em;
		color: var(--sec-dark);
}
.content-title .date {
		font: bold 16px/20px var(--fontg);
		color: var(--sec-dark);
		letter-spacing: 0.01em;
		margin: 4px 0 0 0;
}
.main-title .clear {
		margin: -1px 0;
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		gap: 0 15px;
		text-decoration: none;
		cursor: pointer;
		user-select: none;
		font-weight: normal;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.02em;
		color: var(--grey500);
		margin-left: auto;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.main-title .clear svg {
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		fill: var(--grey500);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		margin: -2px;
}
@media (pointer:fine) {
		.main-title .clear:hover {
				color: var(--hover-dark);
		}
		.main-title .clear:hover svg {
				fill: var(--hover-dark);
		}
}
@media only screen and (min-width: 768px) {
		.main-title {
				margin-top: 0;
				margin-bottom: 50px;
		}
		.main-title .container {
				flex-direction: row;
				align-items: center;
				flex-wrap: wrap;
		}
		.main-title .text {
				margin-top: 4px;
		}
		.main-title .num, .content-title .num, .content-title .page {
				font-weight: bold;
				font-size: 16px;
				line-height: 20px;
				letter-spacing: 0.01em;
		}
		.main-title .clear {
				font-size: 15px;
				line-height: 21px;
		}
}
.status {
		flex: 0 0 auto;
		width: 6px;
		height: 6px;
		border-radius: 50%;
}
.status.green {
		background: var(--green);
}
.status.yellow {
		background: var(--yellow);
}
.status.red {
		background: var(--red);
}
.status.grey {
		background: rgba(166, 183, 212, 0.15);
}
.content-title {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 60px;
		gap: 4px 20px;
		padding: 2px 0 2px 14px;
		position: relative;
		margin: 0 0 30px -17px;
		border-left: 3px solid var(--yellow);
		text-align: left;
}
.content-title .in {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 4px 16px;
}
.content-title .big {
		font: 900 24px/24px var(--fontg);
		letter-spacing: -0.01em;
		color: var(--grey800);
		margin-right: auto;
}
.content-title .page {
		font-weight: 600 !important;
		color: var(--darker);
}
.content-title .num {
		position: relative;
}
.content-title .all {
		flex: 0 0 auto;
		font-weight: 500;
		font-size: 13px;
		line-height: 24px;
		display: flex;
		align-items: center;
		gap: 8px;
		color: var(--blue);
		text-decoration: none;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		position: relative;
}
.content-title .all svg {
		flex: 0 0 auto;
		fill: var(--blue);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.content-title .all:hover {
				color: var(--hover);
		}
		.content-title .all:hover svg {
				fill: var(--hover);
		}
}
@media only screen and (min-width: 768px) {
		.content-title {
				margin: 0 0 40px 0;
				padding: 7px 0 7px 30px;
				gap: 5px;
		}
		.content-title .in {
				gap: 40px;
				justify-content: flex-start;
		}
		.content-title .big {
				font-size: 24px;
				line-height: 40px;
				color: var(--grey700);
				margin-right: 0;
		}
		.content-title .num, .content-title .all, .content-title .page {
				top: 2px;
		}
		.content-title .date {
				font-size: 20px;
		}
		.content-title .page {
				margin-left: auto;
		}
		.content-title .page {
				font-size: 18px;
				letter-spacing: -0.02em;
		}
		.content-title .all {
				font-weight: 600;
				font-size: 16px;
				line-height: 25px;
				font-family: var(--fontg);
				gap: 9px;
				min-width: 0;
		}
}
@media only screen and (min-width: 1280px) {
		.content-title {
				margin-bottom: 50px;
				gap: 0;
				padding: 10px 0 10px 30px;
		}
		.content-title .in {
				gap: 50px;
		}
		.content-title .big {
				font-size: 36px;
				line-height: 40px;
		}
}
.link-to-fav, .link-delete-fav {
		display: block;
		position: relative;
		cursor: pointer;
		user-select: none;
}
.link-to-fav:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		width: 24px;
		height: 24px;
		background: url(../img/to-fav-hover.svg) no-repeat 50% 50%;
		background-size: contain;
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.link-to-fav svg, .link-delete-fav svg {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 24px;
		height: 24px;
		transform: translate3d(-50%, -50%, 0);
		transition-property: fill, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.link-delete-fav svg {
		width: 18px;
		height: 18px;
}
.link-to-fav svg {
		fill: var(--sec-default);
}
.link-to-fav.active svg {
		fill: var(--yellow);
}
@media (pointer:fine) {
		.link-to-fav:not(.active):hover svg {
				opacity: 0;
		}
		.link-to-fav:not(.active):hover:after {
				opacity: 1;
		}
		.link-delete-fav:hover svg {
				fill: #F68E87 !important;
		}
}
.cover-badges {
		text-align: center;
		position: absolute !important;
		top: 0;
		left: 0;
		z-index: 5;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
}
.cover-badges > * {
		height: 32px;
		line-height: 32px;
		white-space: nowrap;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
		letter-spacing: normal;
		text-align: left;
		border-radius: 16px;
		backface-visibility: hidden;
		transform: translateZ(0);
		display: block;
		position: relative;
		color: var(--white);
		background-repeat: no-repeat;
		background-position: 0 50%;
		background-size: auto 32px;
		padding: 0 12px 0 34px;
		background-position: 3px 0, 0 0;
}
.cover-badges .bg-recommend {
		background-image: url("../img/cover-badges/recommend.svg"), linear-gradient(220.34deg, rgba(60, 208, 255, 0.85) 5.74%, rgba(10, 220, 131, 0.85) 90.68%);
		box-shadow: 0px 7px 15px 3px rgba(13, 169, 118, 0.15);
}
.cover-badges .bg-action {
		background-image: url("../img/cover-badges/action.svg"), linear-gradient(222.58deg, rgba(255, 201, 96, 0.85) 6.09%, rgba(255, 89, 92, 0.85) 95%);
		box-shadow: 0px 7px 15px 3px rgba(233, 114, 41, 0.15);
}
.cover-badges .bg-discount {
		background-image: url("../img/cover-badges/discount.svg"), linear-gradient(224.14deg, rgba(24, 87, 146, 0.85) 13.34%, rgba(14, 43, 94, 0.85) 92.39%);
		box-shadow: 0px 7px 15px 3px rgba(20, 55, 105, 0.15);
}
.link-up {
		position: fixed;
		z-index: 99;
		bottom: 0;
		right: 0;
		width: 72px;
		height: 70px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: rgba(3, 3, 60, 0.6);
		box-shadow: 0px 0px 0.5px 0px rgba(0, 0, 0, 1), 0px 20px 20px -2px rgba(12, 12, 80, 0.25);
		backdrop-filter: blur(2px);
		-webkit-backdrop-filter: blur(2px);
		border-radius: 5px;
		cursor: pointer;
		user-select: none;
		transition-property: opacity, background, box-shadow, border, transform;
		transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.5s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: translate3d(0, 0, 0);
}
.link-up svg {
		height: 37.14%;
		width: auto;
		flex: 0 0 auto;
		fill: var(--sec-default);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.link-up:hover {
				background: rgba(3, 3, 60, 0.8);
		}
		.link-up:hover svg {
				fill: var(--yellow);
		}
}
html:not(.scrolled) .link-up {
		pointer-events: none;
		opacity: 0;
}
@media only screen and (max-width: 767px) {
		.link-up {
				margin: 110px 17px;
				width: 50px;
				height: 50px;
		}
}
@media only screen and (min-width: 768px) {
		.link-up {
				margin: 32px;
		}
}
@media only screen and (min-width: 1280px) {
		.link-up {
				margin: 40px;
		}
}
.cover-link-chat, .cover-popup-chat {
		position: fixed;
		bottom: 150px;
		right: 0;
		margin: 17px;
		transform: translate3d(0, 0, 0);
		z-index: 99;
}
.cover-link-chat {
		transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		width: 52px;
		height: 52px;
		border-radius: 50%;
		cursor: pointer;
		user-select: none;
}
html:not(.scrolled) .cover-link-chat, html:not(.scrolled) .cover-popup-chat {
		transform: translate3d(0, 150px, 0);
}
html.product-scrolled .cover-link-chat, html.product-scrolled .cover-popup-chat {
		transform: translate3d(0, -80px, 0);
}
html.product-scrolled .link-up {
		transform: translate3d(0, -80px, 0);
}
@media only screen and (max-width: 767px) {
		.cover-link-chat, .cover-popup-chat {
				bottom: 110px;
				margin-bottom: 77px;
				margin-right: 23px;
		}
		.cover-popup-chat {
				margin-bottom: 142px;
		}
		.cover-link-chat {
				width: 44px;
				height: 44px;
		}
		html:not(.scrolled) .cover-link-chat, html:not(.scrolled) .cover-popup-chat {
				transform: translate3d(0, 74px, 0);
		}
}
@media only screen and (min-width: 768px) {
		.cover-link-chat {
				margin: 32px 42px;
		}
		.cover-popup-chat {
				margin: 125px 30px;
		}
}
@media only screen and (min-width: 1280px) {
		.cover-link-chat {
				margin: 40px 50px;
		}
		.cover-popup-chat {
				margin: 133px 40px;
		}
}
.cover-link-chat * {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 50%;
		transition-property: opacity, background, box-shadow, filter;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cover-link-chat .glow1 {
		display: none !important;
}
.cover-link-chat .glow2 {
		pointer-events: none;
		background: rgba(29, 161, 242, 0.2);
		box-shadow: 0px 0px 30px 0px rgba(16, 181, 252, 0.15);
		margin: -46%;
}
.cover-link-chat .glow3 {
		pointer-events: none;
		background: rgba(29, 161, 242, 0.15);
		margin: -23%;
}
.cover-link-chat .bg {
		background: #69829A;
		box-shadow: 0px 0px 3px -1px rgba(22, 8, 0, 0.65);
}
.cover-link-chat .bg:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		background: linear-gradient(223.15deg, #FFE26A 12.49%, #FFA800 74.11%);
		box-shadow: 0px 25px 35px -10px rgba(250, 196, 5, 1) inset;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cover-link-chat .pic {
		background: url(../img/cover-chat.svg) no-repeat 50% 50%;
		background-size: 46.15% auto;
		filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.1));
		cursor: pointer;
		user-select: none;
		transform: translate3d(0, -2%, 0);
}
.cover-link-chat:before, .cover-link-chat:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 19px;
		height: 1.5px;
		border-radius: 2px;
		background: var(--white);
		z-index: 3;
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cover-link-chat:before {
		transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.cover-link-chat:after {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
@media (pointer:fine) {
		.cover-link-chat:hover .glow1, .cover-link-chat:hover .glow2, .cover-link-chat:hover .glow3 {
				opacity: 0.75;
		}
}
.cover-link-chat.active .bg {
		box-shadow: none;
}
.cover-link-chat.active .bg:before, .cover-link-chat.active .pic {
		opacity: 0;
}
.cover-link-chat.active:before, .cover-link-chat.active:after {
		opacity: 1;
}
.cover-link-chat.active .glow1 {
		opacity: 0;
}
.cover-popup-chat {
		--side: 30px;
		transition-property: transform, opacity;
		transition-duration: 0.5s, 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		width: calc(100% - 40px);
		max-width: 374px;
		background: var(--white);
		box-shadow: 0px 0px 50px 0px rgba(5, 21, 46, 0.26), 0px 0px 1px 0px rgba(12, 26, 75, 0.1);
		border-radius: 12px;
		z-index: 300;
}
.cover-link-chat:not(.active) ~ .cover-popup-chat {
		opacity: 0;
		pointer-events: none;
}
@media only screen and (max-height: 500px) {
		@media only screen and (max-width: 767px) {
				.cover-popup-chat {
						margin-bottom: -10px !important;
						right: 30px !important;
						width: calc(100% - 60px) !important;
						--side: 20px;
				}
		}
		@media only screen and (min-width: 768px) {
				.cover-popup-chat {
						margin-bottom: 15px !important;
						right: 80px !important;
				}
		}
}
.cover-popup-chat .head {
		color: var(--grey200);
		font: 500 14px/20px var(--fonti);
		letter-spacing: -0.01em;
		background-image: linear-gradient(to bottom, rgba(15, 47, 101, 0.7) 0%, rgba(15, 47, 101, 0.7) 100%), url("../img/cover-popup-chat-head.webp");
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		padding: 32px var(--side) 29px var(--side);
		border-radius: 12px 12px 0 0;
}
.cover-popup-chat .head .big {
		font: 800 24px/1 var(--fontg);
		margin: 0 0 10px 0;
		letter-spacing: -0.02em;
}
.cover-popup-chat ul, .cover-popup-chat li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.cover-popup-chat li:before {
		display: none;
}
.cover-popup-chat li > * {
		display: flex;
		align-items: center;
		gap: 20px;
		text-decoration: none;
		position: relative;
		font: 500 18px/1 var(--fonti);
		letter-spacing: normal;
		color: var(--grey600);
		padding: 18px var(--side);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cover-popup-chat li:last-child > * {
		padding-bottom: 30px;
}
@media (pointer:fine) {
		.cover-popup-chat li > a:hover {
				color: var(--hover-dark);
		}
}
.cover-popup-chat li:not(:first-child) {
		border-top: 0.5px solid var(--sec-dark);
}
.cover-popup-chat li > * img {
		flex: 0 0 auto;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		object-fit: cover;
		object-position: center;
}
.cover-popup-chat .arrow {
		flex: 0 0 auto;
		position: relative;
		margin-left: auto;
		background: var(--sec-default);
		border-radius: 50%;
		width: 32px;
		height: 32px;
}
.cover-popup-chat .arrow:before, .cover-popup-chat .arrow:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		background: var(--deep-blue);
		width: 9px;
		height: 1px;
		border-radius: 1px;
		transform-origin: 100% 50%;
}
.cover-popup-chat .arrow:before {
		transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.cover-popup-chat .arrow:after {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.load-more {
		flex: 1 0 auto;
		width: 100%;
		max-width: 310px;
		margin: 0 auto;
		cursor: pointer;
		user-select: none;
		background: rgba(235, 242, 250, 0.24);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		text-decoration: none;
		font-weight: 300;
		font-size: 13px;
		line-height: 24px;
		letter-spacing: -0.01em;
		color: var(--blue);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		padding: 30px 20px;
}
@media only screen and (max-width: 767px) {
		.load-more {
				display: none;
		}
}
.load-more .plus {
		flex: 0 0 auto;
		width: 80px;
		height: 80px;
		border: 1px dashed var(--blue);
		border-radius: 8px;
		position: relative;
		transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		margin: 0 auto 50px auto;
}
.load-more .plus:before, .load-more .plus:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		width: 24px;
		height: 2px;
		border-radius: 1px;
		background: var(--blue);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.load-more .plus:after {
		transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
.load-more .line {
		flex: 0 0 auto;
		width: 25px;
		height: 2px;
		border-radius: 1px;
		background: var(--grey400);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		margin: 0 auto 16px auto;
}
@media (pointer:fine) {
		.load-more:hover {
				color: var(--hover);
		}
		.load-more:hover .plus {
				border-color: var(--hover);
		}
		.load-more:hover .plus:before, .load-more:hover .plus:after {
				background: var(--hover);
		}
		.load-more:hover .line {
				background: var(--yellow);
		}
}
@media only screen and (min-width: 768px) {
		.load-more {
				background: rgba(235, 242, 250, 0.15);
				box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1);
				font-size: 18px;
		}
		.load-more .line {
				margin-bottom: 25px;
		}
		.load-more .plus {
				width: 99px;
				height: 99px;
				margin: 0 0 50px 0;
		}
		.load-more .plus:before, .load-more .plus:after {
				width: 32px;
		}
}
.btn-show-more, .btn-show-more + .btn {
		font-family: var(--fontg);
		width: 100%;
		font-weight: 600;
		font-size: 16px;
		line-height: 20px;
}
.btn-show-more {
		margin-top: 40px;
}
.btn-show-more + .btn {
		margin-top: 15px;
}
@media only screen and (max-width: 767px) {
		.btn-show-more, .btn-show-more + .btn {
				font: normal 14px/16px var(--fonti);
				letter-spacing: -0.03em;
		}
		.btn-show-more {
				background: linear-gradient(180deg, #FFFFFF 23.96%, #EFF4F9 89.37%);
				border: 0.5px solid rgba(141, 160, 193, 0.25);
				box-shadow: 0px 1px 0px #BDCADD, 0px 8px 12px rgba(20, 37, 63, 0.02);
				color: var(--deep-blue);
				gap: 15px;
		}
		.btn-show-more svg {
				fill: var(--deep-blue);
		}
		@media (pointer:fine) {
				.btn-show-more:hover {
						color: var(--blue);
						border-color: var(--blue);
						background-color: transparent;
				}
				.btn-show-more:hover svg {
						fill: var(--blue);
				}
		}
}
@media only screen and (min-width: 768px) {
		.btn-show-more svg {
				display: none;
		}
}
@media only screen and (min-width: 1280px) {
		.btn-show-more {
				margin-top: 60px;
		}
}
.tags {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 5px;
}
.tags > * {
		flex: 0 0 auto;
		max-width: 100%;
		text-align: center;
		text-decoration: none;
		font-weight: normal;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: -0.01em;
		color: var(--tag-color);
		background-color: var(--tag-bg);
		border-radius: 3px;
		padding: 7px 16px;
}
.tags > .bg-green {
		background-color: var(--tag-bg-green);
}
.tags > .bg-yellow {
		background-color: var(--tag-bg-yellow);
}
.tags > .bg-red {
		background-color: #FFF1F1;
}
.loader {
	/* fill: none !important; */
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	width: 32px;
	height: 32px;
	animation: loader 1s linear infinite;
	backface-visibility: hidden;
	will-change: transform;
	display: flex;
    align-items: center;
    justify-content: center;
}

.dot-loader {
	position: relative;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--dark-light);
    color: var(--dark-light);
    animation: dot-flashing 0.7s infinite linear alternate;
    animation-delay: 0.5s;
}
.dot-loader::before, .dot-loader::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
}
.dot-loader::before {
    left: -6px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--dark-light);
    color: var(--dark-light);
    animation: dot-flashing 0.7s infinite alternate;
    animation-delay: 0s;
}
.dot-loader::after {
    left: 6px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--dark-light);
    color: var(--dark-light);
    animation: dot-flashing 0.7s infinite alternate;
    animation-delay: 1s;
}
@keyframes dot-flashing {
	0% {
	  background-color: var(--dark-light);
	}
	50%, 100% {
	  background-color: rgba(46, 54, 62, 0.2);
	}
}

.head-search-input .loader.loader-inner,
.manager-groups-search .loader.loader-inner {
    position: absolute;
    right: 143px;
    z-index: 223;
    top: 24px;
    display: none;
    width: 24px;
    height: 24px;
}
.manager-groups-search .loader.loader-inner,
.manager-groups-search .clear {
	right: 18px;
	top: 18px;
}
@-webkit-keyframes loader {
		from {
				transform: rotate(0deg);
		}
		to {
				transform: rotate(360deg);
		}
}
@keyframes loader {
		from {
				transform: rotate(0deg);
		}
		to {
				transform: rotate(360deg);
		}
}
.notification-simple {
		margin: 30px 0 -20px 0;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		font: normal 15px/16px var(--fonti);
		letter-spacing: -0.02em;
		color: var(--grey800);
		padding: 21px 24px;
		border-style: solid;
		border-width: 1px;
		border-radius: 6px;
		gap: 4px 18px;
}
.notification-simple__block {
	display: flex;
    align-items: center;
}
.notification-simple__block .head1-city.bam-ip{width: auto;}
.notification-simple .head1-city .link {
	background: none;
    color: var(--grey800);
    padding: 0 10px;
    font-size: 15px;
    height: auto;
    line-height: normal;
}
.notification-simple .head1-city .link:hover{
	color: var(--grey800);
}
.notification-simple strong {
		font-weight: 600;
}
.notification-simple .link {
	color: var(--grey800);
}
.notification-simple.green {
		border-color: var(--success);
		background-color: #F3FCF7;
}
.notification-simple.red {
		border-color: var(--tertiary);
		background-color: #FFF7F8;
}
.notification-simple.orange {
		border-color: #FD7500;
		background-color: #FD75000D;
}
.danger {
	color: var(--danger-dark);
    width: 100%;
}
.danger-animated {
	animation: shakeDanger 0.1s linear infinite alternate;
	-webkit-animation: shakeDanger 0.1s linear infinite alternate;
}
@keyframes shakeDanger {
	from {
		transform: translateX(-5px)
	}
	to {
		transform: translateX(0px)
	}
}
@-webkit-keyframes shakeDanger {
	from {
		-webkit-transform: translateX(-5px)
	}
	to {
		-webkit-transform: translateX(0px)
	}
}

.label_manager_prod{background: orange; border-radius: 5px; padding: 3px;}
a:hover .label_manager_prod{color: #fff;}
.color-skel span{font-weight: normal;}
.modal-submit-mini2-title span{font-size: 14px;line-height: normal;font-weight: normal; color:#000; display: block;}