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

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

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

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;

	-webkit-text-size-adjust: 100%;
}

a {
	text-decoration: none;
}

html {
	display: block;
}

body {
	margin: 0;
	padding: 0;
	color: #FCFCFC;
	font-size: 15px;
	font-weight: 700;
	font-family: 'Inter', sans-serif;
	line-height: 1.15;
	background-color: #111315;

	-webkit-font-smoothing: subpixel-antialiased;
}

img {
	display: block;
}

/* Main. */

.blick {
	position: relative;
}

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

	border-radius: 50%;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .11), inset 0 -2px 1px rgba(0, 0, 0, .4);
	pointer-events: none;
}

.blick.br_4:before {
	border-radius: 4px;
}

.blick.br_8:before {
	border-radius: 8px;
}

.blick.br_12:before {
	border-radius: 12px;
}

.clear {
	clear: both;
}

/* Main. */



/* Button. */

.button {
	display: block;

	height: 48px;
	padding: 0 20px;
	color: #FCFCFC;
	font-size: 15px;
	font-weight: 700;
	font-family: 'Inter', sans-serif;
	text-align: center;
	text-decoration: none;
	line-height: 46px;
	border-radius: 12px;
	cursor: pointer;

	transition: color .23s linear, background-color .23s linear, border-color .23s linear, box-shadow .08s linear;

	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
		 -o-user-select: none;
			user-select: none;
}

.button:active {
	line-height: 48px;
}

.button span {
	display: inline-block;

	padding-left: 8px;
	opacity: .6;
}

.button.none {
	font-size: 18px;
	font-weight: 500;
}

.button.gray {
	background-color: #272B30;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .11), inset 0 -2px 1px rgba(0, 0, 0, .4);
}

.button.gray:hover,
.button.gray:active {
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .11), inset 0 -2px 1px rgba(0, 0, 0, .4), 0 12px 20px -12px rgba(0, 0, 0, .72);
}

.button.blue {
	background-color: #2A85FF;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .11), inset 0 -2px 1px rgba(0, 0, 0, .4);
}

.button.blue:hover,
.button.blue:active {
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .11), inset 0 -2px 1px rgba(0, 0, 0, .4), 0 12px 20px -12px rgba(42, 133, 255, .72);
}

.button.green {
	background-color: #6BA657;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .11), inset 0 -2px 1px rgba(0, 0, 0, .4);
}

.button.green:hover,
.button.green:active {
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .11), inset 0 -2px 1px rgba(0, 0, 0, .4), 0 12px 20px -12px rgba(107, 166, 87, .72);
}

.button.red {
	background-color: #FF6A55;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .11), inset 0 -2px 1px rgba(0, 0, 0, .4);
}

.button.red:hover,
.button.red:active {
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .11), inset 0 -2px 1px rgba(0, 0, 0, .4), 0 12px 20px -12px rgba(255, 106, 85, .72);
}

.button.big {
	height: 56px;
	line-height: 54px;
}

.button.big:active {
	line-height: 56px;
}

.button.mini {
	height: 40px;
	line-height: 38px;
	border-radius: 8px;
}

.button.mini:active {
	line-height: 40px;
}

.button.inline {
	display: inline-block;
}

.button.load {
	background-color: #272B30;
	background-image: url('/images/load.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50px;
}

/* Button.  */



/* Input. */

.input,
.textarea {
	display: block;

	width: 100%;
	height: 48px;
	padding: 15px 20px 15px;
	color: #FFF;
	font-size: 15px;
	font-weight: 700;
	font-family: 'Inter', sans-serif;
	line-height: 19px;
	background-color: #272B30;
	border: 2px solid #272B30;
	border-radius: 12px;
	box-shadow: none;
	outline: none;

	transition: background-color .23s linear, border-color .23s linear;

	-webkit-appearance: none;
}

.input.err,
.textarea.err {
	background-color: #FFF;
	border-color: #FC6221;
}

.input:hover,
.textarea:hover {
	background-color: transparent;
}

.input:focus,
.textarea:focus {
	background-color: transparent;
	box-shadow: none;
}

.input:disabled {
	color: #FFF;
}

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

	color: #6F767E;
	font-size: 9px;
	font-weight: 700;
}

.input_count_pin.stop {
	color: #FC6221;
}

.input_icon {
	position: relative;
}

.input_icon input {
	padding-left: 60px;
}

.input_icon:before {
	content: '';
	position: absolute;
	top: 12px;
	left: 20px;

	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 3;
}

.input_icon.icon_mail:before {
	background-image: url('/images/icons/6.svg');
}

.input_icon.icon_pass:before {
	background-image: url('/images/icons/7.svg');
}

.input_icon.icon_search:before {
	background-image: url('/images/icons/10.svg');
}

.input_icon.icon_calendar:before {
	background-image: url('/images/icons/11.svg');
}

.input_icon.icon_pen:before {
	background-image: url('/images/icons/12.svg');
}

.input_icon.icon_map:before {
	background-image: url('/images/icons/13.svg');
}

.input_icon.icon_dress:before {
	background-image: url('/images/icons/14.svg');
}

.input_icon.icon_home:before {
	background-image: url('/images/icons/15.svg');
}

.input_icon.icon_time:before {
	background-image: url('/images/icons/16.svg');
}

.input_icon.icon_user:before {
	background-image: url('/images/icons/17.svg');
}

.input_icon.icon_phone:before {
	background-image: url('/images/icons/18.svg');
}

.input_icon.icon_star:before {
	background-image: url('/images/icons/19.svg');
}

.input_icon.icon_genre:before {
	background-image: url('/images/icons/24.svg');
}

.input_icon.icon_url:before {
	background-image: url('/images/icons/25.svg');
}

.input_icon.icon_group:before {
	background-image: url('/images/icons/26.svg');
}

.input_icon.mini .input {
	height: 40px;
	padding: 11px 12px 11px 44px;
	border-radius: 8px;
}

