@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@charset "utf-8";

/* Defaults */
html:root {
	--theme: #36D5CF;
	--theme-hover: #32BDB8;

	--error: #F00;
	--success: #36D5CF;

	--header-height: 64px;

	/* Flexbox */
	--gutter-width: 16px;
	--outer-margin: 32px;
	--gutter-compensation: calc((var(--gutter-width) * 0.5) * -1);
	--half-gutter-width: calc((var(--gutter-width) * 0.5));
	--xs-min: 0rem;
	--sm-min: 576px;
	--md-min: 768px;
	--lg-min: 992px;
	--xl-min: 1200px;
}

html.--pink:root {
	--theme: #36d5cf;
	--theme-hover: #D91C60;
}

.page--box{overflow: hidden;display: flex;flex-direction: column;min-height: 100vh;}
header {flex: 0 0 auto;} /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
main {flex: 1 0 auto;padding-top: 10px;background: linear-gradient(0deg, rgba(87, 217, 235, 0.05) 0%, rgba(87, 217, 235, 0.05) 100%), #FFF;padding-bottom: 10px;overflow: hidden} /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
footer {flex: 0 0 auto;background: linear-gradient(0deg, rgba(87, 217, 235, 0.05) 0%, rgba(87, 217, 235, 0.05) 100%), #FFF;} /* 1 flex-grow, 0 flex-shrink, auto flex-basis */

.--pink main, .--pink footer {background: linear-gradient(0deg, rgba(235, 87, 87, 0.05) 0%, rgba(235, 87, 87, 0.05) 100%), #FFF;}

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,button {outline: none;padding: 0;margin: 0;border: 0;}

body * {box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-font-smoothing: antialiased;}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	scroll-behavior: smooth;
}

/* Sections
   ========================================================================== */
/* Remove the margin in all browsers. */
body {font-family: 'Inter', 'Courier New', 'Helvetica';font-size: 14px;-webkit-overflow-scrolling: touch;}

/* Render the `main` element consistently in IE. */
main {display: block;}

/* Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 {color: #333;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;user-select: none}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/* Remove the gray background on active links in IE 10. */
a {background-color: transparent;;text-decoration: none;}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: 500;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Add the correct font size in all browsers. */
small {font-size: 80%;}

/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

/* Embedded content
   ========================================================================== */

/* Remove the border on images inside links in IE 10. */
img {border-style: none;}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/* Correct the inability to style clickable types in iOS and Safari. */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/* Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/* Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/* Correct the padding in Firefox. */
fieldset {padding: 0.35em 0.75em 0.625em;}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {vertical-align: baseline;}

/* Remove the default vertical scrollbar in IE 10+. */
textarea {overflow: auto;}

textarea:focus, input:focus {outline: none;}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/* Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {-webkit-appearance: textfield; /* 1 */outline-offset: -2px; /* 2 */}

/* Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/* Add the correct display in Edge, IE 10+, and Firefox. */
details {display: block;}

/* Add the correct display in all browsers. */
summary {display: list-item;}

/* Misc
   ========================================================================== */

/* Add the correct display in IE 10+. */
template {display: none;}

/* Add the correct display in IE 10. */
[hidden] {display: none;}

/* полоса прокрутки (скроллбар) */
::-webkit-scrollbar {
	width: 14px; /* ширина для вертикального скролла */
	height: 14px; /* высота для горизонтального скролла */
	background-color: transparent;
}
/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 0;
	box-shadow: none;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #ddd;
}

/* Стрелки */
::-webkit-scrollbar-button:vertical:start:decrement {
	display: none
}
::-webkit-scrollbar-button:vertical:end:increment {
	display: none
}
::-webkit-scrollbar-button:horizontal:start:decrement {
	display: none
}
::-webkit-scrollbar-button:horizontal:end:increment {
	display: none
}

/* Flexboxgrid 6.3.1 */
@custom-media --sm-viewport only screen and (min-width: 576px);
@custom-media --md-viewport only screen and (min-width: 768px);
@custom-media --lg-viewport only screen and (min-width: 992px);
@custom-media --xl-viewport only screen and (min-width: 1200px);

@custom-media --xs-only only screen and (max-width: 575px);
@custom-media --sm-only only screen and (min-width: 576px) and (max-width: 767px);
@custom-media --md-only only screen and (min-width: 768px) and (max-width: 991px);
@custom-media --lg-only only screen and (min-width: 992px) and (max-width: 1199px);
@custom-media --xl-only only screen and (min-width: 1200px);

