/* Typography. */

@font-face {
	font-family: 'e-Ukraine';
	src: url("../fonts/e-Ukraine-Bold.eot");
	src: url("../fonts/e-Ukraine-Bold.eot?#iefix")format("embedded-opentype"),
	url("../fonts/e-Ukraine-Bold.woff")format("woff"),
	url("../fonts/e-Ukraine-Bold.ttf")format("truetype");
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: 'e-Ukraine';
	src: url("../fonts/e-Ukraine-Medium.eot");
	src: url("../fonts/e-Ukraine-Medium.eot?#iefix")format("embedded-opentype"),
	url("../fonts/e-Ukraine-Medium.woff")format("woff"),
	url("../fonts/e-Ukraine-Medium.ttf")format("truetype");
	font-style: normal;
	font-weight: 500;
}

@font-face {
	font-family: 'e-Ukraine';
	src: url("../fonts/e-Ukraine-Regular.eot");
	src: url("../fonts/e-Ukraine-Regular.eot?#iefix")format("embedded-opentype"),
	url("../fonts/e-Ukraine-Regular.woff")format("woff"),
	url("../fonts/e-Ukraine-Regular.ttf")format("truetype");
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'e-Ukraine';
	src: url("../fonts/e-Ukraine-Light.eot");
	src: url("../fonts/e-Ukraine-Light.eot?#iefix")format("embedded-opentype"),
	url("../fonts/e-Ukraine-Light.woff")format("woff"),
	url("../fonts/e-Ukraine-Light.ttf")format("truetype");
	font-style: normal;
	font-weight: 300;
}

/* Typography. */

/* Root. */

:root {
	/* icon. */
	--icon_size: 0px;
	/* icon. */
	/* font-size. */
	--h1: 36px;
	--h2: 28px;
	--h3: 27px;
	--h4: 24px;
	--h5: 16px;
	--h6: 15px;
	--h7: 12px;
	--h8: 8px;
	--body: 14px;
	--family: 'e-Ukraine', sans-serif;
	/* font-size. */
	/* color. */
	--color: var(--black);
	--bg: #F5F5F5;
	--white: #fff;
	--black: #012737;
	--green: #A5B729;
	--dark: #003C55;
	--silver: #DEDEDE;
	--gray: #eff2f4;
	--red: #FF4D00;
	--light_red: #FFF1EB;
	/* color. */
	/* btn.*/
	--btn_width: auto;
	--btn_height: 40px;
	--btn_color: var(--white);
	--btn_bg: var(--green);
	--btn_lh: 1px;
	--btn_border_w: 1px;
	--btn_border_color: var(--green);
	--btn_shadow: #A5B72982;
	/* btn.*/
	/* inner. */
	--inner: 0px;
	--inner_b: 0px;
	--inner_g: 16px;
	--header: 64px;
	--footer: 84px;
	--bar: 312px;
	--bone: 20px;
	---bone: calc(var(--bone) * -1);
	--bone_w: 1280px;
	--block_inner: 48px 60px 60px;
	/* inner. */
	/* shadow. */
	--shadow: 0px 2px 16px rgba(0, 0, 0, 0.04);
	/* shadow. */
	/* grid. */
	--grid_2: 2;
	--grid_3: 3;
	/* grid. */
}

/* Root. */

/* Null. */

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

html {
	display: block;
}

body {
	min-height: 100vh;
	margin: 0;
	padding: 0;
	color: var(--color);
	font-size: var(--body);
	font-weight: 400;
	font-style: normal;
	line-height: 1.4;
	font-family: var(--family);
	background-color: var(--bg);
}

img {
	display: block;
	width: 100%;
	height: auto;
}

path {
	-webkit-transition: fill .43s, stroke .43s;
	-o-transition: fill .43s, stroke .43s;
	transition: fill .43s, stroke .43s;
}

a {
	display: block;
	color: var(--color);
	text-decoration: none;
}

li {
	list-style-type: none;
}

p + p {
	margin-top: 2em;
}

input,
button,
textarea {
	display: block;
	font-family: var(--family);
	background-color: transparent;
	border: 0 none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	resize: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #A7A7A7;
	font-family: var(--family);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #A7A7A7;
	font-family: var(--family);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #A7A7A7;
	font-family: var(--family);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #A7A7A7;
	font-family: var(--family);
}

