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

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

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

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

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

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

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

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

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

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

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

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

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

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

a:focus {
    outline: thin dotted;
}

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

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

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

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

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

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

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

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

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

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

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

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

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

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

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

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

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

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

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

small {
    font-size: 80%;
}

/*
 * Prevents `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;
}

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

/*
 * Addresses margins set differently in IE 6/7.
 */

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

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

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

/*
 * Corrects list images handled incorrectly in IE 7.
 */

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

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

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

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

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

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

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

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

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

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

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

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

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

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

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

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

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

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

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

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

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

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

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

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

/*
 * Removes inner padding and border in Firefox 3+.
 */

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

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

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

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

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* @import url(http://fonts.googleapis.com/css?family=Cuprum:400,700&subset=latin,cyrillic); */

/*  Fonts
------------------------------------------------ */

@font-face {
    font-family: 'Cuprum';
    src: url('/fonts/cuprum-regular-webfont.eot');
    src: url('/fonts/cuprum-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/cuprum-regular-webfont.woff') format('woff'),
    url('/fonts/cuprum-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Cuprum';
    src: url('/fonts/cuprum-bold-webfont.eot');
    src: url('/fonts/cuprum-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/cuprum-bold-webfont.woff') format('woff'),
    url('/fonts/cuprum-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}


@font-face {
    font-family: 'Cuprum';
    src: url('/fonts/cuprum-bolditalic-webfont.eot');
    src: url('/fonts/cuprum-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/cuprum-bolditalic-webfont.woff') format('woff'),
    url('/fonts/cuprum-bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}


@font-face {
    font-family: 'Cuprum';
    src: url('/fonts/cuprum-italic-webfont.eot');
    src: url('/fonts/cuprum-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/cuprum-italic-webfont.woff') format('woff'),
    url('/fonts/cuprum-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}


@font-face {
    font-family: 'ALSRubl-Verdana';
    src: url('/fonts/alsrubl-verdana-regular.eot');
    src: url('/fonts/alsrubl-verdana-regular.eot?#iefix') format('/fonts/embedded-opentype'), url('/fonts/alsrubl-verdana-regular.woff') format('woff'), url('/fonts/alsrubl-verdana-regular.ttf') format('truetype'), url('/fonts/alsrubl-verdana-regular.svg#ALSRublRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ALSRubl-Verdana';
    src: url('/fonts/alsrubl-verdana-italic.eot');
    src: url('/fonts/alsrubl-verdana-italic.eot?#iefix') format('embedded-opentype'), url('/fonts/alsrubl-verdana-italic.woff') format('woff'), url('/fonts/alsrubl-verdana-italic.ttf') format('truetype'), url('/fonts/alsrubl-verdana-italic.svg#ALSRublItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ALSRubl-Verdana';
    src: url('/fonts/alsrubl-verdana-bold.eot');
    src: url('/fonts/alsrubl-verdana-bold.eot?#iefix') format('embedded-opentype'), url('/fonts/alsrubl-verdana-bold.woff') format('woff'), url('/fonts/alsrubl-verdana-bold.ttf') format('truetype'), url('/fonts/alsrubl-verdana-bold.svg#ALSRublBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ALSRubl-Verdana';
    src: url('/fonts/alsrubl-verdana-bolditalic.eot');
    src: url('/fonts/alsrubl-verdana-bolditalic.eot?#iefix') format('embedded-opentype'), url('/fonts/alsrubl-verdana-bolditalic.woff') format('woff'), url('/fonts/alsrubl-verdana-bolditalic.ttf') format('truetype'), url('/fonts/alsrubl-verdana-bolditalic.svg#ALSRublBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

.font-rub {
    font-family: ALSRubl-Verdana, Cuprum, sans-serif;
}


html {
    height: 100%;
    min-width: 1250px;
}

body {
    background: #fff;
    color: #353e47;
    font: normal 14px/1.4 Arial, Tahoma, sans-serif;
    /*  height: 100%; */
    position: relative;
}

p {
    margin: 0 0 10px 0;
}

ul {
    margin: 0 0 10px 5px;
}

ol {
    margin: 0 0 10px 5px;
}

ul li,
ol li {
    padding-bottom: 2px;
}

ul.custom-list {
    margin: 0 0 10px 30px;
    padding: 0;
}

ul.custom-list li {
    display: block;
    padding: 0 0 2px 15px;
    background: url("/img/list-bullet.gif") 0 .7em no-repeat;
    list-style-type: none;
}

.font-1 {
    font-family: Arial, Tahoma, sans-serif;
}

.font-2 {
    font-family: Cuprum, Arial, sans-serif;
}

/*  Headers
------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: Cuprum, Arial, sans-serif;
    margin: 0;
    padding: 0;
    /*
    text-shadow: 0 1px 1px #fff;
    */
    letter-spacing: 1px;
    color: #3a3f44;
    line-height: 1.2;
}

h3, h4, h5, h6 {

}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 21px;
}

h3 {
    font-size: 17px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 15px;
}

h6 {
    font-size: 14px;
}


.section-h,
.section-h-small {
    line-height: 1.2;
    font-size: 24px;
    margin: 10px 0;
    padding: 0;
    text-transform: uppercase;
}

.section-h-small {
    font-size: 18px;
}

.underline-h {
    text-decoration: underline;
}

.small-h {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 13px;
    text-shadow: 0 1px 1px #fff;
}

.ctrl-section-h {
    margin-top: 0;
}

.ctrl-section-h .icon-img {
    width: 17px;
    height: 17px;
    background-position: -148px -194px;
    margin-right: 7px;
}

.settings-h {
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
    border-bottom: 1px solid #fff;
}

.settings-h:after {
    display: block;
    content: " ";
    border-bottom: 1px solid #dadee0;
    bottom: 0;
    left: 0;
    right: 0;
}

.settings-h__txt {
    display: inline-block;
    text-shadow: 0 1px 1px #fff;
    line-height: 1.2;
    font-size: 20px;
    margin: 10px 22px 10px 0;
    padding: 0;
}

.settings-h__legend {
    display: inline-block;
    font-size: 12px;
    color: #adb7bc;
}

.settings-h_width_same .settings-h__txt {
    width: 144px;
}


.section-h_type_search .icon-img {
    width: 17px;
    height: 17px;
    background-position: -169px -194px;
    margin-right: 7px;
}

/* Headers
------------------------------------------END--- */


/*  Links
------------------------------------------------ */

a {
    color: #57a1c7;
}

/* a:visited {color:#172339;} */
a:hover {
    color: #ffbf00;
}

a:focus {
    outline: none;
}


.dotted {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

.dotted__line {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted;
    line-height: 1;
}


/*  Links
----------------------------------------end----- */


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

.separator {
    margin: 0 14px 20px 0;
    border: 0;
    border-top: 1px solid #dfe2e3;
    border-bottom: 1px solid #fff;
}

.separator_space_bot {
    margin-bottom: 40px;
}

.separator-dotted {
    border: 0;
    height: 2px;
    margin: 0 0 20px;
    background: url(/img/dotted-sep.png) 0 0 repeat-x;
}

textarea {
    resize: vertical;
}

.clearfix-block {
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}


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

.clearfix:after {
    clear: both;
}

.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

/*  Layout structure
------------------------------------------------ */

.page {
    width: 1250px;
    min-width: 1250px;
    margin: 0 auto;
}

.page_style_main-bg body {
    /*background: #e5e5e5 url(/img/banner-main-header.jpg) center 0 no-repeat;*/
    background: #e5e5e5;
}

.page_style_profile-bg {
    background: #e5e5e5 url(/img/profile-page-header-repeat.jpg) 0 0 repeat-x;
}

.page_style_profile-bg body {
    background: url(/img/profile-page-header.jpg) center 0 no-repeat;
}


.page__body {
    padding: 34px 23px 15px;
    margin-top: -16px;
    background: #efefef url("/img/content-bg.png");
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 4px;
}

.page__footer {
    padding: 46px 0 45px;
}

.page__footer:before,
.page__footer:after {
    display: table;
    content: " ";
    clear: both;
}

.page__footer:after {
    clear: both;
}

.page__row {

}

.page__row:before,
.page__row:after {
    display: table;
    content: " ";
    clear: both;
}

.page__row:after {
    clear: both;
}

.page__row_space_bottom {
    margin-bottom: 25px;
}

.page__col {
    float: left;
}

.page__col_type_mainbar {
    width: 895px;
    /*width: 940px;*/
}

.page__col_type_mainbar-musicpage {
    width: 875px;
}

.page__col_type_sidebar {
    width: 300px;
}

/*
		.page__col_type_sidebar {
			width: 249px;
			}*/
.page__col_type_sidebar-2 {
    width: 240px;
}

.page__col_type_sidebar-294 {
    width: 294px;
}

.page__col_type_sidebar-wider {
    width: 380px;
}

.page__col_type_mainbar-narrow {
    width: 610px;
}

.page__col_type_mainbar-narrow-2 {
    width: 622px;
    margin-right: 17px;
}

.page__col_type_mainbar-narrow-3 {
    width: 605px;
    margin-right: 0px;
}

.page__col_type_mainbar-narrower {
    width: 820px;
}

.page__col_space_right {
    margin-right: 15px;
}

.page__col_lt_right {
    float: right;
}


.page__col_type_mainbar-track {
    width: 600px;
}

.page__col_type_sidebar-track-right {
    width: 260px;
}

.page__col_type_mainbar-ctrl {
    width: 926px;
}

.page__col_type_sidebar-ctrl {
    width: 250px;
}

.page__col_type_mainbar-settings {
    width: 798px;
}

.page__col_type_sidebar-settings {
    width: 376px;
}

.page__col_type_sidebar-photogallery {
    width: 492px;
}

.page__col_type_sidebar-blog-add {
    width: 912px;
}


.page__col_type_mainbar-search {
    width: 190px;
}

.icon-img {
    background: url(/img/icons.png);
    display: inline-block;
    overflow: hidden;
}

.pull-right {
    float: right;

}

.pull-left {
    float: left;
}

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

.page__header {
    position: relative;
    padding: 51px 0 52px;

}

.page__header:before,
.page__header:after {
    display: table;
    content: " ";
    clear: both;
}

.page__header:after {
    clear: both;
}

.page_type_profile .page__header {
    height: 266px;
}

.logo {
    width: 365px;
    overflow: hidden;
    display: inline-block;
    margin-left: 99px;
    float: left;
    margin-right: 10px;
}

.logo__prefix {
    margin-right: -10px;
    display: block;
    float: left;
}

.logo__img {
    display: block;
    float: left;
}

.header-info {
    float: left;
    width: 385px;
    margin: 0 30px 0 5px;
    text-align: center;
}

.header-reg {
    margin: 13px 10px 0 10px;
    float: left;
    width: 241px;
    text-align: center;
    height: 78px;
}

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

/*  Main nav
------------------------------------------------ */

.main-nav {
    position: relative;
    z-index: 10;
    height: 38px;
    margin: 0 10px;
    border: 1px solid #c2c0c0;
    border-radius: 3px;

    background-color: #f1f1f1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), color-stop(50%, #f3f3f3), to(#eaeaea));
    background-image: linear-gradient(#f9f9f9, #f3f3f3 50%, #eaeaea);
}

.main-nav:before,
.main-nav:after {
    display: table;
    content: " ";
    clear: both;
}

.main-nav:after {
    clear: both;
}

.main-nav__sep {
    float: left;
    width: 2px;
    height: 38px;
    background: url(/img/menu-separator.png) 0 0 no-repeat;
}


/* Main nav
------------------------------------------END--- */


/*  play-nav
------------------------------------------------ */

.play-nav {
    padding: 0;
    margin: 0;
    list-style-type: none;
    float: left;
}

.play-nav__i {
    padding: 0;
    margin: 0;
    position: relative;
    float: left;
}

.play-nav__i img {
    display: block;
}

.play-nav .play-nav__tip {
    left: 0;
}

.play-nav__i_type_play,
.play-nav__i_type_pause {
    cursor: pointer;
    padding: 9px 8px 3px;
    text-align: center;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#eab92e), color-stop(50%, #eab92e), to(#eab92e));

    background-image: linear-gradient(#eab92e, #eab92e 50%, #eab92e);
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;

    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.play-nav__i_type_play:hover,
.play-nav__i_type_pause:hover {
    background-color: #f6f6f6;
    background-color: rgba(255, 255, 255, 0.5);
}

.play-nav__i_type_play .icon-img {
    background-position: -40px -60px;
    width: 20px;
    height: 20px;
}

.play-nav__i_type_play:active .icon-img {
    background-position: -40px -80px;
}

.play-nav__i_type_pause .icon-img {
    background-position: 0 -60px;
    width: 20px;
    height: 20px;
}

.play-nav__i_type_pause:active .icon-img {
    background-position: 0 -80px;
}


.play-nav__volume {
    margin: 4px 15px;
}

.play-nav__volume-bar {
    position: relative;
    width: 3px;
    height: 30px;
    background: #d0d0d0;
}

.play-nav__volume-bar:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 1px;
    background: #adadad;
}

.play-nav__volume-range {
    position: absolute;
    bottom: 0;
    width: 3px;
    height: 100%;
    background: #b81540;
}

.play-nav__volume-range:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 1px;
    background: #fff;
}

.play-nav__volume-range-ctrl {
    cursor: pointer;
    position: absolute;
    top: -4px;
    left: -3px;
    width: 10px;
    height: 10px;
    background-position: -127px 0;
}

/* play-nav
------------------------------------------END--- */

/*  notice
------------------------------------------------ */

.notice {
    display: inline-block;
    vertical-align: middle;
    height: 13px;
    padding: 0 4px;
    line-height: 14px;
    font-size: 9px;
    color: #fff;
    background-color: #b81540;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}

/* notice
------------------------------------------END--- */

/*  play-tip
------------------------------------------------ */

.play-tip {
    display: none;
    position: absolute;
    left: -10px;
    z-index: 100;
    bottom: 100%;
    margin-bottom: 10px;
    white-space: nowrap;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    cursor: default;
}

.play-tip_dir_right {
    left: auto;
    right: -10px;
}

.play-tip__trigger {
    position: relative;
}

.play-tip__trigger:hover .play-tip {
    display: block;
}

.play-tip__in {
    background: #fff;
    padding: 5px 10px;
    position: relative;
    z-index: 1;
}

.play-tip:before {
    background: #fff;
    position: absolute;
    border: 1px solid #dbdbdb;
    bottom: -5px;
    left: 10px;
    content: "";
    display: block;
    width: 12px;
    height: 12px;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

    z-index: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.play-tip.play-tip_dir_right:before {
    left: auto;
    right: 10px;
}

.play-tip:after {
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    content: "";
    display: block;
    height: 15px;
}

.play-tip.play-tip_dir_right:after {
    right: 0;
}

.ie8 .play-tip:after,
.ie9 .play-tip:after {
    background: url(data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D);
}

.play-tip__time {
    display: inline-block;
    margin-left: 20px;
}

.ie8 .play-tip:before {
    bottom: -12px;
    width: 13px;
    border: none;
    background: url(/img/ie-play-tip-arrow.png) 0 0 no-repeat;
}

.ie8 .play-tip:after {

}

.play-tip .play-tip__star {
    background-position: -156px 0;
    height: 10px;
    margin: -2px 11px 0 0 !important;
    width: 11px;
    vertical-align: middle;
}

.play-tip__triangle {
    width: 6px;
    height: 8px;
    background-position: -114px -46px;
    margin-right: 5px;
}


/* play-tip
------------------------------------------END--- */

/*  nav-icon
------------------------------------------------ */

.nav-icon {
    float: left;
    padding: 0;
    margin: 0 6px;
    list-style-type: none;
}

.nav-icon__i {
    padding: 0;
    margin: 0;
    position: relative;
    float: left;
}

.nav-icon__i .nav-icon__act {
    position: relative;
    display: inline-block;
    padding: 9px 4px 3px;

    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    border-radius: 3px 3px 0 0;
}

.nav-icon__i .nav-icon__act:hover {
    background-color: #f6f6f6;
    background-color: rgba(255, 255, 255, 0.5);
}

.nav-icon__i .icon-img {
    width: 19px;
    height: 20px;
}


.nav-icon__i_type_users .icon-img {
    background-position: 0 0;
}

.nav-icon__i_stt_active.nav-icon__i_type_users .icon-img {
    background-position: 0 -20px;
}

.nav-icon__i_type_users .nav-icon__act:hover .icon-img {
    background-position: 0 -40px;
}

.nav-icon__i_type_messages .icon-img {
    background-position: -20px 0;
}

.nav-icon__i_stt_active.nav-icon__i_type_messages .icon-img,
.nav-icon__i_stt_active.nav-icon__i_type_messages .icon-img {
    background-position: -20px -20px;
}

.nav-icon__i_type_messages .nav-icon__act:hover .icon-img,
.nav-icon__i_type_messages:hover .icon-img {
    background-position: -20px -40px;
}

.nav-icon__i_type_global .icon-img {
    background-position: -40px 0;
}

.nav-icon__i_stt_active.nav-icon__i_type_global .icon-img {
    background-position: -40px -20px;
}

.nav-icon__i_type_global .nav-icon__act:hover .icon-img {
    background-position: -40px -40px;
}

.nav-icon__i_type_settings .icon-img {
    background-position: -80px -20px;
}

.nav-icon__i_type_settings .nav-icon__act:hover .icon-img {
    background-position: -80px -40px;
}

.nav-icon__i_type_close .icon-img {
    background-position: -60px -20px;
}

.nav-icon__i_type_close .nav-icon__act:hover .icon-img {
    background-position: -246px -22px;
}

.nav-icon__i_type_dropdown:hover {
    background: #f9f9f9;
}

.nav-icon__i_type_dropdown:hover .nav-icon__act {
    background: #f9f9f9;


}

.nav-icon__notice {
    display: block;
    position: absolute;
    right: 2px;
    bottom: 6px;
}

.nav-icon .nav-icon__dropdown {
    padding: 0 15px;
    left: -35px;
}

.nav-icon__dropdown-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.nav-icon__dropdown-i {
    padding: 9px 0;
    margin: 0;
    position: relative;
    width: 292px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e1e5e7;
}

.nav-icon__dropdown-i .close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(/img/icons.png);
    background-position: -60px -20px;
    width: 19px;
    height: 20px;

    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}

#clearAllNotifications {
    text-align: center;
    display: block;
}

.nav-icon__dropdown-i:before,
.nav-icon__dropdown-i:after {
    display: table;
    content: " ";
    clear: both;
}

.nav-icon__dropdown-i:after {
    clear: both;
}

.nav-icon__dropdown-i:first-child {
    border-top: none;
}

.nav-icon__dropdown-i_type_last {
    border-bottom: none;
}

.nav-icon__dropdown-wrap-img {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    border-radius: 2px;

    overflow: hidden;
}

.nav-icon__dropdown-img {
    position: absolute;
    top: 0;
    left: 0;
}

.nav-icon__dropdown-content {
    float: left;
    width: 240px;
}

.nav-icon__dropdown-h {
    overflow: hidden;
    margin-bottom: 3px;
}

.nav-icon__dropdown-name {
    font-size: 12px;
    float: left;
    max-width: 165px;
    display: inline-block;
}

.nav-icon__dropdown-time {
    font-size: 10px;
    color: #929da3;
    float: right;
}

.nav-icon__dropdown-text {
    font-size: 13px;
}

.nav-icon__dropdown-more {
    padding: 9px 0;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
}

.nav-icon__dropdown-more:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0;
    margin-top: -1px;
    border-top: 1px solid #e1e5e7;
    border-bottom: 1px solid #fff;
}

.nav-icon__dropdown-more-btn {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 9px;
    background: #f9f9f9;
}


/* nav-icon
------------------------------------------END--- */

/*  Page nav
------------------------------------------------ */

.page-nav {
    float: left;
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 13px;
    text-transform: uppercase;
}

.page-nav__i {
    padding: 0;
    margin: 0;
    position: relative;
    float: left;
}

.page-nav__i_type_home a {
    padding: 10px 5px 9px;
}

.page-nav__act {
    position: relative;
    display: inline-block;
    padding: 11px 7px 9px 7px;
    text-decoration: none;
    color: #3a3f44;
    cursor: pointer;

    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.page-nav__act:hover {
    background-color: #f6f6f6;
    background-color: rgba(255, 255, 255, 0.5);
}

.page-nav__act-arr {
    width: 5px;
    height: 4px;
    background-position: -138px 0;
    vertical-align: top;
    margin: 7px 0 0 5px;
}

.page-nav__i:hover .page-nav__act-arr {
    background-position: -150px 0;
}

.page-nav__i_type_more .page-nav__act-arr {
    background-position: -144px 0;
}

.page-nav__i_type_more .page-nav__act {
    color: #57a1c7;
}

.page-nav__i_type_parent:hover .page-nav__act {
    color: #ffbf00;
}


.page-nav__i_type_home .icon-img {
    width: 20px;
    height: 20px;
    background-position: -20px -60px;
    margin-bottom: -20px;
    position: relative;
    top: -14px;
}

.page-nav__i_type_home:active .icon-img {
    background-position: -20px -80px;
}


.page-nav__dropdown {
    font-family: Arial, Tahoma, sans-serif;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.page-nav__dropdown-i {
    padding: 0;
    margin: 0;
    position: relative;
}

.page-nav__dropdown-act {
    display: block;
    padding: 3px 12px;
    text-transform: none;
    font-size: 12px;
    text-decoration: none;
    color: #383e45;

    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}

.page-nav__dropdown-act:hover {
    background: #ffbf00;
    color: #383e45;
}

/* Page nav
------------------------------------------END--- */

/*  profile-nav
------------------------------------------------ */

.profile-nav {

}

.profile-nav__avatar {
    display: inline-block;
    overflow: hidden;
    width: 24px;
    height: 24px;
    margin-bottom: -24px;
    margin-right: 7px;
    top: -14px;
    border-radius: 2px;
    position: relative;
    vertical-align: middle;
}

.profile-nav__avatar-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

/* profile-nav
------------------------------------------END--- */

/*  auth-nav
------------------------------------------------ */

.auth-nav {

}

.auth-nav__lock {
    width: 20px;
    height: 20px;
    background-position: -100px 0;
    vertical-align: middle;
    margin-bottom: -20px;
    position: relative;
    top: -12px;
    margin-right: 3px;
}

/* auth-nav
------------------------------------------END--- */

/*  dropdown
------------------------------------------------ */

.page-nav__i.dropdown.active:before,
.nav-icon__i.dropdown.active:before {
    border-radius: 0;
}

.dropdown.active:before {
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    border-radius: 10px 10px 0 0;
}

.dropdown.active .dropdown__act {
    z-index: 10;
    background: #f9f9f9;
}

.dropdown.active .dropdown__body {
    display: block;
}

.dropdown__body {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    min-width: 130px;
    padding: 4px 0;
    margin: 0;
    list-style: none;

    background: #f9f9f9;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    border-radius: 0 3px 3px 3px;
}

.dropdown__body_dir_left {
    left: auto;
    right: 0;
    border-radius: 3px 0 3px 3px;
}

.dropdown .dropdown__act {
    -webkit-transition: none;
    transition: none;
}


.dropdown__notice {
    display: block;
    position: absolute;
    top: 4px;
    right: 10px;
    bottom: auto;
    line-height: 14px;
}

/* dropdown
------------------------------------------END--- */


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


.btn {
    padding: 8px 20px 6px;
    letter-spacing: 1px;
    display: inline-block;
    overflow: visible;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Cuprum', Arial, sans-serif;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
    border: none;
    font-size: 14px;
    position: relative;
    border-radius: 30px;

    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

.btn:active {
    outline: none;
    /*
    margin-top: 1px;
    margin-bottom: -1px;
    */
}

.btn_play_ios {
    padding: 8px 20px 6px;
    letter-spacing: 1px;
    display: inline-block;
    overflow: visible;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Cuprum', Arial, sans-serif;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
    border: none;
    font-size: 14px;
    position: relative;
    border-radius: 10px;

    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

.btn_play_ios:active {
    outline: none;
    /*
    margin-top: 1px;
    margin-bottom: -1px;
    */
}

.btn.btn_style_square {
    padding: 14px 20px 10px;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    border: 1px solid #60b1dc;
    border-bottom-color: #4295c3;
    text-shadow: 0 1px rgba(0, 0, 0, 0.45);
    border-radius: 4px;
    box-shadow: inset 0 23px 0 0 rgba(255, 255, 255, .2);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.13)), to(rgba(0, 0, 0, 0.13)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.13), rgba(0, 0, 0, 0.13));

    background-color: #6dbbe4;
}


.btn_style_square:hover {
    border-color: #92c9e5;
    border-bottom-color: #79b9db;
    background-color: #92c9e6;
    color: #fff;
}

.btn_style_square:active {
    box-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0.13)), to(rgba(0, 0, 0, 0.13)));
    background-image: linear-gradient(to bottom, rgba(128, 128, 128, 0.13), rgba(0, 0, 0, 0.13));
    background-color: #6dbbe4;
    color: #fff;
}

.btn_style_1 {
    color: #3a3f44;
    /*
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);

    -webkit-box-shadow: 0 1px 1px #a47506;
    -moz-box-shadow: 0 1px 1px #a47506;
    box-shadow: 0 1px 1px #a47506;

    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
    */
    background-color: #ffbf00;
}

.btn_style_1:hover {
    color: #3a3f44;
    background-color: #ffd34b;
}

.btn_style_1:active {
    /*
    -webkit-box-shadow: 0 1px 1px #fff, inset 0 1px 1px #b4913e;
    -moz-box-shadow: 0 1px 1px #fff, inset 0 1px 1px #b4913e;
    box-shadow: 0 1px 1px #fff, inset 0 1px 1px #b4913e;
    background-image: -moz-linear-gradient(top, rgba(130, 130, 130, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(130, 130, 130, 0.2)), to(rgba(0, 0, 0, 0.2)));
    background-image: -webkit-linear-gradient(top, rgba(130, 130, 130, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(top, rgba(130, 130, 130, 0.2), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(to bottom, rgba(130, 130, 130, 0.2), rgba(0, 0, 0, 0.2));
    */
    background-color: #e5ac00;
}


.btn_style_2 {
    color: #3a3f44;
    /*
    text-shadow: 0 1px rgba(255, 255, 255, 0.57);
    -webkit-box-shadow: 0 1px 1px #5b6b74;
    -moz-box-shadow: 0 1px 1px #5b6b74;
    box-shadow: 0 1px 1px #5b6b74;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0.2)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    */
    background-color: #adb7bc;
}

.btn_style_2:hover,
.hidden-input-add-wrap:hover + .btn_style_2 {
    color: #3a3f44;
    background-color: #bfc8cc;
}

.btn_style_2:active,
.hidden-input-add-wrap:active + .btn_style_2 {
    /*
    -webkit-box-shadow: 0 1px 1px #fff, inset 0 1px 1px #5c6970;
    -moz-box-shadow: 0 1px 1px #fff, inset 0 1px 1px #5c6970;
    box-shadow: 0 1px 1px #fff, inset 0 1px 1px #5c6970;
    background-image: -moz-linear-gradient(top, rgba(130, 130, 130, 0.16), rgba(0, 0, 0, 0.16));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(130, 130, 130, 0.16)), to(rgba(0, 0, 0, 0.16)));
    background-image: -webkit-linear-gradient(top, rgba(130, 130, 130, 0.16), rgba(0, 0, 0, 0.16));
    background-image: -o-linear-gradient(top, rgba(130, 130, 130, 0.16), rgba(0, 0, 0, 0.16));
    background-image: linear-gradient(to bottom, rgba(130, 130, 130, 0.16), rgba(0, 0, 0, 0.16));
    */
    background-color: #adb7bc;
}


.btn_style_2.btn_on-bg_dark:active {
    box-shadow: 0 1px 1px transparent, inset 0 1px 1px #5c6970;
}

.btn_size_medium {
    font-size: 16px;
    padding: 11px 20px 9px;
    border-radius: 20px;
}

input.btn_size_medium {
    padding: 13px 20px 11px;
}

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

/*  music-category
------------------------------------------------ */

.music-cat {
    padding-bottom: 10px;
}

.music-cat:before,
.music-cat:after {
    display: table;
    content: " ";
    clear: both;
}

.music-cat:after {
    clear: both;
}

.music-cat__h {
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 25px 2px 0;
    float: left;
}

.music-cat__slider {
    float: left;
    margin-right: 25px;
    padding: 3px 0 6px 0;
}

.music-cat__ctrl {
    cursor: pointer;
    margin-top: 7px;
    float: left;
    width: 12px;
    height: 9px;
    background: url(/img/music-cat-arrows.png) 0 0 no-repeat;
}

.music-cat__ctrl_dir_left {

}

.music-cat__ctrl_dir_right {
    background-position: -13px 0;
}

.music-cat__name-list-wrap {
    width: 530px;
    margin: 0 10px;
    float: left;
}

.music-cat__name-list {
    width: 100%;
}

.music-cat__i {
    vertical-align: bottom;
    line-height: 20px;
    text-align: center;
    padding: 0 5px;
}

.music-cat__act {
    display: inline-block;
}

.music-cat__i_style_bold {
    font-weight: bold;
}

.music-cat__all {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    text-align: center;
    top: -4px;
    width: 150px;
}

/* music-category
------------------------------------------END--- */

/*  track-list
------------------------------------------------ */

.track-list {
    margin: 0 0 0 -16px;
    padding: 0;
    list-style-type: none;
}

.track-list__i {
    position: relative;
    padding: 0;
    width: 412px;
    min-height: 50px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 20px;
}

.track-list_width_wide .track-list__i {
    width: 577px;
}

.track-list_width_track-detail .track-list__i {
    width: 590px;
}

.track-list_width_wider .track-list__i {
    width: 847px;
}


/* track-list
------------------------------------------END--- */

/*  track-ctrl
------------------------------------------------ */

.track-ctrl {
    padding-top: 25px;
    position: absolute;
    width: 250px;
    top: 0;
    right: -250px;
    margin-right: -16px;

}

.track-ctrl__lst {
    font-size: 12px;
    margin: 0 0 0 -10px;
    padding: 0;
    list-style-type: none;
}

.track-ctrl__i {
    display: block;
    float: left;
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
    width: 50%;
    box-sizing: border-box;
}

.track-ctrl__i .icon-img {
    position: absolute;
    top: 1px;
    left: 0;
}

.track-ctrl__i_type_edit .icon-img {
    width: 15px;
    height: 15px;
    background-position: 0 -350px;
}

.track-ctrl__i_type_edit .track-ctrl__act:hover .icon-img {
    background-position: 0 -367px;
}

.track-ctrl__i_type_group .icon-img {
    width: 17px;
    height: 15px;
    background-position: -17px -350px;
}

.track-ctrl__i_type_group .track-ctrl__act:hover .icon-img {
    background-position: -17px -367px;
}

.track-ctrl__i_type_hide .icon-img {
    width: 15px;
    height: 14px;
    background-position: -36px -350px;
}

.track-ctrl__i_type_hide .track-ctrl__act:hover .icon-img {
    background-position: -36px -367px;
}

.track-ctrl__i_type_del .icon-img {
    width: 15px;
    height: 14px;
    background-position: -53px -350px;
}

.track-ctrl__i_type_del .track-ctrl__act:hover .icon-img {
    background-position: -53px -367px;
}

.track-ctrl__act {
    position: relative;
    display: inline-block;
    color: #a8b7c0;
    padding-left: 22px;
}

/* track-ctrl
------------------------------------------END--- */


/*  track
------------------------------------------------ */

.track {
    margin-bottom: 25px;
    position: relative;
}

.track_state_hidden {
    opacity: .5;
}

.track:before,
.track:after {
    display: table;
    content: " ";
    clear: both;
}

.track:after {
    clear: both;
}

.track__title {
    position: relative;
    font-size: 13px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.track__title:before,
.track__title:after {
    display: table;
    content: " ";
    clear: both;
}

.track__title:after {
    clear: both;
}

.track_type_detail .track__title {
    margin-bottom: 7px;
    text-shadow: 0 1px 1px #fff;
}


.track__title-i {
    position: relative;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left;
    max-width: 335px;
}

.track_type_detail .track__title-i {
    max-width: 750px;
}

.track__title-cut {
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.track_type_detail .track__title-cut {
    font-size: 20px;
    line-height: 1.2;
}

.track__title-i_type_genre {
    float: right;
    position: relative;
}

.track_type_detail .track__title-i_type_genre {
    top: 4px;
}

.track_style_favorite .track__author:before {
    display: inline-block;
    content: '';
    width: 11px;
    height: 10px;
    background: url(/img/icons.png) -156px 0 no-repeat;
    margin-right: 5px;
}

.track_type_detail.track_style_favorite .track__author:before {
    width: 18px;
    height: 17px;
    background: url(/img/icons.png) -247px 0 no-repeat;
    margin-right: 7px;
}

.track__author {
    display: inline-block;
    color: #3a3f44;
}

.track__author:hover {
    color: #ffbf00;
}

.track__name {

}

.track__genre {
    font-size: 11px;
}

.track_type_detail .track__genre {
    font-size: 14px;
}


.track__bg {
    background: #fcfcfc;
    padding: 15px 10px 10px 10px;
    border-radius: 3px;

    margin-right: 36px;
}

.track__body {
    position: relative;
    margin: 5px 0;
}

.track__body:before,
.track__body:after {
    display: table;
    content: " ";
    clear: both;
}

.track__body:after {
    clear: both;
}

.track__cover {
    position: relative;
    float: left;
    z-index: 2;
}

.track__cover:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 50px;
    height: 50px;
    /*    background: url("/img/track-cover-blink.png") no-repeat; */
}

.track__cover,
.track__cover-wrap-img {
    width: 50px;
    height: 50px;
}

.track__cover-wrap-img {
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 3px;
}

.ie8 .track__cover-wrap-img {
    z-index: -1;
}

.track__cover-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.track__cover-disk {
    background: url(/img/track-disks.png) -27px 0 no-repeat;
    position: absolute;
    top: 0;
    right: -25px;
    width: 26px;
    height: 50px;
}

.track_style_favorite .track__cover-disk {
    background-position: 0 0;
}

.track__play {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -10px;
    width: 19px;
    height: 19px;
    background: #b81540;
    z-index: 3;
    border-radius: 10px;
}

.track_style_favorite .track__play {
    background: #2c363d;
}

.track__play:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;

    width: 15px;
    height: 15px;
    border: 1px solid #b81540;
    border-radius: 8px;
}

.track_style_favorite .track__play:before {
    border-color: #8c7b08;
}

.track__play:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 7px;

    width: 7px;
    height: 9px;
    background: url(/img/icons.png) -115px -24px no-repeat;
}

.track_style_favorite .track__play:after {
    background-position: -106px -24px;

}

.track__play_type_pause:after {
    background-position: -124px -24px;
    left: 6px;
}

.track_style_favorite .track__play_type_pause:after {
    background-position: -133px -24px;
}

.track__info {
    position: absolute;
    top: 0;
    left: 50px;
    right: 0;
    height: 48px;
    background: #fafafa;
    border-top: 1px solid #dedfe0;
    border-bottom: 1px solid #fff;
    border-radius: 0 2px 2px 0;
}

.track__info:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25px;
    background-color: #f4f4f4;
}

.track__graph {
    top: 3px;
    left: 0;
    right: 0;

}

.track__scales,
.track__marks {
    top: 0;
    left: 30px;
    right: 0;
}

.track__graph,
.track__scales,
.track__scale,
.track__marks {
    height: 32px;
    position: absolute;

}

.track__scale {
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 1;
}

.track__scale-img {
    display: block;
}

.track__scale_type_def {

}

.track__scale_type_buf {
    width: 0;
}

.track__scale_type_play {
    width: 0;
}

.track__scale_type_play:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2px;
    background: #ff512b;
    z-index: 1;
}

.track__marks {
    z-index: 3;
}

.track__mark {
    position: absolute;
    top: 12px;
    width: 15px;
    height: 15px;
    background: #75848c;
    margin-left: -8px;
    cursor: pointer;
    border-radius: 8px;

}

.track__mark-sep {
    display: block;
    position: absolute;
    z-index: -1;
    left: 7px;
    top: -12px;
    height: 32px;
    width: 1px;
    background: #57bdee;
}

.track__mark:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 11px;
    height: 11px;
    border: 1px solid #fff;
    z-index: 2;
    border-radius: 6px;
}

.track__mark:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 5px;
    height: 5px;
    background: #5cbded;
    border-radius: 3px;
}

.track__line {
    position: absolute;
    z-index: 1;
    top: 19px;
    left: 0;
    right: 0;
    height: 0;
    border-top: 1px solid #74848c;
}

.track__info-bot {
    font-size: 11px;
    margin-top: 33px;
    padding-left: 28px;
    position: relative;
    z-index: 1;
}

.track__time {
    display: inline-block;
    margin-right: 15px;
}

.track__hit {
    color: #adb7bc;
}

.track__hit .icon-img {
    background-position: -106px -46px;
    width: 6px;
    height: 8px;
}

.track__like {
    position: relative;
    display: inline-block;
    margin-left: 15px;
    padding: 0 15px;
    color: #adb7bc;
    cursor: default;
    zoom: 1;
}

.track__like-ctrl {
    position: absolute;
    top: 2px;
    display: none;
    width: 10px;
    height: 10px;
}

.track__like:hover .track__like-ctrl {
    display: block;
}

.track__like-ctrl_type_minus {
    left: 0;
    background-position: -116px -63px;
}

.track__like-icon {
    width: 11px;
    height: 10px;
    background-position: -62px -63px;
}

.track__like-icon_syle_plus {
    background-position: -84px -63px;
}

.track__like-icon_syle_minus {
    background-position: -95px -63px;
}

.track__like:hover .track__like-icon {
    background-position: -73px -63px;
}

.track__like-ctrl_type_plus {
    right: 0;
    background-position: -106px -63px;
}

.track__prop {
    margin-right: 5px;
    color: #adb7bc;
    float: right;
    text-decoration: none;
}

.track__prop:hover {
    color: #57a1c7;
}

.track__prop-icon {
    display: inline-block;
    width: 11px;
    height: 10px;
    background-position: -144px -34px;
    vertical-align: -1px;
}

.track__prop:hover .track__prop-icon {
    background-position: -131px -34px;
}

.track__footer {
    line-height: 18px;
    font-size: 11px;
    color: #abb7be;
}

.track__tag {
    display: inline-block;
    padding: 0 4px;
    line-height: 18px;
    color: #fff;
    background: #a8b7c0;
    cursor: default;
    margin-right: 12px;
    border-radius: 2px;
}

.track__tag-simple {
    display: inline-block;
    margin-right: 12px;
}

.track__add {
    text-decoration: none;
    color: #adb7bc;
}

.track__add:hover,
.track__add_type_active {
    color: #353e47;
}

.track__add .icon-img {
    margin-top: -2px;
    vertical-align: middle;
    width: 11px;
    height: 10px;
    background-position: -106px -34px;
}

.track__add:hover .icon-img,
.track__add_type_active .icon-img {
    background-position: -118px -34px;
}

.track__act {
    display: inline-block;
    text-decoration: none;
    color: #adb7bc;
    margin-left: 40px;
}

.track__act .icon-img {
    position: relative;
}

.track__act_type_html .icon-img {
    width: 16px;
    height: 13px;
    background-position: 0 -257px;
    top: 2px;
    margin-right: 5px;
}

.track__act_type_html:hover .icon-img {
    background-position: -18px -257px;
}

.track__act_type_href .icon-img {
    width: 13px;
    height: 13px;
    background-position: 0 -274px;
    top: 3px;
    margin-right: 3px;
}

.track__act_type_href:hover .icon-img {
    background-position: -16px -274px;
}


.track__author-popup-trigger:hover .track__author-popup {
    display: block;
}

.track__author-popup {
    font-size: 14px;
    display: none;
    position: absolute;
    z-index: 100;
    op: 100%;
    left: 0;
    margin-top: 10px;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.track__author-popup:before {
    background: #f9f9f9;
    position: absolute;
    border: 1px solid #e6e6e6;
    top: -7px;
    left: 24px;
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;

}

.track__author-popup:after {
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    content: "";
    display: block;
    height: 15px;
}

.ie8 .track__author-popup:after,
.ie9 .track__author-popup:after {
    background: url(data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D);
}

.ie8 .track__author-popup:before {
    top: -14px;
    width: 19px;
    background: url(/img/ie-author-popup-arrow.png) 0 0 no-repeat;
}


.track__author-popup,
.track__author-popup-in {
    border-radius: 3px;
}

.track__author-popup-in {
    position: relative;
    z-index: 1;
    width: 415px;
    padding: 10px 15px;
    background: #f9f9f9;
}


.track__extra {
    padding-top: 10px;
}


.track__like-big {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    background: #f4f5f6;
    display: inline-block;
    padding: 7px 32px;
    margin-right: 15px;
    position: relative;
    color: #39424b;
    border-radius: 16px;
}

.track__like-big-ctrl {
    cursor: pointer;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 11px;
}

.track__like-big-icon {
    margin-right: 5px;
    width: 14px;
    height: 13px;
    background-position: -28px -295px;
}

.track__like-big-icon_style_plus {
    background-position: -62px -295px;
}

.track__like-big-icon_style_minus {
    background-position: -79px -295px;
}

.track__like-big:hover .track__like-big-icon {
    background-position: -45px -295px;
}

.track__like-big-ctrl_type_minus {
    left: 14px;
    background-position: -14px -295px;
}

.track__like-big-ctrl_type_plus {
    right: 14px;
    background-position: 0 -295px;
}

.track__share {
    display: inline-block;
    vertical-align: middle;
}

.track__extra-download {
    position: relative;
    top: 1px;
    float: right;
}

.track__extra-download-inf {
    display: inline-block;
    position: relative;
    top: 2px;
}

.track__extra-download-btn {
    margin-left: 10px;
}

.track__extra-download-btn .icon-img {
    width: 10px;
    height: 12px;
    background-position: -145px -46px;
    position: relative;
    top: 2px;
    margin-right: 7px;
}


.track__ctrl {
    position: absolute;
    right: 10px;
    top: 30px;
}

.track__volume {
    position: relative;
    margin-top: 13px;
}

.track__volume-bar {
    margin-bottom: 17px;
    width: 5px;
    height: 77px;
    background: #a8b7c0;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px #929fa7, inset 0 -1px 1px #929fa7;

}

/* 	.track__volume-bar:before,
.track__volume-bar:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	border-top: 1px solid #929fa7;
	right: 0;
	}
.track__volume-bar:before {
	top: 0;
	}
.track__volume-bar:after {
	bottom: 0;
	} */

.track__volume-range {
    position: absolute;
    bottom: 0;
    width: 5px;
    height: 100%;
    background: #b81540;
    border-radius: 2px;
}

.track__volume-range-ctrl {
    cursor: pointer;
    position: absolute;
    top: -2px;
    left: -4px;
    width: 13px;
    height: 16px;
    background-position: -139px -7px;
}

.track__volume-icon {
    width: 12px;
    height: 12px;
    background-position: -41px -235px;
    position: relative;
    left: -3px;
}

/* track
------------------------------------------END--- */

/*  small-profile
------------------------------------------------ */

.small-prof {

}

.small-prof__name {
    margin: 0 0 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.2;
}

.small-prof__name-img {
    position: relative;
    top: 3px;
}

.small-prof_state_favorite .small-prof__name:before {
    display: inline-block;
    content: '';
    width: 14px;
    height: 13px;
    margin-right: 5px;
    background: url(/img/icons.png) -155px -11px no-repeat;
    zoom: 1;
}

.small-prof__row {

}

.small-prof__row:before,
.small-prof__row:after {
    display: table;
    content: " ";
    clear: both;
}

.small-prof__row:after {
    clear: both;
}

.small-prof__left-col {
    float: left;
    width: 95px;
}

.small-prof__right-col {
    float: right;
    width: 310px;
}

.small-prof__wrap-avatar {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}

.small-prof__avatar {
    display: block;
}

.small-prof_state_checked .small-prof__wrap-avatar:before,
.small-prof_state_checked .small-prof__avatar-checked-mark {
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 29px;
    height: 29px;
    background: url(/img/profile-checked-marks.png) -67px 0 no-repeat;
}

.ie8 .small-prof_state_checked .small-prof__wrap-avatar:before {
    display: none;
}


.small-prof__actions {
    padding: 0;
    margin: 0 0 13px 0;
    list-style-type: none;
}

.small-prof__actions:before,
.small-prof__actions:after {
    display: table;
    content: " ";
    clear: both;
}

.small-prof__actions:after {
    clear: both;
}

.small-prof__action {
    padding: 0 0 35px 0;
    position: relative;
}


.small-prof__action-count {
    float: left;
    display: block;
    max-width: 145px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 22px;
}

.small-prof__action-btn {
    float: right;
    font-size: 12px;
    line-height: 18px;
    padding-top: 3px;
    padding-bottom: 1px;
    width: 120px;
}


.small-prof__honors {

}

.small-prof__honors-h {
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: underline;
}

.small-prof__honors-h .icon-img {
    width: 24px;
    height: 22px;
    background-position: -173px 0;
    vertical-align: middle;
    margin-right: 5px;
}

.small-prof__honors-hr {
    border: 0;
    height: 2px;
    margin: 15px 0 10px;
    background: url(/img/dotted-sep.png) 0 0 repeat-x;
}


.small-prof__honors-lst {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.small-prof__honors-lst:before,
.small-prof__honors-lst:after {
    display: table;
    content: " ";
    clear: both;
}

.small-prof__honors-lst:after {
    clear: both;
}

.small-prof__honors-i {
    padding: 0;
    margin: 0 0 15px 0;
    display: block;
    position: relative;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
}

.small-prof__honors-i_style_1 .small-prof__honors-place-num {
    background: #ffc300;
    border-color: #ffc300;
}

.small-prof__honors-i_style_2 .small-prof__honors-place-num {
    background: #abbdc6;
}

.small-prof__honors-i_style_3 .small-prof__honors-place-num {

}

.small-prof__honors-act {
    display: block;
    float: left;
    color: #75848c;
}

.small-prof__honors-place {
    float: right;
    font-size: 12px;
}

.small-prof__honors-place-num {
    font-size: 14px;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    border: 1px solid #abbdc6;
    text-align: center;
    border-radius: 20px;
}


.small-prof__subscribe {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-transform: uppercase;
}

.small-prof__subscribe-i {
    padding: 0;
    margin: 0;
    position: relative;
}

.small-prof__subscribe-i .icon-img {
    margin-right: 5px;
}

.small-prof__subscribe-i_type_rss .icon-img {
    width: 15px;
    height: 15px;
    background-position: -64px -113px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.small-prof__subscribe-i_type_pod .icon-img {
    width: 15px;
    height: 10px;
    background-position: -84px -113px;
    vertical-align: middle;
}

.small-prof__subscribe-act {
    display: inline-block;
    position: relative;
    color: #39424b;
}

.small-prof__subscribe-act:hover {
    color: #ffbf00;
}

.small-prof__likes {
    margin-bottom: 15px;
    text-align: center;
    position: relative;
    padding: 0 13px;
    ext-decoration: underline;
}

.small-prof__likes-icon {
    width: 13px;
    height: 11px;
    background-position: -61px -75px;
    margin-right: 4px;
    position: relative;
    top: 1px;
}

.small-prof__likes-ctrl {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;

}

.small-prof__likes-ctrl_type_minus {
    left: 5px;
    background-position: -133px -75px;
}

.small-prof__likes-ctrl_type_plus {
    right: 5px;
    background-position: -121px -75px;
}


/* small-profile
------------------------------------------END--- */

/*  profile
------------------------------------------------ */

.profile-role {
    padding: 0;
    margin: 0 0 11px -8px;
    list-style-type: none;
}

.profile-role__i {
    display: inline-block;
    padding: 0;
    margin: 0 12px 0 12px;
    position: relative;
}

.profile-role__i .icon-img {
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.profile-role__i_type_dj .icon-img {
    width: 16px;
    height: 16px;
    background-position: -3px -113px;

}

.profile-role__i_type_mus .icon-img {
    width: 13px;
    height: 15px;
    background-position: -25px -113px;

}

.profile-role__i_type_prod .icon-img {
    width: 13px;
    height: 15px;
    background-position: -46px -113px;

}

.profile-role__i_type_club .icon-img {
    background-position: -198px -93px;
    height: 16px;
    width: 16px;

}

.profile-role__i_type_nightclub .icon-img {
    background-position: -215px -93px;
    height: 16px;
    width: 16px;

}


.profile-links {
    padding: 0;
    margin: 0 0 10px 0;
    list-style-type: none;
}

.profile-links__i {

    padding: 0;
    margin: 0;
    position: relative;
}

.profile-links__act {
    display: inline-block;
    padding: 1px 0;
    margin-left: 3px;
    font-size: 13px;
    color: #abb7be;
}

.profile-links__act:hover {
    color: #353E47;
}

.profile-links__act .icon-img {
    width: 12px;
    height: 12px;
    margin-right: 7px;
    vertical-align: middle;

}

.profile-links__i_type_map .icon-img {
    background-position: -1px -133px;
}

.profile-links__i_type_www .icon-img {
    background-position: -15px -133px;
}

.profile-links__i_type_tw .icon-img {
    background-position: -32px -133px;
}

.profile-links__i_type_fb .icon-img {
    background-position: -50px -133px;
    position: relative;
    top: -1px;
}

.profile-links__i_type_vk .icon-img {
    background-position: -67px -133px;
    position: relative;
    top: -1px;
}

.profile-links__i_type_in .icon-img {
    background-position: -84px -133px;
    position: relative;
    top: -1px;
}

.profile-genre {
    padding: 0;
    margin: 0 0 15px 0;
    list-style-type: none;
}

.profile-genre__i {
    padding: 0;
    margin: 0;
    position: relative;
}

.profile-genre__i .icon-img {
    width: 12px;
    height: 12px;
    background-position: -102px -113px;
    margin-right: 7px;
}

/* profile
------------------------------------------END--- */

/*  subscribe
------------------------------------------------ */

.subscribe {
    white-space: nowrap;
}

.subscribe__h {
    font-size: 13px;
    color: #adb7bc;
    display: inline-block;
    vertical-align: middle;
}

.subscribe__list {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.subscribe__i {
    margin-left: 5px;
    display: inline-block;
}

.subscribe__i img {
    vertical-align: middle;
}

/* subscribe
------------------------------------------END--- */

/*  comments-num
------------------------------------------------ */

.comments-num {
    display: inline-block;
    font-size: 12px;
    white-space: nowrap;
    vertical-align: middle;
}

.comments-num .icon-img {
    width: 16px;
    height: 14px;
    background-position: -161px -30px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 4px;
}

/* comments-num
------------------------------------------END--- */

/*  main-teaser
------------------------------------------------ */

.main-teaser {
    margin-bottom: 40px;
}

.main-teaser__header:before,
.main-teaser__header:after {
    display: table;
    content: " ";
    clear: both;
}

.main-teaser__header:after {
    clear: both;
}

.main-teaser__h {
    float: left;
}

.main-teaser__subscribe {
    margin-top: 15px;
}

.main-teaser__i {
    position: relative;
}

.main-teaser__i-in {
    max-height: 205px;
    position: relative;
    background: #fff url(/img/dark-angle.png) 100% 100% no-repeat;
    overflow: hidden;
    z-index: 1;
}

.main-teaser__i:after {
    content: '';
    position: absolute;
    z-index: -0;
    bottom: 3px;
    left: 15px;
    right: 15px;
    height: 20px;
    border-radius: 0 0 40% 40% / 0 0 5px 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
}

.main-teaser-i__wrap-img {
    float: left;
    overflow: hidden;
    width: 350px;
    height: 205px;
}

.main-teaser-i__img {
    display: block;

}

.main-teaser-i__content {
    position: relative;
    float: left;
    overflow: hidden;
    max-height: 178px;
    padding: 20px 0 20px 20px;
    width: 230px;
}

.main-teaser-i__h {
    margin: 0 5px 0 0;
    line-height: 1.2;
    margin-bottom: 2px;
}

.main-teaser-i__act {

}

.main-teaser-i__comments {

}

.main-teaser-i__date {
    display: block;
    margin: 5px 0;
    line-height: 20px;
    font-size: 11px;
    color: #929da3;
}

.main-teaser-i__txt {
    font-size: 13px;
    overflow: hidden;
    max-height: 75px;
    text-overflow: ellipsis;
}

.main-teaser-i__tag {

}

/* main-teaser
------------------------------------------END--- */

/*  tag-abs
------------------------------------------------ */

.tag-abs {
    position: absolute;
    z-index: 10;
    top: 5px;
    left: 5px;
    display: block;
    padding: 3px 7px 2px;
    line-height: 20px;
    text-decoration: none;
    font-size: 14px;
    color: #3a3f44;
    background: #ffc700;
    border-radius: 2px;
}

.tag-abs:hover {
    color: #3a3f44;
}

/* tag-abs
------------------------------------------END--- */

/*  content-nav
------------------------------------------------ */

.content-nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 16px;
}

.content-nav__i {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.content-nav__act {
    display: inline-block;
    padding: 5px 15px;
}

.content-nav.content-nav_style_small {
    margin-top: 11px;
    font-size: 14px;
}

.content-nav_style_small .content-nav__act {
    padding: 5px 10px;
}

/* content-nav
------------------------------------------END--- */

/*  schedule-nav
------------------------------------------------ */

.schedule-nav {
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 15px 0 0 30px;
    list-style-type: none;
}

.schedule-nav__i {
    margin: 0 45px 0 0;
    padding: 0;
    display: inline-block;
}

.schedule-nav__act {
    display: inline-block;
}

/* schedule-nav
------------------------------------------END--- */

/*  section-header
------------------------------------------------ */

.section-header {
    margin-bottom: 20px;
    position: relative;
}

.section-header:before,
.section-header:after {
    display: table;
    content: " ";
    clear: both;
}

.section-header:after {
    clear: both;
}

.section-header__nav {
    margin: 8px 20px 0 30px;
}

.section-header_bot-spase_sm {
    margin-bottom: 5px;
}


.section-header .section-header__more-btn {
    float: right;
    position: relative;
    top: 2px;
}

.section-header__more-btn {
    min-width: 120px;
}

.section-header .section-header__action {
    float: right;
    font-size: 13px;
    position: relative;
    top: 15px;
}

.section-header__style_border-bot {
    border-bottom: 1px solid #fff;
}

.section-header__style_border-bot:after {
    display: block;
    content: " ";
    border-bottom: 1px solid #dadee0;
    bottom: 0;
    left: 0;
    right: 0;

}

.section-header__style_border-bot .section-header_h {
    margin-bottom: 5px;
}

/* section-header
------------------------------------------END--- */

/*  section-header-small
------------------------------------------------ */

.section-header-small {
    margin-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #fff;
}

.section-header-small:after {
    display: block;
    content: " ";
    border-bottom: 1px solid #dadee0;
    bottom: 0;
    left: 0;
    right: 0;
}

.section-header-small__h {
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 1.2;
}

/* section-header-small
------------------------------------------END--- */

/*  teasers
------------------------------------------------ */

.teasers {
    margin: 0 0 0 -68px;
    padding: 0;
    list-style-type: none;
}

.teasers__i {
    position: relative;
    width: 268px;
    min-height: 100px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 35px 68px;
}

.teasers__img {
    display: block;
    margin-bottom: 7px;
    border-radius: 2px;
}

.teasers__tag {

}

.teasers__h {
    line-height: 1.2;
    display: inline;
    margin-right: 5px;
}

.teasers__date {
    display: block;
    margin: 5px 0;
    line-height: 20px;
    font-size: 11px;
    color: #929da3;
}

.teasers__text {
    font-size: 13px;
}

/* teasers
------------------------------------------END--- */


/*  poster
------------------------------------------------ */
.poster {
    padding-bottom: 20px;
}

.poster__lst {
    margin: 0 0 0 -20px;
    padding: 0;
    list-style-type: none;
}

.poster__i {
    position: relative;
    width: 250px;
    min-height: 50px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 40px 20px;
}

.poster__left {
    float: left;
    width: 100px;
}

.poster__wrap-img {
    position: relative;
}

.poster__wrap-img:after {
    content: '';
    position: absolute;
    z-index: -0;
    bottom: 3px;
    left: 5px;
    right: 5px;
    height: 20px;
    border-radius: 0 0 10% 10% / 0 0 10px 10px;
    box-shadow: 0 5px 11px rgba(0, 0, 0, .5);
}

.poster__wrap-img-in {
    width: 98px;
    height: 138px;
    position: relative;
    z-index: 1;

    border: 1px solid #fff;
    margin-bottom: 12px;
}

.poster__img {
    display: block;
}

.poster__date {
    position: absolute;
    z-index: 10;
    top: -11px;
    left: -7px;
    width: 30px;
    height: 47px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .15);
}

.poster__date-m {
    font-size: 9px;
    line-height: 12px;
    color: #383e45;
    background: #ffc500;
    border-radius: 4px 4px 0 0;
}

.poster__date-d {
    font-size: 18px;
    line-height: 18px;
    padding: 4px 0 0;
}

.poster__date-w {
    line-height: 10px;
    font-size: 10px;
    color: #75848c;
}

.poster__visitors {
    padding: 6px 0 2px;
    text-align: center;
    font-size: 12px;
    background: url(/img/dotted-sep.png) 0 0 repeat-x;
}

.poster.afisha .poster__btn {
    display: block;
    margin: 0 auto;
    padding: 5px 0 5px;
    width: 90px;
}

.poster__right {
    float: right;
    width: 140px;
}

.poster__h {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 10px;
}

.poster__h a {
    display: inline-block;
}

.poster__info {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 11px;
}

.poster__info-i {
    margin: 0;
    padding: 0 0 5px 20px;
    position: relative;
}

.poster__info-i .icon-img {
    width: 11px;
    height: 11px;
    position: absolute;
    top: 2px;
    left: 2px;
}

.poster__info-i_type_dj .icon-img {
    background-position: 0 -150px;
}

.poster__info-i_type_genre .icon-img {
    background-position: -15px -150px;
}

.poster__info-i_type_genre a {
    color: #353e47;
}

.poster__info-i_type_genre a:hover {
    color: #ffbf00;
}

.poster__info-i_type_map .icon-img {
    background-position: -30px -150px;
}

.poster__info-i_type_map a {
    color: #78848a;
    text-decoration: none;
}

.poster__info-i_type_map a:hover {
    color: #353e47;
}

.poster__more {
    position: relative;
    margin: 0 15px 30px 15px;
    text-align: center;
}

.poster__more:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0;
    margin-top: -1px;
    border-top: 1px solid #dee1e2;
    border-bottom: 1px solid #fff;
}

.poster__more-in {
    background: url(/img/content-bg.png) repeat;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 24px;
}

/* poster
------------------------------------------END--- */


/*  .teasers-bg
------------------------------------------------ */

.teasers-bg {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.teasers-bg__i {
    margin: 0;
    position: relative;
    padding: 10px;
    background: #ffffff url("/img/teasers-bg-shadow.png") no-repeat 0 100%;
    border-radius: 2px;
}

.teasers-bg__i:last-child {
    background: #fff;
}

.teasers-bg__img {
    display: block;
    margin-bottom: 5px;
    border-radius: 2px;
}

.teasers-bg__h {
    line-height: 1.2;
    font-size: 20px;
    display: inline;
    margin-right: 5px;
}

.teasers-bg__comments {

}

.teasers-bg__date {
    display: block;
    margin: 5px 0;
    line-height: 20px;
    font-size: 11px;
    color: #929da3;
}

.teasers-bg__txt {
    font-size: 13px;
}


/* .teasers-bg
------------------------------------------END--- */

/*  teasers-img-left
------------------------------------------------ */

.teasers-img-left {
    margin: 0 0 15px 0;
    padding: 0;
    list-style-type: none;
}

.teasers-img-left__i {
    margin: 0;
    padding: 20px 0 5px 0;
    border-bottom: 1px solid #d9dddf;
    border-top: 1px solid #fff;
    overflow: hidden;
}

.teasers-img-left__i:first-child {
    border-top: none;
}

.teasers-img-left__i:last-child {
    border-bottom: none;
}

.teasers-img-left__wrap-img {
    width: 42px;
    float: left;
    padding: 5px;
    text-align: center;
    border: 1px solid #d8dddf;
    background: #fff;
    box-shadow: 0 3px 7px -3px rgba(0, 0, 0, .6);
}

.teasers-img-left__img {
    max-width: 42px;
    vertical-align: middle;
}

.teasers-img-left__content {
    float: right;
    width: 205px;
}

.teasers-img-left__tag {
    display: inline-block;
    padding: 2px 4px 1px;
    margin: 0 0 8px -4px;
    line-height: 20px;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    background: #353e47;
    border-radius: 2px;
}

.teasers-img-left__h {
    font-size: 20px;
    display: inline;
    margin-right: 5px;
    line-height: 1.2;
}

.teasers-img-left__comments {

}

.teasers-img-left__date {
    display: block;
    margin: 5px 0;
    line-height: 20px;
    font-size: 11px;
    color: #929da3;
}

.teasers-img-left__txt {
    font-size: 13px;
}

/* teasers-img-left
------------------------------------------END--- */

/*  gallery
------------------------------------------------ */

.gallery {
    position: relative;
    margin-bottom: 45px;
}

.gallery_lt_wider {
    margin-right: -40px;
}

.gallery:after {
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 3px;
    left: 5px;
    right: 5px;
    height: 40px;
    border-radius: 0 0 15% 15% / 0 0 50px 50px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .4);
}

.gallery-in {
    padding: 5px 15px 1px;
    background: #3a434c;
    position: relative;
    z-index: 1;
    border-radius: 3px;
}

.gallery-lst {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: block;
}

.gallery__i {
    display: block;
    padding: 10px 0 5px 0;
    border-bottom: 1px solid #3e4750;
    border-top: 1px solid #4e555d;
}

.gallery__i:first-child {
    border-top: none;
}

.gallery__i:last-child {
    border-bottom: none;
}

.gallery__i a {
    color: #fff;
}

.gallery__h {
    font-size: 20px;
    text-shadow: 0 0 0;
    margin-bottom: 2px;
    line-height: 1.2;
    letter-spacing: 0;
}

.gallery__date {
    display: block;
    font-size: 11px;
    color: #929da3;
    margin-bottom: 10px;
}


.gallery__img {
    margin: 0 0 3px -5px;
    padding: 0;
    list-style-type: none;
}

.gallery__img:before,
.gallery__img:after {
    display: table;
    content: " ";
    clear: both;
}

.gallery__img:after {
    clear: both;
}

.gallery__img-i {
    margin: 0 0 0 5px;
    padding: 0;
    float: left;

}


.gallery__img-act {
    display: block;
    margin-bottom: 5px;
    position: relative;
}

.gallery__img-photo {
    display: block;
    position: relative;
}

.gallery__img-play {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 31px;
    height: 31px;
    background: url(/img/video-buttons.png) -54px 0 no-repeat;
    z-index: 1;
}

.gallery__img-i_type_video .gallery__img-play {
    width: 53px;
    height: 53px;
    background-position: 0 0;
    top: 36px;
    left: 50%;
    margin-left: -27px;
}

.gallery__video-h {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    overflow: hidden;
    height: 20px;
    padding: 4px 10px 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    background: rgba(56, 62, 69, 0.8);
}

.ie8 .gallery__video-h {
    background: url(/img/ie-gray-trans.png) repeat;
}

.gallery__video-person {
    width: 11px;
    height: 10px;
    background-position: 0px -164px;
}

.gallery__video-time {
    display: block;
    float: left;
}

.gallery__video-likes,
.gallery__video-comments {
    display: block;
    float: right;
    margin-left: 15px;
}

.gallery__video-h .icon-img {
    position: relative;
    margin-right: 4px;
}

.gallery__video-time .icon-img {
    width: 10px;
    height: 10px;
    background-position: -13px -164px;
    margin-right: 4px;
    top: 1px;
}

.gallery__video-likes .icon-img {
    width: 11px;
    height: 10px;
    background-position: -28px -164px;
    margin-right: 4px;
    top: 1px;
}

.gallery__video-comments .icon-img {
    width: 16px;
    height: 14px;
    background-position: -180px -30px;
    margin-right: 4px;
    top: 4px;
}

.gallery__map {
    position: relative;
    padding-left: 15px;
    font-size: 11px;
    color: #929da3;
}

.gallery__map .icon-img {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 11px;
    height: 11px;
    background-position: -30px -150px;
}


.gallery__more {
    position: relative;
    margin: 30px 0;
    text-align: center;
}

.gallery__more:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
    right: 0;
    height: 0;
    border-top: 1px solid #3e4750;
    border-bottom: 1px solid #4e555d;
}

.gallery_lt_wider .gallery__more:before {
    display: none;
}

.gallery__more-in {
    background: #3a434c;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}

.gallery__more-btn {
    width: 165px;
}

/* gallery
------------------------------------------END--- */

/*  teasers-view
------------------------------------------------ */

.teasers-view {
    margin: 0 0 0 -30px;
    padding: 0;
    list-style-type: none;
}

.teasers-view__i {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 27px 30px;
}

.teasers-view__i:after {
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 3px;
    left: 5px;
    right: 5px;
    height: 30px;
    border-radius: 0 0 15% 15% / 0 0 50px 50px;
    box-shadow: 0 12px 15px rgba(0, 0, 0, .2), 0 2px 6px rgba(0, 0, 0, .3);
}

.teasers-view__i-in {
    background: #fff;
    position: relative;
    width: 220px;
    min-height: 355px;
    z-index: 1;

    padding: 10px 10px 45px;
    border-radius: 2px;
}

.teasers-view__tag {

}

.teasers-view__wrap-img {
    position: relative;
    margin-bottom: 3px;
    border-radius: 3px;
}

.teasers-view__img {
    display: block;
    border-radius: 3px;
}

.teasers-view___h {
    display: inline;
    line-height: 1.2;
    font-size: 20px;
    margin-right: 5px;
}

.teasers-view__date {
    display: block;
    margin: 5px 0;
    line-height: 20px;
    font-size: 11px;
    color: #929da3;
}

.teasers-view__txt {
    font-size: 13px;
}

.teasers-view__footer {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 7px;
    padding-top: 5px;
    border-top: 1px solid #e5e9eb;
}

.teasers-view__author {
    font-size: 13px;
    display: inline-block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.teasers-view__author .icon-img {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.teasers-view__like {
    font-size: 11px;
    float: right;
    margin: 3px 3px 0 0;
    color: #adb7bc;
}

.teasers-view__like .icon-img {
    width: 11px;
    height: 10px;
    background-position: -62px -63px;
    position: relative;
    top: 1px;
    margin-right: 3px;
}

.teasers-view__like_style_plus .icon-img {
    background-position: -84px -63px;
}

.teasers-view__like_style_minus .icon-img {
    background-position: -95px -63px;
}

/* teasers-view
------------------------------------------END--- */


.star-icon {
    width: 11px;
    height: 11px;
    background-position: 0 -150px;
}

.disc-icon {
    width: 12px;
    height: 12px;
    background-position: -25px -177px;
}

.user-icon {
    width: 12px;
    height: 12px;
    background-position: 2px -176px;
}


/*  teasers-type
------------------------------------------------ */

.teasers-type {
    margin: -10px 0 25px 0;
    padding: 0 0 0 3px;
    list-style-type: none;
    border-bottom: 1px solid #fff;
}

.teasers-type__i {
    display: block;
    margin: 0;
    padding: 15px 0 12px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dcdfe0;
}

.teasers-type__i:first-child {
    border-top: none;
    padding-top: 0;
}

.teasers-type_style_no-bot-sep .teasers-type__i:last-child,
.teasers-type_style_no-bot-sep,
.teasers-type_style_no-sep {
    border-bottom: none;
}

.teasers-type_style_no-sep .teasers-type__i {
    border-bottom: none;
    border-top: none;
}

.teasers-type__header {
    margin-bottom: 1px;
}

.teasers-type__h {
    display: inline;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.15;
    margin-right: 5px;
}

.teasers-type_style_small-h .teasers-type__h {
    font-size: 16px;
}

.teasers-type__date {
    display: block;
    margin: 3px 0;
    line-height: 20px;
    font-size: 11px;
    color: #929da3;
}

.teasers-type__author {
    font-size: 13px;
    color: #acb4b8;
    position: relative;
    padding-left: 16px;
}

.teasers-type__author .icon-img {
    position: absolute;
    top: 4px;
    left: 1px;
}

.teasers-type__author_type_user .icon-img {
    width: 8px;
    height: 10px;
    background-position: 0 -177px;
}

.teasers-type__author_type_dj .icon-img {
    width: 10px;
    height: 10px;
    background-position: -13px -177px;
}

.teasers-type__txt {
    font-size: 13px;
    margin-right: 20px;
}

/* teasers-type
------------------------------------------END--- */

/*  dj-users
------------------------------------------------ */

.dj-users {
    margin-bottom: 25px;
    margin-left: -30px;
}

.dj-users:before,
.dj-users:after {
    display: table;
    content: " ";
    clear: both;
}

.dj-users:after {
    clear: both;
}

.dj-users__col {
    float: left;
    width: 240px;
    margin-left: 30px;
}

.dj-users__lst {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.dj-users__i {
    margin: 0 0 15px;
    padding: 0;
    display: block;
    overflow: hidden;
}

.dj-users__img {
    overflow: hidden;
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 8px;
}

.dj-users__name {
    font-size: 18px;
    line-height: 1.2;
}

.dj-users__name .icon-img {
    margin-right: 5px;
}

.dj-users__from {
    display: block;
    margin: 5px 0 0 0;
    line-height: 14px;
    font-size: 12px;
    color: #adb7bc;
}

.dj-users__genre {
    font-size: 12px;
    color: #adb7bc;
}

.dj-users__more {
    position: relative;
    margin: 30px -15px 30px 0;
}

.dj-users__more:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0;
    margin-top: -1px;
    border-top: 1px solid #dee1e2;
    border-bottom: 1px solid #fff;
}

.dj-users__more_style_no-sep:before {
    display: none;
}

.dj-users__more-in {
    background: url(/img/content-bg.png) repeat;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 15px 0 0;

}

.dj-users__more-btn {
    width: 135px;
}

/* dj-users
------------------------------------------END--- */

/*  now-online
------------------------------------------------ */

.now-online {
    background: #3a434c;
    margin-bottom: 25px;
    border-radius: 2px;
}

.now-online:before,
.now-online:after {
    display: table;
    content: " ";
    clear: both;
}

.now-online:after {
    clear: both;
}

.now-online__lst {
    margin: 15px 15px 0;
    padding: 0;
    list-style: none;
    color: #929da3;
    list-style-type: none;
}

.now-online__i {
    padding-bottom: 20px;
}

.now-online__h {
    font-size: 20px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    text-decoration: underline;
    text-shadow: 0 0 0;
    color: #fff;
}

.now-online__txt {
    font-size: 11px;
    line-height: 1.7;
}


.now-online__more {
    position: relative;
    margin: 20px 0 0 0;
    text-align: center;
}

.now-online__more:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
    right: 0;
    height: 0;
    border-top: 1px solid #3e4750;
    border-bottom: 1px solid #4e555d;
}

.now-online__more-in {
    background: #3a434c;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}

.now-online__more-btn {
    width: 130px;
    padding-top: 7px;
    padding-bottom: 5px;
}

/* now-online
------------------------------------------END--- */


/*  page-nav-bot
------------------------------------------------ */

.page-nav-bot {
    margin-top: -6px;
    padding-bottom: 25px;
}

.page-nav-bot__h {
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;
}

.page-nav-bot__list {
    margin: 0 0 0 -12px;
    padding: 0;
    display: inline-block;
    list-style-type: none;
}

.page-nav-bot__i {
    display: inline;
    font-size: 14px;
    vertical-align: middle;
}

.page-nav-bot__txt {
    display: inline-block;
    padding: 4px 10px;
    margin: 0 2px;
    text-decoration: none;
    background: #d7dddf;
    border-radius: 14px;
}

.page-nav-bot__i_dir_prev,
.page-nav-bot__i_dir_next {
    font-weight: normal;
}

.page-nav-bot__i_dir_prev .page-nav-bot__txt {
    padding-right: 20px;
}

.page-nav-bot__i_dir_next .page-nav-bot__txt {
    padding-left: 20px;
}

.page-nav-bot__i_dir_prev a.page-nav-bot__txt,
.page-nav-bot__i_dir_next a.page-nav-bot__txt {
    text-decoration: underline;
}

.page-nav-bot__i_dir_prev .page-nav-bot__txt,
.page-nav-bot__i_dir_next .page-nav-bot__txt,
.page-nav-bot__i_type_more .page-nav-bot__txt {
    background: none;
}

.page-nav-bot__arrow {
    display: inline-block;
}

.page-nav-bot__i_dir_prev .page-nav-bot__txt .page-nav-bot__arrow {
    margin-right: 10px;
}

.page-nav-bot__i_dir_next .page-nav-bot__txt .page-nav-bot__arrow {
    margin-left: 10px;
}

.page-nav-bot__i_type_cur .page-nav-bot__txt {
    background: #ffb300;
}

/* page-nav-bot
------------------------------------------END--- */


/*  calendar
------------------------------------------------ */

.calendar {
    position: relative;
    z-index: 3;
    margin-bottom: 30px;
    /*border: 1px solid #eaeaea;*/
    padding: 14px 14px 20px 14px;
    font-size: 12px;
    background: #36434e;
    color: #fff;
    border-radius: 3px;

}

.calendar__h {
    position: relative;
    text-align: center;
    padding-bottom: 7px;
    margin-bottom: 14px;
    border-bottom: 1px solid #5e6972;
}

.calendar__month-h {
    margin-right: 14px;
}

.calendar__ctrl {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    width: 11px;
    height: 11px;
    cursor: pointer;
}

.calendar__ctrl_dir_prev {
    left: 0;
    background-position: -60px -45px;
}

.calendar__ctrl_dir_prev:active {
    left: -1px;
}

.calendar__ctrl_dir_next {
    right: 0;
    background-position: -71px -45px;
}

.calendar__ctrl_dir_next:active {
    right: -1px;
}

.calendar__month {
    width: 100%;
    margin-left: -7px;
}

.calendar__week {

}

.calendar__day {
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
    padding: 3px 3px;
    color: #d7d7d7;
}

.calendar__day_type_h {
    color: #b0b3b4;
}

.calendar__day_type_weekend {
    color: #a73131;
}

.calendar__day_type_next-m {
    color: #71767c;

}

.calendar .calendar__day-act {
    color: #ffc700;
    display: block;
    outline: none !important;
    border-radius: 3px;
}

.calendar__day-act:hover {
    background: #696f77;
}

.calendar .calendar__day-act_style_2 {
    color: #fff;
}

.calendar__day_type_weekend .calendar__day-act {
    color: #ea6262;
}


/* calendar
------------------------------------------END--- */

/*  top-decoration
------------------------------------------------ */

.top-decoration {
    position: relative;
    margin-top: 3px;
    margin-bottom: 21px;

}

.top-decoration__img {
    display: block;
    border-radius: 3px;
}

/* top-decoration
------------------------------------------END--- */

/*  edit-elem
------------------------------------------------ */

.edit-elem {
    position: absolute;
}

.edit-elem_lt_inline {
    display: inline-block;
    position: relative;
}

.edit-elem__lt_header {
    top: 22px;
    right: 30px;
}

.edit-elem__lt_top-decoration {
    top: 14px;
    right: 10px;
}

/*.edit-elem_type_dropdown:hover .edit-elem__dropdown {
			display: block;
			}*/

.edit-elem__dropdown {
    /*display: none; */
    position: absolute;
    margin-top: 19px;
    top: 100%;
    left: 0;
    z-index: 5;
    width: 100%;
    list-style: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);

}

.edit-elem__dropdown_arrow_right.edit-elem__dropdown {
    left: auto;
    right: 0;
}

.edit-elem__dropdown:before {
    background: #f9f9f9;
    position: absolute;
    border: 1px solid #e6e6e6;
    top: -7px;
    left: 24px;
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);

    z-index: 1;

}

.edit-elem__dropdown_arrow_right.edit-elem__dropdown:before {
    left: auto;
    right: 24px;
}

.edit-elem__dropdown:after {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    content: "";
    display: block;
    height: 20px;
}

.edit-elem__dropdown_arrow_right.edit-elem__dropdown:after {
    left: auto;
    right: 0;
}

.ie8 .edit-elem__dropdown:after,
.ie9 .edit-elem__dropdown:after {
    background: url(data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D);
}

.ie8 .edit-elem__dropdown:before {
    top: -14px;
    width: 19px;
    background: url(/img/ie-author-popup-arrow.png) 0 0 no-repeat;
}

.edit-elem__menu {
    padding: 4px 0;
    margin: 0;
    list-style-type: none;
    position: relative;
    z-index: 1;
    background: #f9f9f9;
    border-radius: 3px 3px 3px 3px;
}

.edit-elem__menu-i {
    padding: 0;
    margin: 0;
    position: relative;
}

.edit-elem__menu-i .icon-img {
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.edit-elem__menu-i_icon_photo .icon-img {
    background-position: -21px -194px;
}

.edit-elem__menu-i_icon_move .icon-img {
    background-position: -42px -194px;
}

.edit-elem__menu-i_icon_del .icon-img {
    background-position: -63px -194px;
}

.edit-elem__menu-i_icon_more .icon-img {
    background-position: -85px -194px;
}

.edit-elem__menu-i_icon_mus .icon-img {
    background-position: 0 -552px;
    width: 11px;
    height: 12px;
    top: 2px;
}

.edit-elem__menu-i_icon_video .icon-img {
    background-position: -12px -552px;
    width: 12px;
    height: 10px;
    top: 0px;
}

.edit-elem__menu-i_icon_event .icon-img {
    background-position: -25px -552px;
    width: 12px;
    height: 12px;
    top: 1px;
}

.edit-elem__menu-i_icon_photo-sm .icon-img {
    background-position: -38px -552px;
    width: 12px;
    height: 9px;
    top: 0;
}

.edit-elem__menu-i_icon_post .icon-img {
    background-position: -51px -552px;
    width: 12px;
    height: 12px;
    top: 1px;
}

.edit-elem__menu-i_icon_geo .icon-img {
    background-position: -147px -552px;
    width: 12px;
    height: 12px;
    top: 1px;
}


.edit-elem__menu-act {
    display: block;
    padding: 5px 12px;
    text-transform: none;
    font-size: 14px;
    text-decoration: none;
    color: #383e45;

    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}

.edit-elem__menu-act:hover {
    background: #ffbf00;
    color: #383e45;
}

.edit-elem__btn .icon-img {
    width: 15px;
    height: 15px;
    background-position: 0 -194px;
    margin-right: 9px;
    position: relative;
    top: 2px;
}

/* edit-elem
------------------------------------------END--- */


/*  profile
------------------------------------------------ */

.profile {

}

.profile__header {
    margin-bottom: 9px;
}

.profile__h {
    vertical-align: middle;
    display: inline-block;
    text-transform: uppercase;
    font-size: 30px;
    margin-right: 15px;
}

.profile__h:before {
    display: inline-block;
    content: '';
    width: 22px;
    height: 21px;
    margin-right: 8px;
    background: url(/img/icons.png) -225px 0 no-repeat;
    position: relative;
    top: -1px;
}

.profile__h_style_favorite:before {
    background: url(/img/icons.png) -200px 0 no-repeat;
}

.profile__h_style_user:before {
    background: url(/img/icons.png) -249px -59px no-repeat;
}

.profile__medal {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.profile__status {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 21px;
    line-height: 21px;
    background: #d8dddf;
    font-size: 11px;
    color: #929da3;

    padding: 0 10px 0 22px;
    border-radius: 10px;
}

.profile__status .icon-img {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    background-position: -14px -218px;
}

.profile__status_state_online .icon-img {
    background-position: 0 -218px;
}

.profile__settings-btn {
    float: right;
    padding: 6px 31px 4px;
    position: relative;
    top: 1px;
}

.profile__settings-btn .icon-img {
    width: 15px;
    height: 15px;
    background-position: -121px -113px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}


/*  profile__nav
	------------------------------------------------ */

.profile__nav {
    position: relative;
    margin-bottom: 33px;
}

.profile__nav:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    border-top: 1px solid #dfe2e3;
    border-bottom: 1px solid #fff;
}

.profile__nav-lst {
    padding: 0;
    margin: 0 0 0 -15px;
    list-style-type: none;
    position: relative;
    z-index: 1;
}

.profile__nav-lst:before,
.profile__nav-lst:after {
    display: table;
    content: " ";
    clear: both;
}

.profile__nav-lst:after {
    clear: both;
}

.profile__nav-i {
    padding: 0;
    margin: 0;
    position: relative;
    float: left;
}

.profile__nav-act {
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding: 5px 15px;
}

.profile__nav-act-l {
    text-decoration: underline;
}

.profile__nav-act-num {
    color: #adb7bc;
}

.profile__nav-act-tip-wrap {
    position: relative;
}

.profile__nav-tip {
    /*display: none;*/
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 7px;
}

.profile__nav-act:hover .profile__nav-tip {
    display: block;
}

.profile__nav-tip-in {
    white-space: nowrap;
    color: #fff;
    display: inline-block;
    position: relative;
    left: -50%;
}

.profile__nav-tip-txt {
    background: #b81540;
    padding: 2px 7px;
    position: relative;
    z-index: 1;
    border-radius: 2px;
}

.profile__nav-tip-in:before {
    background: #b81540;
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: -5px;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 2px;

    z-index: 1;

}

.profile__nav-tip-in:after {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    content: "";
    display: block;
    height: 20px;
}

.ie8 .profile__nav-tip-in:after,
.ie9 .profile__nav-tip-in:after {
    background: url(data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D);
}

.ie8 .profile__nav-tip-in:before {
    top: -4px;
    width: 9px;
    background: url(/img/ie-red-popup-arrow.png) 0 0 no-repeat;
}

.profile__nav-i_state_cur:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 15px;
    left: 15px;
    border-bottom: 2px solid #a8b7c0;
}

.profile__nav-i_state_cur .profile__nav-act-l {
    text-decoration: none;
    color: #383e45;
}


/* profile__nav
	------------------------------------------END--- */

.profile__avatar {
    margin: 0 0 26px 0;
    padding: 0;
    display: inline-block;
    position: relative;
}

.profile__avatar:after {
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 3px;
    left: 5px;
    right: 5px;
    height: 30px;
    border-radius: 0 0 15% 15% / 0 0 50px 50px;
    box-shadow: 0 12px 15px rgba(0, 0, 0, .2), 0 2px 6px rgba(0, 0, 0, .3);
}

.profile__avatar-in {
    border: 3px solid #fff;
    display: block;
    position: relative;
    z-index: 1;
}

.profile__avatar_state_checked .profile__avatar-in:before,
.profile__avatar-checked-mark {
    display: block;
    content: '';
    position: absolute;
    z-index: 2;
    top: -1px;
    left: -1px;
    width: 66px;
    height: 66px;
    background: url(/img/profile-checked-marks.png) -1px 0 no-repeat;
    border-radius: 3px 0 0 0;

}

.ie8 .profile__avatar_state_checked:before {
    display: none;
}

.profile__avatar-img {
    display: block;
    position: relative;
}

.profile__avatar,
.profile__avatar-img {
    border-radius: 3px;
}

.profile__avatar-btn {
    bottom: 11px;
    padding: 7px 12px 0;
    position: absolute;
    right: 13px;
}

.profile__avatar-btn .icon-img {
    position: relative;
    top: 1px;
    width: 15px;
    height: 15px;
    background-position: -21px -194px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}


.profile__likes {
    margin: -3px 0 13px 0;
    position: relative;
}


.profile__col-row {
    margin-bottom: 25px;
}

.profile__col-row:before,
.profile__col-row:after {
    display: table;
    content: " ";
    clear: both;
}

.profile__col-row:after {
    clear: both;
}

.profile__col {

}

.profile__col_type_left {
    float: left;
    width: 290px;
}

.profile__col_type_right {
    float: right;
    width: 290px;
    margin-right: 5px;
    margin-top: -3px;
}


.profile__role {
    font-size: 16px;
}

.profile__role-settings {
    float: right;
}

.profile__role .profile__role-settings-btn {
    position: relative;
    top: -1px;
    padding: 1px 1px 0;
    text-align: center;
}

.profile__role .profile__role-settings-btn .icon-img {
    width: 20px;
    height: 20px;
    background-position: -80px -20px;
    margin: 0;
}

.profile__cur-info {
    position: relative;
    margin-bottom: 13px;
}

.profile__cur-info:before {
    background: #d8dddf;
    position: absolute;
    left: -12px;
    top: 50%;
    margin-top: -15px;
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px;

    z-index: 1;

}

.ie8 .profile__cur-info:before {
    left: -15px;
    width: 15px;
    height: 33px;
    background: url(/img/ie-cur-info-arrow.png) 0 0 no-repeat;
}

.profile__cur-info-in {
    min-height: 21px;
    position: relative;
    z-index: 1;
    padding: 10px 11px 17px;
    background: #d8dddf;
    border-radius: 3px;
}

.profile__cur-info-in a {
    text-decoration: none;
    border-bottom: 1px solid;
}

.profile__cur-help {
    position: relative;
    margin-bottom: 13px;
}

.profile__cur-help:before {
    background: #ffd34b;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: 1px;
    content: "";
    display: block;
    width: 18px;
    height: 21px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px;

    z-index: 1;

}

.ie8 .profile__cur-help {
    left: 8px;
    width: 18px;
    height: 21px;
    background: url(/img/ie-cur-info-arrow.png) 0 0 no-repeat;
}

.profile__cur-help-in {
    background-color: #ffd34b;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    min-height: 20px;
    position: relative;
    z-index: 1;
    padding: 5px 11px 5px 11px;
    border-radius: 3px;
    width: -moz-fit-content;

}

.profile__cur-help-in a {
    text-decoration: none;
    border-bottom: 1px solid;
}

.profile__links {
    margin: -2px 3px 15px;
    line-height: 1.6;
}

.profile__separator {
    margin-bottom: 10px;
}

.profile__genre {
    margin-bottom: 7px;
}

.profile__genre-more {
    padding-left: 19px;
    font-size: 12px;
}

.profile__act {
    text-align: center;
    padding-bottom: 24px;
    margin-bottom: 14px;
    background: url(/img/dotted-sep.png) 0 bottom repeat-x;
}

.profile__act-btn {
    width: 165px;
}

.profile__act-btn {
    padding-left: 30px;
    padding-right: 10px;
}

.profile__act_type_msg .profile__act-btn {
    padding-left: 15px;
    padding-right: 15px;
    width: 175px;
}

.profile__act-btn-icon {
    width: 16px;
    height: 16px;
    background-position: 0 -235px;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.profile__act_type_msg .profile__act-btn-icon {
    width: 16px;
    height: 16px;
    background-position: -129px -194px;
    margin-right: 5px;
}

.profile__act-btn-sep {
    display: inline-block;
    width: 2px;
    height: 36px;
    background: url(/img/sep_yellow.png) 0 0 no-repeat;
    margin-bottom: -36px;
    position: relative;
    top: -24px;
    margin-left: 10px;
}

.profile__act-btn-arrow {
    width: 9px;
    height: 5px;
    background-position: -30px -235px;
    margin-left: 8px;
    position: relative;
    top: -2px;
}


.profile__act-dropdown {
    text-align: left;
    top: 44px;
    left: 0;
    width: 205px;
}


/*  profile__ctgr
	------------------------------------------------ */

.profile__ctgr {
    margin-bottom: 15px;
    background: url(/img/dotted-sep.png) 0 bottom repeat-x;
}

.profile__ctgr-lst {
    margin: -5px 0 0 0;
    padding: 0 0 15px 11px;
    list-style-type: none;
}

.profile__ctgr-i {
    margin: 0;
    padding: 0;
    display: block;
}

.profile__ctgr-i .icon-img {
    position: absolute;
    top: 8px;
    left: 0;
    width: 14px;
    height: 14px;
}

.profile__ctgr-i_type_msg .icon-img {
    background-position: -159px -113px;
}

.profile__ctgr-i_type_frnd .icon-img {
    background-position: -176px -113px;
}

.profile__ctgr-i_type_fans .icon-img {
    background-position: -195px -113px;
}

.profile__ctgr-i_type_sttgs .icon-img {
    background-position: -248px -113px;
}

.profile__ctgr-i_type_social .icon-img {
    background-position: -214px -113px;
}

.profile__ctgr-i_type_more .icon-img {
    background-position: -232px -113px;
}

.profile__ctgr-act {
    position: relative;
    display: inline-block;
    padding: 5px 0 5px 20px;
}

.profile__ctgr-notice {
    font-size: 12px;
    padding: 3px 5px;
    margin-left: 5px;
    text-shadow: 0 0 0;
}

/* profile__ctgr
	------------------------------------------END--- */


/*  profile__subs
	------------------------------------------------ */

.profile__subs {
    margin-bottom: 14px;
}

.profile__subs-lst {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    font-size: 18px;
    text-shadow: 0 1px 1px #fff;
    text-transform: uppercase;
}

.profile__subs-i {
    margin: 0;
    padding: 0 10px;
    display: inline-block;
}

.profile__subs-act {
    display: inline-block;
}

.profile__subs-i .icon-img {
    margin-right: 9px;
}

.profile__subs-i_type_rss .icon-img {
    width: 15px;
    height: 15px;
    background-position: -64px -113px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.profile__subs-i_type_telegram .icon-img {
    width: 15px;
    height: 15px;
    background-position: -281px -113px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.profile__subs-i_type_pod .icon-img {
    width: 21px;
    height: 15px;
    background-position: -105px -194px;
    position: relative;
    top: 2px;
}

/* profile__subs
	------------------------------------------END--- */


/* profile
------------------------------------------END--- */

/*  user-people
------------------------------------------------ */

.user-people {
    margin-bottom: 20px;
}

.user-people__h {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-shadow: 0 1px 1px #fff;
    line-height: 1.2;
}

.user-people__h-txt {
    text-decoration: underline;
}

.user-people__h-num {
    color: #9bd677;
}

.user-people__lst {
    margin: 0 0 5px -6px;
    padding: 0;
    list-style-type: none;
}

.user-people__i {
    margin: 2px 0 8px 6px;
    padding: 0;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}

.user-people__i_type_add .user-people__act-btn {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: #d8dddf;
    vertical-align: middle;
    border-radius: 3px;

    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}

.user-people__i_type_add .user-people__act:hover .user-people__act-btn {
    background: #c8ccce;
}

.user-people__act-btn-txt {
    text-decoration: underline;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.user-people__i_type_add .user-people__act .icon-img {
    width: 18px;
    height: 18px;
    background-position: -202px -26px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px;
}

.user-people__act {
    color: #adb7bc;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    position: relative;
}

.user-people__ava {
    display: block;
    border-radius: 3px;
}


.user-people__more {
    position: relative;
    text-align: right;
    color: #adb7bc;
}

.user-people__more-in {
    position: relative;
    display: inline-block;
    background: url(/img/content-bg.png) repeat;
    padding-left: 15px;
    z-index: 1;
}

.user-people__more:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 0;
    margin-top: -1px;
    border-top: 1px solid #dee1e2;
    border-bottom: 1px solid #fff;
}


/* user-people
------------------------------------------END--- */

/*  likes-rate
------------------------------------------------ */

.likes-rate {
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    position: relative;
}

.likes-rate-in {
    display: inline-block;
    padding: 0 30px;
    position: relative;
    text-decoration: underline;
}

.likes-rate-ctrl {
    cursor: pointer;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 3px;
}

.likes-rate-icon {
    margin-right: 8px;
    width: 20px;
    height: 17px;
    background-position: -58px -88px;
}

.likes-rate-icon_style_plus {
    background-position: -102px -88px;
}

.likes-rate-icon_style_minus {
    background-position: -124px -88px;
}

.likes-rate-in:hover .likes-rate-icon {
    background-position: -80px -88px;
}

.likes-rate-ctrl_type_minus {
    left: 0;
    background-position: -146px -88px;
}

.likes-rate-ctrl_type_plus {
    right: 0;
    background-position: -164px -88px;
}

/* likes-rate
------------------------------------------END--- */

/*  section-bg
------------------------------------------------ */

.section-bg {
    background: #fcfcfc;
    margin-bottom: 25px;
    padding: 0 10px;
    border-radius: 3px;
}

/* section-bg
------------------------------------------END--- */

/*  track-section
------------------------------------------------ */

.track-section {
    background: rgba(255, 255, 255, 0.8);
    margin: 0 0 25px 0;
    padding: 0 10px;
    border-radius: 3px;
}

.track-section__i {
    padding: 15px 0 10px 0;

}

.track-section__header {
    position: relative;
    margin-left: -15px;
    margin-bottom: 25px;
}

.track-section__header:before {
    background: #181d23;
    position: absolute;
    left: 2px;
    bottom: -3px;

    content: "";
    display: block;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

    z-index: 1;
}

.track-section__header:after {
    background: #fcfcfc;
    position: absolute;
    left: 5px;
    bottom: -6px;

    content: "";
    display: block;
    width: 6px;
    height: 6px;

    z-index: 1;
}

.ie8 .track-section__header:before {
    display: none;
}

.track-section__h {
    display: inline-block;
    text-shadow: 0 0 0;
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    margin-right: 15px;
}

.track-section__h-in {
    position: relative;
    z-index: 1;
    display: block;
    background: #75848c;
    padding: 7px 17px 7px 16px;
    letter-spacing: 0;
    border-radius: 2px;
}

.track-section__info {

}

.track-section__info-h {
    font-size: 12px;
}

.track-section__filter {
    display: inline-block;
    padding: 13px 10px;
    float: right;
    font-size: 13px;
    color: #abb7be;
    cursor: pointer;
}

.track-section__filter_type_pop .icon-img {
    width: 11px;
    height: 9px;
    background-position: -57px -177px;
    margin-right: 5px;
}

.track-section__filter_type_new .icon-img {
    width: 10px;
    height: 10px;
    background-position: -71px -177px;
    margin-right: 5px;
}

.track-section__filter-arrow {
    display: inline-block;
    width: 5px;
    height: 3px;
    background: url(/img/icons.png) -84px -177px no-repeat;
    position: relative;
    top: -3px;
    margin-left: 5px;
}

.track-section__filter-sect {
    float: right;
    margin-left: 25px;
}

.track-section__filter-sect_no-space_left {
    margin-left: 0;
}

.track-section__filter-h,
.track-section__filter-act {
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
    display: inline-block;
    color: #3d4a55;
    float: right;
    margin: -5px -10px;
    position: relative;
    border-radius: 3px;
}

.track-section__filter-h {
    font-weight: bold;
}

.track-section__filter-act_state_cur,
.track-section__filter-act.track-section__filter-act_state_cur:hover {
    background: #d2dadd;
    color: #3d4a55;
}

.track-section__filter-act_state_cur span {
    border-bottom: none;
}

.track-section__filter-act:hover {
    color: #ffbf00;
}

.track-section__filter-act_type_date .icon-img {
    margin-right: 5px;
    width: 11px;
    height: 11px;
    background-position: -92px -177px;
}

.track-section__filter-act_type_pop .icon-img {
    margin-right: 5px;
    width: 13px;
    height: 11px;
    background-position: -76px -75px;
}


.track-section__more {
    position: relative;
    margin: 0;
    text-align: center;
}

.track-section__more:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0;
    border-top: 1px solid #e5e8e9;
}

.track-section__more-in {
    background: #fcfcfc;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}

.track-section__more-btn {
    width: 165px;
}

/* track-section
------------------------------------------END--- */

/*  top-rate
------------------------------------------------ */

.top-rate {
    margin-bottom: 25px;
}

.top-rate__h {
    text-transform: uppercase;
    margin: 0 0 17px 0;
    padding: 0;
    text-decoration: underline;
    font-size: 18px;
    line-height: 1.2;
}

.top-rate__h .icon-img {
    width: 24px;
    height: 22px;
    background-position: -173px 0;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.top-rate_type_dj .top-rate__h .icon-img {
    width: 43px;
    height: 20px;
    background-position: -177px -50px;
    top: -2px;
}

.top-rate__lst {
    margin: 0 0 12px 0;
    padding: 0;
    list-style-type: none;
    background: url(/img/dotted-sep.png) 0 bottom repeat-x;
}

.top-rate__i {
    padding: 12px 0;
    position: relative;
    display: block;
    background: url(/img/dotted-sep.png) 0 0 repeat-x;
}

.top-rate__act {
    display: inline-block;
    color: #75848c;
    margin-bottom: 9px;
}

.top-rate__place {
    font-size: 12px;
}

.top-rate__place-num {
    font-size: 14px;
    line-height: 23px;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    border: 1px solid #abbdc6;
    text-align: center;
    border-radius: 20px;
}

.top-rate__i_style_1 .top-rate__place-num {
    background: #ffc300;
    border-color: #ffc300;
}

.top-rate__i_style_2 .top-rate__place-num {
    background: #abbdc6;
}

.top-rate__i_style_3 .top-rate__place-num {
    background: #ffaf3d;
    border-color: #ffaf3d;
}

.top-rate__place-inf {
    color: #b7bfc3;
}

.top-rate__more {
    text-align: center;
}

/* top-rate
------------------------------------------END--- */

/*  cash-info
------------------------------------------------ */

.cash-info {
    margin-bottom: 15px;
    padding-bottom: 13px;
    background: url(/img/dotted-sep.png) 0 bottom repeat-x;
    font-size: 18px;
    text-shadow: 0 1px 1px #fff;
    text-transform: uppercase;
}

.cash-info__h {
    display: inline-block;
    letter-spacing: 1px;
    margin-left: 12px;
}

.cash-info__h .icon-img {
    width: 15px;
    height: 15px;
    background-position: -140px -113px;
    margin-right: 9px;
}

.cash-info-right {
    float: right;
    margin-right: 5px;
}

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

.cash-info__btn {
    padding: 1px 5px;
    position: relative;
    text-align: center;
    top: -4px;
}

.cash-info__btn .icon-img {
    width: 10px;
    height: 10px;
    background-position: -17px -235px;
    position: relative;
    top: 1px;
}

/* cash-info
------------------------------------------END--- */

/*  small-info
------------------------------------------------ */

.small-info {
    margin: 19px 9px 15px 12px;
}

.small-info__header {
    margin-bottom: 10px;
}

.small-info__header:before,
.small-info__header:after {
    display: table;
    content: " ";
    clear: both;
}

.small-info__header:after {
    clear: both;
}

.small-info__h {
    text-transform: uppercase;
    font-size: 18px;
    float: left;
}

.small-info__act {
    position: relative;
    top: 0px;
    float: right;
    font-size: 12px;
}

.small-info__lst {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.small-info__i {
    display: block;
    margin-bottom: 6px;
}

.small-info__i-h {
    font-size: 12px;
    display: block;
}

/* small-info
------------------------------------------END--- */

/*  gifts-info
------------------------------------------------ */

.gifts-info {

}

.gifts-info__header {
    margin-bottom: 35px;
    font-size: 24px;
}

.gifts-info__h {
    display: inline-block;
    font-size: 24px;
    letter-spacing: 2px;
    margin-left: 3px;
    margin-right: 2px;
    text-decoration: underline;
    text-transform: uppercase;
    vertical-align: middle;
}

.gifts-info__num {
    display: inline-block;
    vertical-align: middle;
    color: #9bd677;
    text-shadow: 0 1px 1px #fff;
}

.gifts-info__wrap-img {
    margin-bottom: 35px;
    display: block;
    text-align: center;
}

.gifts-info__act-img {
    display: inline-block;
}

.gifts-info__img {
    display: block;
}

.gifts-info__lst {
    margin: 0 0 24px 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

.gifts-info__i {
    margin: 0;
    padding: 0 6px;
    display: inline-block;
}

.gifts-info__act {
    display: inline-block;
}

.gifts-info__prev-img {
    display: block;
}

.gifts-info__wrap-btn {
    text-align: center;
}

.gifts-info__btn {
    margin-bottom: 23px;
}

/* gifts-info
------------------------------------------END--- */

/*  content-more
------------------------------------------------ */

.content-more {
    position: relative;
    margin: 0;
    text-align: center;
}

.content-more:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0;
    margin-top: -1px;
    border-top: 1px solid #dee1e2;
    border-bottom: 1px solid #fff;
}

.content-more__in {
    background: url(/img/content-bg.png) repeat;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 24px;
}

.content-more__btn {
    width: 165px;
}

/* content-more
------------------------------------------END--- */

/*  bio-info
------------------------------------------------ */

.bio-info {
    margin-bottom: 25px;
    font-size: 13px;
}

.bio-info__header {
    margin-bottom: 10px;
}

.bio-info__h {
    display: inline-block;
    font-size: 24px;
    margin-bottom: 6px;
    margin-right: 15px;
    text-decoration: underline;
    text-transform: uppercase;
    vertical-align: middle;
}

.bio-info__lang {
    vertical-align: middle;
    display: inline-block;
    padding: 3px 14px;
    text-decoration: none;
    background: #d8dddf;
    color: #929da3;
    font-size: 11px;
    margin: -8px 0 0;
    border-radius: 9px;
}


/* bio-info
------------------------------------------END--- */

/*  comments
------------------------------------------------ */

.comments {
    margin-bottom: 44px;
}

.comments__header {
    margin-bottom: 15px;
}

.comments__h {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 24px;
    margin-right: 8px;
    letter-spacing: 2px;
}

.comments__num {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    text-shadow: 0 1px 1px #fff;
    color: #9bd677;
}

.comments__add {
    margin-bottom: 20px;
    position: relative;
}

.comments_state_unreg {
    margin-bottom: 52px;
}

.comments_state_unreg .comments__add-in {
    text-align: center;
    padding: 28px 35px 35px 35px;
    font-size: 12px;
}

.comments__enter-act {
    font-size: 14px;
}

.comments__reg-btn {
    margin-right: 15px;
}

.comments__add-ava {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.comments__add-ava-img {
    display: block;
    border-radius: 3px;
}

.comments__add-main {
    margin-left: 60px;
}

.comments .comments__add-txt {
    height: 65px;
    margin-bottom: 12px;
    border: 1px solid #ced0d1;
    width: 100%;
    box-sizing: border-box;

}

.comments__add-footer {
    padding-bottom: 15px;
}

.comments__add-footer:before,
.comments__add-footer:after {
    display: table;
    content: " ";
    clear: both;
}

.comments__add-footer:after {
    clear: both;
}

.comments__submit {
    float: left;
}

.comments__smiles {
    float: right;
    margin: 6px 0 0 0;
    padding: 0;
    list-style-type: none;
}

.comments__smiles-i {
    margin: 0 1px;
    padding: 0;
    opacity: 0.5;

    display: inline-block;
}

.comments__smiles-i:hover {
    opacity: 1;

}

.comments__smiles-act {
    display: inline-block;
}

.comments__smiles-act img {
    display: block;
}

.comments__sep {
    margin-bottom: 0;
}


.comments__lst {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.comments__i {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

.comments__i-ava {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    display: block;
}

.comments__i-ava-img {
    display: block;
    width: 100%;
    border-radius: 3px;
}

.comments__i-body {
    position: relative;
    margin-left: 60px;
    background: #fcfcfc;
    padding: 12px 12px 15px 12px;
    border-radius: 3px;
    margin-bottom: 22px;
}

.comments__i-body:before {
    background: #fcfcfc;
    position: absolute;
    left: -7px;
    top: 13px;
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px;

    z-index: 1;

}

.ie8 .comments__i-body:before {
    left: -8px;
    width: 8px;
    height: 18px;
    background: url(/img/ie-comments-arrow.png) 0 0 no-repeat;
}

.comments__i-body-header {
    margin-bottom: 8px;
    font-size: 11px;
}

.comments__i-name {
    font-size: 13px;
    display: inline-block;
    margin-right: 10px;
}

.comments__i-name .icon-img {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.comments__i-date {
    display: inline-block;
    color: #929da3;
    margin-right: 10px;
}

.comments__i-hash {

}

.comments__i-rate {
    display: block;
    color: #939ea3;
    position: relative;
    top: 2px;
    float: right;
    line-height: 14px;
}

.comments__i-rate-ctrl {
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    padding: 2px 5px;
    position: relative;
    top: 1px;
}

.comments__i-rate-ctrl_type_minus:hover {
    color: #ff512b;
}

.comments__i-rate-ctrl_type_plus:hover {
    color: #94dc64;
}

.comments__i-reply {
    color: #929da3;
    font-size: 11px;
    margin-right: 16px;
}

.comments__i-reply:hover {
    color: #353E47;
}

.comments__i-reply .icon-img {
    width: 12px;
    height: 10px;
    background-position: -42px -177px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}


/* comments
------------------------------------------END--- */

/*  empty-area
------------------------------------------------ */

.empty-area {
    color: #abb7be;
    text-align: center;
    padding: 15px 0;
    font-size: 13px;
}

/* empty-area
------------------------------------------END--- */


/*  categ-btns
------------------------------------------------ */

.categ-btns {
    margin-bottom: 15px;
}

.categ-btns__lst {
    font-size: 16px;
    margin: 0 0 0 -6px;
    padding: 0;
    list-style-type: none;
}

.categ-btns__i {
    margin: 0 0 10px 6px;
    padding: 0;
    position: relative;
    display: inline-block;
}

.categ-btns__act {
    display: block;
    position: relative;
    text-decoration: none;
    background: #d8dddf;
    padding: 6px 16px;
    border-radius: 16px;

    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}

.categ-btns__act:hover {
    background: #c3c8ca;
}

.categ-btns__i_state_cur .categ-btns__act {
    background: #ffbd00;
    color: #383e45;
}

.categ-btns__act-num {
    color: #383e45;
    display: inline-block;
    margin-left: 4px;
}

.categ-btns_size_small .categ-btns__act {
    padding: 2px 16px;
    font-size: 14px;
}

.categ-btns__i_type_add .categ-btns__act {
    background: none;
    color: #383e45;

    border: 1px dashed #a9b7c0;
    padding: 5px 16px;
}

.categ-btns_size_small .categ-btns__i_type_add .categ-btns__act {
    padding: 1px 16px;
}

.categ-btns__i_type_add .icon-img {
    width: 15px;
    height: 15px;
    background-position: -223px -26px;
    position: relative;
    top: 2px;
    margin-left: 4px;
}

/* categ-btns
------------------------------------------END--- */

/*  .track-detail
------------------------------------------------ */

.track-detail {

}

.track-detail__info {
    font-size: 13px;
    margin-bottom: 25px;
}


.track-detail__buy {
    background: #fff;
    padding: 10px 12px 3px 12px;
    margin-bottom: 35px;
    margin-right: 10px;
    border-radius: 4px;
}

.track-detail__buy-lst {
    margin: 0 0 0 -10px;
    padding: 0;
    list-style-type: none;

}

.track-detail__buy-i {
    margin: 0 10px 7px 10px;
    padding: 0;
    display: inline-block;

}

.track-detail__buy-act {
    display: inline-block;

}

.track-detail__prop {
    background: #dde1e3;
    padding: 15px;
    margin-bottom: 25px;
    border-radius: 4px;
}

.track-detail__prop-header {
    margin-bottom: 10px;
}

.track-detail__prop-lst {
    margin-bottom: 10px;
}

.track-detail__prop-i {
    font-size: 12px;
    margin-bottom: 5px;
}


.track-detail__prop-share-h {
    display: inline-block;
    position: relative;
    top: -5px;
    margin-right: 8px;
}

.track-detail__prop-share {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;

}

.track-detail__prop-share-i {
    display: inline-block;
}

.track-detail__notice {
    padding: 15px;
    margin-bottom: 25px;
    border: 1px dashed #b2b9bf;
    border-radius: 4px;
}

.track-detail__notice-h {
    font-size: 18px;
    line-height: 1.2;
    text-shadow: 0 1px 1px #fff;
    margin: 0 0 10px 0;
    padding: 0;
}

.track-detail__notice-h .icon-img {
    width: 17px;
    height: 16px;
    background-position: -225px -52px;
    margin-right: 7px;
}

.track-detail__notice-txt {
    font-size: 13px;
    margin-bottom: 15px;
}

.track-detail__notice-btn {
    width: 160px;
    display: block;
    margin: auto;
}

.track-detail__more-tracks {
    margin-bottom: 20px;
}


/* .track-detail
------------------------------------------END--- */

/*  shadow-v-left
------------------------------------------------ */

/*.shadow-v-left {
		position: relative;
		padding: 20px 0 0 30px;

		-webkit-box-shadow: 10 0 10px rgba(0, 0, 0, 0.9);
		-moz-box-shadow: 10 0 10px rgba(0, 0, 0, 0.9);
		box-shadow: inset 30px 0 35px -35px rgba(0, 0, 0, 0.1);

		-webkit-border-radius: 15px 0 0 15px;
		-moz-border-radius: 15px 0 0 15px;
		border-radius: 15px 0 0 15px;

		}*/
.shadow-v-left {
    position: relative;
    padding: 20px 0 0 30px;

}

.shadow-v-left:after {
    bottom: 50px;
    content: "";
    display: block;
    left: -100px;
    position: absolute;
    top: 50px;
    width: 100px;
    display: none;
    box-shadow: 11px 0 42px -40px rgba(0, 0, 0, 0.5);
}

.shadow-v-left .comments__header {
    margin-left: 0;
}

/* shadow-v-left
------------------------------------------END--- */

/*  tracks
------------------------------------------------ */

.tracks {
    margin-bottom: 30px;
    background: #f7f7f7;
    padding: 15px;
    border-radius: 4px;
}


.tracks_state_empty.tracks {
    text-align: center;
    padding: 30px;

}

.tracks__empty-h {
    color: #abb7be;
}

.tracks__empty-h-big {
    font-size: 18px;
    font-weight: bold;
}

.tracks__lst {
    margin: 0 0 0 20px;
    padding: 0;

}

.tracks__i {
    margin: 0;
    padding: 7px 11px;
    position: relative;
    border-radius: 16px;
}

.tracks__i:hover {
    background: #e8eaeb;
}


.tracks__i-ctrl {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    cursor: pointer;
    margin-right: 5px;
    vertical-align: middle;
    border-radius: 10px;

    background: rgb(116, 202, 241); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0Y2FmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iIzY5YzVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzRiYjNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NWIxZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(116, 202, 241, 1)), color-stop(28%, rgba(105, 197, 239, 1)), color-stop(83%, rgba(75, 179, 234, 1)), to(rgba(69, 177, 234, 1)));
    background: linear-gradient(to bottom, rgba(116, 202, 241, 1) 0%, rgba(105, 197, 239, 1) 28%, rgba(75, 179, 234, 1) 83%, rgba(69, 177, 234, 1) 100%); /* W3C */

}

.tracks__i-ctrl:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;

    width: 15px;
    height: 15px;
    border: 1px solid #5dbeed;
    border-radius: 8px;
}

.tracks__i_type_favorite .tracks__i-ctrl:before {
    border-color: #8c7b08;
}

.tracks__i_type_favorite .tracks__i-ctrl {
    background: #2c363d;
}

.tracks__i-ctrl:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 7px;
    width: 7px;
    height: 9px;
    background: url(/img/icons.png) -115px -24px no-repeat;
}

.tracks__i_type_favorite .tracks__i-ctrl:after {
    background-position: -106px -24px;

}

.tracks__i-ctrl_type_pause:after {
    background-position: -124px -24px;
    left: 6px;
}

.tracks__i_type_favorite .tracks__i-ctrl_type_pause:after {
    background-position: -133px -24px;
}

.ie8 .tracks__i-ctrl {
    background: #5dbeed;
}


.tracks__i-body {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 666px;
    vertical-align: middle;

}

.tracks__i-body:before,
.tracks__i-body:after {
    display: table;
    content: " ";
    clear: both;
}

.tracks__i-body:after {
    clear: both;
}

.tracks__i-h {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -1px;
}

.tracks__i-name {
    vertical-align: middle;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 290px;
}

.tracks__i-author {
    vertical-align: middle;
    color: #3a3f44;
    display: inline-block;
    margin-left: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 290px;
}

.tracks__i-author:hover {
    color: #ffbf00;
}

.tracks__i_type_favorite .tracks__i-author {
    margin-left: 0;
}

.tracks__i_type_favorite .tracks__i-author:before {
    display: inline-block;
    content: '';
    width: 11px;
    height: 10px;
    background: url(/img/icons.png) -156px 0 no-repeat;
    margin-right: 5px;
}


.tracks__buy-lst {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0 50px 0 0;
    padding: 0;
    list-style-type: none;
}

.tracks__buy-i {
    margin: 0 6px 0 0;
    padding: 0;
    display: inline-block;
}


/* tracks
------------------------------------------END--- */


/*  ctrl-nav
------------------------------------------------ */

.ctrl-nav {
    background: #fcfcfc;
    padding: 15px;
    margin-bottom: 25px;
    border-radius: 3px;
}

.ctrl-nav__section {
    border-top: 1px solid #e3e7e9;
    padding-top: 13px;
    margin-bottom: 13px;
}

.ctrl-nav__section:first-child {
    border-top: none;
    padding-top: 0;
}

.ctrl-nav__h {
    font-size: 18px;
    text-shadow: 0 1px 1px #fff;
    padding-left: 20px;
    margin: 0 0 5px 0;
    position: relative;
}

.ctrl-nav__profile-icon {
    width: 11px;
    height: 13px;
    background-position: -3px -317px;
    position: absolute;
    top: 5px;
    left: 0;
}

.ctrl-nav__msg-icon {
    width: 14px;
    height: 13px;
    background-position: -17px -317px;
    position: absolute;
    top: 5px;
    left: 0;
}

.ctrl-nav__friends-icon {
    width: 14px;
    height: 13px;
    background-position: -36px -317px;
    position: absolute;
    top: 5px;
    left: 0;
}

.ctrl-nav__lst {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 13px;
}

.ctrl-nav__i {
    margin: 0;
    padding: 0;
    display: block;
}

.ctrl-nav__act {
    position: relative;
    display: block;
    padding: 6px 12px 5px;
    margin-right: 13px;
    text-decoration: none;
}

.ctrl-nav__txt {
    text-decoration: underline;
    display: inline-block;
    margin-right: 7px;
}

.ctrl-nav__notice {
    font-size: 12px;
    padding: 2px 4px;
}

.ctrl-nav__i_state_cur .ctrl-nav__act {
    background: #ffbd00;
    color: #464e57;
}

.ctrl-nav__i_state_cur .ctrl-nav__txt {
    text-decoration: none;
}

.ctrl-nav__i_state_cur .ctrl-nav__act:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 13px;
    right: -13px;
    background: url(/img/nav-arrow.png) 0 0 no-repeat;
    background-size: 100% 100%;
}


/* ctrl-nav
------------------------------------------END--- */

/*  go-back
------------------------------------------------ */

.go-back {
    width: 15px;
    height: 13px;
    background-position: 0 -333px;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.go-back:hover {
    background-position: -17px -333px;
}

/* go-back
------------------------------------------END--- */

/*  settings-sect
------------------------------------------------ */

.settings-sect {
    margin-bottom: 15px;
}

/* settings-sect
------------------------------------------END--- */

/*  settings-type-lst
------------------------------------------------ */

.settings-type-lst {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.settings-type-lst__i {
    margin: 0 0 14px 0;
    padding: 0;
}

.settings-type-lst__i-el {
    display: inline-block;
    width: 167px;
}

.settings-type-lst__i-txt {
    display: inline-block;
    font-size: 12px;
    color: #adb7bc;
}

/* settings-type-lst
------------------------------------------END--- */

/*  settings-ava
------------------------------------------------ */

.settings-ava {

}

.settings-ava:before,
.settings-ava:after {
    display: table;
    content: " ";
    clear: both;
}

.settings-ava:after {
    clear: both;
}

.settings-ava__left {
    width: 202px;
    float: left;
}

.settings-ava__right {
    width: 154px;
    float: right;
}

.settings-ava .settings-ava__btn {
    margin-top: 8px;
    margin-bottom: 15px;
}


/* settings-ava
------------------------------------------END--- */

/*  el-edit
------------------------------------------------ */

.el-edit {
    margin-bottom: 20px;
}

.el-edit__i {
    margin-bottom: 8px;
    padding-left: 15px;
}

.el-edit__i-act {
    padding-left: 25px;
    display: inline-block;
    position: relative;
}

.el-edit__i .icon-img {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 3px;
    left: 0;
}

.el-edit__i_type_move .icon-img {
    background-position: -42px -194px;
}

.el-edit__i_type_del .icon-img {
    background-position: -63px -194px;
}

/* el-edit
------------------------------------------END--- */


/*  settings
------------------------------------------------ */

.settings {
    margin-left: 20px;
}

.settings__row {
    padding-top: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e3e7e9;
}

.settings__row:before,
.settings__row:after {
    display: table;
    content: " ";
    clear: both;
}

.settings__row:after {
    clear: both;
}

.settings__col {
    float: left;
    width: 370px;
    /*			background: #bada55;*/

    padding-left: 15px;
    box-sizing: border-box;
}

.settings__col_lt_right {
    float: right;
}

.settings__body {
    width: 220px;
    float: left;
    margin-right: 10px;
}

.settings__col_lt_right .settings__body {
    width: 185px;
}


.settings__h {
    font-size: 18px;
    margin-bottom: 13px;
    padding-left: 15px;
    position: relative;
}

.settings__h .icon-img {
    position: absolute;
    top: 3px;
    left: -20px;
}

.settings__h_type_msg .icon-img {
    width: 20px;
    height: 20px;
    background-position: 0 -390px;

}

.settings__h_state_new.settings__h_type_msg .icon-img {
    background-position: 0 -413px;
}

.settings__h_type_cash .icon-img {
    width: 16px;
    height: 16px;
    background-position: -25px -390px;

}

.settings__h_type_music .icon-img {
    width: 21px;
    height: 21px;
    background-position: -46px -390px;

}

.settings__h_type_photo .icon-img {
    width: 21px;
    height: 16px;
    background-position: -73px -390px;

}

.settings__h_type_poster .icon-img {
    width: 21px;
    height: 21px;
    background-position: -99px -390px;

}

.settings__h_type_blog .icon-img {
    width: 19px;
    height: 19px;
    background-position: -126px -390px;

}

.settings__h_type_friends .icon-img {
    width: 20px;
    height: 19px;
    background-position: -149px -390px;

}

.settings__h_type_stat .icon-img {
    width: 22px;
    height: 20px;
    background-position: -173px -390px;

}

.settings__h_type_page .icon-img {
    width: 22px;
    height: 21px;
    background-position: -72px -406px;

}

.settings__h-act {
    color: #464e57;
}

.settings__h-act:hover {
    color: #ffbf00;
}

.settings__btn {
    width: 115px;
    margin-bottom: 12px;
}

.settings__acts {
    overflow: hidden;
}

.settings_acts-lst {
    margin: 0 0 12px 0;
    padding: 0;
    list-style-type: none;
}

.settings_acts-lst_space_left {
    margin-left: 15px;
}

.settings__acts-i {
    margin: 0;
    padding: 0;
    display: block;
}

.settings__acts-i-act {
    padding: 0 0 8px 0;
    display: inline-block;
    line-height: 1.2;
}

.settings__links {
    margin-top: 20px;
    padding-bottom: 15px;
}

.settings__links:before,
.settings__links:after {
    display: table;
    content: " ";
    clear: both;
}

.settings__links:after {
    clear: both;
}

.settings__links-col {
    float: left;
    width: 185px;
    font-size: 13px;
    margin-right: 30px;
    padding-left: 20px;
    box-sizing: border-box;
}

.settings__links-col_lt_right {
    float: right;
}

.settings__links-col_type_small {
    width: 85px;
    font-size: 11px;
    margin-right: 0;
}

.settings__links-h {
    font-size: 18px;
    margin-bottom: 5px;
    position: relative;
}

.settings__links-h .icon-img {
    position: absolute;
    top: 5px;
    left: -20px;
}

.settings__links-h_type_prof .icon-img {
    width: 11px;
    height: 13px;
    background-position: -3px -317px;
}

.settings__links-h_type_fav .icon-img {
    width: 13px;
    height: 13px;
    background-position: -53px -317px;
}

.settings__links-h_type_wish .icon-img {
    width: 13px;
    height: 13px;
    background-position: -70px -317px;
}


.settings__links-lst {
    margin: 0 0 15px 0;
    padding: 0;
    list-style-type: none;
}

.settings__links-i {
    margin: 0;
    padding: 0;
    display: block;
}

.settings__links-act {
    display: inline-block;
    padding: 5px 0;
    line-height: 1.2;
}

.settings__links-col_type_small .settings__links-act {
    color: #a8b7c0;
    padding: 2px 0;
}

.settings__links-col_type_small .settings__links-act:hover {
    color: #000;
}

.settings__stat-bar {
    margin-bottom: 12px;
    margin-left: -18px;
}

.settings__stat-bar-h {
    font-size: 12px;
    margin-bottom: 7px;
}

.settings__stat-bar-range {
    border-top: 1px solid #929fa7;
    height: 4px;
    width: 162px;
    background: #a8b7c0;
    border-radius: 2px;
}

.settings__stat-bar-range-per {
    height: 5px;
    position: relative;
    top: -1px;

    background: rgb(255, 195, 0); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmFiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 195, 0, 1)), to(rgba(255, 171, 0, 1)));
    background: linear-gradient(to bottom, rgba(255, 195, 0, 1) 0%, rgba(255, 171, 0, 1) 100%); /* W3C */
    border-radius: 2px;
}

.ie8 .settings__stat-bar-range-per {
    background: #ffb900;
}

.settings__stat {
    margin-bottom: 12px;

}

.settings__stat-h {
    margin-bottom: 6px;
}

.settings__stat-lst {
    color: #abb7be;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.settings__stat-i {
    margin: 0 0 4px 0;
    padding: 0;
    display: block;
}

.settings__stat-i-h {
    display: inline-block;
    width: 70px;
    padding-right: 10px;
}


.settings__social-lst {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.settings__social-i {
    margin: 0 0 8px 0;
    padding: 0;
    display: block;
}

.settings__social-lst .settings__social-btn {
    width: 130px;
    text-align: left;
    margin-right: 34px;
    padding: 3px 12px;
}

/* settings
------------------------------------------END--- */

/*  social-btn
------------------------------------------------ */

.social-btn {

    display: inline-block;
    overflow: visible;
    border: none;
    color: #fff !important;
    font-family: Magistralc, Arial, Tahoma, Verdana, sans-serif;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);

    padding: 8px 12px;
    font-size: 14px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px;

    background: #abb7be;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);


    -webkit-transition: -webkit-box-shadow 0.1s linear;
    -webkit-transition: box-shadow 0.1s linear;
    transition: box-shadow 0.1s linear;
}

.social-btn.unactive,
.social-btn.unactive:hover {
    opacity: 0.5;
    cursor: default;
    box-shadow: none;
}

.social-btn:hover {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
}

.social-btn__icon {
    background: url(/img/social-icons.png?ac=4) 0 0 no-repeat;
    display: inline-block;
    margin-right: 7px;
    position: relative;
    vertical-align: middle;
}

.social-btn.social-btn_state_lock,
.social-btn.social-btn_state_lock:hover,
.social-btn.social-btn_state_lock:active {
    cursor: default;
    background: rgb(182, 187, 193); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I2YmJjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2IzYjhiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2E1YWNiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2E2YWViMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iI2EzYWFiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhM2E5YjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(182, 187, 193, 1)), color-stop(25%, rgba(179, 184, 191, 1)), color-stop(75%, rgba(165, 172, 179, 1)), color-stop(79%, rgba(166, 174, 179, 1)), color-stop(88%, rgba(163, 170, 178, 1)), to(rgba(163, 169, 176, 1)));
    background: linear-gradient(to bottom, rgba(182, 187, 193, 1) 0%, rgba(179, 184, 191, 1) 25%, rgba(165, 172, 179, 1) 75%, rgba(166, 174, 179, 1) 79%, rgba(163, 170, 178, 1) 88%, rgba(163, 169, 176, 1) 100%); /* W3C */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);

}

.ie8 .social-btn_state_lock,
.ie8 .social-btn_state_lock:hover,
.ie8 .social-btn_state_lock:active {
    background: #a8aeb5 !important;
}


.social-btn_style_info,
.social-btn_style_info:hover,
.social-btn_style_info:active {
    box-shadow: 0 0 0;

    cursor: default;
}

.social-btn_type_vk {
    background: rgb(133, 162, 204); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg1YTJjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzgxOWZjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iIzZhOGRjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Mjg3YmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(133, 162, 204, 1)), color-stop(18%, rgba(129, 159, 202, 1)), color-stop(74%, rgba(106, 141, 192, 1)), to(rgba(98, 135, 188, 1)));
    background: linear-gradient(to bottom, rgba(133, 162, 204, 1) 0%, rgba(129, 159, 202, 1) 18%, rgba(106, 141, 192, 1) 74%, rgba(98, 135, 188, 1) 100%); /* W3C */
}

.ie8 .social-btn_type_vk {
    background: #7193c4;
}

.social-btn_type_vk .social-btn__icon {
    width: 17px;
    height: 17px;
    background-position: 0 0;
    top: -1px;
}


.social-btn_type_ok {
    background: rgb(255, 170, 88); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWE1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2ZmYTI1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2ZmOGE0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjg0M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 170, 88, 1)), color-stop(26%, rgba(255, 162, 81, 1)), color-stop(76%, rgba(255, 138, 65, 1)), to(rgba(255, 132, 58, 1)));
    background: linear-gradient(to bottom, rgba(255, 170, 88, 1) 0%, rgba(255, 162, 81, 1) 26%, rgba(255, 138, 65, 1) 76%, rgba(255, 132, 58, 1) 100%); /* W3C */
}

.ie8 .social-btn_type_ok {
    background: #ff9346;
}

.social-btn_type_ok .social-btn__icon {
    width: 17px;
    height: 18px;
    background-position: -20px 0;
    top: 1px;
}


.social-btn_type_fb {
    background: rgb(103, 149, 201); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3OTVjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iIzVmOTFjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iIzNlN2ZjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNzdiYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(103, 149, 201, 1)), color-stop(24%, rgba(95, 145, 200, 1)), color-stop(79%, rgba(62, 127, 195, 1)), to(rgba(55, 123, 193, 1)));
    background: linear-gradient(to bottom, rgba(103, 149, 201, 1) 0%, rgba(95, 145, 200, 1) 24%, rgba(62, 127, 195, 1) 79%, rgba(55, 123, 193, 1) 100%); /* W3C */
}

.ie8 .social-btn_type_fb {
    background: #4c86c4;
}

.social-btn_type_fb .social-btn__icon {
    width: 11px;
    height: 17px;
    background-position: -40px 0;
    top: -1px;
}


.social-btn_type_tw {
    background: rgb(106, 209, 255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZhZDFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OGMyZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(106, 209, 255, 1)), to(rgba(88, 194, 255, 1)));
    background: linear-gradient(to bottom, rgba(106, 209, 255, 1) 0%, rgba(88, 194, 255, 1) 100%); /* W3C */

}

.ie8 .social-btn_type_tw {
    background: #60c8ff;
}

.social-btn_type_tw .social-btn__icon {
    width: 19px;
    height: 17px;
    background-position: -54px 0;
    top: -1px;
}


.social-btn_type_gl {
    background: rgb(255, 72, 53); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNDgzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZmNDAyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2ZmMzExYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2ZmMWQwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjMTgwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iI2VkMTgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2U1MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 72, 53, 1)), color-stop(15%, rgba(255, 64, 45, 1)), color-stop(29%, rgba(255, 49, 28, 1)), color-stop(44%, rgba(255, 29, 8, 1)), color-stop(50%, rgba(252, 24, 2, 1)), color-stop(59%, rgba(237, 24, 0, 1)), color-stop(76%, rgba(229, 0, 0, 1)), to(rgba(223, 0, 0, 1)));
    background: linear-gradient(to bottom, rgba(255, 72, 53, 1) 0%, rgba(255, 64, 45, 1) 15%, rgba(255, 49, 28, 1) 29%, rgba(255, 29, 8, 1) 44%, rgba(252, 24, 2, 1) 50%, rgba(237, 24, 0, 1) 59%, rgba(229, 0, 0, 1) 76%, rgba(223, 0, 0, 1) 100%); /* W3C */

}

.ie8 .social-btn_type_gl {
    background: #e90d00;
}

.social-btn_type_gl .social-btn__icon {
    width: 21px;
    height: 17px;
    background-position: -75px 0;
    top: -1px;
}

/* social-btn
------------------------------------------END--- */

/*  search
------------------------------------------------ */

.search {
    margin-bottom: 0;
    position: relative;

}

.search .search__main {
    margin-bottom: 20px;
}

.search .search__input {
    height: 48px;
    width: 655px;
    font-size: 18px;
}

.ie8 .search .search__input {
    line-height: 48px;
}

.search .search__btn {
    padding: 17px 20px 15px;
    width: 177px;
}

.search .search__style {
    margin-bottom: 20px;
    position: relative;
    z-index: 100;
}

.search .search__style:after {
    content: '';
    position: absolute;
    z-index: -0;
    bottom: 1px;
    left: 10px;
    right: 10px;
    height: 20px;
    border-radius: 0 0 40% 40% / 0 0 5px 5px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
}

.search__style-in {
    padding-bottom: 20px;
    background: #efefef url("/img/content-bg.png");
    position: relative;
    z-index: 1;
}

.search .search__style-h,
.search .search__type-h {
    width: 74px;
    text-align: left;
    vertical-align: middle;
}

.search__style-types {
    width: 578px;
}

.search__style-act {
    display: inline-block;
    color: #abb7be;
    vertical-align: middle;
}

.search .search__type {
    margin-bottom: 20px;
}

.search .search__type-select {
    width: 310px;
}


.search__type-set-lst {
    font-size: 12px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
    position: relative;
    top: 10px;
}

.search__type-set-lst-i {
    margin: 0 0 0 15px;
    padding: 0;

    display: inline-block;
}

.search__type-set-lst-i .custom-checkbox__img {
    top: 1px;
}

/* search
------------------------------------------END--- */

/*  pass-field
------------------------------------------------ */

.pass-field {
    display: inline-block;
    width: 290px;
    height: 35px;
    position: relative;
    vertical-align: middle;
    margin-right: 15px;
}

.pass-field__input {
    position: absolute;
    top: 0;
    left: 0;
}

.pass-field__input_type_fake {
    display: none;
}

.pass-field_pass_shown .pass-field__input_type_fake {
    display: inline-block;
}

.pass-field_pass_shown .pass-field__input_type_original {
    display: none;
}

.pass-field__ctrl {
    position: absolute;
    top: 12px;
    right: 11px;
    width: 19px;
    height: 12px;
    background: url(/img/icons.png) -107px -177px no-repeat;
    cursor: pointer;
}

.pass-field_pass_shown .pass-field__ctrl {
    background-position: -129px -177px;
}

/* pass-field
------------------------------------------END--- */

.small-txt {
    font-size: 12px;
}


/*  download
------------------------------------------------ */

.download {
    margin-bottom: 10px;
}

.download:before,
.download:after {
    display: table;
    content: " ";
    clear: both;
}

.download:after {
    clear: both;
}

.download__msg {
    margin-bottom: 30px;
}

.download__track {
    width: 400px;
    float: left;
    margin-bottom: 27px;
}

.download__track-body {
    text-align: center;
    font-size: 12px;
    width: 150px;
    min-height: 150px;
    border: 1px dashed #acb7bd;
    float: left;
    margin-right: 10px;
    padding: 15px 10px 10px 10px;
    border-radius: 10px;
    box-sizing: border-box;
}

.download__track-per {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ffbd00;
    font-size: 16px;
    position: relative;
    margin-bottom: 5px;
}

.download__track-per-txt {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.download__track-per img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.download__track-icon {
    width: 39px;
    height: 40px;
    background-position: 0 -468px;
    margin-bottom: 10px;
}

.download__track_state_done .download__track-icon {
    background-position: -42px -468px;
}

.download__track-name {
    margin-bottom: 5px;
}

.download__track-name-legend {
    color: #adb7bc;
    font-size: 11px;
}

.download__track__bar {
    width: 128px;
}

.download__track__bar-body {
    width: 105px;
}

.download__track-notice {
    color: #abb7be;
}

.download__track-btn-wrap {
    margin-bottom: 15px;
}

.download__track-btn {
    width: 165px;
}

.download__track-set {
    padding-left: 10px;
    overflow: hidden;
}


.download__cover {
    width: 440px;
    float: right;
}

.download__cover-wrap {
    width: 150px;
    height: 150px;
    position: relative;
    float: left;
    margin-right: 15px;
}

.download__cover-wrap:after {
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 3px;
    left: 5px;
    right: 5px;
    height: 30px;
    border-radius: 0 0 15% 15% / 0 0 50px 50px;
    box-shadow: 0 12px 15px rgba(0, 0, 0, .2), 0 2px 6px rgba(0, 0, 0, .3);
}

.download__cover-in {
    position: relative;
    z-index: 1;
}

.download__cover-img {
    display: block;
    border: 2px solid #fff;
}


.download__cover-h {
    font-size: 20px;
    padding-left: 5px;
    margin-bottom: 13px;
}

.download__cover-btn-wrap {
    margin-bottom: 15px;
}


/* download
------------------------------------------END--- */

/*  track-bar
------------------------------------------------ */

.track-bar {

}

.track-bar__ctrl {
    display: inline-block;
    width: 11px;
    height: 12px;
    background-position: -44px -63px;
    margin-right: 6px;
    cursor: pointer;
    vertical-align: middle;
}

.track-bar__ctrl_state_pause {
    background-position: -4px -63px;
}

.track-bar__body {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    height: 4px;
    background: #a9b7c0;
    border-top: 1px solid #93a0a8;
    border-radius: 2px;
}

.track-bar__body-range {
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    height: 5px;

    background: rgb(255, 195, 0); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmFiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 195, 0, 1)), to(rgba(255, 171, 0, 1)));
    background: linear-gradient(to bottom, rgba(255, 195, 0, 1) 0%, rgba(255, 171, 0, 1) 100%); /* W3C */
    border-radius: 2px;

}

.ie8 .track-bar__body-range {
    background: #ffb900;
}


.track-bar__body-range-ctrl {
    display: block;
    position: absolute;
    top: -4px;
    right: -2px;
    width: 15px;
    height: 16px;
    background-position: -138px -7px;
    cursor: pointer;
}

/* track-bar
------------------------------------------END--- */

/*  custom-select
------------------------------------------------ */

.c-select, .c-selectz {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    font-size: 14px;
    width: 290px;
}

.c-select_width_wide {
    width: 676px;
}

.c-select__h {
    cursor: pointer;
    display: block;
    padding: 0 40px 0 13px;
    height: 31px;
    line-height: 33px;

    text-shadow: 0 1px 1px #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);

    background: rgb(223, 226, 227); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZTJlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQ3ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(223, 226, 227, 1)), to(rgba(210, 215, 217, 1)));
    background: linear-gradient(to bottom, rgba(223, 226, 227, 1) 0%, rgba(210, 215, 217, 1) 100%); /* W3C */


}

.ie8 .c-select__h {
    background: #d8dcde;
}

.c-select__h-arrow {
    position: absolute;
    right: 10px;
    top: 13px;
    width: 10px;
    height: 7px;
    background-position: -29px -246px;
}

.c-select__h-sub {
    font-size: 12px;
    color: #78848a;
}

.c-select__popup {
    display: none;
    z-index: 10;
    padding: 1px;
    position: absolute;
    top: 39px;
    background: #f9f9f9;
    left: 0;
    right: 0;

    border: 1px solid #ced0d1;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

.c-select:hover .c-select__popup {
    display: block;
}

.c-select__popup:before {
    display: block;
    content: '';
    position: absolute;
    top: -10px;
    height: 20px;
    left: 0;
    right: 0;
}

.c-select__popup-lst {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.c-select__popup-i {
    margin: 0;
    padding: 5px 13px;
    cursor: pointer;
}

.c-select__popup-i:hover {
    background: #d9dddf;
}

.c-select__popup .c-select__popup-i_state_cur {
    background: #ffb100;
}


.c-select__popup-body {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.c-select__popup_state_scroll .c-select__popup-body {
    margin-right: 14px;
}

.c-select__popup-scroll {
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 2px;
    width: 10px;
}

.c-select__popup-scroll-ctrl {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 35px;
    background: #a6b6bf;
    cursor: pointer;
    border-radius: 2px;
}

/* custom-select
------------------------------------------END--- */


/*  dropdown-sel
------------------------------------------------ */

.dropdown-sel {
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

.dropdown-sel .dropdown-sel__input {
    margin-right: 0;
}

.dropdown-sel__popup {
    display: none;
    z-index: 10;
    padding: 1px;
    position: absolute;
    top: 39px;
    background: #f9f9f9;
    left: 0;
    right: 0;

    border: 1px solid #ced0d1;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

.dropdown-sel:hover .dropdown-sel__popup {
    display: block;
}

.dropdown-sel__popup:before {
    display: block;
    content: '';
    position: absolute;
    top: -10px;
    height: 20px;
    left: 0;
    right: 0;
}

.dropdown-sel__popup-lst {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.dropdown-sel__popup-i {
    margin: 0;
    padding: 5px 13px;
    cursor: pointer;
}

.dropdown-sel__popup-i:hover {
    background: #d9dddf;
}


.dropdown-sel__popup-body {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.dropdown-sel__popup_state_scroll .dropdown-sel__popup-body {
    margin-right: 14px;
}

.dropdown-sel__popup-scroll {
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 2px;
    width: 10px;
}

.dropdown-sel__popup-scroll-ctrl {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 35px;
    background: #a6b6bf;
    cursor: pointer;
    border-radius: 2px;
}

/* dropdown-sel
------------------------------------------END--- */


/*  styles-container
------------------------------------------------ */

.styles-container {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    margin-right: 15px;

    border: 1px solid #ced0d1;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #e7e9eb;

    min-height: 35px;

}

.styles-container_wide {
    width: 676px;
}

.styles-container .styles-container__i {
    position: relative;
    top: 4px;
    margin-right: 2px;
}

.styles-container__i:first-child {
    margin-left: 4px;
}

/* styles-container
------------------------------------------END--- */

/*  style-item
------------------------------------------------ */

.style-item {
    vertical-align: middle;
    position: relative;
    display: inline-block;
    background: #acb6bb;
    height: 27px;
    line-height: 27px;
    padding: 0 40px 0 12px;
    margin-right: 7px;
    margin-bottom: 9px;
    border-radius: 3px;
}

.style-item_style_bright {
    background: #ffb500;
}

.style-item__ctrl {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 27px;
    background: #3d4a55;
    border-radius: 0 3px 3px 0;

    cursor: pointer;
}

.style-item__ctrl:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -5px;
    background: url(/img/icons.png) -46px -150px no-repeat;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

/* style-item
------------------------------------------END--- */

/*  type-item
------------------------------------------------ */

.type-item {
    position: relative;
    display: inline-block;
    background: #ccd4d8;
    height: 27px;
    line-height: 27px;
    padding: 0 12px;
    margin-right: 15px;
    vertical-align: middle;
    border-radius: 3px;
}

.type-item_style_del {
    background: #ffb500;
    padding: 0 40px 0 12px;
}

.type-item__ctrl {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 27px;
    background: #3d4a55;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
}

.type-item__ctrl:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -5px;
    background: url(/img/icons.png) -46px -150px no-repeat;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.type-item .icon-img {
    position: relative;
    top: 4px;
    margin-right: 7px;
}

.type-item_type_dj .icon-img {
    width: 16px;
    height: 16px;
    background-position: -3px -113px;
}

.type-item_type_mus .icon-img {
    width: 13px;
    height: 15px;
    background-position: -25px -113px;
}

.type-item_type_prod .icon-img {
    width: 13px;
    height: 15px;
    background-position: -46px -113px;
}

/* type-item
------------------------------------------END--- */

/*  wysiwyg
------------------------------------------------ */

.wysiwyg {
    margin-bottom: 25px;
}

.wysiwyg:before,
.wysiwyg:after {
    display: table;
    content: " ";
    clear: both;
}

.wysiwyg:after {
    clear: both;
}

.wysiwyg__body {
    float: left;
    width: 677px;
}

.wysiwyg__h {
    font-size: 16px;
    margin-bottom: 7px;
}

.wysiwyg__photo-video {
    width: 204px;
    float: right;
    margin-right: 13px;

}

.wysiwyg__photo-video-body {
    border: 1px dashed #adb6bb;
    font-size: 12px;
    min-height: 223px;
    margin-bottom: 15px;
    border-radius: 10px;

    padding: 8px;
}

.wysiwyg__photo-video-img {
    display: block;
    float: left;
    margin-right: 8px;
    margin-bottom: 10px;
}

.wysiwyg__photo-video .wysiwyg__photo-video-txt {
    width: 110px;
    height: 43px;
    margin-right: 0;
    font-size: 12px;
    padding: 5px;
    margin-bottom: 10px;
}

.wysiwyg__photo-video-act {
    color: #adb7bc;
    display: inline-block;
    margin-right: 11px;
}

.wysiwyg__photo-video-btn {
    width: 125px;
    margin-right: 14px;
}

.wysiwyg__photo-video-del {
    width: 11px;
    height: 11px;
    background-position: -72px -350px;
    cursor: pointer;
    vertical-align: middle;
}

.wysiwyg__photo-video-del:hover {
    background-position: -72px -367px;
}

/* wysiwyg
------------------------------------------END--- */

.input-txt {
    margin-right: 11px;
}

/*  input-ctrl
------------------------------------------------ */

.input-ctrl {
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-right: 8px;
    cursor: pointer;
}

.input-ctrl_type_ok {
    background-position: 0 -510px;
}

.input-ctrl_type_del {
    background-position: -23px -510px;
}

/* input-ctrl
------------------------------------------END--- */

.input-calendar {
    width: 14px;
    height: 14px;
    background-position: -190px -194px;
    cursor: pointer;
    vertical-align: middle;
}

/*  graph-info
------------------------------------------------ */

.graph-info {
    padding-bottom: 25px;
}

.graph-info img {
    display: block;
}

/* graph-info
------------------------------------------END--- */


/*  Form elements
------------------------------------------------ */

.form-line__group {
    margin-bottom: 35px;
}

.form-line {
    margin-bottom: 12px;
    position: relative;
}

.form-line_space_bot {
    margin-bottom: 25px;
}

.form-notice {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: #adb7bc;
}

.form-notice__body {
    /*position: absolute;
				left: 0;
				top: -5px;
				width: 160px;
				display: inline-block;*/

    display: inline-block;
    left: 0;
    line-height: 14px;
    position: absolute;
    top: -4px;
    width: 200px;

}

.form-notice_type_fail {
    color: #fb5a3c;
}

.form-sect {
    background: #ccd4d8;
    padding: 25px 20px 25px 30px;
    margin: 35px 0 40px -19px;
    border-radius: 4px;
}

.form-sect_type_reg {
    margin: 0;
    padding-left: 187px;
}

.form-sect_text_center {
    text-align: center;
}

.form-sect__btn {
    width: 225px;
    margin-right: 10px;
}

input.custom-input,
textarea.custom-input {
    padding: 0 10px;
    width: 268px;
    font-size: 16px;
    border: 1px solid #ced0d1;
    background: #fff;

    font-family: Arial, Tahoma, sans-serif;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #e7e9eb;

    color: #414a52;

    margin-right: 15px;
}

.custom-input_width_wide.custom-input {
    width: 654px;
}

.custom-input_width_small.custom-input {
    width: 58px;
}

.form-line__col {
    display: inline-block;
}

.form-line__col_space_right {
    margin-right: 15px;
}

.form-line__col_type_style-sel {
    vertical-align: top;
    padding-top: 3px;
    width: 295px;
}

.form-line__col_type_styles {
    width: 335px;
    vertical-align: top;
}

.form-label__sep {
    display: inline-block;
    margin-right: 15px;
}

.custom-input.custom-input_type_fail {
    border: 1px solid #ff7c5f;
}


.ie8 input.custom-input {
    line-height: 33px;
}

input.custom-input {
    height: 33px;
    vertical-align: middle;
}

textarea.custom-input {
    height: 160px;
    padding: 10px;
}

.form-act {
    font-size: 12px;
}

.form-label {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    padding-right: 20px;
    text-align: right;
    font-size: 16px;
}

.form-label-legend {
    display: block;
    color: #adb7bc;
    margin-bottom: 10px;
}

.form-label_lt_textarea {
    vertical-align: top;
    position: relative;
    top: 2px;
}

.form-legend {
    display: block;
    padding-left: 15px;
    margin-top: 8px;
    color: #adb7bc;
    width: 275px;
}

.form-legend-right {
    font-size: 12px;
    color: #adb7bc;
}


.form-legend_width_auto {
    width: auto;
}

.form-legend_space_label {
    margin-left: 190px;
}

.form-label_width_same {
    width: 165px;
}

.form-space-label {
    margin-left: 209px;
}

.form-label_layout_top {
    display: block;
    margin-bottom: 7px;
    padding-left: 17px;
    text-align: left;
}

.form-lst {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.form-lst__i {
    display: block;
    margin: 0 0 8px 0;
    padding: 0;
}

.required-mark {
    color: #ff0000;
    font-size: 17px;
}


::-webkit-input-placeholder {
    color: #adb7bc;
}

:-moz-placeholder {
    color: #adb7bc;
}

::-ms-input-placeholder {
    color: #adb7bc;
}

.placeholder {
    color: #adb7bc !important;

}

.custom-input {
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.custom-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted 9;
    /* IE6-9 */
    box-shadow: inset 0 1px 1px #e7e9eb, 0 0 5px rgba(82, 168, 236, 0.6);
}

.custom-input.custom-input_type_fail:focus {
    border-color: #ff7c5f;
    box-shadow: inset 0 1px 1px #e7e9eb, 0 0 5px rgba(255, 124, 95, 0.8);
}


.form-success {
    color: #52c260;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
}

.form-fail {
    color: #ea6262;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
}


/*  multisel
	------------------------------------------------ */

.multisel {
    position: relative;
    border: 1px solid #ced0d1;
    background: #fff;
    padding: 5px;
    color: #414a52;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #e7e9eb;
}

.multisel-body {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.multisel_state_scroll .multisel-body {
    margin-right: 19px;
}

.multisel-scroll {
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    width: 14px;
}

.multisel-scroll-ctrl {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 59px;
    background: #384a58;
    cursor: pointer;
    border-radius: 2px;
}


.multisel__lst {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.multisel__i {
    margin: 0;
    padding: 5px 13px;
    cursor: pointer;
}

.multisel__i:hover {
    background: #d9dddf;
}

.multisel__i_state_sel {
    font-weight: bold;
}

/* multisel
	------------------------------------------END--- */


/*  add-multisel
	------------------------------------------------ */

.add-multisel {
    margin-right: 15px;
    display: inline-block;
    width: 650px;
    position: relative;
    border: 1px solid #ced0d1;
    background: #fff;
    padding: 7px 7px 1px 17px;
    color: #414a52;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #e7e9eb;
}

.add-multisel-body {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.add-multisel_state_scroll .add-multisel-body {
    margin-right: 10px;
}

.add-multisel-scroll {
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 3px;
    width: 10px;
}

.add-multisel-scroll-ctrl {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 29px;
    background: #afb7bc;
    cursor: pointer;
    border-radius: 2px;
}


.add-multisel__lst {
    margin: 0 0 0 25px;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
}

.add-multisel__i {
    margin: 0 0 6px 0;
    padding: 0;
    cursor: pointer;
}

.add-multisel__time,
.add-multisel__name {
    font-weight: normal;
    display: inline-block;
    height: 27px;
    line-height: 27px;
    background: #eef0f2;
    padding: 0 10px;
    position: relative;
    vertical-align: middle;
    border-radius: 3px;
}

.add-multisel__time {
    width: 36px;
    margin-right: 4px;
}

.add-multisel__name {
    padding-right: 40px;
}

.add-multisel__name-ctrl {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 27px;
    background: #3d4a55;
    border-radius: 0 3px 3px 0;

    cursor: pointer;
}

.add-multisel__name-ctrl:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -5px;
    background: url(/img/icons.png) -46px -150px no-repeat;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.add-multisel__notice {
    vertical-align: top;

}

.add-multisel__notice-body {
    width: 200px;
}

.add-multisel__format {
    display: block;
    color: #3d4a55;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 9px;
}

.add-multisel__btn {
    width: 120px;
}


/* add-multisel
	------------------------------------------END--- */


/*  Custom checkbox/radio
	------------------------------------------------ */

.form-label-chec-rad {
    cursor: pointer;
    position: relative;
    padding: 2px 20px 2px 20px;
    zoom: 1;
}

.form-label-chec-rad input {
    position: absolute;
    top: 3px;
    left: 0;
}


.js .custom-checkbox,
.js .custom-radio {
    cursor: pointer;
    overflow: hidden;
    padding-left: 25px !important;
}

.js .custom-checkbox input,
.js .custom-radio input {
    left: -99999px;
}

.custom-checkbox__img {
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(/img/checkbox-radio.png) 0 0 no-repeat;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.js .c-on .custom-checkbox__img {
    background-position: 0 -17px;
}

.custom-radio__img {
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(/img/checkbox-radio.png) -17px -16px no-repeat;
    overflow: hidden;
}

.js .r-on .custom-radio__img {
    background-position: 0 -16px;
}

.js .custom-radio {
    height: 27px;
    line-height: 27px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 34px !important;
    padding-right: 13px !important;
    border-radius: 3px;
}

.js .r-on.custom-radio {

    background: #ffb900;
}

.js .custom-radio_type_man .custom-radio__img,
.js .custom-radio_type_woman .custom-radio__img {
    background: url(/img/icons.png) 0 0 no-repeat;
    width: 15px;
    height: 18px;
    top: 5px;
    left: 11px;
}

.js .custom-radio_type_man .custom-radio__img {
    background-position: 0 -531px;
}

.js .custom-radio_type_woman .custom-radio__img {
    background-position: -16px -531px;
}

/* Custom checkbox/radio
	------------------------------------------END--- */

/*  profile-name
------------------------------------------------ */

.profile-name {
    display: inline-block;
    width: 290px;
    margin-right: 15px;
}

.profile-name .profile-name__input {
    width: 200px;
    margin-right: 0;
}

/* profile-name
------------------------------------------END--- */


/* Form elements
------------------------------------------END--- */

/*  user-welcome
------------------------------------------------ */

.user-welcome {
    margin-bottom: 50px;
}

.user-welcome__ava {
    float: left;
    margin-right: 30px;
}

.user-welcome__body {
    overflow: hidden;
}

.user-welcome__name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.user-welcome__name-txt {
    display: inline-block;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.user-welcome__msg {
    margin-bottom: 15px;
}

/* user-welcome
------------------------------------------END--- */


/*  enter-social
------------------------------------------------ */

.enter-social {
    margin-bottom: 35px;
}

.enter-social__lst {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: table;
    width: 100%;
}

.enter-social__i {
    display: table-cell;
    text-align: center;
}

.enter-social__i a {
    border-radius: 5px;
}

/* enter-social
------------------------------------------END--- */


/*  Footer elements
------------------------------------------------ */


.bottom-logo {
    float: left;
    margin: 3px 15px 0 25px;
}

.bottom-col-l {
    float: left;
    margin-bottom: 40px;
}

.copyright {
    font-size: 12px;
    color: #78848a;
    margin-bottom: 3px;
}

.bottom-menu {
    width: 600px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
}

.bottom-menu__i {
    float: left;
    margin-bottom: -3px;
    padding-bottom: 0;
    width: 189px;
}

.bottom-menu__i.first-col {
    width: 164px;
}

.bottom-menu__i a {
    display: inline-block;
    padding: 2px 0;
}

.bottom-col-r {
    float: right;
}

.bottom-promo {
    float: left;
    width: 150px;
    margin-right: 87px;
    font-size: 12px;
    color: #78848a;
}

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


/* Footer elements
------------------------------------------END--- */


/* Custom table
-----------------------------------*/

.custom-table {
    margin: 10px 0;
    width: 100%;
}

.custom-table__header td,
.custom-table th {
    padding-top: 0;
    background: #d2dadd;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #3d4a55;
    text-shadow: 0 1px 1px #fff;
    font-weight: bold;
    letter-spacing: 1px;
    border-bottom: 3px solid #ffb500 !important;
}


.custom-table th,
.custom-table td {
    border: 1px solid #75848c;
    padding: 10px 15px;
    vertical-align: top;
    font-size: 16px;
}

.custom-table__line,
.custom-table__even {
    background: #e4e8ea;
}

.custom-table tr:hover {
    background: #d8dcde;
}


/* Custom table ---end-----*/


/*  Modal window
------------------------------------------------ */

.arcticmodal-overlay,
.arcticmodal-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.arcticmodal-container {
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}

*:first-child + html .arcticmodal-container {
    height: 100%
}

.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto;
}

.arcticmodal-container_i2 {
    padding: 24px;
    margin: 0;
    border: 0;
    vertical-align: middle;
}

.arcticmodal-error {
    padding: 20px;
    border-radius: 10px;
    background: #000;
    color: #fff;
}

.arcticmodal-loading {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background: #000 url(/images/loading.gif) no-repeat 50% 50%;
}


.modal-window {
    position: relative;
    width: 700px;
    background: #efefef url(/img/content-bg.png) 0 0 no-repeat;
    border-radius: 4px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, .9);
}


.ie8 .modal-window {
    border: 1px solid #ccc;
}


.modal-window__wrapper {
    display: none;
}

.modal-window__close {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 27px;
    height: 26px;
    background-position: 0 -438px;
    z-index: 2;
    cursor: pointer;
    overflow: visible;
}

.modal-window__close:hover {
    background-position: -31px -438px;
}

.modal-window__close-txt {
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 100%;
    margin-left: 10px;
    color: #fff;
}

.modal-window__body {
    padding: 35px 20px 15px 20px;
}

.modal-window__h {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 35px 0;
    padding: 0;
    text-align: center;
    position: relative;
}

.modal-window__h:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0;
    margin-top: -1px;
    border-top: 1px solid #dee1e2;
    border-bottom: 1px solid #fff;
}

.modal-window__h-in {
    background: url(/img/content-bg.png) repeat;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 24px;
}


/* Modal window
------------------------------------------END--- */


/*  Helpers
------------------------------------------------ */

code {
    padding: 0 2px;
    border: 1px dashed #ccc;
    background: #f0f2f0;
    font-size: 16px;
}

.attention-h {
    color: #ff0000;
}

/* Helpers
------------------------------------------END--- */


/* Afisha
------------------------------------------------ */
.icon-img.h-enter {
    background-position: 0 -332px;
    height: 16px;
    margin: 4px 11px 3px 2px;
    width: 16px;
}

.h1-letter {
    letter-spacing: 2px;
}

.check-list {
    list-style: none outside none;
    padding: 9px 0 0 22px;
}

.check-list li {
    float: left;
    margin: 0 5px 0 0;
}

.check-list li a {
    display: block;
    font-size: 16px;
    padding: 6px 15px;
}

.check-list li.active a, .check-list li.active a:hover {
    background: #d8dddf;
    cursor: default;
    color: #57A1C7;


    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

input.search-input.afisha {
    background: url("/img/icons.png") repeat scroll 100% -568px #FFFFFF;
    font-style: italic;
    height: 39px;
    padding: 0 31px 0 10px;
    width: 238px;
    margin-right: 33px;
}

.none-all-margin {
    margin: 0;
}

.city-selection {
    padding: 0;
    position: relative;
    top: 1px;
    vertical-align: text-top;
}

.city-selection a {
    color: #6a7881;
}

.icon-img.place {
    background-position: -32px -150px;
    height: 11px;
    margin: 0 1px 0 0;
    width: 7px;
}

.schedule2-nav {
    display: block;
    font-size: 12px;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 14px 12px 0 0;
}

.schedule2-nav__i {
    display: inline-block;
    margin: 0 0 0 27px;
    padding: 0;
}

.schedule2-nav__i a {
    font-size: 14px;
    color: #ffbd00;
}

.section-header.afisha-margin {
    margin-top: 14px;
    margin-bottom: 14px;

}


.poster.afisha {
    margin-top: 35px;
}

.poster.afisha .poster__lst {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.poster.afisha .poster__lst .poster__i:nth-child(3n+1) {
    margin: 0 58px 38px 0;
}

.poster.afisha .poster__lst .poster__i {
    display: inline-block;
    margin: 0 28px 38px 0;
    min-height: 50px;
    position: relative;
    vertical-align: top;
    width: 250px;
}

.poster.afisha .poster__h {
    line-height: 1.25;
    margin-top: -4px;
    margin-bottom: 12px;
}

.poster.afisha .poster__info-i {
    line-height: 14px;
    margin: 0;
    padding: 0 0 6px 20px;
    position: relative;
}

.poster.afisha .poster__info-i_type_map {
    line-height: 12px;
    margin-top: 1px;
}

.filter_dropdown {
    position: relative;
    padding: 17px 17px 0 0;
}

.popular-filter {
    color: #6A7881;
    cursor: pointer;
    display: block;
    letter-spacing: -1px;
    vertical-align: top;
}

.like-icon.icon-img {
    background-position: -14px -624px;
    height: 9px;
    margin-right: 5px;
    width: 11px;
}

.popular-filter:hover {
    color: #3c4249;
}

.popular-filter:hover .like-icon.icon-img {
    background-position: -14px -613px;
}

.popular-filter .arrow {
    background-position: -42px -616px;
    display: inline-block;
    height: 3px;
    margin: 0 0 -1px 8px;
    vertical-align: middle;
    width: 5px;
}

.popular-filter:hover .arrow {
    background-position: -42px -612px;
}

.filter__dropdown {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    left: -14px;
    list-style: none outside none;
    margin-top: 19px;
    position: absolute;
    right: -14px;
    width: auto;
    z-index: 5;
}

.filter__dropdown .edit-elem__menu-i .icon-img {
    height: 15px;
    margin-right: 2px;
    position: relative;
    top: 3px;
    width: 15px;
}

.filter__dropdown:before {
    background: #f9f9f9;
    position: absolute;
    border: 1px solid #e6e6e6;
    top: -7px;
    left: 100px;
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);

    z-index: 1;


}

.latest-icon {
    background-position: -100px -316px;
    height: 16px;
    width: 16px;
}

.ctrl-nav__like-icon {
    background-position: -30px -529px;
    height: 13px;
    width: 14px;
}

.afisha-page_col {
    padding: 8px 0 0;
}

.afisha-sidebar {
    background: none repeat scroll 0 0 #36434E;
    margin-left: 0px;
    margin-top: 2px;
    padding-bottom: 14px;

    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.afisha-sidebar .calendar {
    border: medium none;
    width: 226px;
    margin-bottom: 0
}

.latest-icon {
    background-position: -100px -316px;
    height: 16px;
    width: 16px;
}

.sidebar-h {
    color: #FFFFFF;
    letter-spacing: 1.5px;
    margin: -4px 0 6px;
    padding: 0 0 0 18px;
    text-shadow: none;
    text-transform: uppercase;
    font-size: 24px;
}

/* Afisha
------------------------------------------END--- */


/*  Afisha - event
------------------------------------------------ */
.event-page {
    display: table;
    margin-top: -8px;
    margin-bottom: 53px;
}

.event-h {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 21px;
}

.event-page__left {
    width: 320px;
}

.event-page__right {
    margin-left: 341px;
    margin-right: 52px;
}


.event-poster {
    width: 320px;
    height: auto;
    margin-bottom: 7px;
}

.event-date {
    background: none repeat scroll 0 0 #FFBB00;
    color: #3A3F44;
    display: inline-block;
    font-size: 20px;
    padding: 6px 53px 3px 9px;
    text-transform: uppercase;
    margin-bottom: 18px;
    border-radius: 2px;
}

.event-info {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.event-info li {
    font-weight: bold;
    margin-bottom: 9px;
}

.event-info li .place {
    margin: 0 9px -1px 2px;
}

.event-info li .star {
    margin: 0 8px 0 0;
}

.event-info li .genre {
    margin: 0 8px -1px 0;
}

.event-info li a {
    font-weight: normal;
}

.event-enter {
    background: #d8dddf;
    color: #3a3f44;
    padding: 11px 19px 14px;
    margin-bottom: 25px;
    border-radius: 4px;
}

.event-enter__h {
    display: block;
    font-weight: bold;
    margin-bottom: 7px;
}

.event-about {
    margin-right: 30px;
}

.event-about p {
    line-height: 1.5em;
    margin: 0 0 30px;
}

.event-about p + p {
    margin: -9px 0 30px;
}


.star.icon-img {
    background-position: -156px 0;
    display: inline-block;
    height: 10px;
    width: 11px;
}

.genre.icon-img {
    background-position: -15px -150px;
    display: inline-block;
    height: 12px;
    width: 11px;
}

.rating-block1 {
    display: inline-block;
    font-size: 16px;
    padding: 6px 8px;
    margin-bottom: 5px;
}

.rating-block1.bg {
    background: rgba(255, 255, 255, 0.8);
    text-shadow: 0 1px #FFFFFF;
    border-radius: 20px;
}

.rating-block1 .icon-img {
    cursor: pointer;
    vertical-align: middle;
}

.rating-block1 span {
    vertical-align: middle;
}

.rating-block1:hover .heart {
    background-position: -44px -295px;
    cursor: default;
}

.rating-block1 .minus:hover {
    background-position: -134px -292px;
}

.rating-block1 .plus:hover {
    background-position: -155px -292px;
}

.rating-block1.rated_like .heart, .rating-block1.rated_like:hover .heart {
    background-position: -61px -295px;
    cursor: default;
}

.rating-block1.rated_dislike .heart, .rating-block1.rated_like:hover .heart {
    background-position: -78px -295px;
    cursor: default;
}

.rating-block1.rated_like .minus, .rating-block1.rated_like:hover .minus, .rating-block1.rated_dislike .minus, .rating-block1.rated_dislike:hover .minus {
    background-position: -61px -295px;
    cursor: default;
}

.rating-block1.rated_like .plus, .rating-block1.rated_like:hover .plus, .rating-block1.rated_dislike .plus, .rating-block1.rated_dislike:hover .plus {
    background-position: -114px -292px;
    cursor: default;
}


.event-tag {
    background: none repeat scroll 0 0 #39424B;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    margin-left: 4px;
    padding: 3px 9px;
    border-radius: 2px;
}

.icon-img.plus {
    background-position: -176px -292px;
    height: 19px;
    width: 19px;
}

.icon-img.minus {
    background-position: -196px -292px;
    height: 19px;
    width: 19px;
}

.icon-img.heart {
    background-position: -27px -295px;
    height: 13px;
    width: 16px;
}

.separate-dotted {
    border: none;
    border-bottom: 2px dotted #C0C0C0;
    margin: 21px 0 13px;
}

.event-page__left .gallery__h a {
    color: #57A1C7;
}

.event-page__left .gallery__h a:hover {
    color: #353E47;
}

.event-visitors {
    border-top: 2px dotted #C0C0C0;
    padding: 13px 0 14px;
    text-align: center;
}

.event-visitors-block {
    margin-right: 30px;
}

.event-visitors-list {
    font-size: 11px;
    line-height: 18px;
    color: #929da3;
}

.event-visitors-list span {
    margin-right: 4px;
}

.more-btn {
    background: none repeat scroll 0 0 #E1E3E4;
    display: block;
    font-size: 12px;
    margin: 7px 0 0;
    padding: 4px 0;
    text-align: center;
    color: #6a7881;
    cursor: pointer;
    border-radius: 4px;
}

.more-btn:hover {
    background: #d4d5d6;
    color: #75858f;
}

.event-btn-area {
    padding: 10px 0;
    text-align: center;
    position: relative;
}

.event-btn-area::after {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #DADEE0;
    content: "";
    display: block;
    margin: -15px 0 15px;
}

.event-btn-wrap {
    background: url("/img/content-bg.png") repeat scroll 0 0 transparent;
    display: inline-block;
    padding: 0 30px;
}

.event-btn {
    font-size: 16px;
    padding: 6px 35px 4px;
}


.event-other {
    padding: 0;
    margin: 0 0 69px;
    list-style: none;
    height: 97px;
}

.event-other__rating {
    width: 251px;
}

.event-other__tell-about {
    width: 320px;
    text-align: center;
}

.event-other__tell-about h2 {
    margin-bottom: 10px;
}

.event-other__other {
    width: 251px;
}

.event-other__item {
    border: 1px dashed #cccdcf;
    display: inline-block;
    vertical-align: top;
    margin-right: 14px;
    height: 100%;
    border-radius: 4px;
}

.event-other__item-h {
    font-size: 22px;
    position: relative;
    text-align: center;
    top: -12px;
    margin-bottom: 16px;
}

.event-other__item-h span {
    background: url("/img/content-bg.png") repeat scroll 0 0 transparent;
    display: inline-block;
    padding: 0 12px;
}

.event-other__item__manage {
    list-style: none;
    margin: -21px 0 0 14px;
    padding: 0;
}

.event-other__item__manage li {
    margin-bottom: 1px;
}

.event-other__item__manage li a {
    color: #3a3f44;
    text-decoration: none;
    font-size: 13px;
}

.event-other__item__manage li a:hover {
    color: #ffbf00;
}


.subscribe-gray {
    background-position: -212px -131px;
    height: 15px;
    width: 15px;
    vertical-align: middle;
    margin-right: 10px;
}

.insert-gray {
    background-position: -94px -633px;
    height: 17px;
    vertical-align: middle;
    width: 16px;
    margin-right: 9px;
}

.complain-gray {
    background-position: -94px -655px;
    height: 15px;
    vertical-align: middle;
    width: 16px;
    margin-right: 9px;
    margin-bottom: 2px;
}

a:hover .subscribe-gray {
    background-position: -228px -131px;
}

a:hover .insert-gray {
    background-position: -114px -633px;
}

a:hover .complain-gray {
    background-position: -114px -655px;
}


.comments.event {
    margin-top: -7px;
    margin-right: 73px;
}

.comments.event .comments__h {
    letter-spacing: 2px;
}

.new-comment {
    color: #9bd677;
}

.sidebar-event {
    list-style: none;
    margin: 32px 0 0 -3px;
    padding: 0;
}

.sidebar-event .poster__h {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 5px;
    margin-top: -6px;
    text-shadow: none;
    text-transform: uppercase;
}

.sidebar-event .poster__h a {
    color: #FFFFFF;
    text-decoration: none;
}

.sidebar-event .poster__h a:hover {
    text-decoration: underline;
}


.sidebar-event .btn {
    margin-left: 6px;
    padding: 4px 18px 2px;
}

.sidebar-event .poster__visitors {
    color: #fff;
}

.sidebar-event .poster__info-i_type_genre a {
    color: #fff;
}

.sidebar-event .poster__info-i_type_genre a:hover {
    text-decoration: none;
}

.sidebar-event .poster__info-i_type_dj a:hover {
    color: #ffbf00;
}

.sidebar-event .poster__info-i_type_map a:hover {
    color: #ccc;
}

/* Afisha - event
------------------------------------------END--- */


/* News irem
------------------------------------------------ */
.check-list.news-item {
    padding: 7px 0 0 6px;
}

.check-list.news-item li {
    margin: 0 3px 0 0;
}

.section-header.news-item {
    margin-bottom: 2px;
}

.news-item-page {
    margin: -1px 0 66px;
}

.date {
    display: block;
    font-size: 11px;
    color: #929da3;
    margin-bottom: 5px;
}

.news-item-h {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: 23px;
}

.news-item-h2 {
    font-weight: normal;
    padding: 7px 0 18px;
}

.news-item-author {
    color: #ABB7BE;
    display: block;
    font-size: 12px;
    font-style: normal;
    width: 100%;
}

.news-item-h2-mrgn {
    margin-bottom: 25px;
}

.news-item-page p {
    line-height: 1.5em;
    margin-bottom: 29px;
}

.news-item-quote {
    background: #FFFFFF;
    border-right: 9px solid #FFC500;
    font-size: 22px;
    font-style: italic;
    line-height: 1.2em;
    overflow: hidden;
    padding: 13px 27px 5px 68px;
    margin-bottom: 29px;
    position: relative;
}

.news-item-quote:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 14px;
    left: 32px;
    background: url("/img/icons.png") no-repeat scroll -254px -676px #FFFFFF;

}

.news-item-author-quote {
    font-size: 14px;
    margin: -3px 0 0;
    text-align: right;
    color: #ABB7BE;
    display: block;
    font-style: normal;
}

.video-block {
    margin-bottom: 30px;
    padding: 3px 0 0;
}

.v-block-h {
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: 2px;
    margin-bottom: 26px;
}

.p-block-h {
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.video-block__video {
    position: relative;
    display: inline-block;
}

.video-block__video img {
    display: block;
}

.video-block__video__top {
    color: #FFFFFF;
    font-size: 12px;
    left: 0;
    padding: 11px 7px 8px;
    position: absolute;
    top: 0;
    display: block;
}

.video-block__video__bottom {
    background: rgba(53, 62, 71, 0.8);
    color: #FFFFFF;
    font-size: 12px;
    left: 0;
    right: 0;
    padding: 7px 7px 6px;
    position: absolute;
    bottom: 0;
    display: block;
}

.v-p-block-icon {
    height: 15px;
    position: relative;
    top: 1px;
    vertical-align: bottom;
}

.video-time-white {
    background-position: 0 -700px;
    width: 10px;
}

.video-heart-white {
    background-position: -14px -700px;
    width: 11px;
}

.video-comments-white {
    background-position: -31px -700px;
    width: 16px;
    margin-left: 10px;
}

.v-p-block-info {
    margin: 0 3px 0 5px;
}

.video-block__play-btn {
    background: none repeat scroll 0 0 rgba(53, 62, 71, 0.8);
    display: block;
    left: 50%;
    margin: -26px 0 0 -26px;
    padding: 9px 16px;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.video-block__play-btn .icon-img {
    background-position: 0 -715px;
    display: block;
    height: 34px;
    width: 22px;
}

.photo-block {
    width: 523px;
    margin-bottom: 30px;

}

.photo-block__photo {
    position: relative;
    margin-bottom: 12px;
}

.photo-block__nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    text-align: center;
}

.photo-block__nav li {
    display: inline-block;
    vertical-align: top;
    padding: 0;
}

.photo-block__nav li a {
    display: block;
    height: 48px;
}

.photo-block__nav li.active a {
    border: 2px solid #FFC500;
    display: block;
    overflow: hidden;
    height: 44px;
}

.photo-block__nav li.active a img {
    margin: -2px;
}

.event-other.news-item {
    margin-bottom: 32px;
}


.reviews-tag {
    background: none repeat scroll 0 0 #FFBF00;
    border-radius: 2px 2px 2px 2px;
    color: #3A3F44;
    display: inline-block;
    font-size: 12px;
    margin-left: 12px;
    padding: 5px 9px;
    position: relative;
    top: -3px;
}

.other-news {
    padding: 41px 22px 0 0;
}

.other-news-h {
    border-bottom: 2px dotted #C0C0C0;
    margin-bottom: 9px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.other-news-h-xs {
    display: block;
    color: #353e47;
    font-size: 12px;
    margin-bottom: 2px;
}

.persons-list {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.persons-list li {
    display: inline-block;
    font-size: 11px;
    padding: 0;
    margin-right: 4px;
}

.persons-list-icon {
    margin: 0 3px -1px 0;
}

.club-place {
    color: #AFB9BD;
    display: block;
    font-size: 11px;
    margin-top: -1px;
    margin-bottom: 24px;
}

.other-news-player {
    background: rgba(255, 255, 255, 0.5);
    margin: 7px 0 74px -15px;
    padding: 12px 0 14px 15px;
    border-radius: 2px;
}

.other-news-player .player-s:last-child {
    margin-bottom: 0;
}

.player-s {
    margin-bottom: 19px;
}

.track-name-block {
    margin-bottom: 1px;
}

.track-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
}

.track-name .name {
    color: #3a3f44;
}

.track-name .name:hover {
    color: #ffbf00;
}

.track-name-time {
    display: none;
}

.is_playing .track-name-time {
    color: #AFB9BD;
    float: right;
    font-size: 11px;
    padding: 3px 8px 0 0;
    display: block;
}

.track-name-style {
    float: right;
    font-size: 11px;
    padding: 2px 0 0 0;
    display: block;
}

.player-s .track-bar__body-range {
    display: none;
}

.player-s.is_playing .track-bar__body-range {
    display: block;
}

.track-icon_ctrl {
    margin: 0 3px 0 1px;
}

.full-width-track .track-bar__body {
    width: 270px;
}

.track-bar__ctrl_state_play:hover {
    background-position: -44px -83px;
}

.track-bar__ctrl_state_pause:hover {
    background-position: -4px -83px;
}

.star-y {
    background-position: 0 -150px;
    height: 11px;
    width: 11px;
}


.see-also-block {
    background: rgba(255, 255, 255, 0.5);
    margin: 14px 0 0 -15px;
    padding: 0px 28px 3px 19px;
    list-style: none;
    border-radius: 2px
}

.see-also-i img {
    display: block;
    margin-bottom: 11px;
}

.see-also-i a {
    border-bottom: 1px solid;
    font-size: 16px;
    text-decoration: none;
    padding-bottom: 1px;
    line-height: 24px;
}

.see-also-i {
    border-bottom: 1px solid #e1e5e7;
    border-top: 1px solid #fff;
    padding-bottom: 12px;
    padding-top: 17px;
    padding-right: 10px;
}

.see-also-i:first-child {
    border-top: none;
}

.see-also-i:last-child {
    border-bottom: none;
}

.see-also-i-comments {
    font-size: 12px;
    margin-left: 5px;
}

.see-also-i .comments-y {
    margin-left: 4px;
    position: relative;
    top: 4px;
}

.see-also-i .date {
    margin-top: 2px;
}

.comments-y {
    background-position: -161px -30px;
    height: 14px;
    width: 16px;
}


.news-item-sidebar {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 46px;
    margin-top: 6px;
    padding: 17px 36px 12px 9px;
    width: 241px;
    border-radius: 1px;
}

.news-item-sidebar .sidebar-h {
    color: #3A3F44;
    font-size: 18px;
    margin: 0 0 11px;
    padding: 0;
    word-spacing: -2px;
}

.news-item-left {
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #e1e5e7;
}

.news-item-left__i {
    border-bottom: 1px solid #E1E5E7;
    border-top: 1px solid #FFFFFF;
    padding: 12px 0 4px;
}

.news-item-left__i:last-child {
    border-bottom: none;
}

.news-item-left__i a {
    border-bottom: 1px solid;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 1px;
    text-decoration: none;
}

.news-item-left__i .date {
    margin-top: 3px;
}

.teasers-wrap {
    /*padding-left: 14px;*/
}

.teasers-wrap h3 {
    text-shadow: none;
}

.old-news-h-block {
    display: table;
    padding: 5px 0 16px;
}

.old-news-img-wrap {
    width: 240px;
    padding: 20px 20px;
    text-align: center;
    background: #fff;
    margin-bottom: 24px;

    webkit-box-shadow: 0 12px 15px rgba(0, 0, 0, .2), 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 12px 15px rgba(0, 0, 0, .2), 0 2px 6px rgba(0, 0, 0, .3);
}

.old-news-h-block-img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

/* News irem
------------------------------------------END--- */
.background-image-block {
    ackground: url("/img/banner-main-header.jpg") no-repeat scroll center 0 #E5E5E5;
    height: 685px;
    left: 0;
    in-width: 1250px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.calendar__day.cur_day {
    background: #686f77;
    color: #fff;
    border-radius: 2px;
}


/* Modal windows
------------------------------------------------ */

.modal-windows-area {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.avatar-crop-select {
    background: url("/img/content-bg.png") repeat scroll 0 0 #EFEFEF;
    left: 50%;
    margin: 0 0 0 -471px;
    position: absolute;
    top: 302px;
    width: 939px;
    z-index: 1010;
    padding: 3px 0 9px;
    border-radius: 2px;
}

.avatar-crop-select-min {
    background: url("/img/content-bg.png") repeat scroll 0 0 #EFEFEF;
    left: 50%;
    margin: 0 0 0 -332px;
    position: absolute;
    top: 302px;
    width: 664px;
    z-index: 1010;
    padding: 3px 0 9px;
    border-radius: 2px;
}

.avatar-crop-select-complaint {
    background: url("/img/content-bg.png") repeat scroll 0 0 #EFEFEF;
    left: 50%;
    margin: 0 0 0 -350px;
    padding: 3px 0 9px;
    position: absolute;
    top: 125px;
    width: 699px;
    z-index: 1010;
    border-radius: 2px;
}

.avatar-crop-select-complaint .modal-window__body {
    padding: 20px 20px 15px;
}

.avatar-crop-select-complaint .photo-crop-1-body {
    margin: -15px 0 0;
    padding: 0 4px;
}

.avatar-crop-select-min .photo-crop-1-body {
    padding: 0 12px 28px;
    overflow: hidden;
}

.avatar-crop-select-min .help-text {
    margin-bottom: 26px;
}

.photo-crop-1-body {
    margin: -25px 0 0;
    padding: 0 14px;
}

.help-text {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
    word-spacing: 0px;
}

.photo-crop-wrap {
    display: inline-block;
    position: relative;
    margin-bottom: 18px;
}

.photo-wrap {
    border: 3px solid #FFBA00;
    height: 466px;
    left: 267px;
    position: absolute;
    top: 53px;
    width: 335px;
    z-index: 5;
}

.photo-wrap-overflow {
    cursor: move;
    overflow: hidden;
    height: 100%;
}

.photo-crop__bg {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    cursor: crosshair;
    z-index: 4;
}

.photo-crop-wrap img {
    display: block;
}

.touch-and-move {
    background: #fff;
    display: block;
    height: 9px;
    position: absolute;
    width: 9px;
    border-radius: 50%;
}

.top-left {
    left: -6px;
    top: -6px;
    cursor: nw-resize;
}

.top-right {
    top: -6px;
    right: -6px;
    cursor: ne-resize;
}

.center-left {
    top: 50%;
    left: -6px;
    cursor: w-resize;
}

.center-right {
    top: 50%;
    right: -6px;
    cursor: e-resize;

}

.bottom-left {
    bottom: -6px;
    left: -6px;
    cursor: sw-resize;

}

.bottom-right {
    bottom: -6px;
    right: -6px;
    cursor: se-resize;

}

.photo-crop-btn-wrapper {
    text-align: center;
}


.photo-crop-min-left {
    float: left;
    margin-right: 11px;
    position: relative;
    width: 335px;
}

.photo-crop-min-left img {
    display: block;
}

.photo-wrap.min {
    height: 200px;
    left: 85px;
    top: 50px;
    width: 200px;

}

.photo-crop-min-right {

}

.preview200 {
    overflow: hidden;
    width: 200px;
    height: 200px;
    margin-bottom: 10px;
}

.preview94 {
    overflow: hidden;
    width: 94px;
    height: 94px;
    margin-bottom: 10px;
}

.preview60 {
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
}

.preview40 {
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.preview24 {
    overflow: hidden;
    width: 24px;
    height: 24px;
    margin-bottom: 10px;
}

.complain-form {
    font-size: 16px;
    margin-bottom: 24px;
    overflow: hidden;
    padding-left: 3px;
    padding-top: 20px;
}

.custom-input.custom-input-complain {
    float: right;
    height: 87px;
    margin-top: -9px;
    resize: none;
    width: 464px;
}


/* Modal windows
------------------------------------------END--- */


/*  Photogallery
------------------------------------------------ */


.top-margin207 {
    margin-top: 207px;
}

.page_photogallary_main-bg body {
    background: url(/img/banner-main-header-photo-g.jpg) 50% 0 no-repeat #0b0c0d;
}

a.dark-theme-link {
    color: #57A1C7;
}

a.dark-theme-link:hover {
    color: #FFBD00;
}

.photogallery-h {
    font-size: 30px;
    letter-spacing: 0.08em;
    color: #70848f;
    text-shadow: none;
    text-transform: uppercase;
    padding: 4px 0 0;
}

h1.photogallery .icon-img {
    background-position: 0 -332px;
    height: 16px;
    margin: 0 11px 3px 5px;
    width: 16px;
}

.photo-header-width {
    width: 298px;
}

.black-theme-menu {
    font-size: 16px;
    list-style: none outside none;
    margin-bottom: 0;
    padding: 14px 0 0;
}

.black-theme-menu li {
    float: left;
    margin-left: 34px;
}

.black-theme-menu li:first-child {
    float: left;
    margin-left: 0;
}

.black-theme-menu li a {

}

.black-theme-menu li a:hover {
    color: #57A1C7;
    text-decoration: none;
}

.black-theme-menu li a.active {
    color: #ffbd00;
    text-decoration: none;
}

.photo-section__filter {
    color: #ABB7BE;
    margin: 18px 0 0;
}

input.search-input {
    background: url("/img/icons.png") repeat scroll 100% -571px #FFFFFF;
    font-style: italic;
    width: 253px;
    position: relative;
}

.place-check-menu {
    list-style: none;
    padding: 7px 0 0;
    margin: 0;
}

.place-check-menu li {
    padding: 0;
    margin: 0 0 0 22px;
    float: left;
    position: relative;
}

.place-check-menu li.calendar-link {
    margin: 0 -10px 0 0;
}

.place-check-menu li.delete-link {
    margin: 0 0 0 10px;
}

.place-check-menu li.active .icon-img {
    background-position: -150px 0;
    bottom: -3px;
    height: 4px;
    left: 50%;
    position: absolute;
    width: 6px;
}

.place-check-menu li.active a {
    color: #ffbd00;
    border-bottom: 1px solid;
}

.place-check-menu li a {
    color: #a8b7c0;
    text-decoration: none;
    border-bottom: 1px dotted;
}

.place-check-menu li a:hover {
    border-bottom: none;
}

.place-check-menu li.active a:hover {
    border-bottom: 1px solid;
    cursor: default;
}

.city-selection {
    color: #6a7881;
}

.city-selection .icon-img {
    background-position: -32px -150px;
    height: 11px;
    margin: 0 7px;
    width: 7px;
}

.city-selection a {
    color: #a8b7c0;
    border-bottom: 1px solid;
    margin-left: 5px;
    text-decoration: none;
}

.calendar-link, .delete-link {
    text-decoration: none;
    border-bottom: none;
    cursor: pointer;
}

.calendar-link .icon-img {
    background-position: -64px -554px;
    height: 11px;
    margin: 0 0 -1px;
    width: 12px;
}

.delete-link .icon-img {
    background-position: -72px -350px;
    height: 11px;
    margin: 0 0 -2px;
    width: 12px;
}

.photogallary-header {
    margin-bottom: 41px;
    margin-top: -3px;
}

.photogallary__element {
    margin: 0;
    padding: 0;
}

.photogallary__element li {
    display: inline-block;
    list-style: none outside none;
    padding-bottom: 18px;
    vertical-align: top;
    width: 270px;
    margin-left: 26px;
}

.photogallary__element li:nth-child(3n+1) {
    margin-left: 0px;
}

.photogallary__element a.img-link {
    background: url("/img/photo-shadow.png") no-repeat scroll 50% 100% transparent;
    display: block;
    padding-bottom: 4px;
}

.photogallary__element h3 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
    margin-top: 9px;
    text-shadow: none;
}

.photogallary__element-place {
    color: #6A7881;
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: -1px;
}

.photogallary__element-place:hover {
    color: #FFBD00;
}

.photogallary__element .date {
    color: #5D5E5E;
    display: block;
    font-size: 12px;
    margin-bottom: -1px;
}

.photogallary__element .photo-info-block {
    display: block;
}

.photogallary__element .photo-info-block span.icon-img {
    position: relative;
    top: 1px;
    vertical-align: text-bottom;
}

.photogallary__element .photo-info-block span.value {
    margin-left: 4px;
    margin-right: 3px;
    position: static;
    vertical-align: middle;
}

.ctrl-nav__like-icon {
    height: 15px;
}


.drop-filter-icon.latest-icon {
    background-position: -100px -316px;
    height: 16px;
    width: 16px;
}

.drop-filter-icon.like-icon {
    background-position: -85px -317px;
    height: 16px;
    width: 16px;
}

.drop-filter-icon.msg-icon {
    background-position: -17px -317px;
    height: 16px;
    width: 16px;
}

.drop-filter-icon.something-more {
    background-position: -85px -194px;
    height: 16px;
    width: 16px;
}


.page-nav-bot.black-style .page-nav-bot__txt {
    background: none repeat scroll 0 0 #3E3F40;
}

.page-nav-bot.black-style .page-nav-bot__h {
    color: #6a7881;
}

.page-nav-bot.black-style .page-nav-bot__txt:hover {
    color: #FFB300;
}

.page-nav-bot.black-style .page-nav-bot__i_type_cur .page-nav-bot__txt {
    background: none repeat scroll 0 0 #FFB300;
    color: #3d4a55;
}

.page-nav-bot.black-style .page-nav-bot__i_dir_prev .page-nav-bot__txt, .page-nav-bot.black-style .page-nav-bot__i_dir_next .page-nav-bot__txt, .page-nav-bot.black-style .page-nav-bot__i_type_more .page-nav-bot__txt {
    background: none repeat scroll 0 0 transparent;
}

.photogallary-sidebar {
    background: none repeat scroll 0 0 #36434E;
    width: 300px;
    margin-top: 5px;
}

.photogallary-sidebar .calendar {
    border: medium none;
    margin-bottom: 0;
}

.photogallary-sidebar .user-list-header {
    color: #a3b7c2;
    padding: 0 14px;
}

.photogallary-sidebar .dj-users__lst {
    padding: 0 14px;
}

.photogallary-sidebar .dj-users__lst .dj-users__name:hover {
    color: #FFBD00;
}

.photogallary-sidebar .dj-users__lst .dj-users__genre:hover {
    color: #ADB7BC;
    text-decoration: none;
}

.photogallary-sidebar .button-wrap {
    padding-bottom: 16px;
    text-align: center;
}

.filter_dropdown {
    position: relative;
}

.filter_dropdown-photo {
    padding: 17px 9px 0 0;
}

.filter__dropdown {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    left: -14px;
    list-style: none outside none;
    margin-top: 19px;
    position: absolute;
    right: -14px;
    width: auto;
    z-index: 5;
}

.filter__dropdown .edit-elem__menu-i .icon-img {
    height: 15px;
    margin-right: 2px;
    position: relative;
    top: 3px;
    width: 16px;
}

.filter__dropdown:before {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #E6E6E6;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    content: "";
    display: block;
    height: 14px;
    left: 108px;
    position: absolute;
    top: -7px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 14px;
    z-index: 1;
}

.latest-icon {
    background-position: -100px -316px;
    height: 16px;
    width: 16px;
}

/* Photogallery
------------------------------------------END--- */
.photo-viewer-fullscreen {
    background: #0b0c0d;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.photo-viewer-fullscreen__img {
    max-height: 100%;
    display: inline-block;
}

.photo-viewer-fullscreen__bottom {
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    padding: 7px 8px 4px;
    color: #808080;
}

.photo-viewer-fullscreen__bottom__left {
    float: left;
}

.photo-name {
    font-size: 18px;
    margin-right: 22px;
}

.photo-viewer-fullscreen__bottom__left span {
    vertical-align: middle;
}

.photo-viewer-fullscreen__bottom a {
    color: #808080;
}

.photo-viewer-fullscreen__bottom__left .icon-img.h-enter {
    margin: 0 11px 2px 2px;
}

.photo-viewer-fullscreen__bottom__right {
    float: right;
    margin-top: 3px;
}

.photo-viewer-fullscreen__bottom__right a {
    text-decoration: none;
}

.photo-viewer-fullscreen__bottom__right .nav-btn {
    margin-right: 18px;
}

.photo-info-block .value {
    margin-right: 6px;
}

.photo-info-block .icon-img {
    opacity: 0.2;
    vertical-align: middle;
}

.photo-full-nav {
    display: inline-block;
    margin: 3px 0 0;
}

.photo-full-nav a {
    text-decoration: none;
}

.photo-mainnav-l {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 65px;
    z-index: 10;
}

.photo-mainnav-r {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 65px;
    z-index: 10;
}

.photo-nav-arrow {
    background-position: -81px -412px;
    display: block;
    height: 80px;
    width: 40px;
    top: 50%;
    margin: -40px -20px 0;
    position: absolute;
    z-index: 1;
}

.photo-nav-arrow.left {
    left: 50%;
}

.photo-nav-arrow.right {
    right: 50%;

    background-position: -117px -412px;
}

.photo-mainnav-fullscreen {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    right: 20px;
    top: 14px;
    padding: 14px;
    z-index: 10;
    border-radius: 50%;
}

.icon-img.full-scr {
    background-position: -172px -639px;
    display: block;
    height: 23px;
    width: 23px;
}

.photo-mainnav-cloxed {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    padding: 13px 21px;
}

.closed-gray {
    background-position: -72px -349px;
    height: 12px;
    width: 12px;
}

.play-gray {
    background-position: -23px -716px;
    height: 12px;
    width: 10px;
}

/*.ctrl-nav__msg-icon {
    background-position: -44px -531px;
    height: 13px;
    width: 14px;
    position: relative;
    top: 2px;
}*/
/*.ctrl-nav__friends-icon {
    background-position: -57px -531px;
    height: 13px;
    width: 14px;
    position: relative;
    top: 2px;
}*/


.quick-group-add__ht {
    display: inline-block;
    font-size: 16px;
    margin-right: 12px;
    vertical-align: middle;
}

.modal-window__body.new-group {
    padding: 36px 20px 15px;
}

.quick-group-add {
    padding: 5px 0 0;
    margin-bottom: 45px;
}

.custom-input.group-add-input {
    height: 36px;
    width: 292px;
}

.add-group-ht {
    font-size: 14px;
    text-align: center;
    word-spacing: -2px;
    color: #a8b7c0;
    margin-bottom: 6px;
}

.add-track-list-wrap {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    margin-bottom: 9px;
    padding: 16px 10px 10px;
    position: relative;
    border-radius: 4px;
}

.add-track-list {
    margin: 0;
    padding: 0 15px 0 0;
    list-style: none;
}

.add-track-list li {
    overflow: hidden;
    margin-bottom: -1px;
}

.add-track-list__track {
    float: left;
    margin-left: -22px;
    padding: 7px 11px;
    width: 566px;
    border-radius: 20px;
}

.custom-checkbox.custom-checkbox-add-track-list {
    float: left;
    height: 18px;
    margin-top: 7px;
}

.add-track-list__track.plaing {
    background: #e8eaeb;


}

.modal-window__body.new-group .photo-crop-1-body {
    padding: 0;
}

.add-track-list__track__track-name {
    display: inline-block;
    vertical-align: middle;
}

.custom-scroll {
    position: absolute;
    right: 9px;
    top: 11px;
    background: #adb2b6;
    width: 10px;
    height: 80px;
    display: block;
    cursor: pointer;
    border-radius: 2px;
}

.add-track-btn-wrap {
    background: rgba(171, 183, 190, 0.5);
    text-align: center;
    padding: 15px 0 10px;
    border-radius: 4px;
}


.play-ctrl-btn {
    height: 19px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 19px;
    margin-right: 6px;
    cursor: pointer;
}

.play-dark {
    background-position: -130px -612px;
}

.play-blue {
    background-position: -130px -650px;
}

.pause-blue {
    background-position: -130px -631px;
}


.interview__img-block {
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
}

.interview__img {
    display: block;
}

.interview__img-block__top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    padding: 22px 120px 0;
}

.interview__img-block__bottom {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    line-height: 26px;
    padding: 19px 113px 12px;
    position: absolute;
    right: 0;
    text-align: center;
}

.reviews-tag.interview {
    font-size: 14px;
    margin: 0 14px 0 0;
    padding: 3px 6px;
    top: 0;
}

.interview-icon {
    height: 15px;
    vertical-align: middle;
}

.eye-white {
    background-position: -151px -615px;
    height: 12px;
    width: 19px;
    margin-left: 12px;
}

.interview__img__h {
    color: #FFFFFF;
    font-size: 36px;
    letter-spacing: 0;
    margin-bottom: 19px;
    margin-top: 3px;
    text-align: center;
    text-shadow: none;
}

.interview__img__author {
    font-size: 12px;
}

.interview__img__author a {
    color: #fff;
}

.interview__img-block__bottom__promo-text {
    font-size: 22px;
    margin-bottom: 14px;
}


.interview_p {
    line-height: 22px;
    margin-left: 137px;
    margin-right: 85px;
    position: relative;
    margin-bottom: 33px;
}

.interview_p__firstline {
    color: #ffc500;
    position: absolute;
    top: 0;
    left: -19px;
}

.italic {
    font-style: italic;
}

.interview_p.questions {
    font-weight: bold;
    margin-bottom: 8px;
}

.interview_q_a_name {
    float: left;
    font-weight: bold;
    letter-spacing: 1px;
    padding-top: 2px;
    text-align: right;
    width: 113px;
    text-transform: uppercase;
}

.news-item-quote.interview {
    border-right-width: 21px;
    margin: -6px 168px 34px 24px;
}

.photo-block.interview {
    margin: -14px 0 24px 136px;
}

.photo-block__photo__arrow-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0 24px;
    cursor: pointer;

}

.photo-block__photo__arrow-nav .icon-img {
    background-position: -153px -627px;
    height: 12px;
    width: 9px;
    position: absolute;
    top: 39%;
}

.photo-block__photo__arrow-nav.left {
    left: 0;

}

.photo-block__photo__arrow-nav.right {
    right: 0;

}

.photo-block__photo__arrow-nav.right .icon-img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);

}

.video-block__video.interview {
    margin: -16px 0 0 136px;
}

.interview, .event-other.news-item.interview {
    margin-bottom: 58px;
}

.poster__more.interview {
    margin: 30px 0 0;
}

.poster__more.interview .btn {
    padding: 11px 32px 9px;
}

.see-also-block.interview {
    background: none;
}


.poster-wrap {
    position: relative;
    display: inline-block;
}

.fullscrean-btn {
    background: none repeat scroll 0 0 rgba(57, 66, 75, 0.3);
    bottom: 25px;
    display: block;
    height: 20px;
    padding: 6px;
    position: absolute;
    right: 12px;
    width: 20px;
    border-radius: 2px;
}

.fullscrean-btn:hover {
    background: rgba(57, 66, 75, 0.5);
}

.fullscrean-btn .icon-img {
    background-position: -151px -640px;
    height: 20px;
    width: 20px;
}

.vendor-name {
    display: block;
    margin-bottom: 18px;
}

.author-img {
    display: block;
    margin-bottom: 19px;
}

.author-img * {
    font-size: 12px;
    margin-right: 7px;
    vertical-align: middle;
}

.news-item-h.review {
    margin-bottom: 18px;
}

.review-h2 {
    margin-bottom: 15px;
}

.review-h3 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 21px;
}

.review-photo-block {
    margin-bottom: 40px;
}

.track-wrap {
    padding: 10px 20px;
    margin: 0 0 23px -20px;
    background: #fff;
    overflow: hidden;
    border-radius: 2px;
}

.track.track-review {
    margin-bottom: 0;
}

.br-paragraf {
    margin: 0 0 21px;
}

.sponsor-review {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-left: -20px;
    padding: 14px 20px;
    border-radius: 2px;
}

.sponsor-review-img {
    float: left;
    margin: 11px 0 0 12px;
}

.sponsor-review-right {
    margin-left: 202px;
    margin-top: -10px;
    color: #3a3f44;
}

.bold {
    font-weight: bold;
}

.price {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.price-sum {
    background: none repeat scroll 0 0 #FFC905;
    display: block;
    font-size: 24px;
    height: 35px;
    line-height: 38px;
    padding: 0 16px 0 12px;
    float: left;
    border-radius: 2px 0 0 2px;
}

.price-arrow {
    background: url("/img/icons.png") repeat scroll -94px -674px transparent;
    height: 35px;
    display: block;
    float: left;
    width: 18px;
}

.sponsor-review-right .sponsor-review-right-p {
    line-height: 14px;
    margin: 2px 0 16px;
    font-size: 12px;
}

.users-used {
    border-top: 2px dotted #C0C0C0;
    margin: 33px 0 0;
    padding: 14px 35px 0 0;
    font-size: 11px;
    color: #929da3;
}

.users-used-summ {
    color: #353e47;
    display: block;
    margin-bottom: 13px;
    font-size: 12px;
}

.reviews-tag.controller {
    background: none repeat scroll 0 0 #39424B;
    color: #FFFFFF;
    margin: 0 0 0 4px;
    font-size: 14px;
    padding: 3px 8px 2px;
    line-height: 18px;
}

.poster__more.rewiew-left {
    margin: 30px 0 0;
}

.poster__more.rewiew-left .btn {
    font-size: 16px;
    padding: 10px 38px 5px;
}


.uppercase {
    text-transform: uppercase;
}

.alfa-filter-list {
    list-style: none;
    margin: 0;
    padding: 12px 0 0 28px;
}

.alfa-filter-list li {
    float: left;
    font-size: 16px;
    color: #abb7be;
    margin-right: 12px;
}

.custom-input.search-input.afisha.no-margin-right {
    margin-right: 0;
}

.slide-filter-wrap {
    padding-right: 142px;
    width: 607px;
    padding-top: 2px;
}

.close-btn {
    background-position: -64px -4px;
    cursor: pointer;
    height: 12px;
    margin: 0;
    position: relative;
    top: 5px;
    width: 12px;
}

.slide-filter {
    position: relative;
    width: 583px;
    height: 5px;
    border-radius: 4px;
}


.slide-filter-active-place {
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 134px;
    right: 72px;
    border-top: 1px solid #2fa0d4;


    background: rgb(223, 226, 227); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZTJlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQ3ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#39bcf8), to(#41c0fa));
    background: linear-gradient(to bottom, #39bcf8 0%, #41c0fa 100%); /* W3C */
}

.range-btn {
    background-position: -138px -7px;
    cursor: pointer;
    display: block;
    height: 16px;
    position: absolute;
    top: -5px;
    width: 15px;
}

.range-btn.left {
    left: -7px;
}

.range-btn.right {
    right: -7px;
}


.slide-filter__grade {
    list-style: none;
    margin: -6px 0 0 -1px;
    overflow: hidden;
    padding: 0;
}

.slide-filter__grade li {
    float: left;
    font-size: 13px;
    margin: 0 0 0 6.5%;
    padding: 0;
    text-align: center;
}

.slide-filter__grade li:first-child {
    margin: 0 0 0 0;
}

.slide-filter__grade li div {
    display: inline-block;
    border-left: 1px solid #a8b7c0;
    border-right: 1px solid #fff;
    height: 5px;
    width: 0;
}

.slide-filter__grade li span {
    display: block;
    margin: -6px 0 0;
}

.section-header.music-styles {
    margin: 6px 0 21px;
}


.radius1 {
    border-radius: 1px;
}

.radius2 {
    border-radius: 2px;
}

.radius3 {
    border-radius: 3px;
}

.radius4 {
    border-radius: 4px;
}

.radius50px {
    border-radius: 50px;
}

.music-styles {
    padding: 0;
    margin: 32px 0 0;
    list-style: none;
}

.music-styles {
    padding: 0;
    margin: 12px 62px 0px 0;
    list-style: none;
}

.music-styles__group {
    width: 210px;
    margin-bottom: 34px;
}

.big-sym {
    background: none repeat scroll 0 0 #FFC700;
    color: #3A3F44;
    display: inline-block;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
}

.styles-group-list {
    list-style: none outside none;
    margin: 9px 0 0 11px;
    padding: 0;
}

.styles-group-list li {
    list-style: none;
    position: relative;
}

.styles-group-list li a {
    color: #3a3f44;
    font-size: 16px;
    text-decoration: none;
}

.styles-group-list li a:hover {
    color: #57a1c7;
}

.styles-group-list li a:hover .styles-group-list__arr,
.styles-group-list .active .styles-group-list__arr {
    visibility: visible;
}

.styles-group-list__arr {
    background-position: -46px -62px;
    height: 13px;
    vertical-align: middle;
    width: 8px;
    margin-right: 11px;
    visibility: hidden;
    position: relative;
    top: -2px;
    border: 4px solid rgba(0, 0, 0, 0);
    margin: -4px 6px -4px -4px;
}

.styles-group-list__arr:active {
    background-position: -46px -83px;
}

.active .styles-group-list__arr {
    background-position: -4px -62px;

}

.active .styles-group-list__arr:active {
    background-position: -4px -83px;

}

.like-yel {
    background-position: -76px -74px;
    height: 12px;
    position: relative;
    top: 6px;
    vertical-align: middle;
    width: 15px;
}

.styles-group-list__popup {
    position: absolute;
    right: -327px;
    top: -29px;
    z-index: 99;
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

.styles-group-list li a:hover + .styles-group-list__popup {
    display: block;
}

.styles-group-list__popup:before {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #E6E6E6;
    content: "";
    display: block;
    height: 30px;
    left: -15px;
    position: absolute;
    top: 24px;
    width: 30px;
    z-index: 1;
    border-radius: 2px;


    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);

    z-index: 1;
}

.styles-group-list__popup__inner {
    background: none repeat scroll 0 0 #F9F9F9;
    padding: 13px 18px 6px;
    position: relative;
    width: 307px;
    z-index: 1;
    display: block;
}

.styles-group-list__popup__inner__h {
    font-size: 18px;
    margin-bottom: 6px;
}

.styles-group-list__popup__inner__years {
    font-size: 18px;
    background: #ffc700;
    padding: 0 7px;
    margin-bottom: 8px;
    display: inline-block;
}

.styles-group-list__popup__inner__p {
    font-size: 13px;
    line-height: 21px;
}

/*.styles-group-list__popup.inline{
    		right: -377px;
    	}*/
.styles-group-list__popup-inline {
    display: none;
    height: 100px;
    padding-left: 68px;
    position: absolute;
    right: -50px;
    top: 0;
    width: auto;
}

.styles-group-list__popup-inline .styles-group-list__popup {
    display: block;
}

.gollosary-inner__popup-link:hover .styles-group-list__popup-inline {
    display: block;
}

.inline-popup-h {
    display: block;
    font-size: 18px;
    margin-bottom: 11px;
    text-transform: uppercase;
}

.inline-popup-txt {
    font-size: 13px;
    line-height: 21px;
}

.inline-popup-show-all.show-all-btn {
    margin: 14px 0 12px;
}

.music-styles-inner {
    margin: -7px 0 0;
}

.msi__h1 {
    font-size: 30px;
    letter-spacing: 0;
    padding: 0;
    margin: 0 18px 16px 0;
}

.list-icon {
    background-position: -151px -177px;
    height: 13px;
    margin: 0 13px 0 2px;
    vertical-align: middle;
    width: 15px;
}

.msi__date-wrap {

}

.msi__date__el {
    background: none repeat scroll 0 0 #FFC700;
    display: inline-block;
    font-size: 24px;
    margin-right: 6px;
    padding: 2px 8px 1px;
}

.msi__collumns {
    display: table;
    margin: 0 0 28px;
    width: 100%;
}

.msi__collumns__coll {
    float: left;
    width: 45%;
}

.msi__collumns__coll.left {
    margin-right: 52px;
}

.msi__collumns__coll p {
    margin-bottom: 20px;
    line-height: 21px;
}

.msi__left-block {
    float: left;
    width: 300px;
}

.users-used.msi__users-used {
    margin: 11px 0 0;
    padding: 15px 10px 0 0;
    line-height: 18px;
}

.show-all-btn {
    background: none repeat scroll 0 0 #E8EAEB;
    display: block;
    font-size: 14px;
    margin: 20px 0 -18px;
    padding: 7px 0 6px;
    text-align: center;
    text-decoration: none;
    color: #a8b7c0;
}

.show-all-btn:hover {
    background: #e1e2e3;
    color: #b1c2cc;
}

.msi__right-block {
    margin-left: 339px;
    padding-top: 5px;
}

.msi__h {
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.msi__right__inner {
    border-top: 2px dotted #C0C0C0;
    margin-right: 0px;
    padding: 9px 0 0;
}

.msi__right__inner_heder {
    display: block;
    font-size: 12px;
    margin-bottom: 6px;
}

.msi__right__inner__djs {
    margin-bottom: 18px;
}

.msi__right__inner__track-wrap {
    margin: 13px 0 15px -15px;
    padding: 13px 20px 0 10px;
}

.msi__right__inner__track-wrap .track.track-review {
    margin-bottom: 17px;
}

.else-style-h {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 24px;
}

.else-style {
    margin-bottom: 65px;
}

.sidebar-music-styles {
    margin: 0;
    padding: 0;
}

.sidebar-music-styles .poster__i {
    margin-left: 0;
}

.music-styles-sidebar {
    color: #3A3F44;
    margin: 4px 0 27px;
    padding: 0;

}

.news-h {
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.separator_space_bot2 {
    margin-bottom: 23px;
}

.news-pop-block-wrap {
    background: #fbfbfb;
    margin-right: 33px;
    margin-top: -6px;
    padding: 10px 18px 8px;
}

input.search-input.news-input {
    margin-bottom: 15px;
    margin-top: -8px;
    width: 206px;
    background-position: -29px -567px;
}

.photogallary-page {
    background: url("/img/content-bg-pg.png") repeat scroll 0 0 #0F1012;
}

.photo-h1 {
    color: #70848F;
    font-size: 30px;
    font-weight: normal;
    text-shadow: none;
    text-transform: uppercase;
    margin: 9px 8px 0 0;
    letter-spacing: 2px;
}

.photo-h2 {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    text-shadow: none;
    margin: 0 15px 0 0;
    letter-spacing: 0;
    max-width: 500px;
    height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.icon-img.cd-pf {
    background-position: -172px -612px;
    height: 21px;
    width: 21px;

}

h1 .icon-img.cd-pf {
    margin-right: 11px;
    letter-spacing: 2px;
}

.photo-list-header {
    list-style: none;
    margin: 0;
    padding: 20px 0 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.plh__i {
    float: left;
    margin: 0 0 0 30px;
    padding: 0 0 5px;
}

.plh__i.active {
    border-bottom: 2px solid #ffbd00;
}

.plh__i.active a {
    color: #fff;
    text-decoration: none;
    cursor: default;
}

.plh__i__not {
    color: #adb7bc;
}

.photo-line {
    border: none;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #262728;
    margin-top: 0;
    position: relative;
    top: -2px;
    z-index: 0;
    margin-bottom: 9px;
}

.photo-header {
    margin-bottom: 15px;
}

.photo-h2 .h-enter {
    margin: 3px 6px 0 0;
}

.w_w-block {
    padding: 4px 0 0;
    font-size: 12px;
}

.w_w-block a {
    font-size: 14px;
    vertical-align: baseline;
    margin-left: 9px;
    color: #6a7881;
}

.w_w-block a .icon-img.place {
    margin-right: 6px;
}

.photo_count_block {
    padding: 4px 11px 0 0;
    color: #6d787f;
}

.photo-block-l {
    position: relative;
    margin-right: 7px;
    margin-bottom: 43px;
}

.photo-show-block.photo-block-l {
    margin-right: 0;
}

.photo-block-l img {
    max-width: 933px;
}

.photo-show-block {
    position: relative;
}

.photo-show-block.min {
    display: inline-block;
}

.photo-show-block img {
    display: block;
    position: relative;
    z-index: 1;
    width: 275px;
    box-shadow: 0 11px 4px -8px rgba(0, 0, 0, 0.4);
}

.photo-show-block-stream img {
    display: block;
    position: relative;
    z-index: 1;
    box-shadow: 0 11px 4px -8px rgba(0, 0, 0, 0.4);
}

.photo-show-block:before, .photo-show-block:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 15px;
    background: transparent;
    -webkit-transform: skew(0) rotate(-5deg);
    transform: skew(0) rotate(-5deg);
    box-shadow: 0 12px 8px 4px rgba(0, 0, 0, 0.4);
    z-index: 0;
}

.photo-show-block:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(0) rotate(5deg);
    transform: skew(0) rotate(5deg);
}

.photo-manage-view {
    list-style: none outside none;
    margin: -5px 0 15px;
    padding: 0 15px 0 0;
    text-align: right;
}

.photo-manage-view li {
    margin: 0 0 0 3px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    color: #878788;
}


.icon-img.photo-icon-grid-s {
    background-position: -34px -715px;
    height: 11px;
    width: 19px;
    position: relative;
    top: 1px;
}

.icon-img.photo-icon-grid-l {
    background-position: -60px -715px;
    height: 11px;
    width: 19px;
    position: relative;
    top: 1px;
}

.icon-img.photo-icon-block-s {
    background-position: -86px -715px;
    height: 11px;
    width: 15px;
    position: relative;
    top: 1px;
}

.icon-img.photo-icon-block-l {
    background-position: -108px -715px;
    height: 11px;
    width: 19px;
    position: relative;
    top: 1px;
}

.icon-img.photo-icon-full {
    background-position: -133px -715px;
    height: 11px;
    width: 19px;
    position: relative;
    top: 1px;
}


.active .icon-img.photo-icon-grid-s {
    background-position: -34px -728px;
}

.active .icon-img.photo-icon-grid-l {
    background-position: -60px -728px;
}

.active .icon-img.photo-icon-block-s {
    background-position: -86px -728px;
}

.active .icon-img.photo-icon-block-l {
    background-position: -108px -728px;
}

.active .icon-img.photo-icon-full {
    background-position: -133px -728px;
}


.block-l-sidebar {
    background: #3a434c;
    padding: 7px 12px;
    color: #a3b7c2;
    margin: 0 17px 0 4px;
    height: 604px;
}

.popular-filter.non-hover {
    color: #a3b7c2;
}

.popular-filter.non-hover:hover .like-icon.icon-img {
    background-position: -14px -624px;
}

.popular-filter.non-hover:hover .arrow.icon-img {
    background-position: -42px -616px;
}

.photo-preview-sidebar {
    height: 511px;
    margin-left: -4px;
    margin-top: 8px;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

.pps__list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.pps__list__i {
    margin: 0;
    padding: 0;
}

.pps__list__i__link {
    position: relative;
    padding: 4px;
    display: inline-block;
}

.pps__list__i__img {
    display: block;
}

.active .pps__list__i__link {
    background: #ffbd00;
    cursor: default;
}

.pps_scroll {
    position: absolute;
    right: 10px;
    top: 5px;
    bottom: 0;
    background: #0e0f11;
    width: 4px;
    border-radius: 20px;
}

.pps_slider {
    position: absolute;
    width: 18px;
    left: -8px;
    top: 0;
    height: 112px;
    cursor: pointer;
    border-top: 1px solid #ffdf00;
    border-right: 1px solid #f2aa00;
    border-left: 1px solid #f2aa00;
    border-bottom: 1px solid #ffb300;
    border-radius: 8px;


    background: #ffb400; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZTJlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQ3ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcb00), to(#ffb300));
    background: linear-gradient(to bottom, #ffcb00 0%, #ffb300 100%); /* W3C */
}

.icon-img.pps_slider__img {
    background-position: -152px -715px;
    height: 14px;
    left: 2px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 12px;
}

.pps__btn {
    display: block;
}

.photo_rating.likes-rate {
    color: #fff;
    float: left;
    margin-left: 22px;
    margin-right: 80px;
}

.social-block {
    font-size: 16px;
    color: #fff;
    margin-bottom: 27px;
}

.social-list {
    display: inline-block;
    list-style: none outside none;
    margin: 0 0 -5px 20px;
    padding: 0;
    vertical-align: middle;
}

.social-list__i {
    margin: 0 29px 0 0;
    padding: 0;
    float: left;
}


.icon-img.vk {
    background-position: -32px -213px;
    width: 17px;
    height: 18px;
}

.icon-img.fb {
    background-position: -50px -213px;
    height: 18px;
    width: 12px;
}

.icon-img.tw {
    background-position: -63px -213px;
    width: 17px;
    height: 18px;
}

.icon-img.ok {
    background-position: -81px -213px;
    height: 18px;
    width: 16px;
}


.photogallery {
    margin: 0 0 87px;
}

.photogallery .comments__h {
    text-shadow: none;
    color: #fff;
}

.photogallery .comments__add-txt {
    background: #cfcfcf;
}

.photogallery .comments__add-ava {
    left: 23px;
}

.photogallery .comments__lst {
    margin: 0 0 0 23px;
}

.photogallery .comments__add-main {
    margin-left: 80px;
}

.photogallery .comments__i-body {
    background: #272729;
}

.photogallery .comments__i-body:before {
    background: #272729;
}

.photogallery .comments__i-txt {
    color: #fff;
}

.pg-sidebar__h3 {
    color: #fff;
    text-shadow: none;
    font-size: 18px;
    letter-spacing: 0;
    margin-bottom: 10px;
}

.icon-img.add-y {
    background-position: -21px -413px;
    height: 22px;
    margin-bottom: 2px;
    margin-left: 5px;
    vertical-align: middle;
    width: 22px;
}

.pg-sidebar-persons-list {
    margin: 0 0 25px;
}

.pg-sidebar-persons-list .persons-list-icon {
    margin: 0 7px -1px 0;
}

.pg-sidebar-persons-list a {
    font-size: 13px;
}

.pg-sidebar-persons-list a:hover {
    color: #ffc900;
}

.pg-sidebar-persons-list li {
    margin-right: 13px;
    line-height: 24px;
}

.man.icon-img {
    background-position: 0 -177px;
    height: 10px;
    width: 8px;
}

.additionally-list {
    float: left;
    list-style: none outside none;
    margin: 0 0 16px;
    padding: 0;
    width: 168px;
}

.additionally-list li {
    margin: 0 0 9px;
    padding: 0;
    color: #6a7881;
    position: relative;
}

.additionally-list a {
    text-decoration: none;
    border-bottom: 1px dotted;
    color: #6a7881;
    font-size: 13px;
}

.additionally-list a:hover {
    border-bottom: none;
    color: #ffbb00;
}


.icon-img.additionally {
    height: 10px;
    width: 10px;
    margin-right: 4px;
}


.icon-img.share-img {
    background-position: -38px -257px;
}

.icon-img.avatar-img {
    background-position: -50px -257px;
}

.icon-img.complain-img {
    background-position: -59px -257px;
}

.icon-img.download-img {
    background-position: -93px -257px;
}

.icon-img.links-img {
    background-position: -105px -257px;
}

.icon-img.print-img {
    background-position: -116px -257px;
}

.icon-img.edit-img {
    background-position: -69px -257px;
}

.icon-img.delete-img {
    background-position: -81px -257px;
}

.icon-img.privacy-img {
    background-position: -127px -257px;
}

.additionally-popup {
    background: #151719;
    left: 5px;
    position: absolute;
    top: 36px;
}

.additionally-popup:before {
    background: none repeat scroll 0 0 #151719;
    content: "";
    display: block;
    height: 18px;
    left: 80px;
    position: absolute;
    top: -9px;
    width: 18px;
    z-index: 1;
    border-radius: 2px;


    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

    z-index: 1;
}

.additionally-popup__list {
    margin: 0;
    padding: 7px 15px 5px 10px;
    list-style: none;
}

.additionally-popup__list li {
    margin: 0 0 5px;
    padding: 0;
}

.additionally-popup__list li a {
    color: #6a7881;
    font-size: 13px;
    text-decoration: none;
    border-bottom: none;
}

.additionally-popup__list li a:hover {
    color: #febc00;
}

.pps__list__i__link__info {
    position: absolute;
    bottom: 5px;
    left: 4px;
    font-size: 12px;
    color: #fff;
}

.icon-img.pps__i-img {
    height: 11px;
    margin: 0 3px 0 7px;
    width: 12px;
    vertical-align: middle;
}

.icon-img.pps__i-img.comments {
    background-position: -118px -319px;
}

.icon-img.pps__i-img.people {
    background-position: -129px -319px;
}

.icon-img.pps__i-img.heart {
    background-position: -141px -319px;
}

.icon-img.watermark {
    background-position: -86px -333px;
    bottom: 17px;
    display: block;
    height: 22px;
    position: absolute;
    right: 18px;
    width: 61px;
    z-index: 1;
}

.page_style_main-bg.dark body {
    ackground: #0b0c0d;
}

.page_style_main-bg.dark .background-image-block {
    ackground: url("/img/banner-main-header-photo-g.jpg") no-repeat scroll center 0 #E5E5E5;
}

.photo-wrap.radial {
    height: 162px;
    left: 341px;
    top: 108px;
    width: 162px
}

.photo-wrap.radial .photo-mainnav-cloxed {
    padding: 0;
}

.radius50 {
    border-radius: 50%;
}

.photo-wrap .hidden-img {
    width: 933px;
}

.radial.icon-img {
    background-position: -168px -415px;
    bottom: 10px;
    height: 26px;
    position: absolute;
    right: 10px;
    width: 26px;
    z-index: 1;
    cursor: pointer;
}

.icon-img.closed-white {
    background-position: -168px -442px;
    height: 15px;
    width: 15px;
}

.pers-name {
    background: rgba(0, 0, 0, 0.8);
    bottom: -46px;
    font-size: 13px;
    padding: 9px 27px;
    position: absolute;
}

.photo-popup-add-pers {
    position: absolute;
    right: -252px;
    top: 0;
    border: 1px solid #ced0d1;
}

.photo-popup-add-pers:before {
    content: "";
    position: absolute;
    top: 15px;
    left: -9px;
    width: 15px;
    height: 15px;
    background: #f9f9f9;
    border: 1px solid #ced0d1;


    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 2px;
}

.ppap__inner {
    padding: 8px 4px;
    background: #f9f9f9;
    position: relative;
}

.person-search {
    border: 1px solid #ced0d1;
    height: 27px;
    line-height: 27px;
    padding: 2px 10px 0 19px;
    width: 175px;
    background: url("/img/icons.png") repeat scroll -263px -701px transparent;
    color: #414a52;
    box-shadow: 0px 1px 0 0 #e7e9eb inset;
}

.person-search-list {
    padding: 0;
    margin: 11px 0 9px -4px;
    list-style: none;
    width: 199px;
}

.psl__i {
    margin: 0 0 3px 0;
    padding: 1px 2px 2px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
}

.psl__i:hover {
    background: #a6b6bf;
    cursor: pointer;
}

.psl__i:hover .psl__i__img.disc-img {
    background-position: -86px -378px;
}

.psl__i:hover .psl__i__img.pers-img {
    background-position: -96px -378px;
}

.psl__i__img {
    margin-right: 2px;
}

.psl__i__img.star-y {
    margin-right: 1px;
    margin-bottom: -1px;
}

.psl__i__img.disc-img {
    background-position: -86px -367px;
    height: 10px;
    width: 10px;
}

.psl__i__img.pers-img {
    background-position: -96px -367px;
    height: 10px;
    width: 10px;
}

.person-search-list_wrap {
    position: relative;
}

.psl-scroll {
    height: 50px;
    right: 0;
    top: 0;
}

.psl-btn {
    display: block;
    font-size: 16px;
    margin: 0 5px 3px;
    padding: 10px 0 6px;
}

.f6d787f {
    color: #6d787f;
}

.photo-block-s {
    padding-top: 20px;
    display: table;
    margin-bottom: 44px;
}

.pbs__img__block {
    float: left;
}

.pbs__img {
    max-width: 780px;

}

.pbs__right {
    margin-left: 816px;
    padding-top: 2px;
}

.pbs__right .pg-sidebar__h3 {
    margin-bottom: 7px;
}

.pbs__right .pg-sidebar-persons-list {
    margin: 0 0 14px;
}


.photo-crop__bg {
    opacity: 0;

    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

.photo-block-l:hover .photo-crop__bg {
    opacity: 0.8;

}

.marked-person {
    opacity: 0;

    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

.photo-block-l:hover .marked-person {
    opacity: 1;
    display: block;

}

.comment-block-overflow {
    overflow: hidden;
    position: relative;
    height: 249px;
    margin-bottom: 19px;
}

.comment-block-overflow .comments__lst {
    margin: 0 15px 16px 0;
}

.comment-block-overflow .comments__i-ava {
    height: 30px;
    width: 30px;
}

.comment-block-overflow .comments__i-body {
    margin-left: 41px;
    margin-bottom: 12px;
}

.comment-block-overflow .comments__i-reply {
    margin-left: 14px;
}

.comment-block-overflow .comments__i-txt p {
    margin: 0 0 -4px;
    letter-spacing: -0.2px;
}

.custom-scroll.pbs_scroll {
    bottom: auto;
    right: 0;
    top: 0;
    width: 8px;
    cursor: pointer;
    border-top: 1px solid #ffdf00;
    border-right: 1px solid #f2aa00;
    border-left: 1px solid #f2aa00;
    border-bottom: 1px solid #ffb300;
    border-radius: 8px;


    background: #ffb400; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZTJlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQ3ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcb00), to(#ffb300));
    background: linear-gradient(to bottom, #ffcb00 0%, #ffb300 100%); /* W3C */
}

.pbs__show-all {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 12px;
    opacity: 0.5;
    text-decoration: none;
}

.pbs__show-all:hover {
    color: #fff;
    opacity: 1;
}

.pbs__show-all span {
    border-bottom: 1px dotted #fff;
}

.pbs__comments__add {
    overflow: hidden;
    margin-bottom: 0;
}

.pbs__comments__add .comments__add-ava-img {
    width: 30px;
}

.pbs__comments__add .comments__add-main {
    margin-left: 38px;
}

.pbs__comments__add .comments__add-txt {
    width: 314px;
    height: 21px;
    resize: none;
    margin-bottom: 8px;
}

.pbs__comments__add .comments__submit {
    font-size: 13px;
    padding: 7px 18px 4px;
}

.pbs__comments__add .comments__smiles {
    margin: 6px 15px 0 0;
}

.pbs__comments__add .comments__add-footer {
    padding-bottom: 12px;
}

.pbs__info-block {
    padding: 7px 0;
}

.pbs__photo_rating {
    color: #FFFFFF;
    float: left;
}

.pbs__extra {
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    margin-left: 12px;
    margin-right: 8px;
    margin-top: 3px;
    position: relative;
    z-index: 1;
}

.pbs__extra .hover-opacity {
    opacity: 0.5;
}

.pbs__extra .hover-opacity:hover {
    opacity: 1;
}

.track-section__filter-arrow.white {
    background-position: -268px 0;
}

.pbs__additionally-popup {
    bottom: 33px;
    left: auto;
    opacity: 1;
    right: -30px;
    top: auto;
    width: 316px;
    padding: 16px 14px 0;
}

.pbs__additionally-popup .additionally-list {
    width: 158px;
}

.pbs__additionally-popup:before {
    bottom: -9px;
    left: auto;
    right: 26px;
    top: auto;
}


.photo-grid-l__list {
    margin: 0 0 25px;
    padding: 10px 0 0;
    list-style: none;
}

.photo-grid-l__list__i {
    margin: 0 20px 15px 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.photo-grid-l__list__i:nth-child(3n) {
    margin: 0 0 15px 0;
}

.pgl__info {
    display: block;
    text-align: center;
    font-size: 12px;
    padding-top: 3px;
}


.pgl__sidebar.block-l-sidebar {
    margin: 0 0 0 12px;
    padding: 7px 16px;
    height: auto;
    width: 220px;
}

.pgl__users__lst .dj-users__img {
    height: 70px;
    margin-right: 16px;
    width: 70px;
}

.pgl__users__lst.dj-users__lst {
    padding: 6px 0 0;
}

.pgl__users__lst .dj-users__i {
    margin: 0 0 12px;
}


.pgl_btn-wrap {
    margin-top: 21px;
    text-align: center;
    margin-bottom: 15px;
}

.pgl_btn-wrap .now-online__more-btn {
    padding-bottom: 7px;
    padding-top: 11px;
    width: 165px;
}


.page-nav-bot.black-style .page-nav-bot__txt {
    background: none repeat scroll 0 0 #3E3F40;
}

.page-nav-bot.black-style .page-nav-bot__h {
    color: #6a7881;
}

.page-nav-bot.black-style .page-nav-bot__txt:hover {
    color: #FFB300;
}

.page-nav-bot.black-style .page-nav-bot__i_type_cur .page-nav-bot__txt {
    background: none repeat scroll 0 0 #FFB300;
    color: #3d4a55;
}

.page-nav-bot.black-style .page-nav-bot__i_dir_prev .page-nav-bot__txt, .page-nav-bot.black-style .page-nav-bot__i_dir_next .page-nav-bot__txt, .page-nav-bot.black-style .page-nav-bot__i_type_more .page-nav-bot__txt {
    background: none repeat scroll 0 0 transparent;
}


.filter-dropdown-custom {
    position: relative;
}

.pgl__filter-dropdown {
    margin-right: 12px;
    margin-top: 2px;
    color: #6a7881;
}

.pgl__filter-dropdown .like-icon {
    background-position: -169px -177px;
}

.pgl__filter-dropdown .arrow {
    background-position: -182px -177px;
}

.photo-grid-s {
    display: table;
    list-style: none outside none;
    margin: 0 0 15px;
    padding: 9px 0 0;
}

.photo-grid-s__i {
    display: block;
    float: left;
    height: 99px;
    margin: 0 1px 1px 0;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 99px;
}

.photo-grid-s__i__link {
    display: inline-block;
    height: 99px;
    overflow: hidden;
    position: relative;
    width: 99px;


}

.photo-grid-s__i__link img {
    left: -30%;
    position: relative;
    width: 160%;
}

.pgs__flaot-hover {
    position: absolute;
    width: 167px;
    padding: 6px;
    background: #ffbd00;
    top: -9px;
    left: -43px;
    z-index: 9;
    display: none;
    border-radius: 2px;
    box-shadow: 0 0 10px 2px #000;
}

.pgs__flaot-hover img {
    width: 100%;
    display: block;
}

.photo-grid-s__i:hover .pgs__flaot-hover {
    display: block;
}

.pgs__info {
    bottom: 9px;
    left: 13px;
}

.pgs__filter-dropdown {
    margin-right: 40px;
}


.blog__teasers-view {
    margin: -10px 0 0 -15px;
}

.blog__teasers-view .teasers-view__wrap-img {
    height: 193px;
}

.blog__teasers-view .teasers-view__img {
    max-width: 100%;
}

.blog__teasers-view .teasers-view__i-in {
    width: 257px;
    min-height: 0;
}

.blog__teasers-view .teasers-view__i {
    margin: 0 0 31px 16px;
}

.blog__teasers-view .teasers-view__date {
    margin: 1px 0 4px;
}

.blog__teasers-view .teasers-view___h {
    letter-spacing: 0;
}

.teasers-view__i__overflow {
    overflow: hidden;
    width: 100%;
    height: 126px;
}

.blog__teasers {
    padding-top: 5px;
    margin: 0 0 0 -47px;
}

.blog__teasers .teasers__i {
    margin: 0 0 30px 47px;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 0;
}

.blog__teasers .teasers__h {
    letter-spacing: 0;
    line-height: 1.1;
}

.blog__teasers .teasers__date {
    margin: 3px 0;
}

.blog-pop {
    margin: 17px 22px 0 0;
}

.teasers__bottom-info {
    border-bottom: 1px solid #DADEE0;
    padding-bottom: 10px;
    padding-top: 1px;
}

.teasers__bottom__i-view {
    font-size: 11px;
    color: #adb7bc;
    padding-top: 3px;
}

.teser-bottom-icon {
    height: 8px;
    margin-left: 2px;
}

.icon-img.eye-gray {
    background-position: -104px -133px;
    width: 13px;
    height: 8px;
}

.icon-img.heart-gray {
    background-position: -120px -133px;
    width: 9px;
}

.blog-sidebar {
    margin-top: 48px;
}

.blog-users__lst {
    background: rgba(255, 255, 255, 0.8);
    margin: -8px 0 0;
    padding: 13px 10px 1px;
}

.blog-users__lst .dj-users__i {
    margin: 0 0 20px;
}

.blog-btn {
    display: block;
    margin: 0 auto 13px;
    width: 135px;
}

.blog-btn:active {
    margin: 0 auto 13px;
    position: relative;
    top: 1px;
}

.link-btn-underlink {
    color: #abb7be;
    font-size: 12px;
    text-align: center;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.hard-rew-main-teaser {
    margin: -11px 0px 0 0;
    width: 652px;
}

.hard-rew-main-teaser .main-teaser-i__content {


    background: #ffb400; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, right top, from(#f6f6f6), color-stop(24%, #fff));
    background: linear-gradient(to right, #f6f6f6 0%, #fff 24%); /* W3C */
}

.hard-rew-main-teaser .main-teaser__i-in {
    background-image: none;
}

.hard-rew-main-teaser .main-teaser-i__content {
    padding-top: 17px;
    min-height: 188px;
}

.hard-rew-main-teaser .main-teaser-i__h {
    font-size: 20px;
    letter-spacing: 0;
    margin-bottom: -5px;
}

.hard-rew-main-teaser .main-teaser-i__wrap-img {
    width: 387px;
}

.hard-rew-top-list {
    list-style: none;
    margin: -16px 0 0 0;
    padding: 0;
    float: right;
    width: 205px;
}

.hard-rew-top-list__i {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 9px 0 2px;

}

.hard-rew-top-list__i .main-teaser-i__date {
    margin: -2px 0 14px;
}

.hard-rew-top-list__i .separator {
    margin: 0;
}

.table {
    display: table;
    width: 100%;
}

.hr-table.table {
    margin-bottom: 35px;
}


.hard-rew-main-block {

}

.hard-rew-main-block .separator {
    width: 629px;
}

.icon-img.h-list {
    background-position: -151px -177px;
    height: 13px;
    margin-bottom: 2px;
    margin-right: 8px;
    width: 15px;
}

.hr__teasers {
    padding-top: 22px;
    margin: 0 0 0 -30px;
}

.hr__teasers .teasers__i {
    margin: 0 0 30px 30px;
    padding-bottom: 0;
}

.hr__teasers .teasers__date {
    margin: 0 0 2px;
}

.hr-pop-block {
    margin-right: 24px;
}

.hr-sidebar {
    margin-top: 5px;
}

.hr-list-wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: -22px 0 0;
    padding: 3px 35px 0 10px;
    width: 239px;
}

.hr-list-wrap .teasers-img-left__tag {
    margin: 0 0 3px -4px;
}


.hr-header {
    clear: left;
    letter-spacing: 0;
    margin: 25px 0 16px;
}

.hr-header-icon-area {
    background: none repeat scroll 0 0 #FFC700;
    display: inline-block;
    height: 41px;
    margin-right: 5px;
    vertical-align: middle;
    width: 41px;
    text-align: center;
}

.hard-rew-main-list {
    float: left;
    list-style: none outside none;
    margin: 0 0 44px;
    padding: 0;
    width: 323px;
}

.hard-rew-main-list.last-list {
    float: none;
    width: auto;
}

.hr-m-l__i {
    line-height: 20px;
    margin: 0 0 4px;
    padding: 0;
}

.hr-m-l__i a {
    color: #3a3f44;
    text-decoration: none;
}

.hr-m-l__i a:hover {
    color: #57a1c7;
}


.big-disc.icon-img {
    background-position: -143px -214px;
    height: 28px;
    margin-top: 6px;
    width: 29px;
}

.big-drum.icon-img {
    background-position: -172px -214px;
    height: 28px;
    margin-top: 6px;
    width: 29px;
}

.big-dynamic.icon-img {
    background-position: -143px -242px;
    height: 28px;
    margin-top: 6px;
    width: 29px;
}

.big-lamp.icon-img {
    background-position: -172px -242px;
    height: 28px;
    margin-top: 6px;
    width: 29px;
}

.big-camcorder.icon-img {
    background-position: -200px -210px;
    height: 28px;
    margin-top: 6px;
    width: 29px;
}


.ctrl-section-h.section-h.blog-add {
    letter-spacing: 2px;
    margin-top: 5px;
}

.section-header-small__h.blog-add {
    letter-spacing: 0;
    margin-bottom: 10px;
    margin-top: 5px;
}

.form-label_add-blog {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: -3px;
    padding-left: 10px;
    text-align: left;
}

.optional {
    color: #aab7be;
}

.form-line.add-blog {
    margin-bottom: 20px;
}

.custom-input__add-blog.custom-input {
    height: 67px;
    padding: 10px;
    resize: none;
    width: 654px;
}

.wysiwyg.add-blog {
    padding-top: 9px;
    margin-bottom: 30px;
}

.add-blog.wysiwyg__h {
    padding-left: 10px;
}

.form-notice__body.textarea {
    top: 6px;
}

.custom-input__wrap {
    position: relative;
    display: inline-block;
}

.custom-input.datepicker-input {
    font-size: 14px;
    height: 31px;
    margin-right: 0;
    padding-right: 31px;
    padding-top: 3px;
}

.datepicker-btn {
    background-position: -290px 0;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 7px;
    top: 8px;
    width: 20px;
}

.datepicker-btn:hover {
    background-position: -290px -20px;
}

.btn_add-blog.leave {
    font-size: 16px;
    margin-right: 23px;
    padding: 11px 0 7px;
    width: 237px;
}

.btn_add-blog.post {
    font-size: 24px;
    letter-spacing: 2px;
    padding: 9px 0 7px;
    width: 263px;
}

.post-rating-list-h {
    list-style: none;
    margin: 10px 0 0 32px;
    padding: 0;
}

.prlh__i {
    margin: 0 4px 0 0;
    float: left;
}

.prlh__i.active {
    background: #ffbb00;
}

.prlh__i a {
    color: #aab7be;
    border-bottom: none;
    -webkit-text-decoration: 1px dotted #aab7be;
            text-decoration: 1px dotted #aab7be;
    padding: 2px 10px 2px 14px;
    display: inline-block;
}

.prlh__i a:hover {
    color: #3A3F44;
}

.prlh__i.active a {
    color: #343e47;
    border: none;
    text-decoration: none;
}

.prlh__i.active .prlh__i__count {
    color: #fff;
}

.prlh__i__count {
    color: #353e47;
    margin-left: 4px;
}

.list-clear {
    margin: 0;
    list-style: none;
    padding: 0;
}

.letter0 {
    letter-spacing: 0;
}

.letter1 {
    letter-spacing: 1px;
}

.letter2 {
    letter-spacing: 2px;
}

.blog-post-list__i {
    padding: 5px 0 0;
    margin: 0 0 43px;
}

.blog-post__tag {
    position: static;
    display: inline-block;
    margin-right: 9px;
}

.blog-post__h {
    margin: 0 0 10px;
    font-size: 24px;
}

.blog-post__users__name {
    font-size: 13px;
}

.blog-post__users__name:hover .user-icon {
    background-position: -187px -176px;
}

.blog-post__img {
    display: block;
    margin-bottom: 16px;
}

.blog-post__header {
    margin-bottom: 14px;
}

.blog-post__content {
    margin-right: 105px;
    margin-bottom: 19px;
}

.blog-post__content p {
    line-height: 21px;
}

.blog-post__content p + p {
    margin: 23px 0 -9px;
}

.blog-post__manage {
    margin-right: 104px;
}

.blog-post__btn {
    width: 133px;
    margin-right: 18px;
}

.blog-post__manage__comm-view {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    color: #adb7bc;
    margin-left: 28px;
}

.comm-min-gray {
    background-position: -132px -133px;
    height: 11px;
    vertical-align: middle;
    width: 13px;
}

.blog-post__separator {
    margin: 9px 0;
}

.blog-post__comments__i {
    font-size: 12px;
    margin-bottom: 5px;
}

.blog-post__comments__i * {
    display: inline-block;
    vertical-align: middle;
}

.bpci__time {
    color: #aeb8bc;
}

.bpci__comm {
    color: #383e45;
}

.see-more {
    text-decoration: none;
    border-bottom: 1px dotted;
}

.blog-post-h-separator {
    margin: -19px 0 17px
}


.add-blog__add-photo {
    display: table;
    margin: 32px 0 15px;
    width: 676px;
}

.download__track-body.add-photo {
    height: 160px;
    margin: 8px 18px 0 11px;
    width: 200px;
}

.download__cover-btn-wrap.add-photo {
    margin-top: 57px;
    margin-bottom: 17px;
}

.add-photo-btn.btn {
    padding: 7px 0 2px;
    width: 135px;
}

.el-edit__i-act.add-photo-del {
    margin-left: 14px;
}

.add-photo-l.icon-img {
    display: inline-block;
    width: 116px;
    height: 66px;
    background-position: -315px 0;
    margin-top: 32px;
}

.add-photo-xl.icon-img {
    background-position: -315px -66px;
    display: inline-block;
    height: 73px;
    margin: 0;
    width: 116px;
}

.wwpvb__i {
    margin: 4px 0 10px;
}

.wysiwyg__photo-video-link {
    display: block;
    margin-left: 66px;
    color: #414a52;
}

.wwpvb__i__manage {
    float: left;
    width: 100%;
    margin-bottom: 12px;
}

.add-video-img-xxl {
    clear: both;
    display: block;
    padding: 85px 0 79px;
    text-align: center;
}

.related-content {
    margin: 33px 0 102px;
}

.related-content-list {
    margin: 3px 0 29px 20px;
}

.related-content-list li {
    margin: 0 0 7px;
    position: relative;
}

.icon-img.rel-con-l-icon {
    margin: 0px 5px -2px 3px;
}

.dynamic-g.icon-img {
    background-position: -108px -365px;
    height: 14px;
    width: 12px;
}

.pen-g.icon-img {
    background-position: -122px -365px;
    height: 14px;
    width: 12px;
}

.people-g.icon-img {
    background-position: -135px -365px;
    height: 14px;
    width: 12px;
}

.add-multisel__name .star.icon-img {
    margin-right: 4px;
}

.without-del.add-multisel__name {
    padding-right: 18px;
}

.add-multisel-row {
    cursor: default;
}

.add-multisel-input {
    background: none repeat scroll 0 0 #EEF0F2;
    border: medium none;
    color: #414A52;
    display: inline-block;
    font-size: 14px;
    margin: 0 0 0 24px;
    padding: 7px 9px 6px;
    width: 92px;
}

.add-multisel.multisel-mini {
    left: 18px;
    position: absolute;
    top: 32px;
    width: 394px;
    padding: 7px 12px;
    min-height: 72px;
    z-index: 10;
}

.hint-list-multisel__i {
    font-size: 13px;
    cursor: pointer;
    margin-bottom: 6px;
}

.related-content .add-multisel {
    vertical-align: top;
}

.wysiwyg__body__input-area {
    min-height: 339px;
    overflow: hidden;
    padding: 0 21px 0 9px;
    width: 644px;
}

.wysiwyg__body__input-area p {
    background: #eef0f2;
    margin: 12px 0;
    padding: 8px 14px 7px;
    word-spacing: -1px;
    border-radius: 2px;
}

.wysiwyg-h {
    display: block;
    margin: 0 -9px 0;
}

.icon-img.del-y {
    background-position: -46px -150px;
    width: 10px;
    height: 10px;
}

.wbi__img-list {
    margin: 0;
    padding: 12px 13px 8px;
    list-style: none;
    background: #eef0f2;
    display: block;
}

.wbi__img-list__i {
    position: relative;
    display: inline-block;
    padding-right: 21px;
    margin-right: 11px;
}

.wbi__del-btn {
    position: absolute;
    padding: 5px;
    top: -4px;
    right: 0;
    display: block;
}

.wbi__del-btn .icon-img {
    display: block;
}

.profile__h_style_user:before {
    background: url("/img/icons.png") no-repeat scroll -247px -50px transparent;
}

.photo-list-header.light-theme {
    padding: 12px 0 0;
}

.photo-list-header.light-theme .plh__i {
    margin: 0 30px 0 0;
    padding: 0 0 4px;
}

.photo-list-header.light-theme .plh__i.active {
    border-bottom: 2px solid #a8b7c0;
}

.photo-list-header.light-theme .plh__i.active a {
    color: #353e47;
    cursor: default;
    text-decoration: none;
}

.light-theme-separator {
    margin-top: 0;
    position: relative;
    top: -2px;
    margin-bottom: 15px;
}

.blog-item-page {
    margin-right: 90px;
    margin-bottom: 48px;
}

.blog-item-h {
    font-size: 30px;
    letter-spacing: 0;
    margin: -1px 0 8px;
}

.blog-item__header {
    margin-bottom: 27px;
}

.blog-item-page p {
    line-height: 21px;
    margin-bottom: 21px;
}

.blog-item_video-block {
    margin: 4px 0 27px;
}

.blog-item_photo-block {
    margin: 42px 0 27px;
}

.bia__h {
    padding: 0 0 9px;
    margin-bottom: 0;
}

.msi__right__inner.bia__inner {
    margin-right: 76px;
    margin-bottom: 36px;
}

.track__prop-no-link {
    color: #ADB7BC;
    float: right;
    margin-right: 5px;
    text-decoration: none;
    cursor: default;
}

.event-other.bia__inner {
    margin-bottom: 42px;

}

.blog-item-sidebar {
    margin: -14px 0 0;
}


.top-blog-manage-block {
    background: rgba(255, 255, 255, 0.8);
    padding: 9px 9px 1px;
    margin: 0 9px 12px -8px;
    overflow: hidden;
}

.check-list.blog-prof {
    padding: 0;
}

.check-list.blog-prof li {
    margin: 0 13px 0 0;
}

.tbmb__img.icon-img {
    margin: 7px 11px 3px 2px;
}

.add-post__btn.btn {
    /*margin: 4px 5px 0;*/
    padding: 6px 0 4px;
    width: 156px;
    position: relative;
    right: 14px;
    top: 1px;
}

.blog-prof-sidebar {
    margin-top: 15px;
}

.edit-elem__btn.btn {
    padding: 7px 18px 5px;
    width: auto;
}

.afisha-section-h {
    padding: 0;
    margin: 17px 0 0 57px;
    list-style: none;
}

.afisha-section-h__i {
    display: inline-block;
    margin-right: 20px;
    color: #aab7be;
}

.profile__show-all-btn {
    position: relative;
    right: 4px;
    top: 6px;
}

.white-section {
    background: rgba(255, 255, 255, 0.8);
    padding: 28px 17px;
    margin: 0 0 39px;
}

.white-section .poster.afisha {
    margin-top: 0;
    padding: 0;
}

.white-section .poster.afisha .poster__lst {
    margin: 0 0 -42px -81px;
}

.white-section .poster.afisha .poster__lst .poster__i {
    margin: 0 0 38px 81px;
}

.statistic-block {
    margin: 6px 0 22px;
}

.statistic-block hr {
    margin: 11px 0 0;
}

.profile-left-in {
    margin: 0 22px 0 3px;;
}

.fake-table-small-info {
    margin: 15px 0 17px;
}

.fake-table-left {
    float: left;
    font-size: 13px;
    font-weight: bold;
}

.fake-table-right {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 8px;
    margin-left: 146px;
}

.club-sidebar-h {
    margin: 14px 0 17px;
}

.user-top-search-block {
    clear: left;
    padding: 4px 0 0;
    margin-bottom: 18px;
}

.big-input-search.custom-input {
    color: #ABB7BE;
    font-size: 18px;
    padding: 8px 18px 7px;
    width: 635px;
    word-spacing: -1px;
}

.btn.btn_size_large {
    font-size: 18px;
    padding: 13px 10px 11px;
    width: 163px;
}

.utsb-label {
    margin: 9px 8px 0 2px;
    width: 80px;
}

.add-multisel.utsb-multisel {
    padding: 3px;
    width: 634px;
}

.utsb-multisel__name {
    padding: 0 39px 0 15px;
    background: none repeat scroll 0 0 #acb6bb;
}

.utsb-multisel__name.ginger {
    background: none repeat scroll 0 0 #FFB500;
    padding: 0 40px 0 11px;
}

.gray-link {
    color: #abb7be;
    text-decoration: none;
    border-bottom: 1px dotted;
}

.gray-link:hover {
    color: #3A3F44;
}

.utsb-link {
    margin: 8px 30px 0 0;
}

.users-section {
    margin: -5px -8px 29px;
    padding: 18px 7px 5px;
    background: rgba(255, 255, 255, 0.8);
}

.users-section__header:before {
    background: none repeat scroll 0 0 #181D23;
    bottom: -6px;
    content: "";
    display: block;
    height: 12px;
    left: 3px;
    position: absolute;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 12px;
    z-index: 1;
}

.users-section__header:after {
    background: none repeat scroll 0 0 #FCFCFC;
    bottom: -9px;
    content: "";
    display: block;
    height: 9px;
    left: 9px;
    position: absolute;
    width: 9px;
    z-index: 1;
}

.users-section__header {
    margin-bottom: 17px;
    margin-left: -15px;
    position: relative;
}


.users-section-sort-list__i {
    font-size: 12px;
    display: inline-block;
    font-size: 12px;
    margin: 4px -2px 0 6px;
    padding: 6px 11px 3px;
}

.users-section-sort-list__i a {
    text-decoration: none;
    border-bottom: 1px dotted;
    color: #3d4a55;
}

.users-section-sort-list__i.label {
    font-weight: bold;
}

.users-section-sort-list__i.active {
    background: #d1d9dc;
}

.users-section-sort-list__i.active a {
    border-bottom: none;
    cursor: default;
}

.users-section-sort-list__i .icon-img {
    height: 11px;
    width: 12px;
    margin: 0 3px -1px 0;
}

.sort-by-popular .icon-img {
    background-position: -63px -150px;
}

.sort-by-popular.active .icon-img {
    background-position: -63px -163px;
}

.sort-by-name .icon-img {
    background-position: -77px -150px;
}

.sort-by-name.active .icon-img {
    background-position: -77px -163px;
}

.sort-by-date .icon-img {
    background-position: -93px -150px;
}

.sort-by-date.active .icon-img {
    background-position: -93px -163px;
}

.user-main-list__i {
    border-top: 1px solid #E3E7E9;
    clear: both;
    margin-bottom: 6px;
    padding: 13px 0 0;
}

.users-main-list__name {
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
}

.users-main-list__name .icon-img {
    margin-right: 3px;
}

.users-main-list__like {
    color: #39424B;
    position: relative;
    top: -3px;
    font-size: 14px;
    letter-spacing: 1px;
}

.users-main-list__like .icon-img.gray-heart-m {
    margin: 0 5px 0 -2px;
}

.users-main-list__place, .users-main-list__style {
    color: #adb7bc;
    font-size: 12px;
}

.users-main-list__style:hover {
    color: #353E47;
}

.users-main-list__place .icon-img, .users-main-list__style .icon-img {
    margin-right: 6px;
}

.icon-img.gray-heart-m {
    background-position: -61px -75px;
    height: 11px;
    width: 13px;
    vertical-align: middle;
}

.icon-img.top100-s {
    background-position: -109px -150px;
    height: 15px;
    width: 30px;
    vertical-align: middle;
}

.user-main-list__inner {
    float: left;
    width: 205px;
    height: 70px;
}

.user-main-list__inner_row {
    margin: 6px 10px 9px 0;
}

.icon-img.map-gray {
    background-position: -142px -150px;
    height: 11px;
    width: 8px;
}

.icon-img.music-style-gray {
    background-position: -151px -150px;
    height: 11px;
    width: 8px;
}

.user-main-list__track {
    float: left;
    margin: 13px 0 0 4px;
}

.user-main-list__status {
    display: table-cell;
    margin: 0;
    padding: 0 9px 7px 0;
    text-align: right;
    vertical-align: middle;
    width: 99px;
}

.last-visit-txt {
    color: #adb7bc;
    display: inline-block;
    width: 100%;
    font-size: 12px;
}

.user-main-list__afisha {
    float: left;
    margin: 5px 0 0 5px;
}

.user-main-list__afisha__poster__date {
    position: static;
    float: left;
    margin-right: 10px;
}

.user-main-list__afisha__poster__h {
    float: left;
    margin-bottom: 6px;
    word-spacing: -3px;
}

.user-main-list__afisha__poster__visitors {
    font-size: 12px;
}

.user-main-list__afisha__poster__visitors a {
    font-size: 14px;
}

.user-main-list {
    margin-bottom: 0;
}

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

.top-users-tabs {

}

.top-users-tabs__tab {
    background: rgba(215, 221, 223, 0.4);
    text-decoration: none;
    font-size: 18px;
    float: left;
    display: block;
    margin-right: 18px;
    padding: 13px 21px 7px;
    text-align: center;
    border-radius: 2px 2px 0 0;
}

.top-users-tabs__tab.active {
    background: #ffb900;
    color: #3a3f44;
    cursor: default;
    padding: 12px 32px 8px;
    text-transform: uppercase;
}

.top-users-tabs__content {
    padding: 27px 13px 30px;
    background: rgba(255, 255, 255, 0.8);
    clear: both;
    margin: 0 13px 29px -13px;
}

.top-users-tabs__content__vendor {
    padding: 29px 0 0;
    width: 260px;
    float: left;
    margin-right: 67px;
}

.top-users-tabs__content__vendor__img {
    display: block;
    margin: 0 auto;
}

.top-users-tabs__content__vendor__img.first {
    display: block;
    margin: 0 auto 48px;
}

.top-users-tabs__content__txt {
    margin-right: 40px;
}

.top-users-tabs__content__txt p {
    margin-bottom: 21px;
}

.top-users-tabs__content__txt ul {
    line-height: 18px;
}

.top100-h {
    font-size: 18px;
    letter-spacing: 0;
    margin-right: 20px;
}

.top100-h:before {
    background: url("/img/icons.png") no-repeat scroll -173px 0 transparent;
    content: "";
    display: inline-block;
    height: 22px;
    margin-right: 11px;
    vertical-align: middle;
    width: 24px;
}

.dropdown-link:after {
    background: url("/img/icons.png") no-repeat scroll -144px 0 transparent;
    content: "";
    display: inline-block;
    height: 3px;
    margin-bottom: -1px;
    margin-left: 6px;
    vertical-align: middle;
    width: 5px;
}

.dropdown-link:hover:after {
    background: url("/img/icons.png") no-repeat scroll -138px 0 transparent;
}

.arrow-black.icon-img {
    background-position: -42px -612px;
    display: inline-block;
    height: 3px;
    vertical-align: middle;
    width: 5px;
}

.prlh__i .arrow-black.icon-img {
    margin: 0 2px -1px 6px;
}

.top100-detailed-rat {
    margin: 3px 20px 0 0;
}

.top100-header {
    margin: 0 0 13px;
}

.top-block-with-shadow {
    position: relative;
}

.top-block-with-shadow:before {
    content: "";
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
    top: -30px;
    box-shadow: 0 16px 10px -14px #cccccc;
    border-radius: 10px;
}

.top100-select-block {
    padding: 21px 0 16px;
}

.top100-select__label {
    margin-right: 10px;
}

.top100-select__select-styles {
    margin-right: 20px;
}

.top100-select__select-regions {
    margin-right: 36px;
    width: 195px;
}

.top100-select__select-citys, .top100-select__select-styles {
    width: 245px;
}

.top100-users {
    padding: 25px 13px 8px;
    background: rgba(255, 255, 255, 0.8);
    clear: both;
    margin: -3px 13px 22px -13px;
}

.top100-users-list.most-pop li:last-child {
    border: medium none;
    margin-bottom: 0;
}

.top100-users-list__i {
    margin: 0 16px 17px 0;
    padding: 0 0 12px 21px;
    border-bottom: 2px dotted #d2d2d2;
}

.top100-users-list__i__avatar {
    position: relative;
    width: 100px;
}

.top100-users-list__i__avatar__img {
    border: 1px solid #FFFFFF;
}

.top100-users-list__i__avatar__pos {
    font-size: 10px;
    padding-left: 22px;
    position: relative;
    margin-bottom: 2px;
    z-index: 5;
}

.top100-users-list__i__avatar__pos__count {
    position: absolute;
    left: -20px;
    top: -6px;
    height: 40px;
    width: 40px;
    line-height: 42px;
    text-align: center;
    font-size: 24px;


    color: #3a3f44;
    text-shadow: 0 1px rgba(255, 255, 255, 0.36);
    box-shadow: 0 1px 1px #5b6b74;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0.2)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-color: #adb7bc;

}

.top100-users-list__i__avatar__pos__count-other {
    position: absolute;
    left: -20px;
    top: -6px;
    height: 40px;
    width: 40px;
    line-height: 44px;
    text-align: center;
    font-size: 24px;


    color: #383e45;
    text-shadow: 0 1px rgba(255, 255, 255, 0.36);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));
    background-image: linear-gradient(to bottom, #ffffff, #f4f4f4);
    background-color: #adb7bc;

}

.turn-up .top100-users-list__i__avatar__pos {
    color: #90c855;
    height: 14px;
}

.turn-up .top100-users-list__i__avatar__pos__count, .new .top100-users-list__i__avatar__pos__count {
    box-shadow: 0 1px 1px #a47506;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.1)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
    background-color: #ffbf00;
}

.turn-down .top100-users-list__i__avatar__pos {
    color: #ef6751;
}

.new .top100-users-list__i__avatar__pos {
    color: #ffc104;
    text-transform: uppercase;
    padding-left: 24px;
}

.avatar-shadow {
    display: inline-block;
    position: relative;
}

.avatar-shadow img {
    position: relative;
    z-index: 1;
    box-shadow: 0 6px 3px -6px rgba(0, 0, 0, 0.6);
}

.avatar-shadow:before, .avatar-shadow:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 5px;
    bottom: 7px;
    background: transparent;
    -webkit-transform: skew(0deg) rotate(-7deg);
    transform: skew(0deg) rotate(-7deg);
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.6);
    z-index: 0;
}

.avatar-shadow:after {
    left: auto;
    right: 5px;
    -webkit-transform: skew(0deg) rotate(7deg);
    transform: skew(0deg) rotate(7deg);
}

.top100-users-list__i__info {
    float: left;
    margin-left: 13px;
    margin-top: 15px;
    width: 359px;
}

.top100-users-list__i__info__row {
    display: block;
    margin-bottom: 7px;
    overflow: hidden;
    padding-right: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top100-users-list__i__info__row.user {
    font-size: 18px;
}

.top100-users-list__i__info__row.likes {
    font-size: 14px;
    letter-spacing: 1px;
}

.top100-icon-star {
    margin-right: 5px;
}

.top100-icon-styles.icon-img, .top100-icon-place.icon-img {
    margin-right: 9px;
}

.top100-users-list__i__track {
    margin: 19px 0 0;
}

.top100-users-list__i__track .player-s {
    margin: 18px 0 0;
}

.top100-users-list__i__track .full-width-track .track-bar__body {
    width: 348px;
}

.top100-users-list__i__avatar.other {
    width: 80px;
}

.top100-other-img {
    margin: 0 0 0 5px;
}

.user-main-list__inner.other {
    margin: 15px 0 0;
    width: 200px;
}

.user-main-list__inner.place-style.other {
    line-height: 12px;
    margin: 21px 0 0;
    width: 192px;
}

.top100-users-list__i__track.other {
    float: left;
    margin: 6px 0 0 -7px;
}

.other-top {
    margin-right: 26px;
}

.user-top-search-block.reviews {
    padding: 8px 0 0;
}

.btn.reviews-btn_size_large {
    font-size: 18px;
    margin: 4px 11px 0 0;
    padding: 14px 46px 10px;
}

.review-section {
    background: rgba(255, 255, 255, 0.8);
    padding: 24px 24px 8px 104px;
    margin: 0 7px 46px -8px;
    position: relative;
}

.review-section.open {
    padding: 15px 24px 8px 104px;
    margin: 0 7px 38px -8px;
}

.review-section__rating {
    left: 8px;
    position: absolute;
    top: -4px;
    padding-bottom: 16px;
    overflow: hidden;
    z-index: 1;
}

.review-section__rating__wrap {
    width: 75px;
    text-align: center;
    line-height: 40px;
    padding-top: 3px;
    background: #A9B6BD;
    color: #FFFFFF;
    height: 98px;

}

.review-section__rating:after, .review-section__rating:before {
    content: "";
    position: absolute;
    bottom: 5px;
    width: 45px;
    height: 45px;
    background: #A9B6BD;
    left: auto;
    right: -14px;
    z-index: -1;


    -webkit-transform: skew(0deg) rotate(-66deg);
    transform: skew(0deg) rotate(-66deg);

}

.review-section__rating:after {
    left: -14px;
    right: auto;

    -webkit-transform: skew(0deg) rotate(-24deg);
    transform: skew(0deg) rotate(-24deg);
}

.review-section__rating__txt {
    display: inline-block;
    font-size: 14px;
    width: 100%;
}

.review-section__rating__num {
    font-size: 48px;
}

.review-section-track {
    border-bottom: 2px dotted #d2d2d2;
    padding-bottom: 15px;
    margin-bottom: 11px;
}

.date.under-h {
    display: inline-block;
    margin-right: 14px;
}

.review-section-p {
    font-size: 12px;
    line-height: 18px;
}

.review-section-header {
    margin-bottom: 9px;
}

.open .review-section-p {
    margin-right: 50px;
    margin-bottom: 18px;
}

.review-section-results {
    border-top: 2px dotted #d2d2d2;
    margin-top: 22px;
    padding: 21px 0 25px;
}

.review-section-results-h {
    margin-bottom: 16px;
}

.raund-rating {
    background: #ffb300;
    width: 73px;
    height: 73px;
    text-align: center;
    font-size: 48px;
    line-height: 74px;
    margin-left: 2px;
    margin-right: 18px;
}

.raund-rating__min {
    font-size: 18px;
    vertical-align: baseline;
}

.rating-star-wrap.big {
    background: url("/img/icons.png") repeat scroll 129px 0 transparent;
    height: 19px;
    width: 129px;
}

.rating-star-wrap.big .rating-star-inner {
    background: url("/img/icons.png") repeat scroll 129px -19px transparent;
    height: 100%;
}

.rating-star-wrap.rsr {
    margin: 26px 55px 0 0;
}

.rating-star-wrap.small {
    background: url("/img/icons.png") repeat scroll 67px -38px transparent;
    height: 10px;
    width: 67px;
    display: inline-block;
}

.rating-star-wrap.small .rating-star-inner {
    background: url("/img/icons.png") repeat scroll 67px -48px transparent;
    height: 100%;
}

.review-section-results__progress-i {
    margin: 2px 50px 3px 0;
}

.progress-i__text {
    color: #acb6bb;
    display: inline-block;
    width: 94px;
}

.see-more-turn {
    border-bottom: 1px dotted;
    text-decoration: none;
    font-size: 12px;
}

.see-more-turn.rsr {
    margin: 50px 6px 0 0;
}

.reviews-sidebar-h {
    margin: 9px 0px 22px;
}

.dj-users__lst-link {
    color: #adb7bc;
    font-size: 11px;
}

.review-add-track {
    padding: 7px 7px 7px 12px;
    width: 656px;
    background: rgba(255, 255, 255, 0.8);
}

.section-header-small__h2 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 33px 10px 13px;
}

.review-add-rating {
    width: 712px;
    margin-bottom: 41px;
}

.review-add-rating__inter__label {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 5px;
    padding-left: 10px;
    text-align: left;
    margin-right: 16px;
}

.custom-input.review-rating-input {
    padding-left: 9px;
    padding-right: 9px;
    width: 26px;
    height: 27px;
    margin-right: 3px;
}

.review-add-rating__inter {
    float: left;
    margin-right: 76px;
    padding: 15px 0 0;
    margin-bottom: 58px;
}

.review-add-rating__inter-txt {
    font-size: 16px;
    vertical-align: middle;
}

.rating-slider {
    display: block;
    height: 4px;
    position: relative;
    width: 100%;
}

.rating-slider .slide-filter-active-place {
    display: block;
    height: 100%;
    left: 0;
    position: relative;
    right: 0;
}

.rating-slider-icon.icon-img {
    background-position: 17px -61px;
    height: 24px;
    position: absolute;
    right: -8px;
    top: -9px;
    width: 17px;
    cursor: pointer;
}

.rating-slider-wrap {
    width: 283px;
    margin: 29px 0 0 9px;
}

.rating-slider-count__i {
    color: rgba(55, 71, 88, 0.5);
    float: left;
    font-size: 12px;
    padding-left: 1px;
    width: 9%;
}

.rating-slider-count__i.last {
    width: 5%;
    padding-left: 0;
}

.rating-slider-count {
    width: 101%;
    margin-top: 15px;
}

.review-add-rating__view {
    background: rgba(255, 255, 255, 0.8);
    display: table;
    margin: 29px 0 0;
    padding: 14px 0 15px 36px;
}

.review-add-rating__additionally {
    width: 110%;
}

.rating__additionally-list {
    margin: 11px -9px 0 13px;
}

.rating__additionally-label {
    display: inline-block;
    padding: 0 7px 0 0;
    width: 96px;
}


.review-section-results__progress-i .rating__additionally-label, .review-section-results__progress-i .review-add-rating__inter-txt {
    color: #acb6bb;
}

.review-section-results__progress-i .custom-input.review-rating-input {
    background: #eaeaea;
}

.review-section-results__progress-i .rating-star-wrap {
    display: none;
}

.review-section-results__progress-i.active .rating__additionally-label, .review-section-results__progress-i.active .review-add-rating__inter-txt {
    color: #374758;
}

.review-section-results__progress-i.active .custom-input.review-rating-input {
    background: #ffffff;
}

.review-section-results__progress-i.active .rating-star-wrap {
    display: inline-block;
}


.review-rating-input-wrap {
    display: inline-block;
    position: relative;
    top: -6px;
}

.review-rating-input-wrap .review-add-rating__inter-txt {
    margin-right: 13px;
}

.submit_size_medium {
    font-size: 24px;
    padding: 11px 73px 5px;
    width: auto;
}

.online-interview-h {
    font-size: 48px;
    margin: 7px 0 0;
}

.interview-online-text-bottom {
    font-size: 18px;
    color: #fff;
    margin-bottom: 17px;
}

.interview-timer {
    margin: 0 auto 32px;
    width: 200px;
}

.timer-icon {
    float: left;
    margin-right: 22px;
}

.timer-wrap {
    color: #fff;
    font-size: 36px;
    text-align: left;
}

.timer-hours,
.timer-minutes,
.timer-seconds {
    display: inline-block;
    vertical-align: middle;
    margin-top: 8px;
}

.timer-separator {
    display: inline-block;
    vertical-align: bottom;
}


.icon-img.big-clock {
    background-position: 42px -90px;
    height: 42px;
    width: 42px;
}

.interview-online-question {
    margin-left: 91px;
}

.online-question-avatar {
    width: 67px;
    height: 67px;
    overflow: hidden;
    float: left;
}

.online-question-avatar img {
    width: 100%;
}

.online-question-comments__add-main {
    margin-left: 89px;
    width: 679px;
}

.online-question-comments__add-txt.custom-input {
    height: 48px;
    margin-bottom: 14px;
    margin-right: 0;
    resize: none;
    width: 655px;
}

.online-question-info {
    color: #929DA3;
    display: inline-block;
    font-size: 12px;
    margin: 8px 0 0 20px;
}

.online-question-comments__submit {
    float: left;
    padding: 8px 28px 4px;
}

.ask-or-not {
    margin: -4px 0 26px;
    width: 857px;
}

.ask-or-not:before,
.ask-or-not:after {
    width: 100%;
    border-top: 1px solid #dbdfe1;
    border-bottom: 1px solid #ffffff;
    content: "";
    display: block;
}

.ask-or-not-list {
    display: table;
    margin: 8px 0 13px 173px;
}

.ask-or-not__refresh {
    font-size: 12px;
    margin: 25px 3px 0;
    text-decoration: none;
}

.ask-or-not__refresh .gray-link {
    color: #929da3;
}

.ask-or-not__refresh:hover .gray-link {
    color: #3c4249;
}

.ask-or-not__refresh:hover .refresh-gray {
    background-position: -181px -150px;
}

.icon-img.refresh-gray {
    background-position: -167px -150px;
    height: 15px;
    margin-right: 2px;
    vertical-align: middle;
    width: 13px;
}

.interview-online-answers {
    padding-left: 44px;
}

.interview-online-q_a_name {
    font-size: 13px;
    float: left;
    text-align: right;
    width: 115px;
}

.online-interview {

}

.online-interview-page-nav-bot {
    margin-left: 82px;
    padding: 6px 0 19px;
}

.online-interview-separator {
    width: 857px;
}

.online-interview-event-other.event-other {
    margin: 40px 0 35px;
}

.answerer-online-sidebar {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 16px -12px 59px;
    padding: 10px 16px 30px;
}

.answerer-online-sidebar-h {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 19px;
}

.answerer-online-sidebar_users__i .dj-users__name {
    display: inline-block;
    margin-bottom: 4px;
}

.answerer-online-sidebar-row {
    display: block;
}

.answerer-online-sidebar-btn {
    font-size: 16px;
    margin: 0 3px;
    padding: 10px 28px 7px;
    position: relative;
    top: 9px;
}

.golossary-alfa-list {
    margin-left: 234px;
}

.golossary-alfa-list.second {
    margin-bottom: 14px;
    margin-top: -5px;
    overflow: hidden;
}

.custom-input.golossary-input {
    height: 38px;
    width: 221px;
    background-position: -33px -568px;
}

.golossary-group-list {
    list-style: none outside none;
    margin: 13px 0 0 11px;
    padding: 0 0 0 19px;
}

.golossary-group-list li {
    list-style: none outside none;
    position: relative;
    line-height: 15px;
    margin-bottom: 6px;
}

.golossary-group-list li a {
    color: #3A3F44;
    font-size: 16px;
    text-decoration: none;
    position: relative;
}

.golossary-group-list li a:hover {
    color: #57A1C7;
}

.golossary-group-list li a:hover .styles-group-list__popup {
    display: block;
}

.golossary-group-list .styles-group-list__popup {
    right: -380px;
}

.golossary-group-list__popup__inner__h {
    font-size: 18px;
    margin-bottom: 12px;
}

.golossary__group {
    margin-bottom: 27px;
    width: 250px;
}

.golossary-main-list {
    list-style: none outside none;
    margin: 11px 22px 0 0;
    padding: 0;
}

.old-news-img-wrap {
    background: #fff;
}

.gollosary-inner__content {
    margin: -2px 105px 0 0;
}

.gollosary-inner__popup-link {
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px dotted;
}

.gollosary-inner__popup-link:hover .styles-group-list__popup {
    display: block;
}

.gollosary-inner-photo-block {
    margin: 24px 0 60px;
}

.golossary-inner-h-right {
    border-bottom: 2px dotted #c6c6c6;
    margin: 0 0 26px;
    padding: 6px 0 9px;
}

.golossary-inner-left-share-wrap {
    border-bottom: 2px dotted #C6C6C6;
    margin-right: 21px;
    padding-bottom: 10px;
    margin-bottom: 18px;
}

.other-golossary {
    font-size: 16px;
    line-height: 22px;
    margin: 15px 0 0;
}

.golossary-inner-found-in {
    overflow: hidden;
    margin-right: -80px;
}

.golossary-inner-found-in-i {
    float: left;
    margin-right: 0;
    padding-right: 50px;
    width: 259px;
    margin-bottom: 29px;
}

.found-in-i-img {
    display: block;
    margin-bottom: 12px;
}

.golossary-inner-found-in-i a {
    font-size: 16px;
    margin-bottom: 4px;
}

.golossary-inner-found-in-i .comments-y {
    margin-left: 9px;
    vertical-align: bottom;
}

.golossary-inner-found-in-i .date {
    margin: 4px 0 0;
}

.top-blog-manage-block.prof-afisha {
    margin: -14px 4px 27px -8px;
    padding-right: 0;
}

.add-evenr__btn .icon-img {
    background-position: -210px -192px;
    height: 17px;
    margin-right: 9px;
    position: relative;
    top: 3px;
    width: 16px;
}

.add-evenr__btn.btn {
    padding: 5px 16px;
    width: auto;
}

.prof-afisha-popular-filter {
    margin: 5px 17px 0 0;
}

.time-icon-gray {
    height: 11px;
    width: 11px;
    background-position: -210px -177px;
}

.popular-filter .time-icon-gray {
    margin-right: 4px;
}

.popular-filter.by-date {
    color: #abb7be;
    font-size: 13px;
    word-spacing: 3px;
}

.form-notice__add-club {
    color: #ADB7BC;
    margin: 13px 14px 0;
}

.add-blog__add-photo-hint {
    color: #ADB7BC;
    font-size: 12px;
    margin-left: 427px;
    padding-top: 65px;
}

.add-afisha__add-photo {
    display: table;
    margin: 38px 0 46px;
    width: 676px;
}

.afisha-add-block .optional {
    font-size: 12px;
}

.afisha-add-time-line {
    margin-left: 367px;
}

.afisha-add-time__styles-container {
    padding-left: 11px;
    width: 298px;
}

.styles-container__inner-cell-left {
    width: 44%;
    padding: 3px 0;
    float: left;
}

.styles-container__inner-cell {
    padding: 3px 0;
}

.styles-container__inner-timepicker {
    background: none repeat scroll 0 0 #EEF0F2;
    cursor: pointer;
    display: inline-block;
    margin: 0 2px;
    padding: 5px 11px 4px;
}

.icon-img.timepicker-add {
    background-position: -162px -74px;
    height: 12px;
    width: 12px;
}

.timepicker-add-wrap {
    background: #EEF0F2;
    padding: 7px 9px 6px;
    cursor: pointer;
}

.icon-img.timepicker-del {
    background-position: -175px -74px;
    height: 12px;
    width: 12px;
}

.timepicker-del-wrap {
    background: #EEF0F2;
    cursor: pointer;
    margin-left: 9px;
}

.top-decoration-empty {
    border: 2px dashed #ACB7BD;
    display: table;
    padding: 23px 37px 29px;
    background: #f9f9f9;
    position: relative;
    border-radius: 4px;
}

.top-decoration-empty-txt, .top-decoration-empty-hint, .top-decoration-empty-under-btn {
    color: #A8B7C0;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 18px;
    position: relative;
    text-transform: uppercase;
}

.top-decoration-empty-txt {
    padding-right: 147px;
    padding-top: 24px;
    width: 261px;
    margin-right: 72px;
}

.top-decoration-empty-txt:after {
    background: url("/img/icons.png") repeat scroll 286px -146px transparent;
    content: "";
    display: block;
    height: 96px;
    position: absolute;
    right: 0;
    top: 0;
    width: 106px;
}

.top-decoration-empty-hint {
    padding-right: 197px;
    padding-top: 24px;
    width: 184px;
    margin-right: 69px;
}

.top-decoration-empty-hint:after {
    background: url("/img/icons.png") repeat scroll 286px -242px transparent;
    content: "";
    display: block;
    height: 94px;
    position: absolute;
    right: 0;
    top: 3px;
    width: 151px;
}

.top-decoration-empty-btn {
    padding-top: 15px;
}

.add-wide-img-btn.btn {
    padding: 11px 44px 8px;
}

.top-decoration-empty-under-btn {
    padding-top: 8px;
}

.top-decoration-empty-close {
    display: block;
    position: absolute;
    right: -8px;
    top: -6px;
    width: 27px;
    height: 26px;
    background-position: -168px -336px;
    cursor: pointer;
}

.check-list.blog-prof {
    margin-bottom: 6px;
}

.add-friend__btn.btn {
    padding: 5px 19px;
    width: auto;
}

.add-friend__btn .icon-img {
    background-position: -157px -319px;
    height: 16px;
    margin-right: 9px;
    position: relative;
    top: 4px;
    width: 16px;
}

.prof-friend-h-wrap {
    margin: -10px 83px 14px 0;
}

.search-input-prof-friend.custom-input {
    font-style: normal;
    margin: -5px 0 0;
    padding: 0 36px 0 18px;
    width: 384px;
}

.prof-friend-list {
    border-top: 1px solid #daddde;
    margin-bottom: 35px;
}

.prof-friend-list__i {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #daddde;
    padding: 11px 0;
}

.prof-friend-list__i:last-child {
    border-bottom: none;
}

.prof-friend-list__manage {
    margin: 21px 0 0 37px;
    float: left;
}

.prof-friend-list__manage-link {
    display: inline-block;
    margin-right: 15px;
    text-decoration: none;
    opacity: 0.5;
}

.prof-friend-list__manage-link .manage-link-txt {
    border-bottom: 1px dotted;
    color: #57a1c7;
}

.prof-friend-list__manage-link:hover {
    opacity: 1;
}

.prof-friend-list__manage-icon {
    width: 11px;
    height: 11px;
    margin-right: 5px;
    vertical-align: middle;
}

.icon-img.comment-y-min {
    background-position: -36px -274px;
    width: 11px;
    height: 11px;
}

.icon-img.delite-r-min {
    background-position: -48px -274px;
    width: 11px;
    height: 11px;
}

.icon-img.block-g-min {
    background-position: -61px -274px;
    width: 11px;
    height: 11px;
}

.prof-friend-sidebar {
    background: none repeat scroll 0 0 #36434E;
    margin-left: 0px;
    margin-top: 18px;
    padding: 32px 0 0;
}

.delete-friend-modal-window {
    background: url("/img/content-bg.png") repeat scroll 0 0 #EFEFEF;
    left: 50%;
    margin: 0 0 0 -270px;
    padding: 3px 0 9px;
    position: fixed;
    top: 125px;
    width: 540px;
    z-index: 1010;
    border-radius: 2px;
}

.delete-friend-modal-window__inner {
    margin: -11px 91px 34px;
    width: 318px;
}

.delete-friend-modal-window-wraper {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 12px 10px 17px;
    position: relative;
    z-index: 1;
    box-shadow: 0 13px 5px -10px #afafaf;
}

.form-sect_friend-del {
    font-size: 16px;
    margin: 0;
    padding: 17px 0 15px;
    text-align: center;
}

.form-sect_friend-del__btn.btn {
    padding: 13px 57px 11px;
    position: relative;
    left: -24px;
    width: auto;
}

.delete-friend-inner-info {
    margin-left: 94px;
    min-height: 70px;
}

.photo-list-header {
    list-style: none outside none;
    margin: 0 0 0 -30px;
    overflow: hidden;
    padding: 14px 0 0;
    position: relative;
    z-index: 1;
}

.top-blog-manage-block.dark-theme {
    margin-top: 23px;
    padding-right: 0;
    background: #36424e;
    margin-bottom: 15px;
    margin-right: 4px;
}

.prof-photo-sidebar.block-l-sidebar {
    margin-top: 8px;
}

.add-img-large-block {
    border: 2px dashed #ACB7BD;
    display: table;
    padding: 20px 88px 33px 47px;
    margin: 24px 0 22px;
}

.adding-img-large-block {
    border: 2px dashed #ACB7BD;
    display: table;
    padding: 31px 0 19px;
    margin: 24px 0 22px;
    text-align: center;
    width: 893px;
}

.add-img-large-block-hint {
    margin-right: 116px;
    padding-right: 261px;
}

.img-added-list-form {
    margin-left: -28px;
    margin-bottom: 3px;

}

.img-added-list-form__i {
    float: left;
    margin-left: 28px;
    margin-bottom: 19px;
    position: relative;
}

.photo-add-separator {
    margin-bottom: 25px;
}

.photo-add-new-album-create {
    margin: 30px 0px 0;
}

.custom-input-create-album.custom-input {
    font-size: 14px;
}

.add-photo-club-bind {
    margin: 33px 0 38px;
}

.photo-album-add-btn.btn {
    font-size: 18px;
    letter-spacing: 0;
    margin: -8px 30px 0;
    padding: 8px 33px 6px;
    text-transform: none;
}

.form-label_ampersand {
    font-size: 14px;
    margin-bottom: 29px;
    margin-top: 26px;
    padding-left: 10px;
    text-align: left;
}

.photo-album-add-list {

}

.photo-album-add-list__img {
    width: 100%;
}

.photo-album-add-list li {
    width: 273px;
    margin-left: 33px;
    padding-bottom: 26px;
}

.photo-album-add-list .photo-album-add-h {
    color: #57A1C7;
    margin-bottom: 3px;
    margin-top: 15px;
}

.photo-album-add-place {
    color: #aab7be;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 3px;
    margin-top: 0;
}

.photo-album-add-place:hover {
    color: #3c4249;
}

.photo-album-add-photo-info-block {
    display: block;
    margin: 3px 0 0;
}

.photo-album-add-photo-info-block .ctrl-nav__like-icon {
    background-position: -73px -531px;
    height: 11px;
    width: 12px;
    vertical-align: middle;
    margin-right: 4px;
}

.photo-album-add-photo-info-block .ctrl-nav__msg-icon {
    background-position: -87px -531px;
    height: 11px;
    position: static;
    width: 12px;
    vertical-align: middle;
    margin-right: 3px;
}

.photo-album-add-photo-info-block .ctrl-nav__friends-icon {
    background-position: -100px -531px;
    height: 11px;
    position: static;
    width: 12px;
    vertical-align: middle;
    margin-right: 3px;
}

.photo-album-add-photo-info-block .value {
    margin-right: 6px;
    color: #aab7be;
}

.photo-album-add-elem {
    border: 1px dashed #ACB7BD;
    cursor: pointer;
    height: 178px;
    position: relative;
    display: block;
    border-radius: 10px;
}

.photo-album-add-elem:after {
    background: url("/img/icons.png") repeat scroll -466px -146px transparent;
    content: "";
    height: 69px;
    left: 50%;
    margin: -34px 0 0 -34px;
    position: absolute;
    top: 50%;
    width: 69px;
}

.photo-album-add-elem-under-txt {
    font-size: 18px;
    margin: 20px 0 0;
}

.section-header-photo-album-list {
    padding: 4px 0 5px;
}

.section-header-photo-album-list__i {
    display: inline-block;
}

.section-header-photo-album-h {
    font-size: 24px;
    margin-right: 14px;
}

.section-header-photo-album-name {
    background: none repeat scroll 0 0 #D8DDDF;
    font-size: 18px;
    padding: 6px 23px 5px;
    position: relative;
    top: -2px;
    margin-right: 17px;
}

.icon-img.del-gray {
    background-position: -65px -5px;
    width: 10px;
    height: 10px;
}

.section-header-photo-album-del {
    padding: 0;
    position: relative;
    top: -2px;
}

.section-header-photo-album-del .del-gray {
    margin-right: 7px;
}

.section-header-photo-album-del:hover .del-gray {
    background-position: -65px -25px;
}

.photo-album-main-img-promo {
    border: 3px solid #ffbb00;
    display: inline-block;
    padding: 6px;
    border-radius: 5px;
}

.form-label_ampersand.album-edit {
    margin-top: -3px;
    margin-bottom: 24px;
}

.album-edit-img-manage-list {
    margin-bottom: 7px;
    margin-left: -24px;
}

.album-edit-img-manage__i {
    display: inline-block;
    margin-bottom: 19px;
    margin-left: 24px;
    position: relative;
    vertical-align: top;
}

.album-edit-img-manage__img-wrap img {
    display: block;
}

.album-edit-img-manage__i.active .album-edit-img-manage__img-wrap {
    border: 5px solid #0e0f11;
    margin: -5px;
    display: block;
    border-radius: 4px;
}

.album-edit-img-manage__i.cover .album-edit-img-manage__img-wrap {
    border: 5px solid #ffbb00;
    margin: -5px;
    display: block;
    border-radius: 4px;
}

.album-edit-img-manage__i.active .album-edit-img-manage__img-wrap:after {
    background: url("/img/content-bg-pg.png");
    bottom: -47px;
    content: "";
    display: block;
    height: 30px;
    left: 60px;
    position: absolute;
    width: 30px;
    z-index: 1;


    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 2px;
}

.album-edit-img__edit-area {
    position: absolute;
    top: 147px;
    background: url("/img/content-bg-pg.png");
    width: 880px;
    padding: 15px 13px 44px;
    z-index: 99;

}

.album-edit-img__edit-img {
    width: 517px;
    float: left;
}

.album-edit-img__edit-img img {
    width: 100%;
}

.album-edit-img__edit-right {
    margin-left: 539px;
    padding-top: 15px;
}

.album-edit-img__edit-cover-manage {
    margin-bottom: 19px;
}

.album-edit-img__edit-persons-list {
    margin-bottom: 24px;
}

.set-cover-btn {
    display: inline-block;
    cursor: pointer;
    border: 3px solid #ffbb00;
    padding: 6px 14px;
    color: #fff;
    text-decoration: none;
    margin-right: 10px;
    border-radius: 5px;
}

.set-cover-btn:hover {
    color: #fff;
    background: #ffbb00;
}

.set-cover-btn.active {
    background: #ffbb00;
}

.set-cover-btn.active:hover {
    background: none;
}

.album-edit-img__edit-additionally-list {
    float: left;
    list-style: none outside none;
    margin: 0 0 16px;
    padding: 0;
    width: 168px;
}

.feed-tag__icon {
    height: 15px;
    margin-right: 4px;
    vertical-align: text-top;
}

.icon-img.music-dark {
    width: 14px;
    background-position: -79px -552px;
}

.icon-img.gallery-dark {
    width: 14px;
    background-position: -94px -552px;

}

.icon-img.bill-dark {
    width: 14px;
    background-position: -108px -552px;

}

.icon-img.blog-dark {
    width: 13px;
    background-position: -121px -552px;

}

.icon-img.other-dark {
    width: 13px;
    background-position: -134px -552px;

}

.feed-tag__i {
    display: inline-block;
    margin-right: 7px;
}

.feed-tag__i.label {
    font-size: 12px;
    margin-right: 4px;
}

.feed-tag__link {
    background: rgba(168, 183, 192, 0.5);
    font-size: 12px;
    padding: 6px 10px;
    position: relative;
    top: -2px;
    text-decoration: none;
    color: #3c4248;
    border-radius: 2px;
}

.feed-tag__link:hover {
    background: rgba(168, 183, 192, 0.75);
    color: #3c4248;
}

.feed-tag__i.active .feed-tag__link {
    background: #ffbb00;
}

.feed-tag-list {
    margin-bottom: 16px;
}

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

.main-feed-list__i {
    display: table;
    width: 855px;
}

.main-feed-avatar {
    padding-top: 2px;
}

.main-feed-content {
    margin-left: 70px;
    min-height: 100px;
}

.main-feed-content__header {
    margin-bottom: 14px;
}

.main-feed-content__header__name {
    font-size: 16px;
    margin-right: 4px;
}

.main-feed-content__header__action {
    color: #adb7bc;
    font-size: 14px;
    margin-left: 6px;
}

.main-feed-content__header__time {
    float: right;
    color: #adb7bc;
    font-size: 12px;
    margin: 3px 7px 0;
}

.main-feed-content__inner-album-list {
    margin-left: -5px;
}

.main-feed-content__inner-album__img-i {
    float: left;
    margin: 0 0 0 6px;
    padding: 0;
}

.main-feed-content__inner-comment {
    margin: 12px 0 10px;
}

.main-feed-content__inner-comment-show-all-btn {
    background: none repeat scroll 0 0 #E8EAEB;
    color: #A8B7C0;
    display: block;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
}

.main-feed-content__inner-comment-list {
    margin-bottom: 14px;
}

.rating-block1.min {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 5px 12px;
}

.rating-block1.min .heart {
    background-position: -61px -75px;
    height: 11px;
    width: 13px;
}

.rating-block1.min.bg:hover .heart {
    background-position: -188px -75px;
}

.rating-block1.min .minus {
    background-position: -133px -75px;
    height: 10px;
    width: 10px;
}

.rating-block1.min.bg:hover .minus {
    background-position: -133px -75px;
    opacity: 1;
}

.rating-block1.min .plus {
    background-position: -121px -75px;
    height: 10px;
    width: 10px;
}

.rating-block1.min.bg:hover .plus {
    background-position: -121px -75px;
    opacity: 1;
}

.rating-block1.bg.min.liked .heart {
    background-position: -91px -75px;
}

.rating-block1.bg.min.liked .plus {
    visibility: hidden;
}

.rating-block1.bg.min.disliked .heart {
    background-position: -106px -75px;
}

.rating-block1.bg.min.disliked .minus {
    visibility: hidden;
}

/*.rating-block1.bg.min.disliked:hover .plus,
			.rating-block1.bg.min.liked:hover .minus{
				opacity: 0.5;
				cursor: default;
			}*/

.main-feed-content__inner-comment-gray-link {
    font-size: 12px;
    margin-left: 12px;
}

.main-feed-content__inner-review-section-track {
    background: rgba(255, 255, 255, 0.8);
    border: medium none;
    display: table;
    margin: -3px 0 -1px;
    padding: 2px 12px 6px;
    width: 780px;
}

.comment-wtite-wrap {
    background: none repeat scroll 0 0 rgba(100, 120, 132, 0.1);
    margin: 6px 8px 21px 0;
    padding: 8px 8px 12px 18px;
    position: relative;
}

.comment-wtite-custom-input.custom-input {
    height: 16px;
    margin-right: 0;
    resize: none;
    width: 686px;
    position: relative;
    z-index: 2;
    font-size: 12px;
}

.comment-wtite-custom-input-wrap {
    margin-bottom: 12px;
    position: relative;
    display: inline-block;
}

.comment-wtite-custom-input-wrap:after {
    background: #fff;
    position: absolute;
    border: 1px solid #CED0D1;
    top: 13px;
    left: -6px;
    content: "";
    display: block;
    width: 12px;
    height: 12px;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

    z-index: 2;
    border-radius: 2px;

}

.comment-wtite-custom-input-wrap:before {
    background: none repeat scroll 0 0 #FFFFFF;
    content: "";
    height: 28px;
    left: 1px;
    position: absolute;
    top: 5px;
    width: 11px;
    z-index: 3;
}

.comment-wtite-custom__submit.btn {
    padding: 8px 40px 4px;
}

.enter-hint {
    display: inline-block;
    color: #adb7bc;
    font-size: 12px;
    margin-left: 17px;
}

.comment-wtite-wrap .comments__add {
    margin-bottom: 0;
}

.main-feed-content__inner-status-txt {
    background: none repeat scroll 0 0 rgba(100, 120, 132, 0.1);
    display: inline-block;
    padding: 8px 23px 7px 10px;
    z-index: 10;
    position: relative;
}

.main-feed-content__inner-status-txt-wrap:before {
    background: rgba(100, 120, 132, 0.1);
    position: absolute;
    bottom: 13px;
    left: -3px;
    content: "";
    display: block;
    width: 12px;
    height: 12px;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

    z-index: 2;
    border-radius: 2px;
}

.main-feed-content__inner-status-txt-wrap:after {
    background: url("/img/content-bg.png") repeat scroll 0 0 #EFEFEF;
    content: "";
    display: block;
    height: 34px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
    z-index: 3;
}

.main-feed-content__inner-status-txt-wrap {
    position: relative;
    top: -9px;
    margin-bottom: -6px;
}

.main-feed-content__inner-marked {
    display: block;
    margin: 0 3px 19px;
}

.main-feed-content__inner-blog {

}

.main-feed-content__inner-blog__content {
    margin-bottom: 28px;
    margin-right: 0;
}

.main-feed-content__inner-afisha {
    display: table;
    margin: 30px 14px 29px;
}

.main-feed-content__inner-poster__right {
    margin-left: 110px;
    margin-top: -5px;
    width: 345px;
}

.main-feed-content__inner-review-section {
    margin: 19px -3px 62px 2px;
    display: table;
}

.main-feed-content__header__action .profile-role__i_type_club .icon-img {
    margin-bottom: -2px;
    margin-right: 3px;
}

.main-feed-content__header__action .profile-role__i_type_club {
    font-size: 16px;
}

.profile-role__i_type_club {
    color: #3c4248;
    text-shadow: 0 1px 1px #FFFFFF;
}

.radio-top-list {
    margin: 0;
    padding: 6px 0 0 30px;
}

.radio-main-list {
    margin-bottom: 16px;
}

.radio-main-list__i {
    display: inline-block;
    margin-right: 31px;
    vertical-align: middle;
    position: relative;
}

.radio-main-list__i.active .radio-main-list__link:after {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    bottom: -39px;
    content: "";
    display: block;
    height: 30px;
    left: 30px;
    position: absolute;
    width: 30px;
    z-index: 2;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

    z-index: 2;
    border-radius: 2px;
}

.radio-main-list__i.active .radio-main-list__link:before {
    background: url("/img/content-bg.png") repeat scroll 0 0 #EFEFEF;
    bottom: -58px;
    content: "";
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
}

.radio-detailed {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    margin: 0 76px 40px -12px;
    padding: 13px 9px;
    position: relative;
    z-index: 9;
}

.radio-detailed-header {

}

.radio-main-list__link {
    background: url("/img/content/radio-logo-set.png") no-repeat 0 0 transparent;
    height: 56px;
    display: block;
    opacity: 0.5;
}

.radio-main-list__link:hover,
.active .radio-main-list__link {
    opacity: 1;
}

.radio-main-list__link.dj-ru {
    background-position: 0 0;
    width: 101px;
}

.radio-main-list__link.nu {
    background-position: -112px 0;
    width: 62px;
}

.radio-main-list__link.deep {
    background-position: -203px 0;
    width: 48px;
}

.radio-main-list__link

.300
km {
    background-position: -280px 0;
    width: 62px;
}

.radio-main-list__link.mini {
    background-position: -364px 0;
    width: 62px;
}

.radio-main-list__link.old_school {
    background-position: -448px 0;
    width: 62px;
}

.radio-main-list__link.vata {
    background-position: -532px 0;
    width: 62px;
}

.radio-main-list__link.brain_fck {
    background-position: -616px 0;
    width: 62px;
}

.radio-main-list__link.strange {
    background-position: -700px 0;
    width: 62px;
}

.radio-main-list__link.g {
    background-position: -791px 0;
    width: 52px;
}

.radio-detailed-header__avatar {
    background: #f1f1f1;
    width: 167px;
    height: 167px;
    float: left;
    position: relative;
    z-index: 10;
    box-shadow: 0px 14px 4px -10px rgba(0, 0, 0, 0.2);
}

.radio-detailed-header__avatar:after, .radio-detailed-header__avatar:before {
    background: none;
    position: absolute;
    bottom: 5px;
    left: 10px;
    content: "";
    display: block;
    width: 30%;
    height: 10px;

    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);

    z-index: 1;
    box-shadow: 0px 5px 3px 3px rgba(0, 0, 0, 0.2);
}

.radio-detailed-header__avatar:before {
    right: 10px;
    left: auto;


    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
}

.radio-detailed-header__avatar__inner {
    background: #f1f1f1;
    height: 100%;
    position: relative;
    z-index: 10;
    text-align: center;
}

.radio-detailed-header__right {
    margin-left: 186px;
    padding-top: 5px;
}

.radio-head-h {
    padding: 0 6px;
    margin-right: 27px;
}

.radio-head-h .icon-img {
    margin-right: 10px;
}

.icon-img.radio-g-l {
    background-position: 0 -752px;
    width: 26px;
    height: 25px;
}

.radio-detailed-header-audience {
    color: #abb7be;
    font-size: 24px;
}

.icon-img.man-g-l {
    background-position: -27px -752px;
    height: 18px;
    width: 14px;
}

.radio-detailed-header-audience__listen {
    color: #ffc500;
    border-bottom: 1px dotted;
}

.radio-detailed-header-audience .icon-img {
    margin-right: 4px;
    position: relative;
    top: 2px;
}

.radio-detailed-header-bitrate {
    color: #abb7be;
    font-size: 14px;
    margin: 12px 11px 0;
}

.radio-detailed-header-bitrate__value {
    display: inline-block;
    margin: 0 6px 0 2px;
    position: relative;
    top: -2px;
}

.bitrate-block {
    display: inline-block;
    position: relative;
    height: 14px;
    background: #eee;
    border-top: 1px solid #cfcfcf;
    width: 50px;
    border-radius: 3px;
}

.bitrate-slider {
    width: 26px;
    height: 18px;
    position: absolute;
    top: -3px;
    right: 0;
    cursor: pointer;
    box-shadow: 0 1px 1px #a47506;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.1)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
    background-color: #ffbf00;
    border-radius: 3px;
}

.icon-img.bitrate-slider__img {
    background-position: -42px -752px;
    height: 15px;
    width: 7px;
    margin: 3px 10px 0;
}

.radio-detailed-header__header {
    margin-bottom: 14px;
}

.radio-detailed-header__playing {
    height: 73px;
    position: relative;
    padding-left: 85px;
    padding-right: 20px;
    line-height: 24px;


    background: #f7f7f7;
    background: -webkit-gradient(#f7f7f7 0%, #f7f7f7 50%, #eee 51%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), color-stop(50%, #f7f7f7), color-stop(51%, #eee));
    background: linear-gradient(#f7f7f7 0%, #f7f7f7 50%, #eee 51%);
}

.radio-detailed-header__playing-h {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    color: #3a3f44;
    text-shadow: 0 1px #fff;
}

.radio-detailed-header__playing-btn {
    width: 73px;
    height: 73px;
    position: absolute;
    top: 0px;
    left: 0;
    cursor: pointer;

}

.radio-detailed-header__playing-btn:after {
    content: "";
    height: 29px;
    left: 32px;
    position: absolute;
    top: 24px;
    width: 16px;
    background: url("/img/icons.png") repeat scroll -49px -752px transparent;
}

.icon-img.equalizer-l {
    background-position: -66px -752px;
    height: 14px;
    width: 22px;
}

.radio-detailed-header__playing-inner {
    padding: 24px 0 0;
}

.radio-detailed-header__playing-h:before {
    background: url("/img/icons.png") no-repeat scroll -247px 0 transparent;
    content: "";
    display: inline-block;
    height: 17px;
    margin-right: 6px;
    position: relative;
    top: 1px;
    width: 18px;
}

.radio-detailed-header__playing-inner__equalizer {
    margin: 5px 14px 0 0;
}

.dotted-link {
    text-decoration: none;
    border-bottom: 1px dotted;
}

.section-header-small__h.message-h {
    font-size: 20px;
    letter-spacing: 0;
    margin: 9px 10px 13px;
}

.message-active-user-list {
    margin: -5px 0 16px;
    display: table;
}

.message-active-user__i {
    position: relative;
    background: #aab7be;
    float: left;
    color: #3c4248;
    margin-right: 16px;
    padding-right: 9px;
}

.message-active-user__i.active {
    background: #373e45;
    color: #fff;
}

.message-active-user__i.active:before {
    background: none repeat scroll 0 0 #373E45;
    bottom: -6px;
    content: "";
    height: 13px;
    left: 27px;
    position: absolute;
    width: 13px;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px;
}

.message-active-user__i-link {
    color: inherit;
    display: inline-block;
    padding: 7px 7px 5px;
    text-decoration: none;
}

.message-active-user__i-link:hover {
    color: inherit;
}

.favorite-user:before {
    background: url("/img/icons.png") no-repeat scroll -156px 0 transparent;
    content: "";
    display: inline-block;
    height: 10px;
    width: 11px;
    margin-right: 6px;
}

.message-active-user__i-del {
    float: right;
    margin: 7px 0 0 9px;
    opacity: 0.5;
}

.message-active-user__i-del:after {
    background: url("/img/icons.png") no-repeat scroll -89px -752px transparent;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 6px;
}

.active .message-active-user__i-del:after {
    background: url("/img/icons.png") no-repeat scroll -89px -762px transparent;
}

.dj-user:before {
    background: url("/img/icons.png") no-repeat scroll -100px -752px transparent;
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: 2px;
    margin-right: 6px;
    position: relative;
    top: 1px;
    width: 12px;
}

.message-active__notice {
    margin: 0 -6px 3px 2px;
    height: 15px;
}

.message-form {
    background: rgba(255, 255, 255, 0.8);
    padding: 12px 19px 27px 13px;
    width: 657px;
}

.btn.new-message-btn {
    font-size: 16px;
    margin-right: 7px;
    padding: 7px 48px 4px;
    position: relative;
    top: -1px;
}

.message-list {
    height: 560px;
    overflow: hidden;
    margin-bottom: 17px;
}

.message-list__i {
    width: 514px;
    margin-bottom: 16px;
}

.message-list__i.inpost,
.inpost .message-list-avatar {
    float: left;
}

.inpost .message-list-txt {
    margin-left: 69px;
}

.inpost .message-list-txt:after {
    left: -6px;
}

.message-list__i.outpost,
.outpost .message-list-avatar {
    float: right;
}

.outpost .message-list-txt {
    margin-right: 69px;
}

.outpost .message-list-txt:after {
    right: -6px;
}

.unread .message-list-txt,
.unread .message-list-txt:after {
    background: #d8e2e6;
}

.message-list-avatar,
.message-list-section-avatar {
    width: 50px;
}

.message-list-txt {
    padding: 8px 11px 0;
    background: #f8f8f8;
    position: relative;
    z-index: 1;
    line-height: 20px;
    border-radius: 3px;
}

.message-list-txt:after {
    background: none repeat scroll 0 0 #f8f8f8;
    top: 15px;
    content: "";
    height: 13px;
    position: absolute;
    width: 13px;
    z-index: -1;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px;
}

.message-list-txt__h-name {
    font-size: 13px;
    color: #adb7bc;
    margin-bottom: 1px;
    text-shadow: none;
}

.message-list-txt__text {
    width: 360px;
    display: inline-block;
    margin-bottom: 7px;
}

.message-list-txt__date {
    color: #3c4248;
    opacity: 0.4;
    font-size: 12px;
    display: inline-block;
    vertical-align: baseline;
    text-align: right;
    width: 57px;
}

.message-list-txt__text-smyles {
    margin-right: 2px;
    vertical-align: middle;
}

.last-inter-info {
    border-bottom: 2px dotted;
    color: #3C4248;
    font-size: 12px;
    opacity: 0.4;
    padding: 0 79px 18px;
    margin-bottom: 22px;
}

.message-write {
    margin-left: 143px;
    margin-right: 67px;
    text-align: left;
}

.message-write-custom-input.custom-input {
    font-size: 12px;
    height: 60px;
    margin-right: 0;
    position: relative;
    resize: none;
    width: 426px;
    z-index: 2;
    margin-bottom: 4px;
}

.comment-wtite-custom-input-wrap.message-input-wrap:before {
    left: auto;
    right: 1px;
}

.comment-wtite-custom-input-wrap.message-input-wrap:after {
    right: -6px;
    left: auto;
    top: 15px;
}

.user-manage-block {
    padding-top: 8px;
    width: 205px;
}

.user-manage-list {
    border-top: 2px dotted #ADB7BC;
    margin-top: 9px;
    padding-top: 16px;

}

.user-manage-list__i {
    margin-bottom: 5px;
}

.user-manage-link {
    color: #adb7bc;
    text-decoration: none;
}

.user-manage-link span {
    border-bottom: 1px dotted;
}

.user-manage-link:hover {
    color: #383e45;
}

.trash-icon:before {
    display: inline-block;
    content: "";
    background: url("/img/icons.png") no-repeat scroll -113px -752px transparent;
    height: 10px;
    width: 11px;
    margin-right: 8px;
    position: relative;
    top: 1px;
}

.complain-icon:before {
    display: inline-block;
    content: "";
    background: url("/img/icons.png") no-repeat scroll -124px -752px transparent;
    height: 10px;
    width: 11px;
    margin-right: 8px;
    position: relative;
    top: 1px;
}

.trash-icon:hover:before {
    background: url("/img/icons.png") no-repeat scroll -113px -763px transparent;
}

.complain-icon:hover:before {
    background: url("/img/icons.png") no-repeat scroll -124px -763px transparent;
}

.message-list-section {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    margin: -7px 0 39px;
    padding: 0 19px 0px 13px;
    width: 657px;
}

.message-list-section__i-user-name {
    margin-left: 62px;
    padding-top: 4px;
}

.font-s12 {
    font-size: 12px;
}

.font-s16 {
    font-size: 16px;
}

.font-s18 {
    font-size: 18px;
}

.font-s20 {
    font-size: 20px;
}

.font-s24 {
    font-size: 24px;
}

.message-list-section__i-user-name__date {
    font-size: 12px;
    opacity: 0.4;
    display: block;
    width: 125px;
}

.message-list-section__i-message {
    color: inherit;
    display: block;
    text-decoration: none;
    width: 419px;
}

.message-list-section__i__text {
    display: table-cell;
    height: 49px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.message-list-section__i-txt {
    padding-top: 0;
}

.inpost .message-list-section__i-txt {
    margin: 0;
}

.message-list-section__i {
    border-bottom: 2px dotted #D0D0D0;
    padding: 14px 0 13px;

}

.message-list-section__i:hover {
    background: none repeat scroll 0 0 #D4E2E9;
    border: medium none;
    margin: -2px -8px 0;
    padding: 16px 12px 15px 8px;
    border-radius: 3px;
}

.message-list-section__i:hover *,
.message-list-section__i:hover *:after,
.message-list-section__i:hover *:before {
    background-color: #D4E2E9;
}

.message-list-section__i:first-child:hover {
    margin: 0 -8px 0;
    padding: 14px 12px 15px 8px;
}

.message-list-section__i:last-child {
    border-bottom: none;
    padding-bottom: 17px;
}

.message-list-section__i:last-child:hover {
    border-bottom: none;
    padding-bottom: 17px;
}

.sidebar-message-list {
    margin-top: -5px;
}

.online-users {
    margin: 17px 0 0;
    background: #f8f8f8;
    padding: 16px 10px;
    border-radius: 3px;
}

.online-users-h {
    border-bottom: 2px dotted #D0D0D0;
    padding: 0 4px 6px;
    margin-bottom: 15px;
}

.online-users-avatar {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    width: 25px;
}

.online-users-list__i {
    margin-bottom: 13px;
}

.online-users-show-all-btn {
    background: none repeat scroll 0 0 #E7E8EA;
    color: #6A7881;
    display: block;
    font-size: 12px;
    margin: -5px 3px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
}

.radio-detailed-header__avatar-txt {
    color: #FFBF00;
    display: block;
    font-size: 18px;
    letter-spacing: 21px;
    margin-left: 23px;
    margin-top: 5px;
    text-transform: uppercase;
}

.radio-detailed-track__footer {
    margin: 17px 0 0 3px;
}

.radio-detailed-track__footer-right {
    font-size: 12px;
    margin-right: 11px;
}

.download-link {
    text-decoration: none;
    border-bottom: 1px none;
}

.radio-detailed-track__footer-track__add {
    font-size: 11px;
    margin-right: 18px;
}

.volume-slider-radio {
    height: 135px;
    position: absolute;
    right: -29px;
    top: 16px;
    width: 5px;
    z-index: 2;

}

.volume-slider-wrap {
    background: #a8b7c0;
    border-top: 1px solid #929fa7;
    width: 5px;
    height: 100%;
    position: relative;
}

.volume-slider-active-place {
    position: absolute;
    bottom: 0;
    width: 100%;

    background: #39BCF8;
    background: -webkit-gradient(#53ccfb 0%, #25b1f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#53ccfb), to(#25b1f6));
    background: linear-gradient(#53ccfb 0%, #25b1f6 100%);
}

.volume-slider-icon {
    left: -5px;
    position: absolute;
    top: -5px;
}

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

.photo-info-block .ctrl-nav__msg-icon.icon-img {
    background-position: -44px -531px;
    position: static;
}

.photo-info-block .ctrl-nav__friends-icon.icon-img {
    background-position: -59px -531px;
    position: static;
}

.col_g_t_b {
    color: #acb4b8;
}

.col_g_t_b:hover {
    color: #3c4249;
}

.volume-slider-wrap:after {
    background-color: transparent;
    background-image: url("/img/icons.png");
    background-position: 0 -782px;
    bottom: -29px;
    content: "";
    display: block;
    height: 12px;
    left: -4px;
    position: absolute;
    width: 12px;
}

.volume100.volume-slider-wrap:after {
    background-position: 0 -782px;
}

.volume50.volume-slider-wrap:after {
    background-position: -12px -782px;
}

.volume25.volume-slider-wrap:after {
    background-position: -24px -782px;
}

.volume0.volume-slider-wrap:after {
    background-position: -36px -782px;
}


.volume100.volume-slider-wrap:hover:after {
    background-position: 0 -794px;
}

.volume50.volume-slider-wrap:hover:after {
    background-position: -12px -794px;
}

.volume25.volume-slider-wrap:hover:after {
    background-position: -24px -794px;
}

.volume0.volume-slider-wrap:hover:after {
    background-position: -36px -794px;
}


.rating-block1.bg .minus,
.rating-block1.bg .plus {
    opacity: 0.5;
}

.rating-block1.bg:hover .minus,
.rating-block1.bg:hover .plus {
    opacity: 1;
}

.rating-block1.bg .minus:hover {
    background-position: -196px -292px;
}

.rating-block1.bg .plus:hover {
    background-position: -176px -292px;
}

.rating-block1.bg:hover .heart {
    background-position: -214px -295px;
}

.rating-block1.bg.liked .heart {
    background-position: -61px -295px;
}

.rating-block1.bg.liked .plus {
    visibility: hidden;
}

.rating-block1.bg.disliked .heart {
    background-position: -231px -295px;
}

.rating-block1.bg.disliked .minus {
    visibility: hidden;
}

/*.rating-block1.bg.disliked:hover .plus,
.rating-block1.bg.liked:hover .minus{
	opacity: 0.5;
	cursor: default;
}*/


.radio-social-block {
    margin: 29px 15px 0;
}

.likes-count {
    text-shadow: 0 1px #FFFFFF;
    vertical-align: middle;
}

.radio-social-block-track__share {
    margin-left: 28px;
}

.radio-list-info-block {
    background: none repeat scroll 0 0 #343E47;
    letter-spacing: 1.5px;
    margin: 13px -17px 25px -13px;
    padding: 5px 9px;
    position: relative;
}

.radio-list-info-block:after {
    background: none repeat scroll 0 0 #343E47;
    bottom: -6px;
    content: "";
    height: 14px;
    position: absolute;
    width: 14px;
    z-index: -1;
    left: 56px;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px;
}

.radio-list-info-link {
    color: #FCFCFC;
    display: inline-block;
    padding: 5px 8px 0;
    text-decoration: none;
    margin-right: 12px;
}

.radio-list-info-link:hover {
    color: #FCFCFC;
    opacity: 0.8;
}

.radio-list-info-link.active {
    background: rgba(244, 245, 246, 0.8);
    color: #3a3f44;
}

.radio-list-info-link.active:hover {
    opacity: 1;
    cursor: default;
}

.poster__btn.btn {
    min-width: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.radio-playlist-time {
    font-size: 13px;
    padding-top: 9px;
}

.radio-playlist-track-wrap {
    margin-left: 62px;
    padding: 8px 10px;
}

.radio-playlist-track-wrap.active {
    background: none repeat scroll 0 0 #E8EAEB;
}

.radio-playlist {
    padding: 0 7px;
}

.radio-playlist-btn {
    margin-right: 10px;
}

.play-btn {
    width: 19px;
    height: 19px;
    background-position: -130px -650px;
}

.pause .play-btn {
    background-position: -130px -631px;
}

.active .play-btn {
    background-position: -130px -612px;
}

.active.pause .play-btn {
    background-position: -130px -669px;
}

.icon-img.music-shop-icon {
    width: 16px;
    height: 16px;
}

.music-shop-icon.dl {
    background-position: -48px -782px;
}

.music-shop-icon.jd {
    background-position: -64px -782px;
}

.music-shop-icon.ya {
    background-position: -80px -782px;
}

.music-shop-icon.it {
    background-position: -96px -782px;
}

.radio-playlist-shop-list {
    margin: 2px 8px 2px 35px;
    width: 100px;
}

.radio-playlist-shop-list__i {
    float: left;
    margin-right: 5px;
}

.new-message-block {
    margin-top: -5px;
    padding: 0 10px;
    width: 677px;
    margin-bottom: 24px;
}

.new-message-label {
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 2px;
    width: 108px;
    margin-bottom: 19px;
}

input.search-input.new-msg-search-input {
    font-style: normal;
    height: 34px;
    margin-right: 0;
    padding: 0 19px;
    width: 524px;
}

.new-msg-search-input-wrap {
    display: inline-block;
    position: relative;
}

.custom-input.new-msg-custom-input {
    height: 61px;
    margin-right: 0;
    margin-top: 4px;
    width: 543px;
}

.new-msg-comments__add-footer {
    margin: 17px 0 16px 112px;
    overflow: hidden;
    padding-bottom: 3px;
    padding-left: 1px;
}

.new-msg-comments__add-footer .btn {
    width: 158px;
}

.add-multisel.multisel-mini.new-msg-search-multisel {
    left: 8px;
    min-height: 77px;
    padding: 7px 10px;
    position: absolute;
    top: 31px;
    width: 524px;
    z-index: 10;
}

.hint-list-multisel-avatar {
    display: inline-block;
    margin-right: 1px;
    vertical-align: middle;
    width: 20px;
}

.hint-list-multisel-name {
    font-size: 13px;
    color: #383e45;
    text-decoration: none;
}

.bill-check-list,
.page-edit-check-list {
    float: none;
    left: -15px;
    margin: 3px 0 3px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.bill-check-list li a {
    font-size: 24px;
    padding: 2px 16px;
}

.page-edit-check-list li a {
    font-size: 20px;
    padding: 5px 16px;
}

.bill-profile-block {
    margin: 8px 0 0;
    padding: 8px 7px;
    background: #fff;
    width: 353px;
    box-shadow: 0 25px 10px -25px rgba(0, 0, 0, 0.5);
}

.bill-profile-avatar {
    display: block;
    width: 156px;
}

.bill-profile-right {
    margin-left: 170px;
}

.bill-profile-name {
    font-size: 18px;
    border-bottom: 2px dotted #d2d2d2;
    padding-bottom: 8px;
    margin-bottom: 10px;
    word-break: break-all;
}

.bill-profile-price-block {
    color: #aab7be;
    font-size: 18px;
    display: block;
}

.bill-profile-price {
    color: #FFBD00;
    display: block;
    font-size: 24px;
    margin-bottom: 2px;
}

.bill-profile-price .icon-img {
    margin-right: 6px;
}

.pay-info-block {
    border: 1px dashed #A9B7BF;
    margin-left: 436px;
    margin-right: 9px;
    margin-top: 28px;
    padding: 13px 0 18px;
    text-align: center;
    position: relative;


}

.pay-info-hint {
    color: #aab7be;
    font-size: 12px;
    margin-bottom: 21px;
}

.pay-info-services-img {
    margin-bottom: 15px;
}

.pay-info-btn.btn {
    font-size: 16px;
    padding: 11px 50px 7px;
}

.pay-info-icon.icon-img {
    background-position: -136px -752px;
    width: 25px;
    height: 46px;
    position: absolute;
    left: -25px;
    top: 50%;
    margin-top: -23px;
}

.bill-separator {
    display: table;
    margin: 32px 0 8px;
    width: 100%;
}

.bill-info-list {

}

.bill-info-list-sort__i {
    float: left;
    margin-right: 20px;
    margin-top: 17px;
}

.bill-info-h {
    margin: 13px 0 0 20px
}

.bill-list-plus.icon-img {
    width: 15px;
    height: 15px;
    background-position: -48px -638px;
    vertical-align: middle;
}

.bill-list-minus.icon-img {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background-position: -4px -638px;
}

.bill-list-top-icon {
    margin-left: 5px;
}

.bill-table-wrap {
    clear: both;
    float: none;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.8);
    padding: 6px 22px 17px;
}

.bill-table {
    width: 100%;
}

.bill-table-summ {
    width: 61px;
}

.bill-table-date {
    width: 162px;
}

.bill-table-operations {
    width: 425px;
}

.bill-table-balance {
    text-align: right;
}

.bill-table-thead {
    border-bottom: 2px dotted #CFCFCF;
    color: #AAB7BE;
    font-weight: bold;
    height: 44px;
    vertical-align: middle;
}

.bill-table-tbody {

}

.bill-table-tbody-icon {
    padding-left: 3px;
    width: 32px;
}

.bill-table-tbody-summ {
    font-size: 18px;
    width: 128px;
}

.align-right {
    text-align: right;
}

.bill-table-tbody-row:first-child td {
    padding-top: 13px;
}

.bill-table-tbody-row {
    height: 37px;
}


.icon-img.pay-sys__visa {
    background-position: -161px -752px;
    width: 35px;
    height: 11px;
    vertical-align: middle;
    margin-right: 5px;
}

.icon-img.pay-sys__mcard {
    background-position: -204px -752px;
    width: 27px;
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.icon-img.pay-sys__sms {
    background-position: -238px -752px;
    width: 20px;
    height: 14px;
    vertical-align: middle;
    margin-right: 5px;
}

.icon-img.pay-sys__qiwi {
    background-position: -264px -752px;
    width: 18px;
    height: 27px;
    vertical-align: middle;
    margin-right: 5px;
}

.icon-img.pay-sys_wmoney {
    background-position: -294px -752px;
    width: 22px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.icon-img.pay-sys__ymoney {
    background-position: -322px -752px;
    width: 20px;
    height: 22px;
    vertical-align: middle;
    margin-right: 5px;
}

.icon-img.pay-sys__ppal {
    background-position: -348px -752px;
    width: 45px;
    height: 13px;
    vertical-align: middle;
    margin-right: 5px;
}

.bill-table-user {
    font-size: 13px;
}

.bill-table-user:before {
    background-position: -25px -177px;
}

.bill-popup {
    background: url("/img/content-bg.png") repeat scroll 0 0 #EFEFEF;
    left: 50%;
    margin: 0 0 0 -350px;
    position: absolute;
    top: 30px;
    width: 699px;
    z-index: 1010;
    padding: 3px 0 9px;
    border-radius: 2px;
}

.bill-window-body {

}

.bill-window-body__pay-area {
    background: rgba(255, 188, 0, 0.2);
    padding: 0 11px;
    margin-top: -15px;
    font-size: 18px;
    width: 558px;
    height: 64px;
    line-height: 58px;
    margin-bottom: 12px;
    border-radius: 3px 0 0 3px;
}

input.custom-input.bill-custom-input {
    font-size: 18px;
    height: 45px;
    margin-right: 6px;
    padding: 0 17px;
    vertical-align: middle;
    width: 113px;
}

.count-step-label {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 21px;
}

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

.bill-window-balance {
    background: #C9D3DA;
    font-size: 16px;
    height: 64px;
    line-height: 64px;
    margin-right: 79px;
    text-align: center;
    width: 198px;
    border-radius: 0 3px 3px 0;
}

.bill-window-bonus {
    padding: 0 32px;
}

.bonus-summ {
    font-size: 18px;
    margin: 0 19px;
}

.bill-window-bonus-hint-block {
    background: rgba(255, 255, 255, 0.8);
    padding: 17px 32px;
    margin: 15px 0 22px;
    overflow: hidden;
}

.bill-window-bonus-hint-left {
    width: 240px;
}

.bill-window-bonus-hint-left-txt {
    color: #8f969a;
    margin: 8px 0 6px;
}

.bill-window-bonus-hint-right {
    float: right;
    margin-right: -20px;
    position: relative;
    background: url("/img/content-bg.png") repeat scroll 0 0 #EFEFEF;
}

.bill-window-bonus-hint-right:before {
    border: 1px dashed #B7C1CA;
    content: "";
    position: absolute;
    top: 39%;
    left: -10px;
    width: 20px;
    height: 20px;
    border-radius: 3px;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bill-window-bonus-hint-right-inner {
    border: 1px dashed #B7C1CA;
    padding: 9px 20px;
    position: relative;
    width: 266px;
    background: rgba(255, 255, 255, 0.8);

}

.bill-window-bonus-hint-right-inner:before {
    content: "";
    height: 27px;
    left: -1px;
    position: absolute;
    top: 40px;
    width: 10px;
    background: url("/img/content-bg.png") repeat scroll 0 0 #EFEFEF;
    z-index: 5;

}

.bill-window-bonus-hint-right-inner:after {
    content: "";
    height: 27px;
    left: -1px;
    position: absolute;
    top: 40px;
    width: 10px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 10;

}

.yellow {
    color: #ffbd00;
}

.bill-window-bonus-hint-right-rcell {
    display: inline-block;
}

.bill-window-bonus-hint-right-lcell {
    display: inline-block;
    vertical-align: bottom;
    width: 192px;
    color: #8f969a;
}

.count-step-label2 {
    margin: 0 0 21px 11px;
}

.pay-system-list {
    margin-left: -17px;
    margin-bottom: 5px;
}

.pay-system-list__i {
    display: inline-block;
    vertical-align: top;
    margin-left: 17px;
    margin-bottom: 18px;
}

.pay-system-link {
    border: 1px dashed #B7C1CA;
    display: block;
    font-size: 12px;
    text-align: center;
    width: 148px;
    padding-bottom: 17px;
    border-radius: 10px;
}

.pay-system-link:hover {
    color: #57A1C7;
    background: rgba(255, 255, 255, 0.8);
}

.pay-system-img-wrappe {
    display: table-cell;
    height: 105px;
    vertical-align: middle;
    width: 150px;
}

.pay-system-img {
    margin-top: 20px;
}

.pay-system-txt {

}

.pay-system-list-block {
    margin-right: -5px;
}

.extra-text-pay {
    font-size: 10px;
    padding-right: 22px;
    line-height: 12px;
    padding-top: 1px;
}


.gift-body {
    margin-top: -20px;
}

.no-tdecoration {
    text-decoration: none;
}

.hidden {
    overflow: hidden;
}

.gift-bill-info {
    font-size: 16px;
    margin: 6px 0 0;
}

.gift-type-list {
    margin-bottom: 13px;
}


.gifts-list {
    margin-top: -5px;
}

.gifts-list__i {
    display: inline-block;
    vertical-align: top;
}

.gifts-list__i-link {
    display: inline-block;
    border: 1px dashed transparent;
    padding: 5px 0;
    position: relative;
    z-index: 1;
    border-radius: 10px;
}

.gifts-list__i-link:hover {
    background: rgba(255, 255, 255, 0.8);
    border: 1px dashed #B7C1CA;
    z-index: 15;
}

.gifts-list__i-link:hover .gifts-list__i-hidden-name {
    display: block;
}

.gifts-list__i-img {

}

.gifts-list__i-hidden-name {
    display: none;
    position: absolute;
    bottom: -41px;
    background: #f9f9f9;
    left: -30px;
    right: -30px;
    border: 1px solid #dedede;
    z-index: 10;
    font-size: 16px;
    color: #383e45;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}

.gifts-list__i-hidden-name:before {

    border: 1px solid #dedede;
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    width: 20px;
    height: 20px;
    background: #f9f9f9;
    margin-left: -10px;
    border-radius: 3px;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);

}

.gifts-list__i-hidden-name-inner {
    background: none repeat scroll 0 0 #F9F9F9;
    display: block;
    padding: 7px 0 4px;
    position: relative;
}

.gifts-list__i-hidden-name-inner-price {
    background: #ffbd00;
    padding: 2px 3px 0;
}

.gift-popup {
    background: url("/img/content-bg.png") repeat scroll 0 0 #EFEFEF;
    left: 50%;
    margin: 0 0 0 -300px;
    position: absolute;
    top: 125px;
    width: 599px;
    z-index: 1010;
    padding: 3px 0 9px;
    border-radius: 2px;
}

.double-block-wrap {
    display: inline-block;
    overflow: hidden;
}

.double-block-wrap-left {
    background: none repeat scroll 0 0 rgba(255, 188, 0, 0.2);
    float: left;
    height: 64px;
    line-height: 60px;
    padding: 0 28px 0 11px;
    font-size: 18px;
}

.double-block-wrap-right {
    background: none repeat scroll 0 0 #C9D3DA;
    float: left;
    font-size: 16px;
    height: 64px;
    line-height: 65px;
    padding: 0 25px;
}

.gift-price-double-block {
    padding-left: 9px;
}

.gift-double-block {
    margin: -19px 0 0 5px;
}

.gift-double-block .double-block-wrap-left,
.gift-double-block .double-block-wrap-right {
    height: 53px;
    line-height: 54px;
}

.gift-double-block .double-block-wrap-right {
    line-height: 56px;
}

.selected-gif-center-cell {
    display: table-cell;
    height: 320px;
    text-align: center;
    vertical-align: middle;
    width: 570px;
}

.gift-wishes-block {
    padding: 0 9px;
    margin-bottom: 28px;
}

.gift-wishes-txt {
    font-size: 16px;
    margin-left: 14px;
    margin-bottom: 6px;
}

.gift-wishes-custom-input.custom-input {
    height: 67px;
    resize: none;
    width: 519px;
    margin-bottom: 13px;
}

.gift-wishes-custom-checkbox {
    font-size: 12px;
    margin-left: 16px;
}

.selected-fift-btn.btn {
    padding: 15px 48px 10px;
}

.bill-check-block {
    background: rgba(255, 188, 0, 0.2);
    font-size: 16px;
    margin-right: 15px;
    padding: 8px 20px;
}

.advertising-list__i {
    background: rgba(255, 255, 255, 0.8);
    margin: 0 34px 62px 30px;
    padding: 31px 20px 25px;
    text-align: center;
    width: 335px;
    vertical-align: top;
    display: inline-block;
    box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.5);
}

.advertising-list {
    margin: 33px 0 -17px;
}

.advertising-h {
    font-size: 18px;
    margin-bottom: 14px;
}

.advertising-img {
    margin-bottom: 7px;
}

.advertising-h-link {
    color: inherit;
}

.advertising-info {
    color: #AAB7BE;
    display: block;
    font-size: 12px;
    margin-bottom: 18px;
}

.advertising-info-link {
    margin-right: 2px;
}

.advertising-select {
}

.advertising-select-btn.btn {
    font-size: 14px;
    min-width: 156px;
    padding: 7px 0 4px;
}

.advertising-select-txt {
    font-size: 16px;
    margin-right: 8px;
    vertical-align: text-top;
}

.advertising-extra-text {
    margin-left: 37px;
    width: 660px;
    margin-bottom: 50px;
}

.bill-servise-manage-block {
    background: rgba(255, 255, 255, 0.8);
    margin: -4px -1px 21px -14px;
    overflow: hidden;
    padding: 10px 16px 5px;
}

.bill-servise-track {
    background: #fff;
    margin: 0 1px 0 -12px;
    padding: 40px 10px 35px 0;
    text-align: center;
}

.bill-servise-track-h {
    margin-bottom: 34px;
}

.bill-servise-fake-body-wrap {
    text-align: left;
    margin: 0 auto;
    width: 689px;
}

.bill-servise-fake-header {
    background: #d2dbde;
    padding: 5px 32px 2px;
    margin-bottom: 10px;
}

.bill-servise-fake-body {
    background: #efefef;
    padding: 9px 0;
    display: table;
    margin-bottom: 35px;
}

.bill-servise-fake-body-list {

}

.bill-servise-fake-body-list__i {
    height: 50px;
    margin: 0 4px 21px 16px;
    padding-left: 44px;
    width: 270px;
    position: relative;
    cursor: pointer;
    float: left;


    background: #fff;
    background: -webkit-gradient(#fff 4px, #fefefe 5px, #f4f4f4 100%);
    background: linear-gradient(#fff 4px, #fefefe 5px, #f4f4f4 100%);
    box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.16);
}

.bill-servise-fake-body-list-inner {
    position: relative;
    z-index: 10;
}

.bill-servise-fake-body-track-name {
    padding: 7px 0 3px;
}

.bill-servise-fake-body-track-info {
    color: #78848a;
    font-size: 12px;
}

.bill-servise-fake-body-list-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 0.3;
    z-index: 1;
}

.percent100 .bill-servise-fake-body-list-bg,
.percent75 .bill-servise-fake-body-list-bg {
    background: #fc5b3e;
}

.percent50 .bill-servise-fake-body-list-bg {
    background: #ffbb00;
    width: 50%;
    border-radius: 3px 0 0 3px;
}

.percent25 .bill-servise-fake-body-list-bg {
    background: #8bd03c;
    width: 25%;
    border-radius: 3px 0 0 3px;
}

.percent100 .bill-servise-fake-body-list-bg {
    width: 100%;
    border-radius: 3px;

}

.percent75 .bill-servise-fake-body-list-bg {
    width: 75%;
    border-radius: 3px 0 0 3px;
}

.bill-servise-fake-body-list-inner__empty {
    font-size: 12px;
    line-height: 50px;
    color: #78848a;
}


.open-place:after,
.close-place:after,
.your-place:after {
    position: absolute;
    content: "";
    background-image: url("/img/icons.png");
    background-color: transparent;
}

.open-place:after {
    width: 10px;
    height: 17px;
    background-position: 0 -808px;
    left: 17px;
    top: 16px;
}

.close-place:after {
    background-position: -10px -808px;
    height: 17px;
    left: 10px;
    top: 16px;
    width: 17px;
}

.close-place .track-name {
    opacity: 0.5;
}

.your-place:after {
    width: 20px;
    height: 20px;
    background-position: -27px -808px;
    left: 15px;
    top: 18px;
}

.bill-servise-fake-body-list__i.border {
    border: 3px solid #74848c;
    margin: -3px 1px 18px 13px;
    border-radius: 6px;
}

.bill-servise-fake-body-list__i.active,
.bill-servise-fake-body-list__i:active {
    box-shadow: 0 1px 0px 0 #FFFFFF, 0 1px 1px 0 rgba(0, 0, 0, 0.41) inset;

    background: #f4f4f4;
    background: -webkit-gradient(#f4f4f4 0, #fafafa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), to(#fafafa));
    background: linear-gradient(#f4f4f4 0, #fafafa 100%);
}

.bill-servise-fake-body-popup-wrap {
    position: absolute;
    top: 62px;
    background: #fff;
    z-index: 10;
    width: 774px;
    cursor: default;
    box-shadow: 1px 0 8px rgba(0, 0, 0, 0.14);
}

.bill-servise-fake-body-popup-wrap.right-side {
    right: -66px;
    left: auto;
}

.bill-servise-fake-body-popup-wrap.left-side {
    left: -66px;
    right: auto;
}

.bill-servise-fake-body-popup-wrap:after {
    background: none repeat scroll 0 0 #ffffff;
    top: -11px;
    content: "";
    height: 25px;
    position: absolute;
    width: 25px;
    z-index: 1;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px;
    box-shadow: 1px 0 8px rgba(0, 0, 0, 0.14);
}

.bill-servise-fake-body-popup-wrap.right-side:after {
    left: auto;
    right: 216px;
}

.bill-servise-fake-body-popup-wrap.left-side:after {
    right: auto;
    left: 216px;
}


.bill-servise-fake-body-popup-inner {
    background: #fff;
    padding: 25px 64px 17px;
    z-index: 10;
    position: relative;

}

.bsfbpi-h {
    margin-bottom: 21px;
}

.bsfbpi-check-list {
    border-bottom: 2px dotted #D1D1D1;
    margin-left: -22px;
    overflow: hidden;
    padding: 0 17px 11px;
    margin-bottom: 33px;
}

.bsfbpi-header {
    margin-left: -4px;
    margin-bottom: 25px;
}

.bsfbpi-header-right-bloc {

    margin-top: -7px;
}

.bsfbpi-custom-input.custom-input {
    width: 139px;
    margin-right: 11px;
    margin-top: -1px;
}

.bsfbpi-inpit-txt {
    margin: 0 10px 0 19px;
}

.bsfbpi-inpit-txt-after {
    color: #aab7be;
    font-size: 14px;
}

.bsfbpi-calendar {
    font-size: 12px;
    color: #6b7076;
    margin: 0 45px 0 0;
    float: left;
}

.bsfbpi-calendar thead {
    height: 37px;
    text-align: center;
    vertical-align: top;
}

.bsfbpi-calendar td span {
    display: block;
    padding: 0 3px;
    text-align: right;
    width: 15px;
    height: 21px;
    line-height: 24px;
    margin: 0 4px 2px;
    border-radius: 2px;
}

.bsfbpi-calendar td span:hover {
    background: #ffbf00;
    cursor: pointer;
}

.bsfbpi-calendar td span.busi {
    background: #f8c9c1;
    cursor: default;
}

.bsfbpi-calendar td span.selected {
    background: #ffbf00;
    color: #fff;
}


.bsfbpi-calendar-wrap {
    overflow: hidden;
    padding: 0 2%;
    white-space: nowrap;
    width: 96%;
}

.bsfbpi-calendar-wrap-inner {
    display: table;
    margin-bottom: 25px;
}

.bsfbpi-scroll-block {
    width: 100%;
    background: #a8b7c0;
    border-top: 1px solid #929fa7;
    height: 4px;
    position: relative;
    border-radius: 2px;
}

.bsfbpi-scroll-slider {
    width: 112px;
    height: 21px;
    position: absolute;
    background: #ffbf00;
    top: -10px;
    border-top: 1px solid #ffcf00;
    border-bottom: 1px solid #f1a900;
    border-left: 1px solid #f9bd00;
    border-right: 1px solid #f9bd00;
    cursor: pointer;
    background: -webkit-gradient(#ffcb00 0, #ffb300 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffcb00), to(#ffb300));
    background: linear-gradient(#ffcb00 0, #ffb300 100%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.38) inset, 0 5px 5px -4px rgba(0, 0, 0, 0.3);
}

.bsfbpi-scroll-slider__img {
    background-position: -152px -715px;
    height: 14px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: 4px;
    width: 12px;


    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.bsfbpi-header-h {
    margin-right: 31px;
}

.bsfbpi-hidden-wrap {
    margin-bottom: 54px;
}

.bsfbpi-header-right-link {
    position: relative;
    top: -2px;
}

.bsfbpi-track {
    margin: 29px -3px 34px;
}

.bsfbpi-add-track-btn-wrap {
    margin: 0 -46px;
    padding: 17px 46px 23px;
}

.bsfbpi-add-track-txt-l {
    margin-top: 9px;
}

.bsfbpi-add-track-txt-r {
    margin-top: 15px;
}

.bsfbpi-header-right-txt {
    margin-top: 1px;
}

.bsfbpi-track-empty {
    border: 1px dashed #c4cacd;
    height: 75px;
    line-height: 75px;
    text-align: center;
    margin: 29px -3px 34px;
}

.bsfbpi-extra-text-pay {
    margin: 0 200px 0 95px;
    text-align: left;
}

.edit-group-check-list {
    float: none;
    left: -20px;
    margin: 2px 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.edit-group-check-list li a {
    font-size: 20px;
    padding: 6px 20px;
}

.edit-group-add-btn.btn {
    position: relative;
    right: 32px;
    top: 3px;
}

.edit-group-section {
    margin: 29px 10px 32px -13px;
}

.edit-group-section-inner {
    background: #fcfcfc;
    padding: 13px 24px 13px 14px;
    margin-bottom: 15px;
}

.icon-img.music-folder-icon {
    background-position: -48px -808px;
    height: 23px;
    margin-right: 6px;
    vertical-align: text-bottom;
    width: 26px;
}

.edit-group-section__header {
    border-bottom: 2px dotted #cfcfcf;
    margin-bottom: 15px;
}

.icon-img.sort-down,
.icon-img.sort-up {
    width: 11px;
    height: 8px;
    vertical-align: middle;
    margin-right: 8px;
}

.icon-img.sort-up {
    background-position: -75px -808px;
}

.icon-img.sort-down {
    background-position: -75px -816px;
}

.edit-group-sort-list {
    margin: 4px 0 0;
}

.edit-group-sort-list__i {
    margin-left: 39px;
}

.edit-group-sort-list__i a {
    text-decoration: none;
    color: #86969f;
}

.edit-group-sort-list__i a:hover {
    text-decoration: none;
    color: #3c4249;
}

a:hover .icon-img.sort-up {
    background-position: -86px -808px;
}

a:hover .icon-img.sort-down {
    background-position: -86px -816px;
}

.manage-edit.icon-img,
.manage-delete.icon-img {
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin-right: 5px;
}

.icon-img.manage-edit {
    background-position: -98px -808px;
}

.icon-img.manage-delete {
    background-position: -108px -808px;
}

a:hover .icon-img.manage-edit {
    background-position: -98px -818px;
}

a:hover .icon-img.manage-delete {
    background-position: -108px -818px;
}

.edit-group-manage-list {
    padding: 4px 0 11px;
}

.edit-group-manage-list__i {
    display: inline-block;
    margin-left: 20px;
    margin-right: 1px;
}

.edit-group-manage-list__i a {
    text-decoration: none;
    color: #86969f;
}

.edit-group-manage-list__i a:hover {
    text-decoration: none;
    color: #3c4249;
}

.edit-group-track-list {
    padding-left: 4px;
}

.custom-checkbox.edit-group-custom-checkbox {
    cursor: pointer;
    padding: 0 9px;
    position: relative;
    top: -2px;
    vertical-align: top
}

.edit-group-track-list__i {
    padding-right: 25px;
    margin-bottom: 16px;
}

.edit-group-section-inner__manage {
    padding: 2px 0 7px 39px;
}

.edit-group-manage-add-btn.btn {
    position: relative;
    top: -8px;
}

.edit-group-section__manage {
    margin-left: 51px;
}

.edit-group-section__manage__i.label {
    margin-right: 13px;
}

.edit-group-section__manage__i {
    display: inline-block;
    margin-right: 23px;
}

.edit-group-section__manage__i a {
    color: #abb7be;
    text-decoration: none;
    font-size: 12px;
}

.edit-group-section__manage__i a:hover {
    text-decoration: none;
    color: #3c4249;
}

.edit-group-section__manage-img {
    width: 15px;
    height: 15px;
    vertical-align: top;
    margin-right: 6px;
    margin-top: 2px;
}

.edit.icon-img {
    background-position: -120px -808px;
}

a:hover .edit.icon-img {
    background-position: -120px -823px;
}

.folder.icon-img {
    background-position: -135px -808px;
    width: 17px;
    margin-right: 4px;
}

a:hover .folder.icon-img {
    background-position: -135px -823px;
}

.eye-xs.icon-img {
    background-position: -152px -808px;
}

a:hover .eye-xs.icon-img {
    background-position: -152px -823px;
}

.trash-xs.icon-img {
    background-position: -167px -808px;
}

a:hover .trash-xs.icon-img {
    background-position: -167px -823px;
}

.custom-input.edit-group-custom-input {
    font-style: normal;
    height: 30px;
    margin-right: -6px;
    margin-top: -6px;
    padding: 0 14px;
    width: 304px;
    background-position: 100% -573px;
}

.edit-group-popup {
    background: url("/img/content-bg.png") repeat scroll 0 0 #EFEFEF;
    left: 50%;
    margin: 0 0 0 -350px;
    position: absolute;
    top: 125px;
    width: 699px;
    z-index: 1010;
    padding: 3px 0 9px;
    border-radius: 2px;
}

.form-label_edit-group {
    margin: 6px 40px 0 9px;
}

.edit-group-c-select {
    width: 499px;

}

.edit-group-popup-radio-playlist {
    background: rgba(255, 255, 255, 0.5);
    padding: 16px 32px 0 3px;
    position: relative;
    margin-bottom: 25px;
}

.custom-checkbox.edit-group-popup-custom-checkbox {
    position: relative;
    top: 6px;
    padding-right: 0;
}

.edit-group-radio-playlist-track-wrap {
    margin-left: 23px;
}

.add-multisel-scroll.scroll2 {
    bottom: 10px;
    right: 8px;
    top: 10px;
}

.add-multisel-scroll-ctrl.ctrl2 {
    height: 80px;
}

.edit-group-popup-btn.btn {
    padding: 11px 53px 9px;
}

.edit-group-section-wrap {
    margin-bottom: 70px;
}

.club-add-popup {
    background: url("/img/content-bg.png") repeat scroll 0 0 #EFEFEF;
    left: 50%;
    margin: 0 0 0 -340px;
    position: absolute;
    top: 125px;
    width: 939px;
    z-index: 1010;
    padding: 3px 0 9px;
    border-radius: 2px;
}

.club-add-popup-section {
    margin: -11px 10px 0;
}

.club-add-icon-club {
    margin-right: 8px;
}

.rel-con-l-icon-social {
    margin: 0 5px -2px 3px;
    height: 12px;
    vertical-align: middle;
    width: 12px;
}

.form-separator {
    width: 675px;
}

.form-club-add-h {
    margin: 27px 15px 37px;
}

.club-add-form-line {
    margin-bottom: -11px;
}

.club-add-fake-table {
    margin: 15px 15px 25px;
}

.club-add-fake-table .fake-table-right {
    margin-left: 195px;
}

.custom-input.fake-table-custom-input {
    margin-bottom: 2px;
    position: relative;
    top: -10px;
    width: 196px;
}

.c-select.fake-table-c-select {
    top: -7px;
    margin-bottom: 7px;
    width: 216px;
}

.club-add-track-btn-wrap {
    margin-left: -11px;
    margin-right: -15px;
    padding: 27px 22px 25px;
    text-align: left;
}

.club-add-popup-btn.btn {
    font-size: 24px;
    letter-spacing: 1px;
    margin-right: 27px;
    padding: 8px 41px 5px;
}

.club-add-track-btn-hint {
    position: relative;
    top: -2px;
    vertical-align: sub;
}

.preview-btn.btn {
    padding: 6px 49px 3px;
}


.error-wrapper-btn,
.liked-wrapper-btn,
.track__add-wrap-btn {
    padding: 1px;
    position: absolute;
    bottom: 46px;
    min-width: 221px;

    background: #e6e6e6;
    background: -webkit-gradient(#e6e6e6 0, #c4c4c4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6e6e6), to(#c4c4c4));
    background: linear-gradient(#e6e6e6 0, #c4c4c4 100%);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}

.error-wrapper-btn {
    left: -34px;
    right: -34px;
}

.liked-wrapper-btn {
    left: -58px;
    right: -70px;

}

.error-wrapper-btn:after,
.liked-wrapper-btn:after,
.track__add-wrap-btn:after {
    background: #f9f9f9;
    position: absolute;
    border: 1px solid #dbdbdb;
    bottom: -5px;
    left: 50%;
    margin-left: -7px;
    content: "";
    display: block;
    width: 12px;
    height: 12px;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

    z-index: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}

.error-wrapper-btn__inner,
.liked-wrapper-btn__inner,
.track__add-wrapper-btn__inner {
    background: #f9f9f9;
    display: block;
    position: relative;
    z-index: 10;
}

.error-wrapper-btn__inner {
    padding: 16px 20px 13px;
}

.liked-wrapper-btn__inner {
    padding: 10px 10px 7px;
}

.error-wrapper-btn-h {
    font-size: 13px;
    text-transform: none;
    text-align: center;
}

.error-wrapper-btn-txt {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 6px;
    text-transform: none;
}

.btn-wrapper-error {
    position: relative;
    display: inline-block;
}

.error-wrapper-btn-link {
    font-size: 12px;
    margin: 0 4px 0 18px;
}

.gray-link-underline {
    color: #adb7bc;
}

.gray-link-underline:hover {
    color: #3A3F44;
}


.likes-rate-popup-user-list {
    text-align: left;
    margin-left: -4px;
    margin-bottom: 8px;
}

.likes-rate-popup-user-list__i {
    display: inline-block;
    vertical-align: top;
    margin-left: 4px;
}

.liked-wrapper-btn-see-all {
    background: none repeat scroll 0 0 #D9DDDF;
    color: #78848A;
    display: block;
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
}

.liked-list-popup {
    background: url("/img/content-bg.png") repeat scroll 0 0 #EFEFEF;
    left: 50%;
    margin: 0 0 0 -350px;
    position: absolute;
    top: 125px;
    width: 699px;
    z-index: 1010;
    padding: 3px 0 9px;
    border-radius: 2px;
}

.liked-list-popup-list {
    margin-bottom: 12px;
}

.liked-list-popup-list__i {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 12px;
}

.user-liked-list__inner {
    width: 216px;
}

.liked-list-page-nav-bot {
    margin: 28px 0 -21px;
}

.track__add-wrap {
    position: relative;
    display: inline-block;
}

.track__add-wrap-btn {
    bottom: auto;
    left: -10px;
    min-width: 185px;
    top: 33px;
}

.track__add-wrap-btn:after {
    top: -5px;
    left: 35%;
    bottom: auto;
}

.track__add-playlist {
    border-bottom: 2px dotted #cccccc;
    margin-bottom: 5px;
}

.track__add-playlist__i {
    margin-bottom: 2px;
}

.track__add-playlist__i-link {
    font-size: 12px;
    color: #383e45;
    text-decoration: none;
}

.track__add-wrapper-btn__inner {
    padding: 6px 8px 3px;
}

.track__add-playlist-link {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 17px;
}

.form-label_playlist-add {
    font-size: 16px;
    margin-left: 8px;
    margin-top: 1px;
    width: 164px;
}

.playlist-add-custom-input.custom-input {
    font-size: 14px;
    height: 36px;
    padding: 1px 13px 0;
    position: relative;
    top: -7px;
    vertical-align: top;
    width: 274px;
    margin-right: 23px;
}

.playlist-add-popup-btn.btn {
    font-size: 16px;
    margin-right: -30px;
    padding: 11px 0 8px;
    position: relative;
    top: -7px;
    width: 157px;
}

.playlist-add-popup-list {
    padding: 0 28px 18px 55px;
}

.playlist-add-popup-list__i {
    margin-bottom: 8px;
}

.playlist-add-popup-list__i:before {
    background: url("/img/icons.png") repeat scroll -184px -808px rgba(0, 0, 0, 0);
    content: "";
    float: left;
    height: 14px;
    margin-right: 12px;
    margin-top: 4px;
    width: 17px;
}

.playlist-add-popup-list__i-count {
    color: #78848a;
    margin: 1px 0 0 10px;
    width: 100px;
}

.playlist-add-popup-list__i-linl-wrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.playlist-icon-active.icon-img,
a:hover .playlist-icon-active.icon-img {
    background-position: -131px -46px;
}


.icon-img.h-search {
    background-position: -202px -808px;
    height: 18px;
    margin: 0px -2px 0px -1px;
    width: 17px;
}

.page__col_type_mainbar-search-right {
    margin-left: 193px;
    padding-top: 7px;
}

.search-results-custom-input.custom-input {
    padding: 8px 9px 7px;
    width: 526px;
}

.search-results-block-top {
    margin-bottom: 22px;
}

.search-results-manage-list {
    margin-left: -7px;
    padding: 17px 28px 0 0;
}

.search-results-manage-list__i-count {
    color: #aab7be;
}

.ctrl-nav__i_state_cur .search-results-manage-list__i-count {
    color: #464E57;
}

.search-results-section-h {
    font-size: 18px;
    margin-bottom: 12px;
    margin-left: 3px;
}

.count {
    color: #aab7be;
}

.search-results-news-list {
    margin-top: -9px;
    margin-bottom: 40px;
}

.search-results-news-list__i {
    margin-bottom: 33px;
}

.search-results-news-list__avatar {
    float: left;
    width: 101px;
    margin-top: 5px
}

.search-results-news-list__right {
    margin-left: 116px;
}

.search-results-news-list-h3 {
    margin-bottom: 6px;
}

.search-results-news-list-icon-comm {
    vertical-align: middle;
    margin-left: 11px;
}

.search-results-news-list__txt {
    font-size: 13px;
    margin: -5px 40px 0 0;
}

.track-list_width_search-results {
    margin: -5px 0 23px -29px;
}

.track-list_width_search-results .track-list__i {
    width: 688px;
}

.search-results-user-main-list {
    margin: -15px 0 31px 5px;
}

.search-results-user-main-list .user-main-list__i {
    border: medium none;
    margin-bottom: 7px;
}

.search-results-track-section__i {
    padding: 15px 0 0px;
}

.error404 {
    margin: 87px 0 149px 222px;
}

.error404-img {
    float: left;
}

.error404-right {
    margin-left: 359px;
    padding-top: 28px;
}

.error404-h {
    font-size: 30px;
    margin-bottom: 5px;
}

.error404-hint {
    color: #adb7bc;
    font-size: 18px;
    display: block;
    margin-bottom: 14px;
    text-shadow: 0 1px 1px #FFFFFF;
}

.error404-txt {
    display: block;
    margin-bottom: 27px;
    text-shadow: 0 1px 1px #FFFFFF;
}

.error404-btn.btn {
    padding: 6px 0 4px;
    width: 172px;
}

.errore-closed body {
    background: #efefef url("/img/content-bg.png");
    height: 100%;
}

.errore-closed-img-wrap {
    height: 378px;
    margin-bottom: 37px;

    background: url("/img/closed-bg.png") 0 50%;
}

.errore-closed-txt-block {
    left: -29px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 550px;
    text-align: center;

}

.errore-closed-social-list {
    margin-left: -35px;
    padding-top: 11px;
}

.errore-closed-social-list__i {
    display: inline-block;
    margin: 0 9px 0 0;
}

.not-ready-img {
    float: left;
    margin: 9px 0 0 8px;
}

.not-ready-right {
    margin-left: 353px;
    padding-top: 33px;
}

.not-ready-h {
    margin-bottom: 12px;
}

.not-ready-txt {
    display: block;
    margin-bottom: 19px;
    text-shadow: 0 1px 1px #FFFFFF;
}

.not-ready-hint-txt-btn {
    color: #ADB7BC;
    margin-left: 20px;
    position: relative;
    top: 2px;
}

.not-ready-btn.btn {
    padding: 6px 0 4px;
    width: 151px;
}

.page__row.blocked {
    padding-top: 11px;
}

.center-col-blocked-user,
.center-col-deleted-user {
    border: 2px dashed #dce1e3;
    margin-left: 255px;
    position: relative;
    padding: 42px 20px 15px 102px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
}

.center-col-deleted-user {
    padding-bottom: 42px;
}

.center-col-blocked-user:after {
    content: "";
    position: absolute;
    top: 33px;
    left: 30px;
    width: 50px;
    height: 50px;
    background: url("/img/icons.png") repeat scroll 50px -133px rgba(0, 0, 0, 0);
}

.center-col-deleted-user:after {
    content: "";
    position: absolute;
    top: 33px;
    left: 30px;
    width: 50px;
    height: 50px;
    background: url("/img/icons.png") repeat scroll 50px -183px rgba(0, 0, 0, 0);
}

.center-col-blocked-user-h {
    margin-bottom: 24px;
}

.center-col-blocked-user-txt {
    display: block;
    font-size: 16px;
    margin-bottom: 19px;
}

.center-col-blocked-user-hint {
    color: #8F969A;
    display: block;
    margin-bottom: 36px;
}

.center-col-blocked-user-btn.btn {
    font-size: 16px;
    padding: 11px 32px 7px;
}

.delete-yourself-popup {
    background: rgba(255, 255, 255, 0.8);
    margin: -8px 0 20px;
    padding: 25px 0 25px 99px;
    position: relative;
    border-radius: 10px;

}

.delete-yourself-popup:after {
    content: "";
    position: absolute;
    top: 23px;
    left: 27px;
    width: 39px;
    height: 39px;
    background: url("/img/icons.png") repeat scroll 39px -233px rgba(0, 0, 0, 0);
}

.delete-yourself-popup-hint {
    display: block;
    color: #8f969a;
    margin-bottom: 19px;
}

.delete-yourself-popup-ask {
    display: block;
    font-size: 16px;
}

.competition-banner {
    width: 230px;
    height: 390px;
    background: rgba(255, 255, 255, 0.8);
    padding: 5px;
}

.competition-banner__inner {
    background: #e5e5e5;
    padding: 10px 4px 12px;
    text-align: center;
}

.competition-banner-sponsor-img {
    display: inline-block;
    margin-bottom: 4px;
}

.competition-banner-h {
    font-size: 18px;
    margin-bottom: -2px;
}

.competition-banner-txt-under-h {
    color: #AAB7BE;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 13px;
}

.competition-banner__img-block {
    position: relative;
    z-index: 10;
    margin-bottom: 11px;
    border-radius: 6px;
    box-shadow: 0 5px 5px -3px #ababab;
}

.competition-banner__img-block:after, .competition-banner__img-block:before {
    background: none;
    position: absolute;
    bottom: 5px;
    left: 10px;
    content: "";
    display: block;
    width: 30%;
    height: 10px;

    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);

    z-index: 1;
    box-shadow: 0px 5px 3px 3px #ababab;
}

.competition-banner__img-block:before {
    right: 10px;
    left: auto;


    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
}

.competition-banner__img-block__inner {
    background: url("/img/content/competition-banner-hover-00.png") 0 0 #FFFFFF;
    height: 135px;
    padding: 0;
    position: relative;
    z-index: 2;
    border-radius: 6px;
}

.icon-img.mosaic {
    width: 13px;
    height: 13px;
    background-position: -224px -808px;
    margin: 0 2px 0 1px;
}

.competition-banner-txt-under-img-block {
    display: block;
    text-align: left;
    font-size: 12px;
    color: #AAB7BE;
    margin-bottom: 10px
}

.mosaic-cunter {
    color: #767B81;
    font-size: 12px;
    margin-right: 4px;
    margin-top: -6px;
}

.competition-banner-txt {
    font-size: 16px;
    line-height: 19px;
    margin: -7px 0 7px;
}

.competition-banner-txt-min {
    font-size: 12px;
    color: #aab7be;
    display: inline-block;
    margin-bottom: 4px;
}

.competition-banner-txt-min a {
    color: #414a52;
}

.competition-banner__img-block__inner__img {
    border-radius: 6px;
}

.competition-banner.question {
    background: rgba(255, 191, 0, 0.8);
}

.competition-banner.question .competition-banner__img-block__inner {
    background: #ffbf00;
}

.competition-banner-txt-question {
    line-height: 16px;
    margin: -12px 0 9px;
    text-align: left;
}

.competition-banner-question-custom-input.custom-input {
    font-size: 12px;
    height: 27px;
    margin: 0 2px 0 0;
    padding: 2px 6px 0;
    width: 161px;
}

.competition-banner-txt-question-wrap {
    text-align: left;
    padding: 0 3px;
}

.competition-banner-question-btn.btn {
    padding: 7px 9px 5px;
    position: relative;
    top: -1px;
}

.competition-banner-txt-question__link-wrap {
    display: table;
    margin-bottom: -5px;
    padding-top: 8px;
    width: 100%;
}

.competition-banner__img-hiding-list {
    left: 12px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 19px;
}

.competition-banner__img-hiding-list__i {
    position: absolute;
    background: url("/img/content/mosaic/mosaic.png");
    width: auto;
    height: 45px;
    padding: 0;
    margin: 0;
    display: none;
}


.open-part01 .competition-banner__img-hiding-list__i.part01 {
    background-position: 0 0;
    width: 20px;
    top: 0;
    left: 0;
    display: block;
}

.open-part02 .competition-banner__img-hiding-list__i.part02 {
    background-position: -20px 0;
    width: 22px;
    top: 0;
    left: 11px;
    display: block;
}

.open-part03 .competition-banner__img-hiding-list__i.part03 {
    background-position: -42px 0;
    width: 39px;
    top: 0;
    left: 25px;
    display: block;
}

.open-part04 .competition-banner__img-hiding-list__i.part04 {
    background-position: -81px 0;
    width: 23px;
    top: 0;
    left: 55px;
    display: block;
}

.open-part05 .competition-banner__img-hiding-list__i.part05 {
    background-position: -104px 0;
    width: 39px;
    top: 0;
    left: 69px;
    display: block;

}

.open-part06 .competition-banner__img-hiding-list__i.part06 {
    background-position: -143px 0;
    width: 22px;
    top: 0;
    left: 100px;
    display: block;
}

.open-part07 .competition-banner__img-hiding-list__i.part07 {
    background-position: -165px 0;
    width: 39px;
    top: 0;
    left: 114px;
    display: block;
}

.open-part08 .competition-banner__img-hiding-list__i.part08 {
    background-position: -204px 0;
    width: 23px;
    top: 0;
    left: 144px;
    display: block;
}

.open-part09 .competition-banner__img-hiding-list__i.part09 {
    background-position: -227px 0;
    width: 39px;
    top: 0;
    left: 158px;
    display: block;
}

.open-part10 .competition-banner__img-hiding-list__i.part10 {
    background-position: -266px 0;
    width: 10px;
    top: 0;
    left: 189px;
    display: block;
}


.open-part11 .competition-banner__img-hiding-list__i.part11 {
    background-position: 0 -45px;
    width: 11px;
    top: 19px;
    left: 0;
    height: 63px;
    display: block;
}

.open-part12 .competition-banner__img-hiding-list__i.part12 {
    background-position: -11px -45px;
    width: 40px;
    left: 2px;
    top: 32px;
    height: 63px;
    display: block;
}

.open-part13 .competition-banner__img-hiding-list__i.part13 {
    background-position: -51px -45px;
    width: 23px;
    left: 33px;
    top: 18px;
    height: 63px;
    display: block;
}

.open-part14 .competition-banner__img-hiding-list__i.part14 {
    background-position: -74px -45px;
    width: 39px;
    left: 47px;
    top: 32px;
    height: 63px;
    display: block;
}

.open-part15 .competition-banner__img-hiding-list__i.part15 {
    background-position: -113px -45px;
    width: 23px;
    left: 77px;
    top: 18px;
    height: 63px;
    display: block;
}

.open-part16 .competition-banner__img-hiding-list__i.part16 {
    background-position: -136px -45px;
    width: 40px;
    left: 91px;
    top: 32px;
    height: 63px;
    display: block;
}

.open-part17 .competition-banner__img-hiding-list__i.part17 {
    background-position: -176px -45px;
    width: 23px;
    left: 122px;
    top: 18px;
    height: 63px;
    display: block;
}

.open-part18 .competition-banner__img-hiding-list__i.part18 {
    background-position: -199px -45px;
    width: 39px;
    left: 136px;
    top: 32px;
    height: 63px;
    display: block;
}

.open-part19 .competition-banner__img-hiding-list__i.part19 {
    background-position: -238px -45px;
    width: 23px;
    left: 166px;
    top: 19px;
    height: 63px;
    display: block;
}

.open-part20 .competition-banner__img-hiding-list__i.part20 {
    background-position: -261px -45px;
    width: 19px;
    left: 180px;
    top: 32px;
    height: 63px;
    display: block;
}


.open-part21 .competition-banner__img-hiding-list__i.part21 {
    background-position: 0 -108px;
    width: 20px;
    top: 67px;
    left: 0;
    height: 42px;
    display: block;
}

.open-part22 .competition-banner__img-hiding-list__i.part22 {
    background-position: -20px -108px;
    width: 22px;
    left: 11px;
    top: 55px;
    height: 42px;
    display: block;
}

.open-part23 .competition-banner__img-hiding-list__i.part23 {
    background-position: -42px -108px;
    width: 39px;
    left: 25px;
    top: 67px;
    height: 42px;
    display: block;
}

.open-part24 .competition-banner__img-hiding-list__i.part24 {
    background-position: -81px -108px;
    width: 23px;
    left: 55px;
    top: 54px;
    height: 42px;
    display: block;
}

.open-part25 .competition-banner__img-hiding-list__i.part25 {
    background-position: -104px -108px;
    width: 39px;
    left: 69px;
    top: 67px;
    height: 42px;
    display: block;
}

.open-part26 .competition-banner__img-hiding-list__i.part26 {
    background-position: -143px -108px;
    width: 22px;
    left: 100px;
    top: 54px;
    height: 42px;
    display: block;
}

.open-part27 .competition-banner__img-hiding-list__i.part27 {
    background-position: -165px -108px;
    width: 39px;
    top: 67px;
    left: 114px;
    height: 42px;
    display: block;
}

.open-part28 .competition-banner__img-hiding-list__i.part28 {
    background-position: -204px -108px;
    width: 23px;
    top: 54px;
    left: 144px;
    height: 42px;
    display: block;
}

.open-part29 .competition-banner__img-hiding-list__i.part29 {
    background-position: -227px -108px;
    width: 39px;
    top: 67px;
    left: 158px;
    height: 42px;
    display: block;
}

.open-part30 .competition-banner__img-hiding-list__i.part30 {
    background-position: -266px -108px;
    width: 10px;
    top: 54px;
    left: 189px;
    height: 42px;
    display: block;
}

.fake-table-align {
    display: table;
    height: 100%;
    width: 100%;
}

.fake-table-cell-align {
    display: table-cell;
    vertical-align: middle;
}

.bottom-promo-list-header {
    margin: 0 0 10px;
}

.icon-img.bottom-promo-social-list__i-link {
    width: 21px;
    height: 21px;
}

.bottom-promo-social-list__i {
    display: inline-block;
    margin-right: 6px;
}

.icon-img.bottom-promo-social-list__i-link.vk {
    background-position: 0 -838px;
}

.icon-img.bottom-promo-social-list__i-link.vk:hover {
    background-position: 0 -859px;
}

.icon-img.bottom-promo-social-list__i-link.fb {
    background-position: -21px -838px;
}

.icon-img.bottom-promo-social-list__i-link.fb:hover {
    background-position: -21px -859px;
}

.icon-img.bottom-promo-social-list__i-link.tw {
    background-position: -42px -838px;
}

.icon-img.bottom-promo-social-list__i-link.tw:hover {
    background-position: -42px -859px;
}

.icon-img.bottom-promo-social-list__i-link.gp {
    background-position: -63px -838px;
}

.icon-img.bottom-promo-social-list__i-link.gp:hover {
    background-position: -63px -859px;
}

.icon-img.otvazhniy {
    background-position: -88px -838px;
    height: 17px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 75px;
    margin-left: 13px;
}

a:hover .icon-img.otvazhniy {
    background-position: -88px -855px;
}

.bottom-promo-designer {
    color: #ABB7BE;
    font-size: 12px;
    text-decoration: none;
}

.underline {
    text-decoration: underline;
}

.bottom-promo-designer:hover {
    text-decoration: none;
    color: #78848a;
}

.bottom-promo-designer-wrap {
    float: left;
    margin: -2px 13px 0;
}

.bottom-dotted-row {
    border: 1px dashed #adb4ba;
    padding: 12px 0 15px 12px;
    clear: both;
    overflow: hidden;
    border-radius: 6px;

}

.adw-block-bottom {
    float: left;
    padding-right: 20px;
    width: 393px;

}

.adw-block-bottom:last-child {
    padding-right: 20px;
    width: auto
}

.adw-block-bottom-link {
    color: #3a3f44;
}

.adw-block-bottom-txt {
    color: #abb7be;
    display: block;
    font-size: 13px;
    margin: 8px 0 -2px;
}

.page-edit-add-btn {
    position: relative;
    right: 31px;
    top: 2px;
}

.page-list-item {
    background: rgba(255, 255, 255, 0.8);
    margin: 30px 12px -9px -12px;
    padding: 4px 16px 0;
}

.page-list-item-content-nav {
    padding: 1px 0 0;
}

.page-list-item-content-nav__link {
    color: #ABB7BE;
    margin-left: 12px;
    padding: 0 7px;
    text-decoration: none;
}

.page-list-item-content-nav__link:hover {
    color: #383e45;
}

.page-list-item-header {
    margin-bottom: 12px;
}

.page-list-item-img {
    width: 94px;
}

.page-list-item-img-wrap {
    margin-right: 8px;
}

.page-list-item-second-col__row {
    margin: 19px 11px -1px;
}

.page-list-item-second-col__row__icon {
    margin-right: 5px;
}

.page-list-item-second-col {
    padding-right: 20px;
    width: 231px;
}

.page-list-item-people__lst {
    padding: 33px 0 0;
}

.page-list-item-manage {
    clear: right;
    padding: 23px 5px 0;
    text-align: right;
    width: 173px;
}

.page-list-item-manage-btn {

}

.page-list-item-manage-delete {
    display: inline-block;
    margin-top: 24px;
}

.gray-trash-icon {
    background-position: -53px -350px;
    height: 14px;
    width: 15px;
    vertical-align: middle;
    margin-right: 7px;
}

a:hover .gray-trash-icon {
    background-position: -53px -367px;
}

.page-list-wrap {
    margin-bottom: 45px;
    padding-bottom: 9px;
}

.page__header_new {
    padding: 42px 0 0;
    position: relative;


    background: #f3f3f3;
    background: -webkit-gradient(#f3f3f3 0, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), to(#e5e5e5));
    background: linear-gradient(#f3f3f3 0, #e5e5e5 100%);
}

.new-dj-img-g {
    width: 448px;
    height: 193px;
    margin: 0 auto;
    display: block;
    left: 26px;
    position: relative;
}

.page__header_new__news {
    color: #ADB7BC;
    padding: 75px 0 0 41px;
    position: relative;
}

.page__header_new__news:after {
    content: "";
    display: block;
    position: absolute;
    left: 16px;
    top: 51px;
    width: 99px;
    height: 99px;
    background: url("/img/icons.png") repeat scroll -348px -344px rgba(0, 0, 0, 0);

}

.black-link {
    color: #313c43;
}

.page__header_new__join {
    padding: 68px 38px 0 0;
}

.page__header_new__join-btn.btn {
    padding: 12px 35px 7px;
    font-size: 16px;
    position: relative;
}

.page__header_new__join-icon.icon-img {
    background-position: -314px -344px;
    height: 30px;
    margin-left: 10px;
    position: relative;
    top: 3px;
    vertical-align: bottom;
    width: 34px;

}

.page__header_new__join__txt {
    color: #abb7be;
    margin: 0 30px 6px;
}

.display-none {
    display: none;
}

.page__header_new__inner,
.page__header_new__inner__hidden-manage {
    position: relative;
}

.hidden-input-add-wrap {
    overflow: hidden;
    width: 196px;
    height: 38px;
    position: absolute;
}

.hidden-input-add-inner {
    font-size: 50px;
    position: absolute;
    margin-left: -160px;
    z-index: 2;
    margin-top: -4px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity:0);
    cursor: pointer;
}


.top-place .top100-users-list__i__avatar__pos__count {
    background-color: #ffc104;
}

.second-place .top100-users-list__i__avatar__pos__count {
    background-color: #adb7bc;
}

.other-place .top100-users-list__i__avatar__pos__count-other {
    background-color: white;
}

.video-block IMG.preview {
    max-width: 523px;
}

.review-section H2 {
    margin-bottom: 33px;
}

.mce-i-add-image:before {
    content: '\e014';
}

.mce-i-add-gallery:before {
    content: '\e019';
}

.mce-i-add-video:before {
    content: '\e015';
}.promo__big{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1068px;
    background: url(/images/contests/denon-udg/banner.png);
    z-index: -19;
}
.udg-banner{
    background:  #ffffff ;
    margin: 0 auto;
    padding: 10px;
    width: 1226px;
    font-family: "Cuprum";
}
.udg-banner.question{
    background:  #efbe2d ;
}
.udg-banner__inner{
    background: none repeat scroll 0 0 #0e222c;
    padding: 15px 15px 0;
}
.denon-banner-logo{
    margin: -7px 10px -8px 10px;
}
.udg-banner-h{
    color: #ffffff;
    font-family: "Cuprum";
    font-size: 30px;
    font-weight: normal;
    text-shadow: none;
    line-height: 27px;
    margin: 0;
    position: relative;
    word-spacing: 1px;
    z-index: 9;
    text-align: center;

}

.udg-banner__inner-action-h {
    text-shadow: none;
}

.udg-banner__inner-header{
    position: relative;
    z-index: 10;
}
.udg-banner__inner-header a{
    display: block;
}
.udg-banner__inner-prize-list{
    height: 269px;
    list-style: none outside none;
    margin: -42px -100px -2px 285px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 930px;
}
.udg-banner__inner-prize-list__i{
    display: inline-block;
    margin-right: 20px;
    text-align: center;
    vertical-align: top;
}
.udg-banner__inner-prize-list__i-img-wrap{
    background: url("/images/contests/denon-udg/equipment.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 240px;
    margin: 0 auto -11px;
    width: 177px;
}
.udg-banner__inner-prize-list__i-img-wrap.n01{
    background-position: 0 -10px;
    width: 208px;
}
.udg-banner__inner-prize-list__i-img-wrap.n02{
    background-position: -268px -10px;
    width: 172px;
}
.udg-banner__inner-prize-list__i-img-wrap.n03{
    background-position: -483px -10px;
    width: 174px;
}
.udg-banner__inner-prize-list__i-img-wrap.n04{
    background-position: -702px -10px;
    width: 168px;
}
.udg-banner__inner-prize-list__i-img{
    vertical-align: bottom;
}
.udg-banner__inner-prize-list__i-txt{
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin: 11px 0 0;
    text-decoration: none;
}
.udg-banner__inner-prize-list__i-txt:hover{
    color: #f3b900;
}
.udg-banner__inner-prize-list__i-txt-red{
    color: #f3b900;
}
.udg-banner__inner-partners-djtools{
    display: block;
    margin: 11px 34px 3px 0;
}
.udg-banner__inner-partners-mixart{
    margin: 41px 0 23px 69px;
}
.udg-banner__inner-partners-udg{
    margin: 0 0 0 89px;
}
.udg-banner__inner-hr{
    display: block;
    height: 0;
    margin: 0;
    border-top: 2px solid #d4d7d9;
    border-bottom: 2px solid #ffffff;
}
.udg-banner__inner-action-h{
    font-size: 22px;
    margin: 0 0 0px;
    word-spacing: 1px;
}
.registred .udg-banner__inner-action-h{
    margin: 0 0 12px;
}
.udg-banner__inner-action{
    padding: 7px 6px 5px;
    min-height: 137px;
}
.udg-banner__inner-action-list{
    list-style: none;
    margin: 0 0 11px;
    padding: 0;
}
.registred .udg-banner__inner-action-list{
    margin: 0 0 12px;
}
.udg-banner__inner-action-list__i{
    background: url('/images/contests/denon-udg/udg_action.png') -55px 0;
    float: left;
    height: 51px;
    margin-right: -4px;
    width: 51px;
}
.udg-banner__inner-action-list__i a{
    display: block;
    height: 100%;
}
.udg-banner__inner-action-list__i.active{
    background-position: 0 0;
}
.udg-banner__inner-action-txt{
    color: #CCC7C3;
    font-size: 22px;
    margin: 0;
    line-height: 28px;
}
.udg-banner__inner-action-txt .rules{
    margin: 0 9px;
}
.link_ccc{
    color: #ccc7c3;
}
.link_57a{
    color: #57a1c7;
}
.udg-banner__inner-action-part{
    margin: 0 28px 0 17px;
    float: left;
}
.udg-banner__inner-action-part-txt{
    color: #CCC7C3;
    font-size: 17px;
    line-height: 20px;
    margin: 10px 0 21px;
}
.unregistred .udg-banner__inner-action-list{
    margin-bottom: 0;
}
input.custom-input.udg-banner__inner-action-input{
    height: 30px;
    width: 455px;
    font-size: 12px;
    margin-left: 9px;
}
.udg-banner__inner-action-btn{
    margin-left: -7px;
    padding: 8px 10px 4px;
    vertical-align: top;
}
.udg-banner__inner-action-links{
    font-size: 12px;
    padding: 8px 0;
    margin-left: 276px;
}
.udg-banner__inner-action-links a{
    margin-right: 34px;
}/* perfect-scrollbar v0.6.16 */
.ps-container {
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none; }
@supports (-ms-overflow-style: none) {
    .ps-container {
        overflow: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container {
        overflow: auto !important; } }
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent; }
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9; }
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999;
    height: 11px; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999;
    width: 11px; }
.ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 15px; }
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    /* please don't change 'position' */
    background-color: #aaa;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    bottom: 2px;
    /* there must be 'bottom' for ps-scrollbar-x */
    height: 6px; }
.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
    height: 11px; }
.ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    z-index: 1000;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 15px; }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    /* please don't change 'position' */
    background-color: #aaa;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    right: 2px;
    /* there must be 'right' for ps-scrollbar-y */
    width: 6px; }
.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
    width: 11px; }
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9; }
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999;
    height: 11px; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999;
    width: 11px; }
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6; }
.ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color: #999; }
.ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: #999; }.track__tag A {
  color: white;
  text-decoration: none;
}

A.top-logo {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNy4yNSAzOC4yNSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzNTNFNDYiPjxwYXRoIGQ9Ik0yLjEyNSAzLjEwOHY5LjQ4M2MzLjcwNyAwIDYuODkgMi45MyA2Ljg5IDYuNTRzLTMuMTgzIDYuNTQtNi44OSA2LjU0djkuNDczYzkuMTg2IDAgMTYuNDUzLTcuNTU4IDE2LjQ1My0xNi4wMTMgMC04LjU4LTYuOTc2LTE2LjAyMi0xNi40NTMtMTYuMDIyek0zNy4xMDYgNC4xM0gyNy41MmwuMDEyIDE4LjQ0di4zMmMtLjAxNC4zNTctLjAzNC41NDItLjA4Ny44MDctLjEyMi42MS0uNDEzIDEuMDcyLS43NiAxLjQyM2wtLjAyLjAxOGMtLjAzMi4wMzItLjA2Ni4wNi0uMDk4LjA5My0uNzc1Ljc3Mi0xLjg3IDEuMTkzLTMuMDQ1IDEuMTkzLTEuMzIzIDAtMi41MTMtLjU3My0zLjMzNC0xLjQ4NC0xLjAzOCAyLjg3LTIuODIgNS4zOS01LjExNSA3LjMzNCA4LjI0NiA1LjQ3NSAxOS40OCAyLjY1IDIxLjUzLTQuNzYuNDM1LTEuMzEuNTIyLTIuNC41MjItNC45MjhsLS4wMi0xOC40NTd6Ii8+PC9nPjwvc3ZnPg==);
  width: 41px;
  height: 40px;
  background-size: 100%;
  display: block;
  margin-top: -2px;
}

A.top-logo-ru {
  /*
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMyAzOCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzNTNFNDYiIGQ9Ik0xMi4zNSAyMC41MWwxLjE0IDIuODdoMi4xNTRsLTEuMzgzLTMuMzk3Yy44ODYtLjUwMyAxLjQyNy0xLjIyMyAxLjQyNy0yLjUzNyAwLTIuMDk4LTEuMDk4LTIuOTQ4LTMuNDItMi45NDhIOC41djguODgyaDEuOTY3di0yLjg3aDEuODgxem02LjczLS4wOVYxNC41aC0xLjk2OHY1LjkyYzAgMi4xOSAxLjI3IDMuMDggMy42OTMgMy4wOHMzLjY5My0uODkgMy42OTMtMy4wOFYxNC41SDIyLjUzdjUuOTJjMCAxLjAzLS43MTMgMS4zNC0xLjcyNSAxLjM0cy0xLjcyNS0uMjk2LTEuNzI1LTEuMzR6bS01LjQwMy0yLjk0N2MwIC43OTgtLjQgMS4zNTItMS4zODMgMS4zNTJIMTAuNDd2LTIuNjRoMS43OTZjLjk0IDAgMS40MS40MzggMS40MSAxLjI4OHoiLz48L3N2Zz4=);
    */
  width: 12px;
  height: 38px;
  background-size: 100%;
  display: block;
  margin-top: 1px;
}

.block_links {
  margin-bottom: 15px;
}

.comments-num {
  display: none;
}

.likes-rate-ctrl_type_plus {
  left: 0;
  right: auto;
}

.likes-rate-ctrl_type_minus {
  right: 0;
  left: auto;
}

.track__scales,
.track__marks {
  left: 26px;
}

.profile-links__i A {
  width: 310px;
  overflow: hidden;
  max-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#divVolumeBlock .volume {
  display: none;
}

.formError {
  position: relative;
}

.formError .message {
  color: #FB5A3C;
  position: absolute;
  width: 250px;
  line-height: 15px;
}

.likes-rate .-minus {
  left: 0;
  background-position: -164px -88px;
}

.likes-rate .-plus {
  right: 0;
  background-position: -146px -88px;
}

.profile__avatar-btn {
  display: none;
}

.profile__avatar-in:hover .profile__avatar-btn {
  display: block;
}

.likes-rate-in {
  text-decoration: none;
}

.activeDropdown:before {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border-radius: 10px 10px 0 0;
}

.activeDropdown .dropdown__act {
  z-index: 10;
  background: #f9f9f9;
}

.nav-icon__i_type_global.activeDropdown .icon-img {
  background-position: -40px -40px;
}

.dropdown__act {
  outline: none;
}

.activeDropdown .nav-icon__act {
  background-color: #F9F9F9 !important;
}

.track__scale_type_play:after {
  width: 0px;
}

.track__scale_type_play {
  border-right: 1px solid #ff512b;
}

/* jquery.Jcrop.css v0.9.12 - MIT License */

/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/

.jcrop-holder {
  direction: ltr;
  text-align: left;
}

/* Selection Border */

.jcrop-vline,
.jcrop-hline {
  background: #ffffff url("/img/jcrop.gif");
  font-size: 0;
  position: absolute;
}

.jcrop-vline {
  height: 100%;
  width: 1px !important;
}

.jcrop-vline.right {
  right: 0;
}

.jcrop-hline {
  height: 1px !important;
  width: 100%;
}

.jcrop-hline.bottom {
  bottom: 0;
}

/* Invisible click targets */

.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}

/* Selection Handles */

.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}

.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}

.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}

.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}

.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}

.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}

.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}

.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}

.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}

/* Dragbars */

.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}

.jcrop-dragbar.ord-n {
  margin-top: -4px;
}

.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}

.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}

.jcrop-dragbar.ord-w {
  margin-left: -4px;
}

/* The "jcrop-light" class/extension */

.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70 !important;
}

.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}

/* The "jcrop-dark" class/extension */

.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}

.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}

/* Simple macro to turn off the antlines */

.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}

/* Fix for twitter bootstrap et al. */

.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}

.profile__avatar,
.profile__avatar-img {
  min-height: 100px;
  border-radius: 0;
}

.loading {
  position: absolute;
  margin-left: 30px;
  width: 16px;
  height: 16px;
  background-image: url(/img/ajax-loader-small.gif);
}

.user-people__i_type_remove .user-people__act-btn {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background: #d8dddf;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.user-people__i_type_remove .user-people__act:hover .user-people__act-btn {
  background: #c8ccce;
}

.user-people__i_type_remove .user-people__act .icon-img {
  width: 18px;
  height: 18px;
  background-position: -244px -26px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -9px;
  margin-left: -9px;
}

.settings-type-lst__i {
  cursor: pointer;
}

.settings-type-lst__i .type-item__ctrl {
  display: none;
}

.settings-type-lst__i.act .type-item__ctrl {
  display: block;
}

.settings-type-lst__i.act .type-item {
  background: #ffb500;
  padding: 0 40px 0 12px;
}

.button-cancellable .type-item__ctrl {
  display: none;
}

.button-cancellable.act {
  background: #ffb500;
  padding: 0 40px 0 12px;
}

.button-cancellable.act .type-item__ctrl {
  display: block;
}

.c-select__popup-body {
  max-height: 140px;
  overflow: hidden;
}

.c-select__popup-wrapper {
  max-height: 140px;
  overflow-y: scroll;
  width: 110%;
  padding-right: 7%;
  box-sizing: border-box;
}

.c-select__popup-scroll {
  background-color: #f9f9f9;
  width: 12px;
  z-index: 99;
}

.c-select__popup-scroll-ctrl {
  margin-left: 2px;
}

.taggable .primary {
  vertical-align: top;
  margin: 8px 0 0 6px;
  border: 0px solid white;
  outline: none;
  max-width: 100%;
}

.taggable.styles-container .styles-container__i {
  margin-right: 4px;
}

.taggable .primary_div .sizer {
  position: absolute;
  margin-left: -20000px;
}

.c-select__popup-i.active {
  background: #d9dddf;
}

.taggable .removable {
  box-sizing: border-box;
}

.taggable .removable.to-be-removed {
  background-color: #bf0000;
  color: white;
}

.taggable .primary_div {
  padding: 0 8px 0 0;
}

.first-is-king .primary_div > SPAN:first-child {
  background: #ffb500;
}

.taggable.custom-input_type_fail {
  border: 1px solid #ff7c5f;
}

.tracklistEditor.custom-input_type_fail {
  border: 1px solid #ff7c5f;
}

.download__track-name {
  word-wrap: break-word;
}

.track-ctrl .error {
  color: #ff7c5f;
  font-size: 12px;
}

.track__cover {
  cursor: pointer;
}

.track__cover-img {
  width: 50px;
  height: 50px;
}

.header_link {
  color: #3A3F44;
  text-decoration: none;
}

.section-header__nav LI {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.section-header__nav LI A {
  display: inline-block;
  padding: 5px 15px;
}

.page-nav__dropdown-i {
  white-space: nowrap;
}

.article_scroller .music-cat__ctrl_dir_left {
  margin-top: 18px;
}

.article_scroller .music-cat__ctrl_dir_right {
  margin-top: 18px;
}

.article_scroller {
  height: 45px;
  margin-right: 20px;
  overflow: hidden;
  padding: 0 30px;
  position: relative;
}

.article_scroller .article_scroll_left {
  left: 20px;
}

.article_sections {
  padding-top: 6px;
}

.article_scroller .content-nav {
  padding-left: 16px;
}

.article_scroller LI {
  height: 50px;
}

.article_scroller .article_scroll_control {
  cursor: pointer;
  position: absolute;
  width: 12px;
  height: 9px;
  top: 18px;
  background: url(/img/music-cat-arrows.png) 0 0 no-repeat;
}

.article_scroller .article_scroll_right {
  background-position: -13px 0;
  right: 0px;
}

.msi__collumns > DIV {
  padding-right: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.new_review {
  margin: 0;
  padding: 20px 0 5px 0;
  border-bottom: 1px solid #d9dddf;
  border-top: 1px solid #fff;
  overflow: hidden;
}

.new_review:first-child {
  border-top: none;
}

.new_review:last-child {
  border-bottom: none;
}

.teasers-img-left__wrap-img {
  width: 120px;
  float: left;
  padding: 5px;
  text-align: center;
  border: 1px solid #d8dddf;
  background: #fff;
  box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.6);
}

.teasers-img-left__img {
  max-width: 42px;
  vertical-align: middle;
}

.teasers-img-left__content {
  float: right;
  width: 155px;
}

.new_review .section {
  display: block;
  float: left;
  padding: 2px 4px 1px;
  margin: 0 0 4px 0px;
  line-height: 20px;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  background: #353e47;
  border-radius: 2px;
}

.new_review .section A {
  text-decoration: none;
  color: white;
}

.new_review .equipment_pic {
  max-width: 120px;
}

.new_review .review_header {
  clear: both;
  margin-bottom: 8px;
}

.teasers-img-left__h {
  font-size: 20px;
  display: inline;
  margin-right: 5px;
  line-height: 1.2;
}

.new_review .date {
  display: block;
  margin: 0 0 5px 0;
  line-height: 14px;
  font-size: 11px;
  color: #929da3;
}

.teasers-img-left__txt {
  font-size: 13px;
}

.no_padding {
  padding: 10px 0px;
}

.no_padding > LI {
  margin-left: 0px;
}

.slide-filter__grade {
  margin-left: -9px;
  margin-right: -22px;
  cursor: pointer;
}

.slide-filter__grade li {
  margin-left: 29.8px;
  width: 23px;
}

.pps__list .pps__list__i .pps__list__i__img {
  width: 167px;
  height: 113px;
}

.photo-preview-sidebar {
  height: 572px;
}

.photo-mainnav-l,
.photo-mainnav-r {
  outline: none;
  z-index: 157;
  width: 50%;
}

.photo-mainnav-l:focus,
.photo-mainnav-r:focus {
  outline: none;
}

.photo-mainnav-l span,
.photo-mainnav-r span {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
}

.photo-nav-arrow.left {
  left: 24px;
}

.photo-nav-arrow.right {
  right: 24px;
}

#divPhotoMainArea .photo-mainnav-l:hover span,
#divPhotoMainArea .photo-mainnav-r:hover span {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 1;
}

.photo-show-block IMG.main {
  outline: none;
  margin: auto;
  border-style: none;
}

.photo-show-block IMG.main:-moz-loading {
  visibility: hidden;
}

.spotterMark {
  top: 0;
  left: 50%;
  position: absolute;
  z-index: 200;
  isplay: none;
  -webkit-box-ordinal-group: 3;
          order: 2px solid gray;
}

.spotterMark:hover .spotterMarkText {
  display: block;
}

.spotterMark .spotterMarkText {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  color: #57a1c7;
  padding: 4px 10px;
  font-size: 13px;
  white-space: nowrap;
  display: none;
  border-radius: 4px;
  -webkit-box-ordinal-group: 2;
          order: 1px solid #cccccc;
  box-shadow: 0 0px 25px #BBBBBB;
}

.spotterMarkText .pointer {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 50%;
  top: -7px;
}

.user-people__i_type_remove .user-people__act .icon-img {
  background-position: -266px -26px;
}

.play-nav__i_type_pause .icon-img {
  background-position: 0 -60px;
  height: 20px;
  width: 15px;
  margin: 1px 5px 0 2px;
}

.play-nav__i_type_play .icon-img {
  background-position: -40px -60px;
  height: 20px;
  margin: 1px 6px 0 2px;
  width: 14px;
}

.pbl__add-person .photo-wrap {
  cursor: move;
}

.photo_thumb {
  cursor: pointer;
}

.photogallery .comments__sep {
  display: none;
}

.reviews-tag A {
  color: white;
  text-decoration: none;
}

.sponsor-review .sponsor-review-img {
  margin: 0 20px 0 0;
}

.sponsor-review .sponsor-review-right {
  margin-left: 0px;
}

.photo_search {
  margin: 10px 0;
  width: 206px;
}

.photo_search .pps_scroll {
  top: 4px;
  bottom: 4px;
}

.person-search-list {
  margin-top: 0px;
}

.pbl__add-person .manual {
  width: 186px;
  padding: 10px 10px 4px 10px;
  font-size: 13px;
}

.pbs__img {
  margin: auto;
}

.stream_block {
  width: 780px;
}

.enter-hint.error {
  color: #fb5a3c;
}

.comment-block-overflow {
  height: auto;
  max-height: 249px;
}

.button-cancellable {
  cursor: pointer;
}

.teasers__text {
  max-height: 56px;
  overflow-y: hidden;
}

.el-hidden {
  display: none;
}

.dj-users__lst .dj-users__name {
  overflow: hidden;
  height: 22px;
  display: block;
}

.blog-prof-sidebar {
  position: relative;
}

input.side-search {
  background: url("/img/icons.png") repeat scroll 100% -571px #FFFFFF;
  box-sizing: border-box;
  margin-bottom: 15px;
  width: 100%;
}

.blog-post__comments__i .ava {
  width: 18px;
  height: 18px;
}

.blog-post__content IMG {
  max-width: 750px;
}

.teasers-view__i .narrow_image {
  width: 220px;
  overflow: hidden;
  height: 184px;
}

.teasers-view__i .narrow_image IMG {
  position: absolute;
  margin-left: -18px;
}

.profile__h A {
  text-decoration: none;
  color: #3a3f44;
}

.blog-item-page IMG {
  max-width: 100%;
}

.music-cat__name-list-wrap {
  width: 820px;
  overflow-x: hidden;
}

.music-cat__name-list-wrap TD {
  white-space: nowrap;
}

.playlist_dropdown {
  width: 220px;
  margin-left: 50px;
}

.playlist-icon {
  width: 11px !important;
  height: 10px !important;
  background-position: -106px -34px;
  top: 0px !important;
  margin-right: 5px !important;
}

.teasers-main {
  margin-top: 0px;
}

.teasers_main .teasers-type__h {
  font-size: 21px;
  line-height: 1.2;
}

.teasers-view__txt {
  max-height: 56px;
  overflow: hidden;
}

.mainPage .teasers-bg__i .image {
  max-height: 120px;
  overflow: hidden;
  border-radius: 2px;
}

.poster__info-i_type_dj {
  max-height: 38px;
  overflow: hidden;
}

.main-teaser-i__content {
  max-height: 143px;
  width: 236px;
}

.igo_button {
  width: 60px;
}

.now-online__txt A {
  color: #929da3;
  text-decoration: none;
}

.now-online__txt A:hover {
  text-decoration: underline;
}

.errorUpdateProfile {
  padding-top: 4px;
  color: #fb5a3c;
  float: right;
  width: 360px;
  display: block;
}

.friendRequests .nav-icon__dropdown-i {
  width: 400px;
}

.friendRequests .nav-icon__dropdown-content {
  width: 340px;
}

.friendRequests .nav-icon__dropdown-i .buttons {
  float: right;
  padding-top: 7px;
}

.friendRequests .nav-icon__dropdown-i .buttons .right_said_fred {
  margin-right: 8px;
}

.friendRequests .nav-icon__dropdown-i .btn {
  padding: 4px 10px 2px;
}

.calendarForm {
  width: 240px;
  margin-left: 190px;
  margin-top: -20px;
  position: relative;
}

.calendarForm .input-ctrl_type_del {
  position: absolute;
  margin-left: 250px;
}

.calendar__day {
  cursor: pointer;
}

.calendar .years {
  display: none;
}

.calendar .years .year {
  float: left;
  padding: 2px 7px;
  cursor: pointer;
}

.calendar .years .selected {
  color: #36434e;
  background-color: white;
}

.calendar .dates .selected {
  background-color: #ffb900;
  color: #353e47;
}

.hidden {
  display: none;
}

.background-image-block {
  right: auto;
  left: 50%;
  width: 2560px;
  margin-left: -1280px;
}

.page_style_main-bg body {
  verflow-x: hidden;
}

.backgroundWrap {
  left: 0px;
  right: 0px;
  overflow: hidden;
  position: absolute;
  height: 1280px;
  z-index: -1;
}

.edit-elem__lt_header {
  top: auto;
  top: 120px;
  z-index: 100;
}

.top-decoration {
  border-radius: 3px;
}

.uploadProgress {
  border: 1px solid #ffbd00;
  border-radius: 2px;
  height: 8px;
  width: 106px;
  display: block;
  float: left;
  margin-top: 4px;
  padding: 1px;
  position: relative;
}

.uploadProgress .progressBar {
  background-color: #ffbd00;
  width: 50%;
  border-radius: 1px;
  height: 8px;
  display: block;
}

.blog_uploaded_photo {
  display: none;
  float: left;
  margin-right: 20px;
}

.blog_uploaded_photo IMG {
  border-radius: 3px;
  margin-top: 8px;
}

.blog_photo_uploaded .blog_uploaded_photo {
  display: block;
}

.blog_photo_uploaded .download__track-body {
  display: none;
}

.add-photo-del {
  display: none;
}

.blog_photo_uploaded .add-photo-del {
  display: block;
}

.top-decoration:hover .edit-elem_type_dropdown {
  display: block;
}

.blog-controls {
  list-style: none;
  font-size: 12px;
  float: right;
  margin-top: 10px;
}

.blog-controls LI {
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 0 0 10px;
  padding: 0 0 0 10px;
}

.blog-controls LI A {
  padding-left: 22px;
  display: inline-block;
  position: relative;
}

.blog-controls LI A .icon-img {
  left: 0;
  position: absolute;
  top: 1px;
}

.related-content-list {
  margin-bottom: 10px;
}

.simpleList .add-multisel__name {
  padding: 2px 2px;
  background: none;
  line-height: 15px;
  height: 15px;
  overflow: hidden;
  max-width: 540px;
}

.add-multisel__name {
  max-width: 540px;
}

.playlistList .add-multisel__name {
  max-width: 480px;
  overflow: hidden;
  min-width: 100px;
}

.playlistList LI {
  max-height: 27px;
}

.simpleList .removeLink {
  display: none;
}

.simpleList .icon-img {
  margin-right: 0px;
}

.simpleList LI {
  margin: 0px;
  padding: 4px 0px;
}

.simpleList LI:hover {
  background-color: #e5e5e5;
}

.simpleList LI.active {
  background-color: #e5e5e5;
}

.add-multisel.multisel-mini {
  width: auto;
}

.msi__right__inner__track-wrap .track-list__i {
  margin: 0;
  width: 834px;
  display: block;
}

.img-added-list-form__i {
  margin: 0 0 8px 15px;
}

.img-added-list-form {
  margin-left: -15px;
}

.section-h A {
  color: #3a3f44;
}

.section-h-small A {
  color: #3a3f44;
}

.nav-icon__dropdown .empty {
  font-size: 13px;
  padding: 10px 2px;
}

.message-list-txt__date {
  width: auto;
  white-space: nowrap;
}

.message-list {
  height: auto;
  ax-height: 600px;
  verflow-y: auto;
}

.inpost .pull-right .message-list-avatar {
  display: none;
}

#divMessagesDropdown .nav-icon__dropdown-i {
  cursor: pointer;
}

.message-lists .c-select__popup-body {
  max-height: 600px;
}

.message-list {
  width: 645px;
  padding-right: 20px;
  position: relative;
}

.message-list .c-select__popup-body {
  width: 655px;
}

.message-list .c-select__popup-scroll {
  right: 0px;
}

.message-list .c-select__popup-wrapper {
  max-height: 600px;
}

.nav-icon__dropdown-wrap-img img {
  width: 40px;
  height: 40px;
}

#divMyTracks .track {
  margin-bottom: 25px;
}

.track-ctrl .confirmDelete {
  border-bottom: 1px dotted #FB5A3C;
  text-decoration: none;
  color: #FB5A3C;
  margin-right: 5px;
}

.track-ctrl .cancelDelete {
  color: #a8b7c0;
  text-decoration: none;
  border-bottom: 1px dotted #a8b7c0;
}

.playlistEditor LI SPAN INPUT {
  background-color: #eef0f2;
  border: 0px solid red;
  outline: none;
}

.playlistEditor {
  min-height: 200px;
}

.playlistEditor TEXTAREA {
  width: 100%;
  min-height: 200px;
  border: 0px solid white;
  outline: none;
  position: absolute;
  background: none;
  z-index: 2;
  padding: 0px;
  line-height: 16px;
}

.playlistEditor .placer {
  width: 100%;
  min-height: 200px;
  position: absolute;
  z-index: 1;
  line-height: 16px;
}

.playlistEditor .placer .mark {
  background-color: #FFDDDD;
}

.add-multisel__time {
  width: 50px;
}

.playlistEditor .simpleList .add-multisel__name {
  max-width: 480px;
}

.uploadPhotos .download__track-body {
  width: 167px;
  min-height: 122px;
  margin: 0 0 8px 15px;
}

.uploadPhotos .download__track-body .download__track-name {
  max-height: 32px;
  overflow: hidden;
  margin-bottom: 0px;
}

.c-select__popup-lst LI SPAN {
  margin-left: 10px;
  color: #78848a;
}

.add-blog .primary {
  padding: 2px 8px 0px;
}

.add-blog .removable .name SPAN {
  margin-left: 10px;
  font-size: 12px;
  color: #78848a;
}

.photogallary__element H3 A {
  color: white;
  text-decoration: none;
}

.photogallary__element H3 A:hover {
  text-decoration: underline;
}

.music-cat__h {
  width: 160px;
  overflow: hidden;
  height: 29px;
}

.photo-viewer-fullscreen__img {
  max-height: 95%;
  max-width: 95%;
}

.photo-viewer-fullscreen {
  ottom: 36px;
}

H3.photo-album-add-h A {
  color: #353E47;
}

.likes-rate-popup-user-list__i .user-people__ava {
  width: 40px;
  height: 40px;
}

.liked-wrapper-btn {
  left: -5px;
  right: -5px;
}

.user-main-list__track {
  max-width: 380px;
}

.track-name-time {
  margin-left: 8px;
}

.track-bar__body-range-ctrl {
  right: -8px;
  display: none;
}

.full-width-track {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.full-width-track .download__track__bar-container {
  -webkit-box-flex: 1;
          flex-grow: 1;
  margin: 0 4px;
  position: relative;
}

.full-width-track .download__track__bar-container .track-bar__body {
  width: 100%;
}

.full-width-track .track-bar__body {
  cursor: pointer;
}

.user-main-list__i P.about {
  font-size: 12px;
}

.user-main-list__inner {
  min-height: 50px;
}

.user-main-list__i .user-main-list__status {
  margin: -4px 0 0 0;
  width: auto;
  float: left;
}

.top100-users-list__i__avatar__img {
  width: 80px;
  height: 80px;
}

.event-page.no-image {
  width: 100%;
}

.event-page.no-image .pull-left {
  display: none;
}

.event-page.no-image .event-page__right {
  margin-left: 0px;
}

.event-visitors-block.no-users .event-visitors {
  display: none;
}

.event-visitors-block.no-users .event-visitors-list {
  display: none;
}

.event-visitors-list A {
  color: #929da3;
  text-decoration: none;
}

.event-visitors-list A:hover {
  text-decoration: underline;
}

.event-visitors-list .me {
  font-weight: bold;
}

.main-feed-content__inner .track-list__i {
  margin-left: 0;
  width: 780px;
}

.main-feed-content__inner {
  margin-bottom: 16px;
}

.main-feed-content__inner .repost-stat {
  font-size: 12px;
  color: #abb7be;
}

.main-feed-content__inner .repost-stat-str {
  font-size: 12px;
  color: #abb7be;
  margin-left: 0px;
}

.main-feed-content__inner .track-list__i .track {
  margin-bottom: 0;
}

.feedAvatar {
  width: 60px;
  height: 60px;
}

#enter .form-sect {
  margin: 0;
}

.competition-banner {
  height: auto;
  margin-bottom: 20px;
}

.gotBranding .page__header_new .page__header_new__join,
.gotBranding .page__header_new .page__header_new__news,
.gotBranding .page__header_new .new-dj-img-g {
  display: none;
}

.gotBranding .page__header_new {
  background: none;
}

.page__header_new__inner__hidden-manage {
  top: -207px;
}

.gotBranding .page__header_new__inner__hidden-manage {
  top: auto;
}

.backgroundWrap {
  display: none;
}

.gotBranding .backgroundWrap {
  display: block;
}

.msi__right__inner__track-wrap .style-samples .track-list__i {
  width: 520px;
}

.fine_print {
  color: #888888;
  font-size: 80%;
}

.even_finer_print {
  color: #CCCCCC;
  font-size: 80%;
}

.sansCtrl .act {
  padding: 0 12px;
}

.posterEdit {
  margin-right: 16px;
}

.timePicker .shift {
  background: url(/img/icons.png);
  width: 15px;
  height: 15px;
  display: block;
  margin: 0 auto;
}

.timePicker .up {
  background-position: -146px -88px;
}

.timePicker .colon {
  padding-top: 21px;
}

.timePicker .down {
  background-position: -164px -88px;
}

.timePicker DIV {
  float: left;
  margin-right: 5px;
  font-size: 28px;
  font-family: Cuprum, Arial, sans-serif;
}

.timePicker .digit {
  width: 20px;
  display: block;
  text-align: center;
}

.timePicker {
  padding: 1px;
  position: absolute;
  ottom: -46px;
  top: 40px;
  z-index: 8;
  in-width: 221px;
  background: #e6e6e6;
  background: -webkit-gradient(#e6e6e6 0, #c4c4c4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6e6e6), to(#c4c4c4));
  background: linear-gradient(#e6e6e6 0, #c4c4c4 100%);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
  width: 88px;
  left: 50%;
  margin-left: -44px;
}

.timePicker:after {
  background: #f9f9f9;
  position: absolute;
  border: 1px solid #dbdbdb;
  top: -5px;
  left: 50%;
  margin-left: -7px;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}

.timePicker .inner {
  background: #f9f9f9;
  display: block;
  position: relative;
  z-index: 10;
  padding: 10px 10px 7px;
  overflow: hidden;
}

.timePicker .button {
  padding: 4px 4px;
  display: block;
}

.timePicker .button:hover {
  background-color: #E4E6E8;
  border: 1px transparent;
  border-radius: 4px;
}

.styles-container__inner-timepicker {
  position: relative;
}

.afisha-add-time-line {
  margin-left: 20px;
  float: left;
}

.chart-style-player .poster__date {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
  top: 4px;
  left: auto;
  cursor: pointer;
  height: 43px;
}

.chart-style-player .poster__date .poster__date-d {
  line-height: 16px;
}

.interview__img-block__top {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
}

.bill-ctrl__lst {
  font-size: 12px;
  margin-left: -3px;
  padding-left: 0;
}

.bill-ctrl__lst .track-ctrl__i {
  width: 100%;
  margin: 0 0 6px;
  padding-left: 4px;
  float: none;
}

.removable .name {
  height: 25px;
  overflow: hidden;
  display: block;
}

.club-add-fake-table .fake-table-right {
  margin-left: 320px;
}

.custom-input.fake-table-custom-input {
  width: 315px;
}

.actions .confirmDelete {
  border-bottom: 1px dotted #FB5A3C;
  text-decoration: none;
  color: #FB5A3C;
  margin-right: 5px;
}

.actions .cancelDelete {
  color: #a8b7c0;
  text-decoration: none;
  border-bottom: 1px dotted #a8b7c0;
}

.add-new-page.edit-elem__dropdown:before {
  right: 88px;
}

.add-new-page {
  margin-top: 3px;
  display: none;
  argin-left: 150px;
  left: inherit !important;
  ight: inherit !important;
  right: 20px !important;
  width: 210px;
}

.profile-role__i .icon-img {
  background-position: -198px -93px;
  height: 16px;
  width: 16px;
}

.profile-role__i_type_bar .icon-img {
  background-position: -198px -93px;
  height: 16px;
  width: 16px;
}

.profile-role__i_type_bar .icon-img {
  background-position: -198px -93px;
  height: 16px;
  width: 16px;
}

.profile-role__i_type_cafe .icon-img {
  background-position: -198px -93px;
  height: 16px;
  width: 16px;
}

.profile-role__i_type_restaurant .icon-img {
  background-position: -198px -93px;
  height: 16px;
  width: 16px;
}

.profile-role__i_type_concert .icon-img {
  background-position: -198px -93px;
  height: 16px;
  width: 16px;
}

.profile-role__i_type_stripclub .icon-img {
  background-position: -198px -93px;
  height: 16px;
  width: 16px;
}

.clubInfo .fake-table-left {
  float: none;
}

.clubInfo .fake-table-right {
  margin-left: 0;
}

.rightCheckboxes {
  margin: 10px 0;
}

.rightCheckboxes LABEL {
  font-family: Cuprum;
  font-size: 15px;
  display: block;
  cursor: pointer;
}

.setRights {
  padding-bottom: 14px;
}

.setRights .btn {
  margin-right: 10px;
}

.editControls .user-people__i .user-people__ava {
  width: 40px;
  height: 40px;
}

.form-label_add-blog {
  margin-top: 0;
}

.page-list-item-manage-delete {
  margin: 12px 0;
  font-size: 13px;
}

.profile__avatar,
.profile__avatar-img {
  min-height: 20px;
}

.poster__info-i_type_dj {
  color: #57a1c7;
}

.poster__info-i_type_map {
  color: #78848a;
}

.poster__info-i_type_genre {
  color: white;
}

.c-select__popup-lst LI SPAN.icon-img {
  margin-left: 0;
}

.c-select__popup-lst LI .avatar {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 8px;
}

.event-place {
  text-indent: -19px;
  padding-left: 19px;
}

.event-djs {
  text-indent: -19px;
  padding-left: 19px;
}

.settings__body {
  position: relative;
}

.settings__col .add-new-page {
  margin-left: -30px;
  margin-top: 30px;
}

.photo-album-add-list .gallery-ctrl__lst {
  font-size: 12px;
  margin-left: -3px;
  margin-top: 8px;
  padding-left: 0;
}

.photo-album-add-list .gallery-ctrl__lst .track-ctrl__i {
  width: auto;
  margin: 0 8px 6px 0;
  padding-left: 4px;
  padding-bottom: 0px;
}

#divForgetfulStuff .error {
  float: right;
  width: 160px;
  color: #FB5A3C;
  display: block;
  display: none;
}

.page-list-item .user-people__ava {
  width: 40px;
  height: 40px;
}

#formAuth .error {
  text-align: center;
  color: #FB5A3C;
}

.dj-users__i {
  height: 60px;
}

.info_title {
  margin-bottom: 16px;
}

.track .publishDate {
  float: right;
}

.track .commentsCount {
  color: #adb7bc;
  text-decoration: none;
  font-size: 11px;
  position: absolute;
  margin: -1px 0 0 4px;
}

.tracklistEditor {
  -webkit-box-ordinal-group: 2;
          order: 1px solid red;
  width: 654px;
  height: 250px;
  padding: 10px;
  margin-right: 15px;
  display: block;
  float: left;
  border: 1px solid #ced0d1;
  background-color: white;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px #e7e9eb;
  color: #414a52;
  overflow: auto;
}

#formUpload .fieldTracklist {
  font-size: 14px;
}

.tracklistEditor:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted 9;
  /* IE6-9 */
  box-shadow: inset 0 1px 1px #e7e9eb, 0 0 5px rgba(82, 168, 236, 0.6);
}

.mainPlayer .track__title-i_type_genre {
  padding-right: 15px;
}

.mainPlayer .track__name {
  color: #57a1c7;
}

.edit-group-track-list .not-ready .play-btn {
  opacity: 0.5;
}

.edit-group-track-list .not-ready .track-name {
  opacity: 0.5;
}

.groups_dropdown {
  width: 220px;
  margin-left: 50px;
}

.track__volume-range-ctrl {
  top: -8px;
}

.playlist_dropdown .separator {
  margin-bottom: 0px;
}

.playlist_dropdown input {
  margin: 8px 12px 5px;
  width: 178px;
  padding: 4px 8px;
  border: 1px solid #ced0d1;
  background-color: white;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px #e7e9eb;
  color: #414a52;
  verflow: auto;
  font-size: 14px;
}

.playlist_dropdown input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted 9;
  /* IE6-9 */
  box-shadow: inset 0 1px 1px #e7e9eb, 0 0 5px rgba(82, 168, 236, 0.6);
}

.message-list-section__i {
  cursor: pointer;
}

.specialTracklistError {
  position: absolute;
  margin-top: -19px;
  left: 691px;
}

.cueError {
  position: absolute;
  width: 200px;
  margin-top: 80px;
  color: #FB5A3C;
}

.track__extra-embed {
  margin-left: -140px;
  width: 360px;
  left: auto;
  right: auto;
  margin-top: 12px;
  border-radius: 2px;
}

.track__extra-embed UL {
  border-radius: 2px;
}

.track__extra-embed LI {
  padding: 10px;
}

.track__extra-embed:before {
  left: 172px;
}

.track__extra-embed TEXTAREA {
  width: 334px;
  height: 42px;
}

TEXTAREA.glowOnMe {
  border: 1px solid #ced0d1;
  background-color: white;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px #e7e9eb;
  color: #414a52;
}

TEXTAREA.glowOnMe:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted 9;
  /* IE6-9 */
  box-shadow: inset 0 1px 1px #e7e9eb, 0 0 5px rgba(82, 168, 236, 0.6);
}

.track__extra-link {
  margin-left: -240px;
  width: 360px;
  left: auto;
  right: auto;
  margin-top: 12px;
  border-radius: 2px;
}

.track__extra-link UL {
  border-radius: 2px;
}

.track__extra-link LI {
  padding: 10px;
}

.track__extra-link:before {
  left: 272px;
}

.track__extra-link TEXTAREA {
  width: 334px;
  height: 14px;
}

.settings-pages .edit-group-add-btn {
  right: 20px;
}

.settings-pages .section-header-small__h.blog-add {
  margin-bottom: 14px;
}

.settings-pages .search-input {
  margin-left: 20px;
}

.settings-pages FORM {
  display: inline;
}

.brandingRepeat .backgroundWrap {
  height: 100%;
}

.brandingRepeat .background-image-block {
  background-repeat: repeat !important;
  left: auto;
  height: 100% !important;
  width: 100% !important;
  margin-left: 0px !important;
}

.brandingNoRepeat .background-image-block {
  background-repeat: no-repeat !important;
}

.brandingRepeat .page__footer {
  padding-top: 26px;
}

.brandingRepeat .page__footer .footerWrapper {
  padding-top: 20px;
  background-color: #efefef;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 10px;
}

.shop-google IMG {
  width: 90px;
  margin-bottom: 2px;
}

.shop-djmusic IMG {
  margin-bottom: 7px;
}

.nav-icon .nav-icon__dropdown {
  padding: 0;
}

.nav-icon .nav-icon__dropdown LI {
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.nav-icon .nav-icon__dropdown LI:hover {
  background: rgba(255, 191, 0, 0.5);
  color: #383e45;
}

.nav-icon .nav-icon__dropdown LI a:hover {
  color: #57a1c7;
}

.select-appropriate-event {
  margin-bottom: 20px;
}

.select-appropriate-event A {
  display: block;
  text-decoration: none;
  color: black;
  margin-bottom: 8px;
}

.select-appropriate-event A SPAN.name {
  border-bottom: 1px dashed #57a1c7;
  color: #57a1c7;
}

.select-appropriate-event A SPAN.ze-date {
  margin-left: 10px;
  color: #adb7bc;
  font-size: 85%;
}

.select-appropriate-event P {
  width: 68%;
  color: #adb7bc;
  font-size: 14px;
}

.select-date-first P {
  padding: 10px 0 20px 10px;
  olor: #fb5a3c;
  color: #adb7bc;
}

.domain-edit input.custom-input {
  margin-right: 5px;
  width: 120px;
}

.domain-edit {
  margin-right: 15px;
}

.domain-edit .domain-suffix {
  font-weight: bold;
  font-size: 120%;
}

#formRegister .form-notice__body {
  width: 180px;
}

.empty_notification {
  white-space: nowrap;
  padding: 15px 20px 10px;
  font-size: 13px;
}

.notify-section-h {
  margin-top: 0;
  margin-bottom: 30px;
}

.notify-section-h .icon-img {
  width: 17px;
  height: 17px;
  background-position: -148px -194px;
  margin-right: 7px;
}

.form-line-multi .form-label_width_same {
  width: 450px;
  text-align: left;
  margin: 8px 0;
}

.form-label-title {
  font-weight: bold;
}

.form-label_width_check {
  width: 100px;
}

.notification-settings {
  margin-bottom: 30px;
}

.notification-settings .cell {
  width: 120px;
  display: inline-block;
  text-align: center;
}

.notification-settings .form-label-title {
  padding-right: 25px;
}

.notification-settings .form-line-multi.odd {
  background-color: #e5e5e5;
  /*#e3eeff;*/
  /* #b3d4fc */
}

.notification-settings .form-line-multi.even {
  background-color: #F8F8F8;
}

.notification-settings .form-label_width_same {
  width: 620px;
}

.notification-settings .odd .form-label_width_same,
.notification-settings .even .form-label_width_same {
  padding-left: 10px;
}

.notification-settings .cell .form-label-chec-rad {
  padding-left: 0px !important;
}

.notification-settings .select-period {
  margin-left: 10px;
  color: #57a1c7;
}

.notification-settings .timePicker {
  top: 26px;
  width: 110px;
}

.notification-settings .timePicker UL {
  margin: 0;
  padding: 0;
  list-style: none;
}

.notification-settings .timePicker .inner {
  padding: 5px 0px;
}

.notification-settings .timePicker UL LI {
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  cursor: pointer;
  padding: 6px 16px;
  white-space: nowrap;
}

.notification-settings .timePicker UL LI:hover {
  background: #ffbf00;
  color: #383e45;
}

.notification-settings .cell-email {
  width: 140px;
}

.notification-settings .cell-email-select {
  width: 120px;
  text-align: left;
  padding-left: 20px;
}

.notification-title {
  padding: 4px 10px 0px;
  text-align: right;
}

.notification-title A {
  loat: right;
  font-size: 12px;
}

.bill-window-bonus-hint-block {
  margin-bottom: 20px;
}

.bill-popup .this-one-separator {
  margin-top: 12px;
}

.bill-table-tbody .yellow-background TD {
  background-color: #ffffcc;
}

.bill-table-tbody .yellow-background:first-child TD {
  padding-bottom: 16px;
}

.comments__i-edit,
.comments__i-delete-me-not {
  color: #929da3;
  font-size: 11px;
  margin-right: 12px;
}

.comments__i-edit:hover,
.comments__i-delete-me-not:hover {
  color: #353E47;
}

.comments__i-delete,
.comments__i-delete-actually {
  color: #FB5A3C;
  font-size: 11px;
  margin-right: 12px;
}

.comments__i-delete:hover,
.comments__i-delete-actually:hover {
  color: #FF6A4C;
}

.comments__i-delete-me-not,
.comments__i-delete-actually {
  display: none;
}

.comments__deleted {
  background-color: #fcfcfc;
  border-radius: 4px;
  margin-left: 60px;
  padding: 8px 12px;
  margin-bottom: 22px;
  color: #BBBBBB;
}

.cancel-editing-comment {
  position: absolute;
  margin-top: 4px;
  margin-left: 12px;
  border-bottom: 1px dashed #57a1c7;
  text-decoration: none;
  display: none;
}

.cancel-editing-comment:hover {
  border-bottom: 1px dashed #ffbf00;
}

.social-btn_type_instagram {
  background: #ffaa58;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWE1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2ZmYTI1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2ZmOGE0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjg0M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffaa58), color-stop(26%, #ffa251), color-stop(76%, #ff8a41), to(#ff843a));
  background: linear-gradient(to bottom, #ffaa58 0%, #ffa251 26%, #ff8a41 76%, #ff843a 100%);
  /* W3C */
}

.ie8 .social-btn_type_instagram {
  background: #ff9346;
}

.social-btn_type_instagram .social-btn__icon {
  width: 17px;
  height: 18px;
  background-position: -98px 0;
  top: 1px;
}

.user-welcome__ava {
  max-width: 100px;
}

.auth-got-no-email {
  display: none;
}

.auth-no-email .auth-got-no-email {
  display: block;
}

.auth-no-email .user-welcome {
  margin-bottom: 10px;
}

.auth-no-email .auth-got-email {
  display: none;
}

.profile-links__i_type_instagram .icon-img {
  background-position: -147px -133px;
}

.review-item .page-list-item-img {
  width: auto;
  max-width: 150px;
  max-height: 150px;
}

.review-item .small-prof__wrap-avatar {
  width: 150px;
  padding: 10px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  text-align: center;
}

.review-item H2 {
  padding-left: 12px;
}

.review-item .page-list-item-second-col {
  width: 500px;
}

.review-item .page-list-item-manage {
  padding-top: 0;
  width: 160px;
}

.contest-position {
  position: absolute;
  left: -12px;
  top: 4px;
  height: 30px;
  width: 30px;
  line-height: 31px;
  text-align: center;
  font-size: 18px;
  color: #3A3F44;
  box-shadow: 0 1px 1px #a47506;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-color: #ADB7BC;
  border-radius: 50%;
}

.contest-position-top {
  background-color: #ffbf00;
  color: #3a3f44;
}

.user-main-list__i {
  position: relative;
}

.select-track-container {
  margin-bottom: 20px;
}

.select-track-container .c-select__popup-body {
  max-height: 220px;
}

.select-track-container .c-select__popup-wrapper {
  max-height: 220px;
}

.select-track {
  padding: 0px 4px;
  border: 1px solid white;
  cursor: pointer;
  width: 97%;
}

.select-track:hover {
  border: 1px solid silver;
  border-radius: 8px;
  background-color: #f5f5f5;
}

.select-track .user-main-list__track {
  float: none;
}

.select-track-list {
  margin: 0;
  padding: 0 0 10px 0;
  list-style: none;
}

#divSelectedTrack .mp3Player {
  margin-left: 0;
}

.booking-bought {
  padding: 20px 0px;
}

.bill-servise-fake-body-popup-wrap.left-side {
  left: -60px;
}

.buy-track-error {
  margin-top: 20px;
  color: #cc0000;
}

.bsfbpi-calendar td span.mine {
  background: #c9f8c1;
}

.bsfbpi-calendar td span.past {
  background: white;
  color: #CCCCCC;
  cursor: default;
}

.bsfbpi-calendar td span.marked-range {
  border: 1px solid black;
  margin: -1px 3px 1px;
}

.bsfbpi-header-h .verbal {
  color: #999999;
}

.bsfbpi-header-h .verbal span {
  color: #ffbd00;
}

.bsfbpi-calendar td span.marked-range.past,
.bsfbpi-calendar td span.mine.past {
  background-color: #e9ffe1;
}

.close-place:after {
  left: 13px;
}

.your-place:after {
  left: 12px;
}

.shortie .full-width-track .track-bar__body {
  width: 305px;
}

.other-news-player .shortie .full-width-track .track-bar__body {
  width: 230px;
}

.other-news-player .track-name-block {
  padding-right: 8px;
}

.bill-table-wrap .currency {
  color: #888888;
  font-weight: normal;
}

.bill-table-wrap .sum {
  width: 60px;
  float: left;
  display: block;
  text-align: right;
  margin-right: 8px;
}

.bill-table-tbody-icon {
  width: 21px;
}

.payment-marks-container {
  position: relative;
  display: inline;
}

.payment-marks {
  position: absolute;
  display: none;
  line-height: 18px;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  border-radius: 4px;
  left: 0;
  top: -48px;
  width: 350px;
}

.payment-marks .innards {
  background: #fff;
  padding: 7px 10px;
  position: relative;
  z-index: 1;
  border-radius: 4px;
}

.payment-marks:before {
  background: #fff;
  position: absolute;
  border: 1px solid #dbdbdb;
  bottom: -5px;
  left: 10px;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.topdj-year-select {
  position: relative;
  display: inline-block;
  width: 110px;
  z-index: 1200;
}

.topdj-year-select UL {
  z-index: 10;
  padding: 1px;
  position: absolute;
  display: none;
  top: 29px;
  background: #f9f9f9;
  left: -14px;
  ight: 0;
  border: 1px solid #ced0d1;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  list-style-type: none;
  font-size: 16px;
  font-weight: normal;
}

.topdj-year-select:before {
  display: block;
  content: '';
  position: absolute;
  top: -10px;
  height: 20px;
  left: 0;
  right: 0;
}

.c-select__popup-lst {
  margin: 0;
  padding: 0;
}

.topdj-year-select LI {
  margin: 0;
  padding: 5px 13px;
  cursor: pointer;
}

.topdj-year-select LI A {
  text-decoration: none;
  color: black;
}

.topdj-year-select LI:hover {
  background: #d9dddf;
}

.topdj-year-select LI.current {
  background: #ffb100;
}

.top100-header {
  margin-bottom: 23px;
}

.main-music-how {
  position: relative;
  width: 700px;
}

.main-music-how A {
  position: absolute;
  top: 0px;
  left: 94px;
  display: block;
  padding: 3px 7px 2px;
  line-height: 20px;
  text-decoration: none;
  font-size: 14px;
  color: #3a3f44;
  background: #ffc700;
  border-radius: 2px;
}

.main-music-how:hover {
  color: #3a3f44;
}

.track-section__h-in A {
  color: white;
  text-decoration: none;
}

.track-section__h-in A:hover {
  text-decoration: underline;
}

.std-menu__dropdown {
  /*display: none; */
  position: absolute;
  margin-top: 10px;
  left: 0;
  z-index: 505;
  list-style: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.std-menu__dropdown_arrow_right.edit-elem__dropdown {
  left: auto;
  right: 0;
}

.std-menu__dropdown:before {
  background: #f9f9f9;
  position: absolute;
  border: 1px solid #e6e6e6;
  top: -7px;
  left: 24px;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.right-align.std-menu__dropdown {
  left: auto;
  right: 0;
}

.right-align.std-menu__dropdown:before {
  left: auto;
  right: 24px;
}

.std-menu__dropdown_arrow_right.std-menu__dropdown:before {
  left: auto;
  right: 24px;
}

.std-menu__dropdown:after {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  content: "";
  display: block;
  height: 20px;
}

.std-menu__dropdown_arrow_right.edit-elem__dropdown:after {
  left: auto;
  right: 0;
}

.contacts-edit-buttons {
  width: 230px;
  margin-top: 14px;
}

.some-controls .confirmDelete {
  border-bottom: 1px dotted #FB5A3C;
  text-decoration: none;
  color: #FB5A3C;
  margin-right: 10px;
  padding-left: 0;
}

.some-controls .cancelDelete {
  color: #a8b7c0;
  text-decoration: none;
  border-bottom: 1px dotted #a8b7c0;
  padding-left: 0;
}

.small-info__act {
  z-index: 4;
}

.club-type {
  width: 674px;
}

.club-type .button-cancellable {
  margin-bottom: 10px;
}

.form-line_space_bot.last-one {
  margin-bottom: 0px;
}

.add-afisha .info {
  color: #acb7bd;
  width: 680px;
  z-index: 100;
  margin-bottom: 12px;
}

.add-afisha-new-club .form-notice__body {
  top: 1px;
}

.add-afisha .club-info {
  margin: 25px 0 0;
}

.form-notice-inline .form-notice__body {
  top: 1px;
}

.new-club-data {
  display: none;
}

.afisha-add-new-club-border {
  position: absolute;
  border: 1px dashed #acb7bd;
  margin-left: -15px;
  margin-top: -10px;
  width: 704px;
  height: 342px;
  border-radius: 8px;
  background-color: #f8f8f8;
  display: none;
  -webkit-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
}

.add-afisha-new-club .city-info {
  float: left;
  width: 200px;
  margin-right: 20px;
}

.add-afisha-new-club .place-info {
  float: left;
}

.club-city-hint {
  margin-top: 28px;
}

.club-city-hint .form-notice__body {
  width: 300px;
}

.wysiwyg__photo-video .choice-button {
  margin-bottom: 10px;
}

.add-video {
  right: 0px;
  margin-top: 40px;
  left: auto;
  display: none;
}

.add-video:before {
  left: auto;
  right: 24px;
}

.add-video label {
  margin-bottom: 6px;
  display: block;
}

.add-video .custom-input {
  font-size: 14px;
  width: 450px;
  display: block;
  margin: 0 0 14px;
}

.add-video > div {
  padding: 20px;
  background-color: white;
  z-index: 700;
  position: relative;
}

.add-video A.btn {
  margin-right: 8px;
}

.add-video .error {
  color: #FB5A3C;
  display: inline-block;
}

.wysiwyg__photo-video-body .c-select__popup-scroll {
  display: none;
  right: 4px;
  top: 4px;
  bottom: 4px;
}

.wysiwyg__photo-video .got-scrollbar .wysiwyg__photo-video-txt {
  width: 100px;
}

.got-scrollbar .c-select__popup-scroll {
  display: block;
}

.wysiwyg__photo-video-body .scroll-body {
  max-height: 330px;
  overflow: hidden;
}

.photo-block__nav li {
  margin-right: 2px;
}

.photo-gallery-inline .photo-mainnav-fullscreen {
  display: none;
  right: 13px;
}

.photo-gallery-inline .photo-block__photo:hover .photo-mainnav-fullscreen {
  display: block;
}

.photo-block__photo__arrow-nav .icon-img {
  top: 50%;
}

.photo-gallery-inline .photo-block__photo__arrow-nav.right SPAN {
  right: 20px;
}

.photo-gallery-inline .photo-block__photo {
  margin: 0 auto;
}

.photo-gallery-inline .photo-block__photo__arrow-nav {
  width: 200px;
}

.photo-gallery-inline .photo-block__photo__arrow-nav SPAN {
  display: none;
}

.photo-gallery-inline .photo-block__photo__arrow-nav:hover SPAN {
  display: block;
}

.photo-gallery-inline .photo-scroll-frame {
  height: 48px;
  overflow: hidden;
  width: 550px;
}

.select-city-list {
  list-style-type: none;
  padding: 0 0 0 1%;
}

.select-city-list LI {
  width: 24.5%;
  display: inline-block;
  margin: 0 0 4px;
  padding: 0;
  vertical-align: top;
}

.select-city-list LI A {
  text-decoration: none;
  display: block;
  padding-left: 23px;
  margin-bottom: 4px;
}

.select-city-list LI.special A {
  font-weight: bold;
  color: black;
}

.select-city-list H3 {
  margin-bottom: 3px;
}

.select-city-list .country {
  padding-bottom: 8px;
}

.window-select-city {
  background: url("/img/content-bg.png") repeat scroll 0 0 #EFEFEF;
  left: 50%;
  margin: 0 0 0 -490px;
  padding: 3px 0 9px;
  position: absolute;
  top: 125px;
  width: 980px;
  z-index: 1010;
  border-radius: 2px;
}

input.search-input.afisha {
  margin: 4px 10px 0 10px;
}

.afisha-margin .check-list {
  padding-left: 14px;
}

.afisha-margin .check-list LI A {
  padding: 6px 9px;
}

.afisha-header .schedule2-nav__i {
  margin-left: 10px;
}

.search-snippet-afisha {
  overflow: hidden;
  font-family: Cuprum, Arial, sans-serif;
  padding: 4px 4px;
  cursor: pointer;
  position: relative;
}

.search-snippet-afisha DIV {
  loat: left;
  eight: 22px;
  ine-height: 22px;
  display: inline;
}

.search-snippet-afisha .flyer {
  position: absolute;
  display: block;
  margin-top: 4px;
}

.search-snippet-afisha .flyer IMG {
  height: 36px;
  margin: 0 auto;
}

.search-snippet-afisha .datetime {
  font-size: 11px;
  margin-right: 4px;
  ine-height: 23px;
}

.search-snippet-afisha .title {
  font-size: 15px;
  font-weight: bold;
  margin-right: 6px;
  text-transform: uppercase;
}

.search-snippet-afisha .where {
  color: #888888;
}

.search-snippet-afisha:hover,
.search-snippet-afisha.active {
  background-color: #d9dddf;
}

.search-snippet-afisha .hilite {
  color: #FB5A3C;
  margin-left: 0;
}

.search-snippet-afisha .container {
  float: left;
  display: block;
  margin-left: 34px;
}

.search-snippet-afisha .styles {
  position: relative;
  padding-left: 14px;
}

.search-snippet-afisha .styles .icon-img {
  background-position: -15px -150px;
}

.search-snippet-afisha .icon-img {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 1px;
  left: 0px;
}

.afisha-header .c-select__popup_state_scroll {
  margin-left: 10px;
  margin-top: 5px;
  width: 700px;
}

.afisha-header .c-select__popup_state_scroll UL {
  padding: 6px 4px;
}

.afisha-header .c-select__popup-body {
  max-height: none;
}

.afisha-header .c-select__popup-wrapper {
  max-height: none;
}

.form-search-afisha .submit {
  width: 40px;
  height: 40px;
  position: absolute;
  margin-left: 250px;
  margin-top: 4px;
  z-index: 20;
  opacity: 0;
}

.afisha-header .content .more-results A {
  text-align: center;
  font-size: 12px;
  width: 700px;
  display: block;
  border-top: 1px dashed silver;
  margin-top: 8px;
  padding-top: 6px;
  margin-left: 6px;
}

.city-select-block {
  display: block;
  margin-top: 14px;
  float: left;
}

.add-afisha .time-reminder {
  background-color: #ffb500;
  font-family: Cuprum, Arial, sans-serif;
  position: absolute;
  font-size: 14px;
  padding: 2px 8px;
  border-radius: 2px;
  margin-left: 66px;
  margin-top: -2px;
  white-space: nowrap;
  text-transform: uppercase;
}

.event-music .track-list__i {
  margin: 0;
}

.event-date {
  padding-right: 9px;
}

.track__author-popup {
  text-indent: 0;
}

.event-djs nobr {
  position: relative;
}

.custom-input-ref {
  position: relative;
}

.file-upload-overlay {
  cursor: pointer !important;
}

.add-photo-gallery {
  right: 0px;
  margin-top: 44px;
  left: auto;
  display: none;
  width: 638px;
}

.add-photo-gallery:before {
  left: auto;
  right: 44px;
}

.add-photo-gallery label {
  margin-bottom: 6px;
  display: block;
}

.add-photo-gallery .custom-input {
  font-size: 14px;
  width: 350px;
  display: block;
  margin: 0 0 14px;
}

.add-photo-gallery > div {
  padding: 20px;
  background-color: white;
  z-index: 700;
  position: relative;
}

.add-photo-gallery A.btn {
  margin-right: 8px;
}

.photo-gallery-add-elem {
  border: 1px dashed #ACB7BD;
  cursor: pointer;
  height: 50px;
  width: 75px;
  position: relative;
  display: block;
  border-radius: 6px;
  padding-bottom: 0;
  float: left;
  margin: 0 6px 6px 0;
}

.photo-gallery-add-elem DIV {
  width: 75px;
  height: 50px;
}

.add-photo-gallery UL {
  margin: 0;
  padding: 10px;
  list-style-top: none;
  overflow: hidden;
}

.photo-gallery-add-elem:after {
  background: url("/img/icons.png") no-repeat scroll -565px -277px transparent;
  content: "";
  height: 40px;
  left: 50%;
  margin: -17px 0 0 -17px;
  position: absolute;
  top: 50%;
  width: 69px;
}

.add-photo-gallery UL LI.photo-item {
  display: block;
  float: left;
  margin: 0 6px 6px 0;
  border: 1px dashed #ACB7BD;
  border-radius: 4px;
  width: 75px;
  height: 50px;
  padding-bottom: 0;
  position: relative;
}

.add-photo-gallery .scroll-body {
  overflow-y: auto;
  max-height: 228px;
  width: 620px;
}

.add-photo-gallery .scroll-master-frame {
  overflow-x: hidden;
  width: 600px;
}

.add-photo-gallery .gallery-upload-zone {
  position: relative;
}

.add-photo-gallery .c-select__popup-scroll {
  right: -13px;
}

.add-photo-gallery hr {
  border-top: 1px dashed #ACB7BD;
  border-bottom: 0px solid black;
  margin-bottom: 12px;
}

.add-photo-gallery .progress-body {
  vertical-align: middle;
  display: inline-block;
  position: absolute;
  width: 67px;
  top: 23px;
  left: 5px;
  height: 4px;
  background: #a9b7c0;
  border-top: 1px solid #93a0a8;
  border-radius: 2px;
}

.add-photo-gallery .progress-range {
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  height: 5px;
  background: #ffc300;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmFiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffc300), to(#ffab00));
  background: linear-gradient(to bottom, #ffc300 0%, #ffab00 100%);
  /* W3C */
  border-radius: 2px;
}

.ie8 .add-photo-gallery .progress-range {
  background: #ffb900;
}

.add-photo-gallery .photo-item .delete {
  width: 19px;
  height: 19px;
  right: 2px;
  top: 2px;
  cursor: pointer;
  position: absolute;
  background: url(/img/icons.png);
  background-position: -23px -510px;
  background-color: white;
  border-radius: 19px;
  display: none;
  border: 1px solid white;
}

.add-photo-gallery .photo-item:hover .delete {
  display: block;
  z-index: 15;
}

.add-photo-gallery .photo-item .info-window {
  position: absolute;
  left: -6px;
  top: -6px;
  width: 333px;
  height: 60px;
  border-radius: 6px;
  background-color: white;
  z-index: 30;
  border: 1px solid #888888;
}

.add-photo-gallery .photo-item .info-window textarea {
  margin-left: 85px;
  margin-top: 5px;
  width: 199px;
  height: 27px;
  z-index: 20;
  font-size: 12px;
}

.add-photo-gallery .photo-item .item-photo {
  z-index: 10;
  position: absolute;
}

.add-photo-gallery .photo-item .delete-inner {
  width: 19px;
  height: 19px;
  right: 4px;
  top: 4px;
  cursor: pointer;
  position: absolute;
  background: url(/img/icons.png);
  background-position: -23px -510px;
}

.add-photo-gallery .photo-item .ok-inner {
  width: 19px;
  height: 19px;
  right: 4px;
  top: 26px;
  cursor: pointer;
  position: absolute;
  background: url(/img/icons.png);
  background-position: 0px -510px;
}

.add-photo-gallery .photo-item .info-window.right {
  left: auto;
  right: -6px;
}

.add-photo-gallery .photo-item .info-window.right textarea {
  margin-left: 6px;
}

.add-photo-gallery .photo-item .right .ok-inner,
.add-photo-gallery .photo-item .right .delete-inner {
  right: 84px;
}

#zzmce_19 {
  float: right;
}

.review-intro {
  max-height: 32px;
  overflow: hidden;
}

.no-link {
  text-decoration: none;
}

.nav-icon .nav-icon__dropdown {
  left: auto;
  right: -26px;
}

.dropdown__body {
  border-radius: 3px;
}

.poster__info-i_type_map a.white-link {
  color: white;
}

.performing {
  margin-bottom: 20px;
  padding: 0 17px;
}

.performing NOBR {
  position: relative;
  display: inline-block;
}

.performing NOBR > A {
  color: #3a3f44;
  margin-right: 10px;
  font-family: Cuprum;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.performing NOBR IMG {
  margin-right: 4px;
}

.performing NOBR > A:hover {
  color: #ffbf00;
  text-decoration: underline;
}

.performing A.vip:before {
  display: inline-block;
  content: '';
  width: 11px;
  height: 10px;
  background: url(/img/icons.png) -156px 0 no-repeat;
  margin-right: 5px;
}

.photo-viewer-fullscreen__img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: none;
  max-height: none;
}

.photo-mainnav-fullscreen {
  z-index: 160;
  display: none;
}

.photo-show-block:hover .photo-mainnav-fullscreen {
  display: block;
}

.pgs__flaot-hover {
  cursor: pointer;
}

.marka {
  position: relative;
}

.bill-table-tbody-summ .marka {
  border-bottom: 1px dashed #353e47;
}

.bill-profile-price .marka {
  border-bottom: 1px dashed #FFBD00;
}

.yellow .marka {
  border-bottom: 1px dashed #FFBD00;
}

.hint-marka {
  right: 0px;
  margin-top: 10px;
  left: auto;
}

.marka-text {
  width: 300px;
  padding: 10px 20px;
  background-color: white;
  line-height: 16px;
}

.marka-text P {
  font-size: 13px;
  color: #3a3f44;
  font-weight: normal;
  font-style: normal;
}

.atari-dialog:before {
  z-index: -1;
}

.comment-block-overflow {
  max-height: 300px;
}

.photo-block-s {
  position: relative;
}

.person-search {
  line-height: 16px;
}

.photo-block-s {
  margin-top: 20px;
  padding-top: 0px;
}

.photo-viewer-fullscreen__bottom {
  z-index: 210;
}

.photo-viewer-fullscreen .pbs__right {
  display: none;
  margin-left: inherit;
  position: absolute;
  right: 0;
  z-index: 200;
  width: 375px;
  height: 100%;
  margin-top: 0px;
  background-color: #444444;
  padding: 20px;
  text-align: left;
}

.got-comments .pbs__right {
  display: block;
}

.photo-complaint-popup {
  width: 500px;
  margin-left: -250px;
}

.photo-complaint-popup TEXTAREA {
  width: 437px;
  height: 90px;
}

.photo-complaint-popup .error-status {
  color: #FF0000;
  margin-top: 10px;
}

.download-options-popup {
  padding: 10px;
  background-color: white;
}

.download-options-popup A {
  display: block;
}

.download-options-popup A:hover {
  border-bottom: 1px dotted;
}

.photo-show-block A {
  outline: none;
}

.avatar-cutter-popup {
  width: 1000px;
  margin-left: -500px;
}

.avatar-cutter-popup .cut-zone img {
  ax-width: 600px;
  ax-height: 500px;
  display: block;
}

.avatar-cutter-popup .avatar-200x {
  width: 200px;
  border: 1px solid gray;
  overflow: hidden;
  position: relative;
}

.avatar-cutter-popup .avatar-200x IMG {
  display: block;
  position: absolute;
}

.avatar-cutter-popup .avatar-80x80 {
  width: 80px;
  height: 80px;
  border: 1px solid gray;
  overflow: hidden;
  position: relative;
}

.avatar-cutter-popup .avatar-80x80 IMG {
  display: block;
  position: absolute;
}

.avatar-cutter-popup A.btn {
  margin-top: 10px;
}

.avatar-cutter-popup .jcrop-vline,
.avatar-cutter-popup .jcrop-hline {
  background: #ffbe00;
  font-size: 0;
  position: absolute;
}

.avatar-cutter-popup .jcrop-vline {
  height: 100%;
  width: 2px !important;
}

.avatar-cutter-popup .jcrop-vline.right {
  right: 0;
}

.avatar-cutter-popup .jcrop-hline {
  height: 2px !important;
  width: 100%;
}

.avatar-cutter-popup .jcrop-hline.bottom {
  bottom: 0;
}

/* Invisible click targets */

.avatar-cutter-popup .jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}

/* Selection Handles */

.avatar-cutter-popup .jcrop-handle {
  background-color: #ffffff;
  border: 1px #ffffff solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
  border-radius: 7px;
}

.gallery-club-border {
  border: 1px dashed #acb7bd;
  margin-left: -15px;
  width: 680px;
  border-radius: 8px;
  background-color: #f8f8f8;
  padding: 15px;
  margin-bottom: 15px;
}

.gallery-club-border .city-info {
  float: left;
  width: 200px;
  margin-right: 20px;
}

.gallery-club-border .info {
  color: #acb7bd;
  width: 680px;
  z-index: 100;
  margin-bottom: 12px;
}

.gallery-club-border .styles-container {
  margin-right: 0;
}

.gallery-club-border .form-notice__body {
  top: 1px;
  width: 400px;
}

.photo-add-new-album-create .name-info {
  color: #acb7bd;
  ont-size: 80%;
  display: block;
}

.related-afisha-events {
  width: 670px;
}

.search-snippet-afisha .style-item__ctrl {
  height: 100%;
  display: none;
}

.search-snippet-afisha.active .style-item__ctrl {
  display: block;
}

.img-added-list-form .photo-item .delete {
  width: 19px;
  height: 19px;
  right: 2px;
  top: 2px;
  cursor: pointer;
  position: absolute;
  background: url(/img/icons.png);
  background-position: -23px -510px;
  background-color: white;
  border-radius: 19px;
  display: none;
  border: 1px solid white;
}

.img-added-list-form .photo-item:hover .delete {
  display: block;
  z-index: 15;
}

.white {
  color: white;
}

.red {
  color: #ff0000;
}

.reddish {
  color: #fb5a3c;
}

.photo-mark-list .its_me,
.photo-mark-list .its_mine {
  padding-right: 30px;
  position: relative;
}

.photo-mark-list .delete {
  width: 19px;
  height: 19px;
  right: 2px;
  top: 2px;
  cursor: pointer;
  position: absolute;
  background: url(/img/icons.png);
  background-position: -23px -510px;
  background-color: white;
  border-radius: 19px;
  display: block;
  border: 1px solid white;
}

.mark-delete {
  padding: 10px;
  background-color: white;
  border-radius: 4px;
  idth: 150px;
}

.mark-delete A {
  text-decoration: none;
  white-space: nowrap;
  display: block;
  line-height: 19px;
}

.mark-delete A SPAN {
  border-bottom: 1px dashed;
}

.photo-popup-add-pers .error-status {
  padding: 10px;
  width: 180px;
  font-size: 13px;
}

.marked-for-deletion {
  background-color: #ff0000;
  color: white;
}

.interview .photo-block {
  margin-left: 137px;
}

.avatar40 {
  width: 40px;
  height: 40px;
  border-radius: 2px;
}

.avatar60 {
  width: 60px;
  height: 60px;
  border-radius: 2px;
}

.avatar60w {
  width: 60px;
  border-radius: 2px;
}

.avatar60wb {
  width: 60px;
  border-radius: 2px;
  border: 1px solid #aaaaaa;
}

.avatar18 {
  width: 18px;
  height: 18px;
}

.avatar40 {
  width: 30px;
  height: 30px;
}

.blog-post__comments__i * {
  display: inline;
}

.blog-post__content.cut-short {
  max-height: 200px;
  overflow: hidden;
}

.blog-post__content .read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 30px 0;
  background-image: -o-linear-gradient(top, transparent, #efefef);
}

.main-feed-list__i .news-image {
  float: left;
  margin-right: 20px;
}

.review-section .interview_p {
  margin-left: 40px;
}

.review-section .photo-block {
  margin-left: 120px;
}

.review-section H4 {
  font-family: Cuprum;
  font-size: 22px;
  font-weight: normal;
  padding: 0;
  margin: 60px 0 20px 40px;
}

.review-section h4 .price-arrow,
.review-section h4 .price-sum {
  margin-top: -2px;
}

.taggable SPAN.primary {
  border: 1px solid red;
  margin: 8px 0 0 6px;
}

.is-my-status {
  cursor: pointer;
}

.is-my-status textarea {
  height: 46px;
  font-size: 13px;
}

.is-my-status A.btn {
  margin: 10px 10px 0 0;
  border-bottom: 0px solid;
}

.main-feed-list__i .news-image {
  display: inline-block;
  position: relative;
  z-index: 5;
}

.main-feed-list__i .news-image img {
  border: 3px solid white;
}

.main-feed-list__i .news-image:after {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 8px;
  left: 5px;
  right: 5px;
  height: 30px;
  border-radius: 0 0 15% 15% / 0 0 50px 50px;
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.3);
}

.color-control {
  padding: 5px 12px;
}

.color-control .custom-input {
  font-size: 16px;
  height: 22px;
  width: 51px;
  margin-right: 8px;
  padding: 1px 3px 2px 16px;
  font-family: Cuprum;
}

.color-control .input-mark {
  font-family: Cuprum;
  position: absolute;
  margin-left: 7px;
  margin-top: 5px;
  z-index: 5;
  color: #888888;
}

.edit-elem__menu-i_icon_color .input-ctrl {
  margin-right: 5px;
  width: 19px;
  height: 19px;
  top: 0px;
}

.edit-elem__menu-i_icon_color .remove-color {
  top: -2px;
  margin-left: 4px;
}

.color-control .icon-color-sample {
  border: 1px solid black;
  background: none;
  height: 16px;
  width: 14px;
  top: 6px;
}

.edit-elem__menu-i_icon_color .icon-color {
  background: none;
  border: 1px solid black;
  width: 14px;
  height: 16px;
  top: 4px;
}

.stream-comment-block TEXTAREA {
  padding-left: 12px;
}

.stream-repost-block TEXTAREA {
  padding-left: 12px;
}

.stream-repost-block .enter-hint {
  position: absolute;
}

.main-feed-content__inner-comment A.active {
  background-color: #d8dddf;
  border-radius: 20px;
  margin: -4px -10px -4px 2px;
  padding: 4px 10px;
  color: #57A1C7;
  border-bottom: 0px;
  outline: none;
}

.preload-images {
  position: absolute;
  margin-left: -10000px;
}

.loading-button {
  isplay: inline-block;
  eight: 100%;
  idth: 100%;
  -webkit-box-ordinal-group: 2;
          order: 1px solid #ff9a1a;
  border-bottom-color: #ff6201;
  background-color: #e3e3e3;
  border-radius: 20px;
  -ebkit-box-sizing: border-box;
  -oz-box-sizing: border-box;
  -s-box-sizing: border-box;
  ox-sizing: border-box;
  background-image: linear-gradient(-45deg, #ffbf00 25%, transparent 25%, transparent 50%, #ffbf00 50%, #ffbf00 75%, transparent 75%, transparent);
  -ms-background-size: 10px 10px;
  background-size: 10px 10px;
  -webkit-animation: move 2s linear infinite;
  animation: move 3s linear infinite;
  border-radius: 20px;
  overflow: hidden;
  -ms-box-shadow: inset 0 10px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 10px 0 rgba(255, 255, 255, 0.2);
}

@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 50px 50px;
  }
}

@keyframes move {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 50px 50px;
  }
}

.error-message {
  color: #FB5A3C;
}

.main-feed-list .post-settings {
  float: right;
  cursor: pointer;
}

.stream-new-posts {
  display: none;
  text-align: center;
  z-index: 1300;
  margin: -27px 0 -10px 0;
}

.stream-new-posts A {
  display: inline-block;
  padding: 3px 7px 2px;
  line-height: 20px;
  text-decoration: none;
  font-size: 14px;
  color: #3a3f44;
  background: #ffc700;
  border-radius: 2px;
  text-transform: uppercase;
  font-family: Cuprum, Arial;
  text-shadow: 0 1px 1px white;
}

.open-hidden-items {
  display: inline-block;
  padding: 3px 20px 2px;
  line-height: 20px;
  text-decoration: none;
  font-size: 14px;
  color: white;
  background-color: #57a1c7;
  margin-left: 70px;
  margin-bottom: -1px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  text-transform: uppercase;
  font-family: Cuprum, Arial;
  text-shadow: 0 1px 1px #888;
}

.main-feed-list .post-settings .icon-img {
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  opacity: 0.3;
}

.main-feed-list .post-settings:hover .icon-img {
  opacity: 1;
}

.main-feed-list .moderated-post {
  padding: 10px;
  margin-bottom: 20px;
}

.main-feed-content__header .user-icon {
  margin-right: 2px;
  vertical-align: top;
  margin-top: 5px;
}

.main-feed-list .repost-quote {
  padding: 10px 15px 2px;
}

.main-feed-list .track-short-info {
  padding: 15px 10px 0;
  font-size: 13px;
}

.main-feed-list .expandable-text {
  display: none;
}

.main-feed-list .short-post-text {
  adding-left: 6px;
  ont-size: 13px;
}

.main-feed-list .short-post-text P {
  ont-size: 13px;
  argin-bottom: 6px;
  ine-height: 18px;
}

.main-feed-list .comments__i-rate {
  float: none;
  top: 0;
}

.main-feed-list .comments__i-rate-ctrl {
  top: 0;
}

.main-feed-list .comments__i-rate.plus .rate {
  color: #71c94a;
}

.main-feed-list .comments__i-rate.minus .rate {
  color: #b81540;
}

.main-feed-list .comments__i-rate-ctrl_type_minus.voted-here {
  color: #ff512b;
}

.main-feed-list .comments__i-rate-ctrl_type_plus.voted-here {
  color: #94dc64;
}

.main-feed-list .user-icon.dj {
  background-position: -12px -176px;
}

.main-feed-list .user-icon.musician {
  background-position: -39px -164px;
}

.main-feed-list .user-icon.vip {
  background-position: -0px -148px;
}

.main-feed-list .main-feed-content__header,
.main-feed-list .main-feed-avatar {
  position: relative;
}

.main-feed-list .blog-post__comments__i .avatar18 {
  margin-right: 4px;
}

.main-feed-list .blog-post__comments__i {
  text-indent: -26px;
  padding-left: 26px;
}

.only-mobile {
  display: none;
}

.crocodile {
  display: none;
  position: fixed;
  width: 88%;
  height: 100%;
  margin-left: -90%;
  argin-left: 0%;
  top: 0;
  background-color: #3a434c;
  z-index: 666;
  border-right: 2px solid #6a838c;
}

.crocodile .info-block {
  padding: 14px 20px;
  font-family: Cuprum;
  font-size: 17px;
}

.crocodile .user-name .icon-img {
  background-position: -585px -347px;
  width: 14px;
  height: 16px;
}

.crocodile .fullscreen {
  color: #ffc104;
  margin-bottom: 16px;
}

.crocodile .fullscreen .icon-img {
  background-position: -537px -347px;
  width: 16px;
  height: 16px;
}

.crocodile .user-name {
  color: #ffc104;
  margin-bottom: 16px;
}

.crocodile .separator {
  border-bottom: 0px solid;
  border-top: 1px solid #888888;
}

.crocodile .site-menu {
  list-style-type: none;
  position: relative;
  padding: 0;
  margin: 0 0 16px;
  overflow: hidden;
  text-transform: uppercase;
}

.crocodile .site-menu > LI {
  width: 50%;
  padding: 0;
  margin: 0 0 8px;
  color: white;
  float: left;
  font-size: 16px;
  eight: 30px;
}

.crocodile .site-menu > LI > A {
  color: white;
  text-decoration: none;
  line-height: 16px;
  display: block;
}

.crocodile .separator {
  margin-bottom: 16px;
}

.crocodile .now-playing {
  line-height: 18px;
  display: none;
}

.crocodile .now-playing P {
  color: #78848a;
  font-size: 16px;
  margin-bottom: 6px;
}

.crocodile .now-playing .cover {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 3px;
  float: left;
  margin-right: 10px;
  padding-top: 2px;
}

.crocodile .now-playing .track-info {
  margin-left: 60px;
}

.crocodile .now-playing .cover IMG {
  width: 50px;
  height: 50px;
}

.crocodile .now-playing .author A {
  color: white;
  font-size: 15px;
}

.crocodile .now-playing .song-name A {
  color: #57a1c7;
  font-size: 15px;
  display: block;
}

.main-nav {
  width: 1230px;
  margin: 0 10px;
  -webkit-transition: width 0.2s linear, margin 0.2s linear;
  transition: width 0.2s linear, margin 0.2s linear;
}

.top-nav-floater {
  position: fixed;
  top: -2px;
  width: 1250px;
  margin: 0 -1px;
  z-index: 600;
  -webkit-transition: width 0.2s linear, margin 0.2s linear;
  transition: width 0.2s linear, margin 0.2s linear;
  box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.8);
  -moz-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.8);
  -webkit-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.8);
}

.stop-nav-floater:before {
  content: "";
  width: 1250px;
  height: 5px;
  margin-top: 28px;
  margin-left: 0px;
  display: block;
  position: absolute;
  box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.8);
  -moz-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.8);
  -webkit-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.8);
}

.top-nav-is-floating {
  margin-top: 25px;
  padding-top: 15px;
}

.main-feed-avatar-mobile {
  display: none;
}

.site-pulse {
  width: 36px;
  height: 36px;
  background-position: -562px -371px;
  cursor: pointer;
  margin-right: 4px;
  margin-top: -1px;
}

.site-pulse:hover,
.site-pulse.active {
  background-position: -519px -371px;
}

.tream-new-posts {
  position: absolute;
  padding: 10px 20px;
  margin-left: -230px;
  margin-top: -27px;
  width: 200px;
  left: 50%;
  z-index: 1024;
  display: none;
  /*
    border-radius: 30px;
    background-color: #ffbf00;
    color: black;
    cursor: pointer;
    font-family: Cuprum;
    text-transform: uppercase;
    text-align: center;
    */
}

.subscribe-dialog {
  padding: 6px;
  background-color: white;
  border-radius: 4px;
  width: 150px;
}

.subscribe-dialog A {
  text-decoration: none;
  white-space: nowrap;
  display: block;
  line-height: 19px;
  text-align: left;
  text-transform: none;
}

.subscribe-dialog A SPAN {
  border-bottom: 1px dashed;
}

.subscribe-frame {
  float: right;
  position: relative;
}

.subscribe-frame .edit-elem__dropdown {
  width: 250px;
  padding: 0;
}

.subscribe-options {
  padding: 0 14px 10px;
}

.subscribe-options LI {
  margin-bottom: 4px;
}

.subscribe-frame LI A {
  outline: none;
}

.subscribe-options LI LABEL {
  width: 100%;
}

.subscribe-options A.btn {
  margin-right: 10px;
}

.tream-new-posts:active {
  margin-top: -26px;
}

.stream-new-posts.paradigm-shifted {
  margin-top: 0;
  position: fixed;
  top: 38px;
  width: 100%;
  max-width: 935px;
}

.post-edit-zone TEXTAREA.edit-post {
  display: block;
  width: 600px;
  margin-bottom: 10px;
  height: 50px;
  font-size: 13px;
}

.post-edit-zone A.btn {
  margin-right: 10px;
}

.post-edit-zone {
  margin-bottom: 6px;
}

.nav-icon__i_type_stream .icon-img {
  background-position: -168px -129px;
}

.nav-icon__i_type_stream:hover .icon-img {
  background-position: -193px -129px;
}

.main-feed-list__i-advertising {
  display: block;
  width: 728px;
  height: 90px;
  margin: 0 auto 22px;
}

.main-feed-content__inner-blog {
  overflow: hidden;
}

.main-feed-content__inner-blog .intro {
  font-weight: bold;
  margin-bottom: 6px;
  color: #888888;
}

.main-feed-content__inner-blog .news-image {
  margin-bottom: 16px;
  margin-right: 20px;
}

.stream-photomark {
  position: relative;
}

.stream-photomark .spotterMark {
  left: 0px;
  top: 0px;
}

.main-feed-list__i.promo {
  background: none repeat scroll 0 0 #fcfcfc;
  border-radius: 3px;
  margin: 0 -10px 22px;
  position: relative;
  padding: 18px 10px;
  z-index: 9;
}

.main-feed-list__i.promo:before {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 50%;
  bottom: 0;
  box-shadow: 0 0px 10px 1px rgba(119, 119, 119, 0.8);
  content: "";
  display: block;
  height: 5px;
  left: 5%;
  position: absolute;
  width: 90%;
  z-index: -1;
}

.main-feed-list__i.promo .separator {
  margin: 0;
  position: relative;
  bottom: -30px;
}

.main-feed-list__i.promo:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fcfcfc;
  height: 30px;
  left: 0;
  z-index: 0;
}

.stream-single-comment {
  font-size: 13px;
  position: relative;
  margin: 0;
  padding: 3px 0 3px 3px;
}

.stream-single-comment span.comment-time {
  margin-left: 6px;
  vertical-align: top;
  display: inline-block;
  margin-top: -1px;
}

.stream-single-comment span.comment-time a {
  margin-left: 6px;
  border-bottom: 1px dotted;
  text-decoration: none;
  font-size: 11px;
}

.stream-single-comment:hover {
  background-color: #e8eaeb;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.stream-single-comment .text-block {
  padding: 0 65px 0 42px;
}

.stream-single-comment .avatar {
  width: 32px;
  height: 32px;
  position: absolute;
  border: 1px solid #BBBBBB;
  border-radius: 2px;
  top: 4px;
}

.stream-single-comment * {
  vertical-align: middle;
}

.stream-single-comment .time {
  color: #aeb8bc;
  display: block;
  font-size: 11px;
}

.stream-single-comment .text {
  color: #383e45;
}

.stream-single-comment .ratingBox {
  position: absolute;
  right: 0px;
  display: none;
}

.stream-single-comment .ratingBox.plus,
.stream-single-comment .ratingBox.minus,
.stream-single-comment:hover .ratingBox {
  display: block;
}

.stream-post-likes {
  list-style-type: none;
  margin: 0 0 4px 6px;
  padding: 0;
  display: inline-block;
  vertical-align: bottom;
}

.stream-post-likes LI {
  display: inline-block;
  margin: 0 2px 0 0;
}

.faces-info {
  cursor: pointer !important;
}

.liked-list-popup {
  position: fixed;
}

.users-main-list__name {
  margin-left: 13px;
  text-indent: -15px;
  max-width: 144px;
}

.page-nav-bot__i.inactive A {
  text-decoration: none;
  color: #353e47;
}

.user-liked-list__inner {
  width: 248px;
}

.liked-list-popup {
  width: 800px;
  margin-left: -400px;
}

.more-likes {
  font-size: 12px;
  margin-bottom: 8px;
  vertical-align: bottom;
  display: inline-block;
}

.top100-users-list__i__avatar {
  width: 80px;
}

.btn_style_3 {
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 1px #a47506;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-color: #ff4f00;
}

.btn_style_3:hover {
  color: white;
  background-color: #ff534b;
}

.focused.comment-wtite-custom-input-wrap:after {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted 9;
  /* IE6-9 */
  box-shadow: inset 0 1px 1px #e7e9eb, 0 0 5px rgba(82, 168, 236, 0.6);
}

.comment-wtite-custom-input-wrap:after {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

.short-post-block {
  padding-left: 10px;
}

.short-post-block .cancel-comment {
  margin-left: 8px;
}

.short-post-attachments {
  display: inline-block;
  border-radius: 2px;
}

.single-post .attached {
  margin-bottom: 20px;
}

.short-post-attached .moving-tab .icon-img {
  position: absolute;
  left: 7px;
  top: 5px;
}

.single-post .attachment-switcher {
  display: none;
}

.short-post-attached .moving-tab {
  width: 35px;
  height: 27px;
  margin-left: -56px;
  margin-top: -24px;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: #f9fafa;
  cursor: pointer;
  position: absolute;
  display: none;
}

.main-feed-content__header__time A {
  color: #adb7bc;
  text-decoration: none;
}

.main-feed-content__header__time A:hover {
  text-decoration: underline;
}

.multiple-attachments .short-post-attached .moving-tab {
  display: block;
}

.short-post-attachments .attachment-switcher {
  position: absolute;
  margin-left: -30px;
  width: 40px;
  margin-top: 10px;
}

.short-post-attachments .attachment-switcher .tab .icon-img {
  position: absolute;
  left: 7px;
  top: 5px;
}

.short-post-attachments .attachment-switcher .tab {
  width: 35px;
  height: 27px;
  margin-bottom: 3px;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: #dbdcdd;
  cursor: pointer;
  position: relative;
}

.edit-mode .short-post-attachments .attachment-switcher {
  display: none;
}

.short-post-attachments .attachment-switcher .tab.active {
  background-color: white;
}

.short-post-attachments .attachment-switcher .icon-img {
  cursor: pointer;
}

.short-post-attachments .attached IFRAME,
.short-post-attachments .short-post-attached IFRAME {
  max-width: 600px;
}

.short-post-attachments .video-preview {
  max-width: 480px;
  max-height: 270px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.short-post-attachments .video-preview .video-title {
  width: 100%;
  position: absolute;
  top: 0;
  box-sizing: border-box;
  padding: 4px 8px;
  color: white;
  font-size: 13px;
  font-family: Cuprum;
  background: rgba(0, 0, 0, 0.3);
}

.short-post-attachments .video-preview IMG {
  max-width: 480px;
}

.short-post-attachments .video-preview:after {
  content: '';
  width: 64px;
  height: 64px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjM1LjU5MiA4LjExNiAxNDYuMzQ2IDE0Ni4zNDYiPjxjaXJjbGUgZmlsbD0iIzJDM0M0NCIgY3g9IjEwOC43NjUiIGN5PSI4MS4yODkiIHI9IjczLjE3MyIvPjxwYXRoIGZpbGw9IiNGOEJBMzIiIGQ9Ik0xNDUuNjE4IDc3LjE2NGwtNTIuOTUtMzQuOTljLTMuMTk0LTEuNzMtNi43ODYtMS41OTctNi43ODYgNC42NTZ2NjkuMDVjMCA1LjcyIDMuODU4IDYuNjUgNi43ODUgNC42NTVsNTIuOTUtMzQuOTljMi4yNjItMi4zOTQgMi4yNjItNi4xMiAwLTguMzgiLz48L3N2Zz4=);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -32px;
  top: 50%;
  margin-top: -32px;
}

.short-post-attachments .attached {
  display: none;
  background-color: white;
  padding: 10px;
  z-index: 1;
  position: relative;
}

.short-post-attachments .poster__i {
  margin: 10px;
}

.short-post-attachments .attached .main-feed-list__i {
  width: 100%;
}

.short-post-block .upload-photo {
  float: right;
  margin-right: 4px;
}

.short-post-block .comment-wtite-custom-input-wrap {
  margin-bottom: 0px;
  width: 97%;
}

.short-post-block .custom-input {
  height: 18px;
  width: 100%;
  padding-left: 12px;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
}

.short-post-attached .track-list__i {
  margin-left: 0;
}

.short-post-attached .track-list__i .track {
  margin-bottom: 0;
}

.short-post-block .avatar40 {
  width: 40px;
  height: 40px;
}

.short-post-block .custom-input.focused {
  height: 48px;
}

.short-post-block.focused .controls {
  display: block;
}

.short-post-block .controls {
  margin-top: 12px;
  display: none;
}

.enter-social__lst {
  width: 75%;
  margin-left: 12.5%;
}

.short-post-attached {
  padding: 24px;
  display: none;
  background-color: #f9fafa;
  border-radius: 2px;
  margin: 15px 4px 0px 60px;
  position: relative;
}

.short-post-attached.shown {
  display: inline-block;
}

.short-post-attached .main-feed-list__i {
  width: auto;
}

.short-post-attached .button-close {
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
}

.short-post-attached .blog-post__content {
  margin-bottom: 0;
}

.icon-attach-move {
  background-position: -543px -416px;
  width: 16px;
  height: 16px;
}

.moving-tab:hover .icon-attach-move {
  background-position: -574px -416px;
}

.icon-attach-audio {
  background-position: -542px -443px;
  width: 16px;
  height: 16px;
}

.active .icon-attach-audio {
  background-position: -573px -443px;
}

.icon-attach-video {
  background-position: -542px -472px;
  width: 16px;
  height: 16px;
}

.active .icon-attach-video {
  background-position: -573px -472px;
}

.icon-attach-photo {
  background-position: -542px -502px;
  width: 16px;
  height: 16px;
}

.active .icon-attach-photo {
  background-position: -573px -502px;
}

.icon-attach-misc {
  background-position: -542px -532px;
  width: 16px;
  height: 16px;
}

.active .icon-attach-misc {
  background-position: -573px -532px;
}

.flyer-container {
  position: relative;
}

.flyer-container .fullscreen {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.6);
  padding: 8px;
  border-radius: 40px;
  display: none;
}

.flyer-container:hover .fullscreen {
  display: block;
}

.news-item .page-list-item-img {
  width: auto;
  max-width: 150px;
  max-height: 150px;
}

.news-item .small-prof__wrap-avatar {
  width: 150px;
  padding: 10px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  text-align: center;
}

.news-item H2 {
  padding-left: 12px;
}

.news-item .page-list-item-second-col {
  width: 500px;
}

.news-item .page-list-item-manage {
  padding-top: 0;
  width: 160px;
}

.news-item .article-stats {
  overflow: hidden;
  margin-bottom: 10px;
}

.news-item .article-stats > DIV {
  float: left;
  margin-top: 8px;
}

.news-item H2 {
  margin-top: 0;
}

.news-item .article-intro {
  font-size: 13px;
  padding-left: 12px;
}

.news-item .publish-info {
  font-size: 12px;
  padding-bottom: 16px;
}

.news-item .publish-info .published {
  color: black;
}

.news-item .publish-info .not-published {
  color: #999999;
}

.news-item .publish-info .publish-later {
  color: #ffc104;
}

.timePickable {
  z-index: 100;
}

.news-item-delayed .timePickable {
  position: absolute;
  right: 34px;
  top: 4px;
}

.news-add-form .news-item-delayed label {
  display: block;
}

.news-add-form .delayed-publish-controls {
  display: none;
}

.news-add-form .delayed-publish .delayed-publish-controls {
  display: block;
}

.news-add-form .delayed-publish .delayed-publish-checkbox > SPAN.text-description {
  visibility: hidden;
  max-width: 10px;
  overflow: hidden;
}

.news-add-form .delayed-publish-checkbox {
  position: absolute;
  z-index: 20;
  top: 11px;
  margin-left: 11px;
}

.news-add-form .delayed-publish-checkbox .text-description {
  width: 200px;
  display: inline-block;
}

.news-add-form .delayed-publish-controls .custom-input {
  width: 200px;
}

.news-add-form .delayed-publish-controls {
  top: 2px;
  position: absolute;
}

.news-add-form .custom-input.datepicker-input {
  padding-left: 35px;
}

.rich-text IFRAME {
  margin-bottom: 16px;
}

.register-window .form-sect {
  margin-left: 0px;
}

.other-news .poster__i {
  margin-left: 0;
  width: 300px;
}

.other-news .posters {
  margin-top: 16px;
}

.other-news .poster__right {
  width: 185px;
}

.buy-stuff-popup {
  position: fixed;
}

.buy-stuff-popup .price-info-block {
  background: none repeat scroll 0 0 rgba(255, 188, 0, 0.2);
  float: right;
  height: 64px;
  ine-height: 60px;
  padding: 0 18px 0 18px;
  font-size: 18px;
  width: 180px;
  box-sizing: border-box;
}

.buy-stuff-popup .price-info-block .price {
  font-size: 16px;
  font-weight: bold;
  margin: 14px 0 0;
}

.buy-stuff-popup .price-info-block .info {
  font-size: 12px;
  color: #4d5c66;
}

.buy-stuff-popup .account-status-block {
  background: none repeat scroll 0 0 #C9D3DA;
  float: right;
  font-size: 16px;
  height: 64px;
  line-height: 65px;
  padding: 0 16px;
  width: 200px;
  box-sizing: border-box;
}

.buy-stuff-popup .stuff-description {
  font-weight: bold;
  font-size: 14px;
  padding-right: 20px;
  box-sizing: border-box;
  margin-top: 16px;
}

.buy-stuff-popup .photo-info-description {
  width: 270px;
  float: left;
}

.buy-stuff-popup .photo-info {
  overflow: hidden;
  margin-bottom: 20px;
}

.buy-stuff-popup .payment-time {
  background-color: #cdd3d7;
  padding: 20px;
  overflow: hidden;
  text-align: center;
}

.buy-stuff-popup .photo-view {
  background-color: #cdd3d6;
  text-align: center;
}

.buy-stuff-popup .photo-view IMG {
  max-width: 370px;
  max-height: 370px;
  display: block;
  margin: 0 auto;
}

.buy-stuff-popup .payment-time .total-sum {
  float: left;
  width: 220px;
  text-align: left;
  font-size: 22px;
  color: #667077;
  padding-top: 4px;
}

.buy-stuff-popup .payment-time .pay-info-btn {
  width: 120px;
}

.buy-stuff-popup .separator {
  margin-bottom: 20px;
}

.buy-stuff-popup .payment-time .info {
  float: right;
  width: 180px;
  text-align: left;
  font-size: 12px;
  color: #9da6ac;
  padding-top: 6px;
}

.buy-stuff-popup .payment-time .error {
  float: right;
  width: 180px;
  text-align: left;
  font-size: 12px;
  color: #FB5A3C;
  padding-top: 6px;
  display: none;
}

.buy-stuff-popup .modal-window__h {
  margin-bottom: 25px;
}

.buy-stuff-popup .bill-window-body {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}

.buy-stuff-popup .photo-view {
  float: right;
  width: 370px;
}

.buy-stuff-popup .buy-photo-download {
  position: relative;
}

.buy-stuff-popup .buy-photo-download .photo-view {
  background: none;
  width: 500px;
  margin: 0 auto 20px;
  float: none;
}

.buy-stuff-popup .buy-photo-download .photo-view IMG {
  max-width: 470px;
}

.buy-stuff-popup .payment-time .download-info {
  float: right;
  width: 180px;
  text-align: left;
  font-size: 15px;
  padding-top: 11px;
}

.buy-stuff-popup .register-please {
  margin-bottom: 20px;
}

.buy-stuff-popup .register-please .or-login {
  float: right;
  width: 370px;
  box-sizing: border-box;
  padding-right: 20px;
}

.buy-stuff-popup .register-please .btn {
  margin-left: 20px;
  width: 140px;
}

.buy-stuff-popup .entrado-email {
  margin-bottom: 20px;
}

.buy-stuff-popup .entrado-email h3 {
  font-size: 18px;
  margin: 30px 0 20px;
}

.buy-stuff-popup .entrado-email .custom-input {
  margin: 0 auto 10px;
  display: block;
  width: 400px;
  font-size: 18px;
  text-align: center;
}

.buy-stuff-popup .entrado-email .info {
  text-align: center;
  font-size: 14px;
}

.blue-suggestive-button {
  display: inline-block;
  line-height: 20px;
  text-decoration: none;
  font-size: 14px;
  color: white !important;
  background-color: #57a1c7;
  argin-left: 70px;
  margin-bottom: -1px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  text-transform: uppercase;
  font-family: Cuprum, Arial;
  text-shadow: 0 1px 1px #888;
}

.blue-suggestive-button SPAN {
  padding: 3px 20px 3px;
  background-color: #57a1c7;
  z-index: 10;
}

.wrapping-button {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  z-index: 160;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0px;
  border-top-right-radius: 2px;
  margin-left: -5px;
}

.wrapping-button SPAN {
  padding: 5px 20px 5px;
}

.wrapping-button:before {
  ackground: #3781a7;
  position: absolute;
  left: 0px;
  bottom: -9px;
  content: "";
  display: block;
  /*
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    */
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #276187 transparent transparent;
}

.photo-frame {
  position: relative;
  display: inline-block;
}

.photo-frame IMG {
  display: block;
}

.photo-frame .writings {
  bottom: 0;
  position: absolute;
  width: 100%;
  padding: 4px 10px;
  box-sizing: border-box;
}

.photo-frame .fog-of-war {
  background-color: black;
  opacity: 0.3;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.photo-frame .title {
  color: white;
  font-family: Cuprum;
  z-index: 10;
  position: relative;
}

.icon-pro {
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAuNyA1Ny45Ij48cGF0aCBmaWxsPSIjRUQ1QzVGIiBkPSJNMTA2LjEgNTcuOUg4Yy00LjQgMC04LTIuOC04LTcuMlY5LjFDMCA0LjcgMy42IDAgOCAwaDk3LjZsMTUuMiAyOC45LTE0LjcgMjl6Ii8+PHBhdGggZD0iTTIxIDQ2LjNoLTQuNFYxMi4xYzEuNC0uMyAyLjUtLjYgMy45LS44IDEuNC0uMyAyLjgtLjMgNC4xLS4zIDEuOSAwIDMuNi4zIDUgLjZzMi41IDEuMSAzLjMgMS45Yy44LjggMS40IDIuMiAxLjkgMy45LjMgMS43LjYgMy42LjYgNS44IDAgMi41LS4zIDQuNC0uNiA2LjEtLjMgMS43LS44IDMtMS43IDMuOS0uOC44LTEuNyAxLjctMyAyLjItMS4xLjYtMi41LjYtNC4xLjYtLjggMC0xLjcgMC0yLjUtLjMtLjggMC0xLjctLjMtMi41LS4zdjEwLjl6bTMuNS0xMy41YzEuMSAwIDIuMi0uMyAzLS42LjgtLjMgMS40LS44IDEuOS0xLjQuNi0uNi44LTEuNyAxLjEtMi44LjMtMS4xLjMtMi44LjMtNC40IDAtMS43IDAtMy4zLS4zLTQuNC0uMy0xLjEtLjYtMi4yLTEuMS0yLjgtLjYtLjYtMS4xLTEuMS0xLjktMS40LS44LS4zLTEuNy0uNi0zLS42SDIxdjE4LjVoMy42di0uMXptMzUuMy05LjZjMCAxLjcgMCAzLS4zIDQuNC0uMyAxLjEtLjYgMi4yLS44IDMtLjMuOC0uOCAxLjctMS43IDIuMi0uNi42LTEuNCAxLjEtMi4yIDEuNGw2LjEgMTIuNGgtNWwtNS41LTExLjNoLTV2MTEuM0g0MVYxMi4xYzEuNC0uMyAyLjUtLjYgMy45LS44IDEuNC0uMyAyLjgtLjMgNC4xLS4zIDEuOSAwIDMuNi4zIDUgLjZzMi41IDEuMSAzLjMgMS45Yy44LjggMS40IDIuMiAxLjkgMy42LjMgMS45LjYgMy45LjYgNi4xem0tMTEgOC4yYzEuMSAwIDIuMi0uMyAzLS42LjgtLjMgMS40LS44IDEuOS0xLjQuNi0uNi44LTEuNCAxLjEtMi41LjMtMS4xLjMtMi4yLjMtMy45czAtMy0uMy00LjFjLS4zLTEuMS0uNi0xLjktMS4xLTIuOC0uNi0uNi0xLjEtMS4xLTEuOS0xLjQtLjgtLjMtMS43LS42LTMtLjZoLTMuNnYxNy4xaDMuNnptMjYuNy0yMC4xYzEuNyAwIDMuMy4zIDQuNC44IDEuNC42IDIuNSAxLjcgMy4zIDIuOC44IDEuMSAxLjcgMy4zIDIuMiA1LjUuNiAyLjIuOCA1LjIuOCA4LjVzLS4zIDYuMy0uOCA4LjVjLS42IDIuMi0xLjEgNC4xLTIuMiA1LjVzLTEuOSAyLjItMy4zIDIuOC0yLjguOC00LjQuOC0zLjMtLjMtNC40LS44Yy0xLjQtLjYtMi41LTEuNy0zLjMtMi44cy0xLjctMy4zLTIuMi01LjVjLS42LTIuMi0uOC01LjItLjgtOC41cy4zLTYuMy44LTguNWMuNi0yLjIgMS4xLTQuMSAyLjItNS41czEuOS0yLjIgMy4zLTIuOGMxLjQtLjUgMi44LS44IDQuNC0uOHptMCAzMi41Yy44IDAgMS43LS4zIDIuMi0uNi44LS42IDEuNC0xLjEgMS45LTIuMi42LTEuMSAxLjEtMi44IDEuNC00LjdzLjYtNC40LjYtNy40LS4zLTUuNS0uNi03LjQtLjgtMy4zLTEuNC00LjdjLS42LTEuMS0xLjEtMS45LTEuOS0yLjItLjgtLjYtMS43LS42LTIuMi0uNi0uOCAwLTEuNy4zLTIuMi42LS42LjMtMS40IDEuMS0xLjkgMi4ycy0xLjEgMi44LTEuNCA0LjctLjYgNC40LS42IDcuNC4zIDUuNS42IDcuNC44IDMuMyAxLjQgNC43Yy42IDEuMSAxLjEgMS45IDEuOSAyLjIuOS40IDEuNC42IDIuMi42eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
  overflow: hidden;
  background-repeat: no-repeat;
}

.pro21 {
  width: 44px;
  height: 21px;
  margin: -1px 10px 0 0px;
  vertical-align: middle;
}

.pro14 {
  width: 29px;
  height: 14px;
  vertical-align: top;
  margin: -10px 8px 0 6px;
}

.pro12 {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2OC45IDMzLjQiPjxwYXRoIGZpbGw9IiNFRDVDNUYiIGQ9Ik02MC42IDMzLjRoLTU2Yy0yLjUgMC00LjctMS45LTQuNy00Ljd2LTI0QzAgMi4yIDEuOSAwIDQuNyAwaDU1LjdsOC41IDE2LjUtOC4zIDE2Ljl6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIwLjcgNy40Yy0uNi0uNi0xLjEtMS4xLTEuOS0xLjRzLTEuOS0uMy0zLS4zYy0uOCAwLTEuNyAwLTIuNS4zLS44IDAtMS40LjMtMi4yLjZ2MjEuMmgyLjh2LTYuNnMuOC4zIDEuNC4zaDEuNGMuOCAwIDEuNyAwIDIuNS0uMy42LS4zIDEuNC0uOCAxLjctMS40LjMtLjYuOC0xLjQgMS4xLTIuNS4zLTEuMS4zLTIuMi4zLTMuOSAwLTEuNCAwLTIuOC0uMy0zLjYtLjUtMS0uOC0xLjgtMS4zLTIuNHptLTEuNCA4LjljLS4zLjgtLjMgMS40LS42IDEuNy0uMy42LS44LjgtMS4xIDEuMS0uNi4zLTEuMS4zLTEuNy4zaC0yLjJ2LTExaDEuOWMuNiAwIDEuMS0uMyAxLjcgMCAuNi4zLjguMyAxLjEuOC4zLjYuNi44LjYgMS43LjMuOC4zIDEuNy4zIDIuOC4zLjkgMCAyIDAgMi42em0xNC4zIDNjLjMtLjMuNi0uOC44LTEuNC4zLS42LjMtMS4xLjYtMS45IDAtLjguMy0xLjcuMy0yLjggMC0xLjQgMC0yLjUtLjMtMy42cy0uNS0xLjYtMS4xLTIuMmMtLjYtLjYtMS4xLTEuMS0xLjktMS40cy0xLjctLjMtMi44LS4zYy0uOCAwLTEuNyAwLTIuMi4zLS42LjMtMS40LjMtMi4yLjZ2MjEuMmgyLjVsLjMtNS41aDIuOGwyLjggNS41SDM2bC0zLjMtNy43Yy40LS4zLjctLjUuOS0uOHptLTIuNy0uNmMtLjYuMy0xLjEuOC0xLjcuOGgtMS43di0xMWgxLjdjLjYgMCAxLjEtLjMgMS43IDAgLjYuMy44LjMgMS4xLjguMy42LjYuOC42IDEuNyAwIC44LjMgMS43LjMgMi41IDAgMS4xIDAgMS45LS4zIDIuNS0uMy42LS4zIDEuNC0uNiAxLjktLjMuMy0uOC44LTEuMS44em0yMC45LTcuMWMtLjMtMS40LS44LTIuNS0xLjQtMy4zLS42LS44LTEuNC0xLjQtMi4yLTEuNy0uOC0uMy0xLjktLjYtMy0uNnMtMS45LjMtMyAuNmMtLjguMy0xLjcuOC0yLjIgMS43LS42LjgtMS4xIDEuOS0xLjQgMy4zLS4zIDEuNC0uNiAzLjMtLjYgNS4ycy4zIDMuOS42IDUuMmMuMyAxLjQuOCAyLjUgMS40IDMuMy42LjggMS40IDEuNCAyLjIgMS43LjguMyAxLjkuNiAzIC42czEuOS0uMyAzLS42Yy44LS4zIDEuNy0uOCAyLjItMS43LjYtLjggMS4xLTEuOSAxLjQtMy4zLjMtMS40LjYtMy4zLjYtNS4ycy0uMy0zLjgtLjYtNS4yem0tMi43IDkuNmMtLjMgMS4xLS42IDIuMi0uOCAyLjgtLjMuOC0uOCAxLjEtMS40IDEuNHMtMS4xLjMtMS40LjNjLS4zIDAtMS4xIDAtMS40LS4zLS42LS4zLS44LS44LTEuNC0xLjQtLjMtLjgtLjYtMS43LS44LTIuOHMtLjMtMi44LS4zLTQuNCAwLTMuMy4zLTQuNC42LTIuMi44LTIuOGMuMy0uOC44LTEuMSAxLjQtMS40LjYtLjIgMS4xLS4yIDEuNC0uMi4zIDAgMS4xIDAgMS40LjMuNi4zLjguOCAxLjQgMS40LjMuOC42IDEuNy44IDIuOHMuMyAyLjguMyA0LjQtLjEgMy4yLS4zIDQuM3oiLz48L3N2Zz4=);
  width: 25px;
  height: 12px;
  vertical-align: middle;
  margin-top: -1px;
}

.player-main .track__author.media:before {
  display: inline-block;
  content: '';
  position: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  top: 1px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4OC41NDcgODguNjQ1Ij48cGF0aCBmaWxsPSIjOTBDQTc1IiBkPSJNODIuOTY3IDIyLjA4Mkg1MS40MmMtMi41MjMgMC01Ljk5My0uOTQ2LTQuNzMtMi41MjRsNy4yNTUtOC44MzNjMS41NzctMS44OTMgMi44NC0zLjE1NSAyLjg0LTMuMTU1aC4zMTRjMS44OTIgMCAzLjc4NS0xLjU3NyAzLjc4NS0zLjc4NkM2MC44ODUgMS44OTQgNTkuMzA3IDAgNTcuMSAwYy0xLjg5NCAwLTMuNzg3IDEuNTc3LTMuNzg3IDMuNzg2di42M3MtLjk0NiAxLjg5NC0yLjUyNCAzLjc4N2wtOS4xNSAxMS4wNGMtMS4yNiAxLjg5NC0yLjgzOCAzLjE1Ni0zLjE1NCAzLjE1Ni0uMzE1IDAtMS44OTMtMS4yNjMtMy4xNTUtMy4xNTZMMjYuMTg1IDguMjAyYy0xLjU3Ny0xLjg5My0yLjUyNC0zLjQ3LTIuNTI0LTMuNzg2di0uNjNDMjMuNjYgMS44OTIgMjIuMDgyIDAgMTkuODc0IDBjLTEuODkzIDAtMy43ODYgMS41NzctMy43ODYgMy43ODZzMS41NzcgMy43ODYgMy43ODYgMy43ODZoLjMxNXMxLjU3NiAxLjI2MiAyLjgzOCAzLjE1NWw2Ljk0IDkuMTQ4YzEuMjYyIDEuODkzLjk0NiAyLjUyNC0xLjU3NyAyLjUyNEg5LjQ2NUM1LjM2NCAyMi4zOTcgMCAyNS44NjcgMCAyOS45N3Y1Mi4wNWMwIDQuMTAyIDMuNzg2IDYuNjI2IDcuNTcgNi42MjZoNzIuODczYzQuMSAwIDcuODg3LTIuNTI0IDcuODg3LTYuNjI1VjI4LjM5M2MuOTQ2LTQuMS0xLjI2Mi02LjMxLTUuMzYzLTYuMzF6bS0xNS43NzMgNTMuNjNjMCAzLjQ3LTIuODQgNi4zMDgtNi4zMSA2LjMwOGgtNDcuMzJjLTMuNDcgMC02LjMwOC0yLjg0LTYuMzA4LTYuMzFWMzQuN2MwLTMuNDcgMi44NC02LjMwOCA2LjMxLTYuMzA4aDQ3LjMyYzMuNDcgMCA2LjMwOCAyLjg0IDYuMzA4IDYuMzF2NDEuMDF6bTExLjA0LTI1LjIzOGMtMi41MjMgMC00LjczLTIuMjA4LTQuNzMtNC43MzJzMi4yMDctNC43MzIgNC43My00LjczMmMyLjUyNSAwIDQuNzMzIDIuMjA4IDQuNzMzIDQuNzMycy0yLjIwOCA0LjczMi00LjczMiA0LjczMnptMC0xMi42MThjLTIuNTIzIDAtNC43My0yLjIwOC00LjczLTQuNzMyczIuMjA3LTQuNzMyIDQuNzMtNC43MzJjMi41MjUgMCA0LjczMyAyLjIwOCA0LjczMyA0LjczMiAwIDIuNTIzLTIuMjA4IDQuNzMyLTQuNzMyIDQuNzMyeiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
}

.profile__h.media:before {
  width: 29px;
  height: 29px;
  top: 1px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4OC41NDcgODguNjQ1Ij48cGF0aCBmaWxsPSIjOTBDQTc1IiBkPSJNODIuOTY3IDIyLjA4Mkg1MS40MmMtMi41MjMgMC01Ljk5My0uOTQ2LTQuNzMtMi41MjRsNy4yNTUtOC44MzNjMS41NzctMS44OTMgMi44NC0zLjE1NSAyLjg0LTMuMTU1aC4zMTRjMS44OTIgMCAzLjc4NS0xLjU3NyAzLjc4NS0zLjc4NkM2MC44ODUgMS44OTQgNTkuMzA3IDAgNTcuMSAwYy0xLjg5NCAwLTMuNzg3IDEuNTc3LTMuNzg3IDMuNzg2di42M3MtLjk0NiAxLjg5NC0yLjUyNCAzLjc4N2wtOS4xNSAxMS4wNGMtMS4yNiAxLjg5NC0yLjgzOCAzLjE1Ni0zLjE1NCAzLjE1Ni0uMzE1IDAtMS44OTMtMS4yNjMtMy4xNTUtMy4xNTZMMjYuMTg1IDguMjAyYy0xLjU3Ny0xLjg5My0yLjUyNC0zLjQ3LTIuNTI0LTMuNzg2di0uNjNDMjMuNjYgMS44OTIgMjIuMDgyIDAgMTkuODc0IDBjLTEuODkzIDAtMy43ODYgMS41NzctMy43ODYgMy43ODZzMS41NzcgMy43ODYgMy43ODYgMy43ODZoLjMxNXMxLjU3NiAxLjI2MiAyLjgzOCAzLjE1NWw2Ljk0IDkuMTQ4YzEuMjYyIDEuODkzLjk0NiAyLjUyNC0xLjU3NyAyLjUyNEg5LjQ2NUM1LjM2NCAyMi4zOTcgMCAyNS44NjcgMCAyOS45N3Y1Mi4wNWMwIDQuMTAyIDMuNzg2IDYuNjI2IDcuNTcgNi42MjZoNzIuODczYzQuMSAwIDcuODg3LTIuNTI0IDcuODg3LTYuNjI1VjI4LjM5M2MuOTQ2LTQuMS0xLjI2Mi02LjMxLTUuMzYzLTYuMzF6bS0xNS43NzMgNTMuNjNjMCAzLjQ3LTIuODQgNi4zMDgtNi4zMSA2LjMwOGgtNDcuMzJjLTMuNDcgMC02LjMwOC0yLjg0LTYuMzA4LTYuMzFWMzQuN2MwLTMuNDcgMi44NC02LjMwOCA2LjMxLTYuMzA4aDQ3LjMyYzMuNDcgMCA2LjMwOCAyLjg0IDYuMzA4IDYuMzF2NDEuMDF6bTExLjA0LTI1LjIzOGMtMi41MjMgMC00LjczLTIuMjA4LTQuNzMtNC43MzJzMi4yMDctNC43MzIgNC43My00LjczMmMyLjUyNSAwIDQuNzMzIDIuMjA4IDQuNzMzIDQuNzMycy0yLjIwOCA0LjczMi00LjczMiA0LjczMnptMC0xMi42MThjLTIuNTIzIDAtNC43My0yLjIwOC00LjczLTQuNzMyczIuMjA3LTQuNzMyIDQuNzMtNC43MzJjMi41MjUgMCA0LjczMyAyLjIwOCA0LjczMyA0LjczMiAwIDIuNTIzLTIuMjA4IDQuNzMyLTQuNzMyIDQuNzMyeiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
}

.track.media .track__author:before {
  display: inline-block;
  content: '';
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My44OTggNDQuMTY1Ij48cGF0aCBmaWxsPSIjOTBDQTc1IiBkPSJNNDEuMDEgMTIuNjJIMjIuMDgyYy0xLjI2MiAwIDAtMS44OTQuOTQ2LTIuODRsMy40Ny00LjQxN2MuNjMtLjk0NiAxLjI2Mi0xLjU3NyAxLjU3Ny0xLjU3Ny45NDYgMCAxLjg5My0uOTQ2IDEuODkzLTEuODkzQzI5Ljk2OC45NDYgMjkuMDIzIDAgMjguMDc2IDBjLS45NDYgMC0xLjg5My45NDYtMS44OTMgMS44OTN2LjMxNWMwIC4zMTUtLjYzLjk0Ni0xLjI2MiAxLjg5M2wtNC40MTYgNS4zNjRjLS42My45NDYtMS41NzcgMS41NzctMS41NzcgMS41NzctLjMxNSAwLS45NDYtLjYzLTEuNTc3LTEuNTc2TDEyLjkzNCA0LjFjLS42My0uOTQ1LTEuMjYyLTEuNTc2LTEuMjYyLTEuODkydi0uMzE1QzExLjY3Mi45NDYgMTAuNzI2IDAgOS43OCAwYy0uOTQ3IDAtMS44OTMuOTQ2LTEuODkzIDEuODkzIDAgLjk0Ni45NDYgMS44OTMgMS44OTMgMS44OTNsMS41NzcgMS41NzcgMy40NyA0LjQxN2MuNjMuOTQ2IDEuODkzIDIuODQuOTQ2IDIuODRIMy4xNTVDMS4yNjIgMTIuNjIgMCAxMy44OCAwIDE1Ljc3MnYyNC45MjJjMCAyLjIwOCAxLjg5MyAzLjQ3IDMuNzg2IDMuNDdoMzYuMjc4YzEuODkzIDAgMy43ODYtMS4yNjIgMy43ODYtMy40N1YxNS43NzNjLjMxNS0xLjg5My0uOTQ3LTMuMTU0LTIuODQtMy4xNTR6TTM0LjcgMzcuODU1YzAgMS44OTMuMzE2IDMuMTU1LTEuNTc2IDMuMTU1SDYuMzFjLTEuODk0IDAtMy4xNTYtMS4yNi0zLjE1Ni0zLjE1NFYxOC45MjhjMC0xLjg5MyAxLjI2Mi0zLjE1NSAzLjE1NS0zLjE1NWgyNS4yMzZjMS44OTMgMCAzLjE1NSAxLjI2MiAzLjE1NSAzLjE1NXYxOC45Mjh6Ii8+PC9zdmc+);
  background-repeat: no-repeat;
  margin-right: 4px;
}

.media-icon {
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My44OTggNDQuMTY1Ij48cGF0aCBmaWxsPSIjOTBDQTc1IiBkPSJNNDEuMDEgMTIuNjJIMjIuMDgyYy0xLjI2MiAwIDAtMS44OTQuOTQ2LTIuODRsMy40Ny00LjQxN2MuNjMtLjk0NiAxLjI2Mi0xLjU3NyAxLjU3Ny0xLjU3Ny45NDYgMCAxLjg5My0uOTQ2IDEuODkzLTEuODkzQzI5Ljk2OC45NDYgMjkuMDIzIDAgMjguMDc2IDBjLS45NDYgMC0xLjg5My45NDYtMS44OTMgMS44OTN2LjMxNWMwIC4zMTUtLjYzLjk0Ni0xLjI2MiAxLjg5M2wtNC40MTYgNS4zNjRjLS42My45NDYtMS41NzcgMS41NzctMS41NzcgMS41NzctLjMxNSAwLS45NDYtLjYzLTEuNTc3LTEuNTc2TDEyLjkzNCA0LjFjLS42My0uOTQ1LTEuMjYyLTEuNTc2LTEuMjYyLTEuODkydi0uMzE1QzExLjY3Mi45NDYgMTAuNzI2IDAgOS43OCAwYy0uOTQ3IDAtMS44OTMuOTQ2LTEuODkzIDEuODkzIDAgLjk0Ni45NDYgMS44OTMgMS44OTMgMS44OTNsMS41NzcgMS41NzcgMy40NyA0LjQxN2MuNjMuOTQ2IDEuODkzIDIuODQuOTQ2IDIuODRIMy4xNTVDMS4yNjIgMTIuNjIgMCAxMy44OCAwIDE1Ljc3MnYyNC45MjJjMCAyLjIwOCAxLjg5MyAzLjQ3IDMuNzg2IDMuNDdoMzYuMjc4YzEuODkzIDAgMy43ODYtMS4yNjIgMy43ODYtMy40N1YxNS43NzNjLjMxNS0xLjg5My0uOTQ3LTMuMTU0LTIuODQtMy4xNTR6TTM0LjcgMzcuODU1YzAgMS44OTMuMzE2IDMuMTU1LTEuNTc2IDMuMTU1SDYuMzFjLTEuODk0IDAtMy4xNTYtMS4yNi0zLjE1Ni0zLjE1NFYxOC45MjhjMC0xLjg5MyAxLjI2Mi0zLjE1NSAzLjE1NS0zLjE1NWgyNS4yMzZjMS44OTMgMCAzLjE1NSAxLjI2MiAzLjE1NSAzLjE1NXYxOC45Mjh6Ii8+PC9zdmc+);
}

.media .small-prof__name:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My44OTggNDQuMTY1Ij48cGF0aCBmaWxsPSIjOTBDQTc1IiBkPSJNNDEuMDEgMTIuNjJIMjIuMDgyYy0xLjI2MiAwIDAtMS44OTQuOTQ2LTIuODRsMy40Ny00LjQxN2MuNjMtLjk0NiAxLjI2Mi0xLjU3NyAxLjU3Ny0xLjU3Ny45NDYgMCAxLjg5My0uOTQ2IDEuODkzLTEuODkzQzI5Ljk2OC45NDYgMjkuMDIzIDAgMjguMDc2IDBjLS45NDYgMC0xLjg5My45NDYtMS44OTMgMS44OTN2LjMxNWMwIC4zMTUtLjYzLjk0Ni0xLjI2MiAxLjg5M2wtNC40MTYgNS4zNjRjLS42My45NDYtMS41NzcgMS41NzctMS41NzcgMS41NzctLjMxNSAwLS45NDYtLjYzLTEuNTc3LTEuNTc2TDEyLjkzNCA0LjFjLS42My0uOTQ1LTEuMjYyLTEuNTc2LTEuMjYyLTEuODkydi0uMzE1QzExLjY3Mi45NDYgMTAuNzI2IDAgOS43OCAwYy0uOTQ3IDAtMS44OTMuOTQ2LTEuODkzIDEuODkzIDAgLjk0Ni45NDYgMS44OTMgMS44OTMgMS44OTNsMS41NzcgMS41NzcgMy40NyA0LjQxN2MuNjMuOTQ2IDEuODkzIDIuODQuOTQ2IDIuODRIMy4xNTVDMS4yNjIgMTIuNjIgMCAxMy44OCAwIDE1Ljc3MnYyNC45MjJjMCAyLjIwOCAxLjg5MyAzLjQ3IDMuNzg2IDMuNDdoMzYuMjc4YzEuODkzIDAgMy43ODYtMS4yNjIgMy43ODYtMy40N1YxNS43NzNjLjMxNS0xLjg5My0uOTQ3LTMuMTU0LTIuODQtMy4xNTR6TTM0LjcgMzcuODU1YzAgMS44OTMuMzE2IDMuMTU1LTEuNTc2IDMuMTU1SDYuMzFjLTEuODk0IDAtMy4xNTYtMS4yNi0zLjE1Ni0zLjE1NFYxOC45MjhjMC0xLjg5MyAxLjI2Mi0zLjE1NSAzLjE1NS0zLjE1NWgyNS4yMzZjMS44OTMgMCAzLjE1NSAxLjI2MiAzLjE1NSAzLjE1NXYxOC45Mjh6Ii8+PC9zdmc+);
  background-repeat: no-repeat;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 1px;
  margin-top: -4px;
  zoom: 1;
}

.icon-media {
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODguNjQ3IDY2LjI0NyI+PHBhdGggZmlsbD0iIzkwQ0E3NSIgZD0iTTkuMTQ4IDY2LjI0N0M0LjEgNjYuMjQ3IDAgNjMuMDkzIDAgNTguMDQ1VjEwLjQxQzAgNS4zNjMgNC4xIDAgOS4xNDggMGgxNjIuMTQ4bDE3LjM1IDMzLjEyNC0xNi43MiAzMy4xMjRIOS4xNXoiLz48ZyBmaWxsPSIjRkZGIj48cGF0aCBkPSJNMzUuNjQ3IDQ4LjU4bC04LjIwMi0yNC4yOWgtLjMxNWwtMS41NzcgMjkuNjU0aC01LjA0N2wyLjIwOC0zOS43NDhoNi4zMWw5LjE0NyAyNy4xM2guMzE2bDkuMTQ4LTI3LjEzaDYuMzFsMi4yMDcgMzkuNzQ4aC01LjA0Nkw0OS41MjcgMjQuMjloLS4zMTVMNDEuMDEgNDguNThoLTUuMzYzek02OC40NTYgNDkuNTI4aDE0LjE5NnY0LjFINjMuNDA4VjEzLjg4SDgyLjY1djQuMUg2OC40NTd2MTIuOTM1aDEyLjYydjQuMWgtMTIuNjJWNDkuNTN6TTExMS4zNiAzMy43NTVjMCA0LjEtLjMxNiA3LjI1Ni0uOTQ3IDkuNzgtLjYzIDIuNTIzLTEuMjYyIDQuNzMtMi41MjQgNi4zMDgtMS4yNjMgMS41NzctMi41MjUgMi41MjQtNC40MTcgMy4xNTUtMS41NzcuNjMtMy43ODYuOTQ2LTUuOTk0Ljk0Ni0xLjU3OCAwLTMuMTU2IDAtNC43MzMtLjMxNS0xLjU3Ny0uMzE2LTIuODQtLjMxNi00LjQxNi0uOTQ3VjE0LjE5NmMxLjU3OC0uMzE1IDIuODQtLjYzIDQuNDE3LS45NDYgMS41NzctLjMxNSAzLjE1NS0uMzE1IDQuNzMyLS4zMTUgMi4yMDcgMCA0LjQxNS4zMTUgNS45OTMuOTQ2IDEuNTc3LjYzMiAzLjE1NSAxLjg5NCA0LjQxNiAzLjE1NiAxLjI2IDEuNTc3IDEuODkyIDMuNzg2IDIuNTIzIDYuMzEuNjMgMy4xNTMuOTQ2IDYuMzA4Ljk0NiAxMC40MXptLTUuMDUgMGMwLTMuNDctLjMxNC01Ljk5NC0uNjMtOC4yMDItLjMxNS0yLjIwOC0uOTQ2LTMuNzg2LTEuNTc3LTUuMDQ3LS42My0xLjI2Mi0xLjU3Ny0yLjIwOC0yLjUyNC0yLjUyNC0uOTQ3LS4zMTUtMi4yMS0uNjMtMy40Ny0uNjNoLTQuMTAydjMzLjEyM2g0LjFjMS4yNjMgMCAyLjUyNS0uMzE1IDMuNDctLjYzLjk0Ny0uNjMyIDEuODk0LTEuMjYzIDIuNTI1LTIuNTI1LjYzLTEuMjYyIDEuMjYyLTIuODQgMS41NzctNS4wNDcuNjMtMi41MjUuNjMtNS4wNDguNjMtOC41MTh6TTEyMy4zNDYgMTMuODh2MzkuNzQ4SDExOC4zVjEzLjg4aDUuMDQ2ek0xMzYuMjggNDMuNTM0bC0yLjUyNCAxMC4wOTVoLTUuMDQ3bDkuNzc4LTM5Ljc1aDcuMjU2bDkuNzggMzkuNzVoLTUuMDQ4bC0yLjUyNC0xMC4wOTZIMTM2LjI4em01LjY4LTIzLjk3NWwtNS4wNDggMTkuODczaDkuNzhsLTQuNzMzLTE5Ljg3NHoiLz48L2c+PC9zdmc+);
  overflow: hidden;
  background-repeat: no-repeat;
}

.dj-users .media14 {
  margin-top: 4px;
}

.media21 {
  width: 60px;
  height: 21px;
  margin: -1px 10px 0 0px;
  vertical-align: middle;
}

.media14 {
  width: 40px;
  height: 14px;
  vertical-align: top;
  margin: 1px 8px 0 6px;
}

.media12 {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTYuNzIyIDM3Ljg1NiI+PHBhdGggZmlsbD0iIzkwQ0E3NSIgZD0iTTUuMzYzIDM3Ljg1NkMyLjUyMyAzNy44NTYgMCAzNS42NDggMCAzMi40OTNWNS4zNjNDMCAyLjUyMyAyLjIwOCAwIDUuMzYzIDBoMTAxLjU4bDkuNzc4IDE4LjkyOC05LjQ2MiAxOC45MjhINS4zNjN6Ii8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTIzLjY2IDI4LjM5MmwtNS4wNDctMTQuODI3aC0uMzE1bC0uOTQ2IDE3Ljk4aC0zLjE1NWwxLjI2Mi0yNC4yOWgzLjc4NWw1LjY3OCAxNi43MkwzMC42IDcuMjU1aDMuNzg3bDEuMjYyIDI0LjI5aC0zLjE1NmwtLjk0Ni0xNy45OGgtLjMxNWwtNS4wNDcgMTQuODI3SDIzLjY2ek00My41MzQgMjkuMDIzaDguODMzdjIuNTI0SDQwLjY5NVY3LjI1N2gxMS42NzJWOS43OGgtOC44MzN2Ny44ODdoNy41N3YyLjUyNGgtNy41N3Y4LjgzM3pNNzAuMDMzIDE5LjU2YzAgMi41MjMtLjMxNSA0LjQxNS0uNjMgNS45OTMtLjMxNiAxLjU3Ny0uOTQ3IDIuODQtMS41NzggMy43ODYtLjYzLjk0NS0xLjU3NyAxLjU3Ni0yLjUyNCAxLjg5Mi0uOTQ1LjMxNS0yLjIwNy42My0zLjc4NS42M2gtMi44NHMtMS44OTItLjMxNC0yLjUyMy0uNjNWNy41NzJjLjk0Ni0uMzE2IDEuODkzLS4zMTYgMi41MjQtLjYzMi42My0uMzE1IDEuODkzIDAgMi44NCAwIDEuMjYgMCAyLjUyMy4zMTUgMy43ODUuNjMgMS4yNjMuMzE2IDEuODk0Ljk0NyAyLjUyNSAxLjg5NC42My45NDYgMS4yNjIgMi4yMDggMS41NzcgMy43ODYuMzE2IDEuNTc3LjYzIDMuNzg1LjYzIDYuMzF6bS0zLjE1NSAwYzAtMS44OTQgMC0zLjc4Ny0uMzE1LTUuMDQ4cy0uNjMtMi4yMDgtLjk0Ni0zLjE1NWMtLjMxNS0uOTQ2LS45NDYtMS4yNjItMS41NzctMS41NzctLjYzLS4zMTUtMS4yNjItLjMxNS0yLjIwOC0uMzE1aC0yLjUyNFYyOS45N2gyLjUyNGMuNjMgMCAxLjU3NyAwIDIuMjA4LS4zMTUuNjMtLjMxNSAxLjI2Mi0uOTQ2IDEuNTc3LTEuNTc3LjMxNS0uNjMuOTQ2LTEuODkzLjk0Ni0zLjE1NS4zMTUtMS44OTQuMzE1LTMuNDcuMzE1LTUuMzY0ek03Ny4yOSA3LjI1NnYyNC4yOWgtMy4xNTZWNy4yNTdoMy4xNTV6TTg1LjE3NSAyNS4yMzdsLTEuNTc3IDYuMzFoLTMuMTU1bDUuOTk0LTI0LjI5Mmg0LjQxNmw1Ljk5NCAyNC4yOWgtMy4xNTVsLTEuNTc3LTYuMzA4aC02Ljk0em0zLjQ3LTE0LjUxTDg1LjQ5IDIyLjcxM2g1Ljk5NGwtMi44NC0xMS45ODh6Ii8+PC9nPjwvc3ZnPg==);
  width: 37px;
  height: 12px;
  vertical-align: middle;
  margin-top: -1px;
}

.icon-bro {
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAuNyA1Ny45Ij48cGF0aCBmaWxsPSIjRjVCRDM3IiBkPSJNMTA2LjEgNTcuOUg4Yy00LjQgMC04LTIuOC04LTcuMlY5LjFDMCA0LjcgMy42IDAgOCAwaDk3LjZsMTUuMiAyOC45LTE0LjcgMjl6Ii8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTU5LjggMjMuMmMwIDEuNyAwIDMtLjMgNC40LS4zIDEuMS0uNiAyLjItLjggMy0uMy44LS44IDEuNy0xLjcgMi4yLS42LjYtMS40IDEuMS0yLjIgMS40bDYuMSAxMi40aC01bC01LjUtMTEuM2gtNXYxMS4zSDQxVjEyLjFjMS40LS4zIDIuNS0uNiAzLjktLjggMS40LS4zIDIuOC0uMyA0LjEtLjMgMS45IDAgMy42LjMgNSAuNnMyLjUgMS4xIDMuMyAxLjljLjguOCAxLjQgMi4yIDEuOSAzLjYuMyAxLjkuNiAzLjkuNiA2LjF6bS0xMSA4LjJjMS4xIDAgMi4yLS4zIDMtLjYuOC0uMyAxLjQtLjggMS45LTEuNC42LS42LjgtMS40IDEuMS0yLjUuMy0xLjEuMy0yLjIuMy0zLjlzMC0zLS4zLTQuMWMtLjMtMS4xLS42LTEuOS0xLjEtMi44LS42LS42LTEuMS0xLjEtMS45LTEuNC0uOC0uMy0xLjctLjYtMy0uNmgtMy42djE3LjFoMy42ek03NS41IDExLjNjMS43IDAgMy4zLjMgNC40LjggMS40LjYgMi41IDEuNyAzLjMgMi44LjggMS4xIDEuNyAzLjMgMi4yIDUuNS42IDIuMi44IDUuMi44IDguNXMtLjMgNi4zLS44IDguNWMtLjYgMi4yLTEuMSA0LjEtMi4yIDUuNXMtMS45IDIuMi0zLjMgMi44LTIuOC44LTQuNC44LTMuMy0uMy00LjQtLjhjLTEuNC0uNi0yLjUtMS43LTMuMy0yLjhzLTEuNy0zLjMtMi4yLTUuNWMtLjYtMi4yLS44LTUuMi0uOC04LjVzLjMtNi4zLjgtOC41Yy42LTIuMiAxLjEtNC4xIDIuMi01LjVzMS45LTIuMiAzLjMtMi44YzEuNC0uNSAyLjgtLjggNC40LS44em0wIDMyLjVjLjggMCAxLjctLjMgMi4yLS42LjgtLjYgMS40LTEuMSAxLjktMi4yLjYtMS4xIDEuMS0yLjggMS40LTQuN3MuNi00LjQuNi03LjQtLjMtNS41LS42LTcuNC0uOC0zLjMtMS40LTQuN2MtLjYtMS4xLTEuMS0xLjktMS45LTIuMi0uOC0uNi0xLjctLjYtMi4yLS42LS44IDAtMS43LjMtMi4yLjYtLjYuMy0xLjQgMS4xLTEuOSAyLjJzLTEuMSAyLjgtMS40IDQuNy0uNiA0LjQtLjYgNy40LjMgNS41LjYgNy40LjggMy4zIDEuNCA0LjdjLjYgMS4xIDEuMSAxLjkgMS45IDIuMi45LjQgMS40LjYgMi4yLjZ6TTMwLjMgMjcuNmMxLjQtLjggMi41LTEuOSAzLTMuMy42LTEuNC44LTIuOC44LTQuMSAwLTMtLjgtNS41LTIuMi02LjktMS43LTEuNC00LjEtMi4yLTcuNC0yLjItMS40IDAtMi44IDAtNC4xLjMtMS40LjMtMi41LjMtMy45LjhWNDZjMS40LjMgMi41LjYgMy45LjggMS40LjMgMi44LjMgNC4xLjMgMi4yIDAgMy45LS4zIDUuMi0uNiAxLjQtLjMgMi41LTEuMSAzLjYtMS43LjgtLjggMS43LTEuOSAxLjktMyAuMy0xLjQuNi0yLjguNi00LjQgMC0yLjItLjMtNC4xLTEuMS01LjgtLjgtMi4xLTIuMi0zLjItNC40LTR6bS01LjggMi4yYzIuNSAwIDQuMS42IDUuMiAxLjdzMS43IDMgMS43IDUuNS0uNiA0LjEtMS43IDUuMmMtMS4xIDEuMS0yLjggMS43LTUuMiAxLjdoLTMuM1YzMGgzLjN2LS4yem0tMy4zLTMuM1YxNC4zaDNjMy45IDAgNS44IDEuOSA1LjggNi4xcy0xLjkgNi4zLTUuOCA2LjNoLTN2LS4yeiIvPjwvZz48L3N2Zz4=);
  overflow: hidden;
}

.bro21 {
  width: 44px;
  height: 21px;
  margin: -1px 10px 0 0px;
  vertical-align: middle;
}

.bro14 {
  width: 29px;
  height: 14px;
  vertical-align: top;
  margin: 1px 8px 0 6px;
}

.bro12 {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2OC45IDMzLjQiPjxwYXRoIGZpbGw9IiNGNUJEMzciIGQ9Ik02MC42IDMzLjRoLTU2Yy0yLjUgMC00LjctMS45LTQuNy00Ljd2LTI0QzAgMi4yIDEuOSAwIDQuNyAwaDU1LjdsOC41IDE2LjUtOC4zIDE2Ljl6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTMzLjYgMTkuM2MuMy0uMy42LS44LjgtMS40LjMtLjYuMy0xLjEuNi0xLjkgMC0uOC4zLTEuNy4zLTIuOCAwLTEuNCAwLTIuNS0uMy0zLjZzLS41LTEuNi0xLjEtMi4yYy0uNi0uNi0xLjEtMS4xLTEuOS0xLjRzLTEuNy0uMy0yLjgtLjNjLS44IDAtMS43IDAtMi4yLjMtLjYuMy0xLjQuMy0yLjIuNnYyMS41aDIuNWwuMy01LjVoMi44bDIuOCA1LjVIMzZsLTMuMy03LjdjLjQtLjYuNy0uOC45LTEuMXptLTIuNy0uNmMtLjYuMy0xLjEuOC0xLjcuOGgtMS43di0xMWgxLjdjLjYgMCAxLjEtLjMgMS43IDAgLjYuMy44LjMgMS4xLjguMy42LjYuOC42IDEuNyAwIC44LjMgMS43LjMgMi41IDAgMS4xIDAgMS45LS4zIDIuNS0uMy42LS4zIDEuNC0uNiAxLjktLjMuMy0uOC44LTEuMS44em0yMC45LTcuMWMtLjMtMS40LS44LTIuNS0xLjQtMy4zLS42LS44LTEuNC0xLjQtMi4yLTEuNy0uOC0uMy0xLjktLjYtMy0uNnMtMS45LjMtMyAuNmMtLjguMy0xLjcuOC0yLjIgMS43LS42LjgtMS4xIDEuOS0xLjQgMy4zLS4zIDEuNC0uNiAzLjMtLjYgNS4ycy4zIDMuOS42IDUuMmMuMyAxLjQuOCAyLjUgMS40IDMuMy42LjggMS40IDEuNCAyLjIgMS43LjguMyAxLjkuNiAzIC42czEuOS0uMyAzLS42Yy44LS4zIDEuNy0uOCAyLjItMS43LjYtLjggMS4xLTEuOSAxLjQtMy4zLjMtMS40LjYtMy4zLjYtNS4ycy0uMy0zLjgtLjYtNS4yem0tMi43IDkuNmMtLjMgMS4xLS42IDIuMi0uOCAyLjgtLjMuOC0uOCAxLjEtMS40IDEuNHMtMS4xLjMtMS40LjNjLS4zIDAtMS4xIDAtMS40LS4zLS42LS4zLS44LS44LTEuNC0xLjQtLjMtLjgtLjYtMS43LS44LTIuOHMtLjMtMi44LS4zLTQuNCAwLTMuMy4zLTQuNC42LTIuMi44LTIuOGMuMy0uOC44LTEuMSAxLjQtMS40LjYtLjIgMS4xLS4yIDEuNC0uMi4zIDAgMS4xIDAgMS40LjMuNi4zLjguOCAxLjQgMS40LjMuOC42IDEuNy44IDIuOHMuMyAyLjguMyA0LjQtLjEgMy4yLS4zIDQuM3pNMTkuMyAxNmMwLS42IDEuNy0xLjEgMS45LTEuOS4zLS44LjYtMS43LjYtMi41IDAtMS45LS42LTMuMy0xLjQtNC4xLS44LS44LTIuNS0xLjQtNC40LTEuNGgtMi41Yy0uOCAwLTIuMi4zLTIuMi42djIwLjdjMCAuMyAxLjQuMyAyLjIuNkgxNmMxLjQgMCAyLjIgMCAzLjMtLjMuOC0uMyAxLjctLjYgMi4yLTEuMS42LS42LjgtMS4xIDEuMS0xLjkuMy0uOC4zLTEuNy4zLTIuOCAwLTEuNC0uMy0yLjUtLjgtMy42LS45LS45LTIuOC0xLjgtMi44LTIuM3ptLTMuNi44YzEuNCAwIDIuNS42IDMuMyAxLjQuNi42IDEuMSAxLjkgMS4xIDMuNiAwIDEuNC0uMyAyLjItMS4xIDIuOC0uNi42LTEuNy42LTMuMy42aC0xLjl2LTguM2gxLjl6bS0xLjktMi43VjguNWgxLjdjMi41IDAgMy42LjMgMy42IDIuOHMtMS4xIDIuOC0zLjYgMi44aC0xLjd6Ii8+PC9zdmc+);
  width: 25px;
  height: 12px;
  vertical-align: middle;
  margin-top: -1px;
}

.icon-pro-upgrade {
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODEuMyA1OC4zIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNFRDVDNUYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIj48cGF0aCBkPSJNMzY3LjcgNTMuN2wtMS44IDMuNmgtNCIvPjxwYXRoIHN0cm9rZS1kYXNoYXJyYXk9IjcuOTg4NywzLjk5NDQiIGQ9Ik0zNTcuOSA1Ny4zSDguOGMtNC4zIDAtNy44LTIuNy03LjgtN1Y5LjhDMSA1LjYgNC41IDEgOC44IDFoMzUwLjYiLz48cGF0aCBkPSJNMzYxLjQgMWg0bDEuOSAzLjUiLz48cGF0aCBzdHJva2UtZGFzaGFycmF5PSI2Ljc5NTQsMy4zOTc3IiBkPSJNMzY4LjggNy42bDguNyAxNi41Ii8+PHBhdGggZD0iTTM3OC4zIDI1LjZsMS45IDMuNi0xLjggMy41Ii8+PHBhdGggc3Ryb2tlLWRhc2hhcnJheT0iNi43MjUzLDMuMzYyNyIgZD0iTTM3Ni44IDM1LjdsLTguMyAxNi41Ii8+PC9nPjxnIGZpbGw9IiNFRDVDNUYiPjxwYXRoIGQ9Ik0yOTEuNCA0NmgtNC4zVjEyLjhjMS4zLS4zIDIuNC0uNSAzLjgtLjggMS4zLS4zIDIuNy0uMyA0LS4zIDEuOSAwIDMuNS4zIDQuOC41czIuNCAxLjEgMy4yIDEuOWMuOC44IDEuMyAyLjEgMS45IDMuOC4zIDEuNi41IDMuNS41IDUuNiAwIDIuNC0uMyA0LjMtLjUgNS45cy0uOCAzLTEuNiAzLjhjLS44LjgtMS42IDEuNi0zIDIuMS0xLjEuNS0yLjQuNS00IC41LS44IDAtMS42IDAtMi40LS4zLS44IDAtMS42LS4zLTIuNC0uM1Y0NnptMy41LTEzLjFjMS4xIDAgMi4xLS4zIDMtLjUuOC0uMyAxLjMtLjggMS45LTEuMy41LS41LjgtMS42IDEuMS0yLjcuMy0xLjEuMy0yLjcuMy00LjNzMC0zLjItLjMtNC4zYy0uMy0xLjEtLjUtMi4xLTEuMS0yLjctLjUtLjUtMS4xLTEuMS0xLjktMS4zcy0xLjYtLjUtMy0uNWgtMy41djE4aDMuNXYtLjR6TTMyOS4yIDIzLjVjMCAxLjYgMCAzLS4zIDQuMy0uMyAxLjEtLjUgMi4xLS44IDMtLjMuOC0uOCAxLjYtMS42IDIuMS0uNS41LTEuMyAxLjEtMi4xIDEuM2w1LjkgMTIuMWgtNC44bC01LjQtMTFoLTQuOHYxMUgzMTFWMTIuOGMxLjMtLjMgMi40LS41IDMuOC0uOHMyLjctLjMgNC0uM2MxLjkgMCAzLjUuMyA0LjguNXMyLjQgMS4xIDMuMiAxLjljLjguOCAxLjMgMi4xIDEuOSAzLjUuMiAxLjkuNSAzLjguNSA1Ljl6bS0xMC43IDguMWMxLjEgMCAyLjEtLjMgMy0uNS44LS4zIDEuMy0uOCAxLjktMS4zLjUtLjUuOC0xLjMgMS4xLTIuNC4zLTEuMS4zLTIuMS4zLTMuOHMwLTMtLjMtNC0uNS0xLjktMS4xLTIuN2MtLjUtLjUtMS4xLTEuMS0xLjktMS4zcy0xLjYtLjUtMy0uNUgzMTV2MTYuNmwzLjUtLjF6TTM0NC41IDEyYzEuNiAwIDMuMi4zIDQuMy44IDEuMy41IDIuNCAxLjYgMy4yIDIuN3MxLjYgMy4yIDIuMSA1LjRjLjUgMi4xLjggNS4xLjggOC4zcy0uMyA2LjItLjggOC4zYy0uNSAyLjEtMS4xIDQtMi4xIDUuNC0xLjEgMS4zLTEuOSAyLjEtMy4yIDIuNy0xLjMuNS0yLjcuOC00LjMuOHMtMy4yLS4zLTQuMy0uOGMtMS4zLS41LTIuNC0xLjYtMy4yLTIuNy0uOC0xLjEtMS42LTMuMi0yLjEtNS40LS41LTIuMS0uOC01LjEtLjgtOC4zcy4zLTYuMi44LTguMyAxLjEtNCAyLjEtNS40YzEuMS0xLjMgMS45LTIuMSAzLjItMi43IDEuMy0uNSAyLjctLjggNC4zLS44em0wIDMxLjZjLjggMCAxLjYtLjMgMi4xLS41LjgtLjUgMS4zLTEuMSAxLjktMi4xczEuMS0yLjcgMS4zLTQuNmMuMy0xLjkuNS00LjMuNS03LjJzLS4zLTUuNC0uNS03LjItLjgtMy4yLTEuMy00LjZjLS41LTEuMS0xLjEtMS45LTEuOS0yLjEtLjgtLjUtMS42LS41LTIuMS0uNS0uOCAwLTEuNi4zLTIuMS41LS41LjMtMS4zIDEuMS0xLjkgMi4xcy0xLjEgMi43LTEuMyA0LjYtLjUgNC4zLS41IDcuMi4zIDUuNC41IDcuMi44IDMuMiAxLjMgNC42Yy41IDEuMSAxLjEgMS45IDEuOSAyLjEuNy4zIDEuMy41IDIuMS41eiIvPjwvZz48ZyBmaWxsPSIjRUQ1QzVGIj48cGF0aCBkPSJNMjYuOSAxMmMxLjYgMCAzLjEuMyA0LjQuOCAxLjMuNSAyLjQgMS41IDMuMyAyLjguOSAxLjMgMS42IDMuMSAyLjEgNS4zLjUgMi4yLjcgNSAuNyA4LjRzLS4yIDYuMi0uNyA4LjRjLS41IDIuMi0xLjIgNC0yLjEgNS4zLS45IDEuMy0yIDIuMy0zLjMgMi44LTEuMy41LTIuNy44LTQuNC44LTEuNiAwLTMuMS0uMy00LjQtLjgtMS4zLS41LTIuNC0xLjUtMy4zLTIuOC0uOS0xLjMtMS42LTMuMS0yLjEtNS4zLS41LTIuMi0uNy01LS43LTguNHMuMi02LjIuNy04LjRjLjUtMi4yIDEuMi00IDIuMS01LjMuOS0xLjMgMi0yLjMgMy4zLTIuOCAxLjMtLjUgMi43LS44IDQuNC0uOHptMCAzMS45Yy44IDAgMS41LS4yIDIuMy0uNi43LS40IDEuNC0xLjIgMS45LTIuMy41LTEuMSAxLTIuNiAxLjMtNC40cy41LTQuMy41LTcuMS0uMi01LjMtLjUtNy4xYy0uMy0xLjktLjgtMy4zLTEuMy00LjQtLjUtMS4xLTEuMi0xLjktMS45LTIuMy0uNy0uNC0xLjUtLjYtMi4zLS42LS44IDAtMS41LjItMi4zLjYtLjcuNC0xLjQgMS4yLTEuOSAyLjMtLjUgMS4xLTEgMi42LTEuMyA0LjQtLjMgMS45LS41IDQuMi0uNSA3LjFzLjIgNS4zLjUgNy4xYy4zIDEuOS44IDMuMyAxLjMgNC40LjUgMS4xIDEuMiAxLjkgMS45IDIuMy43LjQgMS41LjYgMi4zLjZ6TTQ3LjQgMjUuOGgzLjRjMS45IDAgMy42LjIgNC45LjYgMS40LjQgMi40IDEgMy4zIDEuOC44LjggMS40IDEuOSAxLjggMy4zLjQgMS40LjYgMyAuNiA0LjkgMCAxLjktLjIgMy41LS42IDQuOC0uNCAxLjMtMSAyLjQtMS44IDMuMnMtMS45IDEuNC0zLjMgMS44Yy0xLjQuNC0zIC42LTQuOS42LTEuNCAwLTIuOC0uMS00LS4yLTEuMi0uMS0yLjUtLjQtMy43LS44VjEyLjVINjB2My40SDQ3LjR2OS45em0wIDMuM3YxNC41aDMuNGMyLjIgMCAzLjgtLjUgNC44LTEuNnMxLjUtMyAxLjUtNS42LS41LTQuNS0xLjUtNS42Yy0xLTEuMS0yLjYtMS42LTQuOC0xLjZsLTMuNC0uMXpNODUuNSAxMi41djMzLjhoLTQuM1YzMC44SDcxdjE1LjVoLTQuM1YxMi41SDcxdjE1aDEwLjF2LTE1aDQuNHpNMTAxLjcgMTJjMS42IDAgMy4xLjMgNC40LjggMS4zLjUgMi40IDEuNSAzLjMgMi44LjkgMS4zIDEuNiAzLjEgMi4xIDUuMy41IDIuMi43IDUgLjcgOC40cy0uMiA2LjItLjcgOC40Yy0uNSAyLjItMS4yIDQtMi4xIDUuMy0uOSAxLjMtMiAyLjMtMy4zIDIuOC0xLjMuNS0yLjcuOC00LjQuOC0xLjYgMC0zLjEtLjMtNC40LS44LTEuMy0uNS0yLjQtMS41LTMuMy0yLjgtLjktMS4zLTEuNi0zLjEtMi4xLTUuMy0uNS0yLjItLjctNS0uNy04LjRzLjItNi4yLjctOC40Yy41LTIuMiAxLjItNCAyLjEtNS4zLjktMS4zIDItMi4zIDMuMy0yLjggMS4zLS41IDIuOC0uOCA0LjQtLjh6bTAgMzEuOWMuOCAwIDEuNS0uMiAyLjMtLjYuNy0uNCAxLjQtMS4yIDEuOS0yLjMuNS0xLjEgMS0yLjYgMS4zLTQuNHMuNS00LjMuNS03LjEtLjItNS4zLS41LTcuMWMtLjMtMS45LS44LTMuMy0xLjMtNC40LS41LTEuMS0xLjItMS45LTEuOS0yLjMtLjctLjQtMS41LS42LTIuMy0uNi0uOCAwLTEuNS4yLTIuMy42LS43LjQtMS40IDEuMi0xLjkgMi4zLS41IDEuMS0xIDIuNi0xLjMgNC40LS4zIDEuOS0uNSA0LjItLjUgNy4xcy4yIDUuMy41IDcuMS44IDMuMyAxLjMgNC40Yy41IDEuMSAxLjIgMS45IDEuOSAyLjMuOC40IDEuNS42IDIuMy42ek0xMzEuNCAyOC4zYzEuOS41IDMuMyAxLjYgNC4xIDMuMi44IDEuNiAxLjIgMy41IDEuMiA1LjYgMCAxLjctLjIgMy4yLS42IDQuNC0uNCAxLjItMSAyLjItMS45IDMtLjkuOC0yIDEuNC0zLjQgMS43LTEuNC40LTMuMi42LTUuMi42LTEuNCAwLTIuOC0uMS00LS4yLTEuMi0uMS0yLjUtLjQtMy43LS44VjEzYzEuMi0uNCAyLjUtLjYgMy43LS43IDEuMi0uMSAyLjYtLjIgNC0uMiAzLjQgMCA1LjkuNyA3LjQgMi4yIDEuNSAxLjUgMi4zIDMuNyAyLjMgNi43IDAgMS40LS4zIDIuOC0uOCA0LjEtLjYgMS4zLTEuNiAyLjMtMyAzLjFsLS4xLjF6bS02LjMtMS4zYzMuOSAwIDUuOC0yIDUuOC02IDAtMy45LTEuOS01LjgtNS44LTUuOGgtMi45VjI3aDIuOXptLTIuOSAzLjF2MTMuNWgzLjRjMi40IDAgNC4xLS41IDUuMi0xLjUgMS0xIDEuNi0yLjcgMS42LTUgMC0yLjUtLjUtNC4zLTEuNi01LjQtMS0xLjEtMi44LTEuNi01LjItMS42aC0zLjR6TTE1NyAyMS4yaC0uMmwtOS45IDI1LjFIMTQyVjEyLjVoNC4zdjI1LjFoLjJsOS43LTI1LjFoNS4xdjMzLjhIMTU3VjIxLjJ6TTE2NS4yIDEyLjVIMTg1djMuNGgtNy43djMwLjRIMTczVjE1LjloLTcuN2wtLjEtMy40ek0xOTggMjUuOGMzLjEgMCA1LjQuOCA2LjkgMi40IDEuNSAxLjYgMi4yIDQuMyAyLjIgOC4yIDAgMS45LS4yIDMuNS0uNiA0LjgtLjQgMS4zLTEgMi40LTEuOCAzLjJzLTEuOSAxLjQtMy4zIDEuOGMtMS40LjQtMyAuNi00LjkuNi0xLjQgMC0yLjgtLjEtNC0uMi0xLjItLjEtMi41LS40LTMuNy0uOFYxMi41aDQuM3YxMy44Yy42LS4xIDEuNC0uMiAyLjMtLjMgMS4xLS4yIDEuOS0uMiAyLjYtLjJ6bS00LjggMy4zdjE0LjVoMy40YzIuMiAwIDMuOC0uNSA0LjgtMS42czEuNS0zIDEuNS01LjYtLjUtNC41LTEuNS01LjZjLTEtMS4xLTIuNi0xLjYtNC44LTEuNmwtMy40LS4xek0yMjUuOCA0Ni4zYy0uMyAyLjktLjcgNS4zLTEuNSA3LjJoLTIuN1Y0Mi45aDIuNGMuNC0uNy44LTEuNSAxLjEtMi41LjMtLjguNi0xLjkuOC0zLjEuMy0xLjIuNC0yLjcuNS00LjNsMS0yMC41aDE1Ljd2MzAuNGgzLjF2MTAuNmgtMi43Yy0uNy0xLjktMS4yLTQuMy0xLjQtNy4yaC0xNi4zem0xMy0zLjR2LTI3aC03LjFsLS44IDE3LjFjLS4xIDEuNi0uMiAzLjEtLjUgNC4zLS4zIDEuMi0uNSAyLjMtLjggMy4xLS40IDEtLjcgMS44LTEuMSAyLjVoMTAuM3pNMjU5LjggMTJjMS42IDAgMy4xLjMgNC40LjggMS4zLjUgMi40IDEuNSAzLjMgMi44LjkgMS4zIDEuNiAzLjEgMi4xIDUuMy41IDIuMi43IDUgLjcgOC40cy0uMiA2LjItLjcgOC40Yy0uNSAyLjItMS4yIDQtMi4xIDUuMy0uOSAxLjMtMiAyLjMtMy4zIDIuOC0xLjMuNS0yLjcuOC00LjQuOC0xLjYgMC0zLjEtLjMtNC40LS44LTEuMy0uNS0yLjQtMS41LTMuMy0yLjgtLjktMS4zLTEuNi0zLjEtMi4xLTUuMy0uNS0yLjItLjctNS0uNy04LjRzLjItNi4yLjctOC40Yy41LTIuMiAxLjItNCAyLjEtNS4zLjktMS4zIDItMi4zIDMuMy0yLjggMS4zLS41IDIuOC0uOCA0LjQtLjh6bTAgMzEuOWMuOCAwIDEuNS0uMiAyLjMtLjYuNy0uNCAxLjQtMS4yIDEuOS0yLjMuNS0xLjEgMS0yLjYgMS4zLTQuNHMuNS00LjMuNS03LjEtLjItNS4zLS41LTcuMWMtLjMtMS45LS44LTMuMy0xLjMtNC40LS41LTEuMS0xLjItMS45LTEuOS0yLjMtLjctLjQtMS41LS42LTIuMy0uNi0uOCAwLTEuNS4yLTIuMy42LS43LjQtMS40IDEuMi0xLjkgMi4zLS41IDEuMS0xIDIuNi0xLjMgNC40LS4zIDEuOS0uNSA0LjItLjUgNy4xcy4yIDUuMy41IDcuMWMuMyAxLjkuOCAzLjMgMS4zIDQuNC41IDEuMSAxLjIgMS45IDEuOSAyLjMuOC40IDEuNi42IDIuMy42eiIvPjwvZz48L3N2Zz4=);
  overflow: hidden;
  height: 21px;
  width: 138px;
  vertical-align: middle;
  margin-left: -10px;
}

.icon-bro-upgrade {
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODEuMyA1OC4zIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNGNUJEMzciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIj48cGF0aCBkPSJNMzY3LjcgNTMuN2wtMS44IDMuNmgtNCIvPjxwYXRoIHN0cm9rZS1kYXNoYXJyYXk9IjcuOTg4NywzLjk5NDQiIGQ9Ik0zNTcuOSA1Ny4zSDguOGMtNC4zIDAtNy44LTIuNy03LjgtN1Y5LjhDMSA1LjYgNC41IDEgOC44IDFoMzUwLjYiLz48cGF0aCBkPSJNMzYxLjQgMWg0bDEuOSAzLjUiLz48cGF0aCBzdHJva2UtZGFzaGFycmF5PSI2Ljc5NTQsMy4zOTc3IiBkPSJNMzY4LjggNy42bDguNyAxNi41Ii8+PHBhdGggZD0iTTM3OC4zIDI1LjZsMS45IDMuNi0xLjggMy41Ii8+PHBhdGggc3Ryb2tlLWRhc2hhcnJheT0iNi43MjUzLDMuMzYyNyIgZD0iTTM3Ni44IDM1LjdsLTguMyAxNi41Ii8+PC9nPjxnIGZpbGw9IiNGNUJEMzciPjxwYXRoIGQ9Ik0zMjkuMiAyMy41YzAgMS42IDAgMy0uMyA0LjMtLjMgMS4xLS41IDIuMS0uOCAzLS4zLjgtLjggMS42LTEuNiAyLjEtLjUuNS0xLjMgMS4xLTIuMSAxLjNsNS45IDEyLjFoLTQuOGwtNS40LTExaC00Ljh2MTFIMzExVjEyLjhjMS4zLS4zIDIuNC0uNSAzLjgtLjhzMi43LS4zIDQtLjNjMS45IDAgMy41LjMgNC44LjVzMi40IDEuMSAzLjIgMS45Yy44LjggMS4zIDIuMSAxLjkgMy41LjIgMS45LjUgMy44LjUgNS45em0tMTAuNyA4LjFjMS4xIDAgMi4xLS4zIDMtLjUuOC0uMyAxLjMtLjggMS45LTEuMy41LS41LjgtMS4zIDEuMS0yLjQuMy0xLjEuMy0yLjEuMy0zLjhzMC0zLS4zLTQtLjUtMS45LTEuMS0yLjdjLS41LS41LTEuMS0xLjEtMS45LTEuM3MtMS42LS41LTMtLjVIMzE1djE2LjZsMy41LS4xek0zNDQuNSAxMmMxLjYgMCAzLjIuMyA0LjMuOCAxLjMuNSAyLjQgMS42IDMuMiAyLjdzMS42IDMuMiAyLjEgNS40Yy41IDIuMS44IDUuMS44IDguM3MtLjMgNi4yLS44IDguM2MtLjUgMi4xLTEuMSA0LTIuMSA1LjQtMS4xIDEuMy0xLjkgMi4xLTMuMiAyLjctMS4zLjUtMi43LjgtNC4zLjhzLTMuMi0uMy00LjMtLjhjLTEuMy0uNS0yLjQtMS42LTMuMi0yLjctLjgtMS4xLTEuNi0zLjItMi4xLTUuNC0uNS0yLjEtLjgtNS4xLS44LTguM3MuMy02LjIuOC04LjMgMS4xLTQgMi4xLTUuNGMxLjEtMS4zIDEuOS0yLjEgMy4yLTIuN3MyLjctLjggNC4zLS44em0wIDMxLjZjLjggMCAxLjYtLjMgMi4xLS41LjgtLjUgMS4zLTEuMSAxLjktMi4xczEuMS0yLjcgMS4zLTQuNmMuMy0xLjkuNS00LjMuNS03LjJzLS4zLTUuNC0uNS03LjItLjgtMy4yLTEuMy00LjZjLS41LTEuMS0xLjEtMS45LTEuOS0yLjEtLjgtLjUtMS42LS41LTIuMS0uNS0uOCAwLTEuNi4zLTIuMS41LS41LjMtMS4zIDEuMS0xLjkgMi4xLS41IDEuMS0xLjEgMi43LTEuMyA0LjYtLjMgMS45LS41IDQuMy0uNSA3LjJzLjMgNS40LjUgNy4yLjggMy4yIDEuMyA0LjZjLjUgMS4xIDEuMSAxLjkgMS45IDIuMS43LjMgMS4zLjUgMi4xLjV6TTMwMC41IDI3LjhjMS4zLS44IDIuNC0xLjkgMy0zLjIuNS0xLjMuOC0yLjcuOC00IDAtMy0uOC01LjQtMi4xLTYuNy0xLjYtMS4zLTQtMi4xLTcuMi0yLjEtMS4zIDAtMi43IDAtNCAuM3MtMi40LjMtMy44Ljh2MzNjMS4zLjMgMi40LjUgMy44LjhzMi43LjMgNCAuM2MyLjEgMCAzLjgtLjMgNS4xLS41czIuNC0xLjEgMy41LTEuNmMuOC0uOCAxLjYtMS45IDEuOS0zIC4zLTEuMy41LTIuNy41LTQuMyAwLTIuMS0uMy00LTEuMS01LjYtLjktMi4zLTIuMi0zLjQtNC40LTQuMnptLTUuNiAyLjJjMi40IDAgNCAuNSA1LjEgMS42czEuNiAzIDEuNiA1LjRjMCAyLjQtLjUgNC0xLjYgNS4xcy0yLjcgMS42LTUuMSAxLjZoLTMuMlYzMC4yaDMuMlYzMHptLTMuMi0zLjNWMTQuOWgzYzMuOCAwIDUuNiAxLjkgNS42IDUuOXMtMS45IDYuMi01LjYgNi4yaC0zdi0uM3oiLz48L2c+PGcgZmlsbD0iI0Y1QkQzNyI+PHBhdGggZD0iTTI2LjkgMTEuN2MxLjYgMCAzLjEuMyA0LjQuOCAxLjMuNSAyLjQgMS41IDMuMyAyLjguOSAxLjMgMS42IDMuMSAyLjEgNS4zLjUgMi4yLjcgNSAuNyA4LjQgMCAzLjQtLjIgNi4yLS43IDguNC0uNSAyLjItMS4yIDQtMi4xIDUuMy0uOSAxLjMtMiAyLjMtMy4zIDIuOC0xLjMuNS0yLjcuOC00LjQuOC0xLjYgMC0zLjEtLjMtNC40LS44LTEuMy0uNS0yLjQtMS41LTMuMy0yLjgtLjktMS4zLTEuNi0zLjEtMi4xLTUuMy0uNS0yLjItLjctNS0uNy04LjQgMC0zLjQuMi02LjIuNy04LjQuNS0yLjIgMS4yLTQgMi4xLTUuMy45LTEuMyAyLTIuMyAzLjMtMi44IDEuMy0uNSAyLjctLjggNC40LS44em0wIDMxLjljLjggMCAxLjUtLjIgMi4zLS42LjctLjQgMS40LTEuMiAxLjktMi4zLjUtMS4xIDEtMi42IDEuMy00LjRzLjUtNC4zLjUtNy4xLS4yLTUuMy0uNS03LjFjLS4zLTEuOS0uOC0zLjMtMS4zLTQuNC0uNS0xLjEtMS4yLTEuOS0xLjktMi4zLS43LS40LTEuNS0uNi0yLjMtLjYtLjggMC0xLjUuMi0yLjMuNi0uNy40LTEuNCAxLjItMS45IDIuMy0uNSAxLjEtMSAyLjYtMS4zIDQuNC0uMyAxLjktLjUgNC4yLS41IDcuMXMuMiA1LjMuNSA3LjEuOCAzLjMgMS4zIDQuNGMuNSAxLjEgMS4yIDEuOSAxLjkgMi4zLjcuNCAxLjUuNiAyLjMuNnpNNDcuNCAyNS41aDMuNGMxLjkgMCAzLjYuMiA0LjkuNiAxLjQuNCAyLjQgMSAzLjMgMS44LjguOCAxLjQgMS45IDEuOCAzLjMuNCAxLjQuNiAzIC42IDQuOSAwIDEuOS0uMiAzLjUtLjYgNC44LS40IDEuMy0xIDIuNC0xLjggMy4ycy0xLjkgMS40LTMuMyAxLjhjLTEuNC40LTMgLjYtNC45LjYtMS40IDAtMi44LS4xLTQtLjItMS4yLS4xLTIuNS0uNC0zLjctLjhWMTIuMkg2MHYzLjRINDcuNHY5Ljl6bTAgMy40djE0LjVoMy40YzIuMiAwIDMuOC0uNSA0LjgtMS42czEuNS0zIDEuNS01LjYtLjUtNC41LTEuNS01LjZjLTEtMS4xLTIuNi0xLjYtNC44LTEuNmwtMy40LS4xek04NS41IDEyLjJWNDZoLTQuM1YzMC42SDcxVjQ2aC00LjNWMTIuMkg3MXYxNWgxMC4xdi0xNWg0LjR6TTEwMS43IDExLjdjMS42IDAgMy4xLjMgNC40LjggMS4zLjUgMi40IDEuNSAzLjMgMi44LjkgMS4zIDEuNiAzLjEgMi4xIDUuMy41IDIuMi43IDUgLjcgOC40IDAgMy40LS4yIDYuMi0uNyA4LjQtLjUgMi4yLTEuMiA0LTIuMSA1LjMtLjkgMS4zLTIgMi4zLTMuMyAyLjgtMS4zLjUtMi43LjgtNC40LjgtMS42IDAtMy4xLS4zLTQuNC0uOEM5NiA0NSA5NC45IDQ0IDk0IDQyLjdjLS45LTEuMy0xLjYtMy4xLTIuMS01LjMtLjUtMi4yLS43LTUtLjctOC40IDAtMy40LjItNi4yLjctOC40LjUtMi4yIDEuMi00IDIuMS01LjMuOS0xLjMgMi0yLjMgMy4zLTIuOCAxLjMtLjUgMi44LS44IDQuNC0uOHptMCAzMS45Yy44IDAgMS41LS4yIDIuMy0uNi43LS40IDEuNC0xLjIgMS45LTIuMy41LTEuMSAxLTIuNiAxLjMtNC40cy41LTQuMy41LTcuMS0uMi01LjMtLjUtNy4xYy0uMy0xLjktLjgtMy4zLTEuMy00LjQtLjUtMS4xLTEuMi0xLjktMS45LTIuMy0uNy0uNC0xLjUtLjYtMi4zLS42LS44IDAtMS41LjItMi4zLjYtLjcuNC0xLjQgMS4yLTEuOSAyLjMtLjUgMS4xLTEgMi42LTEuMyA0LjQtLjMgMS45LS41IDQuMi0uNSA3LjFzLjIgNS4zLjUgNy4xLjggMy4zIDEuMyA0LjRjLjUgMS4xIDEuMiAxLjkgMS45IDIuMy44LjQgMS41LjYgMi4zLjZ6TTEzMS40IDI4YzEuOS41IDMuMyAxLjYgNC4xIDMuMi44IDEuNiAxLjIgMy41IDEuMiA1LjYgMCAxLjctLjIgMy4yLS42IDQuNC0uNCAxLjItMSAyLjItMS45IDMtLjkuOC0yIDEuNC0zLjQgMS43LTEuNC40LTMuMi42LTUuMi42LTEuNCAwLTIuOC0uMS00LS4yLTEuMi0uMS0yLjUtLjQtMy43LS44VjEyLjdjMS4yLS40IDIuNS0uNiAzLjctLjcgMS4yLS4xIDIuNi0uMiA0LS4yIDMuNCAwIDUuOS43IDcuNCAyLjIgMS41IDEuNSAyLjMgMy43IDIuMyA2LjcgMCAxLjQtLjMgMi44LS44IDQuMS0uNiAxLjMtMS42IDIuMy0zIDMuMWwtLjEuMXptLTYuMy0xLjNjMy45IDAgNS44LTIgNS44LTYgMC0zLjktMS45LTUuOC01LjgtNS44aC0yLjl2MTEuOGgyLjl6bS0yLjkgMy4xdjEzLjVoMy40YzIuNCAwIDQuMS0uNSA1LjItMS41IDEtMSAxLjYtMi43IDEuNi01IDAtMi41LS41LTQuMy0xLjYtNS40LTEtMS4xLTIuOC0xLjYtNS4yLTEuNmgtMy40ek0xNTcgMjAuOWgtLjJsLTEwIDI1LjFIMTQyVjEyLjJoNC4zdjI1LjFoLjJsOS43LTI1LjFoNS4xVjQ2SDE1N1YyMC45ek0xNjUuMiAxMi4ySDE4NXYzLjRoLTcuN1Y0NkgxNzNWMTUuNmgtNy43bC0uMS0zLjR6TTE5OCAyNS41YzMuMSAwIDUuNC44IDYuOSAyLjQgMS41IDEuNiAyLjIgNC4zIDIuMiA4LjIgMCAxLjktLjIgMy41LS42IDQuOC0uNCAxLjMtMSAyLjQtMS44IDMuMnMtMS45IDEuNC0zLjMgMS44Yy0xLjQuNC0zIC42LTQuOS42LTEuNCAwLTIuOC0uMS00LS4yLTEuMi0uMS0yLjUtLjQtMy43LS44VjEyLjJoNC4zVjI2Yy42LS4xIDEuNC0uMiAyLjMtLjMgMS4xLS4yIDEuOS0uMiAyLjYtLjJ6bS00LjggMy40djE0LjVoMy40YzIuMiAwIDMuOC0uNSA0LjgtMS42czEuNS0zIDEuNS01LjYtLjUtNC41LTEuNS01LjZjLTEtMS4xLTIuNi0xLjYtNC44LTEuNmwtMy40LS4xek0yMjUuOCA0NmMtLjMgMi45LS43IDUuMy0xLjUgNy4yaC0yLjdWNDIuNmgyLjRjLjQtLjcuOC0xLjUgMS4xLTIuNS4zLS44LjYtMS45LjgtMy4xLjMtMS4yLjQtMi43LjUtNC4zbDEtMjAuNWgxNS43djMwLjRoMy4xdjEwLjZoLTIuN2MtLjctMS45LTEuMi00LjMtMS40LTcuMmgtMTYuM3ptMTMtMy40di0yN2gtNy4xbC0uOCAxNy4xYy0uMSAxLjYtLjIgMy4xLS41IDQuMy0uMyAxLjItLjUgMi4zLS44IDMuMS0uNCAxLS43IDEuOC0xLjEgMi41aDEwLjN6TTI1OS44IDExLjdjMS42IDAgMy4xLjMgNC40LjggMS4zLjUgMi40IDEuNSAzLjMgMi44LjkgMS4zIDEuNiAzLjEgMi4xIDUuMy41IDIuMi43IDUgLjcgOC40IDAgMy40LS4yIDYuMi0uNyA4LjQtLjUgMi4yLTEuMiA0LTIuMSA1LjMtLjkgMS4zLTIgMi4zLTMuMyAyLjgtMS4zLjUtMi43LjgtNC40LjgtMS42IDAtMy4xLS4zLTQuNC0uOC0xLjMtLjUtMi40LTEuNS0zLjMtMi44LS45LTEuMy0xLjYtMy4xLTIuMS01LjMtLjUtMi4yLS43LTUtLjctOC40IDAtMy40LjItNi4yLjctOC40LjUtMi4yIDEuMi00IDIuMS01LjMuOS0xLjMgMi0yLjMgMy4zLTIuOCAxLjMtLjUgMi44LS44IDQuNC0uOHptMCAzMS45Yy44IDAgMS41LS4yIDIuMy0uNi43LS40IDEuNC0xLjIgMS45LTIuMy41LTEuMSAxLTIuNiAxLjMtNC40cy41LTQuMy41LTcuMS0uMi01LjMtLjUtNy4xYy0uMy0xLjktLjgtMy4zLTEuMy00LjQtLjUtMS4xLTEuMi0xLjktMS45LTIuMy0uNy0uNC0xLjUtLjYtMi4zLS42LS44IDAtMS41LjItMi4zLjYtLjcuNC0xLjQgMS4yLTEuOSAyLjMtLjUgMS4xLTEgMi42LTEuMyA0LjQtLjMgMS45LS41IDQuMi0uNSA3LjFzLjIgNS4zLjUgNy4xLjggMy4zIDEuMyA0LjRjLjUgMS4xIDEuMiAxLjkgMS45IDIuMy44LjQgMS42LjYgMi4zLjZ6Ii8+PC9nPjwvc3ZnPg==);
  overflow: hidden;
  height: 21px;
  width: 138px;
  vertical-align: middle;
  margin-left: -10px;
}

.performing .icon-status {
  margin: -3px 7px 0 -10px;
}

.dj-users__lst .icon-bro {
  margin-top: -1px;
}

.dj-users__lst .icon-pro {
  margin-top: -1px;
}

.stream-single-comment .icon-status {
  margin-left: 4px;
}

.small-prof__name .icon-status {
  margin-top: 2px;
  margin-left: -1px;
}

.track__author-popup .small-prof__name .icon-status {
  margin-top: 2px;
  margin-left: -1px;
}

.settings__acts .icon-status {
  margin: 3px 6px 0 0px;
}

.comments__i-body-header .icon-status {
  margin: -3px 10px 0 -6px;
}

.main-feed-content__header .icon-status {
  margin: -2px 8px 0 0px;
  vertical-align: middle;
}

.user-main-list .icon-status {
  vertical-align: middle;
  margin: -2px 8px 0 -4px;
}

.teasers-main .icon-status {
  margin-top: -1px;
}

.pro-content {
  padding: 0 60px 0 70px;
}

.pro-content-select-period {
  border: 1px dashed #c6cacd;
  padding: 30px 20px 20px;
}

.pro-content-select-period > DIV {
  position: relative;
}

.pro-content-select-period P.title {
  font-weight: bold;
  margin-bottom: 30px;
}

.pro-content-select-period P.title .info {
  font-weight: normal;
}

.pro-content-select-period P.notka-bene {
  color: #c6c7c8;
  margin-top: 25px;
}

.pro-content-select-period .period {
  display: inline-block;
  width: 24.5%;
  vertical-align: top;
}

.pro-content-select-period .btn {
  width: 110px;
}

.pro-content-select-period .price {
  color: #7f868b;
  padding: 13px 0 0 15px;
  font-size: 16px;
}

.pro-content .pro-info {
  padding: 40px 25px 30px;
  text-align: left;
}

.pro-content .pro-info .icon-status {
  margin-top: 2px;
}

.pro-content .i-am-pro {
  font-family: Cuprum;
  font-size: 32px;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-left: 20px;
  display: block;
}

.pro-content .paid-till {
  color: #7f868b;
  float: right;
  font-size: 14px;
  padding-top: 8px;
}

.already-pro {
  color: #7cb45e;
  font-weight: bold;
  margin: -10px 0 45px;
}

.pro-content .i-am-pro .icon-status {
  margin: -7px 10px 0 10px;
}

.pro-content .you-are-superstar {
  padding: 0px 20px;
  text-align: left;
  font-size: 18px;
}

.dj-mail-promo {
  width: 300px;
  background: none repeat scroll 0% 0% #FCFCFC;
  margin: 0px 0px 25px;
  position: relative;
  padding: 32px 38px 0;
  text-align: center;
  box-shadow: 0px 13px 10px -10px rgba(0, 0, 0, 0.2), 0px 13px 6px -13px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}

.dj-mail-promo__link {
  color: #464e57;
  line-height: 12px;
  font-size: 18px;
  text-decoration: underline;
}

.dj-mail-promo__link:hover {
  text-decoration: none;
}

.dj-mail-promo__img {
  margin-bottom: 9px;
}

.dj-mail-promo__txt {
  color: #AAB7BE;
  font-size: 12px;
  text-align: left;
  margin: 14px 16px;
  word-spacing: -2px;
}

.dj-mail-promo__txt-img {
  vertical-align: top;
  margin-left: 7px;
}

.mail-services-btn {
  padding: 3px 17px;
  height: 53px;
  text-align: left;
}

.mail-services-btn__txt {
  font-size: 16px;
  line-height: 36px;
}

.dj-settings-nav {
  background: none repeat scroll 0% 0% #FCFCFC;
  margin-bottom: 25px;
  border-radius: 3px;
  margin-left: -14px;
}

.dj-settings-nav .h-enter {
  margin: 18px 18px 19px;
}

.dj-main-block {
  background: none repeat scroll 0% 0% #FCFCFC;
  margin-bottom: 31px;
  border-radius: 3px;
  margin-left: -14px;
  padding-top: 41px;
  padding-bottom: 41px;
}

.dj-main-block__txt {
  margin-top: -12px;
  margin-bottom: 40px;
  padding: 0 140px;
}

.dj-red {
  color: #fc5b3e;
}

.dj-block {
  display: block;
}

.dj-letter {
  background: 0 0 no-repeat url(/img/letter.png);
  width: 435px;
  margin: 0 auto 16px;
  height: 231px;
}

.dj-letter-inner {
  padding: 106px 20px 0;
  text-align: center;
}

.custom-input.mail-input {
  font-size: 16px;
  font-weight: bold;
  margin: 0 11px;
  position: relative;
  text-align: center;
  width: 199px;
}

.relative {
  position: relative;
}

.dj-letter-del {
  background: none repeat scroll 0% 0% #FFBF00;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  color: #47493E;
  display: block;
  position: absolute;
  right: 19px;
  top: 0;
  text-align: center;
  line-height: 17px;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
}

.dj-letter-inner-after {
  color: #ffbf00;
  font-size: 24px;
  margin: 0 0 0 -10px;
  position: relative;
  right: -3px;
  top: -3px;
  vertical-align: middle;
}

.dj-letter-text {
  color: #9ca3a8;
  text-align: center;
  margin: 16px 0 0;
  font-size: 12px;
}

.dj-letter-text .status {
  display: block;
  font-weight: bold;
  font-size: 14px;
}

.dj-letter-text.accept .status {
  color: #7cb45e;
}

.dj-mail-payblock {
  margin: 29px auto 12px;
  padding: 17px 42px 23px;
  width: 656px;
}

.dj-mail-payblock__right {
  margin-top: 5px;
  text-align: left;
}

.dj-mail-payblock-txt {
  margin: 0;
}

.dj-mail-payblock-txt-under {
  font-size: 12px;
  color: #9ca3a8;
}

.dj-mail-extra-text-pay {
  margin: 0 auto 50px;
  text-align: left;
  width: 715px;
  color: #4d5c66;
}

.dj-mail-txt2 {
  margin: 12px 0 28px;
}

.dj-letter-text-btn {
  width: 156px;
}

.add-track-btn-wrap-txt {
  margin: 13px 0 8px;
}

.dj-your-mail {
  margin: -30px 0 0;
}

.mail-input-wider.mail-input {
  width: 400px;
}

.dj-mail-code {
  border: 2px dashed #c6cacd;
  border-radius: 3px;
  margin: 33px auto -4px;
  padding: 14px 0 25px;
  width: 735px;
}

.dj-mail-code-inner {
  border: 4px solid #ffbf00;
  border-radius: 9px;
  box-shadow: 0 1px 0 #e7e9eb inset;
  font-family: arial;
  font-size: 30px;
  font-weight: bold;
  height: 56px;
  margin: 4px 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 270px;
}

.dj-mail-code-hint-txt {
  color: #ffbf00;
  font-size: 24px;
  margin: 17px 0 10px;
}

.dj-mail-text-inner {
  padding: 0 18px;
}

.dj-mail-text-inner-left {
  float: left;
}

.dj-mail-adress {
  font-size: 24px;
  color: #57a1c7;
  display: block;
  font-weight: bold;
  margin-bottom: 9px;
}

.dj-mail-adress-hint {
  display: block;
  color: #afb3b6;
  font-size: 12px;
  margin: 0 0 3px;
}

.dj-mail-adress-relink {
  font-size: 12px;
  color: #fc5b3e;
}

.dj-mail-text-inner-right {
  margin-left: 36px;
  padding: 8px 0 0;
}

.dj-mail-text-inner-right-txt {
  font-size: 16px;
  margin: 12px 0 0;
}

.email-check-error {
  color: red;
}

.email-management-template {
  display: none;
}

.interview .track-list__i {
  width: 710px;
  margin-left: 136px;
}

.comments__add-main .error-message {
  color: #FB5A3C;
  display: inline-block;
  margin: 4px 0 0 10px;
}

.xpost-buttons {
  float: right;
  margin: 4px 4px 0 0;
}

.post-button {
  width: 40px;
  height: 22px;
  background: url(/imgs/social_icons.png) no-repeat;
  border-radius: 11px;
  background-color: #cfd5d8;
  display: inline-block;
}

.post-button.active:after {
  content: '';
  position: absolute;
  width: 14px;
  height: 19px;
  background: url(/imgs/social_icons.png) no-repeat -144px -1px;
  margin-left: 23px;
}

.post-button.vkontakte {
  background-position: 8px -1px;
}

.post-button.twitter {
  background-position: -43px -1px;
}

.post-button.facebook {
  background-position: -89px -1px;
}

.post-button.vkontakte.active {
  background-color: #6083a9;
  background-position: 3px -1px;
}

.post-button.twitter.active {
  background-color: #63aeeb;
  background-position: -48px -1px;
}

.post-button.facebook.active {
  background-color: #4866a1;
  background-position: -94px -1px;
}

.settings__social-i .dotted {
  margin-right: 20px;
}

.settings__social-lst > .active {
  background-color: white;
  position: relative;
  z-index: 1;
}

.settings__social-lst .xpost-settings {
  margin-top: 8px;
  margin-bottom: 20px;
  font-family: Cuprum;
  font-size: 16px;
  padding: 10px 16px;
  background-color: #fcfcfc;
  -webkit-box-ordinal-group: 2;
          order: 1px solid #adb7bc;
  border-radius: 4px;
}

.settings__social-lst .xpost-settings P {
  font-weight: normal;
  margin-bottom: 6px;
  font-size: 18px;
  margin-top: 20px;
}

.settings__social-lst .xpost-settings P:first-child {
  margin-top: 0;
}

.settings__social-lst .xpost-settings LABEL {
  display: block;
  ont-family: Cuprum;
}

.settings__social-lst .xpost-settings .controls {
  margin-top: 10px;
}

.settings__social-lst .xpost-settings .controls .btn {
  padding: 3px 14px 1px;
  margin-right: 10px;
}

.settings__social-lst .facebook-settings {
  font-weight: normal;
}

.settings__social-lst .facebook-settings A.change-facebook-liznk {
  text-decoration: none;
  border-bottom: 1px dashed;
}

.settings__social-lst .facebook-settings span {
  margin-right: 8px;
}

.xpost-settings {
  display: none;
}

.facebook-settings .identity {
  overflow: hidden;
  margin-bottom: 10px;
}

.facebook-settings .current-identity .identity {
  margin-bottom: 0;
}

.facebook-settings .identity IMG {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 10px;
}

.facebook-settings .identity A.title {
  display: block;
}

.facebook-settings .identity SPAN.info {
  display: block;
  font-family: Helvetica Neue, Helvetica, Arial;
  font-size: 12px;
}

.facebook-settings .possible-identities {
  display: none;
}

.settings__social-lst .facebook-settings .btn {
  padding: 3px 14px 1px;
  margin: 10px 10px 6px 0;
}

.social-settings-popup {
  top: 50%;
  margin-top: -350px;
}

.social-settings-popup .description {
  line-height: 22px;
  margin-bottom: 16px;
}

.settings-icon {
  background: url(/img/icons.png);
  display: inline-block;
  background-position: -80px -21px;
  width: 17px;
  height: 20px;
  vertical-align: bottom;
}

.short-add-media {
  font-family: Cuprum;
  display: inline-block;
  margin-left: 15px;
  font-size: 16px;
  position: relative;
  cursor: pointer;
  color: #4d5257;
}

.short-add-media:after {
  ontent: '\25BC';
  content: '';
  width: 5px;
  height: 4px;
  vertical-align: top;
  margin: 11px 0 0 5px;
  background: url(/img/icons.png);
  background-position: -138px 0;
  display: inline-block;
  overflow: hidden;
}

.short-add-media .atari-dialog > DIV {
  padding: 4px 8px;
  background-color: #ffffff;
}

.short-add-media .atari-dialog A {
  display: block;
  padding: 2px 4px;
}

.short-add-media .uploadProgress {
  float: none;
  margin-bottom: 2px;
}

.short-post-gallery {
  width: 752px;
}

.short-post-gallery.img-added-list-form {
  margin-bottom: -15px;
}

.short-gallery {
  margin-bottom: -10px;
  margin-right: -10px;
}

.short-gallery A {
  display: inline-block;
  margin: 0 10px 10px 0;
}

.short-gallery A IMG {
  display: block;
}

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.4.0
 * @url https://github.com/feimosi/baguetteBox.js
 */

#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

#baguetteBox-overlay.visible {
  opacity: 1;
}

#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}

#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: sans-serif;
}

#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;
  transition: left 0.4s ease, -webkit-transform 0.4s ease;
  transition: left 0.4s ease, transform 0.4s ease;
  transition: left 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}

#baguetteBox-slider.bounce-from-right {
  -webkit-animation: bounceFromRight 0.4s ease-out;
          animation: bounceFromRight 0.4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
  -webkit-animation: bounceFromLeft 0.4s ease-out;
          animation: bounceFromLeft 0.4s ease-out;
}

@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0;
  }
}

@keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0;
  }
}

@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0;
  }
}

@keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0;
  }
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
  right: 2%;
}

.baguetteBox-button#previous-button {
  left: 2%;
}

.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
}

.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0;
}

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/

.spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
          animation: bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
          animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.separator.ad {
  margin-top: 20px;
}

.main-feed-list__i.promo.muzzax {
  padding-left: 20px;
  padding-right: 0;
  margin-left: 0px;
  margin-top: -25px;
}

.muzzax h3 {
  margin-bottom: 12px;
}

.muzzax .mp3Player {
  float: left;
  margin-left: 0;
  margin-right: 13px;
}

.music-rss {
  float: right;
  margin-top: 16px;
}

.music-rss A {
  font-family: Cuprum;
  font-size: 13px;
  text-transform: uppercase;
  border-bottom: 0px solid;
}

.music-rss .icon-img {
  width: 15px;
  height: 15px;
  background-position: -64px -113px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.player-main .track__title A {
  text-decoration: none;
}

.player-main .track__title A:hover {
  text-decoration: underline;
}

#popupComplainALot {
  width: 302px;
  left: -140px;
  display: none;
}

.selected-complaint #popupComplainALot {
  display: block;
  z-index: 999;
  opacity: 1;
  bottom: 47px;
  text-align: left;
  -webkit-transition: bottom 0.3s, opacity 0.3s;
  transition: bottom 0.3s, opacity 0.3s;
}

#popupComplainALot textarea {
  margin-bottom: 15px;
}

.form-podcasts .error {
  color: #fb5a3c;
}

.top100-achievements {
  padding-top: 20px;
}

.chart-genres-block__genres.expanded {
  max-height: none;
}

.promo-header {
  font-family: Cuprum, Arial, sans-serif;
  font-size: 22px;
  margin-bottom: 25px;
  clear: left;
  text-transform: uppercase;
  margin-left: -5px;
  margin-top: 15px;
}

.promo-header.recommended {
  margin-top: -15px;
}

.special-taggable {
  padding: 6px;
  line-height: 22px;
  outline: none;
}

.remixes-index .remix-item {
  overflow: hidden;
  margin-bottom: 34px;
}

.remixes-index .remix-item .image {
  display: block;
  float: left;
  width: 300px;
  height: 167px;
  background-size: cover;
  margin-right: 28px;
}

.remixes-index .remix-item .content .title {
  margin-bottom: 2px;
}

.remixes-index .remix-item .content .title .name {
  font-family: Cuprum, Arial;
  font-size: 21px;
  color: #57a1c7;
  margin-right: 4px;
}

.remixes-index .remix-item .content .title .comments-num {
  display: inline-block;
}

.remixes-index .remix-item .content .title .comments-num .icon-img {
  width: 17px;
}

.remixes-index .remix-item .content .dates {
  font-size: 12px;
  color: #adb7bc;
  margin-bottom: 8px;
}

.remixes-index .remix-item .content .intro {
  margin-bottom: 10px;
  font: normal 14px/1.6 Arial, Tahoma, sans-serif;
}

.remixes-index .remix-item .content .status {
  font-family: Cuprum, Arial;
  padding: 4px 12px;
  font-size: 13px;
  display: inline-block;
  background-color: #adb7bc;
  border-radius: 2px;
}

.remixes-index .remix-item .content .status.on {
  color: white;
  background-color: #ff512b;
}

.remixes-index .remix-item .content .status.voting {
  background-color: #FFBF00;
}

.remixes-remix .h3 {
  font-family: Cuprum, Arial, sans-serif;
  font-size: 24px;
}

.remixes-remix .news-item-h.review {
  margin-bottom: 8px;
}

.remixes-remix .accepted {
  font-family: Cuprum, Arial;
  font-weight: bold;
  font-size: 18px;
}

.remixes-remix h2 {
  font-size: 24px;
  font-weight: normal;
  color: #57a1c7;
  margin-bottom: 18px;
}

.remixes-remix .original-track {
  margin-top: 15px;
  margin-bottom: 15px;
}

.remixes-remix .original-track .title {
  color: #AFB9BD;
  font-size: 13px;
  margin-bottom: 4px;
  padding-left: 3px;
}

.remixes-remix .original-track .shortie .full-width-track .track-bar__body {
  width: 255px;
}

.remixes-remix .users-section {
  margin: -5px 23px 29px -8px;
}

.remixes-remix .users-section .publish-remix {
  margin: 5px 8px 0 15px;
}

.remixes-remix .winners {
  margin-top: 30px;
  margin-bottom: 60px;
}

.remixes-remix .winners .h3 {
  margin: 0 0 20px;
}

.remixes-remix .contenders {
  margin-bottom: 60px;
}

.remixes-remix .contenders .h3 {
  margin: 0 0 15px;
}

.remixes-remix .remix-pack {
  margin-top: 15px;
}

.remixes-remix .remix-pack .h3 {
  font-family: Cuprum, Arial, sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  margin: 0 0 15px;
  padding: 0;
}

.remixes-remix .remixes .publish-remix + .sort-options {
  margin-right: 10px;
}

.remixes-remix .remixes .sort-options {
  margin-top: 4px;
  margin-right: 16px;
}

.remixes-remix .remixes .fake .track-section {
  padding-top: 10px;
}

.remixes-remix .remixes .fake .users-section__header:before {
  bottom: auto;
  top: 33px;
}

.remixes-remix .remixes .fake .users-section__header:after {
  bottom: auto;
  top: 38px;
}

.remixes-remix .contenders + .rating-section,
.remixes-remix .remixes + .rating-section {
  margin-top: 60px;
}

.gray-edit-icon {
  background-position: 0 -350px;
  height: 15px;
  width: 15px;
  vertical-align: middle;
  margin-right: 7px;
}

.remixes-settings-index .likes-rate-icon {
  height: 20px;
}

.remixes-settings-index article {
  position: relative;
  min-height: 170px;
}

.remixes-settings-index article .buy-item {
  position: absolute;
  bottom: 20px;
  right: 25px;
}

.remixes-settings-index article .not-paid {
  position: absolute;
  bottom: 25px;
  left: 209px;
}

.remixes-settings-index .page-list-item-manage {
  text-align: left;
  width: 170px;
  position: relative;
}

.remixes-settings-index .page-list-item-manage .editControls > div {
  margin: 0 0 12px;
}

.remixes-settings-index .page-list-item-manage .editControls a {
  font-size: 13px;
}

.remixes-settings-index .article-stats .status {
  margin-top: 5px;
  margin-left: 10px;
  font-family: Cuprum, Arial;
  padding: 4px 12px;
  font-size: 13px;
  display: inline-block;
  background-color: #adb7bc;
  border-radius: 2px;
}

.remixes-settings-index .article-stats .status.on {
  color: white;
  background-color: #ff512b;
}

.remixes-settings-index .article-stats .status.voting {
  background-color: #FFBF00;
}

.remix-contest-add textarea.custom-input {
  height: 55px;
}

.remix-contest-order .description {
  margin-bottom: 30px;
}

.remix-contest-order .track-select h2 {
  margin-bottom: 15px;
}

.remix-contest-order .all-tracks {
  border: 1px dashed #acb7bd;
  border-radius: 10px;
  padding: 10px;
  overflow: hidden;
  position: relative;
}

.remix-contest-order .all-tracks h2 {
  padding: 5px 15px;
}

.remix-contest-order .all-tracks .user-main-list__track {
  margin-top: 0;
  max-width: 388px;
  padding: 10px;
  border-radius: 8px;
  cursor: pointer;
}

.remix-contest-order .all-tracks .user-main-list__track:hover {
  background-color: #e5e5e5;
}

.remix-contest-order .all-tracks .user-main-list__track .full-width-track .track-bar__body {
  width: 330px;
}

.remix-contest-order .all-tracks .close-button {
  position: absolute;
  top: 10px;
  right: 50px;
  width: 27px;
  height: 26px;
  background-position: 0 -438px;
  z-index: 2;
  cursor: pointer;
  overflow: visible;
  background-image: url(/img/icons.png);
  display: inline-block;
}

.remix-contest-order .all-tracks .close-button:hover {
  background-position: -31px -438px;
}

.remix-contest-order .all-tracks .close-button span {
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 100%;
  margin-left: 10px;
  color: #353e47;
}

.remix-contest-order .winner-group {
  border: 1px dashed #acb7bd;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 40px;
}

.remix-contest-order .winner-group:after {
  content: ' ';
  display: block;
  clear: left;
}

.remix-contest-order .winner-group .header {
  padding: 10px 0 0 8px;
  margin-bottom: 30px;
}

.remix-contest-order .winner-group .header label {
  display: block;
  margin-bottom: 6px;
}

.remix-contest-order .winner-group .header button {
  margin-left: 15px;
}

.remix-contest-order .winner-group .header input {
  width: 43%;
  margin-right: 18px;
  font-family: Cuprum, Arial;
  font-size: 20px;
}

.remix-contest-order .winner-group ol {
  counter-reset: section;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.remix-contest-order .winner-group ol li {
  padding-left: 30px;
  position: relative;
}

.remix-contest-order .winner-group ol li .user-main-list__track {
  margin-top: 0;
  max-width: 388px;
}

.remix-contest-order .winner-group ol li .user-main-list__track .full-width-track .track-bar__body {
  width: 330px;
}

.remix-contest-order .winner-group ol li .description {
  margin-bottom: 10px;
  margin-left: 30px;
  float: left;
  padding-top: 10px;
}

.remix-contest-order .winner-group ol li .description input {
  width: 380px;
}

.remix-contest-order .winner-group ol li .remove {
  position: absolute;
  top: 13px;
  right: 2px;
  width: 27px;
  height: 26px;
  background-position: 0 -438px;
  z-index: 2;
  cursor: pointer;
  background-image: url(/img/icons.png);
  display: block;
}

.remix-contest-order .winner-group ol li .remove:hover {
  background-position: -31px -438px;
}

.remix-contest-order .winner-group ol li:before {
  position: absolute;
  margin-left: -30px;
  width: 22px;
  font-size: 24px;
  font-weight: bold;
  margin-top: 13px;
  color: #57a1c7;
  text-align: right;
  font-family: Cuprum, Arial;
  counter-increment: section;
  content: counter(section);
}

.remix-contest-order .winner-group .track-item {
  clear: left;
}

.remix-contest-order .sorting-section {
  margin-bottom: 60px;
}

.remix-contest-order .sorting-section h2 {
  margin-bottom: 15px;
}

.remix-contest-order .sorting-section .sorting-tracks {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.remix-contest-order .sorting-section .sorting-tracks li {
  margin-bottom: 10px;
}

.remix-contest-order .sorting-section .sorting-tracks li.empty {
  padding: 20px 0;
}

.search__style-types-new {
  padding: 2px 6px;
}

.search__style-types-new.empty .special-taggable {
  padding-top: 6px;
  display: block;
}

.search__style-types-new .special-taggable {
  padding: 0;
}

.search__style-types-new .styles-container__i:first-child {
  margin-left: 0;
}

.special-taggable:before {
  content: '\200b';
}

.comments__i-time {
  display: block;
  float: left;
  color: #FB5A3C;
  margin-right: 8px;
  font-size: 11px;
  text-decoration: none;
  border-bottom: 1px dashed;
  padding-top: 3px;
}

.chart-section-header-list {
  list-style: none;
  padding: 0;
  margin: 5px 0 0 32px;
}

.chart-section-header-list__i {
  float: left;
}

.chart-section-header-list__i-link {
  color: #2da7dd;
  text-decoration: none;
  font-size: 16px;
  display: block;
  padding: 6px 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.active .chart-section-header-list__i-link {
  color: #35393e;
  background: #d9dddf;
  cursor: default;
}

.chart-social-list {
  list-style: none;
  float: right;
  margin: 3px 0 0;
  padding: 0;
}

.chart-social-list__i {
  float: left;
  margin-left: 7px;
}

.chart-social-list__i-link .chart-social-icon {
  width: 24px;
  height: 24px;
}

.chart-social-list__i-link:hover .chart-vk {
  background-position: -319px -656px;
}

.chart-social-list__i-link:hover .chart-fb {
  background-position: -343px -656px;
}

.chart-social-list__i-link:hover .chart-tw {
  background-position: -367px -656px;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.placeholder .animated-background {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
          animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: #f6f7f8;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 96px;
  position: relative;
}

.chart-genres-block {
  background: #35393e;
  padding: 22px 30px 0 23px;
  margin: -5px 0px 39px -23px;
}

.chart-genres-block .chart-genres-block-list {
  min-height: 41px;
}

.chart-genres-block.no-styles {
  adding-top: 4px;
}

.chart-genres-block.no-styles .chart-genres-block__genres {
  isplay: none;
}

.chart-genres-block.no-styles .chart-genres-block-checker__txt {
  display: none;
}

.chart-genres-block__genres {
  border-bottom: 1px solid #4d5257;
  position: relative;
  margin: 0 -30px 0 -22px;
  padding: 0 30px 0 22px;
  max-height: 80px;
  overflow: hidden;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.chart-genres-block__genres.active {
  max-height: 800px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.chart-genres-block__genres::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #35393e;
  height: 10px;
  display: block;
  z-index: 9;
}

.chart-genres-block__genres-toggler {
  position: absolute;
  bottom: 21px;
  right: 28px;
  color: #abb7be;
  font-size: 12px;
  cursor: pointer;
}

.chart-genres-block__genres-toggler .icon-img {
  vertical-align: middle;
  margin-left: 5px;
}

.chart-genres-block__genres-toggler:hover {
  color: #ffbf00;
}

.chart-genres-block__genres-toggler:hover .icon-img {
  background-position: -246px -424px;
}

.chart-genres-block__genres-toggler.selected .icon-img {
  background-position: -264px -406px;
}

.chart-genres-block__genres-toggler.selected:hover .icon-img {
  background-position: -264px -424px;
}

.chart-genres-block-checker {
  color: #798288;
  font-size: 12px;
}

.chart-genres-block-checker__label {
  font-size: 14px;
  color: #abb7be;
  border: 1px solid;
  width: 104px;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.chart-genres-block-checker__label.active {
  color: #35393e;
  background-color: #ffbf00;
  border-color: #ffbf00;
}

.chart-genres-block-checker__label.active:hover {
  color: #35393e;
  cursor: default;
}

.chart-genres-block-checker__label:hover {
  color: #ffbf00;
}

.chart-genres-block-checker__txt {
  color: #798288;
  font-size: 12px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-left: 6px;
}

.chart-genres-block-list {
  padding: 2px 45px 0 0;
  margin: 0 0 5px 147px;
  list-style: none;
}

.chart-genres-block-list__i {
  display: inline-block;
  margin-right: 8px;
  cursor: pointer;
  margin-bottom: 10px;
}

.chart-genres-block-list__i .genres-name {
  color: #abb7be;
  display: inline-block;
  position: relative;
  border: 1px solid;
  border-right: none;
  background: #35393e;
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  z-index: 9;
  height: 22px;
  line-height: 22px;
}

.chart-genres-block-list__i .genres-name__inner {
  background: #35393e;
  z-index: 1;
  position: relative;
  display: inline-block;
  padding: 0 8px 0 8px;
  font-family: arial;
  font-size: 12px;
  height: 22px;
  display: block;
}

.chart-genres-block-list__i .genres-name::after {
  content: "";
  display: block;
  position: absolute;
  right: -9px;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid #abb7be;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  z-index: 0;
}

.chart-genres-block-list__i .genres-manage {
  border: 1px dashed #abb7be;
  color: #abb7be;
  display: block;
  width: 46px;
  margin-left: -10px;
  text-align: right;
  height: 22px;
  float: right;
  position: relative;
  opacity: .5;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.chart-genres-block-list__i .genres-manage__inner {
  font-size: 26px;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  right: 7px;
  top: 3px;
}

.chart-genres-block-list__i.selected .genres-name {
  color: #35393e;
  border-color: #ffbf00;
  background-color: #ffbf00;
}

.chart-genres-block-list__i.selected .genres-name__inner {
  background: #ffbf00;
}

.chart-genres-block-list__i.selected .genres-name::after {
  border-color: #ffbf00;
  background-color: #ffbf00;
}

.chart-genres-block-list__i.selected .genres-manage {
  color: #ffbf00;
  border-color: #ffbf00;
}

.chart-genres-block-list__i.selected .genres-manage__inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.chart-genres-block-list__i.selected:hover .genres-name {
  color: inherit;
  border-color: #ffbf00;
}

.chart-genres-block-list__i.selected:hover .genres-name::after {
  border-color: #ffbf00;
}

.chart-genres-block-list__i:hover .genres-name {
  color: #ffbf00;
  border-color: #ffbf00;
}

.chart-genres-block-list__i:hover .genres-name::after {
  border-color: #ffbf00;
}

.chart-genres-block-list__i:hover .genres-manage {
  border-color: #ffbf00;
  color: #ffbf00;
}

.chart-genres-block__allmusic {
  padding: 18px 0 17px;
}

.chart-genres-block-music-list {
  padding: 0 45px 0 0;
  margin: 0px 0 5px 147px;
  list-style: none;
}

.chart-genres-block-music-list__i {
  background: #4d5258;
  display: inline-block;
  margin-right: 14px;
  color: #abb7be;
  border: 1px solid #4d5258;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.chart-genres-block-music-list__i:hover {
  background: transparent;
  border: 1px solid #ffbf00;
}

.music-style .chart-genres-block-music-list__i:hover {
  background: #4d5258;
  color: #abb7be;
  border: 1px solid #4d5258;
}

.chart-genres-block-music-list__i-link {
  display: block;
  text-decoration: none;
  color: inherit;
  font-size: 12px;
  padding: 0 9px;
  height: 24px;
  line-height: 26px;
}

.chart-genres-block-music-list__i-txt {
  display: block;
  text-decoration: none;
  color: inherit;
  font-size: 12px;
  padding: 0 7px;
  height: 24px;
  line-height: 24px;
}

.chart-genres-block-music-list__i.selected {
  background: #ffbf00;
  color: #35393e;
  border: 1px solid #ffbf00;
}

.chart-genres-block-music-list__i.selected a:hover {
  color: #35393e;
  cursor: default;
}

.chart-header-icon {
  margin-right: 15px;
  margin-top: -5px;
}

.chart-header {
  letter-spacing: 0;
  font-size: 20px;
  margin-right: 15px;
  margin-top: 4px;
  margin-bottom: 30px;
}

.data-btn-blue {
  position: relative;
  border: 1px solid;
  color: #2da7dd;
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 168px;
  height: 35px;
  margin-top: -2px;
  text-align: center;
  line-height: 35px;
  padding-right: 20px;
}

.data-btn-blue:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 15px;
  width: 11px;
  height: 6px;
  background: url(/img/icons.svg) -53px -169px;
}

.data-btn-blue.select-year {
  width: 60px;
  margin-left: 8px;
  line-height: 37px;
}

.data-btn-blue.select-month {
  width: 110px;
}

.data-btn-blue__txt {
  color: inherit;
  font-size: 18px;
}

.data-btn-blue-popup {
  display: block;
  opacity: 0;
  z-index: -99;
  position: absolute;
  bottom: 55px;
  background: #f9f9f9;
  right: -20px;
  left: -20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.data-btn-blue-popup__inner {
  background: #f9f9f9;
  padding: 20px 20px;
  position: relative;
  z-index: 9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.data-btn-blue-popup-list {
  list-style: none;
  padding: 0;
  margin: 0 0 7px;
  text-align: left;
  font-size: 16px;
}

.data-btn-blue-popup-list__i {
  padding: 0;
  margin: 0;
}

.data-btn-blue-popup-list a {
  text-decoration: none;
}

.data-btn-blue-popup::before {
  background: #f9f9f9;
  position: absolute;
  border: 1px solid #e6e6e6;
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

.data-btn-blue-popup.down {
  bottom: auto;
  top: 55px;
}

.data-btn-blue-popup.down:before {
  top: -7px;
  bottom: auto;
}

.data-btn-blue.active .data-btn-blue-popup {
  opacity: 1;
  z-index: 999;
}

.btn_new.btn_style_3 {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  height: 44px;
  background: #ffbd00;
  color: #3a3f44;
  font-family: arial;
  text-align: center;
  font-size: 16px;
  width: 100%;
  line-height: 46px;
  letter-spacing: 0;
  display: block;
}

.btn_new.btn_style_3 .icon-img {
  position: relative;
  top: 3px;
  left: -4px;
}

.chart-top-list {
  list-style: none;
  padding: 0;
  margin: 0 -20px 0 0;
  clear: both;
}

.chart-top-list.lesser-things .chart-top-list__i {
  width: 278px;
  height: 411px;
}

.chart-top-list.lesser-things .chart-top-list__i-img {
  height: 191px;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}

.chart-top-list__i {
  position: relative;
  background: #fff;
  margin-bottom: 28px;
  display: inline-block;
  vertical-align: top;
  width: 299px;
  margin-right: 16px;
  height: 349px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.chart-top-list__i .chart-place {
  position: absolute;
  right: -5px;
  top: 8px;
}

.chart-top-list__i .chart-place A {
  font-family: Cuprum;
  font-size: 18px;
  background-color: #75848c;
  color: white;
  padding: 5px 17px 5px 16px;
  text-decoration: none;
  display: block;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
}

.chart-top-list__i .chart-place A:hover {
  text-decoration: underline;
}

.chart-top-list__i .chart-place:before {
  background: #181d23;
  position: absolute;
  right: 2px;
  bottom: -3px;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

.chart-top-list__i .chart-place:after {
  background: #fcfcfc;
  position: absolute;
  right: 5px;
  bottom: -6px;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  z-index: 1;
}

.chart-top-list__i .name a {
  color: #3a3f44;
  text-decoration: none;
}

.chart-top-list__i .name a:hover {
  text-decoration: underline;
}

.chart-top-list__i-img {
  position: relative;
  overflow: hidden;
  height: 120px;
}

.chart-top-list__i-img img {
  display: block;
  width: 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.chart-top-list__i-img img.fixed {
  width: 180px;
  height: 180px;
}

.chart-top-list__i-img-rating {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 80px;
  height: 40px;
}

.chart-top-list__i-img-rating.diffie-0 {
  width: 40px;
}

.chart-top-list__i-img-rating.diffie-0 .rating-position {
  display: none;
}

.first-place .chart-top-list__i-img-rating,
.second-place .chart-top-list__i-img-rating,
.third-place .chart-top-list__i-img-rating {
  width: 90px;
}

.first-place .chart-top-list__i-img-rating.diffie-0,
.second-place .chart-top-list__i-img-rating.diffie-0,
.third-place .chart-top-list__i-img-rating.diffie-0 {
  width: 50px;
}

.first-place .chart-top-list__i-img-rating.diffie-0 .rating-position,
.second-place .chart-top-list__i-img-rating.diffie-0 .rating-position,
.third-place .chart-top-list__i-img-rating.diffie-0 .rating-position {
  display: none;
}

.chart-top-list__i-img-rating .rating-num {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  display: block;
  float: left;
  height: 40px;
  width: 40px;
  line-height: 40px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: rgba(58, 63, 68, 0.8);
  color: #fff;
}

.first-place .chart-top-list__i-img-rating .rating-num {
  background-color: #ffbf00;
  color: #383e45;
  width: 50px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAXCAYAAACWEGYrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODAwQUM4M0VDRjQ3MTFFNTk1QzRGREU1QjY4MzhCMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODAwQUM4M0ZDRjQ3MTFFNTk1QzRGREU1QjY4MzhCMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MDBBQzgzQ0NGNDcxMUU1OTVDNEZERTVCNjgzOEIwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MDBBQzgzRENGNDcxMUU1OTVDNEZERTVCNjgzOEIwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnWUckAAAAMFSURBVHjavNdbSBRRHMfxXW+ZPQRJKRpaIXkpuoCSaFb2kEKJvXS3eujBiIgKy0IiopslBElPiT5IUFG9RUEQktnFTIsuWqloRgXaxUpJTNy+R39T67aR0IwHPsyyszv//5zzP2fOuDwej8uPGbiJ8X85b7cw1GCmv/P+/hCA557hljpGSaYpXqPijzgf4PqzzUGSa2ybW8dExR/RrCQXY5XPd+/RMEZJ1uOTT8IbsWjok7q0HAPIRBCasAJTsMDhoU5HhOI9RSCyMIgy7+GegEAcQAhS8BmNKHS4FwsVpxvpCEWRetTk5QrSD69hjerBHMOxU8c+h5PsxSRcRCk6MUvnrlr1t0R3UoEWLNQfo0014KzDSVYoThS+IQ2vUI6XJj+T5DrUohVZiMELdCAPNQ4nWYW1aEcTYpGNZjzAalO4e7VGDaqIb2itCsctbHB44uShWvHcuI4Mz+9WEKDhbFGh5mgCme4/pyXA6TXTXD9D8dyauMt1zuRVYSbOd3XvVg15BDL1nUvD4GR7rWO25keb8ihGJXpMT8Zr/M2ycweP1KOmPVFNHnQowaO4qzguxX2MOj1gzISOMzURgi6NfyeW4hJKEI1m9CPY5locp+u2IwrFuKL43crnnXm4mJ7sxxath5ORrONhLBu6k+E6DbK5F4N1zVitKsVal1MxUWWYjwH30FZouE1XUq36Y7iSLUA1Dmno+21IMEzrcZEm50l8wVstfQlayN94P7vn4wM+ohJTUYt9eo6noAdHbBrqE+hFsrZne3APMTiPrxryud77SbMu3vZam54hF5cRis36vs2mJDt0vU3a0JhazFGHWK1K6+avDcYgcnFGs8t080MNwUpE+mzj/rdZNWauux5dituqmX1KcT3ew+0tEdvEfL6P7bq7Ypt68riut0vDbIY1HzswezSvDyVeXd6H3ahHqd5F7HqnOY0G7McPr5jHRpNkiGrRaneRhDok2JTkPNV9kq5v7R0uKP4/k7REIs4qXsRbO2UblPnc8DS9Bfj9/U8BBgCXIwMGDU2reQAAAABJRU5ErkJggg==");
}

.second-place .chart-top-list__i-img-rating .rating-num {
  background-color: #cbdae3;
  color: #383e45;
  width: 50px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAXCAYAAACWEGYrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODAwQUM4M0VDRjQ3MTFFNTk1QzRGREU1QjY4MzhCMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODAwQUM4M0ZDRjQ3MTFFNTk1QzRGREU1QjY4MzhCMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MDBBQzgzQ0NGNDcxMUU1OTVDNEZERTVCNjgzOEIwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MDBBQzgzRENGNDcxMUU1OTVDNEZERTVCNjgzOEIwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnWUckAAAAMFSURBVHjavNdbSBRRHMfxXW+ZPQRJKRpaIXkpuoCSaFb2kEKJvXS3eujBiIgKy0IiopslBElPiT5IUFG9RUEQktnFTIsuWqloRgXaxUpJTNy+R39T67aR0IwHPsyyszv//5zzP2fOuDwej8uPGbiJ8X85b7cw1GCmv/P+/hCA557hljpGSaYpXqPijzgf4PqzzUGSa2ybW8dExR/RrCQXY5XPd+/RMEZJ1uOTT8IbsWjok7q0HAPIRBCasAJTsMDhoU5HhOI9RSCyMIgy7+GegEAcQAhS8BmNKHS4FwsVpxvpCEWRetTk5QrSD69hjerBHMOxU8c+h5PsxSRcRCk6MUvnrlr1t0R3UoEWLNQfo0014KzDSVYoThS+IQ2vUI6XJj+T5DrUohVZiMELdCAPNQ4nWYW1aEcTYpGNZjzAalO4e7VGDaqIb2itCsctbHB44uShWvHcuI4Mz+9WEKDhbFGh5mgCme4/pyXA6TXTXD9D8dyauMt1zuRVYSbOd3XvVg15BDL1nUvD4GR7rWO25keb8ihGJXpMT8Zr/M2ycweP1KOmPVFNHnQowaO4qzguxX2MOj1gzISOMzURgi6NfyeW4hJKEI1m9CPY5locp+u2IwrFuKL43crnnXm4mJ7sxxath5ORrONhLBu6k+E6DbK5F4N1zVitKsVal1MxUWWYjwH30FZouE1XUq36Y7iSLUA1Dmno+21IMEzrcZEm50l8wVstfQlayN94P7vn4wM+ohJTUYt9eo6noAdHbBrqE+hFsrZne3APMTiPrxryud77SbMu3vZam54hF5cRis36vs2mJDt0vU3a0JhazFGHWK1K6+avDcYgcnFGs8t080MNwUpE+mzj/rdZNWauux5dituqmX1KcT3ew+0tEdvEfL6P7bq7Ypt68riut0vDbIY1HzswezSvDyVeXd6H3ahHqd5F7HqnOY0G7McPr5jHRpNkiGrRaneRhDok2JTkPNV9kq5v7R0uKP4/k7REIs4qXsRbO2UblPnc8DS9Bfj9/U8BBgCXIwMGDU2reQAAAABJRU5ErkJggg==");
}

.third-place .chart-top-list__i-img-rating .rating-num {
  background-color: #ff8c44;
  color: #383e45;
  width: 50px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAXCAYAAACWEGYrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODAwQUM4M0VDRjQ3MTFFNTk1QzRGREU1QjY4MzhCMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODAwQUM4M0ZDRjQ3MTFFNTk1QzRGREU1QjY4MzhCMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MDBBQzgzQ0NGNDcxMUU1OTVDNEZERTVCNjgzOEIwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MDBBQzgzRENGNDcxMUU1OTVDNEZERTVCNjgzOEIwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnWUckAAAAMFSURBVHjavNdbSBRRHMfxXW+ZPQRJKRpaIXkpuoCSaFb2kEKJvXS3eujBiIgKy0IiopslBElPiT5IUFG9RUEQktnFTIsuWqloRgXaxUpJTNy+R39T67aR0IwHPsyyszv//5zzP2fOuDwej8uPGbiJ8X85b7cw1GCmv/P+/hCA557hljpGSaYpXqPijzgf4PqzzUGSa2ybW8dExR/RrCQXY5XPd+/RMEZJ1uOTT8IbsWjok7q0HAPIRBCasAJTsMDhoU5HhOI9RSCyMIgy7+GegEAcQAhS8BmNKHS4FwsVpxvpCEWRetTk5QrSD69hjerBHMOxU8c+h5PsxSRcRCk6MUvnrlr1t0R3UoEWLNQfo0014KzDSVYoThS+IQ2vUI6XJj+T5DrUohVZiMELdCAPNQ4nWYW1aEcTYpGNZjzAalO4e7VGDaqIb2itCsctbHB44uShWvHcuI4Mz+9WEKDhbFGh5mgCme4/pyXA6TXTXD9D8dyauMt1zuRVYSbOd3XvVg15BDL1nUvD4GR7rWO25keb8ihGJXpMT8Zr/M2ycweP1KOmPVFNHnQowaO4qzguxX2MOj1gzISOMzURgi6NfyeW4hJKEI1m9CPY5locp+u2IwrFuKL43crnnXm4mJ7sxxath5ORrONhLBu6k+E6DbK5F4N1zVitKsVal1MxUWWYjwH30FZouE1XUq36Y7iSLUA1Dmno+21IMEzrcZEm50l8wVstfQlayN94P7vn4wM+ohJTUYt9eo6noAdHbBrqE+hFsrZne3APMTiPrxryud77SbMu3vZam54hF5cRis36vs2mJDt0vU3a0JhazFGHWK1K6+avDcYgcnFGs8t080MNwUpE+mzj/rdZNWauux5dituqmX1KcT3ew+0tEdvEfL6P7bq7Ypt68riut0vDbIY1HzswezSvDyVeXd6H3ahHqd5F7HqnOY0G7McPr5jHRpNkiGrRaneRhDok2JTkPNV9kq5v7R0uKP4/k7REIs4qXsRbO2UblPnc8DS9Bfj9/U8BBgCXIwMGDU2reQAAAABJRU5ErkJggg==");
}

.chart-top-list__i-img-rating .rating-position {
  font-size: 14px;
  text-align: center;
  display: block;
  height: 40px;
  line-height: 40px;
}

.up .chart-top-list__i-img-rating .rating-position {
  color: #0ad791;
}

.down .chart-top-list__i-img-rating .rating-position {
  color: #ff4628;
}

.chart-top-list__i-img .chart-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  background: rgba(47, 54, 59, 0.3);
  text-align: center;
  line-height: 74px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.chart-top-list__i-img .chart-play-btn .icon-img {
  margin: 0 0px -1px 5px;
}

.chart-top-list__i-img .chart-play-btn:hover {
  background: rgba(47, 54, 59, 0.9);
}

.chart-top-list__i-img .chart-play-btn:hover .icon-img {
  background-position: -205px -424px;
}

.chart-top-list__i-content {
  margin-left: 0;
  padding: 0px 12px 0;
  height: 218px;
  z-index: 10;
}

.chart-top-list__i-content .edit-track {
  display: inline-block;
  height: 15px;
  margin-right: 10px;
  right: 0px;
  top: 10px;
  width: 15px;
  background: rgba(0, 0, 0, 0) url("/img/icons.png") repeat scroll 0 0;
  background-position: -121px -113px;
}

.chart-top-list__i-content .track-is-hot100 {
  position: absolute;
  margin-right: 10px;
  right: 0px;
  top: 10px;
  background: rgba(0, 0, 0, 0) url("/img/icons.svg") repeat scroll 0 0;
  width: 33px;
  height: 32px;
  background-position-x: -477px;
  background-position-y: -171px;
}

.first-place .chart-top-list__i-content {
  background: url(/img/icons.png) -510px -656px no-repeat;
}

.second-place .chart-top-list__i-content {
  background: url(/img/icons.png) -510px -836px no-repeat;
}

.third-place .chart-top-list__i-content {
  background: url(/img/icons.png) -510px -1016px no-repeat;
}

.chart-top-list__i-content .name {
  letter-spacing: 0;
  font-size: 18px;
  padding: 4px 0 6px;
  line-height: 27px;
  max-height: 53px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chart-top-list__i-content .author {
  font-size: 13px;
  margin-top: 14px;
}

.chart-top-list__i-content .author-img {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.chart-top-list__i-content .author a {
  text-decoration: none;
}

.chart-top-list__i-content .music-style {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding-bottom: 2px;
  position: absolute;
  bottom: 32px;
  left: 12px;
  right: 5px;
}

.chart-top-list__i-content .music-style .chart-genres-block-music-list__i {
  margin-right: 9px;
  margin-bottom: 10px;
}

.chart-top-list__i-content .music-style-list {
  list-style: none;
  display: inline-block;
  margin: 0 0 12px;
  padding: 0;
}

.chart-top-list__i-content .music-style-list__i {
  display: inline-block;
  position: relative;
  border: 1px solid #abb7be;
  border-right: none;
  padding-bottom: 0;
  background: #fff;
  margin-right: 18px;
  height: 22px;
  margin-bottom: 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.chart-top-list__i-content .music-style-list__i.placed {
  cursor: pointer;
}

.chart-top-list__i-content .music-style-list__i .label {
  background-color: #abb7be;
  height: 22px;
  display: inline-block;
  color: #fff;
  text-align: center;
  font-size: 12px;
  vertical-align: top;
  line-height: 22px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding: 0 8px;
}

.chart-top-list__i-content .music-style-list__i .style-name {
  font-size: 12px;
  color: #abb7be;
  padding: 0 4px;
  position: relative;
  z-index: 5;
}

.chart-top-list__i-content .music-style-list__i::after {
  content: "";
  display: block;
  position: absolute;
  right: -8px;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid #abb7be;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 2px 0px 2px 2px;
  -webkit-border-radius: 2px 0px 2px 2px;
  -moz-border-radius: 2px 0px 2px 2px;
  z-index: 0;
  background: #fff;
}

.chart-top-list__i-content .music-style-list__i::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  height: 22px;
  background: #fff;
  width: 20px;
  z-index: 1;
}

.chart-top-list__i-content .music-style-list__i.gold,
.chart-top-list__i-content .music-style-list__i.place-1 {
  border-color: #ffbf00;
}

.chart-top-list__i-content .music-style-list__i.gold::after,
.chart-top-list__i-content .music-style-list__i.place-1::after {
  border-color: #ffbf00;
}

.chart-top-list__i-content .music-style-list__i.gold .label,
.chart-top-list__i-content .music-style-list__i.place-1 .label {
  background-color: #ffbf00;
  width: 20px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAQCAYAAADqDXTRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkEzNUQ4QTZDRjEyMTFFNTk3QUU5M0U4NzhGODNCRkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkEzNUQ4QTdDRjEyMTFFNTk3QUU5M0U4NzhGODNCRkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQTM1RDhBNENGMTIxMUU1OTdBRTkzRTg3OEY4M0JGQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQTM1RDhBNUNGMTIxMUU1OTdBRTkzRTg3OEY4M0JGQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjKXH+sAAAHPSURBVHjarNRNSBRhHMfxh3Xt4Asu4QviRamO2kHXbi6FkqK0eOgQERjdQsSDhh1c8+bBS148dKmTaG9uJF2UPHSIgsROugvRJaiDGypqVDp9/7u/YPA2uzPwYWfn7Tf/Z/7P4zzPcz6tSJ86VqpXaPMfO33BGnIhh/7Eqv9YxDlXj1FX2Kqx7sLd3qJS++P5PJIHvcLWi8vowEJIVT5FHAkMKCcZJXkTv9GHfVxHY0hV2jMv4rmqtZzPNrxTmEAWZ3AeqZBCJ3EOlpPBPTywSntwFUP4jl50hRR6Fv2q8gBPcGxvMKIGalOls7gRUuhNzKBCz7fwUQu9gIdYREInn+FKiYHdWNI3TWh/3j6fhf7CfQX/1TDbULwsMfQFDnFLv3MYw1FEf1Ia4o/4gjv4gViRgTH1x218wweUK3TOQj0N5R/sqNINTGMLtQED67Ct+z+pUpuKVUg6tfKJuqpL8+kN3unNGtAZMPSSVrkyvMeK+qUdj6x7o7rwMV5rMp+o25r0vTcChm7qPmvIPRV2F8vI5a/wLVkVyGqp2sI8hotc/kZ0f0bP29bz8+ejvje0DotrGdxF2lYPNONrgEpb9F1t/l9Djabg4f8L/gkwAC/avgO4a+jBAAAAAElFTkSuQmCC");
}

.chart-top-list__i-content .music-style-list__i.silver,
.chart-top-list__i-content .music-style-list__i.place-2 {
  border-color: #cbdae3;
}

.chart-top-list__i-content .music-style-list__i.silver::after,
.chart-top-list__i-content .music-style-list__i.place-2::after {
  border-color: #cbdae3;
}

.chart-top-list__i-content .music-style-list__i.silver .label,
.chart-top-list__i-content .music-style-list__i.place-2 .label {
  background-color: #cbdae3;
  width: 20px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAQCAYAAADqDXTRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkEzNUQ4QTZDRjEyMTFFNTk3QUU5M0U4NzhGODNCRkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkEzNUQ4QTdDRjEyMTFFNTk3QUU5M0U4NzhGODNCRkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQTM1RDhBNENGMTIxMUU1OTdBRTkzRTg3OEY4M0JGQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQTM1RDhBNUNGMTIxMUU1OTdBRTkzRTg3OEY4M0JGQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjKXH+sAAAHPSURBVHjarNRNSBRhHMfxh3Xt4Asu4QviRamO2kHXbi6FkqK0eOgQERjdQsSDhh1c8+bBS148dKmTaG9uJF2UPHSIgsROugvRJaiDGypqVDp9/7u/YPA2uzPwYWfn7Tf/Z/7P4zzPcz6tSJ86VqpXaPMfO33BGnIhh/7Eqv9YxDlXj1FX2Kqx7sLd3qJS++P5PJIHvcLWi8vowEJIVT5FHAkMKCcZJXkTv9GHfVxHY0hV2jMv4rmqtZzPNrxTmEAWZ3AeqZBCJ3EOlpPBPTywSntwFUP4jl50hRR6Fv2q8gBPcGxvMKIGalOls7gRUuhNzKBCz7fwUQu9gIdYREInn+FKiYHdWNI3TWh/3j6fhf7CfQX/1TDbULwsMfQFDnFLv3MYw1FEf1Ia4o/4gjv4gViRgTH1x218wweUK3TOQj0N5R/sqNINTGMLtQED67Ct+z+pUpuKVUg6tfKJuqpL8+kN3unNGtAZMPSSVrkyvMeK+qUdj6x7o7rwMV5rMp+o25r0vTcChm7qPmvIPRV2F8vI5a/wLVkVyGqp2sI8hotc/kZ0f0bP29bz8+ejvje0DotrGdxF2lYPNONrgEpb9F1t/l9Djabg4f8L/gkwAC/avgO4a+jBAAAAAElFTkSuQmCC");
}

.chart-top-list__i-content .music-style-list__i.bronze,
.chart-top-list__i-content .music-style-list__i.place-3 {
  border-color: #ff8c44;
}

.chart-top-list__i-content .music-style-list__i.bronze::after,
.chart-top-list__i-content .music-style-list__i.place-3::after {
  border-color: #ff8c44;
}

.chart-top-list__i-content .music-style-list__i.bronze .label,
.chart-top-list__i-content .music-style-list__i.place-3 .label {
  background-color: #ff8c44;
  width: 20px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAQCAYAAADqDXTRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkEzNUQ4QTZDRjEyMTFFNTk3QUU5M0U4NzhGODNCRkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkEzNUQ4QTdDRjEyMTFFNTk3QUU5M0U4NzhGODNCRkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQTM1RDhBNENGMTIxMUU1OTdBRTkzRTg3OEY4M0JGQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQTM1RDhBNUNGMTIxMUU1OTdBRTkzRTg3OEY4M0JGQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjKXH+sAAAHPSURBVHjarNRNSBRhHMfxh3Xt4Asu4QviRamO2kHXbi6FkqK0eOgQERjdQsSDhh1c8+bBS148dKmTaG9uJF2UPHSIgsROugvRJaiDGypqVDp9/7u/YPA2uzPwYWfn7Tf/Z/7P4zzPcz6tSJ86VqpXaPMfO33BGnIhh/7Eqv9YxDlXj1FX2Kqx7sLd3qJS++P5PJIHvcLWi8vowEJIVT5FHAkMKCcZJXkTv9GHfVxHY0hV2jMv4rmqtZzPNrxTmEAWZ3AeqZBCJ3EOlpPBPTywSntwFUP4jl50hRR6Fv2q8gBPcGxvMKIGalOls7gRUuhNzKBCz7fwUQu9gIdYREInn+FKiYHdWNI3TWh/3j6fhf7CfQX/1TDbULwsMfQFDnFLv3MYw1FEf1Ia4o/4gjv4gViRgTH1x218wweUK3TOQj0N5R/sqNINTGMLtQED67Ct+z+pUpuKVUg6tfKJuqpL8+kN3unNGtAZMPSSVrkyvMeK+qUdj6x7o7rwMV5rMp+o25r0vTcChm7qPmvIPRV2F8vI5a/wLVkVyGqp2sI8hotc/kZ0f0bP29bz8+ejvje0DotrGdxF2lYPNONrgEpb9F1t/l9Djabg4f8L/gkwAC/avgO4a+jBAAAAAElFTkSuQmCC");
}

.chart-top-list__i-content .chart-manage {
  margin: 13px 0px 0px;
  position: absolute;
  bottom: 9px;
}

.chart-top-list__i-content .chart-manage-btn {
  color: #adb7bc;
  font-size: 12px;
  display: inline-block;
  margin-right: 0;
  cursor: pointer;
  width: 46px;
  position: relative;
}

.chart-top-list__i-content .chart-manage-btn__add {
  display: none;
}

.chart-top-list__i-content .chart-manage-btn.chart-manage-btn-add {
  width: auto;
}

.chart-top-list__i-content .chart-manage-btn.chart-manage-btn-add.active {
  color: #ff4628;
}

.chart-top-list__i-content .chart-manage-btn.chart-manage-btn-add.active .chart-add {
  background-position: -243px -384px;
}

.chart-top-list__i-content .chart-manage-btn.chart-manage-btn-add.active .chart-manage-btn-popup {
  z-index: 990;
  opacity: 1;
}

.chart-top-list__i-content .chart-manage-btn.selected {
  color: #ff4628;
  cursor: default;
}

.chart-top-list__i-content .chart-manage-btn.selected .chart-like {
  background-position: -205px -384px;
}

.chart-top-list__i-content .chart-manage-btn.selected .chart-repeat {
  background-position: -221px -384px;
}

.chart-top-list__i-content .chart-manage-btn.selected:hover .chart-like {
  background-position: -205px -384px;
}

.chart-top-list__i-content .chart-manage-btn.selected:hover .chart-manage-btn__add {
  display: none;
}

.chart-top-list__i-content .chart-manage-btn.selected:hover .chart-manage-btn__count {
  display: inline;
}

.chart-top-list__i-content .chart-manage-btn:hover {
  color: #ff4628;
}

.chart-top-list__i-content .chart-manage-btn:hover .chart-add {
  background-position: -243px -384px;
}

.chart-top-list__i-content .chart-manage-btn:hover .chart-like {
  background-position: -205px -356px;
}

.chart-top-list__i-content .chart-manage-btn:hover .chart-repeat {
  background-position: -221px -384px;
}

.chart-top-list__i-content .chart-manage-btn:hover .chart-manage-btn__count {
  display: none;
}

.chart-top-list__i-content .chart-manage-btn:hover .chart-manage-btn__add {
  display: inline;
}

.chart-top-list__i-content .chart-manage-btn-popup {
  display: block;
  opacity: 0;
  z-index: -99;
  position: absolute;
  top: 30px;
  background: #f9f9f9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.chart-top-list__i-content .chart-manage-btn-popup.chart-add-popup {
  left: -153px;
  width: 320px;
  ax-height: 400px;
}

.chart-top-list__i-content .chart-manage-btn-popup.chart-download-popup {
  left: -71px;
  width: 201px;
}

.chart-top-list__i-content .chart-manage-btn-popup.chart-info-dotted-popup {
  left: -89px;
  width: 201px;
}

.chart-top-list__i-content .chart-manage-btn-popup__inner {
  background: #f9f9f9;
  padding: 20px 20px;
  position: relative;
  z-index: 9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.chart-top-list__i-content .chart-manage-btn-popup::before {
  background: #f9f9f9;
  position: absolute;
  border: 1px solid #e6e6e6;
  top: -7px;
  left: 50%;
  margin-left: -7px;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

.chart-top-list__i-content .chart-manage-btn-popup.popup-align-top {
  bottom: 30px;
  top: auto;
}

.chart-top-list__i-content .chart-manage-btn-popup.popup-align-top:before {
  top: auto;
  bottom: -7px;
}

.chart-top-list__i-content .chart-manage .icon-img {
  vertical-align: middle;
  margin-top: -4px;
}

.chart-top-list__i-content .chart-info {
  float: right;
  margin-top: 13px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.chart-top-list__i-content .chart-info-txt,
.chart-top-list__i-content .chart-info-link {
  color: #adb7bc;
  font-size: 12px;
  display: inline-block;
  margin-left: 16px;
}

.chart-top-list__i-content .chart-info-link {
  cursor: pointer;
  position: relative;
}

.chart-top-list__i-content .chart-info-link.active {
  color: #ff4628;
}

.chart-top-list__i-content .chart-info-link.active .icon-img.chart-download {
  background-position: -286px -384px;
}

.chart-top-list__i-content .chart-info-link:hover {
  color: #ff4628;
}

.chart-top-list__i-content .chart-info-link:hover .icon-img.chart-download {
  background-position: -286px -384px;
}

.chart-top-list__i-content .chart-info-link.active .chart-manage-btn-popup {
  z-index: 990;
  opacity: 1;
}

.chart-top-list__i-content .chart-info .chart-info-popup {
  display: inline-block;
  margin-left: 14px;
  cursor: pointer;
  position: relative;
}

.chart-top-list__i-content .chart-info .chart-info-popup:hover .icon-img.dotted-icon-g {
  background-position: -226px -402px;
}

.chart-top-list__i-content .chart-info .chart-info-popup.active .icon-img.dotted-icon-g {
  background-position: -226px -402px;
}

.chart-top-list__i-content .chart-info .chart-info-popup.active .chart-info-dotted-popup {
  opacity: 1;
  z-index: 999;
}

.chart-top-list__i-content .chart-info .icon-img {
  vertical-align: middle;
  margin-top: -4px;
}

.chart-top-list-headliners {
  margin: 0 0 0 0;
}

.chart-top-list-headliners .chart-top-list__i {
  display: block;
  width: auto;
  padding-right: 18px;
  padding-bottom: 0px;
  margin-right: 0;
  height: auto;
}

.chart-top-list-headliners .chart-top-list__i-img {
  float: left;
  height: auto;
}

.chart-top-list-headliners .chart-top-list__i-content {
  margin-left: 180px;
  padding: 20px 0 0 18px;
  height: auto;
  min-height: 180px;
  box-sizing: border-box;
}

.chart-top-list-headliners .chart-top-list__i-content .name {
  font-size: 22px;
  padding: 8px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chart-top-list-headliners .chart-top-list__i-content .author {
  font-size: 13px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.chart-top-list-headliners .chart-top-list__i-content .chart-manage {
  position: static;
}

.chart-top-list-headliners .chart-top-list__i-content .chart-info {
  float: right;
  margin-top: 13px;
  position: static;
}

.chart-top-list-headliners .chart-top-list__i-content .music-style {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding-bottom: 2px;
  position: static;
}

.chart-manage .chart-add-queue {
  margin-left: 12px;
}

.chart-manage .chart-add-queue .icon-svg {
  background-position: -86px -457px;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 2px;
}

.chart-manage .chart-add-queue:hover,
.chart-manage .chart-add-queue.selected {
  color: inherit;
}

.chart-manage .chart-add-queue:hover .icon-svg,
.chart-manage .chart-add-queue.selected .icon-svg {
  background-position: -86px -488px;
}

.add-to-list-pupup {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  z-index: 99;
  text-align: left;
}

.add-to-list-pupup.list {
  min-height: 500px;
}

.add-to-list-pupup__new-playlist {
  padding: 8px 0;
  display: none;
}

.add-to-list-pupup__new-playlist .playlist-name {
  border: 1px solid #abb7be;
  border-radius: 4px;
  width: 220px;
  padding: 4px 8px;
  font-family: Cuprum;
  font-size: 16px;
}

.add-to-list-pupup__new-playlist .submit-playlist {
  background-position: -155px -292px;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-left: 6px;
  vertical-align: middle;
  margin-top: -4px;
}

.add-to-list-pupup__new-playlist .cancel-playlist {
  background-position: -362px -930px;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  vertical-align: middle;
  margin-top: -4px;
}

.add-to-list-pupup__new-playlist .cancel-playlist:hover {
  background-position-y: -952px;
}

.add-to-list-pupup__i {
  padding: 14px 12px 10px;
  margin: 0;
  border-bottom: 1px solid #eff1f2;
  color: #3a3f44;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.add-to-list-pupup__i.active .add-to-list-pupup__new-playlist {
  display: block;
}

.add-to-list-pupup__i.active .add-to-list-pupup__new-playlist-cover {
  display: none;
}

.add-to-list-pupup__i .add-to-list-icon {
  margin-right: 5px;
}

.add-to-list-pupup__i .add-icon-y {
  position: absolute;
  right: 15px;
  top: 35px;
}

.add-to-list-pupup__i .right-icon-g {
  position: absolute;
  right: 21px;
  top: 31px;
}

.add-to-list-pupup__i.queue {
  height: 39px;
  line-height: 38px;
}

.add-to-list-pupup__i.queue .add-icon-y {
  top: 30px;
}

.add-to-list-pupup__i.add-playlist {
  color: #abb7be;
}

.add-to-list-pupup__i.add-playlist:hover {
  color: #3a3f44;
}

.add-to-list-pupup__i.add-playlist:hover .add-playlist-icon-wrapper {
  border-color: #3a3f44;
}

.add-to-list-pupup__i.add-playlist:hover .add-playlist-icon-wrapper .icon-img.add-icon-g {
  background-position: -219px -464px;
}

.add-to-list-pupup__i-img-wrapper {
  float: left;
  width: 50px;
  margin-right: 6px;
}

.add-to-list-pupup__i-img-wrapper img {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
}

.add-to-list-pupup__i-name {
  font-size: 16px;
  margin: 3px 0 0;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 220px;
  white-space: nowrap;
}

.add-to-list-pupup__i-count {
  font-size: 12px;
  color: #abb7be;
}

.add-to-list-pupup__i .add-playlist-icon-wrapper {
  width: 46px;
  height: 46px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #abb7be;
  text-align: center;
  line-height: 50px;
  vertical-align: middle;
  margin-top: -4px;
  display: inline-block;
  margin-right: 4px;
}

.add-to-list-pupup__i:hover {
  background: #f6f8f8;
}

.chart-download-popup-list {
  background: #fff;
  position: relative;
  z-index: 9;
  list-style: none;
  margin: 0;
  padding: 0;
}

.chart-download-popup-list__i {
  border-bottom: 1px solid #eff1f2;
  color: #3a3f44;
  font-size: 14px;
  padding: 12px 11px 14px;
  cursor: pointer;
}

.chart-download-popup-list__i i.icon-img {
  position: relative;
  top: 6px;
}

.chart-download-popup-list__i:hover {
  background: #f6f8f8;
}

.chart-download-popup-list__i .chart-info-dotted__info {
  color: #abb7be;
  font-size: 12px;
  line-height: 28px;
  margin-top: -6px;
  margin-bottom: -3px;
  cursor: default;
}

.chart-download-popup-list__i .chart-info-dotted__info-txt {
  display: block;
}

.chart-download-popup-list__i .chart-info-dotted__share {
  color: #abb7be;
  cursor: default;
}

.chart-download-popup-list__i .chart-info-dotted__share .chart-social-list {
  margin: -4px 0 0;
}

.pro14 {
  width: 29px;
  height: 14px;
  vertical-align: middle;
  margin: -3px 8px 0 2px;
}

.icon-pro {
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAuNyA1Ny45Ij48cGF0aCBmaWxsPSIjRUQ1QzVGIiBkPSJNMTA2LjEgNTcuOUg4Yy00LjQgMC04LTIuOC04LTcuMlY5LjFDMCA0LjcgMy42IDAgOCAwaDk3LjZsMTUuMiAyOC45LTE0LjcgMjl6Ii8+PHBhdGggZD0iTTIxIDQ2LjNoLTQuNFYxMi4xYzEuNC0uMyAyLjUtLjYgMy45LS44IDEuNC0uMyAyLjgtLjMgNC4xLS4zIDEuOSAwIDMuNi4zIDUgLjZzMi41IDEuMSAzLjMgMS45Yy44LjggMS40IDIuMiAxLjkgMy45LjMgMS43LjYgMy42LjYgNS44IDAgMi41LS4zIDQuNC0uNiA2LjEtLjMgMS43LS44IDMtMS43IDMuOS0uOC44LTEuNyAxLjctMyAyLjItMS4xLjYtMi41LjYtNC4xLjYtLjggMC0xLjcgMC0yLjUtLjMtLjggMC0xLjctLjMtMi41LS4zdjEwLjl6bTMuNS0xMy41YzEuMSAwIDIuMi0uMyAzLS42LjgtLjMgMS40LS44IDEuOS0xLjQuNi0uNi44LTEuNyAxLjEtMi44LjMtMS4xLjMtMi44LjMtNC40IDAtMS43IDAtMy4zLS4zLTQuNC0uMy0xLjEtLjYtMi4yLTEuMS0yLjgtLjYtLjYtMS4xLTEuMS0xLjktMS40LS44LS4zLTEuNy0uNi0zLS42SDIxdjE4LjVoMy42di0uMXptMzUuMy05LjZjMCAxLjcgMCAzLS4zIDQuNC0uMyAxLjEtLjYgMi4yLS44IDMtLjMuOC0uOCAxLjctMS43IDIuMi0uNi42LTEuNCAxLjEtMi4yIDEuNGw2LjEgMTIuNGgtNWwtNS41LTExLjNoLTV2MTEuM0g0MVYxMi4xYzEuNC0uMyAyLjUtLjYgMy45LS44IDEuNC0uMyAyLjgtLjMgNC4xLS4zIDEuOSAwIDMuNi4zIDUgLjZzMi41IDEuMSAzLjMgMS45Yy44LjggMS40IDIuMiAxLjkgMy42LjMgMS45LjYgMy45LjYgNi4xem0tMTEgOC4yYzEuMSAwIDIuMi0uMyAzLS42LjgtLjMgMS40LS44IDEuOS0xLjQuNi0uNi44LTEuNCAxLjEtMi41LjMtMS4xLjMtMi4yLjMtMy45czAtMy0uMy00LjFjLS4zLTEuMS0uNi0xLjktMS4xLTIuOC0uNi0uNi0xLjEtMS4xLTEuOS0xLjQtLjgtLjMtMS43LS42LTMtLjZoLTMuNnYxNy4xaDMuNnptMjYuNy0yMC4xYzEuNyAwIDMuMy4zIDQuNC44IDEuNC42IDIuNSAxLjcgMy4zIDIuOC44IDEuMSAxLjcgMy4zIDIuMiA1LjUuNiAyLjIuOCA1LjIuOCA4LjVzLS4zIDYuMy0uOCA4LjVjLS42IDIuMi0xLjEgNC4xLTIuMiA1LjVzLTEuOSAyLjItMy4zIDIuOC0yLjguOC00LjQuOC0zLjMtLjMtNC40LS44Yy0xLjQtLjYtMi41LTEuNy0zLjMtMi44cy0xLjctMy4zLTIuMi01LjVjLS42LTIuMi0uOC01LjItLjgtOC41cy4zLTYuMy44LTguNWMuNi0yLjIgMS4xLTQuMSAyLjItNS41czEuOS0yLjIgMy4zLTIuOGMxLjQtLjUgMi44LS44IDQuNC0uOHptMCAzMi41Yy44IDAgMS43LS4zIDIuMi0uNi44LS42IDEuNC0xLjEgMS45LTIuMi42LTEuMSAxLjEtMi44IDEuNC00LjdzLjYtNC40LjYtNy40LS4zLTUuNS0uNi03LjQtLjgtMy4zLTEuNC00LjdjLS42LTEuMS0xLjEtMS45LTEuOS0yLjItLjgtLjYtMS43LS42LTIuMi0uNi0uOCAwLTEuNy4zLTIuMi42LS42LjMtMS40IDEuMS0xLjkgMi4ycy0xLjEgMi44LTEuNCA0LjctLjYgNC40LS42IDcuNC4zIDUuNS42IDcuNC44IDMuMyAxLjQgNC43Yy42IDEuMSAxLjEgMS45IDEuOSAyLjIuOS40IDEuNC42IDIuMi42eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
  overflow: hidden;
  background-repeat: no-repeat;
}

.fixed-player {
  position: fixed;
  z-index: 999999;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3a3f44;
  height: 60px;
  padding: 0 24px;
}

.fixed-player button {
  outline: none;
}

.fixed-player__inner-wrapper {
  margin: 0 auto;
  width: 1240px;
}

.fixed-player .fixed-player-author {
  width: 300px;
}

.fixed-player-btns {
  float: left;
  margin-top: 16px;
  margin-right: 10px;
}

.fixed-player-btns__btn {
  border: none;
  background: none;
  padding: 0;
  text-align: center;
  width: 42px;
}

.fixed-player-btns__btn .player-btn {
  height: 28px;
}

.fixed-player-btns__btn:hover .player-btn-backward {
  background-position: 0 -952px;
}

.fixed-player-btns__btn:hover .player-btn-play {
  background-position: -22px -952px;
}

.fixed-player-btns__btn:hover .player-btn-forward {
  background-position: -46px -952px;
}

.fixed-player-btns__btn:hover .player-btn-paused {
  background-position: -163px -952px;
}

.fixed-player-btns__btn .player-btn-paused {
  display: none;
}

.fixed-player-btns__btn.paused .player-btn-play {
  display: none;
}

.fixed-player-btns__btn.paused .player-btn-paused {
  display: inline-block;
}

.fixed-player-manage-list {
  float: left;
  list-style: none;
  margin: 16px 14px 0 0;
  padding: 0;
}

.fixed-player-manage-list__i {
  float: left;
  position: relative;
  margin-right: 20px;
  width: 20px;
  text-align: center;
  cursor: pointer;
}

.fixed-player-manage-list__i.activated .player-icon-repeat {
  /* background-position: -119px -952px; */
  background-position: -323px -876px;
}

.fixed-player-manage-list__i.selected .player-icon-list {
  background-position: -68px -952px;
}

.fixed-player-manage-list__i.selected .player-icon-add {
  background-position: -84px -952px;
}

.fixed-player-manage-list__i.selected .player-icon-comment {
  background-position: -183px -952px;
}

.fixed-player-manage-list__i.selected .player-icon-repeat {
  /* background-position: -119px -952px; */
  background-position: -323px -876px;
}

.fixed-player-manage-list__i.selected .player-icon-like {
  background-position: -143px -952px;
}

.fixed-player-manage-list__i.selected.playlist .fixed-player-popup {
  z-index: 999;
  opacity: 1;
  bottom: 47px;
  left: -168px;
  width: 361px;
  -webkit-transition: bottom 0.3s, opacity 0.3s;
  transition: bottom 0.3s, opacity 0.3s;
}

.fixed-player-manage-list__i.selected.add-playlist .fixed-player-popup {
  z-index: 999;
  opacity: 1;
  bottom: 47px;
  left: -150px;
  width: 321px;
  -webkit-transition: bottom 0.3s, opacity 0.3s;
  transition: bottom 0.3s, opacity 0.3s;
}

.fixed-player-manage-list__i.selected.add-playlist .add-to-list-pupup {
  margin: -13px -15px -15px;
}

.fixed-player-manage-list__i.selected.comments .fixed-player-popup {
  z-index: 999;
  opacity: 1;
  bottom: 47px;
  left: -138px;
  width: 300px;
  -webkit-transition: bottom 0.3s, opacity 0.3s;
  transition: bottom 0.3s, opacity 0.3s;
}

.fixed-player-manage-list__i.selected.repeat-song .fixed-player-popup {
  z-index: 999;
  opacity: 1;
  bottom: 47px;
  left: -138px;
  width: 300px;
  -webkit-transition: bottom 0.3s, opacity 0.3s;
  transition: bottom 0.3s, opacity 0.3s;
}

.fixed-player-manage-list__i.selected .player-icon-like {
  background-position: -143px -980px;
}

.fixed-player-author {
  float: left;
  margin-top: 10px;
  margin-right: 41px;
}

.fixed-player-author__cover {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 7px;
}

.fixed-player-author__song-name {
  font-size: 18px;
  text-shadow: none;
  letter-spacing: 0;
  margin-left: 47px;
  margin-bottom: 2px;
  height: 21px;
}

.fixed-player-author__song-name a {
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 280px;
  display: inline-block;
}

.fixed-player-author__song-name a:hover {
  color: #2da7dd;
}

.fixed-player-author__container {
  height: 18px;
  overflow: hidden;
}

.fixed-player-author__author {
  text-decoration: none;
  letter-spacing: -0.03em;
  position: relative;
  color: #2da7dd;
}

.fixed-player-author__author:hover .fixed-player-popup,
.fixed-player-author__author.selected .fixed-player-popup {
  opacity: 1;
  z-index: 999;
  bottom: 34px;
  left: -62px;
  width: 300px;
  -webkit-transition: bottom 0.3s, opacity 0.3s;
  transition: bottom 0.3s, opacity 0.3s;
}

.fixed-player-author__add-to-friends {
  cursor: pointer;
}

.fixed-player-author__add-to-friends .add-to-friends-icon {
  position: relative;
  top: 1px;
}

.fixed-player-author__add-to-friends__txt {
  font-size: 11px;
  color: #abb7be;
  vertical-align: middle;
}

.fixed-player-author__add-to-friends:hover .fixed-player-author__add-to-friends__txt {
  color: #ffbf00;
}

.fixed-player-author__add-to-friends:hover .add-to-friends-icon {
  background-position: -211px -939px;
}

.fixed-player-author__add-to-friends.added {
  cursor: default;
}

.fixed-player-author__add-to-friends.added .add-to-friends-icon {
  background-position: -211px -954px;
}

.fixed-player-author__add-to-friends.added .fixed-player-author__add-to-friends__txt {
  display: none;
}

.fixed-player-trackline {
  float: left;
  margin-top: 10px;
  margin-right: 34px;
}

.fixed-player-trackline .time-spend {
  float: left;
  color: #abb7be;
  font-size: 11px;
  margin: 13px 7px 0 0;
  width: 35px;
}

.fixed-player-trackline .time-all {
  float: right;
  color: #abb7be;
  font-size: 11px;
  margin: 13px 0 0 7px;
  width: 35px;
}

.fixed-player-trackline__track {
  position: relative;
  width: 302px;
  ackground: url(/img/content/trackline.png) 0 50% no-repeat;
  height: 44px;
  float: left;
}

.fixed-player-trackline__track .track-scale {
  overflow: hidden;
  position: absolute;
}

.fixed-player-trackline__track .timeline-wrapper {
  height: 2px;
  width: 100%;
  background: #35393e;
  position: absolute;
  left: 0;
  top: 24px;
}

.fixed-player-trackline__track .timeline-wrapper .timeline-playing {
  height: 2px;
  background: #ffc000;
  position: relative;
}

.fixed-player-trackline__track .timeline-wrapper .timeline-playing .timeline-dot {
  position: absolute;
  top: -5px;
  right: -5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #fff;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.fixed-player-trackline__track .timeline-comments {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 14px;
}

.fixed-player-trackline__track .timeline-comments-item {
  position: absolute;
  cursor: pointer;
  margin-left: -8px;
}

.fixed-player-trackline__track .timeline-comments-item-deleted {
  display: none;
}

.fixed-player-trackline__track .timeline-comments-item-deleted a {
  text-decoration: none;
  border-bottom: 1px dashed;
}

.fixed-player-trackline__track .timeline-comments-item-controls {
  margin-top: 6px;
}

.fixed-player-trackline__track .timeline-comments-item-controls a {
  margin-right: 15px;
  text-decoration: none;
  border-bottom: 1px dashed;
  font-size: 12px;
}

.fixed-player-trackline__track .timeline-comments-item__author {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.fixed-player-trackline__track .timeline-comments-item.active .fixed-player-popup {
  z-index: 999;
  opacity: 1;
  bottom: 50px;
}

.fixed-player-trackline__track .timeline-comments-item:hover .fixed-player-popup {
  z-index: 999;
  opacity: 1;
  bottom: 50px;
  -webkit-transition: bottom 0.1s, opacity 0.2s;
  transition: bottom 0.1s, opacity 0.2s;
}

.fixed-player-trackline__track .timeline-comments.has-active-comment .timeline-comments-item:hover .fixed-player-popup {
  opacity: 0;
}

.fixed-player-trackline__track .timeline-comments.has-active-comment .timeline-comments-item.active .fixed-player-popup {
  z-index: 999;
  opacity: 1;
  bottom: 50px;
}

.fixed-player-manage-right {
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
  float: left;
}

.fixed-player-manage-right__i {
  float: left;
  position: relative;
  margin-right: 20px;
  width: 20px;
  text-align: center;
  cursor: pointer;
  /* &:hover, */
}

.fixed-player-manage-right__i:hover .player-icon-info {
  background-position: -229px -952px;
}

.fixed-player-manage-right__i:hover .player-icon-download {
  background-position: -247px -952px;
}

.fixed-player-manage-right__i:hover .player-icon-volume-max {
  background-position: -263px -952px;
}

.fixed-player-manage-right__i:hover .player-icon-volume-min {
  background-position: -285px -952px;
}

.fixed-player-manage-right__i:hover .player-icon-volume-mute {
  background-position: -301px -952px;
}

.fixed-player-manage-right__i.volume .volume-changer {
  background: #35393e;
  position: absolute;
  bottom: -220px;
  left: -13px;
  right: -15px;
  height: 196px;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  cursor: default;
  padding-top: 14px;
  overflow: hidden;
  -webkit-transition: bottom 0.2s;
  transition: bottom 0.2s;
}

.fixed-player-manage-right__i.volume .volume-changer-area {
  cursor: pointer;
  width: 100%;
  position: relative;
  height: 109px;
  margin: 3px 0px 6px;
}

.fixed-player-manage-right__i.volume .volume-changer-area__range {
  background: #abb7be;
  position: absolute;
  left: 21px;
  height: 100%;
  width: 6px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.fixed-player-manage-right__i.volume .volume-changer-area__range-ctrl {
  background: #ffc104;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.fixed-player-manage-right__i.volume:hover .volume-changer {
  bottom: -10px;
}

.fixed-player-manage-right__i.selected .player-icon-info {
  background-position: -229px -952px;
}

.fixed-player-manage-right__i.selected .player-icon-download {
  background-position: -247px -952px;
}

.fixed-player-manage-right__i.selected .fixed-player-popup {
  z-index: 999;
  opacity: 1;
  bottom: 47px;
  left: -89px;
  width: 200px;
  text-align: left;
  -webkit-transition: bottom 0.3s, opacity 0.3s;
  transition: bottom 0.3s, opacity 0.3s;
}

.fixed-player-manage-right__i.selected .fixed-player-popup .chart-download-popup-list {
  margin: 0px -15px -15px;
}

.limit-me-instead {
  height: 500px;
  position: relative;
}

.fixed-player-popup {
  display: block;
  opacity: 0;
  z-index: -99;
  position: absolute;
  bottom: -500px;
  background: #fff;
  left: -20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: default;
  -webkit-transition: bottom 0s, opacity 0s;
  transition: bottom 0s, opacity 0s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.fixed-player-popup::before {
  background: #f9f9f9;
  position: absolute;
  border: 1px solid #e6e6e6;
  bottom: -3px;
  left: 50%;
  margin-left: -7px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

.fixed-player-popup__inner {
  background: #fff;
  padding: 15px 15px 16px;
  position: relative;
  z-index: 9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.fixed-player-popup.floater {
  bottom: auto;
  top: 25px;
  margin-left: -110px;
  z-index: 50;
  opacity: 1;
}

.fixed-player-popup.floater:before {
  bottom: auto;
  top: -6px;
}

.fixed-player-popup .popup-comment-header {
  margin: 0 0 7px;
}

.fixed-player-popup .popup-comment-header .gray {
  color: #abb7be;
  font-size: 13px;
}

.fixed-player-popup .popup-comment-txt {
  margin: 0;
  padding: 0;
  font-size: 13px;
}

.fixed-player-popup .popup-comment-txt span {
  color: #abb7be;
  cursor: pointer;
  margin-left: 8px;
  font-size: 11px;
}

.timeline-comments-item .fixed-player-popup {
  width: 300px;
  left: -139px;
}

.fixed-player-popup .playlist-queue {
  margin: 0 -15px -16px;
}

.fixed-player-popup .playlist-queue__i {
  width: 50%;
  text-align: center;
  display: block;
  float: left;
  line-height: 44px;
  border-top: 1px solid #eff1f2;
  height: 48px;
  color: #abb7be;
  cursor: pointer;
}

.fixed-player-popup .playlist-queue__i-icon {
  margin: 1px 3px 0 0;
  vertical-align: middle;
}

.fixed-player-popup .playlist-queue__i.selected {
  border-color: #787c7f;
}

.fixed-player-popup .playlist-queue__i.selected .add-to-list-icon-g {
  background-position: -324px -952px;
}

.fixed-player-popup .playlist-queue__i.selected .add-playlist-icon-g {
  background-position: -342px -952px;
}

.fixed-player-popup .playlist-queue-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fixed-player-popup .playlist-queue-list__i {
  height: 62px;
  padding: 10px 0 0;
  text-align: left;
  position: relative;
  cursor: pointer;
}

.fixed-player-popup .playlist-queue-list__i.nothing-to-see-here {
  text-align: center;
  line-height: 50px;
}

.fixed-player-popup .playlist-queue-list__i-cover {
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 8px;
  background-size: cover;
  cursor: move;
}

.fixed-player-popup .playlist-queue-list__i-img {
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 8px;
}

.fixed-player-popup .playlist-queue-list__i-recommended {
  color: #0ad791;
  font-size: 10px;
  letter-spacing: 1px;
  display: block;
  margin: -2px 0 -4px;
}

.fixed-player-popup .playlist-queue-list__i-songname {
  display: block;
  font-size: 16px;
  margin-top: 3px;
  margin-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 220px;
}

.fixed-player-popup .playlist-queue-list__i-author {
  display: block;
  font-size: 12px;
  color: #abb7be;
}

.fixed-player-popup .playlist-queue-list__i-float-icons {
  position: absolute;
  top: 24px;
  right: 7px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.fixed-player-popup .playlist-queue-list__i-float-icons__time {
  font-size: 12px;
  color: #abb7be;
  float: right;
  margin-top: -8px;
}

.fixed-player-popup .playlist-queue-list__i-float-icons .icon-img {
  display: none;
}

.fixed-player-popup .playlist-queue-list__i.recommended .icon-img.playlist-queue-close-icon {
  background-position: -362px -930px;
  display: block;
}

.fixed-player-popup .playlist-queue-list__i.played {
  background: #f6f8f8;
}

.fixed-player-popup .playlist-queue-list__i.played .icon-img.playlist-queue-close-icon {
  background-position: -380px -930px;
  display: block;
  width: 15px;
}

.fixed-player-popup .playlist-queue-list__i.played .playlist-queue-list__i-float-icons__time {
  display: none;
}

.fixed-player-popup .playlist-queue-list__i.played:hover .icon-img.playlist-queue-close-icon {
  background-position: -362px -930px;
  width: 18px;
}

.fixed-player-popup .playlist-queue-list__i:hover {
  background: #f6f8f8;
}

.fixed-player-popup .playlist-queue-list__i:hover .icon-img.playlist-queue-close-icon {
  display: block;
}

.fixed-player-popup .playlist-queue-list__i:hover .playlist-queue-list__i-float-icons__time {
  display: none;
}

.fixed-player-popup .playlist-queue-list-wrapper,
.fixed-player-popup .playlist-queue-list .playlist-playlist-list-wrapper {
  overflow: hidden;
  margin: 0 -15px 14px;
  position: relative;
  padding: 0 12px;
  max-height: 358px;
}

.fixed-player-popup .playlist-queue-list-wrapper .c-select__popup-scroll-ctrl,
.fixed-player-popup .playlist-queue-list .playlist-playlist-list-wrapper .c-select__popup-scroll-ctrl {
  background: #d1d3d4;
  width: 4px;
  right: 3px;
  left: auto;
}

.fixed-player-popup .playlist-playlist-list-wrapper {
  display: none;
  overflow: hidden;
  margin: 0 -15px 14px;
  position: relative;
  padding: 0 0px;
  max-height: 358px;
}

.fixed-player-popup .playlist-playlist-list-wrapper .c-select__popup-scroll-ctrl {
  background: #d1d3d4;
  width: 4px;
  right: 3px;
  left: auto;
}

.fixed-player-popup .playlist-playlist-list-wrapper .add-to-list-pupup {
  margin-bottom: -1px;
}

.fixed-player-popup .playlist-inner-list-wrapper {
  display: none;
  margin: 0 -15px 14px;
  max-height: 362px;
  padding: 0 0px;
}

.fixed-player-popup .playlist-inner-list-wrapper .c-select__popup-scroll-ctrl {
  background: #d1d3d4;
  width: 4px;
  right: 3px;
  left: auto;
}

.fixed-player-popup .playlist-inner-list-wrapper .add-to-list-pupup {
  margin-bottom: -1px;
}

.fixed-player-popup .playlist-inner-list-wrapper__header {
  height: 60px;
  text-align: center;
}

.fixed-player-popup .playlist-inner-list-wrapper__header-h {
  font-size: 18px;
  margin: -4px 0 -5px;
}

.fixed-player-popup .playlist-inner-list-wrapper__header-couont {
  font-size: 12px;
  color: #abb7be;
}

.fixed-player-popup .playlist-inner-list-wrapper__header-backlink {
  position: absolute;
  left: 14px;
  top: 15px;
  color: #2da7dd;
  font-size: 12px;
  cursor: pointer;
}

.fixed-player-popup .playlist-inner-list-wrapper__header-backlink .icon-img {
  position: relative;
  top: 2px;
  margin-right: 2px;
}

.fixed-player-popup .playlist-inner-list-wrapper .playlist-queue-list {
  margin: -9px 13px 0;
}

.fixed-player-popup .playlist-inner-list-wrapper__overflow {
  overflow: hidden;
  position: relative;
  max-height: 305px;
}

.fixed-player-popup .player-comments-cancel {
  font-size: 13px;
  text-transform: none;
  color: #353e47;
  text-decoration: none;
  margin-left: 15px;
}

.fixed-player-popup .player-comments-cancel:hover {
  color: black;
  text-decoration: underline;
}

.fixed-player-popup .player-area-comment {
  display: block;
  padding: 9px 10px 0;
  width: 253px;
  border: none;
  background: #eef1f2;
  resize: none;
  font-size: 13px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  height: 62px;
}

.fixed-player-popup .player-area-share {
  display: block;
  padding: 9px 10px 0;
  width: 253px;
  border: none;
  background: #eef1f2;
  resize: none;
  font-size: 13px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  height: 62px;
  margin-bottom: 15px;
}

.fixed-player-popup .player-comments-checkbox {
  margin: 15px 0 19px;
  text-align: left;
}

.fixed-player-popup .player-comments-checkbox-timeline {
  float: right;
  position: relative;
  background: #eef1f2;
  height: 2px;
  width: 173px;
  margin: 10px 0 0;
}

.fixed-player-popup .player-comments-checkbox-timeline__ctrl {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  top: -5px;
  background: #ffc104;
  cursor: pointer;
}

.fixed-player-popup .player-comments-checkbox .form-label-chec-rad {
  font-size: 12px;
  text-align: left;
}

.fixed-player-popup .player-comments-checkbox .form-label-chec-rad .custom-checkbox__img {
  background: url(/img/icons.png) -418px -930px;
  margin-top: -1px;
  webkit-box-shadow: none;
  box-shadow: none;
}

.fixed-player-popup .player-comments-checkbox .form-label-chec-rad:hover .custom-checkbox__img {
  background-position: -418px -946px;
}

.fixed-player-popup .player-comments-checkbox .form-label-chec-rad.c-on .custom-checkbox__img {
  background-position: -402px -930px;
}

.fixed-player-popup .player-comments-checkbox .form-label-chec-rad.c-on:hover .custom-checkbox__img {
  background-position: -402px -946px;
}

.fixed-player-popup .comments-btn {
  width: 160px;
}

.fixed-player-popup .share-btn {
  width: 233px;
}

.fixed-player-popup .fixed-player-author {
  margin: -15px;
  float: none;
}

.fixed-player-popup .fixed-player-author-promo {
  height: 120px;
  position: relative;
}

.fixed-player-popup .fixed-player-author-img {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 72px;
  height: 72px;
  margin: -36px 0 0 -36px;
}

.fixed-player-popup .fixed-player-author__h {
  text-align: center;
  margin: 16px 0 11px;
}

.fixed-player-popup .fixed-player-author__h a {
  color: #3a3f44;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: -0.01em;
}

.fixed-player-popup .fixed-player-author__h .star-y-big {
  position: relative;
  top: 2px;
}

.fixed-player-popup .fixed-player-author-list {
  list-style: none;
  margin: 0 0 15px;
  padding: 0 0 2px;
  text-align: center;
  border-bottom: 1px solid #eff1f2;
}

.fixed-player-popup .fixed-player-author-list__i {
  display: inline-block;
  color: #abb7be;
  font-size: 12px;
  margin: 0 6px 5px;
}

.fixed-player-popup .fixed-player-author-list__i .icon-img {
  position: relative;
  top: 2px;
  margin-right: 8px;
}

.fixed-player-popup .fixed-player-btn-list {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
  text-align: center;
}

.fixed-player-popup .fixed-player-btn-list__i {
  color: #abb7be;
  float: left;
  width: 50%;
  text-align: center;
}

.fixed-player-popup .fixed-player-btn-list__i-txt {
  display: block;
  margin: 0 0 8px;
  font-size: 12px;
}

.flat-btn-gray {
  display: inline-block;
  background: #abb7be;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  width: 132px;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  color: #3a3f44;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}

.flat-btn-gray:hover {
  background: #ffc104;
  color: #3a3f44;
}

.icon-img.fixed-player-author-icon-dj {
  width: 15px;
  height: 15px;
  background-position: 0 -1014px;
}

.icon-img.fixed-player-author-icon-music {
  width: 13px;
  height: 15px;
  background-position: -26px -1014px;
}

.icon-img.fixed-player-author-icon-prod {
  width: 13px;
  height: 15px;
  background-position: -39px -1014px;
}

.icon-img.fixed-player-author-icon-map {
  width: 11px;
  height: 15px;
  background-position: -15px -1014px;
}

.icon-img.star-y-big {
  background-position: -52px -1014px;
  width: 15px;
  height: 15px;
}

.icon-img.left-icon-b {
  width: 7px;
  height: 18px;
  background-position: -395px -949px;
}

.icon-img.right-icon-g {
  width: 7px;
  height: 18px;
  background-position: -395px -930px;
}

.icon-img.playlist-queue-close-icon {
  width: 18px;
  height: 18px;
  background-position: -362px -930px;
}

.icon-img.player-icon-info {
  width: 18px;
  height: 28px;
  background-position: -229px -924px;
}

.icon-img.player-icon-download {
  width: 16px;
  height: 28px;
  background-position: -247px -924px;
}

.icon-img.player-icon-volume-max {
  width: 22px;
  height: 28px;
  background-position: -263px -924px;
}

.icon-img.player-icon-volume-max.gray {
  background-position: -263px -924px;
}

.icon-img.player-icon-volume-min {
  width: 22px;
  height: 28px;
  background-position: -285px -924px;
}

.icon-img.player-icon-volume-mute {
  width: 23px;
  height: 28px;
  background-position: -301px -924px;
}

.icon-img.player-icon-volume-mute.red {
  background-position: -301px -952px;
}

.icon-img.player-icon-list {
  width: 16px;
  height: 28px;
  background-position: -68px -924px;
}

.icon-img.player-icon-add {
  width: 17px;
  height: 28px;
  background-position: -84px -924px;
}

.icon-img.player-icon-comment {
  width: 20px;
  height: 28px;
  background-position: -183px -924px;
}

.icon-img.player-icon-repeat {
  width: 24px;
  height: 28px;
  background-position: -119px -924px;
}

.icon-img.player-icon-like {
  width: 20px;
  height: 28px;
  background-position: -143px -924px;
}

.icon-img.player-btn-backward {
  width: 22px;
  background-position: 0 -924px;
}

.icon-img.player-btn-play {
  width: 24px;
  background-position: -22px -924px;
}

.icon-img.player-btn-paused {
  width: 20px;
  background-position: -163px -924px;
}

.icon-img.player-btn-forward {
  width: 22px;
  background-position: -46px -924px;
}

.icon-img.add-to-friends-icon {
  width: 18px;
  height: 15px;
  background-position: -211px -924px;
}

.icon-img.chart-like {
  width: 16px;
  height: 14px;
  background-position: -205px -370px;
}

.icon-img.chart-repeat {
  width: 22px;
  height: 14px;
  background-position: -221px -370px;
}

.icon-img.chart-add {
  width: 14px;
  height: 14px;
  background-position: -243px -370px;
}

.icon-img.chart-time {
  width: 15px;
  height: 15px;
  background-position: -257px -370px;
}

.icon-img.chart-plays {
  width: 14px;
  height: 14px;
  background-position: -272px -370px;
}

.icon-img.chart-download {
  width: 13px;
  height: 14px;
  background-position: -286px -370px;
}

.icon-img.chart-play-icon {
  width: 21px;
  height: 26px;
  background-position: -205px -398px;
}

.icon-img.dotted-icon-g {
  width: 20px;
  height: 4px;
  background-position: -226px -398px;
}

.icon-img.chart-header-icon {
  width: 43px;
  height: 37px;
  background-position: -168px -838px;
}

.icon-img.calendar-icon {
  width: 16px;
  height: 16px;
  background-position: -226px -406px;
}

.icon-img.genres-toggler-icon {
  width: 18px;
  height: 18px;
  background-position: -246px -406px;
}

.icon-img.chart-vk {
  background-position: -319px -632px;
}

.icon-img.chart-fb {
  background-position: -343px -632px;
}

.icon-img.chart-tw {
  background-position: -367px -632px;
}

.icon-img.add-to-list-icon {
  width: 18px;
  height: 18px;
  background-position: -211px -838px;
}

.icon-img.add-to-list-icon-g {
  width: 18px;
  height: 19px;
  background-position: -324px -930px;
}

.icon-img.add-playlist-icon-g {
  width: 20px;
  height: 19px;
  background-position: -342px -930px;
}

.icon-img.add-icon-y {
  width: 14px;
  height: 14px;
  background-position: -205px -450px;
}

.icon-img.add-icon-g {
  width: 14px;
  height: 14px;
  background-position: -219px -450px;
}

.icon-img.download-icon-y {
  width: 14px;
  height: 14px;
  background-position: -233px -450px;
}

.icon-img.icon-status-pro12 {
  width: 29px;
  height: 14px;
  background-position: -52px -573px;
}

.page-nav__act.new {
  position: relative;
}

.page-nav__act.new:before {
  content: "new!";
  position: absolute;
  bottom: 75%;
  left: 6px;
  background: #ff4628;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 1px 7px;
  margin-left: -18px;
  left: 50%;
}

.icon-svg {
  background-image: url(/img/icons.svg);
}

.icon-svg.halo-svg.rating-num {
  background-position: -132px -28px;
  background-image: url(/img/icons.svg);
}

.icon-svg.star-y {
  background-position: -412px -731px;
  width: 13px;
  height: 12px;
}

.icon-svg.star-media {
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My44OTggNDQuMTY1Ij48cGF0aCBmaWxsPSIjOTBDQTc1IiBkPSJNNDEuMDEgMTIuNjJIMjIuMDgyYy0xLjI2MiAwIDAtMS44OTQuOTQ2LTIuODRsMy40Ny00LjQxN2MuNjMtLjk0NiAxLjI2Mi0xLjU3NyAxLjU3Ny0xLjU3Ny45NDYgMCAxLjg5My0uOTQ2IDEuODkzLTEuODkzQzI5Ljk2OC45NDYgMjkuMDIzIDAgMjguMDc2IDBjLS45NDYgMC0xLjg5My45NDYtMS44OTMgMS44OTN2LjMxNWMwIC4zMTUtLjYzLjk0Ni0xLjI2MiAxLjg5M2wtNC40MTYgNS4zNjRjLS42My45NDYtMS41NzcgMS41NzctMS41NzcgMS41NzctLjMxNSAwLS45NDYtLjYzLTEuNTc3LTEuNTc2TDEyLjkzNCA0LjFjLS42My0uOTQ1LTEuMjYyLTEuNTc2LTEuMjYyLTEuODkydi0uMzE1QzExLjY3Mi45NDYgMTAuNzI2IDAgOS43OCAwYy0uOTQ3IDAtMS44OTMuOTQ2LTEuODkzIDEuODkzIDAgLjk0Ni45NDYgMS44OTMgMS44OTMgMS44OTNsMS41NzcgMS41NzcgMy40NyA0LjQxN2MuNjMuOTQ2IDEuODkzIDIuODQuOTQ2IDIuODRIMy4xNTVDMS4yNjIgMTIuNjIgMCAxMy44OCAwIDE1Ljc3MnYyNC45MjJjMCAyLjIwOCAxLjg5MyAzLjQ3IDMuNzg2IDMuNDdoMzYuMjc4YzEuODkzIDAgMy43ODYtMS4yNjIgMy43ODYtMy40N1YxNS43NzNjLjMxNS0xLjg5My0uOTQ3LTMuMTU0LTIuODQtMy4xNTR6TTM0LjcgMzcuODU1YzAgMS44OTMuMzE2IDMuMTU1LTEuNTc2IDMuMTU1SDYuMzFjLTEuODk0IDAtMy4xNTYtMS4yNi0zLjE1Ni0zLjE1NFYxOC45MjhjMC0xLjg5MyAxLjI2Mi0zLjE1NSAzLjE1NS0zLjE1NWgyNS4yMzZjMS44OTMgMCAzLjE1NSAxLjI2MiAzLjE1NSAzLjE1NXYxOC45Mjh6Ii8+PC9zdmc+);
  background-repeat: no-repeat;
}

.icon-svg.calendar-icon {
  background-position: -25px -164px;
}

.icon-svg.genres-toggler-icon {
  background-position: -73px -36px;
}

.chart-genres-block__genres-toggler:hover .icon-svg.genres-toggler-icon {
  background-position: -73px -59px;
}

.chart-genres-block__genres-toggler.selected .icon-svg.genres-toggler-icon {
  background-position: -103px -36px;
}

.chart-genres-block__genres-toggler.selected:hover .icon-svg.genres-toggler-icon {
  background-position: -103px -59px;
}

.icon-svg.chart-vk {
  background-position: -74px -164px;
}

.chart-social-list__i-link:hover .icon-svg.chart-vk {
  background-position: -74px -190px;
}

.icon-svg.chart-fb {
  background-position: -104px -164px;
}

.chart-social-list__i-link:hover .icon-svg.chart-fb {
  background-position: -104px -190px;
}

.icon-svg.chart-tw {
  background-position: -135px -164px;
}

.chart-social-list__i-link:hover .icon-svg.chart-tw {
  background-position: -135px -190px;
}

.icon-svg.chart-like {
  background-position: -212px -164px;
}

.chart-manage-btn:hover .icon-svg.chart-like {
  background-position: -212px -188px;
}

.chart-manage-btn.selected:hover .icon-svg.chart-like,
.chart-manage-btn.selected .icon-svg.chart-like {
  background-position: -212px -212px;
}

.icon-svg.chart-repeat {
  background-position: -240px -164px;
}

.chart-manage-btn:hover .icon-svg.chart-repeat,
.chart-manage-btn.selected:hover .icon-svg.chart-repeat,
.chart-manage-btn.selected .icon-svg.chart-repeat {
  background-position: -240px -188px;
}

.icon-svg.chart-add {
  background-position: -370px -164px;
}

.chart-manage-btn.chart-manage-btn-add:hover .icon-svg.chart-add,
.chart-manage-btn.chart-manage-btn-add.active .icon-svg.chart-add,
.chart-manage-btn.chart-manage-btn-add.active:hover .icon-svg.chart-add {
  background-position: -370px -188px;
}

.icon-svg.chart-time {
  background-position: -283px -164px;
}

.icon-svg.chart-plays {
  background-position: -305px  -164px;
}

.icon-svg.chart-download {
  background-position: -342px  -164px;
}

.chart-top-list__i-content .chart-info-link:hover .icon-svg.chart-download,
.chart-top-list__i-content .chart-info-link.active .icon-svg.chart-download,
.chart-top-list__i-content .chart-info-link.active:hover .icon-svg.chart-download {
  background-position: -342px  -189px;
}

.icon-svg.download-icon-y {
  background-position: -20px -481px;
}

.icon-svg.dotted-icon-g.icon-img {
  background-position: -25px -247px;
}

.chart-top-list__i-content .chart-info-popup:hover .icon-svg.dotted-icon-g.icon-img,
.chart-top-list__i-content .chart-info-popup.active .icon-svg.dotted-icon-g.icon-img {
  background-position: -25px -275px;
}

.icon-svg.chart-play-icon {
  background-position: -171px -263px;
}

.chart-play-btn:hover .icon-svg.chart-play-icon {
  background-position: -96px -263px;
}

.chart-play-btn.play .icon-svg.chart-play-icon {
  background-position: -171px -335px;
}

.chart-play-btn.play:hover .icon-svg.chart-play-icon {
  background-position: -96px -335px;
}

.icon-svg.player-btn-backward {
  background-position: -70px -722px;
}

.fixed-player-btns__btn:hover .icon-svg.player-btn-backward {
  background-position: -70px -798px;
}

.icon-svg.player-btn-play {
  background-position: -117px -722px;
}

.fixed-player-btns__btn:hover .icon-svg.player-btn-play {
  background-position: -117px -798px;
}

.icon-svg.player-btn-paused {
  background-position: -117px -876px;
}

.fixed-player-btns__btn:hover .icon-svg.player-btn-paused {
  background-position: -160px -876px;
}

.icon-svg.player-btn-forward {
  background-position: -160px  -722px;
}

.fixed-player-btns__btn:hover .icon-svg.player-btn-forward {
  background-position: -160px  -798px;
}

.icon-svg.player-icon-list {
  background-position: -206px -722px;
}

.fixed-player-manage-list__i:hover .icon-svg.player-icon-list,
.fixed-player-manage-list__i.selected .icon-svg.player-icon-list {
  background-position: -206px  -798px;
}

.icon-svg.player-icon-add {
  background-position: -246px  -722px;
}

.fixed-player-manage-list__i:hover .icon-svg.player-icon-add,
.fixed-player-manage-list__i.selected .icon-svg.player-icon-add {
  background-position: -246px   -798px;
}

.icon-svg.player-icon-comment {
  background-position: -284px  -722px;
}

.fixed-player-manage-list__i:hover .icon-svg.player-icon-comment,
.fixed-player-manage-list__i.selected .icon-svg.player-icon-comment {
  background-position: -285px   -798px;
}

.icon-svg.player-icon-repeat {
  background-position: -322px  -722px;
}

.fixed-player-manage-list__i:hover .icon-svg.player-icon-repeat {
  background-position: -323px   -798px;
}

.icon-svg.player-icon-like {
  background-position: -362px  -722px;
  width: 24px;
}

.fixed-player-manage-list__i:hover .icon-svg.player-icon-like {
  background-position: -365px   -798px;
}

.fixed-player-manage-list__i.selected .icon-svg.player-icon-like,
.fixed-player-manage-list__i.selected:hover .icon-svg.player-icon-like {
  background-position: -365px   -876px;
}

.icon-svg.add-to-list-icon-g {
  background-position: -86px -457px;
}

.playlist-queue__i.selected .icon-svg.add-to-list-icon-g {
  background-position: -86px -488px;
}

.icon-svg.add-playlist-icon-g {
  background-position: -118px  -457px;
}

.playlist-queue__i.selected .icon-svg.add-playlist-icon-g {
  background-position: -118px -488px;
}

.icon-svg.add-to-list-icon {
  background-position: -86px -488px;
}

.chart-manage .icon-svg.add-to-list-icon {
  margin-left: 12px;
  background-position: -86px -457px;
}

.chart-manage .icon-svg.add-to-list-icon:hover,
.chart-manage .icon-svg.add-to-list-icon.selected {
  background-position: -86px -488px;
}

.icon-svg.playlist-queue-close-icon {
  background-position: -50px -457px;
}

.fixed-player-popup .playlist-queue-list__i.recommended .icon-svg.playlist-queue-close-icon,
.fixed-player-popup .playlist-queue-list__i.played:hover .icon-svg.playlist-queue-close-icon {
  background-position: -50px -457px;
}

.fixed-player-popup .playlist-queue-list__i.played .icon-svg.playlist-queue-close-icon {
  background-position: -20px -456px;
}

.icon-svg.add-icon-g.icon-img {
  background-position: -231px  -473px;
}

.add-to-list-pupup__i:hover .add-playlist-icon-wrapper .icon-svg.add-icon-g.icon-img {
  background-position: -231px  -530px;
}

.icon-svg.add-icon-y {
  background-position: -21px -505px;
}

.icon-svg.fixed-player-author-icon-dj {
  background-position: -81px -530px;
}

.icon-svg.fixed-player-author-icon-music {
  background-position: -116px -530px;
}

.icon-svg.fixed-player-author-icon-prod {
  background-position: -136px -530px;
}

.icon-svg.fixed-player-author-icon-map {
  background-position: -101px -530px;
}

.icon-svg.add-to-friends-icon {
  background-position: -439px -729px;
}

.fixed-player-author__add-to-friends:hover .icon-svg.add-to-friends-icon {
  background-position: -439px -805px;
}

.fixed-player-author__add-to-friends.added:hover .icon-svg.add-to-friends-icon,
.fixed-player-author__add-to-friends.added .icon-svg.add-to-friends-icon {
  background-position: -439px -884px;
}

.icon-svg.player-icon-info {
  background-position: -489px -720px;
}

.fixed-player-manage-right__i:hover .icon-svg.player-icon-info,
.fixed-player-manage-right__i.selected .icon-svg.player-icon-info {
  background-position: -489px -798px;
}

.icon-svg.player-icon-download {
  background-position: -530px  -720px;
}

.fixed-player-manage-right__i:hover .icon-svg.player-icon-download,
.fixed-player-manage-right__i.selected .icon-svg.player-icon-download {
  background-position: -530px  -798px;
}

.fixed-player-manage-right__i.disabled .icon-svg.player-icon-download,
.fixed-player-manage-right__i.disabled:hover .icon-svg.player-icon-download {
  opacity: 0.3;
  background-position: -530px  -720px;
}

.icon-svg.player-icon-volume-max {
  background-position: -567px  -722px;
}

.icon-svg.player-icon-volume-max.gray {
  background-position: -567px  -722px;
}

.icon-svg.player-icon-volume-min {
  background-position: -567px  -748px;
}

.icon-svg.player-icon-volume-min.gray {
  background-position: -567px  -748px;
}

.icon-svg.player-icon-volume-none {
  background-position: -567px  -774px;
}

.icon-svg.player-icon-volume-none.gray {
  background-position: -567px  -774px;
}

.icon-svg.player-icon-volume-mute {
  cursor: pointer;
  background-position: -614px  -722px;
}

.volume-changer:hover .icon-svg.player-icon-volume-mute {
  background-position: -614px  -748px;
}

.volume-changer:hover .icon-svg.player-icon-volume-mute.red {
  background-position: -614px  -774px;
}

.icon-svg.player-icon-volume-mute.red {
  background-position: -614px  -774px;
}

.top100-achievements .top-rate .top-rate__h .hot100-profile {
  margin-right: 10px;
}

.hot100-profile {
  background-position-x: -477px;
  background-position-y: -171px;
  display: inline-block;
  height: 33px;
  vertical-align: middle;
  width: 32px;
}

.page__col_type_mainbar .hot100-profile,
.page__col_type_mainbar-musicpage .hot100-profile {
  display: inline-block;
  margin-left: 0;
  vertical-align: middle;
  margin-right: 10px;
}

.fixed-player-popup .player-comments-checkbox .form-label-chec-rad .custom-checkbox__img {
  background-image: url(/img/icons.svg);
  background-position: -170px -457px;
}

.fixed-player-popup .player-comments-checkbox .form-label-chec-rad:hover .custom-checkbox__img {
  background-position: -170px -488px;
}

.fixed-player-popup .player-comments-checkbox .form-label-chec-rad.c-on .custom-checkbox__img {
  background-position: -149px  -457px;
  background-image: url(/img/icons.svg);
}

.fixed-player-popup .player-comments-checkbox .form-label-chec-rad.c-on:hover .custom-checkbox__img {
  background-position: -149px  -488px;
}

.chart-top-list__i-content .music-style {
  max-height: 68px;
  overflow: hidden;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.playlist-preloader {
  display: none;
}

.playlist-preloader .reload-wrapper {
  padding-top: 10px;
}

.playlist-preloader .reload-wrapper .animated-background {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
          animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: #f6f7f8;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 70px;
  position: relative;
}

.playlist-preloader .reload-wrapper .animated-background-end {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
          animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: #f6f7f8;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 59px;
  position: relative;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker {
  background: #fff;
  position: absolute;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.header-top,
.playlist-preloader .reload-wrapper .animated-background .background-masker.header-bottom,
.playlist-preloader .reload-wrapper .animated-background .background-masker.subheader-bottom,
.playlist-preloader .reload-wrapper .animated-background .background-masker.subheader-bottom-end {
  top: 0;
  left: 46px;
  right: 0;
  height: 10px;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.header-left,
.playlist-preloader .reload-wrapper .animated-background .background-masker.subheader-left,
.playlist-preloader .reload-wrapper .animated-background .background-masker.header-right,
.playlist-preloader .reload-wrapper .animated-background .background-masker.subheader-right {
  top: 10px;
  left: 46px;
  height: 8px;
  width: 10px;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.header-bottom {
  top: 18px;
  height: 6px;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.subheader-left,
.playlist-preloader .reload-wrapper .animated-background .background-masker.subheader-right {
  top: 24px;
  height: 6px;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.header-right,
.playlist-preloader .reload-wrapper .animated-background .background-masker.subheader-right {
  width: auto;
  left: 300px;
  right: 0;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.subheader-right {
  left: 230px;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.subheader-bottom {
  top: 30px;
  height: 10px;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.subheader-bottom-end {
  top: 30px;
  height: 16px;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.content-top,
.playlist-preloader .reload-wrapper .animated-background .background-masker.content-second-line,
.playlist-preloader .reload-wrapper .animated-background .background-masker.content-third-line,
.playlist-preloader .reload-wrapper .animated-background .background-masker.content-second-end,
.playlist-preloader .reload-wrapper .animated-background .background-masker.content-third-end,
.playlist-preloader .reload-wrapper .animated-background .background-masker.content-first-end {
  top: 46px;
  left: 0;
  right: 0;
  height: 6px;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.content-top {
  height: 24px;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.content-first-end,
.playlist-preloader .reload-wrapper .animated-background .background-masker.content-second-end,
.playlist-preloader .reload-wrapper .animated-background .background-masker.content-third-end {
  width: auto;
  left: 380px;
  right: 0;
  top: 60px;
  height: 8px;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.content-second-line {
  top: 68px;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.content-second-end {
  left: 420px;
  top: 74px;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.content-third-line {
  top: 82px;
}

.playlist-preloader .reload-wrapper .animated-background .background-masker.content-third-end {
  left: 300px;
  top: 88px;
}

.charts-dynamic {
  font-family: Cuprum;
  font-size: 15px;
  color: #adb7bc;
  line-height: 12px;
  /* margin-left: 530px; */
  margin-top: -15px;
  margin-bottom: 15px;
  display: none;
}

.charts-dynamic.active {
  display: block;
}

.hot100-track-title {
  padding-bottom: 6px;
  /*
  .go-back {
    float: left;
    margin-right: 14px;
  }

  .chart-header-icon {
    margin-top: -14px;
  }

  .track__name {
    font-size: 20px;
    line-height: 1.2;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    float: left;
    margin-left: 100px;
  }
  */
}

.hot100-track-title .go-back {
  margin-right: 60px;
}

.hot100-track-title .chart-header-icon {
  position: absolute;
  margin-left: 29px;
  margin-top: -9px;
}

.track-list__i .track__info-bot.active,
.player-main .track__info-bot.active {
  z-index: 5;
}

.track-list__i .track__extra-download-btn.active,
.player-main .track__extra-download-btn.active {
  position: relative;
}

.track-list__i .track__extra-download-btn.active .chart-manage-btn-popup,
.player-main .track__extra-download-btn.active .chart-manage-btn-popup {
  top: 38px;
  left: -1px;
  z-index: 990;
  opacity: 1;
  text-align: left;
}

.track-list__i .track__prop.active,
.player-main .track__prop.active {
  position: relative;
}

.track-list__i .track__prop.active .chart-manage-btn-popup,
.player-main .track__prop.active .chart-manage-btn-popup {
  top: 27px;
  left: 16px;
  z-index: 990;
  opacity: 1;
}

.track-list__i .track__add-new,
.player-main .track__add-new {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #adb7bc;
}

.track-list__i .track__add-new:hover,
.track-list__i .track__add-new.active,
.track-list__i .track__add-new.in-playlist,
.player-main .track__add-new:hover,
.player-main .track__add-new.active,
.player-main .track__add-new.in-playlist {
  color: #353e47;
}

.track-list__i .track__add-new:hover > .icon-img,
.track-list__i .track__add-new.active > .icon-img,
.track-list__i .track__add-new.in-playlist > .icon-img,
.player-main .track__add-new:hover > .icon-img,
.player-main .track__add-new.active > .icon-img,
.player-main .track__add-new.in-playlist > .icon-img {
  background-position: -118px -34px;
}

.track-list__i .track__add-new > .icon-img,
.player-main .track__add-new > .icon-img {
  margin-top: -2px;
  vertical-align: middle;
  width: 11px;
  height: 10px;
  background-position: -106px -34px;
}

.track-list__i .track__add-new.active .chart-manage-btn-popup,
.player-main .track__add-new.active .chart-manage-btn-popup {
  z-index: 990;
  opacity: 1;
}

.track-list__i .chart-manage-btn-popup,
.player-main .chart-manage-btn-popup {
  display: block;
  opacity: 0;
  z-index: -99;
  position: absolute;
  top: 30px;
  background: #f9f9f9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.track-list__i .chart-manage-btn-popup.chart-add-popup,
.player-main .chart-manage-btn-popup.chart-add-popup {
  left: -75px;
  width: 320px;
  ax-height: 400px;
}

.track-list__i .chart-manage-btn-popup.chart-download-popup,
.player-main .chart-manage-btn-popup.chart-download-popup {
  left: -71px;
  width: 201px;
}

.track-list__i .chart-manage-btn-popup.chart-info-dotted-popup,
.player-main .chart-manage-btn-popup.chart-info-dotted-popup {
  left: -89px;
  width: 201px;
}

.track-list__i .chart-manage-btn-popup__inner,
.player-main .chart-manage-btn-popup__inner {
  background: #f9f9f9;
  padding: 20px 20px;
  position: relative;
  z-index: 9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.track-list__i .chart-manage-btn-popup::before,
.player-main .chart-manage-btn-popup::before {
  background: #f9f9f9;
  position: absolute;
  border: 1px solid #e6e6e6;
  top: -7px;
  left: 50%;
  margin-left: -7px;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

.track-list__i .chart-manage-btn-popup.popup-align-top,
.player-main .chart-manage-btn-popup.popup-align-top {
  bottom: 30px;
  top: auto;
}

.track-list__i .chart-manage-btn-popup.popup-align-top:before,
.player-main .chart-manage-btn-popup.popup-align-top:before {
  top: auto;
  bottom: -7px;
}

.track-list__i .chart-manage-btn-popup .icon-img,
.player-main .chart-manage-btn-popup .icon-img {
  vertical-align: middle;
  margin-top: -4px;
}

.radio-playlist.just-order .radio-playlist-time {
  font-family: Cuprum;
  color: #57a1c7;
  width: 15px;
  text-align: right;
  font-size: 14px;
  padding-top: 7px;
}

.radio-playlist.just-order .radio-playlist-track-wrap {
  margin-left: 15px;
}

.page__col_type_mainbar .chart-top-list-headliners {
  margin-right: 20px;
}

.chart-style-player .poppingInfo + .track__author-popup:before {
  left: 60px;
}

.chart-style-player-big .poppingInfo + .track__author-popup {
  margin-left: 30px;
}

.chart-style-player-big .poppingInfo + .track__author-popup:before {
  left: 215px;
}

#popupComplainALot {
  width: 300px;
  display: none;
}

#popupComplainALot.floater {
  display: block;
}

#popupComplainALot textarea {
  margin-bottom: 15px;
}

.selected-complaint #popupComplainALot {
  display: block;
  z-index: 999;
  opacity: 1;
  bottom: 47px;
  left: -140px;
  width: 302px;
  text-align: left;
  -webkit-transition: bottom 0.3s, opacity 0.3s;
  transition: bottom 0.3s, opacity 0.3s;
}

.chart-top-list-headliners .chart-top-list__i-content .name {
  padding: 5px 0;
}

.chart-style-player .chart-top-list__i-content {
  padding-top: 12px;
}

.chart-style-player .chart-top-list__i-content .music-style {
  overflow: visible;
}

.chart-style-player .track__mark:before {
  top: 4px;
  left: 4px;
  height: 5px;
  width: 5px;
  border-width: 0;
}

.chart-style-player .chart-manage {
  margin-top: 20px;
}

.chart-style-player .music-style {
  margin-bottom: 8px;
}

.chart-style-player .track__mark-sep {
  top: 8px;
  width: 1px;
  height: 12px;
}

.chart-style-player .chart-style-player-controls {
  height: 21px;
  position: relative;
}

.chart-style-player .chart-style-player-controls .controls-time-played {
  padding-top: 4px;
  position: absolute;
  color: #adb7bc;
  font-size: 12px;
}

.chart-style-player .chart-style-player-controls .controls-time-left {
  padding-top: 4px;
  position: absolute;
  right: 0;
  color: #adb7bc;
  font-size: 12px;
}

.chart-style-player .chart-style-player-controls .controls-scales {
  position: absolute;
  left: 39px;
  right: 39px;
  height: 36px;
}

.chart-style-player .chart-style-player-controls .controls-scales .play-tip__trigger {
  top: 16px;
  z-index: 5;
  background: none;
}

.chart-style-player .chart-style-player-controls .controls-scales .track-comment {
  position: absolute;
  top: 0px;
  z-index: 8;
}

.chart-style-player .chart-style-player-controls .controls-scales .track-comment .avatar {
  width: 40px;
  height: 40px;
  background-size: cover;
  float: left;
  margin-right: 6px;
  margin-bottom: 5px;
}

.chart-style-player .chart-style-player-controls .controls-scales .track-comment p {
  margin-bottom: 2px;
}

.chart-style-player .chart-style-player-controls .controls-scales .track-comment:hover .play-tip {
  display: block;
}

.chart-style-player .chart-style-player-controls .controls-scales .track-comment .play-tip__in {
  padding: 5px;
}

.chart-style-player .chart-style-player-controls .controls-scales .track-comment .track-comment-text {
  margin-left: 50px;
}

.chart-style-player .chart-style-player-controls .controls-scales .track-comment .track-comment-avatar {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-size: cover;
  border: 1px solid white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.chart-style-player .chart-style-player-controls .controls-scales .control-scale {
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
  height: 36px;
  display: none;
}

.chart-style-player .chart-style-player-controls .controls-scales .control-scale.main {
  display: block;
}

.chart-style-player .chart-style-player-controls .controls-scales .control-scale canvas {
  height: 36px;
}

.chart-style-player .chart-style-player-controls .controls-scales .control-scale:nth-child(3) {
  border-right: 1px solid #ff512b;
}

.chart-style-player .chart-style-player-controls .controls-scales .timeline-comments {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0px;
  z-index: 10;
}

.chart-style-player .chart-style-player-controls .controls-scales .timeline-comments-item {
  position: absolute;
  cursor: pointer;
  margin-left: -8px;
}

.chart-style-player .chart-style-player-controls .controls-scales .timeline-comments-item.deleted-comment img {
  display: none;
}

.chart-style-player .chart-style-player-controls .controls-scales .timeline-comments-item-deleted {
  display: none;
}

.chart-style-player .chart-style-player-controls .controls-scales .timeline-comments-item-deleted a {
  text-decoration: none;
  border-bottom: 1px dashed;
}

.chart-style-player .chart-style-player-controls .controls-scales .timeline-comments-item-controls {
  margin-top: 6px;
}

.chart-style-player .chart-style-player-controls .controls-scales .timeline-comments-item-controls a {
  margin-right: 15px;
  text-decoration: none;
  border-bottom: 1px dashed;
  font-size: 12px;
}

.chart-style-player .chart-style-player-controls .controls-scales .timeline-comments-item__author {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.chart-style-player .chart-style-player-controls .controls-scales .timeline-comments-item.active .fixed-player-popup {
  z-index: 999;
  opacity: 1;
  bottom: 30px;
}

.chart-style-player .chart-style-player-controls .controls-scales .timeline-comments-item:hover .fixed-player-popup {
  z-index: 999;
  opacity: 1;
  bottom: 30px;
  -webkit-transition: bottom 0.1s, opacity 0.2s;
  transition: bottom 0.1s, opacity 0.2s;
}

.chart-style-player .chart-style-player-controls .controls-scales .timeline-comments.has-active-comment .timeline-comments-item:hover .fixed-player-popup {
  opacity: 0;
}

.chart-style-player .chart-style-player-controls .controls-scales .timeline-comments.has-active-comment .timeline-comments-item.active .fixed-player-popup {
  z-index: 999;
  opacity: 1;
  bottom: 50px;
}

.chart-style-player .chart-style-player-controls .timeline-dot {
  position: absolute;
  top: 17px;
  left: 315px;
  border: 1px solid #78c2e6;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #fff;
  width: 12px;
  height: 12px;
  cursor: pointer;
  display: none;
  -webkit-transform: translate3d(-6px, 0, 0);
          transform: translate3d(-6px, 0, 0);
  z-index: 10;
}

.chart-style-player .add-a-comment {
  cursor: pointer;
  position: relative;
}

.chart-style-player .selected .fixed-player-popup {
  z-index: 999;
  opacity: 1;
  bottom: 47px;
  left: -138px;
  width: 300px;
  -webkit-transition: bottom 0.3s, opacity 0.3s;
  transition: bottom 0.3s, opacity 0.3s;
}

.chart-style-player .fixed-player-popup.without-time .player-comments-checkbox {
  display: none;
}

.chart-style-player .fixed-player-popup.without-time textarea {
  margin-bottom: 15px;
}

.chart-style-player.player-active .chart-style-player-controls .controls-scales .control-scale {
  display: block;
}

.chart-style-player.player-active .chart-style-player-controls .timeline-dot {
  display: block;
}

.chart-style-player .chart-top-list__i-content .chart-manage-btn.chart-manage-btn-add {
  margin-left: 4px;
}

.chart-style-player .chart-top-list__i-content .chart-info-txt {
  margin-left: 10px;
}

.chart-style-player .chart-top-list__i-content .chart-info-txt:first-child {
  margin-left: 0;
}

.new-search_label {
  margin: 14px 8px 0 2px;
  width: 80px;
  font-size: 16 apx;
}

.content-nav__act-sum {
  font-size: 16px;
  color: #3a3f44;
}

.new-search-check-list {
  list-style: outside none none;
  padding: 4px 0px 0px 0px;
  margin: 0 0 -10px;
}

.new-search-check-list .content-nav__act {
  display: inline-block;
  font-size: 16px;
  padding: 0;
}

.new-search-check-list li {
  float: left;
  margin-right: 40px;
  padding: 8px 16px;
}

.new-search-check-list li.active {
  background: #e0e0e0;
  border-radius: 26px;
}

.new-show_label {
  font-size: 14px;
  color: #adb7bc;
  margin: -13px 8px 0px 2px;
  width: 66px;
}

.new-search_all-people {
  margin-top: -18px;
  margin-right: -20px;
}

.new-search-section__filter {
  margin: -24px 11px 0 0;
}

.user-new-search-list__i {
  border-bottom: 1px solid #E3E7E9;
  clear: both;
  margin-bottom: 16px;
  padding: 0px 7px 16px;
  box-sizing: padding-box;
}

.user-new-search-list__i .user-main-list__inner {
  height: auto;
}

.user-new-search-list__i .dj-users__img {
  overflow: hidden;
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  border-radius: 2px;
}

.user-new-search-list__i .user-main-list__inner {
  float: left;
  width: 205px;
  margin-top: -11px;
}

.user-new-search-list__i .users-main-list__place {
  display: inline-block;
  margin-right: 9px;
}

.user-new-search-list__i .user-main-list__inner .user-main-list__inner_row {
  margin: 4px 10px -3px 0px;
}

.user-new-search-list__i .user-main-list__inner-left .user-main-list__inner_row {
  margin: 12px 10px -6px 0px;
}

.user-new-search-list__i .user-main-list__track {
  margin: -1px 0px 0px 4px;
}

.user-new-search-list__i .user-main-list__status {
  padding: 0px 20px 34px 0px;
  vertical-align: top;
}

.user-new-search-list__i .map-gray,
.new-search-popup-list .map-gray {
  margin-left: 2px;
  width: 9px;
}

.icon-img.dj-gray {
  background-position: 0px -1031px;
  height: 12px;
  width: 12px;
}

.icon-img.music-gray {
  background-position: -12px -1031px;
  height: 12px;
  width: 11px;
}

.icon-img.producer-gray {
  background-position: -23px -1031px;
  height: 12px;
  width: 10px;
  margin-left: 1px;
}

.icon-img.bar-gray {
  background-position: -34px -1031px;
  height: 12px;
  width: 10px;
}

.icon-img.club-gray {
  background-position: -46px -1031px;
  height: 12px;
  width: 12px;
}

.new-search-wrapper {
  position: relative;
}

.new-search-wrapper.active .new-search-popup {
  opacity: 1;
  height: auto;
}

.new-search-popup {
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 99;
  background: #f9f9f9;
  border: 1px solid #ced0d1;
  border-radius: 4px;
  width: 717px;
  padding: 15px 9px 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
  opacity: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.new-search-popup .show-all-btn-blue {
  margin: 0 0 24px;
}

.show-all-btn-blue {
  color: #57a1c7;
}

.show-all-btn-blue:hover {
  color: #FFBF00;
}

.new-search-popup-inner {
  padding: 0 5px;
}

.else-style-h a {
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  margin: 0 8px;
}

.new-search-popup-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.new-search-popup-list .dj-users__img {
  width: 50px;
  height: 50px;
}

.new-search-popup-list .user-main-list__inner {
  float: left;
  width: 172px;
}

.new-search-popup-list .user-main-list__inner_row {
  margin: -4px 10px 7px 0px;
}

.new-search-popup-list__people {
  width: 230px;
  display: inline-block;
  vertical-align: top;
  padding-top: 4px;
  margin-bottom: 16px;
}

.new-search-popup-inner-half {
  float: left;
  width: 50%;
}

.new-search-popup-inner-half__i {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}

.new-search-popup-inner-empty {
  text-align: center;
  color: #a3b7c2;
  font-size: 12px;
  margin-bottom: 35px;
}

.new-search-popup-inner-empty span {
  display: block;
  font-size: 20px;
  margin: 32px 0 2px;
}

.citySelect2 {
  width: 240px;
}

.profile__nav-i.active {
  border-radius: 10px;
  background: #e0e0e0;
}

.search-page .search--form__row {
  display: -webkit-box;
  display: flex;
}

.search-page .big-input-search {
  width: 458px;
  color: #3a3f44;
}

.search-page .styleSelect {
  width: 616px;
}

.search-page .citySelect2 {
  margin-right: 0px;
}

.search-page .reset-filter {
  background: #ee4243;
  color: white;
  width: 192px;
  height: 44px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1;
}

.search-page .not-found {
  padding-bottom: 12px;
}

.search-page .map-gray {
  margin-left: 2px;
}

.search-page .username {
  display: inline-block;
  width: auto;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  position: relative;
  top: 4px;
  padding-left: 4px;
}

.search-page .user-main-list__inner .users-main-list__style {
  white-space: nowrap;
}

.search-page .user-main-list__inner .users-main-list__name {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-right: 0;
  width: 100%;
  margin-left: -2px;
  text-indent: 0;
  margin-bottom: 6px;
}

.search-page .user-main-list__inner .users-main-list__name .icon {
  top: 4px;
  left: 2px;
  position: relative;
}

.search-page .new-search-popup-list .users-main-list__name {
  margin-left: 2px;
}

.search-page .user-main-list__afisha {
  width: 100%;
}

.search-page .user-main-list__afisha.place {
  width: 490px;
}

.search-page .user-main-list__afisha__poster__h {
  float: none;
}

.search-page .poster__h a {
  display: inline;
}

.search-page .user-main-list__track {
  width: 359px;
}

.search-page .new-show_label {
  float: left;
  margin: 4px 0 0 16px;
}

.search-page .profile__nav-act {
  padding: 4px 8px;
}

.taggable .primary_div .taggable__placeholder {
  position: absolute;
  top: 50%;
  left: 18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #aaa;
}

.taggable .primary_div input:focus ~ .taggable__placeholder {
  display: none;
}

.taggable .primary_div .styles-container__i ~ .taggable__placeholder {
  display: none;
}

.users-main-list__name .icon-status {
  margin: 0px 8px 0 4px;
}

.user-new-search-list__i .icon-status {
  vertical-align: middle;
  margin: -2px 8px 0 2px;
}

.user-new-search-list__i .user-main-list__inner {
  width: 160px;
}

.user-main-list__inner_row {
  position: relative;
}

.user-main-list__inner_row .more-styles {
  font-size: 12px;
  color: #adb7bc;
  white-space: nowrap;
}

