/**
 * SCEditor
 * http://www.ssceditor.com/
 */

div.sceditor-grip,
.sceditor-button div {
  background-image: url("/BBcode/img/sceditor.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

.sceditor-button-youtube div {
  background-position: 0px 0px;
}

.sceditor-button-link div {
  background-position: 0px -16px;
}

.sceditor-button-unlink div {
  background-position: 0px -32px;
}

.sceditor-button-underline div {
  background-position: 0px -48px;
}

.sceditor-button-time div {
  background-position: 0px -64px;
}

.sceditor-button-table div {
  background-position: 0px -80px;
}

.sceditor-button-superscript div {
  background-position: 0px -96px;
}

.sceditor-button-subscript div {
  background-position: 0px -112px;
}

.sceditor-button-strike div {
  background-position: 0px -128px;
}

.sceditor-button-source div {
  background-position: 0px -144px;
}

.sceditor-button-size div {
  background-position: 0px -160px;
}

.sceditor-button-rtl div {
  background-position: 0px -176px;
}

.sceditor-button-right div {
  background-position: 0px -192px;
}

.sceditor-button-removeformat div {
  background-position: 0px -208px;
}

.sceditor-button-quote div {
  background-position: 0px -224px;
}

.sceditor-button-print div {
  background-position: 0px -240px;
}

.sceditor-button-pastetext div {
  background-position: 0px -256px;
}

.sceditor-button-paste div {
  background-position: 0px -272px;
}

.sceditor-button-outdent div {
  background-position: 0px -288px;
}

.sceditor-button-orderedlist div {
  background-position: 0px -304px;
}

.sceditor-button-maximize div {
  background-position: 0px -320px;
}

.sceditor-button-ltr div {
  background-position: 0px -336px;
}

.sceditor-button-left div {
  background-position: 0px -352px;
}

.sceditor-button-justify div {
  background-position: 0px -368px;
}

.sceditor-button-italic div {
  background-position: 0px -384px;
}

.sceditor-button-indent div {
  background-position: 0px -400px;
}

.sceditor-button-image div {
  background-position: 0px -416px;
}

.sceditor-button-horizontalrule div {
  background-position: 0px -432px;
}

.sceditor-button-format div {
  background-position: 0px -448px;
}

.sceditor-button-font div {
  background-position: 0px -464px;
}

.sceditor-button-emoticon div {
  background-position: 0px -480px;
}

.sceditor-button-email div {
  background-position: 0px -496px;
}

.sceditor-button-date div {
  background-position: 0px -512px;
}

.sceditor-button-cut div {
  background-position: 0px -528px;
}

.sceditor-button-copy div {
  background-position: 0px -544px;
}

.sceditor-button-color div {
  background-position: 0px -560px;
}

.sceditor-button-code div {
  background-position: 0px -576px;
}

.sceditor-button-center div {
  background-position: 0px -592px;
}

.sceditor-button-bulletlist div {
  background-position: 0px -608px;
}

.sceditor-button-bold div {
  background-position: 0px -624px;
}

div.sceditor-grip {
  background-position: 0px -640px;
  width: 10px;
  height: 10px;
}

.rtl div.sceditor-grip {
  background-position: 0px -650px;
  width: 10px;
  height: 10px;
}

.sceditor-container {
  position: relative;
  background: #fff;
  border: 1px solid #d9d9d9;
  font-size: 13px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #222;
  line-height: 1;
  font-weight: bold;
  background-clip: padding-box;
}

.sceditor-container *,
.sceditor-container *:before,
.sceditor-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
  padding: 0;
  margin: 0;
  z-index: 3;
}

.sceditor-container iframe,
.sceditor-container textarea {
  line-height: 1;
  border: 0;
  outline: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #111;
  padding: 0;
  margin: 5px;
  resize: none;
  background: #fff;
  display: block;
}

div.sceditor-resize-cover {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0.3;
}

.ie6 div.sceditor-resize-cover,
.ie7 div.sceditor-resize-cover,
.ie8 div.sceditor-resize-cover {
  background: #efefef;
}

.sceditor-container.ie6 {
  overflow: hidden;
}

div.sceditor-grip {
  overflow: hidden;
  width: 10px;
  height: 10px;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}

.sceditor-maximize {
  position: fixed;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  border-radius: 0;
  background-clip: padding-box;
  z-index: 2000;
}

html.sceditor-maximize,
body.sceditor-maximize {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.ie6.sceditor-maximize {
  position: absolute;
}

.sceditor-maximize div.sceditor-grip {
  display: none;
}

.sceditor-maximize div.sceditor-toolbar {
  border-radius: 0;
  background-clip: padding-box;
}

/**
	 * Dropdown styleing
	 */

div.sceditor-dropdown {
  position: absolute;
  border: 1px solid #ccc;
  background: #fff;
  color: #333;
  z-index: 4000;
  padding: 10px;
  line-height: 1;
  background-clip: padding-box;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}

div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
  color: #333;
}

div.sceditor-dropdown form {
  margin: 0;
}

div.sceditor-dropdown label {
  display: block;
  color: black;
  font-size: 12px;
}

div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
  font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif;
  outline: 0;
  padding: 1px 2px;
  border: 1px solid #e0e0e0;
  margin: 0 0 .75em;
  background-clip: padding-box;
  font-size: 12px;
}

div.sceditor-dropdown textarea {
  padding: 6px;
}

div.sceditor-dropdown .button {
  font-weight: bold;
  color: #444;
  padding: 3px 5px;
  background: #ececec;
  border: solid 1px #ccc;
  background-clip: padding-box;
  cursor: pointer;
  margin: .3em 0 0;
}

div.sceditor-dropdown .button:hover {
  background: #f3f3f3;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
  padding: 6px 0;
}

div.sceditor-emoticons,
div.sceditor-more-emoticons,
div.sceditor-color-picker {
  padding: 0;
}

.sceditor-pastetext textarea {
  border: 1px solid #bbb;
  width: 20em;
}

.sceditor-emoticons img,
.sceditor-more-emoticons img {
  padding: 0;
  cursor: pointer;
  margin: 2px;
}

.sceditor-more {
  border-top: 1px solid #bbb;
  display: block;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  padding: 6px 0;
}

.sceditor-dropdown a:hover {
  background: #eee;
}

.sceditor-fontsize-option,
.sceditor-font-option,
.sceditor-format a {
  display: block;
  padding: 7px 10px;
  cursor: pointer;
  text-decoration: none;
  color: #222;
}

.sceditor-fontsize-option {
  padding: 7px 13px;
}

.sceditor-color-column {
  float: left;
}

.sceditor-color-option {
  display: block;
  border: 1px solid #fff;
  height: 10px;
  width: 10px;
  overflow: hidden;
}

.sceditor-color-option:hover {
  border: 1px solid #333;
}

/**
	 * Toolbar styleing
	 */

div.sceditor-toolbar {
  overflow: hidden;
  background: #f7f7f7;
  border-bottom: 1px solid #d9d9d9;
  line-height: 0;
  text-align: left;
  user-select: none;
  background-clip: padding-box;
}

div.sceditor-group {
  display: inline-block;
  background: #ddd;
  margin: 0 1px 0 0;
  padding: 1px;
  border-right: 1px solid #bbb;
  background-clip: padding-box;
}

div.sceditor-group:last-child {
  border-right: none;
}

.ie6 div.sceditor-group,
.ie7 div.sceditor-group {
  display: inline;
  zoom: 1;
}

.sceditor-button {
  float: left;
  cursor: pointer;
  padding: 3px 5px;
  width: 16px;
  height: 20px;
  background-clip: padding-box;
  /* Needed for Safari 5? */
  text-indent: -9999px;
}

.ie .sceditor-button {
  text-indent: 0;
}

.ie6 .sceditor-button,
.ie7 .sceditor-button {
  float: none !important;
  display: inline;
  zoom: 1;
}

.ie6 .sceditor-button {
  padding: 0;
}

.ie6 .sceditor-button div {
  margin: 5px;
}

.ie7 .sceditor-button div {
  margin: 5px 0;
}

.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active {
  background: #fff;
}

.sceditor-button:active {
  background: #fff;
}

.sceditor-button.disabled:hover {
  background: inherit;
  cursor: default;
  box-shadow: none;
}

.sceditor-button,
.sceditor-button div {
  display: block;
}

.sceditor-button div {
  margin: 2px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  color: transparent;
}