input::placeholder,
textarea::placeholder {
	color: #A7A7A7;
	font-family: var(--family);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

::-webkit-calendar-picker-indicator {
	display: none;
}

/* Null. */

/* Global. */

html.hidden {
	overflow: hidden;
}

body.bg {
	background-image: url('../images/main@2x.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

body.gray {
	background-color: #F5F5F5;
}

.bone {
	width: 100%;
	/*max-width: calc(var(--bone_w) + var(--bone) * 2);*/
	margin: 0 auto;
	padding: 0 var(--bone);
}

.logo {
	width: 100%;
	max-width: 120px;
}

.title {
	font-size: var(--h4);
	font-weight: 500;
}

.subtitle {
	font-size: var(--h5);
	font-weight: 500;
}

.wrapper {
	margin-top: 20px;
	padding-bottom: 60px;
}

.shadow__block {
	padding: var(--block_inner);
	background: var(--white);
	-webkit-box-shadow: var(--shadow);
	box-shadow: var(--shadow);
	border-radius: 8px;
}

.hover__line {
	display: inline-block;
	position: relative;
	color: var(--color);
	cursor: pointer;
}

.hover__line:after {
	content: '';
	position: absolute;
	left: calc(var(--icon_size) + var(--inner));
	right: 0;
	bottom: 0;
	width: 0;
	border-bottom: 1px solid var(--color);
	-webkit-transition: width .43s;
	-o-transition: width .43s;
	transition: width .43s;
}

.hover__line:hover:after {
	width: calc(100% - var(--icon_size) - var(--inner_b));
}

.hover__line.hover__active:after {
	width: calc(100% - var(--icon_size) - var(--inner_b));
}

.hover__line.hover__active:hover:after {
	width: 0;
}

.element__scale {
	overflow: hidden;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: -webkit-transform .43s;
	transition: -webkit-transform .43s;
	-o-transition: transform .43s;
	transition: transform .43s;
	transition: transform .43s, -webkit-transform .43s;
}

.element__scale:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.ava {
	overflow: hidden;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
}

.ava img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

.modal_block .ava,
.modal_block .subtitle {
	cursor: pointer;
}

.map {
	overflow: hidden;
	position: relative;
	min-height: 160px;
	border: 1px solid var(--green);
	border-radius: 4px;
}

.map:after {
	content: '';
	display: block;
	padding-bottom: var(--height);
}

.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border: 0 none;
}

.bg {
	position: relative;
}

.bg__shroud {
	z-index: 1;
}

.bg__shroud:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.44;
	z-index: -1;
}

/* Global. */

/* Datepicker. */

.ui-widget-header {
	display: flex;
	flex-wrap: wrap;

	background-color: #A5B729;
	border-radius: 8px 8px 0 0;
}

.ui-datepicker {
	display: none;

	width: 100%;
	max-width: 328px;
	padding-bottom: 8px;
	background-color: #FFF;
	border-radius: 8px;
	box-shadow: 0 4px 24px 0 rgb(0, 0, 0, .08);
}

.ui-datepicker .ui-datepicker-title {
	flex-grow: 1;
	order: -1;

	padding: 12px 16px;
	color: #FFF;
	font-size: 13px;
}

.ui-datepicker-year {
	opacity: .6;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	display: block;

	width: 38px;
	height: 38px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px auto;
	opacity: .6;

	transition: opacity .15s ease-out;
}

.ui-datepicker .ui-datepicker-prev {
	background-image: url('/images/arrow_left_white.svg');
}

.ui-datepicker .ui-datepicker-next {
	background-image: url('/images/arrow_left_white.svg');

	transform: rotate(180deg);
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	opacity: 1;
}

.ui-datepicker table {
	width: 100%;
	font-size: 13px;
	border-collapse: collapse;
}

.ui-datepicker th {
	padding: 12px 0;
	color: rgba(255, 255, 255, .6);
	font-size: 11px;
	font-weight: 400;
	text-align: center;
	background-color: #A5B729;
	border: 0;
}

.ui-datepicker td {
	border: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;

	color: #000;
	padding: 12px 0;
	text-align: center;
	text-decoration: none;

	transition: color .15s ease-out, background-color .15s ease-out;
}

.ui-datepicker-calendar .ui-state-hover,
.ui-datepicker-calendar .ui-state-focus {
	color: #000 !important;
	background-color: #EEF2F4;
}

.ui-state-highlight {
	color: #A5B729 !important;
	background-color: #ECF0D3;
}

.ui-state-active {
	color: #FFF !important;
	background-color: #A5B729;
}

/* Datepicker. */

.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

.ui-widget-content a {
	color: #333333;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Input. Textarea. Select. */

input,
textarea {
	width: 100%;
	min-height: 40px;
	padding: 0 16px;
	font-size: var(--body);
	font-weight: 300;
	background-color: var(--gray);
	border-radius: 4px;
	border: 1px solid var(--gray);
	-webkit-transition: border-color .43s, background-color .43s, color .43s;
	-o-transition: border-color .43s, background-color .43s, color .43s;
	transition: border-color .43s, background-color .43s, color .43s;
}

input[type=date] {
	height: 40px;
	line-height: 34px;
}

input::-webkit-input-placeholder {
	-webkit-transition: color .43s;
	transition: color .43s;
}

input::-moz-placeholder {
	-moz-transition: color .43s;
	transition: color .43s;
}

input:-ms-input-placeholder {
	-ms-transition: color .43s;
	transition: color .43s;
}

input::-ms-input-placeholder {
	-ms-transition: color .43s;
	transition: color .43s;
}

input::placeholder {
	-webkit-transition: color .43s;
	-o-transition: color .43s;
	transition: color .43s;
}

input:hover,
textarea:hover,
.input_file:hover {
	border-color: var(--black);
}

input:focus,
textarea:focus,
.filled {
	background-color: var(--white);
	border-color: var(--black);
}

.filled:hover {
	background-color: #D9E1E582;
}

textarea {
	padding: 12px 16px;
	height: 152px;
}

input.error,
textarea.error {
	color: var(--red);
	background-color: var(--light_red) !important;
	border-color: var(--light_red);
}

input.error::-webkit-input-placeholder,
textarea.error::-webkit-input-placeholder {
	color: var(--red);
}

input.error::-moz-placeholder,
textarea.error::-moz-placeholder {
	color: var(--red);
}

input.error:-ms-input-placeholder,
textarea.error:-ms-input-placeholder {
	color: var(--red);
}

input.error::-ms-input-placeholder,
textarea.error::-ms-input-placeholder {
	color: var(--red);
}

input.error::placeholder,
textarea.error::placeholder {
	color: var(--red);
}

input.error:hover,
textarea.error:hover {
	border-color: var(--red);
}

input.error + .input_err,
.iti.error + .input_err,
textarea.error + .input_err,
.select.error + .input_err {
	display: block;
}

.input_err {
	display: none;
	color: var(--red);
	font-size: var(--h8);
	margin-top: 4px;
}

.input_checked {
	display: block;
	position: relative;
	font-weight: 300;
}

.input_checked input,
.input_file input {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
}

.input_checked span {
	--size: 16px;
	position: relative;
	display: block;
	padding-left: calc(var(--size) + 12px);
	cursor: pointer;
}

.input_checked span:before,
.input_checked span:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: var(--size);
	height: var(--size);
	margin-top: calc(var(--size) / -2);
	border: 1px solid var(--black);
	border-radius: 4px;
	-webkit-transition: border-color .43s;
	-o-transition: border-color .43s;
	transition: border-color .43s;
}

.input_checked span:after {
	width: calc(var(--size) + 2px);
	height: calc(var(--size) + 2px);
	background-image: url('../images/icon/check.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 0 none;
	opacity: 0;
	-webkit-transform: translate3d(1px, -2px, 0);
	transform: translate3d(1px, -2px, 0);
	-webkit-transition: opacity .43s;
	-o-transition: opacity .43s;
	transition: opacity .43s;
}

.input_checked span:hover:before {
	border-color: var(--green);
}

.input_checked input:checked + span:before {
	border-color: var(--green);
}

.input_checked input:checked + span:after {
	opacity: 1;
}

.input_checked input.error + span:before {
	border-color: var(--red);
}

.input_file {
	display: block;
	position: relative;
	text-align: center;
	line-height: 40px;
	background-color: var(--gray);
	border: 1px solid var(--gray);
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: border-color .43s;
	-o-transition: border-color .43s;
	transition: border-color .43s;
}

.input_file span {
	--icon_size: 16px;
	padding-left: calc(var(--icon_size) + 12px);
}

.input_file span:before {
	left: 0;
}

.input {
	position: relative;
}

.input .icon {
	--icon_size: 16px;
	position: absolute;
	top: 0;
	right: 12px;
	width: var(--icon_size);
	height: 40px;
	z-index: 1;
}

/* Input. Textarea. Select. */



/* Table calendar. */

.calendar_label_date {
	margin-bottom: 16px;
	color: #012332;
	font-size: 16px;
	font-weight: 500;
}

.calendar_label_date span {
	color: var(--green);
}

.table_calendar {
	width: 100%;
	background-color: #EFF2F4;
	border: 0;
	border-spacing: 0;
}

.table_calendar td {
	width: calc(100% / 7);
	max-width: 300px;
	vertical-align: top;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}

.table_calendar td:last-child {
	border-right: 0;
}

.table_calendar tr:last-child td {
	border-bottom: 0;
}

.table_calendar tr:first-child td {
	padding: 32px 12px;
	font-size: 14px;
	text-align: center;
}

.table_calendar_date {
	max-width: 300px;
	margin: -1px;
	padding: 8px 8px 80px;
}

.table_calendar td.working_date {
	background-color: #FFE9E0;
}

.table_calendar_mission {
	margin-top: 4px;
	padding: 4px 8px;
	color: #012332;
	background-color: #FFF;
	border-radius: 4px;

	transition: color .23s ease-out;
}

.table_calendar_mission:hover {
	color: var(--green);
}

.table_calendar_date.mis {
	padding: 8px;
}

.table_calendar_date.mis strong {
	display: block;
	overflow: hidden;

	font-size: 11px;
}

.table_calendar_date.mis span {
	display: block;
	overflow: hidden;

	font-size: 11px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.table_calendar_date.mis time {
	display: block;

	color: #C4C4C4;
	font-size: 11px;
}

.table_calendar_date.today {
	color: #A5B729;
	border: 1px solid #A5B729;
}

/* Table calendar. */



/* Ver Phone. */

.ver_phone {
	padding-top: 8px;
}

.ver_phone_text {
	font-size: 11px;
}

.ver_phone_text a {
	display: inline-block;

	color: var(--green);
	cursor: pointer;

	transition: color .23s ease-out;
}

.ver_phone_text a:hover {
	color: var(--dark);
}

.ver_phone_green {
	color: var(--green);
}

.ver_phone_red {
	color: var(--red);
}

.ver_phone_modal {
	padding-top: 40px;
}

.ver_phone_modal_text {

}

.ver_phone_modal_input {
	padding-top: 20px;
}

.ver_phone_modal_button {
	padding-top: 20px;
}

.ver_phone_note {
	padding-top: 8px;
	font-size: 11px;
	line-height: 19px;
}

.ver_phone_note a {
	display: inline-block;

	color: var(--green);
	cursor: pointer;

	transition: color .23s ease-out;
}

.ver_phone_note a:hover {
	color: var(--dark);
}

/* Ver Phone. */



/* Grid. Flex. */

.grid {
	display: grid;
	grid-gap: var(--inner_g);
}

.grid__twoo {
	grid-template-columns: repeat(var(--grid_2), 1fr);
}

.grid__three {
	grid-template-columns: repeat(var(--grid_3), 1fr);
}

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

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

.flex__start {
	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;
}

.flex__center {
	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;
}

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

/* Grid. Flex. */

/* Working Dates. */

.working_dates {
	margin-top: 20px;
}

.working_dates_col {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;

	padding-top: 20px;
}

.working_dates_inputs {
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
}

.working_dates_input {
	width: 50%;
	padding-right: 20px;
}

.working_dates_label {
	padding-bottom: 12px;
}

.working_dates_cancel {
	width: 40px;
	height: 40px;
	background-color: #FFF1EB;
	background-image: url('/images/close_red.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 8px auto;
	border-radius: 4px;
	cursor: pointer;

	transition: background-color .23s ease-out;
}

.working_dates_cancel:hover {
	background-color: #F9E1D7;
}

.working_dates_add {
	padding-top: 20px;
}

.working_dates_add_button {
	position: relative;

	color: #A5B729;
	padding-left: 16px;
	cursor: pointer;
}

.working_dates_add_button:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;

	width: 8px;
	height: 8px;
	background-image: url('/images/plus_green.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;

	transition: left .23s ease-out;
}

.working_dates_add_button:hover:before {
	left: -4px;
}

/* Working Dates. */

/* Icon. */

.icon {
	position: relative;
}

.icon:before {
	content: '';
	position: absolute;
	top: 50%;
	width: var(--icon_size);
	height: var(--icon_size);
	margin-top: calc(var(--icon_size) / -2);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-arrow:before {
	background-image: url("../images/icon/arrow.svg");
}

.icon-badge:before {
	background-image: url("../images/icon/badge.svg");
}

.icon-bel:before {
	background-image: url("../images/icon/bel.svg");
}

.icon-calendar:before {
	background-image: url("../images/icon/calendar.svg");
}

.icon-check:before {
	background-image: url("../images/icon/check.svg");
}

.icon-co:before {
	background-image: url("../images/icon/co.svg");
}

.icon-column:before {
	background-image: url("../images/icon/column.svg");
}

.icon-column_active:before {
	background-image: url("../images/icon/column_active.svg");
}

.icon-file:before {
	background-image: url("../images/icon/file.svg");
}

.icon-files:before {
	background-image: url("../images/icon/files.svg");
}

.icon-i1:before {
	background-image: url("../images/icon/i1.svg");
}

.icon-i2:before {
	background-image: url("../images/icon/i2.svg");
}

.icon-i3:before {
	background-image: url("../images/icon/i3.svg");
}

.icon-i4:before {
	background-image: url("../images/icon/i4.svg");
}

.icon-i5:before {
	background-image: url("../images/icon/i5.svg");
}

.icon-i6:before {
	background-image: url("../images/icon/i6.svg");
}

.icon-i8:before {
	background-image: url("../images/icon/i8.svg");
}

.icon-i9:before {
	background-image: url("../images/icon/wdt.svg");
}

.icon-mail:before {
	background-image: url("../images/icon/mail.svg");
}

.icon-map:before {
	background-image: url("../images/icon/map.svg");
}

.icon-map_active:before {
	background-image: url("../images/icon/map_active.svg");
}

.icon-play:before {
	background-image: url("../images/icon/play.svg");
}

.icon-qr:before {
	background-image: url("../images/icon/qr.svg");
}

.icon-quote:before {
	background-image: url("../images/icon/quote.svg");
}

.icon-sity:before {
	background-image: url("../images/icon/sity.svg");
}

.icon-slider_arrow:before {
	background-image: url("../images/icon/slider_arrow.svg");
}

.icon-star:before {
	background-image: url("../images/icon/star.svg");
}

.icon-star_outline:before {
	background-image: url("../images/icon/star_outline.svg");
}

.icon-tel:before {
	background-image: url("../images/icon/tel.svg");
}

.icon-edit {
	background-image: url("../images/icon/edit-icon.svg");
}

.icon-edit-cancel {
	background-image: url("../images/icon/cancel-icon.svg");
}

.icon-delete {
	background-image: url("../images/icon/delete-icon.svg");
}

.icon-bel.active {
	border-radius: 0;
}

.icon-bel.active:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;

	width: 8px;
	height: 8px;
	background-color: #FC6221;
	border-radius: 50%;
}

/* Icon. */

/* Slider. */

/* Слайдер */

.slick-slider {
	position: relative;
}

/* Ограничивающая оболочка */

.slick-list {
	overflow-x: hidden;
}

/* Лента слайдов */

.slick-track {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}

/* Слайд */

.slick-slide {
	outline: 0 !important;
}

/* Точки (pins) */

.slick-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.slick-dots li {
	width: 8px;
	height: 4px;
	border-radius: 4px;
	background-color: #000;
	opacity: 0.2;
	-webkit-transition: opacity .43s;
	-o-transition: opacity .43s;
	transition: opacity .43s;
}

.slick-dots button {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
	cursor: pointer;
}

.slick-dots li + li {
	margin-left: 5px;
}

/* Активная точка */

.slick-dots li:hover {
	opacity: 0.5;
}

.slick-dots li.slick-active {
	opacity: 1;
}

/* Стрелка */

.slick-arrow {
	--size: 36px;
	--icon_size: 16px;
	position: absolute;
	top: 272px;
	left: calc(var(--size) * -1 - 20px);
	width: var(--size);
	height: var(--size);
	font-size: 0;
	background-color: rgba(5, 0, 56, 0.4);
	background-image: url('../images/icon/slider_arrow.svg');
	background-position: 9px center;
	background-repeat: no-repeat;
	background-size: var(--icon_size);
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: opacity .43s, -webkit-transform .43s;
	transition: opacity .43s, -webkit-transform .43s;
	-o-transition: opacity .43s, transform .43s;
	transition: opacity .43s, transform .43s;
	transition: opacity .43s, transform .43s, -webkit-transform .43s;
}

.slick-arrow:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

/* Стрелка вправо */

.slick-arrow.slick-next {
	left: auto;
	right: calc(var(--size) * -1 - 20px);
	-webkit-transform: rotate(200grad);
	-ms-transform: rotate(200grad);
	transform: rotate(200grad);
}

.slick-arrow.slick-next:hover {
	-webkit-transform: scale(1.1) rotate(200grad);
	-ms-transform: scale(1.1) rotate(200grad);
	transform: scale(1.1) rotate(200grad);
}

/* Стрелка не активная */

.slick-arrow.slick-disabled {
	opacity: 0.5;
}

/* Slider. */

/* Chat. */

.edit_delete_message_btn {
	width: 20px;
	height: 20px;
	display: block;
}

.single_chat_row_header {
	display: flex;
	justify-content: end;
    position: absolute;
    right: 9px;
    flex-direction: column;
	opacity: 0;
	gap: 5px;
}

.edited_area_visible {
	opacity: 1;
}

.edited_active_area__wrapper {
	background-color:#f7fae3 !important;
	outline: 1px solid #A5B729; 
	border-radius: 11px;
	animation-name: edit_message_animation;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
  	animation-duration: .5s;
	box-sizing: border-box;
}

.edited_active_area__wrapper:before {
	border-right: 1px solid #A5B729;
    border-top: 1px solid #A5B729;
	background-color:#f7fae3 !important;
}

.confirmation_modal_wrapper {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
}

.confirmation_modal_wrapper .content_select {
	gap: 15px;
}

/* The animation code */
@keyframes edit_message_animation {
  from {background-color: #f7fae300 !important; outline: 1px solid #a4b72900; }
  to {background-color: #f7fae3 !important; outline: 1px solid #A5B729; }
}

@keyframes edit_message_controls_animation {
  from {opacity: 0; }
  to {opacity: 1; }
}

.confirmation_modal_wrapper .content_select {
	padding-top: 20px;
}

.client-card-error-btn {
	outline: 1px solid var(--red);
	color: var(--red);
	background-color: var(--light_red);
}

#card_client_coupon_message_error_message {
	padding-top: 10px;
	color: var(--red);
	font-size: 12px;
}

.single_chat_row_header button {
	width: 45px;
	padding: 5px;
	display: flex;
    justify-content: end;
	margin-top: -5px;
}

.you .chat_text {
	padding-right: 30px;
}

.you .edited_area_visible {
	opacity: 1 !important;
}

.you .single_chat_row_header {
	opacity: 0;
}
.you:hover .single_chat_row_header {
	/* opacity: 1; */
	animation-name: edit_message_controls_animation;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
  	animation-duration: .5s;
}

.chat {

}

.chat_scroll {

}

.chat_messages {
	overflow-y: auto;

	max-height: calc(100vh - 374px);
	padding-right: 6px;
}

.chat_block {
	display: flex;

	max-width: 600px;
	margin: 8px 0;
}

.chat_block.you {
	margin-left: auto;
}

.chat_avatar {
	width: 40px;
	margin-right: 16px;
}

.chat_avatar img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}

.chat_info {
	position: relative;

	width: calc(100% - 56px);
	padding: 12px 16px;
	background-color: var(--gray);
	border-radius: 12px;
	line-break: auto;
}

.chat_block.you .chat_info {
	width: 100%;
	margin-left: auto;
	line-break: auto;
}

.chat_info:before {
	content: '';
	position: absolute;
	top: 16px;
	left: -4px;

	width: 8px;
	height: 8px;
	background-color: var(--gray);

	transform: rotate(45deg);
}

.chat_block.you .chat_info:before {
	left: auto;
	right: -4px;
}

.chat_text {
	font-size: 16px;
	line-height: 1.6;
}

.chat_date {
	padding-top: 8px;
	color: var(--color);
	font-size: var(--h7);
    font-weight: 300;
}

.chat_bar {
	position: relative;

	margin-top: 20px;
}

.chat_bar:before {
	content: '';
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;

	height: 1px;
	background: linear-gradient(90deg, rgba(222, 222, 222, 0) 0%, rgba(222, 222, 222, 1) 25%, rgba(222, 222, 222, 1) 75%, rgba(222, 222, 222, 0) 100%);
}

.chat_input {

}

.chat_input input {
	padding-left: 52px;
	padding-right: 52px;
}

.chat_input_file,
.chat_input_send {
	position: absolute;
	top: 0;

	width: 40px;
	height: 40px;
	padding: 8px;
	cursor: pointer;
}

.chat_input_file svg,
.chat_input_send svg {
	width: 100%;
	height: auto;
}

.chat_input_file svg path,
.chat_input_send svg path {
	fill: var(--green);

	transition: fill .23s ease-out;
}

.chat_input_file svg:hover path,
.chat_input_send svg:hover path {
	fill: var(--color);
}

.chat_input_file {
	left: 0;
}

.chat_input_send {
	right: 0;
}

.chat_progress {
	width: 400px;
	height: 12px;
	margin-bottom: 8px;
	font-size: 0;
	background-color: var(--gray);
	border-radius: 4px;
}

.chat_progress_line {
	width: 0;
	height: 12px;
	background-color: var(--green);
	border-radius: 4px;
}

.chat_load_file {
	position: relative;

	margin-bottom: 8px;
	padding: 4px 24px;
	color: var(--color);
    font-size: var(--h7);
    font-weight: 300;
    background-color: var(--gray);
    background-image: url('/images/file.svg');
    background-position: 4px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    border-radius: 4px;
}

.chat_file_delete {
	position: absolute;
	top: 0;
	right: 4px;
	bottom: 0;

	width: 24px;
    background-image: url('/images/file_close.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    cursor: pointer;

    transition: transform .23s ease-out;
}

.chat_file_delete:hover {
	transform: rotate(90deg);
}

.chat_file {
	margin-top: 4px;
}

.chat_file_preview {
	padding: 8px 16px 8px 56px;
	border: 1px solid var(--silver);
    background-image: url('/images/file.svg');
    background-position: 12px center;
    background-repeat: no-repeat;
    background-size: 32px auto;
    border-radius: 4px;
}

.you .chat_file_preview {
	width: 95%;
}

.chat_file_title {

}

.chat_file_info {
	padding-top: 4px;
}

.chat_file_info_byte {
	color: var(--color);
    font-size: var(--h7);
    font-weight: 300;
}

.chat_file_info_byte a {
	display: inline;

	color: var(--green);
    font-weight: 400;
    cursor: pointer;

    transition: color .23s ease-out;
}

.chat_file_info_byte a:hover {
	color: var(--color);
}

/* Chat. */

/* Content. */

.content {
	width: calc(100% - var(--bar) - 20px);
}

.content_block:not(:first-child) {
	margin-top: 20px;
}

.content_top {
	margin-bottom: 48px;
}

.content_btn {
	margin-top: 16px;
}

.content_select span {
	margin-right: 16px;
}

.calendar_buttons_date .btn {
	margin-left: 8px;
}

.calendar_buttons_date .btn:first-child {
	margin-left: 0;
}

.calendar_buttons_date .btn.mini {
	padding-left: 14px;
	padding-right: 14px;
}

.content_archive {
	padding-right: 44px;
	flex-grow: 1;
	justify-content: flex-end;
}

.content_archive:last-child {
	padding-right: 0;
}

.content_btns .btn:not(:first-child) {
	margin-left: 16px;
}

.calendar_buttons_date {
	display: flex;
	flex-wrap: wrap;

	margin-left: 36px;
}

/* Content. */

/* Select. */

.select {
	--height: 40px;
	position: relative;
	height: var(--height);
}

.select_info {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	padding: 10px 40px 0 16px;
	height: var(--height);
	background-color: var(--white);
	border: 1px solid var(--black);
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap;
	-webkit-transition: background-color .43s, border-color .43s;
	-o-transition: background-color .43s, border-color .43s;
	transition: background-color .43s, border-color .43s;
}

.select_info:hover {
	background-color: var(--slver);
}

.select_info:before {
	--icon_size: 8px;
	right: 16px;
	-webkit-transition: -webkit-transform .43s;
	transition: -webkit-transform .43s;
	-o-transition: transform .43s;
	transition: transform .43s;
	transition: transform .43s, -webkit-transform .43s;
}

.select.active .select_info:before {
	-webkit-transform: rotate(-200grad);
	-ms-transform: rotate(-200grad);
	transform: rotate(-200grad);
}

.select_wrapper {
	visibility: hidden;
	overflow: auto;
	position: relative;
	max-height: 160px;
	margin-top: 24px;
	background-color: var(--white);
	border: 1px solid var(--black);
	border-radius: 4px;
	-webkit-box-shadow: var(--shadow);
	box-shadow: var(--shadow);
	opacity: 0;
	z-index: 2;
	-webkit-transition: visibility 0s .43s, opacity .43s, margin .43s;
	-o-transition: visibility 0s .43s, opacity .43s, margin .43s;
	transition: visibility 0s .43s, opacity .43s, margin .43s;
}

.select.active .select_wrapper {
	visibility: visible;
	margin-top: 4px;
	opacity: 1;
	-webkit-transition: visibility .43s 0s, opacity .43s, margin .43s;
	-o-transition: visibility .43s 0s, opacity .43s, margin .43s;
	transition: visibility .43s 0s, opacity .43s, margin .43s;
}

.select_opt {
	padding: 10px 40px 11px 16px;
	cursor: pointer;
	-webkit-transition: background-color .23s, color .23s;
	-o-transition: background-color .23s, color .23s;
	transition: background-color .23s, color .23s;
}

.select_opt:hover {
	background-color: var(--silver);
}

.select-dark .select_info,
.select-dark .select_wrapper {
	background-color: var(--gray);
	border-color: var(--gray);
}

.select-dark.error .select_info {
	color: var(--red);
	background-color: var(--light_red) !important;
	border-color: var(--light_red);
}

.select-dark.error .select_info:hover {
	border-color: var(--red);
}

.select-dark .select_info:hover,
.select-dark.active .select_info {
	border-color: var(--black);
}

.select-dark .select_opt:hover {
	color: var(--green);
	background-color: var(--gray);
}

/* Select. */

/* Bar. */

.bar {
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
	width: var(--bar);
}

.bar_block {
	--block_inner: 28px 28px 32px;
	position: relative;
}

.bar_block:not(:first-child) {
	margin-top: 20px;
}

.bar_btn {
	--btn_width: 100%;
}

.bar_btn:not(:first-child) {
	margin-top: 20px;
}

.bar_nav {
	--icon_size: 20px;
}

.bar_nav_li {
	margin-top: 16px;
	padding-left: calc(var(--icon_size) + 12px);
	cursor: pointer;
	-webkit-transition: color .43s;
	-o-transition: color .43s;
	transition: color .43s;
}

.bar_nav_li:hover {
	color: var(--green);
}

.bar_nav_li:before {
	left: 0;
}

.bar_nav_li:first-child {
	margin-top: 0;
}

.bar_btn + .bar_nav .bar_nav_li:first-child,
.bar_nav_li:last-child {
	margin-top: 58px;
}

.bar_btn + .bar_nav .bar_nav_li:first-child:after,
.bar_nav_li:last-child:after {
	content: '';
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	

	height: 1px;
	background: linear-gradient(90deg, rgba(222, 222, 222, 0) 0%, rgba(222, 222, 222, 1) 25%, rgba(222, 222, 222, 1) 75%, rgba(222, 222, 222, 0) 100%);
}

.bar_block .video {
	width: auto;
}

.bar_nav_count {
	position: absolute;
	top: 0;
	right: 0;
}

.bar_nav_count span {
	display: inline-block;

	padding: 2px 6px 3px;
	color: var(--white);
	font-size: 12px;
	font-weight: 500;
	background-color: var(--red);
	border-radius: 6px;
}

/* Bar. */

/* Button. */

.btn {
	display: inline-block;
	position: relative;
	min-width: var(--btn_width);
	height: var(--btn_height);
	padding: 0 28px;
	color: var(--btn_color);
	text-align: center;
	line-height: calc(var(--btn_height) - (var(--btn_border_w) * 2) - var(--btn_lh));
	background-color: var(--btn_bg);
	border: var(--btn_border_w) solid var(--btn_border_color);
	border-radius: 4px;
	white-space: nowrap;
	cursor: pointer;
	-webkit-transition: color .43s, background .43s, -webkit-box-shadow .43s;
	transition: color .43s, background .43s, -webkit-box-shadow .43s;
	-o-transition: box-shadow .43s, color .43s, background .43s;
	transition: box-shadow .43s, color .43s, background .43s;
	transition: box-shadow .43s, color .43s, background .43s, -webkit-box-shadow .43s;
}

.btn:hover {
	-webkit-box-shadow: 0 4px 32px var(--btn_shadow);
	box-shadow: 0 4px 32px var(--btn_shadow);
}

.btn.btn-msg {
	width: var(--btn_height);
	background-image: url('/images/icon/mail.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto;
}

.btn.load {
	background-color: var(--btn_bg);
	background-image: url('/images/load.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50px;
}

.btn-dark {
	--btn_bg: var(--dark);
	--btn_border_color: var(--dark);
	--btn_shadow: #003C5582;
}

.btn-dark_outline {
	--btn_color: var(--dark);
	--btn_bg: transparent;
	--btn_border_color: var(--dark);
	--btn_shadow: #003C5582;
}

.btn-outline {
	--btn_color: var(--black);
	--btn_bg: transparent;
	--btn_border_color: var(--black);
	--btn_shadow: none;
}

.btn-outline:hover {
	--btn_color: var(--white);
	--btn_bg: var(--black);
}

.btn-outline_green {
	--btn_color: var(--green);
	--btn_bg: transparent;
	--btn_border_color: var(--green);
	--btn_border_w: 2px;
}

.btn-gray {
	--btn_color: var(--color);
	--btn_bg: var(--gray);
	--btn_border_color: var(--gray);
	--btn_shadow: #00000032;
}

.btn-red {
	--btn_color: var(--red);
	--btn_bg: transparent;
	--btn_border_color: var(--red);
	--btn_shadow: none;
}

.btn-red:hover {
	--btn_color: var(--white);
	--btn_bg: var(--red);
}

/*.btn-COLOR_NAME {
	color: var(--btn_bg);
	background-color: var(--btn_color);
}*/

/* Button. */

/* Header. */

.header {
	padding-top: 20px;
}

.header_block.shadow__block {
	--block_inner: 12px 12px 12px 18px;
}

.header__top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

.header_right {
	--inner: 44px;
	--inner_b: calc(var(--inner) * 2);
}

.header_nav_li {
	padding: 0 var(--inner);
	border-right: 1px solid var(--silver);
}

.header_nav_li:last-child:not(:first-child) {
	border-right: 0 none;
}

.header_btn .btn:last-child {
	margin-left: 16px;
}

.header_co {
	--icon_size: 20px;
	padding-left: calc(var(--icon_size) + 12px);
	font-size: var(--h7);
	font-weight: 300;
	white-space: nowrap;
}

.header_co:before {
	left: 0;
}

.header_co span {
	color: var(--green);
}

.header_label {
	position: relative;
	margin: 0 32px;
	padding: 3px 12px 4px;
	border-radius: 4px;
	line-height: 1.24;
	cursor: pointer;
	-webkit-transition: background-color .43s;
	-o-transition: background-color .43s;
	transition: background-color .43s;
}

.header_label:hover,
.header_label.active {
	background-color: var(--gray);
}

.header_label:not(:first-child):before {
	content: '';
	position: absolute;
	top: 0;
	left: -32px;
	bottom: 0;
	border-left: 1px solid var(--silver);
}

.header_bel {
	--icon_size: 24px;
	position: relative;
}

.header_bel > span {
	display: block;
	width: var(--icon_size);
	height: var(--icon_size);
}

.header_bel_wrapper.shadow__block {
	--inner: 20px;
	--block_inner: var(--inner);
	visibility: hidden;
	overflow-y: auto;
	position: absolute;
	top: 140%;
	right: -76px;

	max-height: 300px;
	margin-top: 12px;
	font-size: 12px;
	opacity: 0;
	z-index: 1;

	-webkit-transition: visibility 0s .43s, opacity .43s, margin .43s;
	-o-transition: visibility 0s .43s, opacity .43s, margin .43s;
	transition: visibility 0s .43s, opacity .43s, margin .43s;
}

.header_bel_wrapper:before {
	content: '';
	position: absolute;
	top: -5px;
	right: 83px;
	width: 9px;
	height: 9px;
	background-color: var(--white);
	-webkit-transform: rotate(50grad);
	-ms-transform: rotate(50grad);
	transform: rotate(50grad);
}

.header_bel_wrapper:after {
	content: '';
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.header_bel:hover .header_bel_wrapper {
	visibility: visible;
	margin-top: 0;
	opacity: 1;
	-webkit-transition: visibility .43s 0s, opacity .43s, margin .43s;
	-o-transition: visibility .43s 0s, opacity .43s, margin .43s;
	transition: visibility .43s 0s, opacity .43s, margin .43s;
}

.header_bel_wrapper p {
	width: 360px;
	max-width: calc(100vw - var(--bone) * 2);
	margin: 0 calc(var(--inner) * -1);
	padding: 0 var(--inner);
	font-weight: 300;
	line-height: 1.8;
}

.header_bel_wrapper p:not(:first-child) {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #E6EBE6;
}

.header_bel_wrapper p b {
	font-weight: 700;
}

.header_bel_wrapper p a {
	display: inline-block;

	color: var(--green);
	text-decoration: underline;
}

.header_bel_wrapper p a:hover {
	color: var(--green);
	text-decoration: none;
}

.header_bel_wrapper p .line {
	font-weight: 400;
	border-bottom: 1px solid var(--color);
}

.header_bel_wrapper .hover__line {
	--color: var(--green);
}

.header_bel_wrapper .hover__line:after {
	left: 0;
}

.header_bel_wrapper .hover__line:hover:after {
	width: 100%;
}

.header_bel_bottom {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 16px;
}

.header_bel_btn .btn:not(:first-child) {
	margin-left: 16px;
}

.header_bel_btn .btn-gray {
	padding-top: 4px;
}

.header_ava {
	--size: 40px;
	margin-left: 24px;
}

.header_bel_bottom .hover__line {
	padding: 12px 0;
}

/* Header. */

/* Header Bar. */

.header_bar {
	display: none;
	z-index: 9;
}

.header_bar_burger {
	overflow: hidden;
	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-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 36px;
	height: 36px;
	padding: 12px 8px;
	border-radius: 9px;
	cursor: pointer;
	z-index: 20;
	-webkit-transition: background .43s, -webkit-transform .43s;
	transition: background .43s, -webkit-transform .43s;
	-o-transition: background .43s, transform .43s;
	transition: background .43s, transform .43s;
	transition: background .43s, transform .43s, -webkit-transform .43s;
}

.header_bar_burger:hover {
	background-color: #01273732;
}

.header_bar_burger.active:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.header_bar_wrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: var(--bone);
	background-color: var(--black);
	z-index: -1;
}

.header_bar_burger span {
	width: 100%;
	height: 2px;
	background-color: var(--black);
	border-radius: 1px;
	-webkit-transition: opacity .43s, -webkit-transform .43s;
	transition: opacity .43s, -webkit-transform .43s;
	-o-transition: transform .43s, opacity .43s;
	transition: transform .43s, opacity .43s;
	transition: transform .43s, opacity .43s, -webkit-transform .43s;
}

.header_bar_burger.active span:nth-child(1) {
	-webkit-transform: rotate(50grad) translate3d(3px, 3px, 0);
	transform: rotate(50grad) translate3d(3px, 3px, 0);
}

.header_bar_burger.active span:nth-child(2) {
	opacity: 0;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

.header_bar_burger.active span:nth-child(3) {
	-webkit-transform: rotate(-50grad) translate3d(4px, -4px, 0);
	transform: rotate(-50grad) translate3d(4px, -4px, 0);
}

.header_bar_burger.active {
	background-color: var(--white);
}

.header_bar_flex.shadow__block {
	--block_inner: 80px 24px 32px;
	overflow: auto;
	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-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	max-width: 400px;
	height: 100%;
	margin: 0 auto;
}

.header_bar_flex .header_nav {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 100px;
}

.header_bar_flex .header_nav_li {
	font-size: var(--h2);
	border: 0 none;
}

.header_bar_flex .header_nav_li + .header_nav_li {
	margin-left: 0;
	margin-top: 32px;
}

.header_bar_flex .header_labels {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.header_bar_flex .header_co {
	display: inline-block;
}

.header_bar_flex #co-table {
	text-align: center;
}

/* Header Bar. */



/* Avatar Menu. */

.avatar_menu {
	overflow: visible;
	position: relative;
}

.avatar_menu > img {
	border-radius: 50%;
	cursor: pointer;
}

.avatar_menu_wrapper {
	visibility: hidden;
	position: absolute;
	top: 100%;
	right: 0;

	opacity: 0;
	z-index: 1;

	-webkit-transition: visibility 0s .43s, opacity .43s, margin .43s;
		 -o-transition: visibility 0s .43s, opacity .43s, margin .43s;
			transition: visibility 0s .43s, opacity .43s, margin .43s;
}

.avatar_menu:hover .avatar_menu_wrapper {
	visibility: visible;

	opacity: 1;

	-webkit-transition: visibility .43s 0s, opacity .43s, margin .43s;
		 -o-transition: visibility .43s 0s, opacity .43s, margin .43s;
			transition: visibility .43s 0s, opacity .43s, margin .43s;
}

.avatar_menu_group {
	margin-top: 12px;
	padding: 8px 0;
	background-color: var(--white);
	border-radius: 8px;

	-webkit-box-shadow: var(--shadow);
			box-shadow: var(--shadow);
}

.avatar_menu_li {
	padding: 12px 20px 12px 52px;
	white-space: nowrap;
	cursor: pointer;

	transition: background-color .23s ease-out;
}

.avatar_menu_li:hover {
	background-color: var(--gray);
}

.avatar_menu_li.logout {
	position: relative;

	margin-top: 16px;
}

.avatar_menu_li.logout:after {
	content: '';
	pointer-events: none;
	position: absolute;
	top: -8px;
	left: 0;
	right: 0;

	border-top: 1px solid var(--silver);
}

.avatar_menu_group .icon:before {
	top: auto;
	left: 20px;

	width: 20px;
	height: 20px;
}

/* Avatar Menu. */

/* Main. */

.main {
	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;
	position: relative;
	text-align: center;
	height: calc(100vw / 2.2);
	min-height: 600px;
	margin-bottom: -140px;
}

.main_bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
}

.main_bg.bg__shroud:before {
	z-index: 1;
}

.main_bg img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

.main_title {
	color: var(--white);
	font-size: var(--h1);
	font-weight: 700;
}

.main_subtitle {
	margin-top: 16px;
	color: var(--green);
	font-size: var(--h3);
}

.main_btn {
	--btn_width: 180px;
	--btn_height: 60px;
	--btn_bg: rgba(165, 183, 41, .8);
	margin-top: 36px;
}

.main_btn .btn {
	font-size: 18px;
}

/* Main. */

/* Video block. */

.video {
	position: relative;
	width: 100vw;
	max-width: var(--size);
}

.video_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 22px;
	height: 22px;
	background-color: var(--gray);
	border-radius: 50%;
	cursor: pointer;
	-webkit-transform: rotate(50grad);
	-ms-transform: rotate(50grad);
	transform: rotate(50grad);
	-webkit-transition: -webkit-transform .43s;
	transition: -webkit-transform .43s;
	-o-transition: transform .43s;
	transition: transform .43s;
	transition: transform .43s, -webkit-transform .43s;
}

.video_close:before,
.video_close:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 7px;
	right: 7px;
	height: 2px;
	margin-top: -1px;
	background-color: var(--black);
}

.video_close:after {
	-webkit-transform: rotate(100grad);
	-ms-transform: rotate(100grad);
	transform: rotate(100grad);
}

.video_close:hover {
	-webkit-transform: scale(1.1) rotate(250grad);
	-ms-transform: scale(1.1) rotate(250grad);
	transform: scale(1.1) rotate(250grad);
}

.video_block {
	--size_play: 36px;
	position: relative;
	margin-top: 24px;
}

.video_block span {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	z-index: 1;
	-webkit-transition: visibility 0s .43s;
	-o-transition: visibility 0s .43s;
	transition: visibility 0s .43s;
}

.video_block span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: var(--size_play);
	height: var(--size_play);
	margin-top: calc(var(--size_play) / -2);
	margin-left: calc(var(--size_play) / -2);
	background-color: #012737a3;
	background-image: url('../images/icon/play.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 11px 14px;
	border-radius: 50%;
	opacity: 0;
	z-index: 1;
	-webkit-transition: opacity .43s, -webkit-transform .43s;
	transition: opacity .43s, -webkit-transform .43s;
	-o-transition: transform .43s, opacity .43s;
	transition: transform .43s, opacity .43s;
	transition: transform .43s, opacity .43s, -webkit-transform .43s;
}

.video_block:hover span:before {
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
}

.video_block.stop span {
	visibility: visible;
	-webkit-transition: visibility 0s;
	-o-transition: visibility 0s;
	transition: visibility 0s;
}

.video_block.stop span:before {
	opacity: 1;
}

.video_block:after {
	content: '';
	display: block;
	padding-bottom: 61%;
}

.video_block video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

/* Video block. */

/* Home. */

.home {
	--size: 100%;
	position: relative;
	z-index: 1;
}

.home .shadow__block {
	--block_inner: 28px;
}

.home_video {
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
	width: calc((100% - 22px) / 3);
	margin-right: 22px;
}

.home_video .video {
	height: 100%;
}

.home_video .video_block {
	margin-top: 24px;
}

.home_video .video_block span:before {
	-webkit-transform: scale(2.28);
	-ms-transform: scale(2.28);
	transform: scale(2.28);
}

.home_video .video_block:hover span:before {
	-webkit-transform: scale(3);
	-ms-transform: scale(3);
	transform: scale(3);
}

.home_reviews {
	max-width: calc((100% - 22px) / 3 * 2);
	padding-bottom: 26px;
}

.home_slider {
	margin-top: 24px;
}

.home_slid {
	padding-bottom: 20px;
}

.home_slid_user {
	margin-bottom: 20px;
}

.home_slid_img {
	--size: 80px;
}

.home_slid_txt {
	margin-left: 24px;
}

.home_slid_name {
	line-height: 29px;
}

.home_slid_what {
	margin-top: 4px;
	color: #C4C4C4;
	font-size: var(--h7);
	font-weight: 300;
}

.home_slid_text {
	--icon_size: 12px;
	display: inline;
	font-size: var(--h6);
	line-height: 1.6;
	font-weight: 300;
	padding-right: calc(12px + var(--icon_size));
}

.home_slid_text:before {
	top: auto;
	right: 0;
	bottom: 0;
	margin-top: 0;
	margin-bottom: -4px;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

/* Home. */

/* Contact-us. */

.contact {
	--bar: calc((100% - 20px) / 3);
}

.contact .wrapper {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.contact_triple_blocks {
	margin-bottom: 16px;
}

.contact .bar {
	--block_inner: 48px 60px;
}

.contact_bar_items {
	margin-top: 48px;
}

.contact_bar_item {
	--icon_size: 20px;
	--inner: 12px;
	--inner_b: var(--inner);
	margin-top: 20px;
	padding-left: calc(var(--icon_size) + var(--inner));
	line-height: 20px;
}

.contact_bar_item:before {
	top: 10px;
	left: 0;
}

.contact_bar_item span {
	font-size: var(--h7);
}

/* Contact-us. */

.input_count_pin {
	position: absolute;
	right: 6px;
	bottom: 4px;

	width: auto !important;
	margin: 0 !important;
	color: #8D96B2;
	font-size: 9px;
	font-weight: 700;
}

.input_count_pin.stop {
	color: #FC6221;
}

/* Sign. */

.sign {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	top: 0;
	bottom: 0;
	min-height: calc(100vh - 20px - var(--header) - var(--footer));
	padding: var(--bone);
}

.sign_wrapper {
	width: 100%;
	max-width: 440px;
}

.sign_title {
	margin-bottom: 48px;
}

.sign_title + .sign_text {
	margin: -32px 0 48px;
}

.sign_block {
	margin-top: 16px;
}

.sign_btn {
	margin-top: 16px;
}

.sign_btn .btn {
	width: 100%;
}

.sign_rem {
	margin-top: 16px;
}

.sign_fenc {
	position: relative;
	margin-top: 32px;
	margin-bottom: 32px;
	text-align: center;
	z-index: 1;
}

.sign_fenc:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: 1px;
	border-bottom: 1px solid var(--gray);
	z-index: -1;
}

.sign_fenc span {
	padding: 0 12px;
	color: #B6C6CE;
	font-weight: 300;
	background-color: var(--white);
}

.sign_forgout {
	--color: var(--green);
	margin-top: 28px;
	text-align: center;
	font-size: var(--h7);
}

.sign_text {
	margin-top: 16px;
	font-weight: 300;
	line-height: 22px;
}

.sign_text a {
	--color: var(--green);
	display: inline-block;
}

.sign_step {
	--size: 8px;
	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-top: 40px;
}

.sign_step span {
	width: var(--size);
	height: var(--size);
	margin-left: 6px;
	background-color: #CDCCD7;
	border-radius: 50%;
	-webkit-transition: background-color .43s;
	-o-transition: background-color .43s;
	transition: background-color .43s;
}

.sign_step span:first-child {
	margin-left: 0;
}

.sign_step span.active {
	background-color: var(--green);
}

.sign_btns .btn {
	width: 50%;
	border-radius: 4px 0 0 4px;
}

.sign_btns .btn:last-child {
	border-radius: 0 4px 4px 0;
}

.sign_btns .btn-dark {
	--btn_shadow: none;
}

.sign_slid {
	display: none;
}

.sign__inputs .input {
	width: calc(50% - 8px);
}

.sign_icon {
	--icon_size: 144px;
	width: var(--icon_size);
	height: var(--icon_size);
	margin-bottom: 36px;
}

.sign_map {
	--height: 64%;
	margin-top: 16px;
}

.sign .btn {
	padding: 0;
}

/* Sign. */

/* User. */

.user_block {
	--block_inner: 28px;
}

.user_ava {
	width: 120px;
}

.user_edit {
	position: relative;

	cursor: pointer;
}

.user_edit:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background-color: rgba(0, 0, 0, .8);
	background-image: url('/images/edit_white.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px auto;
	border-radius: 50%;
	pointer-events: none;
	opacity: 0;

	transition: opacity .23s ease-out;
}

.user_edit:hover:before {
	opacity: 1;
}

.user_txt {
	margin-left: 28px;
}

.user_star {
	--size: 12px;
	--inner: 4px;
	margin-top: 8px;
}

.user_mission {
	margin-top: 18px;
	font-weight: 500;
}

.user_date {
	margin-top: 4px;
	font-size: var(--h7);
	font-weight: 300;
}

.user_btn {
	--btn_width: 164px;
	margin-right: 32px;
}

.user_name + .user_date {
	margin-top: 12px;
}

/* User. */

/* Star. */

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

.star span {
	width: calc(var(--size) + var(--inner));
	height: var(--size);
	padding-rigth: var(--inner);
	background-image: url('../images/icon/star.svg');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: var(--size);
	cursor: pointer;
	-webkit-transition: background-image .43s;
	-o-transition: background-image .43s;
	transition: background-image .43s;
}

.star span:first-child {
	padding-right: 0;
}

.star span.inactive {
	background-image: url('../images/icon/star_outline.svg');
}

/* Star. */

/* Footer. */

.footer {
	padding: 20px 0;
}

.footer_nav {
	--size: 44px;
}

.footer_nav_li {
	padding: 0 var(--size);
	color: #C4C4C4;
	font-size: 12px;
	border-left: 1px solid var(--silver);
	-webkit-transition: color .43s;
	-o-transition: color .43s;
	transition: color .43s;
}

.footer_nav_li:hover {
	color: var(--dark);
}

.footer_nav_li:first-child {
	border-left: 0 none;
}

.footer_coop {
	color: #C4C4C4;
	font-size: 12px;
}

/* Footer. */

/* Social. */

.soc {
	--size: 32px;
}

.soc_li {
	width: 44px;
	height: 44px;
	margin-left: 20px;
	padding: 6px;
	background-color: rgba(0, 0, 0, .04);
	border-radius: 50%;
}

.soc_li:first-child {
	margin-left: 0;
}

.soc_li svg {
	width: var(--size);
	height: var(--size);
}

.soc_li:hover .color {
	fill: var(--dark);
}

/* Social. */

/* Mission block. */


.mission_top {
	margin-bottom: 20px;
}

.mission_right .icon {
	--icon_size: 16px;
	--size: var(--icon_size);
	margin-left: 8px;
	border-radius: 0;
}

.mission_right .icon:before {
	-webkit-transition: background-image .43s;
	-o-transition: background-image .43s;
	transition: background-image .43s;
}

.mission_right .active.icon-column:before {
	background-image: url('../images/icon/column_active.svg');
}

.mission_right .active.icon-map:before {
	background-image: url('../images/icon/map_active.svg');
}

.mission_block {
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 20px;
	grid-template-columns: repeat(2, 1fr);
	position: relative;

	margin-top: 20px;
	background-color: var(--gray);
	padding: 12px 20px 12px 12px;
	border-radius: 8px;
	cursor: pointer;
}

.mission_block.three {
	grid-template-columns: .6fr 1fr 40px;
}

.mission_block.four {
	grid-template-columns: 1fr .2fr .3fr 40px;
}

.mission_block__new {
	background-color: #FFF1EB;
}

.mission_block:first-child {
	margin-top: 0;
}

.mission_block_user {
	min-width: 160px;
}

.mission_block_user_ava {
	--size: 40px;
	margin-right: 12px;
}

.mission_block_user_name {
	font-size: var(--h5);
	font-weight: 500;
}

.mission_block_user_sub {
	margin-top: 4px;
	font-size: var(--h7);
	font-weight: 300;
}

.mission_block_location {
	font-size: var(--h7);
}

.mission_block_status {
	font-size: var(--h7);
}

.mission_block__new .mission_block_status span {
	color: var(--red);
}

.mission_block_status span.red {
	color: var(--red);
}

.mission_block_status span.green {
	color: var(--green);
}

.mission_slid {
	display: none;
}

.mission_slid.active {
	display: block;
}

.mission_slid .map {
	--height: 38%;
}

.mission_block_btn {
	justify-self: end;
}

.mission_block_count {
	position: absolute;
	top: 50%;
	right: 28px;

	transform: translate3d(0, -50%, 0);
}

.mission_block_count span {
	display: inline-block;

	padding: 2px 6px;
	color: var(--white);
	font-size: 12px;
	font-weight: 500;
	background-color: var(--red);
	border-radius: 6px;
}

.mission_add {
	--inner: 8px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: calc(var(--inner) * -1);
}

.mission_add_block {
	width: calc(100% / 3 - var(--inner) * 2);
	margin: var(--inner);
}

.mission_add_block > span {
	width: calc(100% / 3 - var(--inner) * 2);
}

.mission_add_block__full {
	width: 100%;
}

.mission_add_block.mission_add_block__full > .input {
	min-width: calc(100% / 3 * 2 - var(--inner));
	margin-right: 0;
}

.mission_notes {
	padding-top: 8px;
	font-size: var(--h7);
}

.mission_notes a {
	color: #A5B729;
	cursor: pointer;
}

.mission_inputs > * {
	width: calc(100% / 3 - var(--inner));
}

.mission_inputs input {
	text-align: center;
}

.mission_add_block {
	position: relative;

	--btn_width: 100%;
}

.mission_label {
	margin-bottom: 20px;
	font-size: 12px;
}

.mission_total {

}

.mission_calc {
	font-size: var(--h7);
}

.mission_calc span {
	display: block;

	font-size: var(--h5);
}

.mission_total_col {
	padding-top: 8px;
	font-size: var(--h7);
}

.mission_total_final {
	padding-top: 16px;
	font-size: var(--h5);
	font-weight: 500;
}

/* Mission block. */

.mission_apply_coupon_btn {
	color: #A5B729;
    cursor: pointer;
	background: none;
	border: 0px;
	padding: 20px 20px 20px 0px;
}

.mission_billing_summary .mission_notes {
	padding-top: 0px;
}

.mission_summary_wrapper .hidden {
	display: none;
}

.mission_summary_wrapper .mission_notes a {
	font-size: 14px;
}
.mission_summary_wrapper {
	display: flex;
	gap: 20px;
	padding: 20px 0px 33px 0px;
}

.mission_summary_wrapper .mission_billing_summary,
.mission_summary_wrapper .mission_coupons_input_wrapper
{
	width: calc(100% / 3 - var(--inner) * 2);
	padding-right: 10px;
}

.summary-title-wrapper {
	align-items: center;
}

.mission_billing_row {
	display: flex;
    justify-content: space-between;
}

.mission_billing_summary > div {
	display: flex;
	justify-content: space-between;
}
.mission_billing_data_wrapper {
	display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
	padding: 24px;
	border-radius: 6px;
	border: 1px solid #F0F3F5;
	    margin-top: 20px;
}

.coupon-input-area {
	padding-top: 20px;
}

.coupon-input-area input{
	background:#F0F3F5;
	border-radius: 4px;
	
}

.coupon-input-area input:focus {
	background:#FFF;
	border: 0px;
	border: 1px solid #0D2636;
}

.mission_billing_data_wrapper .bolder_text {
	font-weight: 900;
}

.coupon-message-area {
	font-size: 14px;
}

.cards-icon-wrapper .cards-wrapper {
	width: 47px;
    display: flex;
    gap: 4px;
}

.mission-started-card-btn {
	width: 100%;
    background: #F0F3F5;
    padding: 10px;
    border-radius: 5px;
	cursor: pointer;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.coupon_success_message {
	color: #A8B646;
}
.coupon_reject_message {
	color: #FF5F00;
}

.coupon-input-area .cross_btn{
	position: relative;
    left: 94%;
    top: -30px;
	cursor: pointer;
}

.coupon-input-area p a {
	display: inline;
	color: var(--green);
}

.coupon-input-area p a:hover {
	color: var(--black);
}

/* More. */

.more {
	position: relative;
}

.more_dots {
	--size: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	height: 20px;
	cursor: pointer;
}

.more_dots span {
	width: var(--size);
	height: var(--size);
	margin-left: 2px;
	background-color: var(--black);
	border-radius: 50%;
}

.more_dots:hover span {
	-webkit-animation: pin .3s linear;
	animation: pin .3s linear;
}

.more_dots:hover span:nth-child(2) {
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}

.more_dots:hover span:nth-child(3) {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}

.more_wrapper {
	visibility: hidden;
	position: absolute;
	top: 140%;
	right: -10px;
	margin-top: 24px;
	background-color: var(--white);
	border-radius: 4px;
	-webkit-box-shadow: var(--shadow);
	box-shadow: var(--shadow);
	opacity: 0;
	z-index: 1;
	-webkit-transition: visibility 0s .43s, opacity .43s, margin .43s;
	-o-transition: visibility 0s .43s, opacity .43s, margin .43s;
	transition: visibility 0s .43s, opacity .43s, margin .43s;
}

.more_wrapper:before {
	content: '';
	position: absolute;
	top: -5px;
	right: 12px;
	width: 9px;
	height: 9px;
	background-color: var(--white);
	-webkit-transform: rotate(50grad);
	-ms-transform: rotate(50grad);
	transform: rotate(50grad);
}

.more_wrapper:after {
	content: '';
	position: absolute;
	top: -12px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.more:hover .more_wrapper {
	visibility: visible;
	margin-top: 0;
	opacity: 1;
	-webkit-transition: visibility .43s 0s, opacity .43s, margin .43s;
	-o-transition: visibility .43s 0s, opacity .43s, margin .43s;
	transition: visibility .43s 0s, opacity .43s, margin .43s;
}

.more_scroll {
	overflow: auto;
	max-height: 160px;
}

.more_opt {
	min-width: 162px;
	padding: 12px 16px;
	white-space: nowrap;
	-webkit-transition: color .23s, color .23s;
	-o-transition: color .23s, color .23s;
	transition: color .23s, color .23s;
	cursor: pointer;
}

.more_opt:hover {
	color: var(--green);
}

/* More. */

@-webkit-keyframes pin {
	25% {
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);
	}

	50% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);
	}
}

@keyframes pin {
	25% {
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);
	}

	50% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);
	}
}

/* Manage. */

.manage_block:not(:last-child) {
	margin: 0 -60px;
	padding: 36px 60px;
	border-bottom: 1px solid var(--silver);
}

.manage_block:first-child {
	padding-top: 0;
}

.manage_block:last-child {
	padding-top: 36px;
}

.manage_items {
	--inner: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 calc(var(--inner) * -1);
}

.manage_item {
	width: calc(100% / 3 - var(--inner) * 2);
	margin: 16px var(--inner) 0;
}

.manage_items:first-child .manage_item {
	margin-top: 0;
}

.manage_items .input:not(:first-child) {
	margin-top: 16px;
}

.manage_item__twoo {
	width: calc(100% / 3 * 2 - var(--inner) * 2);
}

.manage_item__full {
	width: 100%;
}


.date_picker-wrapper .hasDatepicker input  {
	width: 65%;
}
/* .date_picker-wrapper .icon-calendar {
	right: 58px;
} */

.date_picker-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.manage_btn {
	margin-top: 21px;
}

.manage_map {
	--height: 25%;
	margin-top: 16px;
}

.manage_sublabel {
	margin: 12px 0 0;
	font-size: 13px;
}

/* Manage. */

/* Modal. */

.modal {
	visibility: hidden;
	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: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 var(--bone);
	background-color: var(--black);
	opacity: 0;
	z-index: 100;
	-webkit-transition: visibility .4s .4s, opacity .4s;
	-o-transition: visibility .4s .4s, opacity .4s;
	transition: visibility .4s .4s, opacity .4s;
}

.modal.active {
	visibility: visible;
	opacity: 1;
	-webkit-transition: visibility .4s, opacity .4s;
	-o-transition: visibility .4s, opacity .4s;
	transition: visibility .4s, opacity .4s;
}

.modal_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	width: 100%;
	padding: 40px 56px;
	max-width: 812px;
	max-height: 100vh;
	opacity: 0;
	-webkit-transform: translate3d(-100%, -100%, 0) scale(.5);
	transform: translate3d(-100%, -100%, 0) scale(.5);
	-webkit-transition: opacity .23S, -webkit-transform .4s;
	transition: opacity .23S, -webkit-transform .4s;
	-o-transition: transform .4s, opacity .23S;
	transition: transform .4s, opacity .23S;
	transition: transform .4s, opacity .23S, -webkit-transform .4s;
}

.modal.modal_size_640 .modal_flex {
	max-width: 640px;
}

.modal.active .modal_flex {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
}

.modal_wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
	background-color: var(--white);
	border-radius: 8px;
}

