/*! normalize.css 2012-03-06T10:21 UTC - 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 - 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:Verdana, 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 {font-size:13px;line-height:1.2em;	font-weight:normal;margin:0;font-family:Verdana, Arial,}


/* 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:600}
blockquote {margin:5px 0}

/* 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}

/* 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 */font-family:Helvetica, sans-serif;font-size:15px;
line-height:20px}


/*** Tables ***/


/* Remove most spacing between table cells */
table {	border-collapse:collapse;border-spacing:0}
iframe {border:none;width:100%!important}/* -------------------------------------------------------------------
// 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-size: 11px; font-family: Helvetica, sans-serif; }
.markItUpEditor {
	font-size: 16px; 
	font-family: Helvetica, sans-serif;
	padding:10px;
	line-height:22px;
	overflow: auto;
	width: 100%;
	height: 500px;
	min-height:100px;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	border: 1px solid #dfe3e8;
	border-radius:10px;
}
.markItUpPreviewFrame	{overflow: auto;background-color: #fff; border: 1px solid #eee;padding: 10px;height: 300px;
margin: 5px 0;font-size: 15px; font-family: Helvetica, sans-serif;}
.markItUpFooter { width: 100%; }
.markItUpResizeHandle {overflow: hidden;height: 8px;background: url(https://babiki.ru/engine/lib/external/jquery/markitup/skins/synio/images/handle.png) 50% 3px no-repeat;cursor: n-resize;}

/***************************************************************************************/

/* first row of buttons */
.markItUpHeader { padding: 0; line-height: normal; display: inline-block; background: #f6faff; border-radius: 20px;}
.markItUpHeader ul	{overflow: visible;	zoom: 1;display: inline-block;*display: inline; /* ie <= 7 */}
.markItUpHeader ul li	{ list-style: none; float: left; position: relative; margin:0 7px }
.markItUpHeader ul li: hover > ul{ display: block; }
.markItUpHeader ul .markItUpDropMenu {background: transparent url(https://babiki.ru/engine/lib/external/jquery/markitup/skins/synio/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://babiki.ru/engine/lib/external/jquery/markitup/skins/synio/images/submenu.png) no-repeat 100% 50%;}
.markItUpHeader ul .markItUpSeparator {	margin: 8px 1px 0;width: 0;height: 22px;overflow: hidden;border-left: 1px solid #dfe3e8;border-right: 1px solid #fff;}
.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: 15px; height: 15px;text-indent: -10000px;background-repeat: no-repeat;margin:9px 2px;}
.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 			{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/h2.svg); }
.markItUp .editor-h3 a 			{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/h3.svg); }
.markItUp .editor-bold a 		{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/bold.svg); }
.markItUp .editor-strong a 		{ background:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/bold.svg); }
.markItUp .editor-italic a 		{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/italic.svg); }
.markItUp .editor-underline a 	{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/underline.svg); }
.markItUp .editor-stroke a 		{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/stroke.svg); }
.markItUp .editor-quote a 		{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/quote.svg); }
.markItUp .editor-spoiler a 	{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/spoiler.svg); }
.markItUp .editor-code a 		{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/code.png); }
.markItUp .editor-ul a 			{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/ul.svg); }
.markItUp .editor-ol a 			{ background-image:url(); }
.markItUp .editor-li a 			{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/li.svg); }

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

.markItUp .editor-clean a 		{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/clean.svg); }
.markItUp .editor-preview a 	{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/preview.png); }
.markItUp .editor-cut a 		{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/cut.svg); }
.markItUp .editor-video a 		{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/video.svg); }
.markItUp .editor-user a 		{ background-image:url(https://babiki.ru/engine/lib/external/jquery/markitup/sets/synio/images/user.svg); }/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
  /* IE10 touch compatibility */
  -ms-touch-action: none;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url(https://babiki.ru/engine/lib/external/jquery/jcrop/css/Jcrop.gif);
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}
.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}}/* СЕТКА */

#container2, .container2 {margin:0 auto;max-width:1280px;-webkit-box-sizing:border-box}
#nav, #nav1 {overflow:hidden;position:relative}
#top-header {padding:0 0 10px}
#header {background:#fff;margin-bottom:16px}
#wrapper {display:table;table-layout:fixed;height:100%;width:calc(100% - 250px)}
#wrapper.left-content {width:100%}
#wrapper.centr-content {width:inherit;display:-webkit-box;display:-ms-flexbox;display:flex}
.centr-content {float:none;width:calc(100% - 250px)}
.main-content {max-width:740px;width:100%;display:table-cell;min-width:0;}
.store .left-content .main-content {max-width:1280px;width:100%;padding-right:0}
.left-content .main-content  {max-width:1030px;width:100%;padding-right:30px}
.left-content {display:table-cell}
.live_section {min-width:350px}
#content-height	{position:relative;margin-right:250px;float:left;min-height:2500px}
.left-sidebar {max-width:230px;width:230px;float:left;margin-right:30px}
.right-sidebar {margin:0px;right:0}
.sidebar-right {display:table-cell;height:100%;margin-left:30px;min-width:250px;width:250px;vertical-align:top}
#footer {zoom:1;background:#fff;color:#888;clear:both;margin-top:30px}
.banner3 {overflow:hidden;display:table;height:100%;margin:0px auto 0px auto}
#wrapper.no-sidebar {background-image:none;width:100%;display:block}
#wrapper.no-sidebar #content {width:100%;margin-right:0;display:block}
#wrapper.no-sidebar #sidebar {display:none}
#wrapper.centr-content.no-sidebar #content, .error #wrapper.no-sidebar #content, .login #wrapper.no-sidebar #content, .registration #wrapper.no-sidebar #content {margin:auto}/*! Pushy - v0.9.2 - 2014-9-13
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */


/* Menu Appearance */
.mob {display:none}
.pushy {position:fixed;width:200px;height:100%;top:0;z-index:9999;background:#fea070;font-size:0.9em;overflow:auto;-webkit-overflow-scrolling:touch;/* enables momentum scrolling in iOS overflow elements */}
.pushy a {display:block;color:#fff;padding:15px 30px;border-bottom:1px solid #fff;text-decoration:none}
.pushy ul {list-style:none;padding-left:0;text-align:right}


/* Menu Movement */
.pushy-left {-webkit-transform:translate3d(-800px,0,0);-moz-transform:translate3d(-800px,0,0);-ms-transform:translate3d(-800px,0,0);-o-transform:translate3d(-800px,0,0);transform:translate3d(-800px,0,0)}
.pushy-open {-webkit-transform:translate3d(-10px,0,0);-moz-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);-o-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
.container-push, .push-push {-webkit-transform:translate3d(200px,0,0);-moz-transform:translate3d(200px,0,0);-ms-transform:translate3d(200px,0,0);-o-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}


/* Menu Transitions */
.pushy, #container, .push {-webkit-transition:-webkit-transform .2s cubic-bezier(.16, .68, .43, .99);-moz-transition:-moz-transform .2s cubic-bezier(.16, .68, .43, .99);-o-transition:-o-transform .2s cubic-bezier(.16, .68, .43, .99);transition:transform .2s cubic-bezier(.16, .68, .43, .99)}


/* Site Overlay */
.site-overlay {display:none}
.pushy-active .site-overlay {display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background-color:rgba(0,0,0,0.5);-webkit-animation:fade 500ms;-moz-animation:fade 500ms;-o-animation:fade 500ms;animation:fade 500ms}

@keyframes fade{
0% {opacity:0} 100% {opacity:1}
}

@-moz-keyframes fade{
0% {opacity:0} 100% {opacity:1}
}

@-webkit-keyframes fade{
0% {opacity:0} 100% {opacity:1}
}

@-o-keyframes fade{
0% {opacity:0} 100% {opacity:1}
}/* ОБЩИЕ СТИЛИ */

iframe, object, embed {max-width:100%;max-height:100%}

/* Избранное */
.follow {display:inline-block;width:17px;height:17px;vertical-align:text-top;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) 0 -76px no-repeat;cursor:pointer}
.follow.active {background-position:-17px -76px}

/* Пагинация */
.pagination {width:100%;overflow:hidden;zoom:1;padding:50px 5px 30px}
.pagination ul {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;zoom:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:2em}
.pagination ul li {font-size:17px;float:left}
.pagination ul li a, .pagination ul li a span {font-size:17px;font-weight:600;color:#333}
.pagination ul li.active span {font-size:18px;font-weight:600;color:#e48746}
.pagination ul li span, .pagination ul li a span:hover, .pagination ul li.number a:hover {color:#999} 
.pagination .prev {margin-right:2%}
.pagination .next {margin-left:2%}
.pagination ul li i {opacity:.5;filter:alpha(opacity=50)}

/* Actions */
.actions {overflow:hidden;zoom:1;margin-bottom:10px;font-size:12px}
.actions li {float:left;margin-right:10px}

/* Toolbar */
.toolbar {position:fixed;top:170px;right:10px !important;z-index:20;display:none}
.toolbar section {width:34px;overflow:hidden;line-height:14px;background:#fff;margin-bottom:5px;border-radius:5px;box-shadow:0 0 3px rgba(0, 0, 0, .1)}
.toolbar section:hover {-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);box-shadow:0 0 4px rgba(0, 0, 0, .4)}
.toolbar section i {display:block;padding:4px 0;position:relative;right:1.5px;width:34px;height:34px;color:#d8d8d8;font-size:26px}
.toolbar section:hover i {color:#999}
.toolbar section i.s-22 {padding:3px 3px 12px;font-size:22px;color:#dfdfdf}
.toolbar section a .pg-n {float:right;position:absolute;color:#bebebe;font-size:10px;margin-top:-10px;margin-left:3px;overflow:hidden;width:30px}
.toolbar-margin {padding:0}

/* Scroll up */
.toolbar .toolbar-admin, .toolbar .toolbar-update {display:block;margin-bottom:10px}
.toolbar .toolbar-pagination {display:none;height:38px;margin-bottom:15px}
.toolbar .toolbar-scrollup {display:none}

/* Admin button */

/* Update comments button */
.toolbar .toolbar-update .update-comments i {width:20px;font-size:17px;margin:3px auto 0;height:28px}
.toolbar .toolbar-update .update-comments.active i {color:#7cc034;font-weight:600}
.toolbar .toolbar-update .update-comments i:hover {color:#d8d8d8}

.toolbar .toolbar-update .new-comments  {display:block;margin:0;padding:10px 0;font-size:14px;color:#fff;text-align:center;text-decoration:none;width:34px;background:#4cb600;border-radius:4px;font-weight:600;opacity:0.5}
.toolbar .toolbar-update .new-comments:hover {background:#a0d17d}

/* Topic navigation */
.toolbar .toolbar-topic {width:19px;padding:5px;border-radius:0 5px 5px 0}
.toolbar .toolbar-topic a.toolbar-topic-prev i {display:block;width:19px;height:32px;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) -211px -23px no-repeat}
.toolbar .toolbar-topic a.toolbar-topic-prev i:hover {background-position:-230px -23px}
.toolbar .toolbar-topic a.toolbar-topic-prev i:active {background-position:-249px -23px}
.toolbar .toolbar-topic a.toolbar-topic-next i {display:block;width:19px;height:32px;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) -211px -55px no-repeat}
.toolbar .toolbar-topic a.toolbar-topic-next i:hover {background-position:-230px -55px}
.toolbar .toolbar-topic a.toolbar-topic-next i:active {background-position:-249px -55px}

/* Список пользователей */
.user-list-avatar {display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 -5px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;zoom:1;position:relative}
.user-list-avatar.big {margin:0}
.user-list-avatar li {width:63px; -webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-line-pack:stretch;align-content:stretch;padding:0 1px;margin-bottom:13px;text-align:center;font-size:12px;line-height:13px}
.user-list-avatar li img.avatar {width:56px;height:56px;display:block;margin:0 auto 3px;position:relative;border-radius:10px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
.user-list-avatar.big li img.avatar {width:45px;height:45px}
.user-list-avatar li a span {color:#000;text-align:center;word-wrap:break-word;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.user-list-avatar li a span:hover {color:#e48746}

.user-list-mini li {padding:4px 0 5px;margin-bottom:0;position:relative}
.user-list-mini li img {width:24px;height:24px;position:relative;top:8px;margin-right:3px;border-radius:5px}
.user-list-mini li input {position:relative;top:2px}
.user-list-mini li i {position:absolute;top:4px;right:5px;cursor:pointer;display:none}
.user-list-mini li:hover i {display:block}


/* Поиск */
.search {position:relative}
.search .input-text {border:2px solid #e48746;border-radius:10px;line-height:26px;font-size:17px;min-width:100px;margin-right:100px;float:left}
.search .input-submit {position:absolute;background:#e48746;padding:6px 4px;top:4px;right:0;border:1px solid #e48746;border-radius:50%;color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}
.search .input-submit:hover {-webkit-box-shadow:0 5px 10px rgba(0,0,0,.4);box-shadow:0 5px 10px rgba(0,0,0,.4)}

.search-item-a-b-c {min-height:30px;overflow:hidden;margin-bottom:30px}
.search-item  {padding:0}
.search-item .input-text {width:100%;padding-right:5px}
.search-item .submit {width:16px;height:16px;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) -115px -55px no-repeat}
.search-item.search-item-abc ul {overflow:hidden;zoom:1;margin:15px 0 0}
.search-item.search-item-abc ul.search-abc-in {margin:10px 0 0;display:none}
.search-item.search-item-abc ul li {float:left;line-height:25px}
.search-item.search-item-abc ul li a  {float:left;color:#777;text-decoration:none;padding:0 5px;margin:0 2px 5px 0;border-radius:3px;font-size:14px}
.search-item.search-item-abc ul.search-abc-in li a  {color:#fff;padding:1px 5px;font-size:16px;background:#7db3d7}
.search-item.search-item-abc ul li a:hover {background:#79828d;color:#fff}
.search-item.search-item-abc ul li.active a {background:#79828d;color:#fff}
.search-item.search-item-abc ul li.active a:hover {background:#79828d;color:#fff;text-decoration:none}
.search-item.search-item-abc ul li.active a span {border:none}

.search-tags {margin-bottom:15px}

.search-form-wrapper {border-radius:5px;margin-bottom:10px}
.search-input-wrapper {position:relative}
.search-input-wrapper .input-submit {position:absolute;top:11px;right:8px;width:22px;height:22px;cursor:pointer}
.search-input-wrapper .input-submit:before {content:'\e811';font-weight:600;font-size:19px;color:#ccc}
.search-input-wrapper .input-text {border-radius:20px;padding:10px 8px 10px 15px;font-size:16px;line-height:22px}
.search-input-wrapper .input-text.btn {padding-right:80px}


/* Облако тегов */
.tag-cloud {text-align:center;width:100%}
.tag-cloud li {display:inline-block;margin:3px 3px;line-height:22px}
.tag-cloud li a {text-decoration:none;white-space:nowrap;padding:4px;background:#eef3f9;border-radius:16px;color:#333}
.tag-cloud.fav-tags li a {background:#fff}
.tag-cloud li a.topic-tags-user-favourite, .tag-cloud li a.shopik-tags-user-favourite {background:#fd8e57;color:#fff;border:none}
.tag-cloud li a span {font-size:10px;font-weight:500}
.tag-cloud li .tag-size-1 {font-size:13px}
.tag-cloud li .tag-size-2 {font-size:13px}
.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:14px}
.tag-cloud li .tag-size-6 {font-size:15px}
.tag-cloud li .tag-size-7 {font-size:15px}
.tag-cloud li .tag-size-8 {font-size:16px}
.tag-cloud li .tag-size-9 {font-size:16px}
.tag-cloud li .tag-size-10 {font-size:17px}


/* Item List */
.item-list li {min-height:58px;padding:10px 0;position:relative;zoom:1}
.item-list li .content-block {display:block;padding-left:60px}
.item-list li p {padding-top:2px;font-size:11px}
.item-list li .avatar {float:left;margin:3px 10px 3px 0;width:42px;border-radius:50%}
.item-list li .author {font-weight:600;color:#333;margin-bottom:5px}
.item-list li a.blog-name:hover {color:#e48746}


/* Хелперы */
.fs-9 {font-size:9px}
.fs-11 {font-size:11px}
.fs-13 {font-size:13px}
.fs-14 {font-size:14px}
.fs-15 {font-size:15px}
.fs-16 {font-size:16px}
.fs-17 {font-size:17px}
.fs-18 {font-size:18px}
.fs-20 {font-size:20px}
.fs-22 {font-size:22px}
.fs-25 {font-size:25px}
.fs-30 {font-size:30px}
.fs-100 {font-size:100px}

/* flex */
.flx {display:flex;align-items:center;gap:10px;}
.flx-i {flex-shrink:0;}

.fw-500 {font-weight:500}
.fw-600 {font-weight:600}

.pt-0 {padding-top:0 !important}
.pb-0 {padding-bottom:0 !important}

.ml-0 {margin-left:0 !important}
.ml-10 {margin-left:10px}
.ml-15 {margin-left:15px !important}
.ml-20 {margin-left:20px}
.ml-25 {margin-left:25px}
.ml-30 {margin-left:30px}
.ml-40 {margin-left:40px}
.ml-60 {margin-left:60px}
.mr-0 {margin-right:0 !important}
.mr-10 {margin-right:10px}
.mr-15 {margin-right:15px !important}
.mr-20 {margin-right:20px}
.mr-30 {margin-right:30px}
.mr-50 {margin-right:50px}
.mr-65 {margin-right:65px}

.mt-0 {margin-top:0px !important}
.mt-5 {margin-top:5px}
.mt-10 {margin-top:10px !important}
.mt-15 {margin-top:15px}
.mt-20 {margin-top:20px !important}
.mt-25 {margin-top:25px}
.mt-30 {margin-top:30px !important}
.mt-70 {margin-top:70px !important}

.mb-0  {margin-bottom:0px !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-25 {margin-bottom:25px !important}
.mb-30 {margin-bottom:30px !important}
.mb-35 {margin-bottom:35px !important}
.mb-40 {margin-bottom:40px}
.mbm-4 {margin-bottom:-4px !important}
.mbm-7 {margin-bottom:-7px !important}

.m-au {margin:0 auto}

.ta-l {text-align:left}
.ta-r {text-align:right !important}
.ta-c {text-align:center !important}
.va-m {vertical-align:middle}
.td-u {text-decoration:underline}

.fl-l {float:left !important}
.fl-r {float:right !important}
.pull-left {float:left}
.pull-right {float:right}

.lh-16 {line-height:16px}
.lh-20 {line-height:20px}
.h-0 {height:0}
.wi-48 {width:48px}
.wi-130 {width:130px}
.wi-100 {width:100%}

.c-blue {color:#71b9e8}
.c-blue2 {color:#509fe3}
.c-blue3 {color:#8eb1d3}
.c-lblue {color:#d5ebff}
.c-lblue2 {color:#adc7e3}
.c-orange {color:#e48746}
.c-green {color:#7cc034}
.c-red {color:#ff3d3d}
.c-purple {color:#6363ff}
.c-grey {color:#ccc}
.c-maroon {color:#a85056}
.c-white {color:#ffffff}

.bg-w {background:#fff}
.bg-lr {background:#ffdede}
.bg-b {background:#f1f7fd}
.bg-g {background:#f7f7f7}
.bg-y {background:#fefef1}
.bg-gr {background:#7cc034}

.visually-hidden { position: absolute !important; left: 0; top: 0; width: 1px !important; height: 1px !important; padding: 0; margin: -1px; overflow: hidden !important; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); white-space: nowrap; border: 0;/* for H1 */ }
.disabled-visible {pointer-events:none;opacity:0.5}

.w-s {white-space:nowrap}
.dis-t {display:table}
.dis-tc {display:table-cell}
.dis-in {display:inline}
.dis-ib {display:inline-block !important}
.dis-n {display:none}
.dis-v {opacity:0.2}
.opa-7 {opacity:0.7}
.br-50 {border-radius:50%}
.no-background {background:none !important}
.note-l {font-size:12px;line-height:18px;color:#333;padding:2px 10px}
.note-l.log {font-weight:600}
.ov-a {overflow:auto !important}
.hov-no:hover {color:inherit}

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

.clearfix1 {overflow:hidden;clear:both}

.wrapper {overflow:hidden;zoom:1}
.wrapper-content {padding:20px 0;background:#fff}
.wrapper-content.wrapper-content-dark {padding:10px}

.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 {display:table;margin:10px auto;padding:12px 18px;min-width:320px;max-width:600px;font-size:14px;font-weight:600;line-height:1.4;text-align:center;border-radius:12px;background:rgba(233,100,100,0.12);color:#e96464;border:1px solid rgba(233,100,100,0.3);backdrop-filter:blur(4px)}
.system-message-notice {display:table;margin:10px auto;padding:12px 18px;min-width:320px;max-width:600px;font-size:14px;font-weight:600;line-height:1.4;text-align:center;border-radius:12px;background:rgba(82,148,194,0.4);color:#fff;border:1px solid rgba(127,184,224,0.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-shadow:0 1px 2px rgba(0,0,0,0.2)}

.notice-empty {color:#aaa}
.loader {background:transparent url(https://babiki.ru/templates/skin/bab/images/loader.svg) 50% 50% no-repeat !important;z-index:9999}
.user {font-weight:bold;color:#333}
.ls-user {white-space:nowrap;font-weight:bold;color:#e48746;text-decoration:none}
.user:before, .ls-user:before {content:'';display:inline-block;width:14px;height:14px;margin-right:5px;background:url(https://babiki.ru/templates/skin/bab/images/user.svg) no-repeat;vertical-align:middle;position:relative}
.user .icon-user  {margin-right:3px}
.user-avatar img {width:20px;height:20px;vertical-align:middle;border-radius:50%}
.user-avatar a {color:#000;font-size:11px}
.user-avatar.user-avatar-n a {color:#000;font-size:13px;font-weight:600}
.stream-item a.alogin {color:#000;font-size:13px;font-weight:600}
.user-avatar a:hover, .stream-item a:hover {color:#e48746}
.counter.exceeded {color:#f00}
.page-header-menu {overflow:hidden;zoom:1;margin-bottom:10px}
.page-header-menu .page-header {float:left;margin-right:20px;margin-bottom:10px}
.page-header-menu .nav.nav-pills {margin-top:5px;float:left}
.blog-list-info {width:19px;height:10px;display:inline-block;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) -70px -150px no-repeat;cursor:pointer}
.blog-list-info:hover,
.blog-list-info.active {background-position:-90px -150px}
.search-results {margin-bottom:35px}
.c-blue.icons-info-circled {font-size:16px}


/* VIDEO EMBEDS (Reliable Padding Hack) */
.video-responsive { width: 100%; aspect-ratio: 16 / 9; background: #000; margin: 16px 0; border-radius: 8px; overflow: hidden; }
.comment .video-responsive { margin: 14px 0; }
.video-responsive.video-vertical { aspect-ratio: 9 / 16; max-width: 420px; width: 100%; max-height: min(75vh, 820px); margin: 16px auto; }
.video-responsive iframe { width: 100%; height: 100%; border: 0; display: block; }
/* ФОРМАТИРОВАННЫЙ ТЕКСТ */


.text {font-size:14px;font-family:Helvetica, sans-serif, system-ui, "Twemoji Country Flags", color-emoji;line-height:25px;overflow:hidden;zoom:1}
.text a	{color:#7593b7}
.text a:visited {color:#7593b7}

.page-text h1 {font-size:24px;font-weight:600;padding:5px 0}
.text h2, .topic-text h2 {font-size:22px;font-weight:600;padding:5px 0}
.text h3, .topic-text h3 {font-size:19px;font-weight:600;padding:5px 0}
.text h4, .topic-text h4 {font-size:20px;font-weight:500}
.text h5, .topic-text h5 {font-size:20px;font-weight:500}
.text h6, .topic-text h6 {font-size:18px;font-weight:600}

.text p, .topic-text p {margin-bottom:1em}
.text abbr[title] {border-bottom:1px dotted}
.text b, .text strong, .topic-text b, .topic-text strong {font-weight:bold}
.text blockquote, .topic-text blockquote {color:#333;padding:6px 7px 6px 20px;background:#faf8f2;border:1px solid #eee;font-style:italic;overflow:hidden;border-radius:10px;font-size:0.98em}
.text dfn, .topic-text dfn {font-style:italic}
.text em, .topic-text em {font-style:italic}
.text hr, .topic-text hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
.text ins, .topic-text ins {background:#ff9;color:#000;text-decoration:none}
.text mark, .topic-text mark {background:#ff0;color:#000;font-style:italic;font-weight:bold}

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

.cent-block .topic-tags {margin:0;padding:0}
.text ul, .topic-text ul {list-style-type:disc;margin:0;padding:0 0 0 40px}
.text ol, .topic-text ol {list-style-type:decimal;margin:0;padding:0 0 0 40px}
.text dd, .topic-text dd {margin:0 0 0 40px}

.text img[align="right"], .topic-text img[align="right"] {margin-right:0}
.text img[align="left"], .topic-text img[align="left"] {margin-left: 0}
.text img.image-center, .topic-text img.image-center {display:block;margin-left:auto;margin-right:auto}
.text object, .text img {max-width:100%;vertical-align:top;margin:15px 20px 15px 0;height:auto}
.text img.text-smiles {margin:0px}
.text a.ls-user, .topic-body .topic-text a.ls-user {color:#e48746;font-size:15px;white-space:nowrap}
.text a.ls-user:hover, .topic-body .topic-text a.ls-user:hover {color:#d38f5d}/* ФОРМЫ */


.input-text {font-size:15px;font-family:Helvetica, sans-serif;line-height:20px;width:150px;padding:9px;border:1px solid #c9c9c9;border-radius:7px}

:is(input, textarea, select, button):focus { outline: none; box-shadow: none; }
:is(input, textarea, select, button):focus-visible { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15); }



.input-checkbox {position:relative;top:1px;margin:0 5px 0 0}
.input-text.login {font-size:20px;padding:12px;background:#eef7ff;border-radius:25px;border-color:#f5f5f5;margin-bottom:5px}
.form-center .input-text.auth { display: block; height: 48px; width: min(100%, 280px); margin: 0 auto; padding: 0 22px; border-radius: 24px; border: none !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.04); font-size: 18px; line-height: 48px; letter-spacing: 5px; text-align: center; transition: all 0.25s ease-in-out; box-sizing: border-box; outline: 0 !important; }
.form-center .input-text.auth:focus { box-shadow: 0 4px 12px rgba(85, 138, 187, 0.2); transform: translateY(-1px); }
.form-center .input-text.auth::placeholder { letter-spacing: normal; font-size: 16px; opacity: 0.6; transition: color 0.2s ease; }
.form-center .input-text.auth:focus::placeholder { color: transparent; }
.input-text.auth::-webkit-outer-spin-button, .form-center .input-text.auth::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }


.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-290 {width:100%;max-width:290px}
.input-width-300 {width:100%;max-width:300px}
.input-width-400 {width:100%;max-width:400px}
.input-width-500 {width:100%;max-width:500px}
.input-width-auto {width:auto}

select {line-height:20px;padding:8px;border:1px solid #c9c9c9;border-radius:3px;font-size:15px;font-family:Helvetica, sans-serif;white-space:nowrap;text-overflow:ellipsis}

fieldset {margin-bottom:30px;padding-top:20px}
fieldset legend {color:#000;font-size:18px;padding-right:10px}

form label {display:block;margin-bottom:6px;line-height:15px}
form .icon-question-sign {cursor:help}
form p {margin-bottom:25px;line-height:20px}
form p.center-150{margin:20px auto;width:150px}
.right-sidebar form p {margin-bottom:12px}

.note {display:block;font-size:12px;font-weight:400;margin:3px 0;line-height:13px;color:#999}
.note.n-status {font-size:13px;line-height:16px}
.note.n-status em {font-family:arial, sans-serif}
.note-b {display:block;margin-top:3px;font-size:13px;line-height:18px;color:#999}
.note.note-header {margin-bottom:20px}

.captcha-image {vertical-align:top}

.counter-wrapper {margin-bottom:15px;position:relative}
.counter-wrapper .counter {color:#777;position:absolute;top:0;right:0}
.counter-wrapper label {margin-right:50px}

.poll-create {padding:15px 20px;margin-bottom:20px;background:#f5f7f8;border:1px solid #f5f7f8;border-radius:10px}

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

.form-item-block {display:inline-block;overflow:hidden}
dl.form-item {overflow:hidden;zoom:1;margin-bottom:20px}
dl.form-item.rg {margin-bottom:5px}
dl.form-item dt {float:left;width:180px;padding-top:4px;padding-right:15px;overflow:hidden}
.form-item-block dl.form-item dd {float:left;width:100%;max-width:400px}

.form-profile {position:relative}
.form-profile .avatar-settings {overflow:hidden;width:120px;height:160px;float:left;margin-left:60px}
.form-profile .avatar-change {position:absolute;top:35px;left:50px;font-size:13px}
.form-profile .avatar-change .avatar {width:100px;margin:0 0 10px 0}
.form-profile .avatar-change .avatar img {width:100px;vertical-align:top;border-radius:15px;box-shadow:0 0 20px rgba(0,0,0,.3)}
.form-profile .avatar-change a {color:#558abb;font-weight:500}
.form-profile .avatar-change .edit-center {margin:110px auto 0;text-align:center}

/* Placeholder */
:-moz-placeholder {color:#aaa}
.placeholder {color:#aaa}
.mceEditor {display:block;margin-bottom:20px}

/* Registration form
---------------------------------------------------- */
.registration-form .form-item:last-child {margin-bottom:0}
.registration-form dl.form-item dd {margin:0 auto;position:relative;width:250px}
.registration-form dl.form-item dd .form-item-help {}
.registration-form dl.form-item dd .form-item-help i.icons-info-circled	{position:absolute;top:34px;right:-22px}
.registration-form dl.form-item dd .form-item-help i.icons-ok {position:absolute;top:34px;left:-24px;font-size:17px}
.form-group {margin-left:40px}

/* Валидатор 
---------------------------------------------------------------*/
.validate-error-hide {display:none}
.validate-error-show {display:block;line-height:16px;position:relative;background:#fefeed;color:#333;margin:13px auto 0;font-size:13px;border-radius:15px;padding:10px 4px;font-weight:600}
.validate-error-show:before {margin:0 10px 0 0;font-size:16px;color:#f9c912;position:relative;font-family:"fontello", sans-serif;content:'\e82d'}
.note-my a {line-height:16px;font-size:12px;color:#777;margin-right:15px}/* Buttons */


button { -webkit-tap-highlight-color: transparent; transition: transform 0.15s ease, opacity 0.15s; cursor: pointer; }
button, input[type="submit"], input[type="button"] { -webkit-tap-highlight-color: transparent; }
button:active, input[type="submit"]:active, input[type="button"]:active, .btn:active, .button:active { transform: scale(0.97); opacity: 0.85; }
/* Поведенческий класс для всех кнопок */
.button-tap { transition: transform 0.15s ease, opacity 0.15s ease; cursor: pointer; }
.button-tap:active { transform: scale(0.97); opacity: 0.85; }

.button {display:inline-block;padding:6px 12px 7px;font:14px/normal Tahoma,sans-serif;text-align:center;color:#333;background:linear-gradient(to bottom,#fbfcfc,#f8f8f8);border:1px solid #ccc;border-radius:25px;box-shadow:0 1px 2px rgba(0,0,0,0.08);cursor:pointer;text-decoration:none;-webkit-font-smoothing:antialiased;transition:opacity 0.15s ease;}
.button:hover {opacity:0.8;}
.button:active {box-shadow:0 0 3px rgba(0,0,0,0.3) inset;}
.button.fl-r {*margin-right:0}
.button.ml-2 {margin-left:2px}
.opera .button {padding-top:4px;padding-bottom:5px}

/* Button Primary */
.button.button-primary {font-size:16px;line-height:22px;padding:5px 20px 7px;color:#fff;background:#5c687b;border:1px solid #5c687b;border-radius:25px;box-shadow:0 2px 4px rgba(0,0,0,0.12);text-shadow:0 1px 1px rgba(0,0,0,0.1);transition:background 0.2s ease,box-shadow 0.2s ease,opacity 0.15s ease;}
.button.button-primary:hover {opacity:0.8;}
.button.button-primary:active {box-shadow:0 0 3px rgba(0,0,0,0.3) inset;}
.button.button-blue {background:#5c687b;border:none;color:#fff;font-size:15px;padding:5px 16px 7px;line-height:20px;font-weight:500}
.button.button-blue:hover {opacity:0.8;}
.button.button-orange {	background:#fea070;border:none;color:#fff;font-size:15px;padding:5px 16px 7px;line-height:20px;font-weight:500}
.button.button-orange:hover {opacity:0.8;}
.button-center {margin:0 auto}

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

/* Button Write */
.button.button-write {background:#66cfff;background:-o-linear-gradient(top,  #66cfff 0%,#2abcfe 100%);background:-webkit-gradient(linear,  left top, left bottom,  from(#66cfff),to(#2abcfe));background:linear-gradient(top,  #66cfff 0%,#2abcfe 100%);border:1px solid #27ace8;padding:2px 15px 4px;border-radius:15px;line-height:17px;color:#fff;font-size:11px}
.button.button-write:hover {opacity:0.8;}

/* Button Small */
.button.button-small {font-size:13px;padding:3px 10px 4px}
.button.button-small.full-green {color:#fff;background:#7cc034;border:1px solid #96c663;font-weight:600}
.button.button-small.full-green:hover {opacity:0.8;}

/* Button form */
.button.button-form {border:1px solid #bbb;color:#5a7c9e;background:none}

/* Button Action */
.button.button-action {	border:none;padding:3px 3px 2px;background:#fff}
.button.button-action span {display:none}
.button.button-action:hover span {display:inline;padding:0 5px 0 5px;position:relative;top:-2px;color:#fff}
.button.button-action.active, 
.button.button-action:hover {-webkit-box-shadow:0 0 4px rgba(0,0,0,.25);box-shadow:0 0 4px rgba(0,0,0,.25)}
.button.button-action.active:hover {background:#fff}

.button.button-action.button-action-add-friend:hover i {background-position:-147px -39px}
.button.button-action.button-action-send-message:hover i {background-position:-163px -39px}
.button.button-action.button-action-join.active i {background-position:-90px -100px}
.button-action-join-in i {font-size:28px;color:#eee;cursor:pointer}
.button-action-join-in.active i {color:#7cc034 !important}

.button.button-icon {border:none;padding:3px 0 2px;background:none}
.button.button-icon:hover {-webkit-box-shadow:0 0 4px rgba(0,0,0,.25);box-shadow:0 0 4px rgba(0,0,0,.25)}


/* Button Load file */
.button-block input[type=file]::file-selector-button {color:#333;font-size:14px;margin:3px;padding:6px 12px 7px;display:inline-block;text-align:center;border:1px solid #999;background:#f8f8f8;box-shadow:0 1px 0.5px 0 rgba(0,0,0,.1);border-radius:25px;background:-webkit-gradient(linear, left top, left bottom, from(#fbfcfc),to(#f8f8f8));font-family:Tahoma, sans-serif;transition: transform 0.15s ease, opacity 0.15s ease; cursor: pointer;}
.button-block input[type=file]::file-selector-button:hover {color:#111;text-decoration:none;-webkit-box-shadow:0 0 4px rgba(0,0,0,.25);box-shadow:0 0 4px rgba(0,0,0,.25)}
.button-block input[type=file]::file-selector-button:active { transform: scale(0.97); opacity: 0.85; }/* НАВИГАЦИЯ */


.nav {overflow:hidden}
.nav li {float:left}


/* Nav Pills */
.nav.nav-pills {margin-bottom:20px;font-size:13px;text-align:center;padding:5px 15px;background:#fff;border-radius:25px;border-bottom:2px solid #f8f8f8;box-shadow: 0 0 18px rgb(0 0 0 / 3%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.nav.nav-pills.rubric {background:#f1f5fa}
.nav.nav-pills li {margin:0 8px;line-height:18px;padding:7px 0}
.nav.nav-pills li.write {width:19px;height:19px;margin:0 40px}
.nav.nav-pills span li {padding:3px 0 4px;margin-right:5px;font-size:11px}
.nav.nav-pills li a {display:block;float:left;font-size:14px;color:#444;font-weight:600}
.nav.nav-pills.type li {margin:0 5px;padding:6px 0;line-height:16px}
.nav.nav-pills.type li a {font-size:13px}
.nav.nav-pills.light {background:#fdfeff;margin-top:-10px}
.nav.nav-pills.light.rubric {background:#f9f3e8;margin-top:-15px;padding:5px 15px;border-bottom:1px solid #e9ecf1}
.nav.nav-pills.light li a {color:#555;font-size:13px}
.nav.nav-pills.light li .f-m {padding:0 10px}
.nav.nav-pills.light li .f-m.active i, .f-m.active i:before {font-size:19px;font-weight:600}
.nav.nav-pills li span.new {font-size:12px;font-weight:500;color:#58b13d;text-decoration:none;position:relative;top:-5px;left:3px}
.nav.nav-pills li.active a {color:#e48746}
.nav.nav-pills li a.write {position:absolute;background:url(https://babiki.ru/templates/skin/bab/images/write.gif) no-repeat;width:19px;height:19px;margin-top:-3px}
.nav.nav-pills li a.write:hover {opacity:0.8}
.nav.nav-pills li.green a {color:#67ad69}
.nav.nav-pills.nav-pills-profile {margin-bottom:25px}
.nav.n-s {margin:0 0 5px 10px;color:#999;font-size:12px;font-weight:600}


/* Nav Topic Filter */
.nav.nav-menu {font-size:11px;border-radius:13px;border:1px solid #fff;float:left;position:relative}
.nav.nav-menu li {position:relative;height:22px;padding:1px 1px 1px 0;box-shadow:-1px 0 0 #dfe3e8 inset, 0 1px 0 #dfe3e8 inset, 0 -1px 0 #dfe3e8 inset}
.nav.nav-menu li a {background:#fbfbfc;
background:-o-linear-gradient(top,  #fbfbfc 0%,#f0f2f5 100%);
background:-webkit-gradient(linear,  left top, left bottom, from(#fbfbfc),to(#f0f2f5));
background:linear-gradient(top,  #fbfbfc 0%,#f0f2f5 100%);
height:22px;line-height:21px;color:#434343;padding:0 13px;float:left;text-decoration:none;box-shadow:1px 0 0 #fff inset, 0 1px 0 #fff inset;}
.nav.nav-menu li:first-child {border-top-left-radius:13px;border-bottom-left-radius:13px}
.nav.nav-menu li:first-child a {border-top-left-radius:13px;border-bottom-left-radius:13px;padding-left:15px;box-shadow:1px 0 0 #dfe3e8 inset, 0 1px 0 #fff inset}
.nav.nav-menu li:last-child {border-top-right-radius:13px;border-bottom-right-radius:13px;box-shadow:0 1px 0 #dfe3e8 inset, 0 -1px 0 #dfe3e8 inset;padding-right:0}
.nav.nav-menu li:last-child a {border-top-right-radius:13px;border-bottom-right-radius:13px;padding-right:15px;box-shadow:-1px 0 0 #dfe3e8 inset, 0 1px 0 #fff inset}

.nav.nav-menu li:hover {box-shadow:-1px 0 0 #27ace8 inset, 0 1px 0 #27ace8 inset, 0 -1px 0 #27ace8 inset}
.nav.nav-menu li:hover a {color:#fff;background:#4ec4ff;
box-shadow:1px 0 0 #27ace8 inset, 0 -1px 0 #55d0ff inset;
background:-o-linear-gradient(top,  #4ec4ff 0%,#22b3fe 100%);
background:-webkit-gradient(linear,  left top, left bottom,  from(#4ec4ff),to(#22b3fe));
background:linear-gradient(top,  #4ec4ff 0%,#22b3fe 100%);
}
.nav.nav-menu li.active {background:#edf8fd;border:none;box-shadow:0 2px 3px #b4d5e2 inset}
.nav.nav-menu li.active a {background:none;color:#628fa5;box-shadow:none;border:none}
.nav.nav-menu.nav-filter-sub li a {padding:5px 10px;font-size:11px;color:#777}
.nav.nav-menu.nav-filter-sub li.active a {color:#fff}
.nav-menu-wrapper {margin-bottom:40px;position:relative}

.oldie .nav.nav-menu {border-color:#dfe3e8;border-right:none}
.oldie .nav.nav-menu li {border-right:1px solid #dfe3e8}


/* Userbar */
#userbar {border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 0 5px #ddd;background:#ffffff;
background:-o-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%);
background:-webkit-gradient(linear,  left top, left bottom,  from(#ffffff),to(#f3f3f3));
background:linear-gradient(top,  #ffffff 0%,#f3f3f3 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
}
#userbar .search {float:left;margin:5px 0 0 6px;*margin:4px 0 0 4px}

.nav.nav-userbar {float:right}
.nav.nav-userbar li {border-radius:0 0 0 4px;border-left:1px solid #eaeaea}
.nav.nav-userbar li a {color:#555}
.nav.nav-userbar li:first-child a {border-radius:0 0 0 4px}
.nav.nav-userbar li:last-child a {border-radius:0 0 4px 0}
.nav.nav-userbar li.nav-userbar-username a {position:relative;padding-left:47px;font-weight:bold;color:#333}
.nav.nav-userbar li.nav-userbar-username .avatar {position:absolute;top:7px;left:15px}
.nav.nav-userbar li .new-messages {color:#4AA731;font-weight:bold}


/* Nav Main */
.nav.nav-main {height:51px;overflow:hidden}
.nav.nav-main li {margin-right:22px;position:relative;height:51px;line-height:49px}
.nav.nav-main li:last-child {margin-right:0}
.nav.nav-main li a {color:#cfcfcf;text-decoration:none}
.nav.nav-main li i {display:none;position:absolute;bottom:0;left:50%;margin-left:-2px;width:0;height:0;border:3px solid transparent;border-bottom-color:#fff}
.nav.nav-main li.active i {display:block}
.nav.nav-main li.active a {color:#aed6e9}
.nav.nav-main li.nav-main-more {display:none}
.nav.nav-main li.nav-main-more a {border:1px solid #595959;border-radius:3px;padding:0 5px 2px;position:relative;padding-right:15px}
.nav.nav-main li.nav-main-more a:before {content:'';position:absolute;top:8px;right:5px;width:0;height:0;border:3px solid #fff;border-color:#fff transparent transparent transparent}


/* Nav Profile */
.nav.nav-profile {margin-bottom:0px;font-size:13px}
.nav.nav-profile li {float:none;padding:8px 5px 8px 15px}
.nav.nav-profile li a {text-decoration:none;color:#306ea9}
.nav.nav-profile li a:hover {opacity:0.8}
.nav.nav-profile li.active a {margin:0;text-decoration:underline}


/* Dropdown */
.nav.nav-pills li.dropdown {position:relative}
.nav.nav-pills li.dropdown a {padding-right:12px}
.nav.nav-pills li.dropdown i {position:absolute;top:4px;right:3px;cursor:pointer}
.nav.nav-pills li.dropdown ul {display:none;position:absolute}
.opened .dropdown-menu {display:block}
.dropdown {position:relative}
.dropdown-menu {display:none;padding:15px 20px 15px 45px;box-shadow:0 4px 32px 0 rgba(0,0,0,.3);position:absolute;margin-top:5px;right:3px;left:auto;overflow:hidden;z-index:10;background:#fff;max-width:180px;border-radius:5px}
.dropdown-menu > li {float:none;margin-bottom:15px;margin:0}
.dropdown-menu li:last-child {margin-bottom:0}
.dropdown-menu > li > a {font-size:15px;font-weight:500;color:#333;clear:both;white-space:nowrap;display:block;width:auto;height:30px}
.dropdown-menu li.active a {color:#aaa}
.dropdown-menu li.item-profile {width:100%;margin:0}
.dropdown-menu li.item-profile .bg-y b {display:block;padding:7px 0;word-wrap:break-word}
.dropdown-menu li.item-profile img {float:left;display:block;max-width:24px;height:24px;margin:5px 8px 5px 0;border-radius:50%}

.dropdown-create {line-height:23px}
.dropdown-create a {font-weight:normal}
.dropdown-create h2 a {text-transform:lowercase;display:inline-block}

.dropdown-menu-create {border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.5);position:absolute;background:#fff;min-width:200px;z-index:10;font-size:15px}
.dropdown-menu-create li {padding:7px 10px}
.dropdown-menu-create li:last-child {margin:0}
.dropdown-menu-create li a {font-size:16px;color:#333;width:100%;text-decoration:none;display:inline-block}
.dropdown-menu-create li.active {background:#bbb}
.dropdown-menu-create li:last-child {padding-bottom:10px}
.dropdown-menu-create li.active a {color:#fff}

.nav.nav-pills.nav-pills-dropdown li {margin:0}/* ИКОНКИ */

/* 2026 Не удалять! Универсальный стиль для SVG-иконок из спрайта */
.svg-icon { width: 1.1em; height: 1.1em; vertical-align: -0.15em; fill: none; stroke: currentColor; display: inline-block; margin-right: 0.4em; }


/* СТАРОЕ */

/*  Пример использования:<a href="#"><i class="icon icon-remove"></i> Remove</a>  */
[class^="icon-"],
[class*=" icon-"] {display:inline-block;vertical-align:text-top;width:14px;height:14px;line-height:14px;background:url(https://babiki.ru/templates/skin/bab/images/icons.png) no-repeat}
[class^="icon-synio-"],
[class*=" icon-synio-"] {background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) no-repeat}

.icon-white {background-image:url(https://babiki.ru/templates/skin/bab/images/icons-white.png)}

.icon-glass {background-position:0 0}
.icon-music {background-position:-24px 0}
.icon-search {background-position:-48px 0}
.icon-envelope {background-position:-72px 0}
.icon-heart {background-position:-96px 0}
.icon-star {background-position:-120px 0}
.icon-star-empty {background-position:-144px 0}
.icon-user {background-position:-168px 0}
.icon-film {background-position:-192px 0}
.icon-th-large {background-position:-216px 0}
.icon-th {background-position:-240px 0}
.icon-th-list {background-position:-264px 0}
.icon-ok {background-position:-288px 0}
.icon-remove {background-position:-312px 0}
.icon-zoom-in {background-position:-336px 0}
.icon-zoom-out {background-position:-360px 0}
.icon-off {background-position:-384px 0}
.icon-signal {background-position:-408px 0}
.icon-cog {background-position:-432px 0}
.icon-trash {background-position:-456px 0}

.icon-home {background-position:0 -24px}
.icon-file {background-position:-24px -24px}
.icon-time {background-position:-48px -24px}
.icon-road {background-position:-72px -24px}
.icon-download-alt {background-position:-96px  -24px}
.icon-download {background-position:-120px -24px}
.icon-upload {background-position:-144px -24px}
.icon-inbox {background-position:-168px -24px}
.icon-play-circle {background-position:-192px -24px}
.icon-repeat {background-position:-216px -24px}
.icon-refresh {background-position:-240px -24px}
.icon-list-alt {background-position:-264px -24px}
.icon-lock {background-position:-287px -24px}
.icon-flag {background-position:-312px -24px}
.icon-headphones {background-position:-336px -24px}
.icon-volume-off {background-position:-360px -24px}
.icon-volume-down {background-position:-384px -24px}
.icon-volume-up {background-position:-408px -24px}
.icon-qrcode {background-position:-432px -24px}
.icon-barcode {background-position:-456px -24px}

.icon-tag {background-position:0 -48px}
.icon-tags {background-position:-25px  -48px}
.icon-book {background-position:-48px  -48px}
.icon-bookmark {background-position:-72px  -48px}
.icon-print {background-position:-96px  -48px}
.icon-camera {background-position:-120px -48px}
.icon-font {background-position:-144px -48px}
.icon-bold {background-position:-167px -48px}
.icon-italic {background-position:-192px -48px}
.icon-text-height {background-position:-216px -48px}
.icon-text-width {background-position:-240px -48px}
.icon-align-left {background-position:-264px -48px}
.icon-align-center {background-position:-288px -48px}
.icon-align-right {background-position:-312px -48px}
.icon-align-justify {background-position:-336px -48px}
.icon-list {background-position:-360px -48px}
.icon-indent-left {background-position:-384px -48px}
.icon-indent-right {background-position:-408px -48px}
.icon-facetime-video {background-position:-432px -48px}
.icon-picture {background-position:-456px -48px}

.icon-pencil {background-position:0 -72px}
.icon-map-marker {background-position:-24px  -72px}
.icon-adjust {background-position:-48px  -72px}
.icon-tint {background-position:-72px  -72px}
.icon-edit {background-position:-96px  -72px}
.icon-share {background-position:-120px -72px}
.icon-check {background-position:-144px -72px}
.icon-move {background-position:-168px -72px}
.icon-step-backward {background-position:-192px -72px}
.icon-fast-backward {background-position:-216px -72px}
.icon-backward {background-position:-240px -72px}
.icon-play {background-position:-264px -72px}
.icon-pause {background-position:-288px -72px}
.icon-stop {background-position:-312px -72px}
.icon-forward {background-position:-336px -72px}
.icon-fast-forward {background-position:-360px -72px}
.icon-step-forward {background-position:-384px -72px}
.icon-eject {background-position:-408px -72px}
.icon-chevron-left {background-position:-432px -72px}
.icon-chevron-right {background-position:-456px -72px}

.icon-plus-sign {background-position:0 -96px}
.icon-minus-sign {background-position:-24px  -96px}
.icon-remove-sign {background-position:-48px  -96px}
.icon-ok-sign  {background-position:-72px  -96px}
.icon-question-sign {background-position:-96px  -96px}
.icon-info-sign {background-position:-120px -96px}
.icon-screenshot {background-position:-144px -96px}
.icon-remove-circle {background-position:-168px -96px}
.icon-ok-circle {background-position:-192px -96px}
.icon-ban-circle {background-position:-216px -96px}
.icon-arrow-left {background-position:-240px -96px}
.icon-arrow-right {background-position:-264px -96px}
.icon-arrow-up {background-position:-289px -96px}
.icon-arrow-down {background-position:-312px -96px}
.icon-share-alt {background-position:-336px -96px}
.icon-resize-full {background-position:-360px -96px}
.icon-resize-small {background-position:-384px -96px}
.icon-plus {background-position:-408px -96px}
.icon-minus {background-position:-433px -96px}
.icon-asterisk {background-position:-456px -96px}

.icon-exclamation-sign {background-position:0 -120px}
.icon-gift {background-position:-24px  -120px}
.icon-leaf {background-position:-48px  -120px}
.icon-fire {background-position:-72px  -120px}
.icon-eye-close {background-position:-120px -120px}
.icon-warning-sign {background-position:-144px -120px}
.icon-plane {background-position:-168px -120px}
.icon-calendar {background-position:-192px -120px}
.icon-random {background-position:-216px -120px}
.icon-comment {background-position:-240px -120px}
.icon-magnet {background-position:-264px -120px}
.icon-chevron-up {background-position:-288px -120px}
.icon-chevron-down {background-position:-313px -119px}
.icon-retweet {background-position:-336px -120px}
.icon-shopping-cart {background-position:-360px -120px}
.icon-folder-close {background-position:-384px -120px}
.icon-folder-open {background-position:-408px -120px}
.icon-resize-vertical {background-position:-432px -119px}
.icon-resize-horizontal {background-position:-456px -118px}

.icon-contact {width:18px;height:18px;font-size:18px;color:#ccc;font-family:"fontello";background:none}
.icon-contact:before {margin-right:10px} 

.icon-contact-mail:before {content:'\e833'}
.icon-contact-icq:before {content:'\e812'} 
.icon-contact-jabber:before {content:'\f317'}
.icon-contact-phone:before {content:'\e83e'}
.icon-contact-skype:before {content:'\f17e'}
.icon-contact-vkontakte:before {content:'\e816'}
.icon-contact-twitter:before {content:'\f309'} 
.icon-contact-facebook:before {content:'\F154'}
.icon-contact-odnoklassniki:before {content:'\f30c'}  
.icon-contact-www:before {content:'\e83f'} 


.icon-ok-green {width:18px;height:20px;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) -479px -2px no-repeat}
.icon-question-sign {width:23px;height:23px;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) -138px 0 no-repeat}
.icon-question-shopik {width:20px;height:19px;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) -137px -6px no-repeat}
.icon-eye-open {width:11px;height:11px;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) -110px -90px no-repeat}



.icon-synio-arrow-up {width:9px;height:9px;background-position:-24px -24px}
.icon-synio-arrow-down {width:9px;height:9px;background-position:-33px -24px}

.icon-synio-star-green {width:12px;height:11px;background-position:0 -23px}
.icon-synio-star-blue {width:11px;height:11px;background-position:0 -37px}
.icon-synio-star-white {width:11px;height:11px;background-position:0 -51px}
.icon-synio-star-yellow {width:11px;height:11px;background-position:0 -65px}
.icon-synio-share-blue {width:11px;height:11px;background-position:-127px -137px}
.icon-synio-share-white {width:11px;height:11px;background-position:-12px -51px}

.icon-synio-rating {width:11px;height:11px;background-position:-12px -23px}
.icon-synio-arrows {width:11px;height:11px;background-position:-22px -65px}

.icon-synio-comments-green {width:11px;height:11px;background-position:-46px -23px}
.icon-synio-comments-green-filled {width:11px;height:11px;background-position:-46px -51px}
.icon-synio-comments-blue {width:11px;height:11px;background-position:-46px -37px}
.icon-synio-comments-small {width:11px;height:11px;background-position:-28px -51px}

.icon-synio-tags {width:9px;height:9px;background-position:-26px -39px}

.icon-synio-actions-set {width:17px;height:15px;background-position:-273px -28px}
.icon-synio-actions-edit {width:16px;height:16px;background-position:-115px -23px}
.icon-synio-actions-delete {width:16px;height:16px;background-position:-131px -23px}
.icon-synio-actions-draft {width:16px;height:16px;background-position:-115px -39px}

.icon-synio-topic-reject {width:23px;height:23px;background-position:-207px 0}
.icon-synio-topic-private {width:23px;height:23px;background-position:-230px 0}
.icon-synio-topic-draft {width:23px;height:23px;background-position:-253px 0}
.icon-synio-topic-link {width:23px;height:23px;background-position:-276px 0}

.icon-synio-close {width:16px;height:16px;background-position:-131px -39px}
.icon-synio-link {width:11px;height:11px;background-position:-11px -65px}

.icon-synio-add-friend {width:16px;height:16px;background-position:-147px -23px}
.icon-synio-new-message {width:16px;height:16px;background-position:-163px -55px}
.icon-synio-join {width:15px;height:15px;background-position:-70px -100px}
.icon-synio-join-off {width:15px;height:15px;background-position:-90px -100px}
.icon-synio-search {width:16px;height:16px;background-position:-147px -55px}
.icon-synio-submit {width:16px;height:16px;background-position:-115px -55px}
.icon-synio-remove {width:24px;height:24px;background-position:-368px 0;vertical-align:middle;position:relative;top:-2px}

.icon-synio-vote-info-down {width:16px;height:11px;background-position:-60px -170px}
.icon-synio-vote-info-up {width:16px;height:11px;background-position:-40px -170px}
.icon-synio-vote-info-zero {width:16px;height:16px;background-position:-99px -71px}
.icon-synio-vote-info-view {width:16px;height:16px;background-position:-179px -39px}


/**** мои ***/
.icon-synio-send-message-sh {width:20px;height:13px;background-position:-90px -165px;margin-top:1px}
.icon-synio-send-message-sh:hover {width:20px;height:21px;background-position:-110px -157px;margin-top:-7px}
.icon-synio-send-message {width:16px;height:11px;background-position:-90px -186px;margin-top:3px}
.icon-topic-stream {background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) no-repeat -40px -87px;width:13px}
.icon-abuse {background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) no-repeat -150px -108px;width:13px;height:14px}
.icon-abuse:hover {background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) no-repeat -163px -108px;width:13px;height:14px;cursor:help}
.icon-abuse-small {background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) no-repeat -150px -123px;width:11px;height:12px}
.icon-abuse-small:hover {background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) no-repeat -161px -123px;width:11px;height:12px;cursor:help}
.icon-stream-author {background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) no-repeat -165px -77px;width:11px;height:12px}
.icon-synio-edit {width:24px;height:24px;background-position:-309px 0;vertical-align:middle;position:relative;top:-2px}/* ТАБЛИЦЫ */


.table {width:100%;margin-bottom:15px;border-collapse:separate}
.table th {text-align:left;font-weight:normal;border-bottom:1px solid #f1f3f5}
.table td {padding:13px 10px;background:#f9f9f9}
.table.table-off th, .table.table-off td {text-align:center}

.table th,
.table .cell-tab .cell-tab-inner {padding:0 10px 10px}
.table tr:hover td {background:#fafbfc}
.table.table-talk tr:hover td {background:#fbfdff}
.table tr.active td {background:#CBF4BC}
.table tbody td {border-top:1px solid #f1f3f5}
.table tbody tr:first-child	td {border-top:none}

.table thead a {color:#999;text-decoration:none}
.table thead a span {border-bottom:1px dotted #999}
.table thead a span font {color:#ccc}
.table a.asc,
.table a.desc {color:#999;font-size:11px}
.table a.asc:after {content:" ↑"}
.table a.desc:after {content:" ↓"}
.table .cell-rating.negative {color:#f00}
.table img {max-width:100%;vertical-align:top;margin:15px 0}
.table img.author-avatar {width:32px;height:32px;margin:0 8px 0 0;padding:0px;border:none;box-shadow:none}

.table .cell-tab {padding:0}
.table .cell-tab .cell-tab-inner {position:relative;top:1px;display:inline-block}
.table .cell-tab .cell-tab-inner.active {background:#fff;border-bottom:1px solid #F1F3F5}
.table .cell-tab .cell-tab-inner a .active {color:#555}

/* Table Blogs */
.table.table-blogs {color:#999;font-size:11px}
.table.table-blogs td {padding:16px 0px;border:none !important}
.table.table-blogs tr:hover td {background:none}
.table.table-blogs .cell-img {width:60px;padding:0;margin:0px;vertical-align:top;height:50px}
.table.table-blogs .cell-img img {width:50px;height:50px;margin-left:3px;border-radius:50%;box-shadow:0 0 7px rgba(0,0,0,.15)}
.table.table-blogs .cell-info {width:19px;padding-right:0;padding-left:0}
.table.table-blogs tbody .cell-info {vertical-align:top}
.table.table-blogs tbody .cell-info .blog-list-info {display:block}
.table.table-blogs .cell-name {padding-left:10px}
.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-name p .blog-name {color:#333;font-size:19px;line-height:18px}
.table.table-blogs .cell-name p i {vertical-align:middle;position:relative;top:-1px}
.table.table-blogs tbody .cell-rating {font-size:13px;color:#ccc}
.table.table-blogs .cell-readers {width:90px;text-align:center;vertical-align:middle}
.table.table-blogs tbody .cell-readers {text-align:center;vertical-align:middle;font-size:11px}
.table.table-blogs .cell-join {width:60px;text-align:center;vertical-align:middle;color:#999;font-size:11px}
.table.table-blogs .cell-rating {width:60px;text-align:center;vertical-align:middle;padding:0px}

/* 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 {}
.table.table-users .cell-follow {width:17px;text-align:center}
.table.table-users thead .cell-follow i {position:relative;top:3px}
.table.table-users .cell-name {padding-right:0;padding-left:0}
.table.table-users .cell-name img {float:left;margin-right:15px;border-radius:10px;width:auto;max-width:48px;max-height:48px}
.table.table-users .cell-name img.set-s {width:48px;height:48px}
.table.table-users .cell-name img.set-sm {width:24px;height:24px}
.table.table-users .cell-name.image {width:60px}
.table.table-users tbody .cell-name div {float:left}

/* Table Contest */
.table.table-contest th, .table.table-contest td {text-align:center}

/* Table Talk */
.table.table-talk td {padding:12px 10px;border-bottom:none}
.table.table-talk .cell-checkbox {width:10px;padding:7px 0 7px 7px}
.table.table-talk .cell-checkbox input[type="checkbox"]	{ margin-top:6%}
.table.table-talk thead .cell-checkbox {}
.table.table-talk .cell-favourite, .table.table-talk .cell-favourite-fav {text-align:center}
.table.table-talk .cell-favourite u {float:none;position:relative;top:1px}
.table.table-talk tbody .new {color:#58b13d;margin-left:0px}
.table.table-talk tbody .cell-date {max-width:100px;padding:10px 7px 10px 0px;color:#999;font-size:12px}
.table.table-talk .cell-recipients {width:200px}
.table.table-talk tbody .cell-recipients .font-m {background:#f1f1f1;border-radius:2px}
.table.table-talk tbody .cell-recipients {min-width:120px;font-size:14px;padding:10px 10px 10px 20px;overflow:hidden;text-overflow:ellipsis}
.table.table-talk tbody .cell-recipients .c-r {display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.cell-recipients a.username {color:#333;font-weight:600;font-size:13px}
.cell-recipients a.username.inactive, .cell-title a.js-title-talk.inactive, .topic.topic-type-talk .talk-recipients-header .username.inactive {color:#c5c5c5;font-weight:500}
.cell-recipients a.username.one {line-height:30px}
.username.active-talk {font-weight:600}
.table.table-talk tbody .cell-title {padding-right:5px}
.cell-title a.js-title-talk {font-size:14px;color:#333;margin-bottom:5px;line-height:16px;word-break:break-all}
.cell-title a.js-title-talk:hover {text-decoration:underline}
.cell-title a.js-title-talk.active {color:#000;font-weight:600}
.table.table-talk tbody .cell-title span.count-comment {white-space:nowrap;color:#bbb;margin-left:3px;font-size:15px}
.table.table-talk tbody .cell-title .top-talk-title {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:22px}
.table.table-talk tbody .cell-title .menu-talk-title {display:inline-block;margin-top:5px;width:100%}
.table.table-talk tbody .cell-title .menu-talk-title .d-b {margin-top:10px}
.table.table-talk tbody .cell-title .menu-talk-title span {margin:0 15px 0 0;display:inherit}
.table.table-talk tbody .cell-title span.new {color:#76cc5b;margin:0;font-size:14px;font-weight:600;padding:1px 5px 2px 2px}
.table.table-talk tbody .cell-title i {color:#bbb;font-size:18px}
.table.table-talk tbody .cell-title i.icons-mail {position:relative;top:1px;font-size:17px;color:#888}
.table.table-talk tbody .cell-title span.talk-date {color:#c3c3c3;font-size:9px;margin:10px 0 0}
.table.table-talk tbody .cell-title a i:hover {color:#e48746}
.table.table-talk b.synio-arrow-left {color:#71bbec;font-size:16px}
.table.table-talk b.synio-arrow-right {color:#41d414;font-size:16px}

.table.table-talk tbody .cell-title .talk-tags {display:inline-block;margin-bottom:-9px}
.table.table-talk tbody .cell-title .talk-tags li {font-size:11px;float:left;text-align:center}
.table.table-talk tbody .cell-title .talk-tags li  > a {position:relative;display:block}
.table.table-talk tbody .cell-title .talk-tags li i {color:#bbb;font-size:15px}
.table .talk-tags-user a {color:#555;background:#ecf4ff;font-size:12px;padding:2px 12px 3px;border-radius:16px;line-height:16px;margin:0 4px 2px 0;word-wrap:break-word}
.table .talk-tags-user a.e-t {padding:2px 3px 3px}
.table .talk-tags-user a:hover {background:#dde5ee}

.settings-image:hover {background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) -120px -130px no-repeat}

.table a.favourite {display:inline-block;width:11px;height:11px;vertical-align:text-top;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) 0 -37px no-repeat;cursor:pointer}
.table a.favourite.active {background-position:0 -65px}
.table a.favourite:hover {background-position:0 -65px}
.table a.favourite-count {margin-left:0}

/* Table People */
.my_user {-ms-flex-line-pack:stretch;align-content:stretch;padding:0 5px 15px;width:110px;text-align:center;margin-bottom:5px;line-height:1.2}
.my_user.m-p {width:128px}
.my_user .my_avatar {max-height:106px}
.my_user .my_avatar .shadow-people {margin:0 auto}
.my_user .my_avatar .shadow-people a {opacity:1}
.my_user .my_avatar .shadow-people img {border-radius:5px;border:1px solid #f3f3f3}
.my_user .my_avatar .shadow-people img.s-100 {height:75px;width:75px}
.my_user .my_avatar .shadow-people img.s-48 {height:48px;width:48px;margin-bottom:5px}
.my_user .my_avatar .shadow-people img:hover {-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}
.my_user .avatar {margin-right:5px}
.my_user .my_name {font-size:13px;text-align:center;margin:3px 0 6px;word-wrap:break-word}
.my_user.m-p .my_name {font-size:14px}
.my_user .my_name a {padding:0 2px;color:#000;font-weight:600}
.my_user .my_rating {font-size:11px;color:#999;text-align:center}
.my_user .my_date {min-height:40px;font-size:13px;color:#999;text-align:center}
.my_user .my_checkbox {min-height:35px;text-align:center;margin-top:10px}
.my_user .my_rating .talk {margin-top:7px;font-size:22px;color:#999}
.my_user .my_rating .talk:hover {color:#e48746}
#my_talk {background: #f2f1f1}

.people-online .ppp {-ms-flex-line-pack:stretch;align-content:stretch;line-height:25px;font-size:13px;color:#888;margin:0 0 25px;width:200px}
.people-online .ppp .blank {display:inline-block;width:138px}
.people-online .ppp .blank .p-login {line-height:17px;margin-bottom:5px}
.people-online .ppp a.lenk {font-size:14px;font-weight:600;color:#111;word-wrap:break-word}
.people-online .ppp span {font-size:10px}
.people-online .ppp .checkbx {margin:10px 0 0 65px}
.people-online .ppp .checkbx span {font-size:14px}
.people-online .ppp img {float:left;width:50px;-webkit-box-shadow:0 0 7px rgba(0,0,0,.3);box-shadow:0 0 7px rgba(0,0,0,.3);padding:2px;margin:10px 10px 0 0;border-radius:50%}
.people-online p {color:#555;margin-bottom:1em}

.people-a-b-c {min-height:50px}
.people-online .topic-rating .ffa {font-size:13px;color:#888;margin:0 0 0 10px;width:290px;float:left;padding:20px 0 5px}
.people-online .topic-rating .ffb a {font-style:italic}
.people-online .topic-rating .ffa span {font-size:12px;color:#555;font-style:italic}
.people-online .topic-rating .ffa img {float:left;margin-right:10px;border-radius:50%}
.people-online .topic-rating .ffb {float:left;max-width:460px;padding:17px 0 5px}

.page-category {overflow:hidden}
.page-category h2 {color:#444;font-family:Tahoma,Helvetica,sans-serif;font-size:17px;margin-left:65px}
.page-category-connect {padding-bottom:5px;color:#ccc;font:normal 9px Arial}


/* Универсальная таблица справки */
.help-table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 14px; line-height: 1.4; }
.help-table th, .help-table td { border: 1px solid #e3e3e3; padding: 20px 8px; vertical-align: middle; }
.help-table th { font-weight: 500; text-align: left; line-height: 1.25; opacity: 0.7; font-size: 13px; }
.help-table td:nth-child(2), .help-table td:nth-child(3) { text-align: center; font-weight: 500; }
/* Ее мобильная версия */
@media (max-width: 768px) { .help-table { font-size: 13px; } .help-table th, .help-table td { padding: 15px 6px; } }
/* Browsers:last 4 version */

/* ТОПИК */


.main-topic {margin-top:0;margin-bottom:25px;padding:25px 30px;background:#ffffff;border-radius:10px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.025); outline: 1px solid rgba(0, 0, 0, 0.01);}
.main-topic .navigation {margin-bottom:15px}
.main-topic-title {font-size:28px;color:#749f79;margin-bottom:10px;margin-top:10px;font-weight:500;line-height:1.1em}
.main-topic-title.sho {margin-top:11px;color:#444}
.main-topic-title .topic-info {margin-left:20px}
.topic-body .topic-text {padding:0}
.topic-author *, .topic-footer > * {vertical-align:middle;display:inline-block}
.topic-author.d-y {margin-bottom:25px}
.topic-author .author-links .icons-shop {font-size:21px;margin-bottom:2px}
.topic-footer  > div {width:100%}

/* topic add */
.cent-block.t-top {margin-top:0;padding-bottom:50px;overflow:visible}
.cent-block.t-add {margin-top:0}
.topic-editor {padding:10px}

/* topic-list preview */
.main-preview, .topic-preview article {overflow:hidden;padding:15px 15px 5px;margin-bottom:20px;background:#ffffff;border-radius:10px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.025); outline: 1px solid rgba(0, 0, 0, 0.01);}
.main-preview.color-preview {background:#fffded}
.main-preview a:hover {text-decoration:none}
.main-preview aside {display:table-cell;vertical-align:top;text-align:center;height:270px}
.main-preview aside a {opacity:1;line-height:18px;display:block}
.main-preview .profile-name {display:block;margin-bottom:16px}
.main-preview .profile-name .online-marker {top:-20px;right:0}
.main-preview .author-avatar {width:96px;height:96px;margin:0}
.main-preview .author-avatar.list {width:48px;height:48px;-webkit-box-shadow:0px 5px 15px rgba(254,254,254,.9);box-shadow:0px 5px 15px rgba(254,254,254,.9)}
.main-preview .block-author {margin-top:7px;margin-left:2px;overflow:hidden;max-width:225px}
.main-preview .block-author li {word-wrap:break-word;display:inline;float:left;font-size:16px;color:#333;font-weight:600;text-align:left;margin-right:12px}
.main-preview .block-author li.block-down {margin:0}
.main-preview .block-author .author {min-width:150px;margin-top:6px}
.main-preview .block-author .f-b:hover {color:#888}
.main-preview .block-author .topic-time {line-height:18px;margin-top:5px;font-size:10px;color:#777;font-weight:600}
.main-preview .topic-img img {margin-top:0;display:block;width:225px;height:225px;border-radius:2px;border:0;box-shadow:0px 5px 5px rgb(209 211 219 / 26%)}
.topic-pr-au {font-size:18px;color:#000;font-weight:600;margin:6px 0 12px 0}
.topic-prev-body{display:table-cell;padding:0 5px 0 25px;width:100%}
.topic-preview h2 {font-size:20px;font-weight:600;margin:5px 0}
.main-preview aside .btn-or {padding:4px 0;letter-spacing:.1em}
.liked {color:#7cc034}
.disliked {color:#e48746}

.topic-date time {color:#cbcbcb;margin:0 0 0 10px;z-index:950;max-width:145px;float:right;font-size:10px;text-align:right}
.author-profile {margin-right:20px;margin-bottom:15px}
.author-links {margin:0 20px 15px}
.author-links.prev {margin:0}
.author-links.f-t {margin:0 0 5px;padding:0 20px;border-radius:8px;background:#f9f9f9}
.author-links.d-y {margin:0;text-align:center;width:100%}
.author-links span {margin:0 10px}
.author-profile .b-r {display:block;margin-left:10px}
.author-profile .b-r .r1 {margin:0}
.author-profile .online-marker {height:7px;width:7px;border-radius:50%; position:relative;top:-4px;margin:0 0 0 4px}
.author-profile .f-b {color:#000;font-weight:600;margin:0 0}
.author-profile .f-b:hover {opacity:0.8}
.author-profile .user-name {font-size:16px;font-weight:600;color:#444}

.main-topic a:hover, .main-topic .user-name:hover {text-decoration:none;opacity:0.8}
.main-topic .topic-body a {color:#7593b7}
.main-topic .similar-topic {margin:20px 0 0}
.main-topic .similar-topic h3 {font-size:19px;margin-bottom:25px;font-weight:600;color:#333}

.author-links a {font-size:16px;color:#999;font-weight:500}
.author-links a:hover {opacity:0.8}
.author-links.f-t a {font-size:14px;color:#777}
.author-links.f-t .socialcounters a {color:#fff}
.author-links .icon {font-size:24px;margin-right:0}
.author-links time {font-size:13px;color:#777}
.author-avatar {border-radius:10px;width:48px;height:48px;-webkit-box-shadow:0 0 7px rgba(0,0,0,.3);box-shadow:0 0 7px rgba(0,0,0,.3);padding:1px;border:2px solid #fdae87;background:#fff}
.author-avatar-small {border-radius:5px;width:24px;height:24px;margin-right:6px}
.author-avatar-small.va {vertical-align:middle}
.topic-body, .topic-title, .topic-category {padding-left:0}
h3.topic-title {font-size:21px;line-height:1.15em;margin:0 0 10px;font-weight:600}
.topic-title .unpublish, .main-topic-title .unpublish {font-size:14px;font-weight:600;line-height:16px;color:#fff;padding:3px 6px;margin:0 4px;border-radius:10px;background:#999}
.topic-title a {color:#7593b7;text-decoration:none}
.topic-title a.activity {color:#444}
.topic-title a.dollnews {color:#eee;font-size:16px;padding:0 5px;border-radius:5px;background:#808f9a;display:table;margin-bottom:3px;line-height:23px;font-weight:600}
.follow_user a {font-size:14px;padding:6px 10px;margin-top:5px;letter-spacing:0.05em}


.topic-category { color: #999; font-size: 14px; line-height: 20px; margin-bottom: 25px; display: flex; align-items: center; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -webkit-mask-image: linear-gradient(to right, black 85%, transparent); mask-image: linear-gradient(to right, black 85%, transparent);}
.topic-category::-webkit-scrollbar { display: none; }
.topic-category [itemprop="itemListElement"] { display: flex; align-items: center; }
.topic-category a { color: #999; text-decoration: none; white-space: nowrap; display: flex; align-items: center; }
span.t-time { color: #999; padding: 0; margin-bottom: 15px; font-size: 14px; flex-shrink: 0; display: flex; align-items: center; position: relative; }
.topic-category [itemprop="itemListElement"] span { margin-right: 0; padding: 0; }
.topic-category .icons-chevron-right { font-size: 9px; margin: 0 4px; color: #bbb; flex-shrink: 0; display: flex; align-items: center; }
.topic-category .current-topic-name { opacity: 0.7; display: inline-block; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; }
.topic-category .current-topic-name.long { max-width: 400px; }
.topic-category .topic-blog.current, .topic-category .active { opacity: 0.7; white-space: nowrap; flex-shrink: 0; cursor: default; pointer-events: none; }
.topic-category-list { font-size: 13px; color: #999; margin-top: 14px; margin-bottom: 12px; line-height: 15px; }
.topic-category-list a { color: #999; text-decoration: none; }
/* 1. Скрываем первую крошку (Бэйбики) для глаз, но оставляем для роботов */
.topic-category span[itemprop="itemListElement"]:first-of-type, .topic-category span[itemprop="itemListElement"]:first-of-type + i, .topic-category span[itemprop="itemListElement"]:first-of-type + .icons-chevron-right { display: none !important; }


.topic-body {font-size:16px;line-height:24px}
.topic-footer {padding:10px 0 15px;font-size:15px;overflow:hidden;line-height:34px}
.topic-footer.diary {padding-bottom:10px}
.topic-footer.list {padding:10px 0 0}
.topic-footer .topic-info {float:right}
.topic-footer .topic-info-authors .author {color:#111;font-weight:600}
.topic-lickes {margin-right:10px}
.topic-lickes i {color:#999;cursor:pointer;font-size:27px;width:34px}
.topic-lickes span.no-p {color:#999;padding:3px 0;font-size:13px;margin:0 0;font-weight:600}
.topic-lickes .voted-up i.icons-thumbs_up, .icons-thumbs_up:hover {color:#7cc034}
.topic-lickes .voted-down i.icons-thumbs_down, .icons-thumbs_down:hover {color:#ff3d3d}
.topic-lickes .vote-count-positive  span {color:#7cc034}
.topic-lickes .vote-count-negative span {color:#ff3d3d} 
.vote-topic.voted-down .vote-item.vote-up, 
.vote-topic.voted-up .vote-item.vote-down, 
.vote-topic.vote-nobuttons .vote-item.vote-down {display:none}
.vote-topic .vote-item.vote-count {cursor:help}

.topic-comment .icons-topic, .shopik-link .icons-topic {font-size:24px}
.topic-comment .icons-visible, .shopik-link .icons-visible {font-size:27px}
.shopik-link .icons-auctn {font-size:22px}
.shopik-link a:hover  {opacity:0.8}
.topic-comment u, .fav-count {font-size:13px;font-weight:600;color:#999;margin-top:7px;text-decoration:none}
.topic-comment u.count {margin-bottom:10px;font-size:12px;color:#7cc034}

.topic-info .icon {font-size:32px;color:#000}
.topic-info .notes {font-size:23px}
.topic-social {float:right}
.topic-info a {color:#000;font-weight:600}
.topic-info a:hover, .topic-info .icon:hover {opacity:0.8;text-decoration:none}
.topic-dop {margin-bottom:25px}
.topic-dop h3 {font-size:19px;font-weight:600}

/* --- Стили для новых кнопок действий (Vote, Favourite, BlogInfo) --- */
button.topic-action-btn,button.topic-favourite-btn{background:transparent;border:none;padding:0;margin:0;outline:none;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;display:inline-block;vertical-align:middle;-webkit-tap-highlight-color:transparent;transition:transform 0.1s ease,opacity 0.2s;text-decoration:none;}
button.topic-action-btn:active,button.topic-favourite-btn:active{transform:scale(0.95);opacity:0.8;}
button.topic-favourite-btn i.favourite{display:inline-block;vertical-align:middle;font-size:25px;color:#999;width:28px;height:28px;line-height:28px;text-align:center;font-style:normal;}
button.topic-favourite-btn i.favourite::before{content:'\e80c';}
button.topic-favourite-btn i.favourite.active{color:#e48746;}
button.topic-favourite-btn i.favourite.active::before{content:'\e808';}
button.topic-favourite-btn:hover i.favourite{color:#e48746;}
button.topic-favourite-btn span.fav-count{margin-left:2px;margin-top:7px;font-weight:600;font-size:13px;color:#999;}
.topic-lickes button.vote-item{display:inline-block;vertical-align:middle;}
.topic-lickes button.vote-item i{color:#999;font-size:27px;width:34px;display:block;text-align:center;font-style:normal;}
.topic-lickes .voted-up button.vote-item.vote-up i,.topic-lickes button.vote-item.vote-up:hover i{opacity:0.8}
.topic-lickes .voted-down button.vote-item.vote-down i,.topic-lickes button.vote-item.vote-down:hover i{opacity:0.8}
button.topic-blog-info-btn{color:#999;margin-left:5px;}
button.topic-blog-info-btn i{color:#fdae87;font-size:inherit;font-style:normal;}
button.topic-blog-info-btn:hover{opacity:0.8;}

.topic-info-favourite u.favourite {color:#999;font-size:25px;margin-bottom:7px;cursor:pointer;height:28px}
.topic-info-favourite u.favourite.talk {font-size:15px}
.topic-info-favourite u.favourite.list {font-size:19px}
.topic-info-favourite u.favourite:before {content:'\e80c'}
.topic-info-favourite u.favourite.similar:before {line-height:18px;margin:0}
.topic-info-favourite u.favourite.active {color:#e48746}
.topic-info-favourite u.favourite.active:before {content:'\e808'}
.topic-info-favourite u.favourite:hover {color:#e48746}
.topic-bottom .topic-info-favourite i.favourite-count {padding:0;font-weight:600;font-size:13px;font-style:normal;color:#999;margin-top:6px}
.s-footer .topic-info-favourite i.favourite-count {padding:0;font-weight:500;font-size:13px;font-style:normal;color:#999;margin-top:6px}

.comment-favourite .favourite {color:#999;font-size:15px;cursor:pointer}
.comment-favourite .favourite:before {content:'\e80c'}
.comment-favourite .favourite.active {color:#e48746}
.comment-favourite .favourite.active:before {content:'\e808'}
.comment-favourite .favourite:hover {color:#e48746}
.comment-favourite .favourite-count {font-weight:600}

.yamogu-block li {padding:10px 0;display:table}
.yamogu-block li  div {display:table-cell;vertical-align:middle;line-height:22px;font-size:15px;font-family:Verdana,Helvetica,sans-serif}
.ya-icon {padding-right:25px;display:table-cell}
.ya-icon img {border-radius:50%;width:75px;height:75px;-webkit-box-shadow:0 0 7px rgba(0,0,0,.3);box-shadow:0 0 7px rgba(0,0,0,.3);padding:1px}

.add_tag input {padding:10px 0 10px 16px;border:1px solid #999;border-radius:25px;width:100%;width:-moz-available;width:-webkit-fill-available;outline:0}
.add_comment, .add_comment-d {width:100%;margin:0;padding-top:15px}
.textcomment {-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;width:-moz-available;width:-webkit-fill-available;max-width:-ms-fill-available}
.comment_avatar {display:block;margin-right:15px;-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start;float:left}
.add_comment img,.add_comment-d img {width:38px;height:38px;border-radius:50%;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);margin-left:3px}
.comment-form {display:-webkit-box;display:-ms-flexbox;display:flex;margin:5px 0}
.topic-comments {padding:20px 25px;background:#ffffff;border-radius:10px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.025); outline: 1px solid rgba(0, 0, 0, 0.01);}

.similar-topic ul {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}
.similar-topic li {width:170px;padding:0;margin-bottom:15px}
.similar-topic .post-icon {width:200px;height:140px;overflow:hidden;border-radius:3px;margin-bottom:10px}
.similar-topic .post-icon img {margin:-30px 0 -70px}
.similar-topic a.topic-title {font-size:15px;margin:5px 0;display:block;color:#000;font-weight:600;line-height:18px}
.similar-topic a:hover {opacity:0.8}
.topic-comments h4 {font-size:17px;font-weight:600;padding:5px 0;color:#333;font-family:'Raleway', sans-serif}

.topic {margin-bottom:25px}
.topic.diary {margin-bottom:35px}
.topic:last-child {margin-bottom:0}

/* Content */
.topic .topic-content {word-break:break-word;margin-bottom:10px}
.topic .topic-content.d-y {margin-bottom:0;font-size:16px}
.topic .topic-content.text {color:#333}
.topic .topic-content.talk {padding:10px 0 10px;font-size:17px}
.topic-text {word-break:break-word;overflow:hidden;margin:6px 0;line-height:1.5;font-size:17px;font-weight:400;color:#333}
.topic-text .imgLikeWrap {overflow:hidden}
.topic-text.list {word-break:break-word;line-height:1.40em;font-size:15px;margin:2px 0 0}
.topic-text.list strong {font-size:15px}
.topic-text.page-text {line-height:1.6em;font-size:16px}
.topic-text.page-text .page-note {color:#888;font-size:13px;line-height:1.5em}
.topic-text img {max-width:100%;margin-bottom:12px;margin-top:12px;margin-right:25px}

/* Content v Page */
.page-body h1, .page-body h2 {font-size:24px;margin-bottom:20px;font-weight:600}
.page-body h3, .page-body h4 {font-size:19px;margin-bottom:20px;font-weight:600}
.page-body span {display:block;color:#888;font-size:13px}
.page-body img {margin:0}
.page-body .raght {margin-left:30px}

/* Tags */
.topic-tags {width:100%;margin:0}
.topic-tags li {margin:0 3px 5px 0;display:inline-block}
.topic-tags li a {color:#555;background:#ecf4ff;font-size:13px;padding:2px 12px 4px;border-radius:16px;line-height:18px;margin:0 4px 2px 0;word-wrap:break-word}
.topic-tags li a:hover, .topic-tags li a:active {color:#777;background:#dde5ee}
.topic-tags li.topic-tags-edit a, .topic-tags li.ad-tags-edit a {padding:2px 3px 3px;color:#bbb;font-size:15px}
.topic-bottom {margin-top:15px;width:100%}
.topic-bottom .author-links .topic-info-favourite u.favourite {font-size:23px;margin:0 0 8px}
.topic-bottom.list {margin-top:0;width:100%}

/* Info */
.my-topiclist {padding:0px;width:160px;float:left;margin:0 20px 0 0;border:1px solid #fff}
.my-topiclist .topiclist-date {padding:0 0 5px 0px;font-size:10px;color:#aaa;text-align:center}
.my-topiclist .topic-img {margin-top:2px}
.my-topiclist .topic-img img {padding:3px 4px;border:1px solid #ddd;width:150px;height:150px;border-radius:3px}

.topic-info-author {font-size:12px;color:#fff;font-weight:bold;padding-right:20px}
.topic-info-author a {color:#fff;background:#a6c3dd; text-decoration:none;padding:0px 15px;border:1px solid #ddd;border-radius:2px}
.topic-info-author a:hover 	{border:1px solid #f3f3f3}

.my-topic {background:#fff;text-align:left;float:left;width:100%;height:20px}
.my-topic li {float:left;margin-right:10px;border-right:1px solid #fff}
.my-topic li a {text-decoration:none}
.my-topic li.topic-info-vote {float:right;padding:0;overflow:hidden}
.my-topic .topic-info-date {color:#999999;font-size:11px;line-height:30px;margin-left:4px}
.my-topic li.topic-info-comments {background:#fff;padding:0 6px;margin:28px 0 0 7px;position:absolute;border:1px solid #ccc;border-radius:2px;filter:alpha(Opacity=80);opacity:0.80;line-height:16px}
.my-topic li.topic-info-comments a {font-size:11px;float:left;margin-right:3px;color:#2e5f8e}
.my-topic li.topic-info-comments a.new {color:#257dcf;padding:0}
.my-topic li.topic-info-comments a.new:hover {opacity:0.8}
.my-topic li.topic-info-comments span.count {font-size:9px;color:#346620;background:#fff;padding:0px 2px 0px 2px;border:1px solid #98db7d}
.my-topic li.topic-info-comments i {float:left;margin-right:7px}
.my-topic li.topic-info-comments span.count:hover {background:#7dd45b;color:#fff}


/* Share */
.topic-info-share {padding:2px 30px 2px 0; cursor:pointer; position:relative;width:150px}
.topic-share {padding:3px 35px 3px 0;position:relative}
.topic-share .close {content:'';position:absolute;top:7px;right:7px;width:19px;height:22px;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) -479px -26px no-repeat;cursor:pointer;opacity:.8}
.topic-share .close:hover {opacity:1}
.topic-share .arrow {position:absolute;border:none;width:15px;height:11px;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) no-repeat;background-position:-53px -107px;bottom:-11px}

.main-topic-title,.topic-title {display: inline;margin: 0;}
.topic-title + .social_button {display: inline;vertical-align: baseline;margin-left: 6px;}
.topic-title + .social_button .icons-export {vertical-align: -2px;}
.topic-title-wrap {margin:10px 0 15px;}

/* Poll */
.topic .poll {margin-bottom:15px;background:#fef7eb;border-top:1px solid #fbe4bc;border-bottom:1px solid #fbe4bc;padding:10px 15px;overflow:hidden}
.topic .poll .poll-vote {margin-bottom:20px;margin-left:0;list-style-type:none}
.topic .poll .poll-vote li {margin-bottom:5px}
.topic .poll .poll-vote li:last-child {margin-bottom:0}
.topic .poll .poll-vote li label {display:inline;font-size:14px}
.topic .poll .poll-vote li input {position:relative;top:1px;margin-right:2px}

.topic .poll .poll-result {margin-bottom:0;list-style-type:none;overflow:hidden}
.topic .poll .poll-result li {margin-bottom:5px}
.topic .poll .poll-result li dl {overflow:hidden;zoom:1}
.topic .poll .poll-result li dl dt {float:left;width:80px}
.topic .poll .poll-result li dl dt span {font-size:11px;color:#aaa}
.topic .poll .poll-result li dl dd {float:left;width:400px}
.topic .poll .poll-result li dl dd div {height:7px;margin-top:3px;background:#ccc;overflow:hidden;border-radius:4px}
.topic .poll .poll-result li.most dl dd div {background:#1999e2;background:#a9e68f;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}
.topic .poll .poll-result li.most dl dt {color:#66B746}

.topic .poll .poll-total {position:relative;color:#818189;font-size:11px;line-height:16px;padding-left:80px;margin-bottom:0px}
.topic .poll .poll-total .poll-sort {position:absolute;top:2px;left:0;width:23px;height:23px;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) -161px 0 no-repeat;cursor:pointer}
.topic .poll .poll-total .poll-sort.active {background-position:-184px 0}

/* 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.topic-type-photoset .topic-photo-preview .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 #ccc;padding-bottom:4px;margin-bottom:15px;font-size:25px}
.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:#F1F7FD;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;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 {opacity:0.8}
.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 {margin-bottom:-5px}
.topic.topic-type-talk header .topic-info {background:#f8fbfe;font-size:11px;padding:15px;border-radius:5px;margin-bottom:0}
.topic.topic-type-talk .talk-recipients {padding:10px 10px;background:#f4f9ff;margin-top:20px;margin-bottom:0;overflow:hidden;border-radius:25px}
.topic.topic-type-talk .talk-recipients-header  {font-size:14px}
.topic.topic-type-talk .talk-recipients-header .username {font-size:14px;color:#111;font-weight:600}
.topic.topic-type-talk .talk-recipients-header .username:hover {opacity:0.8}
.topic.topic-type-talk .talk-recipients-content h3 {font-size:16px;font-weight:normal;margin-bottom:10px}
.topic.topic-type-talk .topic-header .topic-info .topic-info-favourite i {margin-right:0}
.topic.topic-type-talk .talk-date {margin:0 5px 10px;color:#999;font-size:13px}

/* Topic Link */
.topic.topic-type-link .topic-header .topic-title a {color:#27964C}
.topic.topic-type-link .topic-url {font-size:11px;margin-bottom:30px;padding-top:10px}
.topic.topic-type-link .topic-url a {color:#27964C}
.topic.topic-type-link .topic-url a:hover {opacity:0.8}

.vote-topic-info li {margin-bottom:3px}
.delete a {color:#FF0000}/* КОММЕНТАРИИ */


/* Блок с комментариями */
.comments-header {margin-bottom:10px}
.comments-header .pull-left {margin:0 0 20px}
.comments-header h3 {font-size:19px;margin-bottom:5px;font-weight:600;color:#333}
.comments-header .subscribe label {float:left}

.comment-wrapper {position:relative}
.comment-wrapper .comment-wrapper {padding-left:20px}
.comment-preview {padding:10px 12px;margin-bottom:10px;border:1px solid #ddd;border-radius:10px;font-size:15px;line-height:24px}


/* Комментарий */
.comment {min-height:48px;margin:0;padding:0;position:relative}
.comment .deleted {padding:5px 10px;color:#777;background:#f4f4f4}
.comment .comment-avatar {position:absolute;top:10px;left:0;width:30px;height:30px}
.comment .folding  {float:left;z-index:100;line-height:18px;font-size:20px;color:#eee;position:absolute;margin:3px 0 0 -2px;cursor:pointer}
.comment .folding:before  {content:'\f147'}
.comment .folding.folded:before {content:'\f196'}
.comment .folding:hover {color:#d5d5d5}
.comment-content .text {overflow:hidden}

/* Стили для списка комментариев на странице - сайт/comments/ */
.comments.comment-list .comment {margin-bottom:30px;padding-left:0}
.comments.comment-list .comment.feedback-comment {margin-bottom:26px}
.comments.comment-list .comment.feedback-comment-store {margin-bottom:22px}
.comments.comment-list .comment .comment-avatar {position:static;width:24px;height:24px;border-radius:50%;vertical-align:middle}
.comments.comment-list .comment .comment-content {margin-bottom:5px}
.comments.comment-list .comment .comment-info  {min-height:24px}
.comments.comment-list .comment .comment-info.feedback {min-height:auto;line-height:18px}
.comments.comment-list .comment .comment-info li.vote {padding:1px 0;position:absolute;right:0}
.comments.comment-list .comment .comment-info li.vote.feedback-comment {top:26px}
.comments.comment-list .comment .comment-info li.vote .vote-count {margin-right:0}
.comments.comment-list .comment .comment-info li.comment-date.feedback {line-height:14px;float:right}
.comments.comment-list .comment .comment-content:after {top:-12px;left:35px;border-color:transparent transparent #eff6fc}
.comments.comment-list .comment .comment-content:before {top:-11px;left:35px;border-color:transparent transparent #f4faff}
.comments.comment-list .comment-path {font-size:11px;padding:0 35px 0 0;line-height:16px}
.comments.comment-list .comment-path.feedback {padding:0;font-size:11px;font-weight:500}
.comments.comment-list .comment-path.feedback i.icons {font-size:10px;font-weight:600}
.comments.comment-list .comment-path.feedback .right {white-space:nowrap}
.comments.comment-list .comment-path .blog-name,
.comments.comment-list .comment-path .comment-path-comments {color:#7d7d7d}
.comments.comment-list .comment-path .comment-path-topic {color:#7593b7}
.comments.comment-list .comment-path a:hover {opacity:0.8;}

/* Типы комментариев:
 * deleted 	- 	удаленный комментарий
 * self 	- 	ваш комментарий
 * new 		- 	новый, непрочитанный комментарий
 * current 	- 	активный комментарий, который выделяется при исползование кнопки обновления в тулбаре
 */
.comment.comment-deleted 	.comment-content {background:#c5c5c5;border-color:#DDDEDE}
.comment.comment-deleted	.comment-content:after {border-color:#DDDEDE transparent transparent}
.comment.comment-deleted 	.comment-content:before {border-color:#c5c5c5 transparent transparent}
.comment.comment-self		.comment-content {background:#fdf5e6;border-color:#DDDEDE}
.comment.comment-self		.comment-content:after {border-color:#fcf1dc transparent transparent}
.comment.comment-self 		.comment-content:before {border-color:#fdf5e6 transparent transparent}
.comment.comment-new 		.comment-content {background:#e8fbe4;border-color:#DDDEDE}
.comment.comment-new		.comment-content:after {border-color:#e4f8e0 transparent transparent}
.comment.comment-new 		.comment-content:before {border-color:#e8fbe4 transparent transparent}
.comment.comment-current 	.comment-content {background:#fff;border:1px solid #fec55b}
.comment.comment-current 	.comment-content img {margin-right:15px}
.comment.comment-current	.comment-content:after {border-color:#fec55b transparent transparent}
.comment.comment-current 	.comment-content:before {border-color:#ffe4b1 transparent transparent}
.comment.comment-bad 		.comment-content {opacity:0.3;filter:alpha(opacity=30)}
.comment.comment-bad:hover 	.comment-content {opacity:1;filter:alpha(opacity=100)}

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


/* Info Block */
.comment .comment-info {padding:0;line-height:20px;position:relative;min-height:20px;overflow:hidden;zoom:1;font-size:12px}
.comment .comment-info li {display:inline-block;padding:0 15px 5px 5px;margin-bottom:5px}
.comment .comment-info li a:hover {opacity:0.8;}
.comment .comment-info li a.link-dotted {color:#7593b7; border:none}
.comment .comment-info li a.link-dotted:hover {opacity:0.8;}
.comment .comment-info li.comment-ava {margin-top:-3px}
.comment .comment-info li.comment-avat {margin:0 0 0;padding:0}
.comment .comment-info li.comment-avat img {border-radius:5px;vertical-align:middle;width:24px;height:24px}
.comment .comment-info li.comment-avat img.s-48 {width:48px;height:48px;border-radius:7px;margin-bottom:6px}
.comment .comment-info li.comment-author a {color:#000;font-size:13px;line-height:13px;font-weight:600}
.comment .comment-info li.comment-author.c-b a.blue {color:#8eb1d3}
.comment .comment-info li.comment-author.comment-topic-author a {color:#e48746;font-weight:700}
.comment .comment-info li.comment-author.feedbacks {position:absolute;margin:5px 0 0 5px}
.comment .comment-info li.comment-author.feedbacks a {font-size:15px}
.comment .comment-info li.comment-date {color:#b1b7c2;font-size:11px;display:block;padding-right:5px}
.comment .comment-info li.comment-date.topic-date {float:right;padding:0 5px;margin-bottom:1px}
.comment .comment-info li.comment-date.t-c {margin:5px 0 -5px}
.comment .comment-info li.comment-favourite {position:relative;font-size:11px}
.comment .comment-info li.comment-favourite  .favourite-count {font-size:11px;color:#999;display:inline-block}
.comment .comment-info li.comment-edit {font-size:15px}
.comment .comment-info li.comment-edit .js-comment-update-timer {font-size:13px;color:#999}
.comment .comment-info li.comment-link  {font-size:13px}
.comment .comment-info li.goto a {color:#aaa;text-decoration:none;font-size:13px;font-weight:500}
.comment .comment-info li.replyto a {color:#bbb;text-decoration:none;font-size:10px;margin:-2px 0 0 30px;
 padding:0 5px;position:absolute;font-weight:500}
.js-comment-edit-time {margin:0}

/* comment vote likes */
.comment-info li.vote i {color:#b5b5b5;cursor:pointer;font-size:14px;float:left}
.comment-info li.vote i.icons-arrow-down {opacity:0.65}
.comment .comment-info li.vote {float:right;padding:0 0 5px 10px}
.comment .comment-info li.vote.feedback	{position:relative;float:right;padding:15px 0 0 10px}
.comment .comment-info li.vote .vote-count {font-size:13px;float:left;color:#999;font-weight:500;margin-right:0;border-radius:5px}
.comment .comment-info li.vote .vote-count.feedbacks {font-size:12px;font-weight:600}
.comment .comment-info li.vote.vote-count-positive .vote-count {color:#7cc034}
.comment .comment-info li.vote.vote-count-negative .vote-count {color:#fa7979}
.comment-info .voted-up i.icons-arrow-up, .comment-info .icons-arrow-up:hover {color:#8ccb49}
.comment-info .voted-down i.icons-arrow-down, .comment-info .icons-arrow-down:hover  {color:#ff3d3d}

.comment-info .vote.vote-expired .icons-arrow-up, .comment-info li.vote.voted-up .icons-arrow-down,
.comment-info .vote.vote-expired .icons-arrow-down, .comment-info li.vote.voted-down .icons-arrow-up, .comment-info li.goto-comment-child {display:none}
.comment-info .icons-arrow-up {margin-right:12px}
.comment-info .icons-arrow-down {margin-left:12px}
.comment-info .icons-arrow-up:before, .comment-info .icons-arrow-down:before {font-weight:600}

/* Content */
.comment .comment-content {color:#333;background:#fafafa;margin-bottom:5px;padding:15px 15px;border-radius:25px;position:relative}
.comment .comment-content .text {word-break:break-word;font-size:17px;line-height:23px;padding:0}
.comment .comment-content .text.text-talk {font-size:15px}
.comment .comment-content .text blockquote {background:#fff;margin-bottom:5px}
.comment .comment-content:after {display:block;content:"";position:absolute;bottom:-11px;left:35px;width:0;height:0;border-width:6px;border-color:#eff6fc transparent transparent;border-style:solid}
.comment .comment-content:before {display:block;content:"";position:absolute;bottom:-11px;left:35px;width:0;height:0;border-width:6px;border-color:#f4faff transparent transparent;border-style:solid;z-index:10}

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

/* Форма комментирования */
.reply-header {margin-bottom:10px}
.reply-header a {font-size:15px;width:150px;padding:3px 0}
.reply-header.d-y a {margin:0 auto}
.reply {padding:5px 0 15px}
.reply textarea {height:150px}
.reply textarea.loader {background:transparent url(https://babiki.ru/templates/skin/bab/images/loader.svg) center no-repeat;z-index:9999}
.reply .mceEditor {display:block;margin-bottom:10px}

.wall-submit.wall-submit-reply.wall-submit-comment {-webkit-box-shadow:none;box-shadow:none;margin-top:0;margin-bottom:50px}
.wall-submit.wall-submit-reply.wall-submit-comment:after {display:none}
#reply-talk-error {display:inline-flex;align-items:center;gap:14px;padding:12px 18px;margin-bottom:20px;font-size:14px;font-weight:600;border-radius:12px;background-color:rgba(226,74,33,0.1);color:#e24a21;border:1px solid rgba(226,74,33,0.15);line-height:1.4;animation:errIn 0.5s cubic-bezier(0.25,1,0.5,1);width:100%;}
@keyframes errIn {from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
#reply-talk-error i {flex-shrink:0;padding:0;margin:0;color:#e24a21;border: 1px solid #e24a21;font-size: 17px;}
#reply-talk-error span {display:inline-block}

.comment-attention {color:#333;font-size:14px;background:#ffdc74;padding:15px 15px;font-weight:600;line-height:22px;border-radius:15px;margin-top:5px}/* БЛОКИ */

.left-sidebar .block {width:230px}

.block {padding:15px 20px 15px;margin:0 0 15px;width:250px; background:#ffffff;border-radius:10px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.025); outline: 1px solid rgba(0, 0, 0, 0.01);}
.block.imaster, .block.shopink {padding:15px 12px}
.block.people {padding:15px 5px 15px}
.block.list-block {padding:15px 10px 20px 15px}
.block.b-road {padding:15px 0;text-align:center;margin:0 auto 15px}
.block.b-road img.imgb-road {width:220px;height:400px}
.im-block {padding:15px 15px 20px;margin:0 0 15px; background:#ffffff;border-radius:10px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.025); outline: 1px solid rgba(0, 0, 0, 0.01);}
.block:last-child {border:none}
.sidebar-left .block {margin-bottom:10px}
.block .block-content {overflow:hidden;font-size:14px;line-height:20px}
.block .block-content.menu-b {line-height:17px;font-size:15px}
.block .block-content.menu-b li {padding:0 0 15px}
.block .block-content.menu-b li a {color:#111}
.block .block-content.empty {padding:5px 15px}
.block .block-content .pay {margin:2px 0 5px 2px}
.block.shopink .block-content {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap} 
.block.shopink a {color:#111;line-height:20px;font-size:14px;font-weight:600} 
.block.shopink .js-title-comment a.note {white-space:nowrap} 
.block.shopink a.link-bl:hover {color:#fa8c54!important;text-decoration:none}
.block.shopink a img {width:70px;border-radius:5px;-webkit-box-shadow:0 0 1px rgba(0,0,0,.2);box-shadow:0 0 1px rgba(0,0,0,.2)}
.block .block-header {position:relative;padding-bottom:4px}

.block .block-header h3 {font-size:18px;font-weight:600;margin:0 0 15px;color:#333}
.im-block .block-header h3 {font-size:18px;font-weight:600;margin-bottom:15px;color:#333}
.block .block-header.line h3 {font-size:17px;text-decoration:underline;color:#888}
.block .block-header h3 a {text-decoration:none;color:#333}
.block .block-header h3 a.link-dotted {color:#5055B2}
.block .block-header h4, .block .block-content h4 {font-size:17px;font-weight:600;margin:0 0 10px 0}
.block .block-header h5 {font-size:15px;font-weight:600;margin:0 0 10px 5px}

.block .block-header .title {font-size:18px;line-height:1em;font-weight:normal;color:#555}
.block .block-header.line .title {font-size:17px;text-decoration:underline;color:#888}
.block .block-header .title a {text-decoration:none;color:#555}
.block .block-header .title a.link-dotted {color:#5055B2}
.block .block-header .more {color:#fffdfd;background:#e48746;border-radius:50%;padding:5px 2px;font-size:13px;float:right;margin-top:-4px}
.block footer {margin-top:10px;font-size:12px;color:#333;text-align:center}
.block footer a {color:#111;background:#fcfcfc;padding:2px 12px 3px;border-radius:15px}
.block.bel {background:#fff !important;margin:15px 0 15px;padding:10px 2px}
.block.poo {margin:0;padding:0}

.block .block-header-m h3 {font-size:15px;line-height:17px;font-weight:normal;font-family:Arial, sans-serif}

.block .max-height-200 {overflow:auto;max-height:200px;/*_height:expression( this.scrollHeight > 200 ? "200px" :"auto" );*/ position:relative}
.block .max-height-300 {overflow:auto;max-height:300px;/*_height:expression( this.scrollHeight > 300 ? "300px" :"auto" );*/ position:relative}
.block .max-height-200 {overflow:auto;max-height:400px;/*_height:expression( this.scrollHeight > 400 ? "400px" :"auto" );*/ position:relative}

.block ul.nav.nav-pills {margin-bottom:6px;padding:3px 0;border:none}
.block .nav.nav-pills a {text-decoration:none;font-size:13px;font-weight:600}
.block .nav.nav-pills li.active a {border:none}


/* Block Type - Stream */
.block .block-update {position:absolute;top:0;right:0;height:20px;width:24px;background:url(https://babiki.ru/templates/skin/bab/images/update-st.svg) no-repeat center;cursor:pointer}
.block .block-update.active {background:url(https://babiki.ru/templates/skin/bab/images/update.svg) no-repeat center}

.block.block-type-stream , .block-item {background:#fff;padding:15px 12px}
.block.block-type-stream li {padding:1px 4px;margin:0;line-height:19px}
.block.block-type-stream li.active a {color:#e48746;text-decoration:underline}
.block.block-type-stream li a.user, .block.block-type-stream li a.user-bl {font-size:16px;display:inline-flex;align-items:center;margin:0 0 10px 5px;font-weight:600}
.block.block-type-stream li a.user-bl img {height:28px;width:28px;margin:0 9px 0 0;border-radius:5px;box-shadow:0 0 7px rgb(0 0 0 / 30%)}
.block.block-type-stream li a {color:#000}
.block.block-type-stream.faq a {color:#306ea9}
.block.block-type-stream.faq a:hover {color:#e48746}
.block.block-type-stream .block-content .latest-list {font-size:14px;color:#999}
.block.block-type-stream .block-content .latest-list li {padding:12px 1px 12px 5px;font-size:14px}
.block.block-type-stream .block-content .latest-list li .icons-yamogu {color:#e48746;font-size:20px;position:relative;top:2px}
.block.block-type-stream .block-content .latest-list li .icons-shopping-basket {color:#75b3dc;margin-right:6px}
.block.block-type-stream .block-content .latest-list li .user-s {font-size:14px;font-weight:600;text-decoration:none;margin-left:3px}
.block.block-type-stream .block-content .latest-list li .topic-title {color:#333;font-size:15px}
.block.block-type-stream .block-content .latest-list li .blog-title {color:#999;font-size:12px;display:block;line-height:12px;margin-top:8px}
.block.block-type-stream .block-content .latest-list li .stream-comment-icon {height:7px;width:8px;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) no-repeat -40px -66px;padding-left:12px}
.block.block-type-stream .block-content .latest-list li .stream-topic-icon {background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) no-repeat -40px -87px;padding-left:12px;zoom:1}
.block.block-type-stream .block-content .latest-list li span {color:#7593b7}
.block.block-type-stream .block-content .latest-list li span.comment-new {color:#7cc034;font-size:11px;font-weight:600}
.block.block-type-stream .block-content .latest-list li.even {background:#fafbfc;border-radius:10px}

/* Block Type - Activity Settings */
.block.block-type-activity p {margin-bottom:15px}
.block.block-type-activity ul.stream-settings-blogs li {margin-bottom:3px}
.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;margin:0 0 25px}
.block.block-type-profile .profile-photo-wrapper {position:relative;min-height:50px;text-align:center;margin:0 0 15px}
.block.block-type-profile .profile-photo {display:inline-block;vertical-align:top;max-width:240px;border-radius:8px;-webkit-box-shadow:0 7px 15px rgba(0,0,0,.4);box-shadow:0 7px 15px rgba(0,0,0,.4)}

.left-block .profile-note {margin:30px 0 10px}
.left-block .profile-note p {overflow:auto;font-size:12px;line-height:18px;background:#fff;padding:10px 2px 10px 5px;margin-bottom:10px;border-radius:5px}
.left-block .profile-note a {font-size:13px}

.block.block-type-profile .status {position:absolute;top:20px;left:15px;padding:0;font-size:11px;line-height:18px;height:20px}
.block.block-type-profile .status.status-online {background:none;color:#51b85c}
.block.block-type-profile .status.status-offline {background:none;color:#999}
.block.block-type-profile .status.status-offline:before {border-color:#fff transparent #fff #fff}
.block.block-type-profile .upload-photo {width:auto;font-size:13px;padding:10px 0;background:#fff}
.block.block-type-profile .upload-photo a {color:#306ea9;font-weight:500}
.block.block-type-profile-nav {padding:0;background:none;border:none}

/* 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}

/* Block Type - Blogs */
.block.block-type-blogs {background:#fff;padding:15px 10px}
.block.block-type-blogs h3 {font-size:18px;font-weight:600;margin:0 0 10px 5px;color:#333}
.block.block-type-blogs li {padding:4px 2px 4px 5px;margin-bottom:5px}
.block.block-type-blogs li a {font-size:15px;color:#333}
.block.block-type-blogs li.active a {color:#e48746}
.block.block-type-blogs .block-content {margin:0 0 20px}
.block.block-type-blogs .block-blog-list li {margin-bottom:10px;position:relative;padding:0 30px 0 0}
.block.block-type-blogs .block-blog-list li a {padding-right:5px;color:#777}
.block.block-type-blogs .block-blog-list li i {position:relative;top:-2px}

/* Block Type - Blogs */
.block.block-type-blog {
	border-radius:5px;
	padding:10px;
	border-bottom:none;
	background:#ffffff;
	background:-o-linear-gradient(top, #ffffff 0%,#f9fbfb 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#f9fbfb));
	background:linear-gradient(top, #ffffff 0%,#f9fbfb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fbfb',GradientType=0 );
}
.block.block-type-blog .block-header {margin-bottom:0;padding:0 7px 10px}
.block.block-type-blog .block-header h3 {font-size:19px}
.block.block-type-blog .block-header h3 a {color:#275ec2;text-decoration:underline}
.block.block-type-blog .block-content {padding:0 7px}
.block.block-type-blog footer {font-size:11px}
.block.block-type-blog footer a {color:#727a90;margin-left:7px}

/* Block Type - Tags */
.block.block-type-tags .search-form-wrapper {margin-bottom:15px}

/* Sidebar v page */
.block .block-page h3 {line-height:19px;padding:2px 0px;margin-bottom:8px;font:normal 17px Arial;color:#555}
.block .block-page a {text-decoration:none;color:#5589bb;font-size:13px}
.block .block-page a:hover {text-decoration:underline}
.block .block-page li.active a {color:#275ec2}

.block .block-content .activity-settings-filter li {min-height:28px;padding:4px 0}
.block .block-content .activity-settings-filter li.lenta {min-height:28px;padding:3px 0 3px;margin:0}
.block .block-content .activity-settings-filter li label {font-size:13.5px;line-height:13px;min-height:24px;height:auto}
.block .block-content .activity-settings-filter li label a {color:#333}
.block .block-content.user-list-mini li a {color:#111;font-size:14px;font-weight:600}
.block .block-content.user-list-mini li .control{display:inline;padding:3px 0 0 15px}

/* Хэлперы в блоках */
.h-fix  {max-height:500px;overflow-y:auto}/* MODALS */


.modal {
    display: none;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    /* ВАЖНО: translateZ(1px) поднимает модалку НАД overlay на iOS */
    transform: translate(-50%, -50%) translateZ(1px) !important;
    -webkit-transform: translate(-50%, -50%) translateZ(1px) !important;
    width: min(92vw, 520px) !important;
    max-height: 95vh;
    max-height: 95dvh;
    color: #333;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(0,0,0,.16), 0 1px 4px rgba(0,0,0,.08);
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.18s ease-out;
    z-index: 3001 !important; /* выше overlay (2999) */
    pointer-events: auto; /* элементы внутри кликабельны */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, opacity;
}
.modal[style*="display: block"] { opacity:1; }

.modal .close:before {content: '\00d7';}
.modal .close:hover {opacity:0.8}
.modal-content a {color:#777;font-weight:600}
.modal .modal-header {position: relative; padding: 25px 45px 0 45px }
.modal .modal-header h3, .modal .modal-header .ttl { font-size:18px;font-weight:600;letter-spacing:-0.01em;line-height:1.2em;text-align:center;word-wrap:break-word;margin: 0 auto;}
.modal .modal-header img {width:35px;height:35px;border-radius:5px;margin-top:-8px;margin-left:-10px;float:left;box-shadow:0 5px 10px rgba(0,0,0,.3)}
.modal .modal-content {
    padding: 5px 25px 25px;
    max-height: calc(100vh - 140px);
    max-height: calc(100dvh - 140px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.modal.ignore-setting .modal-content { display: flex !important; flex-direction: column !important; padding: 0 !important; overflow: hidden !important; height: auto !important; max-height: 80vh; max-height: 80dvh; }
.modal.ignore-setting .modal-scroll-content { flex: 1 1 auto; overflow-y: auto; padding: 0 25px 5px; -webkit-overflow-scrolling: touch; }
.modal.ignore-setting .modal-footer { flex: 0 0 auto; padding: 12px 30px; background-color: inherit; box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15); }

.modal .nav { background:#eff2f7 }
.modal .close { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-size: 24px; border-radius: 50%; background: rgba(0,0,0,.04); color: #777; cursor: pointer; line-height: 0; padding-bottom: 1px; }

.jqmOverlay {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 2999 !important;
    background: rgba(0, 0, 0, 0.30);
    pointer-events: auto; /* ловит клики для закрытия */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.modal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: auto; margin-right: 0; }

/* Login */
.modal.modal-l .nav {margin-bottom:10px;font-size:15px;padding:5px}
.modal.modal-l .nav li {margin-right:5px}
.modal.modal-l .modal-header {margin-bottom:0}
.modal.modal-l .modal-content {padding:5px 10px 15px}
.modal.modal-l .modal-content .in-form {padding:0 15px}
.modal.modal-l .remember-label {font-size:15px;color:#999;float:left;margin:5px 0 15px}
.modal.modal-l .remember-label input {top:2px}
.modal.modal-l .icon-question-sign {position:relative;top:-5px}
.modal.modal-l .icon-ok-green {position:absolute;top:8px;left:6px}
.modal.modal-l .js-block-popup-login-content .btn-or {border:0;outline:0;float:right;padding:7px 17px;font-size:14px;font-family:Helvetica, sans-serif}
.modal .btn-grn {margin:0 auto}
.modal form p {margin-bottom:20px}
.ie .modal.modal-l .js-block-popup-login-content .button {margin-left:1px}
.modal.modal-l .m-form {margin:0 auto;text-align:center}
.modal.modal-l .m-form a {color:#558abb;font-weight:400}
.modal.modal-l .m-form a:hover {opacity:0.8}
.modal.modal-l .m-form p.login-hello  {font-size:15px;font-weight:600}
.modal.modal-l .m-form p.login-links  {margin:5px 0 25px;font-size:14px}
.modal.modal-l .m-form p span { display: flex; align-items: center; height: 48px; width: min(100%, 280px); margin: 0 auto; padding: 0 22px; border-radius: 24px; position: relative; background: #fff; border: none !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.04); transition: all 0.25s ease-in-out; overflow: hidden; box-sizing: border-box; }
.modal.modal-l .m-form p span:focus-within { box-shadow: 0 4px 12px rgba(85, 138, 187, 0.2); transform: translateY(-1px); }
.modal.modal-l .input-text { outline: 0 !important; padding: 0 !important; width: 100%; border: 0 !important; font-size: 18px; line-height: 48px; height: 100%; box-shadow: none !important; color: inherit; letter-spacing: -0.2px; }
.modal.modal-l .input-text[name="captcha"] {width:100px;border:1px solid #999;border-radius:5px}
.modal .validate-error-show {padding:12px 5px}




/* Write */
.modal.modal-write {width:450px;margin-left:-310px;background:#e0eff9}
.modal.modal-write .modal-content {padding:20px 10px}
.modal.modal-write .write-list {*overflow:hidden;*zoom:1}
.modal.modal-write .write-list li {width:125px;margin:0 10px 20px;font-size:19px;font-family:'PT Sans', sans-serif;text-align:center;overflow:hidden;display:inline-table;*float:left}
.modal.modal-write .write-list li a {color:#727a90}

.modal.modal-write .write-list li .write-item-image {display:block;margin:0 auto;width:115px;height:115px;border-radius:3px;text-align:center;background:url(https://babiki.ru/templates/skin/bab/images/write.png) no-repeat;margin-bottom:0}
.modal.modal-write .write-list li.write-item-type-draft {padding-right:20px;margin-right:0;border-right:1px dotted #aac6d9}

.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:-115px 0}
.modal.modal-write .write-list li.write-item-type-link .write-item-image {background-position:-230px 0}
.modal.modal-write .write-list li.write-item-type-message .write-item-image {background-position:-345px 0}
.modal.modal-write .write-list li.write-item-type-blog .write-item-image {background-position:-115px 0}
.modal.modal-write .write-list li.write-item-type-draft .write-item-image {background-position:-578px 0}

/* Upload photo-avatar */
.modal.modal-upload-photo .image-border, .modal.modal-upload-avatar .image-border {width:auto}
.modal.modal-upload-photo .image-border, .modal.modal-upload-avatar .image-border {float:left;border-radius:5px;background:#fff;padding:5px;margin-bottom:25px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2)}
#avatar-resize-original-img, #foto-resize-original-img {width:250px}

/* Order form */
.modal.modal-order-form {width:450px;margin-left:-225px;position:absolute}
.modal.modal-order-form .modal-content {margin-top:20px}
.modal.modal-order-form .input-text {font-size:15px;padding:10px 10px;border:1px solid #c9c9c9;border-radius:3px}

/* new-form */
.modal.modal-new-form {width:480px;margin-left:-240px;position:absolute}

.modal-search {display:flex;justify-content:center;align-items:flex-start;padding:60px 10px 0;width:100%;background:#fff;height:170px;box-shadow:inset 0 -4px 10px rgba(0,0,0,.08);}
.modal-search .search {display:flex;align-items:center;width:100%;max-width:650px;min-width:0;margin:0;position:relative;}
.modal-search .searchbox_input {flex:1 !important;width:auto;float:none;margin:0 !important;height:44px;font-family:Helvetica,sans-serif;font-size:18px;background:#fafbfc;border:2px solid #d9e3e8;border-radius:6px;padding:0 45px 0 12px;box-shadow:0 0 7px rgba(0,0,0,.1);box-sizing:border-box;}
.modal-search .search .input-text {margin-right:0 !important;float:none !important;width:auto !important;}
.modal-search .searchbox-icon {position:absolute;right:1px;top:50%;transform:translateY(-50%);flex:0 0 44px;height:44px;margin-left:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;}
.modal-search .searchbox-icon .icons-search {font-size:28px;line-height:1;}
.icons-search:before {margin:0;font-weight:700;}


.modal-wrapper { overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; max-height: 100vh; max-height: 100dvh; transform: none !important; -webkit-transform: none !important; }
.modal-wrapper .left-block { overflow-y: visible; -webkit-overflow-scrolling: touch; }
.oheader {width:100%;height:70px;position:fixed; z-index: 10 !important;}
.wclose {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 22px;
    line-height: 1;

    cursor: pointer;
    border-radius: 50%;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 2px 6px rgba(0,0,0,.25);

    z-index: 11 !important;
    pointer-events: auto;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.modal-wrapper .block.shop-filter {margin:0;width:auto;border-radius:0;padding:15px 30px 50px;box-shadow:10px 0 10px -10px rgba(0,0,0,.2)}
.modal-wrapper .block.shop-filter:first-child  {padding:25px 30px 10px;border-radius:0 5px 0 0}
.modal-wrapper .left-block:first-child {padding-top:15px;padding-bottom:10px;border-radius:0 15px 0 0;background:#fff}
.modal-wrapper .left-block:last-child, .left-block:last-child {padding-bottom:100px}
.modal-wrapper .left-block.p-f, .left-block.p-f {padding-bottom:100px}
.modal-wrapper .left-block {margin:0;width:auto;border-radius:0;padding:0 35px;box-shadow:10px 0 10px -10px rgba(0,0,0,.2)}
.modal-wrapper .gifts {width:99%;top:50%;left:48%;transform:translate(-50%, 0)}


/* БЛОГ */


/* Blog Mini */
.blog-mini {padding:15px;margin-bottom:17px;font-size:11px;overflow:hidden;zoom:1;border-radius:7px;background:#f8f8f8}
.blog-mini button {margin-left:20px}
.blog-mini .fl-r a {margin-left:14px;color:#727a90}
.blog-mini .fl-r a:hover {color:#f00}
.blog-mini .fl-r a.link-dotted {border-color:#727a90}
.blog-mini .fl-r a.link-dotted:hover {border-color:#f00}
.blog-inner {padding:10px 20px 0}
.blog-inner-new {padding:10px 20px 10px}


/* Header */
.blog .blog-header {position:relative;padding:10px 0 13px 78px;border-bottom:1px solid #e8eef5;min-height:16px}
.blog .blog-header h2 {font-size:20px;font-weight:bold;line-height:1em;margin-top:3px;margin-bottom:7px}
.blog .blog-header h2 i {position:relative;top:5px}
.blog .blog-header .close {position:absolute;top:0;right:0;font-size:11px;cursor:pointer}
.blog .blog-header .close i {margin-left:5px}
.blog .blog-header .close a {color:#727a90;border-color:#727a90}
.blog .blog-header .close a:hover {color:#f00;border-color:#f00}
.blog .blog-header .avatar 	{position:absolute;top:-10px;left:7px;width:39px;height:39px}
.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 .vote.vote-count-positive .vote-count {color:#5055B2}
.blog .blog-header .actions {margin-bottom:0}


/* Content */
.blog .blog-content {padding:0;overflow:hidden;margin:5px 0 2px}
.blog .blog-content .user-avatar ul {overflow:hidden}
.blog .blog-content .user-avatar {margin:10px 20px 0 0;height:24px}
.blog .blog-content .user-avatar img {width:24px;height:24px;border-radius:50%}
.blog .blog-content .user-avatar a {font-size:14px}
.blog .blog-content p {color:#777;font-size:12px;width:250px}
.blog .blog-content font {float:right;font-size:11px}
.blog .blog-content span {font-size:11px}

.blog-info {width:auto}
.blog-info li {margin-bottom:5px;position:relative;padding-right:50px}
.blog-info li span {padding-right:2px}
.blog-info li strong { position:absolute;top:0;right:0;padding-left:2px;font-weight:normal}
.blog-info li.rating strong {color:#7cc034}


/* Footer */
.blog .blog-footer {padding:22px 26px;background:#fff;font-size:11px}
.blog .blog-footer button {margin-right:10px}
.blog .blog-footer a {color:#727a90}
.blog .blog-inner .admin {float:right}
.blog .blog-inner .admin img {width:16px;height:16px;vertical-align:middle;margin-right:1px}


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


.profile .avatar {position:absolute;top:0;left:0}
.profile .vote-label {text-transform:lowercase;text-align:center;font-size:10px;color:#aaa}
.profile .vote-profile {float:right;margin-left:10px}
.profile .vote-profile .vote-topic {float:none}
.profile .vote-profile .vote-topic .vote-item.vote-count {cursor:text}

.profile .strength {float:right;margin-left:18px}
.profile .strength .count {font-size:11px;text-align:center;padding:0 10px;line-height:23px;color:#628fa5;margin-bottom:0px;background:#edf8fd;border-radius:15px;height:24px;box-shadow:0 2px 3px rgba(0,0,0,.1) inset}

.profile .user-login {width:240px;font-size:27px;line-height:26px;font-weight:normal;margin-bottom:5px}
.profile .user-name {color:#949aa1;font-size:17px;font-family:'PT Sans', sans-serif}

.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 .profile-whois {line-height:26px;font-size:17px;font-weight:400;color:#111}
.profile .profile-whois img, .profile-nag-whois img {max-width:100%;margin-bottom:15px;margin-top:15px}
.profile .profile-whois p.edit {font-size:13px;padding-bottom:10px}
.profile-data {display:table;width:100%;padding-top:15px}
.profile-list h3{margin-top:25px}
.profile-list p {font-size:15px;font-weight:500;margin-bottom:4px}
.profile-list .more-info {padding-bottom:20px}
.profile-list li strong{float:left}
.profile-list p span {padding-left:5px}
.profile-list p a {margin-right:15px}
.profile-list p strong {width:175px;white-space:nowrap;clear:both;font-size:14px;font-weight:500}
.profile-spoiler {margin:20px 0 0 0;text-align:center}
.hide-profile-list {visibility:collapse;height:0} 


/* User profile-3 */
.user-profile3 {padding:15px 0 15px;display:table}
.user-profile3 .user-avatar img {width:80px;height:80px;border-radius:7px;float:left;display:block;padding:0;margin:0;box-shadow:0 5px 15px rgba(0,0,0,.3)}
.user-profile3 a {display:block}
.user-profile3 span {display:block;width:160px;word-wrap:break-word}
.user-avatar {margin-right:15px}
.profile-name {display:table-cell;vertical-align:middle;min-width:120px}
.profile-name a:first-child, .profile-name span.p-name {margin:3px 0 15px;font-size:17px;font-weight:700;color:#333;display:block;text-decoration:none}

.profile-name .notes {font-size:14px;font-weight:500}
.online-marker {width:8px;height:8px;border-radius:50%;position:relative;margin:18px 0 18px 15px}
.online-marker.intext {width:10px;height:10px;margin:0}

.user-stat {display:table;width:100%;height:61px;margin-bottom:15px;text-align:center;max-width:300px;}
.user-stat div {width:37%;display:table-cell;line-height:20px}
.user-stat div.bonus {width:26%}
.user-stat div > span {display:block;font-size:14px}
.user-rating, .user-strength {display:table-row}
.user-rating span, .user-strength span {display:table-caption}
.user-stat div span:first-child {font-size:15px;line-height:18px;padding:0;margin:10px 0;font-weight:600}
.user-stat div span:second-child {font-size:15px}
.user-stat div span.negative {color:#FF3B3C}
.user-stat div span i.icons-fire:before {width:10px}
.communication {padding:5px 0;line-height:22px;max-width:260px;}
.profile-activites  {padding:19px 0;line-height:21px}
.btn-commun {display:block;color:#fff !important;font-weight:600;border-radius:25px;padding:3px 0;text-transform:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.btn-commun:hover {opacity:0.8}
.left-block .communication .btn-commun {margin:18px 0;font-size:13px;font-weight:600}
.left-block .communication .btn-commun.green {font-size:14px;background:#7cc034;padding:7px 0;margin:13px 0;border-radius:7px}
.left-block .communication .btn-commun.orange {background:#fea070}
.left-block .communication .btn-commun.gray {background:#aaa}
.left-block .communication .btn-commun.light {background:none;color:#555!important;border:1px solid #aaa}
.profile-menu {padding:6px 0 0}


/* User profile-2 */
.user-profile2 {margin-bottom:0px;overflow:hidden;zoom:1;position:relative;min-height:180px;background:#fcfce5;border-radius:5px}
.user-profile2 a.avatar {position:absolute;top:15px;left:17px;border-radius:5px;background:#fff;padding:5px;box-shadow:0 0 5px rgba(0,0,0,.2)}
.user-profile2 a.avatar img {vertical-align:top;width:80px;height:80px}
.user-profile2 .names	{margin-top:125px;text-align:center}
.user-profile2 .names h3 {font:normal 26px Arial;color:#505167;line-height:26px;clear:both;padding-top:0}
.user-profile2 .names p.realname {font:14px;margin:5px 0 14px;color:#999999}

.user-profile2 .voting {position:absolute;top:12px;right:10px;z-index:100}
.user-profile2 .voting .total {padding:2px 7px 1px;font:normal 15px Arial;line-height:16px;border-radius:2px}
.user-profile2 .voting .plus {margin:4px -10px 0 0}
.user-profile2 .voting .minus {margin:4px 0 0 -9px}
.user-profile2 .voting .text {font-size:10px;color:#aaa;text-align:center;clear:both;line-height:11px}
.user-profile2 .voting.positive .total {background:#8fc1f2;color:#fff}
.user-profile2 .voting.negative .total {background:#FF3B3C;color:#fff}

.user-profile2 .strength {position:absolute;right:10px;margin-top:52px}
.user-profile2 .strength .total {background:#d2d1d1;font:normal 15px Arial;padding:2px 12px 1px;color:#fff;line-height:16px;border-radius:2px}
.user-profile2 .strength .text {font-size:10px;color:#aaa;text-align:center;line-height:11px}

.user-profile2 .status {font-size:11px;position:absolute;right:4px;margin-top:94px;padding:0}
.status-online {background:#7cc034}
.status-offline {background:#a5a5a5}

.profile-admin {line-height:25px;font-size:17px;font-weight:500}
.profile-admin h2 {font-size:26px;font-weight:600;color:#333}
.profile-admin ul {padding:5px 0;margin-top:10px;font-size:17px}
.profile-admin li {margin-left:0px;font-size:17px;padding-left:30px;line-height:28px;border-left:1px solid #74a2ce}

.profile-nag-whois {position:absolute;margin:-18px 0 0 -12px;font-size:15px;color:#ff8400;border-radius:50%}
.profile-nag-comment {position:absolute;margin:-1px 0 0;font-size:13px;color:#ff8400}
.profile-nag-comment-a {margin:-10px 0 0 -2px;font-size:12px;color:#ff8400}
.profile-diploma-whois {display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 20px; list-style: none; padding: 0;}
.profile-diploma-whois li { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 155px; justify-content: flex-start; }
.profile-diploma-whois li img { width:auto;border-radius:2px;border:1px solid #ddd;max-width:100%;max-height:240px}
.profile-diploma-whois li p {font-weight:600;max-width:155px;line-height:14px;font-size:12px}
.profile-diploma-whois li p a {color:#555}
.profile-NAG img {background:#fff;margin:0 1px 10px 0;border-radius:10px;max-width:162px}
.profile-NAG img.png {background:none;height:85px}
.profile-nag-konkurs {width:85px;height:85px}

.js-ad-auction-user-unban-block {margin:20px 0}
.js-ad-auction-user-unban-block .atte {background:#d89f9e;color:#fff;font-size:16px;padding:10px 10px 10px 20px;border-radius:5px}
.settings-tuning label {line-height:14px;min-height:26px;height:auto;margin-bottom:12px}

#area-form-file-avatar {height:31px!important;line-height:35px;margin-top:-10px}
#area-form-file-avatar input {width:31px;height:31px}
#factor_secret_key {color:#555;text-align:center;font-size:130%}
#js-factor-generate-button {display:block;padding:6px}
#factor_delete_code_block {display:none}/* Стена Ямогу */


.cent-block.store-wall-top {padding:15px 0 0;margin-bottom:10px}
.cent-block.store-wall-top h3 {padding:0 25px;margin-bottom:10px}
.cent-block .store-wall-editor {padding:10px 15px 25px;border-bottom:20px solid #fafbfc}
.wall-item {padding:25px 20px}
.wall-item-wrapper {border-bottom:20px solid #fafbfc}
.s-mes {margin-top:20px}
.s-mes img {display:table-cell;width:40px;height:40px;margin:0 15px 5px 5px;display:block;float:left;background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.15)));background-image:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);   border-radius:50%}
.s-mes p {float:left}
.s-mes form {display:table}
.s-mes .note {font-size:10px;color:#ccc;line-height:12px}

.wall-submit .counter {position:absolute;bottom:18px;right:15px;color:#818189}
.wall-submit .counter.exceeded {color:#f00}
.wall-submit textarea {margin:0 0 10px;height:120px;line-height:18px;font-size:14px}
.wall-submit.wall-submit-reply:after  {display:block;content:"";position:absolute;top:-12px;left:15px;width:0;height:0;border-width:6px;border-color:transparent transparent #eaf1f7 transparent;border-style:solid}
.wall-submit.wall-submit-reply .counter {display:none}
.wall-submit.wall-submit-reply textarea {display:none}

.wall-submit.wall-submit-reply button  {display:block;float:right;outline:none;margin-top:4px;padding:4px 10px}
.wall-submit.wall-submit-reply.active textarea {height:80px;margin-bottom:15px;border-radius:5px}
.wall-submit.wall-submit-reply.active button {display:block;float:right;outline:none;border:0;padding:6px 15px}
.wall-submit.wall-submit-reply.active .counter {display:block}
.wall-submit p {margin-bottom:5px}
.wall-submit button {margin-left:15px}

.wall-item .block-avatar {display:inline-block;width:100%;padding-bottom:5px}
.wall-item .avatar {width:40px;height:40px;margin:0 15px 0 2px;border-radius:10px;padding:1px;border:1px solid #fdae87}
.wall-item .info {color:#999;font-size:15px;line-height:18px;margin:0 0 15px 0}
.wall-item .info .title-author {color:#111;font-weight:600;font-size:15px}
.wall-item .actions.wall-item-actions {margin:10px 0 0}
.wall-item .actions.wall-item-actions a {color:#5589bb}
.wall-item .text {font-size:17px;font-family:Helvetica, sans-serif}
.wall-item .text img {max-width:450px;height:auto;margin:10px auto;display:block;border-radius:5px}
.wall-item .info time {font-size:11px;white-space:nowrap}
.wall-item .info span {margin-top:10px}
.wall-item .imgs-grid {margin-bottom:15px}

.wall-item-replies {padding:4px 5px;background:#fefef1;position:relative;margin:5px 0 0;font-size:11px;border-radius:15px 15px 0 0;border:1px solid #eee}
.wall-item-replies:after {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}

.wall-item-reply {padding:8px 0 8px 40px;margin:0 1px;position:relative;font-size:12px;line-height:18px;border-bottom:1px solid #ededc9;border-top:1px solid #fff}
.wall-item-reply:last-child {border-bottom:none}
.wall-item-reply .text {font-size:14px;line-height:16px}
.wall-item-reply .avatar {position:absolute;width:30px;height:30px;top:15px;left:0; border-radius:5px}
.wall-item-reply .actions {margin-bottom:0}
.wall-item-reply .actions .date {color:#999}
.wall-item-reply .author {font-size:14px;color:#111;font-weight:600}
.wall-item-reply .author:hover {color:#e48746}

.wall-more:hover {background:#F4F4D9}
.wall-more-reply {display:block;border-radius:25px;text-decoration:none;text-align:center;padding:7px 0;font-size:13px;margin:5px 15px 10px;color:#898953;border:1px solid #eaeac4;background:#fffffa}
.wall-more-reply:hover {-webkit-box-shadow:0 0 4px rgba(0,0,0,.25);box-shadow:0 0 4px rgba(0,0,0,.25)}
.wall-more.loader {background:transparent url(https://babiki.ru/templates/skin/bab/images/loader.svg) 50% 50% no-repeat;z-index:9999}
.wall-more.loader .wall-more-inner {visibility:hidden}

.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:3500;text-align:left;padding:20px;min-width:50px;max-width:260px;color:#fff;background:rgba(0,0,0,.8);border-radius:20px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);box-shadow:0 0 5px rgba(0,0,0,.5)}

.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:#5589BB}
.infobox a:hover {color:#e48746}

/* Default Tip */
.infobox.infobox-standart {background:#fff;color:#111;font-size:15px;margin-right:5px;margin-left:5px}
.infobox.infobox-standart .tip-arrow {border-color:#aaa}

/* Yellow */
.infobox.infobox-yellow {background:#fff;color:#111;font-size:15px;padding:15px;margin-right:5px;margin-left:5px}
.infobox.infobox-yellow .tip-arrow {border-color:rgba(0,0,0,.8)}

/* Topic */
.infobox.infobox-topic {padding:15px 15px;font-size:15px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5);background:#fff;border-radius:20px;color:#333;border:1px solid #c9c8c8}
.infobox.infobox-topic i {margin-right:5px}
.infobox.infobox-topic .tip-arrow {left:34px;border:none}

/* Help */
.infobox.infobox-help {background:#fff;width:260px;color:#000;padding:25px 25px 10px;font-size:15px;line-height:18px;border-radius:20px;-webkit-box-shadow:0 4px 32px 0 rgba(0,0,0,.4);box-shadow:0 4px 32px 0 rgba(0,0,0,.4)}
.infobox.infobox-help .tip-arrow {border-color:#ddd}
.infobox.infobox-help .infobox-blogtitle h3 {font-size:17px;margin-bottom:20px;font-weight:400;color:#000}
.infobox.infobox-help .infobox-actions {margin-top:20px}
.infobox.infobox-help .infobox-actions a {color:#111}
.infobox.infobox-help .infobox-actions img {max-width:52px;border-radius:50%;-webkit-box-shadow:0 0 15px rgba(0,0,0,.34);box-shadow:0 0 15px rgba(0,0,0,.34);padding:2px}

/* Share */
.infobox.infobox-share {background:#fff;width:300px;border:3px solid #edf8fd;color:#111;border-radius:20px;padding:15px 15px;font-size:15px;line-height:18px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.3);box-shadow:0 0 15px rgba(0,0,0,.3)}
.infobox.infobox-share .tip-arrow {border:none;width:15px;height:11px;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) no-repeat}
.infobox.infobox-share .tip-arrow.tip-arrow-top {background-position:-38px -107px;top:-11px;left:50%;margin-left:-7px}
.infobox.infobox-share .tip-arrow.tip-arrow-bottom {background-position:-53px -107px;bottom:-11px;left:50%;margin-left:-7px}/* ВСПЛЫВАЮЩИЕ УВЕДОМЛЕНИЯ — СВЕТЛАЯ ТЕМА */


#notifier { width:320px; position:fixed; top:calc(20px + env(safe-area-inset-top, 0px)); right:calc(20px + env(safe-area-inset-right, 0px)); max-width:calc(100% - 40px); z-index:9999; pointer-events:none }
#notifier .n-box {pointer-events:auto;position:relative;padding:18px 35px 18px 18px;margin-bottom:10px;
background: rgba(248, 252, 255, 0.98);color:#1a1a1a;border: 1px solid rgba(0, 0, 0, 0.08);border-radius:7px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.06),0 8px 20px rgba(0, 0, 0, 0.08);opacity:0.98;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;overflow:hidden;animation:n-appear 0.4s cubic-bezier(0.2,0.8,0.2,1);transition:opacity 0.4s ease}
#notifier .n-box.n-hiding {opacity:0}
#notifier .n-box h3 {font-size:16px;font-weight:600;margin:0 0 4px 0;line-height:1.3;letter-spacing:-0.3px}
#notifier .n-box p {margin:0;font-size:16px}
#notifier .n-box p a {font-weight:600;}
#notifier .n-box p a:focus{outline:2px solid currentColor;outline-offset:2px;border-radius:2px;}
#notifier .n-box .n-close-btn {position:absolute;top:10px;right:10px;background:transparent;border:none;padding:0;margin:0;outline:none;-webkit-tap-highlight-color:transparent;font-size:24px;color:#999;line-height:20px;font-weight:400;cursor:pointer;opacity:0.8;transition:opacity 0.2s,transform 0.15s ease}
#notifier .n-box:hover .n-close-btn {opacity:0.8}
#notifier .n-box .n-close-btn:active {transform:scale(0.9)}

/* NOTICE (Инфо) */
#notifier .n-box.n-notice {border-left:none;box-shadow:inset 5px 0 0 #7cc034,0 2px 4px rgba(0,0,0,0.06),0 8px 20px rgba(0,0,0,0.08)}
#notifier .n-box.n-notice h3 {color:#7cc034}

/* ERROR (Ошибка) */
#notifier .n-box.n-error {border-left:none;box-shadow:inset 5px 0 0 #ef5350,0 2px 4px rgba(0,0,0,0.06),0 8px 20px rgba(0,0,0,0.08)}
#notifier .n-box.n-error h3 {color:#ef5350}


@keyframes n-appear{from{opacity:0;transform:translateX(50px)}to{opacity:0.98;transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){#notifier .n-box{animation:none;transition:none}}/*
 * 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://babiki.ru/templates/skin/bab/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://babiki.ru/templates/skin/bab/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://babiki.ru/templates/skin/bab/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 #888; background: #fff; font-weight: normal; color: #000; }
.ui-state-hover a, .ui-state-hover a:hover { color: #000; 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://babiki.ru/templates/skin/bab/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://babiki.ru/templates/skin/bab/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://babiki.ru/templates/skin/bab/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://babiki.ru/templates/skin/bab/css/smoothness/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(https://babiki.ru/templates/skin/bab/css/smoothness/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(https://babiki.ru/templates/skin/bab/css/smoothness/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(https://babiki.ru/templates/skin/bab/css/smoothness/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(); }
.ui-state-active .ui-icon {background-image: url(); }
.ui-state-highlight .ui-icon {background-image: url(https://babiki.ru/templates/skin/bab/css/smoothness/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(https://babiki.ru/templates/skin/bab/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 */

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(https://babiki.ru/templates/skin/bab/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://babiki.ru/templates/skin/bab/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;
	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.4;
	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: url(https://babiki.ru/templates/skin/bab/images/loader.svg) 50% 50% no-repeat !important;
}/* ОСНОВНЫЕ СТИЛИ */

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {font-size:13px; font-family: Helvetica, sans-serif, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height:18px;color:#333;background:#fcfcfc}
*{box-sizing:border-box}

/* Ссылки
---------------------------------------------------- */
a { color:#7593b7; text-decoration:none; -webkit-tap-highlight-color: transparent; transition: opacity 0.25s cubic-bezier(0.2, 0, 0, 1); cursor: pointer; }
a:hover {opacity:0.8}

a.link-dashed {border-bottom:1px dashed #5055b2;text-decoration:none}
a.link-dashed:hover {border-color:#a6c3dd}
a:active { opacity: 0.85; }
a img { touch-action:auto; }

::selection {background:#4498fe;color:#fff!important}


/* Сброс стилей */
q {quotes:none}
q:before,
q:after {content:'';content:none}
/*
 * 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}
ul,ol {list-style:none;list-style-image:none}

/* Заголовки */
h2.page-header {font-size:18px;margin-bottom:20px;font-weight:600;color:#333;line-height:1em}
h2.page-header.catalog {font-size:20px;margin-bottom:40px}
h2.page-header span {color:#aaa}
h2.page-header i {vertical-align:middle}

h2.header-table {margin-bottom:10px;font-size:22px;font-weight:normal}
h2.header-table a {color:#7fa7cd}
h2.header-table span {color:#949aa1}

h1.category-title, h2.category-title {font-size:20px;font-weight:600;overflow:hidden;line-height:1.24;margin:25px 0 10px 10px}
h1.category-title.im, h2.category-title.im {margin-bottom:25px}
h1.category-title.it, h2.category-title.it {margin:0 0 25px 10px}
/* Заголовки топика главных выставок */
.topic-text h2.winter {background: rgba(14, 165, 233, 0.1); padding: 15px;}
.topic-text h2.spring {background: rgba(34, 197, 94, 0.1); padding: 15px;}
.topic-text h2.summer {background: rgba(234, 179, 8, 0.1); padding: 15px;}
.topic-text h2.autumn {background: rgba(249, 115, 22, 0.1); padding: 15px;}


/* Шапка сайта */

/* Carousel */
#js_carousel_main {min-height:72px}
.jcarousel-main {display:table;overflow:hidden;margin:0 auto 0;height:72px;padding:0 3px;width:100%}
.jcarousel-main .jcarousel {display:table-cell;width:100%;padding:0;position:relative;overflow:hidden;height:65px}
.jcarousel-main .jcarousel ul {width:20000em;position:absolute;list-style:none;margin:0;padding:0}
.jcarousel-main .jcarousel li {width:60px;height:60px;float:left;border-radius:3px;margin:5px 5px 5px 0;overflow:hidden;filter:alpha(Opacity=85);opacity:0.85}
.jcarousel-main .jcarousel li:hover {filter:alpha(Opacity=95);opacity:0.99}
.jcarousel-main .jcarousel li .carousel, .block.shopink a .carousel {display:block;position:absolute;margin-top:-18px;margin-left:3px;font-size:11px;font-weight:500;background:#fff;opacity:0.6;line-height:11px;border-radius:3px;padding:0 1px}
.jcarousel-main .jcarousel img {border-radius: 3px;width: 60px;height: 60px;background: #fff center;transition: transform 0.2s ease;transform-origin: center center;}
.jcarousel-main .jcarousel li img:hover {transform: scale(1.05);}
.jcarousel-main a {display:table-cell;width:60px;color:#111;opacity:1}
.jcarousel-main a.jcarousel-prev, .jcarousel-main a.jcarousel-next {width:12px;background:none}
.jcarousel-main a:hover i {border-color:#bbb}
.jcarousel-main i {height:25px;width:25px;margin-bottom:20px;border:solid #e0e0e0;border-width:0 5px 5px 0;display:inline-block}
.jcarousel-main .jcarousel-next	i {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);box-shadow:inset rgb(250 251 252) -4px -4px 3px 0px}
.jcarousel-main .jcarousel-prev i {transform:rotate(135deg);-webkit-transform:rotate(135deg)}


#top-header .site-brand {float:left;width:102px;margin-right:32px}
#top-header .site-brand a.site-name {display:block;background:url(https://babiki.ru/templates/skin/bab/images/logo.svg) no-repeat;margin:0;
 text-indent:-9999px;width:102px;height:44px;background-size:102px 44px}

/*#top-header .site-brand .feast {display:block;position:absolute;background:url(https://babiki.ru/templates/skin/bab/images/logo-NY.svg) no-repeat;margin:-35px 0 0 -34px;width:40px;height:47px;background-size:47px 47px}*/
/*#top-header .site-brand .feast {display:block;position:absolute;background:url(https://babiki.ru/templates/skin/bab/images/logo-8.svg) no-repeat;margin:-17px 0 0 -22px;width:27px;height:35px;background-size:27px 35px}*/


.top-header a {color:#333}
#top-header .pages {float:left;margin:12px 0 0 0}
#top-header .pages a {cursor:pointer;font-size:17px;font-weight:600}
#top-header .pages .active a {text-decoration:underline}
#top-header .pages span {color:#7cc034;font-size:12px;top:-7px;left:3px;position:relative;font-weight:500}
#top-header .pages span.gray {color:#aaa}
.pages .nav li {margin:5px 25px 0 0}

.sub-menu.cent-block {padding:12px 30px}
.sub-menu.cent-block ul li, .sub-menu.cent-block ul li:first-child {margin-right:24px}
.sub-menu.cent-block ul li a {font-size:15px;color:#333;font-weight:500;padding:5px 0}
.sub-menu.cent-block ul li.active a {text-decoration:underline}
.sub-menu.cent-block ul li span {color:#e48746;font-size:14px;top:-5px;position:relative;font-weight:600}

.f-b {color:#333}

.navbar-right {height:32px;margin:5px 0 5px;float:right}
.userbar {float:right}
.auth {padding:6px 0 0 10px;margin-left:9px}
.auth li {display:inline-block;font-size:14px}
.auth li:first-child {font-weight:700;margin-right:18px}
.navbar-right li.log a {padding:6px 17px;margin-left:10px}
.search-box {margin:12px 4px 0 0;width:35px;float:right;height:32px}
.searcher.glyphicon-search {margin-top:1px}
.searcher.glyphicon {color:#838a92}
.block_search {padding:8px 0}
.search-place {position:absolute;top:0;right:0;bottom:0;left:100px}
.searchbox {margin-right:0;position:relative;min-width:35px;width:0%;overflow:hidden;float:right;-webkit-transition:width 0.3s;-moz-transition:width 0.3s;-ms-transition:width 0.3s;-o-transition:width 0.3s;transition:width 0.3s}

.searchbox-input {top:0;right:0;border:0;outline:0;width:100%;height:30px;margin:0;padding:0px 55px 0px 5px;background:#fff;font-size:15px;font-family: Helvetica, sans-serif, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
.searchbox-input:-ms-input-placeholder {color:#fff}
.searchbox-icon {/*background:#fff;width:38px;*/ font-size:31px;display:block;position:absolute;right:0;margin:0;border:0;outline:0;cursor:pointer}
/*form.searchbox-open {width:100%;outline:1px solid #dcddd8}
.searchclear {display:none}*/


/* Buttons */
.btn-or {display:block;background:#fea070;border-radius:20px!important;padding:7px 0;color:#fff!important;text-transform:none;text-align:center;letter-spacing:1.4px;border:none}
.btn-or.gray {background:#999}
.btn-or:hover, .btn-grn-l:hover, .btn-grn:hover {opacity:0.8}
.btn-grn {width:190px;display:block;color:#fff;background:#7cc034;font-size:14px;font-weight:600;border-radius:20px!important;padding:10px 0 11px;text-transform:none;text-align:center;border:0;outline:0}
.btn-grn-l {width:170px;display:block;color:#7cc034;border:3px solid #7cc034;font-weight:600;border-radius:20px!important;padding:8px 0 9px;text-transform:none;text-align:center;background:none}
.btn-grn-l.blue {color:#7fb8e0;border:3px solid #7fb8e0}
a.btn-or, a.btn-grn, a.btn-grn-l { transition: transform 0.15s ease, opacity 0.15s ease; cursor: pointer; }
a.btn-or:active, a.btn-grn:active, a.btn-grn-l:active { transform: scale(0.97); opacity: 0.85; }

.nobr {white-space:nowrap}
.tcounter {height:15px;float:right;color:#999;font-size:13px;padding:2px 15px;font-weight:600;opacity:0.7}
.comment-submit .btn-or {display:block;float:left;outline:none;border:0;padding:2px 10px;font-size:13px}
.comment-submit .btn-or:hover {text-decoration:none;background:#e76828} 
.textcomment {padding:10px 10px;border-radius:25px;border:1px solid silver;outline:0;margin-bottom:0;min-height:40px;overflow:hidden;width:100%;line-height:20px;font-weight:400;font-size:15px}
.textcomment:hover {box-shadow:inset 0 0 7px rgba(126, 233, 239, 0.71)}

.icons-f {text-decoration:none}


/* Blog & Category */
.cat-item {margin:0 0 30px;padding:0}
.cat-item.poster{margin:0 0 10px}
.cat-item.shopik{margin:0 0 15px;padding:10px 0 10px}
.cat-item.shopik .cat-header .cat-header-title {clear:both}
.cat-item.shopik .cat-header .cat-header-title .rating-shopik-title {/*white-space:nowrap;text-align:center;margin:20px auto 0*/}
.cat-item.shopik .cat-header label {color:#7d7d7d;font-size:14px;margin-bottom:0;padding-left:25px}
.cat-item.shopik .cat-header .follow-user {margin-left:10px;margin-right:10px}
.cat-item.shopik .cat-info {width:100%;margin:5px 0 0;font-size:15px;line-height:35px}
.cat-item.shopik .cat-info .cat-feedbacks {margin:0}
.cat-item.shopik .cat-info .cat-feedbacks a {font-size:24px;padding:0 6px}
.cat-item.shopik .cat-info span, .cat-item.shopik .cat-info span a {color:#7d7d7d;font-size:15px}
.cat-item header * {display:inline}
.cat-item header.shopik * {display:inline-block}
.cat-header, .cat-header a {color:#7d7d7d;font-size:30px;font-weight:400}
.cat-header a.topic-blog {font-size:24px}
.cat-header i {font-size:24px;font-weight:400}
.cat-header .image {float:left;width:50px;position:relative;margin:-5px 20px 0 0}
.cat-header .image img {width:50px;height:50px;border-radius:50%;float:left;margin:4px 0 5px;box-shadow:0 5px 15px rgba(0,0,0,.4)}
.cat-header .image.shopik img {box-shadow:0 6px 15px rgba(0,0,0,.3);padding:3px;border:1px solid #ff7c3c}
.cat-header .cat-header-buttons {position:absolute;width:80px;margin-left:-90px}
.cat-title {color:#444;font-weight:500;font-size:32px;line-height:1.0em;position:relative}
.cat-title.shopik {line-height:1.3em}
.cat-top {float:right;font-size:24px;margin:0 0 10px 40px}
.cat-top a, .cat-reiting {color:#7d7d7d}
.likecount {color:#7cc034;top:0px;left:1px;position:relative;font-size:21px;font-weight:500}
.likecount:before {vertical-align:middle;font-size:21px}
.cat-reiting .icons-arrow-down {width:24px}
.cat-reiting .icons-arrow-up {width:27px}
.cat-desc {margin:10px 0 20px;font-size:15px;font-weight:400;line-height:18px}
.cat-links > div,.cat-links ul li {display:inline-block;vertical-align:middle;margin-bottom:2px}
.cat-links:first-child {margin:0}
.cat-links div {margin:0;font-weight:500;font-size:15px}
.cat-links div.cat-info {margin:0 25px 5px}
.cat-links div.moderators {color:#555;display:block;margin:0 0 10px}
.cat-links div.social_count {margin:0;float:right;padding:2px 0}
.cat-links div.social_count div, .socialcounters:last-child {margin:0}
.cat-links ul li a {color:#555;display:block}
.cat-links ul li a span{position:relative;top:6px}
.cat-links note {font-size:14px}
.cat-links .btn-or {padding:8px 10px;margin:0;display:inline-block;font-size:14px}
.cat-links .btn-or.grey {background:#999}
.cat-links .btn-or.poster {padding:8px 12px}
.cat-links img {border-radius:50%;float:left;height:30px;width:30px;display:block;margin:0 13px}

.admins {margin-left:10px}


/* Home-page */
.cent-block .pull-right.note {font-size:15px;line-height:25px;margin:0 0 10px}
.anons li {margin-bottom:25px;margin-top:2px;line-height:1.4em;display:inline-block;width:100%}
.anons ul li:last-child {margin-bottom:2px}
.anons img {width:65px;height:65px;border-radius:5px;display:block;margin:3px 20px 0 0}
.anons .link-bl, .promotion-post .link-bl {font-size:15px;font-weight:600;width:100%;display:inline;margin-bottom:8px;line-height:22px}
.anons .notes, .promotion-post .notes {font-size:15px;display:block;line-height:20px;margin-top:8px}
.promotion li {overflow:hidden;margin-bottom:26px}
.promotion li:last-child {margin-bottom:0}
.promotion-post {width:70%}
.shopic .cent-block header, .yamogy .cent-block header {padding:0 6px}
.i-shopik, .i-yamogy {margin-bottom:20px}
.shopic .icons-filled_like, .yamogy .icons-filled_like, .m-info .icons-filled_like {color:#e48746}
.m-info .icons-like.active:before {content:'\e808';color:#e48746}
.goods-items {display:flex;justify-content:space-between;flex-wrap:wrap}
.goods-item {flex-grow:1;align-content:stretch;margin-bottom:24px;padding:0}
.goods-desc {width:150px;margin:0 auto;line-height:18px;font-size:13px}
.goods-desc .goods-price {padding-top:10px}
.goods-desc .icons {padding-top:5px}
.afisha.cent-block {margin-top:0}
.goods-desc .icons {float:right;font-size:25px}
.goods-price {float:left;font-size:20px;font-weight:600;color:#e48746}
.goods-item img {width:150px;height:150px;border-radius:1px;display:block;margin:7px auto 10px;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);box-shadow:0 0 7px rgba(0,0,0,.3)}
.masters, .masters-u {display:flex;justify-content:space-between;flex-wrap:wrap}
.masters .m-info {align-content:stretch;width:165px;margin-top:12px;margin-bottom:15px;padding:0 2px}
.masters img {width:125px;height:125px;display:block;margin:0 auto;border-radius:50%;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);box-shadow:0 0 7px rgba(0,0,0,.3);padding:2px}
.masters img:hover {box-shadow:0 0 20px rgba(0,0,0,.25)}
.masters a.m-prw:hover {opacity:1}
.m-info > div {text-align:center}
.m-info a:hover {color:#e48746;text-decoration:none}
.m-icon {font-size:24px;color:#999;position:absolute;margin-top:70px;margin-left:30px}
.m-icon.topic-info-favourite {background:#fff;border-radius:15px;box-shadow:0 0 2px rgba(0,0,0,.3);padding:3px 0 3px 4px;opacity:0.9;cursor:pointer;z-index:10}
.m-icon.topic-info-favourite:hover {opacity:1;box-shadow:0 0 5px rgba(0,0,0,.5)}
.m-icon .favourite-count {font-size:14px}

.m-name {padding:10px 0 0}
.m-info div.author {line-height:20px}
.m-info .title-author {color:#333;line-height:18px;font-size:14px;font-weight:600}
.m-info .title-author.store-item {font-size:16px}
.m-skills ul {margin:10px 0 0;display:flex;justify-content:space-between;flex-wrap:wrap}
.m-skills li {flex-grow:1;align-content:stretch;margin-bottom:10px}
.m-skills li.store-item {margin-bottom:0px;line-height:18px}
.m-skills a, .m-skills u {font-size:12px;padding:4px 7px;background:#f3f4f9;border-radius:15px;color:#333;text-decoration:none;font-weight:500}
.m-skills a.store-user {font-size:14px;background:#fff;padding:4px 14px;border:1px solid #9198a5}
.m-skills a.store-item {background:#fff;padding:2px 10px 2px 0;border:none}
.m-login {width:200px;display:block;margin:0 auto}
.main-block .m-login {width:inherit}


/* Left-sidebar */
.left-block.lt {background:none}
.left-block header {padding:14px 0}
.left-block h3 {font-size:18px;font-weight:600;color:#333}
.right-sidebar a {text-decoration:none}
.left-block ul {list-style:none;padding:8px 0}
.left-block li {padding:8px 5px 8px 15px;border-left:2px solid silver}

.left-block > ul li.active {border-left:2px solid #e48746}
.left-block li.dropdown i.icons-chevron-down {margin-left:6px;cursor:pointer;font-size:16px}

.left-block a {font-size:15px;color:#333;font-weight:500}
.left-block a i {font-size:15px}
.left-block a .notes {margin-left:3px;font-size:10px}
.left-block li.active > a {color:#e48746}
.left-block .icon {font-size:18px;margin:0 0 0 -2px;color:#e46f35}
.left-block .icon.blue {color:#7eb9e0}
.left-block .icon.gray {color:#aaa}
.left-blockspan {color:#999;margin-left:7px;font-size:18px}

.mess-count,.feed-count {font-size:13px;font-weight:600;font-style:normal;color:#fff;margin-top:-40px;margin-left:20px;position:absolute;width:25px;height:22px; padding:5px 0px 3px;border-radius:50%;text-align:center;line-height:1}
.mess-count {background:#7cc034}
.feed-count {background:#e48746}
.count-green {background:#7cc034;font-size:13px;font-weight:600;color:#fff;padding:3px 8px 4px;border-radius:15px;text-align:center;line-height:1}
.count-green.count-orange {background:#e48746}
.count-green.count-grey {background:#999}
.userset {margin:6px 0;clear:both}
.userset li {float:right;margin:0}
.userset li:first-child {margin-right:0}
.userset li a i {font-size:30px;display:block;width:40px;height:32px}
.userset li a i.icons-mail {margin-top:1px;width:44px}
.userset li a i.icons-appointment  {margin:0;padding:0;float:none}
.userset li.messeges {margin:0 3.7px}
.userset li.user-settings {margin:0 2px}
.userset li.user-settings .dropdown-menu li {display:block;height:34px}
.userset li.user-settings .dropdown-menu a {font-weight:500;width:auto;float:right}
.userset li.user-settings .dropdown-menu a.mode {float:left}
.userset li.user-settings .dropdown-menu a.ex {margin-top:10px;height:auto;padding:4px 10px;border-radius:5px;background:#cdcdcd;color:#fff;font-size:15px}
.userset li.user-settings .dropdown-menu a.ex.lang {background:#93c0df}
.userset li.user-logo {display:block;margin-left:10px}
.userset li.user-logo img {width:27px;height:27px;border-radius:5px;margin:0;box-shadow:0 0 5px rgba(0,0,0,.1)}
.userset li.user-logo .user-names {position:absolute;margin:-2px 0 0 -142px;font-size:11px;color:#777;display:block;width:170px;text-align:right}
.userset li.user-logo .user-names span {color:#e48746}
.userset .dropdown-menu {width:auto;min-width:190px;max-width:220px;padding:25px;z-index:110}
.userset .dropdown-menu li {float:none}
.userset .dropdown-menu li {margin:0}
.userset .dropdown-menu li.username {margin-bottom:25px}
.userset li.user-settings .dropdown-menu li.set {background:#f5faff;border-radius:10px;padding:10px 7px;margin: 10px auto 8px;line-height:20px;height:40px}

/* right-sidebar */
.right-sidebar .right-block {padding:15px 10px;background:#fff;margin:0 0 25px}
.right-sidebar .right-block h3 {font-size:18px;color:#333;font-weight:600;margin-bottom:20px;margin-left:5px}
.right-sidebar .right-block h3 span{margin-left:7px}
.right-sidebar .right-block.user-freiends .user-list-avatar li a span {font-size:12px;color:#777}
.right-sidebar .right-block li {padding:2px 1px 8px;margin:0px}
.right-sidebar .right-block li a {font-size:14px;line-height:15px;color:#777}


/* Классы помощники */
.cent-block {font-size:14px;line-height:25px;padding:20px 30px 20px;position:relative;overflow:hidden;margin-bottom:25px;background:#ffffff;border-radius:10px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.025); outline: 1px solid rgba(0, 0, 0, 0.01);}
.cent-block-side {padding:20px 0 0;position:relative;overflow:hidden;margin-bottom:0;background:#ffffff;border-radius:10px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.025); outline: 1px solid rgba(0, 0, 0, 0.01);}
.cent-block-side.talk-block {padding:0}
.cent-block-side.table-block {margin-bottom:10px;background:none}
.shopic .cent-block, .yamogy .cent-block {padding:20px 23px 5px;margin-bottom:0}
.cent-block.no-side {padding:20px 0 5px;margin-bottom:10px}
.cent-block.yamogu {padding:10px 10px 10px 20px;margin-bottom:10px}
.cent-block.yamogu.b-n {padding:0;background:none;box-shadow:none;}
.cent-block.contest-list {padding:20px 30px 0;margin-bottom:25px}
.cent-block.contest-list.contest-main {padding:15px 0 5px;border:8px solid #f3f4f6}
.cent-block.contest-item-list {padding:5px 5px 5px;border-radius:15px}
.cent-block.title-a {padding:15px 30px;margin-bottom:5px}
.cent-block.menu-a {padding:20px 25px 0;margin-bottom:0}
.cent-block.menu-b {padding:20px 25px 5px;margin-bottom:15px}
.cent-block.preview {padding:20px 20px 20px;margin-bottom:25px}
.cent-block.search {padding:20px 20px 20px;margin:10px 0 0}
.cent-block.menu-b.bg-n {background:none}
.cent-block.form-center {font-size:16px;margin:30px auto 10px;width:auto;max-width:520px;text-align:center}
.cent-block.form-center .g-recaptcha {margin:0 auto;text-align:center}
.cent-block.visible {overflow:visible}

.link-bl {color:#555;line-height:20px;font-weight:400}
.link-bl.name {font-size:16px;font-weight:600}
.link-bl.name.ya {font-size:17px}
.link-bl.gr {color:#777}
.link-bl.italic {color:#b37373;font-style:italic}
.notes, .notes a {color:#999da8}
.cent-block h1 {font-size:21px;margin:0 0 20px;font-weight:600;color:#333}
.cent-block h1.title-h1 {margin-bottom:0}
.cent-block h2, .contest-title-h2 {font-size:20px;margin:0 0 20px;font-weight:600;line-height:26px;color:#333}
.cent-block h3 {font-size:18px;margin:0 0 20px;font-weight:600;color:#333}
.cent-block h3.i-x {width:auto}
.cent-block h3 a.header {font-size:18px;margin:0 0 20px;font-weight:600;color:#7593b7}
.cent-block h4 {font-size:14px;margin:20px 0;font-weight:700;color:#333}
.cent-block img.pl18 {float:left;margin:0 20px 20px 0;width:80px;height:80px}

.btn-light-orang {color:#e48746;padding:4px 0;font-size:15px;line-height:27px;font-weight:600;border-radius:25px;text-decoration:none;border:3px solid #e48746;margin:6px 0;width:156px;text-align:center}
.btn-light-grey {color:#999;padding:4px 0;font-size:15px;line-height:27px;font-weight:600;border-radius:25px;text-decoration:none;border:3px solid #999;margin:6px 0;width:156px;text-align:center}
.btn-light-orang:hover, .btn-light-grey:hover {box-shadow:0 0 4px rgba(0,0,0,.25)}
.show-more {padding:8px 5px;text-align:center;margin-top:-15px;background-color:#e1f3ff;border-radius:16px}

.icons-appointment {float:left;font-size:25px;border-radius:10px;margin-right:12px;padding:3px 0}
.icons-appointment.upp {color:#e48746;border:2px solid #e48746}
.icons-appointment.gray {color:#999;border:2px solid #999}
.icons-appointment.fs14 {font-size:14px}
.icons-a-note {display:flow-root;line-height:20px;font-size:15px}
.icons-left_arrow.upp {position:absolute;left:0;top:-14px;font-size:25px;color:#3a79a2;background:#e6f4fe;border-radius:50%;font-weight:600}
.icon.icons-left_arrow.upp-free{font-size:16px;color:#3a79a2;background:#e6f4fe;border-radius:25%;font-weight:700;margin-right:30px;padding:4px;display:block;width:25px;height:25px;float:left}


#header .middle-header {overflow:hidden;height:64px}
#header .middle-header .banner2 {float:right}
#header .middle-header .site-name {float:left;margin-top:3px}

#header .poster-header {overflow:hidden;height:36px;margin-top:9px}
#header .poster-header .part-left {height:35px;margin-left:210px;padding:0 12px 0 0;border-right:1px solid #e4e3e3;font:15px tahoma}
#header .poster-header .part-left a {color:#7fa7cd}
#header .poster-header .part-left a.active {text-decoration:underline}
#header .poster-header .part-right {padding:0 0 0 10px;overflow:hidden}


/* Menu */
#nav .l {position:absolute;left:0;top:0;width:4px;height:25px;display:block;background:url(https://babiki.ru/templates/skin/bab/images/nav-bg.png) no-repeat}
#nav .r {position:absolute;right:0;top:0;width:4px;height:25px;display:block;background:url(https://babiki.ru/templates/skin/bab/images/nav-bg.png) no-repeat 0 -25px}

#nav .menu {margin-left:20px}
#nav .menu li {float:left;padding:0 10px;border-right:1px solid #ffc0a1;font-size:14px;height:25px;line-height:26px}
@-moz-document url-prefix() {#nav .menu li {line-height:24px}}
#nav .menu li a {color:#fff}
#nav .menu li a:hover {background:#fda374}
#nav .menu li.active {background:#fee9d9}
#nav .menu li.active a {text-decoration:none;color:#fd7b1c}
#nav .menu li.active a:hover {background:#fee9d9}


/* Menu Shopik*/
#nav1 .l {position:absolute;left:0;top:0;width:4px;height:25px;display:block;background:url(https://babiki.ru/templates/skin/bab/images/nav-bg.png) no-repeat 0 -50px}
#nav1 .r {position:absolute;right:0;top:0;width:4px;height:25px;display:block;background:url(https://babiki.ru/templates/skin/bab/images/nav-bg.png) no-repeat 0 -75px}

#nav1 .menu {margin-left:20px}
#nav1 .menu li {float:left;padding:0 10px;border-right:1px solid #d1dfec;font-size:14px;height:25px;line-height:26px}
#nav1 .menu li:hover {background:#bcd3e4}
#nav1 .menu li a {color:#fff}
#nav1 .menu li.active {background:#deedf9}
#nav1 .menu li.active a {text-decoration:none;color:#5589BB}
#nav1 .menu li.active:hover {background:#deedf9}


/* Menu Yamogu*/
#nav2 .l {position:absolute;left:0;top:0;width:4px;height:25px;display:block;background:url(https://babiki.ru/templates/skin/bab/images/nav-bg.png) no-repeat 0 -100px}
#nav2 .r {position:absolute;right:0;top:0;width:4px;height:25px;display:block;background:url(https://babiki.ru/templates/skin/bab/images/nav-bg.png) no-repeat 0 -125px}

#nav2 .menu {margin-left:20px}
#nav2 .menu li {float:left;padding:0 10px;border-right:1px solid #ddd;font-size:14px;height:25px;line-height:26px}
#nav2 .menu li a {color:#fff}
#nav2 .menu li a:hover {background:#cfcfcf}
#nav2 .menu li.active {background:#ebeaea}
#nav2 .menu li.active a {text-decoration:none;color:#777;background:none}
#nav2 .menu li.active a:hover {background:#ebeaea}

.page-header .select {margin:25px 0 0 0;width:95%}
.page-header .select li {display:inline-block;float:left;width:33%}

.formselect-a a {color:#555;letter-spacing:-0.05em;font-size:14px;display:inline-block;width:95%;outline:0;padding-left:5px;line-height:33px}
.formselect:before, .formselect-a > a:before {display:inline-block;position:absolute;content:"";top:10px;right:6px;width:6px;height:6px;transform:rotate(45deg);border-right:2px solid rgba(0,0,0,.2);border-bottom:2px solid rgba(0,0,0,.2)}
.s-search .sort.shop-sort a:before {right:-100px;color:#999}
.formselect-a a:hover, .sort a:hover {text-decoration:none}

.dropdown-create a {color:#555}
select[name="search_only"] {width:160px;color:#777;cursor:pointer;background:#fff;border:1px solid #fff;padding:4px 0;margin-left:0}
.select-box i {float:right;display:block;margin-top:4px}
.select-box .dropdown-menu-create {width:318px}
.select-box .dropdown-menu-create li a {padding:0;position:relative;line-height:15px;word-wrap:break-word;white-space:pre-wrap}
.select-box {position:relative;height:35px;white-space:nowrap;display:block;overflow:hidden;border:1px solid #dcdee1;border-radius:8px}
li.select-box {height:35px;position:relative;width:200px;margin:6px 0.7% 6px;overflow:hidden;float:left;outline:none;color:#d2d4d9;text-indent:0.01px;text-overflow:''}
li.select-box.im {width:auto;min-width:168px}
li.select-box select {font:400 14px Arial;width:100%;background:transparent;height:31px;position:relative;float:left;top:1px;cursor:pointer;border:0;color:#555;outline:0;padding:4px 20px 4px 5px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none!important}
li.select-box select:hover, .page-header .select li .input-menu:focus, .dropdown-create-trigger:focus {text-decoration:none;color:#777;border-color:#b8b8b8}

.page-header .select li select {padding:7px 5px;cursor:pointer}

.store-im .dropdown-create-trigger {font:400 14px Arial;width:100%;background:transparent;height:31px;top:2px;position:relative;float:left;display:block;padding:6px 20px 6px 6px}
.store-im > .pull-left {width:56%}
.store-im > .pull-right {width:42%}
.store-im .text-im {word-break:break-word;font-size:16px}
.store-info {padding:5px 15px 0;display:flex}
.store-info li {float:left;margin:0 5px;flex-grow:1;align-content:stretch;font-size:16px;color:#999}
.store-info li a {color:#999}
.store-info li span {font-size:14px}

/* block Yamogu */
.imaster {padding:15px 20px}

/* Diary */
.diary_topic_block .topic .topic-header .topic-info a.topic-blog{font-size:14px;color:#333;background:#fff;font-weight:bold}
.cent-block.js-topic-diary {padding-bottom:0;border-radius:15px 15px 0 0}
.diary_topic_block .topic-header .topic-actions span {padding-left:10px}
.topic-actions a {margin-left:12px}
.topic-actions a i {color:#999;font-size:22px;line-height:28px}
.topic-actions a i:hover {color:#e48746}
.diary_topic_block {margin-bottom:35px}
.diary_topic_block .topic-info .icon, .diary_topic_block .topic-info a {color:#999}
.diary_topic_block .comment,
.diary_topic_block .diary_comment_reply,
.diary_topic_block .wrapper-content {background:none}
.diary_comment_reply textarea {height:100px;border-radius:15px;margin-bottom:15px;border:1px solid #cdcdcd;padding:10px 15px}
.diary_topic_block .comment .comment-content {}
.diary_topic_block .diary-spoiler, .profile_block_spoiler,
.diary_topic_block .diary-comment-tree-more {z-index:999;padding:5px;text-align:center;margin-top:15px;background-color:#f0f9ff;border-radius:16px}
.profile_block_spoiler.p-f {padding:6px 5px 7px;background:#cad5de}
.profile_block_spoiler.p-f.n-s {max-width:210px;margin:10px auto 15px}
.profile_block_spoiler.p-f a {color:#fff;font-weight:600}
.diary_topic_block .diary-comment-tree-more {display:none}
.diary_topic_block .comments {margin:0;padding-top:10px;border-radius:0 0 15px 15px;}
.diary_topic_block .comments .comments-header .subscribe {top:3px;margin-bottom:0}
.diary-info {margin:10px 0}
.diary-info .open-full {float:right}
.comment-footer .subscribe {display:table} 
.comment-footer .subscribe .input-checkbox {display:table-cell} 
.comment-footer .pull-left {margin:7px 0}
.comment-footer .d-prev .pull-left {margin:7px 30px}
.diary-header {color:#666;font:19px/19px tahoma;margin:0 0 20px;text-align:center}
.add_comment-d label {color:#999;display:table-cell;height:100%;height:100%}
.add_comment-d .d-prev {margin:0;padding:0;float:right}
.add_comment-d .d-prev .btn-or {padding:6px 22px}
.edit-center {text-align:center}

/* Спойлер */
.js-spoiler-body {transition:max-height 0.3s ease;margin:10px 0 5px;}
.js-spoiler-fade {position:absolute;bottom:30px;left:0;right:0;height:60px;background: linear-gradient(to bottom, transparent, #fff);pointer-events:none;}
.js-spoiler {position: relative;margin-bottom:15px;}
.js-spoiler-controls {padding:4px 0;font-size:13px;text-align:right;}
.js-spoiler-close { display: none; }

/* Футер */
.footer-col {width:50%;padding:25px 7% 25px 7%;float:left}
.footer-col.col-2 a {font-size:13px;font-weight:500}
.footer-col.col-2 .p-systems {display:block;padding:0;margin:15px 0}
.footer-col.col-2 .p-systems .p-items {display:inline-block;width:65px;margin-right:25px}
.footer-col.col-2 .p-systems .p-items i {color:#bbb;font-size:22px;background-repeat:no-repeat}
.footer-col.col-4 {font-size:13px;text-align:center}
.footer-col li {margin-right:3%}
.footer-col li .icon {font-size:24px;line-height:32px;display:block;float:left}
.footer-col li.n-t {font-size:10px;line-height:15px;color:#bbb;margin-top:6px}
.footer-col li.n-t.lt {color:#ddd;margin-top:8px}
.footer-col li.n-t.lt img {width:35px;opacity:0.55;margin-right:4px}
.footer-col a {font-size:12px;color:#888;font-weight:600;line-height:30px}
.footer-bootom {padding:0 2%}


/* Навигация */
#nav .button.button-write {float:right;margin-left:35px;margin-top:1px}
#nav .search-header {float:right}
#nav .search-header .search-header-show {font-size:11px;margin-top:4px}
#nav .search-header .search-header-show a {color:#878e96;border-color:#878e96}
#nav .search-header .search-header-show a:hover {border-color:#f00}
#nav .search-header .search-header-form {position:relative;top:0px}
#nav .search-header .search-header-form .input-text {padding:4px 25px 4px 5px;width:290px}
#nav .search-header .search-header-form .input-submit {position:absolute;top:5px;right:5px;width:16px;height:16px;border:none;background:url(https://babiki.ru/templates/skin/bab/images/icons-synio.png) -115px -55px no-repeat}


/* Stat */
.stat-performance {font-size:13px;margin:0 auto 20px;padding:15px 20px;background:#fcfcfc}
.stat-performance table {margin:auto}
.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:transparent url(https://babiki.ru/templates/skin/bab/images/loader.svg) center no-repeat;z-index:9999}


/* Stream  */
.stream-get-more {max-width:300px;font-size:14px;margin:50px auto 0;border-radius:25px;display:block;text-align:center;padding:10px 0;color:#8a9ec5;font-weight:600;text-decoration:none;background:#e1f3ff}
.stream-get-more.main {color:#fff;background:#c8d1d9;font-weight:600}
.stream-get-more.lt {margin:5px auto 15px;padding:8px 0;cursor:pointer }
.stream-get-more:hover {background:#d5eeff;color:#637ba8;box-shadow:0 0 3px rgba(0,0,0,.2)}
.stream-get-more.main:hover {color:#fff;background:#c2cbd3}
.stream-get-more.loader {background:transparent url(https://babiki.ru/templates/skin/bab/images/loader.svg) 50% 50% no-repeat;z-index:9999}
.stream_loading {background:transparent url(https://babiki.ru/templates/skin/bab/images/loader.svg) center no-repeat;z-index:9999}
.stream-comment-preview {word-break:break-word;position:relative;padding:15px 15px;background:#f9f9f9;color:#444;margin-top:7px;font-size:17px;border-radius:15px;line-height:20px}
.stream-comment-preview:after {}

.stream-list {margin:0 0 20px;font-size:13px}
.stream-list li.stream-item {font-size:16px;margin-bottom:16px;min-height:64px;line-height:22px;padding:0 0 15px 70px;position:relative}
.stream-list li.stream-item:last-child {border:none}
.stream-list li.stream-item .info {color:#b9c2c2;font-size:11px;line-height:1em;margin-bottom:7px}
.stream-list li.stream-item b {color:#333;font-size:11px;font-weight:600}
.stream-list li.stream-item a.user {font-size:15px;color:#333}
.stream-list li.stream-item .info .date {color:#818189}
.stream-list li.stream-item .avatar {position:absolute;top:0;left:0;border-radius:10px;box-shadow:0 0 7px rgba(0,0,0,.3);padding:2px;width:48px;height:48px}
.stream-list li.stream-item .user-avatar {margin-left:3px}
.stream-list li.stream-header-date {font-size:16px;color:#999;margin:0 0 20px;padding:10px 0 20px;border-bottom:1px dotted #ccc}


/* 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:600;color:#333}

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


/* Talk */
.talk-authors {padding:0 0 5px;vertical-align:middle;display:inline-block}
.talk-authors .topic-info-favourite u.favourite {margin:0 0 0 20px}

.talk-search {margin-bottom:5px}
.talk-search header {position:relative;min-height:27px;overflow:hidden;max-height:200px;overflow-y:auto}
.talk-search header .close {position:absolute;top:3px;right:0;font-size:11px;cursor:pointer}
.talk-search .talk-search-content {display:none;padding-bottom:10px;margin-bottom:20px}
.talk-search .talk-search-content p {margin-bottom:10px}
.talk-search .talk-search-content p input {margin:0 0 5px}
.talk-search.opened header {padding-bottom:15px}
.talk-search.opened .talk-search-content {display:block;padding-top:20px}
.talk-search.talk-recipients {padding:5px 10px;overflow:hidden}

.talk-search.talk-friends header .close {left:auto;right:0}
.talk-search.talk-friends .friend-list {margin-bottom:15px;font-weight:bold}
.talk-search.talk-friends .friend-list li {margin-bottom:5px}

.talk-blacklist-form {padding:0 0 20px}
.talk-blacklist-formlist {display:flex;justify-content:space-between;flex-wrap:wrap}
.talk-blacklist-formlist li {min-width:150px;margin-bottom:15px;font-size:14px;font-weight:600}
.talk-blacklist-formlist li.new {background:#fefef1;border-radius:10px}
.talk-noactiv-note {background:#f5f7fa;font-size:13px;margin-bottom:10px;padding:5px 15px;color:#777;line-height:16px;border-radius:10px}
.block-favourite-tags {background:none;padding:0;border-radius:5px;margin-bottom:15px}


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

.drafts {float:right;font-size:11px;color:#275ec2}

.content-error {margin:30px auto 10px;padding:20px 40px;max-width:600px;border-radius:5px;font-size:14px;text-align:center}
.content-error h1, .content-error h2 {font-size:40px;margin-bottom:25px;color:#333}
.content-error h3.page-header {font-weight:bold;font-size:24px;margin-bottom:35px;color:#7fb8e0}
.content-error i {font-weight:normal;font-size:22px;top:10px;margin-left:15px;position:absolute}
.content-error a.err {color:#fff;padding:10px 7px;background:#7fb8e0;border-radius:5px;font-size:13px;font-weight:600}
.content-error a.err:hover {box-shadow:0 0 4px rgba(0,0,0,.3)}
.content-error span, .content-error p {font-size:16px}
.content-hello h1 {font-size:40px;margin-bottom:30px;color:#e48746}

.help {display:none;position:relative;padding:10px 7px 13px;background:#fefef1;margin-top:13px;font-size:14px;line-height:18px;border-radius:7px}
.help:before {display:block;content:"";position:absolute;top:-12px;left:15px;width:0;height:0;border-width:6px;border-color:transparent transparent #F2F2DD transparent;border-style:solid}
.help .help-col {float:left;width:280px;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-size:13px;color:#727a90;font-weight:600}
.link-dotted.help-link {font-size:11px;border-color:#333}
.topic-header h2 {color:#749F79;font-size:22px}
.align-left {float:left !important}

.bg-attention {line-height:22px;background:#a96d5b;font-size:17px;padding:7px 35px;color:#fff;margin:-10px 0 20px}
.live_section img {width:100%;max-width:760px}


/* New */
#header-preloader {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(https://babiki.ru/templates/skin/bab/images/preloader.svg) center no-repeat transparent;opacity:0.7;display:none}
a[role="button"] {cursor:pointer}
.searcher {font-size:27px}
.menu .searcher {display:none;padding:1px}
.author-links .topic-info-favourite u.favourite {margin-bottom:-1px}
.personal_blog .topic-info .icon {font-size:30px}
i.favourite-count {font-style:inherit}
.warning {position:fixed;display:none;padding:20px;box-sizing:border-box;background-color:#454f5a;color:#eef2f1;font-size:15px;border-radius:12px; box-shadow:0 12px 28px rgba(0, 0, 0, .16), 0 1px 4px rgba(0, 0, 0, .08);bottom:24px;right:20px;max-width:370px;width:auto;margin-left:20px;z-index:10002}
.warning--active {display:flex !important;flex-direction:column;flex-grow:1}
.warning__text {margin-bottom:30px}
.warning__read {display:block;margin-left:15px}

.hfix {	position:fixed;z-index:1000}
.mfix {	position:fixed}

/* Счетчики вводимых символов*/
form div.charcount {position:relative;margin:0 0 20px}
form .counter {position:absolute;right:0;top:0;font-size:13px;color:#ccc}
form .warning {color:#fb7c3d}
form .exceeded, form .markItUpFooter.exceeded {color:#e00;font-weight:600}
form .markItUpFooter {font-size:13px;color:#bbb}
form .ch-t span.counter {display:none}/* New Shopik */


.cent-block.add-diary-feed {margin-top:20px;-webkit-box-shadow:0 2px 30px 0 rgba(0,0,0,.1);box-shadow:0 2px 30px 0 rgba(0,0,0,.1)}
.cent-block.add-diary-feed.d-e {border:1px solid #999}
.add-diary-feed .add_comment {padding-top:3px;margin-bottom:25px}
.add-diary-feed .add_comment input {border:2px solid #d2d4d9}
.add-diary-feed .add_tag {width:100%;margin:7px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:3px;padding-bottom:10px}
.add-diary-feed footer {padding:5px 0}
.add-diary-feed footer {font-size:15px}
.add-diary-feed footer .btn-or {padding:6px 18px}
.diary-form-add {padding:10px 0 0}
.diary-form-add .markItUpEditor {height:120px}
.comment-on {margin:10px 0}
.comment-on i {font-size:20px;vertical-align:middle}
.comment-on .notes {font-size:13px}

.d-prev {margin:24px 0 0;padding:4px 0}
.d-prev .pull-left {margin:6px 30px 6px 0}
.d-prev.diary {margin:0}
.d-prev a:hover {cursor:pointer}


/* Shopik Search Form*/

.cent-block.s-search {padding:15px 15px 6px;margin:0}
.search-group {display:table;height:100%;overflow:hidden;border-radius:10px;width:100%;width:-moz-available;width:-webkit-fill-available}
.search-group .shopik-s {border-radius:10px 0 0 10px;border-top:2px solid #fea070;border-left:2px solid #fea070;border-bottom:2px solid #fea070}
.search-group .shopik-cytis {border-top:2px solid #fea070;border-bottom:2px solid #fea070;max-width:155px}
.search-group >* {display:table-cell;height:100%;overflow:hidden;line-height:1em}
.search-group select {border:0;width:100%;outline:none;padding-left:1px;min-width:150px}
.search-group input[type="text"] {font-size:16px;color:#555;border:0;padding:5px 10px 5px 15px;width:100%;outline:0}
.shopik-cytis input[type="text"] {border-left:1px solid #999}
.search-group .btn-s {outline:0;width:100%;font-size:15px;line-height:32px;min-width:40px;background:#fea070;color:#fff;border:0;border-radius:0 10px 10px 0;padding:2px 5px 2px}
.search-group .btn-s:hover, .search-group .btn-s:focus {background:#e48746;text-decoration:none}
.search-group-btm {margin:10px 0 0}
.search-group-btm >* {display:inline-block;float:left;margin-right:0;padding-top:1px;white-space:nowrap}
.search-group-btm input {margin-right:8px;zoom:1.38;border-color:#fea070;vertical-align:middle}
.s-search i.icons-chevron-down {font-size:22px}
#favourite-form-user-tags, #like-modal-form-select-group {padding:8px 5px}
.shop-sort {margin:0;padding:5px 16px 0;font-size:15px;float:right;background:#fafbfc;border-radius:20px 20px 0 0;position:absolute;right:15px;bottom:0} 
.shop-sort a.dropdown-create-trigger {color:#777;position:relative} 
.sort a:after {display:inline-block;margin:0 0 3px 6px;content:"";width:5px;height:5px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid #777;border-bottom:2px solid #777}


/* Shopik Single Ads */

.menu.menu-s > ul > li {padding-left:0;padding-right:18px}
.bsfp .cent-block {border-radius:5px 5px 0 0;margin:0 0 10px}
.bsfp .main-topic {margin-bottom:10px}
.bsfp .fbs-desc.cent-block {border-radius:5px;margin-top:0;padding:25px;margin-bottom:30px}
.bsfp .fbs-desc.cent-block h4 {margin:0 0 25px 0}
.h-top a {color:#999}
.fps-img .img-box {margin:7px 0 15px}
.fps-img img {width:200px;height:200px;display:block;margin:0 0 15px 5px;border-radius:3px;background-image:-webkit-gradient(linep,rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%)}
.fps-img img.preview {width:170px;height:170px;margin:0}
.fps-main div {display:table;font-size:16px;margin-bottom:12px}
.fps-main div.user-sho {height:50px;margin-bottom:20px}
.fps-main div.user-sho .source {display:table-cell;vertical-align:middle;line-height:22px;padding-right:15px}
.fps-main div.user-sho a {display:table-cell}
.ads-main div .link-bl {display:table-cell;height:100%;line-height:35px}
.fps-main div .notes {display:table-cell;height:100%;width:150px;color:#333}
h3.fpstitle {font-size:15px;margin-bottom:7px}
.fps-main div .link-bl {padding-right:15px}
.fps-main div .link-bl.name {padding-right:0;padding-bottom:5px}
.fps-main div.descr {margin:25px 0 20px}
.bsfp .cent-block .topic-tags {margin:15px 0 5px 0}
.author-links.shopik {width:180px;margin:10px auto 0;vertical-align:middle;display:inline;text-align:center}
.author-links.shopik  span {white-space:nowrap;display:table-cell;padding:0 10px 0 0;font-size:14px;color:#999;font-weight:500;line-height:40px}
.fps-body .ta-c {width:225px}


/* Shopik Item */

.s-item {min-height:150px;font-size:14px;padding:0;position:relative;line-height:25px;margin-top:15px;overflow:hidden;margin-bottom:15px;background:#ffffff;border-radius:10px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.025); outline: 1px solid rgba(0, 0, 0, 0.01);}
.s-item .bs-block {display:block;max-width:270px;float:left}
.s-item .bs-block .s-view a {opacity:1}
.s-item.vip {/*background:#fffbd9*/}
.s-item footer{display:inline-block;height:30px}
.s-item h3 a {color:#444;font-size:16px;font-weight:600}
.s-item h3 a:visited {color:#999}
.s-item:hover {background:#fbfdff}
.s-view {float:left}
.s-item-img {width:150px;height:150px;background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.15)));background-image:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);display:block} 
.s-view time {position:absolute;top:132px;left:0;opacity:0.6;border-radius:0 5px 5px 0;background:#fff;
padding:0 5px 0 10px;font-size:10px;line-height:12px}
.s-item-img.auction {border-right:2px solid #8fd400;padding-right:4px}
.s-item-main {padding:8px 5px 5px 5px;font-size:17px;width:auto;max-width:63%;float:left}
.s-item-main header {width:100%}
.s-item-main .moder {text-align:center}
.s-item-main .moder a {padding:0 5px;font-size:13px}
.s-footer span {margin-right:14px}
.s-footer span small {font-size:13px}
.s-footer span.notes {font-size:19px}
.s-footer span.notes i:before, .s-footer span.notes u:before {margin:0 1px 0 0}
.s-des {margin:7px 0;font-size:13px}
.s-des span {word-break:break-word;margin-right:20px}
.s-des .d-i {margin-bottom:5px}
.s-des .d-i .c-g {display:inline-block;line-height:13px;color:#888}
.s-des .d-i a {font-weight:600;color:#7593b7}
.s-des.shortf {display:none ;color:#777;font-size:13px;line-height:13px;margin:0 0 8px}
.shop-cat {color:#fff;background:#e48746;padding:1px 3px;border-radius:3px}
.s-autor {margin:0 7px 0 10px}
.s-autor a {color:#444;font-size:14px;font-weight:600}
.s-autor i {color:#111;font-style:unset;font-weight:500}
.s-autor img {width:24px;height:24px;position:relative;margin:0 0 -7px;border-radius:50%}

.h-top {margin-bottom:10px;font-size:15px}
.h-top .icon {color:#999;font-size:15px}
.h-bot.sho {font-size:16px;margin-top:10px;line-height:30px}
.h-bot.sho span {margin-right:15px;display:inline-block;color:#999}
.h-bot.sho a.fbk {padding:0 2px}
.fps-title {font-size:32px;font-weight:600;line-height:2.3em}
.fps-body {overflow:hidden;margin:25px 0 10px}
.fps-img, .fps-main, .fbs-price {overflow:hidden}

.fps-img {float:left;width:29%}
.fps-img.bits {width:38%;margin-right:10px}
.fps-main {float:left;width:45%;padding:10px 0;font-size:14px}
.fps-main.bits {width:57%}
.fps-main img.name {width:48px;height:48px;position:relative;margin:0 10px -20px 2px;border-radius:10px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);padding:1px;border:2px solid #fdae87}
.s-item .bs-price {width:100px;padding:6px 1px 8px;display:inline-block;margin:0 0 0 10px;float:left}
.shopik-top-i {float:right;max-width:300px;margin-left:10px}
.shopik-top-i.a-u {width:100%;max-width:none}
.fbs-price {float:right;width:26%;text-align:center;padding:10px 0} 
.fbs-price .icon {font-size:34px;display:block;float:left}
.fbs-price font {font-size:16px;font-weight:600;float:left;margin:5px 0}
.s-price {margin-bottom:0;border-radius:25px}
.s-price span {font-size:20px;font-weight:700;display:table;margin:0 auto 0}
.s-price span.price {text-align:center}
.s-price span.change-currency.vip {background:#fffbd9;padding-left:3px;border-radius:3px}
.s-price span i {font-size:14px;font-style:inherit;text-align:center}
.s-price .price span i {font-size:12px}
.s-price i {font-size:22px}
.s-price i.bf, .menu ul li i.bf {background:url(https://babiki.ru/templates/skin/bab/images/bf.svg) no-repeat;margin:-11px 0px 0 35px;width:55px;height:45px;background-size:55px 45px;position:absolute;opacity:0.8}
.s-price i.bf.fu {width:90px;height:80px;background-size:90px 80px;margin:-20px 0px 0 15px;transform:rotate(18deg)}
.menu ul li i.bf.offer {width:45px;height:38px;background-size:45px 38px;margin:-10px 0 0 -5px;opacity:0.15}
.menu-ul li {margin-bottom:15px}
.mob-menu .bf {background:url(https://babiki.ru/templates/skin/bab/images/bf.svg) no-repeat;margin:0 0 0 -5px;width:50px;height:45px;background-size:50px 45px;position:absolute;opacity:0.6;cursor:pointer}
.s-price .offer-bf {min-height:47px;margin-top:5px}
.s-price .offer-bf .o-d {padding:0 8px 0 20px;font-size:11px;font-weight:600;color:#d8f0ff;background:#5c6673;border-radius:2px;display:block;float:left;margin-top:-25px;margin-left:8px;line-height:25px}
.s-price .offer-bf .o-d.proc {margin-top:-5px}
.s-price .offer-bf .perc {position:absolute;font-size:11px;margin:-5px 0 0 -7px;font-weight:600;color:#eaf7ff;padding:0 2px;border-radius:3px;background:#88acce}


.bsfp .s-price span {font-size:36px;font-weight:500;line-height:1em;margin:0 auto 3px}
.bsfp .s-price span b {font-size:22px;font-weight:500} 

.change-currency {display:table;text-align:center}
.change-currency span, .change-currency b {display:table-cell}

.btn-block {padding:5px 0 4px}
.btn-block a:hover {color:#e48746}
.btn-block button {margin-bottom:16px}
.btn-block .disabled {pointer-events:none;/* for "disabled" effect */opacity:0.5}
.btn-block .form-bits {margin:15px 0 5px;text-align:center}
.btn-block .form-bits .input-bits {padding:5px 8px 7px;margin:10px 0;font-size:24px;text-align:center;border:1px solid #bbb;-webkit-box-shadow:0 1px 15px rgba(47,62,83,.2);box-shadow:0 1px 15px rgba(47,62,83,.2)}
.btn-block .form-bits .count-bits {font-size:17px;font-weight:500;margin:15px 0 20px}
.btn-block .form-bits .note-bits {font-size:14px;margin:7px 0;line-height:15px}
.btn-block .button-no {text-align:center;color:#e48746;line-height:15px}

.fbs-price .btn-grn , .fbs-price .btn-grn-l {width:160px;margin:15px auto;line-height:1em}
.s-dis a:before {content:'';position:relative;top:-25px;left:0;width:0;height:0;border-bottom:10px solid #89bc9b;border-right:10px solid transparent}
.s-dis a {padding:5px 0px;width:140px;font-size:14px;color:#fff;background:#89bc9b;display:block;line-height:15px;margin:5px auto;font-weight:600;text-align:left;border-radius:2px}
.s-dis.list a {padding:3px 0;width:65px;font-size:12px;margin:10px auto}
.s-dis a:hover {text-decoration:none;color:#fff;cursor:help}
.shopik-adminbar {margin-top:10px}
.shopik-adminbar .admin-btn button {color:#fff;background:#8596a2;border-radius:5px;border:0;outline:0;line-height:18px;font-size:12px;font-weight:600;padding:5px 8px 6px;margin-right:5px}
.shopik-adminbar .admin-btn button.renew {background:#93c0df}
.shopik-adminbar .admin-btn button.sold {background:#8596a2}
.shopik-adminbar a {display:inline-block;text-align:center;font-size:14px;color:#fff;background:#9e9e9e;border-radius:5px;margin:0 3px;padding:6px 5px}
.shopik-adminbar .admin-btn button:hover {-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);box-shadow:0 0 6px rgba(0,0,0,.3)}
.shopik-adminbar a:hover {color:#fff;background:#888}
.adminbar-btn {margin-right:20px;padding:3px 0;display:inline-block;float:left;line-height:1em}
.adminbar-btn a {background:#aaa}

.shopik-adminbar form {float:left;margin:0 1px}
.similar-topic.block-shopik img {width:150px;height:150px;margin-bottom:8px;background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.15)));background-image:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%)}
.similar-topic.block-shopik .goods-desc, .similar-title {max-width:200px;display:block;margin:10px auto 10px;line-height:16px;padding:0 3px;text-align:center}
.similar-topic.block-shopik .notes, .similar-topic.block-shopik .link-bl {line-height:16px;font-size:14px;font-weight:600}
.similar-topic .main-block .link-bl {line-height:16px}
.fbs-i span {font-size:17px;font-weight:600;color:#999}
.fbs-i .icon {font-size:24px;color:#999}


/* Shopik Block Filter*/

.shop-filter {padding:12px 12px}
.block.shopink .latest-list li {padding:10px 0 10px}
.block-title {font-size:17px;margin-bottom:10px;font-weight:600;width:100%}
.shop-filter form > fieldset {margin:7px 0 7px;border:none;padding:0;max-width:300px}
.shop-filter form > fieldset > div {margin:0 0 15px}
.shop-filter input[type="text"] {width:100%}
.shop-filter select {overflow:hidden;width:100%;border:none;outline:none;font-size:15px;cursor:pointer;line-height:22px;color:#777;position:relative;-webkit-appearance:none;-moz-appearance:none;text-indent:0.01px;-o-text-overflow:'';text-overflow:'';-ms-appearance:none;background:transparent;appearance:none!important;white-space:nowrap;text-overflow:ellipsis;padding:5px 15px 5px 5px}
.shop-filter select option {padding:5px 5px 5px;line-height:50px}
.shop-filter input:checked {background:#e48746}
.shop-filter input[type="checkbox"]{height:0}
.shop-filter span.name {font-size:14px;color:#777}

.range_inputs input[type="text"] {display:table-cell;height:31px;border:1px solid #c3c7ce;border-radius:8px;padding:0 0 0 8px;outline:none;color:#888;font-size:14px}
.r-output {display:inline-block;margin:15px 0 5px 0;width:100%}
.range_inputs {display:table;overflow:hidden}

.control--radio .control__indicator, .control--checkbox .control__indicator {cursor:pointer}
.control--checkbox .note {margin:5px 0}

.control-group {display:inline-block;vertical-align:top;background:#fff;text-align:left;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1);padding:30px;width:200px;height:210px;margin:10px} 
.control {
  display:block;
  position:relative;
  padding-left:35px;
  margin-bottom:8px;
  line-height:22px;
  height:auto;
  min-height:23px;
  overflow:visible;
  white-space:normal;
  word-break:break-word;
}
.control.c-bl {display:block}
.control.c-ibl {display:inline-block}
.control.va-m {vertical-align:middle}
.control.to-s {overflow:visible;line-height:16px;height:auto;min-height:23px}
.control input {position:absolute;z-index:-1;opacity:0}
.control input.fol {position:relative}
.control__indicator {
  position:absolute;
  top:50%;
  left:0;
  height:22px;
  width:22px;
  border-radius:2px;
  -webkit-box-shadow:0 0 2px rgb(58,57,57) inset;
  box-shadow:0 0 2px rgb(58,57,57) inset;
  transform:translateY(-50%);
}
.control:hover input ~ .control__indicator {background:rgba(0,0,0,0.05)}
.control input:checked ~ .control__indicator {background:#fea070;border:none;box-shadow:none}
.control input:checked ~ .control__indicator.c-o {background:#fe7070}
.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {background:#fea070}
.control input:checked:focus ~ .control__indicator.c-o {background:#fe7070}
.control input:focus-visible ~ .control__indicator {outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,0.25)}
.control input:disabled ~ .control__indicator {background:#e6e6e6;opacity:0.6;pointer-events:none}
.control__indicator:after {content:'';position:absolute;display:none}
.control input:checked ~ .control__indicator:after {display:block}
.control--checkbox .control__indicator:after {left:8px;top:4px;width:4px;height:8px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.control--checkbox input:disabled ~ .control__indicator:after {border-color:#7b7b7b}
.control--radio .control__indicator {border-radius:50%}
.control--radio .control__indicator:after {top:6px;left:6px;width:10px;height:10px;border-radius:50%;background:#fff}
.control--radio input:disabled ~ .control__indicator:after {background:#7b7b7b}
.control label,.control input,.control__indicator { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}

.shopik-finder {font-size:20px}
.shop-filter .btn-or {font-size:14px;border:0;padding:7px 30px 9px;margin:10px auto 0}
.clear-btn {text-align:center;display:block;font-size:15px;margin:18px 0}
.inrange {width:28%;text-align:center;display:table-cell;color:#c3c7ce}

.skip-wrap {width:93.5%;margin:0 auto!important}

/*.offer-block img.bf {display:block; margin:0;position:absolute;width:100px;height:100px}*/
.offer-participate {position:relative;margin:0 0 15px;overflow:hidden;background:linear-gradient(90deg,#f8f8f8 -41%,#4b5c6d 7%,#b7ebf1 100%);border-radius:5px;padding:20px 15px 20px}
.offer-participate.seller {margin-top:-10px;background: linear-gradient(90deg,#f8cf65 -41%,#d6834a 7%,#e8a642 100%);box-shadow:0 5px 15px rgba(233,182,73,.3)}
.offer-participate i.bf {display:block;background:url(https://babiki.ru/templates/skin/bab/images/bf.svg) no-repeat;margin:-72px 5px 0 0;
 width:210px;height:210px;background-size:210px 210px;position:absolute;right:0;opacity:0.25;transform:rotate(-22deg)}
 
.offer-participate .offer-block {min-height:54px}
.offer-participate .offer-block .offer-text {position:absolute;font-size:14px;font-weight:600;color:#ecf7ff;line-height:20px;margin:0 auto;width:93%;padding-left:10px;padding-right:5px;border-radius:5px;background:rgb(55 82 94 / 68%);box-shadow:0 0 7px rgb(0 0 0 / 30%)}
.offer-participate.seller .offer-block .offer-text {position:static;padding:0;box-shadow:none;background:none}
.offer-participate .offer-block .offer-text a {color:#ecf7ff}
.offer-participate .offer-block .button {border:none;border-radius:15px;color:#111;padding:6px 10px 8px;font-size:14px;min-width:60px;font-weight:600;position:absolute;right:20px;bottom:10px;margin:0}
.offer-participate.seller .offer-block .button {position:static;margin:8px 10px 0 0}

.change-category {position:absolute;bottom:0;right:0}
.change-category.offer {position:static;width:100px;padding:0}


.price-offer-ad .price-line-through {text-decoration:line-through;font-size:14px}
.price-offer-ad .price-discount {color:red}/* СТИЛИ ДЛЯ ПЕЧАТИ */

@media print {

@page {margin:0.5cm}

* {background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;font-family:Arial, sans-serif !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;font-weight:bold !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}
h1 a {text-decoration:none !important}

#header, #userbar, #nav, #sidebar, #footer, #comments, .toolbar, .nav-filter-wrapper, 
.topic-footer, .stat-performance, .topic-actions, .reply-header, .nav {display:none !important}
#wrapper {-webkit-box-shadow:none;box-shadow:none;border:0;padding:0}
#content {width:100%;margin:0}
.topic {margin-bottom:100px}


}/*!
 * FullCalendar v1.6.0 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
	}
	
.fc table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
html .fc,
.fc table {
	font-size: 1em;
	}
	
.fc td,
.fc th {
	padding: 0;
	vertical-align: top;
	}



/* Header
------------------------------------------------------------------------*/

.fc-header td {
	white-space: nowrap;
	}

.fc-header-left {
	width: 25%;
	text-align: left;
	}
	
.fc-header-center {
	text-align: center;
	}
	
.fc-header-right {
	width: 25%;
	text-align: right;
	}
	
.fc-header-title {
	display: inline-block;
	vertical-align: top;
	}
	
.fc-header-title h2 {
	margin-top:2px;color:#888;
	white-space: nowrap;
	}
	
.fc .fc-header-space {
	padding-left: 10px;
	}
	
.fc-header .fc-button {
	margin-bottom: 1em;
	vertical-align: top;
	}
	
/* buttons edges butting together */

.fc-header .fc-button {
	margin-right: -1px;
	}
	
.fc-header .fc-corner-right,  /* non-theme */
.fc-header .ui-corner-right { /* theme */
	margin-right: 0; /* back to normal */
	}
	
/* button layering (for border precedence) */
	
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
	z-index: 2;
	}
	
.fc-header .fc-state-down {
	z-index: 3;
	}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
	z-index: 4;
	}
	
	
	
/* Content
------------------------------------------------------------------------*/
	
.fc-content {
	clear: both;
	}
	
.fc-view {
	width: 100%; /* needed for view switching (when view is absolute) */
	overflow: hidden;
	}
	
	

/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
	border: 1px solid #ddd;
	}
	
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
	background: #e2fcd0;
	}
	
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
	}
	


/* Buttons
------------------------------------------------------------------------*/

.fc-button {
	position: relative;
	display: inline-block;
	padding: 3px;
	overflow: hidden;
	height: 12px;
	line-height: 18px;
	white-space: nowrap;
	cursor: pointer;
	border:none;
	}
	

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	}

/*
	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
	and we'll try to make them look good cross-browser.
*/

.fc-text-arrow {
	margin: 0 .1em;
	font-size: 2em;
	font-family: "Courier New", Courier, monospace;
	vertical-align: baseline; /* for IE7 */
	}

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
	font-weight: bold;
	}
	
/* icon (for jquery ui) */
	
.fc-button .fc-icon-wrap {
	position: relative;
	float: left;
	top: 50%;
	}
	
.fc-button .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
	*margin-top: 0;
	*top: -50%;
	}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background:#fff;
	}
.fc-state-default:hover {background:#fff;border:none;}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
	}

	

/* Global Event Styles
------------------------------------------------------------------------*/
	 
.fc-event {
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	color: #444;               /* default TEXT color */
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	font-size:12px;
	cursor: default;
	}
.fc-event:hover {color:#999 !important;}

a.fc-event {
	text-decoration: none;
	}
	
a.fc-event,
.fc-event-draggable {
	cursor: pointer;
	}
	
.fc-rtl .fc-event {
	text-align: right;
	}

.fc-event-inner {
	width: 100%;
	overflow: hidden;
	}
	
.fc-event-time,
.fc-event-title {
	padding: 0 1px;
	}
.fc-event:hover	 {color: #111;  }
	
.fc .ui-resizable-handle {
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden; /* hacky spaces (IE6/7) */
	font-size: 300%;  /* */
	line-height: 50%; /* */
	}
	
	
	
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;
	}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
	border-left-width: 1px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
	border-right-width: 1px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}
	
/* resizable */
	
.fc-event-hori .ui-resizable-e {
	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
	right: -3px      !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: e-resize;
	}
	
.fc-event-hori .ui-resizable-w {
	top: 0           !important;
	left: -3px       !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: w-resize;
	}
	
.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px; /* IE6 had 0 height */
	}
	
	
	
/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
	border-collapse: separate;
	}
	
.fc-border-separate th,
.fc-border-separate td {
	border-width: 1px 0 0 1px;
	}
	
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
	border-right-width: 1px;
	}
	
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
	border-bottom-width: 1px;
	}
	
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
	border-top-width: 0;
	}
	
	

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
	text-align: center;
	}

.fc .fc-week-number {
	width: 22px;
	text-align: center;
	}

.fc .fc-week-number div {
	padding: 0 2px;
	}
	
.fc-grid .fc-day-number {
	float: right;color:#888;font-style:italic;font-size:11px;
	padding: 0 2px;
	}
	
.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
	}
	
.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 1px; /* distance between events and day edges */
	}
	
/* event styles */
	
.fc-grid .fc-event-time {
	font-weight: bold;
	}
	
/* right-to-left */
	
.fc-rtl .fc-grid .fc-day-number {
	float: left;
	}
	
.fc-rtl .fc-grid .fc-event-time {
	float: right;
	}
	
	

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
	border-collapse: separate;
	}
	
.fc-agenda-days th {
	text-align: center;
	}
	
.fc-agenda .fc-agenda-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: normal;
	}

.fc-agenda .fc-week-number {
	font-weight: bold;
	}
	
.fc-agenda .fc-day-content {
	padding: 2px 2px 1px;
	}
	
/* make axis border take precedence */
	
.fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px;
	}
	
.fc-agenda-days .fc-col0 {
	border-left-width: 0;
	}
	
/* all-day area */
	
.fc-agenda-allday th {
	border-width: 0 1px;
	}
	
.fc-agenda-allday .fc-day-content {
	min-height: 34px; /* TODO: doesnt work well in quirksmode */
	_height: 34px;
	}
	
/* divider (between all-day and slots) */
	
.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;
	}
	
.fc-widget-header .fc-agenda-divider-inner {
	background: #eee;
	}
	
/* slot rows */
	
.fc-agenda-slots th {
	border-width: 1px 1px 0;
	}
	
.fc-agenda-slots td {
	border-width: 1px 0 0;
	background: none;
	}
	
.fc-agenda-slots td div {
	height: 20px;
	}
	
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
	border-top-width: 0;
	}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
	border-top-style: dotted;
	}
	
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
	*border-top-style: solid; /* doesn't work with background in IE6/7 */
	}
	


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
	border-width: 0 1px;
	}

.fc-event-vert.fc-event-start {
	border-top-width: 1px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	}

.fc-event-vert.fc-event-end {
	border-bottom-width: 1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	}
	
.fc-event-vert .fc-event-time {
	white-space: nowrap;
	font-size: 10px;
	}

.fc-event-vert .fc-event-inner {
	position: relative;
	z-index: 2;
	}
	
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .3;
	filter: alpha(opacity=30);
	}
	
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
	}
	
/* resizable */
	
.fc-event-vert .ui-resizable-s {
	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
	width: 100%      !important;
	height: 8px      !important;
	overflow: hidden !important;
	line-height: 8px !important;
	font-size: 11px  !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
	}
	
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
	_overflow: hidden;
	}
	
	
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
/* Settings */
#activity_settings {padding:10px 15px 15px;margin:30px 0 30px;background-color:#f5faff;border-radius:10px}
#activity-address-modal-map {position:fixed;top:8%;left:50%;margin-left:-300px;z-index:3099;display:none;height:370px;max-width:600px;width:auto;border-radius:5px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.5);box-shadow:0 0 15px rgba(0,0,0,.5);border:2px solid #ddd}
#activity-address-map {height:auto;width:100%}
#activity-address-map .close {position:absolute;top:7px;right:250px;width:18px;height:18px;background:url(https://babiki.ru/plugins/activity/templates/skin/default/images/details_close.png) no-repeat}


/*   poster.tpl   */
.poster.cat-item header * {display: block;}
.poster .main-categories-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin: 30px 0;}
.poster .main-categories-grid a {background: #fdf6f6; padding: 22px 10px; text-align: center; border-radius: 8px; text-decoration: none;}
.poster .main-categories-grid a.winter {background: rgba(14, 165, 233, 0.1);}
.poster .main-categories-grid a.spring {background: rgba(34, 197, 94, 0.1);}
.poster .main-categories-grid a.summer {background: rgba(234, 179, 8, 0.1);}
.poster .main-categories-grid a.autumn {background: rgba(249, 115, 22, 0.1);}
.poster .main-categories-grid a strong {font-size: 20px; color: #555; display: block; margin-bottom: 10px;}
.poster .main-categories-grid a small {color: #888; font-size: 14px;}
.poster .desc {margin:20px 0; line-height: 1.5; font-size: 16px;}


.search-input-wrapper .search-input-buttons {position:absolute;right:4px;top:4px}
.search-input-wrapper .search-input-buttons .button {font-size:24px;color:#6b8cad;margin:0}
.activity-topic-map {width:auto;height:300px;margin-bottom:10px}

/* Event on full calendar */
.activity-calendar-event {text-align:center}
.activity-calendar-event:hover {opacity:0.8;}

/* Activity modal list */
#activity-list-modal {overflow:auto;max-height:400px;width:600px;margin-left:-300px}
#activity-list-modal .modal-content {padding:0 5px}

/* Coming activities block */
.coming-activities-item {line-height:12px;color:#111;font-size:11px;margin-right:30px}
.coming-activities-item a {color:#888}

/* Activity users block */
.block-activity-users-hidden {display:none}
.block-content-activity-users {overflow:auto}
.block-content-activity-users-user {float:left;text-align:center;padding:1%;border-radius:8px}
.block-content-activity-users-user img {width:32px;border-radius:2px}

.activity.topiclist {margin-bottom:15px}
.activity-short {width:auto;font-size:13px;padding:0 20px 10px;clear:both;margin-bottom:10px;background:#fff;border:none}
.activity .title {padding:0 0 7px;line-height:16px}
.activity .title a {font-size:14px;font-weight:bold;color:#7fa7cd}

.activity-fast-registration-wrapper {padding-top:10px}
.activity-fast-registration-wrapper label {color:#333}
.activity-fast-registration-wrapper .icon-question-sign {position:relative;top:-3px}
.activity-fast-registration-wrapper .icon-ok-green {position:relative;top:-1px}
.fast-registration-hide {display:none}
.input-width-220 {width:220px}

.activity_join {display:none;height:45px;width:100px;float:left;overflow:hidden;margin-top:5px;padding-top:3px}
.activity-button-wrapper {font-size:13px;font-weight:600;color:#fff}
.activity-button-wrapper .finish {display:inline-block;font-size:14px;padding:5px 10px;background:#777;border-radius:5px}
.activity-button-wrapper .active-now {display:inline-block;font-size:14px;padding:5px 10px;background:#7cc034;border-radius:5px}
.activity-button-wrapper .button {width:85px;height:30px;padding:0;border-radius:25px;font-size:13px;border:none;font-weight:600}
.activity-button-wrapper .button.button-join {background:#99bbdb;color:#fff}
.activity-button-wrapper .button.button-leave {background:#bab7b7;color:#fff}

/* Activity block */
.activity-card {color:#444}
.side-left {width:80px;min-height:110px;margin:0 30px 0 20px;text-align:center;float:left}
.side-left .date {margin-top:10px;font-size:70px;line-height:70px}
.side-left .month {font-size:16px;margin:0}
.form-key {background:rgba(234, 179, 8, 0.1);border-radius:20px;padding:10px 10px 10px 15px;font-size:14px;width:auto;min-height:107px;margin-bottom:25px;line-height:18px}
.form-key div {padding:4px 0}
.key, .block-activity .key {margin-right:5px}
.value, .block-activity .value {font-weight:600}
.value.address {clear:both;cursor:pointer;color:#7593b7;font-weight:600}
.value.address:hover {opacity:0.8;}.openid-block {margin:20px auto 30px;width:auto;max-width:400px}
.openid-block.wide {max-width:400px}
.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}
.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:10px 0 25px;display:flex;-webkit-box-pack:justify;justify-content:space-between}
.openid-block ul li {float:left;margin-right:10px}
.openid-block ul li a {display:block;font-size:14px;color:#888;font-weight:600}
.openid-block ul li.active a {color:#e48746;text-decoration:underline}

.openid-service-list {list-style:none outside none;	display:table;margin:0 auto}
.openid-service-list.inlist {margin:0}
.openid-service-list li {float:left;margin:0 10px;line-height:18px}

/* Для др.соцсетей кот-х нет в списке посмотреть стиль в шаблоне в браузере и аналогично сущ-им дописать */

.openid-service-vkontakte {font-size:31px;color:#fff;padding:12px 2px;background:#4e77a2;margin-top:8px !important;border-radius:50%;width:57px}
.openid-service-vkontakte-sm {font-size:21px;color:#4e77a2;padding:5px 2px;background:#f9f9f9;margin-right:10px;margin-top:3px !important;border-radius:5px;width:40px}
.icons-vkontakte:before {cursor:pointer;content:'\E816'}
.icons-vkontakte:hover {color:#89abce}

.openid-service-facebook {font-size:30px;color:#fff;padding:12px 7px;background:#eee;margin-top:8px !important;border-radius:50%}
.openid-service-facebook-sm {font-size:19px;color:#ccc;padding:6px 5px;background:#f9f9f9;margin-right:10px;margin-top:3px !important;border-radius:5px}
.icons-facebook:before {cursor:pointer;content:'\F154'}
.icons-facebook:hover {color:#bbb}

.openid-service-yandex {font-size:30px;color:#fc3f1d;padding:12px 7px;background:#f9f9f9;margin-top:8px !important;border-radius:5px}
.openid-service-yandex-sm {font-size:19px;color:#fc3f1d;padding:6px 5px;background:#f9f9f9;margin-right:10px;margin-top:3px !important;border-radius:5px}
.icons-yandex:before {cursor:pointer;content:'\F305'}
.icons-yandex:hover {color:#fd7a62}

.openid-service-google {font-size:30px;color:#4082ed;padding:12px 7px;background:#f9f9f9;margin-top:8px !important;border-radius:5px}
.openid-service-google-sm {font-size:19px;color:#4082ed;padding:6px 5px;background:#f9f9f9;margin-right:10px;margin-top:3px !important;border-radius:5px}
.icons-google:before {cursor:pointer;content:'\F1A0'}
.icons-google:hover {color:#6098f2}.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#fff;border-radius:4px;border:1px solid #ccc;box-shadow:0px 0px 14px rgba(0,0,0,0.3)}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:10px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:10px}.tooltipster-sidetip .tooltipster-content{color:#2c2c2c;line-height:18px;padding:6px 10px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#ddd;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#ddd;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#ddd;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#ddd;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#ccc}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#ccc}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#ccc}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#ccc}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}.write-block ul {overflow:hidden;zoom:1;margin-bottom:15px}
.write-block ul li {float:left;margin-right:5px}
.write-block ul li a {display:block;text-decoration:none;color:#69909b;background-color:#eeeeee}
.write-block ul li a span {display:block;padding:7px 15px 8px 0;margin-left:15px;background-color:#eeeeee}
.write-block ul li.active a {color:#363f42;background-color:#cccccc}
.write-block ul li.active a span {background-color:#cccccc}

.tooltip-favourite {cursor:pointer}
.tooltip-favourite-content {width:100%;max-width:250px;min-height:60px;max-height:500px;overflow-x:hidden !important;padding:5px 0}
.tooltip-favourite-content h3 {color:#888;font-size:14px;font-weight:600;margin:0 0 20px}
.tooltip-favourite-content a {color:#333;font-weight:600}
.tooltip-favourite-content a:hover {color:#e48746}


/* Screen style's  Меню разделов github.com/marioloncarek/megamenu-js */
#menu-mobile {display:none;width:24px;height:18px;position:relative;cursor:pointer;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
} 
#menu-mobile span {display:block;position:absolute;height:3.4px;width:100%;background:#ffb087;opacity:1;left:0;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.25s ease-in-out;
	-moz-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}

#menu-mobile span:nth-child(1) {top:0px}
#menu-mobile span:nth-child(2),#menu-mobile span:nth-child(3) {top:7px}
#menu-mobile span:nth-child(4) {top:14px}
#menu-mobile.open span:nth-child(1) {width:0%;left:50%}
#menu-mobile.open span:nth-child(2) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#menu-mobile.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#menu-mobile.open span:nth-child(4) {top:7px;width:0%;left:50%}
.menu-container {width:100%;margin-bottom:17px;position:relative}
.menu div.write {float:left;margin-right:20px}

.menu > ul {margin:0 auto;list-style:none;padding:0;position:relative}
.menu > ul:before,
.menu > ul:after {content:"";display:table}
.menu > ul:after {clear:both}
.menu > ul > li {display:inline-block;padding:0;margin:0}
.menu ul li a {color:#111;font-weight:500;cursor:pointer;text-decoration:none;padding:5px 0 5px;display:inline-block;font-size:14px}
.menu ul li a.offer {padding:3px 5px;border-radius:3px;background:#5c6673;color:#d3f0ff}
.menu ul li a.offer:hover {color:#c8ecff}
.menu ul li span {font-weight:600;cursor:pointer}
.menu ul.show-on-mobile li:not(:first-child) {margin-top:5px}
.menu ul li:first-child {margin-right:5px;padding-left:0}
.menu ul li a.btn-or, .menu a.btn-or {padding:6px 13px;letter-spacing:0.5px}
.menu > ul > li.active a {text-decoration:underline}
.menu > ul > li.active a span.count-green {text-decoration:underline;text-decoration-color:#7cc034}

.menu > ul > li > ul {display:none;width:100%;background:#3e454d;padding:20px 0px 20px 20px;position:absolute;z-index:101;left:0;margin:-7px 0 0;list-style:none;color:#5589bb;border-radius:3px;box-shadow:0 15px 15px rgba(0,0,0,.25)}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {content:"";display:table}
.menu > ul > li > ul:after {clear:both}

.menu > ul > li > ul > li {width:23%;margin:5px 3px;padding:0;/*min-height:34px;*/ display:inline-block;vertical-align:top;list-style:none}
.menu > ul > li > ul > li a {padding:5px 0;width:100%;display:block;font-size:16px;color:#f2f2f2;line-height:18px}
.menu > ul > li > ul > li.main a {font-size:16px;color:#ffb087;line-height:18px;font-weight:700;text-decoration:underline}
.menu > ul > li > ul > li a:hover  {color:#ffb087}
.menu > ul > li > ul > li > ul {display:block;padding:0; margin:0 0 0;list-style:none}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {content:"";display:table}
.menu > ul > li > ul > li > ul:after {clear:both}
.menu > ul > li > ul > li > ul > li {float:left;width:100%;padding:3px 0;margin:5px 0}
.menu > ul > li > ul > li > ul > li a {font-weight:normal;line-height:15px;padding:0 0 0 10px;color:#e6f2ff;font-size:14px;border-left:1px solid #a2adb8}
.menu > ul > li > ul.normal-sub {width:300px;left:auto;padding:10px 20px}
.menu > ul > li > ul.normal-sub > li {width:98%}
.menu > ul > li > ul.normal-sub > li a {border:0;padding:10px 0}

.menu-sidebar {display:none}
.menu-sidebar .icons-sliders {font-size:26px }
.menu-sidebar .icons-wallet {font-size:23px}
.menu-sidebar .icons-user-outline {font-size:25px}
.menu-sidebar .icons-braille {font-size:22px}
.menu-sidebar .icons-amenu, .searcher .icons-search {font-size:25px;cursor:pointer}
.menu-sidebar .icons-amenu:before, .searcher .icons-search:before {margin-top:2px;font-weight:600}
.btn-write {display:none;font-size:28px;margin-top:2px}
.menu-dropdown-icon:before {font-family:"fontello";content:'\e82a';display:none;cursor:pointer;float:right;margin:0 0 0 25px;padding:7px 8px;font-weight:700;color:#ffb087;font-size:20px;border-radius:10px 10px 0 0;background:#87959f}

.mob-menu {display:none;height:50px;justify-content:space-between;flex-wrap:wrap}
.mob-menu >* {align-items:center;width:28px;height:auto}
.mob-menu div {align-self:start}
.mob-menu a {width:28px;align-self:center;color:#ffb087}
.mob-menu button {align-self:center;padding:0}
.mob-menu a.menu-sidebar.braille .shopik-finder {font-size:20px}.contest-list.bg-gray {background:#f1f1f1}
.contest-list.bg-green {}

.contest-box.cent-block.menu-b {padding:5px 0 0;margin-bottom:10px;box-shadow:none;background:none}
.contest-box .contest-title.mb {display:inline;margin-bottom:10px}
.contest-box .contest-title.list {font-size:19px;padding:10px 0 0;font-weight:500;line-height:22px;text-align:center}
.contest-box .contest-title.list .bg-green {font-size:16px;background:#98ce5d;border-radius:5px;padding:0 5px}
.contest-box .contest-title.list a {color:#000;font-weight:600}
.contest-box .contest-title.list .bg-green a {color:#fff}
.contest-box .contest-title.list a:hover {color:#555}
.contest-box .contest-title.list .bg-green a:hover {color:#f9f9f9}
.contest-box .contest-title-h1 {display:inline;text-align:center;font-size:32px;color:#000;font-weight:400}
.contest-box .contest-title span.name {color:white;background:#e48746;padding:2px 6px;margin-right:5px;border-radius:3px}

.c-center {text-align:center}
.contest-about.text a:hover, .contest-box .plus-delete a:hover {color:#e48746}
.contest-box .contest-info-text {text-align:center}

.contest-box .contest-actions {font-size:14px;overflow:hidden;line-height:24px}
.contest-box .contest-actions li {float:left;margin-right:18px}
.contest-box .contest-actions li i {margin-right:3px}

.contest-box .contest-info {overflow:hidden;font-size:15px;line-height:25px;margin-top:25px;padding:0;list-style:none;text-align:center}
.contest-box .contest-info.list {font-size:13px;line-height:18px;padding:0;margin-top:5px}
.contest-box .contest-info li {display:inline-block;margin:0 10px;padding:3px 5px;font-size:13px;font-weight:600}
.contest-box .contest-info li.contest-info-author a {font-size:15px;font-weight:600;color:#333}
.contest-box .contest-info li.contest-info-author a img {width:24px;height:24px;vertical-align:middle;margin-right:5px;border-radius:5px}
.contest-box .contest-info.list li.contest-info-author a img {width:24px;height:24px}
.contest-box .contest-info li.contest-info-author a:hover {color:#e48746}

.contest-box .contest-info li.topic-info-vote {float:right;padding:0;margin-right:0;overflow:hidden}
.contest-box .contest-info li.contest-info-vote {padding:0;margin:0 auto;overflow:hidden;font-size:15px;line-height:24px}
.contest-box .contest-info li.contest-info-vote div.vote-item {cursor:pointer;overflow:hidden;display:block;float:left;margin-left:0px}
.contest-box .contest-info li.contest-info-vote div.vote-count {color:#60c7f6;border-bottom:1px dashed #60c7f6;font-size:28px;font-weight:bold;padding-bottom:2px}

.contest-box .contest-info li.contest-info-vote div.voted-down .vote-item {color:#DD2929}
.contest-box .contest-info li.contest-info-vote div.voted-down .vote-item.vote-up {display:none}
.contest-box .contest-info li.contest-info-vote div.voted-up .vote-item {color:#519600}
.contest-box .contest-info li.contest-info-vote div.voted-up .vote-item.vote-down {display:none}
.contest-box .contest-info li.contest-info-vote div.voted-zero .vote-item.vote-down {display:none}
.contest-box .contest-info li.contest-info-vote div.voted-zero .vote-item.vote-up {display:none}
.contest-box .contest-info li.contest-info-vote div.vote-item.vote-up {color:#519600}
.contest-box .contest-info li.contest-info-vote div.vote-item.vote-up:hover {text-decoration:underline}
.contest-box .contest-info li.contest-info-vote div.vote-item.vote-down {color:#DD2929}
.contest-box .contest-info li.contest-info-vote div.vote-item.vote-down:hover {text-decoration:underline}

.contest-box div.vote-stat-up {color:#519600}
.contest-box div.vote-stat-down {color:#DD2929}

.modal.contest-participate-form {width:450px;margin-left:-225px;top:40%}

.contest-box .contest-admin {overflow:hidden}
.contest-box .contest-date-end {background:#457593;color:#fff;padding:8px 10px;font-size:12px;line-height:14px;float:left;font-weight:600;border-radius:5px}
.contest-box .contest-date-begin {background:#457593;color:#fff;padding:8px 10px;font-size:12px;line-height:14px;float:left;font-weight:600;border-radius:5px}
.contest-date-vote {background:#60c7f6;color:#fff;padding:8px 15px;font-size:14px;line-height:14px;float:left;font-weight:600;border-radius:15px;margin:0 5px 5px 0}
.contest-date-join {background:#7cc034;color:#fff;padding:8px 15px;font-size:14px;line-height:14px;float:left;font-weight:600;border-radius:15px;margin:0 5px 5px 0}
.contest-date-finish {background:#999;color:#fff;padding:8px 0;margin:0 auto 5px;font-size:14px;line-height:14px;text-align:center;font-weight:600;border-radius:15px}

.avatar-main {text-align:center;line-height:10px}
.avatar-main.discr {margin-bottom:35px}
.avatar-main a {opacity:1}
.avatar-main img.main-avatar {width:100%;height:auto;max-width:560px;max-height:150px;border-radius:2px;box-shadow:0 0 7px rgba(0,0,0,.2)}
.contest-main .contest-box {padding:5px 30px 0}
.contest-box .contest-about {font-size:16px;min-height:10px;margin:15px 0 0}
.contest-box .contest-about.list {text-align:center;margin:5px 0;font-size:13px;font-weight:400;color:#7b848d;line-height:20px}
.contest-box .topic-photo-upload {text-align:center}

.contest-box .contest-comment {}
.contest-box .contest-text {margin-top:15px}
.contest-box .contest-content {margin:5px 0 10px}
.contest-box .contest-text-bold {font-weight:600}
.contest-box .contest-text-dark {color:darkgray}
.contest-box .contest-text-red {color:red}
.contest-box .contest-text-green {color:green}
.contest-box .contest-bg-green {background-color:green;background:green}
.contest-box .contest-btn {padding:4px 0;text-align:right}
.contest-box .contest-info-block {}
.contest-up {font-size:80%;color:#ff0000;background-color:#eee;padding:4px;margin-bottom:5px}

.contest-box .contest-question-text {padding-bottom:10px}
.contest-box .contest-question-notice {padding:8px;margin-bottom:10px;color:#555}
.contest-box .contest-question-notice span {font-weight:600;font-size:120%;color:black}
.contest-box .contest-question-notice-red {background-color:#FFEAEA;background:#FFEAEA}
.contest-box .contest-question-notice-green {background-color:#A1FD90;background:#A1FD90}
.contest-box .contest-user-answer {padding:5px 0;border-bottom:1px solid #ccc}
.contest-box .contest-question-answer {padding:5px 0 5px 30px;border-top:1px solid #ccc;position:relative}
.contest-box .contest-question-answer-bottom {border-top:1px solid #ccc}
.contest-box div.contest-question-answer-hover:hover {background-color:#f5f5f5}
.contest-box .contest-question-answer-checkbox {position:absolute;top:0;left:0;height:18px;width:18px;padding:5px;vertical-align:top;text-align:center}
.contest-box .contest-question-answer-button {padding:5px 0;margin-bottom:10px}
.contest-box .contest-question-answer-true {background-color:#A1FD90}
.contest-box .contest-question-answer-false {background-color:#FFEAEA}
.contest-box .contest-question-answer-dark {background-color:#f5f5f5}
.contest-box .contest-question-answer-percent {position:relative;width:100%;padding-right:25px}
.contest-box .contest-question-answer-percent-vote {position:relative;top:-2px;text-align:center;width:100%;font-size:9px;color:#fff;z-index:99}
.contest-box .contest-question-answer-percent-text {position:absolute;top:-2px;right:30px;font-size:10px;font-weight:bold;color:#333}
.contest-box .contest-question-answer-percent-bg {width:90%;background-color:#4ec4ff;height:14px}
.contest-box .contest-question-answer-percent-line {position:relative;top:-18px;height:14px;background-color:#27ace8}
.contest-box .contest-question-msg {margin:12px;text-align:center}
.contest-box .contest-answer-pts {font-size:9px;color:#555;border:1px solid #ccc;padding:1px 3px;font-weight:bold}

.contest-box .contest-video-item {float:left;position:relative;margin:0 12px 15px 0;height:200px;width:200px}
.contest-box .contest-video-item-img {position:relative;top:0;left:0;width:200px;height:160px}
.contest-box .contest-video-item-moder {position:absolute;top:0;left:0;background-color:red;color:white;padding:3px;z-index:2}
.contest-box .contest-video-item-delete {position:absolute;top:0;right:0;padding:0 3px;z-index:2}
.contest-box .contest-video-item-delete a {color:white;display:block;text-decoration:none;background-color:#333;padding:3px 6px;font-size:9px;font-weight:600}
.contest-box .contest-video-item-title {position:absolute;top:160px;left:0;width:200px;height:40px;overflow:hidden;padding:0 2px;text-align:center}

.contest-box .contest-photo-item {position:relative}
.contest-box .contest-photo-item-img {overflow:hidden}
.contest-box .contest-photo-item-img img {width:178px;height:178px;margin-bottom:0;border-radius:12px;border:7px solid #bae6fa}
.contest-box .contest-photo-item-img img.round {width:178px;height:178px}
.contest-box .contest-photo-item-img a:visited img {border:7px solid #ddd}
.contest-box .contest-photo-item-img img.no-image {border:7px solid #ddd}

.contest-box .contest-photo-item-moder {position:absolute;top:85px;left:-2px;background-color:#6363ff;color:white;padding:2px 10px 2px;z-index:2;font-weight:600;border-radius:15px;line-height:22px}
.contest-box .contest-photo-item-deny {position:absolute;top:85px;left:-2px;background-color:#ff6060;color:white;padding:2px 10px 2px;z-index:2;font-weight:600;border-radius:15px;line-height:22px}
.contest-box .contest-photo-item-draft {position:absolute;top:85px;left:-2px;background-color:#999;color:white;padding:2px 10px 2px;z-index:2;font-weight:600;border-radius:15px;line-height:22px}
.contest-box .contest-photo-item-check{position:absolute;top:85px;left:-2px;background-color:#7cc034;color:white;padding:2px 10px 2px;z-index:2;font-weight:600;border-radius:15px;line-height:22px}
.contest-box .contest-photo-item-vote {position:absolute;top:85px;left:-2px;background:#60c7f6;color:#fff;padding:1px 5px 2px;z-index:2;font-weight:600;border-radius:10px;line-height:15px;font-size:12px}
.contest-box .contest-photo-item-delete {position:absolute;top:0;right:0;z-index:2}
.contest-box .contest-photo-item-delete a {color:#999;display:block;text-decoration:none;padding:4px 10px;font-size:18px}
.contest-box .contest-photo-item-number {margin-bottom:15px;font-weight:600;}
.contest-box .contest-photo-item-number p {width:auto;max-width:152px;font-size:13px;font-weight:400;line-height:15px;margin:0 auto}

.contest-box .contest-ph5 {padding-left:5px;padding-right:5px}
.contest-box .contest-pv5 {padding:20px 20px;background:#f1f7fd;overflow:hidden;border-radius:10px}
.contest-box .contest-pv5 a {font-size:11px !important}
.contest-box .contest-p5 {padding:5px 0}
.contest-box .contest-p3 {padding:3px 0}

.contest-box .contest-bg2 {background:#A1FD90}
.contest-box .contest-bg3 {background:#FFEAEA}

.contest-box .button-block {margin:15px 0 0;overflow:hidden;text-align:center}
.contest-box .button-block.list {margin:0;min-height:auto}
.contest-box .topic-actions {line-height:normal}
.contest-box .contest-date-box {overflow:hidden;text-align:center;margin:20px 0 10px}
.contest-box .contest-btn-box {float:right;margin-top:-8px}
.contest-box .contest-btn-box.list {margin-top:10px}
.contest-box .contest-btn-box .btn-light-orang {color:#e48746;width:140px;border:3px solid #e48746;margin:0 0 10px 10px;line-height:25px;display:block}
.contest-box .contest-btn-box .btn-light-orang.green {color:#6dc05d;border:3px solid #6dc05d}
.contest-box .contest-btn-date {overflow:hidden}
.contest-box .photoset-img {text-align:center;padding:0;margin:20px 0 0;line-height:10px}
.contest-box .photoset-img img {margin-bottom:20px;max-width:100%}
.contest-box .contest-photo-list {margin-top:7px;text-align:center}
.contest-box table tr th, td.center {}

.contest-sidebar .contest-text-red {color:red}

.contest-box .imgLikeWrap {margin:0 auto}
.contest-box .plus-delete a {color:#ccc}

#stream-contest li {display:inline-block;margin:0 10px 10px 0}
#stream-contest .desc, .block-content .desc {font-size:80%;color:#888}

.nav.nav-contest-video-moder {background:#6363ff;color:white}
.nav.nav-contest-video-moder li {margin-right:10px;border:1px solid transparent;line-height:13px;border-radius:5px;padding:3px 6px 4px}
.nav.nav-contest-video-moder li a {display:block;color:red;text-decoration:underline;float:left}
.nav.nav-contest-video-moder li a.green {display:block;color:green;text-decoration:underline;float:left}
.nav.nav-contest-video-moder li a:hover {color:#333;border-color:#333}

.contest-box .vote-topic.vote-not-self.not-voted.vote-not-expired .vote-item.vote-count:hover {background:#4ec4ff;
	background:-moz-linear-gradient(top, #4ec4ff 0%, #22b3fe 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ec4ff), color-stop(100%,#22b3fe));
	background:-webkit-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%);
	background:-o-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%);
	background:-ms-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%);
	background:linear-gradient(top, #4ec4ff 0%,#22b3fe 100%);
	-webkit-box-shadow:0 -1px 0 rgba(255,255,255,.3) inset;box-shadow:0 -1px 0 rgba(255,255,255,.3) inset;
	border-color:#27ace8;
}

.contest-nav-red {color:#26AF2A}
.contest-barrating .bar-rating a, .contest-barrating .bar-rating b {display:block;min-width:42px;width:auto;height:42px;float:left;padding:1px 7px;margin:6px 5px;font-size:30px;font-weight:bold;line-height:40px;text-align:center;color:#60c7f6;border-radius:10px;box-shadow:0 0 5px rgba(132, 208, 255, 0.36);transition:0.4s}
.contest-barrating.votemust .bar-rating a {color:#ff9b55;box-shadow:0 0 5px rgb(199 199 199 / 42%)}
.contest-barrating .bar-rating a.selected {background-color:#60c7f6;color:white}
.contest-barrating .bar-rating a:hover {background-color:#e48746;color:white}
.contest-barrating .bar-rating b.active {background-color:#e48746;color:white;min-width:60px;height:60px;line-height:58px;font-size:50px}
.contest-barrating .bar-rating b.active.list {position:absolute;margin:15px 3px 3px 15px}

.contest-box .system-message {margin-top:10px}
.system-message-status div {color:#fff;font-size:14px;font-weight:600;line-height:22px;padding:2px 15px;border-radius:5px}
.system-message-status.moder div {background:#6363ff}
.system-message-status.deny div {background:#ff6060}
.system-message-status.draft div {background:#999}
.system-message-status.check div {background:#7cc034}
.system-message-status p {background-color:#f8f8f8;font-size:14px;padding:10px 10px;line-height:20px;margin-bottom:20px;border-radius:25px}

.contest-box .pagination-img {margin:20px 0 15px;padding:2px 5px 4px;text-align:center}
.contest-box .pagination-img ul {float:none;width:270px;margin:0 auto}
.contest-box .pagination-img ul li {font-size:18px}

.contest-box .settings-type.table tbody td {line-height:20px;padding:16px 0}
.contest-box .settings-type select {margin:4px 5px;width:auto;max-width:95px}

/* Хэлперы*/
.h-100	{height:100px}
.h-200	{height:200px}
.h1-center {text-align:center}

.block.block-type-stream.block-contest-list li {padding:5px 4px;margin-bottom:4px}
.block.block-type-stream.block-contest-list li .title {font-size:14px;line-height:16px;font-weight:500}
.block.block-type-stream.block-contest-list .block-content img.stream {margin-bottom:3px;width:100%;box-shadow:0 0 3px rgba(0,0,0,.2)}
.block.block-type-stream.block-contest-list .nav.nav-pills a {font-size:14px}

.table-results th, .table-results td,
.table-results th.center, .table td.center {text-align:center}
.table-results tr th {font-size:11px}
.table-results tbody tr td {font-size:15px;padding:3px 0;line-height:18px}
.table-results tbody tr td a {font-size:14px;color:#333}
.table-results tbody tr td a.author {font-weight:600}
.table-results tbody tr td i {font-size:12px;color:#999}
.table-results tbody tr td img {border-radius:3px;width:50px;height:50px;box-shadow:0 0 7px rgba(0,0,0,.3)}
.table-results tbody tr td img.avatar {border-radius:10px;width:35px;height:35px;box-shadow:0 0 7px rgba(0,0,0,.3);margin:0 0 5px}
#table-rating-plus th,#table-rating-plus td {text-align:center;padding:4px 8px}
#table-rating-plus th:first-of-type,#table-rating-plus td:first-of-type {text-align:left}

	/* Карусель contest */
.jcarousel-contest {margin:-5px 0 30px}
.jcarousel-contest .jcarousel {position:relative;overflow:hidden}
.jcarousel-contest .jcarousel ul {width:20000em;position:relative}
.jcarousel-contest .jcarousel li {float:left}
.jcarousel-contest .jcarousel li img {max-width:100%;height:300px}

#vote_area_rating_plus_vote {display:none}
.block-vote-flex {display:flex;align-items:center;justify-content:center;margin-top:10px}
.contest-box .title-block-contest { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; margin-bottom: 20px; }
.contest-box .contest-title.mb { margin-bottom: 0; font-size: 22px; line-height: 1.3; flex-grow: 1; }
.contest-box .social_button { flex-shrink: 0; margin-top: 5px; }
.topic-category [itemprop="itemListElement"]:first-of-type, .topic-category [itemprop="itemListElement"]:first-of-type ~ i:of-type(1), .topic-category [itemprop="itemListElement"]:first-of-type + i { display: none !important; }/* imgAreaSelect default style */

.imgareaselect-border1 {background:url(https://babiki.ru/plugins/contest/templates/skin/default/css/border-v.gif) repeat-y left top}
.imgareaselect-border2 {background:url(https://babiki.ru/plugins/contest/templates/skin/default/css/border-h.gif) repeat-x left top}
.imgareaselect-border3 {background:url(https://babiki.ru/plugins/contest/templates/skin/default/css/border-v.gif) repeat-y right top}
.imgareaselect-border4 {background:url(https://babiki.ru/plugins/contest/templates/skin/default/css/border-h.gif) repeat-x left bottom}
.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {filter:alpha(opacity=50);opacity:0.5}
.imgareaselect-handle {background-color:#fff;border:solid 1px #000;filter:alpha(opacity=50);opacity:0.5}
.imgareaselect-outer {background-color:#000;filter:alpha(opacity=50);opacity:0.5}
.imgareaselect-selection {}.stream-item-new {background:#ade56b;padding:8px !important}
.stream-item-null {background:#fed1ce}#ignore_target_form {width:500px;margin-left:-250px;text-align:left;padding:10px}
.ignore-profile-whois {font-size:16px;color:#eee}

.comment.ignore-comment {opacity:1;}
.comment.ignore-comment .folding {display:none;}
.comment.ignore-comment .comment-content {padding: 8px 16px;margin-top:10px;position:relative;width:72%;}
.comment.ignore-comment .comment-content:before {display:none;}
.comment.ignore-comment .comment-content:after {display:none;}

.comment.ignore-comment .comment-ignore-info {display:flex;align-items:center;gap:14px;font-size:12px;line-height:1.4;flex-wrap:wrap;}
.comment.ignore-comment .comment-ignore-info li {list-style:none;color:#888;}
.comment.ignore-comment .comment-ignore-info li a {text-decoration:none;}
.comment.ignore-comment .comment-ignore-info li a:hover {opacity:0.8;}
.comment.ignore-comment .comment-ignore-info li.vote {margin-left:auto;font-weight:600;color:#777;}
.comment.ignore-comment .comment-ignore-info li.item {white-space:nowrap;margin-left:20px;}
.comment.ignore-comment .comment-ignore-info li time {font-size:11px;color:#888;}

.ignore-comment-list { display:flex; justify-content:space-between; align-items:center; margin:12px 0; padding:10px 16px; font-size:14px; color:var(--text-color, #333); border:1px solid rgba(0,0,0,0.10); border-radius:15px; box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.06), 0 0 2px 0px rgba(0, 0, 0, 0.04); }
.ignore-comment-list .ignore-left { display:flex; align-items:center; gap:4px; white-space:nowrap; }
.ignore-comment-list .ignore-left span { display:inline; }
.ignore-comment-list a { text-decoration:none; }
.ignore-comment-list a:hover { opacity:0.8; }

.ignore-comment-user {display:none;}
.comment li a.ignore-link-reply {color:#999;text-decoration:line-through;}

.ignore-setting form label.control {display:flex;align-items:center;gap:10px;padding:8px 10px 8px 40px;font-size:15px;line-height:1.4;cursor:pointer;border-radius:8px;}
.ignore-setting form label.control:hover {background:rgba(0,0,0,0.03);}
.ignore-setting .control {height:auto;min-height:32px;overflow:visible;}
.ignore-setting .control input[type="checkbox"] {position:absolute;left:8px;top:50%;transform:translateY(-50%);}
.ignore-setting .control__indicator {top:50%;left:8px;transform:translateY(-50%);}
.ignore-setting .note-i {margin:4px 0 10px 36px;font-size:13px;line-height:1.4;opacity:0.8;}
.ignore-setting .note-i .input-wide {width:56px;height:28px;font-size:14px;text-align:center;margin-left:6px;}

.ignore-setting .ignore-group {margin:10px 0;}
.ignore-setting .ignore-group h4 {margin:0 0 6px;font-size:11px;font-weight:normal;text-align:center;color:#888;text-transform:uppercase;letter-spacing:0.04em;}

.ignore-message-ban { display: inline-flex; align-items: center; margin: 10px 0; padding: 8px 16px; font-size: 13px; color: #666; background: #f9f9f9; border-radius: 8px; }
}

@media (max-width:600px) {
  .ignore-comment-list{font-size:12px;padding:6px 15px;gap:6px;}
  .comment.ignore-comment .comment-ignore-info{gap:10px;font-size:11px;}
  .ignore-setting form label.control{padding:8px 12px 8px 40px;font-size:15px;}
}
.news-about .news-header {background:#808f9a;padding:7px 5px 7px 10px;border-radius:8px;display:inline-block;width:100%;margin-bottom:15px}
.news-about .news-header h1 {color:#ddd}
.news-about .news-img {float:left}
.news-about .news-img img, .modal img.news-img {display:inline-block;height:85px;width:85px;border-radius:10px;margin:0 20px 0 0;padding:1px;border:2px solid #fdae87}
.news-about .news-img.logo img {height:125px;width:125px;border:none}
.news-about .cat-desc.description {margin:5px 0 0;color:#ddd}

.block .block-content .people-a-b-c {display:inline-block;margin-bottom:10px}
.block .block-content .search-item-abc {width:100%;margin-right:0;float:left}
.block .block-content .search-item-abc .search-input-wrapper {margin:2px 2px 5px}
.menu-tree {border:none!important}
.menu-block {margin:-10px 0 25px;padding:5px 10px 15px;background-color:#f1f7fd;border-radius:10px}

.menutree.groups li.level0 {margin:5px 0 10px}
.menutree.groups li {font-size:15px;overflow:hidden;line-height:15px;margin:1px 0 2px}
.menutree.groups li img {height:35px;width:35px;border-radius:50%}
.menutree.groups li .image {position:absolute;margin-left:0}
.menutree.groups li .name {font-size:14px;margin-left:50px;min-height:35px;min-width:160px;display:flex;align-items:center;width:auto}
.menutree.groups li .name a.regular {font-size:15px;color:#000;padding:0px;line-height:17px}
.menutree.groups li .name a.regular:hover {color:#777}
.menutree.groups a.active{}
.menutree.groups a.regular{color:#333;display:flex;padding-bottom:10px}
.menutree.groups a.regular.cg{font-weight:600}
.menutree.groups div {cursor:pointer;float:left;width:14px;height:14px;margin-right:5px}
.menutree.groups div:not(active) {margin:-1px 22px 0 -2px}
.menutree.groups div.regular:before {margin-top:3px;content:'\f196'}
.menutree.groups div.active:before {margin-top:3px;content:'\f147'}
.menutree.groups div.end {background-image:url()}
.menutree a.menu-tree-limit-show {font-size:13px;margin:5px 5px 15px;border-radius:25px;display:block;text-align:center;padding:8px 0;color:#555;text-decoration:none;background:#e1f3ff}
.menu-tree-limit-show:hover {box-shadow:0 0 4px rgba(0,0,0,.1)}/* Шопик - стиль в page */


.form-actions.shopik-moder-container .navbar {width:auto;background-color:#e4edf7;margin:0 auto;padding:5px 5px 1px;border-radius:10px;z-index:999}
.form-actions.shopik-moder-container .navbar.sticky-bottom {bottom:0;margin-bottom:0}
.form-actions.shopik-moder-container .sticky, .sticky-bottom {position:fixed}

/*favourite store*/
.store-info .topic-info-favourite .favourite {float:left;color:#999;height:27px;font-size:27px;cursor:pointer}
.store-info .topic-info-favourite .favourite.store-item {float:none}
.store-info .favourite:before {content:'\e80c'}
.store-info .favourite.active {color:#e48746}
.store-info .favourite.active:before {content:'\e808'}
.store-info .favourite:hover {color:#e48746}
.store-info .topic-info-favourite .favourite-count {padding:0 10px 0 0;font-weight:500;margin-bottom:2px;font-size:14px;font-style:normal}

.short {word-break:break-word;font-size:12px;line-height:14px;padding:0;color:#777}
.block-list {top:0px;width:126px;height:150px;position:absolute}
.block-a-info {top:0px;width:160px;height:150px;position:absolute;display:none}
.block-full {margin-left:126px}
.block-add-full {margin-left:160px}
.a-page-action-form {font-size:12px;color:#555;background:#f1f7fd;margin:0 0 2px;overflow:hidden}
.a-page-action-form span {line-height:35px}
.a-page-action-form button {font-size:12px;padding:2px 5px 3px;margin:1px 9px}

.form-gray {border-left:2px solid #ddd;padding:5px 25px}

.text h5, .text h6 {color:#444;font-weight:normal}
.status {font-size:14px;line-height:16px;color:#fff;padding:1px 6px;text-align:center;margin:4px 0 0;border-radius:15px;font-weight:600}
.status.moder {background:#6363ff}
.status.removed {background:#e6ca98}
.status.removed-auct {background:#d2c2a6}
.status.sold {background:#f9a175}
.status.draft {background:#999}
.status.reject {background:#ff6060}
.status.reserv {background:#cfaac7}
.status.blok {background:#bb2a30}
.status.activ {color:#7cc034;font-size:13px;font-weight:400;padding:0}
.status.auction {background:#8fd400;font-size:14px;padding:5px 5px;border-radius:8px;margin-bottom:10px}
.status.snt {padding:10px 5px;border-radius:10px}
.status.snt.nsh {background:#b08c73}

.status-full {display:inline-block;font-weight:600;font-size:20px;line-height:26px;color:#fff;padding:1px 10px;border-radius:15px;margin-bottom:6px}
.status-full a.c-white {color:#fff}
.status-full.moder {background:#6363ff}
.status-full.removed {background:#d9b77c}
.status-full.removed-auct {background:#d2c2a6}
.status-full.sold {background:#f9a175}
.status-full.draft {background:#999}
.status-full.reject {background:#ff6060}
.status-full.reserv {background:#cfaac7}
.status-full.blok {background:#bb2a30}
.status-full.activ {color:#7cc034;font-size:14px;font-weight:400}
.status-full.auction {background:#aed856;font-size:14px}

.reject-text {margin:5px 0 0;font-size:11px;line-height:11px;font-family:arial, sans-serif}
.import-text {line-height:14px;font-size:11px;color:#e48746}
.import-text-green {line-height:14px;font-size:11px;color:#6b9051}
.import-text-red {line-height:16px;margin-top:-15px;color:#ef3d3d;background:#fff6f6;padding:5px 15px;border-radius:15px}
.a-pagesstatus-text {margin-top:10px}

.page-header {color:#333;margin-bottom:20px;line-height:20px}
.page-header span {background:#fff}
.page-header span.menu {margin:0 8px 0 0}
.page-header .select-store {background:#f7f7f7;padding:2px 25px 0}
.page-header .input-menu option {color:#555}
.page-header .input-menu option[selected] {color:#fff;background:#e48746}

.page-header-bg {margin:0 0 5px;border-radius:5px;background:#f1f8ff;padding:5px 10px;min-height:120px}
.page-header .search2 {width:420px;margin:0}
.page-header .search2 .text {font:14px Arial;color:#4d79a3;padding:6px 6px;width:340px;border:1px solid #d2e3f3;border-radius:3px;margin-right:7px}
.page-header .search2 .input-submit {font:normal 15px Arial;color:#6295c5;border:1px solid #c3dbf1;border-radius:3px;background:#f8fbfe;padding:4px 5px}
.page-header .search2 .input-submit:hover {border:1px solid #9cc6ed;color:#6295c5;background:#fff}
.page-header .search2 .search-shopik {margin-top:2px}
.page-header .search2 .location {margin-top:7px;width:400px}
.page-header .search2 .location span {margin:0 6px 0 3px}
.page-header .search2 .location .form {font:13px Arial;color:#4d79a3;padding:2px 4px;width:160px;border:1px solid #d2e3f3;border-radius:3px}
.page-header .search2 .checkbox {margin:7px 0 0 0}
.page-header .search2 .checkbox span {margin:0 15px 0 0}

.page-header .filter {margin:0 0 0 0;max-width:260px}
.page-header .filter .input-text {font:12px Arial;color:#4d79a3;padding:3px 2px;width:82px;border:1px solid #d2e3f3;border-radius:3px}
.page-header .filter .text {font:12px Arial;color:#4d79a3;padding:3px 4px;width:50px;border:1px solid #d2e3f3;border-radius:3px;margin:0 0 0 6px}
.page-header .filter .input-submit {font:normal 12px Arial;color:#6295c5;border:1px solid #c3dbf1;border-radius:4px;background:#f8fbfe;padding:3px 4px}
.page-header .filter .input-submit:hover {border:1px solid #9cc6ed;color:#6295c5;background:#fff}
.page-header .filter span {margin:0 8px 0 0}
.page-header .filter .sort {margin-top:3px;float:right;text-align:right;line-height:16px}
.page-header .filter .sort a {font:normal 13px Arial;color:#6295c5;border:1px solid #c3dbf1;border-radius:3px;padding:0 7px;background:#f8fbfe;margin:0 0 0 4px}
.page-header .filter .sort a:hover {border:1px solid #9cc6ed;color:#6295c5;background:#fff}
.page-header .filter .price {margin:11px 0 9px;float:right}
.page-header .filter .height {margin:0 0 9px;float:right}
.page-header .filter .lessprice span {margin:0 25px 0 0}

.sts-a {font-size:16px;color:#fff;font-weight:600;margin:0 10px 0 0;padding:3px 5px;border-radius:2px}
.sts-a.stm {font-size:14px;padding:1px 5px}
.sts-a.status-sell {background:#89bc9b}
.sts-a.status-buy {background:#d89f9e}
.sts-a.status-change {background:#f5b645}
.sts-a.status-rent {background:#56aad4}
.sts-a.status-service {background:#bb9d6d}
.sts-a.status-order {background:#7f98d8}
.sts-a.status-preorder {background:#54c3d8}
.sts-a.status-lessprice {background:#c375b2}
.sts-a.status-gift {background:#9f8bc1}
.sts-a.status-auction {background:#8fd400}
.sts-a.status-lottery {background:#f2b0ed}
.status-l {margin-left:10px}

.cent-block h1.main-topic-title {font-size:32px;color:#000;margin-bottom:10px;margin-top:26px;font-weight:400} 

.topic {margin-bottom:20px}
.topic .t-full img {margin:10px 0}
.topic .t-full p {padding:15px 10px;font-size:14px;background:#f8f8f8}
.topic-header {margin-bottom:10px !important}
.topic-header .return {width:120px;margin:0 0 7px;background:#fff;color:#26af2a}
.topic-header .return a {color:#5589BB}

.hover-no {margin:0 0 30px}
.hover-no:hover {background:none}
.a-page-edit {height:auto}
.a-page-edit-small {min-height:190px}

.a-page-item-about .tags {margin:0 0 10px;font-size:11px}
.a-page-item-about .tags li {display:inline;color:#888}
.a-page-item-about .tags li i {position:relative;top:4px;margin-right:3px}
.a-page-item-about .tags li a {color:#4c4c4c;text-decoration:underline}
.a-page-item-about .tags li a:hover {text-decoration:none}

.a-page-dotted-list {margin:16px 0 20px}
.a-page-dotted-list li {overflow:hidden;zoom:1}
.a-page-dotted-list li span {color:#000;border-bottom:1px dotted #aaa}
.a-page-dotted-list li i {float:right;width:60%;font-style:normal;margin-bottom:14px}


.a-page-prchse {margin-top:30px;overflow:hidden}
.a-page-prchse-block {border-radius:20px;padding:10px 15px;line-height:25px;font-size:16px;box-shadow:0 0 18px rgb(0 0 0 / 3%)}
.a-page-prchse-list {width:100%;margin-bottom:30px;align-content:stretch;background:#f5faff;border-radius:10px;padding:5px 0 15px}
.a-page-prchse-list h4 {font-size:19px;margin:0 0 10px;padding:5px 14px 10px;font-weight:600}
.a-page-prchse-list li {overflow:hidden;padding:10px 10px 0}
.a-page-prchse-list li div.mark {font-size:14px;margin:0 0 0 14px;font-weight:600}
.a-page-prchse-list li time {color:#888;font-size:13px;padding-left:5px}
.a-page-prchse-list li p {padding:15px 15px;font-size:17px;line-height:24px}
.a-page-prchse-list li p img {width:48px;height:48px;border-radius:7px}
.a-page-prchse-list li p.img-user a.login {position:absolute;margin:0 0 0 10px;font-weight:600}
.a-page-prchse-list li p.img-user .pf-name {color:#999;margin-left:10px;font-size:14px}

.a-page-header-status {background:#9FD79F;color:#fff;font-size:11px;padding:0 2px}
.status-1 {width:13px}
.status-2 {width:26px}
.status-3 {width:39px}
.status-4 {width:52px}
.status-5 {width:65px}
.a-page-block-edit {padding:7px;border:solid 1px #a8a8a8;color:#999999;font-size:12px;border-radius:4px}

.buy {font-family:Tahoma,sans-serif;font-size:24px;line-height:24px;font-weight:normal;font-style:italic;color:#999;vertical-align:middle}
.button-red {background:#ffe7e7}

.store-header {margin-bottom:30px;background:#f8fbfe;padding:15px;border-radius:5px;min-height:150px}
.store-header .image {border-radius:5px;background:#fff;padding:5px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);margin-right:20px}
.store q {color:#e48746}
.store.store-edit .ava {text-align:center}
.store.store-edit .ava img {box-shadow:0 0 5px rgba(0,0,0,.3);border-radius:50%;padding:1px}

.rating-feedbacks {font-size:12px}
.rating-feedbacks a.feedbacks {font-size:22px}
.rating-feedbacks.vote-feedbacks {margin:0}
.feedback-good, a.feedback-good {color:#7cc034;font-weight:600}
.feedback-bad, a.feedback-bad {color:#ff8383;font-weight:600}
.feedback-neutral, a.feedback-neutral {color:#999;font-weight:600}
.feedback-to {padding:0}

.reques-actions {width:100px}
.purchase-user {width:190px;padding-right:0;padding-left:0}
.purchase-user img {float:left;margin-right:14px}
.purchase-user div {float:left;width:125px}
.purchase-user .name {margin-top:2px}
.purchase-user .name.no-realname {margin-top:11px}
.purchase-user .username {width:125px;position:relative;top:1px;margin-bottom:3px}
.purchase-user .realname {font-size:11px}

.black-menu {color:#555;font:normal 15px verdana}

.tender-info {overflow:hidden;font-size:11px;line-height:12px}
.tender-info li {float:left}
.tender-info li a {font-size:12px}
.tender-info li.user-info font {margin-left:10px;color:#aaa}
.tender-info li.user-info a img {width:16px;height:16px;vertical-align:middle;margin-right:2px}
.tender-info li.topic-info-date {color:#7b848d}

.table td {background:#fff;padding:12px 0}
.table tbody td {border-bottom:1px solid #fafbfc}
.table tbody .p-item td {border-bottom:10px solid #fafbfc}
.table.table-p .cell-name .name {overflow:hidden;margin-left:15px}
.table.table-p .cell-name .name p {font-size:15px;margin-bottom:11px;font-weight:500}
.table.table-p .cell-name .name span {color:#999;font-size:13px;line-height:14px}
.table.table-p .cell-name .name .login-talk {float:left;margin:3px 0 6px;line-height:22px}
.table.table-p .cell-name .name .login-talk a {color:#000;font-size:15px;font-weight:500}
.table.table-p .cell-name .name .login-talk img {margin:0 0 0 7px;border-radius:5px;box-shadow:0 0 5px rgba(0, 0, 0, 0.15)}
.table.table-p .cell-name .name .login-talk img.sm {margin:0 2px 0 0;width:24px}
.table.table-p .cell-name .name .login-talk div {float:left;font-weight:600}
.table.table-p .cell-name .name .login-talk div.seller {margin:0 10px 10px 0;font-size:14px;color:#5e9671}
.table.table-p .cell-name .name .login-talk div.buyer {margin:0 10px 10px 0;font-size:14px;color:#ac5e5d}
.table.table-p .cell-name .name h3 {font-size:16px;font-weight:700;margin-bottom:10px}
.table.table-p .cell-do {width:160px;text-align:center;font-size:13px;border-radius:5px;font-weight:600}
.table.table-p .cell-do img {border-radius:5px;width:140px;height:140px}
.table.table-p .cell-do a.status-sell {color:#fff;background:#7ec770;padding:0 4px}

.shopink .title-block {color:#a6c3dd !important;font:18px tahoma;padding-bottom:5px}
.shopink span.sho {color:#4DA1EF !important}
.shopink-info-payblock {background:#fefde9;padding:8px 10px 15px 15px;border-radius:5px;margin-bottom:30px}

.store-item-full {position:relative;overflow:hidden;margin:0 0 25px}
.store-item-full .avatar-block {text-align:center}
.store-item-full .avatar-block img {width:175px;height:175px;border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,.34);padding:2px}
.store-item-full .avatar-block .login-full a {color:#111;font-weight:600}
.store-item-full .avatar-block .login-full img {width:30px;height:30px;position:relative;margin:0 5px -10px;border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,.25);padding:0}
.store-item-full .avatar-block .main-topic-title {font-size:32px;color:#000;font-weight:400;margin:10px 0 10px}
.store-item-full .text-block {overflow:hidden;min-height:200px}

.store-item-full .store-info {overflow:hidden;margin:5px 0 15px}
.store-item-full .store-info li {margin:0 6px;float:left;font-size:15px;color:#888}
.store-item-full .store-info li i {font-size:23px;line-height:29px}
.store-item-full .store-info li i.icons {font-size:15px}
.store-item-full .store-info li .edit {font-size:24px}
.store-item-full .text-block .category {padding-bottom:20px;overflow:hidden}
.store-item-full .text-block .category .category-name {width:82%}
.store-item-full p.description-about {word-break:break-word;margin:30px 0 20px;color:#777;font:italic 14px arial}

.store-item-full .contact-talk {margin:20px 0 35px}
.store-item-full .contact-talk a:hover {color:#fff}

.store-item-full .add-feedback {display:none;text-align:left;padding:20px 40px;border-radius:8px;margin:25px auto 0;border:1px solid #ddd;box-shadow:0 4px 32px 0 rgba(0,0,0,.4);max-width:450px}
.store-item-full .add-feedback h3 {color:#111;font-size:20px;font-weight:400;margin:10px 0 15px}
.store-item-full .add-feedback .feedback-type {width:180px}
.store-item-full .add-feedback .feedback-type li b {line-height:24px;font-size:15px;font-weight:600}
.store-item-full .add-feedback .store-feedback-notice {display:block;font-size:11px;line-height:12px;padding:10px 5px 0;color:#999}

.comment-list .store-feedback {margin:10px auto 20px;text-align:center}
.comment-list .store-feedback h2 span {overflow:hidden}
.comment-list .store-feedback .count-comments {background:#9ccfff;border-radius:50px;font-size:25px;color:#fff;font-weight:600;padding:2px 10px 3px}
.comment-list .store-feedback-info {padding:5px 15px;font-size:12px;line-height:18px;border-radius:7px;background:#f1f7fd;margin:0 0 30px}

.store-comment-notice {font-size:10px;line-height:15px;margin:5px 0;color:#777;font-weight:600}
.store-comment-notice.ttl {font-size:13px;line-height:18px;margin:5px 0;color:#333;font-weight:600}
.comment-off {padding:5px 10px !important;border:1px dashed #888;border-radius:5px;margin:10px 0 !important;background:#ddd}
.comments.comment-list .comment.comment-approve {padding:5px 10px;background:#abd4fb;border-radius:5px;margin:10px 0 20px}
.comments.comment-list .comment.comment-approve .comment-info li a.link-dotted {color:#fff;font-weight:600}
.comment .comment-info li.comment-moderation {font-size:13px;font-weight:600;padding:0 5px;margin-bottom:5px;color:#fff9ce;background:#abd4fb}
.comment .comment-info li.vote.feedback.store {padding:0px 0 0 10px}

/* Pay */
.table.table-pay th {padding-bottom:10px}
.table.table-pay td {padding:10px 10px;line-height:20px}
.table.table-pay .cell-number, .table.table-pay .cell-cost {text-align:center;width:80px}
.table.table-pay .cell-title {min-width:130px}
.table.table-pay tbody a {color:#000;font-weight:600}
.table.table-pay tbody .cell-title {font-size:13px}
.table.table-pay .cell-date, .table.table-pay .cell-date-on {text-align:center;font-size:12px;width:100px}
.table.table-pay .cell-name {text-align:center}

.pay-payment .pay-left {float:left;display:inline-block;padding:20px 10px 10px 20px;margin:5px 10px 15px 0;width:48%;min-width:250px;background:#fefde9;border-radius:15px;font-size:16px;line-height:30px}
.pay-payment .pay-left h3 {font-size:18px}
.pay-payment .pay-left span {font-size:18px}
.pay-payment .pay-left q {color:#999}
.pay-payment .pay-left .pay-content, .pay-payment .pay-left .pur-content {margin-bottom:15px}
.pay-payment .pay-right {display:inline-block;width:auto;padding:10px 0}

/* Fixed block */
.fixedblock {width:207px;top:0;position:fixed;margin-top:0}
.fixedblockdel {position:static;margin-top:auto}

/* shopik-image */
.shopik-image {font-size:11px;margin-bottom:0;text-align:center;overflow:hidden}
.shopik-image .image {height:auto;margin:0 0 4px}
.shopik-image .image img {width:100%;max-width:700px;height:auto}
.shopik-image .edit {padding-bottom:5px}
.shopik-image a {color:#7199c0}
.short-description {word-break:break-word;font-size:12.3px;line-height:14px;margin-bottom:8px;padding:3px 7px;color:#111;background:#f5faff;border-radius:10px;box-shadow:none;display:inline-block;font-style:italic}
.vip .short-description {background:#fffbd9}
.shopik-image .shopik-note, .sho-short {word-break:break-word;text-align:left;font-size:14px;color:#fff;background:#7fb8e0;padding:14px 15px;font-weight:500;margin-bottom:5px;border-radius:8px;font-family:arial, sans-serif;font-style:italic}
.sho-short.description {color:#333;background:#f1f7fd;box-shadow:none;display:block;margin-bottom:15px;line-height:20px;border-radius:20px}
.sho-short.description:after {border-color:#f1f7fd transparent transparent}
.shopik-image .shopik-note:after, .sho-short:after {display:block;content:"";margin-left:50px;width:0;height:0;border-width:7px;border-color:#88bee3 transparent transparent;border-style:solid;margin-top:14px;position:absolute}

.shopik-s label, .shopik-cytis label{display:none} 
.modal.modal-upload-shopik-image {float:left;border-radius:5px;background:#fff;padding:5px;margin-bottom:15px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2)}

#shopik-image-resize-original-img {width:700px}
#shopik-image-resize .image-border {margin-bottom:15px}
#shopik-image-resize {width:740px;margin-left:-370px;text-align:left;padding:10px;top:100px}

.block-im {overflow:hidden;padding:6px 20px 4px;background:#f7f7f7;border:1px solid #e7ebed;border-radius:6px}
.block-im .block-body {margin:6px 0 7px;overflow:hidden}
.block-im .block-body .img {margin-right:25px}
.block-im .block-body .img img {width:55px;height:55px;border-radius:50%}
.block-im .block-body .info {margin-top:2px;font-size:13px}
.block-im .block-body .info a {color:#5589bb;text-decoration:underline;font:normal 15px verdana}
.block-im .block-body .info a:hover {text-decoration:none}
.block-im .block-body .info p {padding-top:3px}
.block-im .block-body .info p:first-letter {color:orange}

.im-h1 h1 {font-size:12px;color:#000;line-height:14px;font-weight:600;margin-bottom:5px}
.im-h1 p {font-size:10px;color:#999;line-height:12px;margin:0}
.im-h1.sho {padding:10px 5px;margin-bottom:0}
.im-h1.mai {background:#fff !important}

.block-content img.block-wall {width:20px;height:20px;border-radius:50%;margin:0 3px -6px 0}
.a-page-item-about .img-discount {cursor:help}
.a-page-item-about .img-discount-full {position:absolute;top:-15px;margin:0 0 0 10px;padding:0 8px 1px;background:#fdd5d5;color:#fff;font:bold 13px Arial;cursor:help}
.a-page-item-about .a-edit {margin:8px 25px 0 0}
.a-page-item-about time {position:absolute;top:132px;left:0;opacity:0.8;background:#fff;padding:0 5px;font-size:11px;line-height:13px;color:#000;margin:0}

.menu .menu-nav1-add {border:none;margin-right:20px;background:#9eb4c7;border-left:1px solid #d1dfec}
.menu .active.menu-nav1-add {border:none;background:#deedf9 !important}

/* Менюшка выбора пересчета валюты */
.babiki-currency {padding:15px 15px 15px;position:absolute;margin:5px 137px 0;visibility:hidden;background-color:#fff;border-radius:5px;font-size:1em;-webkit-box-shadow:0 4px 32px 0 rgba(0,0,0,.4);box-shadow:0 4px 32px 0 rgba(0,0,0,.4);z-index:10000;width:230px}
.babiki-currency select {width:100%}
.babiki-currency select option {cursor:pointer}
.change-currency {position:relative}
.change-currency span {cursor:pointer;display:inline-block}
.change-currency hr {margin:0}
.change-currency b {height:8px;width:13px;margin:0 0 -1px 2px;display:inline-block;cursor:pointer}
.change-currency i {line-height:1em}
.change-currency b:before {width:15px;width:15px;font-size:22px;height:15px;content:"8";color:#e48746;position:relative;right:7px;top:0px;font-family:"fontello", sans-serif;font-style:normal;font-weight:normal;speak:none;content:'\e82a'}

/* Избранное, группы (топики, объявления) */
.topic-tags-user-favourite, 
.shopik-tags-user-favourite {color:#fff !important;background:#999}

.topic .topic-footer .topic-tags li.ad-tags-edit {margin-left:10px}
.topic .topic-footer .topic-tags li.ad-tags-edit a:hover {background:none}
.topic .topic-footer .topic-tags li.ad-tags-user a {color:#fff;background:#999;padding:0 2px;font-size:12px;margin-right:6px}

/* Block Type - Blogs */
.block.block-type-blogs .block-userinfo li {margin-bottom:1px !important}
.block.block-type-blogs .block-userinfo li a.name {color:#347bbf}
.block.block-type-blogs .block-userinfo li span {font-size:12px;color:#777}
.block.block-type-blogs .block-userinfo li strong {position:absolute;top:0;right:0;padding-left:2px;font-weight:normal;font-size:13px;color:#777}
.block.block-type-blogs .block-userinfo li strong.green {padding:0 3px;background:#e1fec4;color:#333}
.block.block-type-blogs .block-userinfo li strong.red {padding:0 3px;background:#ffc5c5;color:#333}
.block.block-type-blogs .block-userinfo li em.blue {padding:0 3px;background:#e1f3ff;color:#333}

.add-preview-title {padding:3px 20px;font-size:14px;font-weight:bold;color:#fff;background:#999;border-radius:3px}
.add-preview-full {padding:10px 0}

.shopik-image-loader {position:fixed;top:50%;left:50%;margin-top:-11px;margin-left:-63px;height:22px;width:126px}
#shopik-div-loader {position:fixed;top:0;bottom:0%;left:0;background-color:#000;z-index:999;color:#fff;display:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6}

/* Аукцион*/
.ad_type_9_layer_show {padding:5px;background:#f1f7fd;margin-bottom:20px}
.ad_type_9_layer_show p {padding:10px 10px;margin:0}

.block-add-full .auction-bet {margin:10px 0 0 50px}
.block-add-full .form-bits {margin-bottom:10px;background:#f1f7fd;padding:10px 10px 7px}
.block-add-full .form-bits .input-bits {width:110px;border:1px solid #777;margin-right:22px}

.bits .bits-header {padding:0;margin-top:15px}
.bits .bits-header .avatar-block {margin-right:35px}
.bits .bits-header .info-block {padding:5px 0 5px 10px;width:70%;background:#f1f7fd}
.bits .bits-table {}
.bits .bits-table .table th, .bits .bits-table .table td {padding:12px 2px}
.bits .bits-table .table td.sum {padding:12px 8px 12px 15px}
.bits .bits-table .table .cell-bets {text-align:center}
.bits .bits-table .table .cell-bets.name {min-width:100px}
.bits .bits-table .table .cell-bets a.login {font-size:14px;font-weight:600;padding-bottom:10px;color:#111;max-width:120px;display:inline-block;word-wrap:break-word}

/* Иконки */
.icon-pay-up {background:url(https://babiki.ru/plugins/page/templates/skin/default/images/icons-spk.png) no-repeat scroll -50px 0 transparent;height:18px;width:20px;margin-bottom:0}
.icon-pay-carousel {background:url(https://babiki.ru/plugins/page/templates/skin/default/images/icons-spk.png) no-repeat scroll -20px 0 transparent;height:18px;width:20px;margin-bottom:0}
.icon-pay-subscription {background:url(https://babiki.ru/plugins/page/templates/skin/default/images/icons-spk.png) no-repeat scroll -70px 0 transparent;height:18px;width:18px;margin:0 3px 0 0}
.icon-pay-subscription-active {background:url(https://babiki.ru/plugins/page/templates/skin/default/images/icons-spk.png) no-repeat scroll -90px 0 transparent;height:18px;width:18px;margin:0 3px 0 0}
.icon-pay-trust {background:url(https://babiki.ru/plugins/page/templates/skin/default/images/icons-spk.png) no-repeat scroll -70px -20px transparent;height:18px;width:18px;margin:0 3px 0 0}
.icon-pay-trust-active {background:url(https://babiki.ru/plugins/page/templates/skin/default/images/icons-spk.png) no-repeat scroll -90px -20px transparent;height:18px;width:18px;margin:0 3px 0 0}
.icon-purse {background:url(https://babiki.ru/plugins/page/templates/skin/default/images/icons-spk.png) no-repeat scroll 0 -50px transparent;height:30px;width:30px}
.icon-purse-transfer {background:url(https://babiki.ru/plugins/page/templates/skin/default/images/icons-spk.png) no-repeat scroll -160px 0 transparent;height:18px;width:18px;margin:0 3px 0 0}
.icon-auctn-list {width:11px;height:11px;background:url(https://babiki.ru/plugins/page/templates/skin/default/images/icons-spk.png) -25px -30px no-repeat}

.rating-shopik b {margin-bottom:0;width:auto;font-size:15px;position:relative;font-family:"fontello", sans-serif}
.rating-shopik b.iconrating-seller {color:#7cc034}
.rating-shopik b.iconrating-buyer {color:#e48746}
.status-1:before {content:'\e800'}
.status-2:before {content:'\e800\e800'}
.status-3:before {content:'\e800\e800\e800'}
.status-4:before {content:'\e800\e800\e800\e800'}
.status-5:before {content:'\e800\e800\e800\e800\e800'}

/* Новичок Шопика */
.talk-read-newbie {background-color:#e0eaf6}
.talk-read-newbie .status-block {margin:20px 0 20px;display:block}
.talk-read-newbie-status {width:100%;padding:5px 10px;color:white;font-weight:bold;display:inline-block;border-radius:5px}
.talk-read-newbie-status.active {background:#71bf3f}
.talk-read-newbie-status.tracked {background:#8fc1f2}
.talk-read-newbie-status.tracked.tracked-fb {background:#f3ce00}
.talk-read-newbie-status.completed {background:#f9a175}
.talk-read-newbie-status.cancelled {background:#888}
.talk-read-newbie .button-note {margin:25px 0 15px;line-height:16px}
.talk-read-newbie .tender-note {float:right;font-size:13px;margin:0 0 10px;display:inline-block;line-height:17px;color:#999;font-weight:600}
.talk-read-newbie .tender-note .spoiler-head {margin:0 0 10px;display:block;text-decoration:underline}

/* Хэлперы*/
.hei-30 {height:30px}
.hei-70 {height:70px}
.hei-100 {height:100px}
.hei-150 {height:150px}
.hei-200 {height:200px}
.overflow-hidden {overflow:hidden}

.white {color:#fff}
.green , span.green {color:#7cc034}
.green2 {color:#7cc034 !important}
.red, span.red {color:#ff3d3d}
.gray, span.gray {color:#999}
.b-grey, span.b-grey {color:#777}
.black, span.black {color:#111}
.orange {color:#e48746}
.blue {color:#306ea9}
.b-red {color:#da262d}
.light-red {color:#fc5353}
.light-blue {color:#7ac0f1}
.light-black {color:#444}
.lime {color:#8fd400}
.blue1 {color:#46a6e9}

.bg-bl {background:#f1f7fd !important}
.bg-pn {background:#fff1f1 !important}
.bg-y2, .block.bg-y2 {background:#fefde9}.diary_topic_hide img {border-radius:5px;width:225px;height:225px}[data-messages-count="0"], [data-messages-count=""] {
    display: none !important;
}/* #notifier .n-box.n-message {} */
#notifier .n-box.n-message a { font-weight: 600; }
#notifier .n-box.n-message a.ls-user { color: #e48746; text-decoration: none; }
#notifier .n-box.n-message .ls-user:hover, #notifier .n-box.n-notice .ls-user:hover { opacity:0.8; }[data-messages-count="0"], [data-messages-count=""] {
    display: block !important;
}

[data-messages-count="0"] .prepend-new-messages-count, [data-messages-count=""] .prepend-new-messages-count,
[data-messages-count="0"] .new-messages-count, [data-messages-count=""] .new-messages-count {
    display: none !important;
}

#top-header .auth2 li.mess .prepend-new-messages-count,
#top-header .auth2 li.mess .new-messages-count {
    float: left;
    font-style: normal;
    color: #f80002;
    font-size: 15px;
}


#top-header .auth2 li.mess .mailbox {
    display: block;
    padding-right: 6px;
    margin-top: 5px;
    float: left;
    width: 14px;
    height: 9px;
    background: url(https://babiki.ru/plugins/realtime/templates/skin/mobile/images/main_sprait.png) no-repeat -20px -50px;
}

#top-header .auth2 li.mess [data-messages-count="0"] .mailbox, #top-header .auth2 li.mess [data-messages-count=""] .mailbox {
    display: block;
    padding-right: 6px;
    margin-top: 5px;
    float: left;
    width: 14px;
    height: 9px;
    background: url(https://babiki.ru/plugins/realtime/templates/skin/mobile/images/main_sprait.png) no-repeat 0 -50px;
}.opt-role {display:none}
.role .name {float:left;font-weight:bold;color:#aaa}
.role .uf {float:right}

.role .ruser {border:solid 1px #fff;float:left;margin:2px 4px;padding:3px 6px;border-radius:5px;background:#ccc}
.roler {overflow:hidden;background:none;border:none;margin:0;padding:0 0 5px 0}
.roler .role-reg {float:left;width:50px;height:50px;border:solid 1px #aaa;margin:3px;padding:5px;cursor:pointer;filter:alpha(opacity=30);opacity:0.3;position:relative;border-radius:2px}
.roler .role-reg .av_role {position:absolute;top:6px;left:6px;z-index:-9}
.roler .role-reg:hover, .roler .role-reg.active {filter:alpha(opacity=100);opacity:1}
.roler .role-reg .name {text-align:center;font-weight:bold;font-size:14px}
.roler .role-reg .text {font-size:10px;color:#aaa;text-align:center;line-height:14px}

.comment-info li.edit a {color:green}
.comment-info li.save, .comment-info li.cancel {display:none}
.comment-info li.save a {color:blue}
.comment-info li.cancel a {color:#ff4500}
.comment-info li.delete a {color:red}

.ls-avalar {margin:0 auto;width:100%;background-color:#ffcc00;color:red;overflow:hidden;padding:0 0}
.ls-avalar .cont {padding:5px 10px}
.ls-avalar a {color:red}
.ls-avalar .exit {float:right}
.info_edit {font-size:9px;font-style:italic;text-align:right;margin-top:-10px;color:#aaa}
.user-profile {position:relative}
ul.list_user_role {overflow:hidden}
ul.list_user_role li {float:left;font-size:10px;text-align:center;margin:3px;width:48px;height:65px}
ul.list_user_role li a{font-size:10px;text-align:center;text-align:center;display:block;width:48px;overflow:hidden}
.block.role_block h2.title_role {height:24px;line-height:18px}
.block.role_block h2.title_role img{margin-right:5px}
.topic-content header ul li{list-style:none}
#form_box {overflow:hidden}
.toolbar-role {position:fixed;top:76px;left:0;z-index:21;display:none}
.toolbar-role section {width:25px;padding:8px;overflow:hidden;line-height:14px;background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.03);box-shadow:0 0 5px rgba(0,0,0,.03);margin-bottom:10px;border-radius:10px}
.toolbar-role section i	{display:block;width:25px;height:25px}

.toolbar-role i.icon-user-role {background:url(https://babiki.ru/plugins/role/templates/skin/default/images/icon-user-role.png) no-repeat}
.toolbar-role i.icon-user-role-exit {background:url(https://babiki.ru/plugins/role/templates/skin/default/images/icon-user-role-exit.png) no-repeat}
.toolbar-role i.icon-synio-add-friend.tr-people {width:16px;height:16px;margin:3px 5px}

/* v08 */

.menu-avatar {background:#fff;border-radius:5px;border:solid 1px #EBF0F4;box-shadow:5px rgba(0, 0, 0, 0.047);padding:15px 20px;position:fixed;width:150px;display:none;z-index:99999}
.menu-avatar ul, .menu-avatar ul li, .menu-avatar ul li a {position:relative}
.toolbar-avatar-form {}
.toolbar-avatar-form p {margin-bottom:2px}
.toolbar-avatar-form .center {text-align:center;padding:2px;margin:2px}
.menu-avatar .title {position:relative;font-size:16px}
.menu-avatar .title a {position:absolute;right:-13px;top:-8px;display:block;width:10px;height:10px;background:transparent url(https://babiki.ru/plugins/role/templates/skin/default/images/close.png) no-repeat}/* Кнопка вызова */
.social_button, .author-links.shopik span.social_button { padding-right: 0; margin-right: 0; }
.social_button .icons-export { color: #999; font-size: 24px; margin-left: 7px; transition: color 0.2s ease, transform 0.2s ease; vertical-align: -2px; }
.social_button:hover .icons-export { opacity: 0.8; transform: scale(1.1); }

.modal-social-share { display: none; }
.modal-social-share.jqm-visible { display: block; }

/* Анимация модального окна */
.modal-social-share.jqm-init.jqm-visible { animation: modalScaleIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }

@keyframes modalScaleIn {
    0% { opacity: 0; transform: scale(0.9) translate(-50%, -50%); }
    100% { opacity: 1; transform: scale(1) translate(-50%, -50%); }
}

/* Контейнер кнопок */
.socialcounters { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-bottom: 20px; }

/* Стиль кнопок */
.socialcounters .button { border: none; color: #fff; display: flex; align-items: center; justify-content: center; height: 55px; width: 55px; border-radius: 50%; padding: 0; margin: 0; text-decoration: none !important; transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s, box-shadow 0.2s; outline: none; position: relative; overflow: hidden; }

/* Эффект наведения */
.socialcounters .button:hover { color: #fff; opacity: 1; transform: translateY(-3px) scale(1.05); box-shadow: 0 5px 15px rgba(0,0,0,0.2); }

/* Эффект нажатия */
.socialcounters .button:active { transform: scale(0.95); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }

.socialcounters .button i { font-size: 28px; line-height: 1; position: relative; z-index: 2; }

/* Поле копирования */
.socialcounters-link { margin: 25px 0 0; display: block; text-align: center; }
.socialcounters-link a { display: inline-flex; align-items: center; font-size: 14px; font-weight: 600; text-decoration: none; margin: 15px auto 10px; transition: color 0.2s; }
.socialcounters-link a i { margin-right: 5px; }
.socialcounters-link a:hover { opacity: 0.8; }

/* Цвета */
.socialcounters .button[data-network="telegram"] { background: #2aa2de; }
.socialcounters .button[data-network="whatsapp"] { background: #2bb742; }
.socialcounters .button[data-network="viber"] { background: #7360f2; }
.socialcounters .button[data-network="vk"] { background: #0077FF; }
.socialcounters .button[data-network="ok"] { background: #f8a056; }
.socialcounters .button[data-network="facebook"] { background: #1877F2; }
.socialcounters .button[data-network="twitter"] { background: #000000; }
.socialcounters .button[data-network="pint"] { background: #bd081c; }
.socialcounters .button[data-network="mail"] { background: #168de2; }
.socialcounters .button[data-network="native"] { background: #555555; }

.socialcounters .button[data-network="vk"] i { font-size: 32px; }.topic_closed_access_deny {background:#fdf5e6;color:#888;font-size:12px;padding:2px 10px}
.block-topicclosed-users-hidden {display:none}
.block-content-topicclosed-users {max-height:300px;overflow:auto}
.block-content-topicclosed-users-user {float:left;text-align:center;padding:1%;border-radius:8px}
.block-content-topicclosed-users-user img {width:32px;border-radius:2px}
.block-content-topicclosed-users-user img:hover {box-shadow:0 0 5px rgba(0,0,0,0.5)}
.block-plugin-activity {background:#fefde9;padding:10px 10px 15px !important;border-radius:5px}
.block-plugin-activity h3 {font-size:17px;text-decoration:underline;color:#777}/*Фильтр блогов на странице просмотра блога*/
.sortThemes{font-size:12px;	position:relative; padding-left:40px;padding-right:30px;overflow:hidden}
.sortThemes a{float:left;color:#67abc2;padding:0 5px;height:16px;margin-right:9px;text-decoration:none;border:1px solid #67abc2;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;position:relative;background:#fff;margin-bottom:5px}
.sortThemes a:hover{border-color:#2d6071}
.sortThemes a.active{border:1px solid #2C7284;background:none repeat scroll 0 0 #E1E7E8}
.sortThemes a.active:hover{border-color:#67ABC2}

/*Привязка топика к блогам*/
div .group{margin:0}

/* Дерево блогов в сайд баре (блок)*/
ul.treeblogs {list-style:none outside none;overflow:hidden}
ul.treeblogs li{float:left;margin-right:3px}

.menutree ul:not(active){display:none}
.menutree ul.active{display:block;margin-top:7px}
.menutree li.level0 {margin:6px 0}
.menutree li.level0.lenta {margin:0}
.menutree li.level1, .menutree li.level2 {border-left:2px solid silver;padding-left:5px !important}
.menutree.groups li.level1, .menutree.groups li.level2 {margin-left:5px !important;border-left:none}

.menutree li {font-size:14px;margin-left:5px;padding:2px 0;line-height:14px}
.menutree li img {height:35px;width:35px}
.menutree li .tree-name {font-size:14px;display:table;min-height:20px}

.menutree li .tree-name a:not(active) {color:#777;padding:4px 0}
.menutree a.active, .menutree li .tree-name a.active {text-decoration:underline;color:#e48746 !important}
.menutree a:not(active) {color:#333;padding:3px 0;display:table-cell}
.menutree a.lenta {font-size:15px}
.menutree div {cursor:pointer;float:left;width:14px;height:14px}
.menutree div:not(active) {margin:2px 22px 0 -3px;font-size:19px;height:17px;color:#aaa}
.menutree div:not(active):before {content:'\f196'}
.menutree div.dl-n:not(active):before {content:none}
.menutree div.active {margin:2px 22px 0 -3px;font-size:19px;height:17px;color:#e48746}
.menutree div.active:before {content:'\f147'}
.menutree div.end {background-image:url(https://babiki.ru/plugins/treeblogs/templates/skin/default/images/ico_end.gif)}
.menutree.lenta div:not(active), .menutree.lenta div.active {margin:4px 25px 0 -5px}

.menutree div.simple {margin-left:0}
.menutree li > a {cursor:pointer}
.menutree li.blog-only > a {font-size:15px}
.menutree li.blog-only > a.active {color:#e48746}
.menu-tree-limit {display:none}

#groups select {min-width:240px;width:100%;margin:5px 0 12px;display:block}


/* Screen style's  Меню разделов github.com/marioloncarek/megamenu-js */
#menu-mobile {display:none;width:24px;height:18px;position:relative;cursor:pointer;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
} 
#menu-mobile span {display:block;position:absolute;height:3.4px;width:100%;background:#ffb087;opacity:1;left:0;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.25s ease-in-out;
	-moz-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}

#menu-mobile span:nth-child(1) {top:0px}
#menu-mobile span:nth-child(2),#menu-mobile span:nth-child(3) {top:7px}
#menu-mobile span:nth-child(4) {top:14px}
#menu-mobile.open span:nth-child(1) {width:0%;left:50%}
#menu-mobile.open span:nth-child(2) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#menu-mobile.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#menu-mobile.open span:nth-child(4) {top:7px;width:0%;left:50%}
.menu-container {width:100%;margin-bottom:17px;position:relative}
.menu div.write {float:left;margin-right:20px}

.menu > ul {margin:0 auto;list-style:none;padding:0;position:relative}
.menu > ul:before,
.menu > ul:after {content:"";display:table}
.menu > ul:after {clear:both}
.menu > ul > li {display:inline-block;padding:0;margin:0}
.menu ul li a {color:#111;font-weight:500;cursor:pointer;text-decoration:none;padding:5px 0 5px;display:inline-block;font-size:14px}
.menu ul li a.offer {padding:3px 5px;border-radius:3px;background:#5c6673;color:#d3f0ff}
.menu ul li a.offer:hover {color:#c8ecff}
.menu ul li span {font-weight:600;cursor:pointer}
.menu ul.show-on-mobile li:not(:first-child) {margin-top:0}
/*.menu ul li:first-child {margin-right:5px;padding-left:0}*/
.menu ul li a.btn-or, .menu a.btn-or {padding:6px 13px;letter-spacing:0.5px}
.menu > ul > li.active a {text-decoration:underline}
.menu > ul > li.active a span.count-green {text-decoration:underline;text-decoration-color:#7cc034}

.menu > ul > li > ul {display:none;width:100%;background:#3e454d;padding:20px 0px 20px 20px;position:absolute;z-index:101;left:0;margin:0;list-style:none;color:#5589bb;border-radius:3px;box-shadow:0 15px 15px rgba(0,0,0,.25)}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {content:"";display:table}
.menu > ul > li > ul:after {clear:both}

.menu > ul > li > ul > li {width:23%;margin:5px 10px;padding:0;display:inline-block;vertical-align:top;list-style:none}
.menu > ul > li > ul > li a {padding:5px 0;width:100%;display:block;font-size:16px;color:#f2f2f2;line-height:20px}
.menu > ul > li > ul > li.main a {font-size:16px;color:#ffb087;line-height:18px;font-weight:700;text-decoration:underline}
.menu > ul > li > ul > li > ul {display:block;padding:0; margin:0 0 0;list-style:none}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {content:"";display:table}
.menu > ul > li > ul > li > ul:after {clear:both}
.menu > ul > li > ul > li > ul > li {float:left;width:100%;padding:3px 0;margin:5px 0}
.menu > ul > li > ul > li > ul > li a {font-weight:normal;line-height:15px;padding:0 0 0 10px;color:#e6f2ff;font-size:14px;border-left:1px solid #a2adb8}
.menu > ul > li > ul.normal-sub {width:300px;left:auto;padding:10px 20px}
.menu > ul > li > ul.normal-sub > li {width:98%}
.menu > ul > li > ul.normal-sub > li a {border:0;padding:10px 0}


.menu-sidebar {display:none}
.menu-sidebar .icons-sliders {font-size:26px }
.menu-sidebar .icons-wallet {font-size:23px}
.menu-sidebar .icons-user-outline {font-size:25px}
.menu-sidebar .icons-braille {font-size:22px}
.menu-sidebar .icons-amenu, .searcher .icons-search {font-size:25px;cursor:pointer}
.menu-sidebar .icons-amenu:before, .searcher .icons-search:before {margin-top:2px;font-weight:600}
.btn-write {display:none;font-size:28px;margin-top:2px}
.menu-dropdown-icon:before {font-family:"fontello";content:'\e82a';display:none;cursor:pointer;float:right;margin:0 0 0 25px;padding:7px 8px;font-weight:700;color:#ffb087;font-size:20px;border-radius:10px 10px 0 0;background:#87959f}

.mob-menu {display:none;height:50px;justify-content:space-between;flex-wrap:wrap}
.mob-menu >* {align-items:center;width:28px;height:auto}
.mob-menu div {align-self:start}
.mob-menu a {width:28px;align-self:center;color:#ffb087}
.mob-menu button {align-self:center;padding:0}
.mob-menu a.menu-sidebar.braille .shopik-finder {font-size:20px}

/* --- Treeblogs Plugin Styles 2026 --- */

.treeblogs-search-wrapper { position: relative; margin-bottom: 15px; }
.treeblogs-search-results { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-top: none; z-index: 100; max-height: 350px; overflow-y: auto; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05), 0 0 0 1px rgba(255,255,255,0.05) inset; }
.treeblogs-search-item { display: flex !important; align-items: center !important; padding: 14px 10px !important; color: #333 !important; text-decoration: none !important; font-size: 15px !important; background: #fff; transition: background 0.2s; }
.treeblogs-search-item:last-child { border-bottom: none; }
.treeblogs-search-item:hover { opacity:0.85; }
.treeblogs-search-item .search-avatar { flex-shrink: 0; width: 38px !important; height: 38px !important; margin-right: 10px !important; border-radius: 50%; display: block !important; }
.treeblogs-search-item .search-title-text { flex-grow: 1; display: block !important; line-height: 1.2 !important; font-weight: normal !important; }

.treeblogs-nav ul { list-style: none; padding: 0; margin: 0; }
.treeblogs-item { position: relative; margin-bottom: 2px; }
.treeblogs-item-content { display: flex; align-items: center; padding: 4px 0; }

.treeblogs-toggle { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #999; margin-right: 5px; font-size: 14px; transition: color 0.2s; }
.treeblogs-toggle:hover { color: #333; }
.treeblogs-toggle.empty { cursor: default; }
.treeblogs-toggle.loading i { animation: treeblogs-spin 1s infinite linear; display: inline-block; }
.treeblogs-toggle.loading i:before { content: "\f021"; }

.treeblogs-link { text-decoration: none; color: #444; font-size: 14px; flex-grow: 1; line-height: 1.3; }
.treeblogs-link:hover { color: #d8512d; text-decoration: underline; }
.treeblogs-link.active { font-weight: bold; color: #333; }
.treeblogs-submenu { padding-left: 25px; border-left: 1px solid #eee; margin-left: 9px; }
.treeblogs-submenu .treeblogs-link { font-size: 13px; color: #666; }

@keyframes treeblogs-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.treeblogs-loader { position: absolute; right: 10px; top: 8px; width: 16px; height: 16px; border: 2px solid #f3f3f3; border-top: 2px solid #999; border-radius: 50%; animation: treeblogs-spin 0.8s linear infinite; }
.icon-plus-sign:before { content: "+"; font-weight: bold; font-family: monospace; font-size: 16px; }
.icon-minus-sign:before { content: "−"; font-weight: bold; font-family: monospace; font-size: 16px; }


.js-treeblogs-header-root li span[itemprop="name"] { font-weight: normal; cursor: pointer; }

/* --- MOBILE MENU FIX (2026) --- */

@media (max-width: 961px) {
    .js-treeblogs-header-root li { position: relative !important; display: block !important; width: 100% !important; }
    .js-treeblogs-header-root li > a { display: block; padding: 12px 60px 12px 10px !important; text-decoration: none; min-height: 20px; font-size: 16px !important; }
    .js-treeblogs-header-root .js-header-toggle { display: block !important; position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 50px !important; height: auto !important; cursor: pointer; z-index: 99; background: rgba(0,0,0,0.05); padding: 0 !important; margin: 0 !important; line-height: 1 !important; -webkit-tap-highlight-color: transparent; outline: none; user-select: none; -webkit-user-select: none; transition: opacity 0.1s; }
    .js-treeblogs-header-root .js-header-toggle:active { opacity: 0.7 !important; }
    .js-treeblogs-header-root .js-header-toggle::before { position: absolute !important; top: 14px !important; left: 0 !important; width: 100% !important; text-align: center !important; color: #ffb087 !important; font-size: 16px !important; line-height: 1 !important; margin: 0 !important; height: auto !important; transform: none !important; vertical-align: baseline !important; }
    .js-treeblogs-header-root ul { position: static !important; box-shadow: none !important; background: rgba(0,0,0,0.15) !important; width: 100% !important; padding: 0 !important; margin: 0 !important; display: none; }
    .js-treeblogs-header-root ul li { width: 100% !important; display: block !important; border-bottom: none !important; }
    .js-treeblogs-header-root ul li a { padding: 10px 10px 10px 25px !important; font-size: 15px !important; color: #ddd !important; }
}

@media only screen and (min-width: 1011px) {
    .js-treeblogs-header-root {
        flex: 1;
        display: flex !important;
        position: static !important;
        width: auto !important;
    }
}

@media only screen and (min-width: 1011px) and (max-width: 1255px) {
    ul.js-treeblogs-header-root {
        display: block !important;
        width: 100% !important;
        white-space: normal !important;
    }
}
/* Смайлики */

.smiles-list {display:block;background:#fffcec;margin:5px 0 10px;padding:2px;line-height:5px;border-radius:25px}
.smiles-hide {display:none}
.smiles-list img {margin:3px}
.editor-smiles a {background-image:url(https://babiki.ru/plugins/smiles/templates/skin/default/images/panel/smile.svg);background-repeat:no-repeat}
span.mceIcon.mce_smiles {background:url(https://babiki.ru/plugins/smiles/templates/skin/default/images/panel/smile.svg) no-repeat !important}


/* Спойлер в тексте */

.spoiler {background:#f1f7fd;border:1px solid #d9e8f4;border-radius:10px;margin:10px 0 0}
.spoiler-title {border-radius:2px 2px 0 0;padding:10px 15px;display:block;font-weight:600;cursor:pointer}
.spoiler-body {display:none;padding:10px 15px;overflow:hidden}
.spoiler-body.pdd {padding:0}/* links of other sites */
a.foreignlinks {color:#d39393 !important}