/*! normalize.css 2012-03-06T10:21 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
	display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
	font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
	font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
	margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
	outline: 0;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
	outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1, h2, h3, h4, h5, h6, .h2, .h3 {
	font-size: 15px;
	line-height: 1.6em;
	font-weight: normal;
	margin: 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
	font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
	background: #ff0;
	color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
	margin: 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {

}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
	quotes: none;
}

/* 2 */

q:before,
q:after {
	content: '';
	content: none;
}

small {
	font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul {
	margin: 0 0;
}

dd {
	margin: 0 0 0 0;
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul {
	padding: 0 0 0 0;
}

/*
 * Corrects list images handled incorrectly in IE7
 */

ul,
ol {
	list-style: none;
	list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
	overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
	margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
	margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
	border: 0; /* 1 */
	padding: 0;
	white-space: normal; /* 2 */
	*margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
	font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
	*vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
	line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer; /* 1 */
	-webkit-appearance: button; /* 2 */
	*overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
	cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
	*width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

iframe { border: none; }
/* -------------------------------------------------------------------
	ОСНОВНЫЕ СТИЛИ
------------------------------------------------------------------- */

body {
	font-size: 15px;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 18px;
	color: #1f1a17;
}

/* Ссылки
---------------------------------------------------- */
a 		{ color: #333; text-decoration: none; }
a:hover { color: #dd127b; }

.text a:visited,
.topic .topic-header .topic-title a:visited,
.item-list li a:visited { color: #1D2273; }

a.link-dashed 		{ border-bottom: 1px dashed #dd127b; }
a.link-dashed:hover { border-color: #dd127b; }

a.link-dotted 		{ text-decoration: none; border-bottom: 1px dotted #dd127b; }
a.link-dotted:hover { border-color: #dd127b; }

.h2, .h3 { display: block; }
h1, h2, h3, h4, h5, h6, .h2, .h3 {
	font-family: 'PT Serif', serif;
	font-weight: normal;
	line-height: 1.3em;
}




/* Заголовки
---------------------------------------------------- */
h1.page-header,
h2.page-header,
.h2.page-header{ color: #333; font-size: 42px; font-weight: 600; line-height: 1.1em; margin-bottom: 1em; }

h1.page-header span,
h2.page-header span,
.h2.page-header span{ color: #555; }

h1.page-header small,
h2.page-header small,
.h2.page-header small{ font-size: 13px; vertical-align: middle; }

h1.header-table,
h2.header-table,
.h2.header-table{ margin-bottom: 0; border-bottom: 1px solid #eee; padding-bottom: 5px; font-size: 14px; font-weight: bold; }

/* Шапка сайта
---------------------------------------------------- */
#header {
	padding: 35px 0 20px;
	position: relative;
}
#header a {
	text-decoration: none;
	color: #333;
}

/* Лого */
.site-info {
	text-align: center;
}
.site-name {
	display: inline-block;
	width: 266px;
	height: 56px;
	margin: 0 0 10px;
}
.site-name a {
	width: 266px;
	height: 88px;
	display: block;
	text-indent: -9999px;
	background: url(https://hairmaniac.ru/templates/skin/hm/images/logo.png) 0 0 no-repeat;
}
.site-name a:hover {
	color: #444AA3;
}

/* Соц сети */
.site-social {
    position: absolute;
    top: 45px;
    left: 0;
    float: left;
    overflow: hidden;
    text-align: center;
}
.site-social > li > a.site-social-vk {
    background-color: #3a6d99;
    color: #fff !important;
    font-size: 15px;
}
.site-social > li > a.site-social-zen {
    background: url(https://hairmaniac.ru/templates/skin/hm/images/icon-dzen-new.svg) no-repeat center;
    background-size: cover;
}
.site-social .fa:before {
    line-height: 25px;
}
.site-social > li {
	float: left;
    margin-right: 5px;
}
.site-social > li > a {
    display: inline-block;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}
/* Поиск */
.site-search {
	position: absolute;
	top: 45px;
	right: 0;
}
.search.site-search {
	position: absolute;
	top: 38px;
}
.site-search i {
	line-height: 1.2em;
}

/* Stat
---------------------------------------------------- */
.stat-performance { width: 910px; margin: 0 auto 20px; padding: 15px 20px; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.stat-performance table { }
.stat-performance table td { width: 200px; vertical-align: top; }
.stat-performance h4 { font-weight: bold; }



/* Userfeed
---------------------------------------------------- */
.userfeed-get-more {display:block; width:90%; margin:0px auto; text-align:center; height:2.5em; padding-top:1em;}
.userfeed-get-more:hover { background: #f0f7fd;}
.userfeed_loading {background: #F7F7F7 url(https://hairmaniac.ru/templates/skin/hm/images/loader.gif) no-repeat center;}



/* Stream
---------------------------------------------------- */
.stream-get-more { display: block; text-align: center; padding: 12px 0; background: #fafafa; color: #aaa; border-top: 1px solid #eee; text-decoration: none; border-radius: 8px; }
.stream-get-more:hover { background: #f0f7fd; }
.stream_loading { background: #f7f7f7 url(https://hairmaniac.ru/templates/skin/hm/images/loader.gif) no-repeat center; }
.stream-comment-preview { padding: 5px 10px; background: #f3f3f3; margin-top: 5px; border-radius: 8px; }

.stream-list { margin: 0 0 20px; font-size: 17px; line-height: 1.5; }
.stream-list li.stream-item { margin-bottom: 15px; min-height: 48px; background: #fafafa; padding: 10px 15px 10px 70px; position: relative; border-radius: 15px;  }
.stream-list li.stream-item .avatar { position: absolute; top: 10px; left: 10px; border-radius: 50%; }
.stream-list li.stream-item .date { display: block; color: #999; }
.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 { font-size: 14px; color: #777; margin-top: 30px; padding-bottom: 5px; }



/* Userfields
---------------------------------------------------- */
.userfield-list { width: 450px; }
.userfield-list li { background: #eee; margin-bottom: 1px; padding: 10px 10px; overflow: hidden; zoom: 1; line-height: 12px; color: #777; }
.userfield-list li .userfield-actions { float: right; }
.userfield-list li .userfield_admin_name { font-weight: bold; color: #333; }

.userfield-add { text-decoration: none; border-bottom: 1px dashed #70AAE0; }
.userfield-add:hover { color: #333; border-color: #333; }



/* Misc
---------------------------------------------------- */
.avatar-edit { margin-bottom: 15px; }
.avatar-edit img { vertical-align: bottom; }
.avatar-edit label { margin-top: 10px; }

.drafts { float: right; margin-top: 10px; }

.poll-create 					{ padding: 15px 20px; margin-bottom: 20px; background: #f7f7f7; }

.question-list 					{ margin-bottom: 15px; }
.question-list li 				{ margin-bottom: 5px; }
.question-list li .input-text	{ margin-right: 10px; }


.help {
	display: none;
	position: relative;
	padding: 10px 7px 13px;
	background: #fafafa;
	color: #363636;
	margin-top: 13px;
	font-size: 11px;
	line-height: 16px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 5px #eaeaea inset; box-shadow: 0 0 5px #eaeaea inset;
}
.help:before 	{ display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #eee transparent; border-style: solid; }
.help h3, .help .h3 { font-size: 15px; font-weight: bold; margin-bottom: 10px; }
.help .help-col { float: left; width: 250px; padding: 0 10px; }
.help .help-col.help-wide { float: none; width: 96%; }
.help .help-item { margin-bottom: 20px; }
.help .help-item:last-child { margin-bottom: 0; }
.help .help-item h4 { font-family: monospace; font-weight: bold; margin-bottom: 3px; }
.help .help-item h4 a { color: #5055B2; border-bottom: 1px dotted #727a90; }

.ui-menu {
	z-index: 9999;
}

.tag-title h1, .tag-title h2, .tag-title .h2{
	font-size: 20px;
	margin-bottom: 10px;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.comments .advblock {
    margin-bottom: 15px;
}

@media screen and (max-width: 1040px) {

	h1.page-header,
	h2.page-header,
	.h2.page-header{
		font-size: 30px;
	}

	#header {
		background: #fff;
	}
	#header a.site-search {
		right: 15px;
	}
	.site-social {
		display: none;
	}
	#header .search.site-search {
		position: relative;
		top: 0;
		margin: 0 0 -20px;
		padding: 10px;
		border-top: 1px solid #eee;
	}
	#header .search.site-search .input-text {
		width: 100%;
	}
	#header .search .input-submit {
	    top: 20px;
	    right: 19px;
	}
}

@media screen and (max-width: 480px) {
	#header a.site-search {
		top: 42px;
	}
	.site-name,
	.site-name a {
		width: 230px;
		height: 48px;
		background-size: cover;
	}
}/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http: //markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp a: link,
.markItUp a: visited { color: #000; text-decoration: none; }
.markItUp  { margin-bottom: 5px; }
.markItUpContainer { font: 11px "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.markItUpEditor {
	font-size: 16px;
	padding: 5px;
	height: 200px;
	line-height: 1.5;
	overflow: auto;
	width: 100%;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	border: 1px solid #C0CAD5;
}
.markItUpPreviewFrame	{
	overflow: auto;
	background-color: #FFF;
	border: 1px solid #eee;
	padding: 10px;
	height: 300px;
	margin: 5px 0;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
.markItUpFooter { width: 100%; }
.markItUpResizeHandle {
	overflow: hidden;
	height: 8px;
	background: url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/skins/simple/images/handle.png) 50% 3px no-repeat;
	cursor: n-resize;
}


/***************************************************************************************/
/* first row of buttons */
.markItUpHeader { 
	background: #eee; 
	padding: 5px; 
	border-top: 1px solid #c0cad5; 
	border-left: 1px solid #c0cad5; 
	border-right: 1px solid #c0cad5; 
}
.markItUpHeader ul	{
	overflow: visible;
	zoom: 1;
	display: inline-block;
	*display: inline; /* ie <= 7 */
}
.markItUpHeader ul li	{ list-style: none; float: left; position: relative; margin-right: 6px; }
.markItUpHeader ul li: hover > ul{ display: block; }
.markItUpHeader ul .markItUpDropMenu {
	background: transparent url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/skins/simple/images/menu.png) no-repeat 115% 50%;
	margin-right: 5px;
}
.markItUpHeader ul .markItUpDropMenu li {
	margin-right: 0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
	display: none;
	position: absolute;
	top: 16px; left: 0px;	
	background: #eee;
	border: 1px solid #000;
}
.markItUpHeader ul ul li {
	float: none;
	border-bottom: 1px solid #000;
}
.markItUpHeader ul ul .markItUpDropMenu {
	background: #eee url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/skins/simple/images/submenu.png) no-repeat 100% 50%;
}
.markItUpHeader ul .markItUpSeparator {
	margin: 0 6px 0 0;
	width: 1px;
	height: 16px;
	overflow: hidden;
	background-color: #CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
	width: auto; height: 1px;
	margin: 0px;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
	position: absolute;
	top: -1px; left: 150px; 
}
.markItUpHeader ul ul ul li {
	float: none;
}
.markItUpHeader ul a {
	display: block;
	width: 16px; height: 16px;
	text-indent: -10000px;
	background-repeat: no-repeat;
	margin: 0px;
}
.markItUpHeader ul ul a {
	display: block;
	padding-left: 0px;
	text-indent: 0;
	width: 120px; 
	padding: 5px 5px 5px 25px;
	background-position: 2px 50%;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}
.markItUpHeader ul ul a:hover  {
	background-color: #fff;
}





.markItUpPreviewFrame { }
.markItUpPreviewFrame p { margin-bottom: 18px; }
.markItUpPreviewFrame blockquote { background: #fafafa; padding: 10px 15px; color: #555; margin-bottom: 5px; clear: both; }
.markItUpPreviewFrame pre { background: #fafafa; border: 1px solid #dce6f0; margin-bottom: 10px; overflow: auto; padding: 5px 10px; }
.markItUpPreviewFrame ul { list-style-type: disc; margin-left: 17px; }
.markItUpPreviewFrame ol { list-style-type: decimal; margin-left: 22px; }
.markItUpPreviewFrame img[align="right"] { margin: 4px 0 5px 15px; }
.markItUpPreviewFrame img[align="left"] { margin: 4px 15px 10px 0; }
/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/

.markItUp .editor-h2 a,
.markItUp .editor-h3 a,
.markItUp .editor-h4 a,
.markItUp .editor-h5 a,
.markItUp .editor-h6 a { text-indent: 0; font-weight: 600; position: relative; top: 2px; }
/*
.markItUp .editor-h4 a 			{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/h4.png); }
.markItUp .editor-h5 a 			{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/h5.png); }
.markItUp .editor-h6 a 			{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/h6.png); }
*/
.markItUp .editor-bold a 		{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/bold.png); }
.markItUp .editor-italic a 		{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/italic.png); }
.markItUp .editor-stroke a 		{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/stroke.png); }
.markItUp .editor-underline a 	{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/underline.png); }
.markItUp .editor-quote a 		{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/quote.png); }
.markItUp .editor-code a 		{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/code.png); }
.markItUp .editor-ul a 			{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/ul.png); }
.markItUp .editor-ol a 			{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/ol.png); }
.markItUp .editor-li a 			{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/li.png); }

.markItUp .editor-picture a 	{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/picture.png); }
.markItUp .editor-image a 		{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/image.png); }
.markItUp .editor-link a 		{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/link.png); }

.markItUp .editor-clean a 		{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/clean.png); }
.markItUp .editor-preview a 	{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/preview.png); }
.markItUp .editor-cut a 		{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/cut.png); }
.markItUp .editor-video a 		{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/video.png); }
.markItUp .editor-user a 		{ background-image:url(https://hairmaniac.ru/engine/lib/external/jquery/markitup/sets/default/images/user.png); }/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0px;
	position: absolute;
	background: white url(https://hairmaniac.ru/engine/lib/external/jquery/jcrop/Jcrop.gif) top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-vline.right { right: 0px; }
.jcrop-hline.bottom { bottom: 0px; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun{color:#660}.pln{color:#000}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec{color:#606}pre.prettyprint{padding:2px;border:1px solid #888}@media print{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun{color:#440}.pln{color:#000}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}/*!
	By André Rinas, www.andrerinas.de
	Documentation, www.simplelightbox.de
	Available for use under the MIT License
	Version 2.10.3
*/
body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;display:none;z-index:1035}.sl-wrapper{z-index:1040;width:100%;height:100%;left:0;top:0;position:fixed}.sl-wrapper *{box-sizing:border-box}.sl-wrapper button{border:0 none;background:transparent;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:0.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:10060;margin-top:-14px;margin-right:-14px;height:44px;width:44px;line-height:44px;font-family:Arial,Baskerville,monospace;color:#000;font-size:3rem}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:1060;color:#000;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;height:44px;width:22px;line-height:44px;text-align:center;display:block;z-index:10060;font-family:Arial,Baskerville,monospace;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media (min-width: 35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}}@media (min-width: 50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}}.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0 none;width:100%;height:auto}@media (min-width: 35.5em){.sl-wrapper .sl-image img{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image img{border:0 none}}.sl-wrapper .sl-image iframe{background:#000;border:0 none}@media (min-width: 35.5em){.sl-wrapper .sl-image iframe{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image iframe{border:0 none}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,0.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease 200ms;transition:-ms-transform ease 200ms;transition:-o-transform ease 200ms;transition:-webkit-transform ease 200ms;transition:transform ease 200ms}@-webkit-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}
/* iCheck plugin Minimal skin, aero
----------------------------------- */
.icheckbox_hm,
.iradio_hm {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(https://hairmaniac.ru/templates/skin/hm/js/vendor/icheck-1.0.2/skins/hm/default.png) no-repeat;
    border: none;
    cursor: pointer;
    position: relative;
    top: -1px;
}

.icheckbox_hm {
    background-position: 0 0;
}
    .icheckbox_hm.hover {
        background-position: -20px 0;
    }
    .icheckbox_hm.checked {
        background-position: -40px 0;
    }
    .icheckbox_hm.disabled {
        background-position: -60px 0;
        cursor: default;
    }
    .icheckbox_hm.checked.disabled {
        background-position: -80px 0;
    }

.iradio_hm {
    background-position: -100px 0;
}
    .iradio_hm.hover {
        background-position: -120px 0;
    }
    .iradio_hm.checked {
        background-position: -140px 0;
    }
    .iradio_hm.disabled {
        background-position: -160px 0;
        cursor: default;
    }
    .iradio_hm.checked.disabled {
        background-position: -180px 0;
    }

label.hover {
    color: #DD127B;
    cursor: pointer;
}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
/* --------------------------------------------
	СЕТКА
-------------------------------------------- */

#container {
    margin: 0 auto;
    margin-bottom: 20px;
}
#content {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: -410px;
}
#content-inner {
    margin-right: 410px;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    border-radius: 15px;
}
#sidebar {
    float: left;
    margin-left: 30px;
    width: 380px;
    font-size: 15px;
    line-height: 1.5;
}

/**
 * Footer
 */
#footer {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 80px 0 50px 0;
    color: #212121;
}
#footer a {
    color: #a6a6a6;
}
#footer a:hover {
    color: #777;
}
#footer .copyright-owner {
    float: left;
    margin-right: 40px;
}
#footer .footer-nav {
    float: left;
}
#footer .footer-nav li {
    float: left;
    margin-right: 10px;
}
#footer .copyright {
    float: right;
    text-align: right;
}

/**
 * Modifiers
 */
.layout--content-transparent #content-inner { background-color: transparent; }
.layout--content-transparent .pagination ul { background: #f2faf8; }

.layout--content-nopadding #content-inner { padding: 0; }

.layout--content-nopadding .header-wrapper {
    background: #fff;
    margin-bottom: 20px;
    border-radius: 15px;
    border: 1px solid #eaeaea;
    overflow: hidden;
    padding: 30px;
    box-sizing: border-box;
}

#content.content-full-width,
#content.content-full-width #content-inner { width: 100%; margin-right: 0; }

#content.content-right {
    margin-right: 0;
    float: none;
    margin-left: 311px;
    width: auto;
}
#sidebar.sidebar-left {
    float: left;
    width: 250px;
    padding-right: 30px;
    border-right: 1px solid #eee;
    margin-right: 30px;
}
@media screen and (max-width: 1265px) {
    .nav.nav-userbar, #container {
        max-width: 855px !important;
    }
    #container {
        margin-bottom: 0;
    }
    #content, #sidebar {
        float: none;
    }
    #content-inner {
        margin-right: 0;
        padding: 15px;
    }
    #content {
        margin-bottom: 30px;
    }
    #sidebar {
        width: 100%;
        margin-left: 0;
        font-size: 15px;
    }

    /* Footer */
    #footer {
        padding: 15px;
        margin: 0;
    }
    #footer .copyright-owner,
    #footer .footer-nav,
    #footer .footer-nav li {
        float: none;
        margin: 0 0 10px;
        text-align: left;
    }
    #footer .copyright {
        float: none;
        text-align: left;
    }

    .stat-performance {
        display: none;
    }
}/* -------------------------------------------------------------------
	ОБЩИЕ СТИЛИ
------------------------------------------------------------------- */