.modal_scroll {
	overflow: auto;
	max-height: calc(100vh - 80px);
	margin-right: -40px;
	padding: 48px 88px 48px 48px;
}

.modal-payment-error-wrapper {
	padding: 10px;
	color: red;
}

.factor-validation-wrapper {
	display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}
.factor-validation-wrapper input {
	text-align: center;
}
.code-area-wrapper p {
	font-size: 10px;
	padding: 15px 0px;
}

.bg_gray {
	background-color: #F5F5F5;
}

.modal_close {
	position: absolute;
	top: 60px;
	right: 0;
	width: 36px;
	height: 36px;
	background-color: rgba(5, 0, 56, 0.4);
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: -webkit-transform .23s;
	transition: -webkit-transform .23s;
	-o-transition: transform .23s;
	transition: transform .23s;
	transition: transform .23s, -webkit-transform .23s;
}

.modal_close:hover {
	-webkit-transform: scale(1.2) rotate(200grad);
	-ms-transform: scale(1.2) rotate(200grad);
	transform: scale(1.2) rotate(200grad);
}

.modal_close:before,
.modal_close:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 12px;
	right: 12px;
	height: 2px;
	background-color: var(--white);
	border-radius: 1px;
	-webkit-transform: translate3d(0, -50%, 0) rotate(50grad);
	transform: translate3d(0, -50%, 0) rotate(50grad);
}

