/* Eric Meyer's CSS Reset */
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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption,tfoot, thead, th, 
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section {
	display: block;
}
body {
	
	font: 0.8em Arial,Helvetica,sans-serif;
	font-size: 100%!important; 
	padding: 0px;
	height: 100%;
	background-color: #F6F5F3;
	color: #000;
	line-height: 1;
	overflow-y: scroll;
}
ul {
	list-style: square;
}
li
{
	margin-bottom:7px;
}
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	
}
/* End of Eric Meyer's CSS Reset */

html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
/* body {
	font: 0.8em Arial,Helvetica,sans-serif;
	padding: 0px;
	height: 100%;
	background-color: #F6F5F3;
	color: #000;
} */
p, fieldset, pre {
	margin-bottom: 1em;
}
/* Стили для ссылок*/
a:link{
	cursor:pointer;
	color:      #0160A0;
	text-decoration: underline;
}
a:visited {
	cursor:pointer;
	color: #900060;
	text-decoration: underline;
}
a:hover {
	cursor:pointer;
	color: #FF0000;
	text-decoration: underline; 
}
a:active{
	
	color:#004080;
	text-decoration: none;
}
/* Стили для ссылок*/
.wrapper {
	max-width: 1400px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: hidden;
}
@media only screen and (max-width: 767px) and (orientation: portrait){
	.wrapper {
		overflow: hidden; 
	}
}
.header:after {
	content: "";
	display: block;
	clear: both;
	overflow-y: hidden;
}
.article-info{
	float: right;
	height: 42px;
	padding: 18.5px 0 0;
	box-sizing: border-box;
}
.article-info .create {
	/* float: right;
	margin-top: -23px; */
	color: #888;
}
/* .link-com {
	float: right;
	width: 360px;
	margin-top: -23px;
} */
.lcom-1 {
	width: 140px;
	float: left;
}
.lcom-2 {
	width: 200px;
	float: left;
}
/* Header
-----------------------------*/
.header {
	margin: 0 auto;
	background-color: #FFF;
	border-bottom: 1px solid #DDDCDA;
	height: 115px;
}
a:link{
	cursor:pointer;
	color:      #0160A0;
	text-decoration: underline;
}
a:visited {
	cursor:pointer;
	color: #900060;
	text-decoration: underline;
}
a:hover {
	cursor:pointer;
	color: #FF0000;
	text-decoration: underline; 
}
a:active{
	color:#004080;
	text-decoration: none;
}
/* Левая колонка шапки*/
.head-left{
	float: left;
	width: 200px;
	margin-left: -100%;
	position: relative;
}
/* Левая колонка шапки*/
/* Центральная колонка шапки*/
.centr-head2{
	padding: 0 220px 0 220px;
}
.centr-head{
	padding:    padding: 0 220px 0 220px;
}
/* Стили для меню */
#menu{
	width: 100%;
	height: 30px;
	margin-bottom: 10px;
	/* cerxx */
	margin-bottom: 0px;
	font-size: 13px;
	margin-top: -4px;
	position:fixed;
	background-color:white;
	z-index:1111;
	padding:0 0 0 220px;
	padding-bottom: 5px;
	padding-bottom: 0!important;
	display: block!important;
}
#menu li {
	float: left;
	list-style: none;   
	padding: 7px;
	margin-right: 1px;
	margin-top: 5px;
}
a#menu  {
	cursor: pointer;
	color: #0160A0;
	text-decoration: underline;
}
a:hover#menu{
	cursor:pointer;
	color: #FF0000;
	text-decoration: underline; 
}
a:visited#menu{
	cursor:pointer;
	color: #900060;
	text-decoration: underline;
}
/* Стили для меню */
/* Всплывающее меню, расположение ссылок в квадрате */  
.p-menu{
	margin: 10px;
	line-height: 1.7;
	overflow: hidden;
}   
.p-menu p{
	font: bold 14px/1.4em Arial,Helvetica,sans-serif;
	margin: 10px;
}
.p-menu-1k {
	width: 33%;
	float: left;
}
.p-menu-2k {
	width: 33%;
	float: left;
}
.p-menu-3k {
	width: 33%;
	float: left;
}
/* Всплывающее меню, расположение ссылок в квадрате */  
/* Стили для затемнения */  
#hid{
	width: 100%;
	height: 35px;
	/* cerxx */
	height: 30px;
	background: #DDDCDA;
	opacity: 0;
	position: fixed;
	z-index:111;
}
#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color: rgba(0, 0, 0, 0.45);
	display:none;
}
#boxes .window {
	position:absolute;
	left:0;
	top:0;
	width:1024px;
	padding-bottom: 20px;
	display:none;
	z-index:9999;
}
/* Стили для затемнения */ 
/* Стили квадрата для пунктов меню*/
#boxes #dialog1 {
	background: #dfdfdf;   
	background: #dfdfdf;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:fixed;
	margin-top: 30px;
}
#boxes #dialog2 {
	background: #dfdfdf;   
	background: #dfdfdf;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:fixed;
	margin-top: 30px;
}
#boxes #dialog3 {
	background: #dfdfdf;   
	background: #dfdfdf;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:fixed;
	margin-top: 30px;
}
#boxes #dialog4 {
	background: #dfdfdf;   
	background: #dfdfdf;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:fixed;
	margin-top: 30px;
}
#boxes #dialog5 {
	background: #dfdfdf;   
	background: #dfdfdf;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:fixed;
	margin-top: 30px;
}
#boxes #dialog6 {
	background: #dfdfdf;   
	background: #dfdfdf;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:fixed;
	margin-top: 30px;
}
#boxes #dialog7 {
	background: #dfdfdf;   
	background: #dfdfdf;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:fixed;
	margin-top: 30px;
}
#boxes #dialog8 {
	background: #dfdfdf;   
	background: #dfdfdf;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:fixed;
	margin-top: 30px;
}
#boxes #dialog9 {
	background: #dfdfdf;   
	background: #dfdfdf;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:fixed;
	margin-top: 30px;
}
#boxes #dialog10 {
	background: #dfdfdf;   
	background: #dfdfdf;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:fixed;
	margin-top: 30px;
}
#boxes #dialog {
	background: #dfdfdf;  
	background: #dfdfdf;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:fixed;
	margin-top: 30px;
}
#boxes #dialog11 {
	background: #dfdfdf;   
	background: #dfdfdf;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:fixed;
	margin-top: 30px;
}
/* Стили квадрата для пунктов меню*/    
/* Центральная колонка блок под меню*/  
.b-head{
	background: none repeat scroll 0% 0% #ffffff;
	height: 30px;
	float: left;
	width: 100%;
	display: block;
	border-radius: 5px;
	padding-top: 1px;
	margin-top: 35px;
	margin-bottom: 14px;
}
.b-head-text{
	font:  22px Arial,sans-serif;
	padding-left: 10px;
	margin-bottom: 7px;
}
/* Центральная колонка блок под меню*/  
/* Центральная колонка шапки*/
/* Правая колонка шапки*/
.head-right{
	float: left;
	width: 200px;
	margin-left: -200px;
	position: relative;
}
/* Правая колонка шапки*/
/* Middle
-----------------------------*/
.middle {
	width: 100%;
	padding: 0 0 100px;
	position: relative;
}
.middle:after {
	display: table;
	clear: both;
	content: '';
}
.container {
	width: 100%;
	float: left;
	overflow: hidden;
}
.content {
	padding: 0 220px 0 220px;
}
.content a:link{
	cursor:pointer;
	color:      #0160A0;
	text-decoration: underline;
}
.content a:visited {
	cursor:pointer;
	color: #900060;
	text-decoration: underline;
}
.content a:active{
	color:#004080;
	text-decoration: underline;
} 
.content a:hover {
	cursor:pointer;
	text-decoration: underline; 
	background-color:   #F0F0F0;
	color: #F00; ;
}
/* Центральный блок белого цвета*/  
.blok, .category-list, .blog, .item-page{
	border: 1px solid #DDDCDA;
	padding: 20px;
	background: #FFF;
	margin-top: 5px;
	font-size: 15px;
	margin-bottom: 15px;
	display: block;
	overflow: hidden;
}
.category-list h2, .blog-featured h1, .item-page h2, .category-desc {
	border-bottom: 1px solid #dddcda;
	margin: 10px -20px 20px -20px;
	padding: 10px 20px 15px 20px;
}
#vk_recommended {
	border-bottom: 1px solid #dddcda;
	border-top: 1px solid #dddcda;
	margin: 20px -20px;
	padding: 15px 20px;
}
table.category {
	width: 100%;
}
table.category tr {
	background: #f6f5f3;
	border: 1px solid #cacec5;
	margin: 8px;
	padding: 8px;
	display: block;
	color: #000;
}
table.category tr td.list-title,table.category tr th.list-title {
	width: 570px;
}
table.category tr td.list-date,table.category tr th.list-date {
	width: 180px;
	padding-left: 15px;
	text-align: center;
}
table.category tr td.list-hits,table.category tr th.list-hits {
	width: 80px;
	padding-left: 15px;
	text-align: center;
}
.filters .hidelabeltxt {
	display: none;
}
.filters .filter-search {
	float: left;
	width: 340px;
}
.filters .filter-search input {
	float: left;
	clear: both;
	margin: 7px 0;
}
.filters .display-limit {
	float: right;
	display: block;
	width: 110px;
	text-align: right;
}
.filters .display-limit select {
	float: right;
	margin: 7px 4px 7px 0;
}
#jc {}
/* Центральный блок белого цвета*/  
.blok p{
	line-height: 1.5em;
	margin-bottom: 8px;
	margin-top: 5px;
}
.blok ul li {
	padding-bottom: 5px;
	line-height: 1.5em;
}
.blok ol li {
	padding-bottom: 5px;
	line-height: 1.5em;
}
.blok td {
	padding:10px;
}