.sceditor-button.disabled div {
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.text .sceditor-button,
.text .sceditor-button div,
.sceditor-button.text,
.sceditor-button.text div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div {
  width: auto;
  overflow: visible;
  line-height: 16px;
  font-size: 1em;
  color: inherit;
  text-indent: 0;
}

.text .sceditor-button div,
.sceditor-button.text div {
  padding: 0 2px;
  background: none;
}

.text-icon .sceditor-button div,
.sceditor-button.text-icon div {
  padding: 0 2px 0 20px;
}

.rtl div.sceditor-toolbar {
  text-align: right;
}

.rtl .sceditor-button {
  float: right;
}

.rtl div.sceditor-grip {
  right: auto;
  left: 0;
}

.sceditor-button-headers div {
  background-position: 0 -659px;
}

.sceditor-header-option {
  display: block;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
  color: #222;
}

.sceditor-header-option:hover {
  background: #eee;
}

.sceditor-dropdown input[type="text"] {
  width: 100%;
  box-sizing: border-box;
}

.hunting div.sceditor-dropdown input {
  padding: 4px;
}

.hunting .sceditor-container,
.hunting .sceditor-toolbar {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.hunting .sceditor-container {
  box-sizing: border-box;
}

.fishing .sceditor-container,
.fishing .sceditor-toolbar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.bbcode-textarea {
  padding: 0 !important;
}
@charset "UTF-8";

.fileinput-button {
  position: relative !important;
  overflow: hidden !important;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
}

.progress-bar-success {
  background-color: #5cb85c;
}
/*
 * Ядро.
 * Шаблон базовых css классов поверх, которых строится все остальное
 * Стили в ядре могут быть изменены только в исключиельных случаях и
 * эти случаи !!! должны быть согласованы и поддержаны !!! всей командой разработчиков
 */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

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

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

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

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

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

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

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

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

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

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
  margin: 0;
}

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

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

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

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

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

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and 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;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

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

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

/**
 * Remove most spacing between table cells.
 */

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

/* @link https://github.com/necolas/normalize.css v2 */

/*Переменные LESS*/

/*цвета*/

/*шрифты*/

/**
 * Базовая типографика - основные стили при отображении статей и нестилизованных элементов
 * Вдохновлена CSS фреймворком Baseline
 * @link http://baselinecss.com/
 *
 * Также см. файл core/normalize.css, который устраняет различия в типграфике между браузерами
 */

body {
  background: #fff;
  color: #333;
}

img,
object {
  /* HTML5 Boilerplate - Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
  vertical-align: middle;
}

/**
 * НИКАКИЕ СТИЛИ НЕ НАВЕШИВАЕМ НАПРЯМУЮ НА HTML ЭЛЕМЕНТЫ
 * чтобы не получить конфликты со сторонними скриптами, которые могут быть встроенты в наш дизайн
 */

.a,
.typo a {
  color: #19528d;
  text-decoration: underline;
}

a {
  outline: 0 !important;
  /* чтобы не было дурацкой пунктирной границы после нажания на ссылку */
}

.a:focus,
.typo a:focus {
  background-color: transparent;
  /* чтобы в IE не возникал серый фон при клике по ссылке */
}

.a:hover,
.typo a:hover {
  text-decoration: none;
}

.ul,
.typo ul {
  padding-left: 35px;
}

.blockquote,
.typo blockquote {
  background-color: #fff;
  border: 1px #eeeeee solid;
  border-radius: 5px;
  line-height: 30px;
  margin: 20px 0;
  padding: 15px;
}

.img,
.typo img,
.table,
.typo table {
  border: 1px #eeeeee solid;
  border-radius: 5px;
  max-width: 100%;
}

.table,
.typo table {
  background-color: #fff;
  border-collapse: separate;
}

.table th,
.typo table th {
  border-bottom: 1px #60bff3 solid;
  font-size: 12px;
  line-height: 20px;
  padding: 10px 20px;
}

.table td,
.typo table td {
  border-bottom: 1px #eeeeee solid;
  padding: 10px 20px;
}

.h1,
.typo h1 {
  font-size: 24px;
  font-weight: normal;
  line-height: normal;
}

.h2,
.typo h2 {
  color: #60bff3;
  font-size: 20px;
  line-height: normal;
  margin-top: 20px;
}

.h3,
.typo h3 {
  color: #60bff3;
  font-size: 16px;
  margin-top: 20px;
}

.h4,
.typo h4 {
  color: #60bff3;
  font-size: 15px;
  margin-top: 20px;
}

/* базовая типографика */

/*Переменные LESS*/

/*цвета*/

/*шрифты*/

/**
 * Шаблон страницы шапка, подвал, контент и боковые колонки
 */

.layout {
  /* стили вынесены из body для нормальной интеграции форума. они должны применяться ко всему нашему дизайну вне форума */
  font: 15px Arial, sans-serif;
  line-height: 26px;
}

.page {
  /* обертка для всех элементов страницы */
  background-color: #f5f5f5;
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 20px;
}

@media (max-width: 1024px) {
  .page {
    overflow: hidden;
    min-width: 960px;
  }
}

.main {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 1024px) {
  .main {
    margin-right: 320px;
  }
}

.main__wrapper {
  width: calc(100% - 320px);
}

@media (max-width: 1024px) {
  .main__wrapper {
    width: 100%;
    clear: both;
    float: left;
    margin-right: -320px;
    /* вместо 260px, чтобы колонки не сыпались при добавлении бордеров */
  }
}

.main__content {
  display: flex;
}

@media (max-width: 1024px) {
  .main__content {
    flex-direction: column;
    display: block;
  }
}

/* HEADER */

.head {
  margin-bottom: 20px;
}

.head__logo {
  float: left;
  position: relative;
}

.head__h1 {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}

.head__location {
  line-height: 6px;
}

.head__banner {
  margin-top: 30px;
  width: 100%;
  max-width: 1160px;
  text-align: center;
}

.head__banner-item {
  height: auto;
  overflow: auto;
  text-align: center;
  width: 100%;
  min-width: 300px;
}

.head__banner-item img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.yandexBanner__low {
  width: 100%;
  max-width: 1160px;
  overflow: hidden;
}

.f-sidebar {
  /* колонка */
  margin-left: 20px;
  width: 300px;
  margin-top: 30px;
  flex-shrink: 0;
}

.f-sidebar__banner {
  display: flex;
  justify-content: center;
}

@media (max-width: 1024px) {
  .f-sidebar {
    display: block;
    float: right;
  }
}

.topline {
  background-color: #032a46;
  margin: 0 -20px;
  position: relative;
}

.menu {
  /* основное меню сайта */
  height: 50px;
  background-color: #032a46;
  float: left;
}

.menu__item {
  height: 50px;
  position: relative;
}

.menu__item--home {
  float: left;
}

.menu__item--expand {
  display: none;
}

.menu__item-link {
  color: #a5cae4 !important;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  text-decoration: none !important;
}

.menu__item-link:hover,
.menu__item-link--active {
  background-color: #012036;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8) inset;
}

.menu__item-link--active {
  color: #fff !important;
}

.menu__item-link--expand {
  font-size: 25px;
}

.menu__item-selected {
  /* треугольник у текущего пункта меню*/
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f5f5f5;
  height: 0;
  width: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -6px;
}

.menu__item-link--search {
  width: 50px;
  box-sizing: border-box;
  padding: 17px;
}

.search_icon {
  display: block;
  background: url('/img/search_icon.svg');
  width: 16px;
  height: 16px;
  background-size: contain;
}

.search_icon--active {
  background: url('/img/search_icon-active.svg');
}

.searchBlock {
  display: none;
  background: #002547;
  width: 100%;
  max-width: 1520px;
  position: absolute;
  z-index: 10001;
  padding: 23px;
  box-sizing: border-box;
  margin: 0 -20px;
}

.searchBlock__yandex {
  width: 374px;
  margin: 0 auto;
  position: relative;
}

.searchBlock__close {
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  text-align: center;
  width: 100%;
  display: block;
  line-height: 20px;
  padding-top: 5px;
}

.search__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0.6;
  z-index: 9998;
  background-color: #fff;
}

.search__mask--visible {
  display: block;
}

.auth {
  /* панелька авторизации как у xenforo */
  background-color: #032a46;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 2px 5px #032A46;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 20px;
  text-align: center;
  width: 180px;
  z-index: 10000;
}

.auth__link {
  color: #fff !important;
  text-decoration: none;
}

.auth__link:hover {
  text-decoration: underline;
}

.auth-bar {
  background-color: #032A46;
  display: none;
  padding-bottom: 10px;
  position: relative;
  z-index: 9999;
  box-shadow: 0 2px 5px #032A46;
}

.auth-bar dd {
  /* анти-БЭМный костыль для правильного вывода формы на страницах форума */
  margin-left: 40px;
}

.auth-bar ul {
  /* анти-БЭМный костыль для правильного вывода формы на страницах форума */
  padding-left: 10px;
}

.auth-bar__container {
  clear: both;
  position: relative;
}

.auth-bar__form {
  line-height: 20px;
  margin: 0 auto;
  padding: 10px 0;
  width: 978px;
}

.auth-bar__input,
.auth-bar__input:focus {
  border: 1px solid #336384;
  border-radius: 5px;
  outline: 0;
  padding: 5px;
}

.auth-bar__input--text {
  color: #f0f7fc;
  background-color: #2b485c;
  border-color: #65a5d1;
  width: 100%;
  max-width: 400px;
}

.auth-bar__input--text:focus {
  background: #000 none;
}

.auth-bar__input--disabled {
  color: #a5cae4;
  background-color: #032A46;
  border-style: dashed !important;
}

.auth-bar__input--radio {
  position: relative;
  top: 2px;
  padding: 0 !important;
  border: 0 !important;
}

.auth-bar__submit {
  background-color: #60bff3;
  border: 0 #009049 solid;
  border-radius: 20px;
  color: #fff;
  padding: 5px 20px;
  min-width: 110px;
  float: left;
  font-size: 15px;
}

.auth-bar__submit:hover {
  background-color: #336384;
  color: #fff;
}

.auth-bar__input--check {
  margin-top: 3px;
  display: block;
  float: left;
  padding: 0 !important;
}

.auth-bar__form-ctrl-not-reg {
  margin-top: 5px;
}

.auth-bar__wrapper {
  margin: 0 10px;
  width: 700px;
  display: block;
  float: left;
  position: relative;
}

.auth-bar__social {
  position: relative;
  float: left;
  width: 178px;
  border-left: 1px dotted #176093;
  padding-left: 25px;
  display: block;
  margin-left: -45px;
}

.auth-bar__unit {
  margin: 0;
  border: none;
  font-size: 12px;
  color: #a5cae4;
}

.auth-bar__unit-dt {
  padding-top: 4px;
  padding-right: 15px;
  text-align: right;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 32%;
  float: left;
  position: relative;
}

.auth-bar__invite-label {
  font-size: 15px !important;
}

.auth-bar__list-block {
  margin-left: 170px;
}

.auth-bar__list-block li {
  margin: 4px 0 8px;
  padding-left: 1px;
  list-style: none;
}

.auth-bar__unit-invite-label-pwd {
  margin-top: -5px;
  display: block;
}

.auth-bar__rem-block {
  position: relative;
  width: 200px;
  float: left;
  margin-left: 15px;
  margin-top: 5px;
}

.auth-bar__ctrl-rem {
  margin-top: 5px;
  color: #6cb2e4;
  font-weight: normal;
  margin-left: 5px;
  font-size: 12px;
}

.auth-bar__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0.6;
  z-index: 9998;
  background-color: #fff;
}

.auth-bar--link {
  color: #6cb2e4 !important;
  text-decoration: none;
}

.auth-bar--link:hover {
  text-decoration: underline;
}

/* хак для форумного полупрозрачного дива, никогда не показываем при открытии окна авторизации */

#exposeMask {
  display: none !important;
}

.userinfo {
  /* панель аутентифицированного юзера */
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.userinfo__panel {
  background-color: #012036;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8) inset;
  font-size: 12px;
  min-width: 90px;
  padding-right: 45px;
  position: relative;
  z-index: 10;
}

.userinfo__ava {
  width: 26px;
  height: 26px;
  float: left;
  padding: 2px;
}

.userinfo__login {
  color: #fff !important;
  margin-left: 7px;
  position: relative;
}

.userinfo__new {
  background-color: #60bff3;
  height: 15px;
  line-height: 15px;
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 0 2px;
}

.userinfo__dd-new {
  background-color: #60bff3;
  color: #333;
  line-height: 16px;
  right: 15px;
  padding: 0 2px;
  position: absolute;
  top: 7px;
}

/* ХЛЕБНЫЕ КРОШКИ */

.breadcrumbs,
.breadcrumbs a {
  color: #999;
  font-size: 12px;
}

.breadcrumbs .triangle--grey-right {
  top: 4px;
  left: 4px;
}

.breadcrumbs a {
  border-bottom: 1px #d3d3d3 solid;
  text-decoration: none;
}

.breadcrumbs a:hover {
  border-bottom-color: #f5f5f5;
}

/**
 * Боковая колонка на внутри блока контента
 */

.sidecol-column {
  float: left;
  width: 34%;
}

@media (max-width: 570px) {
  .sidecol-column {
    width: 100%;
    float: none;
  }
}

.sidecol-content {
  margin-left: 34%;
  padding-left: 20px;
  overflow: hidden;
}

@media (max-width: 570px) {
  .sidecol-content {
    margin-left: 0;
    padding-left: 0;
  }
}

/* FOOTER */

.foot {
  background-color: #fff;
  clear: both;
  padding: 40px 20px 20px 20px;
  margin: 0 -20px;
}

.foot-content {
  max-width: 820px;
  margin: 0 auto;
}

.foot-content ul,
.foot-content li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*line-height: 24px;*/
}