.modal_close:after {
	-webkit-transform: translate3d(0, -50%, 0) rotate(-50grad);
	transform: translate3d(0, -50%, 0) rotate(-50grad);
}

.modal_user {
	margin-bottom: 48px;
}

.modal_title:not(:first-child) {
	margin-top: 32px;
}

.modal_txt {
	margin-top: 8px;
}

.modal_txt p {
	margin-top: 1em;
	font-weight: 300;
	line-height: 1.8;
}

.modal_txt p:first-child {
	margin-top: 0;
}

.modal_reviews {
	margin-top: 48px;
}

.modal_reviews.margin {
	margin-top: 0;
}

.modal_items {
	width: 100%;
}

.modal_items .slick-list {
	border-radius: 8px;
}

.modal_items .modal_wrapper {
	border-radius: 0;
}

.modal_item {
	max-height: calc(100vh - 80px);
}

.modal_star {
	--size: 32px;
	--inner: 8px;
	margin-top: 36px;
}

.modal_textarea {
	margin-top: 24px;
}

.modal_btn.flex__end {
	margin-top: 32px;
}

.modal_card {
	--block_inner: 48px;
	margin-top: 36px;
}

.modal_card_block {
	margin-bottom: 16px;
}

.modal_card_block:last-child {
	margin-top: 48px;
	margin-bottom: 0;
}

