/* =========== © 2016 Centroarts.com =========== */

@import url(../fonts/font.css);

/* Сброс */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block; }

html, html a { -webkit-font-smoothing: antialiased; }

/* Настройка основной типографии */
body, select, input, textarea, button {
	font: normal 15px/1.5 "GothaPro", Arial, Helvetica, sans-serif;
	letter-spacing: 0.008em;
	color: #444;
	outline: none;
}
	a { 
		outline: none;
		color: #ff485b;
		text-decoration: none;
	}
	a:hover { text-decoration: underline; }
	a img { border: 0 none; }
	a > img { vertical-align: bottom; }

/* Заголовки H1-6 */
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
	margin: 2em 0 .8em 0;
	letter-spacing: -0.01em;
	line-height: 1.35em;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}
	h1, .h1 { font-size: 2em; }
	h2, .h2 { font-size: 1.9em; }
	h3, .h3 { font-size: 1.6em; }
	h4, .h4 { font-size: 1.5em; }
	h5, .h5 { font-size: 1.2em; }

	/* Частые стили */
	.strike { text-decoration: line-through; }
	.nobr { white-space: nowrap; }
	.hide { display: none; }
	.title_hide { left: -9999px; position: absolute; top: -9999px; overflow: hidden; width: 0; height: 0; }
	.uline { text-decoration: underline; }
	.strike { text-decoration: line-through; }
	.ultrabold { font-weight: 900; text-transform: uppercase; }

	.justify { text-align: justify; }
	.center { text-align: center; }
	.left { float: left; }
	.right { float: right; }
	fieldset { border: 1px solid rgba(0,0,0,0.1); padding: 15px; margin-bottom: 1.5em; }
	fieldset legend { font-weight: bold; }

	.grey { color: #94999e; }
	.grey a { color: inherit; }
	.grey a:hover, a.grey:hover { color: #444; }

	.red { color: #ff485b; }

	sup { vertical-align: super; font-size: smaller; } 
	.over { display: inline-block; vertical-align: middle; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
	a .over { cursor: pointer; }

	.cover {
		background-position: 50% 50%;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}

/* Настройка других элементов */
ul { padding-left: 40px; list-style: disc outside; margin-top: 1em; margin-bottom: 1em;}
ol { padding-left: 40px; list-style: decimal outside; margin-top: 1em; margin-bottom: 1em;}

.instagram-media, .twitter-tweet {display: inline-block !important;}

strong, b { font-weight: bold }
em, cite, i { font-style: italic }
caption { text-align: left }
th, td { vertical-align: middle }
small, .small { font-size: .9em; }
hr { height: 0; border: 0; border-top: 2px solid #e3e4e6; -moz-box-sizing: content-box; box-sizing: content-box; margin: 20px 0; }

.clr { clear: both }
.clrfix:after { clear: both; content: ""; display: table; }

/* --- Деление на колонки --- */
@media only screen and (min-width: 701px) {
	.grid_1_2, .grid_1_4, .grid_3_4 {
		float: left; margin-right: 3%;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	.grid_1_2.right, .grid_1_4.right, .grid_3_4.right { float: right; }
	.grid_1_2.none, .grid_1_4.none, .grid_3_4.none { float: none; margin-right: 0; }
	.grid_1_2 { width: 48%; }
	.grid_1_4 { width: 22%; }
	.grid_3_4 { width: 74%; } 
	.grid_last { margin-right: 0; }

	.grid_list:after { content: ""; display: block; clear: both; }
	.grid_list > .grid_1_2:last-child,
	.grid_list > .grid_1_4:last-child,
	.grid_list.grid_3_4:last-child { margin-right: 0; }
}
@media only screen and (max-width: 700px) {
	.grid_1_2.right, .grid_1_4.right, .grid_3_4.right { float: none; }
}

/* Expand & Collapse */
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
	.fade.in { opacity: 1; }
	.collapse { overflow: hidden; height: 0; width: 0; display: block; }
	.collapse.in { display: block; width: auto; height: auto; }
	.collapsing {
		position: relative;
		height: 0;
		overflow: hidden;
		-webkit-transition: height 0.35s ease;
		transition: height 0.35s ease;
	}

/* DropDown Меню и формы */
.dropdown { position: relative; }
	.dropdown-menu, .dropdown-form {
		min-width: 160px;
		padding: 12px 0;
		border-radius: 2px;
		margin-top: 5px !important;
		display: none;
		z-index: 99;
		position: absolute;
		box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
		border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1);
		background-clip: padding-box;
		background-color: #fff;
	}
	.dropdown-menu { list-style: none; margin: 0; }
	.dropdown-form { padding: 25px; }

	/* DropMenu */
	.dropdown-menu li a { height: 1%; padding: 5px 20px; border: 0 none; display: block; white-space: nowrap; text-decoration: none; color: inherit; }
	.dropdown-menu li a:hover { background-color: #e05b37; color: #fff; }
	.open .dropdown-menu, .open .dropdown-form { display: block; }

/* --- Работа вкладок --- */
.tab-content > .tab-pane { display: none; }
	.tab-content > .active { display: block; }

.signature {
	font-size: .9em;
	opacity: .5;
	margin-top: .9em;
}

.wseditor table, .bb-editor table { margin: 0px; }
.dlepopupnewsedit { height: 400px !important;}

/* --- Иконки --- */
.icon {
	display: inline-block;
	width: 1em; height: 1em;
	fill: #ff485b;
	vertical-align: middle;
}
	.icon-logo { width: 42px; height: 42px; }
	.icon-ca { width: 25px; height: 25px; }
	.icon-arrow_down { width: 13px; height: 13px; }
	.icon-arrow_left { width: 13px; height: 13px; }
	.icon-arrow_right { width: 13px; height: 13px; }
	.icon-fav { width: 15px; height: 14px; }
	.icon-like { width: 13px; height: 11px; }
	.icon-meta_date { width: 17px; height: 17px; }
	.icon-meta_reply { width: 13px; height: 13px; }
	.icon-meta_views { width: 17px; height: 17px; }
	.icon-meta_cat { width: 17px; height: 17px; }
	.icon-meta_user { width: 15px; height: 16px; }
	.icon-meta_coms { width: 17px; height: 17px; }
	.icon-meta_mail { width: 19px; height: 15px; }
	.icon-compl { width: 13px; height: 13px; }
	.icon-cross { width: 13px; height: 13px; }
	.icon-next, .icon-prev { width: 23px; height: 23px; }
	.icon-search, .icon-login { width: 20px; height: 19px; }
	.icon-sort, .icon-speedbar, .icon-meta_pages { width: 29px; height: 30px; }
	.icon-login { width: 19px; height: 19px; }
	.icon-tags { width: 17px; height: 17px; }

	.icon-vk { width: 10px; height: 1em; }
	.icon-tw { width: 14px; height: 1em; }
	.icon-fb { width: 8px; height: 1em; }
	.icon-gp { width: 18px; height: 1em; }
	.icon-ya { width: 7px; height: 1em; }
	.icon-od { width: 10px; height: 1em; }
	.icon-mail { width: 16px; height: 1em; }
	
/* --- Базовые слои --- */
body { background-color: #fff; }
	.wrp, .wrp_min { max-width: 1180px; padding: 0 20px; margin: 0 auto; }
	.wrp_min { max-width: 950px; }

/* --- Шапка сайта --- */
.headpic {
		position: relative;
		background: #403a43 url(../images/bg.png) no-repeat 50% 0;
	}
	.headpic.fixed { background-attachment: fixed; }
	.headpic:after {
		content: "";
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
		background-image: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
		background-image: linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
	}

	/* Текст в шапке */
	.head_text { padding: 17% 0; position: relative; z-index: 1; }
		.head_text_in {
			text-align: center;
			position: absolute;
			width: 50%;
			left: 50%; top: 50%;
			text-shadow: 0 1px 1px rgba(0,0,0,0.2);
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		.head_text_in, .head_text_in * { color: #fff; }
		.head_text_in > .title { margin: 0; font-size: 2.8em; }
		.head_text_in > .text { margin: 0; font-size: 1.6em; }

	/* Верхняя часть шапки */
	@media only screen and (min-width: 861px) {
		#header {
			height: 76px;
			display: -webkit-flex;
			display: flex;
		}
	}

	/* Логотип */
	.logotype { float: left; padding: 17px; margin-left: -17px; position: relative; z-index: 1; }
		.logotype > .icon { fill: #fff; }

	@media only screen and (min-width: 861px) {
	/* Верхнее меню */
	.topbar { -webkit-flex-grow: 2; flex-grow: 2; }
	#topmenu { float: left; position: relative; z-index: 2; }
		#topmenu ul { list-style: none; padding: 0; margin: 0; }
		#topmenu > ul > li { float: left; position: relative; }
		#topmenu > ul > li > a {
			display: block;
			line-height: 22px; height: 22px;
			padding: 27px 17px;
			text-decoration: none !important;
			opacity: .8;
			-webkit-transition: opacity .2s ease; transition: opacity .2s ease;
			position: relative;
			z-index: 21;
		}
		#topmenu > ul > li > a:hover { opacity: 1; }
		#topmenu > ul > li > a > .icon {
			fill: #fff;
			opacity: .2;
			margin-left: 6px;
		}
		#topmenu a, #topmenu { color: #fff; }
		#topmenu > ul > li > ul, #topmenu > ul > li > div {
			position: absolute;
			left: 0; top: 0;
			padding: 30px 0;
			padding-top: 76px;
			margin-left: -13px;
			width: 250px;
			z-index: 20;
			opacity: 0; visibility: hidden;
			-webkit-transform: translate(0, -100%) scale(0.8);
			transform: translate(0, -100%) scale(0.8);
		}
		#topmenu > ul > li > div { padding-left: 30px; padding-right: 30px; }
		#topmenu > ul > li:hover > ul, #topmenu > ul > li:hover > div {
			opacity: 1; visibility: visible;
			-webkit-transform: translate(0, 0) scale(1);
			transform: translate(0, 0) scale(1);
			-webkit-transition: all .4s ease; transition: all 0.4s ease;
		}
		#topmenu > ul > li > ul:after, #topmenu > ul > li > div:after {
			content: "";
			background-color: #2a3843;
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			border-radius: 0 0 2px 2px;
			opacity: .85;
			box-shadow: 0 0 9px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.4);
		}
		#topmenu > ul > li > ul > li, #topmenu > ul > li > div > div { position: relative; z-index: 1; }
		#topmenu > ul > li.parent:hover > a { color: #ff485b; opacity: 1; }
		#topmenu > ul > li.parent:hover > a > .icon { fill: #ff485b; opacity: 1; }
		#topmenu > ul > li > ul > li > a {
			display: block;
			padding: .3em 30px;
			height: 1%;
			text-decoration: none !important;
		}
		#topmenu > ul > li > ul > li > a:hover { color: #ff485b; }
	}

	#closemenu { display: none; }

	/* Архив */
	.arh_tabs {
		list-style: none;
		height: 26px;
		border-radius: 18px;
		margin-bottom: 25px !important;
		overflow: hidden;
		position: relative;
		}
		.arh_tabs:after {
			content: "";
			position: absolute;
			left: 0; top: 0; bottom: 0; right: 0;
			border: 1px solid #ff485b;
			border-radius: 13px;
		}
		.arh_tabs > li {
			float: left;
			width: 50%;
			position: relative;
			z-index: 1;
		}
		.arh_tabs > li > a {
			text-align: center;
			display: block;
			height: 22px; line-height: 22px;
			padding: 2px 4px;
			color: #fff;
			text-decoration: none !important;
			text-transform: uppercase;
			border-radius: 13px;
			font-size: 10px;
			font-weight: bold;
		}
		.arh_tabs > li.active > a { background-color: #ff485b; }

	/* Кнопка вызова меню и закрытия */
	@media only screen and (min-width: 861px) {
		#mainmenu.h_btn { display: none; }
	}
	.menu_toggle, .icon_close {
		display: inline-block;
		vertical-align: middle;
		width: 19px; height: 19px;
		margin: 0;
		position: relative;
	}
		.menu_toggle > i, .icon_close > i {
			height: 1px; width: 100%;
			background-color: #fff;
			position: absolute;
			left: 0; top: 0;
			-webkit-transition: all ease .3s; transition: all ease .3s;
		}
		.mt_1 { margin-top: 1px; }
		.mt_2 { margin-top: 9px; }
		.mt_3 { margin-top: 17px; }
		.menu_toggle__title { display: none; }
		#mainmenu.open .mt_1, .icon_close > i.mt_1 {
			-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
		}
		#mainmenu.open .mt_2 { opacity: 0; }
		#mainmenu.open .mt_3, .icon_close > i.mt_2 {
			-webkit-transform: rotate(45deg); transform: rotate(45deg);
		}
		#mainmenu.open .mt_1, #mainmenu.open .mt_2, #mainmenu.open .mt_3, .icon_close > i { margin-top: 9px; }

		#mainmenu.open .menu_toggle { opacity: 1 !important; }
		#mainmenu.open i { background-color: #fff; }

	/* Авторизация и Поиск */
	.h_btn {
		float: right;
		width: 44px; height: 44px;
		position: relative;
		z-index: 1;
		background: none;
		border: 0 none;
		padding: 16px 6px;
		cursor: pointer;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.h_btn:after {
			content: "";
			background-color: #21282d;
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 66px;
			border-radius: 0 0 2px 2px;
			opacity: 0; visibility: hidden;
			margin-top: -60px;
			-webkit-transition: margin-top .2s ease; transition: margin-top 0.2s ease;
		}
		.h_btn.open:after {
			opacity: 1; visibility: visible;
			margin-top: 0;
		}
		.h_btn > * { position: relative; z-index: 1; }
		.h_btn > .icon { fill: #fff; }
		.h_btn.open > .icon, .h_btn > .icon_close, .h_btn.open > .avatar {
			display: none;
		}
		.h_btn.open > .icon_close {
			display: inline-block;
		}

	/* --- Tools (хлебные крошки, сортировка, популярные теги) --- */
	#tools {
		background-color: #f4f6f7;
		font-size: .9em;
	}
		.tools { height: 76px; }
		.tools > .wrp:after { content: ""; display: block; clear: both; }

	/* Сортировка */
	#sort, #breadcrumbs { padding: 27px 0 27px 60px; }
		#sort > .icon, #breadcrumbs > .icon { float: left; margin: -4px 0 0 -60px; fill: #cdd0d3; }
		.sort_label { font-weight: normal; text-transform: lowercase; }
		#sort form, ul.sort, ul.sort > li { display: inline; }
		ul.sort { list-style: none; padding: 0; margin: 0; }
		ul.sort > li { margin-left: 16px; }
		ul.sort > li > a { color: inherit; text-decoration: none !important; }
		ul.sort > li > a:hover, .sort > li.asc a, .sort > li.desc a { color: #ff485b; }

		.sort > li.asc a:before, .sort > li.desc a:before {
			content: "";
			display: inline-block;
			vertical-align: middle;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAoAQMAAADNFOjiAAAABlBMVEUAAAD/SFvf5sBTAAAAAXRSTlMAQObYZgAAACBJREFUCNdj+P8fhJDB/w9AhCoCQijgAwJhqsRvGsRGAIL/F3G3R2gKAAAAAElFTkSuQmCC);
			margin: 0 .4em 0 0;
			width: 8px; height: 10px;
			background-position: 0 -10px;
			-webkit-background-size: 8px auto; background-size: 8px auto;
		}
		.sort > li.asc a:before { background-position: 0 0; }

	/* Хлебные крошки */
	#breadcrumbs { color: #94999e; }
	#breadcrumbs a { color: #444; }

	/* Популярные теги */
	.tags_btn {
		display: block;
		margin: 27px 0 27px 30px;
		text-decoration: none !important;
		color: #ff485b;
	}
		.tags_btn.collapsed { color: #94999e; }
		.tags_btn > .icon-tags {
			float: left;
			margin: 2px 0 0 -30px;
		}
		.tags_btn > .icon { fill: #cdd0d3; }
		.tags_btn > .icon-arrow_down { margin: 0 0 0 6px; }

		#toptags { width: 100%; }
		#toptags > .wrp { padding-bottom: 30px; }
		#toptags .tag_list > span > a { background-color: #fff; }

	/* Поиск */
	.droptopbar {
		width: 100%; height: 0; overflow: hidden;
		background-color: #21282d;
		position: relative;
		z-index: 21;
		-webkit-transition: height ease .2s;
		transition: height ease .2s;
		font-size: .9em;
	}
		.droptopbar .wrp {
			opacity: 0;
			-webkit-transition: opacity ease 1s;
			transition: opacity ease 1s;
		}
		.search_open #q_search, .login_open #loginpane, .loginf_open #loginpane { height: 59px; }
		.search_open #q_search .wrp, .login_open #loginpane .wrp, .loginf_open #loginpane .wrp { opacity: 1; }

		.droptopbar .btn { height: 33px; padding: 6px 14px; }

		.q_search { position: relative; }
		.q_search > input {
			width: 100%; height: 59px;
			line-height: 23px;
			padding: 18px 130px 18px 0;
			border-radius: 0;
			background: none !important;
			color: #fff !important;
			display: block;
			border: 0 none;
			font-size: 1em;
			box-shadow: none; -webkit-box-shadow: none;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.q_search input::-webkit-input-placeholder { color: #fff; }
		.q_search > .btn {
			position: absolute;
			right: 0; top: 0;
			margin: 13px 0 0 0;
			background: none;
			color: #fff !important;
			box-shadow: inset 0 0 0 1px #383e42; -webkit-box-shadow: inset 0 0 0 1px #383e42;
			cursor: pointer;
		}
		.q_search > .btn:hover { box-shadow: inset 0 0 0 1px #64696c; -webkit-box-shadow: inset 0 0 0 1px #64696c; }

	/* Авторизация */
	.login > .avatar {
		display: inline-block;
		padding: 5px;
		position: relative;
		border-radius: 50%;
		border: 1px solid #fff;
		}
		.login > .avatar > .cover, .login > .avatar { width: 31px; height: 31px; }
		.pmnum_0 > .num { display: none; }
		.num {
			background: #fff;
			color: #444;
			font-weight: bold;
			height: 12px; 
			line-height: 11px;
			min-width: 8px;
			padding: 1px 3px;
			display: inline-block;
			vertical-align: top;
			text-align: center;
			font-size: 9px;
			border-radius: 7px;
		}
		.login > .avatar > .num { position: absolute; left: 0; bottom: 0; margin: 0 0 -1px -1px; }

		/* Панель авторизации */
		#loginpane {
			color: #fff;
			position: absolute;
			left: 0; top: 0;
			margin-top: -59px;
		}

			.page:before {
				content: "";
				display: block;
				width: 100%; height: 0;
				background-color: #21282d;
				-webkit-transition: height ease .2s;
				transition: height ease .2s;
			}
			.login_open .page:before, .loginf_open .page:before { height: 59px; }

		/* Форма входа */
		ul.login_form {
			list-style: none;
			padding: 0; margin: 0;
			border-radius: 2px;
			border: 1px solid #383e42;
			float: left;
			margin: 13px 20px 0 0;
		}
			.login_form:after { clear: both; display: block; content: ""; }

			.login_form > li { float: left; width: 160px; margin: 0; padding: 0; }
			.login_form > li > label { display: none; }
			.login_form > li > input {
				font-size: 1em;
				height: 33px;
				padding: 6px 14px;
				background: none !important;
				border: 0 none;
				border-left: 1px solid #383e42;
				border-radius: 0;
				color: #fff;
			}
			.login_form > li:first-child > input { border-left-width: 0; }
			.login_form > li > input::-webkit-input-placeholder { color: #fff; }

			.login_form > li > .btn {
				background: none !important;
				border-radius: 0;
				border-left: 1px solid #383e42;
			}
			.login_form > li > .btn:hover { color: #ff485b !important; }

			.login_form_links { float: right; margin-top: 17px; height: 23px; line-height: 23px; }
			.login_form_links > a { margin-left: 20px; }

		#loginpane .name { float: left; margin: 20px 30px 0 0; }
		#loginpane .name > a { color: #fff; text-decoration: none !important; }
		#loginpane .name > a:hover { color: #ff485b; }
		#loginpane .login_menu {
			float: left;
			list-style: none;
			padding: 0; margin: 20px 0 0 0;
		}
		#loginpane .login_menu > li { display: inline; margin-right: 20px; }
		#loginpane .login_menu > li a { color: #bebfc0; text-decoration: none !important; }
		#loginpane .login_menu > li a:hover { color: #fff; }

		.lm_num {
			background: #293239;
			font-weight: bold;
			height: 16px; 
			line-height: 16px;
			min-width: 16px;
			padding: 3px;
			display: inline-block;
			vertical-align: middle;
			text-align: center;
			font-size: 12px;
			border-radius: 11px;
			margin: -.2em .4em 0 0;
			color: #fff;
		}

		/* Соц.сети */
		.soc_links {
			float: left;
			display: flex;
			justify-content: space-between;
			padding: 1px;
			margin: 13px 0 0 0;
		}
			.soc_links > a {
				display: inline-block;
				width: 31px; height: 31px; line-height: 31px;
				border-radius: 50%;
				background-color: #293239;
				text-align: center;
				margin-left: 6px;
				opacity: .5;
				-webkit-transition: all ease .1s; transition: all ease .1s;
			}
			.soc_links > a:hover { opacity: 1; }
			.soc_links > a > .icon { fill: #fff; vertical-align: middle; margin: -3px 0 0 0; }

			.soc_vk:hover { background-color: #5486ca; }
			.soc_tw:hover { background-color: #60bbf5; }
			.soc_fb:hover { background-color: #4268ca; }
			.soc_gp:hover { background-color: #de553a; }
			.soc_ya:hover { background-color: #ff0000; }
			.soc_od:hover { background-color: #ff7800; }
			.soc_mail:hover { background-color: #006cff; }

/* --- Футер --- */
#footer {
	padding: 50px 0;
	border-top: 1px solid #eceded;
}
	/* Меню в футере */
	.foot_menu {
		font-size: .92em;
		list-style: none;
		padding: 0; margin: 0 0 50px 0;
	}
	.foot_menu:after { clear: both; display: table; content: ""; }

	.foot_menu > li > b { color: #caced1; display: block; margin-bottom: 1em; text-transform: uppercase; }
	.foot_menu > li:hover > b { color: #ff485b; }
	.foot_menu > li > b > i { display: none; }
	.foot_menu > li nav > a {
		color: inherit;
		display: block;
		padding: .2em 0;
		text-decoration: none !important;
		font-size: .98em;
	}
	.foot_menu > li nav > a:hover { color: #ff485b; }

	@media only screen and (min-width: 701px) {
		.foot_menu > li > div {
			display: block !important;
			height: auto !important; width: auto !important;
		}
	}

/* Копирайты */
.foot {
	padding-top: 20px;
	border-top: 1px solid #eceded;
	font-size: .9em;
}
	.foot:after { content: ""; clear: both; display: block; }

	/* CENTROARTS */
	.ca { float: left; white-space: nowrap; }
		a.ca * { cursor: pointer; }
		.ca:after { clear: both; display: block; content: ""; }
		.ca > span {
			width: 38px; height: 38px;
			float: left;
			border: 1px solid #d1d3d5;
			border-radius: 50%;
			margin-right: 15px;
		}
		.ca > span > .icon { fill: #d1d3d5; }

		.ca:hover > span { border-color: #404549; }
		.ca:hover > span > .icon { fill: #404549; }

		.ca > div { float: left; }
		.ca > div > b { display: block; text-transform: uppercase; }
		.ca > span > .icon {
			display: block;
			margin: 7px 0 0 8px;
			fill: #cbcbcb;
		}

	/* Счетчики */
	.counters { list-style: none; margin: 0; padding: 0; float: right; }
		.counters:after { clear: both; display: block; content: ""; }
		.counters > li {
			float: left;
			opacity: .5;
			height: 31px;
		}
		.counters > li:first-child { margin-left: 0; }
		.counters > li:hover { opacity: 1; }

	/* Опросы */
	.vote_line {
		position: relative;
		background-color: #ff485b;
	}
	@media only screen and (min-width: 701px) {
		.vote_line { height: 55px; }
		.vote_line:after {
			content: "";
			position: absolute;
			top: 0; bottom: 0; left: 0;
			width: 50%;
			background-color: #444;
		}
		.vote_line > .wrp { position: relative; z-index: 1; background-color: #ff485b; }
		.vote_line_title {
			float: left;
			margin: 0 0 0 -20px;
			background-color: #444;
			height: 25px;
			line-height: 25px;
			padding: 15px 20px;
			position: relative;
			color: #fff;
		}
		.vote_line_title:after {
			content: "";
			position: absolute;
			left: 100%; top: 0;
			vertical-align: middle;
			border: solid transparent;
			border-left-color: #444;
			border-width: 28px 0 27px 16px;
		}

		/* Иконка опросов */
		.vote_icon {
			display: inline-block;
			width: 12px; height: 16px;
			vertical-align: middle;
			margin: -.2em 0 0 .4em;
		}
		.vote_icon > i {
			display: block;
			width: 100%; height: 1px;
			background-color: #ff485b;
			margin-top: 4px;
		}
		.vote_icon > i:first-child { margin-top: 0; }
		.vote_icon > i.i1 { width: 80%; }
		.vote_icon > i.i2 { width: 100%; }
		.vote_icon > i.i3 { width: 40%; }
		.vote_icon > i.i4 { width: 60%; }

		/* Заголовок опроса */
		.vtitle {
			white-space: nowrap;
			overflow: hidden;
			font-weight: bold;
			height: 25px;
			line-height: 25px;
			padding: 15px 0;
			margin: 0 0 0 165px;
			color: #fff;
		}

		/* Форма опросов */
		.vote_line_form {
			position: absolute;
			right: 0; top: 0;
			margin-right: 20px;
			padding: 7px 20px;
			height: 41px;

			background-image: -webkit-linear-gradient(left, rgba(255,72,91,0) 0%, rgba(255,72,91,1) 10%);
			background-image: -moz-linear-gradient(left, rgba(255,72,91,0) 0%, rgba(255,72,91,1) 10%);
			background-image: -o-linear-gradient(left, rgba(255,72,91,0) 0%, rgba(255,72,91,1) 10%);
			background-image: -ms-linear-gradient(left, rgba(255,72,91,0) 0%, rgba(255,72,91,1) 10%);
			background-image: linear-gradient(left, rgba(255,72,91,0) 0%, rgba(255,72,91,1) 10%);
		}
		.vote_line_form .dropdown, .vote_line_form .more_votes { float: right; }
	}
		.vote_line_form .more_votes {
			color: #fff;
			font-size: .9em;
			height: 25px;
			line-height: 25px;
			padding: 8px 20px;
		}
		.vote_line_form .dropdown .dropdown-form {
			width: 210px;
			right: 0; bottom: 57px; top: auto; left: auto;
		}
		.vote_line_form .dropdown.open:after {
			content: "";
			position: absolute;
			left: 50%; top: 0;
			z-index: 100;
			margin: -17px 0 0 -14px;
			vertical-align: middle;
			border: solid transparent;
			border-top-color: #fff;
			border-width: 14px 14px 0 14px;
		}
		.vote_line_form .dropdown .dropdown-form .vote_list { font-size: .9em; margin-top: 0; }
		.vote_line_form .dropdown .btn_border { margin-top: 6px; }

		.vote_list { margin: 1.5em 0; }
		.vote_list .vote, .vote_list .pollanswer { margin: 0 0 .6em 0; }
		.vote_list .vote > input, .vote_list .pollanswer > input { display:none;  }
		.vote_list .vote > input + label:before, .vote_list .pollanswer > input + label:before {
			display:inline-block;
			width: 4px; height: 4px;
			border: 5px solid #e4e4e4;
			background-color: transparent;
			margin: -.2em 4px 0 0;
			vertical-align:middle;
			cursor:pointer;
			content: "";
			border-radius: 2px;
		}
		.vote_list .vote > input[type="radio"] + label:before,
		.vote_list .pollanswer > input[type="radio"] + label:before { 
			border-radius: 50%;
		}
		.vote_list .vote > input + label:hover:before, .vote_list .pollanswer > input + label:hover:before {
			background-color: #ff485b;
		}
		.vote_list .vote > input:checked + label:before, .vote_list .pollanswer > input:checked + label:before {
			background-color: #444;
			border-color: #ff485b;
		}
		.vote_list .vote > input + label:before,
		.vote_list .vote > input:checked + label:before,
		.vote_list .pollanswer > input + label:before,
		.vote_list .pollanswer > input:checked + label:before { 
			-webkit-transition: all ease .2s;
			transition: all ease .2s;
		}
		.vote_votes, .pollallvotes { font-size: .9em; }
		#dlevotespopupcontent { height: auto !important; overflow: visible !important; }

		/* Опросы в новости */
		.poll_block { margin-top: 50px; }
		.poll_title {
			border-left: 1px solid #ff485b;
			position: relative;
		}
			.poll_title:after, .poll_title:before {
				content: "";
				position: absolute; left: 0;
				background: #ff485b;
				height: 1px;
			}
			.poll_title:before { top: 0; width: 100%; }
			.poll_title:after { bottom: 0; width: 45%; }

			.poll_title > b { display: block; padding: 16px 24px; }
			.poll_title > b:after, .poll_title > b:before {
				content: "";
				position: absolute;
				left: 27px; top: 100%;
				vertical-align: middle;
				border: solid transparent;
				border-top-color: #ff485b;
				border-width: 13px 13px 0 0;
			}
			.poll_title > b:after {
				border-top-color: #fff;
				margin: -2px 0 0 1px;
				z-index: 1;
			}

/* --- Новости --- */
.story {
		background-color: #fff;
		padding: 50px 0;
	}
	.story_list #dle-content > .story:nth-child(2n) { background-color: #f8f8f8; }

	.shadow {
		position: relative;
		border-bottom: 1px solid #eceded;
	}
	.shadow:after {
		position: absolute;
		z-index: 1;
		left: 0; top: 100%;
		width: 100%; height: 7px;
		content: "";
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
		background-image: -o-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
		background-image: linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
	}
	.story > .wrp:after { clear: both; display: block; content: ""; }
	.story > .wrp { position: relative; }

	/* Настройка заголовка */
	.story .head { margin-bottom: 1.5em; overflow: hidden; }
		.story .head .title { margin-top: -.2em; margin-bottom: 0; }
		.story .head.grid_3_4 { float: none; }
		.story.lefticons .title { padding-left: 60px; }
		.story .head .title > a {
			display: block;
			color: inherit;
			text-decoration: none !important;
		}
		.story .head .title > a:hover {
			color: #969fa7;
			-webkit-transition: color ease .2s; transition: color ease .2s;
		}

	/* Иконки новости "В закладки" и "Редактировать" */
	.story_icons {
		position: absolute;
		top: 0; left: 0;
		margin-left: 20px;
	}

	/* Кнопка "В закладки" */
	.fav_btn > a {
			display: block;
			width: 29px; height: 29px;
			border-radius: 50%;
			text-align: center;
			overflow: hidden;
			margin-bottom: 14px;

			background-color: #ff485b;
			background-image: -webkit-linear-gradient(top, #f45068 0%, #f93f59 100%);
			background-image: -moz-linear-gradient(top, #f45068 0%, #f93f59 100%);
			background-image: -o-linear-gradient(top, #f45068 0%, #f93f59 100%);
			background-image: -ms-linear-gradient(top, #f45068 0%, #f93f59 100%);
			background-image: linear-gradient(top, #f45068 0%, #f93f59 100%);

			box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
		}
		.fav_btn .icon {
			fill: #fff;
			width: 15px; height: 15px;
			display: block;
			margin: 6px auto 0 auto;
		}
		.fav_btn > a[href*="del"] {
			background-color: #fabd34;
			background-image: -webkit-linear-gradient(top, #fbc431 0%, #f8b337 100%);
			background-image: -moz-linear-gradient(top, #fbc431 0%, #f8b337 100%);
			background-image: -o-linear-gradient(top, #fbc431 0%, #f8b337 100%);
			background-image: -ms-linear-gradient(top, #fbc431 0%, #f8b337 100%);
			background-image: linear-gradient(top, #fbc431 0%, #f8b337 100%);
		}

	/* Кнопка "Редактировать" */
	.story_left_icons .edit_btn > a {
		margin-bottom: 14px;
		border-color: #404549;
	}
	.edit_btn > a {
		position: relative;
		overflow: hidden;
		width: 27px; height: 27px;
		border-radius: 50%;
		border: 1px solid transparent;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.edit_btn > a:hover { border-color: #ff485b; }
		.edit_btn > a > i, .edit_btn > a i:after, .edit_btn > a i:before { 
			width: 13px; height: 1px;
			background-color: #404549;
			display: block;
			position: relative;
		}
		.edit_btn > a i:after,
		.edit_btn > a i:before { content: ""; position: absolute; top: 0; left: 0; }
		.edit_btn > a i:after { margin-top: -4px; }
		.edit_btn > a i:before { margin-top: 4px; }

		.edit_btn > a:hover > i, .edit_btn > a:hover i:after, .edit_btn > a:hover i:before {
			background-color: #ff485b;
		}

	/* Данные новости */
	.story_info { float: right; margin-right: 0; font-size: .92em; }

		/* Раскрытие информации */
		@media only screen and (min-width: 701px) {
			.storyinfo_link { display: none; }
			.storyinfo {
				display: block !important;
				height: auto !important;
				width: auto !important;
			}
		}
		.storyinfo_link {
			cursor: pointer;
			position: relative;
			padding-left: 30px;
			padding-bottom: 1.5em;
			margin-bottom: 1.5em;
			border-bottom: 1px solid #e3e4e6;
		}
			.storyinfo_link > .icon { float: left; margin: 2px 0 0 -30px; }
			.storyinfo_link .arrow {
				position: absolute;
				right: 0; top: 0;
				margin: .75em 3px 0 0;
				width: 12px;
			}
			.storyinfo_link .arrow:after, .storyinfo_link .arrow:before {
				content: "";
				position: absolute;
				width: 9px; height: 1px;
				background-color: #ff485b;
				border-radius: 2px;
				-webkit-transition: all ease .3s; transition: all ease .3s;
			}
			.storyinfo_link .arrow:after {
				margin-left: 6px;
			}
			.storyinfo_link.collapsed .arrow:after,
			.storyinfo_link.collapsed .arrow:before {
				background-color: #c7c9cc;
			}
			.storyinfo_link.collapsed .arrow:after {
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
			.storyinfo_link.collapsed .arrow:before {
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}

		/* Звездный рейтинг */
		.rate_stars { margin-bottom: 1.5em; }

		/* Мне нравится */
		.rate_like > a {
			display: block;
			text-decoration: none !important;
		}
			.rate_like_icon {
				display: block;
				width: 27px; height: 27px;
				border-radius: 50%;
				border: 1px solid #404549;
				text-align: center;
			}
			.rate_like_icon .icon {
				fill: #404549;
				width: 13px; height: 13px;
				display: block;
				margin: 7px auto 0 auto;
			}
			.rate_like > a > .grey {
				display: block;
				font-size: .85em;
				text-align: center;
				margin-top: .3em;
			}
			.comment .rate_like > a { display: inline-block; }
			.comment .rate_like > a > * { display: inline-block; vertical-align: middle; }
			.comment .rate_like > a > .grey { margin: .1em 0 0 6px; }

			.rate_like > a:hover .rate_like_icon { border-color: #ff485b; }
			.rate_like > a:hover .rate_like_icon .icon { fill: #ff485b; }

		/* Рейтинг + и - */
		.rate_like-dislike > .grey {
			display: block;
			font-size: .85em;
			text-align: center;
			margin-top: .3em;
		}
			.rate_like-dislike_in {
				position: relative;
				width: 27px; height: 55px;
				border-radius: 15px;
				border: 1px solid #404549;
			}
			.rate_like-dislike_in > a { display: block; height: 27px; text-align: center; }
			.rate_like-dislike_in > a:first-child:hover .plus_icon > span:before, 
			.rate_like-dislike_in > a:first-child:hover .plus_icon > span:after { background-color: #ff485b; }
			.rate_like-dislike_in > a:last-child .plus_icon {
				padding: 3px;
				margin: 4px;
				border: 0 none;
				border-radius: 50%;
				background-color: #404549;
			}
			.rate_like-dislike_in > a:hover:last-child .plus_icon { background-color: #ff485b; }

			.rate_like-dislike_in > a:last-child .plus_icon > span { margin: 3px 0 0 3px; }
			.rate_like-dislike_in > a:last-child .plus_icon > span:after,
			.rate_like-dislike_in > a:last-child .plus_icon > span:before { background-color: #fff; }

			.comment .rate_like-dislike { display: inline-block; }
			.comment .rate_like-dislike > * { display: inline-block; vertical-align: middle; }
			.comment .rate_like-dislike > .grey { margin: .1em 0 0 6px; }

			.comment .rate_like-dislike_in { height: 27px; width: 55px; }
			.comment .rate_like-dislike_in > * { float: left; }

		/* Иконки Плюс и Минус */
		.plus_icon, .plus_icon > span { width: 13px; height: 13px; }
			.plus_icon {
				border: 7px solid transparent;
				display: inline-block;
				vertical-align: middle;
				position: relative;
			}
			.plus_icon > span, .plus_icon > span:before, .plus_icon > span:after {
				overflow: hidden;
				text-indent: -9999px;
				white-space: nowrap;
				position: absolute;
			}
			.plus_icon > span:before, .plus_icon > span:after { background-color: #1a1a1a; content: ""; }
			.plus_icon > span { left: 0; top: 0; }
			.plus_icon > span:after {
				left: 0; top: 0;
				width: 100%; height: 1px;
				margin-top: 6px;
			}
			.plus_icon > span:before {
				left: 0; top: 0; 
				width: 1px; height: 100%;
				margin-left: 6px;
			}
			.plus_icon.minus > span:before { display: none; }

		/* Информация */
		.meta { list-style: none; padding: 0 0 0 30px; margin: 0; }
			.meta > li { margin: 0 0 .6em 0; }
			.meta > li > .icon { float: left; margin: 2px 0 0 -30px; }
			.meta > li.meta_date a { color: inherit; }

			/* Теги в новости */
			.story_tags { padding-left: 30px; margin-top: 1.5em; }
			.story_tags > .icon { fill: #cdd0d3; float: left; margin: 4px 0 0 -30px; }
			#dle-content > .story:nth-child(2n) .tag_list > span > a { background-color: #fff; }

		/* Теги */
		.tag_list > span { margin: 0 2px 2px 0; }
			.tag_list > span, .tag_list > span > a { display: inline-block; }
			.tag_list > span > a {
				color: inherit;
				text-decoration: none !important;
				padding: 3px 6px;
				border-radius: 2px;
				background-color: #f4f6f7;
			}
			.tag_list > span > a:hover {
				background-color: #ff485b !important;
				color: #fff;
				position: relative;
			}

	/* Содержимое новости */
	.story.lefticons .text { margin-left: 60px; }
	.story .more { margin-top: 1.5em; }

		.story .text:after { content: ""; display: block; clear: both; }
		.story .text > img[style*="left"],
		.story .text > .highslide img[style*="left"] { margin: 4px 20px 20px 0; }
		.story .text > img[style*="right"],
		.story .text > .highslide img[style*="right"] { margin: 4px 0 20px 20px; }
		.story .text img { max-width: 100%; }
	
	/* Редактировал... */
	.editdate {
		margin-top: 1.5em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
	}

	/* Вложения */
	.attachment > a, .attachment_error {
		border: 1px solid #d9dcde;
		border-radius: 2px;
		padding: 10px 20px;
		margin-top: 10px;
		color: inherit;
		display: block;
		font-size: .9em;
		text-decoration: none !important;
	}
		.attachment > a:hover { color: #ff485b; }
		.attachment > a > .icon { float: right; margin: 3px 0 0 15px; }

	/* Важная новость */
	.fixed_label {
		position: absolute;
		left: 0; top: 0;
		width: 0; height: 0;
		text-indent: -9999px;
		vertical-align: middle;
		border: solid transparent;
		border-top-color: #ffb027;
		border-width: 25px 25px 0 0;
	}

	/* Блок под полной новостью */
	.fullstory_foot { background-color: #f8f8f8; }
	
	/* Блок баннера */
	.banner {
		padding: 25px 0;
		display: block;
		width: 100%;
		text-align: center;
		border-top: 1px solid #eceded;
		box-shadow: inset 0 1px 0 0 #fff;
		-webkit-box-shadow: inset 0 1px 0 0 #fff;
	}
		.banner img { max-width: 100%; vertical-align: top; }

/* --- Постраничная навигация --- */
.navigation { padding: 25px 0; }
	.navigation { font-size: 1.1em; }
	.navigation > .wrp { position: relative; }
	.navigation > .wrp:after { clear: both; display: block; content: ""; }
	.navigation > .wrp > .icon {
		position: absolute;
		left: 0;
		margin-left: 20px;
		fill: #cdd0d3;
		margin-top: 2px;
	}
	.pages { padding-left: 60px; float: left; }
	.pages > * {
		color: inherit;
		display: inline-block;
		position: relative;
		padding: 6px 4px;
		min-width: 22px; height: 22px; line-height: 22px;
		border-radius: 2px;
		text-align: center;
		text-decoration: none !important;
	}
	.pages span {
		color: #fff;
		background-color: #ff485b;
		background-image: -webkit-linear-gradient(top, #f45068 0%, #f93f59 100%);
		background-image: -moz-linear-gradient(top, #f45068 0%, #f93f59 100%);
		background-image: -o-linear-gradient(top, #f45068 0%, #f93f59 100%);
		background-image: -ms-linear-gradient(top, #f45068 0%, #f93f59 100%);
		background-image: linear-gradient(top, #f45068 0%, #f93f59 100%);
		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
	}
	.pages span.nav_ext { background: none; color: inherit; }
	.pages a:hover { color: #ff485b; }

	.page_next-prev { float: left; margin-left: 30px; }
		.page_next-prev > span > * {
			padding: 6px 16px;
			height: 22px; line-height: 22px;
			display: inline-block;
		}
		.page_next-prev > span .icon { margin: -.2em 0 0 0; }

	/* Постраничная навигация в новости */
	.splitnewsnavigation {
		margin: 1.5em 0;
		padding: 15px 0;
		font-weight: bold;
		border: 0 dashed #eceded;
		border-width: 1px 0;
		text-transform: uppercase;
	}
		.splitnewsnavigation > div { display: inline; margin-left: 1em; }
		.splitnewsnavigation a { color: inherit; }
		.splitnewsnavigation a, .splitnewsnavigation span { padding: 6px 10px; }
		.splitnewsnavigation span { color: #ff485b; }

/* --- Популярные и похожие --- */
.block { padding: 50px 0; }
	.block_title { margin: 0 0 1.5em 0; color: #caced1; }
	.block_title > * { margin: -.2em 0 0 0; }
	.col_news .grid_list > div > a {
		display: block;
		text-decoration: none !important;
		-webkit-transition: padding-left 0.4s ease;
		transition: padding-left 0.4s ease;
		position: relative;
		color: inherit;
		width: 90%;
		padding-right: 20px;
	}
	.col_news .grid_list > div > a * { cursor: pointer; }
	.col_news .grid_list > div > a:hover {
		padding-left: 30px;
	}
	.col_news .grid_list > div > a .title {  display: block; margin-bottom: 1em; }
	.col_news .grid_list > div > a:hover .title { color: #ff485b; }
	.col_news .grid_list > div > a .hover_arrow {
		position: absolute;
		left: 0; top: 0;
		margin-top: .25em;
	}
		.col_news .grid_list > div > a .text { font-size: .9em; }
		.hover_arrow {
			position: relative;
			width: 20px; height: 0;
			border-left: 1px solid #ff485b;
			overflow: hidden;
			display: block;
			opacity: 0;
		}
			.hover_arrow, .hover_arrow:after, .hover_arrow > .icon {
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}
			.hover_arrow > .icon {
				position: absolute;
				left: 0; top: 0;
				margin-left: -10px;
			}
			.hover_arrow:after {
				content: "";
				position: absolute;
				left: 0; top: 0;
				margin-top: 6px;
				width: 0; height: 1px;
				background-color: #ff485b;
			}
			a:hover .hover_arrow { height: 26%; opacity: 1; }
			a:hover .hover_arrow > .icon { margin-left: 10px; }
			a:hover .hover_arrow:after { width: 19px; }

/* --- Статические страницы --- */
.static_pages { margin-top: 1.5em; font-weight: bold; }

/* --- Информация об ошибках --- */
.alert {
	background: #fcf6d2;
	padding: 20px 0;
}

 
/* Формы на UL */
ul.ui-form { list-style: none; padding: 0; margin: 0; }
	ul.ui-form > li { margin-bottom: 20px; }
	ul.ui-form > li:last-child { margin-bottom: 0; }
	.form-group { margin-bottom: 20px; }
	.form-group > label { display: block; margin-bottom: .4em; }
	.form-group.imp > label:after { content: "*"; margin: 0 0 0 10px; color: #ff485b; }

	@media only screen and (min-width: 601px) {
		.form-group.combo:after { clear: both; display: table; content: ""; }
		.form-group.combo > .combo_field { width: 50%; float: left;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.form-group.combo > .combo_field:last-child { padding-left: 10px; }
		.form-group.combo > .combo_field:first-child { padding-right: 10px; }
	}
	@media only screen and (max-width: 600px) {
		.combo_field { margin-bottom: 20px; }
	}
	.form_submit { margin-top: 20px; }
	.form-sep { border-top: 1px solid #efefef; }

	/* Модификация BB редактора для комментариев */
	#comment-editor .bb-editor textarea { height: 140px; }
	.addpm #comment-editor .bb-editor textarea { height: 340px; }

	/* Страницы с формами */
	.regtext { margin-bottom: 1.5em; }
	.login_check { position: relative; }
	.login_check > input { padding-right: 120px; }
	.login_check > .btn {
		width: 100px; height: 30px;
		padding: 4px 10px;
		position: absolute;
		right: 0; top: 0;
		font-weight: bold;
		font-size: 11px;
		margin: 5px;
	}
	#registration { text-align: left; }


 /*--- Рейтинг - Звездами ---*/
.rating, .unit-rating { width: 150px; height: 30px; }
	.rating { font-size: 11px; }
	.unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating {
		background-image: url(data:image/png;base64,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);
		-webkit-background-size: 30px auto; background-size: 30px auto;
	}
	.unit-rating {
		list-style: none;
		margin: 0; padding: 0;
		position: relative;
		background-position: 0 -30px;
	}
	.unit-rating li {
		text-indent: -90000px;
		padding: 0; margin: 0;
		float: left;
	}
	.unit-rating li a {
		display: block;
		width: 30px; height: 30px;
		text-decoration: none;
		border: 0 none !important;
		text-indent: -9000px;
		z-index: 17;
		position: absolute;
		padding: 0;
	}
	.unit-rating li a:hover {
		background-position: 0 -60px;
		z-index: 2;
		left: 0;
	}
	.unit-rating a.r1-unit { left: 0; }
	.unit-rating a.r1-unit:hover { width: 30px; }
	.unit-rating a.r2-unit { left: 30px; }
	.unit-rating a.r2-unit:hover { width: 60px; }
	.unit-rating a.r3-unit { left: 60px; }
	.unit-rating a.r3-unit:hover { width: 90px; }
	.unit-rating a.r4-unit { left: 90px; }
	.unit-rating a.r4-unit:hover { width: 120px; }
	.unit-rating a.r5-unit { left: 120px; }
	.unit-rating a.r5-unit:hover { width: 150px; }
	.unit-rating li.current-rating {
		background-position: 0 0;
		position: absolute;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
        
	}

	.comment .rating, .comment .unit-rating { width: 75px; height: 15px; }
	.comment .unit-rating, .comment .unit-rating li a:hover, .comment .unit-rating li.current-rating {
		-webkit-background-size: 15px auto; background-size: 15px auto;
	}
	.comment .unit-rating { background-position: 0 -15px; }
	.comment .unit-rating li a { width: 15px; height: 15px; }
	.comment .unit-rating li a:hover { left: 0; background-position: 0 -30px; }
	.comment .unit-rating a.r1-unit { left: 0; }
	.comment .unit-rating a.r1-unit:hover { width: 15px; }
	.comment .unit-rating a.r2-unit { left: 15px; }
	.comment .unit-rating a.r2-unit:hover { width: 30px; }
	.comment .unit-rating a.r3-unit { left: 30px; }
	.comment .unit-rating a.r3-unit:hover { width: 45px; }
	.comment .unit-rating a.r4-unit { left: 45px; }
	.comment .unit-rating a.r4-unit:hover { width: 60px; }
	.comment .unit-rating a.r5-unit { left: 60px; }
	.comment .unit-rating a.r5-unit:hover { width: 75px; }
	.comment .unit-rating li.current-rating { height: 15px; }

	.ratingplus {
		color: #70bb39;
	}

	.ratingminus {
		color: red;
	}

	.ratingzero {
		color: #6c838e;
	}
	
/*--- Таблица Персональных сообщений и лучших пользователей ---*/
.userstop td, .pm td.pm_list, .pm td.pm_head { border-bottom: 1px solid #efefef; padding: 12px 2px; }
	table.pm, table.userstop { width: 100%; margin-bottom: 0; }
	table.pm select { width: 150px; }
	.userstop thead td, .pm td.pm_head { border-bottom: 1px solid #efefef; font-weight: bold; }
	table.pm .navigation { border-top-width: 0; margin: 0; }

/*---Выпадающее меню кнопки редактировать---*/
#dropmenudiv {
		padding: 10px 0;
		min-width: 140px;
		width: auto !important;
		opacity: 1 !important;
		display: none;
		font-size: .9em;
		border-radius: 2px;
		border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.2);
		box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
		background-clip: padding-box;
	}
	#dropmenudiv { background-color: #fff; }
	#dropmenudiv a {
		text-decoration: none !important;
		color: inherit;
		display: block;
		padding: 5px 20px;
		border: 0 none;
		white-space: nowrap;
		color: inherit;
	}
	#dropmenudiv a:hover { background-color: #ff485b; color: #fff; }

/*---показ оригинальной картинки загруженной на сайт из уменьшенной копии---*/
.highslide-wrapper, .highslide-outline { background: #fff }
	.highslide-image { border: 2px solid #fff }
	.highslide-active-anchor { visibility: hidden } 
	.highslide-active-anchor img { visibility: hidden }
	.highslide-dimming { background-color: black }
	.highslide-html { background-color: white }
	.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black }
	a.highslide-full-expand { background: url(../dleimages/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px }
	.highslide-display-block { display: block }
	.highslide-display-none { display: none }
	.highslide-caption { display: none; padding: 5px; background: white }
	.highslide-controls { width: 195px; height: 40px; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px }
	.highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 100% -90px }
	.highslide-controls li { float: left; padding: 5px 0; }
	.highslide-controls a { background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif); display: block; float: left; height: 30px; width: 30px; outline: none }
	.highslide-controls a.disabled { cursor: default }
	.highslide-controls a span { display: none }
 
/*---The CSS sprites for the controlbar---*/
.highslide-controls .highslide-previous a { background-position: 0 0 }
	.highslide-controls .highslide-previous a:hover { background-position: 0 -30px }
	.highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important }
	.highslide-controls .highslide-play a { background-position: -30px 0 }
	.highslide-controls .highslide-play a:hover { background-position: -30px -30px }
	.highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important }
	.highslide-controls .highslide-pause a { background-position: -60px 0 }
	.highslide-controls .highslide-pause a:hover { background-position: -60px -30px }
	.highslide-controls .highslide-next a { background-position: -90px 0 }
	.highslide-controls .highslide-next a:hover { background-position: -90px -30px }
	.highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important }
	.highslide-controls .highslide-move a { background-position: -120px 0 }
	.highslide-controls .highslide-move a:hover { background-position: -120px -30px }
	.highslide-controls .highslide-full-expand a { background-position: -150px 0 }
	.highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px }
	.highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important }
	.highslide-controls .highslide-close a { background-position: -180px 0 }
	.highslide-controls .highslide-close a:hover { background-position: -180px -30px }

/*---Быстрый поиск на сайте---*/
#searchsuggestions {
	z-index: 2200;
	width: 300px;
	border-radius: 2px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
	border: 1px solid #ddd; border-color: rgba(0,0,0,0.2);
	background-clip: padding-box;
	font-size: .9em;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#searchsuggestions a, #searchsuggestions span.notfound { padding: 15px 25px; display: block; text-decoration: none; border-bottom: 1px solid #e5e5e5; }
	#searchsuggestions a { color: inherit; }
	#searchsuggestions a:hover { background-color: #f7f7f7; }
	#searchsuggestions a span { display: block; cursor: pointer; }
	#searchsuggestions span.searchheading { display: block; font-weight: bold; margin-bottom: .2em; }
	#searchsuggestions span.seperator { display: block; }
	#searchsuggestions span.seperator a { padding: 10px 0; text-align: center; border: 0 none; background-color: transparent; color: #919191; }
	#searchsuggestions span.notfound { padding: 15px 25px; display: block; }
	#searchsuggestions .break { display: none; }

.img-box, .img-wide, .img-square, .img-resp, .img-resp-vert, .img-resp-sq, .img-fit 
{overflow: hidden; position: relative; background-color: #222;}
.img-resp {padding-top: 60%;}
.img-resp-vert {padding-top: 150%;}
.img-resp-sq {padding-top: 100%;}
.img-box img, .img-square img, .img-resp img, .img-resp-vert img, .img-resp-sq img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img, .img-resp-sq img {position: absolute; left: 0; top: 0;}
.img-wide img {width: 100%; display: block;}
.img-fit img {width: 100%; height: 100%; object-fit: cover;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.fx-row {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-col {display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-center {-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-middle {-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-start {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-top {-ms-flex-align:flex-start;-webkit-align-items:flex-start;align-items:flex-start}
.fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
.fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fx-1 {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%; min-width: 50px;}

 
 

/* SECTION
----------------------------------------------- */
.sect + .sect {margin-top: 30px;}
.sect-header {margin-bottom: 30px;}
.sect-title {font-size: 24px; font-weight: 600; color: #fff;}
.sect-items {margin: 0 -8px;}
.speedbar a {    color: var(--color-orange);
    font-size: 16px;
    font-weight: 300;
    text-decoration: none !important;}
 

/* THUMB
----------------------------------------------- */
.th-item {float: left; width: 20%; padding: 0 8px; margin-bottom: 20px; position: relative;}
.th-in {display: block; position: relative; background-color: #161725; box-shadow: 0 1px 2px rgba(0,0,0,.85);}
.th-img {margin-bottom: 10px; transition: box-shadow .2s linear;}
.th-desc {padding: 10px; padding-top: 0; height: 50px;}
.th-title {font-size: 15px; font-weight: 600;}
.th-cat {margin-top: 5px; font-size: 12px; color: #939393;}
.th-meta {position: absolute; z-index: 10; display: inline-block; color: #fff; font-size: 14px;}
.th-trl {right: 8px; bottom: 60px; display: inline-block; padding: 5px 10px; font-size: 8px; 
	background-color: #e74c3c; color: #fff; cursor: pointer;}
.th-qual {left: 0; top: 0; display: inline-block; padding: 2px 5px; background-color: #ff9400; color: #fff;}
.th-rating {left: 0; bottom: 0; background-color: rgba(0,0,0,0.6); padding: 5px 10px; font-size: 18px;}
.th-rating .icon {margin-right: 5px;}
.th-rating .icon {color: #ffdd02; font-size: 22px;}
.th-percent {opacity: 0;}
.wdone {opacity: 1;}
.th-edit {position: relative; top: -10px;}
#trailer-box {display: none;}
.th-tip {display: none; background-color: #111; padding: 30px; border-radius: 4px; overflow: hidden; 
	box-shadow: inset 200px 0 300px -300px rgba(0,0,0,0.8), inset 0 1000px rgba(0,0,0,0.9);}
.th-tip .full-text22 {color: #e3e3e3;}
.th-tip-title {font-size: 18px; font-weight: 600; margin-bottom: 20px; color: #fff; 
background-color: #ff9400; margin: -30px; margin-bottom: 20px; padding: 10px 30px;}
.ui-tooltip {position: absolute; z-index: 97;}
.tooltip-text {color: #fff; padding: 5px 10px; background: rgba(35, 25, 15, 0.8); border-radius: 2px;}
.ui-tooltip .th-tip {display: block;}
.ui-tooltip .short-info {margin-left: 0;}


 /* ADAPTIVE
----------------------------------------------- */ 

@media screen and (max-width: 760px) { 
.th-item {width: 25%;} 
}

@media screen and (max-width: 590px) { 
.th-item {width: 33.33%;}  
}

@media screen and (max-width: 470px) { 
.th-item {width: 50%;} 
 
}