.input_icon.mini:before {
	top: 10px;
	left: 12px;

	width: 20px;
	height: 20px;
}

.input_col {
	margin-bottom: 16px;
}

.input_col:last-child {
	margin-bottom: 0;
}

.input_err {
	display: none;

	padding-top: 4px;
	color: #FF6A55;
	font-size: 13px;
    line-height: 21px;
}

.input_back.error .input_err {
	display: block;
}

.textarea {
	resize: vertical;

	min-height: 120px;
	padding-top: 13px;
	line-height: 22px;
}

.input:-moz-placeholder {
	color: #6F767E !important;
	line-height: normal;
}

.input::-webkit-input-placeholder {
	color: #6F767E;
	line-height: normal;
}

::-webkit-input-placeholder {
	color: #6F767E;
	line-height: normal;
}

:-ms-input-placeholder {
	color: #6F767E;
	line-height: normal;
}

::-moz-placeholder {
	color: #6F767E;
	line-height: normal;
}

:-moz-placeholder {
	color: #6F767E;
	line-height: normal;
}

.textarea:-moz-placeholder {
	line-height: 22px;
}

.textarea::-webkit-input-placeholder {
	line-height: 22px;
}

.textarea:-ms-input-placeholder {
	line-height: 22px;
}

.textarea::-moz-placeholder {
	line-height: 22px;
}

/* Input. */



/* Select. */

.select {
	position: relative;

	height: 48px;
	padding: 12px 20px 12px;
	color: #FCFCFC;
	font-size: 15px;
	font-weight: 700;
	line-height: 19px;
	background-color: #272B30;
	border: 2px solid transparent;
	border-radius: 12px;
	box-shadow: none;
	cursor: pointer;
	z-index: 1;

	transition: background-color .23s linear, border-color .23s linear;
}

.select:hover {
	background-color: transparent;
	border-color: #272B30;
}

.select.active {
	background-color: transparent;
	border-color: #272B30;
	z-index: 4;
}

.select:before {
	content: '';
	pointer-events: none;
	position: absolute;
	top: 15px;
	right: 20px;

	width: 12px;
	height: 12px;
	background: url('/images/arrow.svg') center center no-repeat;
	background-size: 12px auto;

	transition: transform .25s linear;
	transform: rotate(270deg) translateX(-1px);
}

.select.active:before {
	transform: rotate(450deg);
}

.select_ul {
	visibility: hidden;
	overflow-y: scroll;
	position: absolute;
	top: calc(100% + 24px);
	left: -2px;
	right: -2px;

	max-height: 350px;
	padding: 10px 0;
	background-color: #1A1D1F;
	border: 2px solid #272B30;
	border-radius: 12px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .08);
	opacity: 0;

	transition: top .23s ease-out, opacity .23s ease-out;
}

.select.active .select_ul {
	visibility: visible;
	top: calc(100% + 8px);

	opacity: 1;
}

.select_li {
	padding: 6px 20px;
	color: #6F767E;
	font-size: 15px;
	cursor: pointer;

	transition: color .23s ease-out;
}

.select_li:hover {
	color: #FCFCFC;
}

.input_icon .select {
	padding-left: 60px;
}

/* Select. */



/* Checkbox. */

.checkbox {
	overflow: hidden;
	position: absolute;
	left: -9999px;

	outline: 0;
	opacity: 0;
}

.checkbox + label {
	display: inline-block;
	position: relative;

	padding: 11px 0 0 36px;
	color: #6F767E;
	font-size: 15px;
	cursor: pointer;

	-webkit-user-select: none;
	 -khtml-user-select: none;
		 -moz-user-select: none;
		-ms-user-select: none;
		 -o-user-select: none;
			user-select: none;
}

.checkbox + label a {
	color: #FCFCFC;
}

.checkbox + label:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0px;

	width: 20px;
	height: 20px;
	border: 2px solid #272B30;
	background-color: transparent;
	border-radius: 8px;

	transition: background-color .13s linear, border-color .13s linear;
}

.checkbox + label:hover:before {
	border-color: #C7C9D1;
}

.checkbox:checked + label:before {
	border-color: #FCFCFC;
}

.checkbox + label:after {
	content: '';
	position: absolute;
	top: 15px;
	left: 7px;

	width: 8px;
	height: 4px;
	border-left: 2px solid #FCFCFC;
	border-bottom: 2px solid #FCFCFC;

	transition: opacity .13s linear;
	transform: rotate(-45deg);
}

.checkbox:not(:checked) + label:after {
	opacity: 0;
}

.checkbox:checked + label:after {
	opacity: 1;
}

.input_back.error .checkbox + label {
	color: #FF6A55;
}

.input_back.error .checkbox + label:before {
	border-color: #FF6A55;
}

.input_back.error .checkbox + label a {
	color: #FF6A55;
}

/* Checkbox. */



/* Msg. */

.msg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;

	padding: 22px 88px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	background-color: #000;
	cursor: pointer;
	opacity: 0;
	z-index: 100001;

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

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

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

	width: 24px;
	height: 24px;
	margin-top: -12px;
	background-image: url('/images/close.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	opacity: 1;

	transition: opacity .33s ease-out;
}

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

.msg.red {
	background-color: #FF6A55;
}

.msg.green {
	background-color: #6BA657;
}