.modal_card_block.flex__start .input:last-child {
	text-align: right;
	max-width: 40%;
}

.modal_card_block.flex__start .input:first-child input {
	max-width: 120px;
}

.modal_card_block.flex__start .input:last-child input {
	display: inline-block;
	max-width: 64px;
}

.modal_title.subtitle {
	font-size: var(--body);
}

.modal_subtitle {
	padding-top: 12px;
	font-size: 11px;
	line-height: 19px;
}

.modal_blocks {
	display: grid;
	grid-gap: 32px;
	grid-template-columns: 1fr 1fr;

	margin-top: 32px;

	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}

.modal_scroll .modal_blocks:first-child {
	margin-top: 0;
}

.modal_block .ava {
	--size: 40px;
	margin-right: 12px;
}

.modal_block_label {
	font-weight: 500;
}

.modal_block_info {
	margin-top: 8px;
	font-size: 16px;
	font-weight: 300;
}

.modal_map {
	--height: 34%;
	margin-top: 32px;
}

.modal_btn {
	flex-wrap: wrap;

	margin: -8px;
	padding-top: 32px;
	text-align: right;
}

.modal_btn > * {
	margin: 8px;
}

.modal_btn:first-child {
	padding-top: 0;
}

.modal_check {
	margin-top: 32px;
}