.container {box-sizing: border-box;margin-left: auto;margin-right: auto;padding-right: 10px;padding-left: 10px;max-width: 720px;margin: 0 auto;width: 100%}
@media screen and (max-width: 768px) {
	.container {
		max-width: 360px;
	}
}
.container.adaptive{max-width: 360px;}
.container-fluid {padding-right: var(--gutter-width, 16px);padding-left: var(--gutter-width, 16px);}  @media (--sm-viewport) {  .container {width: calc(var(--sm-min) - var(--gutter-width));max-width: 100%;}  }  @media (--md-viewport) {  .container {width: calc(var(--md-min) - var(--gutter-width));max-width: 100%;}  }  @media (--lg-viewport) {  .container {width: calc(var(--lg-min) - var(--gutter-width));max-width: 100%;}  }  @media (--xl-viewport) {  .container {width: calc(var(--xl-min) - var(--gutter-width));max-width: 100%;}  }  .row {box-sizing: border-box;display: flex;flex: 0 1 auto;flex-direction: row;flex-wrap: wrap;margin-right: var(--gutter-compensation, -08px);margin-left: var(--gutter-compensation, -08px);}  .row.reverse {flex-direction: row-reverse;}  .col.reverse {flex-direction: column-reverse;}  .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-offset-0, .col-xl-offset-1, .col-xl-offset-2, .col-xl-offset-3, .col-xl-offset-4, .col-xl-offset-5, .col-xl-offset-6, .col-xl-offset-7, .col-xl-offset-8, .col-xl-offset-9, .col-xl-offset-10, .col-xl-offset-11, .col-xl-offset-12 {box-sizing: border-box;flex: 0 0 auto;flex-basis: 100%;padding-right: var(--half-gutter-width, 8px);padding-left: var(--half-gutter-width, 8px);max-width: 100%;}  .col-xs {flex-grow: 1;flex-basis: 0;max-width: 100%;}  .col-xs-1 {flex-basis: 8.33333333%;max-width: 8.33333333%;}  .col-xs-2 {flex-basis: 16.66666667%;max-width: 16.66666667%;}  .col-xs-3 {flex-basis: 25%;max-width: 25%;}  .col-xs-4 {flex-basis: 33.33333333%;max-width: 33.33333333%;}  .col-xs-5 {flex-basis: 41.66666667%;max-width: 41.66666667%;}  .col-xs-6 {flex-basis: 50%;max-width: 50%;}  .col-xs-7 {flex-basis: 58.33333333%;max-width: 58.33333333%;}  .col-xs-8 {flex-basis: 66.66666667%;max-width: 66.66666667%;}  .col-xs-9 {flex-basis: 75%;max-width: 75%;}  .col-xs-10 {flex-basis: 83.33333333%;max-width: 83.33333333%;}  .col-xs-11 {flex-basis: 91.66666667%;max-width: 91.66666667%;}  .col-xs-12 {flex-basis: 100%;max-width: 100%;}  .col-xs-offset-0 {margin-left: 0;}  .col-xs-offset-1 {margin-left: 8.33333333%;}  .col-xs-offset-2 {margin-left: 16.66666667%;}  .col-xs-offset-3 {margin-left: 25%;}  .col-xs-offset-4 {margin-left: 33.33333333%;}  .col-xs-offset-5 {margin-left: 41.66666667%;}  .col-xs-offset-6 {margin-left: 50%;}  .col-xs-offset-7 {margin-left: 58.33333333%;}  .col-xs-offset-8 {margin-left: 66.66666667%;}  .col-xs-offset-9 {margin-left: 75%;}  .col-xs-offset-10 {margin-left: 83.33333333%;}  .col-xs-offset-11 {margin-left: 91.66666667%;}  .start-xs {justify-content: flex-start;text-align: start;}  .center-xs {justify-content: center;text-align: center;}  .end-xs {justify-content: flex-end;text-align: end;}  .top-xs {align-items: flex-start;}  .middle-xs {align-items: center;}  .bottom-xs {align-items: flex-end;}  .around-xs {justify-content: space-around;}  .between-xs {justify-content: space-between;}  .first-xs {order: -1;}  .last-xs {order: 1;}  .initial-order-xs {order: initial;}  @media (--sm-viewport) {  .col-sm {flex-grow: 1;flex-basis: 0;max-width: 100%;}  .col-sm-1 {flex-basis: 8.33333333%;max-width: 8.33333333%;}  .col-sm-2 {flex-basis: 16.66666667%;max-width: 16.66666667%;}  .col-sm-3 {flex-basis: 25%;max-width: 25%;}  .col-sm-4 {flex-basis: 33.33333333%;max-width: 33.33333333%;}  .col-sm-5 {flex-basis: 41.66666667%;max-width: 41.66666667%;}  .col-sm-6 {flex-basis: 50%;max-width: 50%;}  .col-sm-7 {flex-basis: 58.33333333%;max-width: 58.33333333%;}  .col-sm-8 {flex-basis: 66.66666667%;max-width: 66.66666667%;}  .col-sm-9 {flex-basis: 75%;max-width: 75%;}  .col-sm-10 {flex-basis: 83.33333333%;max-width: 83.33333333%;}  .col-sm-11 {flex-basis: 91.66666667%;max-width: 91.66666667%;}  .col-sm-12 {flex-basis: 100%;max-width: 100%;}  .col-sm-offset-0 {margin-left: 0;}  .col-sm-offset-1 {margin-left: 8.33333333%;}  .col-sm-offset-2 {margin-left: 16.66666667%;}  .col-sm-offset-3 {margin-left: 25%;}  .col-sm-offset-4 {margin-left: 33.33333333%;}  .col-sm-offset-5 {margin-left: 41.66666667%;}  .col-sm-offset-6 {margin-left: 50%;}  .col-sm-offset-7 {margin-left: 58.33333333%;}  .col-sm-offset-8 {margin-left: 66.66666667%;}  .col-sm-offset-9 {margin-left: 75%;}  .col-sm-offset-10 {margin-left: 83.33333333%;}  .col-sm-offset-11 {margin-left: 91.66666667%;}  .start-sm {justify-content: flex-start;text-align: start;}  .center-sm {justify-content: center;text-align: center;}  .end-sm {justify-content: flex-end;text-align: end;}  .top-sm {align-items: flex-start;}  .middle-sm {align-items: center;}  .bottom-sm {align-items: flex-end;}  .around-sm {justify-content: space-around;}  .between-sm {justify-content: space-between;}  .first-sm {order: -1;}  .last-sm {order: 1;}  .initial-order-sm {order: initial;}  }  @media (--md-viewport) {  .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12 {box-sizing: border-box;flex: 0 0 auto;padding-right: var(--half-gutter-width, 08px);padding-left: var(--half-gutter-width, 08px);}  .col-md {flex-grow: 1;flex-basis: 0;max-width: 100%;}  .col-md-1 {flex-basis: 8.33333333%;max-width: 8.33333333%;}  .col-md-2 {flex-basis: 16.66666667%;max-width: 16.66666667%;}  .col-md-3 {flex-basis: 25%;max-width: 25%;}  .col-md-4 {flex-basis: 33.33333333%;max-width: 33.33333333%;}  .col-md-5 {flex-basis: 41.66666667%;max-width: 41.66666667%;}  .col-md-6 {flex-basis: 50%;max-width: 50%;}  .col-md-7 {flex-basis: 58.33333333%;max-width: 58.33333333%;}  .col-md-8 {flex-basis: 66.66666667%;max-width: 66.66666667%;}  .col-md-9 {flex-basis: 75%;max-width: 75%;}  .col-md-10 {flex-basis: 83.33333333%;max-width: 83.33333333%;}  .col-md-11 {flex-basis: 91.66666667%;max-width: 91.66666667%;}  .col-md-12 {flex-basis: 100%;max-width: 100%;}  .col-md-offset-0 {margin-left: 0;}  .col-md-offset-1 {margin-left: 8.33333333%;}  .col-md-offset-2 {margin-left: 16.66666667%;}  .col-md-offset-3 {margin-left: 25%;}  .col-md-offset-4 {margin-left: 33.33333333%;}  .col-md-offset-5 {margin-left: 41.66666667%;}  .col-md-offset-6 {margin-left: 50%;}  .col-md-offset-7 {margin-left: 58.33333333%;}  .col-md-offset-8 {margin-left: 66.66666667%;}  .col-md-offset-9 {margin-left: 75%;}  .col-md-offset-10 {margin-left: 83.33333333%;}  .col-md-offset-11 {margin-left: 91.66666667%;}  .start-md {justify-content: flex-start;text-align: start;}  .center-md {justify-content: center;text-align: center;}  .end-md {justify-content: flex-end;text-align: end;}  .top-md {align-items: flex-start;}  .middle-md {align-items: center;}  .bottom-md {align-items: flex-end;}  .around-md {justify-content: space-around;}  .between-md {justify-content: space-between;}  .first-md {order: -1;}  .last-md {order: 1;}  .initial-order-md {order: initial;}  }  @media (--lg-viewport) {  .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12 {box-sizing: border-box;flex: 0 0 auto;padding-right: var(--half-gutter-width, 08px);padding-left: var(--half-gutter-width, 08px);}  .col-lg {flex-grow: 1;flex-basis: 0;max-width: 100%;}  .col-lg-1 {flex-basis: 8.33333333%;max-width: 8.33333333%;}  .col-lg-2 {flex-basis: 16.66666667%;max-width: 16.66666667%;}  .col-lg-3 {flex-basis: 25%;max-width: 25%;}  .col-lg-4 {flex-basis: 33.33333333%;max-width: 33.33333333%;}  .col-lg-5 {flex-basis: 41.66666667%;max-width: 41.66666667%;}  .col-lg-6 {flex-basis: 50%;max-width: 50%;}  .col-lg-7 {flex-basis: 58.33333333%;max-width: 58.33333333%;}  .col-lg-8 {flex-basis: 66.66666667%;max-width: 66.66666667%;}  .col-lg-9 {flex-basis: 75%;max-width: 75%;}  .col-lg-10 {flex-basis: 83.33333333%;max-width: 83.33333333%;}  .col-lg-11 {flex-basis: 91.66666667%;max-width: 91.66666667%;}  .col-lg-12 {flex-basis: 100%;max-width: 100%;}  .col-lg-offset-0 {margin-left: 0;}  .col-lg-offset-1 {margin-left: 8.33333333%;}  .col-lg-offset-2 {margin-left: 16.66666667%;}  .col-lg-offset-3 {margin-left: 25%;}  .col-lg-offset-4 {margin-left: 33.33333333%;}  .col-lg-offset-5 {margin-left: 41.66666667%;}  .col-lg-offset-6 {margin-left: 50%;}  .col-lg-offset-7 {margin-left: 58.33333333%;}  .col-lg-offset-8 {margin-left: 66.66666667%;}  .col-lg-offset-9 {margin-left: 75%;}  .col-lg-offset-10 {margin-left: 83.33333333%;}  .col-lg-offset-11 {margin-left: 91.66666667%;}  .start-lg {justify-content: flex-start;text-align: start;}  .center-lg {justify-content: center;text-align: center;}  .end-lg {justify-content: flex-end;text-align: end;}  .top-lg {align-items: flex-start;}  .middle-lg {align-items: center;}  .bottom-lg {align-items: flex-end;}  .around-lg {justify-content: space-around;}  .between-lg {justify-content: space-between;}  .first-lg {order: -1;}  .last-lg {order: 1;}  .initial-order-lg {order: initial;}  }  @media (--xl-viewport) {  .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-offset-0, .col-xl-offset-1, .col-xl-offset-2, .col-xl-offset-3, .col-xl-offset-4, .col-xl-offset-5, .col-xl-offset-6, .col-xl-offset-7, .col-xl-offset-8, .col-xl-offset-9, .col-xl-offset-10, .col-xl-offset-11, .col-xl-offset-12 {box-sizing: border-box;flex: 0 0 auto;padding-right: var(--half-gutter-width, 08px);padding-left: var(--half-gutter-width, 08px);}  .col-xl {flex-grow: 1;flex-basis: 0;max-width: 100%;}  .col-xl-1 {flex-basis: 8.33333333%;max-width: 8.33333333%;}  .col-xl-2 {flex-basis: 16.66666667%;max-width: 16.66666667%;}  .col-xl-3 {flex-basis: 25%;max-width: 25%;}  .col-xl-4 {flex-basis: 33.33333333%;max-width: 33.33333333%;}  .col-xl-5 {flex-basis: 41.66666667%;max-width: 41.66666667%;}  .col-xl-6 {flex-basis: 50%;max-width: 50%;}  .col-xl-7 {flex-basis: 58.33333333%;max-width: 58.33333333%;}  .col-xl-8 {flex-basis: 66.66666667%;max-width: 66.66666667%;}  .col-xl-9 {flex-basis: 75%;max-width: 75%;}  .col-xl-10 {flex-basis: 83.33333333%;max-width: 83.33333333%;}  .col-xl-11 {flex-basis: 91.66666667%;max-width: 91.66666667%;}  .col-xl-12 {flex-basis: 100%;max-width: 100%;}  .col-xl-offset-0 {margin-left: 0;}  .col-xl-offset-1 {margin-left: 8.33333333%;}  .col-xl-offset-2 {margin-left: 16.66666667%;}  .col-xl-offset-3 {margin-left: 25%;}  .col-xl-offset-4 {margin-left: 33.33333333%;}  .col-xl-offset-5 {margin-left: 41.66666667%;}  .col-xl-offset-6 {margin-left: 50%;}  .col-xl-offset-7 {margin-left: 58.33333333%;}  .col-xl-offset-8 {margin-left: 66.66666667%;}  .col-xl-offset-9 {margin-left: 75%;}  .col-xl-offset-10 {margin-left: 83.33333333%;}  .col-xl-offset-11 {margin-left: 91.66666667%;}  .start-xl {justify-content: flex-start;text-align: start;}  .center-xl {justify-content: center;text-align: center;}  .end-xl {justify-content: flex-end;text-align: end;}  .top-xl {align-items: flex-start;}  .middle-xl {align-items: center;}  .bottom-xl {align-items: flex-end;}  .around-xl {justify-content: space-around;}  .between-xl {justify-content: space-between;}  .first-xl {order: -1;}  .last-xl {order: 1;}  .initial-order-xl {order: initial;}  }  @media (--xs-only) {  .hidden-xs {display: none;}  }  @media (--sm-only) {  .hidden-sm {display: none;}  }  @media (--md-only) {  .hidden-md {display: none;}  }  @media (--lg-only) {  .hidden-lg {display: none;}  }  @media (--xl-only) {  .hidden-xl {display: none;}  }

