/* Авторизация и Поиск */
	.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; }



	/* Вложения */
	.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; }


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

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

/* --- Комментарии --- */
.addcomments_form {
	border-bottom: 1px solid #ff485b;
	position: relative;
}
	.addcomments_form .grid_1_4 .ultrabold { margin-top: -.2em; }
	.addcomments_form:after,
	.addcomments_form:before {
		content: "";
		position: absolute;
		top: 100%; left: 50%;
		margin-left: -200px;
		border: solid transparent;
		border-top-color: #ff485b;
		border-width: 34px 34px 0 0;
	}
	.addcomments_form:after { margin: -2px 0 0 -199px; border-top-color: #fff; }

/* Формы на 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; }

/* --- Комментарии --- */
.com_list div.comment {
	position: relative;
	padding-right: 26%;
	padding-left: 130px;
	margin-bottom: 50px;
}
	.searchcoms .comment { margin-bottom: 0; }
	.comment .grid_1_4 {
		position: absolute;
		right: 0; margin: 0;
	}
	/* Аватарка */
	.avatar { display: inline-block; }
	.avatar .cover {
		width: 100px; height: 100px;
		border-radius: 50%;
		white-space: nowrap;
		text-indent: -9999px;
		display: inline-block;
		background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	}

	.comment .avatar {
		border: 1px solid #caced1;
		float: left;
		padding: 6px;
		border-radius: 50%;
		background-color: #fff;
		margin-left: -130px;
		position: relative;
	}
		.com_author .avatar { border-color: #44494d; }
		.comment .avatar .cover,
		.comment .avatar { width: 60px; height: 60px; }
		.comment .avatar .com_decor {
			width: 1px; height: 28px;
			position: absolute;
			background-color: #d9dcde;
			left: 99px; top: 9px;
		}
		.comment .avatar .com_decor:after,
		.comment .avatar .com_decor:before {
			content: "";
			position: absolute;
			height: 1px; width: 13px;
			background-color: #d9dcde;
		}
		.comment .avatar .com_decor:after {
			left: 0; top: 0;
		}
		.comment .avatar .com_decor:before {
			right: 0; bottom: 0;
		}

	/* Верхняя часть комментария */
	.com_info {
		margin-bottom: .6em;
		font-size: .9em;
	}
		.com_info > .name { margin-right: 6px; }
		.com_info > .date { margin-left: 6px; }
		.com_info > .name a { color: inherit; }
		.com_info .status {
			display: inline-block;
			vertical-align: middle;
			margin-top: -.2em;
			overflow: hidden;
			text-indent: -9999px;
			background-color: #d9dcde;
			width: 6px; height: 6px;
			border-radius: 50%;
		}
		.status.online { background-color: #a7cb37; }

	.comment .text > .title { margin-top: 0; }

	/* Нижняя часть комментария */
	.com_tools .edit_btn, .com_tools .mass {
		opacity: 0;
		-webkit-transition: opacity ease .3s; transition: opacity ease .3s;
	}
	.comment:hover .com_tools .edit_btn, .comment:hover .com_tools .mass { opacity: 1; }
	.com_tools { margin: .6em 0 0 0; font-size: .9em; text-transform: lowercase; }
		.com_tools .edit_btn, .com_tools .mass { float: right; margin-top: -3px; }
		.com_tools .mass input { margin: 4px 0 0 10px; }
		.com_tools_links { display: inline; }
		.com_tools_links > a {
			margin: 0 15px 0 0;
			text-decoration: none !important;
		}
		.com_tools_links > a:hover { color: #ff485b; }
		.com_tools_links > a > .icon { margin: -.2em 8px 0 0; }

	/* Древовидные комментарии */
	.comments-tree-list {
		position: relative;
		padding: 0 26% 0 0;
		margin: 0;
		list-style: none;
	}
		.comments-tree-list .comments-tree-list {
			position: static;
			padding: 0 0 0 130px;
		}
		.comments-tree-list .comments-tree-list .comments-tree-list,
		.comments-tree-list .comments-tree-list .comment { padding-left: 60px; }
		.comments-tree-list div.comment { padding-right: 0; position: static; }
		.comments-tree-list .comments-tree-list .comment .com_decor { display: none; }

		.comments-tree-list .comments-tree-list .comment .avatar { padding: 3px; margin-left: -60px; }
		.comments-tree-list .comments-tree-list .comment .avatar .cover,
		.comments-tree-list .comments-tree-list .comment .avatar { width: 32px; height: 32px; }

		/* Управление комментариями */
		.mass_comments_action { text-align: center; border-top: 1px dashed #eceded; padding: 20px 0; }
		.mass_comments_action > select { padding: 5px; width: 200px; margin-left: 1em; }


/* --- PM --- */
.pm-box {
	margin-bottom: 1.5em;

}
	#pm-menu:after { content: ""; clear: both; display: block; }
	#pm-menu { border-bottom: 1px solid #fff; }
	#pm-menu > a {
		color: inherit;
		padding: 10px 30px;
		float: left;
		text-decoration: none !important;
		border-right: 1px solid #fff;
	}
	#pm-menu > a:first-child { border-radius: 2px 0 0 0; }
	#pm-menu > a:hover { color: #ff485b; }

	.pm_status { padding: 30px; }
	.pm_progress_bar {
		background-color: #cdd0d3;
		margin-bottom: 10px;
		border-radius: 2px;
		overflow: hidden;
	}
	.pm_progress_bar span { background: #ff485b; font-size: 0; height: 5px; border-radius: 2px; display: block; overflow: hidden }

/* --- Страница пользователя --- */
.userinfo_top { position: relative; }
	.userinfo_top:after { clear: both; display: block; content: ""; }
	.userinfo_top .avatar {
		float: left;
		margin: 0 30px 0 0;
		padding: 6px;
		border: 1px solid #d7d9db;
		border-radius: 50%;
	}
	.userinfo_status { margin: -1em 0 1.2em 0; font-size: .9em; }

	.user_tab {
		list-style: none; padding: 0; margin: 0;
		display: inline-block;
		border: 1px solid #e7e7e7;
		border-radius: 20px;
		}
		.user_tab:after { clear: both; display: block; content: ""; }
		.user_tab > li { float: left;  }
		.user_tab > li:first-child > a { border-left-width: 0; }
		.user_tab > li > a {
			border-left: 1px solid #e7e7e7;
			display: block;
			text-decoration: none !important;
			color: inherit;
			font-size: 18px;
			font-weight: bold;
			color: #999;
			line-height: 20px; padding: 6px 20px;
		}
		.user_tab > li.active > a { color: inherit; }

		.usinf { list-style: none; padding: 0; margin: 0; } 
		.usinf > li { padding: 12px 0; border-top: 1px solid #eceded; }
		.usinf > li:first-child { border-top-width: 0; }

		.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
		.ui-c1 { width: 30%; margin-right: 5%; }
		.ui-c2 { width: 60%; }

	/* Окно пользователя */
	.dle-popup-userprofile .ui-dialog-content { padding: 0; }
		.popup_userinfo_top { background-color: #f4f6f7; padding: 5px; text-align: center; }
		.popup_userinfo_top .avatar { vertical-align: top; border-radius: 50%; border: 1px solid #1a1a1a; }
		.popup_userinfo_top .avatar .cover {
			display: block;
			width: 80px; height: 80px;
			border: 6px solid #fff;
		}
		.popup_userinfo.useronline .avatar { border-color: #95c00e; }
		.popup_userinfo > ul { list-style: none; padding: 0; margin: 0; }

		.popup_userinfo .usinf { padding: 0px 20px; font-size: .9em; }

/* --- Статистика --- */
.stats_head > ul { list-style: none; padding: 0; margin: 0; font-size: 1.1em; }
	.stats_head > ul > li { margin-top: 15px; padding-left: 30px; }
	.stats_head > ul > li:before {
		content: "";
		float: left;
		margin: 2px 0 0 -30px;
		width: 16px; height: 16px;
		border-radius: 50%;
		background-color:  #ee2a4f;
	}
	.stats_head > ul > li > b {
		display: block;
		font-size: .8em;
		opacity: .5;
		font-weight: normal;
	}
	.stats_head > ul > li.stats_d:before { background-color: #ffb027; }
	.stats_head > ul > li.stats_w:before { background-color: #ff5a3a; }
	
	.stat_group { margin-bottom: 25px; }
	.stat_group > h5 { margin-top: 0; margin-bottom: 1em; }
	.stat_group > ul { list-style: none; padding: 0; margin: 0; }
	.stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; }

/* --- Страница поиска --- */
.searchpage { border-bottom: 3px dotted #eceded; padding-bottom: 50px; margin-bottom: 0; }
	.search_head_line .head { margin-bottom: .8em; }
	.search_result_num { font-size: .9em; margin: 25px 0 0; }
	.search table { width: 100%; border-spacing: 5px; border-collapse: separate; }
	#searchtable td, #searchtable td div, #searchtable table { margin: 0 !important; padding: 0 !important; }
		#searchtable td.search br { display: none; }
		td.search .bbcodes { margin: 0 !important; }
		td.search { vertical-align: top; }

/* --- Оптимизация для разрешений меньше 980 px --- */
@media only screen and (max-width: 980px) {
	/* Модификация сортировки и хлебных крошек */
	.tools .grid_last, .tools #toptags { display: none; }
	.tools .grid_3_4 { width: auto; float: none; margin-right: 0; }

	/* Footer */
	.foot .grid_1_2 { width: 74%; }

	/* Счетчики */
	.counters { float: none; clear: both; padding-top: 10px; }
		.counters > li:first-child { margin-left: 0; }
		.counters > li:hover { opacity: 1; }
}

/* --- Оптимизация для разрешений меньше 860 px --- */
@media only screen and (max-width: 860px) {
	/* Шапка и меню */
	.headpic.fixed { background-attachment: scroll; }
	.headpic > .wrp { padding: 49px 0 0 0; }
	.logotype {
		float: none;
		padding: 0 20px; margin: 0;
		height: 76px;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.topbar {
		position: absolute;
		left: 0; top: 0;
		background: #22282c;
		width: 100%; height: 49px;
		box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
	}
		/* Поиск */
		.topbar #search {
			position: absolute;
			left: 50%;
			margin-left: -25px;
		}
		.h_btn {
			width: 49px; height: 49px;
			padding: 0;
		}
		.h_btn:after {
			width: 100%; height: 49px;
			border-radius: 0;
			margin-top: -49px;
		}

	/* Авторизация */
	.login > .avatar {
		padding: 3px;
		border: 0 none;
	}
		ul.login_form, .soc_links, .login_form_links {
			vertical-align: top;
			display: inline-block;
			float: none;
		}
		#loginpane {
			overflow-y: hidden;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		#loginpane > .wrp { white-space: nowrap; min-width: 960px; }

	/* Меню */
	.mainmenu_open, .mainmenu_open body, .mainmenu_open .page {
		width: 100%; height: 100%;
		overflow: hidden;
	}
	#mainmenu { float: left; }
		#topmenu {
			position: fixed;
			left: 0; top: 0; bottom: 0;
			width: 80%; height: 100%;
			background-color: #ff485b;
			box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
			z-index: 99;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
			color: #fff;
			-webkit-transform: translate(-100%, 0);
			transform: translate(-100%, 0);
			opacity: 0; visibility: hidden;
		}
		.mainmenu_open #topmenu {
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			opacity: 1; visibility: visible;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease; 
		}
		#topmenu a { color: #fff; display: block; }
		#topmenu ul {
			list-style: none;
			padding: 0; margin: 0;
		}
		#topmenu > ul { padding: 15px 0; }
		#topmenu > ul > li > a {
			padding: 15px 30px;
			font-size: 1.1em;
			text-decoration: none !important;
		}
		#topmenu ul ul > li > a {
			padding: 6px 30px 6px 48px;
			opacity: .8;
			text-decoration: none !important;
			position: relative;
		}
		#topmenu > ul > li > a:hover, #topmenu ul ul > li > a:hover { opacity: 1; background-color: #ff596a; }
		#topmenu ul ul > li > a:before {
			content: "";
			float: left;
			margin: .7em 0 0 -18px;
			width: 6px; height: 1px;
			background-color: #fff;
			opacity: .8;
		}

		#topmenu .icon-arrow_down { display: none; }

		/* Отключаем блок архивов */
		.block_archives { display: none; }

	/* Закрытие меню */
	#closemenu {
		position: fixed;
		top: 0; right: 0;
		overflow: hidden;
		height: 100%; width: 100%;
		cursor: pointer;
		z-index: 98;
	}
		.mainmenu_open #closemenu { display: block; }
		#closemenu:after {
			content: "";
			display: block;
			width: 100%; height: 100%;
			background-color: #353c4c;
			opacity: .54;
		}
		#closemenu * { cursor: pointer; }
		#closemenu > span {
			z-index: 1;
			position: absolute; 
			right: 0; top: 0;
			width: 20%; height: 100%;
			display: -webkit-flex;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#closemenu .icon { fill: #fff; }

	/* Комментарии */
	.addcomments_form .grid_3_4, .addcomments_form .grid_1_4 { float: none; margin: 0; width: auto; }
		.addcomments_form .grid_1_4 { margin-bottom: 20px; }

		.com_list div.comment { margin-bottom: 30px; }
		.com_list div.comment, .comments-tree-list .comments-tree-list { padding-left: 100px; }
		.comment .avatar { margin-left: -100px; }
		.com_decor { display: none; }
}
/* --- Оптимизация для разрешений меньше 800 px --- */
@media only screen and (max-width: 800px) {

	h1, .h1 { font-size: 1.6em; }
	h2, .h2 { font-size: 1.4em; }
	h3, .h3 { font-size: 1.3em; }
	h4, .h4 { font-size: 1.2em; }
	h5, .h5 { font-size: 1.1em; }

	/* Настройка основной типографии */
	body, select, input, textarea, button {
		font-size: 14px;
	}

	/* Опросы */
	.vtitle { margin-left: 145px; }

	/* Оступы */
	.story, .block, #footer { padding: 30px 0; }

	/* Добавить комментарий */
	.addcomments_form:after,
		.addcomments_form:before {
			content: "";
			position: absolute;
			top: 100%; left: 50%;
			margin-left: -9px;
			border: solid transparent;
			border-top-color: #ff485b;
			border-width: 18px 18px 0 0;
		}
		.addcomments_form:after { margin: -2px 0 0 -8px; border-top-color: #fff; }

	/* Комментарии */
	.com_list div.comment, .comments-tree-list .comments-tree-list { padding-left: 60px; }
	.comment .avatar { padding: 3px; margin-left: -60px; }
	.comment .avatar .cover, .comment .avatar { width: 32px; height: 32px; }
	.com_decor { display: none; }

	/* Постраничная навигация */
	.navigation, .navigation > .wrp { padding: 0; }
		.navigation > .wrp > .icon { display: none; }
		.pages {
			padding: 20px 0;
			float: none;
			padding-left: 0;
			overflow-x: auto;
			white-space: nowrap;
			-webkit-overflow-scrolling: touch;
		}
		.pages > *:first-child { margin-left: 20px; }
		.pages > *:last-child { margin-right: 20px; }
		.page_next-prev { float: none; display: block; padding: 0; margin: 0; }
		.page_next-prev:after { clear: both; display: block; content: ""; }
		.page_next-prev > * { float: left; width: 50%; }
		.page_next-prev > *:last-child { text-align: right; }
		.page_next-prev > span > * { display: block; padding: 10px 20px; }
}

/* --- Оптимизация для разрешений меньше 700 px --- */
@media only screen and (max-width: 700px) {
	h1, .h1 { font-size: 1.5em; }
	h2, .h2 { font-size: 1.4em; }
	h3, .h3 { font-size: 1.3em; }
	h4, .h4 { font-size: 1.2em; }
	h5, .h5 { font-size: 1.1em; }

	/* Настройка основной типографии */
	body, select, input, textarea, button {
		font-size: 13px;
	}


	#tools, .foot_menu, .foot, .droptopbar, .com_info, .com_tools,
	.vote_line_form .dropdown .dropdown-form .vote_list { font-size: 1em; }

	/* Модификация авторизации */
	#loginpane > .wrp { min-width: 0; }
		ul.login_form, .soc_links, .login_form_links {
			display: block;
			margin-right: 0;
			margin-left: 0;
		}
		.login_form > li { float: none; width: auto; }

		.login_form > li > input, .login_form > li > .btn {
			border-left-width: 0;
			border-top: 1px solid #383e42;
		}
		.login_form > li:first-child > input { border-top-width: 0; }
		.login_form > li > .btn { width: 100%; color: #ff485b !important; }

			.loginf_open #loginpane { margin-top: -220px; }
			ul.login_form { margin-top: 20px; }
			.loginf_open #loginpane, .loginf_open .page:before { height: 220px; }
			#loginpane .soc_links, .login_form_links { text-align: center; }
			.login_form_links > a:first-child { margin-left: 0; } 

			#loginpane .name, #loginpane .login_menu, .loggedpane .login_form_links { display: inline; float: none; }
			.loggedpane > .wrp { padding-top: 20px; }
			.loggedpane .login_form_links { padding-right: 20px; }

	/* Модификация шапки */
	.head_text { padding: 20% 0 22% 0; }
		.head_text_in > .title { font-size: 2.1em; }
		.head_text_in > .text { font-size: 1.2em; }

	/* Модификация сортировки и хлебных крошек */
	.tools {
		height: 49px;
		overflow-y: hidden;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
		#sort, #breadcrumbs { padding: 14px 0; display: inline-block; }
		#sort > .icon, #breadcrumbs > .icon { display: none; }
		.tools .grid_3_4, .tools .speedbar { display: inline; padding-right: 20px; }

	/* Контакты */
	.feedback .grid_1_4 { margin-bottom: 20px; }
	.map_resp { padding-top: 60%; }

	/* Новости */
	.story, .block { padding: 20px 0; }
		.story_info { float: none; font-size: 1em; }
		.story_icons { position: relative; float: right; }
		.story.lefticons .title { padding-left: 0; }
		.story.lefticons .text { margin-left: 0; }
		.poll_block { margin: 20px 0; }
		.meta_date { display: none; }

		.storyinfo_link { margin-bottom: 0; }
		.storyinfo_box { padding-top: 20px; }

		.story_cont { margin-top: 20px; }

		.story .head { margin-bottom: 10px; }
		.story .head .title { margin-top: 0; }

	/* Комментарии */
	.com_list div.comment { margin-bottom: 25px; }
		.comments-tree-list, .com_list div.comment { padding-right: 0; }
		.com_list div.comment, .comments-tree-list .comments-tree-list .comment { padding-left: 0; }
		.comments-tree-list .comments-tree-list,
		.comments-tree-list .comments-tree-list .comments-tree-list { padding-left: 23px; }
		.comment .grid_1_4 { position: static; float: left; }
		.comment .avatar .cover, .comment .avatar { width: 23px !important; height: 23px !important; }
		.comment .avatar { margin: 0 !important; padding: 2px !important; }
		.com_content { clear: both; padding-top: 10px; }
		.comment .rate { margin-left: 10px; }
		.comment .rate_stars { margin: 6px 0 0 0; }


	/* Опросы */
	.vote_line { text-align: center; }
		.vote_line_title {
			display: inline-block;
			font-size: 1.2em;
			color: #fff;
			background-color: #444;
			padding: 10px 10px;
			margin-top: 0;
			position: relative;
			width: 80px;
			text-align: center;
		}
		.vote_line_title:after {
			content: "";
			position: absolute;
			left: 0; top: 100%;
			border: solid transparent;
			border-top-color: #444;
			border-width: 5px 50px 0 50px;
		}
		.vtitle { margin-left: 0; font-weight: bold; color: #fff; }
		.vote_line_title .vote_icon, .vote_line_form .dropdown > .btn { display: none; }
		.vote_line_form .dropdown .dropdown-form {
			position: static;
			margin: 0 auto;
			display: block;
			text-align: left;
		}
		.more_votes { display: block; }

	/* Оптимизация BB редактора */
	.bb-pane {
		width: 100%;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
		#comment-editor .bb-editor textarea { height: 240px; }
		.bb-btn { float: none; display: inline-block; margin-left: -.3em !important; }

		.mass_comments_action { margin-top: 20px; }
		.comments_box_in .mass_comments_action { margin-top: 20px; padding-top: 0; }

	/* Персональные сообщения */
	.pm_status { padding: 20px; }

		#pm-menu {
			white-space: nowrap;
			overflow-y: hidden; overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		#pm-menu > a {
			display: inline-block;
			float: none;
			padding: 10px 20px;
		}

		.pmlist {
			width: 100%;
			margin: 0 -20px;
			padding: 0 20px;
			overflow-y: hidden; overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		.pmlist > form { min-width: 800px; padding-right: 20px; }

	/* Статистика */
	.stats_head > ul { font-size: 1em; margin-bottom: 20px; }
		.block_table_top_users { padding: 0; margin-top: 40px; }
		.block_table_top_users > .title { padding: 0 20px; }

		.table_top_users { 
			padding-bottom: 20px;
			overflow-y: hidden; overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		.table_top_users > table { width: 800px; }

	/* Форма */
	.form_submit .c-capcha { float: none; margin-bottom: 20px; }
		.form_submit .c-capcha { padding-left: 100px; position: relative; }
		.form_submit .c-capcha img { position: absolute; left: 0; }
		.form_submit .c-capcha input { width: 100%; }

	/* Поиск по сайту */
	#dofullsearch { display: none; }

	/* Полная новость */
	#add_news_preview { display: none; }

	/* Всплывающие окна */
	.ui-dialog { width: auto !important; left: 10px !important; right: 10px; } 
	.ui-dialog-buttonset > .ui-button { margin: 2px; }

	/* Страница пользователя */
	.userinfo_top { text-align: center; }
		.userinfo_top .avatar { float: none; margin: 0 0 20px 0; }

		.ui-c1, .ui-c2 { display: block; width: auto; margin-right: 0; }

		.user_tab { font-size: .9em; } 
		.user_tab > li > a { padding: 4px 10px; }

}
@media only screen and (max-width: 600px) {
	.mejs-container { max-width: 100%; }
	.story video { max-width: 100%; }
	.story iframe { max-width: 100%; }
	.mass_comments_action > select, .mass_comments_action > input { display: block; width: 100%; margin: 0; }
	.mass_comments_action > select { margin: 5px 0; }
}
@media only screen and (max-width: 520px) {
	.head_text_in > .title { font-size: 1.6em; }
	.head_text_in > .text { font-size: 1em; }

	.com_tools_links > a > span { display: none; }
}
@media only screen and (max-device-width: 480px) {
	body { -webkit-text-size-adjust: 100%; }               
}

.grecaptcha-badge {
    display: none;
}

.dle-popup-mediaupload {
	font-size: 13px;
}

.dle-popup-mediaupload.ui-dialog .ui-dialog-buttonpane {
    padding: 10px;
}

.file-preview-card, .mediaupload-box {
	background-color: #fff;
}

.dle-popup-mediaupload .mediaupload-insert-params {
    background-color: #ededed!important;
    border-top: 1px solid #ededed!important;
}

.upload-options .checkbox-inline {
	padding-left: 0!important;
}

.dle-popup-mediaupload textarea, .dle-popup-mediaupload input[type="text"] {
  height: auto;
  line-height: 1;
  padding: 5px;
}
.dle-popup-mediaupload select {
	line-height: 1;
}

.less {
    box-shadow: rgb(0 0 0 / 6%) 0px 0px 0px 1px, rgb(0 0 0 / 40%) 0px 10px 20px -5px;
}

figure.image {
  display: table;
  margin: 1rem auto;
}

figure.image:first-child {
  margin-top: 0;
}

figure.image:last-child {
  margin-bottom: 0;
}

figure.align-left {
  float: left;
  margin-right: .5rem;
}

figure.align-right {
  float: right;
  margin-left: .5rem;
}

figure.image.align-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

figure.image figcaption {
	padding: 1rem;
  background-color: #fafafa;
  font-size: .8rem;
  caption-side: bottom;
  word-break: break-word;
  text-align: center;
}

figure.image.align-center figcaption {
	display: table-caption;
}

#check-all-box {
	margin-bottom: .4rem;
}
.searchtable .form-check-label {
    display: block;
    margin-bottom: .5rem;
}

.checkbox, .dle-popup-mediaupload .checkbox {
	margin: .6rem 0 .2rem 0 !important;
}
.form-check-label {
	cursor: pointer;
}
.form-check-input {
  color: #ff485b;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin: -0.188rem 0.625rem 0 0;
  appearance: none;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #ff485b;
  vertical-align: middle;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ff485b' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ff485b'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox] {
    border-radius: .25rem;
}

.form-check-input[type=radio] {
    border-radius: 50%;
}