.msg.active {
	opacity: 1;

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

/* Msg.  */



/* Status. */

.status {
	display: inline-block;

	padding: 7px 12px;
	font-size: 15px;
	border-radius: 8px;
}

.status.blue {
	color: #2A85FF;
	background-color: rgba(42, 133, 255, .16);
}

.status.green {
	color: #6BA657;
	background-color: rgba(107, 166, 87, .16);
}

.status.red {
	color: #FF6A55;
	background-color: rgba(255, 106, 85, .16);
}

/* Status. */



/* Backer. */

.backer {
	display: block;
	position: relative;

	width: 40px;
	height: 40px;
	background-color: transparent;
	border: 2px solid #272B30;
	border-radius: 8px;
	cursor: pointer;

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

.backer:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 8px;

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

.backer:hover {
	background-color: #111315;
}

.backer.left {
	margin-right: 12px;
}

.backer.right {
	margin-left: 12px;
}

.backer.right:before {
	transform: rotate(180deg);
}

/* Backer. */



/* Header.  */

.header {
	padding: 12px;
}

.header_group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;

	padding: 12px;
	background-color: #1A1D1F;
	border-radius: 8px;
}

.header_left {

}

.header_logo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.header_logo_icon {
	width: 56px;
	height: 56px;
	/*padding: 14px;
	background-color: #272B30;
	border-radius: 50%;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .11), inset 0 -2px 1px rgba(0, 0, 0, .4);*/
}

.header_logo_icon img {
	width: auto;
	height: 100%;
	margin: 0 auto;
}

.header_logo_text {
	padding-left: 16px;
	color: #FCFCFC;
	font-size: 21px;
	font-weight: 300;
}

.header_right {
	display: flex;
	flex-wrap: wrap;
}

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

	padding-right: 4px;
}

.header_buttons .button {
	margin-left: 16px;
}

.header_buttons .button:first-child {
	margin-left: 0;
}

.header_nav {
	display: flex;
	flex-wrap: wrap;
}

.header_nav_li {
	padding: 0 36px;
	color: #FCFCFC;
	font-size: 18px;

	transition: color .23s ease-out;
}

.header_nav_li:hover {
	color: #2A85FF;
}

.header_bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.header_bell {
	position: relative;

	width: 56px;
	height: 56px;
	margin-right: 36px;
}

.header_bell:before {
	content: '';
	position: absolute;
	top: 12px;
	left: 12px;

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

.header_bell.active:after {
	content: '';
	position: absolute;
	top: 14px;
	right: 14px;

	width: 8px;
	height: 8px;
	background-color: #FF6A55;
	border: 2px solid #1A1D1F;
	border-radius: 50%;
	z-index: 2;
}

.header_bell_wrapper {
	visibility: hidden;
	position: absolute;
	top: calc(100% + 20px);
	right: 0;

	margin-top: 12px;
	opacity: 0;
	z-index: 10;

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

.header_bell:hover .header_bell_wrapper {
	visibility: visible;
	top: 100%;

	opacity: 1;

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

.header_bell_group {
	position: relative;

	min-width: 340px;
	padding: 20px;
	background-color: #111315;
	border: 2px solid #272B30;
	border-radius: 12px;
}

.header_bell_group:before {
	content: '';
	position: absolute;
	top: -8px;
	right: 20px;

	width: 12px;
	height: 12px;
	background-color: #272B30;
	border-radius: 0 4px 0 0;
	z-index: -1;

	transform: rotate(-45deg);
}

.header_bell_title {
	padding-bottom: 4px;
	font-size: 21px;
}

.header_bell_block {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	margin-top: 16px;
}

.header_bell_avatar {
	width: 48px;
}

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

.header_bell_info {
	flex-grow: 1;

	padding-left: 16px;
}

.header_bell_info_pretitle {
	position: relative;

	color: #6F767E;
	font-size: 13px;
}

.header_bell_info_pretitle_time {
	position: absolute;
	top: 0;
	right: 0;

	padding-right: 20px;
	color: #6F767E;
	font-size: 13px;
}

.header_bell_info_pretitle_time:before {
	content: '';
	position: absolute;
	top: 1px;
	right: 0;

	width: 12px;
	height: 12px;
	background-color: #6F767E;
	border-radius: 50%;
}

.header_bell_info_pretitle_time.active:before {
	background-color: #FF6A55;
}

.header_bell_info_title {
	padding-top: 4px;
	font-size: 15px;
}

.header_bell_group .boxer_warning {
	margin-top: 16px;
}

.header_avatar {
	position: relative;

	width: 56px;
	height: 56px;
}

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

.header_avatar_wrapper {
	visibility: hidden;
	position: absolute;
	top: calc(100% + 20px);
	right: 0;

	margin-top: 12px;
	opacity: 0;
	z-index: 2;

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

.header_avatar:hover .header_avatar_wrapper {
	visibility: visible;
	top: 100%;

	opacity: 1;

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

.header_avatar_group {
	position: relative;

	padding: 12px 20px;
	background-color: #111315;
	border: 2px solid #272B30;
	border-radius: 12px;
}

.header_avatar_group:before {
	content: '';
	position: absolute;
	top: -8px;
	right: 20px;

	width: 12px;
	height: 12px;
	background-color: #272B30;
	border-radius: 0 4px 0 0;
	z-index: -1;

	transform: rotate(-45deg);
}

.header_avatar_li {
	display: block;

	padding: 8px 0;
	color: #6F767E;
	font-size: 15px;
	white-space: nowrap;
	cursor: pointer;

	transition: color .23s ease-out;
}

.header_avatar_li.red {
	color: #FF6A55;
}

.header_avatar_li:hover {
	color: #FCFCFC;
}

.header_avatar_hr {
	height: 2px;
	margin: 8px 0;
	background-color: #1A1D1F;
}

/* Header.  */



/* General.  */

.general {
	max-width: 1248px;
	margin: 0 auto;
	padding: 0 24px;
}

.general_group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	min-height: calc(100vh - 208px);
}

.general_info {
	width: 50%;
}

.general_title {
	color: #FCFCFC;
	font-size: 72px;
	font-weight: 300;
}

.general_descr {
	padding-top: 20px;
	color: #FCFCFC;
	font-size: 18px;
	font-weight: 500;
	line-height: 32px;
}

.general_button {
	padding-top: 36px;
}

.general_button .button {
	display: inline-block;
}

.general_image {
	width: 50%;
	padding-left: 150px;
}

.general_image img {
	width: 100%;
	height: auto;
}

/* General.  */



/* Footer. */

.footer {
	padding: 12px;
}

.footer_group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;

	padding: 28px 32px;
	background-color: #1A1D1F;
	border-radius: 8px;
}

.footer_left {

}

.footer_link {
	display: inline-block;
	position: relative;

	height: 24px;
	margin-right: 48px;
	padding-left: 38px;
	color: #6F767E;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
}

.footer_link:last-child {
	margin-right: 0;
}

.footer_link:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;

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

.footer_copy {
	color: #6F767E;
	font-size: 18px;
	font-weight: 500;
}

/* Footer.  */



/* Content. */

.content {
	max-width: 976px;
	min-height: calc(100vh - 208px);
	margin: 0 auto;
	padding: 80px 24px;
}

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

.content_title {
	position: relative;

	font-size: 36px;
}

.content_title_arrows {
	display: flex;
	position: absolute;
	top: 0;
	left: calc(100% + 20px);
}

.content_title_arrows .backer.left {
	margin-right: 0;
}

.content_bar {

}

.content_buttons {
	display: flex;
	flex-wrap: wrap;
}

.content_buttons .button {
	margin-right: 16px;
}

.content_buttons .button:last-child {
	margin-right: 0;
}

.content_wrapper {
	padding-top: 32px;
}

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

	margin: 0 -18px;
}

.content_block {
	width: calc(50% - 36px);
	margin: 0 18px;
}

/* Content.  */



/* Datepicker. */

.ui-datepicker {
	display: none;

	width: 100%;
	max-width: 328px;
	padding-bottom: 8px;
	background-color: #111315;
    border: 2px solid #272B30;
    border-radius: 12px;
	z-index: 100000 !important;
}

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

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

.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;
	cursor: pointer;
	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: #272B30;
	border: 0;
}

.ui-datepicker td {
	border: 0;
}

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

	color: #FFF;
	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: #FFF !important;
	background-color: #272B30;
}