#vkshare0 td {
	padding:0!important;
}
h1{
	font: 22px Arial,Helvetica,sans-serif;
	line-height: 1.4em;
}
h2{
	font: 22px Arial,Helvetica,sans-serif;
	line-height: 1.4em;
	margin: 20px 0 5px 0;
}
h3{
	font: 20px Arial,Helvetica,sans-serif;
	line-height: 1.4em;
	margin: 20px 0 5px 0;
}
h4{
	font: 20px Arial,Helvetica,sans-serif;
	line-height: 1.4em;
	margin: 5px 0 5px 0;
}
h5{
	font: 20px Arial,Helvetica,sans-serif;
	line-height: 1.4em;
	margin: 5px 0 5px 0;
}
/* Хлебные крошки*/ 
.hleb{
	margin-top: 5px;
	font-size: 12px;
}
/* Хлебные крошки*/ 
/* Стили блок за хлебными крошками*/    
.post-hleb{
	margin-top: 5px;
	text-align: center;
}
/* Стили блок за хлебными крошками*/    
/* Разделение белого блока серыми полосками*/   
.block-line{
	border-bottom: 1px solid #DDDCDA;
	padding: 0px 20px 20px;
	margin: 0px -20px 20px;
	border-collapse: collapse;
}
.block-line.block-line--news{
	padding: 0px 20px 0 20px;
	margin: 0px -20px 0 20px;
	border-bottom: none;	
	
}
/* Разделение белого блока серыми полосками*/   
/* Выпадающий спойлер*/ 
.spoyler {
	background: #F6F5F3;
	border: 1px solid #CACEC5;
	color: #000;
	display: block;
	font-weight: bold;
	padding: 8px;
	margin: 8px;
	text-decoration: none;
}
.spoyler-content {
	background: none repeat scroll 0% 0% #FFF;
	border: 1px solid #CACEC5;
	display: none;
	font-weight: normal;
	margin: 8px;
	padding: 8px;
}
/* Выпадающий спойлер*/ 
/* Стили для страницы рубрики*/ 
.cat-children{
	font-size: 18px;
	line-height: 3.0;
}