.modal_checked {
	--color: var(--green);
	margin-left: 16px;
}

.modal_checked.marg {
	margin-left: 0;
}

.modal_bottom_btn {
	margin: 0 -48px -32px;
	padding: 0 48px 12px;
}

/* Modal. */

/* Reviews. */

.reviews .hover__line {
	--color: var(--green);
}

.reviews_items {
	margin-top: 24px;
}

.reviews_item:not(:first-child) {
	margin-top: 32px;
}

.reviews_star {
	--size: 12px;
	--inner: 4px;
}

.reviews_name {
	margin-top: 12px;
	font-weight: 500;
}

.reviews_text {
	margin-top: 12px;
	font-weight: 300;
	line-height: 1.8;
}

.reviews_text p:not(:first-child) {
	margin-top: .5em;
}

.reviews_more {
	margin-top: 16px;
	text-align: center;
}

.reviews_bottom {
	margin-top: 48px;
}

.reviews_bottom:first-child {
	margin-top: 0;
	margin-bottom: 32px;
}

.reviews_checked {
	margin-left: 24px;
}

/* Reviews. */

.attan {
	padding: 16px;
	color: #FF4D00;
	background-color: #FFF1EB;
}

.attan a {
	display: inline-block;

	color: #FF4D00;
	text-decoration: underline;
}