svg {transition: .4s}

.br {display: flex;align-items: center;gap:8px;}
.br--item a{color: #444;font-size: 16px;font-style: normal;font-weight: 500;line-height: 12px;display: flex;align-items: center;gap:5px}
.br--item > span{color: #444;font-size: 16px;font-style: normal;font-weight: normal;line-height: 12px;display: flex;align-items: center;gap:5px}
.br--item svg{width: 16px;height: 16px;}

.icon:not(.--stroked) {min-width: 24px;width: 24px;height: 24px;fill:var(--theme) !important;}
.icons .icon:not(.--stroked):hover {fill:#28a09b !important;}
.icon.--stroked {min-width: 24px;width: 24px;height: 24px;stroke:var(--theme) !important;fill:#fff}

[type="checkbox"] {display: none}
[type="checkbox"] ~ label {position: relative;color: #444;font-size: 12px;font-style: normal;font-weight: 400;line-height: 12px;padding-left: 24px;user-select: none;cursor: pointer;}
[type="checkbox"] ~ label:before {position: absolute;top:-2px;left: 0;width: 16px;height: 16px;border:1px solid #E0E0E0;border-radius: 2px;content: '';background-color: #fff;z-index: 1;}
[type="checkbox"] ~ label:after {opacity: 0;z-index: 2;top:3px;left:5px;position: absolute;width: 8px;height: 8px;content: '';background-color: var(--theme);transition: opacity .4s}
[type="checkbox"]:checked ~ label:after {opacity: 1;}

.tag {display: inline-flex;align-items: center;gap:5px;padding: 5px;cursor: pointer;height: 24px}
.tag span{color: #333;font-size: 12px;font-style: normal;font-weight: 300;}
.tag.--moderated {border-radius: 4px;background: #FFF;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);}
.tag.--houred,.tag.--more{padding: 6px 8px;border-radius: 99px;background: #F2F2F2;}
.tag.--houred {cursor: default}
.tag .tag--count {color: var(--theme);font-size: 12px;font-style: normal;font-weight: 500;}
.tag .icon {width: 12px;height: 12px}
.tag .icon:not(.--stroked) {min-width: 12px;}
.tag .tag--price {color: #333;font-size: 12px;font-style: normal;font-weight: 500;}
.tag .tag--num {color: #000;font-size: 10px;font-style: normal;font-weight: 700;text-transform: uppercase;}
.tag .tag--status {color: #000;font-size: 10px;font-style: normal;font-weight: 700;text-transform: uppercase;}
.tag.--yellow {background-color: rgba(255, 239, 111, 0.65)}
.tag.--green {background-color: #CAFBD4}
.tag.--white {background-color: rgba(255, 255, 255, 0.65)}
.tag.--exam {padding: 4px 8px;border:1px solid #fff}

.btn {font-size: 12px;font-style: normal;font-weight: 500;text-transform: uppercase;display: inline-flex;align-items: center;justify-content: center;height: 32px;padding: 0 52px;transition: .4s;cursor: pointer}

.btn--theme{background-color: var(--theme);border:1px solid var(--theme);color:#fff}
.btn--theme:hover{background-color: var(--theme-hover);border:1px solid var(--theme-hover)}

.btn--theme-trn{background-color: #fff;border:1px solid var(--theme);color:var(--theme);padding:0 16px;text-align: center}
.btn--theme-trn:hover{border:1px solid var(--theme-hover);color:var(--theme-hover)}

.btn--social {border-radius: 999px;border: 1px solid #E0E0E0;background-color: #fff;display: inline-flex;align-items: center;justify-content: center;gap:6px;padding: 0 10px;height: 32px;transition: .4s}
.btn--social:hover {box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);}
.btn--social svg.icon:not(.--stroked){width: 16px;height: 16px;}
.btn--social span{color: #444;font-size: 14px;font-style: normal;font-weight: 500;}

.loc--label {color: #828282;font-size: 12px;font-style: normal;font-weight: 300;line-height: 12px;margin-bottom: 4px}
.loc--value {color: #4F4F4F;font-size: 12px;font-style: normal;font-weight: 400;line-height: 14px;word-break: break-all;}
.loc--value br{display: none}

.time {background-color: #F2F2F2 ;max-width: 150px;display: flex;align-items: center;padding: 4px 8px;justify-content: space-between}
.time--label {color: #4F4F4F;font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;}
.time--value {color: #4F4F4F;text-align: right;font-size: 13px;font-style: normal;font-weight: 400;line-height: normal;text-transform: uppercase;}

.file--wrap {width: 100%;max-width: 300px;position: relative;margin: 15px 0;text-align: center;}
.file--file {opacity: 0;visibility: hidden;position: absolute;}
.file--box {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;border-radius: 4px;border: 1px solid #E0E0E0;background: #FFF;}
.file--fake {width: calc(100% - 112px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 15px;border-radius: 0 3px 3px 0;height: 40px;}
.file--button {width: 96px;background-color: var(--theme);color: #FFF;text-align: center;font-size: 12px;font-style: normal;font-weight: 500;text-transform: uppercase;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: 3px;cursor: pointer;height: 24px;margin: 0 8px;}

.inp{max-width: 300px;margin-bottom: 26px}
.inp label{display: inline-block;margin-bottom: 8px;color: #828282;font-size: 12px;font-style: normal;font-weight: 400;}
.inp label sup{color:var(--theme)}
[type="text"],[type="password"] {border-radius: 4px;border: 1px solid #E0E0E0;background: #FFF;width: 100%;height: 40px;line-height: 40px;padding: 0 16px;color: #333;font-size: 14px;font-style: normal;font-weight: 400;}
[type="text"]::placeholder,[type="password"]::placeholder {color: #BDBDBD;font-size: 14px;font-style: normal;font-weight: 400;}
.inp.--error [type="text"]{border: 1px solid var(--error)}
.inp.--error .inp--error-text{color: var(--error);display: block}
.inp.--success [type="text"]{border: 1px solid var(--success)}
.inp .inp--error-text{display: none}

.inp textarea{width: 100%;max-width: 100%;min-width:270px;max-height: 64px;border-radius: 4px;height: 64px;min-height: 64px;border: 1px solid #E0E0E0;background: #FFF;color: #333;font-size: 14px;font-style: normal;font-weight: 400;padding: 5px}

.inp--pas {position: relative}
.inp--pas [type="password"]{padding: 0 45px 0 16px;color:#BDBDBD;transition: .4s}
.inp--pas svg{width: 16px;height:16px;position: absolute;top:50%;right:15px;transform: translateY(-50%);opacity: 0;transition: .4s;fill:#BDBDBD}
.inp--pas:hover svg{opacity: 1;}
.inp--pas:hover [type="password"]{color:#523737;}
.show--pass {cursor: pointer}

.burger {width: 50px;height: 50px;border-radius: 4px;z-index: 10;position: relative}
.burger span {margin-bottom: 9px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: absolute;top: 50%;left: 50%;margin-left: -15px;margin-top: -1.5px;}
.burger span, .burger span::before, .burger span::after {
	display: block;
	width: 30px;
	height: 3px;
	background-color: #000;
	outline: 1px solid transparent;
	-webkit-transition-property: background-color, -webkit-transform;
	-moz-transition-property: background-color, -moz-transform;
	-o-transition-property: background-color, -o-transform;
	transition-property: background-color, transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.burger span::before, .burger span::after {position: absolute;content: "";}
.burger span::before {top: -9px;}
.burger span::after {top: 9px;}

.burger.clicked span::before {
	-webkit-transform: translateY(9px) rotate(45deg);
	-moz-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	-o-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);
}
.burger.clicked span::after {
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-moz-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	-o-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}
.burger.clicked span {background-color: transparent;}
.burger:hover {cursor: pointer;}

header {height: var(--header-height);position: relative}
.header--fixed {background-color: #fff;position: fixed;top:0;left:50%;transform: translateX(-50%);z-index: 10;width: 100%;    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);}
.header--fixed > div{display: flex;align-items: center;height: var(--header-height);}
.header--fixed .location{margin-left: auto;margin-right: 10px;cursor: pointer}
.header--fixed .location svg path{fill:var(--theme)}

.info {color: #4F4F4F;text-align: center;font-size: 14px;font-style: normal;font-weight: 300;line-height: 18px;padding: 10px 20px;border-radius: 4px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);margin-top: 10px}

.tags {display: flex;flex-wrap: wrap;gap:5px;margin-top: 10px;max-width: 440px;}

header.menu--show .menu--mobile {transform: translateX(0)}
.menu--mobile {position: fixed;top:64px;left: 0;width: 100%;height: calc(100% - 64px);transform: translateX(-100vw);transition: ease-in-out .3s;z-index: 3}
.menu--list {background-color: #fff;height: 100%;overflow-y: auto;border-top: 1px solid #F2F2F2;padding: 30px 20px}
.menu--item {display: flex;align-items: center;gap:8px;color: #444;font-size: 16px;font-style: normal;font-weight: 500;line-height: 12px;margin-bottom: 22px}
.menu--home {margin-bottom: 40px;}
.menu--services{margin-top: 40px}
.menu--add{margin-top: 40px}
.menu--item .icon{min-width: 16px;width: 16px;height: 16px}

header.loc--show .location--box {transform: translateX(0)}
.location--box {position: fixed;top:64px;left: 0;width: 100%;height: calc(100% - 64px);transform: translateX(-100vw);transition: ease-in-out .3s;z-index: 3}
.location--box a {color: #4F4F4F;font-size: 16px;font-style: normal;font-weight: 500;line-height: 12px;margin-bottom: 20px;}
.location--box a:before {display: inline-block;width: 8px;height: 8px;background-color: var(--theme);border-radius: 50%;content: '';margin-right: 5px;;}

.girls {
	margin-top: 10px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	gap: 10px;
}
@media screen and (max-width: 768px) {
	.girls {
		grid-template-columns: repeat(1, 1fr);
	}
}
.girl {
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
	padding: 20px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.girl--head {display: flex;align-items: flex-start;}
.girl--head-box{display: flex;align-items: flex-start;flex-wrap: wrap;gap: 8px; align-items: center;}
.girl--name {color: var(--theme);font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;margin-right: 4px;}
.girl--status {padding: 6px 8px;border-radius: 2px;margin-right: 4px;}
.girl--status.--indi {background: #FFE2ED;}
.girl--status.--new{background-color: #CAFBD4}
.girl--rate {margin-left: auto;display: flex;align-items: flex-end;border-bottom: 2px solid var(--theme);padding-bottom: 3px}
.girl--rate-name {display: flex;align-items: flex-end}
.girl--rate-name span{color: var(--theme);font-size: 12px;font-style: normal;font-weight: 700;line-height: normal;}
.girl--rate-num {color: var(--theme);font-size: 12px;font-style: normal;font-weight: 700;line-height: normal;}

.girl--desc {
	margin-top: 9px;
	color: #4F4F4F;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 14px;

	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.girl--info {display: flex;margin-top: 10px;align-items: flex-start}
.girl--gallery {position: relative}
.girl--gallery .tags {position: absolute;left:5px;bottom: 5px;border-radius: 2px;}
.girsl--status {position: absolute;top:0;right: 0;border-radius: 0px 1px 0px 8px;background: linear-gradient(107deg, #FFEF6F 0%, #FFDF03 100%), #FFF;padding: 3px 8px;color: #333;text-align: center;font-size: 12px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;}
.girl--statuses {position: absolute;top:0;right: 0;display: flex;align-items: center;justify-content: flex-end;column-gap: 5px;row-gap: 5px;}
.girl--statuses span{border-radius: 0 0 8px 8px;background: linear-gradient(107deg, #FFEF6F 0%, #FFDF03 100%), #FFF;padding: 3px 6px;color: #333;text-align: center;font-size: 12px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;}
.girl--statuses span:last-child{border-radius: 0px 1px 0px 8px;}
.girl--statuses span.--indi{background: linear-gradient(107deg, #FFE2ED 0%, #FFE2ED 100%), #FFF;color:#000;}
.girl--statuses span.--new{background: linear-gradient(107deg, #CAFBD4 0%, #CAFBD4 100%), #FFF;color:#000;}

.girsl--image {border-radius: 2px;border: 1px solid #FFEF6F;}
.girl--detail {padding-left: 10px}

.girl--prop {display: flex;align-items: center;justify-content: space-between;border-radius: 2px;background: linear-gradient(0deg, #F2F2F2 0%, #F2F2F2 100%), linear-gradient(107deg, #FFEF6F 0%, #FFDF03 100%), #FFF;margin-bottom: 1px;padding: 4px 8px;}
.girl--prop .name{color: #4F4F4F;font-size: 12px;font-style: normal;font-weight: 300;line-height: normal;}
.girl--prop .value{color: #4F4F4F;text-align: right;font-size: 13px;font-style: normal;font-weight: 400;line-height: normal;display: flex;align-items: center;gap:4px}
.girl--prop .icon:not(.--stroked){width: 16px;height: 10px;}

.girl--detail .loc{margin-top: 10px}
.girl--detail .icons{margin-top: 10px;display: flex;align-items: center;gap:4px;}

.girl--box {margin: 20px 0;}
.girl--service-name {color: #828282;font-size: 12px;font-style: normal;font-weight: 300;line-height: 12px;}
.girl--service-text {
	margin-top: 4px;
	color: #4F4F4F;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
	text-transform: capitalize;
}

.girl--conditions {
	display: flex;
	margin-top: 16px;
	flex-direction: column;
	gap: 20px;
}
.girl--condition {width: 100%}
.girl--condition .label{display: flex;align-items: center}
.girl--condition .label span{color: #828282;font-size: 12px;font-style: normal;font-weight: 300;line-height: 12px;}
.girl--condition .label .icon{margin-right: 4px;min-width: 16px;width: 16px;height: 16px}
.girl--condition .value{margin-top: 4px;color: #4F4F4F;font-size: 12px;font-style: normal;font-weight: 400;line-height: 14px;}

.girl--tags {margin-top: 16px;display: flex;gap:10px;flex-wrap: wrap}
.girl--tags .--houred:nth-child(n+3){display: none}
.girl--tags.--opened .--houred:nth-child(n+3){display: inline-flex}

.girl--buttons {margin-top: auto;display: flex;gap:10px}
.girl--buttons .btn--theme-trn{width: 60%}
.girl--buttons .btn--theme{width: 40%}
.girl--buttons .btn{padding: 0 10px}
.girl--buttons .icon{width: 16px;max-width: 16px;height: 16px}

.page--desc {margin-top: 20px;padding: 10px 20px;background-color: #fff;color: #4F4F4F;font-size: 14px;font-style: normal;font-weight: 300;line-height: 18px;border-radius: 4px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);}

.detail {border-radius: 4px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);padding: 20px}
.gallery {display: flex;flex-wrap: wrap;gap:10px;margin-bottom: 20px;margin-top: 10px}
.gallery img{cursor: pointer; max-width: 100%;}
.photo--small {width: calc(50% - 5px);position: relative}
.photo--big{width: 100%;}
.photo--big img{width: 100%}
.detail--buttons-box {margin-top: 20px;display: flex;align-items: center;gap:20px}
.detail--social-buttons {display: flex;align-items: center;gap:20px;width: 30%}
.detail--buttons {width: 70%}
.detail--buttons .btn{width: 100%;max-width: 100%;padding: 0 10px}
.detail--buttons .icon{width: 16px;max-width: 16px;height: 16px}

.detail--desc {margin-top: 20px;padding: 20px 20px 0 20px;border-top: 1px solid #F2F2F2;width: calc(100% + 40px);margin-left: -20px}
.detail--desc-label {color: #828282;font-size: 14px;font-style: normal;font-weight: 300;line-height: 14px;}
.detail--desc-text {margin-top: 16px;}
.detail--desc-text p{color: #4F4F4F;font-size: 14px;font-style: normal;font-weight: 400;line-height: 18px;margin-bottom: 15px}
.detail--desc-text p:last-child{margin-bottom: 0}

.detail--info {border-radius: 4px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);padding: 20px;margin-top: 10px}
.detail--info-title {color: var(--theme);font-size: 16px;font-style: normal;font-weight: 700;line-height: 20px;}
.detail--info-desc {color: #4F4F4F;font-size: 14px;margin-top: 16px;font-style: normal;font-weight: 300;line-height: 14px;}
.detail--info-box, .detail-bottom_btns, .reviews--item, .reviews--add {width: calc(100% + 40px);margin-left: -20px;padding: 20px 20px 0 20px;margin-top: 20px;border-top: 1px solid #F2F2F2}
.detail--info-name {display: flex;align-items: center;gap:10px;}
.detail--info-name span{color: var(--theme);font-size: 12px;font-style: normal;font-weight: 500;line-height: 14px; /* 116.667% */text-transform: uppercase;}
.detail--info-name .icon{width: 12px;height: 12px;min-width: 12px;}
.detail--info-box ul{margin-top: 16px;list-style-type: none}
.detail--info-box li{color: #4F4F4F;font-size: 14px;font-style: normal;font-weight: 400;line-height: 18px;margin-bottom: 10px}
.detail--info-box li:before{display: inline-block;width: 4px;height: 4px;background-color: #000;border-radius: 50%;content: '';margin-right: 5px;transform: translateY(-4px)}
.js--map-show.btn {width: 100%;max-width: 100%;height: 40px;}
.detail-bottom_btns a{color: var(--error);font-size: 14px;font-style: normal;font-weight: 400;line-height: 16px;margin-top: 18px;display: inline-block}
.detail-bottom_btns a svg{width: 12px;height: 12px}
/*.detail-bottom_btns a svg path, .detail-bottom_btns a svg rect{stroke: var(--error) !important;fill:transparent}*/
.detail-bottom_btns a span{border-bottom: 1px dotted transparent;transition: .4s}
.detail-bottom_btns a:hover span{border-bottom: 1px dotted var(--error);}

.reviews {border-radius: 4px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);padding: 20px;margin-top: 10px;}
.reviews--title {color: var(--theme);font-size: 16px;font-style: normal;font-weight: 700;line-height: 20px;}
.reviews--head {display: flex;justify-content: space-between;gap:15px;}
.reviews--name {color: #BDBDBD;font-size: 12px;font-style: normal;font-weight: 400;line-height: 14px;letter-spacing: 0.36px;}
.reviews--date {color: #BDBDBD;font-size: 12px;font-style: normal;font-weight: 400;line-height: 14px;letter-spacing: 0.36px;}
.reviews--rate {margin-top: 10px;color: var(--theme);font-size: 12px;font-style: normal;font-weight: 400;line-height: 14px;letter-spacing: 0.36px;}
.reviews--rate .value{font-weight: 700;}
.reviews--text {color: #4F4F4F;font-size: 14px;font-style: normal;font-weight: 400;line-height: 18px;margin-top: 20px}
.reviews--add-title {color: var(--theme);font-size: 12px;font-style: normal;font-weight: 400;line-height: 20px;text-transform: uppercase;margin-bottom: 16px}
.reviews--add .inp {margin: 0 0 5px 0}
.reviews--add .inp label{color: #444;font-size: 12px;font-style: normal;font-weight: 400;line-height: 12px;position: relative;}
.reviews--add .inp [type="radio"]{display: none}
.reviews--add .inp [type="radio"] ~ label{padding-left: 30px;cursor: pointer}
.reviews--add .inp [type="radio"] ~ label:after{width: 16px;height: 16px;border-radius: 50%;border:1px solid #E0E0E0;background-color: #fff;z-index: 1;content: '';position: absolute;top:-3px;left:0;}
.reviews--add .inp [type="radio"]:checked ~ label:after{background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='white'/%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%23fff'/%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%23fff'/%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%23fff'/%3e%3crect x='4' y='4' width='8' height='8' rx='4' fill='%2336D5CF'/%3e%3c/svg%3e ");}
/*
.reviews--add .inp [type="radio"] ~ label:before{width: 8px;height: 8px;border-radius: 50%;background-color: var(--theme);z-index: 2;content: '';position: absolute;top:2px;left:4px;opacity: 0;transition: opacity .4s}
.reviews--add .inp [type="radio"]:checked ~ label:before{z-index: 2;opacity: 1}
*/

.reviews--add .inp--check-title {margin-top: 10px;color: #4F4F4F;font-size: 12px;font-style: normal;font-weight: 300;line-height: 14px;margin-bottom: 12px}
.reviews--add .btn  {height: 40px;width: 100%;max-width: 100%;margin-top: 16px;}

.detail--h3 {color: #333;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.girl--preview {border-radius: 4px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);padding: 20px;margin-top: 10px;position: relative}
.girl--preview .tag{position: absolute;bottom: 5px;left:5px;}
.girl--preview .girl--gallery  {margin-top: 10px}
.girl--preview .girl--gallery img {width: 100%}

.girls--new-list {border-radius: 4px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);padding: 20px;margin-top: 10px;display: flex;gap:10px;flex-wrap: wrap}
.girls--new-item {width: calc(50% - 5px)}

.js--change-link {position: fixed;right:50px;bottom:50px;font-size: 18px;cursor:pointer;color:var(--success)}

.logo img{display: none}
.logo img:not([class]){display: block}
html.--pink .logo img:not([class]) {display: none}
html.--pink .logo img.--pink {display: block}

.to--top {padding: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;cursor: pointer}
.to--top .icon{width: 32px;height: 32px;margin-bottom: 10px;opacity: 0.7}
.to--top:hover .icon{opacity: 1}
.to--top .icon path, .to--top .icon rect{fill:transparent !important;stroke:var(--theme)}
.to--top span{color: #828282;text-align: center;font-size: 12px;font-style: normal;font-weight: 400;line-height: 16px;}

.girl--map {width: 100%;height: 400px}

.anketa {border-radius: 4px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);padding: 20px}
.anketa--head {display: flex;align-items: center;justify-content: space-between}
.anketa--head-title {color: var(--theme);font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;}
.anketa--close {cursor: pointer}

.anketa--info,.anketa--main-fields,.anketa--shedule,.anketa--photos,.anketa--buttons {width: calc(100% + 40px);margin-left: -20px;padding: 20px 20px 0 20px;margin-top: 20px;border-top: 1px solid #F2F2F2;}

.anketa--info p{color: #4F4F4F;font-size: 14px;font-style: normal;font-weight: 300;line-height: 20px;margin-bottom: 15px}
.anketa--info p:last-child{margin-bottom: 0}
.anketa--info a{color: var(--theme);font-size: 14px;font-style: normal;font-weight: 300;line-height: 20px;transition: color .4s}
.anketa--info a span{transition: border-bottom-color .4s;border-bottom: 1px solid var(--theme)}
.anketa--info a:hover span{border-bottom: 1px solid transparent}

.anketa--shedule {display: flex;gap:30px;}
.anketa--shedule > div{width: calc(50% - 15px)}
.shedule--mode > label, .shedule--time > label {color: #828282;font-size: 12px;font-style: normal;font-weight: 400;line-height: 12px;margin-bottom: 12px;display: block}
.shedule--mode .inp label {color: #444;font-family: Inter;font-size: 12px;font-style: normal;font-weight: 400;line-height: 12px;}
.shedule--mode .inp {margin-bottom: 8px}

.file--label {color: #828282;font-size: 12px;font-style: normal;font-weight: 400;line-height: 12px;}
.photo--preview {margin-top: 20px;position: relative;border-radius: 4px;overflow: hidden}
.photo--preview img {object-fit: contain;object-position: center;width: 100%;height: 100%;}
.photo--preview-delete {position: absolute;left:0;bottom: 0;width: 100%;padding: 5px 0;color: #FFF;text-align: center;font-size: 12px;font-style: normal;font-weight: 500;line-height: 14px;text-transform: uppercase;cursor: pointer;background-color: var(--theme)}

.anketa--buttons .btn {width: 100%;max-width: 100%;height: 40px}

.galoba {border-radius: 4px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);margin-top: 10px;padding: 20px}
.galoba--head {display: flex;justify-content: space-between;align-items: center}
.galoba--close {cursor: pointer}
.galoba--title {color: var(--theme);font-size: 16px;font-style: normal;font-weight: 700;line-height: 20px;}
.galoba--form {width: calc(100% + 40px);margin-left: -20px;padding: 20px 20px 0 20px;border-top: 1px solid #F2F2F2;margin-top: 20px}
.galoba--form .inp{margin-bottom: 16px;}
.galoba--form .btn{width: 100%;max-width: 100%;height: 40px}

.girl--prices {margin-top: 12px;}
.girl--price {width: 100%;display: flex;justify-content: space-between;border-radius: 2px;background: linear-gradient(0deg, #F2F2F2 0%, #F2F2F2 100%), linear-gradient(107deg, #FFEF6F 0%, #FFDF03 100%), #FFF;padding: 8px;margin-bottom: 4px;}
.girl--price:last-child {margin-bottom: 0}
.girl--price.--chooused{background: linear-gradient(107deg, #FFEF6F 0%, #FFDF03 100%), #FFF;}
.girl--price .name{color: #4F4F4F;font-size: 14px;font-style: normal;font-weight: 300;line-height: normal;}
.girl--price .value span{color: #4F4F4F;text-align: right;font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;}
.girl--price .value .old{color: #4F4F4F;text-align: right;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;text-decoration: line-through;margin-right: 5px;}


.girl--wait-box {margin-top: 20px;display: flex;}
.girl--wait-box > div{width: 50%;display: flex;align-items: center;gap:7px}
.girl--wait-box svg.icon{margin-right: 4px;min-width: 16px;width: 16px;height: 16px;}
.girl--wait-box .value{color: #828282;font-size: 12px;font-style: normal;font-weight: 300;line-height: 12px;}
.girl--wait {border-radius: 99px;background: #F2F2F2;color: #36D5CF;text-align: center;font-size: 12px;font-style: normal;font-weight: 500;line-height: 14px;text-transform: uppercase;display: flex;align-items: center;justify-content: center;height: 32px}

/*.girl--wait-box {margin-top: 20px;display: flex;}
.girl--wait-box > div{width: 50%;display: flex;align-items: center;gap:7px}
.girl--wait-box svg.icon{margin-right: 4px;min-width: 16px;width: 16px;height: 16px;}
.girl--wait-box .value{color: #828282;font-size: 12px;font-style: normal;font-weight: 300;line-height: 12px;}
.girl--wait {border-radius: 99px;background: #CAFBD4;color: #000;text-align: center;font-size: 12px;font-style: normal;font-weight: 500;line-height: 14px;text-transform: uppercase;display: flex;align-items: center;justify-content: center;height: 32px}
.girl--wait .icon:not(.--stroked){fill:#333 !important;}*/

.tags .is--video {position: relative;bottom:auto;right:auto}
.is--video {position: absolute;width: 24px;height: 24px;border-radius: 2px;border: 1px solid #FFF;background: rgba(255, 255, 255, 0.65);display: flex;align-items: center;justify-content: center;bottom:5px;right:5px;}
.is--video svg {width: 16px;height: 16px;}

.girl--updates {display: flex;align-items: center;justify-content: space-between;color: #828282;text-align: center;font-size: 12px;font-style: normal;font-weight: 300;line-height: 12px;padding-top: 10px;margin-top: 20px;border-top: 1px solid #F2F2F2}
.girl--upped {display: flex;align-items: center;gap:5px;justify-content: flex-end}
.girl--upped .icon{width: 8px;height: 14px;min-width: 8px}

.lightgallery {position: relative}

.photo--reviewed {width: auto;margin-top: 5px;display: inline-flex;align-items: center;gap:5px;padding: 5px;border:1px solid #F2F2F2;border-radius: 4px;background-color: var(--theme)}
.photo--reviewed .icon:not(.--stroked){--size:14px;min-width: var(--size);width: var(--size);height: var(--size);}
.photo--reviewed .icon:not(.--stroked) *{fill:#fff}
.photo--reviewed span{color: #fff;font-size: 12px;font-style: normal;font-weight: 500;line-height: 14px;text-transform: uppercase;}

.footer--prost {text-align: center;padding: 12px;background-color: #fff;}
.footer--prost a{color: var(--theme);font-size: 14px;font-style: normal;font-weight: 300;line-height: 20px;transition: color .4s;}
.footer--prost a > span{transition: .4s;border-bottom: 1px solid var(--theme);}
.footer--prost a > span:hover{border-bottom: 1px solid transparent;}

@media screen and (min-width: 400px) {
	.adaptive .tags {justify-content: flex-start;}
	.adaptive .girls {flex-wrap: wrap}
}

.girl--preview-list{
	display: grid;
	gap: 10px;
}

@media screen and (min-width: 720px) {
	.adaptive .girls {flex-direction: unset;align-items: unset}
	.adaptive .girl {

	}
}

@media (min-width:400px) and (max-width:720px) {
	.adaptive .girl--buttons .btn--theme-trn {max-width: 250px}
	.adaptive .girl--gallery {width:50%;max-width: 200px}
	.adaptive .girl--detail,
	.adaptive .girl--prop,
	.adaptive .girl--props,
	.adaptive .girl--gallery .girl--image,
	.adaptive .girl--gallery img{width:100%;}
	.girl--price {max-width: 510px;}
}

.personal--link {margin-left: 10px}