.cat-children ul {
	list-style: none;
	line-height: 3;
}
@media (max-width: 475px){
	.cat-children,.cat-children ul{
		line-height: 1.3;
        padding-left: 10px;
	}
    .cat-children,.cat-children ul li{
        padding-bottom: 15px;
	}
    
}
.cat-children li:before {
	content: "›";
	margin-right: 10px;
}
/* Стили для страницы рубрики*/ 
/* Стили для страницы категории*/   
.kategori ul{
	list-style: none;
}
.kategori{
	font-size: 16px;
	margin-left: -20px;
	line-height: 1.4;
}

.kategori ul li{
	padding-bottom: 15px;
}
.font-kategori{
	color: grey;
	font-size: 13px;
	padding: 10px;
}
/* Стили для страницы категории*/   
.viev-table{
	color: #808080;
}
/* Стили для белого блока с двумя колонками*/
.block-left{
	width:50%;
	float:left;
}
.block-right{
	width:50%;
	float:left;
}
.block-two{
	overflow: hidden;
	line-height: 1.4;
}
/* Стили для белого блока с двумя колонками*/
/* Стили заголовков*/
.zag{
	font: bold 16px/1.4em Arial,Helvetica,sans-serif;
	margin-bottom: 5px;
}
.zag-big, .pagination ul{
	font: 22px Arial,Helvetica,sans-serif;
	line-height: 1.4em;
	margin: -10px 0px -15px;
}
.pagination {
	margin-top: 12px;
	text-align: center;
	margin-bottom: 10px;
	display:block !important
}
.pagination ul li {
	display: inline;
	position: relative;
	margin-right: 10px;
}
.pagination ul {
	list-style: none;
	margin: 4px 0 -8px 0px;
	display: block;
	overflow: hidden;
	text-align: center;
	position: relative;
	padding: 0;
}
.breadcrumbs {
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 0 7px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.breadcrumbs li {
	margin-bottom: 7px!important;
	list-style-type: none!important;
	display: -webkit-box;
	display: -webkit-flex; 
	display: -ms-flexbox;
	display: flex;
	padding-left: 0!important;
}
.zag-big2{
	font: 22px Arial,Helvetica,sans-serif;
	line-height: 1.4em;
	margin: 0px 0px -5px;
}
/* Стили заголовков*/
.tab-spoler td{
	padding: 5px;
}
.tab-spoler-small td{
	padding: 2px;
}
.tab-spoler-sml td{
	padding: 2px;
}
/* Left Sidebar
------------------------*/
.left-sidebar {
	float: left;
	width: 200px;
	margin-left: -100%;
	position: relative;
}
.banner-l{
	width:200px;
	margin-left: 10px;
	margin-top: 16px;
	line-height: 1.4em;
	font-size: 13px;
}
/* Right Sidebar
-----------------------------*/
.right-sidebar {
	float: left;
	width: 200px;
	margin-left: -200px;
	position: relative;
}
.banner-r{
	width:200px;
	margin-top: 16px;
	margin-left: -10px;
}
/* knopka na verh
-----------------------------*/
#back-top {
	position: fixed;
	bottom: 0px;
	left: 50px;
	z-index:999;
}
#back-top a {
	width: 100px;
	display: block;
	text-align: left;
	font: 14px/100% Verdana;
	text-decoration: none;
	color: #fff;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #fff;
}
/* arrow icon (span tag) */
#back-top span {
	width: 100px;
	height: 30px;
	display: block;
	margin-bottom: 50px;
	line-height:30px;
	background: #777 url(/templates/ctege/css/up-arrow.png) no-repeat center center; 
	opacity:0.7;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
	opacity:1;
}
/* Footer
-----------------------------*/
.footer {
	margin: -100px auto 0;
	max-width: 1400px;
	height: 50px;
	position: relative;
	border-top: 1px solid #EAEAEA;
	border-top-color: #DDDCDA;
	font-size: 85%;
	font-size: 95%;
}
.right-footer {
	float: left;
	width: 200px;
	margin-left: -200px;
	position: relative;
}
.left-footer {
	float: left;
	width: 200px;
	margin-left: -100%;
	position: relative;
}
.footer-text {
	padding: 10px 220px;
}
.counter
{
	float: right;
	margin-top: -15px;
	margin-right: 120px;
}
/* Стили при изменении разрешения экрана*/