/* Голосование 
---------------------------------------------------- */
.vote .vote-count 							{ display: inline-block; font-weight: bold; color: #aaa; font-size: 14px; }
.vote .vote-count a 						{ text-decoration: none; color: #999; outline: none; }

.vote.vote-count-positive .vote-count 		{ color: #dd127b; }
.vote.vote-count-negative .vote-count 		{ color: #f00; }

.vote .vote-up,
.vote .vote-down 							{ font-family: FontAwesome; font-size: 16px; display: inline-block; cursor: pointer; vertical-align: text-top; width: 16px; height: 16px; background-repeat: no-repeat; background-size: cover; opacity: .3; filter: alpha(opacity=30); }
.vote .vote-up:before                       { content: "\f164"; }
.vote .vote-down:before                     { content: "\f165"; }
.vote .vote-up:hover 						{ opacity: .8; filter: alpha(opacity=80); }
.vote .vote-down:hover 						{ opacity: .8; filter: alpha(opacity=80); }

.vote.voted.voted-up 	.vote-up 			{ opacity: 1; filter: alpha(opacity=100); }
.vote.voted.voted-down 	.vote-down 			{ opacity: 1; filter: alpha(opacity=100); }
.vote.voted.voted-up 	.vote-down:hover 	{ opacity: .8; filter: alpha(opacity=30); }
.vote.voted.voted-down 	.vote-up:hover 		{ opacity: .8; filter: alpha(opacity=30); }

.comments .vote .vote-up   { margin-right: 10px; }
.comments .vote .vote-down { margin-left: 10px; }


/* Избранное 
---------------------------------------------------- */
.favourite {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    cursor: pointer;
}
.favourite:before {
    /*
    content: "\f08a";
    color: #9faaaa;
    */
    content: "";
    top: 3px;
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0iIzlmYWFhYSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnPjxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTkgMTR2M2gzdjJoLTMuMDAxTDE5IDIyaC0ybC0uMDAxLTNIMTR2LTJoM3YtM2gyem0xLjI0My05LjI0M2MyLjI2MiAyLjI2OCAyLjM0IDUuODguMjM2IDguMjM1bC0xLjQyLTEuNDE4YzEuMzMxLTEuNTI0IDEuMjYxLTMuOTE0LS4yMzItNS40MDQtMS41MDMtMS40OTktMy45Mi0xLjU2My01LjQ5LS4xNTNsLTEuMzM1IDEuMTk4LTEuMzM2LTEuMTk3Yy0xLjU3NS0xLjQxMi0zLjk5MS0xLjM1LTUuNDk0LjE1NC0xLjQ5IDEuNDktMS41NjUgMy44NzUtLjE5MiA1LjQ1MWw4LjQzMiA4LjQ0NkwxMiAyMS40ODUgMy41MiAxMi45OTNjLTIuMTA0LTIuMzU2LTIuMDI1LTUuOTc0LjIzNi04LjIzNiAyLjI2NS0yLjI2NCA1Ljg4OC0yLjM0IDguMjQ0LS4yMjggMi4zNDktMi4xMDkgNS45NzktMi4wMzkgOC4yNDIuMjI4eiIvPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: cover;
}
.favourite.active:before,
.favourite:hover:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEwMjguNCkiPjxwYXRoIGQ9Im03IDEwMzEuNGMtMS41MzU1IDAtMy4wNzg0IDAuNS00LjI1IDEuNy0yLjM0MzEgMi40LTIuMjc4OCA2LjEgMCA4LjVsOS4yNSA5LjggOS4yNS05LjhjMi4yNzktMi40IDIuMzQzLTYuMSAwLTguNS0yLjM0My0yLjMtNi4xNTctMi4zLTguNSAwbC0wLjc1IDAuOC0wLjc1LTAuOGMtMS4xNzItMS4yLTIuNzE0NS0xLjctNC4yNS0xLjd6IiBmaWxsPSIjYzAzOTJiIi8+PC9nPjwvc3ZnPg==);
    /*
    content: "\f004";
    color: #dd127b;
    */
}
.favourite-count { margin-left: 0; font-weight: bold; }



/* Пагинация 
---------------------------------------------------- */
.pagination {
    position: relative;
    margin-top: 30px;
    text-align: center;
    font-size: 15px;
}
.pagination:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -2px;
    content: "";
    background: #c3c3c3;
}
.pagination ul {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    overflow: hidden;
    line-height: 1em;
    background: #fff;
    border-radius: 15px;
}
.pagination ul li {
    float: left;
    margin-right: 5px;
}
.pagination ul li:last-child {
    margin-right: 0;
}
.pagination ul li span,
.pagination ul li a {
    padding: 5px 8px;
    color: #656565;
    border-radius: 50%;
    display: inline-block;
}
.pagination ul li a:hover {
    background: #dd127b;
    color: #fff;
}
.pagination ul li.active span {
    color: #fff;
    background: #dd127b;
}
.pagination ul li i {
    opacity: .5;
    filter: alpha(opacity=50);
}

@media screen and (max-width: 1040px) {
    .pagination {
        margin-bottom: 25px;
    }
}



/* Actions 
---------------------------------------------------- */
.actions 						{ overflow: hidden; zoom: 1; margin-bottom: 10px; }
.actions li 					{ float: left; margin-right: 10px; }
.actions li a:hover 			{ text-decoration: underline; }
.actions li a.link-dotted 		{ border-color: #f00; }
.actions li a.link-dotted:hover { border-color: #06e; color: #06e; text-decoration: none; }



/* Toolbar 
---------------------------------------------------- */
.toolbar 					{ float: right; position: fixed; top: 220px; right: 10px; z-index: 100; }
.toolbar section 			{ width: 34px; line-height: 14px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05); box-shadow: 0 0 5px rgba(0,0,0,.05); margin-bottom: 10px; }
.toolbar section a			{ display: block; padding: 10px; }
.toolbar section a:hover	{ background: #fafafa; }
.toolbar section i			{ display: block; }

/* Admin button */
.toolbar .toolbar-admin a { display: block; }

/* Update comments button */
.toolbar .toolbar-update {  }
.toolbar .toolbar-update .update-comments 			{ padding: 9px; }
.toolbar .toolbar-update .update-comments i 		{ display: block; width: 16px; height: 16px; background: url(https://hairmaniac.ru/templates/skin/hm/images/update.gif) no-repeat; }
.toolbar .toolbar-update .update-comments.active i 	{ background-position: -16px 0; }
.toolbar .toolbar-update .new-comments 				{ border-top: 1px solid #eee; padding: 10px 0; color: #333; text-align: center; font-size: 11px; }

/* Topic navigation */
.toolbar .toolbar-topic a.toolbar-topic-prev { border-bottom: 1px solid #eee; }

/* Scroll up */
.toolbar .toolbar-scrollup { display: none; }

@media screen and (max-width: 1040px) {
    .toolbar {
        display: none;
    }
}



/* Список пользователей 
---------------------------------------------------- */
.user-list-avatar 			{ overflow: hidden; zoom: 1; }
.user-list-avatar li 		{ width: 64px; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 15px; text-align: center; font-size: 11px; }
.user-list-avatar li img	{ margin-bottom: 2px; display: block; }



/* Поиск 
---------------------------------------------------- */
.search 						{ margin-bottom: 20px; position: relative; }
.search .input-text 			{ padding-right: 25px; }
.search .input-submit 			{ border: none; width: 14px; height: 14px; position: absolute; top: 10px; right: 9px; opacity: .7; filter: alpha(opacity=70); }
.search .input-submit:hover 	{ opacity: 1; filter: alpha(opacity=100); }

.search.search-item 			{ margin-bottom: 15px; width: 100%; }
.search.search-item .input-text { width: 100%; padding-right: 5px; }

.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 					{ margin-bottom: 15px; }



/* Облако тегов 
---------------------------------------------------- */
.tag-cloud 					{ width: 100%; }
.tag-cloud li 				{ display: inline; margin-right: 5px; line-height: 22px; }
.tag-cloud li a 			{ text-decoration: none; }
.tag-cloud li .tag-size-1 	{ font-size: 12px; }
.tag-cloud li .tag-size-2 	{ font-size: 12px; }
.tag-cloud li .tag-size-3 	{ font-size: 14px; }
.tag-cloud li .tag-size-4 	{ font-size: 14px; }
.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; }



/* Item List 
---------------------------------------------------- */
.item-list 					{ border-top: 1px solid #eee; }
.item-list li 				{ min-height: 51px; padding: 7px 0 10px 58px; border-bottom: 1px solid #eee; position: relative; zoom: 1; }
.item-list li p 			{ padding-top: 2px; font-size: 11px; }
.item-list li a 			{ text-decoration: none; }
.item-list li .avatar 		{ position: absolute; top: 10px; left: 0; margin-right: 10px; }
.item-list li .author 		{ font-weight: bold; color: #333; }
.item-list li .blog-name 	{ font-weight: bold; }


/**
 * Social list
 */
.social-list {
    overflow: hidden;
}
.social-list li {
    float: left;
    margin-right: 5px;
}
.social-list li a {
    color: #212121;
}
.social-list li a:hover {
    color: #444;
}



/* Хелперы
---------------------------------------------------- */
.mt-10 { margin-bottom: 10px !important; }
.mt-20 { margin-bottom: 20px !important; }

.mb-5  { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }

.ta-c { text-align: center !important; }
.ta-r { text-align: right !important; }
.va-m { vertical-align: middle; }
.fl-r { float: right !important; }
.fl-l { float: left !important; }

.d-none { display: none !important; }

.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix 		{ zoom: 1; }

.word-wrap {
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap; 
	white-space: pre-wrap;
	word-wrap: break-word; 
	white-space: normal;
}



/* Разное
---------------------------------------------------- */
.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 			{ color: #aaa; }

.loader { background: #fafafa url(https://hairmaniac.ru/templates/skin/hm/images/loader.gif) 50% 50% no-repeat; }
.button.loader { background: #f5f5f5 url(https://hairmaniac.ru/templates/skin/hm/images/loader.gif) 50% 50% no-repeat; color: rgba(0, 0, 0, 0); border: 1px #d3d3d3 solid; }
.button.loader:hover { color: rgba(0, 0, 0, 0); border: 1px #d3d3d3 solid; }

.user, .ls-user 	{ font-weight: bold; color: #333; }
.ls-user:before 	{ content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 3px; background: url(https://hairmaniac.ru/templates/skin/hm/images/icons.png) -168px 0 no-repeat; vertical-align: middle; }
.user.inactive 		{ color: #aaa; }

.select2-results .select2-highlighted {
    background: #dd127b;
}

.yandex_market_affiliate { margin: 20px 0; }

@media screen and (max-width: 1040px) {
    .table-blogs img {
        width: 30px;
        height: 30px;
        vertical-align: middle;
    }
    .table-users th:nth-of-type(2),
    .table-users td:nth-of-type(2),
    .table-users th:nth-of-type(3),
    .table-users td:nth-of-type(3) {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .ls-user-role-user .table-blogs th:nth-of-type(3),
    .ls-user-role-user .table-blogs td:nth-of-type(4),
    .ls-user-role-user .table-blogs th:nth-of-type(4),
    .ls-user-role-user .table-blogs td:nth-of-type(5) {
        display: none;
    }
}/* -------------------------------------------------------------------
	ФОРМАТИРОВАННЫЙ ТЕКСТ
------------------------------------------------------------------- */

.text { font-size: 17px; line-height: 1.5; overflow: hidden; zoom: 1; }

.text a	{ text-decoration: underline; }

.text h2, .text .h2, .text h3, .text h4, .text h5, .text h6 {
    margin-bottom: 1rem;
    font-weight: 600;
}
.text h2 { font-size: 36px; }
.text h3 { font-size: 30px; }
.text h4 { font-size: 28px; }
.text h5 { font-size: 24px; }
.text h6 { font-size: 20px; }

.text p { margin-bottom: 1em; }
.text abbr[title] { border-bottom: 1px dotted; }
.text b, .text strong { font-weight: bold; }

/*
 * Реклама в тексте топика
 */
.topic .text .advblock {
	margin-top: 2.5rem;
	clear: both;
}

/*
 * Editor-js
 */
.text .editor-js-embed,
.text .img-wrap .editor-js-image,
.text .editor-js-list,
.text .editor-js-spoiler,
.text .editor-js-fotorama,
.text .editor-js-raw,
.topic .text table {
    margin-bottom: 1.5rem;
}
.topic .text table.table-responsive {
    display: block;
    overflow-x: auto;
    white-space: normal;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 100%;
    min-height: .01%;
}
.topic .text blockquote.editor-js-quote {
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.topic .text .editor-js-quote-caption {
    margin-bottom: 0;
}
.topic .text .editor-js-image figcaption,
.topic .text .editor-js-embed .caption {
  text-align: center;
  font-size: 15px;
  font-style: italic;
}
.topic .text .editor-js-embed .caption {
    margin-top: 10px;
}
.topic .text .advblock.editorjs-advblock {
	margin-bottom: 2.5rem;
}

/*
 * blockquote с серой границей слева
 */
.text blockquote {
    clear: both; 
    position: relative;
    margin: 0;
    font-size: 16px;
    padding: 1.25rem;
    border: 1px solid #eee;
    border-left-color: #e2e8e6;
    border-left-width: .25rem;
    border-radius: .25rem;
    color: #41464b;
}

/*
 * blockquote для топика с двумя запытыми сверху
 */
.topic .text blockquote {
    border-radius: 0;
    clear: both; 
    position: relative;    
    border-right-width: 0;
    border-left-width: 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 30px 0;
    text-align: center;
    font-size: 19px;
    margin-top: 14px;
}
.topic .text blockquote:before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIGZpbGw9IiNkZTIxODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIxLjk1IDguNzIxLS4wMjUtLjE2OC0uMDI2LjAwNkE0LjUgNC41IDAgMSAwIDE3LjUgMTRjLjIyMyAwIC40MzctLjAzNC42NS0uMDY1LS4wNjkuMjMyLS4xNC40NjgtLjI1NC42OC0uMTE0LjMwOC0uMjkyLjU3NS0uNDY5Ljg0NC0uMTQ4LjI5MS0uNDA5LjQ4OC0uNjAxLjczNy0uMjAxLjI0Mi0uNDc1LjQwMy0uNjkyLjYwNC0uMjEzLjIxLS40OTIuMzE1LS43MTQuNDYzLS4yMzIuMTMzLS40MzQuMjgtLjY1LjM1bC0uNTM5LjIyMi0uNDc0LjE5Ny40ODQgMS45MzkuNTk3LS4xNDRjLjE5MS0uMDQ4LjQyNC0uMTA0LjY4OS0uMTcxLjI3MS0uMDUuNTYtLjE4Ny44ODItLjMxMi4zMTctLjE0My42ODYtLjIzOCAxLjAyOC0uNDY3LjM0NC0uMjE4Ljc0MS0uNCAxLjA5MS0uNjkyLjMzOS0uMzAxLjc0OC0uNTYyIDEuMDUtLjk0NC4zMy0uMzU4LjY1Ni0uNzM0LjkwOS0xLjE2Mi4yOTMtLjQwOC40OTItLjg1Ni43MDItMS4yOTkuMTktLjQ0My4zNDMtLjg5Ni40NjgtMS4zMzYuMjM3LS44ODIuMzQzLTEuNzIuMzg0LTIuNDM3LjAzNC0uNzE4LjAxNC0xLjMxNS0uMDI4LTEuNzQ3YTcuMDI4IDcuMDI4IDAgMCAwLS4wNjMtLjUzOXptLTExIDAtLjAyNS0uMTY4LS4wMjYuMDA2QTQuNSA0LjUgMCAxIDAgNi41IDE0Yy4yMjMgMCAuNDM3LS4wMzQuNjUtLjA2NS0uMDY5LjIzMi0uMTQuNDY4LS4yNTQuNjgtLjExNC4zMDgtLjI5Mi41NzUtLjQ2OS44NDQtLjE0OC4yOTEtLjQwOS40ODgtLjYwMS43MzctLjIwMS4yNDItLjQ3NS40MDMtLjY5Mi42MDQtLjIxMy4yMS0uNDkyLjMxNS0uNzE0LjQ2My0uMjMyLjEzMy0uNDM0LjI4LS42NS4zNWwtLjUzOS4yMjJjLS4zMDEuMTIzLS40NzMuMTk1LS40NzMuMTk1bC40ODQgMS45MzkuNTk3LS4xNDRjLjE5MS0uMDQ4LjQyNC0uMTA0LjY4OS0uMTcxLjI3MS0uMDUuNTYtLjE4Ny44ODItLjMxMi4zMTctLjE0My42ODYtLjIzOCAxLjAyOC0uNDY3LjM0NC0uMjE4Ljc0MS0uNCAxLjA5MS0uNjkyLjMzOS0uMzAxLjc0OC0uNTYyIDEuMDUtLjk0NC4zMy0uMzU4LjY1Ni0uNzM0LjkwOS0xLjE2Mi4yOTMtLjQwOC40OTItLjg1Ni43MDItMS4yOTkuMTktLjQ0My4zNDMtLjg5Ni40NjgtMS4zMzYuMjM3LS44ODIuMzQzLTEuNzIuMzg0LTIuNDM3LjAzNC0uNzE4LjAxNC0xLjMxNS0uMDI4LTEuNzQ3YTcuNTcxIDcuNTcxIDAgMCAwLS4wNjQtLjUzN3oiLz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 50px;
    height: 28px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: -14px;
    margin: 0;
    background-color: #fff;
}
/*
 * blockquote с цветной границей
 */
.topic .text blockquote.alrt-important { border-color: #de2180; }
.topic .text blockquote.alrt-recommend { border-color: #0dae24; }
.topic .text blockquote.alrt-warning   { border-color: #d58f2b; }
.topic .text blockquote.alrt-important .title { color: #de2180; }
.topic .text blockquote.alrt-recommend .title { color: #0dae24; }
.topic .text blockquote.alrt-warning .title   { color: #d58f2b; }
.topic .text blockquote.alrt .title {
    display: table;
    position: relative;
    top: -45px;
    margin-bottom: -35px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #fff;
    padding: 0 15px;
    max-width: 70%;
    text-align: center;
}
.topic .text blockquote.alrt {
    text-align: left;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-color: #e2e8e6;
}
.topic .text blockquote.alrt-l .title {
    margin-bottom: 15px; 
}
.topic .text blockquote.alrt-l {
    border-radius: 5px;
    text-align: left;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 10px;
    padding: 0 0 30px 30px;
}
.topic .text blockquote.alrt:before,
.topic .text blockquote.alrt-l:before {
    content: none;
}
.topic .text .editor-js-alrt-text { margin-bottom: 0; }

.topic .text ul,
.topic .text ol {
    display: table;
}

.text dfn { font-style: italic; }
.text hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/*.text ins { background: #ff9; color: #000; text-decoration: none; }*/
.text mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

.text pre { margin: 0; padding: 10px 15px; border: none; background: #fafafa; font-size: 12px; line-height: 18px; overflow: auto; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; }
.text q { quotes: none; clear: both; }
.text q:before, q:after { content: ""; content: none; }
.text small { font-size: 85%; }

.text sub, .text sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
.text sup { top: -0.5em; }
.text sub { bottom: -0.25em; }

.text ul,
.text ol { margin: 0; padding: 0 0 0 40px; list-style-type: decimal; }
.text ul { list-style-type: disc; }
.text li {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}
.text ol li::before {
    content: counter(list);
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 2px;
    background-color: #60c6ad;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
}
.text ol li {
    counter-increment: list;
}
.text ul > li::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 8px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #60c6ad;
}

.text .editor-js-list.plus_list > li::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0iIzBkYWUyNCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48ZyBkYXRhLW5hbWU9IjEiIGlkPSJfMSI+PHBhdGggZD0iTTM0OC40NSw0MzIuN0gyNjEuOGExNDEuNSwxNDEuNSwwLDAsMS00OS41Mi04LjlsLTY3LjUtMjUuMDdhMTUsMTUsMCwwLDEsMTAuNDUtMjguMTJsNjcuNDksMjUuMDdhMTExLjc5LDExMS43OSwwLDAsMCwzOS4wOCw3aDg2LjY1YTE0LjIxLDE0LjIxLDAsMSwwLDAtMjguNDIsMTUsMTUsMCwwLDEsMC0zMEgzNjguOWExNC4yMSwxNC4yMSwwLDEsMCwwLTI4LjQyLDE1LDE1LDAsMCwxLDAtMzBoMjAuNDRhMTQuMjEsMTQuMjEsMCwwLDAsMTAuMDUtMjQuMjYsMTQuMDgsMTQuMDgsMCwwLDAtMTAuMDUtNC4xNiwxNSwxNSwwLDAsMSwwLTMwaDIwLjQ1YTE0LjIxLDE0LjIxLDAsMCwwLDEwLTI0LjI2LDE0LjA5LDE0LjA5LDAsMCwwLTEwLTQuMTdIMjY4LjE1QTE1LDE1LDAsMCwxLDI1NSwxNzYuNzRhMTAwLjIsMTAwLjIsMCwwLDAsOS4yLTI5LjMzYzMuMzktMjEuODctLjc5LTQxLjY0LTEyLjQyLTU4Ljc2YTEyLjI4LDEyLjI4LDAsMCwwLTIyLjMzLDdjLjQ5LDUxLjM4LTIzLjI1LDg4LjcyLTY4LjY1LDEwOGExNSwxNSwwLDEsMS0xMS43Mi0yNy42MWMxOC43Mi04LDMyLjM2LTE5Ljc1LDQwLjU1LTM1LjA4LDYuNjgtMTIuNTEsMTAtMjcuNjUsOS44My00NUMxOTkuMzEsNzcsMjExLDYxLDIyOS4xOCw1NS4zNHMzNi44MS43OCw0Ny40NSwxNi40NmMyNC43MSwzNi4zNiwyMC4yNSw3NC4xLDEzLjQ4LDk3LjIxSDQwOS43OWE0NC4yMSw0NC4yMSwwLDAsMSwxOS41OSw4My44NCw0NC4yNyw0NC4yNywwLDAsMS0yMC40NCw1OC40Miw0NC4yNyw0NC4yNywwLDAsMS0yMC40NSw1OC40Myw0NC4yMyw0NC4yMywwLDAsMS00MCw2M1oiLz48cGF0aCBkPSJNMTU1LDQxMC40OUg2OS4xM2ExNSwxNSwwLDAsMS0xNS0xNVYxODkuODZhMTUsMTUsMCwwLDEsMTUtMTVIMTU1YTE1LDE1LDAsMCwxLDE1LDE1VjM5NS40OUExNSwxNSwwLDAsMSwxNTUsNDEwLjQ5Wm0tNzAuODQtMzBIMTQwVjIwNC44Nkg4NC4xM1oiLz48L2c+PC9zdmc+);
}
.text .editor-js-list.minus_list > li::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0iI2RlMjE4MCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48ZyBkYXRhLW5hbWU9IjEiIGlkPSJfMSI+PHBhdGggZD0iTTI0Mi4yOCw0MjcuMzlhNDMuODUsNDMuODUsMCwwLDEtMTMuMS0yYy0xOC4yMi01LjY5LTI5Ljg3LTIxLjY0LTI5LjY5LTQwLjYyLjE2LTE3LjM1LTMuMTUtMzIuNS05LjgzLTQ1LTguMTktMTUuMzMtMjEuODMtMjcuMTMtNDAuNTUtMzUuMDhBMTUsMTUsMCwxLDEsMTYwLjgzLDI3N2M0NS40LDE5LjI2LDY5LjE0LDU2LjYsNjguNjUsMTA4YTEyLjI4LDEyLjI4LDAsMCwwLDIyLjMzLDdjMjguMzQtNDEuNzEsMy40Ny04Ny42MywzLjIyLTg4LjA5YTE1LDE1LDAsMCwxLDEzLjEyLTIyLjI3SDQwOS43OWExNC4yMiwxNC4yMiwwLDAsMCwwLTI4LjQzSDM4OS4zNGExNSwxNSwwLDEsMSwwLTMwLDE0LjIsMTQuMiwwLDAsMCwxNC4yMS0xNC4yMSwxNC4yMywxNC4yMywwLDAsMC0xNC4yMS0xNC4yMUgzNjguOWExNSwxNSwwLDAsMSwwLTMwLDE0LjIxLDE0LjIxLDAsMSwwLDAtMjguNDJIMzQ4LjQ1YTE1LDE1LDAsMCwxLDAtMzAsMTQuMjEsMTQuMjEsMCwxLDAsMC0yOC40MkgyNjEuOGExMTEuNjksMTExLjY5LDAsMCwwLTM5LjA3LDdsLTY3LjUsMjUuMDdBMTUsMTUsMCwwLDEsMTQ0Ljc4LDgybDY3LjUtMjUuMDdBMTQxLjUsMTQxLjUsMCwwLDEsMjYxLjgsNDhoODYuNjVhNDQuMjUsNDQuMjUsMCwwLDEsNDAsNjMsNDQuMjcsNDQuMjcsMCwwLDEsMjAuNDUsNTguNDMsNDQuMjcsNDQuMjcsMCwwLDEsMjAuNDQsNTguNDIsNDQuMjEsNDQuMjEsMCwwLDEtMTkuNTksODMuODRIMjkwLjExYzYuNzcsMjMuMTEsMTEuMjMsNjAuODUtMTMuNDgsOTcuMjJBNDEuMjEsNDEuMjEsMCwwLDEsMjQyLjI4LDQyNy4zOVoiLz48cGF0aCBkPSJNMTU1LDMwNS44NUg2OS4xM2ExNSwxNSwwLDAsMS0xNS0xNVY4NS4yMWExNSwxNSwwLDAsMSwxNS0xNUgxNTVhMTUsMTUsMCwwLDEsMTUsMTVWMjkwLjg1QTE1LDE1LDAsMCwxLDE1NSwzMDUuODVabS03MC44NC0zMEgxNDBWMTAwLjIxSDg0LjEzWiIvPjwvZz48L3N2Zz4=);
}
.text .editor-js-list.minus_list > li::before,
.text .editor-js-list.plus_list > li::before {
    content: '';
    background-color: transparent;
    border: none;
    border-radius: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}

.text dd { margin: 0 0 0 40px; }

.text .img-wrap img,
.text img.image-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.text img[align="right"] { margin: 4px 0 5px 95px; }
.text img[align="left"] { margin: 4px 95px 10px 0; }

.text .fotorama__wrap {
    margin-left: auto;
    margin-right: auto;
}

.text object,
.text img { max-width: 100%; }

.text .ls-user { color: #333; }
.text .ls-user:visited { color: #333; }
.text .ls-user:hover { color: #555; }

.text .hidden-anchor {
	display: block;
	margin-top: -50px;
	height: 50px;
	position: relative;
	z-index: -1;
}
.text .topic_toc_wrapper {
	margin: 20px 0;
	padding: 15px;
	background: #fafafa;
	border-radius: 15px;
}
.text #topic_toc_btn {
    border-radius: 50rem;
    background-color: #eee;
    padding: 5px 10px;
}
.text .topic_toc_h2 {
	margin-left: 20px;
}
.text .topic_toc_h3 {
	margin-left: 35px;
}
.text .topic_toc_h4 {
	margin-left: 45px;
}
.text .topic_toc_index {
	margin-right: 7px;
	margin-left: -20px;
}
.text ul.topic_toc {
	font-weight: 600;
	font-size: 16px;
	padding: 0;
	list-style: none;
}
.text ul.topic_toc > li {
	margin-bottom: 5px;
}
.text ul.topic_toc > li::before {
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.text .topic_toc.hidden {display: none}
#topic_toc_btn {
	font-size: 16px;
	cursor: pointer;
	font-weight: normal;
}

.text a.gif-ligthbox {
	position: relative;
	display: inline-block;
}
.text .gif-play-btn {
	text-align: center;
	color: #fff;
	font-size: 40px;
	position: absolute;
	opacity: .9;
	z-index: 100;
	background-color: rgba(255, 255, 255, 0.5);
	width: 50px;
	height: 50px;
	line-height: 49px;
	border-radius: 100%;
	margin-left: -25px;
	margin-top: -25px;
	top: 50%;
	left: 50%;
}

.text .table-align-center td,
.text .table-align-center th {
    text-align: center;
}
.text .table-align-right td,
.text .table-align-right th {
    text-align: right;
}


@media screen and (max-width: 1040px) {
    .text h2, .text .h2, .text h3, .text h4, .text h5, .text h6 {
        font-weight: bold;
    }
    .text h2 { font-size: 26px; }
    .text h3 { font-size: 22px; }
    .text h4 { font-size: 20px; }
    .text h5 { font-size: 20px; }
    .text h6 { font-size: 20px; }
    
    .text ul, .text ol {
        padding-left: 20px;
    }
}
/* -------------------------------------------------------------------
	ФОРМЫ
------------------------------------------------------------------- */

select,
.input-text {
	padding: 7px 10px 10px;
	border: 1px solid #c1c1c1;
	border-radius: 3px;
    color: #3c3c3c;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.input-text:focus 	{ border-color: #4D90FE; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.07) inset, 0 0 3px #4D90FE; box-shadow: 0 2px 4px rgba(0,0,0,.07) inset, 0 0 3px #4D90FE; }
.input-checkbox 	{ position: relative; top: 1px; margin: 0 2px 0 1px; }

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

textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; resize: vertical; }

fieldset { margin-bottom: 30px; padding-top: 15px; }
fieldset legend { color: #000; font-weight: bold; font-size: 13px; padding-right: 10px; }

form p { margin-bottom: 20px; }
form p:last-child { margin-bottom: 0; }
form label { display: block; margin-bottom: 10px; }
form label:last-child { margin-bottom: 0; }
form .icon-question-sign { cursor: help; }

.note {
    display: block;
    margin-top: 5px;
    color: #aaa;
    font-size: 13px;
    font-style: italic;
    line-height: 1.4em;
}
.note.note-header {
    margin-bottom: 20px;
}
.note.editor-handle-note {
    text-align: center;
}

.captcha-image { vertical-align: top; }

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; }

.form-profile { position: relative; }
.form-profile .avatar-change { position: absolute; top: 40px; right: 0; padding: 10px; background: #f7f7f7; font-size: 11px; }

/* Placeholder */
:-moz-placeholder { color: #aaa; }
.placeholder { color: #aaa; }

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


/* Валидатор 
---------------------------------------------------------------*/
.validate-error-hide { display: none; }
.validate-error-show { display: block; color: #de5151; font-size: 13px; margin-top: 5px; }

/* Disabled */
input[disabled] {
    border-color: #e2e2e2;
    background: #fff;
    color: #b4b4b4;
}

/**
 * Custom select
 */
.hm-select {
    display: inline-block;
    overflow: hidden;
    position: relative;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
}
.hm-select select {
    border: none;
}
.hm-select:after {
    content: "";
    position: absolute;
    top: 16px;
    right: 9px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #000;
}
.hm-select select:focus {
    outline: none;
}
.hm-select select::-ms-expand {
    display: none;
}
.hm-select .hm-select-arrow-bg {
    background: #fff;
    position: absolute;
    width: 25px;
    top: 0;
    right: 0;
    border-radius: 3px;
}.hm-blankslate {
    padding: 20px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    color: #aaa;
}/**
 * Dropdowns
 *
 * @module ls/dropdown
 *
 * @license   GNU General Public License, version 2
 * @copyright 2013 OOO "ЛС-СОФТ" {@link http://livestreetcms.com}
 * @author    Denis Shakhov <denis.shakhov@gmail.com>
 */

.dropdown {
    display: inline-block;
    background: #2891d3;
    color: #fff;
    padding: 7px 35px 7px 13px;
    margin-bottom: 10px;
    min-height: 18px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
            user-select: none;
    text-decoration: none;
    position: relative;
}


 /* Dropdown toggle */
.dropdown-toggle {
    position: relative;
    cursor: pointer;
    padding-right: 25px;
}
.dropdown-toggle:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 9px;
    height: 0;
    width: 0;
    margin-top: -1px;
    border: 4px solid transparent;
    border-top-color: #333;
}
.dropdown-toggle.open:after { border-top-color: #fff; }
.dropdown-toggle.open { background: #08c; color: #fff; }


.dropdown .dropdown-toggle {
    border-left: 1px solid #40BAF7;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 25px;
}
.dropdown .dropdown-toggle.open { border-color: transparent; }
.dropdown .dropdown-toggle:hover { background: #08c; }


/**
 * Выпадающее меню
 */
.dropdown-menu {
    display: none;
    position: absolute;
    z-index: 900;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ccc;
}
.dropdown-menu li {
    font-size: 14px;
    line-height: 1em;
}
.dropdown-menu li a {
    display: block;
    padding: 10px 15px;
}
.dropdown-menu li a:hover {
    background: #fafafa;
}
.dropdown-menu li.active a {
    color: #aaa;
}
.dropdown-menu li.active a:hover {
    cursor: default;
}/* -------------------------------------------------------------------

	КНОПКИ


	Примеры использования:

	<button class="button">Preview</button>
	<a href="#" class="button">Preview</a>

	<button class="button button-primary">Save</button>

------------------------------------------------------------------- */

.button {
	display: inline-block;

	padding: 9px 15px;
	text-align: center;

	border: 1px solid #4c4e4f;
	border-radius: 3px;

	font-size: 13px;
	line-height: 16px;

	color: #1f1a17;

	background: transparent;

	cursor: pointer;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

	*margin-right: 5px;
}
.button:hover { text-decoration: none; color: #dd127b; border-color: #dd127b; }
.button:active {
	-moz-box-shadow: 	0 0 7px rgba(0, 0, 0, .5) inset;
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset;
	box-shadow: 		0 0 7px rgba(0, 0, 0, .5) inset;
}
.button.fl-r { *margin-right: 0; }

/* Button Primary */
.button.button-primary { }

/* Button Icon (Without text) */
.button.button-icon { padding: 7px 10px; }

.button--full-width { width: 100%; }

/* Button Primary */
.button[disabled] {
	border-color: #ddd;
	color: #aaa;
}
.button[disabled]:hover {
	background-color: transparent;
	border-color: #ddd;
	color: #aaa;
}/**
 * Navigation
 *
 * @license   GNU General Public License, version 2
 * @copyright 2013 OOO "ЛС-СОФТ" {@link http://livestreetcms.com}
 * @author    Denis Shakhov <denis.shakhov@gmail.com>
 */


.nav                 {  }
.nav > li            { float: left; position: relative; }
.nav > li > a        { float: left; padding: 10px 15px; text-decoration: none; }


/* Clearfix */
.nav:before,
.nav:after { content: ""; display: table; }
.nav:after { clear: both; }


/**
 * Group
 */
.nav-group { position: relative; margin-bottom: 15px; background: #fff; height: 38px; }
.nav-group .nav,
.nav-group .nav.nav-pills { margin-bottom: 10px; }
.nav-group .nav.nav-filter { margin-bottom: 0; }
.nav-group > *:last-child { margin-bottom: 0; }

@media screen and (max-width: 1040px) {
    .nav-group {
        height: auto;
    }
    .nav-group .nav.nav-filter.pull-left,
    .nav-group .nav.nav-filter.pull-right {
        float: none;
    }
}


/**
 * Stacked
 */
.nav-stacked > li     { float: none; margin: 0; position: relative; }
.nav-stacked > .nav-item-has-counter > a { padding-right: 45px; }
.nav-stacked > li > a { float: none; display: block; }
.nav-stacked .badge   { position: absolute; top: 6px; right: 6px; }


/**
 * Pills
 */
.nav-pills                 { margin-bottom: 15px; }
.nav-pills > li            { margin-right: 5px; margin-bottom: 5px; }
.nav-pills > li > a        { padding: 5px 12px; background: #f5f5f5; color: #888; border-radius: 3px; }
.nav-pills > li > a:hover  { background: #eaeaea; }
.nav-pills > li.active > a { background: #dd127b; color: #fff; }
.nav-pills > li > a + a    { margin-left: 1px; }

/* Stacked */
.nav.nav-pills.nav-stacked          { margin-bottom: 15px; }
.nav.nav-pills.nav-stacked > li     { float: none; margin-bottom: 3px; margin-right: 0; }
.nav.nav-pills.nav-stacked > li > a { float: none; display: block; padding: 7px 45px 7px 12px; }

/* Dropdown support */
.nav.nav-pills .dropdown-toggle:after      { border-top-color: #333; }
.nav.nav-pills .dropdown-toggle.open       { background: #2891D3; color: #fff; }
.nav.nav-pills .active .dropdown-toggle:after,
.nav.nav-pills .dropdown-toggle.open:after { border-top-color: #fff; }

/* Badge */
.nav-item.active .badge { background: #2279AF; }


/**
 * Main
 */
#nav {
    margin-bottom: 25px;
    position: relative;
    text-align: center;
}
.nav-main {
    display: inline-block;
    font: normal 14px 'PT Serif', serif;
    text-transform: uppercase;
    text-align: center;
}
.nav-main > li {
    float: left;
    padding: 4px 11px;
    background: #f2faf8;
    position: relative;
    border-top: 1px solid #e4f5f0;
    border-bottom: 1px solid #e4f5f0;
}
.nav-main li a {
    color: #333;
}
.nav-main li.active a,
.nav-main li a:hover {
    color: #dd127b;
}
.nav-main > li:first-child {
    padding-left: 16px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: 1px solid #e4f5f0;
}
.nav-main > li:last-child,
.nav-main > li.last-child {
    padding-right: 16px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 1px solid #e4f5f0;
}

/* Dropdown */
.dropdown-menu.nav-main-dropdown-menu {
    min-width: 110px;
    box-sizing: border-box;
    padding: 15px 11px 13px;
    background: #fff;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .75);
    border-radius: 3px;
    text-align: left;
    border: none;
}
#nav_main_blogs.dropdown-menu.nav-main-dropdown-menu {
    min-width: 210px;
}
#nav_main_reference.dropdown-menu.nav-main-dropdown-menu {
    min-width: 310px;
}
.dropdown-menu.nav-main-dropdown-menu li {
    text-transform: none;
    font-size: 16px;
    margin-bottom: 9px;
}
.dropdown-menu .dropdown-header {
    color: #dd127b;
}
.dropdown-menu.nav-main-dropdown-menu li:last-child {
    margin-bottom: 0;
}
.dropdown-menu.nav-main-dropdown-menu li a {
    color: #1f1a17;
    background-color: transparent;
    padding: 0;
}
.dropdown-menu.nav-main-dropdown-menu li a:hover {
    color: #dd127b;
}

/* Линия */
#nav:before {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    height: 3px;
    content: "";
    background: #35312e;
}

.nav-toggle {
    display: none;
    padding: 15px 15px 14px;
    background: #fff;
    font: normal 12px/1em 'PT Serif', serif;
    text-transform: uppercase;
    border-top: 1px solid #eee;
}

.nav-toggle-caret {
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;

    position: absolute;
    right: 15px;
    top: 15px;
}

.nav-toggle.open .nav-toggle-caret {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.nav-main-item-mobile {
    display: none;
}

@media screen and (max-width: 1265px) {
    .nav-main {
        font-size: 12px;
    }
}
@media screen and (max-width: 1040px) {
    .nav-toggle {
        display: block;
    }
    .nav-main,
    #nav {
        text-align: left;
        margin-bottom: 15px;
    }
    #nav:before {
        display: none;
    }
    .nav-main {
        font-size: 14px;
        border-top: 1px solid #eee;
        display: none;
        padding: 5px;
        background: #fff;
    }
    .nav-main li {
        background: #fff;
        float: none;
        padding: 0;
        border-width: 0;
    }
    .nav-main li a {
        display: block;
        padding: 10px;
    }
    .nav-main li:first-child {
        padding-left: 0;
    }
    .nav-main li:last-child {
        padding-right: 0;
    }
    .nav-main-item-mobile {
        display: block;
    }
}

/**
 * Sub Nav
 */
.nav-sub {
    margin-bottom: 15px;
    background: #35312e;
    font-size: 12px;
    font-family: 'PT Serif', serif;
    text-transform: uppercase;
}
.nav-sub > li > a {
    padding: 9px 13px 8px;
    color: #c0c0c0;
}
.nav-sub > li > a:hover,
.nav-sub > li.active > a {
    color: #fff;
}

/**
 * Filter
 */
.nav-filter {
    background: #fff;
    margin-bottom: 15px;
    padding: 9px 15px;
}
.nav-filter > li {
    margin-right: 15px;
}
.nav-filter > li:last-child {
    margin-right: 0px;
}
.nav-filter > li > a {
    padding: 0;
    color: #212121;
}
.nav-filter > li:hover > a {
    color: #dd127b;
}
.nav-filter > li.active > a {
    color: #dd127b;
}

/**
 * Filter flex
 */
.nav-filter-wrapper-flex {
    overflow-x: hidden;
}
.nav-filter-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -3px;
    margin-left: -3px;
    margin-bottom: 10px;
}
.nav-filter-flex > li {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 5px;
}
.nav-filter-flex > li > div {
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    background: #f2faf8;
    border: 1px solid #e4f5f0;
    border-radius: 3px;
    padding: 10px 15px;
    white-space: nowrap;
}
.nav-filter-flex > li:hover > div > a {
    color: #dd127b;
}
.nav-filter-flex > li.active > div > a {
    color: #dd127b;
}
.nav-filter-flex.nav-filter-flex-sub > li {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.nav-filter-flex.nav-filter-flex-sub > li > div {
    border-radius: 50rem;
}

@media screen and (max-width: 855px) {
    .nav-filter-flex.nav-filter-flex-sub > li > div {
        padding-left: 10px;
        padding-right: 10px;
    }
    .nav-filter-flex.nav-filter-flex-period > li > div {
        padding-left: 5px;
        padding-right: 5px;
    }
}/* -------------------------------------------------------------------
	ТАБЛИЦЫ
------------------------------------------------------------------- */

.table 					{ width: 100%; margin-bottom: 15px; }
.table th 				{ text-align: left; background: #fafafa; }
.table td, .table th 	{ border-bottom: 1px solid #eee; padding: 10px; }
.table tr.active td 	{ background: #CBF4BC; }

.table a.asc:after		{ content: "▲"; }
.table a.desc:after		{ content: "▼"; }

/* Table Blogs */
.table.table-blogs .cell-name .avatar 	{ float: left; margin-right: 10px; clear: right; }
.table.table-blogs .cell-name p		 	{ overflow: hidden; }
.table.table-blogs .cell-rating 		{ width: 70px; font-weight: bold; }
.table.table-blogs .cell-readers 		{ width: 70px; text-align: center; vertical-align: middle; }
.table.table-blogs .cell-join 			{ width: 130px; text-align: center; vertical-align: middle; }
.table.table-blogs .cell-rating 		{ text-align: center; vertical-align: middle; }

/* Table Plugins */
.table.table-plugins .cell-checkbox 	{ width: 20px; padding: 12px 0 10px 10px; }
.table.table-plugins h3 				{ font-weight: bold; font-size: 17px; line-height: 20px; margin-bottom: 5px; }

/* Table Profile Notes */
.table.table-profile-notes 					{ border-top: 1px solid #eee; }
.table.table-profile-notes td 				{ vertical-align: top; }
.table.table-profile-notes .cell-username 	{ width: 20%; font-weight: bold; }
.table.table-profile-notes .cell-note 		{ width: 50%; }
.table.table-profile-notes .cell-date 		{ text-align: right; }

/* Table Profile Info */
.table.table-profile-info 				{ margin-bottom: 40px; }
.table.table-profile-info td 			{ vertical-align: top; }
.table.table-profile-info .cell-label 	{ width: 30%; color: #777; }

/* Table Users */
.table.table-users th 					{ font-size: 11px; }
.table.table-users .cell-name 			{ font-weight: bold; }
.table.table-users .cell-name img 		{ float: left; }
.table.table-users .cell-name .username { margin-left: 32px; width: 120px; position: relative; top: 1px; }
.table.table-users .cell-name .username span { font-weight: normal; color: #C3C3C3; margin-left: 5px; }
.table.table-users tbody .cell-date 	{ font-size: 11px; }
.table.table-users .cell-rating,
.table.table-users .cell-skill 			{ text-align: center; width: 50px; }

/* Table Talk */
.table.table-talk .cell-checkbox 		{ width: 20px; padding: 12px 0 10px 10px; }
.table.table-talk thead .cell-checkbox 	{ padding: 10px 0 10px 10px; }
.table.table-talk .cell-favourite 		{ width: 20px; padding: 10px 0; text-align: center; }
.table.table-talk .cell-recipients 		{ width: 100px; }
.table.table-talk tbody .cell-date 		{ font-size: 11px; width: 130px; }
.table.table-talk tbody td				{ vertical-align: top; }


.table.table-striped th {
    background-color: #e1f2ee;
}
.table.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f2faf8;
}

.table.table-sm td, .table.table-sm th  {
    padding: 5px;
}/**
 * Userbar
 */

#userbar {
    background: #303030;
    font: 13px/1em 'Segoe UI', Arial, sans-serif;
}

.nav.nav-userbar {
    height: 35px;
    margin: 0 auto;
    color: #9b9b9b;
}
.nav.nav-userbar > li {
    border-radius: 0 0 0 4px;
}
.nav.nav-userbar > li > a {
    padding: 10px 10px 12px;
    color: #9b9b9b;
}
.nav.nav-userbar > li > a:hover {
    color: #bbb;
}
.nav-userbar > li.nav-userbar-mob {
    display: none;
}

.nav.nav-userbar > li.nav-userbar-username {
    float: right;
    min-width: 170px;
}
.nav.nav-userbar > li.nav-userbar-username .username {
    position: relative;
    padding: 10px 35px 12px 52px;
    height: 13px;
    background: #222;
}
.nav.nav-userbar > li.nav-userbar-username .username.dropdown-toggle:after {
    right: 15px;
    margin-top: -2px;
    border-top-color: #9b9b9b;
}
.nav.nav-userbar > li.nav-userbar-username .username.dropdown-toggle:hover {
    color: #fff;
}
.nav.nav-userbar > li.nav-userbar-username .username.dropdown-toggle:hover:after,
.nav.nav-userbar > li.nav-userbar-username .username.dropdown-toggle.open:after {
    border-top-color: #fff;
}
.nav.nav-userbar > li.nav-userbar-username .avatar {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
}

.nav.nav-userbar > li .new-messages {
    color: #4AA731;
    font-weight: bold;
}

.nav.nav-userbar > li.userbar-item-rss a {
    padding: 10px 10px 11px 0;
    padding-left: 0;
    line-height: 1em;
}

.nav-userbar > li.nav-userbar-mob-auth {
    display: none;
    float: right;
    cursor: pointer;
}
.nav-userbar > li.nav-userbar-mob-auth > a {
    padding: 0;
    color: #eee;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin-right: 10px;
}
.nav-userbar > li.nav-userbar-mob-auth > a > i {
    margin-right: 5px;
}
.nav-userbar > li.nav-userbar-mob-auth > a > span {
    margin: 0 2px;
}

.userbar-search-mobile-toggle {
    display: none;
}
.userbar-search-mobile-toggle.open {
    background: #555;
}
.userbar-search-mobile {
    display: none;
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.userbar-search-mobile .search {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 0;
}
.userbar-search-mobile .search .input-text {
    width: 100%;
}

@media screen and (max-width: 1040px) {
    .nav.nav-userbar {
        min-width: auto !important;
    }
    .nav-userbar > li {
        display: none;
    }
    .nav-userbar > li.nav-userbar-username,
    .nav-userbar > li.nav-userbar-mob, 
    .nav-userbar > li.nav-userbar-mob-auth {
        display: block;
    }
}

/**
 * Menu
 */
.dropdown-menu.userbar-user-menu {
    border: none;
    border-top: 1px solid #141414;
    background: #222;
    min-width: 170px;
}
.dropdown-menu.userbar-user-menu > li {
    border-bottom: 1px solid #2d2d2d;
}
.dropdown-menu.userbar-user-menu > li > a {
    padding: 9px 11px;
    color: #9b9b9b;
}
.dropdown-menu.userbar-user-menu > li.logout > a {
    color: #bf4b4b;
}
.dropdown-menu.userbar-user-menu > li > a:hover {
    background-color: transparent;
    color: #fff;
}
.dropdown-menu.userbar-user-menu > li.userbar-menu-edit-profile > a {
    background-color: #171717;
    color: #666;
    font-size: 11px;
}
.dropdown-menu.userbar-user-menu > li.userbar-menu-edit-profile > a i {
    font-size: 9px;
}
.dropdown-menu.userbar-user-menu > li.userbar-menu-edit-profile > a:hover {
    background-color: #222;
    color: #999;
}/* --------------------------------------------
	ТОПИК
-------------------------------------------- */

/**
 * Топик отображаемый в списке
 */
.topic--list {
    border: 1px solid #eaeaea;
    border-radius: 15px;
    max-height: fit-content;
    position: relative;
    padding: 30px 30px 60px 430px;
    margin-bottom: 30px;
    background: #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 360px;
}
.topic--list-image-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.topic--list-image {
    vertical-align: top;
    border-radius: 15px;
}
.topic--list .topic-photo-count {
    display: block;
}

/* Дата */
.topic--list-date {
    display: block;
    margin-bottom: 6px;
    text-align: center;
    color: #909090;
    font-size: 14px;
}

/* Заголовок */
.topic--list-title {
    margin-bottom: 10px;
    font-family: 'PT Serif', serif;
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3em;
}
.topic--list-title a {
    color: #212121;
}
.topic--list-title a:hover {
    color: #dd127b;
}

/* URL */
.topic--list .topic-url {
    text-align: center;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Poll */
.topic--list .topic-poll {
    background-color: transparent;
}
.topic--list.topic--list--question {
    height: auto;
}
.topic--list .topic-poll-buttons {
    text-align: center;
}

/* Текст */
.topic--list-text {
    margin-bottom: 10px;
    text-align: center;
    max-height: 120px;
    overflow: hidden;
}

/* Информация */
.topic--list-info { font-size: 14px; color: #777; margin-bottom: 10px; position: relative; display: flex; align-items: center; justify-content: center;}
.topic--list-info .avatar { width: 36px; height: 36px; border-radius: 24px; border: 1px solid #eaeaea; }
.topic--list-info .author-wrapper { margin-bottom: 4px; position: relative; top: -2px; margin-left: 12px; }
.topic--list-info .author-wrapper a { display: block; }
.topic--list-info .author-wrapper .author { font-weight: bold; }

/* Доп. информация */
.topic--list-meta {
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 10px 20px 440px;
    background: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.topic--list-meta-item {
    display: inline-block;
    border: 1px solid transparent;
    padding: 4px 8px 4px;
    border-radius: 3px;
}
.topic--list-meta-item:hover {
    border-color: #e4e4e4;
}
.topic--list-meta-item a.active,
.topic--list-meta-item a.active:hover {
    color: #dd127b;
}
.topic--list-meta-item span,
.topic--list-meta-item a {
    color: #bfbfbf;
}
.topic--list-meta-item em {
    font-style: normal;
}
.topic--list-meta-item span:hover,
.topic--list-meta-item a:hover {
    color: #aaa;
}
.topic--list-meta-item .vote .vote-up,
.topic--list-meta-item .vote .vote-down { cursor: default; }

.topic--list--nopreview {
    padding-left: 140px;
    padding-right: 140px;
}

.topic--list--nopreview .topic--list-meta {
    padding-left: 30px;
}
.topic--list-image-mobile-link {
    display: none;
}

.topic { overflow: hidden; zoom: 1; margin-bottom: 50px; }
.topic:last-child { margin-bottom: 0; }

/* Header */
.topic .topic-header .topic-title 				{ color: #333; font-size: 42px; font-weight: 600; line-height: 1.1em; margin: 0 0 1em; }
.topic .topic-header .topic-title a 			{ text-decoration: none; }
.topic .topic-header .topic-title i 			{ position: relative; top: 7px; cursor: help; }
.topic .topic-header .topic-url 				{ margin-bottom: 15px; }
.topic .topic-header .topic-url a 				{ background: #eee; border-radius: 3px; padding: 3px 10px 4px; text-decoration: none; }

.topic .topic-header .topic-info { color: #777; margin-bottom: 20px; padding-left: 60px; position: relative; min-height: 48px; }
.topic .topic-header .topic-info .avatar { position: absolute; top: 0; left: 0; width: 48px; height: 48px; border-radius: 24px; border: 1px solid #eaeaea; }
.topic .topic-header .topic-info .author-wrapper { margin-bottom: 4px; position: relative; top: -2px; }
.topic .topic-header .topic-info .author-wrapper .author { font-weight: bold; margin-right: 15px; }
.topic .topic-header .topic-info time 			{ margin-right: 15px; }
.topic .topic-header .topic-info .topic-blog 	{ margin-right: 15px; }
.topic .topic-header .topic-info .actions,
.topic .topic-header .topic-info .actions li	{ display: inline; float: none; margin-bottom: 0; }
.topic .topic-header .topic-info .actions li	{ margin-right: 10px; }


.topic .topic-info-wrap {
    background-color: #f2faf8;
    margin-bottom: 20px;
    border-radius: 15px;
    border: 1px solid #e4f5f0;
}
.topic .topic-info-wrap .topic-info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding: 0 15px 0 15px;
}
.topic .topic-info-wrap .topic-info-item {
    flex: 0 0 auto;
    -webkit-box-flex: 0;
    box-sizing: border-box;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    line-height: 100%;
    color: #777;
    font-size: 15px;
    line-height: normal;
}
.topic .topic-info-wrap .topic-info-item-last {
    margin-left: auto;
}
.topic .topic-info-wrap .topic-info-item-author {
    padding-left: 0;
}
.topic .topic-info-wrap .topic-info-item-last .topic-info-item-el {
    margin-right: 30px;
}
.topic .topic-info-wrap .topic-info-item > * {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.topic .topic-info-wrap .topic-info-item .avatar {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    border: 1px solid #eaeaea;
    vertical-align: middle;
}
.topic .topic-info-wrap .topic-info-item .author {
    color: #000;
    font-weight: 600;
}
.topic .topic-info-wrap .cnt {
    font-weight: 600;
    padding-left: 5px;
}
.topic .topic-footer .topic-info-item.vote {
    padding-right: 0;
}
.topic .topic-footer .topic-info-item.vote > .vote-up {
    font-size: 28px;
    width: 28px;
    height: 28px;
    line-height: 28px;
}

.topic .topic-header .actions {
    margin-bottom: 20px;
}

.topic.topic-preview .topic-header .topic-info { margin-bottom: 15px; padding-left:0; position: relative; min-height: 0; }

/* Content */
.topic .topic-content 		{ margin-bottom: 15px; }
.topic .topic-content.text 	{ color: #333; }

/* Tags */
.topic .topic-footer .topic-tags {
    font-size: 14px;
    overflow: hidden;
    overflow-wrap: break-word;
    margin-bottom: 20px;
}
.topic .topic-footer .topic-tags li {
    background-color: #f2faf8;
    color: #333;
    padding: 4px 8px;;
    white-space: nowrap;
    border-radius: 8px;
    display: inline-block;
    margin-bottom: 3px;
}
.topic .topic-footer .topic-tags li.topic-tags-edit 	{ margin-left: 20px; }
.topic .topic-footer .topic-tags li.topic-tags-user a 	{ color: #3CA023; }

/* Info */
.topic .topic-footer .topic-info 		{ overflow: hidden; background: #f7f7f7; border-radius: 15px; }
.topic .topic-footer .topic-info li 	{ float: left; height: 25px; padding: 8px 15px; border-right: 1px solid #fff; }
.topic .topic-footer .topic-info li a 	{ text-decoration: none; }
.topic .topic-footer .topic-info li.topic-info-author a 		{ font-weight: bold; color: #333; }
.topic .topic-footer .topic-info li.topic-info-author a:hover 	{ text-decoration: underline; }
.topic .topic-footer .topic-info li.topic-info-comments a		{  }
.topic .topic-footer .topic-info li.topic-info-comments a span 	{ color: #777; }
.topic .topic-footer .topic-info li.topic-info-comments a:hover { text-decoration: underline; }
.topic .topic-footer .topic-info li > * { vertical-align: middle; }

/*
 * Table Of Contents
 */
.topic .topic_toc_header {
    font-family: 'PT Serif', serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3em;
    display: block;
    margin-bottom: 15px;
}

/* Poll */
.topic-poll { margin-bottom: 15px; background: #fafafa; padding: 15px; }

.topic-poll .poll-vote { margin-bottom: 20px; margin-left: 0; list-style-type: none;	}
.topic-poll .poll-vote li { margin-bottom: 10px; }
.topic-poll .poll-vote li:last-child { margin-bottom: 0; }
.topic-poll .poll-vote li label { display: inline; }
.topic-poll .poll-vote li input { position: relative; top: 1px; margin-right: 2px; }

.topic-poll .poll-result { margin-bottom: 10px; margin-left: 0; list-style-type: none; padding: 15px 15px 0; background: #fff; border: 1px solid #eee; }
.topic-poll .poll-result li { margin-bottom: 20px; }
.topic-poll .poll-result li dl { overflow: hidden; zoom: 1; }
.topic-poll .poll-result li dl dt { float: left; width: 50px; text-align: right; padding-right: 15px; }
.topic-poll .poll-result li dl dt span { color: #aaa; }
.topic-poll .poll-result li dl dd { float: left; width: 400px; }
.topic-poll .poll-result li dl dd div { height: 10px; margin-top: 5px; background: #ccc; overflow: hidden; border-radius: 2px; }
.topic-poll .poll-result li.most dl dd div { background: #60CC4E; }

.topic-poll .poll-total { color: #aaa; margin-left: 10px; }
.topic-poll .button.button-icon.active { background: #43bb34; }

/* Topic Photo */
.topic.topic-type-photoset {  }
.topic.topic-type-photoset .topic-photo-preview { position: relative; margin-bottom: 15px; cursor: pointer; }
.topic.topic-type-photoset .topic-photo-preview img { vertical-align: top; }
.topic-photo-count { display: none; cursor: pointer; position: absolute; top: 5px; right: 5px; background: #000; color: #6bd24b; padding: 4px 7px; background: rgba(0,0,0,.6); }
.topic.topic-type-photoset .topic-photo-preview .topic-photo-desc { display: none; width: 96%; padding: 7px 2%; position: absolute; bottom: 0; left: 0; background: #000; color: #6bd24b; color: #fff; line-height: 16px; background: rgba(0,0,0,.7); }

.topic.topic-type-photoset .topic-photo-images { padding-top: 10px; margin-bottom: 15px; }
.topic.topic-type-photoset .topic-photo-images h2 { border-bottom: 1px solid #ddd; padding-bottom: 4px; margin-bottom: 15px; }
.topic.topic-type-photoset .topic-photo-images ul { overflow: hidden; zoom: 1; }
.topic.topic-type-photoset .topic-photo-images ul li { float: left; margin: 0 9px 9px 0; position: relative; }
.topic.topic-type-photoset .topic-photo-images ul li .image-number { display: none; position: absolute; top: 5px; right: 5px; background: #000; color: #6bd24b; padding: 1px 6px; font-size: 11px; background: rgba(0,0,0,.6); }
.topic.topic-type-photoset .topic-photo-images ul li:hover .image-number { display: block; }
.topic.topic-type-photoset .topic-photo-images ul li img { vertical-align: top; }
.topic.topic-type-photoset .topic-photo-images .topic-photo-more { display: block; border-top: 1px solid #dbe6f0; text-align: center; padding: 10px 0; margin-bottom: 15px; text-decoration: none; background: #f3f7fa; color: #7b90a5; }
.topic.topic-type-photoset .topic-photo-images .topic-photo-more:hover { background: #eaf2f8; }

.topic-photo-upload { background: #fafafa; padding: 15px 15px 15px; margin-bottom: 20px; }
.topic-photo-upload h2 { margin-bottom: 15px; }
.topic-photo-upload ul { overflow: hidden; zoom: 1; }
.topic-photo-upload ul li { min-height: 100px; _height: 100px; margin-bottom: 10px; padding-left: 110px; position: relative; }
.topic-photo-upload ul li img { position: absolute; top: 0; left: 0; }
.topic-photo-upload ul li label { color: #aaa; }
.topic-photo-upload ul li textarea { border: 1px solid #ddd; width: 350px; height: 60px; padding: 3px; font-size: 12px; font-family: Arial, sans-serif; color: #333; }
.topic-photo-upload ul li .image-delete { text-decoration: none; margin-right: 15px; }
.topic-photo-upload ul li .image-delete:hover { color: #f00; }
.topic-photo-upload ul li.marked-as-preview .mark-as-preview { display: inline; color: #43c70f; font-weight: bold; }
.topic-photo-upload ul li .mark-as-preview { display: none; text-decoration: none; }
.topic-photo-upload ul li:hover .mark-as-preview { display: inline; }
.topic-photo-upload .topic-photo-upload-rules { color: #888; margin-bottom: 15px; }
.topic-photo-upload .topic-photo-upload-input { margin-bottom: 20px; }
.topic-photo-upload .topic-photo-upload-input input { margin-top: 3px; }

/* Topic Talk */
.topic.topic-type-talk { }
.topic.topic-type-talk .topic-header { background: #f7f7f7; padding: 10px 15px 15px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #eee; }
.topic.topic-type-talk .topic-header .topic-title { margin-bottom: 13px; font-size: 20px; }
.topic.topic-type-talk .topic-header .topic-info .recipient { margin-right: 10px; }
.topic.topic-type-talk .topic-content { font-size: 17px; line-height: 1.5; padding: 15px; background: #fafafa; margin-bottom: 1px; border-top: 1px solid #fff; }
.topic.topic-type-talk .topic-footer .topic-info { border-radius: 0; background: #fafafa; }

.topic.topic-type-talk .talk-recipients 	{ padding: 15px; background: #fafafa; display: none; border-top: 1px solid #fff; border-bottom: 1px solid #eee; }
.topic.topic-type-talk .talk-recipients h3, .topic.topic-type-talk .talk-recipients .h3 	{ font-size: 16px; font-weight: bold; margin-bottom: 10px; }

/* Topic Preview */
.topic-preview { margin-top: 30px; }
.topic-preview .profile-page-header { border-top: 1px solid #ddd; }
.topic-preview .topic { margin-bottom: 20px; }

.spread.spread-fe {
    color: #466db2;
}
.spread.spread-go {
    color: #00a760;
}
.spread.spread-pi {
    color: #cb2027;
    font-size: 28px;
    position: relative;
    bottom: 1px;
}
.spread.spread-ko {
    background-color: #3a6d99;
    color: #fff;
    font-size: 17px;
}
.spread.spread-od {
    background-color: #ff7300;
    color: #fff;
    font-size: 17px;
}
.spread {
    font-size: 23px;
    display: inline-block;
    margin: 0 4px 0 0;
    border-radius: 50%;
    width: 25px;
    height: auto;
    vertical-align: middle;
}
.spread .fa:before {
    line-height: 25px;
}
.spreads {
    text-align: center;
}

.topic--list-tags {
    color: #bfbfbf;
    font-size: 14px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: center;
}

.topic--list-tags a {
    background-color: #f2faf8;
    color: #bfbfbf;
    padding: 4px 8px;;
    white-space: nowrap;
    border-radius: 8px;
    display: inline-block;
    margin-bottom: 3px;
}

.topic--list-tags a.hidden {
    display: none;
}
.topic--list-tags a.show_all {
    font-weight: bold;
    font-size: 12px;
    padding-top: 0;
}
.topic--list-tags a:hover {
    color: #dd127b;
}

.topic--list.topic--list-show-all {
    height: auto;
    min-height: 360px;
}
.topic--list.topic--list-show-all .topic--list-tags {
    height: auto;
    min-height: 44px;
}
.topic--list.topic--list-show-all .topic--list-tags a.hidden {
    display: inline-block;
}

@media screen and (min-width: 1041px) {
    .topic .topic-footer .topic-info-item.vote {
        background-color: #de2180;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }
    .topic .topic-footer .topic-info-item.vote-count {
        background-color: #de2180;
        color: #fff;
    }
    .topic .topic-footer .topic-info-item.vote > .vote-up {
        color: #fff;
        opacity: 1;
    }

    .topic .topic-footer .topic-info-item.vote.voted {
        background-color: transparent;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .topic .topic-footer .topic-info-item.vote.voted + .vote-count {
        background-color: transparent;
        color: #777;
    }
    .topic .topic-footer .topic-info-item.vote.voted > .vote-up {
        color: #777;
    }
}

@media screen and (max-width: 1040px) {
    .topic .topic-header .topic-title { font-size: 30px; }
    .topic .topic_toc_header { font-size: 20px; }

}

@media screen and (max-width: 855px) {
    .topic--list-meta,
    .topic--list {
        padding-left: 30px;
    }
    .topic--list {
        height: auto;
    }
    .topic--list-image-link {
        display: none;
    }
    .topic--list-image-mobile-link {
        position: relative;
        display: block;
        margin: 10px -30px 15px;
        text-align: center;
    }
    .topic--list-image-mobile {
        width: 100%;
        max-width: 400px;
        height: auto;
        max-height: 360px;
    }
    .topic--list--nopreview {
        padding-right: 30px;
    }

    .topic .topic-info-wrap .topic-info-row {
        padding-top: 5px;
    }
    .topic .topic-info-wrap .topic-info-item {
         padding-top: 0;
    }
    .topic .topic-info-wrap .topic-info-item-last {
        margin-left: 0;
    }


}/* --------------------------------------------
	КОММЕНТАРИИ
-------------------------------------------- */

/* Блок с комментариями */
.comments-header { margin-bottom: 20px; }
.comments-header h3, .comments-header .h3 { font-size: 24px; margin-bottom: 5px; }

.comments { margin-bottom: 30px; }

.comment-wrapper { position: relative; }
.comment-wrapper .comment-wrapper { padding-left: 25px; }

.comment-preview { padding: 5px 10px 6px; margin-bottom: 10px; background: #fafafa; border: 1px solid #eee; border-radius: 3px; }
.comment-preview { font-size: 13px; line-height: 18px; }


/* Стили для списка комментариев на странице http://ваш_сайт/comments/ */
.comments.comment-list .comment { margin-bottom: 15px; }
.comments.comment-list .comment-path { background: #eee; padding: 5px 10px 6px; border-top: 1px solid #ddd; }
.comments.comment-list .comment-path .blog-name { color: #777; }


/* Комментарий */
.comment { min-height: 48px; margin-bottom: 15px; padding: 10px 10px 10px 68px; position: relative; border-radius: 15px; }
.comment .deleted { padding: 5px 10px; color: #777; background: #f4f4f4; }
.comment .comment-avatar { position: absolute; top: 10px; left: 10px; border-radius: 24px; }


/* Типы комментариев
 *
 * deleted 	- 	удаленный комментарий
 * self 	- 	ваш комментарий
 * new 		- 	новый, непрочитанный комментарий
 * current 	- 	активный комментарий, который выделяется при исползование кнопки обновления в тулбаре
 *
 */
.comment 							{ background: #f7f7f7; }
.comment.comment-deleted 			{ background: #efd5d5; }
.comment.comment-self				{ background: #c5f7ea; }
.comment.comment-new 				{ background: #fbfba8; }
.comment.comment-current 			{ background: #a5e7fa; }
.comment.comment-bad 				{ opacity: 0.3; filter: alpha(opacity=30); }
.comment.comment-bad:hover 			{ opacity: 1; filter: alpha(opacity=100); }

.ls-user-role-not-admin .comment.comment-deleted 	{ padding: 10px 15px; min-height: 0; background: #f7f7f7; color: #888; }


/* Info Block */
.comment .comment-info { padding: 0 70px 7px 0; line-height: 1.6em; position: relative; top: -2px; overflow: hidden; zoom: 1; }
.comment .comment-info li { float: left; height: 20px; padding-top: 3px; margin-right: 10px; }
.comment .comment-info li a { text-decoration: none; }
.comment .comment-info li.comment-author a { font-weight: bold; white-space: nowrap; overflow: hidden; }
.comment .comment-info li.comment-author .comment-topic-author { background: #C9A518; color: #fff; font-size: 11px; border-radius: 3px; padding: 1px 7px; }
.comment .comment-info li.comment-date a { color: #999; border-color: #999; white-space: nowrap; }
.comment .comment-info li.vote { position: absolute; top: 0; right: 0; margin: 0; }
.comment .comment-info li.goto-comment-child { display: none; }


/* Content */
.comment .comment-content { margin-bottom: 10px; }
.comment .comment-content.text { font-size: 16px; }
.comment .comment-content.text blockquote { background: #fff; border-color: #e3e3e3; padding: 10px 10px; margin-bottom: 10px; }

/* Actions */
.comment .comment-actions li { display: inline; margin-right: 10px; }


/* Форма комментирования */
.reply-header { font-size: 20px; line-height: 1.3em; margin-bottom: 15px; }

.reply { padding-bottom: 10px; }
.reply textarea { height: 100px; }
.reply textarea.loader { background: #f7f7f7 url(https://hairmaniac.ru/templates/skin/hm/images/loader.gif) no-repeat center; }

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

/**
 * Responsive styles
 */
@media screen and (max-width: 480px) {
    .comment-wrapper .comment-wrapper { padding-left: 0; }
}/* -------------------------------------------------------------------
	БЛОКИ
------------------------------------------------------------------- */

.block {
    background: #fff;
    margin-bottom: 30px;
    border: 1px solid #eaeaea;
    border-radius: 15px;
}
.block:last-child {
    margin-bottom: 0;
}

/* Заголовок */
.block .block-header {
    padding: 20px 20px 0;
    position: relative;
}
.block .block-header h3,
.block .block-header .h3 {
    font-family: 'PT Serif', serif;
    font-size: 24px;
    font-weight: 600;
}
.block .block-header h3 a,
.block .block-header .h3 a {
    text-decoration: none;
    color: #333;
}

/* Содержимое */
.block .block-content {
    padding: 20px;
}

/* Подвал */
.block footer {
    margin-top: 15px;
    font-size: 12px;
}

.block .max-height-200 {
    overflow: auto;
    max-height: 200px;
    position: relative;
}

/* Блок с заголовком по центру */
.block--header-center .block-header {
    padding: 30px 30px 0;
}
.block--header-center .block-header h3,
.block--header-center .block-header .h3 {
    text-align: center;
}

.block.block--nopadding {
    border-width: 0;
}
.block--nopadding .block-content {
    padding: 0;
}
.block--transparent {
    background-color: transparent;
}

.block-blankslate {
    text-align: center;
    font-size: 13px;
    color: #aaa;
}

/**
 * Item List
 */
.block-items-item {
    margin-bottom: 20px;
}
.block-items-item:last-child {
    margin-bottom: 0;
}
.block-items-item-target {
    color: #212121;
}
.block-items-item-source {
    font-size: 11px;
    color: #bfbfbf;
}
.block-items-item-source a {
    color: #bfbfbf;
}
.block-items-item-source a:hover {
    color: #aaa;
}


/* Block Type - Activity Settings */
.block.block-type-activity p 		{ margin-bottom: 15px; }
.block.block-type-activity ul li 	{ margin-bottom: 5px; }
.block.block-type-activity .note 	{ display: block; margin-bottom: 15px; color: #aaa; }


/* Block Type - Profile */
.block.block-type-profile 							{ background: none; border: none; padding: 0; }
.block.block-type-profile .profile-photo-wrapper 	{ position: relative; min-height: 50px; display: flex; align-items: center; justify-content: center; }
.block.block-type-profile .profile-photo 			{ vertical-align: top; width: 220px; }
.block.block-type-profile .status 					{ position: absolute; top: 5px; left: 5px; padding: 0 5px; border-radius: 2px; font-size: 11px; }
.block.block-type-profile .status.status-online 	{ background: #B7BC1C; color: #fff; }
.block.block-type-profile .status.status-offline 	{ background: #333; color: #fff; opacity: .5; filter: alpha(opacity=50); }
.block.block-type-profile .upload-photo 			{ padding: 7px 10px 10px; background: #f7f7f7; }

.block.block-type-profile-note	 			{ background: #F1F7AF; border: 1px solid #E1EA83; padding: 15px; }
.block.block-type-profile-note p 			{ margin-bottom: 10px; }
.block.block-type-profile-note .actions 	{ margin-bottom: 0; }

.block.block-type-profile-nav 				{ padding: 0; background: none; }

.block.block-type-profile-actions .block-content 		{ padding: 10px 15px; }
.block.block-type-profile-actions ul li					{ margin-bottom: 5px; }
.block.block-type-profile-actions ul li:last-child		{ margin-bottom: 0; }
.block.block-type-profile-actions ul li a.followed		{ color: #f00; }


/* Block Type - Foldable */
.block.block-type-foldable { background: none; }
.block.block-type-foldable .block-header { background: none; border: none; padding: 0 0 10px; }
.block.block-type-foldable .block-content { display: none; background: #fafafa; }

.block.block-type-talk-search { margin-bottom: 10px; }
.block.block-type-talk-friends { margin-bottom: 10px; }

/**
 * Blogs
 */
.block--blogs-list-item {
    position: relative;
    padding-right: 40px;
    margin-bottom: 7px;
}
.block--blogs-list-item-rating {
    position: absolute;
    top: 0;
    right: 0;
    color: #dd127b;
    text-align: right;
}
.block--blogs-list-item-blog {
    color: #212121;
    text-decoration: underline;
}

/**
 * Featured
 */
.block--featured .block-content {
    position: relative;
    padding: 0;
    border: 10px solid #fff;
}
.block--featured .block-content img {
    vertical-align: top;
}
.block--featured-title {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    padding: 15px;
    font: 13px/1.3em 'PT Serif', serif;
    text-align: center;
    background: #fff;
    background: rgba(255,255,255,0.9);
    color: #b39c5b;
}

/**
 * Adv
 */
.block.block--adv {
    border-width: 0;
}
.block.block--adv .block-content {
    position: relative;
    padding: 0;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
}

/**
 * Users
 */
.user-list-strength {
    padding-top: 8px;
    display: table;
    width: 100%;
    line-height: normal;
}
.user-list-strength-item:not(:last-child) {
    margin-bottom: 16px;
}
.user-list-strength-user,
.user-list-strength-value {
    display: table-cell;
    vertical-align: top;
}
.user-list-strength-user {
    width: 100%;
}
.user-list-strength-avatar {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    border-radius: 50%;
}
.user-list-strength-login {
    padding-top: 2px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    max-width: 130px;
    text-overflow: ellipsis;
    color: #161616;
}
.user-list-strength-value {
    padding-top: 5px;
    color: #bfbfbf;
}
.block.block-type-stream .avatar {
    border-radius: 50%;
}
/**
 * Modals
 *
 * @module modal
 *
 * @license   GNU General Public License, version 2
 * @copyright 2013 OOO "ЛС-СОФТ" {@link http://livestreetcms.com}
 * @author    Denis Shakhov <denis.shakhov@gmail.com>
 */


/* Base class */
.modal {
    display: none;
    margin: 50px auto;
    position: relative;
    min-width: 300px;
    max-width: 400px;
    color: #333;
    border: 1px solid #666;
    border-radius: 5px;
    background-color: #fff;
    z-index: 1000;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5);
            box-shadow: 0 0 15px rgba(0,0,0,.5);
}


/* Close button */
.modal .close {
    position: absolute;
    top: 10px;
    right: 12px;
    color: #cecece;
    font-size: 16px;
    font-family: "FontAwesome";
}
.modal .close:before {
    content: "\f00d";
}
.modal .close:hover { color: #de5151; }

/* Header */
.modal .modal-header        { padding: 25px 20px 15px; }
.modal .modal-header h3,
.modal .modal-header .h3 { font-size: 15px; font-weight: bold; margin-right: 20px; }


/* Nav */
.modal > .nav { padding: 20px 20px 0; }


/* Content */
.modal .modal-content { padding: 20px; }
.modal .modal-content.loader { height: 100px; background-color: transparent; }


/* Lock */
.modal .modal-lock {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}


/* Footer */
.modal .modal-footer { background: #fff; padding: 15px 20px; text-align: right; }


/* Loader */
.modal-loader {
    display: none;
    width: 100px;
    height: 50px;
    margin: -25px 0 0 -50px;
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 5px;
    background-color: #000;
    background-color: rgba(0,0,0,.8);
    z-index: 1001;
}
.modal-loader.modal-loader-text {
    background-image: none;
    color: #eee;
    text-align: center;
    font-size: 13px;
    line-height: 1.2em;
    padding: 15px;
    width: 300px;
    margin-left: -150px;
    height: auto;
}


/* Overlay */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYmBgaAAIMAAAjwCD5Hc2/AAAAABJRU5ErkJggg==);;
    background: rgba(0,0,0,.5);
    z-index: 999;
    overflow: auto;
    padding: 30px;
}


/* Ôîðìà âõîäà */
.modal.modal-login { max-width: 450px; }
.modal.modal-login .nav { margin-bottom: 30px; }


/* Äîáàâëåíèå òîïèêà */
.modal.modal-write { max-width: 500px; }
.modal.modal-write .modal-content { padding: 20px 10px 0; }
.modal.modal-write .write-list { overflow: hidden; }
.modal.modal-write .write-list li { width: 100px; margin: 0 10px 20px; text-align: center; overflow: hidden; float: left; }
.modal.modal-write .write-list li a { color: #39576B; }
.modal.modal-write .write-list li .write-item-image { display: block; width: 100px; height: 100px; border-radius: 3px; text-align: center; background: url(https://hairmaniac.ru/templates/skin/hm/images/write.png) no-repeat; margin-bottom: 10px; }

.modal.modal-write .write-list li.write-item-type-topic .write-item-image 		{ background-position: 0 0; }
.modal.modal-write .write-list li.write-item-type-poll .write-item-image 		{ background-position: -100px 0; }
.modal.modal-write .write-list li.write-item-type-link .write-item-image 		{ background-position: -200px 0; }
.modal.modal-write .write-list li.write-item-type-photoset .write-item-image 	{ background-position: -300px 0; }
.modal.modal-write .write-list li.write-item-type-blog .write-item-image 		{ background-position: -400px 0; }
.modal.modal-write .write-list li.write-item-type-draft .write-item-image 		{ background-position: -500px 0; }


/* Upload Image */
.modal-image-upload { max-width: 500px; }

@media screen and (max-width: 1040px) {
    .modal {
        margin-top: 0 !important;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .modal-overlay {
        padding: 5px;
    }
}/* --------------------------------------------
	БЛОГ
-------------------------------------------- */

.blog { background: #fff; margin-bottom: 10px; border-radius: 3px; border: 1px solid #eee; overflow: hidden; }


/* Header */
.blog .blog-header 			{ position: relative; padding: 15px 130px 15px 78px; border-bottom: 1px solid #eee; }
.blog .blog-header h1, .blog .blog-header h2 		{ font-size: 20px; font-weight: bold; line-height: 1em; margin-top: 3px; margin-bottom: 7px; }
.blog .blog-header h1 i, .blog .blog-header h2 i 	{ position: relative; top: 5px; }
.blog .blog-header .avatar 	{ position: absolute; top: 15px; left: 15px; }

.blog .blog-header .vote-label	{ text-transform: uppercase; text-align: right; font-size: 11px; color: #aaa; }
.blog .blog-header .count 		{ font-size: 34px; line-height: 1em; font-weight: bold; text-align: right; }

.blog .blog-header .vote 									{ position: absolute; top: 15px; right: 15px; }
.blog .blog-header .vote .vote-count 						{ padding-left: 25px; display: block; color: #333; }
.blog .blog-header .vote .vote-up 							{ position: absolute; top: 22px; left: 0; display: none; }
.blog .blog-header .vote .vote-down 						{ position: absolute; top: 35px; left: 0; display: none; }
.blog .blog-header .vote:hover .vote-up,
.blog .blog-header .vote:hover .vote-down,
.blog .blog-header .vote.voted .vote-up,
.blog .blog-header .vote.voted .vote-down 					{ display: inline-block; }

.blog .blog-header .actions { margin-bottom: 0; }


/* Content */
.blog .blog-content { padding: 15px; border-bottom: 1px solid #eee; }


/* Footer */
.blog .blog-footer { padding: 15px; border-bottom: 1px solid #eee; }


/* More Button */
.blog-more 			{ display: block; padding: 10px 0; text-align: center; text-decoration: none; background: #fff; }
.blog-more:hover 	{ background: #fafafa; }/* --------------------------------------------
	СТРАНИЦА ПОЛЬЗОВАТЕЛЯ
-------------------------------------------- */

.profile {
    position: relative;
    padding-bottom: 15px;
}

.profile .vote-label	{ text-transform: uppercase; text-align: right; font-size: 11px; color: #aaa; }
.profile .count 		{ font-size: 34px; line-height: 1em; font-weight: bold; text-align: right; }

.profile .vote 									{ position: relative; float: left; background: #fff; }
.profile .vote .vote-count 						{ padding-left: 25px; display: block; }
.profile .vote .vote-up 						{ position: absolute; top: 22px; left: 0; display: none; }
.profile .vote .vote-down 						{ position: absolute; top: 35px; left: 0; display: none; }
.profile .vote:hover .vote-up,
.profile .vote:hover .vote-down,
.profile .vote.voted .vote-up,
.profile .vote.voted .vote-down 				{ display: inline-block; }
.profile .vote.vote-count-positive .vote-count 	{ color: #dd127b; }

.profile .strength {
    float: left;
    margin-left: 30px;
}
.profile-user {
    float: left;
    min-height: 48px;
    padding-left: 58px;
}
.profile-user .avatar {
    position: absolute;
    top: 0;
    left: 0;
}
.profile-vote-container {
    float: right;
}

.profile .user-login 				{ max-width: 270px; font-size: 27px; line-height: 26px; font-weight: bold; margin-bottom: 5px; }
.profile .user-login.no-user-name 	{ position: relative; top: 9px; }
.profile .user-name 				{ color: #777; }

.profile-page-header 				{ font-size: 12px; font-weight: bold; margin-bottom: 20px; background: #f5f5f5; border-top: 1px solid #eee; color: #555; padding: 5px 10px 6px; }

.profile-info-about { padding: 13px 20px 20px; background: #F1F9F1; border-radius: 5px; margin-bottom: 30px; color: #000; }
.profile-info-about h3, .profile-info-about .h3 { font-size: 18px; margin-bottom: 5px; }

/**
 * Responsive styles
 */
@media screen and (max-width: 720px) {
    .profile-user,
    .profile-vote-container {
        float: none;
    }
}/* --------------------------------------------
	СТЕНА
-------------------------------------------- */

.wall-submit 									{ margin-bottom: 30px; }
.wall-submit.wall-submit-reply 					{ margin: 2px 0 2px 25px; padding: 7px; background: #fafafa; }
.wall-submit.wall-submit-reply textarea 		{ height: 28px; *height: 16px; *width: 590px; margin: 0; }
.wall-submit.wall-submit-reply button 			{ display: none; }
.wall-submit.wall-submit-reply.active textarea 	{ height: 80px; margin-bottom: 5px; }
.wall-submit.wall-submit-reply.active button 	{ display: block; }
.wall-submit p 									{ margin-bottom: 5px; }

.comments.wall,
.wall .comment 					{ margin-bottom: 2px; }
.wall .comment .comment-info	{ padding-bottom: 0; }
.wall .comment .comment-content	{ margin-bottom: 3px; }

.comment.wall-comment-reply 					{ min-height: 0; padding-left: 48px; }
.comment.wall-comment-reply .comment-avatar 	{ width: 30px; height: 30px; }

.wall-more 							{ display: block; background: #f7f7f7; text-align: center; padding: 7px 0; font-size: 11px; margin-bottom: 2px; }
.wall-more:hover 					{ background: #eee; }
.wall-more.wall-more-reply 			{ margin-left: 25px; }
.wall-more.loader 					{ background: #fafafa url(https://hairmaniac.ru/templates/skin/hm/images/loader.gif) 50% 50% no-repeat; }
.wall-more.loader .wall-more-inner 	{ visibility: hidden; }

.wall-note h3, .wall-note .h3 { font-size: 15px; margin-bottom: 20px; font-family: Verdana, sans-serif; }/* --------------------------------------------
	ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ
-------------------------------------------- */

.infobox {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	text-align: left;
	padding: 15px;
	min-width: 50px;
	max-width: 300px;
	color: #fff;
	background: rgba(0,0,0,.8);
	border-radius: 5px;
}

.infobox .tip-arrow 					{ position: absolute; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: rgba(0,0,0,.8); }
.infobox .tip-arrow.tip-arrow-top 		{ top: -12px; left: 15px; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; }
.infobox .tip-arrow.tip-arrow-bottom 	{ bottom: -12px; left: 15px; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; }
.infobox .tip-arrow.tip-arrow-right 	{ top: 50%; margin-top: -6px; right: -12px; border-bottom-color: transparent !important; border-top-color: transparent !important; border-right-color: transparent !important; }
.infobox .tip-arrow.tip-arrow-left 		{ top: 50%; margin-top: -6px; left: -12px; border-bottom-color: transparent !important; border-top-color: transparent !important; border-left-color: transparent !important; }

.infobox a 			{ color: #B4B8ED; }
.infobox a:hover 	{ color: #999DDB; }


/* Default Tip */
.infobox.infobox-standart 				{ background: rgba(0,0,0,.8); }
.infobox.infobox-standart .tip-arrow 	{ border-color: rgba(0,0,0,.8); }.talk-list {
    border-top: 1px solid #ddd;
}
.talk-list-item {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding-left: 65px;
}
.talk-list-item .user {
    font-weight: normal;
}
.talk-list-item.talk-unread {
    background: #f7f7f7;
}
.talk-list-item-checkbox {
    position: absolute;
    top: 15px;
    left: 15px;
}
.talk-list-item-favourite {
    position: absolute;
    top: 15px;
    left: 40px;
}
.talk-list-item-count {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 2px 5px;
    background: #bbb;
    color: #fff;
    font-size: 11px;
    border-radius: 4px;
}
.talk-list-item.talk-unread .talk-list-item-count {
    background: #dd127b;
}
.talk-list-item-title {
    margin-top: 5px;
    margin-bottom: 5px;
}
.talk-list-item.talk-unread .talk-list-item-title {
    font-weight: bold;
}
.talk-list-item-text {
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 1.3em;
    opacity: .5;
}
.talk-list-item-users {
    padding-right: 50px;
}
.talk-list-item-date {
    font-size: 11px;
    color: #777;
}/* --------------------------------------------
	ВСПЛЫВАЮЩИЕ УВЕДОМЛЕНИЯ
-------------------------------------------- */

#notifier { 
	width: 250px; 
	
	position: fixed; 
	top: 10px; 
	right: 10px; 
	
	font-size: 12px;
	z-index: 9999; 
	
	/* IE 6 Fix */
	_position: absolute; 
	_top: expression( eval(document.documentElement.scrollBottom) + 10 +"px" );
}

#notifier .n-box { 
	position: relative; 
	
	padding: 10px 15px 11px; 
	margin-bottom: 10px;
	
	color: #fff; 
	background: #000; 
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	cursor: pointer;
}
#notifier .n-box h3 { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 3px; }
#notifier .n-box p { margin: 0; }

#notifier .n-box.n-notice { background: #FFF1A8; color: #333; }
#notifier .n-box.n-notice h3 { color: #333; }
#notifier .n-box.n-error { background: #000; color: #fff; opacity: 0.8; filter: alpha(opacity=80); }.most-interesting {
    background: #fff;
    padding: 14px 32px 9px;
    margin-bottom: 30px;
    border-radius: 15px;
    border: 1px solid #eaeaea;
}
.most-interesting-title {
    font-family: 'PT Serif', serif;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 22px;
    line-height: 1.3em;
    display: block;
}
.most-interesting-posts {
    overflow: hidden;
}
.most-interesting-hidden {
    display: none;
}

/* Post */
.most-interesting-post {
    width: 47.685%;
    margin-bottom: 26px;
    display: inline-block;
    vertical-align: top;
}
.most-interesting-post:nth-child(odd) {
    padding-right: 4.63%;
}
.most-interesting-post-image {
    max-width: 100%;
    margin-bottom: 12px;
}
.most-interesting-post-date {
    margin-bottom: 8px;
    font-size: 14px;
    color: #bfbfbf;
}
.most-interesting-post-title {
    font-size: 17px;
}

/* More */
.most-interesting-more {
    padding-top: 24px;
    padding-bottom: 26px;
    text-align: center;
}
.most-interesting-more-button {
    display: inline-block;
    padding: 7px 25px 8px;
    border: 1px solid #cac9ce;
    border-radius: 100px;
    font-size: 13px;
    font-family: 'PT Serif', serif;
    color: #c8c8c8;
    cursor: pointer;
}
.most-interesting-more-button:hover {
    border-color: #dd127b;
    color: #dd127b;
}

@media screen and (max-width: 500px) {
    .most-interesting-post {
        width: 100%;
        display: block;
    }
    .most-interesting-post:nth-child(odd) {
        padding-right: 0;
    }
}


/**
 * Читайте также
 */
.most-interesting.most-interesting--relevant {
    margin-top: 30px;
}
.most-interesting--relevant .most-interesting-image {
    margin-bottom: 11px;
}
.most-interesting--relevant .most-interesting-date {
    margin-bottom: 7px;
}
.most-interesting--relevant .most-interesting-post {
    width: 31.748251748251748251748251748252%;
    margin-bottom: 26px;
}
.most-interesting--relevant .most-interesting-post,
.most-interesting--relevant .most-interesting-post:nth-child(odd) {
    padding-right: 2.2377622377622377622377622377622%;
}
.most-interesting--relevant .most-interesting-post:nth-child(3n) {
    padding-right: 0;
}
.most-interesting--relevant .most-interesting-post-title {
    font-size: 17px;
}

@media screen and (max-width: 500px) {
    .most-interesting--relevant .most-interesting-post {
        width: 100%;
        display: block;
    }
    .most-interesting--relevant .most-interesting-post,
    .most-interesting--relevant .most-interesting-post:nth-child(odd) {
        padding-right: 0;
    }
}/**
 * Опросы
 */

.hm-poll {
}

.hm-poll-title {
    margin-bottom: 8px;
    font-family: 'PT Serif', serif;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    line-height: 1.3em;
}

.hm-poll-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6px;
    max-width: 100%;
}

.hm-poll-answer-list {
    padding-top: 10px;
    margin-bottom: 32px;
    margin-left: 0;
    list-style-type: none;
    color: #161616;
}
.hm-poll-answer-list-item:not(:last-child) {
    margin-bottom: 12px;
}
.hm-poll-answer-list-item label {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
}
.hm-poll-answer-list-item input {
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 0;
    margin-right: 6px;
}

/**
 * Show result
 */
.hm-poll-show-result {
    text-align: center;
}
.hm-poll-show-result-button {
    color: #bfbfbf;
    font-size: 13px;
}


/**
 * Результат опроса
 *
 * @template polls/poll.result.tpl
 */
.hm-poll-result {
}
.hm-poll-result-item {
    margin-bottom: 19px;
    overflow: hidden;
}
.hm-poll-result-item:last-child {
    margin-bottom: 0;
}
.hm-poll-result-item-label {
    padding-right: 50px;
}
.hm-poll-result-item-count {
    float: right;
}
.hm-poll-result-item-info {
    overflow: hidden;
}
.hm-poll-result-item-bar-holder {
    height: 10px;
    margin-top: 3px;
    background: #f3d8dc;
    overflow: hidden;
    border-radius: 10px;
}
.hm-poll-result-item-bar {
    height: 10px;
    background: #ee8595;
}

.hm-poll-result-item--most .hm-poll-result-item-bar { background: #AC90DF; }
.hm-poll-result-item--voted .hm-poll-result-item-count { background: yellow; }

.hm-poll-result-total { color: #aaa; margin-left: 10px; }


/**
 * Управление опросами
 *
 * @template polls/poll.form.tpl
 */
.hm-poll-manage .fieldset-body  { padding-bottom: 0; }
.hm-poll-manage-add             { margin-bottom: 15px; }
.hm-poll-manage-list            { overflow: hidden; }
.hm-poll-manage-item            { padding: 10px 70px 10px 15px; background: #fff; margin-bottom: 1px; position: relative; }
.hm-poll-manage-item:last-child { margin-bottom: 15px; }


/**
 * Форма добавления
 *
 * @template polls/poll.form.tpl
 */
.hm-poll-form-answer-item            { margin-bottom: 10px; padding-right: 25px; position: relative; }
.hm-poll-form-answer-item .ls-field,
.hm-poll-form-answer-item:last-child { margin-bottom: 0; }
.hm-poll-form-answer-item-remove     { position: absolute; top: 7px; right: 0; cursor: pointer; }

/**
 * Block
 */
.block.block--poll .block-content {
    padding: 10px 10px 26px;
}/*
 * jQuery UI CSS Framework 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(https://hairmaniac.ru/templates/skin/hm/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Autocomplete 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.14
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Datepicker 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-autocomplete-loading {
	background: #fafafa url(https://hairmaniac.ru/templates/skin/hm/images/loader.gif) 50% 50% no-repeat;
}/* --------------------------------------------
	СТИЛИ ДЛЯ ПЕЧАТИ
-------------------------------------------- */

@media print {
	@page 			{ margin: 0.5cm; }

	* 				{ background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
	
	body, .text 	{ font-size: 14pt; }
	
	a, a:visited 	{ text-decoration: underline; }

	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead 			{ display: table-header-group; }
	tr, img 		{ page-break-inside: avoid; }
	img 			{ max-width: 100% !important; }
	
	h1 				{ font-size: 30pt !important; }
	h4 				{ font-size: 26pt !important; }
	h5 				{ font-size: 23pt !important; }
	h6 				{ font-size: 20pt !important; }
	p, h3, h4, h5 	{ orphans: 3; widows: 3; }
	h3, h4, h5 		{ page-break-after: avoid; }
	
	#header, #userbar, #nav, #sidebar, #footer, #comments, .toolbar, .nav-filter-wrapper, 
	.topic-footer, .stat-performance, .actions, .reply-header { display: none !important; }
	
	#wrapper { -webkit-box-shadow: none; box-shadow: none; border: 0; padding: 0; }
	#content { width: 100%; margin: 0; }
	
	.topic { margin-bottom: 100px; }
}.hm-banner {
    text-align: center;margin-bottom: 10px;
}
.hm-banner .hm-banner-wrap {
    display: inline-table;
}
.hm-banner.hm-banner-topic-footer {
    margin: 30px 0;
}

@media screen and (max-width: 800px) {
    .hm-banner {
        display: none;
    }
    .hm-banner.hm-mobile {
        display: block;
    }
}

@media screen and (min-width: 770px) {
    .hm-banner.hm-mobile {
        display: none;
    }
}.multitag-hidden {
	display: none;
}
ul.multitag-area {
	padding: 1px 5px;
	overflow: auto;
	margin-left: inherit;
	margin-right: inherit;
	margin-top: 5px;
}

li.multitag-item {
	margin-bottom: 5px;
}

ul.multitag-item-action li {
	display: inline-block;
	height: 14px;
	width: 14px;
	cursor: pointer;
}

ul.multitag-item-action {
	display: inline;
	margin-left: 15px;
}

li.multitag-item-action-remove {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABAElEQVQ4ja3TPUpDURCG4Scgdtppp5UW6j6yptlBCv9ATSBC0MYUUQSxsBCxUMFIiO5obDxw1ZtrCgfe5sx835mBGf4rklaH9l91HdpJ65d4l94+uUfMEu8RB+QhvW8mR7SPyUK3xqRLnJCFo5/d9ok+WSGquVOy0J/V5YA4IwsDYkCck4VBw4hgSFyQheF3msUlRsQlWbgiR/OK4Zq4IavczmtwR9yRM2g2uSceyMI9UfdWK34knsjCc6XwuSEHXmi/kq/kmHyr+eWNGH/lx+RLdZGS1pTelJw0zDkh3snpz1UuJh9zHNNH3TF9xSKWsYp1bGIbO9jCBtawgiUswCcSU58wIzhDFwAAAABJRU5ErkJggg==');
}.markItUpEditor.product { height: 300px; }
.markItUp .tablegenerator a {
	background-image:url(https://hairmaniac.ru/plugins/catalog/templates/skin/default/images/icons/table.png);
}
.combination-loader { background: url(https://hairmaniac.ru/plugins/catalog/templates/skin/default/images/loader.gif) no-repeat scroll 50% 50% rgba(0, 0, 0, 0) !important; }

/**
 * Поиск
 */
.search.search-item.ctlg-search { margin-bottom: 40px; background: #fafafa; padding: 10px; border-radius: 4px; }
.search.search-item.ctlg-search .input-submit { top: 19px; right: 18px; }
.ctlg-search .ui-widget {
	border-color: #e0e0e0;
	padding: 1px 35px 1px 5px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.07) inset;
	box-shadow: 0 2px 4px rgba(0,0,0,.07) inset;
}
.search-item.ctlg-form-search {
    margin-bottom: 23px;
}

/**
 * Список эффектов
 */
.ctlg-effect-list {  }
.ctlg-effect-list .page-header { font-weight: normal; }
.ctlg-effect-list-item { margin-bottom: 40px; }/**
 * Продукт
 */

/* Продукт */
.ctlg-product-item                 { margin-bottom: 5px; padding: 20px; background: #fafafa; position: relative; border-radius: 15px; }
.ctlg-product-item .page-header    { padding-right: 40px; margin-bottom: 12px; }
.ctlg-product-item .page-header a  { text-decoration: none; }
.ctlg-product-item .favourite      { position: absolute; top: 27px; right: 27px; }
.ctlg-product-item-rating          { margin-bottom: 5px; color: #aaa; }

.ctlg-product-item-components            { overflow: hidden; margin-bottom: 5px; }
.ctlg-product-item-components:last-child { margin-bottom: 0; }
.ctlg-product-item-components li         { float: left; margin-right: 10px; }

/* Описание */
.ctlg-product-item-description         { margin-bottom: 20px; }
.ctlg-product-item-description-heading { font-size: 28px; font-weight: 600; margin-bottom: 0.5em; }
.ctlg-product-item-description-spoiler { font-size: 24px; font-weight: 600; margin-bottom: 0.5em; border-bottom: 2px dashed #EED3D7; display: inline-block; line-height: normal; }
.ctlg-product-item-description .text   { font-size: 17px; }

.ctlg-product-item-apply { margin-bottom: 15px; }
.ctlg-product-item-apply strong { text-transform: lowercase; }

.ctlg-product-item-image {
	float: left;
	width: 180px;
}
.ctlg-product-item-body {
	margin-left: 200px;
}
@media screen and (max-width: 1040px) {
	.ctlg-product-item {
		margin-bottom: 15px;
	}
	.ctlg-product-item-image {
		float: none;
		width: auto;
		margin-bottom: 15px;
		text-align: center;
	}
	.ctlg-product-item-body {
		margin-left: 0;
	}
}

/* Страница продукта */
.ctlg-product-item.is-single { margin-bottom: 20px; }

.ctlg-product-item-categories { margin-bottom: 10px; }
.ctlg-category-header {
	font-size: 32px;
	line-height: 1.2em;
	font-weight: 600;
	margin-bottom: 15px;
    font-family: 'PT Serif', serif;
}
.ctlg-category-subheader {
	margin-bottom: 15px;
	font-size: 15px;
}
.ctlg-search-filter .ctlg-category-header {
    font-size: 24px;
}

.ctlg-product-list {
	overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -6px;
    margin-left: -6px;
    margin-bottom: 25px;
}
.ctlg-product-list-col {
    box-sizing: border-box;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33.333333%;
}
.ctlg-product-list-item {
	border: 2px solid #eee;
	border-radius: 6px;
	padding: 15px;
	text-align: center;
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    min-height: 300px;
}
.ctlg-product-list-item .favourite {
	position: absolute;
	top: 10px;
	right: 15px;
}
.ctlg-product-list-item-title {
	font-weight: 600;
    font-size: 17px;
    max-height: 107px;
    overflow: hidden;
    margin-bottom: 5px;
}
.ctlg-product-list-item-care {
    margin-top: auto;
    padding-top: 15px;
}
.ctlg-product-list-item-care .button {
    padding: 5px;
}
.ctlg-product-list-item-care .button.remove {
    border-color: #dd127b;
    color: #dd127b;
}
.ctlg-product-list-item-care .button:before {
    content: "+";
    font-size: 18px;
    margin-right: 3px;
    font-weight: bold;
}
.ctlg-product-list-item-care .button.remove:before {
    content: "x";
    font-size: 20px;
    color: #dd127b;
    font-size: 18px;
}

@media screen and (max-width: 1265px) {
	.ctlg-product-list-col {
        width: 50%;
	}
}
@media screen and (max-width: 470px) {
	.ctlg-product-list-col {
        width: 100%;
	}
}

.ctlg-product-list-topic {
	padding: 7px 0 !important;
	list-style: none outside none !important;
}

.ctlg-product-list-topic-title {
	display: block;
	font-size: 24px;
	font-weight: 400;
	margin: 20px 0 10px;
}
.ctlg-product-list-topic > li {
	padding: 0;
}
.ctlg-product-list-topic > li > a {
	text-decoration: none;
    padding: 5px 10px;
    background-color: #f2faf8;
    color: #333;
    border-radius: 15px;
    display: inline-block;
}
.ctlg-product-list-topic img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
.text .ctlg-product-list-topic > li::before {
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.ctlg-product-topic-list {
	border-top: 1px solid #E6E5E2;
	margin: 25px 0;
}

.ctlg-product-topic-list-item {
	border-bottom: 1px solid #E6E5E2;
	clear: both;
	overflow: hidden;
	padding: 0 0 0 10px;
}

.ctlg-product-topic-list-item span.number {
	float: left;
	font-size: 15px;
	padding: 12px 0 0;
}

.ctlg-product-topic-list-item a {
	display: block;
	margin: 0 0 0 35px;
	padding: 10px 10px 10px 0;
	text-decoration: none;
}

.ctlg-product-topic-list-item span {
	color: #999999;
	font-size: 15px;
	margin: 0 10px 0 0;
}

.ctlg-product-topic-list-item span.title {
	color: #5055B2;
	font-size: 15px;
}

.ctlg-form-search input[type="text"].input-text {
	padding: 7px 9px 5px 9px;
    font-size: 16px;
    line-height: 1em;
    border-radius: 2px;
}


.ctlg-form-search .input-submit {
	right: 7px;
	top: 9px;
}

.ctlg-product-list-item-image img { max-height: 150px; max-width: 150px; }

.ctlg-index-category-list {
	font-size: 18px;
	line-height: 30px;
}

.ctlg-search-category-list a.icon-back {
	background: url(https://hairmaniac.ru/plugins/catalog/templates/skin/default/images/icons/icons.png) no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
	padding: 0 0 0 0px;
	background-position: -428px -72px;
}

.ctlg-search-brand-list label {
	cursor: pointer;
}
.ctlg-search-brand-list li {
	margin-bottom: 3px;
}

.ctlg-search-brand-list label:hover {
	color: #ff0000;
}


/**
 * Categories
 */
.catalog-categories {
	margin-bottom: 29px;
	padding-right: 30px;
	font-size: 15px;
	width: 80%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.catalog-categories-item {
	margin-bottom: 5px;
}
.catalog-categories-item.catalog-categories-item--root {
	font-weight: 600;
	margin-bottom: 17px;
}
.catalog-categories-item--root:last-child {
	margin-bottom: 0;
}
.catalog-categories-item-badge {
	color: #c1c1c1;
	font-size: 15px;
}



.ctlg-search-filter {
    float: left;
    width: 25%;
}
.ctlg-search-filter-header {
    display: none;
    line-height: 1;
}
.ctlg-search-filter-header a {
    display: block;
    padding: 10px;
    background: #fafafa;
    border: 1px solid #eee;
}
.ctlg-search-result {
    float: left;
    width: 75%;
}
@media screen and (max-width: 1040px) {
    .ctlg-search-filter,
    .ctlg-search-result {
        float: none;
        width: 100%;
    }
    .ctlg-search-result {
        margin-top: 15px;
    }
    .ctlg-search-result .select2-container {
        width: 100%;
    }
    .ctlg-search-result label {
        display: block;
        white-space: nowrap;
    }
    .ctlg-search-filter-header {
        display: block;
    }
    .ctlg-search-filter-body {
        display: none;
        border: 1px solid #eee;
        border-top: none;
        padding: 15px;
    }
}


.catalog-categories-container-col {
	width: 50%;
	float: left;
	padding-right: 15px;
	box-sizing: border-box;
}
@media screen and (max-width: 1040px) {
	.catalog-categories {
		font-size: 18px;
	}
    .catalog-categories-container-col {
    	width: auto;
    	float: none;
    	padding-right: 0;
    	margin-bottom: 15px;
    	font-size: 20px;
    }
    .ctlg-category-header {
        font-size: 22px;
    }
}/**
 * Навигация
 */

/* Clearfix */
.nav:before,
.nav:after { content: ""; display: table; }
.nav:after { clear: both; }

/**
 * Табы
 */
.nav-tabs          { border-bottom: 1px solid #ddd; margin-bottom: 15px; overflow: visible; height: 39px; }
.nav-tabs > li     { position: relative; margin: 0 3px -1px 0; }
.nav-tabs > li > a {
	border: 1px solid transparent;
	padding: 10px 15px;
	border-radius: 3px 3px 0 0;
	cursor: pointer;
	font-size: 14px;
	background: transparent;
	color: #08c;
	text-decoration: none;
}
.nav-tabs > li > a:hover  { background: #f1f1f1; border-bottom-color: #ddd; color: #058; }
.nav-tabs > li.active > a { background: #fff; border-color: #ddd; border-bottom-color: #fff; color: #333; cursor: default; }

/* Tabs content */
.tab-pane { display: none; }
.tab-pane.loading { min-height: 150px; background-position: 50% 45px; }/**
 * Общие стили
 */

/* Экшнбар */
.ctlg-actionbar            { margin-top: 20px; overflow: hidden; }
.ctlg-actionbar li         { float: left; margin-right: 15px; }
.ctlg-actionbar li a       { text-decoration: none; color: #333; }
.ctlg-actionbar li a:hover { text-decoration: underline; }

/**
 * Подгрузка контента
 */
.more {
	display: block;
	text-align: center;
	padding: 12px 0;
	margin-top: 30px;
	background: #fafafa;
	color: #aaa;
	border-top: 1px solid #eee;
	text-decoration: none;
	cursor: pointer;
}
.more:hover { background: #f7f7f7; color: #555; }
.more.loading { background: #f7f7f7 url(https://hairmaniac.ru/plugins/catalog/templates/skin/default/images/loader.gif) 50% 50% no-repeat; text-indent: -9999px; }

.list-float-left { overflow: hidden; }
.list-float-left li { float: left; margin: 0 10px 0 0; }

span.suggestion {
	color: #ff0000;
}

.ctlg-dotted {
	border-bottom: 1px dotted #4287B7;
	padding: 0;
	text-decoration: none;
}

.modal.ctlg-modal-wait {
	margin-left: -200px;
	width: 280px;
}

/**
 * Alphanum
 */
.alphanum {
	padding-bottom: 16px;
	margin-bottom: 26px;
	border-bottom: 1px solid #eee;
}
.alphanum-list > li {
	float: left;
	position: relative;
	font-size: 15px;
}
.alphanum-list > li > span {
	position: relative;
	padding: 6px 7px 5px;
	line-height: 1em;
	display: block;
	cursor: default;
}
.alphanum-list > li.open,
.alphanum-list > li:hover {
	border-radius: 5px 5px 0 0;
}
.alphanum-list > li.open > span,
.alphanum-list > li:hover > span {
	background: #fff;
	color: #C93F97;
	border-radius: 5px 5px 0 0;
	z-index: 15;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.alphanum-list > li.open,
.alphanum-list > li:hover,
.alphanum-list > li > ul {
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}

/* Menu */
.alphanum-list > li > ul {
	display: none;
	padding: 15px 0;
	margin-top: -2px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 120px;
	z-index: 10;
	font-size: 14px;
	background: #fff;
	border-radius: 0 5px 5px 5px;
}
.alphanum-list > li > ul > li > a {
	display: block;
	overflow: hidden;
	padding: 3px 15px;
}
.alphanum-list > li.open > ul,
.alphanum-list > li:hover > ul {
	display: block;
}

/* IE8 */
.alphanum-list > li:hover > span,
.alphanum-list > li > ul { background: #fafafa\9; }/**
 * Alerts
 */

.alert {
	position: relative;
	border: 1px solid #EED3D7;
	background-color: #F2DEDE;
	color: #B94A48;
	padding: 10px 35px 10px 15px;
	margin-bottom: 15px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}
.alert:last-child { margin-bottom: 0; }
.alert-title { font-size: 17px; font-weight: 600; }
.alert-close {
	position: absolute;
	top: 11px;
	right: 10px;
	font-size: 23px;
	cursor: pointer;
	opacity: .6;
}
.alert-close:hover { opacity: 1; }


/* Error */
.alert.alert-error { background-color: #F2DEDE; color: #B94A48; border-color: #EED3D7; }


/* Success */
.alert.alert-success { background-color: #DFF0D8; color: #468847; border-color: #D6E9C6; }


/* Info */
.alert.alert-info { background-color: #D9EDF7; color: #3A87AD; border-color: #BCE8F1; }


/* Empty */
.alert.alert-empty { background-color: #fafafa; color: #777; border-color: #eee; }/**
 * Отзывы
 */

/* Список */
.ctlg-review-list {  }

/* Отзыв */
.ctlg-review-item { margin-bottom: 40px; }

.ctlg-review-item-header        { padding: 5px 300px 5px 5px; background: #f9f9f9; position: relative; overflow: hidden; border-radius: 15px; }
.ctlg-review-item-header .stars { margin: 0; top: 1px; position: relative; }

.ctlg-review-item-avatar   { width: 30px; height: 30px; margin-right: 3px; vertical-align: middle; border-radius: 50%; }
.ctlg-review-item-username { text-decoration: none; font-weight: 600; }

.ctlg-review-item-info      { position: absolute; top: 10px; right: 5px; overflow: hidden; font-size: 15px; color: #909090; }
.ctlg-review-item-info > li { height: 21px; padding: 0 9px; line-height: 21px; float: left; }
.ctlg-review-item-info .stars {
	padding-top: 3px;
}

/**
 * Responsive styles
 */
@media screen and (max-width: 640px) {
	.ctlg-review-item-header {
		padding-right: 5px;
	}
    .ctlg-review-item-info {
    	padding-top: 5px;
    	position: static;
    }
}

.ctlg-review-item-body       { margin-bottom: 10px; }
.ctlg-review-item-body .text { padding: 3px 5px 0; font-size: 17px;  margin-bottom: 5px; margin-top: 5px; }
.ctlg-review-item-body .title { padding: 10px 5px 0; font-size: 15px; }
.ctlg-review-item-body-product img {
	margin: 5px;
}
.ctlg-review-item-body-product .title {
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 10px;
	color: #4287B7;
	text-decoration: underline;
}

.ctlg-review-item-approve {
	margin-top: 10px;
}

/* Форма */
.ctlg-review-form { padding: 20px; background: #fafafa; margin-bottom: 15px; border-radius: 15px; }
.ctlg-review-form .stars { margin-bottom: 5px; margin-bottom: 20px; }
.ctlg-review-vote { line-height: 21px; margin: 10px 0 0; padding-left: 5px; }

.ctlg-review-filter a {
	border-bottom: 1px dashed #4287B7;
	color: #4287B7;
}

.ctlg-review-filter li.active a {
	color: #E85643;
}

.ctlg-review-vote .ctlg-vote-up {
	background: linear-gradient(to bottom, #FFFFFF 0%, #EBEBEB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #E6E6E6 #DFDFDF #D1D1D1 #DDDDDD;
	border-radius: 4px 0 0 4px;
	border-style: solid;
	border-width: 1px;
	color: #666666;
	font-size: 15px;
	margin: 0 0 0 10px;
	padding: 2px 5px;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;
}

.ctlg-review-vote .ctlg-vote-down {
	background: linear-gradient(to bottom, #FFFFFF 0%, #EBEBEB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #E6E6E6 #DFDFDF #D1D1D1 #DDDDDD;
	border-radius: 0 4px 4px 0;
	border-style: solid;
	border-width: 1px;
	color: #666666;
	font-size: 15px;
	margin: 0 10px 0 0;
	padding: 2px 5px;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;
}

.ctlg-review-vote .ctlg-vote-up span {
	font-weight: 700;
}
.ctlg-review-vote .ctlg-vote-down span {
	font-weight: 700;
}
.ctlg-review-vote .ctlg-vote-up .plusone {
	color: #E85643;
	font-weight: 700;
}
.ctlg-review-vote .ctlg-vote-up.voted .plusone {
	color: #84B24D;
}
.ctlg-review-vote .ctlg-vote-down .minusone {
	color: #4287B7;
	font-weight: 700;
}
.ctlg-review-vote .ctlg-vote-down.voted .minusone {
	color: #518EB8;
}
.ctlg-review-vote .ctlg-vote-up:hover {
	background: linear-gradient(to bottom, #F2F8E9 0%, #CFE6B7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #E1F0D2 #E0EFD1 #B2DE7E;
	color: #84B24D;
	text-shadow: 0 1px 0 #F2F8E9;
}
.ctlg-review-vote .ctlg-vote-up.voted {
	background: linear-gradient(to bottom, #F2F8E9 0%, #CFE6B7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #E1F0D2 #E0EFD1 #B2DE7E;
	color: #84B24D;
	text-shadow: 0 1px 0 #F2F8E9;
}
.ctlg-review-vote .ctlg-vote-down:hover {
	background: linear-gradient(to bottom, #E0F2F7 0%, #BFE2ED 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #CDEAF2 #CDEAF2 #7BC5EC;
	color: #518EB8;
	text-shadow: 0 1px 0 #E8F4F9;
}
.ctlg-review-vote .ctlg-vote-down.voted {
	background: linear-gradient(to bottom, #E0F2F7 0%, #BFE2ED 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #CDEAF2 #CDEAF2 #7BC5EC;
	color: #518EB8;
	text-shadow: 0 1px 0 #E8F4F9;
}ul.tagit {
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
}
ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {    
    position: relative;
    line-height: inherit;
}
input.tagit-hidden-field {
    display: none;
}
ul.tagit li.tagit-choice-read-only { 
    padding: .2em .5em .2em .5em; 
} 

ul.tagit li.tagit-choice-editable { 
    padding: .2em 18px .2em .5em; 
} 

ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
    line-height: 17px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    border: none;
    margin: 0;
    padding: 0;
    width: 300px;
    background-color: inherit;
    outline: none;
}
.markItUpEditor.product { height: 300px; }
.markItUp .tablegenerator a {
	background-image:url(https://hairmaniac.ru/plugins/combination/templates/skin/default/images/icons/table.png);
}
.combination-loader { background: url(https://hairmaniac.ru/plugins/combination/templates/skin/default/images/loader.gif) no-repeat scroll 50% 50% rgba(0, 0, 0, 0) !important; }

/**
 * Поиск
 */
.search.search-item.cmb-search {
    margin-bottom: 20px;
    background: #fafafa;
    padding: 0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.search.search-item.cmb-search .input-submit { top: 9px; right: 8px; }
.cmb-search .ui-widget {
	border-color: #c0c0c0;
	padding: 1px 35px 1px 4px;
}
ul.tagit li.tagit-new { margin-left: 3px; }
ul.tagit li.tagit-choice-editable {

}

@media screen and (max-width: 480px) {
    ul.tagit input[type="text"] {
        width: 250px;
        text-overflow: ellipsis;
    }
}

/**
 * Список эффектов
 */
.cmb-effect-list {  }
.cmb-effect-list .page-header { font-weight: normal; }
.cmb-effect-list-item {
    padding: 20px 20px 0;
    background: #fff;
    margin-bottom: 18px;
    border-radius: 15px;
    border: 1px solid #eaeaea;
}
.cmb-effect-list-item-title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.3em;
    font-family: 'PT Serif', serif;
}
.cmb-effect-list-item-title a {
    color: #333;
}
.cmb-effect-list-item-title a:hover {
    color: #dd127b;
}

/**
 * Блоки
 */
.block--item-list ul li {
    margin-bottom: 15px;
}
.block--item-list ul li:last-child {
    margin-bottom: 0;
}
.block--item-list .block-footer {
    margin: 0;
    padding: 0 20px 20px;
}
.block--item-list .block-footer a,
.block--item-list ul a {
    color: #777;
    font-size: 15px;
}
.block--item-list .block-footer a:hover,
.block--item-list ul a:hover,
.block--hm-product-filter label:hover {
    color: #dd127b;
}
.block--hm-product-filter label {
    margin-bottom: 5px;
    color: #777;
}
.block--hm-product-filter input[type="checkbox"] {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.cmb-search-result-text {
    margin-bottom: 10px;
}

@media screen and (max-width: 1040px) {
    .cmb-search-result-text {
        padding: 0 15px;
    }
    .search.search-item.cmb-search {
        padding: 0 15px;
        margin-bottom: 15px;
    }
    .search.search-item.cmb-search .input-submit {
        right: 23px;
    }
    .cmb-effect-list-item-title {
        font-size: 26px;
    }

}/**
 * Продукт
 */

/* Продукт */
.cmb-product-item                 { margin-bottom: 20px; padding: 20px; background: #fff; position: relative; border: 1px solid #eaeaea; border-radius: 15px; }
.cmb-product-item:last-child      { margin-bottom: 0; }
.cmb-product-item .page-header    { padding-right: 40px; margin-bottom: 12px; }
.cmb-product-item .page-header a  { text-decoration: none; }
.cmb-product-item .favourite      { position: absolute; top: 27px; right: 27px; font-size: 18px; }
.cmb-product-item-rating          { margin-bottom: 20px; color: #777; }
.cmb-product-item-rating .stars   { position: relative; top: 3px; }
.cmb-product-item-title           { font-size: 32px; margin-bottom: 15px; margin-right: 25px; font-weight: 600; }
.cmb-product-item-title a         { color: #1f1a17; }
.cmb-product-item-title a:hover   { color: #dd127b; }
.cmb-product-item-cat             { color: #909090; font-weight: bold; font-size: 11px; text-transform: uppercase; margin-bottom: 10px; }

.cmb-product-item-components            { overflow: hidden; }
.cmb-product-item-components:last-child { margin-bottom: 0; }
.cmb-product-item-components li         { float: left; margin-right: 10px; }
.cmb-product-item-components li a       { color: #777; }
.cmb-product-item-components li a:hover { color: #dd127b; }

/* Описание */
.cmb-product-item-description         { margin-bottom: 20px; }
.cmb-product-item-description:last-child { margin-bottom: 0; }
.cmb-product-item-description-heading { font: 600 17px/1.3em 'Segoe UI', Arial, sans-serif; margin-bottom: 5px; color: #dd127b; }
.cmb-product-item-description .text   { font-size: 17px; }

.cmb-product-item-apply { margin-bottom: 15px; }
.cmb-product-item-apply strong { text-transform: lowercase; }

/* Страница продукта */
.cmb-product-item.is-single { margin-bottom: 20px; }

/* Tabs */
.nav-tabs.cmb-product-tabs { border-top: 1px solid #eee; }
.nav-tabs.cmb-product-tabs > li { margin-right: 0; }
.nav-tabs.cmb-product-tabs > li > a { border-radius: 0; border-top: none; border-bottom: none; border-left: none; border-right: 1px solid #eee; color: #999; }
.nav-tabs.cmb-product-tabs > li > a:hover { background-color: transparent; }
.nav-tabs.cmb-product-tabs,
.nav-tabs.cmb-product-tabs > li.active > a {
    background: #fff;
    border-color: #eee;
    font-weight: bold;
}
.cmb-product-tab-panes { padding: 20px; }

@media screen and (max-width: 1040px) {

    .cmb-product-item-title {
        font-size: 22px;
    }
}
/**
 * Навигация
 */

/* Clearfix */
.nav:before,
.nav:after { content: ""; display: table; }
.nav:after { clear: both; }

/**
 * Табы
 */
.nav-tabs          { border-bottom: 1px solid #ddd; margin-bottom: 15px; overflow: visible; height: 39px; }
.nav-tabs > li     { position: relative; margin: 0 3px -1px 0; }
.nav-tabs > li > a {
	border: 1px solid transparent;
	padding: 10px 15px;
	border-radius: 3px 3px 0 0;
	cursor: pointer;
	font-size: 14px;
	background: transparent;
	color: #08c;
	text-decoration: none;
}
.nav-tabs > li > a:hover  { background: #f1f1f1; border-bottom-color: #ddd; color: #058; }
.nav-tabs > li.active > a { background: #fff; border-color: #ddd; border-bottom-color: #fff; color: #333; cursor: default; }

/* Tabs content */
.tab-pane { display: none; }
.tab-pane.loading { min-height: 150px; background-position: 50% 45px; }/**
 * Общие стили
 */

/* Экшнбар */
.cmb-actionbar            { margin-top: 20px; overflow: hidden; }
.cmb-actionbar li         { float: left; margin-right: 15px; }
.cmb-actionbar li a       { text-decoration: none; color: #333; }
.cmb-actionbar li a:hover { text-decoration: underline; }

/**
 * Star rating
 */
.stars                { overflow: hidden; color: #d3b640; }
.stars li             { float: left; }
.stars li:before      { margin-left: 3px; }
.stars li:first-child { margin-left: 0; }

.stars.stars-set { cursor: pointer; display: inline-block; }
.stars.stars-set li { float: right; }
.stars.stars-set li:hover ~ li:before,
.stars.stars-set li.active ~ li:before,
.stars.stars-set li.active:before,
.stars.stars-set li:hover:before { content: "\f005"; }

.stars-inline { display: inline-block; margin-bottom: 0; margin-right: 10px; vertical-align: top; }

/**
 * Подгрузка контента
 */
.more {
	display: block;
	text-align: center;
	padding: 12px 0;
	margin-top: 30px;
	background: #fafafa;
	color: #aaa;
	border-top: 1px solid #eee;
	text-decoration: none;
	cursor: pointer;
}
.more:hover { background: #f7f7f7; color: #555; }
.more.loading { background: #f7f7f7 url(https://hairmaniac.ru/plugins/combination/templates/skin/default/images/loader.gif) 50% 50% no-repeat; text-indent: -9999px; }/**
 * Alerts
 */

.alert {
	position: relative;
	border: 1px solid #EED3D7;
	background-color: #F2DEDE;
	color: #B94A48;
	padding: 10px 35px 10px 15px;
	margin-bottom: 15px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}
.alert:last-child { margin-bottom: 0; }
.alert-title { font-size: 14px; font-weight: bold; }
.alert-close {
	position: absolute;
	top: 11px;
	right: 10px;
	font-size: 23px;
	cursor: pointer;
	opacity: .6;
}
.alert-close:hover { opacity: 1; }


/* Error */
.alert.alert-error { background-color: #F2DEDE; color: #B94A48; border-color: #EED3D7; }


/* Success */
.alert.alert-success { background-color: #DFF0D8; color: #468847; border-color: #D6E9C6; }


/* Info */
.alert.alert-info { background-color: #D9EDF7; color: #3A87AD; border-color: #BCE8F1; }


/* Empty */
.alert.alert-empty { background-color: #fafafa; color: #777; border-color: #eee; }/**
 * Отзывы
 */

/* Список */
.cmb-review-list {  }

/* Отзыв */
.cmb-review-item { margin-bottom: 40px; }

.cmb-review-item-header        { height: 30px; padding: 5px; background: #f9f9f9; position: relative; overflow: hidden; }
.cmb-review-item-header .stars { margin: 0; top: 1px; position: relative; }

.cmb-review-item-avatar   { width: 30px; height: 30px; margin-right: 3px; vertical-align: middle; }
.cmb-review-item-username { text-decoration: none; font-weight: bold; }

.cmb-review-item-info      { position: absolute; top: 10px; right: 5px; overflow: hidden; font-size: 12px; color: #909090; }
.cmb-review-item-info > li { height: 21px; padding: 0 9px; line-height: 21px; float: left; }

.cmb-review-item-body       { margin-bottom: 10px; }
.cmb-review-item-body .text { padding: 3px 5px 0; font-size: 15px; }
.cmb-review-item-body .title { padding: 10px 5px 0; font-size: 17px; }

/* Форма */
.cmb-review-form { padding: 20px; background: #fafafa; margin-bottom: 15px; }
.cmb-review-form .stars { margin-top: 5px; margin-bottom: 10px; }/**
 * Компоненты
 */

.cmb-component-list { overflow: hidden; }

.cmb-component-list-item     { width: 162px; overflow: hidden; display: inline-block; margin-right: 10px; margin-bottom: 15px; text-align: center; vertical-align: top; }
.cmb-component-list-item img { margin-bottom: 5px; margin-right: 0; display: block; }
.cmb-component-list-item p   { font-size: 15px; text-overflow: ellipsis; width: 100%; overflow: hidden; }
.cmb-component-list-item a   { color: #333; }
.cmb-component-list-item:hover a { color: #dd127b; }

.cmb-component-view            { background: #fff; padding: 20px; margin-bottom: 30px; overflow: hidden; zoom: 1; border: 1px solid #eaeaea;  border-radius: 15px; }
.cmb-component-view-image      { float: left; margin-right: 20px; }
.cmb-component-view-body       { overflow: hidden; }
.text.cmb-component-view-text  { font-size: 15px; line-height: 17px; }
.cmb-component-view-title      { margin-bottom: 1rem; font-size: 42px; font-weight: 600; }
.cmb-component-page-header     { margin-bottom: 1rem; font-size: 36px; font-weight: 600; }

@media screen and (max-width: 1040px) {
    .cmb-component-page-header {
        text-align: center;
    }
    .cmb-component-list-item {
        width: 100px;
    }
    .cmb-component-list-item img {
        width: 100px;
    }
    .cmb-component-view-title      { margin-bottom: 1rem; font-size: 30px; }
    .cmb-component-page-header     { margin-bottom: 1rem; font-size: 26px; }
}.crop-image-holder { margin-right: 10px; }
.crop-image-holder,
.crop-previews-tmp { display: inline-block; vertical-align: top;  }
.crop-preview { overflow: hidden; margin-bottom: 15px; }

.hm-result-toolbar-description {
    background-color: #111111;
    color: #ffffff;
    position: absolute;
    z-index: 10;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: none;
}
.hm-result-toolbar-remove {
    position: absolute;
    z-index: 10;
    top: 0px;
    right: 0px;
    display: none;
}

.modal.modal-diary {
    max-width: 700px;
}

a.active {
    color: #dd0000;
}


.hm-care-toolbar-remove {
    position: absolute;
    z-index: 10;
    top: 0px;
    right: 0px;
    display: none;
}

/**
 * Profile
 */
.hm-profile-section {
    padding: 20px;
    border-bottom: 1px solid #f2faf8;
}
.hm-profile-section:last-child {
    margin-bottom: 0;
    border: none;
}
.hm-profile-section--nopadding {
    padding: 0;
}

/* List */
.hm-profile-section-list,
.hm-profile-section-list a {

}
.hm-profile-section-list a:hover {
    color: #dd127b;
}
.hm-profile-section-list strong {
    font-weight: normal;
    color: #212121;
}

/* Title */
.hm-profile-section-title {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 24px;
}

/* Empty */
.hm-profile-section-empty {
    border: 1px solid #f1f1f1;
    font-style: italic;
    color: #7f7f7f;
    padding: 50px 100px;
}
.hm-profile-section-empty--center {
    text-align: center;
}
.hm-profile-section-empty a {
    font-style: italic;
    color: #7f7f7f;
    text-decoration: underline;
}
.hm-profile-section-empty a:hover {
    color: #dd127b;
}

/* Hair data */
.hm-profile-hair-data {
    margin-bottom: 25px;
    background: #fafaf2;
    font-size: 12px;
    color: #232627;
    line-height: 1em;
}
.hm-profile-hair-data td {
    text-align: center;
    vertical-align: top;
    padding: 20px;
}
.hm-profile-hair-data h6 {
    font-size: 20px;
    margin-bottom: 5px;
}
.hm-profile-hair-types {
    margin-bottom: 15px;
    color: #7f7f7f;
}
.hm-profile-hair-types strong {
    font-weight: normal;
    color: #232627;
}
.hm-profile-hair-data-size {
    font-size: 20px;
    margin-bottom: 5px;
    font-family: 'PT Serif', serif;
    font-weight: normal;
    line-height: 1.3em;
}

@media screen and (max-width: 1040px) {
    .hm-profile-hair-data td {
        padding: 10px;
    }
}

/* Top section */
.hm-profile-top {
    overflow: hidden;
}
.hm-profile-top-left {
    float: left;
    width: 220px;
}
.hm-profile-top-right {
    margin-left: 240px;
}

.hm-profile-header {
    margin-bottom: 5px;
}
.profile-actions li {
    margin-bottom: 10px;
}

@media screen and (max-width: 1040px) {
    .hm-profile-top-left {
        float: none;
        width: auto;
        text-align: center;
    }
    .hm-profile-top-right {
        margin-left: 0;
    }
}

/* Social */
.hm-profile-top .social-list {
    float: right;
    margin-top: 10px;
}
.social-list .fa-telegram:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(https://hairmaniac.ru/plugins/hmprofile/templates/skin/default/images/telegram.svg);
    background-size: cover;
    background-position: center;
}
.social-list .fa-vkontakte:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(https://hairmaniac.ru/plugins/hmprofile/templates/skin/default/images/vkontakte.svg);
    background-size: cover;
    background-position: center;
}

/* Photo */
.profile-photo-image {
    vertical-align: top;
    margin-bottom: 13px;
}

/* Geo */
.hm-profile-geo {
    margin-bottom: 10px;
}
.hm-profile-geo a {
    color: #7f7f7f;
}
.hm-profile-geo a:hover {
    color: #dd127b;
}

/* Login */
.hm-profile-login {
    display: inline-block;
    margin-right: 10px;
    font-size: 42px;
}
.hm-profile-login sup {
    font-size: 32px;
    color: #c5c5c5;
}

/* Vote */
.vote.vote-user {
    display: inline-block;
    position: relative;
    top: -3px;
    padding: 2px 8px 3px;
    border: 1px solid #f1f1f1;
    border-radius: 30px;
    font-size: 12px;
}
.vote.vote-user .vote-count {
    font-weight: normal;
    font-size: 12px;
}
.vote.vote-user.vote-count-positive .vote-count {
    color: #96c639;
}
.vote.vote-user a {
    position: relative;
    top: 1px;
}

/**
 * Results
 */
.hm-profile-results {
    height: 288px;
}
.hm-profile-results-item {
    width: 161px;
    height: 268px;
    float: left;
    margin-right: 6px;
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* Remove button */
.hm-profile-results-item .hm-profile-results-item-remove {
    display: none;
    opacity: .5;
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 20px;
    line-height: 1em;
    cursor: pointer;
    color: #dd127b;
}
.hm-profile-results-item .hm-profile-results-item-remove:hover {
    opacity: 1;
}

/* Description */
.hm-profile-results-item-description {
    display: none;
    width: 100%;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 11px;
    background: #222;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.hm-profile-results-item-description time {
    display: block;
    font-size: 12px;
}
.hm-profile-results-item-description p {
    margin-top: 10px;
}
.hm-profile-results-item-description a {
    color: #fff;
}

.hm-profile-results-item:hover .hm-profile-results-item-remove,
.hm-profile-results-item:hover .hm-profile-results-item-description {
    display: block;
}

/* Add button */
.hm-profile-results-item--add {
    background: #f1f1f1;
    color: #b3b3b3;
    text-align: center;
    cursor: pointer;
    -webkit-transition: color .2s, background .2s;
            transition: color .2s, background .2s;
}
.hm-profile-results-item--add:hover {
    background: #f7f7f7;
    color: #dd127b;
}
.hm-profile-results-item--add p {
    margin-top: 80px;
    margin-bottom: 10px;
    font-size: 60px;
    font-weight: bold;
    line-height: 1em;
}
.hm-result-upload-photo img {
    margin-right: 15px;
    vertical-align: top;
}
.hm-result-upload-photo a {
    color: #bf4b4b;
}


/**
 * Уход
 */
.hm-profile-section--care {
    padding-bottom: 40px;
}
.hm-profile-results-care {
    background: #fff;
    height: 225px;
    border-bottom: 10px solid #f1f1f1;
    -webkit-box-shadow: 0px 32px 22px -24px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 32px 22px -24px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 32px 22px -24px rgba(50, 50, 50, 0.25);
}
.hm-profile-results-care .hm-profile-results-item {
    width: 150px;
    height: 225px;
}
.hm-profile-results-care .hm-profile-results-item img {
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Add button */
.hm-profile-results-care .hm-profile-results-item--add {
    width: 68px;
    height: 68px;
    border-radius: 100%;
    margin: 80px 25px 0 25px;
}
.hm-profile-results-care .hm-profile-results-item--add p {
    margin: 0;
    font-size: 50px;
    padding-top: 3px;
}

/**
 * Nav pills
 */
.hm-nav-pills {
    overflow: hidden;
    margin-bottom: 15px;
}
.hm-nav-pills li {
    float: left;
    margin-right: 5px;
}
.hm-nav-pills li a {
    display: block;
    padding: 4px 13px 5px;
    font-family: 'PT Serif', serif;
    font-weight: bold;
    border: 1px solid transparent;
    color: #7f7f7f;
    border-radius: 16px;
}
.hm-nav-pills li a:hover {
    color: #dd127b;
}
.hm-nav-pills li.active a {
    color: #dd127b;
    border-color: #dd127b;
}

/**
 * Nav sub
 */
.hm-nav-sub {
    overflow: hidden;
    margin-bottom: 15px;
}
.hm-nav-sub li {
    float: left;
    margin-right: 20px;
}
.hm-nav-sub li a {
    display: block;
    color: #7f7f7f;
}
.hm-nav-sub li a:hover {
    color: #dd127b;
}
.hm-nav-sub li.active a {
    color: #dd127b;
    border-color: #dd127b;
}

/**
 * Diary
 */
.hm-diary {
    position: relative;
}
.hm-diary-items-wrapper {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.hm-diary-items {
    margin-bottom: 15px;
    clear: both;
}
.hm-diary-items th {
    font-weight: normal;
    color: #bebebe;
}
.hm-diary-items th,
.hm-diary-items td {
    vertical-align: middle;
    padding: 10px;
}
.hm-diary-items i {
    color: #CECECE;
    font-size: 20px;
    margin-top: 2px;
}
.hm-diary-items i.active {
    color: #dd127b;
}
.hm-diary-items i.complete {
    color: #28a745;
}
.hm-diary-items tr:nth-child(odd) td {
    background: #fafafa;
}
.hm-diary-items .input-text {
    padding: 4px 5px 6px;
}
.hm-diary-items a.fa {
    color: #cecece;
}
.hm-diary-items a.fa:hover {
    color: #dd127b;
}
.hm-diary-items-add {
    color: #777;
    margin-left: 5px;
}
.hm-diary-items .description {
    width: 170px;
    max-width: 170px;
    min-width: 170px;
}
.hm-diary-items .description a {
    text-decoration: underline;
}
.hm-diary-items .ctrl i {
    font-size: 16px;
}
.hm-diary-items-editable .fa-check {
    cursor: pointer;
}

.hm-diary-date-nav {
    position: absolute;
    top: -40px;
    right: 0;
    padding: 5px 10px;
    background: #fafafa;
    border-radius: 50px;
}
.hm-diary-date-nav span {
    padding: 0 7px;
    display: inline-block;
    text-align: center;
    min-width: 245px;

}
.hm-diary-date-nav-arrow {
    cursor: pointer;
    font-size: 10px !important;
    position: relative;
    top: -1px;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
}
.hm-diary-date-nav-arrow:before {
    line-height: 20px;
}
.hm-diary-date-nav-arrow:hover {
    color: #df2585;
}


@media screen and (max-width: 500px) {
    .hm-diary-date-nav {
        position: static;
        display: inline-block;
        margin-bottom: 10px;
    }
    .hm-diary-items i {
        font-size: 18px;
    }
}

/* Checkbox */
.hm-diary-checkbox {
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.hm-diary-checkbox-box {
    position: absolute;
    left: -9999px;
}
.hm-diary-checkbox-label {
    cursor: pointer;
}
.hm-diary-checkbox-box:checked + .hm-diary-checkbox-label i {
    color: #DD127B;
}

.js-hm-diary-edit-trigger,
.js-hm-diary-copy,
.js-hm-diary-paste { margin-bottom: 5px; white-space: nowrap; display: inline-block; }
.js-hm-diary-copy.disabled, .js-hm-diary-paste.disabled {
    cursor: not-allowed;
    opacity: 0.2;
}

/**
 * Settings
 */
.hm-settings-photo {
    padding: 20px 25px 25px;
    border: 1px solid #c1c1c1;
}
.hm-settings-photo h3 {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
    line-height: 1em;
}
.hm-settings-photo-image {
    vertical-align: top;
    width: 250px;
}
.hm-settings-photo .crop-preview {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.hm-settings-photo-actions {
    margin-top: 15px;
    color: #a9a9a9;
}
.hm-settings-photo-actions li {
    cursor: pointer;
    margin-bottom: 3px;
}
.hm-settings-photo-actions li:last-child {
    margin-bottom: 0;
}
.hm-settings-photo-actions li:hover {
    color: #dd127b;
}
.hm-settings-photo-actions li.remove {
    color: #bf4b4b;
}
.hm-profile-section-empty.hm-profile-section-empty--photo {
    padding: 120px 30px;
    margin-bottom: 13px;
}
.hm-profile-section-empty.hm-profile-section-empty--photo p {
    padding-top: 20px;
}


/**
 * Alert
 */
.hm-alert {
    color: #de5151;
    margin-bottom: 20px;
}

/* Input File Replacer */
.form-input-file { position: relative; overflow: hidden; cursor: pointer; display: block; }
.form-input-file input[type=file] { position: absolute; top: 0; left: -200%; }

/* Form note */
.hm-form-note {
    font-style: italic;
    color: #aaa;
}


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #eee !important;
}

/**
 * Website icon
 */
.hm-profile-website {
    display: inline-block;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    width: 15px;
    height: 15px;
    padding: 4px;
    margin-left: 5px;
}

/**
 * About
 */
.hm-profile-about {
    margin-bottom: 15px;
}
.hm-profile-section-title.hm-profile-about-title {
    margin-bottom: 5px;
}

@media screen and (max-width: 1040px) {
    .hm-profile-section-title {
        font-size: 20px;
    }
    .hm-profile-login {
        font-size: 32px;
    }
    .hm-profile-login sup {
        font-size: 22px;
    }
}/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(https://hairmaniac.ru/plugins/hmprofile/lib/malihu-custom-scrollbar/mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */
/*
* @Module Name: Emoji
* @Description: Emoji for LiveStreet
* @Version: 2.0
* @Author: Chiliec
*/


/*Размер смайликов*/
.emojione {
  height:20px;
  width:20px;
}

.markItUp .dummy a { background-image: url(https://hairmaniac.ru/plugins/emoji/templates/skin/default/images/wysiwyg-emoji.png); background-position: -180px -80px;}

.markItUp .emoji-people > a { background-image:url(https://hairmaniac.ru/plugins/emoji/templates/skin/default/images/wysiwyg-toolbar.png); background-position: -272px 0; }
.markItUp .emoji-nature > a { background-image:url(https://hairmaniac.ru/plugins/emoji/templates/skin/default/images/wysiwyg-toolbar.png); background-position: -288px 0; }
.markItUp .emoji-objects > a  { background-image:url(https://hairmaniac.ru/plugins/emoji/templates/skin/default/images/wysiwyg-toolbar.png); background-position: -304px 0; }
.markItUp .emoji-places > a  { background-image:url(https://hairmaniac.ru/plugins/emoji/templates/skin/default/images/wysiwyg-toolbar.png); background-position: -320px 0; }
.markItUp .emoji-symbols > a { background-image:url(https://hairmaniac.ru/plugins/emoji/templates/skin/default/images/wysiwyg-toolbar.png); background-position: -336px 0; }

.markItUp .emoji-people ul,
.markItUp .emoji-nature ul,
.markItUp .emoji-objects ul,
.markItUp .emoji-places ul,
.markItUp .emoji-symbols ul
 {
	width:264px;
}

.markItUp .emoji-people  li,
.markItUp .emoji-nature li,
.markItUp .emoji-objects li,
.markItUp .emoji-places li,
.markItUp .emoji-symbols li
 {
	overflow:hidden;
	padding:0px; margin:0px;
	float:left;
	width:20px;	
	height:20px;
	border: 0;
}

/* Second-level menu */
.markItUp ul li ul { position: absolute; z-index: 10; display: none; margin: 0 0 0 -11px; padding: 6px; width: 260px; border: 1px solid #ccc; background: rgba(255, 255, 255, .75); }
.markItUp ul li ul li { padding: 3px; }
.markItUp ul li ul li a { width: 20px; height: 20px; background-image: url(https://hairmaniac.ru/plugins/emoji/templates/skin/default/images/wysiwyg-emoji.png); background-position: 0 0; background-repeat: no-repeat; }

/* People */
.markItUp .e-p-1 a { background-position: 0 0; }
.markItUp .e-p-2 a { background-position: -20px 0; }
.markItUp .e-p-3 a { background-position: -40px 0; }
.markItUp .e-p-4 a { background-position: -60px 0; }
.markItUp .e-p-5 a { background-position: -80px 0; }
.markItUp .e-p-6 a { background-position: -100px 0; }
.markItUp .e-p-7 a { background-position: -120px 0; }
.markItUp .e-p-8 a { background-position: -140px 0; }
.markItUp .e-p-9 a { background-position: -160px 0; }
.markItUp .e-p-10 a { background-position: -180px 0; }
.markItUp .e-p-11 a { background-position: -200px 0; }
.markItUp .e-p-12 a { background-position: -220px 0; }
.markItUp .e-p-13 a { background-position: -240px 0; }
.markItUp .e-p-14 a { background-position: -260px 0; }
.markItUp .e-p-15 a { background-position: -280px 0; }
.markItUp .e-p-16 a { background-position: -300px 0; }
.markItUp .e-p-17 a { background-position: -320px 0; }
.markItUp .e-p-18 a { background-position: -340px 0; }
.markItUp .e-p-19 a { background-position: -360px 0; }
.markItUp .e-p-20 a { background-position: -380px 0; }
.markItUp .e-p-21 a { background-position: 0 -20px; }
.markItUp .e-p-22 a { background-position: -20px -20px; }
.markItUp .e-p-23 a { background-position: -40px -20px; }
.markItUp .e-p-24 a { background-position: -60px -20px; }
.markItUp .e-p-25 a { background-position: -80px -20px; }
.markItUp .e-p-26 a { background-position: -100px -20px; }
.markItUp .e-p-27 a { background-position: -120px -20px; }
.markItUp .e-p-28 a { background-position: -140px -20px; }
.markItUp .e-p-29 a { background-position: -160px -20px; }
.markItUp .e-p-30 a { background-position: -180px -20px; }
.markItUp .e-p-31 a { background-position: -200px -20px; }
.markItUp .e-p-32 a { background-position: -220px -20px; }
.markItUp .e-p-33 a { background-position: -240px -20px; }
.markItUp .e-p-34 a { background-position: -260px -20px; }
.markItUp .e-p-35 a { background-position: -280px -20px; }
.markItUp .e-p-36 a { background-position: -300px -20px; }
.markItUp .e-p-37 a { background-position: -320px -20px; }
.markItUp .e-p-38 a { background-position: -340px -20px; }
.markItUp .e-p-39 a { background-position: -360px -20px; }
.markItUp .e-p-40 a { background-position: -380px -20px; }
.markItUp .e-p-41 a { background-position: 0 -40px; }
.markItUp .e-p-42 a { background-position: -20px -40px; }
.markItUp .e-p-43 a { background-position: -40px -40px; }
.markItUp .e-p-44 a { background-position: -60px -40px; }
.markItUp .e-p-45 a { background-position: -80px -40px; }
.markItUp .e-p-46 a { background-position: -100px -40px; }
.markItUp .e-p-47 a { background-position: -120px -40px; }
.markItUp .e-p-48 a { background-position: -140px -40px; }
.markItUp .e-p-49 a { background-position: -160px -40px; }
.markItUp .e-p-50 a { background-position: -180px -40px; }
.markItUp .e-p-51 a { background-position: -200px -40px; }
.markItUp .e-p-52 a { background-position: -220px -40px; }
.markItUp .e-p-53 a { background-position: -240px -40px; }
.markItUp .e-p-54 a { background-position: -260px -40px; }
.markItUp .e-p-55 a { background-position: -280px -40px; }
.markItUp .e-p-56 a { background-position: -300px -40px; }
.markItUp .e-p-57 a { background-position: -320px -40px; }
.markItUp .e-p-58 a { background-position: -340px -40px; }
.markItUp .e-p-59 a { background-position: -360px -40px; }
.markItUp .e-p-60 a { background-position: -380px -40px; }
.markItUp .e-p-61 a { background-position: 0 -60px; }
.markItUp .e-p-62 a { background-position: -20px -60px; }
.markItUp .e-p-63 a { background-position: -40px -60px; }
.markItUp .e-p-64 a { background-position: -60px -60px; }
.markItUp .e-p-65 a { background-position: -80px -60px; }
.markItUp .e-p-66 a { background-position: -100px -60px; }
.markItUp .e-p-67 a { background-position: -120px -60px; }
.markItUp .e-p-68 a { background-position: -140px -60px; }
.markItUp .e-p-69 a { background-position: -160px -60px; }
.markItUp .e-p-70 a { background-position: -180px -60px; }
.markItUp .e-p-71 a { background-position: -200px -60px; }
.markItUp .e-p-72 a { background-position: -220px -60px; }
.markItUp .e-p-73 a { background-position: -240px -60px; }
.markItUp .e-p-74 a { background-position: -260px -60px; }
.markItUp .e-p-75 a { background-position: -280px -60px; }
.markItUp .e-p-76 a { background-position: -300px -60px; }
.markItUp .e-p-77 a { background-position: -320px -60px; }
.markItUp .e-p-78 a { background-position: -340px -60px; }
.markItUp .e-p-79 a { background-position: -360px -60px; }
.markItUp .e-p-80 a { background-position: -380px -60px; }
.markItUp .e-p-81 a { background-position: 0 -80px; }
.markItUp .e-p-82 a { background-position: -20px -80px; }
.markItUp .e-p-83 a { background-position: -40px -80px; }
.markItUp .e-p-84 a { background-position: -60px -80px; }
.markItUp .e-p-85 a { background-position: -80px -80px; }
.markItUp .e-p-86 a { background-position: -100px -80px; }
.markItUp .e-p-87 a { background-position: -120px -80px; }
.markItUp .e-p-88 a { background-position: -140px -80px; }
.markItUp .e-p-89 a { background-position: -160px -80px; }
.markItUp .e-p-90 a { background-position: -180px -80px; }
.markItUp .e-p-91 a { background-position: -200px -80px; }
.markItUp .e-p-92 a { background-position: -220px -80px; }
.markItUp .e-p-93 a { background-position: -240px -80px; }
.markItUp .e-p-94 a { background-position: -260px -80px; }
.markItUp .e-p-95 a { background-position: -280px -80px; }
.markItUp .e-p-96 a { background-position: -300px -80px; }
.markItUp .e-p-97 a { background-position: -320px -80px; }
.markItUp .e-p-98 a { background-position: -340px -80px; }
.markItUp .e-p-99 a { background-position: -360px -80px; }
.markItUp .e-p-100 a { background-position: -380px -80px; }
.markItUp .e-p-101 a { background-position: 0 -100px; }
.markItUp .e-p-102 a { background-position: -20px -100px; }
.markItUp .e-p-103 a { background-position: -40px -100px; }
.markItUp .e-p-104 a { background-position: -60px -100px; }
.markItUp .e-p-105 a { background-position: -80px -100px; }
.markItUp .e-p-106 a { background-position: -100px -100px; }
.markItUp .e-p-107 a { background-position: -120px -100px; }
.markItUp .e-p-108 a { background-position: -140px -100px; }
.markItUp .e-p-109 a { background-position: -160px -100px; }
.markItUp .e-p-110 a { background-position: -180px -100px; }
.markItUp .e-p-111 a { background-position: -200px -100px; }
.markItUp .e-p-112 a { background-position: -220px -100px; }
.markItUp .e-p-113 a { background-position: -240px -100px; }
.markItUp .e-p-114 a { background-position: -260px -100px; }
.markItUp .e-p-115 a { background-position: -280px -100px; }
.markItUp .e-p-116 a { background-position: -300px -100px; }
.markItUp .e-p-117 a { background-position: -320px -100px; }
.markItUp .e-p-118 a { background-position: -340px -100px; }
.markItUp .e-p-119 a { background-position: -360px -100px; }
.markItUp .e-p-120 a { background-position: -380px -100px; }
.markItUp .e-p-121 a { background-position: 0 -120px; }
.markItUp .e-p-122 a { background-position: -20px -120px; }
.markItUp .e-p-123 a { background-position: -40px -120px; }
.markItUp .e-p-124 a { background-position: -60px -120px; }
.markItUp .e-p-125 a { background-position: -80px -120px; }
.markItUp .e-p-126 a { background-position: -100px -120px; }
.markItUp .e-p-127 a { background-position: -120px -120px; }
.markItUp .e-p-128 a { background-position: -140px -120px; }
.markItUp .e-p-129 a { background-position: -160px -120px; }
.markItUp .e-p-130 a { background-position: -180px -120px; }
.markItUp .e-p-131 a { background-position: -200px -120px; }
.markItUp .e-p-132 a { background-position: -220px -120px; }
.markItUp .e-p-133 a { background-position: -240px -120px; }
.markItUp .e-p-134 a { background-position: -260px -120px; }
.markItUp .e-p-135 a { background-position: -280px -120px; }
.markItUp .e-p-136 a { background-position: -300px -120px; }
.markItUp .e-p-137 a { background-position: -320px -120px; }
.markItUp .e-p-138 a { background-position: -340px -120px; }
.markItUp .e-p-139 a { background-position: -360px -120px; }
.markItUp .e-p-140 a { background-position: -380px -120px; }
.markItUp .e-p-141 a { background-position: 0 -140px; }
.markItUp .e-p-142 a { background-position: -20px -140px; }
.markItUp .e-p-143 a { background-position: -40px -140px; }
.markItUp .e-p-144 a { background-position: -60px -140px; }
.markItUp .e-p-145 a { background-position: -80px -140px; }
.markItUp .e-p-146 a { background-position: -100px -140px; }
.markItUp .e-p-147 a { background-position: -120px -140px; }
.markItUp .e-p-148 a { background-position: -140px -140px; }
.markItUp .e-p-149 a { background-position: -160px -140px; }
.markItUp .e-p-150 a { background-position: -180px -140px; }
.markItUp .e-p-151 a { background-position: -200px -140px; }
.markItUp .e-p-152 a { background-position: -220px -140px; }
.markItUp .e-p-153 a { background-position: -240px -140px; }
.markItUp .e-p-154 a { background-position: -260px -140px; }
.markItUp .e-p-155 a { background-position: -280px -140px; }
.markItUp .e-p-156 a { background-position: -300px -140px; }
.markItUp .e-p-157 a { background-position: -320px -140px; }
.markItUp .e-p-158 a { background-position: -340px -140px; }
.markItUp .e-p-159 a { background-position: -360px -140px; }
.markItUp .e-p-160 a { background-position: -380px -140px; }
.markItUp .e-p-161 a { background-position: 0 -160px; }
.markItUp .e-p-162 a { background-position: -20px -160px; }
.markItUp .e-p-163 a { background-position: -40px -160px; }
.markItUp .e-p-164 a { background-position: -60px -160px; }
.markItUp .e-p-165 a { background-position: -80px -160px; }
.markItUp .e-p-166 a { background-position: -100px -160px; }
.markItUp .e-p-167 a { background-position: -120px -160px; }
.markItUp .e-p-168 a { background-position: -140px -160px; }
.markItUp .e-p-169 a { background-position: -160px -160px; }
.markItUp .e-p-170 a { background-position: -180px -160px; }
.markItUp .e-p-171 a { background-position: -200px -160px; }
.markItUp .e-p-172 a { background-position: -220px -160px; }
.markItUp .e-p-173 a { background-position: -240px -160px; }
.markItUp .e-p-174 a { background-position: -260px -160px; }
.markItUp .e-p-175 a { background-position: -280px -160px; }
.markItUp .e-p-176 a { background-position: -300px -160px; }
.markItUp .e-p-177 a { background-position: -320px -160px; }
.markItUp .e-p-178 a { background-position: -340px -160px; }
.markItUp .e-p-179 a { background-position: -360px -160px; }
.markItUp .e-p-180 a { background-position: -380px -160px; }
.markItUp .e-p-181 a { background-position: 0 -180px; }
.markItUp .e-p-182 a { background-position: -20px -180px; }
.markItUp .e-p-183 a { background-position: -40px -180px; }
.markItUp .e-p-184 a { background-position: -60px -180px; }
.markItUp .e-p-185 a { background-position: -80px -180px; }
.markItUp .e-p-186 a { background-position: -100px -180px; }
.markItUp .e-p-187 a { background-position: -120px -180px; }
.markItUp .e-p-188 a { background-position: -140px -180px; }
.markItUp .e-p-189 a { background-position: -160px -180px; }


/* Nature */
.markItUp .e-n-1 a { background-position: -180px -180px; }
.markItUp .e-n-2 a { background-position: -200px -180px; }
.markItUp .e-n-3 a { background-position: -220px -180px; }
.markItUp .e-n-4 a { background-position: -240px -180px; }
.markItUp .e-n-5 a { background-position: -260px -180px; }
.markItUp .e-n-6 a { background-position: -280px -180px; }
.markItUp .e-n-7 a { background-position: -300px -180px; }
.markItUp .e-n-8 a { background-position: -320px -180px; }
.markItUp .e-n-9 a { background-position: -340px -180px; }
.markItUp .e-n-10 a { background-position: -360px -180px; }
.markItUp .e-n-11 a { background-position: -380px -180px; }
.markItUp .e-n-12 a { background-position: 0 -200px; }
.markItUp .e-n-13 a { background-position: -20px -200px; }
.markItUp .e-n-14 a { background-position: -40px -200px; }
.markItUp .e-n-15 a { background-position: -60px -200px; }
.markItUp .e-n-16 a { background-position: -80px -200px; }
.markItUp .e-n-17 a { background-position: -100px -200px; }
.markItUp .e-n-18 a { background-position: -120px -200px; }
.markItUp .e-n-19 a { background-position: -140px -200px; }
.markItUp .e-n-20 a { background-position: -160px -200px; }
.markItUp .e-n-21 a { background-position: -180px -200px; }
.markItUp .e-n-22 a { background-position: -200px -200px; }
.markItUp .e-n-23 a { background-position: -220px -200px; }
.markItUp .e-n-24 a { background-position: -240px -200px; }
.markItUp .e-n-25 a { background-position: -260px -200px; }
.markItUp .e-n-26 a { background-position: -280px -200px; }
.markItUp .e-n-27 a { background-position: -300px -200px; }
.markItUp .e-n-28 a { background-position: -320px -200px; }
.markItUp .e-n-29 a { background-position: -340px -200px; }
.markItUp .e-n-30 a { background-position: -360px -200px; }
.markItUp .e-n-31 a { background-position: -380px -200px; }
.markItUp .e-n-32 a { background-position: 0 -220px; }
.markItUp .e-n-33 a { background-position: -20px -220px; }
.markItUp .e-n-34 a { background-position: -40px -220px; }
.markItUp .e-n-35 a { background-position: -60px -220px; }
.markItUp .e-n-36 a { background-position: -80px -220px; }
.markItUp .e-n-37 a { background-position: -100px -220px; }
.markItUp .e-n-38 a { background-position: -120px -220px; }
.markItUp .e-n-39 a { background-position: -140px -220px; }
.markItUp .e-n-40 a { background-position: -160px -220px; }
.markItUp .e-n-41 a { background-position: -180px -220px; }
.markItUp .e-n-42 a { background-position: -200px -220px; }
.markItUp .e-n-43 a { background-position: -220px -220px; }
.markItUp .e-n-44 a { background-position: -240px -220px; }
.markItUp .e-n-45 a { background-position: -260px -220px; }
.markItUp .e-n-46 a { background-position: -280px -220px; }
.markItUp .e-n-47 a { background-position: -300px -220px; }
.markItUp .e-n-48 a { background-position: -320px -220px; }
.markItUp .e-n-49 a { background-position: -340px -220px; }
.markItUp .e-n-50 a { background-position: -360px -220px; }
.markItUp .e-n-51 a { background-position: -380px -220px; }
.markItUp .e-n-52 a { background-position: 0 -240px; }
.markItUp .e-n-53 a { background-position: -20px -240px; }
.markItUp .e-n-54 a { background-position: -40px -240px; }
.markItUp .e-n-55 a { background-position: -60px -240px; }
.markItUp .e-n-56 a { background-position: -80px -240px; }
.markItUp .e-n-57 a { background-position: -100px -240px; }
.markItUp .e-n-58 a { background-position: -120px -240px; }
.markItUp .e-n-59 a { background-position: -140px -240px; }
.markItUp .e-n-60 a { background-position: -160px -240px; }
.markItUp .e-n-61 a { background-position: -180px -240px; }
.markItUp .e-n-62 a { background-position: -200px -240px; }
.markItUp .e-n-63 a { background-position: -220px -240px; }
.markItUp .e-n-64 a { background-position: -240px -240px; }
.markItUp .e-n-65 a { background-position: -260px -240px; }
.markItUp .e-n-66 a { background-position: -280px -240px; }
.markItUp .e-n-67 a { background-position: -300px -240px; }
.markItUp .e-n-68 a { background-position: -320px -240px; }
.markItUp .e-n-69 a { background-position: -340px -240px; }
.markItUp .e-n-70 a { background-position: -360px -240px; }
.markItUp .e-n-71 a { background-position: -380px -240px; }
.markItUp .e-n-72 a { background-position: 0 -260px; }
.markItUp .e-n-73 a { background-position: -20px -260px; }
.markItUp .e-n-74 a { background-position: -40px -260px; }
.markItUp .e-n-75 a { background-position: -60px -260px; }
.markItUp .e-n-76 a { background-position: -80px -260px; }
.markItUp .e-n-77 a { background-position: -100px -260px; }
.markItUp .e-n-78 a { background-position: -120px -260px; }
.markItUp .e-n-79 a { background-position: -140px -260px; }
.markItUp .e-n-80 a { background-position: -160px -260px; }
.markItUp .e-n-81 a { background-position: -180px -260px; }
.markItUp .e-n-82 a { background-position: -200px -260px; }
.markItUp .e-n-83 a { background-position: -220px -260px; }
.markItUp .e-n-84 a { background-position: -240px -260px; }
.markItUp .e-n-85 a { background-position: -260px -260px; }
.markItUp .e-n-86 a { background-position: -280px -260px; }
.markItUp .e-n-87 a { background-position: -300px -260px; }
.markItUp .e-n-88 a { background-position: -320px -260px; }
.markItUp .e-n-89 a { background-position: -340px -260px; }
.markItUp .e-n-90 a { background-position: -360px -260px; }
.markItUp .e-n-91 a { background-position: -380px -260px; }
.markItUp .e-n-92 a { background-position: 0 -280px; }
.markItUp .e-n-93 a { background-position: -20px -280px; }
.markItUp .e-n-94 a { background-position: -40px -280px; }
.markItUp .e-n-95 a { background-position: -60px -280px; }
.markItUp .e-n-96 a { background-position: -80px -280px; }
.markItUp .e-n-97 a { background-position: -100px -280px; }
.markItUp .e-n-98 a { background-position: -120px -280px; }
.markItUp .e-n-99 a { background-position: -140px -280px; }
.markItUp .e-n-100 a { background-position: -160px -280px; }
.markItUp .e-n-101 a { background-position: -180px -280px; }
.markItUp .e-n-102 a { background-position: -200px -280px; }
.markItUp .e-n-103 a { background-position: -220px -280px; }
.markItUp .e-n-104 a { background-position: -240px -280px; }
.markItUp .e-n-105 a { background-position: -260px -280px; }
.markItUp .e-n-106 a { background-position: -280px -280px; }
.markItUp .e-n-107 a { background-position: -300px -280px; }
.markItUp .e-n-108 a { background-position: -320px -280px; }
.markItUp .e-n-109 a { background-position: -340px -280px; }
.markItUp .e-n-110 a { background-position: -360px -280px; }
.markItUp .e-n-111 a { background-position: -380px -280px; }
.markItUp .e-n-112 a { background-position: 0 -300px; }
.markItUp .e-n-113 a { background-position: -20px -300px; }
.markItUp .e-n-114 a { background-position: -40px -300px; }
.markItUp .e-n-115 a { background-position: -60px -300px; }
.markItUp .e-n-116 a { background-position: -80px -300px; }


/* Objects */
.markItUp .e-o-1 a { background-position: -100px -300px; }
.markItUp .e-o-2 a { background-position: -120px -300px; }
.markItUp .e-o-3 a { background-position: -140px -300px; }
.markItUp .e-o-4 a { background-position: -160px -300px; }
.markItUp .e-o-5 a { background-position: -180px -300px; }
.markItUp .e-o-6 a { background-position: -200px -300px; }
.markItUp .e-o-7 a { background-position: -220px -300px; }
.markItUp .e-o-8 a { background-position: -240px -300px; }
.markItUp .e-o-9 a { background-position: -260px -300px; }
.markItUp .e-o-10 a { background-position: -280px -300px; }
.markItUp .e-o-11 a { background-position: -300px -300px; }
.markItUp .e-o-12 a { background-position: -320px -300px; }
.markItUp .e-o-13 a { background-position: -340px -300px; }
.markItUp .e-o-14 a { background-position: -360px -300px; }
.markItUp .e-o-15 a { background-position: -380px -300px; }
.markItUp .e-o-16 a { background-position: 0 -320px; }
.markItUp .e-o-17 a { background-position: -20px -320px; }
.markItUp .e-o-18 a { background-position: -40px -320px; }
.markItUp .e-o-19 a { background-position: -60px -320px; }
.markItUp .e-o-20 a { background-position: -80px -320px; }
.markItUp .e-o-21 a { background-position: -100px -320px; }
.markItUp .e-o-22 a { background-position: -120px -320px; }
.markItUp .e-o-23 a { background-position: -140px -320px; }
.markItUp .e-o-24 a { background-position: -160px -320px; }
.markItUp .e-o-25 a { background-position: -180px -320px; }
.markItUp .e-o-26 a { background-position: -200px -320px; }
.markItUp .e-o-27 a { background-position: -220px -320px; }
.markItUp .e-o-28 a { background-position: -240px -320px; }
.markItUp .e-o-29 a { background-position: -260px -320px; }
.markItUp .e-o-30 a { background-position: -280px -320px; }
.markItUp .e-o-31 a { background-position: -300px -320px; }
.markItUp .e-o-32 a { background-position: -320px -320px; }
.markItUp .e-o-33 a { background-position: -340px -320px; }
.markItUp .e-o-34 a { background-position: -360px -320px; }
.markItUp .e-o-35 a { background-position: -380px -320px; }
.markItUp .e-o-36 a { background-position: 0 -340px; }
.markItUp .e-o-37 a { background-position: -20px -340px; }
.markItUp .e-o-38 a { background-position: -40px -340px; }
.markItUp .e-o-39 a { background-position: -60px -340px; }
.markItUp .e-o-40 a { background-position: -80px -340px; }
.markItUp .e-o-41 a { background-position: -100px -340px; }
.markItUp .e-o-42 a { background-position: -120px -340px; }
.markItUp .e-o-43 a { background-position: -140px -340px; }
.markItUp .e-o-44 a { background-position: -160px -340px; }
.markItUp .e-o-45 a { background-position: -180px -340px; }
.markItUp .e-o-46 a { background-position: -200px -340px; }
.markItUp .e-o-47 a { background-position: -220px -340px; }
.markItUp .e-o-48 a { background-position: -240px -340px; }
.markItUp .e-o-49 a { background-position: -260px -340px; }
.markItUp .e-o-50 a { background-position: -280px -340px; }
.markItUp .e-o-51 a { background-position: -300px -340px; }
.markItUp .e-o-52 a { background-position: -320px -340px; }
.markItUp .e-o-53 a { background-position: -340px -340px; }
.markItUp .e-o-54 a { background-position: -360px -340px; }
.markItUp .e-o-55 a { background-position: -380px -340px; }
.markItUp .e-o-56 a { background-position: 0 -360px; }
.markItUp .e-o-57 a { background-position: -20px -360px; }
.markItUp .e-o-58 a { background-position: -40px -360px; }
.markItUp .e-o-59 a { background-position: -60px -360px; }
.markItUp .e-o-60 a { background-position: -80px -360px; }
.markItUp .e-o-61 a { background-position: -100px -360px; }
.markItUp .e-o-62 a { background-position: -120px -360px; }
.markItUp .e-o-63 a { background-position: -140px -360px; }
.markItUp .e-o-64 a { background-position: -160px -360px; }
.markItUp .e-o-65 a { background-position: -180px -360px; }
.markItUp .e-o-66 a { background-position: -200px -360px; }
.markItUp .e-o-67 a { background-position: -220px -360px; }
.markItUp .e-o-68 a { background-position: -240px -360px; }
.markItUp .e-o-69 a { background-position: -260px -360px; }
.markItUp .e-o-70 a { background-position: -280px -360px; }
.markItUp .e-o-71 a { background-position: -300px -360px; }
.markItUp .e-o-72 a { background-position: -320px -360px; }
.markItUp .e-o-73 a { background-position: -340px -360px; }
.markItUp .e-o-74 a { background-position: -360px -360px; }
.markItUp .e-o-75 a { background-position: -380px -360px; }
.markItUp .e-o-76 a { background-position: 0 -380px; }
.markItUp .e-o-77 a { background-position: -20px -380px; }
.markItUp .e-o-78 a { background-position: -40px -380px; }
.markItUp .e-o-79 a { background-position: -60px -380px; }
.markItUp .e-o-80 a { background-position: -80px -380px; }
.markItUp .e-o-81 a { background-position: -100px -380px; }
.markItUp .e-o-82 a { background-position: -120px -380px; }
.markItUp .e-o-83 a { background-position: -140px -380px; }
.markItUp .e-o-84 a { background-position: -160px -380px; }
.markItUp .e-o-85 a { background-position: -180px -380px; }
.markItUp .e-o-86 a { background-position: -200px -380px; }
.markItUp .e-o-87 a { background-position: -220px -380px; }
.markItUp .e-o-88 a { background-position: -240px -380px; }
.markItUp .e-o-89 a { background-position: -260px -380px; }
.markItUp .e-o-90 a { background-position: -280px -380px; }
.markItUp .e-o-91 a { background-position: -300px -380px; }
.markItUp .e-o-92 a { background-position: -320px -380px; }
.markItUp .e-o-93 a { background-position: -340px -380px; }
.markItUp .e-o-94 a { background-position: -360px -380px; }
.markItUp .e-o-95 a { background-position: -380px -380px; }
.markItUp .e-o-96 a { background-position: 0 -400px; }
.markItUp .e-o-97 a { background-position: -20px -400px; }
.markItUp .e-o-98 a { background-position: -40px -400px; }
.markItUp .e-o-99 a { background-position: -60px -400px; }
.markItUp .e-o-100 a { background-position: -80px -400px; }
.markItUp .e-o-101 a { background-position: -100px -400px; }
.markItUp .e-o-102 a { background-position: -120px -400px; }
.markItUp .e-o-103 a { background-position: -140px -400px; }
.markItUp .e-o-104 a { background-position: -160px -400px; }
.markItUp .e-o-105 a { background-position: -180px -400px; }
.markItUp .e-o-106 a { background-position: -200px -400px; }
.markItUp .e-o-107 a { background-position: -220px -400px; }
.markItUp .e-o-108 a { background-position: -240px -400px; }
.markItUp .e-o-109 a { background-position: -260px -400px; }
.markItUp .e-o-110 a { background-position: -280px -400px; }
.markItUp .e-o-111 a { background-position: -300px -400px; }
.markItUp .e-o-112 a { background-position: -320px -400px; }
.markItUp .e-o-113 a { background-position: -340px -400px; }
.markItUp .e-o-114 a { background-position: -360px -400px; }
.markItUp .e-o-115 a { background-position: -380px -400px; }
.markItUp .e-o-116 a { background-position: 0 -420px; }
.markItUp .e-o-117 a { background-position: -20px -420px; }
.markItUp .e-o-118 a { background-position: -40px -420px; }
.markItUp .e-o-119 a { background-position: -60px -420px; }
.markItUp .e-o-120 a { background-position: -80px -420px; }
.markItUp .e-o-121 a { background-position: -100px -420px; }
.markItUp .e-o-122 a { background-position: -120px -420px; }
.markItUp .e-o-123 a { background-position: -140px -420px; }
.markItUp .e-o-124 a { background-position: -160px -420px; }
.markItUp .e-o-125 a { background-position: -180px -420px; }
.markItUp .e-o-126 a { background-position: -200px -420px; }
.markItUp .e-o-127 a { background-position: -220px -420px; }
.markItUp .e-o-128 a { background-position: -240px -420px; }
.markItUp .e-o-129 a { background-position: -260px -420px; }
.markItUp .e-o-130 a { background-position: -280px -420px; }
.markItUp .e-o-131 a { background-position: -300px -420px; }
.markItUp .e-o-132 a { background-position: -320px -420px; }
.markItUp .e-o-133 a { background-position: -340px -420px; }
.markItUp .e-o-134 a { background-position: -360px -420px; }
.markItUp .e-o-135 a { background-position: -380px -420px; }
.markItUp .e-o-136 a { background-position: 0 -440px; }
.markItUp .e-o-137 a { background-position: -20px -440px; }
.markItUp .e-o-138 a { background-position: -40px -440px; }
.markItUp .e-o-139 a { background-position: -60px -440px; }
.markItUp .e-o-140 a { background-position: -80px -440px; }
.markItUp .e-o-141 a { background-position: -100px -440px; }
.markItUp .e-o-142 a { background-position: -120px -440px; }
.markItUp .e-o-143 a { background-position: -140px -440px; }
.markItUp .e-o-144 a { background-position: -160px -440px; }
.markItUp .e-o-145 a { background-position: -180px -440px; }
.markItUp .e-o-146 a { background-position: -200px -440px; }
.markItUp .e-o-147 a { background-position: -220px -440px; }
.markItUp .e-o-148 a { background-position: -240px -440px; }
.markItUp .e-o-149 a { background-position: -260px -440px; }
.markItUp .e-o-150 a { background-position: -280px -440px; }
.markItUp .e-o-151 a { background-position: -300px -440px; }
.markItUp .e-o-152 a { background-position: -320px -440px; }
.markItUp .e-o-153 a { background-position: -340px -440px; }
.markItUp .e-o-154 a { background-position: -360px -440px; }
.markItUp .e-o-155 a { background-position: -380px -440px; }
.markItUp .e-o-156 a { background-position: 0 -460px; }
.markItUp .e-o-157 a { background-position: -20px -460px; }
.markItUp .e-o-158 a { background-position: -40px -460px; }
.markItUp .e-o-159 a { background-position: -60px -460px; }
.markItUp .e-o-160 a { background-position: -80px -460px; }
.markItUp .e-o-161 a { background-position: -100px -460px; }
.markItUp .e-o-162 a { background-position: -120px -460px; }
.markItUp .e-o-163 a { background-position: -140px -460px; }
.markItUp .e-o-164 a { background-position: -160px -460px; }
.markItUp .e-o-165 a { background-position: -180px -460px; }
.markItUp .e-o-166 a { background-position: -200px -460px; }
.markItUp .e-o-167 a { background-position: -220px -460px; }
.markItUp .e-o-168 a { background-position: -240px -460px; }
.markItUp .e-o-169 a { background-position: -260px -460px; }
.markItUp .e-o-170 a { background-position: -280px -460px; }
.markItUp .e-o-171 a { background-position: -300px -460px; }
.markItUp .e-o-172 a { background-position: -320px -460px; }
.markItUp .e-o-173 a { background-position: -340px -460px; }
.markItUp .e-o-174 a { background-position: -360px -460px; }
.markItUp .e-o-175 a { background-position: -380px -460px; }
.markItUp .e-o-176 a { background-position: 0 -480px; }
.markItUp .e-o-177 a { background-position: -20px -480px; }
.markItUp .e-o-178 a { background-position: -40px -480px; }
.markItUp .e-o-179 a { background-position: -60px -480px; }
.markItUp .e-o-180 a { background-position: -80px -480px; }
.markItUp .e-o-181 a { background-position: -100px -480px; }
.markItUp .e-o-182 a { background-position: -120px -480px; }
.markItUp .e-o-183 a { background-position: -140px -480px; }
.markItUp .e-o-184 a { background-position: -160px -480px; }
.markItUp .e-o-185 a { background-position: -180px -480px; }
.markItUp .e-o-186 a { background-position: -200px -480px; }
.markItUp .e-o-187 a { background-position: -220px -480px; }
.markItUp .e-o-188 a { background-position: -240px -480px; }
.markItUp .e-o-189 a { background-position: -260px -480px; }
.markItUp .e-o-190 a { background-position: -280px -480px; }
.markItUp .e-o-191 a { background-position: -300px -480px; }
.markItUp .e-o-192 a { background-position: -320px -480px; }
.markItUp .e-o-193 a { background-position: -340px -480px; }
.markItUp .e-o-194 a { background-position: -360px -480px; }
.markItUp .e-o-195 a { background-position: -380px -480px; }
.markItUp .e-o-196 a { background-position: 0 -500px; }
.markItUp .e-o-197 a { background-position: -20px -500px; }
.markItUp .e-o-198 a { background-position: -40px -500px; }
.markItUp .e-o-199 a { background-position: -60px -500px; }
.markItUp .e-o-200 a { background-position: -80px -500px; }
.markItUp .e-o-201 a { background-position: -100px -500px; }
.markItUp .e-o-202 a { background-position: -120px -500px; }
.markItUp .e-o-203 a { background-position: -140px -500px; }
.markItUp .e-o-204 a { background-position: -160px -500px; }
.markItUp .e-o-205 a { background-position: -180px -500px; }
.markItUp .e-o-206 a { background-position: -200px -500px; }
.markItUp .e-o-207 a { background-position: -220px -500px; }
.markItUp .e-o-208 a { background-position: -240px -500px; }
.markItUp .e-o-209 a { background-position: -260px -500px; }
.markItUp .e-o-210 a { background-position: -280px -500px; }
.markItUp .e-o-211 a { background-position: -300px -500px; }
.markItUp .e-o-212 a { background-position: -320px -500px; }
.markItUp .e-o-213 a { background-position: -340px -500px; }
.markItUp .e-o-214 a { background-position: -360px -500px; }
.markItUp .e-o-215 a { background-position: -380px -500px; }
.markItUp .e-o-216 a { background-position: 0 -520px; }
.markItUp .e-o-217 a { background-position: -20px -520px; }
.markItUp .e-o-218 a { background-position: -40px -520px; }
.markItUp .e-o-219 a { background-position: -60px -520px; }
.markItUp .e-o-220 a { background-position: -80px -520px; }
.markItUp .e-o-221 a { background-position: -100px -520px; }
.markItUp .e-o-222 a { background-position: -120px -520px; }
.markItUp .e-o-223 a { background-position: -140px -520px; }
.markItUp .e-o-224 a { background-position: -160px -520px; }
.markItUp .e-o-225 a { background-position: -180px -520px; }
.markItUp .e-o-226 a { background-position: -200px -520px; }
.markItUp .e-o-227 a { background-position: -220px -520px; }
.markItUp .e-o-228 a { background-position: -240px -520px; }
.markItUp .e-o-229 a { background-position: -260px -520px; }
.markItUp .e-o-230 a { background-position: -280px -520px; }
.markItUp .e-o-231 a { background-position: -300px -520px; }


/* Places */
.markItUp .e-pl-1 a { background-position: -320px -520px; }
.markItUp .e-pl-2 a { background-position: -340px -520px; }
.markItUp .e-pl-3 a { background-position: -360px -520px; }
.markItUp .e-pl-4 a { background-position: -380px -520px; }
.markItUp .e-pl-5 a { background-position: 0 -540px; }
.markItUp .e-pl-6 a { background-position: -20px -540px; }
.markItUp .e-pl-7 a { background-position: -40px -540px; }
.markItUp .e-pl-8 a { background-position: -60px -540px; }
.markItUp .e-pl-9 a { background-position: -80px -540px; }
.markItUp .e-pl-10 a { background-position: -100px -540px; }
.markItUp .e-pl-11 a { background-position: -120px -540px; }
.markItUp .e-pl-12 a { background-position: -140px -540px; }
.markItUp .e-pl-13 a { background-position: -160px -540px; }
.markItUp .e-pl-14 a { background-position: -180px -540px; }
.markItUp .e-pl-15 a { background-position: -200px -540px; }
.markItUp .e-pl-16 a { background-position: -220px -540px; }
.markItUp .e-pl-17 a { background-position: -240px -540px; }
.markItUp .e-pl-18 a { background-position: -260px -540px; }
.markItUp .e-pl-19 a { background-position: -280px -540px; }
.markItUp .e-pl-20 a { background-position: -300px -540px; }
.markItUp .e-pl-21 a { background-position: -320px -540px; }
.markItUp .e-pl-22 a { background-position: -340px -540px; }
.markItUp .e-pl-23 a { background-position: -360px -540px; }
.markItUp .e-pl-24 a { background-position: -380px -540px; }
.markItUp .e-pl-25 a { background-position: 0 -560px; }
.markItUp .e-pl-26 a { background-position: -20px -560px; }
.markItUp .e-pl-27 a { background-position: -40px -560px; }
.markItUp .e-pl-28 a { background-position: -60px -560px; }
.markItUp .e-pl-29 a { background-position: -80px -560px; }
.markItUp .e-pl-30 a { background-position: -100px -560px; }
.markItUp .e-pl-31 a { background-position: -120px -560px; }
.markItUp .e-pl-32 a { background-position: -140px -560px; }
.markItUp .e-pl-33 a { background-position: -160px -560px; }
.markItUp .e-pl-34 a { background-position: -180px -560px; }
.markItUp .e-pl-35 a { background-position: -200px -560px; }
.markItUp .e-pl-36 a { background-position: -220px -560px; }
.markItUp .e-pl-37 a { background-position: -240px -560px; }
.markItUp .e-pl-38 a { background-position: -260px -560px; }
.markItUp .e-pl-39 a { background-position: -280px -560px; }
.markItUp .e-pl-40 a { background-position: -300px -560px; }
.markItUp .e-pl-41 a { background-position: -320px -560px; }
.markItUp .e-pl-42 a { background-position: -340px -560px; }
.markItUp .e-pl-43 a { background-position: -360px -560px; }
.markItUp .e-pl-44 a { background-position: -380px -560px; }
.markItUp .e-pl-45 a { background-position: 0 -580px; }
.markItUp .e-pl-46 a { background-position: -20px -580px; }
.markItUp .e-pl-47 a { background-position: -40px -580px; }
.markItUp .e-pl-48 a { background-position: -60px -580px; }
.markItUp .e-pl-49 a { background-position: -80px -580px; }
.markItUp .e-pl-50 a { background-position: -100px -580px; }
.markItUp .e-pl-51 a { background-position: -120px -580px; }
.markItUp .e-pl-52 a { background-position: -140px -580px; }
.markItUp .e-pl-53 a { background-position: -160px -580px; }
.markItUp .e-pl-54 a { background-position: -180px -580px; }
.markItUp .e-pl-55 a { background-position: -200px -580px; }
.markItUp .e-pl-56 a { background-position: -220px -580px; }
.markItUp .e-pl-57 a { background-position: -240px -580px; }
.markItUp .e-pl-58 a { background-position: -260px -580px; }
.markItUp .e-pl-59 a { background-position: -280px -580px; }
.markItUp .e-pl-60 a { background-position: -300px -580px; }
.markItUp .e-pl-61 a { background-position: -320px -580px; }
.markItUp .e-pl-62 a { background-position: -340px -580px; }
.markItUp .e-pl-63 a { background-position: -360px -580px; }
.markItUp .e-pl-64 a { background-position: -380px -580px; }
.markItUp .e-pl-65 a { background-position: 0 -600px; }
.markItUp .e-pl-66 a { background-position: -20px -600px; }
.markItUp .e-pl-67 a { background-position: -40px -600px; }
.markItUp .e-pl-68 a { background-position: -60px -600px; }
.markItUp .e-pl-69 a { background-position: -80px -600px; }
.markItUp .e-pl-70 a { background-position: -100px -600px; }
.markItUp .e-pl-71 a { background-position: -120px -600px; }
.markItUp .e-pl-72 a { background-position: -140px -600px; }
.markItUp .e-pl-73 a { background-position: -160px -600px; }
.markItUp .e-pl-74 a { background-position: -180px -600px; }
.markItUp .e-pl-75 a { background-position: -200px -600px; }
.markItUp .e-pl-76 a { background-position: -220px -600px; }
.markItUp .e-pl-77 a { background-position: -240px -600px; }
.markItUp .e-pl-78 a { background-position: -260px -600px; }
.markItUp .e-pl-79 a { background-position: -280px -600px; }
.markItUp .e-pl-80 a { background-position: -300px -600px; }
.markItUp .e-pl-81 a { background-position: -320px -600px; }
.markItUp .e-pl-82 a { background-position: -340px -600px; }
.markItUp .e-pl-83 a { background-position: -360px -600px; }
.markItUp .e-pl-84 a { background-position: -380px -600px; }
.markItUp .e-pl-85 a { background-position: 0 -620px; }
.markItUp .e-pl-86 a { background-position: -20px -620px; }
.markItUp .e-pl-87 a { background-position: -40px -620px; }
.markItUp .e-pl-88 a { background-position: -60px -620px; }
.markItUp .e-pl-89 a { background-position: -80px -620px; }
.markItUp .e-pl-90 a { background-position: -100px -620px; }
.markItUp .e-pl-91 a { background-position: -120px -620px; }
.markItUp .e-pl-92 a { background-position: -140px -620px; }
.markItUp .e-pl-93 a { background-position: -160px -620px; }
.markItUp .e-pl-94 a { background-position: -180px -620px; }
.markItUp .e-pl-95 a { background-position: -200px -620px; }
.markItUp .e-pl-96 a { background-position: -220px -620px; }
.markItUp .e-pl-97 a { background-position: -240px -620px; }
.markItUp .e-pl-98 a { background-position: -260px -620px; }
.markItUp .e-pl-99 a { background-position: -280px -620px; }
.markItUp .e-pl-100 a { background-position: -300px -620px; }
.markItUp .e-pl-101 a { background-position: -320px -620px; }


/* Symbols */
.markItUp .e-s-1 a { background-position: -340px -620px; }
.markItUp .e-s-2 a { background-position: -360px -620px; }
.markItUp .e-s-3 a { background-position: -380px -620px; }
.markItUp .e-s-4 a { background-position: 0 -640px; }
.markItUp .e-s-5 a { background-position: -20px -640px; }
.markItUp .e-s-6 a { background-position: -40px -640px; }
.markItUp .e-s-7 a { background-position: -60px -640px; }
.markItUp .e-s-8 a { background-position: -80px -640px; }
.markItUp .e-s-9 a { background-position: -100px -640px; }
.markItUp .e-s-10 a { background-position: -120px -640px; }
.markItUp .e-s-11 a { background-position: -140px -640px; }
.markItUp .e-s-12 a { background-position: -160px -640px; }
.markItUp .e-s-13 a { background-position: -180px -640px; }
.markItUp .e-s-14 a { background-position: -200px -640px; }
.markItUp .e-s-15 a { background-position: -220px -640px; }
.markItUp .e-s-16 a { background-position: -240px -640px; }
.markItUp .e-s-17 a { background-position: -260px -640px; }
.markItUp .e-s-18 a { background-position: -280px -640px; }
.markItUp .e-s-19 a { background-position: -300px -640px; }
.markItUp .e-s-20 a { background-position: -320px -640px; }
.markItUp .e-s-21 a { background-position: -340px -640px; }
.markItUp .e-s-22 a { background-position: -360px -640px; }
.markItUp .e-s-23 a { background-position: -380px -640px; }
.markItUp .e-s-24 a { background-position: 0 -660px; }
.markItUp .e-s-25 a { background-position: -20px -660px; }
.markItUp .e-s-26 a { background-position: -40px -660px; }
.markItUp .e-s-27 a { background-position: -60px -660px; }
.markItUp .e-s-28 a { background-position: -80px -660px; }
.markItUp .e-s-29 a { background-position: -100px -660px; }
.markItUp .e-s-30 a { background-position: -120px -660px; }
.markItUp .e-s-31 a { background-position: -140px -660px; }
.markItUp .e-s-32 a { background-position: -160px -660px; }
.markItUp .e-s-33 a { background-position: -180px -660px; }
.markItUp .e-s-34 a { background-position: -200px -660px; }
.markItUp .e-s-35 a { background-position: -220px -660px; }
.markItUp .e-s-36 a { background-position: -240px -660px; }
.markItUp .e-s-37 a { background-position: -260px -660px; }
.markItUp .e-s-38 a { background-position: -280px -660px; }
.markItUp .e-s-39 a { background-position: -300px -660px; }
.markItUp .e-s-40 a { background-position: -320px -660px; }
.markItUp .e-s-41 a { background-position: -340px -660px; }
.markItUp .e-s-42 a { background-position: -360px -660px; }
.markItUp .e-s-43 a { background-position: -380px -660px; }
.markItUp .e-s-44 a { background-position: 0 -680px; }
.markItUp .e-s-45 a { background-position: -20px -680px; }
.markItUp .e-s-46 a { background-position: -40px -680px; }
.markItUp .e-s-47 a { background-position: -60px -680px; }
.markItUp .e-s-48 a { background-position: -80px -680px; }
.markItUp .e-s-49 a { background-position: -100px -680px; }
.markItUp .e-s-50 a { background-position: -120px -680px; }
.markItUp .e-s-51 a { background-position: -140px -680px; }
.markItUp .e-s-52 a { background-position: -160px -680px; }
.markItUp .e-s-53 a { background-position: -180px -680px; }
.markItUp .e-s-54 a { background-position: -200px -680px; }
.markItUp .e-s-55 a { background-position: -220px -680px; }
.markItUp .e-s-56 a { background-position: -240px -680px; }
.markItUp .e-s-57 a { background-position: -260px -680px; }
.markItUp .e-s-58 a { background-position: -280px -680px; }
.markItUp .e-s-59 a { background-position: -300px -680px; }
.markItUp .e-s-60 a { background-position: -320px -680px; }
.markItUp .e-s-61 a { background-position: -340px -680px; }
.markItUp .e-s-62 a { background-position: -360px -680px; }
.markItUp .e-s-63 a { background-position: -380px -680px; }
.markItUp .e-s-64 a { background-position: 0 -700px; }
.markItUp .e-s-65 a { background-position: -20px -700px; }
.markItUp .e-s-66 a { background-position: -40px -700px; }
.markItUp .e-s-67 a { background-position: -60px -700px; }
.markItUp .e-s-68 a { background-position: -80px -700px; }
.markItUp .e-s-69 a { background-position: -100px -700px; }
.markItUp .e-s-70 a { background-position: -120px -700px; }
.markItUp .e-s-71 a { background-position: -140px -700px; }
.markItUp .e-s-72 a { background-position: -160px -700px; }
.markItUp .e-s-73 a { background-position: -180px -700px; }
.markItUp .e-s-74 a { background-position: -200px -700px; }
.markItUp .e-s-75 a { background-position: -220px -700px; }
.markItUp .e-s-76 a { background-position: -240px -700px; }
.markItUp .e-s-77 a { background-position: -260px -700px; }
.markItUp .e-s-78 a { background-position: -280px -700px; }
.markItUp .e-s-79 a { background-position: -300px -700px; }
.markItUp .e-s-80 a { background-position: -320px -700px; }
.markItUp .e-s-81 a { background-position: -340px -700px; }
.markItUp .e-s-82 a { background-position: -360px -700px; }
.markItUp .e-s-83 a { background-position: -380px -700px; }
.markItUp .e-s-84 a { background-position: 0 -720px; }
.markItUp .e-s-85 a { background-position: -20px -720px; }
.markItUp .e-s-86 a { background-position: -40px -720px; }
.markItUp .e-s-87 a { background-position: -60px -720px; }
.markItUp .e-s-88 a { background-position: -80px -720px; }
.markItUp .e-s-89 a { background-position: -100px -720px; }
.markItUp .e-s-90 a { background-position: -120px -720px; }
.markItUp .e-s-91 a { background-position: -140px -720px; }
.markItUp .e-s-92 a { background-position: -160px -720px; }
.markItUp .e-s-93 a { background-position: -180px -720px; }
.markItUp .e-s-94 a { background-position: -200px -720px; }
.markItUp .e-s-95 a { background-position: -220px -720px; }
.markItUp .e-s-96 a { background-position: -240px -720px; }
.markItUp .e-s-97 a { background-position: -260px -720px; }
.markItUp .e-s-98 a { background-position: -280px -720px; }
.markItUp .e-s-99 a { background-position: -300px -720px; }
.markItUp .e-s-100 a { background-position: -320px -720px; }
.markItUp .e-s-101 a { background-position: -340px -720px; }
.markItUp .e-s-102 a { background-position: -360px -720px; }
.markItUp .e-s-103 a { background-position: -380px -720px; }
.markItUp .e-s-104 a { background-position: 0 -740px; }
.markItUp .e-s-105 a { background-position: -20px -740px; }
.markItUp .e-s-106 a { background-position: -40px -740px; }
.markItUp .e-s-107 a { background-position: -60px -740px; }
.markItUp .e-s-108 a { background-position: -80px -740px; }
.markItUp .e-s-109 a { background-position: -100px -740px; }
.markItUp .e-s-110 a { background-position: -120px -740px; }
.markItUp .e-s-111 a { background-position: -140px -740px; }
.markItUp .e-s-112 a { background-position: -160px -740px; }
.markItUp .e-s-113 a { background-position: -180px -740px; }
.markItUp .e-s-114 a { background-position: -200px -740px; }
.markItUp .e-s-115 a { background-position: -220px -740px; }
.markItUp .e-s-116 a { background-position: -240px -740px; }
.markItUp .e-s-117 a { background-position: -260px -740px; }
.markItUp .e-s-118 a { background-position: -280px -740px; }
.markItUp .e-s-119 a { background-position: -300px -740px; }
.markItUp .e-s-120 a { background-position: -320px -740px; }
.markItUp .e-s-121 a { background-position: -340px -740px; }
.markItUp .e-s-122 a { background-position: -360px -740px; }
.markItUp .e-s-123 a { background-position: -380px -740px; }
.markItUp .e-s-124 a { background-position: 0 -760px; }
.markItUp .e-s-125 a { background-position: -20px -760px; }
.markItUp .e-s-126 a { background-position: -40px -760px; }
.markItUp .e-s-127 a { background-position: -60px -760px; }
.markItUp .e-s-128 a { background-position: -80px -760px; }
.markItUp .e-s-129 a { background-position: -100px -760px; }
.markItUp .e-s-130 a { background-position: -120px -760px; }
.markItUp .e-s-131 a { background-position: -140px -760px; }
.markItUp .e-s-132 a { background-position: -160px -760px; }
.markItUp .e-s-133 a { background-position: -180px -760px; }
.markItUp .e-s-134 a { background-position: -200px -760px; }
.markItUp .e-s-135 a { background-position: -220px -760px; }
.markItUp .e-s-136 a { background-position: -240px -760px; }
.markItUp .e-s-137 a { background-position: -260px -760px; }
.markItUp .e-s-138 a { background-position: -280px -760px; }
.markItUp .e-s-139 a { background-position: -300px -760px; }
.markItUp .e-s-140 a { background-position: -320px -760px; }
.markItUp .e-s-141 a { background-position: -340px -760px; }
.markItUp .e-s-142 a { background-position: -360px -760px; }
.markItUp .e-s-143 a { background-position: -380px -760px; }
.markItUp .e-s-144 a { background-position: 0 -780px; }
.markItUp .e-s-145 a { background-position: -20px -780px; }
.markItUp .e-s-146 a { background-position: -40px -780px; }
.markItUp .e-s-147 a { background-position: -60px -780px; }
.markItUp .e-s-148 a { background-position: -80px -780px; }
.markItUp .e-s-149 a { background-position: -100px -780px; }
.markItUp .e-s-150 a { background-position: -120px -780px; }
.markItUp .e-s-151 a { background-position: -140px -780px; }
.markItUp .e-s-152 a { background-position: -160px -780px; }
.markItUp .e-s-153 a { background-position: -180px -780px; }
.markItUp .e-s-154 a { background-position: -200px -780px; }
.markItUp .e-s-155 a { background-position: -220px -780px; }
.markItUp .e-s-156 a { background-position: -240px -780px; }
.markItUp .e-s-157 a { background-position: -260px -780px; }
.markItUp .e-s-158 a { background-position: -280px -780px; }
.markItUp .e-s-159 a { background-position: -300px -780px; }
.markItUp .e-s-160 a { background-position: -320px -780px; }
.markItUp .e-s-161 a { background-position: -340px -780px; }
.markItUp .e-s-162 a { background-position: -360px -780px; }
.markItUp .e-s-163 a { background-position: -380px -780px; }
.markItUp .e-s-164 a { background-position: 0 -800px; }
.markItUp .e-s-165 a { background-position: -20px -800px; }
.markItUp .e-s-166 a { background-position: -40px -800px; }
.markItUp .e-s-167 a { background-position: -60px -800px; }
.markItUp .e-s-168 a { background-position: -80px -800px; }
.markItUp .e-s-169 a { background-position: -100px -800px; }
.markItUp .e-s-170 a { background-position: -120px -800px; }
.markItUp .e-s-171 a { background-position: -140px -800px; }
.markItUp .e-s-172 a { background-position: -160px -800px; }
.markItUp .e-s-173 a { background-position: -180px -800px; }
.markItUp .e-s-174 a { background-position: -200px -800px; }
.markItUp .e-s-175 a { background-position: -220px -800px; }
.markItUp .e-s-176 a { background-position: -240px -800px; }
.markItUp .e-s-177 a { background-position: -260px -800px; }
.markItUp .e-s-178 a { background-position: -280px -800px; }
.markItUp .e-s-179 a { background-position: -300px -800px; }
.markItUp .e-s-180 a { background-position: -320px -800px; }
.markItUp .e-s-181 a { background-position: -340px -800px; }
.markItUp .e-s-182 a { background-position: -360px -800px; }
.markItUp .e-s-183 a { background-position: -380px -800px; }
.markItUp .e-s-184 a { background-position: 0 -820px; }
.markItUp .e-s-185 a { background-position: -20px -820px; }
.markItUp .e-s-186 a { background-position: -40px -820px; }
.markItUp .e-s-187 a { background-position: -60px -820px; }
.markItUp .e-s-188 a { background-position: -80px -820px; }
.markItUp .e-s-189 a { background-position: -100px -820px; }
.markItUp .e-s-190 a { background-position: -120px -820px; }
.markItUp .e-s-191 a { background-position: -140px -820px; }
.markItUp .e-s-192 a { background-position: -160px -820px; }
.markItUp .e-s-193 a { background-position: -180px -820px; }
.markItUp .e-s-194 a { background-position: -200px -820px; }
.markItUp .e-s-195 a { background-position: -220px -820px; }
.markItUp .e-s-196 a { background-position: -240px -820px; }
.markItUp .e-s-197 a { background-position: -260px -820px; }
.markItUp .e-s-198 a { background-position: -280px -820px; }
.markItUp .e-s-199 a { background-position: -300px -820px; }
.markItUp .e-s-200 a { background-position: -320px -820px; }
.markItUp .e-s-201 a { background-position: -340px -820px; }
.markItUp .e-s-202 a { background-position: -360px -820px; }
.markItUp .e-s-203 a { background-position: -380px -820px; }
.markItUp .e-s-204 a { background-position: 0 -840px; }
.markItUp .e-s-205 a { background-position: -20px -840px; }
.markItUp .e-s-206 a { background-position: -40px -840px; }
.markItUp .e-s-207 a { background-position: -60px -840px; }
.markItUp .e-s-208 a { background-position: -80px -840px; }
.markItUp .e-s-209 a { background-position: -100px -840px; }
.markItUp .e-s-210 a { background-position: -120px -840px; }
.markItUp .e-s-211 a { background-position: -140px -840px; }
.markItUp .e-s-212 a { background-position: -160px -840px; }
.markItUp .e-s-213 a { background-position: -180px -840px; }
.markItUp .e-s-214 a { background-position: -200px -840px; }
.markItUp .e-s-215 a { background-position: -220px -840px; }
.markItUp .e-s-216 a { background-position: -240px -840px; }
.markItUp .e-s-217 a { background-position: -260px -840px; }
.markItUp .e-s-218 a { background-position: -280px -840px; }
.markItUp .e-s-219 a { background-position: -300px -840px; }
.markItUp .e-s-220 a { background-position: -320px -840px; }
.markItUp .e-s-221 a { background-position: -340px -840px; }
.markItUp .e-s-222 a { background-position: -360px -840px; }
.markItUp .e-s-223 a { background-position: -380px -840px; }
.markItUp .e-s-224 a { background-position: 0 -860px; }
.markItUp .e-s-225 a { background-position: -20px -860px; }
.markItUp .e-s-226 a { background-position: -40px -860px; }
.markItUp .e-s-227 a { background-position: -60px -860px; }
.markItUp .e-s-228 a { background-position: -80px -860px; }
.markItUp .e-s-229 a { background-position: -100px -860px; }
.markItUp .e-s-230 a { background-position: -120px -860px; }
.markItUp .e-s-231 a { background-position: -140px -860px; }
.markItUp .e-s-232 a { background-position: -160px -860px; }
.markItUp .e-s-233 a { background-position: -180px -860px; }
.markItUp .e-s-234 a { background-position: -200px -860px; }
.markItUp .e-s-235 a { background-position: -220px -860px; }
.markItUp .e-s-236 a { background-position: -240px -860px; }
.markItUp .e-s-237 a { background-position: -260px -860px; }
.markItUp .e-s-238 a { background-position: -280px -860px; }
.markItUp .e-s-239 a { background-position: -300px -860px; }
.markItUp .e-s-240 a { background-position: -320px -860px; }
.markItUp .e-s-241 a { background-position: -340px -860px; }
.markItUp .e-s-242 a { background-position: -360px -860px; }
.markItUp .e-s-243 a { background-position: -380px -860px; }
.markItUp .e-s-244 a { background-position: 0 -880px; }
.markItUp .e-s-245 a { background-position: -20px -880px; }
.markItUp .e-s-246 a { background-position: -40px -880px; }
.markItUp .e-s-247 a { background-position: -60px -880px; }
.markItUp .e-s-248 a { background-position: -80px -880px; }
.markItUp .e-s-249 a { background-position: -100px -880px; }
.markItUp .e-s-250 a { background-position: -120px -880px; }
.markItUp .e-s-251 a { background-position: -140px -880px; }
.markItUp .e-s-252 a { background-position: -160px -880px; }
.markItUp .e-s-253 a { background-position: -180px -880px; }
.markItUp .e-s-254 a { background-position: -200px -880px; }
.markItUp .e-s-255 a { background-position: -220px -880px; }
.markItUp .e-s-256 a { background-position: -240px -880px; }
.markItUp .e-s-257 a { background-position: -260px -880px; }
.markItUp .e-s-258 a { background-position: -280px -880px; }
.markItUp .e-s-259 a { background-position: -300px -880px; }
.markItUp .e-s-260 a { background-position: -320px -880px; }
.markItUp .e-s-261 a { background-position: -340px -880px; }
.markItUp .e-s-262 a { background-position: -360px -880px; }
.markItUp .e-s-263 a { background-position: -380px -880px; }
.markItUp .e-s-264 a { background-position: 0 -900px; }
.markItUp .e-s-265 a { background-position: -20px -900px; }
.markItUp .e-s-266 a { background-position: -40px -900px; }
.markItUp .e-s-267 a { background-position: -60px -900px; }
.markItUp .e-s-268 a { background-position: -80px -900px; }
.markItUp .e-s-269 a { background-position: -100px -900px; }
.markItUp .e-s-270 a { background-position: -120px -900px; }
.markItUp .e-s-271 a { background-position: -140px -900px; }
.markItUp .e-s-272 a { background-position: -160px -900px; }
.markItUp .e-s-273 a { background-position: -180px -900px; }
.markItUp .e-s-274 a { background-position: -200px -900px; }
.markItUp .e-s-275 a { background-position: -220px -900px; }
.markItUp .e-s-276 a { background-position: -240px -900px; }
.markItUp .e-s-277 a { background-position: -260px -900px; }
.markItUp .e-s-278 a { background-position: -280px -900px; }
.markItUp .e-s-279 a { background-position: -300px -900px; }
.markItUp .e-s-280 a { background-position: -320px -900px; }
.markItUp .e-s-281 a { background-position: -340px -900px; }
.markItUp .e-s-282 a { background-position: -360px -900px; }
.markItUp .e-s-283 a { background-position: -380px -900px; }
.markItUp .e-s-284 a { background-position: 0 -920px; }
.markItUp .e-s-285 a { background-position: -20px -920px; }
.markItUp .e-s-286 a { background-position: -40px -920px; }
.markItUp .e-s-287 a { background-position: -60px -920px; }
.markItUp .e-s-288 a { background-position: -80px -920px; }
.markItUp .e-s-289 a { background-position: -100px -920px; }
.markItUp .e-s-290 a { background-position: -120px -920px; }
.markItUp .e-s-291 a { background-position: -140px -920px; }
.markItUp .e-s-292 a { background-position: -160px -920px; }
.markItUp .e-s-293 a { background-position: -180px -920px; }
.markItUp .e-s-294 a { background-position: -200px -920px; }
.markItUp .e-s-295 a { background-position: -220px -920px; }
.markItUp .e-s-296 a { background-position: -240px -920px; }
.markItUp .e-s-297 a { background-position: -260px -920px; }
.markItUp .e-s-298 a { background-position: -280px -920px; }
.markItUp .e-s-299 a { background-position: -300px -920px; }
.markItUp .e-s-300 a { background-position: -320px -920px; }
.markItUp .e-s-301 a { background-position: -340px -920px; }
.markItUp .e-s-302 a { background-position: -360px -920px; }
.markItUp .e-s-303 a { background-position: -380px -920px; }
.markItUp .e-s-304 a { background-position: 0 -940px; }
.markItUp .e-s-305 a { background-position: -20px -940px; }
.markItUp .e-s-306 a { background-position: -40px -940px; }
.markItUp .e-s-307 a { background-position: -60px -940px; }
.markItUp .e-s-308 a { background-position: -80px -940px; }
.markItUp .e-s-309 a { background-position: -100px -940px; }
.markItUp .e-s-310 a { background-position: -120px -940px; }
.markItUp .e-s-311 a { background-position: -140px -940px; }
.markItUp .e-s-312 a { background-position: -160px -940px; }
.markItUp .e-s-313 a { background-position: -180px -940px; }
.markItUp .e-s-314 a { background-position: -200px -940px; }
.markItUp .e-s-315 a { background-position: -220px -940px; }
.markItUp .e-s-316 a { background-position: -240px -940px; }
.markItUp .e-s-317 a { background-position: -260px -940px; }
.markItUp .e-s-318 a { background-position: -280px -940px; }
.markItUp .e-s-319 a { background-position: -300px -940px; }
.markItUp .e-s-320 a { background-position: -320px -940px; }
.markItUp .e-s-321 a { background-position: -340px -940px; }
.markItUp .e-s-322 a { background-position: -360px -940px; }
.markItUp .e-s-323 a { background-position: -380px -940px; }
.markItUp .e-s-324 a { background-position: 0 -960px; }
.markItUp .e-s-325 a { background-position: -20px -960px; }
.markItUp .e-s-326 a { background-position: -40px -960px; }
.markItUp .e-s-327 a { background-position: -60px -960px; }
.markItUp .e-s-328 a { background-position: -80px -960px; }
.markItUp .e-s-329 a { background-position: -100px -960px; }
.markItUp .e-s-330 a { background-position: -120px -960px; }
.markItUp .e-s-331 a { background-position: -140px -960px; }
.markItUp .e-s-332 a { background-position: -160px -960px; }
.markItUp .e-s-333 a { background-position: -180px -960px; }
.markItUp .e-s-334 a { background-position: -200px -960px; }
.markItUp .e-s-335 a { background-position: -220px -960px; }
.markItUp .e-s-336 a { background-position: -240px -960px; }
.markItUp .e-s-337 a { background-position: -260px -960px; }
.markItUp .e-s-338 a { background-position: -280px -960px; }
.markItUp .e-s-339 a { background-position: -300px -960px; }
.markItUp .e-s-340 a { background-position: -320px -960px; }
.markItUp .e-s-341 a { background-position: -340px -960px; }
.markItUp .e-s-342 a { background-position: -360px -960px; }
.markItUp .e-s-343 a { background-position: -380px -960px; }
.markItUp .e-s-344 a { background-position: 0 -980px; }
.markItUp .e-s-345 a { background-position: -20px -980px; }
.markItUp .e-s-346 a { background-position: -40px -980px; }
.markItUp .e-s-347 a { background-position: -60px -980px; }
.markItUp .e-s-348 a { background-position: -80px -980px; }
.markItUp .e-s-349 a { background-position: -100px -980px; }
.markItUp .e-s-350 a { background-position: -120px -980px; }
.markItUp .e-s-351 a { background-position: -140px -980px; }
.markItUp .e-s-352 a { background-position: -160px -980px; }
.markItUp .e-s-353 a { background-position: -180px -980px; }
.markItUp .e-s-354 a { background-position: -200px -980px; }
.markItUp .e-s-355 a { background-position: -220px -980px; }
.markItUp .e-s-356 a { background-position: -240px -980px; }
.markItUp .e-s-357 a { background-position: -260px -980px; }
.markItUp .e-s-358 a { background-position: -280px -980px; }
.markItUp .e-s-359 a { background-position: -300px -980px; }
.markItUp .e-s-360 a { background-position: -320px -980px; }
.markItUp .e-s-361 a { background-position: -340px -980px; }
.markItUp .e-s-362 a { background-position: -360px -980px; }
.markItUp .e-s-363 a { background-position: -380px -980px; }
.markItUp .e-s-364 a { background-position: 0 -1000px; }
.markItUp .e-s-365 a { background-position: -20px -1000px; }
.markItUp .e-s-366 a { background-position: -40px -1000px; }
.markItUp .e-s-367 a { background-position: -60px -1000px; }
.markItUp .e-s-368 a { background-position: -80px -1000px; }
.markItUp .e-s-369 a { background-position: -100px -1000px; }
.markItUp .e-s-370 a { background-position: -120px -1000px; }
.markItUp .e-s-371 a { background-position: -140px -1000px; }
.markItUp .e-s-372 a { background-position: -160px -1000px; }
.markItUp .e-s-373 a { background-position: -180px -1000px; }
.markItUp .e-s-374 a { background-position: -200px -1000px; }
.markItUp .e-s-375 a { background-position: -220px -1000px; }
.markItUp .e-s-376 a { background-position: -240px -1000px; }
.markItUp .e-s-377 a { background-position: -260px -1000px; }
.markItUp .e-s-378 a { background-position: -280px -1000px; }
.markItUp .e-s-379 a { background-position: -300px -1000px; }
.markItUp .e-s-380 a { background-position: -320px -1000px; }
.markItUp .e-s-381 a { background-position: -340px -1000px; }
.markItUp .e-s-382 a { background-position: -360px -1000px; }
.markItUp .e-s-383 a { background-position: -380px -1000px; }
.markItUp .e-s-384 a { background-position: 0 -1020px; }
.markItUp .e-s-385 a { background-position: -20px -1020px; }
.markItUp .e-s-386 a { background-position: -40px -1020px; }
.markItUp .e-s-387 a { background-position: -60px -1020px; }
.markItUp .e-s-388 a { background-position: -80px -1020px; }
.markItUp .e-s-389 a { background-position: -100px -1020px; }
.markItUp .e-s-390 a { background-position: -120px -1020px; }
.markItUp .e-s-391 a { background-position: -140px -1020px; }
.markItUp .e-s-392 a { background-position: -160px -1020px; }
.markItUp .e-s-393 a { background-position: -180px -1020px; }
.markItUp .e-s-394 a { background-position: -200px -1020px; }
.markItUp .e-s-395 a { background-position: -220px -1020px; }
.markItUp .e-s-396 a { background-position: -240px -1020px; }
.markItUp .e-s-397 a { background-position: -260px -1020px; }
.markItUp .e-s-398 a { background-position: -280px -1020px; }
.markItUp .e-s-399 a { background-position: -300px -1020px; }
.markItUp .e-s-400 a { background-position: -320px -1020px; }
.markItUp .e-s-401 a { background-position: -340px -1020px; }
.markItUp .e-s-402 a { background-position: -360px -1020px; }
.markItUp .e-s-403 a { background-position: -380px -1020px; }
.markItUp .e-s-404 a { background-position: 0 -1040px; }
.markItUp .e-s-405 a { background-position: -20px -1040px; }
.markItUp .e-s-406 a { background-position: -40px -1040px; }
.markItUp .e-s-407 a { background-position: -60px -1040px; }
.markItUp .e-s-408 a { background-position: -80px -1040px; }
.markItUp .e-s-409 a { background-position: -100px -1040px; }
.markItUp .e-s-410 a { background-position: -120px -1040px; }
.markItUp .e-s-411 a { background-position: -140px -1040px; }
.markItUp .e-s-412 a { background-position: -160px -1040px; }
.markItUp .e-s-413 a { background-position: -180px -1040px; }
.markItUp .e-s-414 a { background-position: -200px -1040px; }
.markItUp .e-s-415 a { background-position: -220px -1040px; }
.markItUp .e-s-416 a { background-position: -240px -1040px; }
.markItUp .e-s-417 a { background-position: -260px -1040px; }
.markItUp .e-s-418 a { background-position: -280px -1040px; }
.markItUp .e-s-419 a { background-position: -300px -1040px; }
.markItUp .e-s-420 a { background-position: -320px -1040px; }
.markItUp .e-s-421 a { background-position: -340px -1040px; }
.markItUp .e-s-422 a { background-position: -360px -1040px; }
.markItUp .e-s-423 a { background-position: -380px -1040px; }
.markItUp .e-s-424 a { background-position: 0 -1060px; }.edited_comment
{
    text-align: right;
    font-size: 80%;
}

.editcomment_sponsor_link
{
    margin-top:20px;
    font-size: 80%;
    opacity: 0.35;
}

button#comment-button-cancel
{
    margin-left: 5px;
}

button#comment-button-history
{
    margin-left: 5px;
}

.modal.editcomment-history
{
    width: 740px;
    margin-left: -370px;
}

#editcomment-history-content
{
    padding: 10px;
    max-width: 660px;
    max-height: 350px;
    overflow: auto;
}

.editcomment_history_item
{
    border: 1px solid #777;
    margin-bottom: 10px;
}

.editcomment_history_item header
{
    padding: 5px;
    background-color: #777;
}.openid-block { width: 500px; margin: 0 auto; padding-top: 50px; }
.openid-block.wide { width: 650px; }
.openid-title { font-size: 22px; line-height: 28px; margin-bottom: 10px; }

.openid-services { padding-top: 20px; }
.openid-services p { margin-bottom: 5px; }
.openid-services img.google { position: relative; top: 2px; }

.step-two label { display: block; font: normal 18px Arial, Sans-Serif; }
.step-two a.openid-mail { text-decoration: none; color: #70aae0; border-bottom: 1px dashed #70aae0; }
.step-two p { margin-bottom: 10px; }

.step-three span { color: #afafaf; }

.openid-img { position: relative; top: 4px; margin-right: 3px; }

.openid-block ul { overflow: hidden; zoom: 1; margin-bottom: 15px; }
.openid-block ul li { float: left; margin-right: 5px; }
.openid-block ul li a { display: block; text-decoration: none; color: #69909b; background: url(https://hairmaniac.ru/plugins/autoopenid/templates/skin/hm/img/openid_nav.png) no-repeat; }
.openid-block ul li a span { display: block; padding: 7px 15px 8px 0; margin-left: 15px; background: url(https://hairmaniac.ru/plugins/autoopenid/templates/skin/hm/img/openid_nav.png) no-repeat top right; }
.openid-block ul li.active a { color: #363f42; background: url(https://hairmaniac.ru/plugins/autoopenid/templates/skin/hm/img/openid_nav.png) no-repeat 0 -33px; }
.openid-block ul li.active a span { background: url(https://hairmaniac.ru/plugins/autoopenid/templates/skin/hm/img/openid_nav.png) no-repeat 100% -33px; }

.openid-service-list {
	list-style: none outside none;
	display: table;
}

.openid-service-list li {
	float: left;
	margin-right: 5px;
 }

.openid-service-facebook {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABXklEQVRoge3VQUvCYBzHcd9XBJNuvYMIR5fegocu3YIISryUPhFKh8ioW5QRkaGycrDFTCWKKMfAQkMQV7P57xbEHrVk7nke+A9+twee72eHLTQ1twUiL8Q6AAGsAxAw6QskmcDSehYOTg0oas+gVy3QqxaUDBOuSk9wnKvBKsnxCVhJXEKr3YVRj2qY/AGOzsojw7kFxNKFP8dzB5hdTEHXdsQF/PftcwdQ9Jehsde3ddg5VGFzT/nZcvycH0Cj2RkYH98t+nrXRACfzhc13um5IMmEf4Dr9qmAt1bH9/hAAa9NBCDg16RIEsIy8WwYgHY+LBOYnk8ED9AqFjV0nGcjlRcbEF07ERsQiWbEBswsbIsLeG/bY8dzAbh7aLABJPdvIJu/96xP/4qC/dGjno+lC2wAgybMjwwBCEAAAhCAAAQgAAEIQIDvALVsglaxPLtQHsUABD0EsB4CWO8brIggDPqQd+0AAAAASUVORK5CYII=');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-facebook-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAyUlEQVRIiWOwjpzxn5aYYdBZ4Ju56H/NhF3/22ce+N80bd//3OZN1LNg3toz///8+fsfGTx58ZE6FrRO3/8fG6CaBTfuvUIx+Oa91//PXH7yf/uhm9Sx4NevP3DDN+69Rv1IRgYTFx0dIhZMXnLs/4L1Z/8vWH8WxYJTlx7DxZun7SPfguevP2FNOchgy/7rtLVg1spT5Ftw/Pyj/7cfvPl/+8EbFENfv/sCFy/t2jaII3nUglELhpgFrdP3w3F0yUrqW0AuprkFANeVh/CLwJGxAAAAAElFTkSuQmCC');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-vkontakte {
	 background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMzIuMTU2ODYzJSw1MC41ODgyMzUlLDcyLjE1Njg2MyUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSA3LjE5OTIxOSAwIEwgNDAuODAwNzgxIDAgQyA0NC43NzczNDQgMCA0OCAzLjIyMjY1NiA0OCA3LjE5OTIxOSBMIDQ4IDQwLjgwMDc4MSBDIDQ4IDQ0Ljc3NzM0NCA0NC43NzczNDQgNDggNDAuODAwNzgxIDQ4IEwgNy4xOTkyMTkgNDggQyAzLjIyMjY1NiA0OCAwIDQ0Ljc3NzM0NCAwIDQwLjgwMDc4MSBMIDAgNy4xOTkyMTkgQyAwIDMuMjIyNjU2IDMuMjIyNjU2IDAgNy4xOTkyMTkgMCBaIE0gNy4xOTkyMTkgMCAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigxMDAlLDEwMCUsMTAwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDI1LjY4NzUgMzQuMDMxMjUgQyAyNi4xNTYyNSAzMy45Mzc1IDI3IDMzLjc1IDI3IDMyLjYyNSBDIDI3IDMyLjYyNSAyNi45MDYyNSAyOS44MTI1IDI4LjIxODc1IDI5LjQzNzUgQyAyOS41MzEyNSAyOS4wNjI1IDMxLjIxODc1IDMyLjE1NjI1IDMzIDMzLjM3NSBDIDM0LjMxMjUgMzQuMjE4NzUgMzUuMzQzNzUgMzQuMTI1IDM1LjM0Mzc1IDM0LjEyNSBMIDQwLjEyNSAzNC4wMzEyNSBDIDQwLjEyNSAzNC4wMzEyNSA0Mi41NjI1IDMzLjg0Mzc1IDQxLjQzNzUgMzEuODc1IEMgNDEuMzQzNzUgMzEuNjg3NSA0MC41OTM3NSAzMC40Njg3NSAzNy43ODEyNSAyNy45Mzc1IEMgMzQuODc1IDI1LjEyNSAzNS4zNDM3NSAyNS41OTM3NSAzOC44MTI1IDIwLjgxMjUgQyA0MC45Njg3NSAxNy45MDYyNSA0MS45MDYyNSAxNi4xMjUgNDEuNjI1IDE1LjQ2ODc1IEMgNDEuMjUgMTQuODEyNSAzOS43NSAxNC45MDYyNSAzOS43NSAxNC45MDYyNSBMIDM0LjQwNjI1IDE0LjkwNjI1IEMgMzMuODQzNzUgMTQuOTA2MjUgMzMuNTYyNSAxNSAzMy4yODEyNSAxNS40Njg3NSBDIDMzLjI4MTI1IDE1LjQ2ODc1IDMyLjQzNzUgMTcuODEyNSAzMS4zMTI1IDE5LjY4NzUgQyAyOC45Njg3NSAyMy43MTg3NSAyOC4wMzEyNSAyMy45MDYyNSAyNy41NjI1IDIzLjYyNSBDIDI2LjcxODc1IDIzLjE1NjI1IDI2LjkwNjI1IDIxLjM3NSAyNi45MDYyNSAyMC4xNTYyNSBDIDI2LjkwNjI1IDE1LjkzNzUgMjcuNTYyNSAxNC40Mzc1IDI1LjY4NzUgMTQuMDYyNSBDIDI0LjQ2ODc1IDEzLjg3NSAyMC4xNTYyNSAxMy42ODc1IDE4Ljg0Mzc1IDE0LjM0Mzc1IEMgMTguMTg3NSAxNC43MTg3NSAxNy44MTI1IDE1LjM3NSAxOC4wOTM3NSAxNS40Njg3NSBDIDE4LjM3NSAxNS40Njg3NSAxOS4yMTg3NSAxNS41NjI1IDE5LjY4NzUgMTYuMTI1IEMgMjAuNDM3NSAxNy4zNDM3NSAyMC41MzEyNSAyMy4xNTYyNSAxOS41IDIzLjcxODc1IEMgMTguMDkzNzUgMjQuNzUgMTQuNTMxMjUgMTcuOTA2MjUgMTMuNjg3NSAxNS42NTYyNSBDIDEzLjUgMTUuMDkzNzUgMTMuMjE4NzUgMTUgMTIuNTYyNSAxNC44MTI1IEwgNy40MDYyNSAxNC44MTI1IEMgNi44NDM3NSAxNC44MTI1IDYgMTQuOTA2MjUgNi4zNzUgMTYuMDMxMjUgQyA4LjkwNjI1IDIxLjI4MTI1IDE0LjE1NjI1IDM0LjEyNSAyMy42MjUgMzQuMDMxMjUgWiBNIDI1LjY4NzUgMzQuMDMxMjUgIi8+CjwvZz4KPC9zdmc+Cg==");
	 width: 48px;
	 height: 48px;
	 cursor: pointer;
 }
.openid-service-vkontakte-sm {
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMzIuMTU2ODYzJSw1MC41ODgyMzUlLDcyLjE1Njg2MyUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSA3LjE5OTIxOSAwIEwgNDAuODAwNzgxIDAgQyA0NC43NzczNDQgMCA0OCAzLjIyMjY1NiA0OCA3LjE5OTIxOSBMIDQ4IDQwLjgwMDc4MSBDIDQ4IDQ0Ljc3NzM0NCA0NC43NzczNDQgNDggNDAuODAwNzgxIDQ4IEwgNy4xOTkyMTkgNDggQyAzLjIyMjY1NiA0OCAwIDQ0Ljc3NzM0NCAwIDQwLjgwMDc4MSBMIDAgNy4xOTkyMTkgQyAwIDMuMjIyNjU2IDMuMjIyNjU2IDAgNy4xOTkyMTkgMCBaIE0gNy4xOTkyMTkgMCAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigxMDAlLDEwMCUsMTAwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDI1LjY4NzUgMzQuMDMxMjUgQyAyNi4xNTYyNSAzMy45Mzc1IDI3IDMzLjc1IDI3IDMyLjYyNSBDIDI3IDMyLjYyNSAyNi45MDYyNSAyOS44MTI1IDI4LjIxODc1IDI5LjQzNzUgQyAyOS41MzEyNSAyOS4wNjI1IDMxLjIxODc1IDMyLjE1NjI1IDMzIDMzLjM3NSBDIDM0LjMxMjUgMzQuMjE4NzUgMzUuMzQzNzUgMzQuMTI1IDM1LjM0Mzc1IDM0LjEyNSBMIDQwLjEyNSAzNC4wMzEyNSBDIDQwLjEyNSAzNC4wMzEyNSA0Mi41NjI1IDMzLjg0Mzc1IDQxLjQzNzUgMzEuODc1IEMgNDEuMzQzNzUgMzEuNjg3NSA0MC41OTM3NSAzMC40Njg3NSAzNy43ODEyNSAyNy45Mzc1IEMgMzQuODc1IDI1LjEyNSAzNS4zNDM3NSAyNS41OTM3NSAzOC44MTI1IDIwLjgxMjUgQyA0MC45Njg3NSAxNy45MDYyNSA0MS45MDYyNSAxNi4xMjUgNDEuNjI1IDE1LjQ2ODc1IEMgNDEuMjUgMTQuODEyNSAzOS43NSAxNC45MDYyNSAzOS43NSAxNC45MDYyNSBMIDM0LjQwNjI1IDE0LjkwNjI1IEMgMzMuODQzNzUgMTQuOTA2MjUgMzMuNTYyNSAxNSAzMy4yODEyNSAxNS40Njg3NSBDIDMzLjI4MTI1IDE1LjQ2ODc1IDMyLjQzNzUgMTcuODEyNSAzMS4zMTI1IDE5LjY4NzUgQyAyOC45Njg3NSAyMy43MTg3NSAyOC4wMzEyNSAyMy45MDYyNSAyNy41NjI1IDIzLjYyNSBDIDI2LjcxODc1IDIzLjE1NjI1IDI2LjkwNjI1IDIxLjM3NSAyNi45MDYyNSAyMC4xNTYyNSBDIDI2LjkwNjI1IDE1LjkzNzUgMjcuNTYyNSAxNC40Mzc1IDI1LjY4NzUgMTQuMDYyNSBDIDI0LjQ2ODc1IDEzLjg3NSAyMC4xNTYyNSAxMy42ODc1IDE4Ljg0Mzc1IDE0LjM0Mzc1IEMgMTguMTg3NSAxNC43MTg3NSAxNy44MTI1IDE1LjM3NSAxOC4wOTM3NSAxNS40Njg3NSBDIDE4LjM3NSAxNS40Njg3NSAxOS4yMTg3NSAxNS41NjI1IDE5LjY4NzUgMTYuMTI1IEMgMjAuNDM3NSAxNy4zNDM3NSAyMC41MzEyNSAyMy4xNTYyNSAxOS41IDIzLjcxODc1IEMgMTguMDkzNzUgMjQuNzUgMTQuNTMxMjUgMTcuOTA2MjUgMTMuNjg3NSAxNS42NTYyNSBDIDEzLjUgMTUuMDkzNzUgMTMuMjE4NzUgMTUgMTIuNTYyNSAxNC44MTI1IEwgNy40MDYyNSAxNC44MTI1IEMgNi44NDM3NSAxNC44MTI1IDYgMTQuOTA2MjUgNi4zNzUgMTYuMDMxMjUgQyA4LjkwNjI1IDIxLjI4MTI1IDE0LjE1NjI1IDM0LjEyNSAyMy42MjUgMzQuMDMxMjUgWiBNIDI1LjY4NzUgMzQuMDMxMjUgIi8+CjwvZz4KPC9zdmc+Cg==");
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-twitter {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACIUlEQVRoge3YO2gUURSA4bHRwlR2IWAfFWyEtAFtLCKCrYWFTcTSJqS1NGCtjYoKsixLSNRsjLCrSUASVsKKEMWw6ysviczszs57fqtFxJCZOw/nDs6B092B8zF35tx7FKWkkuvMvIACkHUBBUDwgZGXXe5sWNR2XGa+O4w3DA6XcwKYaJr4/B0rey7HpjW5AReW9H1K/x3T3xy5AfVd90AAwHC1Iy9AtffbPH/G5Tc9eQGmF1g/V1cLQAEoAAUgS8DUusW5ui6UZ+s6J+L0jyQBcaLx0+VUFIgsAIAfls/xp4IImQAAdzfsfAM+drx8A1p6zgFPvuR4C5kenJ7v5hOwY/qcf62LFZ804FHb5vpbQyivNQwuLukcrUS8kiYJyP1RQmqAEXwllhugOcF34htrhryAT93gPTS/lcFoJezCZ5tO8B4CxhYj/Ar/BWDynRkK0HPhykqPQ7IBTlY7oQD9aOse5a82D9vBeb9lM9E0GZqN0AtEFr8KMZ2LE13H59Ky4J9MZPFo7eD5aBJhe3BmQeA8JPrK7rXs1BEVkUGxKGCgotFU0z3ZbZt+egClpDI0q4XqC1FjN22AUlIZnNFY3Uvno54TaYhRAUpJ5UhZ5da6hRt8yggdPjBaE2iGcQD9HK52eNCy6cV8Ia4P4w3B81QSgH4OVDTGFnVuvjd5/Nnm+abDi22HhYCc23K4/cFKd7AlbWZeQAHIuoD/HfALI3fCRwbbJMMAAAAASUVORK5CYII=');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-twitter-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABKklEQVRIie3UP0sDMRgG8NPFD+Dq7CYOHRzFD+BkXUTopou4+HlEByevhRY7SGmhg1haKMXFtUp7h0uH1OsbmjN5nATT+9Mc5tDBB54lw/1I8l4cx2XItb8G7LQClHqEjfq7feDiieMr01BhuxHYBSZzhe+5Ggq7wIf+fVS98B9IB0YkcfMqYns5FNhtpwyBCbAsQgJbjYRxtgEAwPmA5wdIBRSaCcdkArxxhbofxrY8Fth/mP2xKRJSB+58y4BH+hYmc4X12tQecDsSkYt8ZhInfY5ih7QePBI271Ne3LjFvfYs8xSVemQOOC7D9Ut0F2kZk8oGrFUYal5oDPg8I+C4DCsuw9mARy59MQrAaT/Dn7zY1TJDoRngsEM47uo96lLyO2QK/Kh5A5/CS7B+y8mcwgAAAABJRU5ErkJggg==');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-google {
	background: url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OCA0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQzLjYxMSAyMC4wODNoLTEuNjExdi0uMDgzaC0xOHY4aDExLjMwM2MtMS42NDkgNC42NTctNi4wOCA4LTExLjMwMyA4LTYuNjI3IDAtMTItNS4zNzMtMTItMTJzNS4zNzMtMTIgMTItMTJjMy4wNTkgMCA1Ljg0MiAxLjE1NCA3Ljk2MSAzLjAzOWw1LjY1Ny01LjY1N2MtMy41NzItMy4zMjktOC4zNS01LjM4Mi0xMy42MTgtNS4zODItMTEuMDQ1IDAtMjAgOC45NTUtMjAgMjBzOC45NTUgMjAgMjAgMjAgMjAtOC45NTUgMjAtMjBjMC0xLjM0MS0uMTM4LTIuNjUtLjM4OS0zLjkxN3oiIGZpbGw9IiNmZmMxMDciLz48cGF0aCBkPSJtNi4zMDYgMTQuNjkxIDYuNTcxIDQuODE5YzEuNzc4LTQuNDAyIDYuMDg0LTcuNTEgMTEuMTIzLTcuNTEgMy4wNTkgMCA1Ljg0MiAxLjE1NCA3Ljk2MSAzLjAzOWw1LjY1Ny01LjY1N2MtMy41NzItMy4zMjktOC4zNS01LjM4Mi0xMy42MTgtNS4zODItNy42ODIgMC0xNC4zNDQgNC4zMzctMTcuNjk0IDEwLjY5MXoiIGZpbGw9IiNmZjNkMDAiLz48cGF0aCBkPSJtMjQgNDRjNS4xNjYgMCA5Ljg2LTEuOTc3IDEzLjQwOS01LjE5MmwtNi4xOS01LjIzOGMtMi4wMDggMS41MjEtNC41MDQgMi40My03LjIxOSAyLjQzLTUuMjAyIDAtOS42MTktMy4zMTctMTEuMjgzLTcuOTQ2bC02LjUyMiA1LjAyNWMzLjMxIDYuNDc3IDEwLjAzMiAxMC45MjEgMTcuODA1IDEwLjkyMXoiIGZpbGw9IiM0Y2FmNTAiLz48cGF0aCBkPSJtNDMuNjExIDIwLjA4M2gtMS42MTF2LS4wODNoLTE4djhoMTEuMzAzYy0uNzkyIDIuMjM3LTIuMjMxIDQuMTY2LTQuMDg3IDUuNTcxLjAwMS0uMDAxLjAwMi0uMDAxLjAwMy0uMDAybDYuMTkgNS4yMzhjLS40MzguMzk4IDYuNTkxLTQuODA3IDYuNTkxLTE0LjgwNyAwLTEuMzQxLS4xMzgtMi42NS0uMzg5LTMuOTE3eiIgZmlsbD0iIzE5NzZkMiIvPjwvc3ZnPg==');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-google-sm {
	background: url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OCA0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQzLjYxMSAyMC4wODNoLTEuNjExdi0uMDgzaC0xOHY4aDExLjMwM2MtMS42NDkgNC42NTctNi4wOCA4LTExLjMwMyA4LTYuNjI3IDAtMTItNS4zNzMtMTItMTJzNS4zNzMtMTIgMTItMTJjMy4wNTkgMCA1Ljg0MiAxLjE1NCA3Ljk2MSAzLjAzOWw1LjY1Ny01LjY1N2MtMy41NzItMy4zMjktOC4zNS01LjM4Mi0xMy42MTgtNS4zODItMTEuMDQ1IDAtMjAgOC45NTUtMjAgMjBzOC45NTUgMjAgMjAgMjAgMjAtOC45NTUgMjAtMjBjMC0xLjM0MS0uMTM4LTIuNjUtLjM4OS0zLjkxN3oiIGZpbGw9IiNmZmMxMDciLz48cGF0aCBkPSJtNi4zMDYgMTQuNjkxIDYuNTcxIDQuODE5YzEuNzc4LTQuNDAyIDYuMDg0LTcuNTEgMTEuMTIzLTcuNTEgMy4wNTkgMCA1Ljg0MiAxLjE1NCA3Ljk2MSAzLjAzOWw1LjY1Ny01LjY1N2MtMy41NzItMy4zMjktOC4zNS01LjM4Mi0xMy42MTgtNS4zODItNy42ODIgMC0xNC4zNDQgNC4zMzctMTcuNjk0IDEwLjY5MXoiIGZpbGw9IiNmZjNkMDAiLz48cGF0aCBkPSJtMjQgNDRjNS4xNjYgMCA5Ljg2LTEuOTc3IDEzLjQwOS01LjE5MmwtNi4xOS01LjIzOGMtMi4wMDggMS41MjEtNC41MDQgMi40My03LjIxOSAyLjQzLTUuMjAyIDAtOS42MTktMy4zMTctMTEuMjgzLTcuOTQ2bC02LjUyMiA1LjAyNWMzLjMxIDYuNDc3IDEwLjAzMiAxMC45MjEgMTcuODA1IDEwLjkyMXoiIGZpbGw9IiM0Y2FmNTAiLz48cGF0aCBkPSJtNDMuNjExIDIwLjA4M2gtMS42MTF2LS4wODNoLTE4djhoMTEuMzAzYy0uNzkyIDIuMjM3LTIuMjMxIDQuMTY2LTQuMDg3IDUuNTcxLjAwMS0uMDAxLjAwMi0uMDAxLjAwMy0uMDAybDYuMTkgNS4yMzhjLS40MzguMzk4IDYuNTkxLTQuODA3IDYuNTkxLTE0LjgwNyAwLTEuMzQxLS4xMzgtMi42NS0uMzg5LTMuOTE3eiIgZmlsbD0iIzE5NzZkMiIvPjwvc3ZnPg==');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-yandex {
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoOTAuNTg4MjM1JSwxOS42MDc4NDMlLDE2Ljg2Mjc0NSUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSA2IDAgTCA0MiAwIEMgNDUuMzEyNSAwIDQ4IDIuNjg3NSA0OCA2IEwgNDggNDIgQyA0OCA0NS4zMTI1IDQ1LjMxMjUgNDggNDIgNDggTCA2IDQ4IEMgMi42ODc1IDQ4IDAgNDUuMzEyNSAwIDQyIEwgMCA2IEMgMCAyLjY4NzUgMi42ODc1IDAgNiAwIFogTSA2IDAgIi8+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMTAwJSwxMDAlLDEwMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAzMi4zOTg0MzggNS4yNSBMIDI2LjcxNDg0NCA1LjI1IEMgMjEuMTMyODEyIDUuMjUgMTYuMzk4NDM4IDkuNSAxNi4zOTg0MzggMTcuNzUgQyAxNi4zOTg0MzggMjIuNjk5MjE5IDE4LjY5MTQwNiAyNi4zNTE1NjIgMjIuNzc3MzQ0IDI4LjE0ODQzOCBMIDE1LjE1MjM0NCA0MS45NDkyMTkgQyAxNC45MDIzNDQgNDIuNDAyMzQ0IDE1LjE1MjM0NCA0Mi43NSAxNS41NTA3ODEgNDIuNzUgTCAxOS4wODk4NDQgNDIuNzUgQyAxOS4zOTA2MjUgNDIuNzUgMTkuNTg5ODQ0IDQyLjY0ODQzOCAxOS42ODc1IDQyLjQwMjM0NCBMIDI2LjYxNzE4OCAyOC44NTE1NjIgTCAyOS4xMDkzNzUgMjguODUxNTYyIEwgMjkuMTA5Mzc1IDQyLjQwMjM0NCBDIDI5LjEwOTM3NSA0Mi41NTA3ODEgMjkuMjU3ODEyIDQyLjc1IDI5LjQ1NzAzMSA0Mi43NSBMIDMyLjU0Njg3NSA0Mi43NSBDIDMyLjg0NzY1NiA0Mi43NSAzMi45NDkyMTkgNDIuNjAxNTYyIDMyLjk0OTIxOSA0Mi4zNTE1NjIgTCAzMi45NDkyMTkgNS43NSBDIDMyLjk0OTIxOSA1LjM5ODQzOCAzMi43NDYwOTQgNS4yNSAzMi4zOTg0MzggNS4yNSBaIE0gMjkuMTA5Mzc1IDI1LjY1MjM0NCBMIDI3LjAxNTYyNSAyNS42NTIzNDQgQyAyMy43MjY1NjIgMjUuNjUyMzQ0IDIwLjUzNTE1NiAyMy4yNSAyMC41MzUxNTYgMTcuMjUgQyAyMC41MzUxNTYgMTEgMjMuNTI3MzQ0IDguNDQ5MjE5IDI2LjU2NjQwNiA4LjQ0OTIxOSBMIDI5LjEwOTM3NSA4LjQ0OTIxOSBaIE0gMjkuMTA5Mzc1IDI1LjY1MjM0NCAiLz4KPC9nPgo8L3N2Zz4K");
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-yandex-sm {
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoOTAuNTg4MjM1JSwxOS42MDc4NDMlLDE2Ljg2Mjc0NSUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSA2IDAgTCA0MiAwIEMgNDUuMzEyNSAwIDQ4IDIuNjg3NSA0OCA2IEwgNDggNDIgQyA0OCA0NS4zMTI1IDQ1LjMxMjUgNDggNDIgNDggTCA2IDQ4IEMgMi42ODc1IDQ4IDAgNDUuMzEyNSAwIDQyIEwgMCA2IEMgMCAyLjY4NzUgMi42ODc1IDAgNiAwIFogTSA2IDAgIi8+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMTAwJSwxMDAlLDEwMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAzMi4zOTg0MzggNS4yNSBMIDI2LjcxNDg0NCA1LjI1IEMgMjEuMTMyODEyIDUuMjUgMTYuMzk4NDM4IDkuNSAxNi4zOTg0MzggMTcuNzUgQyAxNi4zOTg0MzggMjIuNjk5MjE5IDE4LjY5MTQwNiAyNi4zNTE1NjIgMjIuNzc3MzQ0IDI4LjE0ODQzOCBMIDE1LjE1MjM0NCA0MS45NDkyMTkgQyAxNC45MDIzNDQgNDIuNDAyMzQ0IDE1LjE1MjM0NCA0Mi43NSAxNS41NTA3ODEgNDIuNzUgTCAxOS4wODk4NDQgNDIuNzUgQyAxOS4zOTA2MjUgNDIuNzUgMTkuNTg5ODQ0IDQyLjY0ODQzOCAxOS42ODc1IDQyLjQwMjM0NCBMIDI2LjYxNzE4OCAyOC44NTE1NjIgTCAyOS4xMDkzNzUgMjguODUxNTYyIEwgMjkuMTA5Mzc1IDQyLjQwMjM0NCBDIDI5LjEwOTM3NSA0Mi41NTA3ODEgMjkuMjU3ODEyIDQyLjc1IDI5LjQ1NzAzMSA0Mi43NSBMIDMyLjU0Njg3NSA0Mi43NSBDIDMyLjg0NzY1NiA0Mi43NSAzMi45NDkyMTkgNDIuNjAxNTYyIDMyLjk0OTIxOSA0Mi4zNTE1NjIgTCAzMi45NDkyMTkgNS43NSBDIDMyLjk0OTIxOSA1LjM5ODQzOCAzMi43NDYwOTQgNS4yNSAzMi4zOTg0MzggNS4yNSBaIE0gMjkuMTA5Mzc1IDI1LjY1MjM0NCBMIDI3LjAxNTYyNSAyNS42NTIzNDQgQyAyMy43MjY1NjIgMjUuNjUyMzQ0IDIwLjUzNTE1NiAyMy4yNSAyMC41MzUxNTYgMTcuMjUgQyAyMC41MzUxNTYgMTEgMjMuNTI3MzQ0IDguNDQ5MjE5IDI2LjU2NjQwNiA4LjQ0OTIxOSBMIDI5LjEwOTM3NSA4LjQ0OTIxOSBaIE0gMjkuMTA5Mzc1IDI1LjY1MjM0NCAiLz4KPC9nPgo8L3N2Zz4K");
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-mailru {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAGIklEQVRoge2Z+28UVRTH+St2SxURIgbwGYygVo0GgtGYUCExookSEzEaEmuCIVB+ANTgg9mlD8qjtEVKkbZSaEVqSx+2pVDBQqGp3cUW7Ox7u7uz233P7MzXH2Dp3jszu7NtoJL0JOeH5t6993zmnnset3N0DIsHWefMtAGzADNtwCzATBvwvwDQMyxWVTuxo4tDkzkMk4cHFxWRkICEBARiIkZ8AlpGI9hzMYD8OhceMlpmHmDpfht2n/djzC8gW/FFRRy+GsSLlfb7D7Cg2AJjXwBRQcracFokAHVDITx7yHZ/APLrXFP64pkkGJdQ0OKF/l4B6BkWO7o4qH3zYFxCozmMre0+5Ne6sLzCjiVlVjx5wIa8Kgc+ODWO73r96LXEIKY5uJrBEB7aq/1+aALQMywO9U8obnjDy2NTsxfzirRv+tQBG77v9YOLioprto5GNK+nCcDQF5BtwosSdnVzyDVO/QIuKrWiciCoCNEwHNbkThkBNjSOyxbnoiLe/tmlOP+ZgzZsPOPB7vN+FP0ZwK5uDu83uLGwRP2Lrm9wwx+Tn8b2Tm56AEvKrLJjDvMSVtc4ZXPX1rvRMxZV/JoAEBMknBgKYUWFcth85YgDnogo+43afE0ANYMhmSGf/Ooh5iwssaD+77Cq4bTwCQk7uzjoGRaVA0FwURFN5jByjSxWVjsRT5A3/JQpPDWA58rtoNZCwzC52OIyK6674pqNT5XW0Qjx99p6N3QMi20dPtncF9IkO1WAfZfJqBNPSESyeXivBf12ufF/2ePY2u7DmloXVlU7sa7eja+7/Rhy82mBPmoch45hkWtkYfKQc/ddnsgOIMfAwjaRIBapvh5KCxgVJGw841GNHHqGxaZmLyIq2TsJoGNYFLR4ibExv6C6riLAa0cdsg3eSLm4KypI95IArG9wZ4wYOobFmloXeIVMlgqwsMQim/OSihspAnx1jvRDZyhBfIHDV8nYTZ9OJv3xgjyvpALoGBYXLDFi/POzHu0Ah66Q7tFknry8OQYW7jDpXnlVjqwAHiu1Ika5Eg1A21BySfkeKAI0j5ARYs/FAOE+qTLmF7IyPql//EvmDBpgZxdHjNMRMC0AnZC2tPnujq2rdxNj525GpwRQfoV0QxpgM+XGavtoAth8bhLgvZMkQKp7ZaPFl8h7QANsaSMBuseyAGihkszOrsmaZHWNU9PCmfTEEJnlaYAfLviJ8bP/RLQDVFEVYuVA8O7YgmILhJSSxRsRkWPIzng9w8qaIhqALk+OqUQ6RYDCDvIC9dvjxHgX5WLr6rXlgKS++wvphkoAN7xkNk71gowAbx4n3USUgMVl1rvjHzeRJXa/PY65Gk/h0WKLzDga4OmDNtn4O3XK5bsiQK6RlZXRhSm1eY6BxRUHWQcduRbM6EoLii1ov6VccqcC0AVdTJDwiEqHplrM0aW0JSAQvWpelQNhnkxGPWNRrKyW9wq5xtuN0ahP/TEgCTDXIHefxjSRThVg9TGnbBPaD9c3uMHTNTeAEZ+AJnMYtUMhtN+KKva+9O823AH4stUrm5vujqVtaNpukscdEyS8fpQsG/LrXBinSotMYvbw+PA0eY/abkbxxe9e2an2WWNpe+O0AHlVDlmHZJtIYFk5WRkuKbPi2PWQrAGiJcxLMPYFML/IgqX75ReVFl6U8OpP6eusjE09XZMkIeiTSEaP7Z0cmkciGB7nMeYXcM0Vx8nhMApavFhUaiXm97IxBbMnpaDFmzGqZQTIMbBoNMt73qggobCT0xw+lXR5hR32oLL7FXZkfpHQBKBjWMwvssiSV1JMHh6f/ubJ6jUtVReXWVF6eQImDw/bRAKtoxGsqVWO+VMG0DEs5hVZcFrhJJLijYioGQzhs7MevHzEgfl34raeYfH4PiveOu7Etz1+DDjjCMaltH1uNprV466euZ1ktL5K86KU9h30+cPTe1rPGiCpy8rtOGUKqz70apGEBDyxf2pP6tMGSGpelQMH+ydkL2qZRBCBbR2+aRs/bYCkzjXcLgC/6fGjyRzGoJuHJyIiJkiIJyRwUREmD48mcxiFndyU/5lxzwBmUmcBZlpnAWZaH3iA/wDvtU1Tv6+SqgAAAABJRU5ErkJggg==');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-mailru-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAC90lEQVRIid2UyU8TYRjG/SsGt6jRYIwxbolL4OJ2cTvoycSDB40aMQaNidGDS6LHgSogCgJJiWAwRgWxUpVAPIhLFLeYqohO2+mUzrTQlbbT+XmYdqRSxBg96CTvZTLf83vm/Z73nSKIEn+zpvzfgBk2N3vvqLS7YnjCOroBGQPkiE7XQJzyLo3Z592/B9h5M4A0kmayJxDTKXNoFP0qoEiUsPWNWAL9SpKj94OUNvmYW+WmuNrD+maFM70hPoe+G2jqjzC14hcA5x4NA6AbcOxB0HK2rM7LtjY/6+w+pldmW1jp5uyjYXTDhNiejPwcsNbuI5P9uMyhIYgSa+w+HntG89qiRHWOODVKGmWO3g+yu0PFAAxgQ7MyMeDOhzgAHR/iCKLEllY/8bRhterqmyidH+PWu1AiA8DqRpn6FxEA2l2xwoB5VR5SWfsbmhXmXHDji+gAHHZqeYcWXfLy0pe0/qi0ycfSOi8Ao2mDWWOSZQG2tfkB8IZ1ikSJ8i4NAMeneMF0rGyQMcYABFHCpaYA2NiijAeUOUzB7sEEgihx9U20oPux9T6QygN0DyYA2NOhTgxwDpiO296ZgP2d6oSAfiWZB+j9agL2dRYAbL8+BIBLTSGIEqd6QgDUPg8XFF9w0UMqm88cIDeY268PjQcUV3usPC+vl1lY6yWaMoimDEsgV9MrJW65YnmXvLJBhmxU59d4CsfUOWDGtLE/giBK7O9UAQgnM9j6RtjToXKiO8hrf9ISywHqXoQB6PmSmHgONrYo1sDsvBlAECV23Q6gRPW8QcsY5mqwvzKz/0xOWrDNrf6fr4qqp6aTlG5wxGkusZk2NztuDHH8YZADd1WWXPYiiBKbWhTrHgBO94Ym30XTKiSaX0etQy+VJOVdGiuuyEyrMFf4WruPkz0hVjXIlDTKnOgOsvWaf5x4QUBuox66pxGI5bfmx6fmWeGETQrI1ezzbg46NNpdMQZDaRJpg0TaYDCUpvVtlMXZVv024E/Uvw/4Bm1tk+ulcilSAAAAAElFTkSuQmCC');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-odnoklassniki {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADlklEQVRoge3Y20sUURwH8P4UtaCIrkoWFPQSQYl2hy7QS1AUEUQPFUkX2RXL21p09ZbY1c2N7rmVlGH2UrprQVKWkWUSmbpzzszsOXO+PZhizUw77c7ObODAeTu/Od/PuTCXSZInDf9zm+R2gAmA2wEmAHbfkPiyod7LBwv5wbtbwLtbwEJ+KHcPgPjmpS6AlGeBdTQAGofppTGw9isgZZmpBaC1qyCkb+bB/7hEpB+0Ji81ALQ6F0IllsOPIZQIaOUylwFHp0MMfvrn8KOXNtADqWiaewD1SblxsN52yP6tIL5sEF82ZP82aJ9Dhn3V5mMuAQonG+57Fg5A8k427M9e3dBvpeGvkLwZzgPk82v0YQY/QSqaal5XNA1iqE9XR6tznQeo9/L12+FJecy6aOtJXZ1ye68LgMcl+iCBnTHrlBu79fBHRS4AHhbqAXf2x667f1APCBY4D1CubdcF4W+aYtbxt826OvnqFucBpDwLENofUQTkCxtNa+RLm3XhoXGQ0jnOA8xmUygRKI079Ct2fZfhE5t3BeMeP2EArckzWIVfE/v9A1g4ABYOQBvoMewDwUErl7sHkDxpiLaeMg5n4Yq2+BIa2xaA5EkHC/n/OTxrvwLJk54KgBGE+sADMNnCtFOowSM2jGkrYKSRigWItp01fEMVPz4i+uw0SMV828aLGyDXr4f2uQPalzCUO/uMMWWZoFU5oFU5Jl9g6VDuHoDW1wmt9yXkunXOAEjxDAhl+LfZ5e8eg55ZYvke9OxS8PdPf18h+gPS0enJB8gXNplsbgH+oRVq8AhoTR5I8Yxx6JmgNSugBgvAe9oACMM7yHVrHViBsrkQ8lDswwqMHGorBxuAoAMgJbOcOQO0diVEpN8awkr4ob64vwnifxcqnQvWeT3R6GDhRpCS2XFlSAgwthrVuWDhRgglYj22MgzW0QBalZPQ2LYAxlrhFNDa1VCbDoG9uAhobFxiDvbyMtSmw6C1qyEVTrFnTFsBo82bARZu1M06e33L+GM/pQDeDLBwwHTrJANhH8CbYelQ242wB2AxfDIQiQP+El4M9UEM9iYVkRggRnh6cjHIiUVJRcQP+MuBHQ0/2jeZiPh/q9zcYym8FYTZK3lSAUa/CM3Cx0JEn59zHkArlwNctRzeFMGj7vzclTxpkOvWgb9pAgtdAzmx0HIdOb4ArKMBvCsIuX5D3OMnDEiFNgFwu00A3G4/AVtAquUJzraMAAAAAElFTkSuQmCC');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-odnoklassniki-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB30lEQVRIic2UTU8TURSG+SkFokREYSUb4x8gYeNPcNGFLDT6E0qgtCQ2laQhhoAuCGkErKgbFoLYEiCEBCgfsYGwK0pC5N7O5M7H42JwyqS2pTMl8SZ3c8/c88x9z3lPi4iEuMnd8t8A5OtH6LMD6O+fIpMPmweQsS6M3Y94l42xM48c6QwIGGzHPFmj2jKPs4jBNv8Aff6Zm8zYnEa+eoBM9GJszbjn+uyAf4CRXwDA+nmIiLReeVkb1tmRA96e8w8wj1acJHtfKmOHi45MP74GeMHmtFNSeYaM3y8XfrQHWzsHQK1P+Qdok49dra3iPnrmBXrmJdbpgdtNpYn+YG2qsqmqXaRWksF9ICIh568viwpg/Sqgf3he915NgJYOY18UUd/HENE7jvbxbmS82/km2onKprAvimgzTxoHqLXJsm+1c4z8Amo5gVpOYOQ/Yeu/y1KtjjcOkCN3MXYzVfV3Dbg9h4hWHxl1a1Ca6EflxjGPc4B9OSJyqGyK0pu+5hRZREKo9amyJBvv8Dg7GKAVtfG2skWvCakD8CY3C0uYhaWGIDUB6lvSk1wMdyCGO7yQOmarPYv2PnuT/41dgfxrEF4bIGNdaOkwYuhWZXzoNlo6jIzda04X+d03DvgDDNxqjFcvb3kAAAAASUVORK5CYII=');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-instagram {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAABG1JREFUaIHtmW9MG2Ucx7/XUtYCo2nHHzeYQ0a7NCs6txlia+dkA9qYoMa9WbLMGIyJcfGFAc1eOE184RJm1GRGE9kLfGMiM2GLaMuAbBa6EBq3ANJRyiahStewln8tDQt3vii0vVnunt7drCR8Xt1df89z32+fX5/fr3eU+eS3DDYxsmwLEMuWgWyzZSDbbHoDOaSBmkIVXjlmwGFjOYo0ecjJkdY7TTOYDUfhHvWjs9eD0FyUaBxFUgfqzTq0NFmgUipECyVhOfYQrZec6B6Y4I3lXYF6sw7n3q2VRBgpKqUicU8+E5x5oFWr0NJkkU5ZhjQ3WaApVHHGcK5AY63hsabNmU+vYvhOAAwYMGuJnKuQo6/9LQBAnlKBxloD2jt/33AOzhU4bCyXTm0aGAagmaT4dBwylnHOwWmgSJMnSBgpFMUfU6zJ5/yc04DUW+WjUAQOZDLumKwWMoIF4IW4kD0O9BVF8VWgABlFgaIARY48ozmyauDMqedFzyG5gdVVGr/85oXd6cU9fwgAULlbC5tFD9uRfbw5nSmSGphbiOGDC79izBdkXb/tmcFtzwx+vj6O880NUBcoJbsnsYHB4Wn4ph6wrpkP7kFFmQZA/Jv/8IL9X+JTGfEGcPZzBy6ea4RsbQe65w/DdWuKFaevKMJz1WQ1iNiA0/0nOnvGWNfqzLrEcdeNcfzhu887z/B4AN39E7Ba9ACAbblyfPPDICvm9XojsQHB22iJNh8l2mSRcfTzd47r2J3exPGukkLefocLwQaKtQWs8/UfLAl3p9mxJTsKNojkR7AB5pEGhqSqbhRL07RQGcINBEMR1vlT5RrisXuf1HLOlQmCDcyGIwjMLibObWs/ShKsKbHTM/OYX4wJlSGuF+pxTSaObUf2oVpfyjvmgGEnjpuqEufXXD4xEsQZ+NE+gmjsYXwiGYXzzVZU65/YMP6AYSc+e78hUQOWoiv4qXtUjARxlTg0F8VX37tw9u0XAQDqAiW+/rgR3f0TsDu9uOsPg0I8560WPepMOtZ/gC/aB0SlDyBBK9F1/Q52FW/HG68dBBDvKq0WPSvP03HpshuOlHogFEl6oe86hvB3cAHvnTYhX5XLGbsUXcGX7QOsYiYGyZq5rhvjGLg1hRMN1Thu2ovyUjXrc39gHtdcPlx2jIpOm1Qk70bbOobQ1jEE9XYlStcq7P0HS5KKToXTAE0nq22mffz8YkywaLk8ea9UDeng3EZnw8nnk/ur+Pd4qTDqkvcKhpY4YzkNuEf/ShzXmapQ88xukdL4MT27B0drKtNqSAdnCl3pHcPJl5+GSqmATEahtcWGvsFJjPmCWF2V9t2gXE7BqCvF0ZrKRKGLLK/gap+Hcxzv0+kGix4fvfOSdEoJYRjgk4s96L05yRnHuwutF5vmN1/4zx6vR5ZX0Nrm5BUPEG6jDqcXQyN+vHrMgEP7y1CszZf86QJNMwiGInCP+HGl14PwwjLROKIXHP9nNv07si0D2WbLQLbZ9Ab+ARxoXSh9lchKAAAAAElFTkSuQmCC');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-instagram-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAkxJREFUSInVld9Lk2EUxz/Pu6WQ4YgudC7JLqTlD8pZytpF687Ciy4SGWYRXtQgoxuDoL9AiqCbdVVB0AqMbmIWJNEY2WADWzNZ8cKaDlcqZEXgtvd9u9AN1t7NTTDoXD7nPN/PeZ7zPOcIh+uuxjaatJ3i/wRg1FtsNpuwtVmorTFUJJLOKIRnk8wvrm4OGOjrZHTYjiREVZmqqsadh2+ZeBktDWg2m6oS/xRfJhD+AkB3exNXho8xPZMg+fWHPsDWZqkq88/xZe49DQFgMBzlkNVM18GmAkBBkSu987zpJFNbU3jrukWu1A5bzdxwn0AIQeu+PboxFQGyiorHG2TSHwOg32nl4mAPloZ6LA31ZffqAm7dDzC/+B2HrYWBvg483iBPfJG8/9Hz9wghcLt6eeyL8G4mQYtlN1fPO4q0dD/anPyNUDTJDuO62/cmVhSTO43RIBGKJpmTl3RPUPYn55qU3ssSG2uaVr6VlQV8iKUAOOU8UOTrd1oBiGzElLKyRX4dlDl3uotLgz1IQjDpjyGEoN9pZeTMEeTECv5QfOuATFZlbHyS8bGTuF29uF29eZ+cWOHazRcoirp1AMDi0k8uXJ/geM9+OlobAY1ILIU/FN9UvAiQzigA1O2sKQjKKipT0zJT03JJoV1163vW0tnSgPBsElXVGB2y4/EG+fU7vWmGOfHLQ3YURSU8myzwib9H5kBfJ6Nn7UhS9e369oMAz159LA8A2Ntooru98oGzllYIRRcKumjOdIu8kFplIVU8nbZi///Q/wMVCMmY16+i2QAAAABJRU5ErkJggg==');
	width: 24px;
	height: 24px;
	cursor: pointer;
}/**
 * Spoiler :: CSS
 * Modified by fedorov mich � 2014
 * [ LS :: 1.0.3 | Habra Style ]
 */
.spoiler-title { color: #6da3bd; border-bottom: 1px dashed; font-weight: normal; cursor: pointer; }
.spoiler-title:hover { color: #4d7285; }
.spoiler-body { display: none; padding: 10px; border: 1px solid #eee; border-radius: 8px; background: #f9f9f9; margin-top: 10px; overflow: hidden; }
.spoiler-title:before { float: left; content: " "; width: 16px; height: 16px; margin-top: 5px; display: block; border: 0px solid red; background: url(https://hairmaniac.ru/plugins/bspoiler/templates/skin/default/images/spoiler.icon.png) no-repeat left top; }
.spoiler-title.open:before { background: url(https://hairmaniac.ru/plugins/bspoiler/templates/skin/default/images/spoiler.icon.png) no-repeat left bottom; }

.markItUp .editor-spoiler a 		{ background-image: url(https://hairmaniac.ru/plugins/bspoiler/templates/skin/default/images/editor.png); }.toolbar .toolbar-seopack i { 
	background: url(https://hairmaniac.ru/plugins/seopack/templates/skin/default/images/toolbar_seopack.png) 0px 0px no-repeat; 
	background-size: cover;
	width: 14px;
	height: 14px
}
.toolbar .toolbar-seopack i:hover { 
	background-position: -14px 0px;
	background-size: cover;
}
.block-parameter { 
	padding: 10px 0; 
}
.modal.seopack { 
	width: 800px; margin-left: -350px; top: 50px; 
}
.modal.seopack textarea { 
	margin-top: 5px; 
}.purse div.balance strong { background: #85e061; color: #fff; padding: 4px; }
.purse div.offer {padding-top: 4px; }
/*.purse .block-nav { margin-bottom: 20px; }*/
.purse a.offerlink, .purse_set_all {border-bottom:1px dotted #999;cursor:pointer;}
.purse h1 span { color: #6ec80d; }
.purse table { width: 100%; *border-collapse: collapse; margin-bottom: 20px; }
.purse table thead td { background: #f0f1f1; font-weight: bold; padding: 5px 0; }
.purse table thead td.user {text-align: center;  padding-left: 10px; }

.purse table thead td.direction{ width: 100px; text-align: center; }
.purse table thead td.date { width: 150px; text-align: center; }
.purse table tbody td { padding: 5px 0; font-size: 11px; color: #999; border-bottom: 1px solid #ddd; }
.purse table tbody td span { color: #6ec80d; }
.purse table tbody td.user {text-align: center; width:100px; padding-left: 10px; overflow: hidden; _height: 1%; }
.purse table tbody td.user img { float: left; margin-right: 7px; width: 24px; height: 24px; }
.purse table tbody td.user a.link { color: #999; font-weight: bold; position: relative; top: 1px; }
.purse table tbody td.date { text-align: center; }
.purse table tbody td.direction{ text-align: center; }
.purse table tbody td.direction strong { background: #ff68cf; color: #fff; padding: 5px 10px; }

.purse table thead td.summ{ width: 100px; text-align: center; }
.purse table tbody td.summ {font-weight: bold; text-align: center; }

.purse table tbody td.summ span.in{ color: #3CC460;}
.purse table tbody td.summ span.out{ color: #ED1A13;}

.purse table thead td.id { width: 50px; text-align: center; }
.purse table tbody td.id { text-align: center; }
.purse table thead td.notice { width: 300px; text-align: center; }
.purse table tbody td.notice { text-align: center; }

.purse table tbody a.author { line-height: 18px; color: #999; font-weight: bold; }
.purse div.payicons img{vertical-align: middle;}
.purse div.payicons span{color: #999; padding-top: 5px; }

/*
.dropdown-user-menu li.item-purse .item-icon {background: url(https://hairmaniac.ru/plugins/purse/templates/skin/default/images/purse.png) no-repeat center;}
.donate-summ {color: #5FA459;}
.donate-block-summ {font-size: 25px;}
.donate-submit {
    background: none repeat scroll 0 0 #F8FBFE;
    border-radius: 5px 5px 5px 5px;
    padding: 15px;
    position: relative;
}
.donate-submit .counter	{ position: absolute; bottom: 18px; right: 15px; color: #818189; }
.donate-submit .counter.exceeded	{ color: #f00; }
.donate-submit textarea { margin: 0 0 10px; }
*/

#pay_purse_sum { width: 100px !important; display: inline; margin: 0 5px; }.block--hmbase-top .block-items-item-target {
    font-weight: bold;
    text-decoration: underline;
}
/* Registration
---------------------------------------------------- */
.page-header.hm-registration-header {
    margin-bottom: 28px;
}
.registration-type,
.hm-registration-home .registration-help {
    float: left;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.hm-registration-home .registration-type {
    width: 57%;
}
.hm-registration-home .registration-help {
    width: 43%;
    margin-top: -26px;
    margin-bottom: 0;
}
.registration-type-options {
    margin-bottom: 29px;
}
.registration-type-options p {
    margin-bottom: 10px;
}
.registration-type-options button {
    margin-top: 17px;
}
.registration-type-desc {
    color: #aaa;
    font-style: italic;
    line-height: 24px;
}
.registration-help {
    padding: 23px 27px;
    margin-bottom: 25px;
    background: #FAFAF2;
    font-style: italic;
    line-height: 20px;
}
.registration-help ul li:before {
    content: "— ";
}
.registration-help-title {
    margin-bottom: 20px;
    display: block;
}
.registration-help-block {
    display: none;
}
.markItUp .editor-color-red a {
    background-image: url(https://hairmaniac.ru/plugins/hmbase/templates/skin/default/images/color-red.png);
}
span.editor-color-red {
    color: #dd127b;
}
@media screen and (max-width: 1040px) {
    .hm-registration-home .registration-type {
        width: 100%;
    }
    .hm-registration-home .registration-help {
        width: 100%;
        margin-top: 15px;
    }
}
/**
 * Tags
 */
.hm-tags .most-interesting-more-button {
    font-family: Arial, sans-serif;
    padding: 8px 25px 8px;
}
.hm-tags-list {
    overflow: hidden;
    position: relative;
}
.hm-tags-list:before {
    display: none;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: -moz-linear-gradient(top,  rgba(242,250,248,0) 0%, rgba(242,250,248,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(242,250,248,0) 0%,rgba(242,250,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(242,250,248,0) 0%,rgba(242,250,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2faf8', endColorstr='#f2faf8',GradientType=0 ); /* IE6-9 */
}
/* Open */
.hm-tags.closed .hm-tags-list:before {
    display: block;
}
.hm-tags.closed .hm-tags-list {
    height: 110px;
}
.read-list {
    margin: 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.read-list-item {
    height: 310px;
    margin-right: 25px;
    width: 310px;
}
.read-list-item img {
    max-width: 100%;
    height: auto;
}
.read-list-item:nth-child(n+4) {
    margin-top: 25px;
}
.read-list-item:nth-child(3n) {
    margin-right: 0;
}
/*
 * Tag Groups Nav
 */
.tag_navigation .h3 {
    cursor: pointer;
    padding: 7px 0;
    background: none;
    border: none;
}
.tag_navigation .ui-icon {
    display: inline-block;
}
.tag_navigation .ui-widget-content {
    border: none;
}
.tag_navigation__wrapper {
    margin: 10px 0 10px 16px;
    max-height: 285px;
    overflow-y: auto;
    scrollbar-width: thin;
}
.tag_navigation__wrapper label{
    display: block;
}
.tag_btn {
    margin: 0 10px 10px 0;
    display: inline-block;
    align-items: center;
    cursor: pointer;
    background: #f2faf8;
    border-radius: 100px;
    color: #000;
    position: relative;
    border: 1px solid #f2faf8;
    font-size: 12px;
    height: 28px;
    line-height: 24px;
    padding: 0 8px;
}
.tag_btn i:after {
    content: 'x';
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    margin-left: 5px;
}
#tag_navigation_form {
    position: relative;
}
.poshy-tip-btn {
	position:absolute;
	top:0;
	z-index:110;
    background-color: #fff;
}
.poshy-tip-btn span{
	border-bottom: #000 1px dotted;
}

.karta-sayta > li {
    font-weight: bolder;
    font-size: 18px;
    line-height: 1.7;
}
.karta-sayta__topics {
    margin: 10px 0 10px 25px;
    padding-left: 30px;
}
.karta-sayta__topics > li {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.57;
    position: relative;
}
.karta-sayta__topics > li:before {
    content: "➤";
    position: absolute;
    left: -30px;
    font-size: 18px;
    line-height: 1;
    top: 3px;
    color: #df3c90;
    font-weight: bold;
}/**
 * Отобранные публикации
 */

.slider {
    position: relative;
    height: 359px;
    margin-bottom: 30px;
    overflow: hidden;
    font-family: 'PT Serif', serif;
    padding-left: 401px;
    width: 864px;
    border-radius: 15px;
}

/* Preview */
.slider-preview {
    position: absolute;
    padding-left: 0px;
    width: 465px;
    height: 359px;
    top: 0;
    left: 0;
}
.slider-preview-item {
    display: none;
}
.slider-preview-item img {
    border-radius: 15px;
}
.slider-preview-item p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 400px;
    margin-left: 0px;
    padding: 20px;
    font-size: 16px;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom-right-radius: 15px;
}

/* Items */
.slider-item {
    position: relative;
    height: 119px;
    padding: 20px 20px 20px 200px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: color .2s, background .2s;
            transition: color .2s, background .2s;
    font-size: 16px;
    margin-bottom: 1px;
    background: #fff;
    cursor: pointer;
}
.slider-item.active {
    background: #dd127b;
    color: #fff;
}
.slider-item:hover {
    background: #FF4CA9;
    color: #fff;
}
.slider-item-image {
    position: absolute;
    width: 175px;
    height: 119px;
    top: 0;
    left: 0;
}


@media screen and (max-width: 1265px) {
    .slider {
        width: 454px;
    }
}
@media screen and (max-width: 1040px) {
    .slider {
        display: none;
    }
}/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(https://hairmaniac.ru/plugins/hmbase/templates/skin/default/js/fotorama/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(https://hairmaniac.ru/plugins/hmbase/templates/skin/default/js/fotorama/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}/**
 * Marathon
 */
.hm-marathons-header {
    margin-bottom: 25px;
}

.hm-marathons-title {
    font-size: 42px;
    font-weight: 600;
    line-height: 1.1em;
    text-align: center;
    color: #1f1a17;
}
.hm-marathons-subtitle {
    font-size: 32px;
    margin-bottom: 1em;
    color: #1f1a17;
}
.hm-marathons-subtitle a {
    color: #dd127b;
}

.hm-marathons-info {
    margin-top: 10px;
    text-align: center;
    color: #aaa;
}
.hm-marathons-info-status {
    color: #555;
    text-transform: lowercase;
}
.hm-marathons-info-status--finished {
    color: #f13232;
}

.hm-marathons-users-item {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 15px 15px 15px 120px;
    min-height: 100px;
    background: #fff;
    font-size: 17px;
}
.hm-marathons-users-item:last-child {
    margin-bottom: 0;
}
.hm-marathons-users-item-avatar {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
}
.hm-marathons-users-item-login {
    margin-bottom: 5px;
    font-size: 24px;
    font-family: 'PT Serif', serif;
    font-weight: normal;
    line-height: 1.3em;
}

/**
 * Winner
 */
.block.block--marathon-winner {
    min-height: 360px;
    box-sizing: border-box;
}
.block.block--marathon-winner .block-content {
    padding: 40px 10px 0;
}
.hm-marathon-winner-image {
    max-width: 100%;
    margin-bottom: 15px;
}
.hm-marathon-winner-date {
    margin-bottom: 8px;
    color: #bfbfbf;
    text-align: center;
    font-size: 13px;
    line-height: 1.15em;
}
.hm-marathon-winner-title {
    text-align: center;
    font-size: 15px;
}

/**
 * Help
 */
.block.block--marathon-help {
    margin-top: 33px;
}
.block.block--marathon-help .block-content {
    padding: 27px 22px;
    overflow: hidden;
}
.block.block--marathon-help .block-content:before {
    content: "";
    float: left;
    width: 19px;
    height: 32px;
    margin-top: 3px;
    margin-right: 30px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAgCAIAAAB/3NSYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEwRjUzMjMwRjEwQzExRTU5MEEwQzFBQkEzM0JEQkFDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEwRjUzMjMxRjEwQzExRTU5MEEwQzFBQkEzM0JEQkFDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTBGNTMyMkVGMTBDMTFFNTkwQTBDMUFCQTMzQkRCQUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTBGNTMyMkZGMTBDMTFFNTkwQTBDMUFCQTMzQkRCQUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zLTw3AAABa0lEQVR42pxULa+EMBDkmhoSTiAQIBAYEpD8/x+ARCAwCAQIBAISECTckH3vXt+W7xUESmd3Ozud17Isxm9UVUXPeZ4NJXzfl1LiqS6+gOz7vmmauq6NwwA4DEPHcX6QRVGcYtQIgoCKC+NmlGXZtu2KRA60cQtMdEg6OjLhwzRN13Vt236/37QJ6fFrHEcVCV6wslbzPA87gMELSw8+LMtK05StT9MkqW6SJHu9oRF00XWduoialxjSiUC6S8hhGPRc4gqTjCEUBIXiFEa0qwEu17LHQ6fRsYI0gl1knuekFRZRFBFh28gsy9gYiJU4jr8ikZtn02EAoBpa/UvEduBm6pRASajGFjm3+o2DgHTYBpKxQmfb5IIj2dDJRy4hmQOh1b2xibta/+dgxqMQxtN4jpT6VL7GAwHA31Td7J4TooNi2c2A0WzyJI4FhOJ7Pi4OhnmDoVuWLZjW9hzgXAkgCdzCxU+5/QgwAIXVruybnQ+DAAAAAElFTkSuQmCC');
}

/**
 * Prev
 */
.block.block--marathon-prev .block-content {
    padding: 15px 15px 25px;
}
.block.block--marathon-prev.block--header-center .block-header {
    padding: 25px 15px 0;
}
.hm-marathon-prev-item {
    margin-bottom: 8px;
    display: table;
    width: 100%;
}
.hm-marathon-prev-item:last-child {
    margin-bottom: 0;
}
.hm-marathon-prev-month,
.hm-marathon-prev-users {
    display: table-cell;
    vertical-align: top;
}
.hm-marathon-prev-month {
    font-size: 15px;
}
.hm-marathon-prev-users {
    padding-top: 1px;
    color: #bfbfbf;
    text-align: right;
}


/**
 * Badge
 */
.hm-marathon-topic-badge {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 15px;
}
.hm-marathon-topic-badge-place,
.hm-marathon-topic-badge-type {
    display: inline-block;
    padding: 6px 15px 7px 15px;
}
.hm-marathon-topic-badge-place {
    background: #dd127b;
}
.hm-marathon-topic-badge-type {
    background: #dd127b;
}

@media screen and (max-width: 1040px) {
    .hm-marathons-title {
        font-size: 30px;
    }
    .hm-marathons-subtitle {
        font-size: 22px;
    }
}/*
	Configengine plugin
	(P) PSNet, 2008 - 2013
	http://psnet.lookformp3.net/
	http://livestreet.ru/profile/PSNet/
	https://catalog.livestreetcms.com/profile/PSNet/
	http://livestreetguide.com/developer/PSNet/
*/

div.ConfigEngine {}

div.ConfigEngine h3 {
	margin-bottom: 20px;
}

div.ConfigEngine h3 span {
	color: #22BB22;
}

div.ConfigEngine .PluginList {
	margin-bottom: 20px;
	width: 100%;
	border: 1px solid #DDDDDD;
}

div.ConfigEngine .PluginList thead {
	cursor: default;
	text-shadow: 0 1px 1px #FFFFFF;
	font: 14px/20px Tahoma;
	background: #EEEEEE;
	background: -moz-linear-gradient(top,	rgba(245,245,245,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top,	rgba(245,245,245,1) 0%,rgba(238,238,238,1) 100%);
	background: -o-linear-gradient(top,	rgba(245,245,245,1) 0%,rgba(238,238,238,1) 100%);
	background: -ms-linear-gradient(top,	rgba(245,245,245,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom,	rgba(245,245,245,1) 0%,rgba(238,238,238,1) 100%);
}

div.ConfigEngine .PluginList th {
	padding: 1px 2px 3px;
	border-color: #ddd;
}

div.ConfigEngine .PluginList tr.second {
	background: #FAFAFA;
}

div.ConfigEngine .PluginList tbody tr:hover {
	background: #EEF8FF;
}

div.ConfigEngine .PluginList td {
	padding: 1px 3px 2px;
	text-align: center;
	border: 1px solid #DDDDDD;
}

div.ConfigEngine .PluginList td.nameleft {
	text-align: left;
}

div.ConfigEngine .PluginList .Tip {
	background: #EFF5FF;
	border: 1px solid #88A6FF;
	border-radius: 10px 10px 10px 10px;
	cursor: default;
	display: inline-block;
	font: 10px/16px Verdana,Helvetica;
	height: 16px;
	text-align: center;
	width: 16px;
	text-decoration: none;
}

div.ConfigEngine .PluginList .Control {
	cursor: pointer;
}

div.ConfigEngine .ce_delete_plugin_config {
	color: red;
}

div.ConfigEngine .ce_delete_plugin_config:hover {
	border: 1px solid #FF8888;
}

/* import settings */

div.CE_ImportSettings {}

div.CE_ImportSettings div.FileField {
	float: left;
	height: 27px;
	margin: 0 10px 0 0;
	position: relative;
	width: 500px;
}

div.CE_ImportSettings div.FileField > * {
	left: 0;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

div.CE_ImportSettings div.FileField div.FWrapper input {
	font-size: 200px;
	margin-top: -20px;
	opacity: 0;
	position: absolute;
	right: 0;
}

div.CE_ImportSettings div.FileField div.Cover {
	background: #EEEEEE;
	background: -moz-linear-gradient(top,	rgba(229,229,229,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top,	rgba(229,229,229,1) 0%,rgba(238,238,238,1) 100%);
	background: -o-linear-gradient(top,	rgba(229,229,229,1) 0%,rgba(238,238,238,1) 100%);
	background: -ms-linear-gradient(top,	rgba(229,229,229,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom,	rgba(229,229,229,1) 0%,rgba(238,238,238,1) 100%);
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11) inset;
	font: bold 12px/26px Tahoma,Verdana;
	text-align: center;
	text-shadow: 0 1px 0 #FFFFFF;
	white-space: pre;
}
/*
	Adminusers plugin
	(P) PSNet, 2008 - 2013
	http://psnet.lookformp3.net/
	http://livestreet.ru/profile/PSNet/
	https://catalog.livestreetcms.com/profile/PSNet/
	http://livestreetguide.com/developer/PSNet/
*/

/* mask panel */

#Adminusers_ChangeUserPanel {
	background: #FFF;
	background: rgba(255, 255, 255, 0.98);
	border-bottom: 1px solid #FAFAFA;
	box-shadow: 0 1px 2px #777777;
	clear: both;
	color: #777;
	font: 12px/16px Tahoma,Verdana,Helvetica;
	left: 0;
	overflow: hidden;
	padding: 2px 10px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 900000;
	display: none;
}

#Adminusers_ChangeUserPanel.ShowPanel {
	display: block;
}

#Adminusers_ChangeUserPanel > div {
	margin: 3px 50px 3px 0;
}

#Adminusers_ChangeUserPanel form {
	display: inline-block;
	vertical-align: baseline;
}

#Adminusers_ChangeUserPanel form input {
	display: inline-block;
	background: #F5F5F5;
	border: none;
	border-radius: 2px 2px 2px 2px;
	font: 12px/12px Verdana,Tahoma,Helvetica;
	padding: 4px 2px;
}

#Adminusers_ChangeUserPanel form input[type="text"] {
	box-shadow: 0 1px 2px #999 inset;
	padding-left: 4px;
	padding-right: 4px;
	width: 150px;
}

#Adminusers_ChangeUserPanel form input[type="submit"] {
	box-shadow: 0 1px 2px #BBBBBB;
	width: 20px;
}

#Adminusers_ChangeUserPanel form input[type="text"]:focus,
#Adminusers_ChangeUserPanel form input[type="submit"]:hover {
	background: #FFF;
}

#Adminusers_ChangeUserPanel form label {
	display: inline-block;
	margin: 0 5px;
}

#Adminusers_ChangeUserPanel form input[type="checkbox"] {
	vertical-align: text-bottom;
}

#Adminusers_ChangeUserPanel a {
	color: #26C924;
}

/* misc */

div.Adminusers a.red {
	color: red;
}

/* recent users */

#Adminusers_ChangeUserPanel div.SecondLine a {
	background: #A9A9A9;
	border-radius: 8px 8px 8px 8px;
	color: #FFFFFF;
	padding: 0 5px 2px;
	text-decoration: none;
}

#Adminusers_ChangeUserPanel div.SecondLine a:hover {
	background: #08BA3B;
}

#Adminusers_ChangeUserPanel div.SecondLine a.confirm {
	color: red;
}

/* toggle mask panel switcher */

#Adminusers_ToggleUserPanel {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXCAYAAAAYyi9XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvUlEQVRIie2T3Q2DIBSFP7oAozCCI3QERnEURnAER3AUR7h9uSaU8lOs8aWQnMTg4X6ac0BEqAmwwAZMFc+kHtuc14A5YAcEWCq+RT074E4BAa9DYq3AU//a6vOa8fkuIBAyQ3oVmsAor19hhz5yLeV1pd5yreV1tbyyLsnr61wf3L0arTxToNKZkJYmhc663wXUM3MOlrsWQb/QRXvdwKj1G8l9NEdzSssYUzckS0RM7f3tpRnAARzAPwS+AKWF3bRgRLrEAAAAAElFTkSuQmCC") no-repeat 5px 30px #FAFAFA;
	border-radius: 7px;
	height: 60px;
	overflow: hidden;
	position: fixed;
	right: -25px;
	top: -25px;
	width: 60px;
	z-index: 910000;
	cursor: pointer;
	opacity: 0.8;
}

#Adminusers_ToggleUserPanel:hover {
	opacity: 1;
}

#Adminusers_ToggleUserPanel:active {
	box-shadow: 0 0 2px rgba(20, 20, 20, 0.5) inset;
}

#Adminusers_ToggleUserPanel.active {
	background-color: hsl(119, 100%, 45%);
	box-shadow: 0 0 2px hsla(0, 0%, 8%, 0.5) inset;
}

/* admin users rights */

div.Adminusers.UsersBlock {
	background: none repeat scroll 0 0 #F8F8F8;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 2px 3px rgba(181, 181, 181, 0.2) inset;
	font: 10px/12px Verdana,Tahoma,Helvetica;
	margin-bottom: 20px;
	padding: 5px;
}

div.Adminusers.UsersBlock a {
	display: block;
	margin-bottom: 3px;
}

/* windows */

#AU_EditUserWin,
#AU_EditUserLoginWin {
	/* margin-left: -200px;
	width: 400px;
	left: 50%;
	top: 25%;
	overflow: hidden;*/
}

#AU_AddNewUserWin,
#AU_ChangeTopicUserWin {
	/* margin-left: -250px;
	width: 500px;
	left: 50%;
	top: 25%;
	overflow: hidden;*/
}

#AU_AddNewUserWin input[type="checkbox"] {
	vertical-align: text-bottom;
}

/* add new user switcher */

#Adminusers_AddNewUserWinShow {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAYAAADTlvzyAAAACXBIWXMAAAsSAAALEgHS3X78AAAA3UlEQVRIidWV2w2DMAxFz636zwiM0lHaDdoNGIWRGIERGMH9ACRI86SUtpbuT2LnxI7sYGaUCrgAHWALdcAlGbsRZhFFoVuAbmauuli8pkOyTVIywMwU2jsV0XawFVBSLclysthqLyWdYaGyHFpSSXWJv/eMwzOc38x9u9A68EjwbrFNMfZO0pa3jmUZyw7g7DqkSvqufbcPUyapktQkfBpJVdDBMyttXF6tVUADDMTn6Kxh8q+KhzdwBfpMkA98zwIyfkNbQa56pm8rBGt3Arlqvd/TJ4f3b7fFXwKfgAOuTpnppjoAAAAASUVORK5CYII=") no-repeat 3px 9px #FAFAFA;
	border-radius: 7px 7px 7px 7px;
	cursor: pointer;
	height: 40px;
	opacity: 0.8;
	overflow: hidden;
	position: fixed;
	right: -25px;
	top: 40px;
	width: 60px;
	z-index: 911000;
}

#Adminusers_AddNewUserWinShow:hover {
	opacity: 1;
}

#Adminusers_AddNewUserWinShow:active {
	box-shadow: 0 0 2px rgba(20, 20, 20, 0.5) inset;
}

/* change topic user button */

li.Adminusers_ChangeTopicUserWinShow .au-icon-change-topic-user {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAACXBIWXMAAAsSAAALEgHS3X78AAABiklEQVQokWWRwWsaURDGv3mbCMbi5iJWXGmgVBAPIoEY7x4EIQiCf4InD4FCwdaeejSHXHNKbvHmf+B1pZdCC5IeNAlkSQo9tRBhd9/7esi+EOjAwMzAb775GJCEMUaRRKvVOgZAAGw0Gp9IYrPZYLVa7a7X6zdBEDgkQRIwxghJhGG4VSgUri2YyWR+kdyezWZ7AK4AsFKpnIZhCJLyEkx5nhdYMJvN/iEpvV7vIwCmUikC+Dufz9+ShEISJKm1FttrrVWypJCMIgCvlFK7FkAcx1sk0el0zq1iu92+nE6n70TkXkSolIoAsNlsngdBABXHsQM8KVer1VurmMvlfk4mkwOSrwFoY4wCAN/3277v74EkFovFTr1efw/gQUQoIgTw2/O8z8Ph8LBWq30FwG63e7JcLhVJwWg0OnJd9wcAioixp9q6VCp9y+fzHwCsXNf9Ph6P96MoejKtlKLjODGAZxCAsb7S6fRNuVy+SOaP/X7/CxzH0SKiXwD/ZbFYvBsMBmfJW0IA/AeDKNJfCieBVgAAAABJRU5ErkJggg==") no-repeat scroll center center transparent;
	opacity: 0.5;
	display: inline-block;
	height: 14px;
	line-height: 14px;
	vertical-align: text-top;
	width: 14px;
}

li.Adminusers_ChangeTopicUserWinShow:hover {
	opacity: 1;
}