/* ==================================================
						Главное
================================================== */

/* Документ
================================================== */
	body {
		background-color: #f5f5f5;
		font: 14px/normal "PT Sans", Arial, sans-serif;
		color: #565656;
    	-webkit-font-smoothing: antialiased; /* Утончение текста для Safari под Мак, фикс для webkit  */
    	-webkit-text-size-adjust: 100%; /* Размер текста для Safari под Мак на мобильном устройсте, фикс для webkit  */
    	-webkit-overflow-scrolling: touch; /*Скроллинг для iOS 5+*/
    	min-width: 715px; /* фикс для минимал разрешения, чтобы не резался фон */
 }


 

/* Типографика
================================================== */
	article h1, article h2, article h3, article h4, article h5, article h6 {
		color: #000;
		font-family: "PT Sans", Arial, sans-serif;
		font-weight: normal; }
	article h1 a, article h2 a, article h3 a, article h4 a, article h5 a, article h6 a { font-weight: inherit; }
	article h1 { font-size: 24px; line-height: normal; margin-bottom: 15px;}
	article h2 { font-size: 20px; line-height: normal; margin-bottom: 5px; margin-top: 15px; }
	article h3, 
	article h4, 
	article h5, 
	article h6 { font-size: 17px; line-height: normal; margin-bottom: 5px; margin-top: 15px; }

	article p { margin: 0; }
	article p img { margin: 0; }
	article p a, 
	article p a:visited { line-height: inherit; }

	em { font-style: italic; }
	strong, b, .bold { font-weight: bold; }
	small { font-size: 80%; }
	article strong { font-weight: bold; color: #000; }

/*	Цитаты  */
	blockquote, blockquote p { }
	blockquote { margin: 0 45px 0 0; padding: 15px 30px; background: #f5f5f5; position: relative; }
	blockquote:before { 
		content: ""; 
		display: block; 
		width: 15px; 
		height: 13px; 
		background: url(../images/blockquote.png) no-repeat; 
		position: absolute; 
		top: 7px;
		left: 8px;
	}
	/*	Сноска, ссылка  */
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, 
	blockquote cite a:visited, 
	blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

/* ==================================================
   Code и Pre
================================================== */

code, 
pre { padding: 0 3px 2px; color: #232527; font-size: 12px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace;}
code { padding: 2px 4px; border: 1px solid #dde4e9; background-color: #F6F6F6; color: #232527; white-space: nowrap;}
pre { display: block; margin: 70px 50px; padding: 30px; border: 1px solid #dde4e9; background-color: #FCFCFC; white-space: pre; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; font-size: 12px; line-height: 20px; }
pre code { padding: 0; border: 0; background-color: transparent; color: inherit; white-space: pre; white-space: pre-wrap; }

.pre-scrollable { overflow-y: scroll; max-height: 340px; }

/* Ссылки
================================================== */
	a { color: #398CAC; outline: 0; }
	a:visited {text-decoration: underline;}
	a:hover { color: #398CAC; text-decoration: none; }
	a:focus {}
	article a,
	article a:hover { color: #000 }


/* Списки
================================================== */
	article ul, 
	article ol { margin-bottom: 20px; }
	article ul { list-style: none outside; margin-left: 12px; }
	article ol { list-style: decimal; }
	article ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	article ul li:before { content: "– "; }
	/*article ul li { padding-left:  }*/
	article ul.square { list-style: square outside; }
	article ul.circle { list-style: circle outside; }
	article ul.disc { list-style: disc outside; }
	article ul.list-left li {float: left; padding: 10px;}
	article ul ul, 
	article ul ol,
	article ol ol, 
	article ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	article ul ul li, 
	article ul ol li,
	article ol ol li, 
	article ol ul li { margin-bottom: 6px; }
	article li { line-height: normal; margin-bottom: 0px; }

/* Картинки
================================================== */

	img.full-width {
		max-width: 100%;
		height: auto; }
	/* закруглкнные углы */
	.img-rounded {
  		-webkit-border-radius: 6px;
     	-moz-border-radius: 6px;
        border-radius: 6px;
	}
	/* рамкой */
	.img-polaroid {
  		padding: 4px;
  		background-color: #fff;
  		border: 1px solid #ccc;
  		border: 1px solid rgba(0, 0, 0, 0.2);
  		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	}
	/* круглое */
	.img-circle {
  		-webkit-border-radius: 500px;
     	-moz-border-radius: 500px;
        border-radius: 500px;
	}
	/* круглое 2 */
	.img-circle-2 {
  		-webkit-border-radius: 500px;
     	-moz-border-radius: 500px;
        border-radius: 500px;
        padding: 3px;
  		background-color: #cdcdcd;
	}

/* Таблицы
================================================== */
table {
  max-width: 100%;
  width: 100%;
  empty-cells: show;
}
table caption {
  text-transform: uppercase;
  padding: 0 1.0999999999999999em;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12.75px;
}
table th,
table td {
  border-bottom: 1px solid #e2e2e2;
  padding: 0.825em 1.0999999999999999em;
}

thead th, thead td {
    font-weight: bold;
    vertical-align: bottom;
}

table tfoot th,
table tfoot td {
  color: rgba(0, 0, 0, 0.4);
}

table.table-bordered td,
table.table-bordered th {
  border: 1px solid #eeeeee;
}
table.table-simple td,
table.table-simple th,
table.table-simple caption {
  border: none;
  padding-left: 0;
}
table.table-flat td,
table.table-flat th,
table.table-flat caption {
  border: none;
  padding: 0;
}
table.table-stroked td,
table.table-stroked th {
  border-bottom: 1px solid #eeeeee;
}
table.table-stripped tbody tr:nth-child(odd) td {
  background: #f8f8f8;
}
table.table-hovered tbody tr:hover td {
  background-color: #f5f4f4;
}
/* Responsive Tables */
.table-container {
  width: 100%;
  overflow: auto;
  margin-bottom: 1.65em;
}
.table-container table {
  margin-bottom: 0;
}
.table-container::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}
.table-container::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

/* Выравнивание
================================================== */

.alignright,
.alignleft { margin-bottom: 5px !important; margin-top: 5px !important; }
.alignright { margin-left: 10px !important; }
.alignleft { margin-right: 10px !important; }

.alignleft,
.align-left { float:left !important; }
.alignright,
.align-right { float:right !important; }
.align-center {margin: 0 auto !important;}
.text-align-left { text-align: left !important; }
.text-align-center { text-align: center !important; }
.text-align-right { text-align: right !important; }


/* Оступы
================================================== */

.margin-0                                       { margin-bottom:0 !important; }
.margin-5                                      	{ margin-bottom:10px !important; }
.margin-10                                      { margin-bottom:10px !important; }
.margin-15                                      { margin-bottom:15px !important; }
.margin-20                                      { margin-bottom:20px !important; }
.margin-25                                      { margin-bottom:25px !important; }
.margin-30                                      { margin-bottom:30px !important; }
.margin-35                                      { margin-bottom:35px !important; }
.margin-40                                      { margin-bottom:40px !important; }
.margin-50                                      { margin-bottom:50px !important; }
.margin-60                                      { margin-bottom:60px !important; }
.margin-70                                      { margin-bottom:70px !important; }
.margin-80                                      { margin-bottom:80px !important; }
.margin-85                                      { margin-bottom:85px !important; }

.padding-0 										{ padding-bottom: 0 !important; }

/* Фоны
================================================== */
.bg-tm-1 { background: #000000; }
.bg-tm-2 { background: #ffffff; overflow: hidden; }
.bg-tm-3 { background: #303030; }
.bg-tm-4 { background: #f5f5f5; }
.bg-tm-5:before {
	/* Элемент к которому применяется, должен быть relative */
	content: "";
	position: absolute;
	width: 100%;
	height: 40px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	top: -50px;
}

/* Курсоры
================================================== */
.cursor-default { cursor: default !important; }

/* Цвета
================================================== */
.red { color: #dd0000 !important; }
.green { color: #14ba0c !important; }

/* hover
========================================================== */
.opacity-hover-tm-1:hover {
	opacity: 0.65;
  	filter: alpha(opacity=65);
}

/* Position
========================================================== */
.fixed-topic-panel { position: fixed; top: 0; z-index: 1; }

/* Рамки
========================================================== */
.border-tm-1 { border: 1px solid #e2e2e2; }
.border-bottom-tm-1 { border-bottom: 1px solid #e2e2e2; }
.border-bottom-tm-2 { border-bottom: 1px solid #efefef; }
.border-bottom-tm-3 { border-bottom: 1px solid #e0dfde }
.border-top-tm-3 { border-top: 1px solid #e0dfde }
.border-none { border: none !important; }
.border-tm-1.topic-sticky-tm-1 { border: 1px solid #FFAD1D; }

.border-radius-3 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.border-radius-2 {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

/* Заголовки
========================================================== */
.page-header,
.title-tm-1 { color: #000000; text-align: center; font-size: 24px; margin-bottom: 10px; font-style: italic; }
.title-tm-2 { font-size: 16px; color: #000; }
.title-tm-3 { font-size: 18px; color: #000; margin-bottom: 20px; }
.title-tm-3 { font-size: 18px; color: #000; margin-bottom: 20px; }
.title-tm-4 { color: #000000; font-size: 24px; margin-bottom: 10px; }
.title-tm-5,
.title-tm-5 a { color: #c0c0c0; font-size: 14px; line-height: normal; text-decoration: none; }
.title-tm-5 a:hover { color: #c0c0c0; text-decoration: underline; }

/* position
========================================================== */
.relative {position: relative;}

/* ==================================================
						Сайт
================================================== */


/* Шапка
================================================== */
.header { font-size: 16px; padding: 13px 0 9px 0; }
.header,
.header a { color: #ffffff; }

.header .logo { font-size: 28px; font-weight: bold; position: relative; top: -2px; }
.header .logo a { text-decoration: none; }

.header .auth { margin-top: 7px; }
.header .auth a { text-decoration: none; }
.header .auth li { float: left; margin-left: 30px; padding-left: 20px; }
.header .auth .login { background: url(../images/auth-login.png) no-repeat left center; }
.header .auth .reg { background: url(../images/auth-reg.png) no-repeat left center; }


/* Шапка профиль
================================================== */
.top-profile { height: 37px; position: relative; }

.top-profile .topic-button-add { position: relative; z-index: 3; }

.top-profile .topic-button-add.auth-add {
	position: absolute;
    left: -127px;
    top: -6px;
}

.profile-bar { display: inline-block; }
.profile-bar li { display: inline-block; margin-left: 5px; position: relative; }
.profile-bar li:first-child { margin-left: 15px; }
.profile-bar li.profile-news .label { right: -5px; }

.profile-bar .label {
	line-height: 8px;
    position: absolute;
    top: -3px;
    right: -2px;
    width: 14px;
    height: 13px;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #dd0000;
    border: 1px solid #000000;
   	font-weight: bold;
}
.profile-bar .label span {
	font-size: 9px;
    color: #fff;
}

.profile-user a { text-decoration: none; }

.profile-user { display: inline-block; margin-left: 10px; }
.profile-user .author { height: 24px; z-index: 4;  }
.profile-user .author span { position: relative; top: 5px; }
.profile-user .author img { top: -3px; z-index: 3; }
.profile-user .author:hover { color: #ffffff; }

.profile-user:hover .profile-user-menu { display: block; }
.profile-user .profile-user-menu { 
	display: none;
	position: absolute;
	width: 188px;
	top: 27px;
	right: 0;
	font-size: 14px;
	background: #444444;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	z-index: 2;
	padding-top: 21px;
	-webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.profile-user .profile-user-menu a { padding: 10px; display: block; color: #ffffff; border-bottom: 1px solid #696969; }
.profile-user .profile-user-menu a:hover,
.profile-user .profile-user-menu a.active { background: #5B5B5B; }
.profile-user .profile-user-menu:before { content: ""; position: absolute; width: 102%; background: #000; height: 22px; top: 0px; left: -1px; }
.profile-user .profile-user-menu:after { 
	content: ""; 
	position: absolute; 
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 10px solid #444444;
	top: 12px;
	right: 20px;
}
.profile-user .profile-user-menu li:last-child a { border: none; }
.profile-user .profile-user-menu li:last-child a:hover,
.profile-user .profile-user-menu li:last-child a.active { 
	-webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}  

.profile-user .profile-user-menu .icon { position: relative; top: 2px; margin-right: 2px; }


/* Меню в шапке
================================================== */
.menu-top,
.menu-top a { color: #000; font-size: 16px; }
.menu-top a { padding: 16px 20px 17px 20px; display: block; text-decoration: none; }
.menu-top a:hover,
.menu-top a.active { background: #e0dfde; }
.menu-top li { float: left; }

.menu-top a#pull { display: none; }

.mobile-phone { display: none; }

/* Слайдер
================================================== */
.slider {
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 250px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.slider ul {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 754px;
}
.slider li { font-style: italic; font-size: 24px; color: #000; float: left; width: 26%; padding: 10px 0 10px 50px; background: url(../images/slider_icon.png) no-repeat; }
.slider li:last-child { margin: 0; }
.slider li:nth-child(1) { background-position: 0 0; }
.slider li:nth-child(2) { background-position: 0 -63px; }
.slider li:nth-child(3) { background-position: 0 -121px; }

.slider span {
	display: block;
	width: 165px;
	height: 120px;
	background: url(../images/slider_img.png) no-repeat;
	position: absolute;
}
.slider span.img1 { background-position: 0 0; left: 0; top: 0; }
.slider span.img2 { background-position: 0 -131px; left: 0; bottom: 0; }
.slider span.img3 { background-position: -392px 0; left: 40%; top: 0; }
.slider span.img4 { background-position: -795px 0; right: 0; top: 0; }
.slider span.img5 { background-position: -795px -121px; right: 0; bottom: 0; height: 130px; }

.slider .button-center {
	position: absolute;
    top: 75%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.slider .button-center .icon-comment-1,
.slider .button-center .icon-rules-1 { position: relative; top: 3px; }
.slider .button-center .button.tm-1 { margin-right: 5px; }

/* Меню
================================================== */
.is-sticky  .shop-sticky:before,
.is-sticky  .shop-sticky:after { 
	content: "";
	height: 82px;
	width: 100%;
	position: absolute;
	top: 0;
	background: rgba(255, 255, 255, .8);
}
.is-sticky  .shop-sticky:before { left: -100%; }
.is-sticky  .shop-sticky:after { right: -100%; }

.is-sticky #main-menu-sticky { z-index: 5; background: rgba(255, 255, 255, .8); padding-top: 20px; }
.is-sticky #main-menu-sticky .topic-button-add { display: block; }
#main-menu-sticky .topic-button-add { display: none; }
#main-menu-sticky .topic-button-add {
	position: absolute;
	right: 4px; top: 4px; 
	background: #40B5D7; 
	color: #ffffff;
	padding: 8px 15px 7px 15px; 
}
#main-menu-sticky .topic-button-add .icon-topic-add { background: url(../images/icon-topic-add-v2.png) no-repeat;}

.main-menu { margin: 0; font-size: 16px; height: 58px; }
.main-menu .col-1 { margin-right: 14px; margin-left: 1px; position: relative;}
.main-menu .col-1 .btn-menu {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-right: 50px;
}
.main-menu .col-1 .btn-menu.active { background: #ffffff; }
.main-menu .col-1 .btn-menu .icon-dotted { position: relative; top: 6px; margin-right: 10px; }
.main-menu .col-1:hover .btn-menu { background: #4c4c4c; color: #ffffff; }
.main-menu .col-1:hover .btn-menu .icon-dotted { background: url(../images/icon_category_hover.png) no-repeat; }
.main-menu .col-1:hover .btn-menu { border-color: #4c4c4c; }

.main-menu .col-1 .slow-menu {
	position: absolute;
	top: 41px;
	overflow: auto;																		
	display: none;
	border: 1px solid #4c4c4c;
	width: 100%;
	-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	z-index: 7;
}
.main-menu .col-1 .slow-menu li a { padding: 10px 15px; }
.main-menu .col-1 .slow-menu li a:hover,
.main-menu .col-1 .slow-menu li a.active { background: #f1f1f1; }
.main-menu .col-1 li:hover > .slow-menu { display: block; }

/* .action-page-blogs #blogs-list-original .level0 { display: none; }
 
.action-page-page .topic-content {
	white-space: pre-line;
}*/
.main-menu .col-2 { 
	width: 994px; }

.main-menu a { padding: 10px 15px 11px 24px; display: block; background: #ffffff; color: #000; text-decoration: none; }
.main-menu a.active { background: #e0dfde; }

.main-menu a#pullsub { display: none; }

/* Главное меню */
.main-menu nav.menu { 
	overflow: hidden; 
	 -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
}
.main-menu nav.menu ul { }
.main-menu nav.menu li {float: left;}
.main-menu nav.menu a {}
.main-menu nav.menu a:hover,
.main-menu nav.menu a:active {}
.main-menu nav.menu a#pull {display: none;} /* Прячем кнопку меню */


.main-menu .btn-menu.phone { display: none; }

/* menu-sub
================================================== */
#main-menu-sticky-ul { z-index: 5; padding-bottom: 20px;}
.sticky-wrapper-2.is-sticky #main-menu-sticky-ul { 
	background: rgba(255, 255, 255, .8); 
	padding-top: 20px; 
	width: 100% !important; 
	left: 0;
}
.sticky-wrapper-2.is-sticky .nav.nav-pills {
	margin: 0 auto; 
	width: 957px; 
	position: relative; left: 121px; 
}

#main-menu-sticky-3 { z-index: 5; padding-bottom: 20px; }
.sticky-wrapper-3.is-sticky #main-menu-sticky-3 { background: rgba(255, 255, 255, .8); padding-top: 20px;  }

.nav.nav-pills { 
	font-size: 16px; 
	width: 100%; 
	z-index: 5; 
	background: #ffffff; 
	overflow: hidden; 
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
}
.nav.nav-pills a {
	padding: 10px 15px 11px 15px;
    display: block;
    background: #ffffff;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
}
.nav.nav-pills li { float: left; }
.nav.nav-pills li:hover a,
.nav.nav-pills li.active a {background: #e0dfde;}
.nav.nav-pills li a span { color: #565656; font-size: 12px; }

.nav.nav-sidebar { font-size: 16px; margin-top: 5px; }
.nav.nav-sidebar a { display: block; color: #000; text-decoration: none; padding: 4px 15px 4px 15px; }
.nav.nav-sidebar a.active,
.nav.nav-sidebar a:hover { background: #f1f1f1; }
.nav.nav-sidebar span { font-size: 12px; color: #565656; }

.nav.nav-sidebar-tm-1 {
	overflow: hidden;
    border-bottom: 1px solid #f3f3f3;
}
.nav.nav-sidebar-tm-1,
.nav.nav-sidebar-tm-1 a { color: #000; font-size: 13px; text-decoration: none; }

.nav.nav-sidebar-tm-1 li {
    float: left;
    text-align: center;
    padding: 10px 0;
}
.nav.nav-sidebar-tm-1 li:nth-child(1) {width: 62px;}
.nav.nav-sidebar-tm-1 li:nth-child(2) {width: 77px;}
.nav.nav-sidebar-tm-1 li:nth-child(3) {width: 85px;}
.nav.nav-sidebar-tm-1 li:hover { background: #f3f3f3; }

.nav.nav-sidebar-tm-1 li span { color: #565656; display: block; font-size: 16px; }


/* Лента топиков
================================================== */
.main-container { /* overflow: hidden; */ }

.topic-list { width: 1220px; background: #F5F5F5; }

/* Тема топиков 0 */
.topic-list .topic-item {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 18px;
	background: #ffffff;
	position: relative;
}
.topic-list .topic-item.opacity-fix { opacity: 0;  }

.topic-list .topic-item .topic-avatar { display: block; }

.topic-list .topic-item .text-container {
	padding: 10px;
	position: relative;
}

.topic-list .topic-item .text-container .description {
	max-height: 206px;
    overflow: hidden;
}

.topic-list .topic-item { font-size: 13px; }

.topic-list .topic-time { font-style: italic; color: #9e9e9e; font-size: 13px; position: absolute; top: 8px; right: 10px; }

.topic-list .topic-item .author span { display: block; }
.topic-list .topic-item .author-blog {
    position: absolute;
    z-index: 2;
    top: 28px;
    left: 60px;
    font-size: 13px;
    color: #c0c0c0;
    width: 156px;
    min-height: 24px;
    text-decoration: none;
}
.topic-list .topic-item .author-blog:hover { text-decoration: underline; }


/* Тема топиков 1 */
.topic-list .topic-item.tm-1 { margin-bottom: 0; overflow: hidden; }
.topic-list .topic-item.tm-1 .topic-avatar { display: block; height: 160px; }
.topic-list .topic-item.tm-1 .text-container {position: relative;min-height: 101px; }
.topic-list .topic-item.tm-1 .bg-tm-5:before { top: inherit; bottom: 0; left: 0; height: 60px; }

/* Тема топиков 2 */
.topic-list .topic-item.tm-2 {}
.topic-list .topic-item.tm-2 .user-info {  
	-webkit-box-shadow: inset 0px 0px 45px 23px rgba(50, 50, 50, 0.13);
	-moz-box-shadow:    inset 0px 0px 45px 23px rgba(50, 50, 50, 0.13);
	box-shadow:         inset 0px 0px 45px 23px rgba(50, 50, 50, 0.13);
}
.topic-list .topic-item.tm-2 .user-info { padding: 15px; }
.topic-list .topic-item.tm-2 .user-info .avatar { width: 75px; margin: 0 auto; display: block; }
.topic-list .topic-item.tm-2 .user-info .name { font-size: 18px; text-align: center; border-bottom: 1px solid #a8b3b3; margin: 3px 0 5px 0; padding-bottom: 5px; }
.topic-list .topic-item.tm-2 .user-info .name a { color: #000; position: relative; text-decoration: none; }
.topic-list .topic-item.tm-2 .user-info .name a:hover { text-decoration: underline; }
.topic-list .topic-item.tm-2 .user-info .name span { position: absolute; left: -11px; top: 9px; }
.topic-list .topic-item.tm-2 .info { text-align: center; font-size: 16px; margin-bottom: 15px; }
.topic-list .topic-item.tm-2 .info .rating { display: inline-block; margin-right: 15px; }
.topic-list .topic-item.tm-2 .info .rating:last-child { margin-right: 0; }
.topic-list .topic-item.tm-2 .info .rating span { display: block; color: #000000; }
.topic-list .topic-item.tm-2 .info .rating span:first-child { }
.topic-list .topic-item.tm-2 .info .rating span:last-child {  font-weight: bold; }
.topic-list .topic-item.tm-2 .button { width: 150px; padding: 8px 0 10px 0; text-align: center; margin: 15px auto; display: block; }
.topic-list .topic-item.tm-2 .bg-tm-5 { position: relative;}
.topic-list .topic-item.tm-2 .bg-tm-5:before { top: -40px; }
.topic-list .topic-item.tm-2 .nav.nav-sidebar-tm-1 li:nth-child(3) {width: 87px;}
.topic-list .topic-item.tm-2 .user-info .name .user-type {font-size: 12px; text-align: center; position: relative; top: -1px; }


/* Блок информация о топике (рейтинг, комменты, и т.д.)
================================================== */
.topic-info { padding-top: 7px; border-top: 1px solid #e2e2e2; margin-top: 15px; position: relative;}
.topic-info a { text-decoration: none; color: #565656; }
.topic-info li { float: left; padding: 3px 5px 1px 6px; margin-bottom: 11px; margin-right: 2px; }
.topic-info li:last-child { margin-right: 0; }
.topic-info li.active {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.topic-info li.topic-like.active { background: #ed0038; /* margin-left: 5px; */ }
.topic-info li.topic-like.active { color: #ffffff; }
.topic-info li.topic-like a:hover { text-decoration: none; }
.topic-info li.topic-favorite.active { background: #ffad1d; color: #ffffff; }
.topic-info li.topic-time { font-weight: bold; font-style: italic; color: #9e9e9e; }
.topic-info li.topic-views {}
.topic-info li.topic-spam { font-size: 13px; }
.topic-info li.topic-spam,
.topic-info li.topic-spam a { color: #c0c0c0; }
.topic-info li.topic-spam a:hover { text-decoration: underline; }


.topic-info-v2 { padding-top: 7px; border-top: 1px solid #e2e2e2; margin-top: 15px; position: relative; font-size: 13px;}
.topic-info-v2 a { text-decoration: none; color: #565656; }
.topic-info-v2 li { float: left; padding: 5px 5px 2px 6px; margin-bottom: 11px; margin-right: 5px; }
.topic-info-v2 li:last-child { margin-right: 0; }
.topic-info-v2 li.active {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.topic-info-v2 li.topic-like { background-color: #F2F2F2; padding: 5px 7px 3px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.topic-info-v2 li.topic-like.active { background: #ed0038; margin-left: 5px; }
.topic-info-v2 li.topic-like.active a { color: #ffffff; }
.topic-info-v2 li.topic-like a:hover { text-decoration: none; }

.topic-info-v2 li.topic-favorite { background: #f2f2f2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 4px 8px 4px 8px; }
.topic-info-v2 li.topic-favorite.active { background: #ffad1d; }
.topic-info-v2 li.topic-favorite.active a { color: #ffffff; }
.topic-info-v2 li.topic-favorite .count { font-size: 12px; }
.topic-info-v2 li.topic-favorite i { position: relative; top: 1px; }

.topic-info-v2 li.topic-time { font-weight: bold; font-style: italic; color: #9e9e9e; }
.topic-info-v2 li.topic-views {}
.topic-info-v2 li.topic-spam { font-size: 13px; }
.topic-info-v2 li.topic-spam,
.topic-info-v2 li.topic-spam a { color: #c0c0c0; }
.topic-info-v2 li.topic-spam a:hover { text-decoration: underline; }

.topic-info-v3 { margin: 6px 0 2px 0; }
.topic-info-v3,
.topic-info-v3 a { color: #9e9e9e; font-size: 12px; }
.topic-info-v3 li { float: left; margin-right: 10px; }
.topic-info-v3 li:last-child { margin-right: 0; }
.topic-info-v3 li.topic-time {font-weight: bold; font-style: italic;font-size: 13px;}
.topic-info-v3 .icon { margin-right: 3px }
.topic-info-v3 .icon-spam-v3 { margin-right: 0; }

/* Добавление фотосета
================================================== */
.photoset-upload { position: relative; }
.photoset-upload .img-remove {
	display: block; 
	width: 24px; 
	height: 24px; 
	position: absolute; 
	right: -11px; 
	top: -13px;
	float: right;
	text-indent: -9999px;
	background: url(../images/icon-img-remove.png) no-repeat;
	z-index: 2;
}

.photoset-upload .photoset-img { display: inline-block; position: relative; margin-bottom: 10px; max-width: 100%; }
.photoset-upload .photoset-img img { margin-bottom: 0; margin-top: 0; }
.photoset-upload ul,
.photoset-upload ul li { margin: 0; padding: 0; margin-bottom: 30px; text-align: center; position: relative; }
.photoset-upload ul li:before { display: none; }
.photoset-upload textarea { height: 112px; /* margin: 10px 0 0 0; */ }
.photoset-upload textarea,
.photoset-upload .note { text-align: left; }
.photoset-upload .chars_counter {    
	position: absolute;
    left: 131px;
    font-size: 12px;
    color: #aaa;
    bottom: 0px; 
}

.photoset-upload .markItUpHeader { text-align: left; }
.photoset-upload textarea { margin-top: 0; }
.photoset-upload .editor-cut,
.photoset-upload .editor-video,
.photoset-upload .editor-picture,
.photoset-upload .editor-code { display: none; }

.photoset-upload .upload-btn {
	display: block;
    color: #000;
    background: #e0dfde;
    text-decoration: none;
    text-align: center;
    padding: 9px 0 11px 0;
    width: 228px;
    margin: 0 auto 25px auto;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.photoset-upload .upload-btn:hover { opacity: 0.65; filter: alpha(opacity=65); }
.photoset-upload .upload-btn i { position: relative; top: 4px; margin-right: 2px; }

.photoset-upload .marked-preview,
.photoset-upload .mark-as-preview {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 3px);
    width: calc(100% - 3px);
    border: 3px solid #f9c202;
}
.photoset-upload .mark-as-preview { 
	opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.photoset-upload .photoset-img:hover .mark-as-preview { 
	opacity: 1; filter: alpha(opacity=100); 
	text-decoration: none;
}
.photoset-upload .photoset-img .mark-as-preview .title {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .65);
	padding: 10px 0;
    color: #fff;
    font-size: 14px;
}


.topic-add #groups .col-1 { float: left; }
.topic-add #groups .col-2 { margin-top: 42px; }

/* фикс для подключения селектов, если в tpl добавить col-[1,2] ломается js */
.action-photoset.event-add .topic-add #groups { position: relative; }
.action-photoset.event-add .topic-add #groups  .select-width-150 {
	position: absolute;
    left: 278px;
    top: 109px
}
.action-photoset.event-add .topic-add #groups  .note.select-fix {
	position: absolute;
    left: 278px;
    top: 146px;
}

/* Блок автор
================================================== */
.author { 
	display: table; 
	height: 40px; 
	position: relative; 
	z-index: 1; 
	padding-left: 50px; 
	font-size: 16px; 
	color: #000; 
	text-decoration: none; 
}
.author:hover { text-decoration: underline; color: #000; }
.author span { display: table-cell; vertical-align: middle; }
.author img { width: 40px; height: 40px; position: absolute; left: 0; }

.author-2:hover,
.author-2 { color: #000; text-decoration: none; display: inline-block; }
.author-2 img { width: 20px; height: 20px; position: relative; top: 5px; margin-right: 5px; }

/* Поделиться
================================================== */
.social-2 { overflow: hidden; font-size: 18px; }
.social-2 li { float: left; margin-right: 5px; }
.social-2 li a { color: #C0C0C0; }
.social-2 li:last-child { margin-right: 0; }
.social-2 li:first-child { font-size: 15px; margin-right: 10px; }
.social-2 .icon { width: 22px; height: 22px }
.social-2 a:hover { opacity: 0.85; filter: alpha(opacity=85); }
.social-2 .pinterest { width: 22px; height: 22px }
.social-2 .pinterest i { position: relative; top: 1px; left: 4px; }

/* Теги
================================================== */
.tags {  position: relative; }
.tags,
.tags a { color: #c0c0c0; font-size: 13px; }
.tags a { text-decoration: underline; }
.tags a:hover { text-decoration: none; }
.tags li { display: inline-block; }

a#pulltags { 
	display: none; 
	color: #c0c0c0; 
	font-size: 13px; 
	text-align: right;
    margin-right: 7px;
    clear: both;
}

.topic-tags-button {
	cursor: pointer;
	vertical-align: top;
	padding: 5px 7px;
	color: #333;
	font-size: 15px;
	background: rgb(250, 250, 250);
	border: 1px solid #f5f3f3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 2px 5px -2px #a0a0a0;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
a.topic-tags-button:hover, a.topic-tags-button:focus {
	background: #f1f1f1;
	color: #333;
}
.topic-tags-wrap {
	position: relative;
}
.topic-tags-popup {
	position: absolute;
	top: 30px;
	left: 0;
	display: none;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 60px;
	background: #fff;
	z-index: 4;
}
.topic-tags-popup h4 {
	margin-top: 0;
}
.topic-tags-popup.active {
	display: block;
}
.topic-tags-list:before, .topic-tags-list:after {
	content: "";
	clear: both;
}
.topic-tags-list li {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
.topic-tags-list li > a {
	color: #4c68dd;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}
.topic-tags-list li:before {
	content: "";
}
.topic-tags-list li > a.selected {
	color: #333;
	text-decoration: none;
	cursor: default;
}
.topic-tags-selected {
	display: inline-block;
	max-width: 872px;
}
.topic-tag {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding-left: 16px;
}

.topic-tag i {
	position: absolute;
	cursor: pointer;
	left: 1px;
	top: 2px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-ms-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
.topic-tag i:hover {
	color: #ff7772;
}

/* Парсер для aliexpress.com
================================================== */
.parser-aliexpress { padding: 10px 20px; font-size: 13px; }
.parser-aliexpress .avatar { float: left; width: 60px; margin-right: 10px; }
.parser-aliexpress .black { color: #000; text-decoration: none; }
.parser-aliexpress .black:hover { text-decoration: underline; }
.parser-aliexpress .title { margin: 5px 0 3px 0; }
.parser-aliexpress .piece { margin-bottom: 15px; }
.parser-aliexpress .source {}

/* Статус онлайн/офлайн. Родитель должен быть relative
================================================== */
.status { position:absolute; width: 7px; height: 7px; display: block; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; }
.status.online { background: #18a709; }
.status.offline{ background: #b1b1b1; }

/* Награды
================================================== */
.honors { position: relative; text-align: center; min-height: 32px; }
.honors ul {
	display: inline-block;
    margin: 0;
}
.honors li { float: left; margin-right: 10px; margin-bottom: 10px; }
.honors li:last-child { margin-right: 0; }

/* Листинг
================================================== */
.list-stream { clear: both; font-size: 13px; }
.list-stream li { min-height: 35px; padding: 7px 0; border-bottom: 1px solid #e2e2e2; overflow: hidden; }
.list-stream li:last-child { border-bottom: none; }
.list-stream li time,
.list-stream li span.time { color: #9e9e9e; font-size: 13px; font-style: italic; display: block; float: right; }
.list-stream li a { display: block; /* width: 152px; */ float: left; margin-bottom: 5px; }

.list-user-random { font-size: 16px; overflow: hidden; }
.list-user-random a { color: #000; text-decoration: none; }
.list-user-random a:hover { color: #000; }
.list-user-random li { 
	position: relative; 
	display: table; 
	padding: 9px 10px 9px 60px; 
	border-bottom: 1px solid #e2e2e2; 
	width: 100%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	height: 59px;
}
.list-user-random li img { position: absolute; top: 9px; left: 10px; width: 42px; height: 42px; }


.list-blog-list { font-size: 13px; margin-bottom: 7px; }
.list-blog-list a { color: #000; text-decoration: none; }
.list-blog-list a:hover { color: #000; }
.list-blog-list li { 
	position: relative; 
	display: table; 
	padding: 15px 30px 15px 53px; 
	border-bottom: 1px solid #e2e2e2; 
	width: 100%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	min-height: 60px;
}
.list-blog-list .name { display: table-cell; vertical-align: middle; }
.list-blog-list .rating { 
	position: absolute; 
	top: 21px;
	right: 0;
	color: #9e9e9e;
	padding-left: 16px;
	background: url(../images/icon-topic-info-v3.png) no-repeat 0 1px;
}
.list-blog-list .blog-avatar { position: absolute; top: 7px; left: 0; overflow: hidden; width: 42px; height: 42px; border: 1px solid #ededed; }
.list-blog-list .blog-avatar .img {
	background-position: center;
    width: 44px;
    height: 44px;
}

.list-user-avatar { font-size: 16px; overflow: hidden; width: 105%; }
.list-user-avatar a { color: #000; text-decoration: none; }
.list-user-avatar a:hover { color: #000; }
.list-user-avatar li { 
	position: relative; 
	display: table; 
	padding: 0px 10px 0px 50px; 
	width: 176px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	height: 42px;
	float: left;
	margin-bottom: 28px;
}
.list-user-avatar li:hover {opacity: .85;}
.list-user-avatar li img { position: absolute; top: 0px; left: 0px; width: 42px; height: 42px; }
.list-user-avatar li .name { display: table-cell; vertical-align: middle; }
.list-user-avatar li .name:hover { text-decoration: underline; }

.list-arrow li { padding-left: 13px; position: relative; margin-bottom: 12px; }
.list-arrow li:before { content: "»"; position: absolute; left: 0; top: 0; }

/* Нотисы
================================================== */
.system-message-error 	{ background: #f0c8c8; color: #b22626; padding: 10px 15px; margin-bottom: 15px; }
.system-message-notice 	{ background: #dafad8; color: #4bb23b; padding: 10px 15px; margin-bottom: 15px; }

.notice-empty 			{ text-align: center; margin: 30px 0; }
.notice-empty a 		{ color: #000; }

/* Табы
================================================== */

/* horizontal */
.tabs-default .horizontal { margin: 0; }
.tabs-default .horizontal li i { margin-right: 3px; }
.tabs-default .horizontal li {display: inline-block;}
.tabs-default .horizontal li:first-child { margin-left: 21px; }
.tabs-default .horizontal li a {
	padding: 10px 12px;
	font-size: 16px;
	color: #565656;
	text-decoration: none;
	-webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}
.tabs-default .horizontal li.active a {
	background: #e0dfde;
	border: none;
	color: #000;
	display: inline-block;
	cursor: pointer;
}

.tabs-default .horizontal li.active a:hover { 
	border: none;
	text-decoration: none;
}
.tabs-default .horizontal li .icon-comment-2 { position: relative; top: 2px; }
.tabs-default .horizontal li .icon-like-2 {position: relative; top: 4px}

.tabs-default .horizontal li .count { font-size: 12px; color: #565656; }

/* Категория
================================================== */
.category-block { margin-bottom: 25px; }
.category-block p { width: 516px; margin: 0 auto; }

.category-menu { position: relative; text-align: center; }
.category-menu .center{ 
	width: 65%; 
	position: relative;
    left: 50%;
    margin-left: -34%;
}
.category-menu ul {
	display: inline-block;
	/* position: absolute;
	    left: 50%;
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    transform: translateX(-50%); */
}
.category-menu li { 
	float: left; 
	margin-right: 5px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 5px;
}
.category-menu li:last-child { margin-right: 0; }

.category-menu li a { 
	display: block; 
	padding: 1px 10px 3px 10px; 
	color: #ffffff;
	text-decoration: none;
}
.category-menu li:hover { opacity: 0.65; filter: alpha(opacity=65); }

.category-menu .color-1 { background: #0070ed !important; }
.category-menu .color-2 { background: #12b365 !important; }
.category-menu .color-3 { background: #dd2488 !important; }
.category-menu .color-4 { background: #7224dd !important; }
.category-menu .color-5 { background: #cd981a !important; }
.category-menu .color-6 { background: #0ab4b2 !important; }
.category-menu .color-7 { background: #af4f0f !important; }



.category-menu .flexMenu-viewMore.active .flexMenu-popup {
	display: block !important;
	width: 416px;
    right: 0;
    top: 32px;
    z-index: 2;
	background: #ffffff;
	padding: 10px;
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
.category-menu .flexMenu-viewMore.active .flexMenu-popup:before {
	content: "";
    position: absolute;
    width: 100%;
    background: transparent;
    height: 13px;
    top: -10px;
    left: 0px;
}
.category-menu .flexMenu-viewMore.active .flexMenu-popup:after {
	content: "";
    position: absolute;
    top: -10px;
    right: 16px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #FFFFFF;
}
.category-menu .flexMenu-viewMore { background: #ED6D00; }
.category-menu .flexMenu-viewMore.active {background: #000;  opacity: 1; filter: alpha(opacity=100); position: relative;}


/* Топик
================================================== */
.topic .padding { padding: 20px; }
.topic .padding-v2 { padding: 0px 20px 15px 20px; }
.topic .tags {  clear: both; }
.topic .topic-title { line-height: 28px; }
.topic-type-photoset {}

/* переопределение */
.topic .topic-info-v2,
.topic .topic-info { margin-top: 0; border-top: none; padding-top: 10px; }

.panel-sticky { padding: 0 20px; width: 915px; overflow: visible; height: 45px; }
.panel-sticky .social-2 { padding: 10px 0; }
.panel-sticky #pullsocial { display: none; }

.to-draft-button {
	padding: 10px 20px;
}



/* Контент
================================================== */

.text img.image-center { display: block; margin: 0 auto; }
.text img { max-width: 100%; display: block; margin: 0 auto; margin: 30px 0; }
.topic-type-photoset .text img {margin: 30px auto}

/* Блоки
================================================== */
.block {margin-bottom: 20px; background: #fff; }
.block .description { font-size: 13px; }

/* Топики автора */
.block.type-more-topic-author { overflow: hidden; padding: 10px 20px 20px 20px; }
.block.type-more-topic-author .name { padding: 5px; background: #f5f5f5; }
.block.type-more-topic-author .avatar { width: 20px; position: relative; top: 5px; margin: 0 0 0 5px; }
.block.type-more-topic-author a { color: #000; text-decoration: none; }
.block.type-more-topic-author a:hover { text-decoration: underline; }
.type-more-topic-author .topic-list { width: 1200px !important; }

/* Похожие топики */
.block.type-similar { overflow: hidden; background: none; }
.block.type-similar .topic-info { padding-top: 7px; border-top: 1px solid #e2e2e2; margin-top: 15px;}

/* Информация об авторе на странице топика при скролле */
.user-info-sticky {
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.user-info-sticky.fixed { 
	position: fixed !important; 
	top: -100px; 
	width: 226px; 
	-webkit-transform: translateY(115px);
    -moz-transform: translateY(115px);
    -o-transform: translateY(115px);
    -ms-transform: translateY(115px);
    transition: all 0.2s ease-in-out;
}

/* Информация о блоге  при скролл */
#block_blogs_info { z-index: 5; }

.type-blog-info {
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.type-blog-info.fixed { 
	position: fixed !important; 
	top: -200px; 
	width: 204px; 
	-webkit-transform: translateY(220px);
    -moz-transform: translateY(220px);
    -o-transform: translateY(220px);
    -ms-transform: translateY(220px);
    transition: all 0.2s ease-in-out;
    z-index: 7;
}

.type-blog-info .topic-info li { float: left; padding: 3px 4px 1px 5px; margin-bottom: 11px; margin-right: 0; }

/* Информация о блоге  при скролл */
.type-profile-info {
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.type-profile-info.fixed { 
	position: fixed !important; 
	top: -300px; 
	width: 226px; 
	-webkit-transform: translateY(320px);
    -moz-transform: translateY(320px);
    -o-transform: translateY(320px);
    -ms-transform: translateY(320px);
    transition: all 0.2s ease-in-out;
    z-index: 7;
}
.type-profile-info.fixed .block-description,
.type-profile-info.fixed .nav.nav-sidebar { display: none; }

.type-profile-info-mail {
	margin: 0 auto 20px auto;
    width: 201px;
}

.sticky-2 { position: relative; top: -600px; }

.action-topic { position: relative; top: -8px; margin-left: 7px; }
.action-topic,
.action-topic a { color: #000; font-size: 11px; text-decoration: none; }
.action-topic a:hover { text-decoration: underline; }
.action-topic i { margin-right: 4px; position: relative; top: 1px;}
.action-topic li { float: left; margin: 0 0 0 10px; }
.action-topic li:first-child { margin: 0; }
.action-topic li:before { content: ""; display: none;  }

/* Блок информация о блоге */
.block.type-blog-about { padding: 0 !important; }
.block.type-blog-about a { color: #000; text-decoration: none; }
.block.type-blog-about a:hover { text-decoration: underline; }
.block.type-blog-about .block-header { background: #f2f2f2; padding: 13px 0 14px 0; }
.block.type-blog-about .block-header h3 { color: #22190a; font-size: 18px; text-align: center; }
.block.type-blog-about .block-content { padding: 10px 10px 7px 10px; }

/* Блок информация пользователя в топике */
.block.type-profile-about { padding: 15px;  width: 194px; }
.block.type-profile-about .avatar { width: 42px; height: 42px; margin-right: 20px;  float: left; }
.block.type-profile-about .title-name { color: #000; text-decoration: none; display: inline-block; position: relative; }
.block.type-profile-about .header-block { padding-bottom: 15px; }
.block.type-profile-about .info .rating { display: inline-block; margin-right: 10px; }
.block.type-profile-about .info .rating span { display: block; }
.block.type-profile-about .info .rating span:first-child { color: #c0c0c0; }
.block.type-profile-about .info .rating span:last-child { color: #000000; font-weight: bold; }
.block.type-profile-about .status { left: -11px; top: 7px; }
.block.type-profile-about .block-content { }
.block.type-profile-about .button { width: 150px; padding: 8px 0 10px 0; text-align: center; margin: 15px auto 10px auto; display: block; }
.block.type-profile-about .button-message {
	width: 50px !important;
	margin-left: 10px;
}

/* Блок информация пользователя в профиле */
.block.type-profile-info { padding: 0 !important; overflow: hidden; }
.block.type-profile-info .block-header { 
	background: url(../images/profile_block_bg.png); 
	-webkit-box-shadow: inset 0px 0px 45px 23px rgba(50, 50, 50, 0.13);
	-moz-box-shadow:    inset 0px 0px 45px 23px rgba(50, 50, 50, 0.13);
	box-shadow:         inset 0px 0px 45px 23px rgba(50, 50, 50, 0.13);
}
.block.type-profile-info .block-header { padding: 15px 15px 5px 15px; }
.block.type-profile-info .block-header .avatar { width: 75px; margin: 0 auto; display: block; }
.block.type-profile-info .block-header .name { font-size: 18px; text-align: center; border-bottom: 1px solid #a8b3b3; margin: 3px 0 5px 0; padding-bottom: 5px; }
.block.type-profile-info .block-header .name a { color: #000; position: relative; text-decoration: none; }
.block.type-profile-info .block-header .name a:hover { text-decoration: underline; }
.block.type-profile-info .block-header .name span { position: absolute; left: -11px; top: 9px; }
.block.type-profile-info .info { text-align: center; font-size: 16px; margin-bottom: 15px; }
.block.type-profile-info .info .rating { display: inline-block; margin-right: 15px; }
.block.type-profile-info .info .rating:last-child { margin-right: 0; }
.block.type-profile-info .info .rating span { display: block; color: #000000; text-transform: lowercase;}
.block.type-profile-info .info .rating span:first-child { }
.block.type-profile-info .info .rating span:last-child {  font-weight: bold; }

.block.type-profile-info .nav.nav-sidebar { margin-bottom: 7px; }
.block.type-profile-info .button { width: 150px; padding: 8px 0 10px 0; text-align: center; margin: 15px auto 15px auto; display: block; }
.block.type-profile-info .block-content { 
	overflow: hidden; 
	-webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #e2e2e2;
    border-top: none;
}

.block.type-profile-info .honors { }

.block.type-profile-info .block-footer { overflow: hidden; }
.block.type-profile-info .user-type { font-size: 12px; text-align: center; position: relative; top: -1px; }
.block.type-profile-info .block-description { padding: 20px 15px; }

.block.type-profile-info #usernote-button-add { margin-top: 0; margin-bottom: 0; }
.block.type-profile-info #usernote-form .button.button-primary {margin: 10px 13px 0 0;}
.block.type-profile-info #usernote-form .button {
	width: auto;
	margin: 10px 0 0 0;
    display: inline-block;
    padding: 10px;
}
.block.type-profile-info .action-topic {margin-top: 15px;}

.block.type-profile-info .more { 
	display: block; 
	color: #000; 
	background: #f2f2f2; 
	text-decoration: none; 
	text-align: center; 
	padding: 15px 0; 
	width: 224px;
    position: relative;
    left: 0;
}
.block.type-profile-info .title { font-size: 15px; }
.block.type-profile-info .count { font-size: 12px; color: #565656; }

.block.type-profile-info .about-more {
	color: #c0c0c0;
    display: inline;
    text-align: center;
    text-decoration: none;
    border-bottom: 1px dotted #c0c0c0;
    margin-left: 66px;
}

.main-content .block.type-profile-info,
.main-content .block.type-random-users { display: none; } 

/* Block Type - blog info */
.block.type-blog-info { overflow: hidden;}
.block.type-blog-info .block-header {
	width: calc(100% + 20px);
    position: relative;
    left: -10px;
    top: -10px;
}
.block.type-blog-info .more { color: #c0c0c0; display: block; text-align: center; margin-top: 5px; }
.block.type-blog-info .topic-info { overflow: hidden; }
.block.type-blog-info .author-2 {  margin-bottom: 6px; margin-top: 2px; }
.block.type-blog-info .block-footer .button { width: 150px; padding: 8px 0 10px 0; text-align: center; margin: 5px auto 10px auto; display: block; }
.block.type-blog-info i.icon-like,
.block.type-blog-info i.icon-like-ok {  position: relative; top: 1px; }
.block.type-blog-info i.icon-rating {  position: relative; top: 1px; }
.block.type-blog-info i.icon-posts { position: relative; top: 1px; }
.block.type-blog-info .blog-more-content { margin-top: 10px; }
.block.type-blog-info .blog-more-content strong { margin-right: 2px; }

.block.type-blog-info .rss { position: absolute; left: 5px; top: 3px; z-index: 5; color: #848484; }
.block.type-blog-info .rss:hover { color: #F77E37; }

/* type-blog-users */
.block.type-blog-users { padding: 10px 10px 0 10px !important; }
.block.type-blog-users .block-content { overflow: hidden; }
.block.type-blog-users .user-list { width: 110%; overflow: hidden; margin-left: 8px; }
.block.type-blog-users .user-list li {  width: 40px; margin: 0 10px 8px 0; float: left; }
.block.type-blog-users .user-list li img {width: 34px;}
.block.type-blog-users .user-list li img:hover { background-color: #999; }
.block.type-blog-users .more { 
	display: block; 
	color: #000; 
	background: #f2f2f2; 
	text-decoration: none; 
	text-align: center; 
	padding: 15px 0; 
	width: 224px;
    position: relative;
    left: -10px;
}
.block.type-blog-users .title { font-size: 15px; }
.block.type-blog-users .count { font-size: 12px; color: #565656; }

/* block type-stream */
.block.type-stream .block-header h5 { margin: 12px 0 3px 0; }

.block.type-stream a { color: #000; text-decoration: none; }
.block.type-stream a:hover { text-decoration: underline; }
.block.type-stream { padding: 0!important; }
.block.type-stream .block-header ul { overflow: hidden; }
.block.type-stream .block-header li { 
	float: left; 
	padding: 10px 0;
	width: 50%;
	text-align: center;
	border-bottom: 1px solid #e0dfde;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.block.type-stream .block-header li.active {background: #e0dfde; }
.block.type-stream .block-content { margin: 0 10px; }
.block.type-stream .more {
	display: block;
    color: #000;
    background: #f2f2f2;
    text-decoration: none;
    text-align: center;
    padding: 15px 0;
    width: 100%;
}
.block.type-stream .more i { position: relative; top: 3px; }

/* block type-random-users */
.block.type-random-users { padding: 12px 0 0 0 !important; }
.block.type-random-users h5 {margin-bottom: 10px;}
.block.type-random-users .name { display: table-cell; vertical-align: middle; }
.block.type-random-users .name:hover { text-decoration: underline; }
.block.type-random-users .more {
	display: block;
    color: #000;
    background: #f2f2f2;
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    text-decoration: none;
}
.block.type-random-users li .follow {
	width: 42px;
    height: 42px;
	display: block;
	position: absolute;
    top: 9px;
    left: 10px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    background: #40b5d7 url(../images/icon-follow.png) no-repeat 1px 11px;
    z-index: -1;
    opacity: 0; filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-indent: -9999px;
}
.block.type-random-users li .follow.tm-3 { background: #40b5d7 url(../images/icon-follow.png) no-repeat 1px -48px; }
.block.type-random-users li .follow:hover {  }
.block.type-random-users li:hover .follow { z-index: 2; opacity: 1; filter: alpha(opacity=100); }

/* Толки */
.block-type-foldable.block-type-talk-friends #block_talk_friends_content { display: none; }
.block-type-foldable.block-type-talk-friends li { display: inline-block; vertical-align: top; margin-right: 10px; }
.block-type-foldable.block-type-talk-friends li:last-child { margin-right: 0; }
.block-type-foldable.block-type-talk-friends .block-content  { margin-top: 10px; }

/* Теги */
.block.type-tags h3 { margin: 0px 0 10px 0;}

.tag-cloud 					{ width: 100%; }
.tag-cloud li 				{ display: inline; margin-right: 5px; line-height: 22px; }
.tag-cloud li a 			{ text-decoration: none; color: #000; }
.tag-cloud li a:hover 		{ text-decoration: underline; }
.tag-cloud li .tag-size-1 	{ font-size: 14px; }
.tag-cloud li .tag-size-2 	{ font-size: 14px; }
.tag-cloud li .tag-size-3 	{ font-size: 16px; }
.tag-cloud li .tag-size-4 	{ font-size: 16px; }
.tag-cloud li .tag-size-5 	{ font-size: 18px; }
.tag-cloud li .tag-size-6 	{ font-size: 18px; }
.tag-cloud li .tag-size-7 	{ font-size: 20px; }
.tag-cloud li .tag-size-8 	{ font-size: 20px; }
.tag-cloud li .tag-size-9 	{ font-size: 22px; }
.tag-cloud li .tag-size-10 	{ font-size: 22px; }

/* Активность */
.block-type-activity {}

/* Сайдбар
================================================== */
.sidebar .block { 
	padding: 10px; 
	position: relative; 
	    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.sidebar .block .block-content { position: relative; clear: both; }
.sidebar .block .block-footer { clear: both; }

/* Комментарии
========================================================== */
.comments .reply { 
	padding: 0 20px; 
	clear: both;
    overflow: hidden;
    margin-bottom: 20px;
	position: relative;
}
.comments .reply .button,
.topic-type-talk .reply .button { padding-right: 20px; padding-left: 20px; }
.comments .reply textarea { margin-bottom: 15px; }

/* .comments .notice-empty { margin-top: 5px; } */

.comment-wrapper .comment-wrapper .comment { padding-left: 95px; } 
.comment-wrapper .comment-wrapper .comment .comment-avatar { left: 35px; }
.comment-wrapper .comment-wrapper .comment-wrapper .comment { padding-left: 125px; } 
.comment-wrapper .comment-wrapper .comment-wrapper .comment .comment-avatar { left: 65px; }
.comment-wrapper .comment-wrapper .comment-wrapper .comment-wrapper .comment { padding-left: 155px; } 
.comment-wrapper .comment-wrapper .comment-wrapper .comment-wrapper .comment .comment-avatar { left: 95px; }


.comment { padding: 12px 20px 15px 80px; position: relative; font-size: 13px; }
.comment a { text-decoration: none; }
.comment a:hover { text-decoration: underline; }

.comment-info { clear: both; overflow: hidden; margin-bottom: 5px; }
.comment-info li { float: left; }

.comment .comment-avatar { position: absolute; left: 20px; top: 18px; width: 40px; height: 40px; }
.comment .comment-author,
.comment .comment-author .comment-link { font-size: 16px; color: #c0c0c0; }
.comment .comment-author a { color: #000000; }

.comment .comment-date { font-style: italic; font-size: 13px; position: relative; top: 3px; margin-left: 4px; }
.comment .comment-date,
.comment .comment-date a { color: #9e9e9e; }

.comment .comment-actions { height: 17px; padding-top: 10px; }
.comment .comment-actions,
.comment .comment-actions a { color: #9e9e9e !important; }
.comment .comment-actions { font-size: 13px;}
.comment .comment-actions li { float: right; display: none; margin-right: 0; padding-top: 0; }
.comment .comment-actions li.active { margin-right: 5px; }
.comment .comment-actions li.topic-spam a { color: #565656; }
.comment .comment-actions li.topic-comment-link { position: relative; top: 1px; }
.comment .comment-actions li.topic-favorite { position: relative; top: 1px; }
.comment .comment-actions li.reply { float: left; padding-left: 0;  }
.comment .comment-actions li.comment-del { float: left; }
.comment .comment-actions li.reply a,
.comment .comment-actions li.comment-del a { text-decoration: underline; }
.comment .comment-actions li.reply a:hover,
.comment .comment-actions li.comment-del a:hover { text-decoration: none; }
.comment .comment-actions li.goto-comment-parent,
.comment .comment-actions li.goto-comment-child { position: relative; top: -3px; }
.comment .comment-actions li.goto-comment-parent a,
.comment .comment-actions li.goto-comment-child a { text-decoration: none; }
.comment .comment-actions li.goto-comment-parent a:hover,
.comment .comment-actions li.goto-comment-child a:hover { text-decoration: none; }
.comment .comment-actions li.topic-like { display: block; }

.comment:hover { background: #f5f5f5 }
.comment:hover .comment-actions li { display: block; }


.comments.comment-list .comment {padding: 12px 0px 15px 60px;}
.comments.comment-list .comment:hover { background: none; }
.comments.comment-list .comment .comment-avatar { left: 0; }
.comments.comment-list .comment .blog-name-topic,
.comments.comment-list .comment .blog-name { float: left; display: block; padding: 0;}
.comments.comment-list .comment .blog-name-topic a,
.comments.comment-list .comment .blog-name a { text-decoration: underline; color: #c0c0c0 !important; }
.comments.comment-list .comment .blog-name-topic a:hover,
.comments.comment-list .comment .blog-name a:hover { text-decoration: none; }
.comments.comment-list .comment .blog-name-topic i { position: relative; top: 6px; margin-left: 5px; margin-right: 1px; }

/* fix */
.comment .comment-actions li:last-child { margin-right: 0px; }
.comment .comment-actions li.topic-favorite {margin-right: 0px; }
.comment .comment-actions li.topic-like.active { padding: 4px 5px 2px 5px; top: -4px; position: relative; }
.comment .comment-actions li.topic-like.active a { color: #ffffff; }
.comment .comment-actions li.topic-favorite.active { padding: 4px 5px 2px 5px; margin-left: 3px; top: -4px; }

.comment .comment-content a { color: #000; text-decoration: underline; }
.comment .comment-content a:hover { text-decoration: none; }
.comment .comment-content strong { font-weight: normal; color: #000; }

/* active */
.comment.comment-deleted { opacity: .3; filter: alpha(opacity=30); }
.comment.comment-deleted:hover { opacity: 1; filter: alpha(opacity=100); }

.comment.comment-current { background: rgba(213, 221, 222, 0.47); }
.comment.comment-current .comment-new { background: rgba(179, 210, 207, 0.38); }

.comment .comment-content .text img {
	max-width: 226px;
	height: auto !important;
    display: initial;
    margin: inherit;
    margin-bottom: inherit;
    position: relative;
    top: 5px;
}
.comment .comment-content .text img[align="left"] { float: left; }
.comment .comment-content .text img[align="right"] { float: right; }
.comment .comment-content .text img[align="center"] {  }

.comment .comment-content .text { overflow: hidden; }

#form_comment_text_ifr img { max-width: 226px !important; }

/* Лайки к посту, стр топик
========================================================== */

#tab-2 {overflow: hidden;}

/* Магазины
========================================================== */
.toolbar { position: fixed; right: 0; bottom: 125px; z-index: 10; }
.toolbar a {
	display: block;
	background: #d5d5d5;
	width: 42px;
	height: 42px;
	margin: 5px 0;
}
.toolbar i { width: 42px; height: 42px; display: block; }
.toolbar .toolbar-scrollup i { background: url(../images/toolbar-scrollup.png) no-repeat center; }

.toolbar .new-comments {
	background: none;
    height: auto;
    text-align: center;
    margin-bottom: 10px;
    color: #808080;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}
.toolbar .toolbar-update .update-comments i { background: url(../images/toolbar-update.png) no-repeat center; }
.toolbar .toolbar-update .update-comments.active i {
	-webkit-animation-name: spin;
    -webkit-animation-duration: 600ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 600ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 600ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
 
    animation-name: spin;
    animation-duration: 600ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
/* Анимация */
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/* Магазины
========================================================== */
.blog-list .topic-group .icon.icon-group { position: relative; top: -2px; }
.blog-list .topic-item .button {
	width: 150px;
    padding: 8px 0 10px 0;
    text-align: center;
    margin: 5px auto 10px auto;
    display: block;
}

/* Личка
========================================================== */



/* Инбоксы */
.table.table-talk a { color: #000; text-decoration: none;}
.table.table-talk a:hover { text-decoration: underline; }

.table.table-talk thead th, 
.table.table-talk thead td { text-align: left; }
.table.table-talk .cell-checkbox { width: 14px; padding-right: 0; }
.table.table-talk .cell-favourite { padding-right: 0; width: 21px; text-align: center; }
.table.table-talk .cell-favourite i { position: relative; top: 2px; }
.table.table-talk .topic-favorite.active { 
	background: #ffad1d; 
	color: #ffffff; 
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 3px 2px 5px;
}
.table.table-talk .cell-title { padding-right: 0; }
.table.table-talk .cell-date { width: 142px;}
.table.table-talk .cell-recipients { width: 113px;}
.table.table-talk .description { color: #c0c0c0; font-size: 12px; margin-bottom: 0; }

/* Толки */
.table.table-talk .arr { margin-left: 10px; }

.topic-type-talk .padding { padding: 15px; }
.topic-type-talk .reply.padding { padding-top: 0; padding-bottom: 0; overflow: hidden; margin-bottom: 20px; }
.topic-type-talk .reply.padding textarea { margin-bottom: 15px; }

.topic-type-talk .topic-spam { display: none !important; }
.topic-type-talk .comment-del { padding-top: 0; }

.topic-type-talk .talk-recipients-div {
	margin-top: 0;
    display: inline-block;
    background: #f1f1f1;
    padding: 5px 10px;
    position: relative;
    top: 15px;
}
.topic-type-talk .talk-recipients-div:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #f1f1f1;
    top: -8px;
    left: 20px;
}
.topic-type-talk .talk-recipients-div a { color: #000; }
.topic-type-talk .talk-recipients { display: none;  margin-top: 10px; }

.topic-type-talk .pagination { margin-top: 20px;}

.comment-talk { padding: 0px 20px 10px 60px; position: relative; font-size: 13px; }
.comment-talk a { text-decoration: none; }
.comment-talk a:hover { text-decoration: underline; }

.comment-info-talk { margin-bottom: 5px; }
.comment-info-talk li { float: left; }
.comment-info-talk a { color: #000; text-decoration: underline; }

.comment-talk .comment-avatar-talk { position: absolute; left: 0px; top: 4px; width: 40px; height: 40px; }
.comment-talk .comment-author-talk { font-size: 16px; }

.comment-info-talk .topic-favorite,
.comment-talk .comment-date-talk { float: right; }

.comment-info-talk .topic-favorite { float: right; margin-right: 17px; }
.comment-info-talk .topic-favorite.active { 
	background: #ffad1d; 
	color: #ffffff; 
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 3px 1px 5px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}
.comment-talk .comment-info-talk li.comment-del-talk { float: right; margin-right: 17px; }
.comment-talk .comment-info-talk li.comment-del-talk a { color: #565656; }

.comment-talk .comment-actions-talk { height: 17px; padding-top: 7px; }
.comment-talk .comment-content-talk { padding-right: 100px; }
.comment-talk .comment-content-talk a { color: #000; text-decoration: underline; }
.comment-talk .comment-content-talk strong { font-weight: normal; color: #000; }

/* Постраничность
========================================================== */
.pagination { margin: 0 30px 20px 30px; }
.pagination li { 
	display: inline-block; 
	text-align: center;
	font-size: 13px;
	line-height: 27px;
	margin: 0 5px;
}
.pagination li.active span {
	background: #f2f2f2;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	color: #565656;
	display: block;
	width: 25px;
}

.pagination li a { display: block; color: #000; text-decoration: none; }
.pagination li a:hover { opacity: 0.65; filter: alpha(opacity=65); }
.pagination li .icon { position: relative; top: 4px; }
.pagination li.arr { margin: 0 2px; }

/* Например когда нет аякс подгрузки (теги), снизу выводим обычный пагинатор */
.pagination-v2 .pagination { margin-bottom: 0; margin-top: 20px; }

/* Настройки
================================================== */
.topic-type-settings { overflow: hidden; }
.topic-type-settings .col-1,
.topic-type-settings .col-2 { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.topic-type-settings .col-1 { width: 90px; text-align: center; position: absolute; left: 0; top: 0; }
.topic-type-settings .col-2 { width: 100%; padding-left: 110px; }

.topic-type-settings .avatar-change .avatar { width: 75px; }
.topic-type-settings .link-avatar {
	color: #000; 
    display: inline-block;
    margin-right: 5px;
}

.topic-type-settings .birthday select { display: inline-block; margin-right: 10px; }
.topic-type-settings .birthday .width-1 { width: 63px; }
.topic-type-settings .birthday .width-2 { width: 128px; }
.topic-type-settings .birthday .width-1 { width: 84px; }

.topic-type-settings .js-geo-select select { margin: 0 0 10px 0; }

.topic-type-settings #profile_about { min-height: 125px; }

.topic-type-settings #user-field-contact-contener select,
.topic-type-settings #user-field-contact-contener input { display: inline-block; }
.topic-type-settings .userfield-add { position: relative; top: -7px; color: #000; }

.topic-type-settings .avatar-crop p {
	display: block;
    margin: 0 auto;
    width: 200px;
    margin-bottom: 50px;
}

/* Награды
================================================== */
.topic-type-honors .topic-item { height: 176px; margin-bottom: 15px; }

.topic-type-honors .honors { width: 100%; height: 100%; text-align: center; margin-top: 0; position: relative; }
.topic-type-honors .honors .honor { width: 100%; position: absolute; top: 34px; }
.topic-type-honors .honors .honor img { cursor: help; }

.topic-type-honors .honors-title { font-size: 13px; width: 100%; position: absolute; bottom: 42px; left: 0;  }

/* OpenID
================================================== */
.openid-login-item { overflow: hidden; }
.openid-login-item li {
	width: 143px;
	height: 36px;
	display: block;
	display: inline-block;
	background: url(../images/login_openid.png) no-repeat;
	cursor: pointer;
}
.openid-login-item li:hover { opacity: .85; filter: alpha(opacity=85); }
.openid-login-item li.vkontakte { background-position: 0 0; }
.openid-login-item li.odnoklassniki { background-position: -150px 0; }
.openid-login-item li.facebook { background-position: 0 -41px; }
.openid-login-item li.google { background-position: -150px -41px; }
.openid-login-item li.twitter,
.openid-login-item li.yandex,
.openid-login-item li.mailru { display: none; }


/* Профиль
================================================== */

.profile a { color: #000; text-decoration: none; }
.profile a:hover { text-decoration: underline; }

.profile .profile-left 	{ width: 50%; float: left; margin-right: 4%; min-height: 120px; }
.profile .profile-right 	{ float: left; width: 46%; }

.profile .profile-dotted-list { margin-bottom: 30px; position: relative; }
.profile .profile-dotted-list li { overflow: hidden; zoom: 1; margin-bottom: 5px; background: url(../images/dots.png)  0% 14px repeat-x; }
.profile .profile-dotted-list li span { background: #fff; padding-right: 3px;}
.profile .profile-dotted-list li strong { float: right; width: 190px; font-weight: normal; background: #fff; padding-left: 3px; }

.profile .get-more-link {
	display: inline;
    float: right;
    clear: both;
    width: 190px;
    text-align: center;
    color: #c0c0c0;
    text-decoration: underline;
}

.profile .last-date-1 {position: absolute; right: -343px; top: 0; }
.profile .last-date-2 { position: absolute; right: -343px; top: 22px; }
.profile .last-date-3 { position: absolute; right: -343px; top: 44px; width: 305px;}


.profile-contact-list { margin-bottom: 50px; }
.profile-contact-list li { margin-bottom: 5px; padding-left: 21px; position: relative; display: inline-block; margin-right: 10px; }
.profile-contact-list li i { position: absolute; top: 2px; left: 0; }

.profile .profile-empty { margin-bottom: 20px; }

#profile_actions { text-align: center; margin-bottom: 15px; }
#profile_actions a { color: #000; display: inline-block; padding-left: 22px; }
#profile_actions #add_friend_item a { background: url(../images/friend-profile.png) no-repeat 0 1px; }
#profile_actions #delete_friend_item a { background: url(../images/friend-profile.png) no-repeat 0 -16px; }

/* Подвал
================================================== */
.footer { padding: 10px 0; font-size: 16px; color: #8c8787; position: fixed; bottom: 0; z-index: 5; }

.footer a { color: #ffffff; text-decoration: none; }
.footer a:hover { opacity: 0.85; filter: alpha(opacity=85); }

.footer .copyright { }
.footer .copyright,
.footer .footer-menu,
.footer .socil-btn { display: block; float: left; }

.footer .footer-menu { margin-left: 50px; }
.footer .footer-menu li { float: left; margin-right: 20px; }
.footer .footer-menu li:last-child { margin-right: 0; }

.footer .socil-btn { text-indent: -9999px; margin-left: 50px; width: 162px; }
.footer .socil-btn li { float: left; margin-right: 15px; }
.footer .socil-btn li:last-child { margin: 0; }
.footer .socil-btn li a { display: block; width: 20px; height: 20px; background: url(../images/icon-social.png) no-repeat; }
.footer .socil-btn li a.vk { background-position: 0 0; }
.footer .socil-btn li a.ok { background-position: -33px 0; }
.footer .socil-btn li a.fb { background-position: -63px 0; }
.footer .socil-btn li a.instagram { background-position: -94px 0; }
.footer .socil-btn li a.rss { 
	color: #8B8787;
    text-indent: 0;
    font-size: 22px;
    position: relative;
    top: -3px;
    background: none;
    margin-left: 2px;
}

.footer .bainet {  
	float: right;
	position: relative;
}

.footer .bainet  #bainet-menu {
	display: none;
	width: 170px;
	position: absolute;
	bottom: 33px;
	right: 0;
	background: #303030;
	border-bottom: 2px solid #8B8787;
}
.footer .bainet  #bainet-menu:before {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #8B8787;
    bottom: -11px;
    right: 59px;
}

.footer .bainet  #bainet-menu li {
	border-bottom: 1px solid #000;
}
.footer .bainet  #bainet-menu li:last-child {
	border: none;
}

.footer .bainet  #bainet-menu a {
	display: block;
	padding: 8px 10px 10px 10px;
}
.footer .bainet  #bainet-menu a:hover {
	background: #484848;
}

/* Кнопки
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	  background: #40b5d7;
	  border: none;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #fff;
	  display: inline-block;
	  font-size: 16px;
	  text-decoration: none;
	  cursor: pointer;
	  line-height: normal;
	  padding: 10px 40px;
	  }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active,
	.button:focus,
	button:focus,
	input[type="submit"]:focus,
	input[type="reset"]:focus,
	input[type="button"]:focus {
		opacity: 0.85;
  		filter: alpha(opacity=85);
  		color: #ffffff;
  		outline: 0;
	}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; 
	}

	.button-primary { margin-right: 7px; }

	.button-violet {
		background: #dd2488;
	}
	.button-blue {
		background: #1920fde8;
	}

	.button.tm-1 { background: #f2f2f2; color: #000; }

	.button.tm-2 { background: #444444; }

	.button.tm-3 { background: #9c9c9c; }

	.button.tm-4 { background: #1ba947; padding: 9px 15px 11px 15px; }
	.button.tm-4 i { position: relative; top: 3px; }
	.button.tm-4 span { font-weight: bold; }

	.button.tm-5 { background: #ffffff; color: #444444; padding-right: 15px; padding: 8px 15px; }
	.button.tm-5 i { margin-right: 5px; }

	.button.tm-6 { background: #f2f2f2; padding: 7px 14px; border: 1px solid #e2e2e2; font-size: 14px; }

	.button.tm-7 { background: #e0dfde; color: #000; }

	.button.tm-8 { background: #f2f2f2; color: #000; padding: 5px 10px; font-size: 13px; }

    .button.tm-9 {
        padding: 8px;
        font-size: 14px;
        margin: 4px;
    }

    .button.button-cancel {
        background: #d65f5f;
    }

	/* Фикс уберает border и padding у Mozilla */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}

/* Формы
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input.input-text,
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="url"],
	textarea,
	select {
		border: 1px solid #e2e2e2;
		color: #565656;
		padding: 9px;
		outline: none;
		font-size: 13px;
		margin: 0;
		max-width: 100%;
		display: block;
		margin-bottom: 0;
		background: #fff; 
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 10px 0 0;
	}
	.input-number {
		display: inline-block !important;
		width: 80px;
	}
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 	}
	textarea { min-height: 60px; width: 99%; }
	label,
	legend,
	.legend { display: block; margin-bottom: 4px; }
	legend,
	.legend { color: #000000; font-size: 16px; margin-bottom: 10px; }
	select { }
	input[type="checkbox"] { display: inline; position: relative; top: 2px; margin: 0px; }
	label span,
	legend span {
		font-weight: normal;
		color: #444; }

	/* поиск */
	.search-header-form { }
	.search-header-form input[type="text"] {
		border: none;
		float: left;
		width: 345px;
		margin-left: 30px;
		font-size: 16px;
		margin-right: 0;
	}
	.mob-btn-search,
	.top-search-tags,
	.search-header-form input[type="submit"] {
		float: left;
		padding: 0;
		width: 55px;
		height: 36px;
		-moz-border-radius: 0;
	  	-webkit-border-radius: 0;
	  	border-radius: 0;
	  	background: #444444 url(../images/icon-search.png) no-repeat center;
	  	display: inline-block;
	  	zoom: 1;
	}
	.top-search-tags {
		background: #c7c7c7;
		text-align: center;
	}
	.top-search-tags i {
		line-height: 37px;
		color: #696969;
	}
	.mob-btn-search {
		margin-left: 20px;
		display: none;
	}

	.search-header-form {}

	.input-width-full 	{ width: 100%; }
	.input-width-50 	{ width: 50px; }
	.input-width-100 	{ width: 100px; }
	.input-width-150 	{ width: 150px; }
	.input-width-200 	{ width: 274px; }
	.input-width-250 	{ width: 250px; }
	.input-width-300 	{ width: 300px; }
	.input-width-400 	{ width: 403px; }

	.select-width-200 { width: 268px; }
	.select-width-150 	{ width: 150px; }
	.select-width-400 	{ width: 465px; }

	form .icon-question-sign { cursor: help; }
	form p { margin-bottom: 12px; }

	.note { display: block; margin-top: 3px; font-size: 12px; color: #aaa; }
	.note.note-header { margin-bottom: 20px; }

	.captcha-image { vertical-align: top; float: left; margin-right: 5px; margin-bottom: 15px; }

	dl.form-item { overflow: hidden; zoom: 1; margin-bottom: 20px; }
	dl.form-item dt { float: left; width: 135px; padding-top: 4px; padding-right: 15px; overflow: hidden; }
	dl.form-item dd { float: left; width: 300px; }

	/* Placeholder */
	:-moz-placeholder { color: #bbbbbb; }
	::-webkit-input-placeholder {color:#bbbbbb;}
	::-moz-placeholder          {color:#bbbbbb;}/* Firefox 19+ */
	:-moz-placeholder           {color:#bbbbbb;}/* Firefox 18- */
	:-ms-input-placeholder      {color:#bbbbbb;}
	.placeholder { color: #bbbbbb; }

	.mceEditor { display: block; margin-bottom: 10px; }


	/* Валидатор 
	================================================== */
	.validate-error-hide { display: none; }
	.validate-error-show { display: block; color: #f00; font-size: 12px; }

/* Разное
================================================== */
	.rm-bottom { margin-bottom: 0 !important; }
	.x-bottom { margin-bottom: 10px !important; } /*Сменить x и 10 на любое число для принудительного отступа */
	.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
	.hidden { display: none; visibility: hidden; }
	.visible { display: block; }
	.visible-phone { display: none; }
	.visible-tablet { display: none; }
	.hidden-desktop { display: none; }
	.visible-desktop { display: inherit; }
	.overflow-hidden { overflow: hidden; }


/* ==================================================

	ИКОНКИ 
	
	Иконки Glyphicons
	http://glyphicons.com/

	
	Пример использования:
	
	<a href="#"><i class="icon icon-remove"></i> Remove</a>

================================================== */

[class^="icon-"],
[class*=" icon-"]  { 
	display: inline-block;
	vertical-align: text-top;
	width: 14px;
	height: 14px;
	line-height: 14px;
	/* background: url(../images/icons.png) no-repeat; */
}

.icon-comment-1 { background: url(../images/slider_comments.png) no-repeat; width: 20px; }
.icon-rules-1 { background: url(../images/slider_rules.png) no-repeat; }
.icon-dotted {background: url(../images/icon_category.png) no-repeat; width: 31px; }
.icon-filtr {background: url(../images/menu-filter.png) no-repeat; width: 19px; }
.icon-like { background: url(../images/topic-info.png) no-repeat 0 2px; }
.icon-like { background: url(../images/topic-info.png) no-repeat 0 2px; }
.active .icon-like { background: url(../images/topic-info.png) no-repeat 0 -17px; }
.icon-comment-2 { background: url(../images/topic-info.png) no-repeat 0 -73px; }

.icon-comment-3,
.icon-comment-4,
.icon-comment-5,
.icon-comment-6,
.icon-comment-7 { background: url(../images/icon-comments.png) no-repeat; }
.icon-comment-3 { background-position: 0 1px; margin-right: 3px; }
.icon-comment-4 { background-position: -18px 1px; }
.icon-comment-5 { background-position: -36px 1px; }
.active .icon-comment-5 { background: url(../images/topic-info.png) no-repeat 0 -17px; }
.icon-comment-6 { background-position: -54px 0px; }
.active .icon-comment-6 { background: url(../images/topic-info.png) no-repeat 0 -53px; }
.icon-comment-7 { background-position: -69px 1px; margin-right: 3px; }

.icon-rating { background: url(../images/topic-info.png) no-repeat 0 -94px; }
.icon-favorite { background: url(../images/topic-info.png) no-repeat 0 -35px; }
.active .icon-favorite { background: url(../images/topic-info.png) no-repeat 0 -53px; }
.icon-favorite-v2 { background: url(../images/icon-favorite-v2.png) no-repeat 0 0; }
.active .icon-favorite-v2 {background: url(../images/topic-info.png) no-repeat 0 -53px;}
.icon-favorite-v3 { background: url(../images/icon-favorite-v3.png) no-repeat 0 0; }
.active .icon-favorite-v3 {background: url(../images/topic-info.png) no-repeat 0 -53px;}
.icon-topic-views { background: url(../images/icon-topic-views.png) no-repeat 0 3px; }
.icon-spam { background: url(../images/icon-spam.png) no-repeat 0 2px; }
.icon-social-2 { background: url(../images/icon-social-2.png) no-repeat; }
.icon-social-2.vk-icon { background-position: 0 -1px; }
.icon-social-2.ok-icon { background-position: -28px 0; }
.icon-social-2.fb-icon { background-position: -52px 0; }
.icon-social-2.google-icon { background-position: -78px 0; }
.icon-social-2.twitter-icon { background-position: -106px 0; }
.icon-tags { background: url(../images/icon-tags.png) no-repeat 0 3px; }
.icon-like-2 { background: url(../images/icon-like-2.png) no-repeat 0 0px; }
.icon-honors_1,
.icon-honors_2,
.icon-honors_3,
.icon-honors_4,
.icon-honors_5,
.icon-honors_6,
.icon-honors_7,
.icon-honors_8,
.icon-honors_9,
.icon-honors_10,
.icon-honors_11,
.icon-honors_12,
.icon-honors_13,
.icon-honors_14 { background: url(../images/honors/icon-honors.png) no-repeat; width: 29px; height: 40px; }
.icon-honors_1 { background-position: 2px 0; }
.icon-honors_2 { background-position: -61px 0; }
.icon-honors_3 { background-position: -95px 0; }
.icon-honors_4 { background-position: -291px 0; }
.icon-honors_5 { background-position: -325px 0; }
.icon-honors_6 { background-position: -359px 0; }
.icon-honors_7 { background-position: -136px 0; }
.icon-honors_8 { background-position: -172px 0;  }
.icon-honors_9 { background-position: -218px 0;  }
.icon-honors_10 { background-position: -254px 0;  }
.icon-honors_11 { background-position: -464px 0;  }
.icon-honors_12 { background-position: -464px 0;  }
.icon-honors_13 { background-position: -393px 0;  }
.icon-honors_14 { background-position: -430px 0;  }
.icon-honors_15 {
	background: url("/plugins/usermedals/templates/skin/shopic/medals/honors_15.png") no-repeat;
	background-size: 34px 40px;
    height: 40px;
    width: 34px;
}
.icon-merchant {
	background: url("/plugins/usermedals/templates/skin/shopic/medals/dollar-sign.png") no-repeat;
	background-size: 28px 40px;
	height: 40px;
	width: 34px;
}


.icon-group { background: url(../images/icon-group.png) no-repeat 0 3px; width: 23px; height: 15px; }
.icon-group-1 { background: url(../images/icon-group-1.png) no-repeat 0 3px; width: 23px; height: 15px; }
.icon-buy { background: url(../images/icon-buy.png) no-repeat; }

.icon-rating-v3 { background: url(../images/icon-topic-info-v3.png) no-repeat 0 0px; }
.icon-topic-views-v3 { background: url(../images/icon-topic-info-v3.png) no-repeat -51px 0px; }
.icon-spam-v3 { background: url(../images/icon-topic-info-v3.png) no-repeat -102px 0px; }
.icon-spam-v2 { background: url(../images/icon-spam-v2.png) no-repeat 0 1px; }
.icon-spam-v4 { background: url(../images/icon-spam-v4.png) no-repeat 0 1px; }
.icon-forum { background: url(../images/icon-forum.png) no-repeat; }

.icon-topic-add {  background: url(../images/icon-topic-add.png) no-repeat; width: 22px; height: 20px; }

.icon-mail { background: url(../images/icon-profile-bar.png) no-repeat; width: 23px; height: 19px;}
.icon-mail.active { background-position: 0 -22px; }
.icon-news { background: url(../images/icon-profile-bar.png) no-repeat -31px 0; width: 16px; height: 20px;}
.icon-news.active { background-position: -31px -22px; }

.icon-action-edit {background: url(../images/icon-action-topic.png) no-repeat 0 0; width: 10px; height: 10px;}
.icon-action-del {background: url(../images/icon-action-topic.png) no-repeat -15px 0; width: 10px; height: 10px;}

.icon-add-photo {background: url(../images/icon-add-photo.png) no-repeat 0 0;}

.icon-user-bar-talk {background: url(../images/icon-user-bar.png) no-repeat 0 -45px; width: 17px; }
.icon-user-bar-settings {background: url(../images/icon-user-bar.png) no-repeat 0 -83px; width: 17px;}
.icon-user-bar-profile {background: url(../images/icon-user-bar.png) no-repeat -1px -5px; width: 17px; }
.icon-user-bar-logout {background: url(../images/icon-user-bar.png) no-repeat 0 -122px; width: 17px; }
.icon-user-bar-favourites {background: url(../images/icon-favorite-bright.png) no-repeat; width: 17px; }

.icon-paging-arr-rr { background: url(../images/icon-paging.png) no-repeat -44px 0; width: 7px; height: 9px;  }
.icon-paging-arr-r { background: url(../images/icon-paging.png) no-repeat -29px 0; width: 7px; height: 9px;  }
.icon-paging-arr-ll { background: url(../images/icon-paging.png) no-repeat 0 0; width: 7px; height: 9px }
.icon-paging-arr-l { background: url(../images/icon-paging.png) no-repeat -15px 0; width: 7px; height: 9px }

.icon-paging-arr-rr-unactive { background: url(../images/icon-paging.png) no-repeat -103px 0; width: 7px; height: 9px;  }
.icon-paging-arr-r-unactive { background: url(../images/icon-paging.png) no-repeat -88px 0; width: 7px; height: 9px;  }
.icon-paging-arr-ll-unactive { background: url(../images/icon-paging.png) no-repeat -58px 0; width: 7px; height: 9px;  }
.icon-paging-arr-l-unactive { background: url(../images/icon-paging.png) no-repeat -73px 0; width: 7px; height: 9px;  }

.icon-contact				{ width: 16px; height: 16px; background: url(../images/icons-contact.png) no-repeat; } 
.icon-contact-default		{ background-position: 0 0; } 
.icon-contact-mail			{ background-position: -20px 0; } 
.icon-contact-icq			{ background-position: -40px 0; } 
.icon-contact-jabber		{ background-position: -60px 0; } 
.icon-contact-phone			{ background-position: -80px 0; } 
.icon-contact-skype			{ background-position: -100px 0; } 
.icon-contact-vkontakte		{ background-position: -120px 0; } 
.icon-contact-twitter		{ background-position: -140px 0; } 
.icon-contact-facebook		{ background-position: -160px 0; } 
.icon-contact-odnoklassniki	{ background-position: -180px 0; } 
.icon-contact-www			{ background-position: -200px 0; } 


.icon-arr-right {background: url(../images/icon-arr-right.png) no-repeat 0 0; width: 4px; height: 8px; }
.icon-posts {background: url(../images/icon-posts.png) no-repeat 0 1px; }
.icon-search { background: url(../images/icons.png) no-repeat -48px  0; }
.icon-up { background: url(../images/icons.png) no-repeat -289px -96px; }

.edit-comment-icon {
	margin-right: 3px;
}

/* LS
================================================== */

.loader {
	background: url(../images/loader.gif) 50% 50% no-repeat !important;
	background-color: #fff !important;
}
.progress {
	position: fixed;
    left: 50%;
    top: 50%;
    width: 105px;
    height: 45px;
}

.user, .ls-user 	{ }
.ls-user:before 	{ content: ''; display: inline-block; }
.user.inactive 		{ color: #aaa; }


.custom .markItUp { margin-bottom: 0; }

.markItUpHeader ul li,
.custom .markItUpHeader ul { margin-bottom: 0; }
.markItUpHeader ul li:before { display: none; }

.custom .mce-tinymce { margin-bottom: 10px; }
.custom .mce-container.mce-last.mce-abs-layout-item.mce-formitem {display: none;}

/* Активность */

.stream-get-more { display: block; text-align: center; padding: 12px 0; background: #fafafa; color: #aaa; border-top: 1px solid #eee; text-decoration: none; }
.stream-get-more:hover { background: #f0f7fd; color: #000; }
/* .stream_loading { 
	background: rgba(255, 255, 255, 0.58)  url(../images/loader_2.svg) no-repeat center; 
	height: 100% !important;
    position: fixed;
    z-index: 1;
    width: 100%;
    top: 0;
    left: 0;
} */
.stream_loading { background: #f7f7f7 url(../images/loader.gif) no-repeat center; }
.stream-comment-preview { margin-bottom: 10px; margin-top: 5px; font-style: italic; }

.stream-list { margin: 0 0 20px; }
.stream-list a {color: #000; }
.stream-list li.stream-item { overflow: hidden; border-bottom: 1px solid #e2e2e2; min-height: 48px; _height: 48px; padding: 10px 0px 10px 60px; position: relative; }
.stream-list li.stream-item blockquote { margin: 10px 0; }
/* .stream-list li.stream-item:hover { background: #f5f5f5; } */
.stream-list li.stream-item .name { font-size: 16px; }
.stream-list li.stream-item .comment-link {font-size: 16px; color: #c0c0c0; }
.stream-list li.stream-item .avatar { position: absolute; top: 10px; left: 10px; width: 40px; height: 40px; }
.stream-list li.stream-item .date {  display: inline-block; color: #9e9e9e; font-size: 13px; font-style: italic; margin-bottom: 5px; }
.stream-list li.stream-item a { text-decoration: none; }
.stream-list li.stream-item a:hover { text-decoration: underline; }
.stream-list li.stream-header-date:first-child { margin-top: 0; }
.stream-list li.stream-header-date { 
	text-align: center;
	position: relative;
    top: -1px;
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 5px; 
    border-bottom: 1px solid #e2e2e2; 
}

.stream-list li.stream-item .icon-arr-right {
	position: relative;
    top: 7px;
    margin-left: 2px;
    margin-right: 1px;
}

.stream-item .stream-item-topic {    
	margin: 10px 0; 
	overflow: hidden;
    background: #FBFBFB;
    padding: 10px;
    border: 1px solid #E2E2E2;
}
.stream-item .stream-item-topic .topic-avatar {
	display: block;
	float: left;
    height: 160px;
    width: 160px;
    margin-right: 10px;
}
.stream-item .stream-item-topic .description {max-height: 160px; overflow: hidden;}


/* Люди */
.search-abc 					{ overflow: hidden; zoom: 1; padding: 10px 15px; background: #fafafa; margin-bottom: 15px; }
.search-abc li 					{ float: left; margin-right: 10px; }
.search-abc li.active a 		{ color: #333; border: none; }

/* Теги */
.search-tags { position: relative; }
.search-tags .tag-search-btn { 
	position: absolute; 
	right: 0; 
	top: 0; 
	cursor: pointer; 
	padding: 0;
    width: 55px;
    height: 35px;
    background: #828282 url(../images/icon-search.png) no-repeat center;
}

/* Костыли
================================================== */
.topic-favorite,
.topic-like { cursor: pointer; }

.js-login-item-title.active,
.js-reg-item-title.active { display: none; }

/* для комментов с визави */
.loader2 { 
	background: url(../images/loader.gif) 50% 35% no-repeat; 
	display: block; 
	width: calc(100% - 40px); 
	height: 100%; 
	position: absolute;
	z-index: 999;
}


/* Responsive embedded objects
========================================================== */
.video-wrapper {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 40px;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* #ajaxloading { height: 50px; position: fixed; bottom: 0; display: block !important; } */

/* Review */

.review {
	position: absolute;
    right: 0;
    top: 15px;
    padding: 5px;
    width: 60px;
    text-align: center;
    background: rgba(61, 57, 53, 0.7);
    color: #fff;
    line-height: 20px;
    box-sizing: border-box;
}
.review:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 0;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent rgba(61, 57, 53, 0.7) transparent transparent;
}
.review:after {
    content: "";
    position: absolute;
    left: -15px;
    bottom: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent rgba(61, 57, 53, 0.7) transparent;
}
.topic-review-label {
	position: absolute;
	top: 12px;
	left: -10px;
	color: #fff;
	padding: 10px 25px;
	background: #40b5d7;
	background: rgba(64, 181, 215, 0.85);
}
.topic-review-label:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    text-decoration: none;
    border-top: 10px solid #37a1bf;
    border-left: 10px solid transparent;
}

/* Checked */

li.label-checked {
	float: right;
	color: #2ecc71;
}
li.label-checked i {
	font-size: 15px;
}
li.label-minishop {
	color: #cc1f20;
}

.check-button {
	padding: 5px;
	background: #f2f2f2;
	color: #565656;
	font-size: 13px;
	margin-right: 7px;
}
.check-button:hover {
	color: #676767;
}
.icon-checked {
	color: #2ecc71;
}
.topic-label-checked {
	margin: 5px 5px 2px 6px;
    display: block;
}
.topic-info-v2 > .topic-check {
	padding: 0;
}
li.comment-check {
	display: block !important;
	margin-bottom: 11px;
}

label[for="topic_editors_sold"] {
	display: inline-block;
}

/* Drafted */

li.label-drafted {
	float: right;
}

/* Photoset labels */

.photoset-labels {
	display: inline-block;
}

.photoset-label {
	display: inline-block;
	position: relative;
    height: 14px;
    line-height: 14px;
    font-size: 13px;
    padding: 2px 5px;
    margin-left: 10px;
	color: #000;
	background: #eee;
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.photoset-label:after {
	content: "";
	position: absolute;
	top: 0;
	right: -8px;
	height: 0;
    width: 0;
    border-style: solid;
    border-color: #eee transparent #eee #eee;
    border-width: 9px 5px;
}
.photoset-label.condition-new-label {
	background: #0070ed;
	color: #fff;
}
.photoset-label.condition-new-label:after {
    border-color: #0070ed transparent #0070ed #0070ed;
}
.photoset-label.condition-used-label {
	background: #f1c40f;
	color: #fff;
}
.photoset-label.condition-used-label:after {
    border-color: #f1c40f transparent #f1c40f #f1c40f;
}

.photoset-label.original-label {
	background: #dd2488;
	color: #fff;
}
.photoset-label.original-label:after {
    border-color: #dd2488 transparent #dd2488 #dd2488;
}
.photoset-label.replica-label {
	background: #e74c3c;
	color: #fff;
}
.photoset-label.replica-label:after {
    border-color: #e74c3c transparent #e74c3c #e74c3c;
}
.photoset-label.city-label {
	background: #1abc9c;
	color: #fff;
}
.photoset-label.city-label:after {
    border-color: #1abc9c transparent #1abc9c #1abc9c;
}

/* Miscellaneous */

.action-topic li.user-ip {
	font-size: 14px;
	float: right;
}
.user-issue-violation {
	font-size: 14px;
	float: right;
}

.banned-user-wrapper {
	height: 40px;
	width: 40px;
	position: absolute;
	left: 0;
}
.banned-user-wrapper.avatar {
	width: 75px;
	height: 75px;
	position: relative;
}
.banned-user-wrapper img {
	position: absolute;
	width: 100%;
	margin: 0;
	opacity: 0.36;
}
.banned-user-overlay {
	position: absolute;
	left: -10px;
	top: -10px;
	right: -10px;
	bottom: -10px;
	background: url(../images/banned.png) no-repeat;
	background-size: contain;
	background-position: 50% 50%;
}
.ban-date.active {
	color: #ff7772;
}
/*.banned-user-line-1 {*/
	/*width: 55.7px;*/
	/*height: 42px;*/
	/*border-bottom: 1.6px solid #F44336;*/
	/*-webkit-transform: translateY(-16.6px) translateX(7.3px) rotate(45deg);*/
	/*position: absolute;*/
/*}*/
/*.banned-user-line-2 {*/
	/*width: 55.7px;*/
	/*height: 42px;*/
	/*border-bottom: 1.6px solid #F44336;*/
	/*-webkit-transform: translateY(-17px) translateX(-22.6px) rotate(-45deg);*/
	/*position: absolute;*/
/*}*/

.banned-user-wrapper.avatar > .banned-user-line-1 {
	width: 103.9px;
	-webkit-transform: translateY(0.5px) translateX(0.2px) rotate(45deg);
}
.banned-user-wrapper.avatar > .banned-user-line-2 {
	width: 104.4px;
	-webkit-transform: translateY(1.3px) translateX(-30.6px) rotate(-45deg);
}


/* Talk search */

.talk-search-form {
	background: #fff;
	border: 1px solid #e2e2e2;
	padding: 6px;
}
.talk-search-form > .talk-search-input {
	padding: 6px;
	width: 200px;
	float: left;
}
.talk-search-button {
	float: left;
	padding: 6px 30px;
}

/* Paid posts */

li.label-paid {
	float: right;
	color: #7a7aea;
}
li.label-paid i {
	font-size: 15px;
}

.deal-action {
	padding: 5px;
	font-size: 100%;
    margin-bottom: 5px;
}
.safedeal-add-link {
	display: inline-block;
	margin-left: 10px;
}
.safedeal-add-link .button {
	padding: 10px 15px;
}
.input-number {
	display: inline-block !important;
	max-width: 80px !important;
}
.topic-filter {
	background: #fff;
	margin-bottom: 15px;
}
.topic-filter-list {
	padding: 5px;
}
.topic-filter-list li {
	float: left;
}
.selectize-input {
    border: 1px solid #e2e2e2 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.selectize-input.focus {
    border-color: #e2e2e2 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.reserve-link {
    display: inline-block;
}
.reserve-link .button {
	padding: 10px;
}
.n-error a {
	color: #fff;
}

.checkbox-mark {
    position: absolute;
    top: 0;
    background: #eee;
    padding: 9px;
    z-index: 4;
}

.promo-message {
	width: 100%;
	background-color: #fe00ff;
	color: #fff;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

.promo-message span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

.profile-share-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 12px;
	border-radius: 4px;
	border: 1px solid #d4d6da;
}

.profile-share-link p {
	width: calc(100% - 95px);
	padding-left: 14px;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

.profile-share-link-button {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='29px' height='34px'%3e%3cpath fill-rule='evenodd' fill='rgb(64, 181, 215)' d='M21.362,0.014 L3.063,0.014 C1.385,0.014 0.013,1.404 0.013,3.102 L0.013,24.721 L3.063,24.721 L3.063,3.102 L21.362,3.102 L21.362,0.014 ZM25.938,6.191 L9.163,6.191 C7.485,6.191 6.113,7.580 6.113,9.279 L6.113,30.898 C6.113,32.597 7.485,33.986 9.163,33.986 L25.938,33.986 C27.615,33.986 28.988,32.597 28.988,30.898 L28.988,9.279 C28.988,7.580 27.615,6.191 25.938,6.191 ZM25.938,30.898 L9.163,30.898 L9.163,9.279 L25.938,9.279 L25.938,30.898 Z'/%3e%3c/svg%3e");
	background-size: 15px 17px;
	position: relative;
	width: 47px;
	height: 39px;
	padding: 10px;
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	background-position: center;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.profile-share-link-button:hover {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='29px' height='34px'%3e%3cpath fill-rule='evenodd' fill='rgb(93, 192, 221)' d='M21.362,0.014 L3.063,0.014 C1.385,0.014 0.013,1.404 0.013,3.102 L0.013,24.721 L3.063,24.721 L3.063,3.102 L21.362,3.102 L21.362,0.014 ZM25.938,6.191 L9.163,6.191 C7.485,6.191 6.113,7.580 6.113,9.279 L6.113,30.898 C6.113,32.597 7.485,33.986 9.163,33.986 L25.938,33.986 C27.615,33.986 28.988,32.597 28.988,30.898 L28.988,9.279 C28.988,7.580 27.615,6.191 25.938,6.191 ZM25.938,30.898 L9.163,30.898 L9.163,9.279 L25.938,9.279 L25.938,30.898 Z'/%3e%3c/svg%3e");
}