.obyava
{
	padding-top: 5px;
	margin-left: 51%;
}
.poisk{
	
	float: left;
	width: 50%;
}


@media (max-width: 750px) and (min-width: 100px) 


{/* это будет показано при разрешении монитора до 750 пикселей */
	
	.adsbygoogle{
		
		
	}
}
@media screen and (max-width: 1600px) and (min-width: 1025px) 
{/* это будет показано при разрешении монитора jn 1025 до 1600 пикселей */
	#page {
		padding: 1px; 
		
	}
	#menu {
		
		display: block !important;
	}
	nav {display: none!important;}
	
	.wrapper  {max-width:1400px;}
	
	.nav-mobile {display: none;}
}
@media screen and (max-width: 1300px){
	.counter
	{
		float: right;
		margin-top: 15px;
		margin-right: 0px;
	}
}
@media screen and (max-width: 1280px)
{/* это будет показано при разрешении монитора jn 1025 до 1600 пикселей */
	#menu{
		padding: 0 0 0 220px;
	}
	#menu {
		
		display: block !important;
	}
	.counter
	{
		float: right;
		margin-top: 15px;
		margin-right: 0px;
	}
}  
@media screen and (max-width: 1350px) and (min-width: 300px) 
{/* это будет показано при разрешении монитора до 1350 пикселей */
	#menu li {
		float: left;
		font-size: 14px;
		font: 0.9em Arial,Helvetica,sans-serif;
		padding: 3px;
		list-style: none;
		margin-top: 5px;
	}
}


