@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-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;
		--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-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;
		--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;
}
* {
		--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 {
		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 {
		-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);
}
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 > * {
				background-color: transparent;
				border-color: var(--hover-input);
		}
}
input:focus, textarea:focus, .jcf-select.jcf-focus .jcf-select-text > * {
		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 {
		position: absolute;
		top: 50%;
		right: 28px;
		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 {
		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 {
		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: hidden;
		transform: translateZ(0);
		backface-visibility: hidden;
}
.jcf-list-content {
		display: block;
		overflow: hidden;
		overflow-y: auto;
		max-height: 50vh !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 {
		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 {
		color: var(--blue);
}
.jcf-option.jcf-selected {
		color: var(--blue);
		cursor: default;
		background: url(../img/input/select-check.svg) no-repeat calc(100% - 30px) 50% !important;
}
.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-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;
}
/*mobile forms end*/
/*tablet forms start*/
@media only screen and (min-width: 768px) {
		input, select, textarea, button, .jcf-select, .jcf-option {
				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 {
				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 {
				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;
		}
		.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 8px 26px rgba(255, 196, 0, 0.25), 0px 0.5px 1px rgba(0, 0, 0, 0.15), inset 0px -0.5px 0px rgba(186, 143, 0, 0.5);
}
.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 0.5px 1px rgba(0, 0, 0, 0.25), 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-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);
}
@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 {
				color: var(--orange);
				border-color: var(--orange);
		}
}
.btn.disabled, .btn:disabled {
		color: var(--sec-dark);
		background: linear-gradient(178.71deg, #FBFBFC 17.86%, #F3F7FC 112.69%);
		border: 0.5px solid rgba(0, 0, 0, 0.07);
		box-shadow: inset 0px -0.5px 0px #BDCCE1;
		cursor: default;
		pointer-events: none;
}
@media only screen and (min-width: 768px) {
		.btn {
				border-radius: 4px;
				height: 60px;
		}
}
/*forms start*/
.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, .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: #CF4655;
}
.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 {
		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;
		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; */
		opacity: 0;
		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 {
		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;
}


.tippy-box[data-theme='my-small'] {
	font-size: 11px;
	line-height: 15px;
	text-align: center;
}
.tippy-box[data-theme='my-small'] .tippy-content {
	padding: 10px 19px;
}

.tippy-box[data-theme='my'] .tippy-content {
		padding: 10px 16px 11px 16px;
}
.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);
}
.main-title .container {
		display: flex;
		flex-direction: column;
		gap: 0 24px;
}
.cookies{
	height: 0;
	position: sticky;
	position: -webkit-sticky;
    top: calc(100% - 56px);
    left: 16px;
	z-index: 20;
    display: flex;
	align-items: center;
	align-self: flex-start;
    gap: 30px;
    padding: 0 12px;
	color: var(--grey500);
}
.cookies:before {
    content: '';
    height: 80px;
    width: 100%;
    position: absolute;
	-webkit-backdrop-filter: blur(12.5px);
    backdrop-filter: blur(12.5px);
    background: rgba(36, 36, 36, .95);
    border-radius: 8px;
    z-index: -1;
    left: 0;
}
.cookies .btn{
	flex-shrink: 0;
	background-color: #f1f1f5;
    border: 2px solid #f1f1f5;
    color: #242424;
    border-radius: 12px;
	height: 35px;
    padding: 5px 20px 7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}
.cookies .cookies__link{
	font-weight: 500;
	color: #fff;
    border-bottom: 1px solid;
    border-color: initial;
    font-size: 14px;
    line-height: 22px;
}
.cookies .cookies__text{
	margin: 12px 0;
	color: #fff;
    font-size: 14px;
    line-height: 20px;
}
/* touch mobile */
@media (hover: none) and (pointer: coarse) {
    .tippy-box[data-theme='popup'] {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	.tippy-box[data-theme='popup'] {
		display: none;
	}
	.cookies{
		width: calc(100% - 32px);
		top: calc(100% - 213px);
		gap: 8px;
		flex-direction: column;
        align-items: flex-start;
	}
	.cookies:before{
		height: 112px;
	}
	.cookies .cookies__text{
		margin-bottom: 0;
	}
	.cookies .cookies__text br {
        display: none;
    }
}
@media only screen and (max-width: 498px) {
	.cookies {
		top: calc(100% - 233px);
    }
	.cookies:before {
        height: 133px;
    }
}
@media only screen and (min-width: 768px) {
	.cookies{
		top: calc(100% - 56px);
	}
		.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, .section-description h2:first-of-type {
		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;
}
.portfolio-title {
	margin-top: 40px;
}
.nav-back {
	margin-top: 95px;
}
.content-title .in {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 4px 16px;
}
.content-title .big, .section-description h2:first-of-type {
		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);
}
.section-description{
	font-weight: 300;
    letter-spacing: 0.01em;
    color: var(--grey900);
	font-size: 15px;
	line-height: 35px;
	padding-left: 40px;
}
.section-description h2:first-of-type {
	margin: 45px 0 30px -40px;
}
.section-description hr {
	margin-top: 30px;
    opacity: 0;
}
.section-description ul > li {
	position: relative;
    margin: 0;
    padding: 0 0 0 2em;
}
.section-description ul > li p {
    margin: 0;
}
.section-description ul > li:before {
    content: '•';
    width: 2em;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.section-description ol > li:before {
	position: absolute;
}
.section-description h3,
.section-description h2,
.section-description li h3 a,
.section-description li p span a{
	font: bold 17px / 2 var(--fonti);
    margin: 0;
    padding: 0;
    border: none;
    min-height: auto;
	color: var(--grey700);
}
video::-webkit-media-controls-fullscreen-button{
	display: none !important;
}
@media (pointer:fine) {
		.content-title .all:hover {
				color: var(--hover);
		}
		.content-title .all:hover svg {
				fill: var(--hover);
		}
}
@media only screen and (max-width: 768px) {
	.section-description{
		padding: 0 10px;
	}
	.section-description h2:first-of-type {
		margin: 0 0 30px -27px;
	}
}
@media only screen and (min-width: 768px) {
		.content-title, .section-description h2:first-of-type{
				margin: 0 0 40px 0;
				padding: 7px 0 7px 30px;
				gap: 5px;
		}
		.portfolio-title {
			margin: 40px 0;
		}
		.section-description h2:first-of-type {
			margin: 45px 0 30px -40px;
		}
		.content-title .in {
				gap: 40px;
				justify-content: flex-start;
		}
		.content-title .big, .section-description h2:first-of-type {
				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;
		}
		.content-title, .section-description h2:first-of-type {
				gap: 0;
				padding: 10px 0 10px 30px;
		}
		.content-title .in {
				gap: 50px;
		}
		.content-title .big, .section-description h2:first-of-type {
				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;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.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);
}
@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; */
		flex-wrap: nowrap;
		gap: 5px;
}
.tags > * {
		flex: 0 0 auto;
		max-width: 100%;

    	white-space: nowrap;

		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; */
		padding: 7px 13px;
}
.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;
}
@-webkit-keyframes loader {
		from {
				transform: rotate(0deg);
		}
		to {
				transform: rotate(360deg);
		}
}
@keyframes loader {
		from {
				transform: rotate(0deg);
		}
		to {
				transform: rotate(360deg);
		}
}