.foot-content--secondary {
  padding-left: 35px;
}

.foot-content--stat {
  padding-left: 7px;
}

.foot-content--society {
  margin-left: 80px;
}

.foot-content--help {
  margin-left: 125px;
}

.foot-content--info {
  margin-left: 65px;
}

.foot-logo {
  background: url('/img/logo-footer.png') no-repeat 0 62px;
  height: 245px;
}

.foot-signature {
  width: 350px;
}

.foot-signature--text {
  line-height: 20px;
}

.gsInformer a {
  /* надо, чтобы перебить стиль форума */
  text-decoration: none !important;
}

.cake-sql-log td,
.cake-sql-log th {
  padding: 10px;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
  font-size: 15px;
}

@media (max-width: 1024px) {
  .hide-on-mobile {
    display: none;
  }
}

@media (min-width: 1025px) {
  .hide-on-desktop {
    display: none;
  }
}

/* классы для шаблона страницы */

/*
 * Универсальные сетки
 * Взяты из OOCSS
 * Не менять!
 */

.line,
.lastUnit {
  overflow: hidden;
  *overflow: visible;
  *zoom: 1;
}

.unit {
  float: left;
}

.unitRight {
  float: right;
}

.size1of1 {
  float: none;
}

.size1of2 {
  width: 50%;
}

.size1of3 {
  width: 33.33333%;
}

.size2of3 {
  width: 66.66666%;
}

.size1of4 {
  width: 25%;
}

.size3of4 {
  width: 75%;
}

.size1of5 {
  width: 20%;
}

.size2of5 {
  width: 40%;
}

.size3of5 {
  width: 60%;
}

.size4of5 {
  width: 80%;
}

.lastUnit {
  float: none;
  width: auto;
  _position: relative;
  _left: -3px;
  _margin-right: -3px;
}

/* сетки из oocss */

/**
 * Spacing classes
 * Should be used to modify the default spacing between objects (not between nodes of the same object)
 * Please use judiciously. You want to be using defaults most of the time, these are exceptions!
 * <type><location><size>
 */

/* ====== Default spacing ====== */

/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/

.pt0,
.pv0,
.pa0 {
  padding-top: 0px !important;
}

.pt5,
.pv5,
.pa5 {
  padding-top: 5px !important;
}

.pt10,
.pv10,
.pa10 {
  padding-top: 10px !important;
}

.pt15,
.pv15,
.pa15 {
  padding-top: 15px !important;
}

.pt20,
.pv20,
.pa20 {
  padding-top: 20px !important;
}

.pt30,
.pv30,
.pa30 {
  padding-top: 30px !important;
}

.pt40,
.pv40,
.pa40 {
  padding-top: 40px !important;
}

.pr0,
.ph0,
.pa0 {
  padding-right: 0px !important;
}

.pr5,
.ph5,
.pa5 {
  padding-right: 5px !important;
}

.pr10,
.ph10,
.pa10 {
  padding-right: 10px !important;
}

.pr15,
.ph15,
.pa15 {
  padding-right: 15px !important;
}

.pr20,
.ph20,
.pa20 {
  padding-right: 20px !important;
}

.pr30,
.ph30,
.pa30 {
  padding-right: 30px !important;
}

.pr40,
.ph40,
.pa40 {
  padding-right: 40px !important;
}

.pb0,
.pv0,
.pa0 {
  padding-bottom: 0px !important;
}

.pb5,
.pv5,
.pa5 {
  padding-bottom: 5px !important;
}

.pb10,
.pv10,
.pa10 {
  padding-bottom: 10px !important;
}

.pb15,
.pv15,
.pa15 {
  padding-bottom: 15px !important;
}

.pb20,
.pv20,
.pa20 {
  padding-bottom: 20px !important;
}

.pb30,
.pv30,
.pa30 {
  padding-bottom: 30px !important;
}

.pb40,
.pv40,
.pa40 {
  padding-bottom: 40px !important;
}

.pl0,
.ph0,
.pa0 {
  padding-left: 0px !important;
}

.pl5,
.ph5,
.pa5 {
  padding-left: 5px !important;
}

.pl10,
.ph10,
.pa10 {
  padding-left: 10px !important;
}

.pl15,
.ph15,
.pa15 {
  padding-left: 15px !important;
}

.pl20,
.ph20,
.pa20 {
  padding-left: 20px !important;
}

.pl30,
.ph30,
.pa30 {
  padding-left: 30px !important;
}

.pl40,
.ph40,
.pa40 {
  padding-left: 40px !important;
}

.mt-5 {
  margin-top: -5px;
}

.mt0,
.mv0,
.ma0 {
  margin-top: 0px !important;
}

.mt5,
.mv5,
.ma5 {
  margin-top: 5px !important;
}

.mt10,
.mv10,
.ma10 {
  margin-top: 10px !important;
}

.mt15,
.mv15,
.ma15 {
  margin-top: 15px !important;
}

.mt20,
.mv20,
.ma20 {
  margin-top: 20px !important;
}

.mt30,
.mv30,
.ma30 {
  margin-top: 30px !important;
}

.mt40,
.mv40,
.ma40 {
  margin-top: 40px !important;
}

.mr0,
.mh0,
.ma0 {
  margin-right: 0px !important;
}

.mr5,
.mh5,
.ma5 {
  margin-right: 5px !important;
}

.mr10,
.mh10,
.ma10 {
  margin-right: 10px !important;
}

.mr15,
.mh15,
.ma15 {
  margin-right: 15px !important;
}

.mr20,
.mh20,
.ma20 {
  margin-right: 20px !important;
}

.mr30,
.mh30,
.ma30 {
  margin-right: 30px !important;
}

.mr40,
.mh40,
.ma40 {
  margin-right: 40px !important;
}

.mb0,
.mv0,
.ma0 {
  margin-bottom: 0px !important;
}

.mb5,
.mv5,
.ma5 {
  margin-bottom: 5px !important;
}

.mb10,
.mv10,
.ma10 {
  margin-bottom: 10px !important;
}

.mb15,
.mv15,
.ma15 {
  margin-bottom: 15px !important;
}

.mb20,
.mv20,
.ma20 {
  margin-bottom: 20px !important;
}

.mb30,
.mv30,
.ma30 {
  margin-bottom: 30px !important;
}

.mb40,
.mv40,
.ma40 {
  margin-bottom: 40px !important;
}

.ml0,
.mh0,
.ma0 {
  margin-left: 0px !important;
}

.ml5,
.mh5,
.ma5 {
  margin-left: 5px !important;
}

.ml10,
.mh10,
.ma10 {
  margin-left: 10px !important;
}

.ml15,
.mh15,
.ma15 {
  margin-left: 15px !important;
}

.ml20,
.mh20,
.ma20 {
  margin-left: 20px !important;
}

.ml30,
.mh30,
.ma30 {
  margin-left: 30px !important;
}

.ml40,
.mh40,
.ma40 {
  margin-left: 40px !important;
}

.mra,
.mha {
  margin-right: auto !important;
}

.mla,
.mha {
  margin-left: auto !important;
}

/* модификаторы отступов из oocss */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
  background: url(/img/colorbox/overlay.png) repeat 0 0;
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(/img/colorbox/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(/img/colorbox/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(/img/colorbox/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(/img/colorbox/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url(/img/colorbox/controls.png) left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url(/img/colorbox/controls.png) right top repeat-y;
}

#cboxTopCenter {
  height: 21px;
  background: url(/img/colorbox/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
  height: 21px;
  background: url(/img/colorbox/border.png) 0 -29px repeat-x;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
}

#cboxContent h1 {
  margin-top: 0;
}

/* hunting.ru - чтобы заголовки h1 не отсутпали от верха внутри колорбокса */

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-top: 28px;
  padding: 0 10px;
}

#cboxTitle {
  position: absolute;
  top: 1px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  top: 1px;
  left: 58px;
  color: #949494;
}

