/* LITEcore Dark
 * https://goload.ru */

@import url('https://fonts.googleapis.com/icon?family=Material+Icons&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

body, body.LITEcore {
	background: #151D26;
	color: #8E9399;
	margin: 0 auto;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	padding-top: 64px;
	line-height: 20px;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

* { outline: none !important; }

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

::selection {
	background: #b3d4fc;
	color: #fff;
	text-shadow: none;
}

a {
	color: #567ca4;
	text-decoration: none !important;
	-webkit-transition: all .3s ease-out;
	   -moz-transition: all .3s ease-out;
		 -o-transition: all .3s ease-out;
			transition: all .3s ease-out;
}

a:hover {
	color: #46719e;
	text-decoration: none !important;
}

img {
	vertical-align: middle;
	border: 0;
}

.none {
	display: none;
}

h1,h2,h3 {
	line-height: 40px;
}

h1 {
	font-size: 16px !important;
	text-align: center;
	color: #333;
	line-height: 20px !important;
}

h2 {
	font-size: 31.5px
}

h3 {
	font-size: 24.5px;
}

h4 {
	font-weight: 300 !important;
	margin-top: 12px !important;
	margin-left: 5px !important;
	float: left !important;
}

h5 {
	font-size: 14px
}

h6 {
	margin: 0 !important;
	font-weight: normal !important;
}

ul, ol {
	padding: 0;
	margin: 0 0 10px 25px;
}

header {
	background: #5d80a6;
	padding: 0;
	color: #fff;
	width: 100%;
	height: 56px;
	z-index: 99999;
	box-shadow: rgba(0, 0, 0, .15) 0px 2px 4px 0;
	position: fixed;
	top: 0;
	overflow: auto hidden;
}

header a, header span {
	display: block;
	padding: 16px;
	cursor: pointer;
}

.l_bar {
	float: left;
	-webkit-transition: all .3s ease-out;
	   -moz-transition: all .3s ease-out;
		 -o-transition: all .3s ease-out;
			transition: all .3s ease-out;
}

.l_bar:hover {
	background: #4d7199;
}

.c_bar {
	float: left;
	height: 56px;
}

.site_name {
	float: left !important;
	margin: 0;
	margin-left: 14px !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	height: 56px !important;
	line-height: 56px !important;
}

.site_name a {
	color: #fff;
	padding: 0;
}

.site_name a:hover {
	color: #fff !important;
}

.r_bar {
	position: relative;
	float: right;
	-webkit-transition: all .3s ease-out;
	   -moz-transition: all .3s ease-out;
		 -o-transition: all .3s ease-out;
			transition: all .3s ease-out;
}

.r_bar:hover {
	background: #4d7199;
}

.r_bar .count {
	font-style: normal;
	font-size: 10px;
	position: absolute;
	top: 14px;
	right: 9px;
	color: #999;
	background: #fff;
	border: 2px solid #5d80a6;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 12px;
	width: 12px;
	cursor: pointer;
	border-radius: 50%;
}

.r_bar.user_bar img {
	width: 24px;
	border-radius: 50%;
	background: #151d26;
}

.hide {
	display: block !important;
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	will-change: transform;
	-webkit-transition: -webkit-transform .5s;
			transition: -webkit-transform .5s;
			transition: transform .5s;
			transition: transform .5s, -webkit-transform .5s;
}

.hide.hidden {
	-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
			transform: translateY(-100%);
}

.block {
	margin: 8px 8px 16px 8px;
	border-radius: 2px;
}

h6.round_title {
	margin-bottom: 0 !important;
}

h6.round_title .left {
	border-radius: 2px 0 0 0;
}

h6.round_title .title.back {
	border-radius: 0 2px 0 0;
}

@media (min-width: 972px) {
	h6.round_title {
		margin-bottom: 16px !important;
	}
	h6.round_title .left {
		border-radius: 50px 0 0 50px;
	}
	h6.round_title .title.back {
		border-radius: 0 50px 50px 0;
	}
	h6.round_title_home {
		border-radius: 50px;
		margin-bottom: 16px !important;
	}
}

.title {
	color: #fff;
	background: #5d80a6;
	padding: 14px;
	font-size: 16px;
	border-radius: 2px 2px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.title.h_t {
	border-radius: inherit;
	font-size: 16px;
	text-shadow: none;
}

.title a {
	color: #fff !important; 
}

.title a:hover {
	color: #f4f4f4 !important;
}

.title.back {
	padding-left: 5px;
}

a.left {
	float: left;
	background: #5d80a6;
	padding: 12px;
	cursor: pointer;
}

a.left:hover {
	background: #4d7199;
}

.b-search {
	background: #1C2733;
	border-radius: 50px;
	height: 48px;
	padding: 0;
	margin-bottom: 16px;
}

.b-search__ic {
	display: block;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	position: absolute;
	text-align: center;
	width: 48px;
	z-index: 2;
	cursor: default;
}

.ic-search i {
	line-height: inherit !important;
	color: #c0c0c0;
}

.b-search__form {
	padding-left: 52px;
	padding-right: 16px;
}

.b-search__form input {
	border: none !important;
	height: 48px !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100%;
	z-index: 2;
	background: 0 0 !important;
	font-size: 16px !important;
	color: #a7a7a7 !important;
}

.b-search__form input:focus {
	border: none !important;
}

.b-search__form input::-webkit-input-placeholder {
	color: #c0c0c0;
}

.ads {
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #1c2733;
	padding: 14px;
	border-radius: 0 0 3px 3px;
}

.menu {
	padding: 8px;
	background: #1C2733;
	color: #8E9399;
	font-size: 13px;
	line-height: 21px;
	margin: 0 !important;
}

.menu:last-child {
	border-bottom: none;
	border-radius: 0 0 2px 2px;
}

.prev {
	color: #8E9399;
	background: #1c2733;
	font-size: 14px;
	text-align: center;
	margin: 0 !important;
	overflow: hidden;
}

.prev.media {
	text-align: initial;
}

.prev a img {
	background-color: #1c2733;
	background-image: -webkit-linear-gradient(45deg,#151d26 25%,transparent 25%,transparent 75%,#151d26 75%,#151d26),
	   -webkit-linear-gradient(45deg,#151d26 25%,transparent 25%,transparent 75%,#151d26 75%,#151d26);
	background-position: 0 0,11px 11px;
	-webkit-background-size: 21px 21px;
	background-size: 21px 21px;
}

.prev img.nsfw {
	filter: blur(13px);
	transform: none;
	-webkit-transition: all .2s ease-out;
	   -moz-transition: all .2s ease-out;
		 -o-transition: all .2s ease-out;
			transition: all .2s ease-out;

}

.prev img.nsfw:hover {
	filter: blur(0);
}

.view.file_title {
	padding: 16px 52px 8px 16px;
	font-size: 22px;
	line-height: 28px;
	word-break: break-all;
	color: #BBBEC2;
}

.view.line {
	padding: 8px 16px;
}

.comm_butt_title {
	display: initial;
}

.comm_butt_icon {
	display: none;
}

@media (max-width: 318px) {
	.comm_butt_title {
		display: none !important;
	}
	.comm_butt_icon {
		display: initial !important;
	}
}

.author {
	margin-bottom: 8px;
	font-size: 17px;
	background: #1C2733;
}

.load_date {
	color: #8E9399;
	font-size: 13px;
}

.author .letter {
	display: block;
	width: 42px;
	height: 42px;
	line-height: 42px;
	border-radius: 50%;
	background: #151d26;
	color: #8E9399;
	text-align: center;
	font-size: 21px;
}

.author .name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.qr {
	max-width: 100%;
}

.share {
	display: flex;
	align-items: center;
	padding: 8px;
	background: #1c2733;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}

.share span {
	margin-right: 8px;
	color: #8E9399;
}

.share ul {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.share li {
	margin: 4px;
	width: 32px;
	height: 32px;
}

.share a {
	color: #fff;
	display: table-cell;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.share a:hover {
	color: #fff !important;
}
.share svg {
	width: 22px;
	height: 22px;
	display: inline-block;
	background-color: transparent;
	color: inherit;
	vertical-align: middle;
	fill: currentColor;
	stroke: currentColor;
	stroke-width: 0;
	pointer-events: none;
	position: relative;
}

.share .twitter {
	background: #1da1f2;
}

.share .telegram {
	background: #0088cc;
}

.share .vk {
	background: #45668e;
}

.share .facebook {
	background: #3b5998;
}

.share .reddit {
	background: #ff4500;
}

.donate, .donate:hover, .refresh {
	max-width: 128px;
	text-align: center;
	background: #5d80a6;
	color: #fff;
	border-radius: 8px;
	padding: 6px 16px;
	font-size: 16px;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
}

.donate span {
	margin: 0 6px;
}

.donate i {
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.like_dis {
	background: rgba(93, 128, 166, .1);
}

.link a {
	padding: 16px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #1c2733;
}

.link a.file_block {
	color: #4F6176;
	position: relative;
	margin-bottom: 10px;
	padding: 0;
}

.link.dload {
	margin-top: 10px;
	font-size: 18px;
	background: #1C2733;
}

.sort {
	padding: 16px;
	position: relative;
	background: #1C2733;
	margin-bottom: 10px;
}

.sort_btn {
	font-size: 17px;
	color: #8E9399;
	display: inline;
	cursor: pointer;
	padding-bottom: 8px;
}

.sort_btn i {
	vertical-align: middle;
	line-height: 15px;
	width: 22px;
}

.sort_content {
	position: absolute;
	top: 44px;
	left: 0;
	display: none;
	z-index: 9;
	background: #1C2733;
	border-radius: 2px;
	white-space: nowrap;
	box-shadow: rgba(0, 0, 0, .25) 0 2px 4px 1px;
}

.sort_btn:hover .sort_content {
	display: grid;
}

.sort_content a {
	padding: 8px 16px 8px 28px;
	color: #8E9399;
	font-size: 15px;
}

.sort_content a.active {
	padding-left: 12px;
}

.sort_content a.active:before {
	content: 'check';
	font-family: 'Material Icons';
	font-size: 17px;
	vertical-align: top;
	position: relative;
	right: 4px;
}

.file {
	position: relative;
	background: #1C2733;
}

.file_top {
	padding: 12px 16px 0;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.file_author {
	font-size: 15px;
	color: #8E9399;
}

.file_date {
	margin-left: 8px;
	font-size: 13px;
	color: #6B727A;
}

.file_more {
	position: absolute;
	top: 12px;
	right: 0;
	padding: 0 16px;
	font-size: 15px;
	color: #757575;
	display: inline-block;
	cursor: pointer;
}

.file_more:hover .more_links {
	display: grid;
}

.more_links {
	display: none;
	position: absolute;
	top: 21px;
	right: 16px;
	background: #1C2733;
	padding: 6px 0;
	z-index: 9;
	border-radius: 2px;
	white-space: nowrap;
	box-shadow: rgba(0, 0, 0, .2) 0 2px 4px 1px;
}

.more_links a {
	padding: 0 16px;
	height: 32px;
	line-height: 32px;
	border-radius: 2px !important;
	overflow: initial;
	color: #8E9399;
}

.file_name {
	font-size: 18px;
	font-weight: 400;
	display: block;
	padding: 10px 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #BBBEC2;
}

.file_image {
	text-align: center;
	max-width: 100%;
	height: 100%;
	min-height: 72px;
	line-height: 72px;
	max-height: 336px;
	z-index: 1;
	overflow: hidden;
}

.file_image img {
	max-width: 100%;
}

.nsfw {
	filter: blur(13px);
	transform: scale(1.06);
}

.file_video {
	display: flex;
	justify-content: center;
	position: relative;
}

.file_video img {
	align-self: center;
}

.file_video:before {
	content: '';
	background: rgba(0, 0, 0, .07);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.play_ic {
	position: absolute;
	top: calc(50% - 32px);
	left: calc(50% - 32px);
	display: block;
	width: 64px;
	height: 64px;
	font-size: 48px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .25);
	color: #fff;
	line-height: 64px;
	z-index: 1;
}

.file_info {
	padding: 10px 16px;
	font-size: 14px;
	color: #8E9399;
	display: flex;
}

.file_info img {
	margin-top: -2px !important;
	margin-right: 8px !important;
	width: 18px;
}

.opis {
	color: #333;
	margin-top: 5px;
	margin-bottom: 5px;
	white-space: nowrap !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

footer {
	color: #8E9399;
	font-size: 14px;
	padding: 16px 8px;
}

.copy_xlll {
	line-height: 24px;
}

footer .social {
	margin: 16px 0 8px -4px;
}

footer img.soc {
	width: 48px;
}

.dropdown {
	float: right;
	position: relative;
	top: 2px;
	display: inline-block;
	cursor: pointer;
}

.dropdown_btn {
	padding-bottom: 4px;
}

.dropdown_btn i {
	vertical-align: middle;
	line-height: 15px;
	width: 22px;
}

.dropdown:hover {
	color: #757575;
}

.dropdown_content {
	position: absolute;
	top: 24px;
	right: 10px;
	display: none;
	z-index: 9;
	background: #1C2733;
	border-radius: 2px;
	white-space: nowrap;
	box-shadow: rgba(0, 0, 0, .25) 0 2px 4px 1px;
}

.dropdown:hover .dropdown_content {
	display: grid;
}

.dropdown_content a {
	padding: 8px 16px 8px 0;
	color: #6d6d6d;
}

.ic_lang {
	width: 16px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin: 0 2px 0 8px;
}

.extension {
	margin: 8px 0;
}

.extension a {
	color: #8E9399;
	line-height: 0;
}

.extension a:hover {
	color: #999;
}

.extension .crm {
	width: 16px;
}

.extension span {
	margin-left: 4px;
	vertical-align: sub;
	position: relative;
	top: -1px;
}

.up {
	display: none;
	justify-content: center;
	align-items: center;
	opacity: .7;
	width: 80px;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
	color: #d3dbe4;
	font-family: sans-serif;
	font-weight: 700;
}

.empty {
	position: absolute;
	left: 0;
	right: 0;
	top: 16px;
	bottom: 0;
	margin: 0 auto;
}

.empty.comm {
	max-width: 200px;
	height: 104px;
	background-image: url(img/empty_list.png);
	background-size: cover;
	background-position: center;
}

.empty.search {
	max-width: 200px;
	height: 104px;
	background-image: url(img/empty_search.png);
	background-size: cover;
	background-position: center;
}

.empty.pass {
	max-width: 200px;
	height: 104px;
	background-image: url(img/empty_pass.png);
	background-size: cover;
	background-position: center;
}

.empty_words {
	max-width: 200px;
	text-align: center;
	margin-top: 128px;
	position: relative;
	font-size: 15px;
}

.empty_top {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.comments {
	padding: 8px 16px;
	font-size: 16px;
	border-bottom: 1px dotted rgba(0, 0, 0, .01);
	background: #1c2733;
	line-height: 20px;
}

.comments:last-child {
	border-bottom: none;
}

.delete {
	visibility: hidden;
	opacity: 0;
	float: right;
	font-size: 27px;
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	   -moz-transition: all .2s ease-out;
		 -o-transition: all .2s ease-out;
			transition: all .2s ease-out;
}

.comments:hover .delete {
	opacity: 1;
	visibility: visible;
}

.comm {
	color: #8E9399;
	word-break: break-word;
}

.letter {
	display: block;
	width: 42px;
	height: 42px;
	line-height: 42px;
	border-radius: 50%;
	background: #151d26;
	color: #8E9399;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	position: relative;
	top: 2px;
}

.comments .name {
	color: #BBBEC2;
	font-size: 15px;
	font-weight: 500;
}

.name_b {
	font-size: 19px;
}

.emoji_block {
	position: relative;
}

.open_emoji_board {
	padding: 2px;
	width: 22px;
	height: 22px;
	cursor: pointer;
}

.open_emoji_board i {
	color: #8E9399;
	font-size: 22px;
}

.emoji_board {
	height: 0;
	opacity: 0;
}

.emoji_board.active {
	position: absolute;
	top: 0;
	z-index: 999;
	display: block !important;
	width: 162px;
	height: 162px;
	padding: 8px;
	overflow: hidden auto;
	background: #1c2733;
	box-shadow: rgba(0, 0, 0, .2) 0 2px 4px 1px;
	opacity: 1;
	transition: all 300ms ease 0ms;
}

.emoji_board::-webkit-scrollbar {
	width: 3px;
}

.emoji_board::-webkit-scrollbar-thumb {
	background: rgba(132, 132, 132, .49);
	border-radius: 0;
}

.emoji_board ul {
	display: none;
}

.emoji_board.active ul {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}

.emoji_board ul a {
	margin: 6px;
	display: inline-block;
}

.emoji_board ul a img {
	width: 25px;
}

.emoji {
	width: 18px;
}

.delete-alert {
	display: none;
}

.delete-alert.vis {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	transition: all 450ms cubic-bezier(.23, 1, .32, 1) 0ms;
	max-width: 470px;
	margin: 4px 8px;
	border-radius: 8px;
	border-top: 1px solid rgba(0, 0, 0, .1);
	box-shadow: 0 4px 8px rgba(0, 0, 0, .5);
	z-index: 99999;
	opacity: 1;
}

.delete-alert-body {
	color: #8e9399;
	transition: all 450ms cubic-bezier(.23, 1, .32, 1) 0ms;
	box-sizing: border-box;
	border-radius: 8px;
	background-color: #1c2733;
}

.delete-alert-question {
	font-size: 18px;
	color: #8E9399;
	padding: 24px;
	box-sizing: border-box;
	overflow-y: hidden;
	max-height: 170px;
}

.delete-alert-option-body {
	box-sizing: border-box;
	padding: 8px;
	width: 100%;
	text-align: right;
	margin-top: 0;
	border-top-style: none;
}

.del-but {
	border: 10px;
	box-sizing: border-box;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: inherit;
	font-weight: inherit;
	cursor: pointer;
	margin: 0;
	padding: 0;
	transform: translate3d(0px, 0px, 0px);
	height: 36px;
	line-height: 36px;
	min-width: 88px;
	color: #5d80a6;
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	text-align: center;
	-webkit-user-select: none;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: all .3s ease-out;
	   -moz-transition: all .3s ease-out;
		 -o-transition: all .3s ease-out;
			transition: all .3s ease-out;
}

.del-but:hover {
	background-color: rgba(0, 0, 0, .1);
}

.del-but-opt {
	display: block;
	position: relative;
	padding-left: 16px;
	padding-right: 16px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
}

.but-main {
	border: 1px solid #5d80a6;
	border-radius: 8px;
}

.del {
	float: right;
	padding: 0 5px;
	background: none;
	border-radius: 3px;
	font-size: 22px;
	opacity: .2;
	-webkit-transition: all .3s ease-out;
	   -moz-transition: all .3s ease-out;
		 -o-transition: all .3s ease-out;
			transition: all .3s ease-out;
}

.del:hover {
	background: rgba(245, 245, 245, .5);
	opacity: 1;
}

.del a:hover {
	opacity: .8;
}

.copied {
	display: none;
	background-color: #1c2733;
	border-radius: 2px;
	position: fixed;
	bottom: 16px;
	left: 16px;
	color: rgba(255, 255, 255, .9);
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2),
				0 6px 10px 0 rgba(0, 0, 0, .14),
				0 1px 18px 0 rgba(0, 0, 0, .12);
	padding: 14px 24px;
	height: 48px;
	flex-wrap: wrap;
	box-sizing: border-box;
	z-index: 9;
}

.copied span{
	line-height: 20px;
}

@media (max-width: 971px) {
	.copied {
		border-radius: 0 !important;
		width: 100%;
		bottom: 0;
		left: 0;
	}
}

.pagination {
	border-radius: 2px !important;
	list-style: none;
	padding: 8px;
	background: #1C2733;
	text-align: center;
}

.pagination a, .pagination li {
	border-radius: 50%;
	color: #8E9399;
	display: inline-block;
	margin: 0;
	transition: .15s ease-in;
	cursor: pointer;
}

.pagination a:hover {
	background: rgba(93, 128, 166, .12);
	color: #BBBEC2 !important;
}

.pagination li:hover {
	background: rgba(93, 128, 166, .12);
	color: #BBBEC2 !important;
}

.pagination .pagination-number,
.pagination .pagination-arrow i {
	vertical-align: middle;
}

.pagination .pagination-number {
	font-family: sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 24px;
	width: 32px;
	padding: 4px 0;
	margin: 0 2px;
}

.pagination .pagination-number.current-number,
.pagination .pagination-number.current-number:hover {
	background: #5d80a6;
	color: #fff !important;
}

.pagination .pagination-arrow i {
	font-size: 26px;
	padding: 4px;
}

code {
	background: #1c2733 !important;
	border: 0 !important;
	display: block !important;
	margin: 8px 0 !important;
	overflow: auto !important;
}

input[type=text], input[type=password], input[type=number], input[type=email] {
	text-align: left !important;
	color: #8E9399 !important;
	padding: 3px !important;
	border-radius: 0 !important;
}

textarea {
	background: #1c2733;
	border-radius: 1px !important;
	width: 90% !important;
	min-height: 60px !important;
	color: #333 !important;
}

form {
	margin: 0 !important;
}

.btn {
	position: relative;
	overflow: hidden;
	margin-right: 4px;
	padding: 6px 20px !important;
	border-radius: 50px !important;
	background: #5d80a6;
	border: none;
	color: #fff;
	width: initial;
}

.btn input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	transform: translate(-300px, 0) scale(4);
	font-size: 25px;
	cursor: pointer;
}

.drawer,
.drawer_cover {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
}

.drawer {
	width: calc(100% - 56px);
	max-width: 280px;
	min-width: 152px;
	z-index: 999999;
	background: #1C2733;
	text-align: left;
	left: -300px;
	transition: all 500ms ease 0ms;
	box-shadow: 0 4px 4px -5px rgba(0, 0, 0, .2),
				0 2px 2px 1px rgba(0, 0, 0, .14),
				0 4px 18px 3px rgba(0, 0, 0, .12);
	overflow: visible;
	overflow-y: auto;
}

.drawer.drawer_in {
	left: 0;
}

.drawer_cover {
	width: 100vw;
	z-index: 99999;
	background: transparent;
	cursor: default;
	opacity: 0;
	visibility: hidden;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.drawer_op {
	pointer-events: auto;
	opacity: 1;
	background: rgba(0, 0, 0, .6);
	visibility: visible;
}

.drawer_item {
	padding: 14px 0;
	color: #3c3c3c;
	font-size: 17px;
	font-weight: 500;
	cursor: pointer;
	margin: 0;
	transition: color .8s;
}

.drawer::-webkit-scrollbar {
	width: 2px;
}

.drawer::-webkit-scrollbar-thumb {
	background: rgba(132, 132, 132, .49);
	border-radius: 0;
}

.nav-head {
	color: #fff;
	height: 160px;
	box-sizing: border-box;
	padding: 16px;
	background-color: #5d80a6;
	background: url(img/drawer_header.png) 60% 70% no-repeat !important;
}

.head-cont {
	padding-top: 8px;
}

.nav-head .avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	box-shadow: 0 2px 2px rgba(33, 33, 33, .18);
}

.nav-head div.avatar {
	line-height: 64px;
	text-align: center;
	font-size: 27px;
	background-color: #e91e63;
}

.nav-head .tit {
	font-size: 16px;
	height: 48px;
	padding-top: 16px;
	letter-spacing: .5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nav-head .name {
	display: block;
	font-size: 16.4px;
	font-weight: 500;
	letter-spacing: .7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nav-title {
	display: block;
	line-height: 64px;
	padding-left: 40px;
	font-size: 22px;
	letter-spacing: .02em;
}

.nav-cont {
	padding: 8px 0; 
}

.nav-link {
	display: block;
	padding: 0 16px;
	height: 48px;
	line-height: 48px;
	margin: 0;
	color: #8E9399;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: .03em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nav-link:hover {
	background: rgba(0, 0, 0, .1);
	color: #8E9399;
}

.passEye {
	position: relative;
	display: inline-block;
}

.passEye input::-ms-reveal, .p assEye input::-ms-clear {
	display: none;
}

.passEye .eye {
	position: absolute;
	right: 8px;
	top: 10px;
	cursor: pointer;
}

.passEye .eye:before {
	content: "visibility_off";
	font-family: Material Icons;
	font-size: 21px;
	color: #5e81a6;
}

.passEye .openEye:before {
	content: "visibility" !important;
}

.expanded {
	font-size: 14px;
	margin: 0 auto;
}

.expanded-header {
	padding: 16px;
	color: #8E9399;
	cursor: pointer;
	transition: all .3s;
}

.expanded-body {
	color: #6B727A;
	display: none;
}

.expanded-contents {
	padding: 16px;
}

.expanded-item > .expanded-header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.expanded-item:last-child > .expanded-header {
	border-top: none;
}

.expanded-item > .expanded-header:after {
	content: 'expand_more';
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	float: right;
	position: relative;
	top: -6px;
	transition: .3s all;
	transform: rotate(0deg);
}

.expanded-item.active > .expanded-header:after {
	transform: rotate(-180deg);
}

button, input, select, textarea {
	vertical-align: middle;
}

label, input, button, select, textarea {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

input, textarea {
	font-family: 'Roboto', sans-serif;
	width: 206px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	margin-bottom: 10px;
	font-size: 14px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"] {
	background-color: #1c2733 !important;
	color: #8E9399 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
	max-width: 100%;
	margin-bottom: 10px;
	-webkit-box-shadow: initial !important;
	-moz-box-shadow: initial !important;
	box-shadow: initial !important;
	-webkit-transition: initial !important;
	-moz-transition: initial !important;
	-o-transition: initial !important;
	transition: initial !important;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border-color: rgba(93, 128, 166, .7) !important;
	outline: 0;
	-webkit-box-shadow: initial !important;
	   -moz-box-shadow: initial !important;
			box-shadow: initial !important;
}

.jp-title {
	margin-left: 56px;
	font-size: 15px;
	color: #8E9399;
}

.jp-no-solution {
	font-size: 14px;
	color: #999;
}

.jp-title ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.jp-muz-name {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.jp-gui {
	position: relative;
	background: transparent;
	overflow: hidden;
	margin-top: -20px;
}

.jp-jplayer, .jp-audio {
	max-width: calc(100% - 32px);
	height: 42px;
	margin: 0 auto;
	padding-top: 8px;
}

.jp-controls {
	padding: 0;
	margin: 0;
	list-style: none;
}

.jp-controls li {
	display: inline;
}

.jp-controls a {
	color: #333;
}

.jp-play, .jp-pause {
	width: 42px;
	height: 42px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
}

.jp-controls .jp-play:hover, .jp-controls .jp-pause:hover {
	background: transparent;
}

.jp-progress {
	background: #151d26;
	position: absolute;
	left: 56px;
	top: 30px;
	width: calc(100% - 108px);
}

.jp-play-bar {
	height: 3px;
	background: #5d80a6;
	position: relative;
}

.jp-play-bar:after {
	content: '';
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	margin-top: -4.6px;
	margin-left: -1px;
	left: 100%;
	border-radius: 50%;
	background: #5d80a6;
	box-shadow: 0 0 1px rgba(0, 0, 0, .35);
	cursor: pointer;
}

.jp-time-holder {
	color: #8E9399;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	right: 0;
	top: 24.4px;
}

@media (min-width: 972px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
		float: left;
	}
	section, footer, .head-container {
		margin: 0 auto;
		padding: 0 62px;
		max-width: 947px;
	}
	.footer {
		padding: 0;
		margin: 8px 8px 16px 8px;
		border-radius: 2px;
		box-sizing: border-box;
	}
	.col-md-11 {
		width: 91.66666667%;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 63.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-4 {
		width: 32.33333333%;
		float: right;
		max-width: 300px;
	}
	.col-md-4 img {
		width: 100%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-1 {
		width: 8.33333333%;
	}
	.mb {
		display: none;
	}
	.file_image {
		max-height: 512px;
	}
	.link a.file_block, .sort {
		margin-bottom: 16px;
	}
}

@media (max-width: 971px) {
	.ds {
		display: none !important;
	}
}

.error {
	text-align: center;
	width: 100%;
	padding: 40px 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}

.error-logo {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url(img/app-icon.png) 50% 50% no-repeat;
	background-size: 60px;
	border-radius: 50%;
	margin-bottom: 22px;
	box-shadow: 0 2px 2px rgba(33, 33, 33, 0.32);
}

.error-title {
	font-size: 36px;
	line-height: 18px;
	color: #BBBEC2;
	margin-bottom: 44px;
}

.error-message {
	font-size: 16px;
	line-height: 18px;
	color: #8E9399;
	margin-bottom: 30px;
	padding: 0 20px;
}

.offline .error-title {
	font-size: 19px;
}

@media screen and (min-width: 480px) {
	.error {
		display: flex;
		justify-content: center;
		position: absolute;
		top: 60%;
		left: 50%;
		width: 424px;
		text-align: left;
		margin: 0 0 0 -212px;
	}
	.error-logo {
		float: left;
		width: 58px;
		height: 58px;
		display: inline-block;
		background: url(img/app-icon.png) 50% 50% no-repeat;
		background-size: 58px;
		border-radius: 50%;
		margin-bottom: 22px;
		box-shadow: 0 2px 2px rgba(33, 33, 33, 0.32);
	}
	.error-text {
		margin-left: 32px;
		max-width: 333px;
	}
	.error-title {
		font-size: 60px;
		line-height: 58px;
		margin-bottom: 22px;
	}
	.error-message {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 22px;
		padding: 0;
	}
	.offline .error-title {
		font-size: 28px;
	}
}

.search main {
	display: block;
	position: relative;
	width: 100%;
	background: #1c2733;
	overflow: hidden;
	transform-origin: center 3rem;
	transition: transform .3s;
}

.search .header {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	height: 154px;
	transition: transform .5s, opacity .3s;
	background: url(https://picsum.photos/640/240/?random) center bottom;
	background-size: cover;
}

.search input {
	position: relative;
	z-index: 2;
	display: block;
	width: calc(100% - 72px);
	max-width: 480px;
	margin: 76px auto 34px;
	border: 0;
	font-size: 18px;
	padding: 12px 20px;
	border-radius: 50px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	transition: .5s, margin-bottom .15s;
	background: #1c2733;
	color: #8E9399;
}

.search input:focus {
	margin: 16px auto 16px;
}

.search input:focus + .header {
	opacity: 0.35;
}

.file_input {
	float: left;
}

.mdl-button--fab.mdl-button--colored {
	background: #5d80a6;
	color: rgb(255, 255, 255);
}

.mdl-button--fab.mdl-button--mini-fab {
	height: 40px !important;
	min-width: 40px !important;
	width: 40px !important;
}

.mdl-button--fab {
	border-radius: 50% !important;
	font-size: 24px !important;
	margin: auto !important;
	padding: 0 !important;
	overflow: hidden !important;
	box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);
	position: relative !important;
	line-height: normal;
}

.mdl-button {
	background: 0 0;
	border: none;
	border-radius: 2px;
	color: #000;
	display: block;
	position: relative;
	height: 36px;
	min-width: 64px;
	padding: 0 8px;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0;
	overflow: hidden;
	will-change: box-shadow, transform;
	-webkit-transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
			transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
	cursor: pointer;
	text-align: center;
	line-height: 36px;
	vertical-align: middle;
}

.mdl-button--fab .material-icons {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-12px,-12px);
		-ms-transform: translate(-12px,-12px);
			transform: translate(-12px,-12px);
	line-height: 24px;
	width: 24px;
}

.mdl-button--fab.mdl-button--colored:active {
	background-color: #4d7199;
}

.mdl-button--fab.mdl-button--colored:focus:not(:active) {
	background-color: #4d7199;
}

.mdl-button--fab.mdl-button--colored:hover {
	background-color: #4d7199;
}

.mdl-button--fab .mdl-button__ripple-container {
	border-radius: 50%;
	-webkit-mask-image: -webkit-radial-gradient(circle,#fff,#000);
}

.mdl-button__ripple-container {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	overflow: hidden;
}

#file_input_text_div {
	width: calc(100% - 46px);
	max-width: 200px;
	margin-top: -8px;
	margin-left: 8px;
}

.mdl-textfield {
	position: relative;
	font-size: 18px;
	display: inline-block;
	box-sizing: border-box;
	width: 300px;
	max-width: 100%;
	margin: 0;
	padding: 14px 0 8px;
}

.mdl-textfield.is-disabled .mdl-textfield__input {
	background-color: transparent !important;
	border-bottom: 1px dotted rgba(0,0,0,.12) !important;
	box-shadow: none !important;
}

.mdl-textfield__input {
	border: none !important;
	border-bottom: 1px solid rgba(0,0,0,.12);
	display: inline-block;
	font-size: 18px;
	margin: 0;
	padding: 4px 0;
	width: 100%;
	background: 16px;
	text-align: left;
	color: inherit;
}

.mdl-textfield__label {
	bottom: 0;
	color: rgba(0,0,0,.26);
	font-size: 18px;
	left: 0;
	right: 0;
	pointer-events: none;
	position: absolute;
	top: 24px;
	width: calc(100% + 6px);
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
	left: 0;
	visibility: visible;
	width: 100%;
}

.mdl-textfield__label:after {
	background-color: #5d80a6;
	bottom: 17px;
	content: '';
	height: 2px;
	left: 45%;
	position: absolute;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	visibility: hidden;
	width: 10px;
}

@keyframes ripple {
	0% {
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
	}
	50% {
		box-shadow: 0 0 0 15px rgba(0, 0, 0, .1);
	}
	100% {
		box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
	}
}

.md-radio {
	margin: 16px 0;
}

.md-radio.md-radio-inline {
	display: inline-block;
}

.md-radio input[type="radio"] {
	display: none;
}

.md-radio input[type="radio"]:checked + label:before {
	border-color: #5d80a6;
	animation: ripple .2s linear forwards;
}

.md-radio input[type="radio"]:checked + label:after {
	transform: scale(1);
}

.md-radio label {
	display: inline-block;
	height: 20px;
	position: relative;
	padding: 0 8px 0 26px;
	margin-bottom: 0;
	cursor: pointer;
	vertical-align: middle;
}

.md-radio label:before, .md-radio label:after {
	position: absolute;
	content: '';
	border-radius: 50%;
	transition: all .3s ease;
	transition-property: transform, border-color;
}

.md-radio label:before {
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	border: 2px solid rgba(255, 255, 255, 0.54);
}

.md-radio label:after {
	top: 4px;
	left: 5px;
	width: 10px;
	height: 10px;
	transform: scale(0);
	background: #5d80a6;
}

.md-checkbox {
	margin: 16px 0;
}

.md-checkbox.md-checkbox-inline {
	display: inline-block;
}

.md-checkbox label {
	display: inline-block;
	height: 20px;
	position: relative;
	padding: 0 8px 0 26px;
	margin-bottom: 0;
	cursor: pointer;
	vertical-align: middle;
}

.md-checkbox label:before, .md-checkbox label:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
}

.md-checkbox label:before {
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	border: 2px solid rgba(255, 255, 255, 0.54);
	border-radius: 2px;
	cursor: pointer;
	transition: background .3s ease;
}

.md-checkbox input[type="checkbox"] {
	display: none;
}

.md-checkbox input[type="checkbox"]:checked + label:before {
	background: #5d80a6;
	border: none;
}

.md-checkbox input[type="checkbox"]:checked + label:after {
	transform: translate(3px, 3px) rotate(-45deg);
	width: 14px;
	height: 8px;
	border: 2px solid #fff;
	border-top-style: none;
	border-right-style: none;
}

.player_wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.playerDiv {
	position: absolute !important;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.xlll_container .xlll_icon {
	font-family: 'Material Icons';
	color: #fff;
	opacity: .85;
	speak:none;
	font-style:normal;
	font-size: 42px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.xlll_container .xlll_icon-arr-lft:before {
	content: "format_align_left"
}
.xlll_container .xlll_icon-expand:before {
	content: "fullscreen"
}
.xlll_container .xlll_icon-fast-forward:before {
	content: "play_arrow"
}
.xlll_container .xlll_icon-gear-clear:before {
	content: "settings"
}
.xlll_container .xlll_icon-next:before {
	content: "skip_next"
}
.xlll_container .xlll_icon-pause-clear:before {
	content: "pause"
}
.xlll_container .xlll_icon-play-clear:before {
	content: "play_arrow"
}
.xlll_container .xlll_icon-reduce:before {
	content: "fullscreen_exit"
}
.xlll_container .xlll_icon-reload:before {
	content: "replay"
}
.xlll_container .xlll_icon-slim-checkmark:before {
	content: "check"
}
.xlll_container .xlll_icon-star:before {
	content: "star_border"
}
.xlll_container .xlll_icon-vr-clear:before {
	content: "stay_current_landscape"
}
.xlll_container .xlll_icon-vr:before {
	content: "stay_current_landscape"
}
.xlll_container {
	height: 100%;
	width: 100%;
	position: relative;
	background: black;
	overflow: hidden;
	color: #fff
}
.xlll_container div, .xlll_container span, .xlll_container applet, .xlll_container object, .xlll_container iframe, .xlll_container h1, .xlll_container h2, .xlll_container h3, .xlll_container h4, .xlll_container h5, .xlll_container h6, .xlll_container p, .xlll_container blockquote, .xlll_container pre, .xlll_container a, .xlll_container abbr, .xlll_container acronym, .xlll_container address, .xlll_container big, .xlll_container cite, .xlll_container code, .xlll_container del, .xlll_container dfn, .xlll_container em, .xlll_container img, .xlll_container ins, .xlll_container kbd, .xlll_container q, .xlll_container s, .xlll_container samp, .xlll_container small, .xlll_container strike, .xlll_container strong, .xlll_container sub, .xlll_container sup, .xlll_container tt, .xlll_container var, .xlll_container b, .xlll_container u, .xlll_container i, .xlll_container center, .xlll_container dl, .xlll_container dt, .xlll_container dd, .xlll_container ol, .xlll_container ul, .xlll_container li, .xlll_container fieldset, .xlll_container form, .xlll_container label, .xlll_container legend, .xlll_container table, .xlll_container caption, .xlll_container tbody, .xlll_container tfoot, .xlll_container thead, .xlll_container tr, .xlll_container th, .xlll_container td, .xlll_container article, .xlll_container aside, .xlll_container canvas, .xlll_container details, .xlll_container embed, .xlll_container figure, .xlll_container figcaption, .xlll_container footer, .xlll_container header, .xlll_container hgroup, .xlll_container menu, .xlll_container nav, .xlll_container output, .xlll_container ruby, .xlll_container section, .xlll_container summary, .xlll_container time, .xlll_container mark, .xlll_container audio, .xlll_container video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
.xlll_container article, .xlll_container aside, .xlll_container details, .xlll_container figcaption, .xlll_container figure, .xlll_container footer, .xlll_container header, .xlll_container hgroup, .xlll_container menu, .xlll_container nav, .xlll_container section {
	display: block
}
.xlll_container ol, .xlll_container ul {
	list-style: none
}
.xlll_container blockquote, .xlll_container q {
	quotes: none
}
.xlll_container blockquote:before, .xlll_container blockquote:after, .xlll_container q:before, .xlll_container q:after {
	content: '';
	content:none
}
.xlll_container table {
	border-collapse:collapse;
	border-spacing:0
}
.xlll_container video {
	border:none
}
.xlll_container .xlll_videoWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%
}
.xlll_container .xlll_videoWrapper canvas {
	visibility:hidden
}
.xlll_container .xlll_videoWrapper video, .xlll_container .xlll_videoWrapper canvas {
	position:absolute;
	top:0;
	left:0;
	z-index:0
}
.xlll_container button {
	overflow:visible
}
.xlll_container button::-moz-focus-inner, .xlll_container input::-moz-focus-inner{
	padding:0;
	border:0
}
.xlll_container, .xlll_container * {
	-webkit-user-select:none;
			user-select:none
}
.xlll_container *::selection {
	background:transparent
}
.xlll_container .xlll_controlBar {
	align-items:center;
	background:linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .6) 100%);
	bottom:0;
	display:flex;
	color:#cbcbcb;
	position:absolute;
	transition:transform .5s ease;
	transform:translate3d(0, 52px, 0);
	width:100%;
	z-index:5;
	box-sizing:border-box
}
.xlll_container .xlll_controlBar .xlll_time_elapsed, .xlll_container .xlll_controlBar .xlll_time_total {
	justify-content:center;
	font-size:16px;
	line-height:46px;
	text-align:center;
	display:flex;
	flex:0 0 auto;
	align-items:center;
	margin-left:10px
}
.xlll_container .xlll_controlBar .xlll_time_elapsed {
	margin:0 10px 0 15px
}
.xlll_container .xlll_controlBar .xlll_seekBar {
	margin:0 5px;
	height:44px;
	position:relative;
	display:flex;
	flex:1 1;
	align-items:center
}
.xlll_container .xlll_controlBar .xlll_seekBar .xlll_hotspots {
	position:absolute;
	left:0;
	bottom:23px;
	right:0;
	height:30px;
	overflow:hidden;
	z-index:1
}
.xlll_container .xlll_controlBar .xlll_seekBar .xlll_hotspots svg {
	display:block;
	width:100%;
	height:100%
}
.xlll_container .xlll_controlBar .xlll_seekBar .xlll_hotspots .xlll_hotspotsFill {
	opacity:.7
}
.xlll_container .xlll_controlBar .xlll_background {
	display:flex;
	height:2px;
	background-color:#6d6d6d;
	flex:1 1
}
.xlll_container .xlll_controlBar .xlll_progress, .xlll_container .xlll_controlBar .xlll_buffer {
	left:0;
	position:absolute;
	width:100%;
	top:21px
}
.xlll_container .xlll_controlBar .xlll_progressOverflow {
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden
}
.xlll_container .xlll_controlBar .xlll_progressOverflow .xlll_progress {
	z-index:5;
	transform:translate3d(-100%, 0px, 0px);
	background-color:white;
	height:2px
}
.xlll_container .xlll_controlBar .xlll_progressOverflow .xlll_progress.xlll_animated {
	transition:all .15s ease
}
.xlll_container .xlll_controlBar .xlll_progressOverflow .xlll_buffer {
	background:#a2a2a2;
	height:2px;
	pointer-events:none;
	z-index:2
}
.xlll_container .xlll_controlBar .xlll_handle {
	width:22px;
	height:22px;
	border-radius:20px;
	background-color:rgba(255,255,255,.2);
	position:absolute;
	top:11px;
	left:0;
	margin-left:-11px;
	z-index:5
}
.xlll_container .xlll_controlBar .xlll_handle.xlll_hover {
	background-color:rgba(255,255,255,.5)
}
.xlll_container .xlll_controlBar .xlll_handle .xlll_center {
	width:8px;
	height:8px;
	border-radius:20px;
	background-color:#ffffff;
	position:absolute;
	top:7px;
	left:7px
}
.xlll_container .xlll_controlBar .xlll_fullscreen {
	display:flex;
	align-items:center;
	flex:0 0 44px;
	height:44px;
	order:10
}
.xlll_container .xlll_controlBar .xlll_fullscreen.xlll_hover .xlll_icon {
	color:#fff;
	text-shadow:0 0 20px #fff
}
.xlll_container .xlll_controlBar .xlll_fullscreen .xlll_fullscreenOn {
	display:none
}
.xlll_container .xlll_controlBar .xlll_fullscreen .xlll_fullscreenOff {
	display:block
}
.xlll_container .xlll_controlBar .xlll_fullscreen.xlll_fullscreenState .xlll_fullscreenOn {
	display:block
}
.xlll_container .xlll_controlBar .xlll_fullscreen.xlll_fullscreenState .xlll_fullscreenOff {
	display:none
}
.xlll_container .xlll_controlBar .xlll_cardboard {
	display:none;
	align-items:center;
	flex:0 0 44px;
	height:44px
}
.xlll_container .xlll_controlBar .xlll_cardboard .xlll_icon {
	font-size:26px
}
.xlll_container .xlll_controlBar .xlll_cardboard.xlll_hover .xlll_icon {
	color:#fff;
	text-shadow:0 0 20px #fff
}
.xlll_container .xlll_controlBar .xlll_cardboard .xlll_cardboardOn {
	display:none
}
.xlll_container .xlll_controlBar .xlll_cardboard .xlll_cardboardOff {
	display:block
}
.xlll_container .xlll_controlBar .xlll_cardboard.xlll_cardboardState .xlll_cardboardOn {
	display:block
}
.xlll_container .xlll_controlBar .xlll_cardboard.xlll_cardboardState .xlll_cardboardOff {
	display:none
}
.xlll_container .xlll_controlBar .xlll_fullscreenOn, .xlll_container .xlll_controlBar .xlll_fullscreenOff, .xlll_container .xlll_controlBar .xlll_cardboardOn, .xlll_container .xlll_controlBar .xlll_cardboardOff {
	background-color:transparent;
	color:#cbcbcb;
	font-size:24px;
	line-height:44px;
	text-align:center;
	width:44px;
	height:45px;
	margin:0;
	border:0
}
.xlll_container .xlll_controlBar .xlll_fullscreenOn .xlll_icon, .xlll_container .xlll_controlBar .xlll_fullscreenOff .xlll_icon, .xlll_container .xlll_controlBar .xlll_cardboardOn .xlll_icon, .xlll_container .xlll_controlBar .xlll_cardboardOff .xlll_icon {
	display:block;
	position:relative;
	top:0
}
.xlll_container.xlll_vr .xlll_controlBar .xlll_cardboard {
	display:flex
}
.xlll_container.xlll_embedded .xlll_controlBar {
	padding-left:50px
}
.xlll_container.xlll_embedded .xlll_controlBar .xlll_cardboard {
	display:none
}
.xlll_container.xlll_embedded .xlll_controlBar .xlll_time_elapsed {
	order: 2;
	margin: 0 0 0 5px
}
.xlll_container.xlll_embedded .xlll_controlBar .xlll_time_elapsed:after {
	content: '/';
	margin-left: 3px
}
.xlll_container.xlll_embedded .xlll_controlBar .xlll_time_total {
	order: 3;
	margin: 0 0 0 2px
}
.xlll_container.xlll_embedded .xlll_controlBar .xlll_seekBar {
	order: 1;
	margin: 0 10px
}
.xlll_container .xlll_optionsMenu {
	position: absolute;
	z-index: 3;
	width: 260px;
	left: 50%;
	top: 50%;
	opacity: 0;
	transform: translate(-50%, -100%);
	transition: all .5s ease;
	pointer-events: none
}
.xlll_container .xlll_optionsMenu .xlll_menuTabs {
	border-bottom: 2px solid #cbcbcb;
	margin-bottom: 10px;
	display: flex
}
.xlll_container .xlll_optionsMenu .xlll_menuTabs .xlll_menuTitle {
	flex: 1 1 auto;
	max-width: 50%;
	padding: 0 2px 5px;
	font-size: 18px;
	color: #efefef;
	display: inline-block;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	top: 2px
}
.xlll_container .xlll_optionsMenu .xlll_menuTabs .xlll_menuTitle.xlll_active {
	color: #fff;
	border-bottom: 2px solid #fff
}
.xlll_container .xlll_optionsMenu .xlll_menuPage {
	display: none
}
.xlll_container .xlll_optionsMenu .xlll_menuPage.xlll_active {
	display: block
}
.xlll_container .xlll_optionsMenu .xlll_optionsItem {
	padding: 10px 30px 10px 10px;
	font-size: 16px;
	float: left;
	box-sizing: border-box;
	width: 125px;
	height: 42px;
	border-radius: 5px;
	text-align: center;
	color: #efefef;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.xlll_container .xlll_optionsMenu .xlll_optionsItem.xlll_optionsText {
	padding: 0 10px 10px;
	margin: 0;
	float: none;
	width: 100%;
	height: auto
}
.xlll_container .xlll_optionsMenu .xlll_optionsItem.xlll_upsell .xlll_icon {
	top: 11px;
	right: 10px;
	position: absolute
}
.xlll_container .xlll_optionsMenu .xlll_optionsItem.xlll_active {
	border: 2px solid #fff;
	padding: 8px 28px 8px 8px;
	color: #fff
}
.xlll_container .xlll_optionsMenu .xlll_optionsItem.xlll_active .xlll_icon-slim-checkmark {
	display: block 
}
.xlll_container .xlll_optionsMenu .xlll_optionsItem .xlll_icon-slim-checkmark {
	position: absolute;
	font-size: 20px;
	right: 8px;
	top: 7px;
	display: none
}
.xlll_container .xlll_optionsMenu .xlll_motionRates .xlll_optionsItem {
	width: 80px;
	margin-right: 10px
}
.xlll_container .xlll_optionsMenu .xlll_motionRates .xlll_optionsItem:last-child {
	margin-right: 0
}
.xlll_container .xlll_optionsMenu .xlll_motionRates .xlll_optionsText {
	width: 100%;
	display: none
}
.xlll_container .xlll_qualitySlider {
	position: relative
}
.xlll_container .xlll_qualitySlider .xlll_optionsItem {
	width: 116px
}
.xlll_container .xlll_qualitySlider .xlll_viewport {
	overflow: hidden;
	position: relative;
	height: 84px;
	width: 260px
}
.xlll_container .xlll_qualitySlider .xlll_viewport .xlll_track {
	width: 1000%;
	transition: all .2s ease;
	height: 100%
}
.xlll_container .xlll_qualitySlider .xlll_viewport .xlll_track.xlll_dragging {
	transition: unset
}
.xlll_container .xlll_qualitySlider .xlll_viewport .xlll_track.xlll_dragging * {
	pointer-events: none
}
.xlll_container .xlll_qualitySlider .xlll_viewport .xlll_track.xlll_dragging * {
	pointer-events: none
}
.xlll_container .xlll_qualitySlider .xlll_viewport .xlll_slide {
	float: left;
	width: 130px;
	padding: 0 7px;
	transition: all .2s ease;
	box-sizing: border-box
}
.xlll_container .xlll_qualitySlider .xlll_pages {
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 12px
}
.xlll_container .xlll_qualitySlider .xlll_pages .xlll_page {
	display: inline-block;
	margin: 0 3px;
	opacity: .5;
	background-color: #cbcbcb;
	width: 8px;
	height: 8px;
	border-radius: 4px
}
.xlll_container .xlll_qualitySlider .xlll_pages .xlll_page.xlll_active {
	display: none;
	background-color: #fff;
	opacity: 1
}
.xlll_container .xlll_qualitySlider .xlll_prev, .xlll_container .xlll_qualitySlider .xlll_next {
	color: #cbcbcb;
	display: none;
	font-size: 40px;
	left: -48px;
	position: absolute;
	top: 50%;
	transform: translate(20px, -20px);
	width: 35px;
	overflow: hidden;
	z-index: 3
}
.xlll_container .xlll_qualitySlider .xlll_prev.xlll_hover .xlll_icon, .xlll_container .xlll_qualitySlider .xlll_next.xlll_hover .xlll_icon {
	color: #fff;
	text-shadow: 0 0 20px #fff
}
.xlll_container .xlll_qualitySlider .xlll_prev.xlll_active, .xlll_container .xlll_qualitySlider .xlll_next.xlll_active {
	display: block
}
.xlll_container .xlll_qualitySlider .xlll_next {
	left: auto;
	right: -45px;
	transform: translate3D(-20px, -20px, 0) rotateY(180deg)
}
.xlll_container .xlll_qualitySlider.xlll_smallScreen .xlll_slide {
	width: 260px;
	padding: 0 30px
}
.xlll_container .xlll_qualitySlider.xlll_smallScreen .xlll_slide .xlll_optionsItem {
	font-size: 16px;
	margin: 0 auto;
	float: none;
	width: 106px
}
.xlll_container .xlll_qualitySlider.xlll_smallScreen .xlll_prev {
	left: -20px
}
.xlll_container .xlll_qualitySlider.xlll_smallScreen .xlll_next {
	right: -20px
}
.xlll_container .xlll_thumbnails {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	z-index: 3;
	display: none
}
.xlll_container .xlll_thumbnails.xlll_visible {
	display: block
}
.xlll_container .xlll_thumbnails .xlll_sprite {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 160px;
	height: 90px;
	overflow: hidden;
	background: white;
	transform: translate(-50%, -50%);
	transform-origin: 0 0
}
.xlll_container .xlll_forwardRewind .xlll_fastForwardCont, .xlll_container .xlll_forwardRewind .xlll_rewindCont {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 3;
	opacity: 0;
	background-color: rgba(0, 0, 0, .4);
	transition: opacity .2s linear;
	pointer-events: none
}
.xlll_container .xlll_forwardRewind .xlll_fastForwardCont .xlll_forwardText, .xlll_container .xlll_forwardRewind .xlll_fastForwardCont .xlll_rewindText, .xlll_container .xlll_forwardRewind .xlll_rewindCont .xlll_forwardText, .xlll_container .xlll_forwardRewind .xlll_rewindCont .xlll_rewindText {
	font-size: 10px;
	margin: 0 5px;
	top: 50%;
	position: absolute;
	z-index: 5
}
.xlll_container .xlll_forwardRewind .xlll_fastForwardCont .xlll_fastForward, .xlll_container .xlll_forwardRewind .xlll_fastForwardCont .xlll_rewind, .xlll_container .xlll_forwardRewind .xlll_rewindCont .xlll_fastForward, .xlll_container .xlll_forwardRewind .xlll_rewindCont .xlll_rewind {
	position: absolute;
	z-index: 5;
	width: 60px;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	color: #cbcbcb;
	background-color: transparent;
	border: 0;
	opacity: 1;
	transition: opacity .5s cubic-bezier(1, 0, 1, 0);
	pointer-events: none;
	overflow: hidden;
	padding: 0px
}
.xlll_container .xlll_forwardRewind .xlll_fastForwardCont .xlll_fastForward.xlll_hover .xlll_icon, .xlll_container .xlll_forwardRewind .xlll_fastForwardCont .xlll_rewind.xlll_hover .xlll_icon, .xlll_container .xlll_forwardRewind .xlll_rewindCont .xlll_fastForward.xlll_hover .xlll_icon, .xlll_container .xlll_forwardRewind .xlll_rewindCont .xlll_rewind.xlll_hover .xlll_icon {
	color: #fff;
	text-shadow: 0 0 20px #fff
}
.xlll_container .xlll_forwardRewind .xlll_fastForwardCont .xlll_fastForward, .xlll_container .xlll_forwardRewind .xlll_fastForwardCont .xlll_forwardText, .xlll_container .xlll_forwardRewind .xlll_rewindCont .xlll_fastForward, .xlll_container .xlll_forwardRewind .xlll_rewindCont .xlll_forwardText {
	left: 65%
}
.xlll_container .xlll_forwardRewind .xlll_fastForwardCont .xlll_rewind, .xlll_container .xlll_forwardRewind .xlll_fastForwardCont .xlll_rewindText, .xlll_container .xlll_forwardRewind .xlll_rewindCont .xlll_rewind, .xlll_container .xlll_forwardRewind .xlll_rewindCont .xlll_rewindText {
	left: 15%
}
.xlll_container .xlll_forwardRewind .xlll_fastForwardCont .xlll_rewind, .xlll_container .xlll_forwardRewind .xlll_rewindCont .xlll_rewind {
	transform: rotate(180deg)
}
.xlll_container .xlll_forwardRewind .xlll_fastForwardCont .xlll_icon, .xlll_container .xlll_forwardRewind .xlll_rewindCont .xlll_icon {
	font-size: 20px;
	margin: 0 -2px;
	animation-name: seekAnimation;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	opacity: 0;
	display: inline-block
}
.xlll_container .xlll_forwardRewind .xlll_fastForwardCont .xlll_icon:nth-child(2), .xlll_container .xlll_forwardRewind .xlll_rewindCont .xlll_icon:nth-child(2) {
	animation-delay: .2s
}
.xlll_container .xlll_forwardRewind .xlll_fastForwardCont .xlll_icon:nth-child(3), .xlll_container .xlll_forwardRewind .xlll_rewindCont .xlll_icon:nth-child(3) {
	animation-delay: .4s
}
.xlll_container .xlll_forwardRewind .xlll_fastForwardCont.xlll_visible, .xlll_container .xlll_forwardRewind .xlll_rewindCont.xlll_visible {
	opacity: 1
}
@keyframes seekAnimation {
	0%, 100% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
}
.xlll_container .xlll_preRollEventCatcher {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 5;
	display: none
}
.xlll_container .xlll_preRollTitle {
	display: none;
	font-size: 4vw;
	line-height: 12vw;
	position: relative;
	text-align: right;
	z-index: 8;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .89) 0%, transparent 100%)
}
.xlll_container .xlll_preRollTitle .xlll_preRollLink {
	display: inline-block;
	pointer-events: auto;
	padding: 0 20px
}
.xlll_container .xlll_preRollSkipButton {
	z-index: 8;
	position: absolute;
	padding: 10px 15px;
	background: rgba(0, 0, 0, .55);
	right: 0;
	bottom: 17px;
	cursor: pointer;
	display: none;
	font-size: 14px
}
.xlll_container .xlll_preRollSkipButton .xlll_icon {
	font-size: 10px;
	margin-left: 4px
}
.xlll_container .xlll_preRollSkipButton .xlll_content {
	text-align: center
}
.xlll_container .xlll_preRollSkipButton.xlll_ctaTimer {
	bottom: 35px;
	right: 11px
}
.xlll_container .xlll_preRollCTA {
	position: absolute;
	bottom: 35px;
	left: 11px;
	height: 40px;
	z-index: 8;
	display: none
}
.xlll_container .xlll_preRollCTA .xlll_image {
	bottom: 4px;
	left: 4px;
	position: absolute;
	width: 32px;
	height: 32px;
	background-color: black;
	background-size: cover;
	z-index: 7;
	pointer-events: none
}
.xlll_container .xlll_preRollCTA .xlll_ctaContainer {
	cursor: pointer;
	position: relative;
	z-index: 6;
	height: 40px;
	overflow: hidden;
	padding: 4px 4px 4px 36px;
	background-color: rgba(0, 0, 0, .55)
}
.xlll_container .xlll_preRollCTA .xlll_ctaContainer.xlll_expand {
	width: 0
}
.xlll_container .xlll_preRollCTA .xlll_ctaContainer.xlll_expand .xlll_button {
	opacity: 0
}
.xlll_container .xlll_preRollCTA .xlll_ctaContainer.xlll_expand:hover {
	width: auto !important
}
.xlll_container .xlll_preRollCTA .xlll_ctaContainer.xlll_expand:hover .xlll_button {
	opacity: 1
}
.xlll_container .xlll_preRollCTA .xlll_ctaContainer .xlll_title {
	padding: 0 2px 0 6px;
	display: none;
	color: white;
	line-height: 32px;
	float: left;
	max-width: 250px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.xlll_container .xlll_preRollCTA .xlll_ctaContainer.xlll_twoLines .xlll_title {
	font-size: 12px;
	line-height: 16px
}
.xlll_container .xlll_preRollCTA .xlll_ctaContainer .xlll_subtitle {
	padding: 0 2px 0 6px;
	display: none;
	font-size: 10px;
	line-height: 16px;
	float: left;
	color: #ccc;
	max-width: 250px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	clear: left
}
.xlll_container .xlll_preRollCTA .xlll_ctaContainer .xlll_button {
	display: none;
	float: right;
	margin: 4px 6px 4px 8px;
	padding: 0 10px;
	height: 24px;
	max-width: 100px;
	font-size: 12px;
	line-height: 24px;
	color: white;
	background: #0d7fc5;
	border-radius: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.xlll_container.xlll_preRollRunning.xlll_ctaEnabled .xlll_preRollCTA {
	display: block
}
.xlll_container.xlll_preRollRunning .xlll_actionTag {
	display: none !important
}
.xlll_container.xlll_preRollRunning .xlll_progress {
	background: #690 !important
}
.xlll_container.xlll_preRollRunning .xlll_chromecast {
	display: none !important
}
.xlll_container.xlll_preRollRunning .xlll_hotspots {
	display: none !important
}
.xlll_container.xlll_preRollRunning .xlll_controls {
	z-index: 6
}
.xlll_container.xlll_preRollRunning .xlll_controls .xlll_next {
	display: none
}
.xlll_container.xlll_preRollRunning.xlll_hiddenControls .xlll_controls {
	display: none
}
.xlll_container.xlll_preRollRunning .xlll_controlBar {
	transform: translate(0, 0);
	background: none;
	flex-wrap: wrap;
	min-height: 25px;
	z-index: 7
}
.xlll_container.xlll_preRollRunning .xlll_controlBar .xlll_seekBar {
	overflow: hidden;
	margin: 0;
	height: 2px;
	align-self: flex-end;
	flex-basis: 100%
}
.xlll_container.xlll_preRollRunning .xlll_controlBar .xlll_seekBar .xlll_progressOverflow {
	height: 2px;
	top: auto;
	bottom: 0
}
.xlll_container.xlll_preRollRunning .xlll_controlBar .xlll_seekBar .xlll_progress, .xlll_container.xlll_preRollRunning .xlll_controlBar .xlll_seekBar .xlll_buffer {
	height: 2px;
	top: 0
}
.xlll_container.xlll_preRollRunning .xlll_controlBar .xlll_fullscreen, .xlll_container.xlll_preRollRunning .xlll_controlBar .xlll_time_total {
	display: none !important
}
.xlll_container.xlll_preRollRunning .xlll_controlBar .xlll_time_elapsed {
	text-shadow: 0 0 3px #000;
	line-height: 1em;
	align-self: flex-start
}
.xlll_container.xlll_preRollRunning .xlll_options {
	display: none
}
.xlll_container.xlll_preRollRunning .xlll_preRollControls, .xlll_container.xlll_preRollRunning .xlll_preRollTitle, .xlll_container.xlll_preRollRunning .xlll_preRollEventCatcher {
	display: block
}
@media screen and (max-width: 640px) {
	.xlll_container .xlll_preRollCTA .xlll_ctaContainer .xlll_title, .xlll_container .xlll_preRollCTA .xlll_ctaContainer .xlll_subtitle {
		max-width: 200px
	}
}
@media screen and (max-width: 480px) {
	.xlll_container .xlll_preRollSkipButton {
		font-size: 12px;
		padding: 4px 
	}
	.xlll_container .xlll_preRollCTA .xlll_ctaContainer .xlll_title, .xlll_container .xlll_preRollCTA .xlll_ctaContainer .xlll_subtitle {
		max-width: 150px
	}
}
@media screen and (max-width: 420px) {
	.xlll_container .xlll_preRollCTA .xlll_ctaContainer .xlll_title, .xlll_container .xlll_preRollCTA .xlll_ctaContainer .xlll_subtitle {
		max-width: 130px
	}
}
@media screen and (max-width: 380px) {
	.xlll_container .xlll_preRollCTA .xlll_ctaContainer .xlll_title, .xlll_container .xlll_preRollCTA .xlll_ctaContainer .xlll_subtitle {
		max-width: 150px
	}
	.xlll_container .xlll_preRollCTA .xlll_ctaContainer .xlll_button {
		display: none !important
	}
}
.xlll_container {
	font-family: 'Roboto', sans-serif
}
.xlll_container .xlll_hidden {
	display:none !important
}
.xlll_container.xlll_chromecastV2 .xlll_options .xlll_chromecastBtn {
	display:block
}
.xlll_container.xlll_hlsStream .xlll_options .xlll_chromecastBtn, .xlll_container.xlll_dashStream .xlll_options .xlll_chromecastBtn {
	display:none !important
}
.xlll_container.xlll_dashStream .xlll_airplay {
	display:none !important
}
.xlll_container .xlll_videoWrapper {
	background:#000
}
.xlll_container .xlll_videoWrapper canvas {
	visibility:hidden
}
.xlll_container .xlll_videoWrapper video::-webkit-media-controls-start-playback-button {
	display:none !important;
	-webkit-appearance:none
}
.xlll_container .xlll_videoWrapper .xlll_screenshot {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	opacity:1;
	pointer-events:none
}
.xlll_container .xlll_videoWrapper .xlll_screenshot.xlll_hidden {
	opacity:0;
	display:block !important
}
.xlll_container .xlll_videoWrapper .xlll_screenshot canvas {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	visibility:visible;
	transform:translateZ(360deg);
	-webkit-backface-visibility:hidden;
	-webkit-touch-callout:none
}
.xlll_container .xlll_eventCatcher {
	position:absolute;
	top:0;
	left:0px;
	width:100%;
	height:100%;
	z-index:5 !important;
	display:none
}
.xlll_container .xlll_videoErrorMessage {
	display:none;
	z-index:4;
	position:absolute;
	top:50%;
	left:50%;
	cursor:default
}
.xlll_container .xlll_videoErrorMessage .xlll_centered {
	background:black;
	transform:translate(-50%, -50%);
	padding:1px 7px;
	border-radius:3px;
	white-space:nowrap;
	display:inline-block
}
.xlll_container .xlll_videoErrorMessage p {
	margin:0;
	padding:0;
	font:700 16px Arial,Verdana,sans-serif
}
.xlll_container .xlll_videoErrorMessage .xlll_icon {
	display:none
}
.xlll_container .xlll_videoPoster {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain
}
.xlll_container .xlll_controls {
	background-color:rgba(0,0,0,.2);
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	z-index:3;
	opacity:0;
	transition:opacity .5s ease;
	pointer-events:none
}
.xlll_container .xlll_controls .xlll_play, .xlll_container .xlll_controls .xlll_pause, .xlll_container .xlll_controls .xlll_replay, .xlll_container .xlll_controls .xlll_next {
	position:absolute;
	z-index:5;
	font-size:35px;
	line-height:60px;
	height:60px;
	width:60px;
	text-align:center;
	top:50%;
	left:50%;
	padding:5px 0;
	margin:-30px 0 0 -30px;
	color:#cbcbcb;
	background-color:transparent;
	border:0;
	opacity:0;
	transition:opacity .5s cubic-bezier(1, 0, 1, 0);
	pointer-events:none;
	overflow:hidden
}
.xlll_container .xlll_controls .xlll_play.xlll_hover .xlll_icon, .xlll_container .xlll_controls .xlll_pause.xlll_hover .xlll_icon, .xlll_container .xlll_controls .xlll_replay.xlll_hover .xlll_icon, .xlll_container .xlll_controls .xlll_next.xlll_hover .xlll_icon {
	color:#fff;
	text-shadow:0 0 20px #fff
}
.xlll_container .xlll_controls .xlll_next {
	left:68%;
	font-size:25px;
	top:49.5%
}
.xlll_container .xlll_topBar {
	padding:0 15px;
	position:relative;
	z-index:10;
	display:none;
	background:linear-gradient(to bottom, rgba(0,0,0,.8) 0%, transparent 100%);
	transition:transform .5s ease;
	transform:translate(0, -50px)
}
.xlll_container .xlll_topBar .xlll_content {
	display:flex;
	justify-content:space-around;
	align-items:flex-start;
	height:45px
}
.xlll_container .xlll_topBar .xlll_title {
	line-height:44px;
	display:flex;
	flex:1 1;
	order:-1;
	width:80%;
	padding-right:10px
}
.xlll_container .xlll_topBar .xlll_title span {
	display:block;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-transform:uppercase
}
.xlll_container .xlll_topBar .xlll_logo {
	display:flex;
	height:45px;
	line-height:45px;
	flex:0 1;
	flex-basis:80px
}
.xlll_container .xlll_topBar .xlll_logo svg {
	width:100%
}
.xlll_container.xlll_chromecastV3 .xlll_castOverlay {
	display:block;
	background:rgba(0,0,0,.9);
	position:absolute;
	top:0;
	left:0px;
	width:100%;
	height:100%;
	z-index:3;
	text-align:center
}
.xlll_container.xlll_chromecastV3 .xlll_castOverlay .xlll_castText {
	margin-top:20%;
	font-size:3vw
}
.xlll_container .xlll_castOverlay {
	display:none
}
.xlll_container.xlll_readyState .xlll_controls .xlll_play, .xlll_container.xlll_readyState .xlll_controls .xlll_next {
	opacity:1;
	pointer-events:auto
}
.xlll_container.xlll_bufferingState .xlll_loader {
	opacity:1
}
.xlll_container.xlll_bufferingState .xlll_controls .xlll_play, .xlll_container.xlll_bufferingState .xlll_controls .xlll_pause, .xlll_container.xlll_bufferingState .xlll_controls .xlll_replay {
	opacity:0;
	transition-duration:.01s
}
.xlll_container.xlll_pausedState .xlll_controls .xlll_play, .xlll_container.xlll_pausedState .xlll_controls .xlll_next {
	opacity:1;
	transition-duration:.2s;
	transition-timing-function:ease;
	pointer-events:none
}
.xlll_container.xlll_pausedState .xlll_controls .xlll_pause {
	transition-duration:.2s;
	transition-timing-function:ease
}
.xlll_container.xlll_pausedState.xlll_showControls .xlll_controls .xlll_play, .xlll_container.xlll_pausedState.xlll_showControls .xlll_controls .xlll_next {
	pointer-events:auto
}
.xlll_container.xlll_replayState .xlll_controls .xlll_replay, .xlll_container.xlll_replayState .xlll_controls .xlll_next {
	opacity:1;
	pointer-events:auto;
	transition-duration:.2s;
	transition-timing-function:ease
}
.xlll_container.xlll_replayState .xlll_controls .xlll_pause {
	transition-duration:.01s
}
.xlll_container.xlll_playingState .xlll_controls .xlll_pause, .xlll_container.xlll_playingState .xlll_controls .xlll_next {
	opacity:1;
	pointer-events:none
}
.xlll_container.xlll_playingState.xlll_showControls .xlll_controls .xlll_pause, .xlll_container.xlll_playingState.xlll_showControls .xlll_controls .xlll_next {
	pointer-events:auto;
	transition-duration:.2s;
	transition-timing-function:ease
}
.xlll_container.xlll_playingState.xlll_showControls .xlll_controls .xlll_play {
	transition-duration:.2s;
	transition-timing-function:ease
}
.xlll_container.xlll_showControls .xlll_controls, .xlll_container.xlll_readyState .xlll_controls {
	pointer-events:none;
	opacity:1
}
.xlll_container.xlll_showControls .xlll_options, .xlll_container.xlll_readyState .xlll_options {
	transform:translate(0, 0)
}
.xlll_container.xlll_showControls .xlll_controlBar, .xlll_container.xlll_readyState .xlll_controlBar {
	transform:translate(0, 0)
}
.xlll_container.xlll_showControls .xlll_controlBar .xlll_hotspots, .xlll_container.xlll_readyState .xlll_controlBar .xlll_hotspots {
	visibility:visible
}
.xlll_container .xlll_hotspots {
	visibility:hidden
}
.xlll_container.xlll_showOptions .xlll_controls {
	opacity:1
}
.xlll_container.xlll_showOptions .xlll_controls .xlll_play, .xlll_container.xlll_showOptions .xlll_controls .xlll_pause, .xlll_container.xlll_showOptions .xlll_controls .xlll_replay, .xlll_container.xlll_showOptions .xlll_controls .xlll_next {
	opacity:0;
	pointer-events:none;
	transition-timing-function:cubic-bezier(0, 1, 0, 1)
}
.xlll_container.xlll_showOptions .xlll_controlBar {
	transform:translate(0, 52px)
}
.xlll_container.xlll_showOptions .xlll_controlBar .xlll_hotspots {
	visibility:hidden
}
.xlll_container.xlll_showOptions .xlll_optionsMenu {
	transform:translate(-50%, -50%);
	opacity:1;
	pointer-events:auto
}
.xlll_container.xlll_embedded .xlll_options {
	display:none
}
.xlll_container.xlll_embedded .xlll_topBar{ 
	display:block;
	transform:translate(0, 0)
}
.xlll_container.xlll_embedded .xlll_watchHD {
	position:absolute;
	z-index:5;
	top:46px;
	left:15px;
	background:rgba(0,0,0,.6);
	padding:5px 14px;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	border:1px solid white
}
.xlll_container.xlll_embedded .xlll_controls {
	height:44px;
	width:44px;
	bottom:2px;
	left:3px;
	top:auto;
	z-index:5;
	background-color:transparent
}
.xlll_container.xlll_embedded .xlll_controls .xlll_play, .xlll_container.xlll_embedded .xlll_controls .xlll_pause, .xlll_container.xlll_embedded .xlll_controls .xlll_replay, .xlll_container.xlll_embedded .xlll_controls .xlll_next {
	line-height:44px;
	width:44px;
	height:44px;
	margin:0;
	padding:0;
	left:0;
	top:0
}
.xlll_container.xlll_embedded .xlll_controls .xlll_play .xlll_icon, .xlll_container.xlll_embedded .xlll_controls .xlll_pause .xlll_icon, .xlll_container.xlll_embedded .xlll_controls .xlll_replay .xlll_icon, .xlll_container.xlll_embedded .xlll_controls .xlll_next .xlll_icon {
	font-size:22px
}
.xlll_container.xlll_embedded .xlll_controls .xlll_replay {
	top:2px
}
.xlll_container.xlll_embedded .xlll_eventCatcher {
	display:block;
	top:45px;
	bottom:45px;
	height:auto
}
.xlll_container.xlll_embedded .xlll_eventCatcher .xlll_bigPlay {
	border-radius:50%;
	display:none;
	position:absolute;
	font-size:35px;
	line-height:70px;
	height:60px;
	width:60px;
	text-align:center;
	top:50%;
	left:50%;
	margin:-30px 0 0 -30px;
	color:#cbcbcb;
	background-color:transparent;
	border:0;
	z-index:7
}
.xlll_container.xlll_embedded .xlll_eventCatcher .xlll_bigPlay.xlll_hover .xlll_icon {
	color:#fff;
	text-shadow:0 0 20px #fff
}
.xlll_container.xlll_embedded .xlll_eventCatcher .xlll_bigPlay .xlll_icon {
	font-size:35px;
	margin-left:7px;
	color:#fff
}
.xlll_container.xlll_embedded .xlll_loader {
	top:auto;
	bottom:2px;
	left:2px;
	width:40px;
	height:40px;
	margin:0
}
.xlll_container.xlll_embedded .xlll_controls {
	opacity:1
}
.xlll_container.xlll_embedded.xlll_pausedState .xlll_controls .xlll_play {
	pointer-events:auto
}
.xlll_container.xlll_embedded.xlll_playingState .xlll_controls .xlll_pause {
	pointer-events:auto
}
.xlll_container.xlll_embedded.xlll_readyState .xlll_eventCatcher .xlll_bigPlay {
	background-color:rgba(0,0,0,.4);
	display:block
}
.xlll_container.xlll_embedded .xlll_controlBar {
	transform:translate(0, 0)
}
.xlll_container .xlll_options {
	z-index:3;
	transition:transform .5s ease;
	transform:translate(0, -52px);
	position:absolute;
	top:2px;
	right:8px
}
.xlll_container .xlll_options .xlll_qualityBtn, .xlll_container .xlll_options .xlll_chromecastBtn {
	display:block;
	position:relative;
	float:right;
	height:14px;
	line-height:1;
	padding:14px 4px;
	background-color:transparent;
	border:0;
	z-index:5;
	color:#cbcbcb
}
.xlll_container .xlll_options .xlll_qualityBtn.xlll_hover .xlll_icon, .xlll_container .xlll_options .xlll_chromecastBtn.xlll_hover .xlll_icon {
	color:#fff;
	text-shadow:0 0 20px #fff
}
.xlll_container .xlll_options .xlll_qualityBtn .xlll_title {
	font-size:16px;
	color:#cbcbcb
}
.xlll_container .xlll_options .xlll_qualityBtn .xlll_title:after {
	position:relative;
	top:-2px;
	padding-left:5px;
	font:10px sans-serif;
	content:'\25BC'
}
.xlll_container .xlll_options .xlll_qualityBtn .xlll_icon {
	position:relative;
	top:-3px;
	font-size:20px
}
.xlll_container .xlll_options .xlll_chromecast {
	float:right
}
.xlll_container .xlll_options .xlll_chromecast .xlll_chromecastBtn {
	width:50px;
	padding-top:9px;
	height:45px;
}
.xlll_container .xlll_options .xlll_airplay {
	display:none;
	width:40px;
	height:40px;
	float:right
}
.xlll_container .xlll_options .xlll_airplay .xlll_airplayBtn {
	width:100%;
	height:40px
}
.xlll_container .xlll_options .xlll_airplay .xlll_airplayBtn .xlll_airplay-icon {
	position:relative;
	display:inline-block;
	width:24px;
	height:24px;
	margin:10px 8px 6px;
	background-image:-webkit-named-image(wireless-playback);
	background-size:100% 100%;
	background-position:center;
	background-repeat:no-repeat;
	filter:invert(75%)
}
.xlll_container .xlll_options .xlll_airplay .xlll_airplayBtn .xlll_airplay-icon.xlll_active, .xlll_container .xlll_options .xlll_airplay .xlll_airplayBtn:hover .xlll_airplay-icon, .xlll_container .xlll_options .xlll_airplay .xlll_airplayBtn.xlll_hover .xlll_airplay-icon {
	filter:invert(100%)
}
.xlll_container .xlll_options .xlll_airplay.xlll_streaming .xlll_airplayBtn .xlll_airplay-icon {
	filter:invert(100%)
}
.xlll_container .xlll_options .xlll_airplay.xlll_streaming .xlll_airplayBtn .xlll_airplay-icon:after {
	content:'';
	width:16px;
	height:7px;
	border-radius:1px;
	background:#000;
	position:absolute;
	top:6px;
	left:4px
}
.xlll_container .xlll_loader {
	position:absolute;
	z-index:4;
	top:50%;
	left:50%;
	width:48px;
	height:48px;
	margin:-28px 0 0 -24px;
	transition:opacity .2s ease;
	opacity:0;
	pointer-events:none
}
.xlll_container .xlll_loader:before {
	content:'';
	display:block;
	padding-top:100%
}
.xlll_container .xlll_circular {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	transform:rotate(0deg);
	transform-origin:center center;
	animation:rotate 2s linear infinite
}
.xlll_container .xlll_path {
	stroke-dasharray:1,200;
	stroke-dashoffset:0;
	stroke:rgba(255, 255, 255, .85);
	animation:dash 1.5s ease-in-out infinite;
	stroke-linecap:round
}
.xlll_container.xlll_noFullscreen .xlll_fullscreen, .xlll_container.xlll_fullscreenHidden .xlll_fullscreen {
	display:none 
}
.xlll_container.xlll_noFullscreen .xlll_time_total, .xlll_container.xlll_fullscreenHidden .xlll_time_total {
	padding-right: 12px 
}
@keyframes rotate {
	100% {
		transform:rotate(360deg);
	}
}
@keyframes dash {
	0% {
		stroke-dasharray:1,200;
		stroke-dashoffset:0;
	}
	50% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-35px;
	}
	100% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-124px;
	}
}

.spinner {
	-webkit-animation: rotator 1.4s linear infinite;
			animation: rotator 1.4s linear infinite;
}
.path {
	stroke-dasharray: 187;
	stroke-dashoffset: 0;
	-webkit-transform-origin: center;
		-ms-transform-origin: center;
			transform-origin: center;
	-webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
			animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}
@keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(270deg);
				transform: rotate(270deg);
	}
}

img.gifview {
	max-width: 100%;
	min-height: 80px;
}

.gifview-circle {
	position: absolute;
	width: 64px;
	height: 64px;
	top: calc(50% - 34px);
	left: calc(50% - 34px);
	background: rgba(20, 20, 20, .5);
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	border: dashed 2px #f2f2f2;
	cursor: pointer;
	-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;
	box-sizing: content-box !important;
}

.gifview-circle.loading {
	-webkit-animation: spin 4s infinite linear;
			animation: spin 4s infinite linear;
	transition: linear all 4s;
}

.gifview-circle.loading .text {
	-webkit-animation: counter 4s infinite linear;
			animation: counter 4s infinite linear;
	transition: linear all 4s;
}

.gifview-circle .text {
	color: #fafafa;
	text-align: center;
	font-size: 32px;
	height: 64px;
	width: 64px;
	font-family: 'Material Icons';
	display: block;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}

.gifview-circle .text:after {
	content: 'play_arrow';
	-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;
	line-height: 64px;
}

@keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
	}

	to {
		-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
	}
}

@keyframes counter {
	from {
		-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(-180deg);
				transform: rotate(-180deg);
	}

	to {
		-webkit-transform: rotate(-360deg);
				transform: rotate(-360deg);
	}
}

main .container {
	width: initial !important;
	max-width: 970px;
	margin-right: auto;
	margin-left: auto;
}

.container-profile {
	max-width: 1000px;
}

main.container-profile-main {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0;
}

.butt {
	display: inline-block;
}

.user-info .butt {
	margin: 15px 13px 0 0;
	padding: 6px 25px;
	font-weight: normal;
	font-size: 14px;
	border: 0;
	transition: all 0.3s;
	border-radius: 24px;
	cursor: pointer;
}

.user-info .butt_links {
	color: #fff;
	line-height: 25px;
}

.user-info .butt_links i {
	margin-right: 8px;
	font-size: 20px;
	vertical-align: text-bottom;
	line-height: 17px;
}

.butt-follow {
	background-color: #5d80a6;
}

.butt-message, .butt-info {
	background-color: #afafaf;
}

.butt:hover {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
}

.img-circle {
	border-radius: 50%;
}

.user-profile-content {
	width: 100%;
	overflow: hidden;
	background: transparent;
}

.user-profile-content .user-head {
	width: 100%;
	overflow: hidden;
	background: rgba(69, 90, 100, .3);
	position: relative;
	padding: 50px 0 24px;
}

.user-profile-content .user-head:before {
	background-position: center;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-size: cover;
	background-repeat: no-repeat;
	filter: blur(16px);
	transform: scale(1.08);
	margin: -25px;
}

.user-profile-content .user-head:after {
	display: block;
	content: '';
	position: absolute;
	left: -40px;
	right: -40px;
	height: 16rem;
	background-color: #1c2733;
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
	z-index: 1;
}

.user-profile-content .user-head div.user-info {
	display: flex;
	padding: 32px 16px 64px;
	z-index: 9;
	position: relative;
	align-items: center;
	justify-content: center;
}

.user-profile-content .user-head div.user-info .avatar {
	width: 150px;
	height: 150px;
}

.user-profile-content .user-head div.user-info .avatar img {
	width: 150px;
	height: 150px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	background: #151d26;
}

.user-profile-content .user-head div.user-info .info {
	margin-left: 20px;
	height: auto;
	padding: 0px 0px 10px 10px;
}

.user-profile-content .user-head div.user-info .uname {
	width: 100%;
	position: relative;
	z-index: 9;
	margin-bottom: 5px;
}

.user-profile-content .user-head div.user-info .uname a {
	text-decoration: none;
	color: inherit;
}

.user-profile-content .user-head div.user-info .uname a h4 {
	color: #fff;
	margin: 0px !important;
	padding: 0px;
	font-size: 32px;
	font-weight: 500 !important;
	line-height: 40px;
	display: inline-block;
	float: initial !important;
}

.user-profile-content .social-links {
	width: 100%;
	overflow: hidden;
	float: left;
	margin: 0;
}

.user-profile-content .user-head div.user-info .status {
	font-size: 15px;
	margin-bottom: 0px;
	color: #fff;
}

.user-profile-content .user-posts {
	width: 100%;
}

@media (max-width: 570px) {
	.user-profile-content .user-head div.user-info {
		text-align: center;
		display: block;
		padding: 0px 15px 55px;
	}
	.user-profile-content .user-head div.user-info .avatar {
		margin: auto;
	}
	.user-profile-content .user-head div.user-info .info {
		margin: 30px 0 0;
		padding: 0px 20px 10px;
	}
}

@media (max-width: 496px) {
	.user-profile-content .user-head div.user-info .butt {
		margin: 15px 6.5px 0;
	}
}

@media (max-width: 455px) {
	.user-profile-content .user-head div.user-info .avatar, .user-profile-content .user-head div.user-info .avatar img {
		width: 110px;
		height: 110px;
	}
	.user-profile-content .user-head div.user-info .info {
		margin: 20px 0 0;
	}
}

.animated {
	-webkit-animation-duration: 1s;
			animation-duration: 1s;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
}

.fadeInUpBig {
	-webkit-animation-name: fade_in_up_big;
			animation-name: fade_in_up_big;
}

@keyframes fade_in_up_big {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50%);
				transform: translateY(50%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
				transform: translateY(0%);
	}
}

.limiter {
	width: 100%;
	margin: 0 auto
}

.container-login {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 16px 16px 42px;
}

.wrap-login {
	position: relative;
	width: 100%;
	max-width: 310px;
	background: #1C2733;
	border-radius: 10px;
	overflow: hidden;
	padding: 196px 16px 16px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
	-ms-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
	-o-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
}

.login-form {
	width: 100%;
	max-width: 230px;
	margin: 0 auto !important;
}

.wrap-input {
	width: 100%;
	position: relative;
	border-bottom: 2px solid rgba(0, 0, 0, .1) !important;
	margin-bottom: 27px;
}

.wrap-input input {
	border: none !important;
}

.login-input {
	width: 100%;
	height: 32px !important;
	margin: 0 !important;
	border: none !important;
}

.focus-login-input {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none
}

.focus-login-input:before {
	content: '';
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 2px;
	-webkit-transition: all .4s;
	   -moz-transition: all .4s;
		 -o-transition: all .4s;
			transition: all .4s;
	background: #5d80a6;
}

.focus-login-input:after {
	font-size: 15px;
	color: #999;
	line-height: 1.2;
	content: attr(data-placeholder);
	display: block;
	width: 100%;
	position: absolute;
	top: 10px;
	left: 0;
	padding-left: 5px;
	-webkit-transition: all .4s;
	   -moz-transition: all .4s;
		 -o-transition: all .4s;
			transition: all .4s;
}

.login-input:focus+.focus-login-input:after, .login-input:valid+.focus-login-input:after {
	top: -15px;
	font-size: 13px;
	padding: 0;
}

.login-input:focus+.focus-login-input:before {
	width: 100%
}

.container-login-form-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 13px
}

.wrap-login-form-btn {
	width: 100%;
	display: block;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0 auto;
}

.login-form-btn {
	width: 100% !important;
	background: #5d80a6;
	border: none;
	border-radius: 50px;
	color: #fff;
	line-height: 1.2;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	width: 100%;
	height: 42px;
}

.wrap-login-form-btn:hover .login-form-bgbtn {
	left: 0
}

.not_reg {
	text-align: center;
	margin-top: 20px;
}

.dash_slider {
	overflow: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-flex;
	max-width: 100%;
	margin: 0 -8px;
}

.slide {
	display: flex;
	float: left;
	height: 100%;
}

.dash_items {
	padding: 8px 0;
	margin: 8px;
	border: 1px solid rgba(0, 0, 0, .1);
	color: #8E9399;
}

.dash_items i {
	align-self: center;
	margin: 0 18px;
}

.dash_r {
	align-self: center;
	margin-right: 32px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dash_r span {
	position: relative;
	top: 3px;
}

.dash_r h3 {
	margin: 0;
}