@import "compass/css3";

/* Setting things up */

a {
	text-decoration: none;
	color: #555;
}

#page {
	
}

#content {
	clear: both;
	padding-top: 1em;
}

nav a {
	color: #fff;
}

/* Important stuff */

ul.menu {
	padding: 0;
	width: 100%;
	
	li {
		list-style-type: none;
		display: block;
		float: left;
		background: #777;
		margin: 0;
		padding: .5em 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box; /* Fixes Firefox bug */
		box-sizing: border-box;
		width: 20%;
		text-align: center;
		
		&:hover {
		background: #888;
	}
}
}

a.open-panel, a.close-panel {
	display: none;
}

@media (max-width: 1312px) {
	.header, .b-head {
		height: 100%!important;
	}
}

@media (max-width: 1024px) and (min-width: 100px)  {
	.obyava
	{
		padding-top: 35px;
		margin-left: 1%;
	}
	.poisk{
		width: 90%;
		
	}
	.right-sidebar {display: none;}
	.head-right  {display: none;}
	.right-footer {display: none;}
	
	.left-sidebar{display: none;}
	.head-left  {display: none;}
	.left-footer {display: none;}
	.centr-head2 {
		padding: 0px;
	}
	.footer-text {
		padding: 0px;
	}
	
	#menu{
		display: none!important;
	}
	.content {
		padding: 0px;
	}
	.footer-text {
		padding: 0px;
	}
	.centr-head2 {
	padding: 0px;}
	
	
	
	.b-head {
		
		margin-top: 0px;
		
	}
	#hid {
		display:none;
	}
	#content {
		padding-top: 0;
	}
	.header {
		
		height: 165px;
	}
	/* Move nav off screen, setup transitions */
	nav {
		width: 70%;
		position: absolute;
		left: -70%;
		top: 0;
		height: 100%;
		background: #777;
	}
	
	/* Display nav items vertically */
	ul.menu {
		border-top: 1px solid #888;
		
		li {
			float: none;
			width: 100%;
			text-align: left;
			padding: .5em 1em;
			box-sizing: border-box;
			border-bottom: 1px solid #888;
		}
	}
	
	/* Reveal open/close buttons */
	a.open-panel, a.close-panel {
		display: inline;
	}
	
	.close-panel {
		position: relative;
		top: .5em;
		left: 1em;
	}
	
	.openNav #page {
		left: 0;
		-webkit-transform: translate3d(70%, 0, 0);
		-moz-transform: translate3d(70%, 0, 0);
		-ms-transform: translate3d(70%, 0, 0);
		-o-transform: translate3d(70%, 0, 0);
		transform: translate3d(70%, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
	}
	
	/* When the panel is closed, transition the page back to the left */
	#page {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
	}
}
.middle .link-com {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media screen and (max-width: 620px){
	/* .middle .link-com {
		float: none;
		width: 100%;
		margin-top: 0;
		
	} */
	/* .middle table tbody tr td:nth-child(3){
		display:block;
		float:left;
		}
		.middle table tbody tr{
		display:block;
	} */
}
@media (min-width: 1600px)  {
	#page nav{
		display: none;
	}
}  
.blok td {
	padding: 10px;
	white-space: nowrap;
}