#cboxLoadingOverlay {
  background: url(/img/colorbox/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(/img/colorbox/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  top: 1px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  top: 0;
  left: 0;
  background: url(/img/colorbox/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  top: 0;
  left: 27px;
  background: url(/img/colorbox/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: -50px -25px;
}

#cboxClose {
  position: absolute;
  top: 0;
  right: 0;
  background: url(/img/colorbox/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxClose:hover {
  background-position: -25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

/* colorbox */

/* Default styling for jQuery Datepicker v4.1.0. */

.datepick {
  background-color: #fff;
  color: #000;
  border: 1px solid #444;
  border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 90%;
}

.datepick-rtl {
  direction: rtl;
}

.datepick-popup {
  z-index: 1000;
}

.datepick-disable {
  position: absolute;
  z-index: 100;
  background-color: white;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.datepick a {
  color: #fff;
  text-decoration: none;
}

.datepick a.datepick-disabled {
  color: #888;
  cursor: auto;
}

.datepick button {
  margin: 0.25em;
  padding: 0.125em 0em;
  background-color: #fcc;
  border: none;
  border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  font-weight: bold;
}

.datepick-nav,
.datepick-ctrl {
  float: left;
  width: 100%;
  background-color: #000;
  color: #fff;
  font-size: 100%;
  /* меняем размер шрифта!!! иначе немного плывет верстка пикера */
  font-weight: bold;
}

.datepick-ctrl {
  background-color: #600;
}

.datepick-cmd {
  width: 30%;
}

.datepick-cmd:hover {
  background-color: #777;
}

.datepick-ctrl .datepick-cmd:hover {
  background-color: #f08080;
}

.datepick-cmd-prevJump,
.datepick-cmd-nextJump {
  width: 8%;
}

a.datepick-cmd {
  height: 20px;
  /* меняем высоту!!! иначе немного плывет верстка пикера */
}

button.datepick-cmd {
  text-align: center;
}

.datepick-cmd-prev,
.datepick-cmd-prevJump,
.datepick-cmd-clear {
  float: left;
  padding-left: 2%;
}

.datepick-cmd-current,
.datepick-cmd-today {
  float: left;
  width: 35%;
  text-align: center;
}

.datepick-cmd-next,
.datepick-cmd-nextJump,
.datepick-cmd-close {
  float: right;
  padding-right: 2%;
  text-align: right;
}

.datepick-rtl .datepick-cmd-prev,
.datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
  float: right;
  padding-left: 0%;
  padding-right: 2%;
  text-align: right;
}

.datepick-rtl .datepick-cmd-current,
.datepick-rtl .datepick-cmd-today {
  float: right;
}

.datepick-rtl .datepick-cmd-next,
.datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
  float: left;
  padding-left: 2%;
  padding-right: 0%;
  text-align: left;
}

.datepick-month-nav {
  float: left;
  background-color: #777;
  text-align: center;
}

.datepick-month-nav div {
  float: left;
  width: 12.5%;
  margin: 1%;
  padding: 1%;
}

.datepick-month-nav span {
  color: #888;
}

.datepick-month-row {
  clear: left;
}

.datepick-month {
  float: left;
  width: 15em;
  border: 1px solid #444;
  text-align: center;
}

.datepick-month-header,
.datepick-month-header select,
.datepick-month-header input {
  height: 22px;
  /* меняем высоту!!! иначе немного плывет верстка пикера */
  background-color: #444;
  color: #fff;
  font-weight: bold;
}

.datepick-month-header select,
.datepick-month-header input {
  height: 22px;
  /* меняем высоту!!! иначе немного плывет верстка пикера */
  border: none;
  font-size: 100%;
}

.datepick-month-header input {
  position: absolute;
  display: none;
}

.datepick-month table {
  width: 100%;
  border-collapse: collapse;
}

.datepick-month thead {
  border-bottom: 1px solid #aaa;
}

.datepick-month th,
.datepick-month td {
  margin: 0em;
  padding: 0em;
  font-weight: normal;
  text-align: center;
}

.datepick-month th {
  border: 1px solid #777;
}

.datepick-month th,
.datepick-month th a {
  background-color: #777;
  color: #fff;
}

.datepick-month td {
  background-color: #eee;
  border: 1px solid #aaa;
}

.datepick-month td.datepick-week {
  border: 1px solid #777;
}

.datepick-month td.datepick-week * {
  background-color: #777;
  color: #fff;
  border: none;
}

.datepick-month a {
  display: block;
  width: 100%;
  padding: 0.125em 0em;
  background-color: #eee;
  color: #000;
  text-decoration: none;
}

.datepick-month span {
  display: block;
  width: 100%;
  padding: 0.125em 0em;
}

.datepick-month td span {
  color: #888;
}

.datepick-month td .datepick-other-month {
  background-color: #fff;
}

.datepick-month td .datepick-weekend {
  background-color: #ddd;
}

.datepick-month td .datepick-today {
  background-color: #f0c0c0;
}

.datepick-month td .datepick-highlight {
  background-color: #f08080;
}

.datepick-month td .datepick-selected {
  background-color: #777;
  color: #fff;
}

.datepick-month th.datepick-week {
  background-color: #777;
  color: #fff;
}

.datepick-status {
  clear: both;
  background-color: #ddd;
  text-align: center;
}

.datepick-clear-fix {
  clear: both;
}

/* Добавляем свои стили */

.trigger {
  position: relative;
  top: -1px;
  right: 27px;
}

.trigger:hover {
  cursor: pointer;
}

.select-date {
  width: 115px !important;
}

.select-date--end {
  margin-left: 6px;
}

.select-date__sep {
  margin-left: -15px;
}

/* datepicker */

/*
 * Тут инклюдим блоки из каталога blocks
 */

/*
 * Блоки
 * Основаны на идеологии БЭМ:
 *  - независимость блоков
 *  - повторяемость блоков
 *  - модифицируемость блоков
 *  - жеские стандарты именования Блоков, Элементов и Модификаторов
 *  - ограничение пространства имен блоков путем стандартов именования
 *
 * @link http://ru.bem.info/method/definitions/
 * @link http://nicolasgallagher.com/about-html-semantics-front-end-architecture/
 */

/*
 * Блоки строятся по приципу яндексовского БЭМа - Блок, Элемент, Модификатор
 * НО, мы используем свою (более простую) нотацию по разделению имен блоков, элементов и модификаторов
 *
 * Правила составления имен БЭМов:
 * block-name
 * block-name__element-name
 * block-name--modifier-name
 * block-name__element-name--element-modifier-name
 *
 * @link https://gist.github.com/1309546 нотация взята отсюда
 */

/*Переменные LESS*/

/*цвета*/

/*шрифты*/

/**
 * Глобальные модификаторы, которые не привязаны к каким-либо блокам
 */

/* границы и подчеркивания */

.b {
  /* быстрая граница для отладки */
  outline: 1px #777 solid;
}

.bn {
  /* убрать все границы */
  border: none;
}

.b-shadow:hover {
  /* тенью при наведении */
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
}

.b-grey {
  border: 1px #eeeeee solid;
}

.b-dark-grey {
  border: 1px #e6e6e6 solid;
}

.b-white {
  border: 1px #fff solid;
}

/* отключение бордера */

.bn-top {
  border-top: none !important;
}

.bn-bottom {
  border-bottom: none !important;
}

/* подключение радиуса у бордера */

/* снизу */

.rad-bottom {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

/* сверху */

.rad-top {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

/* отключение радиуса у бордера */

/* сверху */

.bn-rad-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* снизу */

.bn-rad-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.un {
  /* серое подчеркивание у ссылок на замену стандартному text-decoration:underline */
  border-bottom: 1px #d3d3d3 solid;
  text-decoration: none !important;
}

.un:hover {
  border-bottom: 1px transparent solid;
}

.un--grey:hover {
  border-bottom-color: #f5f5f5;
}

.un--dark-grey:hover {
  border-bottom-color: #e6e6e6;
}

.un-hover {
  border-bottom: 1px #fff solid;
  text-decoration: none;
}

.un-hover:hover {
  border-bottom: 1px #d3d3d3 solid;
}

.ajaxlink {
  /* прерывестое подчеркивание снизу */
  border-bottom: 1px dashed;
  text-decoration: none !important;
}

.ajaxlink:hover {
  border-bottom: none;
}

.sep-top,
.sep-hor {
  /* разделитель серой пунктирной линией */
  border-top: 1px dashed #d3d3d3;
}

.sep-bot,
.sep-hor {
  border-bottom: 1px dashed #d3d3d3;
}

/* цвет текста - полную палитру сайта см. в каталоге design под гитом */

.black {
  color: #000 !important;
}

.white {
  color: #fff !important;
}

.norm {
  color: #333 !important;
}

.soft {
  color: #999 !important;
}

/* светло-серый текст для невыделяющихся текстов */

.green {
  color: #009049 !important;
}

.red {
  color: #ff0000 !important;
}

.darkred {
  color: #c72026;
}

.blue {
  color: #19528d !important;
}

.skyblue {
  color: #30a5e5 !important;
}

.lightblue {
  color: #60bff3 !important;
}

.softblue {
  color: #a5cae4 !important;
}

.softgrey {
  color: #eeeeee !important;
}

/* цвет фона */

.white-bg {
  background-color: #fff;
}

.dark-blue-bg {
  background: #19528d;
}

/* размер текста */

.fs10 {
  font-size: 10px !important;
}

.fs11 {
  font-size: 11px;
}

.fs12 {
  font-size: 12px;
}

.fs14 {
  font-size: 14px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs16 {
  font-size: 16px;
}

.lh16 {
  line-height: 16px;
}

.lh20 {
  line-height: 20px !important;
}

.lh26 {
  line-height: 26px !important;
}

.tiny {
  font-size: 11px !important;
}

.small {
  font-size: 12px !important;
}

/*начертание текста*/

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.italic {
  font-style: italic;
}

.caps {
  text-transform: uppercase;
}

.underline {
  text-decoration: underline;
}

.non-underline {
  text-decoration: none !important;
}

/* выравнивание текста */

.rtxt {
  text-align: right;
}

.ltxt {
  text-align: left;
}

.ctxt {
  text-align: center;
}

.jtxt {
  text-align: justify;
}

.rflt {
  float: right;
}

.lflt {
  float: left;
}

.clb {
  clear: both;
}

.cblock {
  margin: 0 auto;
}

/* выравнивание дивов (блочных элементов) с фиксированной шириной по центру */

.v-top {
  vertical-align: top;
}

.v-middle {
  vertical-align: middle;
}

/* модификатор, который делает список горизонтальным и без отступов */

.hlist,
.vlist {
  /* horisontal list */
  margin: 0;
  padding: 0;
}

.hlist > li,
.vlist > li {
  list-style-type: none;
}

.hlist > li {
  float: left;
}

.fullsize {
  width: 100%;
}

/* 100% ширина*/

.halfsize {
  width: 50% !important;
}

/* 50% ширина*/

.fluid {
  height: 100%;
  width: 100%;
}

.mw800 {
  max-width: 800px;
}

/* Позиционирование */

.relative {
  position: relative;
}

/* стрелочки, уголки и другие элементы дизайна */

/**
 * Тут кладезь всяких фигур на css
 * @link http://habrahabr.ru/post/126207/
 */

.triangle--blue-down {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #19528d;
  position: absolute;
  right: -12px;
  top: 2px;
}

.triangle--grey-right {
  /* для хлебных крошек */
  width: 0;
  height: 0;
  border-left: 4px solid #999;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  position: absolute;
  left: 7px;
  top: 6px;
}

.triangle--white-down {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  position: absolute;
  right: -12px;
  top: 7px;
}

.triangle--up {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid;
  position: absolute;
  /* позиционирование и цвет указывать дополнительно! */
}

.triangle--down {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
  position: absolute;
  /* позиционирование и цвет указывать дополнительно! */
}

.triangle--right {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid;
  position: absolute;
  /* позиционирование и цвет указывать дополнительно! */
}

.triangle--left {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid;
  position: absolute;
  /* позиционирование и цвет указывать дополнительно! */
}

/* стрелочки, уголки и другие элементы дизайна */

/**
 * Тут кладезь всяких фигур на css
 * @link http://habrahabr.ru/post/126207/
 */

.arrow-down,
.arrow-up {
  /* стрелки вниз и вверх */
  border-color: #333 transparent;
  border-style: solid;
  height: 0;
  margin-left: 4px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 0;
}

.arrow-down {
  border-width: 4px 4px 0;
}

.arrow-up {
  border-width: 0 4px 4px;
}

.arrow-down-red {
  /* стрелка вниз красная */
  border-color: #c90a00 transparent;
  border-style: solid;
  border-width: 3px 3px 0;
  height: 0;
  left: 50%;
  margin-left: -3px;
  position: absolute;
  top: 0;
  width: 0;
}

.arrow-right {
  bottom: 2px;
  border-color: transparent #333;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  left: 6px;
  position: absolute;
}

.arrow-right.arrow-green {
  border-color: transparent #2b8c0f;
}

.arrow-green {
  border-color: #2b8c0f transparent;
}

/*
 * HTML5 Boilerplate
 * Clearfix: contain floats
 */

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
}

.js .jshidden {
  display: none;
}

.no-js .nojs-hidden {
  display: none;
}

.block {
  display: block;
}

.iblock {
  display: inline-block;
}

/* затеняем конец слишком длинной строки */

.cutstring {
  position: relative;
}

.cutstring:after {
  background: url(/img/white_cover.png) repeat-y scroll right top transparent;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 20px;
  content: "";
  z-index: 10;
}

.cutstring--grey:after {
  background: url(/img/grey_cover.png) repeat-y scroll right top transparent;
}

.cutstring--softgrey:after {
  background: transparent;
  background-image: -webkit-linear-gradient(right, transparent 0%, #eeeeee 100%);
  background-image: linear-gradient(to right, transparent 0%, #eeeeee 100%);
}

.lh-initial {
  line-height: initial;
}

.ov-hid {
  overflow: hidden;
}

.pointer {
  cursor: pointer;
}

.nowrap {
  white-space: nowrap;
}

/* глобальные модификаторы */

/*Переменные LESS*/

/*цвета*/

/*шрифты*/

/**
 * Тут всякие неспецифичные блоки, которые не подходят по смыслу в другие файлы
 */

.box {
  /* прямоугольный блок с закругленными углами и белым фоном */
  background-color: #fff;
  border: 1px #eeeeee solid;
  border-radius: 5px;
  padding: 20px;
}

.box--dark {
  /* блок с темным фоном, привлекающий дополнительное внимание */
  background-color: #19528d;
  color: #fff;
}

.box--softdark {
  /* блок с темным фоном, привлекающий дополнительное внимание */
  background-color: #eeeeee !important;
  border-color: #e6e6e6;
}

.sep-top {
  /* светлый разделитель для записей внутри бокса */
  border-top: 1px solid #eeeeee;
}

.sep-bottom {
  /* светлый разделитель для записей внутри бокса */
  border-bottom: 1px solid #eeeeee;
}

.sep-top--white {
  border-top-color: #fff;
}

.sep-top--dark-grey {
  border-top-color: #e6e6e6;
}

.box .sep-top,
.box .sep-bottom {
  margin: 0 -20px;
}

.sep-double {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #fff;
}

/* Левая колонка на главной */

.left-col {
  width: 356px;
  float: left;
}

/* Центральная колонка на главной */

.central-col {
  margin-left: 376px;
}

.textsection img {
  max-width: 100%;
  display: block;
  margin: 20px 0;
}

/* поиск по сайту мобильный */

.searchBlock__yandex .ya-site-form__search-input-layout,
.search .ya-site-form__search-input-layout {
  position: relative;
}

.search #ya-site-form0 input[type=search] {
  font-size: 12px !important;
  border: 1px solid #f3f3f3 !important;
  border-radius: 15px !important;
  height: 32px !important;
  width: 100% !important;
  padding: 8px 35px 6px 11px !important;
  box-shadow: inset 0 1px 3px rgba(50, 50, 50, 0.25) !important;
}

#ya-site-form0 .ya-site-form__input-text_type_hint {
  background-position: 11px 50% !important;
}

.search #ya-site-form0 input:focus {
  outline: none !important;
}

.searchBlock__yandex .ya-site-form__submit,
.search .ya-site-form__submit {
  border: none !important;
  width: 20px !important;
  height: 20px !important;
  background: #fff url('/img/search.png') no-repeat !important;
  position: absolute !important;
  top: 8px !important;
  right: 12px !important;
}

/* поиск по сайту десктопный */

.searchBlock__yandex #ya-site-form1 input[type=search] {
  font-size: 12px !important;
  border: 1px solid #f3f3f3 !important;
  border-radius: 15px !important;
  height: 32px !important;
  width: 100% !important;
  padding: 8px 35px 6px 11px !important;
  box-shadow: inset 0 1px 3px rgba(50, 50, 50, 0.25) !important;
}

#ya-site-form1 .ya-site-form__input-text_type_hint {
  background-position: 11px 50% !important;
}

.searchBlock__yandex #ya-site-form1 input:focus {
  outline: none !important;
}

/**
 * Выпадающие менюшки
 */

.dropdown {
  background-color: #fff;
  border: 1px #eeeeee solid;
  border-radius: 5px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
  padding: 10px 0;
  position: absolute;
  top: 10px;
  z-index: 100;
}

.dropdown__arrow {
  border-left: 6px solid rgba(255, 255, 255, 0);
  /* rgba надо, чтобы не было границы в firefox https://coderwall.com/p/tpmsta */
  border-right: 6px solid rgba(255, 255, 255, 0);
  border-bottom: 6px solid #fff;
  height: 0;
  width: 0;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
}

.userinfo .dropdown {
  background-color: #012036;
  border-color: #336384;
  color: #a5cae4;
  left: -70px;
  padding: 10px 0;
  top: 35px;
  width: 210px;
}

.userinfo .dropdown__arrow {
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #012036;
}

.userinfo .dropdown__link {
  color: #a5cae4;
  display: block;
  padding: 0 15px;
  position: relative;
  text-decoration: none !important;
}

.userinfo .dropdown__link:hover {
  background-color: #60bff3;
  color: #333;
}

.userinfo .sep-bottom,
.userinfo .sep-top {
  border-color: #336384;
}

/* меню для сортировки с треугольничками */

.sort-menu--all .triangle--down {
  border-top-color: #333;
  right: 2px;
  top: 12px;
}

.sort-menu--all .dropdown {
  left: -80px;
  top: 30px;
  width: 250px;
  padding: 12px 0;
}

.sort-menu--all .dropdown a {
  text-decoration: none;
  display: block;
  color: #19528d;
  padding: 2px 25px;
}

.sort-menu--all .dropdown a:hover {
  background-color: #19528d;
  color: white;
}

.smm__item {
  padding: 8px 20px 5px 20px;
}

.smm__item:first-child {
  margin-left: 20px;
}

.smm__item--selected {
  margin-bottom: -2px;
  border: 1px solid #d3d3d3;
  border-bottom: 2px solid #f5f5f5;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

/* пагинатор */

.paginator {
  text-align: center;
  margin-top: 25px;
}

.paginator .triangle--left {
  top: 5px;
  left: -7px;
}

.paginator .triangle--right {
  top: 5px;
  left: 3px;
}

.paginator .triangle--left-grey {
  border-right-color: #999;
}

.paginator .triangle--right-grey {
  border-left-color: #999;
}

.paginator__pn--act,
.paginator__pn--pas {
  padding: 3px 12px;
  display: inline-block;
  border-radius: 15px;
}

.paginator__pn--act:hover {
  background-color: #60bff3;
  padding: 0;
}

.paginator__pn--act a {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #d3d3d3;
}

.paginator__pn--act:hover a {
  color: #fff;
  border-bottom: none;
  padding: 3px 12px;
  display: inline-block;
  border-radius: 15px;
}

.paginator__num {
  height: 34px;
  width: 42px;
  padding-top: 8px;
  margin: 0 3px;
  display: inline-block;
  border-radius: 21px;
}

.paginator__num:hover {
  background-color: #60bff3;
  height: 42px;
  padding-top: 0;
}

.paginator__num:hover a {
  color: #fff;
  border-bottom: none;
  display: inline-block;
  height: 34px;
  width: 42px;
  padding-top: 8px;
  border-radius: 21px;
  margin-top: 0;
}

.paginator__num a {
  text-decoration: none;
  border-bottom: 1px solid #d3d3d3;
  color: #333;
  margin-top: 15px;
}

.paginator__num--current,
.paginator__num--current:hover {
  background-color: white !important;
  color: #60bff3;
}

.paginator__num--current:hover {
  height: 34px;
  padding-top: 8px;
}

.sort {
  border-bottom: 1px solid #d2d2d2;
  box-shadow: 0 2px 1px -1px #fff;
  text-align: right;
  height: 33px;
}

.sort__title {
  display: inline-block;
  margin-right: -5px;
}

.sort__item {
  display: inline-block;
  margin-left: 15px;
  text-align: center;
}

.sort__item--active {
  font-weight: bold;
}

.sort__triangle {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #19528d;
  position: absolute;
  margin-top: 2px;
}

/**
 * кнопка "наверх"
 */

.button-scroll-top {
  margin: 0;
  right: 20px;
  bottom: 20px;
  z-index: 10000;
  position: fixed;
  display: none;
}

.button-scroll-top a {
  padding: 9px 14px;
  text-decoration: none !important;
  border: 1px solid #c3c3c3 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.95);
  border-radius: 5px;
  background: #fff;
  font-size: 0.9rem;
  color: #009049 !important;
}

.button-scroll-top a u {
  text-decoration: none;
  vertical-align: 2px;
  margin-right: 5px;
}

/* Выбор регионов в colorbox */

.colorbox-region {
  text-decoration: none;
  display: block;
  color: #19528d;
  padding: 0 15px;
  margin: 5px 10px;
}

.colorbox-region:hover {
  background-color: #19528d;
  color: white;
}

.colorbox-first-letter {
  line-height: 19px;
  padding-top: 10px;
  margin-bottom: -3px;
}

/* маленький кружочек под аватаркой */

.circle {
  background-color: #60bff3;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  display: inline-block;
  margin: 0 3px 0 2px;
}

/* комментарии */

.add-comment-box {
  background-color: #eeeeee;
  border: 1px solid #e6e6e6;
  padding: 20px;
}

.add-comment-box--top {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-top: 20px;
}

.add-comment-box--bottom {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.add-comment-box--middle {
  border-radius: 5px;
  margin-top: 20px;
}

.comment-body {
  background-color: white;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  padding: 40px 20px 20px 20px;
}

.comment--b-bot-none {
  border-bottom: none;
}

.comment--first {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-top: 1px solid #eeeeee;
}

.comment-alert {
  padding: 20px 30px !important;
}

.comment-alert--bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.comment__text,
.comment__flash,
.comment__date-edit,
.comment-form-container {
  margin-left: 70px !important;
}

/* блок подписки на на комментарии */

.subscribe-box {
  float: left;
  position: relative;
}

/**
 * Стили для фотогалереи начало
 */

.foto-line {
  height: 250px;
  overflow: hidden;
}

.prevent-early-float {
  margin-right: -30px;
}

.foto-view {
  padding: 20px 0;
  position: relative;
}

.foto-view__img-container {
  max-width: 800px;
  margin-left: 50px;
  margin-right: 50px;
}

.foto-view__img {
  border: 1px #fff solid;
  float: left;
  width: 100%;
  height: inherit;
}

.foto-view__desc {
  margin-left: 50px !important;
}

.foto-view__control {
  display: inline-block;
  width: 50px;
  height: 100%;
  float: left;
}

.foto-view__control span {
  /* общие стили для стрелок */
  display: block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  top: 48%;
}

.foto-view__control--next span {
  /* стрелка вправо */
  border-left: 15px solid #c3c3c3;
  right: 15px;
}

.foto-view__control--next:hover span {
  border-left-color: #787878;
}

.foto-view__control--prev span {
  /* стрелка влево */
  border-right: 15px solid #c3c3c3;
  left: 15px;
}

.foto-view__control--prev:hover span {
  border-right-color: #787878;
}

/**
 * Стили для фотогалереи конец
 */

/**
 * лента комментариев
 */

.lenta--mt-5 {
  margin-top: -5px !important;
}

/**
 * конец лента комментариев
 */

/**
 * управление подписками
 */

.subscr__box,
.subscr__box-no {
  padding: 20px 15px;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  background-color: #eff8ff;
}

.subscr__box {
  border-bottom: 1px solid #60bff3;
}

.subscr__box-no {
  border-bottom: 1px solid #e6e6e6;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.subscr__box-data {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #eeeeee;
  border-top: none;
  background-color: white;
  padding: 10px 20px 20px 20px;
}

.subscr__delete {
  display: block;
  margin-top: 4px;
  margin-left: 0;
  margin-right: 20px;
}

.subscr__rec-info {
  margin-left: 135px !important;
}

/**
 * конец управление подписками
 */

/**
 * профиль пользователя
 */

.user-profile {
  padding: 0;
  height: 192px;
}

.user-profile__img-wrap {
  width: 192px;
  height: 192px;
  overflow: hidden;
  position: relative;
  border-radius: 5px 0 0 5px;
  border-right: 1px solid #eeeeee;
}

.user-profile__img {
  position: absolute;
}

.user-profile__info {
  margin-left: 217px;
  padding: 12px 20px 0 0;
  font-size: 12px;
  line-height: 20px;
}

.user-profile__rating {
  font-weight: bold;
  font-size: 15px;
  padding-top: 12px;
}

.user-profile__stat {
  padding: 0;
}

.user-profile__edit {
  margin: 3px -4px 0 0;
}

.stat-detail {
  float: left;
  width: 137px;
  text-align: center;
  height: 63px;
  line-height: 21px;
  position: relative;
}

.stat-detail a {
  padding-top: 12px;
  display: block;
  color: white;
  text-decoration: none;
}

.stat-detail--pas,
.stat-detail a {
  height: 51px;
}

.stat-detail--first a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.stat-detail a:hover,
.stat-detail--current a {
  background-color: #012036;
}

.stat-detail--num {
  font-size: 22px;
  border-bottom: 1px solid white;
}

.stat-detail--current .stat-detail--num {
  border-bottom-color: #012036;
}

.user-profile__stat .menu__item-selected {
  display: none;
}

.user-profile__stat .stat-detail--current .menu__item-selected {
  display: block;
}

.stat-detail .stat-detail__add:hover {
  background-color: #009049;
}

.stat-detail:hover .stat-detail--num {
  border-bottom-color: #012036;
}

.stat-detail__circle-wrapper {
  text-align: center;
  margin-bottom: -8px;
}

.stat-detail__circle,
.stat-detail:hover .stat-detail__circle {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background: white no-repeat 5px 5px;
}

.stat-detail__circle {
  background-image: url('/img/ico-cross-blue.gif');
}

.stat-detail:hover .stat-detail__circle {
  background-image: url('/img/ico-cross-green.gif');
}

.stat-detail--pas {
  padding-top: 12px;
  color: #a5cae4 !important;
}

.stat-detail--pas .stat-detail--num,
.stat-detail--pas:hover .stat-detail--num {
  border-bottom: 1px solid #19528d;
}

.profile-warn {
  margin-top: 3px;
}

/**
 * конец профиль пользователя
 */

/**
 * список пользователей
 */

.users-list__info {
  line-height: 22px;
}

.users-list__img {
  padding: 1px;
}

.users-list__rating {
  margin-left: 66px;
}

.users-list__records {
  font-size: 20px !important;
}

/**
 * конец список пользователя
 */

.profile-social-link {
  display: block;
  line-height: 16px;
  background-repeat: no-repeat;
  padding-left: 25px;
  font-size: 12px;
}

.social-vk {
  background-image: url('/img/ico_sn_vk_sm.png');
}

.social-ok {
  background-image: url('/img/ico_sn_ok_sm.png');
}

.social-mailru {
  background-image: url('/img/ico_sn_mail_sm.png');
}

.social-inst {
  background-image: url('/img/ico_sn_inst_sm.png');
}

.social-ggp {
  background-image: url('/img/ico_sn_ggl_sm.png');
}

.social-ya {
  background-image: url('/img/ico_sn_ya_sm.png');
}

.social-icon-big {
  height: 24px;
  width: 160px;
  display: block;
  background-repeat: no-repeat;
  margin-bottom: 7px;
  padding-left: 30px;
  font-size: 12px;
  text-decoration: underline;
  color: #a1c9e3;
}

.social-icon-big:hover {
  text-decoration: none;
}

.social-vk-big {
  background-image: url('/img/ico_sn_vk_act.png');
}

.social-ok-big {
  background-image: url('/img/ico_sn_ok_act.png');
}

.social-mailru-big {
  background-image: url('/img/ico_sn_mail_act.png');
}

.social-inst-big {
  background-image: url('/img/ico_sn_inst_act.png');
}

.social-ggp-big {
  background-image: url('/img/ico_sn_ggl_act.png');
}

.social-ya-big {
  background-image: url('/img/ico_sn_ya_act.png');
}

.social-vk-big--dark {
  background-image: url('/img/ico_sn_vk_act.png');
}

.social-unlink-block {
  width: 720px;
}

.social-unlink-block__btn {
  width: 79px;
  font-size: 11px;
  padding: 1px 5px;
  border-radius: 5px;
  text-decoration: none;
  color: #787878;
  background: #f2f2f2 no-repeat 85px 4px;
}

.social-unlink-block__link {
  color: #777;
}

.social-unlink-block__related {
  border-bottom: 1px solid #c3c3c3;
  border-top: 1px solid #c3c3c3;
  background-color: #f2f2f2;
}

.social-ava-small {
  height: 50px;
  width: auto;
  border: 1px #c3c3c3 solid;
  top: 5px;
  right: 30px;
  position: absolute;
}

/* Всплывающее окно для входа через соцсеть*/

.social-window {
  background-color: #f5f5f5;
  min-width: 600px;
}

.social-window__bl300 {
  width: 300px;
}

.social-window__bl400 {
  width: 400px;
}

.social-window__bl400 {
  width: 500px;
}

.social-window__ma {
  margin: auto;
}

.social-window__recovery-bl {
  left: 0;
  font-size: 12px;
  margin-top: -65px;
}

.about {
  background: #1a528d;
  color: #fff;
  padding: 20px;
}

.about__text {
  line-height: 31px;
}

.page-block--fullwidth {
  margin: 0 -20px;
}

/* область переключения с мобильного вида на десктопный */

.device-view {
  display: none;
}

@media (max-width: 1020px) and (max-device-width: 1024px) {
  .device-view {
    display: block;
    margin-top: -20px;
    margin-bottom: 20px;
    padding: 0 10px 5px;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    background: #009049;
    text-align: center;
  }

  .device-view .device-view__link {
    color: white;
    text-decoration: underline;
  }
}

/**
 * Иконки контактов
 */

.icon-contact__offline {
  background: center center no-repeat;
  display: inline-block;
  height: 10px;
  width: 10px;
}

.icon-contact__online {
  background: center center no-repeat;
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}

.icon__phone {
  background-image: url('/img/phone.png');
}

.icon__email {
  background-image: url('/img/mail.png');
}

.icon__fax {
  background-image: url('/img/fax.png');
}

.icon__home {
  background-image: url('/img/home.png');
}

/* стиль для баннеров */

.bnr-absolute {
  position: absolute;
  left: 0;
  top: 0;
}

.weather-widget {
  margin-bottom: 20px;
  min-height: 178px;
}

.weather-widget .gsInformer {
  width: 300px !important;
}

/**
 * Добавление видео во всех разделах начало
 */

/* Ссылка для удаления видео */

.video-box__del-block {
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: 3px;
  margin-left: 8px;
  border-radius: 14px;
  background: #fff url(/img/cross_red.png) no-repeat center center;
}

.video-box__del-block:hover {
  background: #ff0000 url(/img/cross_white.png) no-repeat center center;
  border-color: #ff0000;
}

/* блок, содержащий iframe с видео */

.video-box__iframe {
  float: left;
}

/* какие-то общие блоки */

/*Переменные LESS*/

/*цвета*/

/*шрифты*/

/**
 * Формы и универсальные кнопки
 */

.btn {
  border-radius: 15px;
  font-size: 12px;
  text-decoration: none;
}

.btn-success {
  padding: 5px 20px;
  border: 1px solid #009049;
  color: #009049;
  background-color: #fff;
}

.btn-success:hover {
  border: 1px solid #009049;
  color: white;
  background-color: #009049;
}

.btn-success--white {
  border: 1px solid #d3d3d3;
}

.btn-vote {
  padding: 3px 20px 3px 2px;
  background-color: #e6e6e6;
  box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.6);
  color: #333;
  display: inline-block;
  /* для того чтобы в хроме нормально отображался span с рыбкой */
  line-height: 18px;
  cursor: pointer;
}

.btn-vote:hover {
  background-color: #60bff3;
  color: white;
}

.btn-vote--mini {
  background-color: #e6e6e6;
  box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.6);
  display: inline-block;
  /* для того чтобы в хроме нормально отображался span с рыбкой */
  cursor: pointer;
  text-decoration: none;
  color: #999;
}

.btn-vote--mini:hover {
  background-color: #60bff3;
  color: #fff;
}

.btn-mini {
  background: #fff no-repeat center center;
  text-decoration: none !important;
  margin-left: 10px;
  width: 24px;
  height: 24px;
  display: inline-block;
  font-weight: normal;
  /* мега хак для IE здесь и ниже - если убрать, то перестает исчезать ховер-эффект после снятия курсора с элемента и стили ховера остаются (не исчезают) */
}

.btn-mini:focus {
  background-color: #fff !important;
}

.btn-mini--grey {
  background-color: #f5f5f5;
}

.btn-mini--delete {
  background-image: url('/img/cross_gray.png');
}

.btn-mini--delete:hover,
.btn-mini--delete:active {
  background-image: url('/img/cross_white.png');
  background-color: red !important;
  font-weight: bold;
}

.btn-mini--edit {
  background-image: url('/img/pencil_gray.png');
}

.btn-mini--edit:hover,
.btn-mini--edit:active {
  background-image: url('/img/pencil_white.png');
  background-color: #009049 !important;
  font-weight: bold;
}

.btn-mini--warn {
  background-image: url('/img/exclam_gray.png');
}

.btn-mini--warn:hover,
.btn-mini--warn:active {
  background-image: url('/img/exclam_white.png');
  background-color: #ff0000 !important;
  font-weight: bold;
}

.btn-split {
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  color: #999;
  text-decoration: none;
  font-size: 11px;
  padding: 1px 8px 2px;
  box-shadow: 0 -1px 0 0 rgba(128, 128, 128, 0.1), inset 0 -1px 0 0 rgba(128, 128, 128, 0.1);
}

.btn-split:hover {
  background-color: #eeeeee;
}

.btn-split--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}

.btn-split--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-contact {
  display: inline-block;
  background: #eeeeee 2px center no-repeat;
  border-radius: 24px;
  padding: 0 10px 0 36px;
  margin-bottom: 10px;
  font-size: 12px;
  height: 28px;
  color: #333;
  text-decoration: none;
}

.btn-contact:hover {
  background-color: #fff;
}

.btn-contact--skype {
  background-image: url('/img/sn_skype_sm.png');
}

.btn-contact--skype:hover {
  box-shadow: 0 0 1px 1px #12bae4;
}

.btn-contact--vkontakte {
  background-image: url('/img/sn_vk.png');
}

.btn-contact--vkontakte:hover {
  box-shadow: 0 0 1px 1px #36699b;
}

.btn-contact--instagram {
  background-image: url('/img/sn_ins.png');
}

.btn-contact--instagram:hover {
  box-shadow: 0 0 1px 1px #62534e;
}

.btn-contact--twitter {
  background-image: url('/img/sn_twt_sm.png');
}

.btn-contact--twitter:hover {
  box-shadow: 0 0 1px 1px #10adc4;
}

.btn-contact--facebook {
  background-image: url('/img/sn_fb.png');
}

.btn-contact--facebook:hover {
  box-shadow: 0 0 1px 1px #0e6fad;
}

.btn-contact--icq {
  background-image: url('/img/sn_icq_sm.png');
}

.btn-contact--icq:hover {
  box-shadow: 0 0 1px 1px #20b701;
}

.btn-contact--jabber {
  background-image: url('/img/sn_jb_sm.png');
}

.btn-contact--jabber:hover {
  box-shadow: 0 0 1px 1px #b41313;
}

.input,
.submit {
  margin-top: 20px;
}

.form label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

.form fieldset label {
  display: inline;
}

.form fieldset legend {
  display: block;
}

.form input[type=text],
.form input[type=password],
.form input[type=email],
.form input[type=number],
.form select,
.form textarea {
  border: 1px #d3d3d3 solid;
  border-radius: 5px;
  box-shadow: inset 0 5px 5px -5px #d3d3d3;
  padding: 7px;
}

.form input[type=submit]:focus {
  box-shadow: none;
}

.form input:focus,
.form select:focus,
.form textarea:focus {
  border-color: #60bff3;
  box-shadow: 0 0 5px 1px rgba(96, 191, 243, 0.5);
  outline: 0;
}

.form input[type=text],
.form textarea {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.form input[type='checkbox'],
.form input[type='radio'] {
  position: relative;
  top: 2px;
}

.form input[type=submit] {
  background-color: #fff;
  border: 1px #009049 solid;
  border-radius: 20px;
  color: #009049;
  padding: 5px 20px;
}

.form input[type=submit]:hover {
  background-color: #009049;
  color: #fff;
}

.form textarea {
  line-height: 20px;
}

.textarea_low {
  height: 60px;
}

.fieldbox label,
.radio label {
  /* Настройка лейблов для чекбоксов и радио */
  display: inline;
  font-weight: 100;
  vertical-align: middle;
  font-size: 12px;
}

.fieldbox input {
  /* Настройка лейблов для чекбоксов и радио */
  float: left;
  margin: 5px 10px 0 0;
}

.checkbox label {
  /* настройка подписи для отдельно-стоящего чекбокаса*/
  display: inline-block;
  margin-left: 10px;
}

.multiple option {
  /* select для множественного выбора */
  padding: 5px;
}

.error-message {
  /* сообщения об ошибках в формах */
  color: #c72026;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  position: relative;
  top: -5px;
}

.sms-pseudo-select {
  /* мультиселект с jquery */
  background-color: #fff;
  padding: 7px;
  border-radius: 5px;
  box-shadow: 0 5px 5px -5px #D3D3D3 inset;
}

.sms-pseudo-select div {
  padding: 3px;
}

/* обычные кнопки с иконками (типа загрузить фото и т.п.) */

.btn-ico-norm {
  background-repeat: no-repeat;
  padding: 10px 10px;
  width: 58px;
  height: 33px;
}

.btn-ico-norm-wr {
  padding: 3px 0;
  text-align: center;
}

.btn-ico-norm--foto,
.btn-ico-norm--journal,
.btn-ico-norm--video {
  display: inline-block;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  background-position: center center;
}

.btn-ico-norm--foto:hover,
.btn-ico-norm--journal:hover,
.btn-ico-norm--video:hover {
  background-color: #009049;
}

.btn-ico-norm--foto {
  background-image: url('/img/icon_photo.png');
}

.btn-ico-norm--foto:hover {
  background-image: url('/img/icon_photo_act.png');
}

.btn-ico-norm--journal {
  background-image: url('/img/icon_journal.png');
}

.btn-ico-norm--journal:hover {
  background-image: url('/img/icon_journal_act.png');
}

.btn-ico-norm--video {
  background-image: url('/img/icon_video.png');
}

.btn-ico-norm--video:hover {
  background-image: url('/img/icon_video_act.png');
}

/**
 * Индикация обязательных полей и сообщения о неверно заполненных полях
 */

.required label:after {
  /* звездочка для обязательных полей */
  color: #ff0000;
  content: '*';
  display: inline;
  float: right;
  font-size: 20px;
  position: absolute;
  padding-left: 5px;
}

.norequire label:after {
  /* убираем индикацию требования поля - иногда требуется убрать звездочку даже для обязательного поля */
  content: '';
}

/**
 * Предварительный просмотр фоток при загрузке
 */

.upl-preview {
  /* превью загружаемых картинок */
  background-color: #fff;
  border: 1px solid #C3C3C3;
  border-radius: 5px;
  height: 150px;
  overflow: hidden;
  position: relative;
  margin: 5px 10px 0px 5px;
  width: 150px;
}

.upl-preview:hover {
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
}

.upl-preview-wr {
  float: left;
  margin: 0 0 15px 0;
  overflow: hidden;
  position: relative;
  width: 173px;
}

.upl-preview__key {
  margin-top: 5px;
  width: 140px !important;
}

.upl-preview-gallery-wr {
  padding: 0;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 20px;
}

.upl-preview-gallery-wr .upl-preview {
  margin: 0;
}

.upl-progress {
  width: 140px;
  height: 5px;
  border: 1px solid #E2E4E2;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  background-color: #d3d3d3;
  position: relative;
}

.upl-preview-gallery-unit {
  width: 450px;
  margin-top: 10px;
}

.upl-preview-gallery-unit-area {
  height: 50px;
}

.upl-progress__bar {
  width: 0;
  height: 5px;
  background-color: #5cbd5c;
  background-image: -webkit-linear-gradient(bottom, #5cbd5c 0%, #1C81C7 100%);
  background-image: linear-gradient(to bottom, #5cbd5c 0%, #1C81C7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5cbd5c, endColorstr=#1C81C7, GradientType=0);
  -webkit-transition: width 0.5s ease-out;
  -moz-transition: width 0.5s ease-out;
  -ms-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}

.upl-progress__wr {
  position: absolute;
  left: 5px;
  top: 135px;
}

.prev-insert {
  background-color: #000;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  line-height: 18px;
  opacity: 0.7;
  padding: 3px 15px 2px;
  display: none;
  height: 20px;
  border: 1px #fff solid;
  border-radius: 7px;
  position: absolute;
  left: 35px;
  top: 65px;
}

.prev-delete {
  height: 20px;
  width: 20px;
  border: 1px solid #fff;
  border-radius: 10px;
  background: #fff url(/img/cross_red.png) no-repeat center center;
}

.prev-delete:hover {
  background: #ff0000 url(/img/cross_white.png) no-repeat center center;
  border-color: #ff0000;
}

.prev-delete--pos {
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
}

.prev-delete--journal {
  display: inline-block;
  position: absolute;
  top: 5px;
}

.prev-name {
  position: absolute;
  width: 150px;
  text-align: center;
  top: 65px;
}

/* модификаторы для формы входа (стандартная форма) */

.loginform {
  width: 400px;
}

.loginform .required:before,
.min-login-form .required:before {
  /* убираем звездочки с обязательных полей */
  content: '';
}

/* формы и кнопки */

/*Переменные LESS*/

/*цвета*/

/*шрифты*/

/*
 * Блоки с анонсами любых рекордов - от новостей и отчетов до фото и видео
 * Суть очень похожа на media блок из OOCSS
 * @link http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
 */

.record-box {
  height: 148px;
  overflow: hidden;
  padding: 0;
}

.record-heading {
  max-height: 28px;
}

.record-breadcrumbs {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 60px;
  height: 26px;
  background: #f5f5f5;
  background: -moz-linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 30px);
  background: -webkit-linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 30px);
  background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 30px);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#f5f5f5", GradientType=1);
  line-height: 26px;
}

.record-data {
  margin-left: 150px;
  padding: 10px 30px 0;
}

.record__image {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: 1px solid #eeeeee;
}

.record__text {
  height: 80px;
  overflow: hidden;
}

.record-signature {
  line-height: normal;
}

/*картинка для превью записи*/

.record__img {
  margin: -20px 0 0 -20px;
  border-bottom: 1px solid #eeeeee;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.record__img-small {
  float: left;
  border-radius: 5px 0 5px 0;
  margin: -15px 20px 5px -20px;
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  overflow: hidden;
}

.record__title {
  color: #19528d;
  font-size: 20px;
  font-weight: bold;
}

/*детализация инфо о том, сколько фото и видео в записи*/

.record__details {
  margin-left: 10px;
  padding-left: 18px;
  background-repeat: no-repeat;
  font-size: 12px;
  color: #999;
}

.record__details--notes {
  background-image: url('/img/icon-notes.png');
}

.record__details--photo {
  background-image: url('/img/icon-photo.png');
}

.record__details--video {
  background-image: url('/img/icon-video.png');
}

/*блок с подписью*/

/*блок с именем пользователя в подписи*/

.signature__user {
  font-size: 12px;
  line-height: 8px;
}

/*блок статистики в подписи (комментарии и голоса)*/

.signature__stat {
  background-color: #f5f5f5;
  overflow: hidden;
  border-radius: 14px;
  padding: 1px 8px 1px 1px;
  display: inline-block;
  /* для того чтобы в хроме нормально отображался span с рыбкой */
  line-height: 18px;
}

.signature__stat:hover .un--grey {
  border-bottom-color: #f5f5f5;
}

/*комментарии в подписи*/

.signature__stat--comments {
  background: url('/img/icon-comments.png') no-repeat 6px 6px;
}

.signature__stat--comments-active {
  background-image: url('/img/icon-comments-active.png');
}

/*голоса в подписи*/

.signature__stat--comments,
.signature__stat--votes {
  background-color: white;
  border-radius: 15px;
  padding: 2px 0 2px 22px;
  vertical-align: middle;
  display: inline-block;
  height: 18px;
}

.signature__stat--votes {
  background: url('/img/icon-votes.png') no-repeat 3px 5px;
}

.signature__stat--votes-active {
  background-image: url('/img/icon-votes-active.png');
}

.signature__stat--description {
  color: #999;
}

.signature__stat:hover .signature__stat--description {
  color: #fff;
}

/*выпадающий список пользователей при наведении на кнопку голосования*/

.users-balloon {
  position: absolute;
  background: #fff;
  width: 170px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
}

.btn-vote .users-balloon {
  margin-top: 8px;
  margin-left: -35px;
}

.btn-vote--mini .users-balloon {
  margin-left: -66px;
  margin-top: 6px;
}

.signature__stat--balloon-container {
  position: absolute;
}

.users-balloon:after,
.users-balloon:before {
  content: '';
  display: block;
  position: absolute;
  top: -15px;
  left: 84px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}

.users-balloon:before {
  border-color: transparent transparent #ccc transparent;
}

.users-balloon__content {
  text-align: left;
}

.users-balloon-content__item {
  display: inline-block;
  text-decoration: none;
}

/*короткая подпись для новостей, например*/

.short-signature {
  line-height: 22px;
}

.short-signature--comments {
  padding-left: 13px;
  margin-left: 8px;
  background: url('/img/icon-comments-small.png') no-repeat 0 2px;
}

.short-signature--comments:hover .un {
  border-bottom-color: #fff;
}

/*краткое превью для новости*/

.rec-short__text {
  line-height: 18px;
  margin-bottom: 2px;
}

.rec-short__info {
  margin-left: 80px;
}

/*галерея на главной*/

.gallery-main {
  padding: 20px 20px 10px 20px;
}

.gallery-line {
  margin-right: -20px;
  height: 325px;
  overflow: hidden;
}

.gallery-box {
  width: 236px;
  height: 295px;
  padding-top: 15px;
  margin-right: 2px;
  float: left;
}

.gallery-container {
  overflow: hidden;
  padding: 5px;
}

.gallery-container:hover .box {
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
}

.gallery-container:hover .gallery__title .un--grey {
  border-bottom-color: #f5f5f5;
}

.gallery__title {
  overflow: hidden;
  white-space: nowrap;
}

.gallery__overlay {
  background-color: #fff;
  opacity: 0.6;
  text-align: left;
  font-size: 11px;
  color: #000;
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  height: 25px;
  width: 214px;
  margin-left: -20px;
  padding-left: 10px;
  z-index: 10;
}

.gallery-container:hover .gallery__overlay {
  display: block;
}

/*
* Блок для вывода фоток из галереи
* Хотя фотка в галерее это рекорд, мы создаем отдельный блок, т.к. она совсем не похожа на типичный рекорд
*/

.foto {
  float: left;
  height: 250px;
  overflow: hidden;
  padding: 0 35px 0 5px;
  width: 218px;
}

.foto-simple {
  float: left;
  margin-bottom: 10px;
  padding: 3px;
  position: relative;
}

.foto:hover .foto__title-link {
  color: #c90a00;
  text-decoration: underline;
}

.foto:hover .foto__title-link:hover {
  text-decoration: none;
}

.foto:hover .foto__img {
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
}

.foto__overlay {
  background-color: transparent;
  bottom: 0;
  display: none;
  height: 25px;
  line-height: 25px;
  position: absolute;
  width: 100%;
  z-index: 10;
  text-align: center;
}

.foto-simple .foto__overlay {
  margin-left: -3px;
  margin-right: -3px;
}

.foto:hover .foto__overlay,
.foto-simple:hover .foto__overlay {
  display: block;
}

.foto__rotate-left,
.foto__rotate-right {
  height: 18px;
  width: 18px;
  position: absolute;
  top: 0;
  border: 1px solid #fff;
  border-radius: 9px;
  background: #fff no-repeat center center;
}

.foto__rotate-left {
  background-image: url(/img/icon_turn_left.png);
  left: 45px;
}

.foto__rotate-left:hover {
  background: #009049 url(/img/icon_turn_left_act.png);
  border-color: #009049;
}

.foto__rotate-right {
  background-image: url(/img/icon_turn_right.png);
  right: 50px;
}

.foto__rotate-right:hover {
  background: #009049 url(/img/icon_turn_right_act.png);
  border-color: #009049;
}

/**
 * Блок оформления дневника
 */

/* на индексных страницах разделов */

.journal {
  margin-top: 15px;
  background-color: inherit !important;
  border: none !important;
}

.journal td {
  border: none !important;
  padding: 0 40px 0 0 !important;
}

/*блок с подписью (используется при просмотре записи и комментариях)*/

.userblock-info {
  display: inline-block;
}

/*для автоматической ширины видео*/

.video-view-block {
  max-width: 854px;
}

.video-view-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 854px;
  max-height: 510px;
}