.ui-state-highlight {
	color: #FF6A55 !important;
	background-color: transparent;
}

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

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

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

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

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

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

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

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

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

.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 */
}

/* Datepicker. */



/* Tabs. */

.tabs {
	display: flex;
	flex-wrap: wrap;
}

.tabs_tab {
	margin-right: 16px;
	padding: 11px 20px;
	color: #6F767E;
	font-size: 15px;
	text-align: center;
	border-radius: 8px;
	cursor: pointer;

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

.tabs_tab:last-child {
	margin-right: 0;
}

.tabs_tab:hover {
	background-color: #272B30;
}

.tabs_tab.active {
	color: #FCFCFC;
	background-color: #272B30;
}

/* Tabs. */



/* Packages. */

.packages {

}

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

	margin: -18px;
}

.packages_block {
	width: calc(100% / 3 - 36px);
	margin: 18px;
	padding: 20px;
	background-color: #1A1D1F;
	border-radius: 12px;
}

.packages_header {
	display: flex;
	flex-wrap: wrap;
}

.packages_header_icon {
	width: 44px;
	height: 44px;
	padding: 10px;
	background-color: #CABDFF;
	border-radius: 50%;
}

.packages_header_icon img {
	width: 100%;
	height: auto;
}

.packages_header_info {
	padding-left: 16px;
}

.packages_header_pretitle {
	color: #6F767E;
	font-size: 15px;
}

.packages_header_title {
	padding-top: 4px;
	font-size: 21px;
}

.packages_descr {
	padding-top: 24px;
	font-size: 13px;
	line-height: 21px;
}

.packages_label {
	padding-top: 20px;
	color: #6F767E;
	font-size: 15px;
}

.packages_label span {
	color: #FCFCFC;
}

.packages_bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	padding-top: 16px;
}

.packages_bar_button {

}

.packages_bar_price {
	padding-left: 20px;
	font-size: 21px;
}

.packages_bar_price strike {
	display: block;

	padding-bottom: 4px;
	color: #6F767E;
	font-size: 15px;
}

/* Packages. */



/* Sign.  */

.sign {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;

	
	min-height: calc(100vh - 208px);
	padding: 80px 24px;
}

.sign_wrapper {
	width: 300px;
}

.sign_logo {
	display: block;

	width: 56px;
	padding: 14px;
	background-color: #272B30;
	border-radius: 50px;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .11), inset 0 -2px 1px rgba(0, 0, 0, .4);
}

.sign_logo img {
	width: 100%;
	height: auto;
}

.sign_title {
	padding: 28px 0 36px;
	font-size: 36px;
}

.sign_tabs {
	margin-bottom: 16px;
	padding: 2px;
	border:  2px solid #272B30;
	border-radius: 12px;
}

.sign_tabs .tabs_tab {
	width: calc(50% - 8px);
}

.sign_form {

}

.sign_pass {
	padding-top: 36px;
	color: #6F767E;
	font-size: 15px;
}

.sign_pass a {
	color: #FCFCFC;

	transition: color .23s ease-out;
}

.sign_pass a:hover {
	color: #2A85FF;
}

.sign_pag {
	position: relative;

	margin-top: 28px;
	text-align: center;
}

.sign_pag:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;

	height: 1px;
	background-color: #6F767E;
}

.sign_pag_text {
	display: inline-block;
	position: relative;

	padding: 0 8px;
	background-color: #111315;
	z-index: 2;
}

.sign_button_etc {
	padding-top: 28px;
}

.sign_note {
	padding-top: 28px;
	color: #6F767E;
	font-size: 15px;
	line-height: 25px;
}

/* Sign. */



/* Boxer. */

.boxer {
	position: relative;

	margin-top: 36px;
	padding: 28px;
	background-color: #1A1D1F;
	border-radius: 8px;
}

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

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

.boxer_title {
	position: relative;

	min-height: 40px;
	padding-top: 8px;
	padding-left: 32px;
	font-size: 21px;
}