/* Page-text. */

.page_text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 80vh;
	margin: 68px 0;
}

.page_text .bone {
	max-width: calc(1160px + var(--bone) * 2);
}

.page_text_title {
	color: var(--green);
	margin-bottom: 48px;
}

.page_text_flex {
	--inner_g: 60px;
	color: var(--white);
	font-size: 18px;
	font-weight: 300;
	line-height: 1.88;
}

.page_text_flex.black {
	color: var(--black);
}

.page_text_li {
	max-width: 552px;
}

.page_text_li p b {
	font-weight: 700;
}

.page_text_li p span {
	color: var(--green);
}

.page_text_flex a {
	display: inline-block;

	color: var(--green);
	text-decoration: underline;
}

.page_text_video {
	margin-top: 2em;
	--block_inner: 28px;
}

.page_text_video .video {
	width: 100%;
}

.page_text_video .video_block span:before {
	-webkit-transform: scale(2.28);
	-ms-transform: scale(2.28);
	transform: scale(2.28);
}

.page_text_video .video_block:hover span:before {
	-webkit-transform: scale(3);
	-ms-transform: scale(3);
	transform: scale(3);
}

/* Page-text. */

.msg {
	position: fixed;
	right: 0;
	top: 30px;

	padding: 12px 30px 12px 44px;
	color: #FFF;
	font-size: 12px;
	background-color: #000;
	border-radius: 40px 0 0 40px;
	cursor: pointer;
	opacity: 0;
	z-index: 100;

	transition: opacity .33s ease-out, transform .83s ease-out;
	will-change: transform;

	-webkit-transform: translate3d(100%, 0, 0);
			transform: translate3d(100%, 0, 0);
}

.msg:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 20px;

	width: 8px;
	height: 8px;
	margin-top: -4px;
	background-image: url('/images/delete.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 8px auto;
	opacity: .4;

	transition: opacity .33s ease-out;
}

.msg:hover:before {
	opacity: 1;
}

.msg.active {
	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

/* Map. */

.map_preview {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: absolute;
	top: 16px;
	left: 16px;
	right: 16px;

	padding: 8px;
	background-color: #FFF;
	border-radius: 4px;
	cursor: pointer;
}

.map_preview_image {
	width: 60px;
}

.map_preview_image img {
	width: 100%;
	height: auto;
	border-radius: 2px;
}

.map_preview_info {
	width: calc(100% - 60px);
	padding-left: 16px;
}

.map_preview_title {
	font-size: 14px;
	font-weight: 700;
}

.map_preview_stars {
	padding-top: 4px;
}

.map_preview_stars span {
	width: 16px;
	height: 16px;
}


/* Map. */

#button_mob_archiveheader {
	display: none;
}

.home_btn_mob {
	display: none;

	width: 100%;
	margin-bottom: 20px;
}