.video-view-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 854px;
  max-height: 510px;
}

@media screen and (min-width: 1204px) {
  .video-view-container {
    padding-bottom: 510px;
  }
}

/**
 * Блок для оформления картинки-превьюшки на индексной странице видео
 */

.video-preview {
  position: relative;
  height: 150px;
  width: 150px;
}

.video-preview__image {
  position: absolute;
  height: 150px;
  width: 150px;
}

.video-preview__cinema {
  background-image: url('/img/video_frame.png');
  height: 150px;
  width: 150px;
  position: absolute;
  left: 0;
  top: 0;
}

/* всё что относится к рекордам */

/*Переменные LESS*/

/*цвета*/

/*шрифты*/

/**
 * Стили для сообщений в ответ на действия пользователей
 * Сделано на основе бутстрапа
 *
 * @link http://twitter.github.com/bootstrap/components.html#alerts
 */

.f-alert {
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 5px;
  color: #c09853;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 5px 30px 5px 15px;
}

/*===== Модификаторы =====*/

.f-alert--success {
  color: #009049;
  background-color: #e5f4ec;
  border-color: #c3e5d4;
}

.f-alert--error {
  color: #c72026;
  background-color: #ffe5e5;
  border-color: #ffcece;
}

/* модификатор для алертов с большим количеством текста внутри */