.boxer_title span {
	display: inline-block;

	padding-left: 8px;
	color: #6F767E;
}

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

	width: 16px;
	background-color: #CABDFF;
	border-radius: 4px;

}

.boxer_text {

}

.boxer_text p {
	margin-top: 28px;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
}

.boxer_tiles {
	padding-top: 28px;
}

.boxer_table {
	padding-top: 28px;
}

.boxer_bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	margin: -8px;
}

.boxer_bar_left {
	margin: 8px;
}

.boxer_bar_center {
	margin: 8px;
}

.boxer_bar_right {
	margin: 8px;
}

.boxer_bar_calendar {
	display: flex;
	flex-wrap: wrap;
}

.boxer_bar_calendar input {
	width: 150px;
}

.boxer_bar_calendar .input_icon:nth-child(2) {
	margin-left: 8px;
}

.boxer_warning {
	padding: 28px;
	color: #6F767E;
	font-size: 15px;
	text-align: center;
	line-height: 28px;
	border: 1px solid #272B30;
	border-radius: 8px;
}

.boxer_warning a {
	color: #FCFCFC;
}

.boxer_lists {
	display: flex;
	flex-wrap: wrap;
}

.boxer_list {
	padding-top: 28px;
}

.boxer > .boxer_list:first-child {
	padding-top: 0;
}

.boxer_lists .boxer_list {
	width: 50%;
}

.boxer .boxer_lists:first-child .boxer_list {
	padding-top: 0;
}

.boxer_lists .boxer_list:last-child {
	padding-left: 46px;
}

.boxer_list_block {
	margin-top: 20px;
}

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

	margin-top: 20px;
}

.boxer_list_buttons .button {
	margin-right: 16px;
}

.boxer_list_buttons .button:last-child {
	margin-right: 0;
}

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

.boxer_list_label {
	color: #6F767E;
	font-size: 15px;
	line-height: 23px;
}

.boxer_list_info {
	padding-top: 8px;
}

.boxer_list_text {
	font-size: 21px;
}

.boxer_list_text a {
	color: #2A85FF;
}

.boxer_avatar {
	overflow: hidden;
	position: relative;

	height: 100%;
}

.boxer_avatar img {
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	width: 100%;
	height: 100%;
	border-radius: 8px;
}

.boxer_graff {
	padding-top: 28px;
}

.boxer_profile {
	padding-top: 28px;
}

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

.boxer_player {
	padding-top: 28px;
}

.boxer_content {
	padding-top: 28px;
}

.boxer_list_rating {
	display: inline-block;
	position: relative;

	padding: 10px 12px 10px 52px;
	font-size: 21px;
	line-height: 24px;
	border: 2px solid #272B30;
	border-radius: 8px;
}

.boxer_list_rating:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 12px;

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

.boxer_favorites {
	position: absolute;
	top: 28px;
	right: 28px;

	width: 40px;
	height: 40px;
	border: 2px solid #272B30;
	border-radius: 8px;
	cursor: pointer;
	z-index: 2;

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

.boxer_favorites:hover {
	background-color: #111315;
}

.boxer_favorites.active {
	background-color: #111315;
}

.boxer_favorites:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 8px;

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

.boxer_favorites.active:before {
	background-image: url('/images/icons/36.svg');
}

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

	margin: -8px;
}

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

	width: calc(50% - 16px);
	margin: 8px;
	padding: 16px 16px 12px;
	background-color: #111315;
	border-radius: 12px;
}

.boxer_stats_image {
	width: 44px;
	height: 44px;
	padding: 10px;
	background-color: #CABDFF;
	border-radius: 50%;
}

.boxer_stats_image img {
	width: 100%;
	height: auto;
}

.boxer_stats_info {
	padding-top: 4px;
	padding-left: 16px;
}

.boxer_stats_title {
	color: #6F767E;
	font-size: 15px;
}

.boxer_stats_value {
	padding-top: 4px;
	font-size: 48px;
	font-weight: 500;
}

.boxer_stats_value span {
	font-size: 21px;
}

.boxer_user {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	padding-top: 8px;
}

.boxer_user_avatar {
	width: 60px;
}

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

.boxer_user_name {
	padding-left: 16px;
	color: #FFF;
	font-size: 21px;
}

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

	margin: 0 -8px;
}

.boxer_list_stars img {
	width: 24px;
	height: auto;

	margin: 0 8px;
}

.boxer_list_stars_artist {
	display: flex;
	flex-wrap: wrap;
}

.boxer_list_stars_artist .boxer_list_stars {
	padding-right: 20px;
}

.boxer_list_info_descr {
	font-size: 18px;
	line-height: 30px;
}

.boxer_calendar_table table {
	width: 100%;
	border: 0;
	border-spacing: 0;
}

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

.boxer_calendar_table table td.today {
	border: 1px solid #2A85FF !important;
}

.boxer_calendar_table table tr:nth-child(2) td {
	border-top: 1px solid #272B30;
}

.boxer_calendar_table table tr td:first-child {
	border-left: 1px solid #272B30;
}

.boxer_calendar_table_header td {
	padding: 8px;
	color: #6F767E;
	font-size: 21px;
	border: 0 none !important;
}

.boxer_calendar_table_date {
	position: relative;
}

.boxer_calendar_table_date:before {
	content: '';
	display: block;

	padding-top: 100%;
}

.boxer_calendar_table_date.blocks:after {
	content: '';
	position: absolute;
	top: 10px;
	right: 6px;

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

.boxer_calendar_table_link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 1;
7}

.boxer_calendar_table_number {
	position: absolute;
	top: 8px;
	left: 8px;

	color: #6F767E;
	font-size: 15px;
	z-index: 1;
}

.boxer_calendar_table_events {
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 8px;

	margin: -2px;
	z-index: 2;
}

.boxer_calendar_table_event {
	position: relative;

	width: calc(100% / 3 - 4px);
	margin: 2px;
}