.videoctege{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.videoctege iframe,.videoctege object, .videoctege embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#page .open-panel i{
	text-decoration: none!important;
}
.footer-text p {
	margin-top: 3px;
	margin-bottom: 0;
	float: left;
}

.footer-text{
	line-height: 1.2;
}
@media (max-width: 768px){
	.counter {
		float: none;
		text-align: center;
	}
	.footer-text{
		padding: 10px;
	}
	.footer-text p{
		margin-top: 10px;
		margin-bottom: 10px;
	}	
}
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	position: relative;
	/* border: 1px solid #ddd; */
}
@media (max-width: 767px) and (orientation: portrait){
	#comments-form p{
		margin-left: 0 !important;
	}
}
.p-menu .fullwidth{
	min-width: 100%;
	clear: both;
}
.p-menu .fullwidth a{
	margin-right: 10px;
}	
img.finger-hint {
	display: none;
	position: absolute;
	z-index: 6;
	left: 50%;
	margin-left: -62px;
	top: 140px;
	opacity: .55;
}
@media (max-width: 767px){
	img.finger-hint {
		display: block;
	}
}
@media (max-width: 767px) and (orientation: portrait){
	#j-material .share-block #vk_like{
		max-width: 150px!important;
	}
}        
span.divider img {
	visibility: hidden;
	display: none;
}
span.divider{
	position: relative;
}
li:not(.active) span.divider:after{
	content: "\f178";
	font: normal normal normal 13px/1 FontAwesome;
	color: #000;
	padding: 0 3px;
}
.d-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.d-flex.soc-bottom-row {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.safelink-soc,
.link-com {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}
@media (max-width: 374px){
	.d-flex.soc-bottom-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;  
	}
	.middle .link-com{
		min-height: 55px;
		margin-top: 25px;
	}
}    
.dropdown-toggle{
	display: none;
}
li.dropdown{
	padding: 0!important;
}
.dropdown.open .dropdown-toggle{
	display: block;
}
.category-desc {
    line-height: 1.45;
}
@media (max-width: 767px){
	.category-desc{
		line-height: 1.6;
	}
}
@media (min-width: 375px){
	#j-material .share-block{
		float: left;
	}
}
@media (max-width: 374px){
	#j-material .share-block{
		float: none;
		margin: 0 auto;
	}
	#j-material .article-info{
		text-align: center;
		float: none!important;
	}
}
#j-material img{
	max-width: 100%;
	height: auto;
	display: block;
}
#j-material .article-info + p{
	clear: both;
}
@media (max-width: 767px) and (orientation: portrait){
	#j-material #vk_like {
    width: 120px!important;
	}
	#j-material .share-block td:first-child{
		width: 120px!important;		
	}
	#j-material .share-block td:nth-child(2){
		width: 90px!important;		
	}
}	
@media (max-width: 767px) and (orientation: portrait){
	#share-on-mainpage{
		width: 100%;
	}	
	#share-on-mainpage > tbody > tr{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#share-on-mainpage > tbody > tr > td{
		margin: 5px 0;
	}
	#share-on-mainpage > tbody > tr > td:first-child{
		width: 230px!important;
	}
	#share-on-mainpage > tbody > tr > td:nth-child(2){
		width: 150px!important;
	}
	#share-on-mainpage > tbody > tr > td:nth-child(3){
		width: 92px!important;
	}
}
#share-on-mainpage{
	margin-bottom: 15px;
}
.smiles img{
	display: inline;
}
@media (max-width: 767px){
	#j-material p, #j-material ul li, #j-material ol li {
		font-size: 17px;
	}
}
.share-block-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
div#vk_like {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 767px) and (orientation: portrait){
	.share-block-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 75px;
	}
}
.blok table.table-nowrap td{
	white-space: normal 
}
@media (max-width: 640px){
  .blok table.table-nowrap tr:not(:first-child) td:last-child{
    white-space: nowrap
  }
}