.f-alert--block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.f-alert--block > p,
.f-alert--block > ul {
  margin-bottom: 0;
}

.f-alert--block p + p {
  margin-top: 5px;
}

/* сообщения об ошибках/успешных действиях */

.loading-indicator {
  height: 80px;
  width: 80px;
  background: url(/img/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

.loading-indicator-overlay {
  background-color: #FFFFFF;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* сообщения об ошибках/успешных действиях */

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */

/* Use this next selector to style things like font-size and line-height: */

.tooltipster-default .tooltipster-content {
  font-size: 14px;
  line-height: 16px;
}

/* This is the base styling required to make all Tooltipsters work */

.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  width: auto;
  overflow: visible;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.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-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-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(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  top: 0;
  -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(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.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 {
  left: -40;
  -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(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

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

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */

.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/* tooltips */

/*
* Окно всплывающей подсказки
*/

.tooltip-target {
  cursor: pointer;
}

.tooltip-window {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  cursor: default;
  display: none;
  font-size: 100%;
  line-height: 21px;
  text-align: left;
  width: 312px;
}

.tooltipster-content .tooltip-window {
  display: block;
}

.tooltip-window-section {
  padding: 10px;
}

/*Переменные LESS*/

/*цвета*/

/*шрифты*/

.rating-stars-small {
  display: block;
  font-size: 0;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.rating-stars-small__item {
  background: center no-repeat;
  display: inline-block;
  height: 10px;
  padding-right: 1px;
  vertical-align: middle;
  width: 11px;
}

.rating-stars-small__item--none {
  background-image: url(/img/rating/star_small.png);
}

.rating-stars-small__item--low {
  background-image: url(/img/rating/star_small_low.png);
}

.rating-stars-small__item--high {
  background-image: url(/img/rating/star_small_high.png);
}

.rating-stars-wrapper {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
}

.rating-stars {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 2px 5px;
  background: #eeeeee;
  border-radius: 10px;
}

.rating-stars.btn {
  background: #009049;
}

.rating-stars__item {
  display: inline-block;
  vertical-align: middle;
}

.rating-star {
  background: center no-repeat;
  display: inline-block;
  height: 16px;
  padding: 0 1px;
  vertical-align: middle;
  width: 16px;
}

.rating-star--none {
  background-image: url(/img/rating/star_gray.png);
}

.rating-star--low {
  background-image: url(/img/rating/star_red.png);
}

.rating-star--high {
  background-image: url(/img/rating/star_green.png);
}

.rating-stars.btn .rating-star--high {
  background-image: url(/img/rating/star_white.png);
}

.rating-stars.btn .rating-star--none {
  background-image: url(/img/rating/star_transparent.png);
}

.rating-unrate-link {
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  background-image: url(/img/rating/cross_gray.png);
  margin-left: 10px;
}

.rating-unrate-link:hover {
  background-image: url(/img/rating/cross_red.png);
}

.rating-tooltip-target {
  border-bottom: 1px dashed;
  color: #999;
  font-size: 11px;
  margin-right: 5px;
}

.rating-tooltip-window {
  width: 295px;
}

.rating-tooltip-window-heading {
  padding: 21px 22px 12px;
  border-bottom: 1px solid #f3f3f3;
}

.rating-tooltip-window__title {
  margin-right: 5px;
  vertical-align: top;
}

.rating-user-list {
  table-layout: fixed;
}

.rating-user-list td {
  padding-bottom: 4px !important;
  vertical-align: top;
}

.rating-user-list-count {
  min-width: 16px;
  text-align: right;
}

.rating-user-list-stars {
  padding: 0 13px 0 10px !important;
}

.rating-user-list-users {
  line-height: 11px;
  padding-top: 4px !important;
}

.rating-tooltip-window .rating-stars {
  background: none;
}

/* контролы рейтинга */

.body-for-error {
  background: #F5F5F5;
}

.ya-wrapper {
  margin-top: 10px;
}

.ya-wrapper__form {
  width: 340px;
  background: #FFCC00;
  display: inline-block;
}

.ya-wrapper__triangle-right {
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-left: 10px solid #FFCC00;
  border-bottom: 18px solid transparent;
  display: inline-block;
}

.ya-site-form__submit {
  background: #E4E3E8;
  border: none;
}

.error-container {
  margin: 100px auto;
  width: 460px;
  padding: 0 20px;
  font-family: Arial, sans-serif;
  vertical-align: baseline;
}

.error-container__logo-container {
  margin-left: -224px;
  margin-top: 8px;
  float: left;
}

.site-logo {
  width: 220px;
}

.error-header {
  padding: 0 30px;
  letter-spacing: 2px;
}

.error-header__top-part {
  padding: 0;
  margin: 0;
  font-size: 20px;
  letter-spacing: 0px;
}

.error-title {
  color: #D3D3D3;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  padding-bottom: 2px;
}

.error-title__number {
  font-size: 80px;
  letter-spacing: 7px;
  line-height: 60px;
}

.error-header__errorname {
  color: #FB5255;
  font-size: 24px;
  word-spacing: 3px;
  margin-top: -12px;
  letter-spacing: 0px;
  margin-bottom: 12px;
}

.error-content {
  background: #fff;
  padding: 10px 35px;
  border-radius: 10px;
  border: 1px solid #F5F5F5;
  font-size: 14px;
  word-spacing: 1px;
  line-height: 20px;
}

.error-content__title {
  font-size: 16px;
  margin-bottom: 0px;
  margin-top: 1.33em;
  display: block;
  line-height: 26px;
}

.error-content__message,
.error-content__search {
  margin-top: 0px;
  margin-bottom: 4px;
  line-height: 24px;
}

.error-content-message-el {
  margin: 0px;
}

.error-links-ul {
  list-style-type: none;
  margin-top: 10px;
  /* Отступ сверху */
  margin-bottom: 20px;
  /* Отступ снизу */
  padding-left: 16px;
}

.error-links-ul__li {
  margin-top: 0;
  /* Отступ сверху */
  margin-bottom: 10px;
  /* Отступ снизу */
}

.error-menu-link {
  color: #04924A;
  text-decoration: none;
  border-bottom: 1px solid #D3D3D3;
  font-weight: bold;
}

.error-menu-link:hover {
  border-bottom: 0px solid transparent;
}

.error-content__search {
  margin-top: 44px;
}

/* страница ошибок 403/404 */