.boxer_calendar_table_event img {
	width: 100%;
	height: auto;
	border-radius: 8px;
}

.boxer_calendar_table_event_wrapper {
	visibility: hidden;
	position: absolute;
	top: calc(100% + 20px);
	right: -28px;

	margin-top: 12px;
	opacity: 0;
	z-index: 4;

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

.boxer_calendar_table_event:hover .boxer_calendar_table_event_wrapper {
	visibility: visible;
	top: 100%;

	opacity: 1;

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

.boxer_calendar_table_event_group {
	position: relative;

	padding: 16px;
	background-color: #111315;
	border: 2px solid #272B30;
	border-radius: 20px;
}

.boxer_calendar_table_event_group:before {
    content: '';
    position: absolute;
    top: -8px;
    right: 36px;

    width: 12px;
    height: 12px;
    background-color: #272B30;
    border-radius: 0 4px 0 0;
    z-index: -1;

    transform: rotate(-45deg);
}

.boxer_calendar_table_event_group .tiles_block {
	flex-wrap: initial;

	padding-top: 0;
	border-top: 0 none;
}

.boxer_calendar_table_event_group .tiles_info {
	padding-left: 16px;
}

.boxer_calendar_table_event_group .tiles_title,
.boxer_calendar_table_event_group .tiles_subtitle {
	white-space: nowrap;
}

/* Boxer. */



/* Tiles. */

.tiles {

}

.tiles_group {

}

.tiles_block {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	position: relative;

	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #272B30;
}

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

.tiles_image {
	width: 120px;
}

.tiles_image img {
	width: 100%;
	height: auto;
	border-radius: 8px;
}

.tiles_info {
	flex-grow: 1;

	padding-left: 28px;
}

.tiles_header {

}

.tiles_title {
	color: #FFF;
	font-size: 21px;
}

.tiles_title.star {
	display: inline-block;
	position: relative;
}

.tiles_title.star:before {
	content: '';
	position: absolute;
	right: -32px;
	bottom: 4px;

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

.tiles_suntitle {
	padding-top: 8px;
	color: #6F767E;
	font-size: 15px;
}

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

	margin: -4px;
	padding-top: 20px;
}

.tiles_artists .artists {
	margin: 4px;
}

.tiles_menu {
	position: absolute;
	top: 16px;
	right: 0;

	width: 48px;
	height: 48px;
	border: 2px solid #272B30;
	border-radius: 8px;
	cursor: pointer;

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

.tiles_menu:hover {
	background-color: #111315;
}

.tiles_menu:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;

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

.tiles_menu_wrapper {
	visibility: hidden;
	position: absolute;
	top: calc(100% + 20px);
	right: 0;

	margin-top: 8px;
	opacity: 0;
	z-index: 2;

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

.tiles_menu:hover .tiles_menu_wrapper {
	visibility: visible;
	top: 100%;

	opacity: 1;

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

.tiles_menu_group {
	position: relative;

	padding: 12px 20px;
	background-color: #111315;
	border: 2px solid #272B30;
	border-radius: 8px;
}

.tiles_menu_li {
	display: block;

	padding: 8px 0;
	color: #6F767E;
	font-size: 15px;
	white-space: nowrap;
	cursor: pointer;

	transition: color .23s ease-out;
}

.tiles_menu_li.red {
	color: #FF6A55;
}

.tiles_menu_li:hover {
	color: #FCFCFC;
}

.tiles_buttons {
	position: absolute;
	top: 16px;
	right: 0;
}

.tiles_player {
	height: 48px;
	margin-top: 12px;
}

.tiles_status {
	padding-top: 20px;
}

/* Tiles. */



/* Artists. */

.artists {
	display: flex;
	align-items: center;

	padding: 1px 8px 1px 1px;
	color: #FFF;
	border: 1px solid #272B30;
	border-radius: 4px;
}

.artists_image {
	width: 28px;
}

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

.artists_name {
	padding-left: 8px;
	font-size: 13px;
	white-space: nowrap;
}

.artists_time {
	padding-left: 8px;
	color: #6F767E;
	font-size: 13px;
}

/* Artists. */



/* Tabler. */

.tabler {

}

.tabler table {
	width: 100%;
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
}

.tabler table tr {
	border-top: 1px solid #272B30;
}

.tabler table tr:first-child {
	border-top: 0 none;
}

.tabler table th {
	padding: 12px 0;
	color: #6F767E;
	font-size: 15px;
	text-align: left;
}

.tabler table td {
	padding: 12px 36px 12px 0;
}

.tabler table td:last-child {
	padding-right: 0;
}

.tabler table tr:last-child td {
	padding-bottom: 0;
}

.tabler_avatar {
	width: 68px;
}

.tabler_avatar_image {
	width: 32px;
}

.tabler_avatar_image img {
	width: 100%;
	height: auto;
	border-radius: 4px;
}

.tabler table td a {
	color: #FCFCFC;
	font-size: 15px;
}

.tabler_artists {
	display: flex;
	flex-wrap: wrap;
}

.tabler_artists .artists {
	margin-right: 4px;
}

.tabler_artists .artists:last-child {
	margin-right: 0;
}

.tabler_note {
	color: #6F767E;
	font-size: 15px;
}

.tabler_status {

}

.tabler_menu {
	position: relative;

	width: 32px;
	height: 32px;
	margin-left: auto;
	border: 2px solid #272B30;
	border-radius: 8px;
}

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

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

.tabler_menu_wrapper {
	visibility: hidden;
	position: absolute;
	top: calc(100% + 20px);
	right: -2px;

	margin-top: 8px;
	opacity: 0;
	z-index: 2;

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

.tabler_menu:hover .tabler_menu_wrapper {
	visibility: visible;
	top: 100%;

	opacity: 1;

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

.tabler_menu_group {
	position: relative;

	padding: 12px 20px;
	background-color: #111315;
	border: 2px solid #272B30;
	border-radius: 8px;
}

.tabler_menu_li {
	display: block;

	padding: 8px 0;
	color: #6F767E;
	font-size: 15px;
	white-space: nowrap;
	cursor: pointer;

	transition: color .23s ease-out;
}

.tabler_menu_li.red {
	color: #FF6A55;
}

.tabler_menu_li:hover {
	color: #FCFCFC;
}

.tabler_stars {
	position: relative;

	padding-left: 20px;
	color: #6F767E;
	font-size: 15px;
}

.tabler_stars:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;

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

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

	margin: 0 -2px;
}

.tabler_stars_icon img {
	width: 12px;
	height: auto;
	margin: 0 2px;
}

/* Tabler. */



/* Reports. */

.reports {
	padding-top: 28px;
}

.reports_label {
	font-size: 15px;
}

.reports_load {
	padding-top: 12px;
}

.reports_load .button {
	max-width: 280px;
}

.reports_button {
	padding-top: 16px;
}

.reports_button .button {
	display: inline-block;
}

/* Reports. */



/* Graff. */

.graff {

}

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

	margin: -8px;
}

.graff_block {
	position: relative;

	width: calc(25% - 16px);
	margin: 8px;
	border-radius: 12px;
}

.graff_block > img {
	width: 100%;
	height: auto;
	border-radius: 12px;
}

.graff_menu {
	position: absolute;
	top: 6px;
	right: 6px;

	width: 36px;
	height: 36px;
	margin-left: auto;
	background-color: #272B30;
	border: 2px solid #272B30;
	border-radius: 8px;
}

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

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

.graff_menu_wrapper {
	visibility: hidden;
	position: absolute;
	top: calc(100% + 20px);
	right: -2px;

	margin-top: 8px;
	opacity: 0;
	z-index: 2;

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

.graff_menu:hover .graff_menu_wrapper {
	visibility: visible;
	top: 100%;

	opacity: 1;

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

.graff_menu_group {
	position: relative;

	padding: 12px 20px;
	background-color: #111315;
	border: 2px solid #272B30;
	border-radius: 8px;
}

.graff_menu_li {
	display: block;

	padding: 8px 0;
	color: #6F767E;
	font-size: 15px;
	white-space: nowrap;
	cursor: pointer;

	transition: color .23s ease-out;
}

.graff_menu_li.red {
	color: #FF6A55;
}

.graff_menu_li:hover {
	color: #FCFCFC;
}

.graff_info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;

	padding: 12px 16px;
	background-color: rgba(26, 29, 31, .92);
	border-radius: 0 0 10px 10px;
}

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

.graff_info_note {
	padding-bottom: 4px;
	color: #6F767E;
	font-size: 13px;
}

.graff_info_status {
	font-size: 13px;
}

.graff_info_status.blue {
	color: #2A85FF;
}

.graff_info_status.red {
	color: #FF6A55;
}

.graff_info_status.green {
	color: #6BA657;
}

.graff_info_bottom {
	padding-top: 4px;
}

.graff_ingo_name {
	font-size: 13px;
}

/* Graff. */



/* Profile. */

.profile {

}

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

	margin: -8px;
	padding-top: 12px;
}

.profile_group.flex_end {
	align-items: flex-end;
}

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

.profile_pag {
	margin-top: 28px;
	padding-top: 16px;
	border-top: 1px solid #272B30;
}

.profile_block {
	width: calc(100% / 3 - 16px);
	margin: 8px;
}

.profile_block.dual {
	width: calc(100% / 3 * 2 - 16px);
}

.profile_block.full {
	width: 100%;
}

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

	margin: 8px;
}

.profile_buttons > .button {
	margin-right: 16px;
}

.profile_block > .button:last-child {
	margin-right: 0;
}

.profile_avatar {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;

	height: 100%;
	background-color: #272B30;
	background-image: url('/images/photo.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 12px;
}

.profile_avatar.user {
	background-image: url('/images/user.svg');
	background-position: center bottom;
}

.profile_avatar.img {
	background-position: center;
	background-size: cover;
}

.profile_upload {

}

.profile_upload .button {
	min-width: 184px;
}

.profile_input {
	margin-top: 20px;
}

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

.profile_input_label {
	padding-bottom: 12px;
	font-size: 15px;
	line-height: 22px;
}

.profile_input_label span {
	color: #FF6A55;
}

.profile_input_value {

}

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

	margin: 0 -8px;
}

.profile_input_value_dual > div {
	width: calc(50% - 16px);
	margin: 0 8px;
}

.profile_input_button {
	padding-top: 20px;
}

.profile_input_button .button {
	display: inline-block;
}

.profile_rating {
	display: inline-flex;
	flex-wrap: wrap;

	padding: 12px 4px 10px;
	border: 2px solid #272B30;
	border-radius: 8px;
}

.profile_rating_star {
	width: 24px;
	margin: 0 8px;
}

.profile_rating_star svg {
	width: 100%;
	height: auto;
	fill: #272B30;
	cursor: pointer;

	transition: fill .23s ease-out;
}

.profile_rating_star:hover svg {
	fill: #6F767E;
}

.profile_rating_star.active svg {
	fill: #FFC554;
}

.profile_input_rating {
	display: flex;
	flex-wrap: wrap;
}

.profile_input_user {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	padding-left: 16px;
}

.profile_input_user_avatar {
	width: 48px;
}

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

.profile_input_user_name {
	padding-left: 16px;
	font-size: 21px;
}

/* Profile. */



/* Filter. */

.filter {
	position: relative;

	padding: 9px 20px 9px 56px;
	font-size: 15px;
	line-height: 18px;
	border: 2px solid #272B30;
	border-radius: 8px;
	cursor: pointer;

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

.filter:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 20px;

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

.filter_wrapper {
	visibility: hidden;
	position: absolute;
	top: calc(100% + 24px);
	right: -2px;

	width: 336px;
	padding: 24px 28px 28px;
	background-color: #111315;
	border: 2px solid #272B30;
	border-radius: 12px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .08);
	opacity: 0;

	transition: top .23s ease-out, opacity .23s ease-out;
}

.filter:hover {
	background-color: #111315;
}

.filter.active {
	background-color: #111315;
}

.filter.active .filter_wrapper {
	visibility: visible;
	top: calc(100% + 8px);

	opacity: 1;
	z-index: 3;
}

/* Filter. */



/* Player. */

.player {
	height: 48px;
}

/* Player. */



/* Portfolio. */

.portfolio {

}

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

	margin: -8px;
}

.portfolio_block {
	position: relative;

	width: calc(25% - 16px);
	margin: 8px;
}

.portfolio_block > img {
	object-fit: cover;

	width: 100%;
	height: 100%;
	border-radius: 12px;
}

.portfolio_play {
	position: absolute;
	top: 50%;
	left: 50%;

	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	background-color: rgba(26, 29, 31, .92);
	border-radius: 50%;
	cursor: pointer;
}

.portfolio_play:before {
	content: '';
	position: absolute;
	top: 20px;
	left: 20px;

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

.portfolio_menu {
	position: absolute;
	top: 6px;
	right: 6px;

	width: 36px;
	height: 36px;
	margin-left: auto;
	background-color: #272B30;
	border: 2px solid #272B30;
	border-radius: 8px;
	cursor: pointer;
}

.portfolio_menu:hover {
	background-color: #111315;
}

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

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

.portfolio_menu_wrapper {
	visibility: hidden;
	position: absolute;
	top: calc(100% + 20px);
	right: -2px;

	margin-top: 8px;
	opacity: 0;
	z-index: 2;

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

.portfolio_menu:hover .portfolio_menu_wrapper {
	visibility: visible;
	top: 100%;

	opacity: 1;

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

.portfolio_menu_group {
	position: relative;

	padding: 12px 20px;
	background-color: #111315;
	border: 2px solid #272B30;
	border-radius: 8px;
}

.portfolio_menu_li {
	display: block;

	padding: 8px 0;
	color: #6F767E;
	font-size: 15px;
	white-space: nowrap;
	cursor: pointer;

	transition: color .23s ease-out;
}

.portfolio_menu_li.red {
	color: #FF6A55;
}

.portfolio_menu_li:hover {
	color: #FCFCFC;
}

.portfolio_block_add {
	display: flex;
	flex-direction: column;

	margin: -8px;
}

.portfolio_block_add_block {
	position: relative;

	margin: 8px;
	background-color: #272B30;
	border-radius: 12px;
	cursor: pointer;
}

.portfolio_block_add_block:before {
	content: '';
	display: block;

	padding: calc(25% - 4px);
}

.portfolio_block_add_block span {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	font-size: 15px;

	transition: color .23s ease-out;
}

.portfolio_block_add_block:hover span {
	color: #2A85FF;
}

/* Portfolio. */



/* Admin. */

.admin_wrapper {
	padding-left: 352px;
}

.admin_wrapper .header_left .button {
	display: none;
}

.admin_content {

}

.admin_content .content {
	max-width: calc(100% - 112px);
}

/* Admin. */



/* Bar. */

.bar {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;

	max-width: 352px;
	width: 100%;

	z-index: 9;

	transition: transform .23s ease-out;
	transform: translateX(-100%);
}

.bar_close {
	display: none;
	position: absolute;
	top: 28px;
	right: 48px;

	width: 48px;
	height: 48px;
	border: 2px solid #272B30;
	background: url('../images/close.svg') center center no-repeat;
	background-size: 24px auto;
	border-radius: 8px;
	z-index: 2;
}

.bar.active {
	transform: translateX(0) !important;
}

.bar.open {
	transform: translateX(0) !important;
}

.bar_scroll {
	overflow-y: scroll;
	position: relative;

	width: calc(100% + 30px);
	height: 100vh;
	padding: 12px 30px 12px 12px;

	-webkit-overflow-scrolling: touch;
}

.bar_scroll::-webkit-scrollbar {
	width: 0;
}

.bar_scroll {
	-ms-overflow-style: none;
}

.bar_scroll {
	overflow: -moz-scrollbars-none;
}

.bar_wrapper {
	position: relative;

	min-height: 100%;
	padding: 12px;
	background-color: #1A1D1F;
	border-radius: 8px;
}

.bar_nav {
	margin: -4px 0;
	padding: 28px 4px 80px;
}

.bar_nav_li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	margin: 4px 0;
	padding: 12px;
	border-radius: 12px;
	cursor: pointer;
}

.bar_nav_li.logout {
	position: absolute;
	left: 16px;
	bottom: 12px;
}

.bar_nav_li.active {
	background-color: #272B30;
	box-shadow: inset 0 1px 1px rgb(255 255 255 / 11%), inset 0 -2px 1px rgb(0 0 0 / 40%);
}

.bar_nav_li_icon {
	width: 24px;
	height: 24px;


	transform: translate3d(0, -1px, 0);
}

.bar_nav_li_icon svg {
	width: 100%;
	height: 100%;
	fill: #6F767E;

	transition: fill .23s ease-out;
}

.bar_nav_li.active .bar_nav_li_icon svg,
.bar_nav_li:hover .bar_nav_li_icon svg {
	fill: #FCFCFC;
}

.bar_nav_li_text {
	padding-left: 12px;
	color: #6F767E;

	transition: color .23s ease-out;
}

.bar_nav_li.active .bar_nav_li_text,
.bar_nav_li:hover .bar_nav_li_text {
	color: #FCFCFC;
}

.bar_nav_li.logout .bar_nav_li_icon svg {
	fill: #FF6A55;
}

.bar_nav_li.logout .bar_nav_li_text {
	color: #FF6A55;
}


/* Bar. */