@media only screen and (min-width: 1300px) {
	/* Home. */

	.home_flex {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	/* Home. */
}

@media only screen and (max-width: 1400px) {
	/* Root. */

	:root {
		/* inner. */
		--bone: 24px;
		/* inner. */
	}

	/* Root. */

	/* Calendar. */

	.calendar_header {
		flex-wrap: wrap;
	}

	.calendar_buttons {
		justify-content: flex-end;

		width: 100%;
		margin-top: 32px;
	}

	/* Calendar. */
}

@media only screen and (max-width: 1300px) {
	/* Header. */

	.header_right {
		--inner: 24px;
	}

	/* Header. */

	/* Footer. */

	.footer_nav {
		--size: 24px;
	}

	/* Footer. */
}

@media only screen and (max-width: 1200px) {
	/* Root. */

	:root {
		/* inner. */
		--block_inner: 28px;
		--bar: 252px;
		/* inner. */
	}

	/* Root. */

	/* User. */

	.user_ava {
		width: 100px;
	}

	.user_btn {
		margin-right: 0;
	}

	/* User. */

	/* Chat. */

	.chat_messages {
		overflow-y: auto;

		max-height: calc(100vh - 322px);
	}

	/* Chat. */

	.mission_summary_wrapper .mission_billing_summary, .mission_summary_wrapper .mission_coupons_input_wrapper {
		width: calc(100% / 2 - var(--inner) * 2);
	}
}

@media only screen and (max-width: 1100px) {
	/* Home. */

	.home_flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.home_video {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 100%;
	}

	.home_reviews {
		max-width: 100%;
		margin-bottom: 24px;
	}

	/* Home. */

	/* Footer. */

	.footer_flex {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.footer_left {
		-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;
	}

	.footer_nav {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		margin: 0 calc(var(--size) * -1) 20px;
	}

	/* Footer. */
}

@media only screen and (max-width: 900px) {
	/* Root. */

	:root {
		/* grid. */
		--grid_2: 1;
		/* grid. */
	}

	/* Root. */

	/* Bar. */

	.content {
		width: 100%;
	}

	/* Bar. */

	/* Bar. */

	.bar {
		display: none;
	}

	/* Bar. */

	/* Header. */

	.header_ava {
		margin-right: 24px;
	}

	.header_bel_wrapper.shadow__block {
		right: -136px;
	}

	.header_bel_wrapper:before {
		right: 143px;
	}

	/* Header. */

	/* Header Bar. */

	.header_bar {
		display: block;
	}

	.bar_btn {
		flex-grow: 1;

		margin: 20px 0;
	}

	.bar_nav {
		order: 1;
	}

	.header_bar_flex .header_labels {
		margin-top: 20px;
	}

	.home_btn_mob,
	#button_mob_archiveheader {
		display: block;
	}

	#button_mob_archive,
	#button_mob_addmission {
		display: none;
	}

	/* Header Bar. */

	/* Contact-us. */

	.contact .wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.contact .bar {
		display: block;
		width: 100%;
		margin-top: 24px;
	}

	.contact_bar_items {
		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;
	}

	.contact .bar {
		--block_inner: 28px;
	}

	/* Contact-us. */

	/* Footer. */

	.footer_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;
	}

	.footer_left {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.footer_coop {
		margin-top: 20px;
	}

	/* Footer. */

	/* Page-text. */

	.page_text_flex {
		--inner_g: 2em;
	}

	.page_text_li {
		max-width: none;
	}

	/* Page-text. */

	.content_top {
		display: block;
	}

	.content_top .title {
		margin-bottom: 12px;
	}

}

@media only screen and (max-width: 770px) {
	/* Root. */

	:root {
		/* grid. */
		--grid_3: 2;
		/* grid. */
	}

	/* Root. */

	/* Contact-us. */

	.contact_bar_items {
		display: block;
	}

	/* Contact-us. */

	/* Modal. */

	.modal_checked {
		font-size: var(--h8);
	}

	/* Modal. */


	/* Table. */

	.calendar {
		overflow-x: scroll;
	}

	/* Table. */
}

@media only screen and (max-width: 700px) {
	/* Mission block. */

	.mission_add {
		--inner: 0px;
		display: grid;
		grid-gap: 16px;
		grid-template-columns: repeat(2, 1fr);
	}

	.mission_add_block {
		width: 100%;
	}

	.mission_add .mission_add_block:nth-child(n + 3) {
		margin-top: 0;
	}

	.mission_add_block__twoo,
	.mission_add_block__full {
		grid-column: 1/3;
	}

	.mission_inputs {
		--inner: 8px;
	}

	.mission_add_block.mission_add_block__full.flex__center {
		display: block;
	}

	.mission_add_block.mission_add_block__full > .input {
		width: 100%;
		margin-top: 8px;
	}

	.mission_summary_wrapper {
		display: flex;
		flex-direction: column;
	}

	.mission_summary_wrapper .mission_billing_summary, .mission_summary_wrapper .mission_coupons_input_wrapper {
		width: 100%;
	}

	/* Mission block. */

	/* Manage. */

	.manage_items {
		--inner: 0px;
		display: grid;
		grid-gap: 16px;
		grid-template-columns: repeat(2, 1fr);
	}

	.manage_item {
		width: 100%;
	}

	.manage_items .manage_item:nth-child(n + 3) {
		margin-top: 0;
	}

	.manage_item__twoo,
	.manage_item__full {
		grid-column: 1/3;
	}

	/* Manage. */

	/* Modal. */

	.modal_scroll {
		padding: 20px 60px 40px 20px;
	}

	.reviews_checked {
		font-size: var(--h7);
	}

	/* Modal. */
}

@media only screen and (max-width: 600px) {
	/* Root. */

	:root {
		/* font-size. */
		--h1: 24px;
		--h2: 20px;
		--h3: 18px;
		--h4: 16px;
		--h5: 14px;
		--h6: 12px;
		--h7: 11px;
		/* font-size. */
		/* grid. */
		--grid_3: 1;
		/* grid. */
	}

	/* Root. */

	/* Block_name. */



	/* Block_name. */

	/* Global. */

	.bone {
		padding: 0;
	}

	.shadow__block {
		--block_inner: var(--bone);
		border-radius: 0;
	}

	/* Global. */

	/* Bar. */

	.content_top {
		display: block;
	}

	.content_top .title {
		margin-bottom: 12px;
	}

	.calendar_buttons {
		flex-wrap: wrap;
	}

	.calendar_buttons > .btn {
		width: 100%;
	}

	.calendar_buttons_date {
		width: 100%;
		margin-top: 16px;
		margin-left: 0;
	}

	.calendar_buttons_date .btn:nth-child(2) {
		flex-grow: 1;
	}

	/* Bar. */

	/* Header. */

	.header {
		padding-top: 0;
	}

	.header_ava {
		margin: 0 16px;
	}

	.header_bel_wrapper.shadow__block {
		right: -120px;
	}

	.header_bel_wrapper:before {
		right: 127px;
	}

	/* Header. */

	/* Home. */

	.home .shadow__block {
		--padding: 16px;
	}

	.home_slid_img {
		--size: 52px;
	}

	.home_slid_txt {
		margin-left: 16px;
	}

	/* Home. */

	/* Contact-us. */

	.contact .bar {
		--block_inner: var(--bone);
	}

	/* Contact-us. */

	/* Sign. */

	.sign_wrapper {
		padding: 20px 16px;
	}

	.sign br {
		display: none;
	}

	/* Sign. */

	/* User. */

	.user_block {
		display: block;
	}

	.user_info {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.user_ava {
		width: 60px;
	}

	.user_name {
		margin-top: 8px;
	}

	.user_txt {
		margin-left: var(--bone);
	}

	.user_mission,
	.user_date {
		margin-left: calc(-60px + var(---bone));
	}

	.user_name+.user_date {
		margin-left: 0;
	}

	.user_mission {
		margin-top: 20px;
	}

	.user_btn {
		margin-top: var(--bone);
	}

	/* User. */

	/* Footer. */

	.footer_nav {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: 0 0 20px;
	}

	.footer_nav_li {
		width: 50%;
	}

	.footer_nav_li:nth-child(odd) {
		border-left: 0 none;
	}

	.footer_nav_li:nth-child(n + 3) {
		margin-top: 12px;
	}

	/* Footer. */

	/* Mission block. */

	.mission_block.three,
	.mission_block.four {
		position: relative;
		grid-template-columns: 1fr;
	}

	.mission_block_more {
		position: absolute;
		top: 12px;
		right: 20px;
	}

	.mission_block {
		grid-template-columns: 1fr;
	}

	.mission_block_btn {
		justify-self: start;
	}

	.mission_add {
		grid-template-columns: 1fr;
	}

	.mission_add .mission_add_block:nth-child(n + 2) {
		margin-top: 0;
	}

	.mission_add_block__twoo,
	.mission_add_block__full {
		grid-column: auto;
	}

	.mission_top {
		-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;
	}

	.mission_right {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin-bottom: 8px;
		width: 100%;
	}

	/* Mission block. */

	/* Manage. */

	.manage_items {
		grid-template-columns: 1fr;
	}

	.manage_items .manage_item:nth-child(n + 2) {
		margin-top: 0;
	}

	.manage_item__twoo,
	.manage_item__full {
		grid-column: auto;
	}

	/* Manage. */

	/* Modal. */

	.modal_flex {
		padding: 54px 0;
	}

	.modal_scroll {
		padding-top: 60px;
	}

	.modal_close {
		top: 66px;
		right: 12px;

		z-index: 10;
	}

	.modal_blocks {
		grid-template-columns: 1fr;
	}

	.modal_item,
	.modal_scroll {
		max-height: calc(100vh - 104px);
	}

	.modal_checked {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		margin-bottom: 16px;
		margin-left: 0;
		font-size: var(--h7);
	}

	.modal_check {
		-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;
	}

	/* Modal. */

	/* Reviews. */

	.reviews_bottom {
		-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;
	}

	.reviews_checked {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		margin-left: 0;
		margin-bottom: 12px;
	}

	/* Reviews. */

	/* Page-text. */

	.page_text .bone {
		padding: 0 var(--bone);
	}

	.page_text_flex {
		font-size: 15px;
	}

	.page_text_video {
		margin-left: var(---bone);
		margin-right: var(---bone);
	}

	/* Page-text. */



	/* Msg. */

	.msg {
		top: auto;
		left: 0;
		right: 0;
		bottom: 0;

		padding-left: 12px;
		padding-right: 32px;
		border-radius: 0;
		z-index: 1000;

		-webkit-transform: translate3d(0, 100%, 0);
				transform: translate3d(0, 100%, 0);
	}

	.msg:before {
		left: auto;
		right: 12px;
	}

	/* Msg. */

	.content_archive {
		margin-top: -40px;
		padding-right: 0;
		padding-bottom: 16px;
	}

	/* Chat. */

	.chat_scroll .content_top {
		margin-bottom: 0;
	}

	.chat_messages {
		overflow-y: auto;

		max-height: calc(100vh - 226px);
	}

	/* Chat. */
}

@media only screen and (max-width: 370px) {
	/* Root. */

	:root {
		/* inner. */
		--bone: 16px;
		/* inner. */
	}

	/* Root. */

	/* Global. */

	.logo {
		max-width: 100px;
	}

	/* Global. */

	/* Bar. */

	.content_top {
		margin-bottom: 24px;
	}

	/* Bar. */

	/* Sign. */

	.sign_title {
		margin-bottom: 24px;
	}

	.sign_title+.sign_text {
		margin: -8px 0 24px;
	}

	/* Sign. */

	/* Modal. */

	#modal_mission_twoo .modal_btn {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#modal_mission_twoo .modal_btn .btn:not(:first-child) {
		margin-left: 0;
		margin-top: 24px;
	}

	/* Modal. */

	/* Page-text. */

	.page_text_title {
		margin-bottom: 24px;
	}

	/* Page-text. */
}


.hidden-file-input {
	margin: 0;
	border: 0;
	padding: 0;
	width: 0;
	height: 0!important;
	min-height: 0!important;
}