/* Document
 * ========================================================================== */

/**
 * Add border box sizing in all browsers (opinionated).
 */

*,
::before,
::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
	text-decoration: inherit; /* 1 */
	vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */

html {
	cursor: default; /* 1 */
	line-height: 1.5; /* 2 */
	-moz-tab-size: 4; /* 3 */
	-o-tab-size: 4;
	tab-size: 4; /* 3 */
	-webkit-tap-highlight-color: transparent;
	-ms-text-size-adjust: 100%; /* 5 */
	-webkit-text-size-adjust: 100%; /* 5 */
	word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
	margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */

ol ol,
ol ul,
ul ol,
ul ul {
	margin: 0;
}

/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 * 3. Show the overflow in Edge 18- and IE.
 */

hr {
	color: inherit; /* 1 */
	height: 0; /* 2 */
	overflow: visible; /* 3 */
}

/**
 * Add the correct display in IE.
 */

main {
	display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
	list-style: none;
	padding: 0;
}

/**
 * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
 */

nav li::before {
	content: "\200B";
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
	overflow: auto; /* 3 */
	-ms-overflow-style: scrollbar; /* 3 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */

abbr[title] {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 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%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

iframe {
	border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */

img {
	border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

svg:not([fill]) {
	fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Tabular data
 * ========================================================================== */

/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */

table {
	border-collapse: collapse; /* 1 */
	border-color: inherit; /* 2 */
	text-indent: 0; /* 3 */
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

button,
input,
select {
	margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */

button {
	overflow: visible; /* 1 */
	text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */

fieldset {
	border: 1px solid #a0a0a0; /* 1 */
	padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */

input {
	overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */

legend {
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

progress {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

select {
	text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */

textarea {
	margin: 0; /* 1 */
	overflow: auto; /* 2 */
	resize: vertical; /* 3 */
	resize: block; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
	padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */

:-moz-ui-invalid {
	box-shadow: none;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge 18- and IE.
 */

details {
	display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */

dialog {
	background-color: white;
	border: solid;
	color: black;
	display: block;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	left: 0;
	margin: auto;
	padding: 1em;
	position: absolute;
	right: 0;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
}

dialog:not([open]) {
	display: none;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Scripting
 * ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
	display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
	display: none;
}

/* User interaction
 * ========================================================================== */

/*
 * Remove the tapping delay in IE 10.
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
	-ms-touch-action: manipulation;
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
	display: none;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

[aria-busy="true"] {
	cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

[aria-controls] {
	cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

[aria-disabled="true"],
[disabled] {
	cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

[aria-hidden="false"][hidden] {
	display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
	clip: rect(0, 0, 0, 0);
	position: absolute;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Add typography inheritance in all browsers (opinionated).
 */

button,
input,
select,
textarea {
	background-color: transparent; /* 1 */
	border: 1px solid WindowFrame; /* 1 */
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	letter-spacing: inherit; /* 2 */
	padding: 0.25em 0.375em; /* 1 */
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: no-repeat right center / 1em;
	border-radius: 0;
	padding-right: 1em;
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */

select:not([multiple]):not([size]) {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E");
}

/**
 * Remove the border and padding in all browsers (opinionated).
 */

[type="color"],
[type="range"] {
	border-width: 0;
	padding: 0;
}

/**
 * Change the inconsistent appearance in IE (opinionated).
 */

::-ms-expand {
	display: none;
}

/**
 * Correct the inconsistent appearance in IE (opinionated).
 */

:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.54);
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */

.noUi-target,
.noUi-target * {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.noUi-target {
	position: relative;
}

.noUi-base,
.noUi-connects {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

/* Wrapper for all connect elements.
  */

.noUi-connects {
	overflow: hidden;
	z-index: 0;
}

.noUi-connect,
.noUi-origin {
	will-change: transform;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-webkit-transform-style: preserve-3d;
	transform-origin: 0 0;
	-webkit-transform-style: flat;
	transform-style: flat;
}

/* Offset direction
  */

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
	left: 0;
	right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
  * connect elements.
  */

.noUi-vertical .noUi-origin {
	top: -100%;
	width: 0;
}

.noUi-horizontal .noUi-origin {
	height: 0;
}

.noUi-handle {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
}

.noUi-touch-area {
	height: 100%;
	width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
	-webkit-transition: transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
	cursor: inherit !important;
}

/* Slider size and handle placement;
  */

.noUi-horizontal {
	height: 18px;
}

.noUi-horizontal .noUi-handle {
	width: 34px;
	height: 28px;
	right: -17px;
	top: -6px;
}

.noUi-vertical {
	width: 18px;
}

.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	right: -6px;
	bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
	left: -17px;
	right: auto;
}

/* Styling;
  * Giving the connect element a border radius causes issues with using transform: scale
  */

.noUi-target {
	background: #FAFAFA;
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	-webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
	border-radius: 3px;
}

.noUi-connect {
	background: #3FB8AF;
}

/* Handles and cursors;
  */

.noUi-draggable {
	cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
	cursor: ns-resize;
}

.noUi-handle {
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #FFF;
	cursor: default;
	-webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
	box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
	-webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
	box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
  */

.noUi-handle:before,
.noUi-handle:after {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px;
}

.noUi-handle:after {
	left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px;
}

.noUi-vertical .noUi-handle:after {
	top: 17px;
}

/* Disabled state;
  */

[disabled] .noUi-connect {
	background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
	cursor: not-allowed;
}

/* Base;
  *
  */

.noUi-pips,
.noUi-pips * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.noUi-pips {
	position: absolute;
	color: #999;
}

/* Values;
  *
  */

.noUi-value {
	position: absolute;
	white-space: nowrap;
	text-align: center;
}

.noUi-value-sub {
	color: #ccc;
	font-size: 10px;
}

/* Markings;
  *
  */

.noUi-marker {
	position: absolute;
	background: #CCC;
}

.noUi-marker-sub {
	background: #AAA;
}

.noUi-marker-large {
	background: #AAA;
}

/* Horizontal layout;
  *
  */

.noUi-pips-horizontal {
	padding: 10px 0;
	height: 80px;
	top: 100%;
	left: 0;
	width: 100%;
}

.noUi-value-horizontal {
	-webkit-transform: translate(-50%, 50%);
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
	margin-left: -1px;
	width: 2px;
	height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
	height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
	height: 15px;
}

/* Vertical layout;
  *
  */

.noUi-pips-vertical {
	padding: 0 10px;
	height: 100%;
	top: 0;
	left: 100%;
}

.noUi-value-vertical {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
	-webkit-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
	width: 5px;
	height: 2px;
	margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
	width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
	width: 15px;
}

.noUi-tooltip {
	display: block;
	position: absolute;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #fff;
	color: #000;
	padding: 5px;
	text-align: center;
	white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	left: 50%;
	bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	top: 50%;
	right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
	-webkit-transform: translate(50%, 0);
	-ms-transform: translate(50%, 0);
	transform: translate(50%, 0);
	left: auto;
	bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
	-webkit-transform: translate(0, -18px);
	-ms-transform: translate(0, -18px);
	transform: translate(0, -18px);
	top: auto;
	right: 28px;
}

.btn-small {
	min-width: 128px;
	padding: 11px 7px;
	font-weight: 600;
	font-size: 12px;
	line-height: 1em;
	background: #C4C4C4;
	border-radius: 30px;
	color: #fff;
}

.btn-small.orange {
	background: #FEBB14;
}

/* Px to rem
 * TODO: Px to em
*/

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	outline: 0;
}

html {
	font-size: 15;
}

body {
	width: 100%;
	min-height: 100vh;
	color: #202020;
	line-height: 1.4;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
	font-weight: 300;
}

p {
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #202020;
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}

a:hover {
	color: #05B9EC;
}

input,
select {
	background-image: unset;
}

select:not([multiple]):not([size]) {
	background-image: unset;
}

button {
	cursor: pointer;
	outline: 0;
	font-size: 1em;
	border: none;
	background: none;
	font-family: 'Josefin Sans', sans-serif;
}

button:not(:disabled),
button [type="button"]:not(:disabled),
button [type="reset"]:not(:disabled),
button [type="submit"]:not(:disabled) {
	cursor: pointer;
}

.page-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
}

.container {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin: 71px auto 0;
	max-width: 1368px;
	width: 100%;
	padding: 0 44px;
}

.container.main {
	margin: 0;
	max-width: unset;
	padding: 0;
}

.wrapper {
	margin: 0 auto;
	max-width: 1368px;
	width: 100%;
	padding: 0 44px;
}

.mx-w671px {
	width: 100%;
	max-width: 671px;
}

.mx-w631px {
	width: 100%;
	max-width: 631px;
}

.header {
	top: 0;
	width: 100%;
	background: #fff;
	position: fixed;
	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;
	padding: 10px 42px;
	border-bottom: 1px solid #EFEFEF;
	z-index: 100;
}

.header__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header__logo {
	margin: 0 40px 0 0;
}

.nav {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.nav__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.nav__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.nav__container ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
}

.nav__container ul > li:not(:last-child) {
	margin: 0 30px 0 0;
}

.nav__container ul > li > a {
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.nav__container ul > li > a:hover {
	color: #05B9EC;
}

.nav__search {
	display: grid;
	grid-template-columns: 1fr -webkit-max-content;
	grid-template-columns: 1fr max-content;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #FEBB14;
	border-radius: 30px;
	max-width: 300px;
	width: 100%;
}

.nav__search-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.nav__search img {
	margin: 10px 5px 10px 15px;
}

.nav__search input {
	padding: 0 5px 0 0;
	border: 0;
	line-height: 1em;
	width: 100%;
}

.nav__search button {
	display: block;
	height: calc(100% + 2px);
	border-radius: 30px;
	font-size: 18px;
	line-height: 1em;
	padding: 0 31px;
	background: #FEBB14;
	color: #fff;
}

.nav__search.mobile {
	display: none;
}

.account {
	margin: 0 0 0 30px;
	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;
	position: relative;
}

.account__login {
	cursor: pointer;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	font-size: 16px;
	font-weight: 400;
	padding: 0;
}

.account__login:hover {
	color: #05B9EC;
}

.account__container {
	display: grid;
	grid-template-columns: repeat(2, -webkit-max-content);
	grid-template-columns: repeat(2, max-content);
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.account__avatar {
	cursor: pointer;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #C4C4C4;
	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;
	padding: 10px;
}

.account__avatar-img {
	width: 100%;
	height: 100%;
}

.account__dropdown {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: 2;
	top: 100%;
	padding-top: 10px;
	right: 0;
	width: 285px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.account__dropdown .dropdown__container {
	padding: 44px 24px;
	background: #fff;
	-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
}

.account__dropdown .dropdown__title {
	display: none;
}

.account__dropdown .dropdown__user {
	display: grid;
	grid-template-columns: -webkit-max-content 1fr;
	grid-template-columns: max-content 1fr;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
	margin-bottom: 32px;
	font-size: 14px;
}

.account__dropdown .dropdown__user img {
	width: 44px;
	height: 44px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
}

.account__dropdown .dropdown__user div {
	display: grid;
}

.account__dropdown .dropdown__user a {
	font-weight: 400;
	color: #02B0E1;
}

.account__dropdown .dropdown__links {
	display: grid;
	row-gap: 18px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
	padding: 0 0 0 55px;
}

.account__dropdown .dropdown__links hr {
	height: 1px;
	background-color: #C4C4C4;
	border: none;
}

.account__dropdown .dropdown__links-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: relative;
}

.account__dropdown .dropdown__links-item a {
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.account__dropdown .dropdown__links-item div {
	display: none;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: 8px;
	font-size: 10px;
	font-weight: 400;
	color: #fff;
	line-height: 1em;
	padding: 3px 5px;
	border-radius: 50%;
	background-color: #CE1124;
}

.account__dropdown .dropdown__links-item img {
	width: 16px;
	height: 16px;
	margin-left: 8px;
}

.account__dropdown .dropdown__links-item.notif div {
	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;
}

.account__dropdown .dropdown__logout {
	padding: 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.account__dropdown .dropdown__logout:hover {
	color: #02B0E1;
}

.post {
	margin: 0 0 0 33px;
	white-space: nowrap;
	cursor: pointer;
	padding: 15px 65px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1em;
	background: #FEBB14;
	border-radius: 30px;
	color: #fff;
}

.post.mobile {
	display: none;
}

.burger {
	display: none;
}

.popup {
	overflow: hidden;
	position: fixed;
	top: 120px;
	left: 50%;
	background: #fff;
	border-radius: 30px;
	z-index: 102;
	-webkit-transform: translate(-50%, -200%);
	-ms-transform: translate(-50%, -200%);
	transform: translate(-50%, -200%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
}

.popup.js-open {
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	opacity: 1;
	visibility: visible;
}

.popup.center {
	top: 50%;
	-webkit-transform: translate(-50%, -200%);
	-ms-transform: translate(-50%, -200%);
	transform: translate(-50%, -200%);
}

.popup.center.js-open {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.popup-overlay {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	z-index: 100;
}

.popup-overlay.js-open {
	opacity: 1;
	visibility: visible;
}

.popup__container {
	position: relative;
	padding: 40px 0;
	background: rgba(2, 176, 225, 0.1);
	height: 100%;
}

.popup__content {
	padding: 0 40px;
	max-height: calc(100vh - 120px);
	overflow-y: scroll;
	overflow-x: hidden;
}

.popup__content::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.popup__content-ws {
	overflow: unset;
	max-height: unset;
}

.popup__close {
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 20px;
	z-index: 103;
	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;
}

.popup__title {
	font-weight: 600;
	font-size: 24px;
	color: #02B0E1;
	margin-bottom: 30px;
	text-align: center;
}

.popup__send_message {
	font-size: 16px;
	font-weight: 600;
	resize: none;
	border: none;
	min-width: 531px;
	padding: 12px 30px;
	background: #FFFFFF;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
}

.footer {
	padding: 40px 42px;
	background: #242729;
}

.footer__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 0 0 59px;
	border-bottom: 1px solid #fff;
	margin: 0 0 32px 0;
}

.footer__nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.footer__nav-logo {
	margin: 0 40px 0 0;
}

.footer__nav-logo img {
	width: 90px;
	height: 60px;
}

.footer__nav-links {
	color: #fff;
}

.footer__nav-links:not(:last-child) {
	margin-right: 40px;
}

.footer__nav-links p {
	font-weight: 700;
	margin-bottom: 10px;
}

.footer__nav-links a {
	display: block;
	color: #fff;
	font-size: 1em;
	margin: 0;
	line-height: 100%;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.footer__nav-links a:not(:last-child) {
	margin: 0 0 10px 0;
}

.footer__nav-links a:hover {
	color: #05B9EC;
}

.footer__inner {
	display: grid;
	grid-template-columns: -webkit-max-content -webkit-max-content;
	grid-template-columns: max-content max-content;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}

.footer__inner-title {
	font-size: 18px;
	color: #fff;
	margin: 0 0 10px 0;
}

.footer__inner-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.footer__inner-links a {
	color: #fff;
	display: block;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.footer__inner-links a svg {
	width: 40px;
	height: 40px;
	fill: #fff;
}

.footer__inner-links a:not(:last-child) {
	margin: 0 30px 0 0;
}

.footer__inner-links a:hover {
	color: #05B9EC;
}

.footer__inner-downloads {
	display: grid;
	width: 100%;
	row-gap: 10px;
}

.footer__copyright {
	padding: 0 0 0 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-weight: 400;
}

.footer__copyright-title {
	color: #fff;
}

.footer__copyright-links a {
	color: #fff;
}

.footer__copyright-links a:not(:last-child) {
	margin: 0 32px 0 0;
}

.footer__copyright-links a:hover {
	color: #05B9EC;
}

.service {
	position: relative;
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	line-height: 1em;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: "p u"
 "p i"
 "s i"
 "a i"
 "b b";
	-webkit-column-gap: 19px;
	-moz-column-gap: 19px;
	column-gap: 19px;
}

.service__heart {
	cursor: pointer;
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 0;
	width: 20px;
	height: 20px;
	z-index: 2;
}

.service__heart svg {
	fill: #fff;
	stroke: #C4C4C4;
}

.service__heart.liked svg {
	fill: #B5022C;
	stroke: none;
}

.service__slider {
	grid-area: p;
}

.service__stats {
	grid-area: s;
}

.service__available {
	grid-area: a;
	padding: 23px 0 0 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	color: #7A7A7A;
}

.service__available img {
	margin-right: 8px;
}

.service__user {
	grid-area: u;
	padding: 12px 12px 0 0;
	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;
}

.service__user-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1em;
}

.service__user-container img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover;
	margin-right: 11px;
}

.service__user-level {
	padding: 3px 12px;
	background: #FEBB14;
	color: #fff;
	border-radius: 10px;
	font-size: 9px;
	line-height: 1em;
}

.service__btn {
	grid-area: b;
	justify-self: flex-end;
	display: grid;
	grid-template-columns: repeat(2, -webkit-max-content);
	grid-template-columns: repeat(2, max-content);
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	padding: 16px 12px 20px 0;
}

.service__btn-request,
.service__btn-message {
	width: 137px;
	border-radius: 30px;
	color: #fff;
	padding: 9px 12px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1em;
}

.service__btn-request {
	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;
	background: #FEBB14;
}

.service__btn-request svg {
	display: none;
	margin-right: 8px;
	width: 9px;
	height: 9px;
}

.service__btn-request.sent {
	pointer-events: none;
}

.service__btn-request.sent svg {
	display: block;
}

.service__btn-message {
	background: #C4C4C4;
}

.service__btn-manage {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	width: 140px;
	padding: 9px;
	background: #C4C4C4;
	border-radius: 30px;
}

.service__btn.flex-sb {
	padding-left: 12px;
	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;
}

.service__btn.last {
	grid-area: unset;
	grid-column: span 2;
	margin-bottom: 12px;
}

.service__info {
	grid-area: i;
	display: grid;
	row-gap: 16px;
	padding: 16px 12px 0 0;
}

.service__heading {
	display: grid;
	grid-template-columns: 1fr -webkit-max-content;
	grid-template-columns: 1fr max-content;
	grid-template-areas: 'heading cost'
 'category cost'
 'location location';
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.service__heading-title {
	grid-area: heading;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 8px;
}

.service__heading-category {
	grid-area: category;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 11px;
	color: #7A7A7A;
}

.service__heading-category img {
	width: 12px;
	margin-right: 8px;
}

.service__heading-cost {
	width: 60px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-align: center;
	font-weight: 600;
	white-space: nowrap;
	grid-area: cost;
	padding: 16px 6px;
	color: #fff;
	background: #F45EBD;
	-webkit-box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	font-size: 12px;
	line-height: 1em;
}

.service__location {
	margin-top: 16px;
	grid-area: location;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.service__location img {
	margin-right: 8px;
}

.service__description {
	display: grid;
	row-gap: 10px;
}

.service__description button {
	justify-self: flex-end;
	padding: 0;
	font-size: 13px;
	color: #7A7A7A;
}

.service__stats {
	padding: 12px 0 0 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #7A7A7A;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px;
}

.service__stats div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	white-space: nowrap;
}

.service__stats div img {
	width: 12px;
	height: 12px;
	margin-right: 5px;
}

.service__stats div:nth-child(2) {
	font-size: 12px;
}

.service__stats div:nth-child(3) {
	font-size: 12px;
}

.service__stats div:nth-child(3) img {
	width: 12px;
	height: 12px;
	margin-right: 3px;
}

.service__slider {
	width: 100%;
	height: 160px;
	overflow: hidden;
	border-radius: 10px 10px 0px 0px;
}

.service__slider-btns {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 0%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.service__slider .swiper-slide img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.service__slider .swiper-button {
	position: relative;
}

.service__slider .swiper-button-next,
.service__slider .swiper-button-prev {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.service__slider .swiper-button-next::after,
.service__slider .swiper-button-next::before,
.service__slider .swiper-button-prev::after,
.service__slider .swiper-button-prev::before {
	position: relative;
	content: '';
	width: 15px;
	height: 4px;
	background: #7A7A7A;
}

.service__slider .swiper-button-next::after,
.service__slider .swiper-button-prev::after {
	top: 5px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.service__slider .swiper-button-next::before,
.service__slider .swiper-button-prev::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.service__slider .swiper-button-next.swiper-button-disabled,
.service__slider .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
}

.service__slider .swiper-button-next.swiper-button-disabled::after,
.service__slider .swiper-button-next.swiper-button-disabled::before,
.service__slider .swiper-button-prev.swiper-button-disabled::after,
.service__slider .swiper-button-prev.swiper-button-disabled::before {
	background: #C4C4C4;
}

.service__slider .swiper-button-prev {
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.service__slider .swiper-pagination-bullet {
	opacity: 1;
	width: 19px;
	height: 5px;
	border-radius: 5px;
	background: #fff;
	margin: 0 2px !important;
}

.service__slider .swiper-pagination-bullet-active {
	background: #FEBB14;
	width: 39px;
}

.service__manage {
	padding: 12px 0 0 12px;
	font-weight: 400;
	color: #7A7A7A;
}

.service__manage-date {
	margin-top: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.service__manage-date svg {
	margin-right: 5px;
	width: 14px;
	height: 14px;
}

.service__manage-btn {
	cursor: pointer;
	padding: 10px;
	background: #C4C4C4;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	border-radius: 30px;
}

.service__manage-btn.orange {
	background: #FEBB14;
}

.service.upcoming,
.service.requested,
.service.completed {
	position: relative;
	padding-top: 10px;
}

.service.upcoming::before,
.service.requested::before,
.service.completed::before {
	content: "";
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 12px;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px 30px 0px 0px;
}

.service.upcoming::before {
	background: #FEBB14;
}

.service.requested::before {
	background: #D23D9B;
}

.service.completed::before {
	background: #05B9EC;
}

.service__box {
	padding: 0 12px;
	margin: 30px 0 20px;
	grid-column: span 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 14px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.service__box .service__manage-btn {
	width: 140px;
}

.service__complited {
	padding: 12px 12px 0 0;
	grid-area: sc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #7A7A7A;
	font-size: 15px;
	font-weight: 400;
}

.service__complited div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.service__complited svg {
	margin-right: 5px;
	width: 14px;
	height: 14px;
}

.service.review {
	grid-template-areas: "p sc"
 "p u"
 "p i"
 "s i"
 "d d"
 "b b";
}

.service.review .service__description {
	grid-column: span 2;
	padding: 12px;
}

.service.review .service__stats {
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.work {
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	padding: 12px;
	row-gap: 16px;
}

.work__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.work__user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

.work__user img {
	width: 24px;
	height: 24px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
	margin: 0 11px 0 0;
}

.work__user-level {
	margin-left: 20px;
	padding: 3px 12px;
	background: #FEBB14;
	color: #fff;
	border-radius: 10px;
	font-size: 9px;
	line-height: 1em;
}

.work__stats {
	margin: 10px 0 13px;
	display: grid;
	grid-template-columns: -webkit-max-content -webkit-max-content;
	grid-template-columns: max-content max-content;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	font-size: 12px;
}

.work__stats-parameter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.work__stats-parameter img {
	margin-right: 7px;
}

.work__cost {
	width: 60px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-align: center;
	font-weight: 600;
	white-space: nowrap;
	grid-area: cost;
	padding: 16px 6px;
	color: #fff;
	background: #F45EBD;
	-webkit-box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	font-size: 12px;
	line-height: 1em;
}

.work__info {
	margin: 0 0 17px;
}

.work__info-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: 'title title'
 'category location';
	margin: 0 0 15px;
}

.work__title {
	grid-area: title;
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 10px 0;
}

.work__category {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #7A7A7A;
	font-size: 13px;
}

.work__category img {
	width: 12px;
	height: 12px;
	-o-object-fit: cover;
	object-fit: cover;
	margin: 0 8px 0 0;
}

.work__category span {
	font-size: 11px;
}

.work__location {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	line-height: 1em;
	color: #7A7A7A;
}

.work__location img {
	margin: 0 8px 0 0;
}

.work__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.work__deadline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #7A7A7A;
	line-height: 1em;
}

.work__deadline > img {
	margin: 0 8px 0 0;
	padding-bottom: 2px;
}

.work__deadline-picker {
	margin-left: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.work__deadline-picker input {
	pointer-events: none;
	border: none;
	width: 80px;
	padding: 0;
	margin-right: 1px;
	line-height: 100%;
}

.work__deadline-picker button {
	padding: 0;
}

.work__request {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.work__request span {
	font-size: 14px;
	margin: 0 4px 0 0;
}

.work__request div {
	font-size: 10px;
	font-weight: 400;
	line-height: 1em;
	color: #fff;
	background: #FEBB14;
	padding: 6px 5px;
	border-radius: 50%;
}

.work__offer {
	cursor: pointer;
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 10px 19px;
	background: #FEBB14;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	line-height: 1em;
	border-radius: 30px;
	margin: 28px 0 0 auto;
}

.work__manage {
	line-height: 1em;
	font-weight: 400;
	color: #7A7A7A;
	margin-bottom: 6px;
}

.work__manage-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 4px;
}

.work__manage-date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.work__manage-date svg {
	width: 14px;
	height: 14px;
	margin-right: 5px;
}

/* добавил 05.05 */
.work__manage-btns {
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
}

.work__manage-btns .work__manage-btn {
	width: 160px;
	margin: 0;
	margin-left: 20px;
}

.work__manage-btns button {
	margin-top: 10px !important;
}

.work__manage-btn.orange,
.work__manage-btns.orange,
.button.orange {
	background: #FEBB14;
}

.work__manage-btn.blue,
.work__manage-btns.blue,
.button.blue {
	background: #05B9EC;
}

.work__manage-btn.pink,
.work__manage-btns.pink,
.button.pink {
	background: #F45EBD;
}

.request__date {
	display: flex;
}

.ml20 {
	margin-left: 20px;
}

.request__datapicker.width200, .width200 {
	max-width: 200px ;
}

.request__container {
	/* display: flex; */
	margin: 0;
}

.request__prise {
	position: static;
	visibility: visible;
	margin-left: 20px;
	background: #fff;
	border: none;
	-webkit-box-shadow: 10px 10px 10px 2px rgb(0 0 0 / 5%);
    box-shadow: 10px 10px 10px 2px rgb(0 0 0 / 5%);
    border-radius: 10px;
    font-weight: 400;
    color: #7A7A7A;
	padding: 15px 17px;
}

.request__box .button {
	padding: 11px 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 30px;
	width: 100%;
}

.request__box .button[disabled] {
	background: #C4C4C4;
}

/*  */
.work__manage-btn {
	display: block;
	margin: 0 0 0 auto;
	width: 140px;
	padding: 9px;
	background: #C4C4C4;
	border-radius: 30px;
	font-weight: 600;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}

.work.requested,
.work.upcoming,
.work.completed {
	position: relative;
	padding-top: 24px;
}

.work.requested::before,
.work.upcoming::before,
.work.completed::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 12px;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px 30px 0px 0px;
}

.work.requested::before {
	background: #D23D9B;
}

.work.upcoming::before {
	background: #FEBB14;
}

.work.completed::before {
	background: #05B9EC;
}

.work__inner {
	margin: 16px 0 12px;
	font-size: 15px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.work__inner .work__category {
	font-size: 15px;
}

.work__req {
	grid-column: span 3;
	justify-self: flex-end;
	font-weight: 400;
	color: #000;
}

.work__box {
	margin-top: 28px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-column-gap: 18px;
	-moz-column-gap: 18px;
	column-gap: 18px;
	row-gap: 20px;
}

.work__box > button {
	margin: 0;
}

.work__btn {
	grid-area: b;
	justify-self: flex-end;
	display: grid;
	grid-template-columns: repeat(2, -webkit-max-content);
	grid-template-columns: repeat(2, max-content);
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	padding: 16px 12px 20px 0;
}

.work__btn-manage {
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	width: 140px;
	padding: 9px;
	background: #C4C4C4;
	border-radius: 30px;
}

.one-columns {
	padding: 40px 0;
}

.two-columns {
	display: grid;
	grid-template-columns: 1fr minmax(780px, 960px);
	-webkit-column-gap: 27px;
	-moz-column-gap: 27px;
	column-gap: 27px;
	padding: 40px 0 100px;
}

.three-columns {
	padding: 40px 0;
	display: grid;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	grid-template-columns: minmax(220px, 1fr) minmax(440px, 630px) minmax(220px, 1fr);
}

.main-title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 40px;
}

.tracking__button {
	width: 220px;
	height: 48px;
	padding: 15px 8px 14px;
	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: 30px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1em;
	color: #fff;
}

.tracking__button[data-color='blue'] {
	background-color: #02B0E1;
}

.tracking__button[data-color='pink'] {
	background-color: #D23D9B;
}

.tracking__button[data-color='orange'] {
	background-color: #FEBB14;
}

.side-nav {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: grid;
	grid-template-rows: -webkit-max-content;
	grid-template-rows: max-content;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	white-space: nowrap;
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.side-nav__title {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 20px;
	color: #7A7A7A;
	border-bottom: 1px solid #7A7A7A;
	margin-bottom: 8px;
}

.side-nav__title:not(:first-of-type) {
	margin-top: 15px;
}

.side-nav a {
	margin-bottom: 8px;
}

.side-nav a.active {
	color: #05B9EC;
}

.catalogue__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	line-height: 1em;
	margin: 0 0 40px;
}

.catalogue__header-title {
	font-size: 24px;
	font-weight: 400;
	margin: 0 30px 0 0;
}

.catalogue__header-subtitle {
	color: #7A7A7A;
}

.categoryes-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, 305px);
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	row-gap: 40px;
}

.categoryes-card {
	display: grid;
	grid-template-columns: -webkit-max-content 1fr;
	grid-template-columns: max-content 1fr;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 18px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.categoryes-card img {
	width: 88px;
	height: 88px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 20px;
}

.categoryes-card:hover {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
	color: #05B9EC;
}

.faq__title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 40px;
}

.faq__container {
	display: grid;
	row-gap: 20px;
}

.faq__item {
	cursor: pointer;
	background: #EFF6FF;
	padding: 20px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 0px 10px 10px 10px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.faq__item:hover {
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
}

.faq__item-header {
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-template-columns: 1fr -webkit-max-content;
	grid-template-columns: 1fr max-content;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
}

.faq__item-header > svg {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 15px;
	height: 15px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	color: #818181;
}

.faq__item-title {
	font-size: 16px;
	margin-bottom: 0.8rem;
	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;
}

.faq__item-subtitle {
	font-size: 10px;
	color: #7A7A7A;
}

.faq__item-question {
	font-size: 16px;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.faq__item.js-open {
	background: #fff;
}

.faq__item.js-open .faq__item-header > svg {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.faq__item.js-open .faq__item-title {
	font-weight: 400;
}

.faq__item.js-open .faq__item-question {
	max-height: unset;
	margin-top: 24px;
}

.catalogue-wrapper {
	padding: 40px 0;
	display: grid;
	grid-template-columns: minmax(220px, 306px) 650px minmax(220px, 306px);
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.catalogue-list__title {
	margin-bottom: 40px;
	font-size: 24px;
	font-weight: 600;
}

.catalogue-list__container {
	display: grid;
	grid-template-rows: -webkit-max-content;
	grid-template-rows: max-content;
	row-gap: 40px;
}

.catalogue-list.manager {
	grid-row: span 2;
}

.banner {
	width: 100%;
}

.filter {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px rgba(126, 126, 126, 0.4);
	box-shadow: 0px 0px 10px rgba(126, 126, 126, 0.4);
	border-radius: 10px;
}

.filter__open_btn {
	display: none;
}

.filter > div {
	padding: 16px;
}

.filter > div:not(:last-child) {
	border-bottom: 1px solid #EFEFEF;
}

.filter__title {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
}

.filter__item-title {
	font-weight: 400;
	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;
}

.filter__item-title svg {
	display: none;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	width: 14px;
	height: 14px;
	color: #7A7A7A;
}

.filter__item-container {
	margin-top: 16px;
	display: grid;
	row-gap: 12px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.filter__item-check label {
	display: grid;
	grid-template-columns: -webkit-max-content 1fr;
	grid-template-columns: max-content 1fr;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
	line-height: 1rem;
	cursor: pointer;
}

.filter__item-check label > div {
	border-radius: 6px;
	border: 2px solid #7A7A7A;
	color: #fff;
	padding: 3px;
	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;
}

.filter__item-check label > div svg {
	width: 10px;
	height: 10px;
}

.filter__item-check > div {
	padding: 12px 0 0 24px;
	display: grid;
	row-gap: 12px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.filter__item-check input {
	visibility: hidden;
	position: absolute;
}

.filter__item-check input:checked + label > div {
	background: #FEBB14;
	border-color: #FEBB14;
}

.filter__item-text input {
	padding: 12px 16px;
	width: 100%;
	border: 2px solid #C4C4C4;
	border-radius: 30px;
}

.filter__item-text input::-webkit-input-placeholder {
	opacity: 1;
	color: #000;
}

.filter__item-text input::-moz-placeholder {
	opacity: 1;
	color: #000;
}

.filter__item-text input:-ms-input-placeholder {
	opacity: 1;
	color: #000;
}

.filter__item-text input::-ms-input-placeholder {
	opacity: 1;
	color: #000;
}

.filter__item-text input::placeholder {
	opacity: 1;
	color: #000;
}

.filter__item-radio label {
	display: grid;
	grid-template-columns: -webkit-max-content 1fr;
	grid-template-columns: max-content 1fr;
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
	line-height: 1rem;
	cursor: pointer;
}

.filter__item-radio label::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #7A7A7A;
}

.filter__item-radio label img {
	margin-left: -3px;
}

.filter__item-radio input {
	visibility: hidden;
	position: absolute;
}

.filter__item-radio input:checked + label::before {
	border: 5px solid #FEBB14;
}

.filter__item-btn {
	margin: 0 auto;
	width: 100%;
	max-width: 220px;
}

.filter__item-btn button {
	border-radius: 30px;
	width: 100%;
	padding: 16px 21px 12px;
	text-transform: uppercase;
	background: #FEBB14;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
}

.filter__item.collapsible .filter__item-title {
	cursor: pointer;
}

.filter__item.collapsible .filter__item-title svg {
	display: block;
}

.filter__item.collapsible .filter__item-container {
	margin-top: 0;
	max-height: 0;
	overflow: hidden;
}

.filter__item.collapsible.js-open .filter__item-title svg {
	-webkit-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}

.filter__item.collapsible.js-open .filter__item-container {
	margin-top: 16px;
	max-height: 350px;
	overflow-y: auto;
}

.no-results {
	font-size: 18px;
}

.no-results__btn {
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	line-height: 1em;
	background: #FEBB14;
	border-radius: 30px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 16px 54px;
	margin: 20px 0 30px;
}

.no-results img {
	width: 100%;
}

.container.main {
	margin-top: 69px;
}

.main-banner {
	height: 600px;
	background: #E5F7FC;
	overflow: hidden;
	position: relative;
}

.main-banner__slider {
	border-radius: 0px 0px 100px 100px;
	overflow: hidden;
	height: 100%;
}

.main-banner__slider::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}

.main-banner img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.main-banner__container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	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;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 3;
}

.main-banner__title {
	font-size: 64px;
	font-weight: 700;
	color: #fff;
}

.main-banner__inner {
	display: grid;
	grid-template-columns: repeat(2, -webkit-max-content);
	grid-template-columns: repeat(2, max-content);
	-webkit-column-gap: 60px;
	-moz-column-gap: 60px;
	column-gap: 60px;
}

.main-banner__inner .service-btn,
.main-banner__inner .client-btn {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	border-radius: 30px;
}

.main-banner__inner .service-btn {
	padding: 15px 80px;
	background: #02B0E1;
}

.main-banner__inner .client-btn {
	padding: 15px 85px;
	background: #D23D9B;
}

.promo {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 176, 225, 0.1)), to(rgba(255, 255, 255, 0.1)));
	background: -o-linear-gradient(top, rgba(2, 176, 225, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
	background: linear-gradient(180deg, rgba(2, 176, 225, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
	margin-bottom: 100px;
}

.promo .wrapper {
	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;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-top: 100px;
}

.promo__title {
	font-weight: 600;
	font-size: 48px;
	margin-bottom: 40px;
}

.promo__time {
	display: grid;
	grid-template-columns: repeat(4, -webkit-max-content);
	grid-template-columns: repeat(4, max-content);
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	margin-bottom: 40px;
}

.promo__time-item {
	width: 89px;
	height: 110px;
	display: grid;
	-ms-flex-line-pack: center;
	align-content: center;
	background: #fff;
	border-radius: 20px;
	text-align: center;
}

.promo__time-item p {
	font-size: 24px;
}

.promo__time-item span {
	font-size: 14px;
}

.promo__time-item:first-child {
	background: #02B0E1;
	color: #fff;
}

.promo__subtitle {
	font-size: 24px;
	font-weight: 400;
	text-align: center;
}

.promo__subtitle button {
	margin-right: 6px;
	padding: 0;
	text-decoration: underline;
}

.how {
	margin-bottom: 7px;
}

.how.gradient {
	padding-top: 100px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 176, 225, 0.1)), to(rgba(255, 255, 255, 0.1)));
	background: -o-linear-gradient(top, rgba(2, 176, 225, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
	background: linear-gradient(180deg, rgba(2, 176, 225, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.how__title {
	text-align: center;
	font-size: 48px;
	font-weight: 600;
	margin-bottom: 40px;
}

.how__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-bottom: 40px;
}

.how__subtitle {
	font-size: 24px;
	font-weight: 600;
}

.how__subtitle.js-active {
	text-decoration: underline;
}

.how__tab {
	display: none;
}

.how__tab .swiper-pagination {
	position: relative;
	margin-top: 10px;
}

.how__tab .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #C4C4C4;
	opacity: 1;
}

.how__tab .swiper-pagination-bullet-active {
	background: #FEBB14;
}

.how__tab.js-active {
	display: block;
}

.how__tab-item {
	font-size: 24px;
	text-align: center;
}

.how__tab-item img {
	width: 240px;
	height: 240px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 40px;
	margin-bottom: 10px;
}

.explore {
	margin-bottom: 100px;
	padding: 100px 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(55.73%, rgba(2, 176, 225, 0.1)), to(rgba(255, 255, 255, 0.1)));
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(2, 176, 225, 0.1) 55.73%, rgba(255, 255, 255, 0.1) 100%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(2, 176, 225, 0.1) 55.73%, rgba(255, 255, 255, 0.1) 100%);
}

.explore__title {
	text-align: center;
	font-size: 48px;
	font-weight: 600;
	margin-bottom: 40px;
}

.explore__container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.explore__inner {
	display: grid;
	row-gap: 40px;
}

.explore__qustion {
	display: grid;
	grid-template-columns: -webkit-max-content 1fr;
	grid-template-columns: max-content 1fr;
	-webkit-column-gap: 13px;
	-moz-column-gap: 13px;
	column-gap: 13px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 24px;
	line-height: 1em;
}

.explore__qustion svg {
	color: #05B9EC;
	width: 32px;
	height: 32px;
}

.explore__qustion:nth-child(2) svg {
	color: #D23D9B;
}

.explore__qustion:nth-child(3) svg {
	color: #FEBB14;
}

.explore__map {
	overflow: hidden;
	position: relative;
	/*
	-webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.05));
	filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.05));
	*/
	border-radius: 50px;
}

.explore__map-container {
	position: absolute;
	top: 0;
	left: 0;
	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;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.explore__map-location {
	position: relative;
	margin-bottom: 30px;
}

.explore__map-location img {
	position: absolute;
	top: 16px;
	right: 18px;
	pointer-events: none;
}

.explore__map-location input {
	line-height: 1em;
	background: #FFFFFF;
	border: 1px solid #E4E4E4;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	padding: 18px 40px 18px 18px;
	width: 292px;
	font-size: 18px;
	font-weight: 600;
}

.explore__map-button {
	font-weight: 600;
	font-size: 18px;
	line-height: 1em;
	color: #FFFFFF;
	padding: 15px 112px;
	background: #FEBB14;
	border-radius: 30px;
}

.map__delivery {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation-name: delivery;
	animation-name: delivery;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.map__delivery-2 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-name: delivery-2;
	animation-name: delivery-2;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.map__electrician {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-duration: 9s;
	animation-duration: 9s;
	-webkit-animation-name: electrician;
	animation-name: electrician;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.map__cleaning {
	-webkit-animation-duration: 11s;
	animation-duration: 11s;
	-webkit-animation-name: cleaning;
	animation-name: cleaning;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.popular {
	margin-bottom: 100px;
}

.popular__title {
	text-align: center;
	font-size: 48px;
	font-weight: 600;
	margin-bottom: 40px;
}

.popular__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 38px;
}

.popular__container .swiper {
	margin: 0 38px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.popular__container .swiper-wrapper {
	height: auto;
}

.popular__container .swiper-slide {
	font-size: 24px;
	text-align: center;
}

.popular__container .swiper-slide img {
	margin-bottom: 10px;
	width: 246px;
	height: 246px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 30px;
}

.popular__container .swiper-pagination {
	display: none;
}

.popular__prev,
.popular__next {
	width: 44px;
	height: 44px;
	color: #FEBB14;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #FEBB14;
	border-radius: 50%;
}

.popular__prev svg,
.popular__next svg {
	width: 12px;
}

.auth {
	display: none;
	width: 591px;
}

.auth.js-open {
	display: block;
}

.auth__container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-webkit-column-gap: 24px;
	-moz-column-gap: 24px;
	column-gap: 24px;
	margin-bottom: 40px;
}

.auth__pay {
	width: 100%;
	padding: 17px;
	background: #FFFFFF;
	border: 1px solid #E4E4E4;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	font-weight: 600;
	font-size: 18px;
	color: #7A7A7A;
	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;
}

.auth__pay img {
	margin-right: 16px;
}

.auth__pay:hover {
	border-color: #FEBB14;
}

.auth__input {
	position: relative;
	margin-bottom: 20px;
}

.auth__input input {
	width: 100%;
	background: #fff;
	border: 1px solid #E4E4E4;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	padding: 18px 30px;
	font-size: 18px;
	font-weight: 600;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	-o-transition: transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.auth__input input:hover {
	border-color: #FEBB14;
}

.auth__input input:focus {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
	border-color: #FEBB14;
}

.auth__input input::-webkit-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.auth__input input::-moz-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.auth__input input:-ms-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.auth__input input::-ms-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.auth__input input::placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.auth__input img {
	cursor: pointer;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 30px;
	z-index: 104;
}

.auth__input img:first-of-type {
	display: none;
}

.auth__input:not(:first-of-type) input {
	padding-right: 70px;
}

.auth__forgot {
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto 40px;
	font-weight: 600;
	font-size: 18px;
	color: #02B0E1;
}

.auth__forgot:hover {
	text-decoration: underline;
}

.auth__box {
	margin: 0 auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: grid;
	grid-template-columns: repeat(2, -webkit-max-content);
	grid-template-columns: repeat(2, max-content);
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}

.auth__sign-up,
.auth__login {
	min-width: 220px;
	width: 100%;
	padding: 16px 21px 13px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	border-radius: 30px;
}

.auth__login {
	background: #FEBB14;
}

.auth__sign-up {
	background: #C4C4C4;
}

.reg {
	width: 591px;
	display: none;
}

.reg.js-open {
	display: block;
}

.reg__container {
	display: grid;
	row-gap: 20px;
	margin-bottom: 30px;
}

.reg__input {
	position: relative;
}

.reg__input input {
	width: 100%;
	background: #fff;
	border: 1px solid #E4E4E4;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	padding: 18px 30px;
	font-size: 18px;
	font-weight: 600;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	-o-transition: transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.reg__input input:hover {
	border-color: #FEBB14;
}

.reg__input input:focus {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
	border-color: #FEBB14;
}

.reg__input input::-webkit-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.reg__input input::-moz-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.reg__input input:-ms-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.reg__input input::-ms-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.reg__input input::placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.reg__input img {
	cursor: pointer;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 30px;
	z-index: 104;
}

.reg__input img:first-of-type {
	display: none;
}

.reg__input:last-of-type input {
	padding-right: 70px;
}

.reg__agree {
	margin-bottom: 40px;
}

.reg__agree input {
	position: absolute;
	visibility: hidden;
}

.reg__agree label {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	cursor: pointer;
	display: grid;
	grid-template-columns: -webkit-max-content 1fr;
	grid-template-columns: max-content 1fr;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 9px;
	-moz-column-gap: 9px;
	column-gap: 9px;
	line-height: 1rem;
	font-size: 16px;
	font-weight: 400;
}

.reg__agree label > div {
	border-radius: 6px;
	border: 2px solid #7A7A7A;
	color: transparent;
	padding: 3px;
	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;
}

.reg__agree label > div svg {
	width: 10px;
	height: 10px;
}

.reg__agree label a {
	color: #02B0E1;
}

.reg__agree input:checked + label > div {
	color: #fff;
	background: #FEBB14;
	border-color: #FEBB14;
}

.reg__sign-up {
	display: block;
	margin: 0 auto;
	width: 220px;
	background: #FEBB14;
	padding: 16px 12px 12px;
	border-radius: 30px;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
}

.reg__login {
	display: block;
	margin: 0 auto;
	width: 220px;
	background: #C4C4C4;
	padding: 16px 12px 12px;
	border-radius: 30px;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
}

.reg__box {
	margin: 0 auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: grid;
	grid-template-columns: repeat(2, -webkit-max-content);
	grid-template-columns: repeat(2, max-content);
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}

.profile {
	display: grid;
	grid-template-columns: -webkit-max-content  1fr;
	grid-template-columns: max-content  1fr;
	grid-template-areas: 'user title'
 'user container';
	-webkit-column-gap: 65px;
	-moz-column-gap: 65px;
	column-gap: 65px;
}

.profile__user {
	grid-area: user;
}

.profile__container {
	grid-area: container;
}

.profile__avatar {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	overflow: hidden;
	-webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	margin-bottom: 25px;
}

.profile__avatar img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.profile__stats {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.profile__stats-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.profile__stats-item span {
	line-height: 1em;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
}

.profile__stats-item p {
	line-height: 1em;
	font-size: 10px;
	text-align: center;
}

.profile__stats-hr {
	width: 1px;
	height: 36px;
	background: #C4C4C4;
	margin: 0 10px;
}

.profile__title {
	grid-area: title;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 40px;
	line-height: 100%;
}

.profile__title h1 {
	margin-right: 20px;
	font-size: 24px;
	font-weight: 600;
}

.profile__title p {
	color: #7A7A7A;
	font-size: 15px;
	font-weight: 400;
}

.profile__info > div:not(:last-child) {
	margin-bottom: 40px;
}

.profile__main {
	display: grid;
	row-gap: 20px;
}

.profile__main-input {
	position: relative;
}

.profile__main-input input {
	color: #7A7A7A;
	font-size: 16px;
	font-weight: 600;
	padding: 13px 60px 13px 20px;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
}

.profile__main-input input::-webkit-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-input input::-moz-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-input input:-ms-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-input input::-ms-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-input input::placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-input svg {
	cursor: pointer;
	color: #E4E4E4;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	width: 30px;
	height: 30px;
}

.profile__main-input img {
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 30px;
	height: 30px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}

.profile__main-select {
	position: relative;
}

.profile__main-select select {
	color: #7A7A7A;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	padding: 13px 60px 13px 20px;
	width: 100%;
	background: #FFFFFF;
	background-image: unset !important;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
}

.profile__main-select select::-webkit-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-select select::-moz-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-select select:-ms-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-select select::-ms-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-select select::placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-select svg {
	pointer-events: none;
	color: #E4E4E4;
	position: absolute;
	top: 50%;
	right: 28px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	width: 15px;
	height: 15px;
}

.profile__main-textarea {
	position: relative;
}

.profile__main-textarea textarea {
	color: #7A7A7A;
	font-size: 16px;
	font-weight: 600;
	padding: 13px 60px 13px 20px;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	resize: none;
	height: 108px;
}

.profile__main-textarea textarea::-webkit-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-textarea textarea::-moz-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-textarea textarea:-ms-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-textarea textarea::-ms-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-textarea textarea::placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__main-textarea svg {
	cursor: pointer;
	color: #E4E4E4;
	position: absolute;
	top: 12px;
	right: 20px;
	z-index: 2;
	width: 30px;
	height: 30px;
}

.profile__datapicker {
	position: relative;
}

.profile__datapicker input {
	color: #7A7A7A;
	font-size: 16px;
	font-weight: 600;
	padding: 13px 20px 13px;
	width: 100%;
	background: #FFFFFF !important;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	cursor: pointer;
	height: unset;
}

.profile__datapicker img {
	pointer-events: none;
	padding: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	position: absolute;
}

.profile__subtitle {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 400;
}

.profile__diplomas-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, 83px);
	gap: 25px;
}

.profile__diplomas-item {
	height: 120px;
	position: relative;
}

.profile__diplomas-item > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border: 1px solid #C4C4C4;
	border-radius: 10px;
}

.profile__diplomas-item > div {
	cursor: pointer;
	position: absolute;
	top: -10px;
	right: -5px;
}

.profile__diplomas-add label {
	cursor: pointer;
	border: 1px dashed #7A7A7A;
	border-radius: 10px;
	width: 100%;
	height: 100%;
	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;
}

.profile__diplomas-add input {
	position: absolute;
	visibility: hidden;
}

.profile__diplomas-add img {
	width: 34px;
	height: 34px;
}

.profile__diplomas-add:hover {
	border-color: #FEBB14;
}

.profile__social-container {
	display: grid;
	row-gap: 20px;
}

.profile__social-input {
	position: relative;
}

.profile__social-input input {
	color: #7A7A7A;
	font-size: 16px;
	font-weight: 600;
	padding: 13px 60px 13px 56px;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
}

.profile__social-input input::-webkit-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__social-input input::-moz-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__social-input input:-ms-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__social-input input::-ms-input-placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__social-input input::placeholder {
	color: #7A7A7A;
	opacity: 1;
}

.profile__social-input svg {
	cursor: pointer;
	color: #E4E4E4;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	width: 30px;
	height: 30px;
}

.profile__social-input img {
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.profile__social-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.profile__social-links {
	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;
	width: 24px;
	height: 24px;
}

.profile__social-links:not(:last-child) {
	margin-right: 30px;
}

.profile__social-links img {
	width: 100%;
	height: 100%;
	-webkit-filter: saturate(0%) brightness(70%) contrast(1000%);
	filter: saturate(0%) brightness(70%) contrast(1000%);
}

.profile__social-links:hover img {
	-webkit-filter: unset;
	filter: unset;
}

.profile__save {
	display: block;
	margin: 0 0 0 auto;
	width: 220px;
	padding: 16px 0 13px;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	background: #FEBB14;
	border-radius: 30px;
}

.chats__wrapper {
	display: grid;
	row-gap: 16px;
}

.chats__item {
	cursor: pointer;
	padding: 12px 10px;
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 0px 10px 10px 10px;
	display: grid;
	grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
	grid-template-columns: max-content 1fr max-content;
	grid-template-areas: 'img name time'
 'img message message';
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	row-gap: 4px;
	line-height: 100%;
}

.chats__item-img {
	grid-area: img;
	width: 36px;
	height: 36px;
}

.chats__item-img img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.chats__item-name {
	grid-area: name;
	font-size: 14px;
	font-weight: 400;
}

.chats__item-last_message {
	overflow: hidden;
	grid-area: message;
	font-size: 12px;
	max-width: 90%;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chats__item-time {
	grid-area: time;
	font-size: 12px;
	color: #7A7A7A;
}

.chats__item.notif .chats__item-img {
	position: relative;
}

.chats__item.notif .chats__item-img::before {
	content: '';
	position: absolute;
	top: 2px;
	right: -3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #4DB6AC;
	z-index: 3;
}

.chat__title {
	margin-bottom: 24px;
}

.chat__back {
	cursor: pointer;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 15px;
	font-weight: 400;
	color: #7A7A7A;
	line-height: 1em;
	margin-bottom: 16px;
}

.chat__back svg {
	width: 13px;
	height: 8px;
	margin-right: 5px;
}

.chat__wrapper {
	padding: 24px 12px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 20px;
	display: grid;
	grid-template-rows: 1fr -webkit-max-content;
	grid-template-rows: 1fr max-content;
	height: 60vh;
	overflow-y: auto;
}

.chat__container {
	display: grid;
	row-gap: 20px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

.chat__ad {
	font-size: 12px;
	font-weight: 600;
}

.chat__date {
	justify-self: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 10px;
	line-height: 1em;
	padding: 5px 18px;
	background: #ECECEC;
	border-radius: 30px;
}

.chat__message {
	max-width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.chat__message img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin-right: 8px;
}

.chat__message-container {
	position: relative;
	padding: 10px 28px 10px 16px;
	font-size: 12px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 0px 10px 10px 10px;
}

.chat__message-container span {
	font-size: 8px;
	position: absolute;
	bottom: 3px;
	right: 10px;
	color: #7A7A7A;
}

.chat__message.notif {
	font-weight: 600;
}

.chat__my-message {
	justify-self: right;
	max-width: 40%;
	position: relative;
	padding: 10px 16px 10px 28px;
	background: #FFEDF8;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 10px 0px 10px 10px;
	font-size: 12px;
	text-align: right;
}

.chat__my-message span {
	font-size: 8px;
	position: absolute;
	bottom: 3px;
	left: 10px;
	color: #7A7A7A;
}

.chat__my-message.notif {
	font-weight: 600;
}

.chat__new-message {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin-top: 24px;
}

.chat__new-message textarea {
	font-size: 12px;
	width: 100%;
	border: 1px solid #E4E4E4;
	-webkit-box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	resize: none;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	padding: 9px 16px;
}

.chat__new-message button {
	padding: 0;
	position: absolute;
	top: 50%;
	right: 16px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.post-an-ad {
	display: none;
}

.post-an-ad.js-active {
	display: block;
}

.post-an-ad__container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 0 45px;
	-webkit-column-gap: 60px;
	-moz-column-gap: 60px;
	column-gap: 60px;
}

.post-an-ad__box {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 30px auto 0;
	display: grid;
	grid-template-columns: repeat(2, -webkit-max-content);
	grid-template-columns: repeat(2, max-content);
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.post-an-ad__pay,
.post-an-ad__edit {
	width: 128px;
	padding: 10px 6px;
	border-radius: 30px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
}

.post-an-ad__pay {
	background: #FEBB14;
}

.post-an-ad__edit {
	background: #C4C4C4;
}

.post-an-ad__success {
	margin: 0 auto;
	width: 180px;
	height: 180px;
	color: #058634;
}

.side-filter__title {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 24px;
}

.side-filter__wrapper {
	display: grid;
	row-gap: 16px;
	margin-bottom: 32px;
}

.side-filter__wrapper .filter__item-check span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.side-filter__wrapper .filter__item-check span::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-left: 8px;
}

.side-filter__wrapper .filter__item-check:nth-child(1) span::after {
	background: #D23D9B;
}

.side-filter__wrapper .filter__item-check:nth-child(2) span::after {
	background: #FEBB14;
}

.side-filter__wrapper .filter__item-check:nth-child(3) span::after {
	background: #05B9EC;
}

.side-filter__category {
	max-width: 135px;
}

.side-filter__category:not(:last-child) {
	margin-bottom: 16px;
}

.side-filter__category-title {
	font-weight: 400;
	margin-bottom: 16px;
}

.side-filter__category-wrapper {
	display: grid;
	row-gap: 12px;
}

.post-service {
	width: 591px;
	display: none;
}

.post-service.js-active {
	display: block;
}

.post-service__input {
	margin-bottom: 20px;
	width: 100%;
	background: #fff;
	padding: 12px 30px;
	font-weight: 600;
	color: #7A7A7A;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	border: none;
	resize: none;
}

.post-service__input::-webkit-input-placeholder {
	opacity: 1;
}

.post-service__input::-moz-placeholder {
	opacity: 1;
}

.post-service__input:-ms-input-placeholder {
	opacity: 1;
}

.post-service__input::-ms-input-placeholder {
	opacity: 1;
}

.post-service__input::placeholder {
	opacity: 1;
}

.post-service__provide {
	margin-bottom: 20px;
}

.post-service__provide-container {
	display: grid;
	row-gap: 12px;
}

.post-service__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 30px;
}

.post-service__category {
	display: grid;
	grid-template-columns: 1fr -webkit-max-content;
	grid-template-columns: 1fr max-content;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	padding: 10px 16px;
	background: #C4C4C4;
	border-radius: 30px;
	min-width: 120px;
	max-width: 120px;
}

.post-service__category svg {
	margin-left: 10px;
	width: 12px;
	height: 12px;
}

.post-service__category span {
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.post-service__container {
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.post-service__subtitle {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 400;
}

.fz-15 {
	font-size: 15px;
}

.range {
	margin-bottom: 8px;
}

.range__title {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 10px 18px;
	background: #C4C4C4;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	color: #fff;
	font-weight: 400;
}

.range__container {
	max-height: 0;
	overflow: hidden;
}

.range__container.js-open {
	max-height: unset;
	overflow: unset;
	padding: 15px 0 0 0;
}

.range__values {
	position: relative;
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #999999;
}

.range__values-input {
	pointer-events: none;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 0;
	visibility: visible !important;
	border: none;
	text-align: center;
	color: #999999;
}

.select-category__wrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 104;
	background: #E5F7FC;
	padding: 40px 0;
	grid-template-rows: -webkit-max-content 1fr -webkit-max-content;
	grid-template-rows: max-content 1fr max-content;
	row-gap: 30px;
	border-radius: 30px;
}

.select-category__wrapper-reletive {
	padding: 0;
	grid-template-rows: -webkit-max-content 360px -webkit-max-content;
	grid-template-rows: max-content 360px max-content;
	position: relative;
}

.select-category__wrapper-reletive > button {
	margin: 0;
}

.select-category__wrapper-reletive .select-category__container {
	margin: 0 -40px;
	width: calc(100% + 80px);
}

.select-category__wrapper.js-active {
	display: grid;
}

.select-category__header {
	position: relative;
	padding: 0 40px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

.select-category__header h3 {
	font-weight: 400;
	font-size: 24px;
}

.select-category__header h3:last-of-type {
	margin-left: 40px;
}

.select-category__check {
	display: grid;
}

.select-category__check label {
	cursor: pointer;
	width: 100%;
	padding: 14px 40px;
	font-weight: 400;
	font-size: 16px;
}

.select-category__check input {
	position: absolute;
	visibility: hidden;
}

.select-category__check input:checked + label {
	background: #10C4F6;
	color: #fff;
}

.select-category__select {
	margin-right: 40px;
	justify-self: flex-end;
}

.select-category__container {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-height: 100%;
	overflow-y: auto;
}

.select-category__container > div {
	max-height: 100%;
	overflow-y: scroll;
}

.select-category__close {
	position: absolute;
	top: -28px;
	right: 18px;
}

.select-category__service {
	display: none;
}

.select-category__service .filter__item-radio {
	padding: 14px 40px;
	text-align: left;
}

.select-category__service .filter__item-check {
	padding: 14px 40px;
	text-align: left;
}

.select-category__service.js-active {
	display: block;
}

.dropdown-modal {
	position: relative;
	min-width: 120px;
	max-width: 120px;
}

.dropdown-modal-long {
	max-width: 155px;
}

.dropdown-modal__button {
	width: 100%;
	display: grid;
	-webkit-column-gap: 4px;
	-moz-column-gap: 4px;
	column-gap: 4px;
	grid-template-columns: 1fr -webkit-max-content;
	grid-template-columns: 1fr max-content;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	place-content: center;
	padding: 10px 15px;
	background: #C4C4C4;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	color: #fff;
	font-weight: 400;
}

.dropdown-modal__button-indicator {
	width: 12px;
	height: 12px;
}

.dropdown-modal__button-inverse {
	grid-template-columns: -webkit-max-content 1fr;
	grid-template-columns: max-content 1fr;
}

.dropdown-modal__button span {
	display: block;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 120px;
}

.dropdown-modal__list {
	position: absolute;
	top: calc(100% + 10px);
	pointer-events: none;
	opacity: 0;
	display: grid;
	row-gap: 15px;
	background-color: #fff;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	min-width: 200px;
	left: 50%;
	padding: 15px;
	border-radius: 20px;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	max-height: 0;
	z-index: 2;
}

.dropdown-modal__list-item {
	width: 100%;
}

.dropdown-modal__list-item input {
	width: 100%;
	border: none;
}

.dropdown-modal.js-open .dropdown-modal__list {
	pointer-events: unset;
	opacity: 1;
	max-height: unset;
}

.datapicker-modal input {
	position: absolute;
	visibility: hidden;
}

.datapicker-modal__button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-weight: 400;
	padding: 10px 12px;
	background: #C4C4C4;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
}

.datapicker-modal__button img {
	padding: 4px;
	background: #fff;
	border-radius: 50%;
}

.datapicker-modal__button span {
	margin: 0 4px;
}

.datapicker-modal__button svg {
	width: 12px;
	height: 12px;
}

.specify-location {
	margin: 12px 0 0 26px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.specify-location input {
	visibility: unset;
	position: relative;
}

.request__info {
	width: 100%;
	margin: 10px 0;
	padding: 12px;
	border: none;
	resize: none;
	background: #FFFFFF;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
}

.request__datapicker {
	width: 100%;
	padding: 15px 17px;
	background: #FFFFFF;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	font-weight: 400;
	color: #7A7A7A;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.request__datapicker span {
	margin: 0 5px;
}

.request__datapicker svg {
	width: 14px;
	height: 14px;
}

.request__container > input {
	position: absolute;
	visibility: hidden;
}

.request__box {
	margin: 23px 0 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.request__btn {
	width: 128px;
	padding: 11px 2px;
	background: #FEBB14;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	border-radius: 30px;
}

.modal-kudos {
	display: none;
}

.modal-kudos.js-open {
	display: block;
}

.modal-kudos__estimation:not(:last-child) {
	margin-right: 16px;
}

.modal-kudos__estimation img {
	padding: 5px;
	border-radius: 50%;
	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;
}

.modal-kudos__estimation label {
	cursor: pointer;
	display: block;
	padding-bottom: 4px;
	border-bottom: 1px solid transparent;
}

.modal-kudos__estimation input {
	position: absolute;
	visibility: hidden;
}

.modal-kudos__estimation input:checked + label {
	border-color: #FEBB14;
}

.modal-kudos__estimation:nth-child(1) img {
	background-color: #4DB6AC;
}

.modal-kudos__estimation:nth-child(2) img {
	background-color: #C4C4C4;
}

.modal-kudos__estimation:nth-child(3) img {
	background-color: #F24E1E;
}

.modal-kudos__area {
	margin: 20px 0;
	padding: 12px;
	width: 100%;
	background: #FFFFFF;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	border: none;
	resize: none;
}

.modal-kudos__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.modal-kudos__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.modal-kudos__indicator {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #C4C4C4;
}

.modal-kudos__indicator span {
	font-size: 9px;
	font-weight: 400;
	margin-right: 8px;
}

.modal-kudos__indicator input {
	position: absolute;
	visibility: hidden;
}

.modal-kudos__indicator label {
	cursor: pointer;
	width: 30px;
	height: 30px;
	padding: 6px 8px 8px 8px;
	border-radius: 50%;
	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: 2px solid #C4C4C4;
}

.modal-kudos__indicator input:checked + label {
	color: #FEBB14;
	border-color: #FEBB14;
}

.review {
	position: relative;
	overflow: hidden;
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	padding: 22px 12px 20px;
}

.review::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 12px;
	background: #05B9EC;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px 30px 0px 0px;
}

.review.requested::before {
	background-color: #D23D9B;
}

.review.upcoming::before {
	background-color: #FEBB14;
}

.review__estimation {
	position: absolute;
	top: 0px;
	left: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	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;
	padding: 5px;
	background: #C4C4C4;
	border-radius: 50%;
}

.review__estimation.sad {
	background: #F24E1E;
}

.review__estimation.smile {
	background: #4DB6AC;
}

.review__user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.review__user img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin-right: 10px;
}

.review__text {
	margin: 16px 0 30px;
}

.review__container {
	position: relative;
	background: #F7F7F7;
	padding: 23px 16px;
}

.review__container .review__user {
	font-size: 10px;
}

.review__container .review__user img {
	width: 18px;
	height: 18px;
}

.review__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.review__kudos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 9px;
	color: #808080;
}

.review__kudos div {
	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;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 1px solid #808080;
	padding: 3px;
	margin-bottom: 2px;
}

.review__kudos.js-active div {
	color: #FEBB14;
	border-color: #FEBB14;
}

.review__box {
	font-size: 8px;
	line-height: 100%;
	color: #7A7A7A;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px;
}

.review__box svg {
	width: 12px;
	height: 12px;
}

.review__deadline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 10px;
}

.review__deadline svg {
	margin-right: 8px;
}

.review__about {
	font-size: 12px;
	font-weight: 400;
	color: #000;
}

.calendar {
	display: grid;
	grid-template-columns: 305px 1fr;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.calendar__container {
	display: grid;
	row-gap: 40px;
}

.calendar__container-title {
	display: none;
}

.calendar__datapicker-container input {
	visibility: hidden;
	position: absolute;
}

.calendar .flatpickr-calendar {
	background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 10px rgba(122, 122, 122, 0.4);
	box-shadow: 0px 0px 10px rgba(122, 122, 122, 0.4);
	border-radius: 20px;
}

.calendar .flatpickr-months {
	margin-bottom: 12px;
	padding: 17px 16px 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.calendar .flatpickr-months .flatpickr-prev-month,
.calendar .flatpickr-months .flatpickr-next-month {
	position: relative;
	padding: 0;
	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;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

.calendar .flatpickr-months .flatpickr-prev-month::before,
.calendar .flatpickr-months .flatpickr-prev-month::after,
.calendar .flatpickr-months .flatpickr-next-month::before,
.calendar .flatpickr-months .flatpickr-next-month::after {
	display: block;
	font-size: 13px;
	color: #7A7A7A;
	text-transform: uppercase;
	line-height: 100%;
}

.calendar .flatpickr-months .flatpickr-prev-month svg,
.calendar .flatpickr-months .flatpickr-next-month svg {
	width: 8px;
	height: 8px;
	fill: #05B9EC;
}

.calendar .flatpickr-months .flatpickr-prev-month::after {
	content: "prev";
}

.calendar .flatpickr-months .flatpickr-next-month::before {
	content: "next";
}

.calendar .flatpickr-months .flatpickr-month {
	height: 20px;
	overflow: unset;
}

.calendar .flatpickr-months .flatpickr-monthDropdown-months {
	text-align: right;
	pointer-events: none;
	border: none;
	font-weight: unset;
	padding: 0;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.calendar .flatpickr-current-month {
	display: block;
	position: relative;
	width: unset;
	font-size: 20px;
	font-weight: 600;
	padding: 0;
	left: unset;
	height: unset;
}

.calendar .flatpickr-current-month .numInputWrapper {
	pointer-events: none;
}

.calendar .flatpickr-current-month .numInputWrapper input {
	font-weight: 600;
}

.calendar .flatpickr-current-month input.cur-year {
	width: 48px;
	padding: 0;
}

.calendar .flatpickr-weekdays {
	height: unset;
}

.calendar .flatpickr-weekday {
	display: block;
	font-size: 15px;
	font-weight: 400;
	color: #05B9EC;
	padding: 15px 0;
	border-bottom: 1px solid #EFEFEF;
}

.calendar .flatpickr-weekday:not(:last-child) {
	margin-right: 1px;
}

.calendar .flatpickr-day {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	line-height: 100%;
	padding: 9px 5px;
	width: 44px;
	height: 44px;
	max-width: unset;
	border-radius: 0;
	border-bottom: 1px solid #EFEFEF;
}

.calendar .flatpickr-day .box {
	margin-top: 5px;
	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;
}

.calendar .flatpickr-day .event {
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #05B9EC;
}

.calendar .flatpickr-day .event:not(:last-child) {
	margin-right: 5px;
}

.calendar .flatpickr-day.prevMonthDay {
	visibility: hidden;
}

.calendar .flatpickr-day.last-row {
	border-color: transparent;
}

.calendar .flatpickr-day.nextMonthDay {
	display: none;
}

.calendar .flatpickr-day.today {
	border-color: transparent;
	border-bottom: 1px solid #EFEFEF;
}

.calendar .flatpickr-day.selected {
	border: 2px solid #F45EBD;
	background: #fff;
	color: #F45EBD;
}

.calendar .flatpickr-day.selected .event {
	background: #F45EBD;
}

.calendar .flatpickr-day.selected:hover {
	border: 2px solid #F45EBD;
	background: #fff;
	color: #F45EBD;
}

.calendar .flatpickr-day:hover {
	border: 2px solid #F45EBD;
	background: #fff;
	color: #F45EBD;
}

.calendar .dayContainer {
	max-width: unset;
	min-width: unset;
	width: unset;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.calendar__comment {
	padding-top: 20px;
}

.calendar__comment-add,
.calendar__comment-create,
.calendar__comment-change,
.calendar__comment textarea {
	display: none;
}

.calendar__comment-add.js-active,
.calendar__comment-create.js-active,
.calendar__comment-change.js-active,
.calendar__comment textarea.js-active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.calendar__comment-create,
.calendar__comment-change {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.calendar__comment-create button,
.calendar__comment-change button {
	color: #7A7A7A;
	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;
	width: 24px;
	height: 24px;
}

.calendar__comment-create button:first-child,
.calendar__comment-change button:first-child {
	margin-right: 12px;
}

.calendar__comment-remove {
	padding: 0;
}

.calendar__comment textarea {
	width: 100%;
	padding: 12px;
	min-height: 108px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 20px;
	margin-bottom: 4px;
	line-height: 18px;
	resize: none;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.calendar__comment textarea::-webkit-scrollbar {
	width: 0;
}

.user-profile {
	padding: 40px 0;
	display: grid;
	grid-template-columns: 305px 1fr;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.user-profile__info {
	grid-row: 1/3;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	padding: 20px 16px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
}

.user-profile__title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 40px;
}

.user-profile__subtitle {
	font-weight: 400;
	margin-bottom: 8px;
	line-height: 100%;
}

.user-profile__user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 24px;
}

.user-profile__user img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin-right: 11px;
}

.user-profile__about {
	margin-bottom: 24px;
}

.user-profile__about p:not(:last-child) {
	margin-bottom: 24px;
}

.user-profile__since {
	text-align: right;
	font-weight: 400;
	color: #7A7A7A;
}

.user-profile__social {
	margin-bottom: 30px;
}

.user-profile__social-links {
	-webkit-filter: grayscale(100%) brightness(50%) contrast(2);
	filter: grayscale(100%) brightness(50%) contrast(2);
}

.user-profile__social-links:not(:last-child) {
	margin-right: 20px;
}

.user-profile__social-links:hover {
	-webkit-filter: unset;
	filter: unset;
}

.user-profile__wrapper {
	grid-column: 2/3;
	display: grid;
	row-gap: 40px;
}

.grades {
	margin: 30px 0 24px;
	padding: 0 12px;
	grid-column: span 2;
	display: grid;
	grid-template-columns: minmax(140px, 190px) minmax(15px, 1fr) minmax(140px, 190px) minmax(15px, 1fr) minmax(140px, 190px) minmax(15px, 1fr) minmax(140px, 190px);
	overflow-x: auto;
}

.grades__container {
	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: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: 12px;
}

.grades__kudos,
.grades__jobs {
	color: #7A7A7A;
}

.grades__jobs {
	text-align: right;
}

.grades__progress {
	margin: 12px 0 2px;
	position: relative;
	height: 11px;
	background: rgba(2, 176, 225, 0.1);
}

.grades__progress-bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: #4DB6AC;
}

.grades__step.lerner .grades__progress-bar {
	background: #FEBB14;
}

.grades__step.skilled .grades__progress-bar {
	background: #F45EBD;
}

.grades__step.expert .grades__progress-bar {
	background: #05B9EC;
}

.grades hr {
	height: 1px;
	margin: 32px 2px 0;
	border: 1px dashed #7A7A7A;
}

.price-range__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.price-range__container:not(:last-child) {
	margin-bottom: 10px;
}

.price-range__container span {
	color: #999999;
}

.price-range__param {
	width: 100%;
	max-width: 120px;
	height: 34px;
	border: 1px solid #C4C4C4;
	border-radius: 30px;
	-moz-text-align-last: center;
	text-align-last: center;
}

.price-range__param:first-child {
	margin-right: 10px;
}

.price-range__param::-webkit-input-placeholder {
	opacity: 1;
	color: #000;
	font-weight: 400;
}

.price-range__param::-moz-placeholder {
	opacity: 1;
	color: #000;
	font-weight: 400;
}

.price-range__param:-ms-input-placeholder {
	opacity: 1;
	color: #000;
	font-weight: 400;
}

.price-range__param::-ms-input-placeholder {
	opacity: 1;
	color: #000;
	font-weight: 400;
}

.price-range__param::placeholder {
	opacity: 1;
	color: #000;
	font-weight: 400;
}

.price-range__progress {
	padding: 0 10px;
	margin-bottom: 10px;
}

.notifications__wrapper {
	margin-bottom: 40px;
}

.notifications__item {
	padding: 15px 20px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 0px 10px 10px 10px;
	background: #fff;
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
	grid-template-columns: max-content 1fr max-content;
}

.notifications__item-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover;
}

.notifications__item-container {
	line-height: 100%;
	margin: 0 20px;
}

.notifications__item-date {
	margin-top: 8px;
	font-size: 12px;
	color: #7A7A7A;
}

.notifications__item-delete svg {
	width: 18px;
	height: 18px;
	color: #808080;
}

.notifications__item:hover {
	border-color: #FEBB14;
}

.about-us {
	padding: 40px 0 100px;
}

.about-us__subtitle {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 40px;
}

.about-us__text {
	margin-bottom: 40px;
}

.about-us__text p:not(:last-child) {
	margin-bottom: 1em;
}

.about-us__statistic {
	margin-bottom: 100px;
}

.about-us__statistic .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.about-us__statistic .swiper-pagination {
	margin-top: 12px;
	position: relative;
}

.about-us__statistic .swiper-pagination-bullet {
	opacity: 1;
	background: #C4C4C4;
}

.about-us__statistic .swiper-pagination-bullet[aria-current="true"] {
	background: #FEBB14;
}

.about-us__statistic-item {
	position: relative;
	width: 180px;
	height: 180px;
	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;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.about-us__statistic-item p {
	font-weight: 600;
	font-size: 29px;
	color: #02B0E1;
	margin-bottom: 5px;
	line-height: 100%;
}

.about-us__statistic-item span {
	font-size: 20px;
	line-height: 100%;
}

.about-us__statistic-item svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.about-us__banner {
	background: rgba(2, 176, 225, 0.1);
	border-radius: 30px;
	padding: 57px 50% 57px 39px;
	position: relative;
	overflow: hidden;
	margin-bottom: 100px;
}

.about-us__banner-title {
	text-align: center;
	font-size: 36px;
	font-weight: 400;
	line-height: 48px;
	margin-bottom: 40px;
	position: relative;
	z-index: 2;
}

.about-us__banner-container {
	position: relative;
	z-index: 2;
	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;
}

.about-us__banner-container a {
	display: block;
}

.about-us__banner-container a:first-child {
	margin-right: 40px;
}

.about-us__banner > img {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0;
}

.about-us__choose {
	margin-bottom: 40px;
}

.about-us__choose > h2 {
	margin-bottom: 24px;
}

.about-us__choose .swiper {
	position: relative;
	margin: 0 auto;
	max-width: 968px;
	padding: 0 60px;
}

.about-us__choose .swiper-slide {
	text-align: center;
}

.about-us__choose .swiper-pagination {
	margin-top: 12px;
	position: relative;
}

.about-us__choose .swiper-pagination-bullet {
	opacity: 1;
	background: #C4C4C4;
}

.about-us__choose .swiper-pagination-bullet[aria-current="true"] {
	background: #FEBB14;
}

.about-us__choose .swiper-btn {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

.about-us__choose .swiper-btn-prev,
.about-us__choose .swiper-btn-next {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1px solid #FEBB14;
	color: #FEBB14;
	padding: 11px;
}

.about-us__choose .swiper-btn-prev {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.about-us__choose .swiper-btn-next {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.about-us__user {
	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;
	margin-bottom: 12px;
}

.about-us__user img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover;
}

.about-us__user span {
	margin: 0 11px;
	font-size: 18px;
}

.about-us__user div {
	background: #FEBB14;
	padding: 2px 9px;
	min-width: 55px;
	font-size: 9px;
	color: #fff;
	line-height: 100%;
	border-radius: 10px;
}

.about-us__how > h2 {
	margin-bottom: 60px;
}

.about-us__how-container {
	padding: 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.about-us__how hr {
	margin: 45px -45px 0;
	height: 1px;
	border: none;
	border-top: 2px dashed #7A7A7A;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.about-us__how-item {
	width: 180px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.about-us__how-item img {
	width: 90px;
	height: 90px;
}

.about-us__how-item p {
	text-align: center;
	margin-top: 5px;
	font-size: 18px;
	line-height: 22px;
}

.noUi-target {
	border-radius: 0;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #C4C4C4;
}

.noUi-horizontal {
	height: 4px;
}

.noUi-horizontal .noUi-handle {
	width: 16px;
	height: 16px;
	right: -8px;
}

.noUi-connect {
	background: #FEBB14;
}

.noUi-handle {
	cursor: pointer;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #FEBB14;
}

.noUi-handle::before,
.noUi-handle::after {
	content: none;
}

.pagination {
	margin: 40px 0 0 0;
	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;
	font-size: 15px;
	line-height: 1em;
}

.pagination > a > * {
	pointer-events: none;
}

.pagination > a.hidden {
	opacity: 0;
	visibility: hidden;
}

.pagination > a:first-child img {
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.pagination a {
	cursor: pointer;
	width: 32px;
	height: 32px;
	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: 6px;
}

.pagination a.current {
	background: #F9BA07;
	color: #fff;
}

.pagination i {
	width: 32px;
	height: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.pagination > span {
	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;
}

.error {
	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;
	font-size: 1rem;
	line-height: 1em;
}

.error-wrapper {
	margin: 50px 0 114px 0;
	display: flex;
	flex-direction: column;
}

.error__button {
	margin: 0 auto;
	width: 220px;
	height: 48px;
	background: #FEBB14;
	border-radius: 30px;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	color: #FFFFFF;
}

.settings__title{
	font-size: 24px;
	margin-bottom: 40px;
}

.settings__subtitle {
	font-size: 20px;
	margin-bottom: 20px;
}

.settings__marketing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: start;
	margin-bottom: 40px;
}

.settings__checkbox {
	-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
	min-width: 16px;
	width: 16px;
	min-height: 16px;
	height: 16px;
	border-radius: 5px;
	margin-right: 8px;
	cursor: pointer;
}

.settings__checkbox:checked {
	background: #FEBB14;
}

.settings__checkbox:checked::before {
	content: url("../img/chek.svg");
	position: relative;
	top: -1px;
	left: 2px;
}

.settings__form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	font-size: 1rem;
	line-height: 1em;
}

.settings__form-input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 12px 30px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	margin-bottom: 20px;
}

.settings__form-input input {
	width: 100%;
	border: none;
	padding: 5px 0;
}

.settings__form-input_button {
	min-width: 30px;
	min-height: 30px;
	padding: 0;
}

.settings__form_button {
	width: 220px;
	height: 48px;
	padding: 15px 0;
	background-color: #FEBB14;
	border-radius: 30px;
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	margin: 10px 0 40px 0;
}

.settings__form_button[disabled]{
	background-color: #C4C4C4;
}

.settings__divider {
	width: 954px;
	border: 1px solid #C4C4C4;
	margin-bottom: 40px;
}

.settings__button {
	position: relative;
	width: 305px;
	height: 48px;
	background: #FFFFFF;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	border-radius: 30px;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	color: #C4C4C4;
	padding: 16px 0;
}

.settings__button img {
	position: relative;
	top: -3px;
	color: #C4C4C4;
}

.contact__wrapper {
	margin-top: 40px;
}

.contact__title {
	margin-bottom: 40px;
}

.contact__form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	font-size: 1rem;
	line-height: 1em;
}

.contact__form-select {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	margin-bottom: 20px;
	background-color: #fff;
	z-index: 1;
	transition: all .2s;
}

.contact__form-select-active {
	display: block;
}

.contact__form-option {
	padding: 13px 30px;
}

.contact__form-option:hover {
	background: rgba(2, 176, 225, 0.1);
}

.contact__form-input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: start;
	position: relative;
	padding: 12px 30px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	margin-bottom: 20px;
}

.contact__form-input:first-child {
	margin-bottom: 40px;
}

.contact__form-input.textarea {
	margin: 20px 0 0 0;
}

.contact__form-input input {
	width: 100%;
	border: none;
	padding: 5px 0;
}

.contact__form-output {
	width: 100%;
	padding: 7px 0;
	vertical-align: middle;
	cursor: pointer;
}

.contact__form-input_button {
	min-width: 30px;
	min-height: 30px;
	padding: 0;
}

.contact__form-textarea {
	width: 100%;
	min-height: 174px;
	resize: none;
	border: none;
	padding: 5px 0;
}

.contact__form_button {
	width: 220px;
	height: 48px;
	padding: 15px 0;
	background-color: #FEBB14;
	border-radius: 30px;
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	margin: 60px 0 100px auto;
}

.analytics__title {
	font-size: 24px;
	margin-bottom: 40px;
}

.analytics__date {
	display: inline-block;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	color: #000000;
	background: #ECECEC;
	border-radius: 30px;
	padding: 10px 16px;
	margin-bottom: 24px;
}

.analytics__table {
	width: 100%;
	border: 1px solid #ECECEC;
	margin-bottom: 40px;
}

.analytics__table th {
	font-size: 15px;
	text-align: left;
	border: 1px solid #ECECEC;
	padding: 12px 16px;
	background: #ECECEC;
}

.analytics__table td {
	font-weight: 300;
	font-size: 15px;
	border: 1px solid #ECECEC;
	padding: 12px 16px;
}

.analytics__table_text-normal td{
	font-weight: normal;
}


.analytics__checkbox {
	-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
	min-width: 16px;
	width: 16px;
	min-height: 16px;
	height: 16px;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	top: 2px;
}

.analytics__checkbox:checked {
	background: #FEBB14;
}

.analytics__checkbox:checked {
	background-image: url("../img/chek.svg");
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: center;
}

.analytics__gfaf_detail {
	display: -webkit-box;
 	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 24px;
}

.analytics__gfaf_detail span {
	font-weight: 400;
	font-size: 15px;
	margin-right: 12px;
}

.analytics__gfaf_detail-input{
	position: relative;
	padding: 9px 16px 9px 40px;
	background: #ECECEC;
	border-radius: 30px;
}

.analytics__gfaf_detail-input:nth-child(3) {
	margin: 0 12px;
}

.analytics__gfaf_detail-input label {
	display: -webkit-inline-box;
  	display: -ms-inline-flexbox;
  	display: inline-flex;
   	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	line-height: 15px;
	color: #000000;
	cursor: pointer;
}

.analytics__gfaf_detail-input label:before {
	content: url("../img/analytics/radio.svg");
	position: absolute;
	top: 10px;
	left: 16px;
}

.analytics__gfaf_detail-input input:checked + label:before {
	content: url("../img/analytics/radio_cheked.svg");
}

.analytics__gfaf_detail-input input {
	display: none;
}

.analytics__graf_legend {
	display: -webkit-box;
 	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.analytics__gfaf_legend-input {
	position: relative;
	margin-top: 16px;
	margin-right: 32px;
}

.analytics__gfaf_legend-input label {
	cursor: pointer;
}

.analytics__gfaf_legend-input input {
	-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
	min-width: 16px;
	width: 16px;
	min-height: 16px;
	height: 16px;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	top: 2px;
}

.analytics__gfaf_legend-input input:checked {
	background: #FEBB14;
}

.analytics__gfaf_legend-input input:checked {
	background-image: url("../img/chek.svg");
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: center;
}

#legend_first:checked {
	background-color: rgba(210, 61, 155, 1);
}

#legend_second:checked {
	background-color: rgba(181, 2, 44, 1);
}

#legend_third:checked {
	background-color: rgba(5, 134, 52, 1);
}

#legend_fourth:checked {
	background-color: rgba(254, 187, 20, 1);
}

#legend_fifth:checked {
	background-color: rgba(5, 185, 236, 1);
}

.service__payment {
	display: -ms-grid;
  	display: grid;
  	-ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
	margin-bottom: 30px;
}

.popup__title.service__payment__title {
	margin-bottom: 24px;
}

.service__payment__sistem {
	padding-left: 10px;
}

.sistem__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.service__payment__sistem h3,
.service__payment__period h3 {
	margin-bottom: 24px;
}

.period__radio {
	margin-bottom: 24px;
}

.period__item-radio {
	margin-bottom: 16px;
}

.period__item-radio label {
	display: grid;
	grid-template-columns: -webkit-max-content 1fr;
	grid-template-columns: max-content 1fr;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
	line-height: 1rem;
	cursor: pointer;
}

.period__item-radio label > div {
	border-radius: 50%;
	border: 3px solid #FEBB14;
	color: #fff;
	padding: 3px;
	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;
	width: 24px;
	height: 24px;
}

.period__item-radio > div {
	padding: 12px 0 0 24px;
	display: grid;
	row-gap: 12px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.period__item-radio input {
	visibility: hidden;
	position: absolute;
}

.period__item-radio input:checked + label > div {
	border: 7px solid #FEBB14;
}

.period__descr{
	font-size: 13px;
}

.sistem__item-radio {
	margin-bottom: 14px;
}

.sistem__item-radio label{
	display: inline-block;
	padding: 9px 24px 11px 24px;
	background: #FFFFFF;
	box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 40px;
}

.sistem__item-radio input:checked + label{
	padding: 7px 22px 9px 22px;
	border: 2px solid #FEBB14;
}

.sistem__item-radio label {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.sistem__item-radio label img{
	margin-right: 4px;
}

.sistem__item-radio input {
	display: none;
}

.service__payment__btn {
	display: block;
	width: 220px;
	margin: 0 auto;
	padding: 16px 21px 13px 21px;
	background: #F45EBD;
	border-radius: 30px;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	color: #FFFFFF;
}

.payments__title {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 40px;
}

.payments-content .table{
	width: 100%;
}

.payments-content .table th {
	overflow: hidden;
	text-align: left;
	background: #EFEFEF;
	padding: 10px 12px;
	text-overflow: clip;
    white-space: nowrap;
}

.payments-content .table td {
	overflow: hidden;
	vertical-align: middle;
	padding: 10px 0 10px 12px;
	border: 1px solid #EFEFEF;
	text-overflow: clip;
    white-space: nowrap;
	font-size: 14px;
	color: #000;
}

.payments-content .table td span {
	color: #7A7A7A;
}

.payments-content .table td img {
	margin-right: 4px;
}

.block-visible {
	padding: 0 !important;
	max-height: 0;
}

[data-collapsible] {
	position: relative;
	padding-right: 35px;
}

[data-collapsible] .arrow{
	position: absolute;
	top: 50%;
	right: 14px;
	width: 14px;
	height: 14px;
	-webkit-transform: scale(1, 1) translateY(-50%);
	-ms-transform: scale(1, 1) translateY(-50%);
	transform: scale(1, 1) translateY(-50%);
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	color: #7A7A7A;
	
}

[data-collapsible] .arrow-active {
	-webkit-transform: scale(1, -1) translateY(50%);
	-ms-transform: scale(1, -1) translateY(50%);
	transform: scale(1, -1) translateY(50%);
}

[data-collapsibleList] {
	overflow: hidden;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	max-height: auto;
}

@media (min-width: 991px) {

.account__avatar:hover .account__dropdown {
	opacity: 1;
	visibility: visible;
}

}

@media only screen and (max-width: 1200px) {

.nav__search {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.nav__search-container {
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	max-width: 0;
	overflow: hidden;
}

.nav__search.js-open-search {
	max-width: 690px;
	width: 100%;
}

.nav__search.js-open-search .nav__search-container {
	max-width: unset;
}

.nav__search.js-open-search .nav__search-container input {
	width: 100%;
}

.nav__inner {
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.nav__inner.js-open-search {
	max-width: 0;
	max-height: 36px;
	overflow: hidden;
}

}

@media (max-width: 1200px) {

.three-columns.manager {
	grid-template-rows: -webkit-max-content 1fr;
	grid-template-rows: max-content 1fr;
	row-gap: 60px;
	grid-template-columns: 1fr minmax(500px, 700px);
}

.categoryes-container {
	grid-template-columns: repeat(auto-fit, 380px);
}

.categoryes-card img {
	width: 140px;
	height: 140px;
}

.catalogue-wrapper {
	grid-template-columns: minmax(220px, 306px) 700px;
}

.catalogue-wrapper .banner {
	display: none;
}

.how__tab-item img {
	width: 172px;
	height: 172px;
}

.popular__container .swiper-slide img {
	width: 180px;
	height: 180px;
}

.settings__divider {
	width: 100%;
}

.analytics__graf_legend {
	max-width: 600px;
}

}

@media only screen and (max-width: 991px) {

body {
	font-size: 14px;
}

.container {
	padding: 0 12px;
	margin-top: 55px;
}

.mx-w671px {
	max-width: unset;
}

.mx-w631px {
	max-width: unset;
}

.header {
	padding: 12px 12px 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.header__logo {
	margin: 0;
}

.header__logo img {
	width: 42px;
	height: 32px;
}

.nav {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.nav__search {
	display: none;
}

.nav__search.mobile {
	padding: 11px 15px;
	font-size: 15px;
	font-weight: 400;
	display: grid;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
	grid-template-columns: 1fr -webkit-max-content;
	grid-template-columns: 1fr max-content;
	width: 100%;
	max-width: unset;
}

.nav__search.mobile div {
	width: 100%;
}

.nav__search.mobile button {
	padding: 0;
	background: unset;
}

.nav__search.mobile button img {
	margin: 0;
}

.nav__container {
	display: grid;
	grid-template-rows: repeat(3, -webkit-max-content);
	grid-template-rows: repeat(3, max-content);
	row-gap: 32px;
	position: fixed;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	top: 55px;
	left: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	width: 100vw;
	height: calc(100% - 55px);
	background: #fff;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 32px 24px;
}

.nav__container.js-open {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.nav__container ul {
	display: block;
}

.nav__container ul li {
	font-weight: 400;
}

.nav__container ul li:not(:last-child) {
	margin: 0 0 10px;
}

.account {
	margin: 0;
}

.account__notification img {
	width: 32px;
	height: 32px;
}

.account__avatar {
	position: static;
	padding: 6px;
	width: 32px;
	height: 32px;
}

.account__dropdown {
	position: fixed;
	top: 0;
	left: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	width: 100%;
	z-index: 2000;
	padding: 0;
	opacity: 0;
	visibility: hidden;
}

.account__dropdown.js-open {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.account__dropdown .dropdown__container {
	padding: 0;
	min-height: 100vh;
}

.account__dropdown .dropdown__title {
	display: block;
	position: relative;
	margin-bottom: 24px;
	padding: 14px 10px;
	border-bottom: 1px solid #C4C4C4;
	font-size: 18px;
	font-weight: 600;
	color: #02B0E1;
	text-transform: uppercase;
	text-align: center;
	line-height: 1em;
}

.account__dropdown .dropdown__title svg {
	position: absolute;
	top: 50%;
	left: 12px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
}

.account__dropdown .dropdown__user {
	padding: 0 12px;
}

.account__dropdown .dropdown__links {
	padding: 0 12px 0 66px;
}

.post {
	display: none;
}

.post.mobile {
	width: 220px;
	margin: 0 auto;
	display: block;
}

.burger {
	display: block;
}

.footer {
	padding: 40px 12px;
}

.footer__container {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 0 40px 0;
}

.footer__nav {
	margin: 0 0 40px 0;
	width: 100%;
	display: grid;
	grid-template-columns: -webkit-max-content 1fr;
	grid-template-columns: max-content 1fr;
	grid-template-areas: 'logo logo'
 'links links';
	row-gap: 32px;
	-webkit-column-gap: 68px;
	-moz-column-gap: 68px;
	column-gap: 68px;
}

.footer__nav-logo {
	grid-area: logo;
	margin: 0 auto;
}

.footer__nav-links {
	font-size: 12px;
}

.footer__nav-links:not(:last-child) {
	margin: 0;
}

.footer__inner {
	grid-template-columns: 1fr;
	row-gap: 32px;
}

.footer__inner-title {
	font-size: 16px;
}

.footer__copyright {
	padding: 0;
	display: block;
}

.footer__copyright-title {
	font-size: 13px;
	margin-bottom: 32px;
}

.footer__copyright-links {
	display: grid;
	row-gap: 10px;
}

.footer__copyright-links a {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

}

@media (max-width: 991px) {

.popup {
	border-radius: 0;
	top: 55px;
	left: 0;
	-webkit-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	width: 100vw;
	height: calc(100vh - 55px);
}

.popup.js-open {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.popup.center {
	top: 55px;
	-webkit-transform: translate(0, -200%);
	-ms-transform: translate(0, -200%);
	transform: translate(0, -200%);
}

.popup.center.js-open {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.popup-overlay {
	display: none;
}

.popup__content {
	padding: 0 12px;
}

.popup__title {
	font-size: 20px;
}

.popup__close {
	top: 12px;
	right: 12px;
}

.popup__send_message {
	min-width: unset;
	width: 100%;
}

.service {
	position: relative;
	grid-template-columns: 1fr;
	grid-template-areas: "p"
 "u"
 "i"
 "s"
 "b"
 "a";
}

.service > div:not(:first-child) {
	padding: 0 12px;
}

.service__slider {
	margin-bottom: 10px;
	height: 112px;
}

.service__user {
	display: block;
	font-size: 12px;
	margin-bottom: 16px;
}

.service__user-level {
	margin-top: 8px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.service__info {
	row-gap: 8px;
}

.service__heading {
	grid-template-columns: 1fr;
	grid-template-areas: 'cost'
	'category'
 'location'
 'heading';
}

/*
.service__heading-cost {
	position: absolute;
	top: 92px;
	right: 10px;
	z-index: 3;
}
*/

.service__location {
	margin: 16px 0;
}

.service__description {
	row-gap: 16px;
}

.service__stats {
	font-size: 11px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 16px 0 23px;
}

.service__available {
	margin: 24px 0 20px;
}

.service__box {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: unset;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
	row-gap: 24px;
}

.service__box .service__manage-btn {
	width: 130px;
}

.work__user {
	font-size: 12px;
}

.work__info-container {
	margin: 0 0 8px 0;
	grid-template-columns: 1fr;
	grid-template-areas: 'category'
 'location'
 'title';
	row-gap: 16px;
}

.work__title {
	margin: 8px 0;
}

.work__inner {
	grid-template-columns: 1fr 1fr;
}

.work__inner .work__category {
	grid-column: span 2;
}

.work__inner .work__deadline {
	grid-column: span 2;
}

.work__inner .work__req {
	grid-column: span 1;
}

.work__box {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.main-title {
	font-size: 18px;
	margin-bottom: 24px;
}

.three-columns {
	grid-template-columns: 1fr;
	row-gap: 40px;
}

.three-columns.manager {
	grid-template-columns: 1fr;
	row-gap: 40px;
}

.two-columns {
	display: block;
}

.side-nav {
	display: none;
}

.catalogue__heder {
	margin: 0 0 24px;
}

.catalogue__heder-title {
	font-size: 18px;
}

.catalogue__heder-subtitle {
	font-size: 13px;
}

.categoryes-container {
	grid-template-columns: 1fr;
	row-gap: 24px;
}

.categoryes-card {
	font-size: 15px;
}

.categoryes-card img {
	width: 91px;
	height: 91px;
}

.faq__title {
	margin-bottom: 24px;
}

.faq__container {
	row-gap: 12px;
}

.faq__item-title {
	font-size: 14px;
}

.faq__item-question {
	font-size: 14px;
}

.faq__item.js-open .faq__item-question {
	margin-top: 16px;
}

.catalogue-wrapper {
	grid-template-columns: 1fr;
	row-gap: 40px;
}

.catalogue-wrapper .banner {
	display: block;
}

.catalogue-list__title {
	margin-bottom: 24px;
	font-size: 18px;
}

.filter {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	width: 100%;
	background: #fff;
	z-index: 3000;
	border-radius: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.filter.js-open {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.filter__open_btn {
	display: grid;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-template-columns: repeat(2, -webkit-max-content);
	grid-template-columns: repeat(2, max-content);
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
	width: 100%;
	background: #C4C4C4;
	border-radius: 40px;
	padding: 12px;
	margin-bottom: 24px;
	line-height: 1em;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}

.container.main {
	margin-top: 54px;
}

.main-banner {
	height: 180px;
}

.main-banner__slider {
	border-radius: 0px 0px 50px 50px;
}

.main-banner__title {
	font-size: 24px;
	margin-bottom: 12px;
}

.main-banner__inner {
	-webkit-column-gap: 12px;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.main-banner__inner .service-btn,
.main-banner__inner .client-btn {
	width: 128px;
	font-size: 12px;
	padding: 12px 12px 10px;
}

.wrapper {
	padding: 0 12px;
}

.promo {
	padding: 50px 0;
	margin-bottom: 0;
}

.promo .wrapper {
	padding-top: 0;
}

.promo__title {
	font-size: 24px;
	margin-bottom: 24px;
}

.promo__subtitle {
	font-size: 14px;
}

.promo__time {
	margin-bottom: 24px;
	-webkit-column-gap: 12px;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.promo__time-item {
	width: 65px;
	height: 80px;
}

.promo__time-item p {
	font-size: 18px;
}

.promo__time-item span {
	font-size: 10px;
}

.how {
	margin-bottom: 0;
}

.how.gradient {
	padding-top: 50px;
}

.how__title {
	font-size: 24px;
	margin-bottom: 24px;
}

.how__subtitle {
	font-size: 14px;
}

.how__tab-item img {
	width: 240px;
	height: 240px;
}

.explore {
	padding: 50px 0 24px;
	margin-bottom: 0;
}

.explore .wrapper {
	padding: 0;
}

.explore__title {
	font-size: 24px;
	margin-bottom: 24px;
}

.explore__container {
	grid-template-columns: 1fr;
	row-gap: 24px;
}

.explore__inner {
	row-gap: 22px;
	padding: 0 12px;
}

.explore__qustion {
	font-size: 14px;
}

.explore__map {
	height: 212px;
	border-radius: 0;
	-webkit-filter: unset;
	filter: unset;
}

.explore__map-location input {
	font-size: 14px;
	padding-top: 20px;
	padding-left: 18px;
	padding-bottom: 18px;
}

.explore__map-location img {
	right: 18px;
}

.explore__map-button {
	font-size: 14px;
	padding: 15px 120px;
}

.popular {
	padding: 50px 0;
	margin-bottom: unset;
}

.popular__title {
	font-size: 24px;
	margin-bottom: 24px;
}

.popular__container {
	display: block;
	padding: 0;
}

.popular__prev,
.popular__next {
	display: none !important;
}

.popular .swiper {
	margin: 0;
}

.popular .swiper-slide img {
	width: 240px;
	height: 240px;
}

.popular .swiper-pagination {
	display: block;
	position: relative;
	margin-top: 10px;
}

.popular .swiper-pagination-bullet {
	background: #C4C4C4;
	opacity: 1;
}

.popular .swiper-pagination-bullet-active {
	background: #FEBB14;
}

.auth {
	width: unset;
}

.auth__container {
	grid-template-columns: 1fr;
	row-gap: 16px;
	padding: 0 18px;
	margin-bottom: 24px;
}

.auth__pay {
	padding: 17px 20px 17px;
}

.auth__input {
	margin-bottom: 16px;
}

.auth__forgot {
	margin-bottom: 32px;
}

.auth__box {
	grid-template-columns: 1fr;
	row-gap: 20px;
}

.reg {
	width: 100%;
}

.reg__agree label p {
	display: grid;
}

.reg__box {
	grid-template-columns: 1fr;
	row-gap: 20px;
}

.profile {
	grid-template-columns: 1fr;
	grid-template-areas: 'title'
 'user'
 'container';
	row-gap: 28px;
}

.profile__title {
	margin-bottom: unset;
	display: block;
}

.profile__title h1 {
	font-size: 20px;
	margin-bottom: 8px;
}

.profile__title p {
	font-size: 13px;
}

.profile__user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.profile__avatar {
	margin: 0 12px 0 0;
}

.profile__main-input input {
	padding: 12px 50px 12px 12px;
	font-size: 14px;
}

.profile__main-input svg {
	right: 12px;
}

.profile__main-select select {
	padding: 12px 50px 12px 12px;
	font-size: 14px;
}

.profile__main-select svg {
	right: 20px;
}

.profile__main-textarea textarea {
	padding: 12px 50px 12px 12px;
	font-size: 14px;
}

.profile__main-textarea svg {
	right: 12px;
}

.profile__social-input input {
	font-size: 14px;
	padding: 20px 50px 20px 45px;
}

.profile__social-input img {
	left: 12px;
}

.profile__social-input svg {
	right: 12px;
}

.profile__save {
	margin: 0 auto;
}

.error-wrapper {
	margin: 30px 0 40px 0;
}

.error img {
	width: 100%;
	min-height: 242px;
}

.error__button {
	width: 147px;
	height: 32px;
	font-size: 12px;
}

.settings__title {
	font-size: 18px;
	margin-bottom: 24px;
}

.settings__subtitle {
	font-size: 16px;
	margin-bottom: 16px;
}

.settings__marketing {
	margin-bottom: 32px;
}

.settings__marketing p {
	font-size: 13px;
	line-height: 13px;
}

.settings__form {
	margin-bottom: 32px;
}

.settings__form-input {
	padding: 15px 12px;
	margin-bottom: 16px;
}

.settings__form_button {
	margin: 0 auto;
	margin-top: 8px;
}

.settings__pasword_button {
	margin-top: 16px;
}

.settings__form-input_button {
	min-width: 24px;
	min-height: 24px;
	padding: 0;
}

.settings__divider {
	margin-bottom: 32px;
}

.settings__button {
	font-size: 16px;
	display: block;
	margin: 0 auto;
}

.contact__title {
	font-size: 18px;
	margin-bottom: 24px;
}

.contact__form-output {
	font-size: 14px;
}

.contact__form-input {
	padding: 12px;
	margin-bottom: 16px;
}

.contact__form-input input {
	font-size: 14px;
    padding: 7px 0;
}

.contact__form-input:first-child {
    margin-bottom: 24px;
}

.contact__form-input.textarea {
	margin: 8px 0 0 0;
}

.contact__form-textarea {
	min-height: 108px;
}

.contact__form_button {
	margin: 32px auto 50px;
}

.analytics__title {
	font-size: 18px;
	margin-bottom: 24px;
}

.analytics__date {
	display: block;
	max-width: 216px;
	margin: 0 auto;
	margin-bottom: 24px;
}

.analytics__table  {
	margin-bottom: 32px;
}

.analytics__table th {
	display: none;
}

.analytics__table td {
	font-size: 13px;
}

.analytics__gfaf_detail span {
	display: none;
}

.analytics__graf_legend {
	display: block;
}

.two-columns.analytics {
	padding-bottom: 40px;
}

.service__payment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.service__payment__period {
	margin-bottom: 32px;
}

.service__payment__sistem {
	margin-bottom: 16px;
}

.popup__title.service__payment__title {
	font-size: 18px;
	margin-bottom: 28px;
}

.service__payment__sistem h3, .service__payment__period h3 {
	margin-bottom: 16px;
}

.payments-content .table {
	
}

.payments-content .table thead {
	display: none;
}

.payments-content .table tr {
	border: 1px solid #EFEFEF;
	padding: 12px;
}

.payments-content .table td {
	display: block;
	position: relative;
	border: none;
	padding: 0 4px 0 12px;
	color: #7A7A7A;
}

.payments-content .table td:first-child {
	padding-top: 12px;
}

.payments-content .table td:last-child {
	padding-bottom: 12px;
}

.payments-content .table td::before {
	content: attr(data-label);
	color: #000000;
}

.payments-content .two-columns {
	padding-bottom: 50px;
}

.payments__title {
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 12px 24px;
}

.container.payments {
	padding: 0;
}

@media (max-width) {

.no-results {
	font-size: 15px;
}

}

@media screen and (max-width: 991px) {

.post-an-ad__container {
	grid-template-columns: 1fr;
	padding: 0;
	justify-items: center;
	row-gap: 40px;
}

.post-service {
	width: unset;
}

.post-service__input {
	padding: 12px;
}

.post-service__container {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.post-service__container > div:nth-child(1),
.post-service__container > div:nth-child(2) {
	margin-bottom: 24px;
}

.post-service__box {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.side-filter {
	grid-row: 1/2;
}

.dropdown-modal__list {
	min-width: unset;
	width: 130px;
}

.select-category__wrapper-reletive .select-category__container {
	margin: 0 -12px;
	width: calc(100% + 24px);
}

.calendar {
	grid-template-columns: 1fr;
}

.calendar__container {
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow-y: auto;
	z-index: 600;
	background: #fff;
	position: fixed;
	padding: 0 12px 24px;
}

.calendar__container-title {
	display: block;
	position: relative;
	text-align: center;
	padding: 17px 35px;
	margin: 0 -12px;
	border-bottom: 1px solid #C4C4C4;
}

.calendar__container-title svg {
	position: absolute;
	top: 50%;
	left: 12px;
	width: 16px;
	height: 16px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #C4C4C4;
}

.calendar__container > div:not(:last-child) {
	margin-bottom: 24px;
}

.calendar__container.js-active {
	display: block;
}

.calendar .flatpickr-calendar {
	width: 100%;
	max-width: 360px;
}

.calendar .flatpickr-days {
	width: unset;
}

.user-profile {
	grid-template-columns: 1fr;
	padding: 24px 0;
}

.user-profile__title {
	margin-bottom: 24px;
}

.user-profile__info {
	grid-column: unset;
	grid-row: 2/3;
	margin-bottom: 24px;
}

.user-profile__wrapper {
	grid-column: unset;
	row-gap: 24px;
}

.notifications__item {
	padding: 12px;
}

.notifications__item-container {
	margin: 0 4px 0 8px;
	font-size: 14px;
}

.about-us {
	padding-bottom: 50px;
}

.about-us__title {
	margin-bottom: 24px;
	font-size: 18px;
}

.about-us__subtitle {
	font-size: 18px;
	margin-bottom: 16px;
}

.about-us__text {
	font-size: 14px;
	margin-bottom: 26px;
}

.about-us__statistic {
	margin-bottom: 46px;
}

.about-us__banner {
	margin-bottom: 28px;
	padding: 40px 12px 200px 12px;
}

.about-us__banner-title {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 16px;
}

.about-us__banner-container {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.about-us__banner-container a:first-child {
	margin: 0 0 16px 0;
}

.about-us__banner > img {
	width: 100%;
	max-width: 300px;
}

.about-us__choose {
	margin-bottom: 28px;
}

.about-us__choose .swiper {
	padding: 0;
}

.about-us__choose .swiper-btn {
	display: none;
}

.about-us__user {
	font-size: 16px;
}

.about-us__user img {
	width: 40px;
	height: 40px;
}

.about-us__how-container {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.about-us__how-container hr {
	margin: 0;
	height: 20px;
	border-right: 1px dashed;
}

}

@-webkit-keyframes cleaning {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, 1080, 420);
	transform: matrix(1, 0, 0, 1, 1080, 420);
}

12% {
	-webkit-transform: matrix(1, 0, 0, 1, 1010, 300);
	transform: matrix(1, 0, 0, 1, 1010, 300);
}

36% {
	-webkit-transform: matrix(1, 0, 0, 1, 760, 420);
	transform: matrix(1, 0, 0, 1, 760, 420);
}

38% {
	-webkit-transform: matrix(1, 0, 0, 1, 700, 420);
	transform: matrix(1, 0, 0, 1, 700, 420);
}

50% {
	-webkit-transform: matrix(1, 0, 0, 1, 640, 280);
	transform: matrix(1, 0, 0, 1, 640, 280);
}

66% {
	-webkit-transform: matrix(1, 0, 0, 1, 490, 350);
	transform: matrix(1, 0, 0, 1, 490, 350);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 280, -100);
	transform: matrix(1, 0, 0, 1, 280, -100);
}

}

@keyframes cleaning {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, 1080, 420);
	transform: matrix(1, 0, 0, 1, 1080, 420);
}

12% {
	-webkit-transform: matrix(1, 0, 0, 1, 1010, 300);
	transform: matrix(1, 0, 0, 1, 1010, 300);
}

36% {
	-webkit-transform: matrix(1, 0, 0, 1, 760, 420);
	transform: matrix(1, 0, 0, 1, 760, 420);
}

38% {
	-webkit-transform: matrix(1, 0, 0, 1, 700, 420);
	transform: matrix(1, 0, 0, 1, 700, 420);
}

50% {
	-webkit-transform: matrix(1, 0, 0, 1, 640, 280);
	transform: matrix(1, 0, 0, 1, 640, 280);
}

66% {
	-webkit-transform: matrix(1, 0, 0, 1, 490, 350);
	transform: matrix(1, 0, 0, 1, 490, 350);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 280, -100);
	transform: matrix(1, 0, 0, 1, 280, -100);
}

}

@-webkit-keyframes delivery {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, 1140, -50);
	transform: matrix(1, 0, 0, 1, 1140, -50);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 1360, 420);
	transform: matrix(1, 0, 0, 1, 1360, 420);
}

}

@keyframes delivery {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, 1140, -50);
	transform: matrix(1, 0, 0, 1, 1140, -50);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 1360, 420);
	transform: matrix(1, 0, 0, 1, 1360, 420);
}

}

@-webkit-keyframes delivery-2 {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, 1470, 420);
	transform: matrix(1, 0, 0, 1, 1470, 420);
}

15% {
	-webkit-transform: matrix(1, 0, 0, 1, 1440, 330);
	transform: matrix(1, 0, 0, 1, 1440, 330);
}

40% {
	-webkit-transform: matrix(1, 0, 0, 1, 1600, 260);
	transform: matrix(1, 0, 0, 1, 1600, 260);
}

60% {
	-webkit-transform: matrix(1, 0, 0, 1, 1540, 145);
	transform: matrix(1, 0, 0, 1, 1540, 145);
}

70% {
	-webkit-transform: matrix(1, 0, 0, 1, 1475, 170);
	transform: matrix(1, 0, 0, 1, 1475, 170);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 1360, -50);
	transform: matrix(1, 0, 0, 1, 1360, -50);
}

}

@keyframes delivery-2 {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, 1470, 420);
	transform: matrix(1, 0, 0, 1, 1470, 420);
}

15% {
	-webkit-transform: matrix(1, 0, 0, 1, 1440, 330);
	transform: matrix(1, 0, 0, 1, 1440, 330);
}

40% {
	-webkit-transform: matrix(1, 0, 0, 1, 1600, 260);
	transform: matrix(1, 0, 0, 1, 1600, 260);
}

60% {
	-webkit-transform: matrix(1, 0, 0, 1, 1540, 145);
	transform: matrix(1, 0, 0, 1, 1540, 145);
}

70% {
	-webkit-transform: matrix(1, 0, 0, 1, 1475, 170);
	transform: matrix(1, 0, 0, 1, 1475, 170);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 1360, -50);
	transform: matrix(1, 0, 0, 1, 1360, -50);
}

}

@-webkit-keyframes electrician {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, -50, 100);
	transform: matrix(1, 0, 0, 1, -50, 100);
}

30% {
	-webkit-transform: matrix(1, 0, 0, 1, 260, 170);
	transform: matrix(1, 0, 0, 1, 260, 170);
}

38% {
	-webkit-transform: matrix(1, 0, 0, 1, 275, 120);
	transform: matrix(1, 0, 0, 1, 275, 120);
}

50% {
	-webkit-transform: matrix(1, 0, 0, 1, 355, 85);
	transform: matrix(1, 0, 0, 1, 355, 85);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 530, 420);
	transform: matrix(1, 0, 0, 1, 530, 420);
}

}

@keyframes electrician {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, -50, 100);
	transform: matrix(1, 0, 0, 1, -50, 100);
}

30% {
	-webkit-transform: matrix(1, 0, 0, 1, 260, 170);
	transform: matrix(1, 0, 0, 1, 260, 170);
}

38% {
	-webkit-transform: matrix(1, 0, 0, 1, 275, 120);
	transform: matrix(1, 0, 0, 1, 275, 120);
}

50% {
	-webkit-transform: matrix(1, 0, 0, 1, 355, 85);
	transform: matrix(1, 0, 0, 1, 355, 85);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 530, 420);
	transform: matrix(1, 0, 0, 1, 530, 420);
}

}
}

@-webkit-keyframes cleaning {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, 1080, 420);
	transform: matrix(1, 0, 0, 1, 1080, 420);
}

12% {
	-webkit-transform: matrix(1, 0, 0, 1, 1010, 300);
	transform: matrix(1, 0, 0, 1, 1010, 300);
}

36% {
	-webkit-transform: matrix(1, 0, 0, 1, 760, 420);
	transform: matrix(1, 0, 0, 1, 760, 420);
}

38% {
	-webkit-transform: matrix(1, 0, 0, 1, 700, 420);
	transform: matrix(1, 0, 0, 1, 700, 420);
}

50% {
	-webkit-transform: matrix(1, 0, 0, 1, 640, 280);
	transform: matrix(1, 0, 0, 1, 640, 280);
}

66% {
	-webkit-transform: matrix(1, 0, 0, 1, 490, 350);
	transform: matrix(1, 0, 0, 1, 490, 350);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 280, -100);
	transform: matrix(1, 0, 0, 1, 280, -100);
}

}

@keyframes cleaning {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, 1080, 420);
	transform: matrix(1, 0, 0, 1, 1080, 420);
}

12% {
	-webkit-transform: matrix(1, 0, 0, 1, 1010, 300);
	transform: matrix(1, 0, 0, 1, 1010, 300);
}

36% {
	-webkit-transform: matrix(1, 0, 0, 1, 760, 420);
	transform: matrix(1, 0, 0, 1, 760, 420);
}

38% {
	-webkit-transform: matrix(1, 0, 0, 1, 700, 420);
	transform: matrix(1, 0, 0, 1, 700, 420);
}

50% {
	-webkit-transform: matrix(1, 0, 0, 1, 640, 280);
	transform: matrix(1, 0, 0, 1, 640, 280);
}

66% {
	-webkit-transform: matrix(1, 0, 0, 1, 490, 350);
	transform: matrix(1, 0, 0, 1, 490, 350);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 280, -100);
	transform: matrix(1, 0, 0, 1, 280, -100);
}

}

@-webkit-keyframes delivery {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, 1140, -50);
	transform: matrix(1, 0, 0, 1, 1140, -50);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 1360, 420);
	transform: matrix(1, 0, 0, 1, 1360, 420);
}

}

@keyframes delivery {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, 1140, -50);
	transform: matrix(1, 0, 0, 1, 1140, -50);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 1360, 420);
	transform: matrix(1, 0, 0, 1, 1360, 420);
}

}

@-webkit-keyframes delivery-2 {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, 1470, 420);
	transform: matrix(1, 0, 0, 1, 1470, 420);
}

15% {
	-webkit-transform: matrix(1, 0, 0, 1, 1440, 330);
	transform: matrix(1, 0, 0, 1, 1440, 330);
}

40% {
	-webkit-transform: matrix(1, 0, 0, 1, 1600, 260);
	transform: matrix(1, 0, 0, 1, 1600, 260);
}

60% {
	-webkit-transform: matrix(1, 0, 0, 1, 1540, 145);
	transform: matrix(1, 0, 0, 1, 1540, 145);
}

70% {
	-webkit-transform: matrix(1, 0, 0, 1, 1475, 170);
	transform: matrix(1, 0, 0, 1, 1475, 170);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 1360, -50);
	transform: matrix(1, 0, 0, 1, 1360, -50);
}

}

@keyframes delivery-2 {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, 1470, 420);
	transform: matrix(1, 0, 0, 1, 1470, 420);
}

15% {
	-webkit-transform: matrix(1, 0, 0, 1, 1440, 330);
	transform: matrix(1, 0, 0, 1, 1440, 330);
}

40% {
	-webkit-transform: matrix(1, 0, 0, 1, 1600, 260);
	transform: matrix(1, 0, 0, 1, 1600, 260);
}

60% {
	-webkit-transform: matrix(1, 0, 0, 1, 1540, 145);
	transform: matrix(1, 0, 0, 1, 1540, 145);
}

70% {
	-webkit-transform: matrix(1, 0, 0, 1, 1475, 170);
	transform: matrix(1, 0, 0, 1, 1475, 170);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 1360, -50);
	transform: matrix(1, 0, 0, 1, 1360, -50);
}

}

@-webkit-keyframes electrician {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, -50, 100);
	transform: matrix(1, 0, 0, 1, -50, 100);
}

30% {
	-webkit-transform: matrix(1, 0, 0, 1, 260, 170);
	transform: matrix(1, 0, 0, 1, 260, 170);
}

38% {
	-webkit-transform: matrix(1, 0, 0, 1, 275, 120);
	transform: matrix(1, 0, 0, 1, 275, 120);
}

50% {
	-webkit-transform: matrix(1, 0, 0, 1, 355, 85);
	transform: matrix(1, 0, 0, 1, 355, 85);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 530, 420);
	transform: matrix(1, 0, 0, 1, 530, 420);
}

}

@keyframes electrician {

0% {
	-webkit-transform: matrix(1, 0, 0, 1, -50, 100);
	transform: matrix(1, 0, 0, 1, -50, 100);
}

30% {
	-webkit-transform: matrix(1, 0, 0, 1, 260, 170);
	transform: matrix(1, 0, 0, 1, 260, 170);
}

38% {
	-webkit-transform: matrix(1, 0, 0, 1, 275, 120);
	transform: matrix(1, 0, 0, 1, 275, 120);
}

50% {
	-webkit-transform: matrix(1, 0, 0, 1, 355, 85);
	transform: matrix(1, 0, 0, 1, 355, 85);
}

100% {
	-webkit-transform: matrix(1, 0, 0, 1, 530, 420);
	transform: matrix(1, 0, 0, 1, 530, 420);
}

}