/* NORMALIZE.CSS */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**

 * 1. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

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

/**

 * Remove default margin.

 */
body {
    margin: 0;
}

/* HTML5 display definitions

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

 * Correct `block` display not defined for any HTML5 element in IE 8/9.

 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.

 * Correct `block` display not defined for `main` in IE 11.

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

/**

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

 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

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

/**

 * Address `[hidden]` styling not present in IE 8/9/10.

 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.

 */
[hidden],
template {
    display: none;
}

/* Links

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

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

 */
a {
    background: transparent;
    cursor: pointer;
}

/* Text-level semantics

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

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

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

/**

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

 */
b,
strong {
    font-weight: bold;
}

/**

 * Address styling not present in Safari and Chrome.

 */
dfn {
    font-style: italic;
}

/**

 * Address styling not present in IE 8/9.

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

/**

 * Address inconsistent and variable font size in all browsers.

 */
small {
    font-size: 80%;
}

/**

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

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content

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

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

 */
img {
    border: 0;
}

/**

 * Correct overflow not hidden in IE 9/10/11.

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

/* Grouping content

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

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

 */
figure {
    margin: 1em 40;
}

/**

 * Address differences between Firefox and other browsers.

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

/**

 * Contain overflow in all browsers.

 */
pre {
    overflow: auto;
}

/**

 * Address odd `em`-unit font size rendering in all browsers.

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

/* Forms

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

 * Known limitation: by default, Chrome and Safari on OS X allow very limited

 * styling of `select`, unless a `border` property is set.

 */
/**

 * 1. Correct color not being inherited.

 *    Known issue: affects color of disabled elements.

 * 2. Correct font properties not being inherited.

 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**

 * Address `overflow` set to `hidden` in IE 8/9/10/11.

 */
button {
    overflow: visible;
}

/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

 * Correct `select` style inheritance in Firefox.

 */
button,
select {
    text-transform: none;
}

/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

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

/**

 * Re-set default cursor for disabled elements.

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

/**

 * Remove inner padding and border in Firefox 4+.

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

/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */
input {
    line-height: normal;
}

/**

 * It's recommended that you don't attempt to style these elements.

 * Firefox's implementation doesn't respect box-sizing, padding, or width.

 *

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

 * 2. Remove excess padding in IE 8/9/10.

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

/**

 * Fix the cursor style for Chrome's increment/decrement buttons. For certain

 * `font-size` values of the `input`, it causes the cursor style of the

 * decrement button to change from `default` to `text`.

 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**

 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome

 *    (include `-moz` to future-proof).

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

/**

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

 * Safari (but not Chrome) clips the cancel button when the search input has

 * padding (and `textfield` appearance).

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

/**

 * Define consistent border, margin, and padding.

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

/**

 * 1. Correct `color` not being inherited in IE 8/9/10/11.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

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

/**

 * Remove default vertical scrollbar in IE 8/9/10/11.

 */
textarea {
    overflow: auto;
}

/**

 * Don't inherit the `font-weight` (applied by a rule above).

 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

 */
optgroup {
    font-weight: bold;
}

/* Tables

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

 * Remove most spacing between table cells.

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

td,
th {
    padding: 0;
}

/* NORMALIZE.CSS END */
/* RESET */
*,
:focus {
    outline: none;
}

body {
    -webkit-fontype-smalloothing: antialiased;
}

body,
html {
    height: 100%;
    width: 100%;
}

a,
input[type=radio],
input[type=checkbox],
select {
    cursor: pointer;
}

select[disabled] {
    cursor: default;
}

/*normalization mozila*/
input:-webkit-autofill {
    background-color: transparent;
}

/*normalization ie7*/
* + html input[type=checkbox],
* + html input[type=radio] {
    width: 13px;
    height: 13px;
}

textarea {
    resize: none;
    vertical-align: top;
}

em,
i {
    font-style: italic;
}

img {
    vertical-align: top;
}

input {
    vertical-align: middle;
}

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

dd {
    margin: 0 0 0 40px;
}

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

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

blockquote,
q {
    quotes: none;
}

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

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

:focus {
    -moz-outline: 3px solid #fff !important;
}

input[type="radio"]:focus {
    -moz-outline-radius: 12px !important;
    -moz-outline-offset: 0 !important;
}

input[type="checkbox"]:focus {
    -moz-outline-offset: -1px !important;
    -moz-outline: 1px solid #000 !important;
}

* + html a,
* + html button,
* + html input[type="submit"],
* + html input[type="radio"],
* + html input[type="checkbox"],
* + html input[type="button"] {
    noFocusLine: expression(this.onFocus=this.blur());
}

/*fix button click opera old version*/
button:after {
    content: "";
}

del {
    text-decoration: line-through;
}

table {
    width: 100%;
}

form {
    margin: 0;
    padding: 0;
}

input::-ms-clear {
    display: none;
}

/* RESET END */
/* FONTS */
/* DINPro Bold */
@font-face {
    font-family: 'dinpro_bold';
    src: url("../fonts/dinpro/bold/dinpro-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/dinpro/bold/dinpro-bold.otf") format("opentype"), url("../fonts/dinpro/bold/dinpro-bold.woff") format("woff"), url("../fonts/dinpro/bold/dinpro-bold.ttf") format("truetype"), url("../fonts/dinpro/bold/dinpro-bold.svg#dinpro-bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* DINPro Regular */
@font-face {
    font-family: 'dinpro_regular';
    src: url("../fonts/dinpro/regular/dinpro-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/dinpro/regular/dinpro-regular.otf") format("opentype"), url("../fonts/dinpro/regular/dinpro-regular.woff") format("woff"), url("../fonts/dinpro/regular/dinpro-regular.ttf") format("truetype"), url("../fonts/dinpro/regular/dinpro-regular.svg#dinpro-regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Ruble */
@font-face {
    font-family: 'ruble';
    src: url("../fonts/ruble/ruble.eot");
    src: url("../fonts/ruble/ruble.eot?#iefix") format("embedded-opentype"), url("../fonts/ruble/ruble.woff") format("woff"), url("../fonts/ruble/ruble.ttf") format("truetype"), url("../fonts/ruble/ruble.svg#ruble") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* FONTS END */
/*

	--- WIDGETS CONTAINS ---



	1. Listed Gallery

	2. Slider Kit



*/
/*----------- 1. LISTED GALLERY -----------*/
.slider-bloc {
    position: relative;
    max-width: 100%;
}

.slider-bloc .content-slider {
    max-width: 100%;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    height: 330px;
    z-index: 2;
}

.slider-bloc .content-slider .content-rel-slider, .slider-bloc .content-slider .content-abs-slider, .slider-bloc .content-slider .item-slider {
    height: 100%;
}

.slider-bloc .content-slider .content-rel-slider {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.slider-bloc .content-slider .content-rel-slider .content-abs-slider {
    position: absolute;
    left: 0;
    top: 0;
}

.slider-bloc .content-slider .content-rel-slider .content-abs-slider .item-slider {
    float: left;
}

.slider-bloc .content-slider .content-rel-slider .content-abs-slider .item-slider .loop-mini {
    height: auto;
}

.slider-bloc .nav-slider {
    height: auto;
}

.slider-bloc .nav-slider .item-nav {
    cursor: pointer;
}

/*----------- 1. LISTED GALLERY END -----------*/
/*----------- 2. SLIDER KIT -----------*/
.sliderkit {
    position: relative;
    overflow: hidden;
}

.sliderkit .sliderkit-panel {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.sliderkit .sliderkit-panel-old {
    z-index: 4;
}

.sliderkit .sliderkit-panel-active {
    z-index: 5;
}

.sliderkit-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

.sliderkit-nav-clip {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.sliderkit-nav-clip li {
    float: left;
}

.sliderkit-go-prev,
.sliderkit-go-next {
    cursor: pointer;
    position: absolute;
    top: 304px;
    z-index: 10;
    font-size: 0;
    line-height: 0;
    opacity: 0.2;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.sliderkit-go-prev:hover,
.sliderkit-go-next:hover {
    opacity: 1;
}

.sliderkit-go-prev {
    left: 88px;
    background-image: url(../img/sprite-icons.png);
    background-position: -321px -53px;
    width: 24px;
    height: 43px;
}

.sliderkit-go-next {
    right: 82px;
    background-image: url(../img/sprite-icons.png);
    background-position: -321px 0px;
    width: 25px;
    height: 43px;
}

/*----------- 2. SLIDER KIT END -----------*/
/* TYPOGRAPHY */
* {
    box-sizing: border-box;
}

html, body {
    height: auto;
    min-height: 100%;
    background: #000;
}

body {
    color: #030202;
    font-size: 14px;
    line-height: 1.2;
    font-family: "dinpro_bold", Arial, Tahoma, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    min-width: 640px;
    position: relative;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #030202;
    font-size: 48px;
    line-height: 1.2;
    font-family: "dinpro_bold", Arial, Tahoma, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0;
}

h2, .h2 {
    font-size: 24px;
}

h3, .h3 {
    font-size: 18px;
}

h4, .h4 {
    font-size: 16px;
}

h5, .h5 {
    font-size: 15px;
}

h6, .h6 {
    font-size: 14px;
}

p {
    margin: 0 0 16px;
}

hr {
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid #000;
    margin-bottom: 18px;
}

a {
    color: #030202;
    text-decoration: none;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

a:hover {
    color: #32a0fb;
    text-decoration: underline;
}

.no-hover,
.no-hover:hover {
    cursor: default !important;
    color: #030202 !important;
    text-decoration: underline !important;
}

label {
    cursor: pointer;
}

b,
strong {
    font-weight: normal;
    font-family: "dinpro_bold";
}

.ruble {
    font-family: "ruble";
    text-transform: none;
}

/* TYPOGRAPHY END */
/* reset-list */
[class$="-list"],
[class*="-list "] {
    background: none;
    border: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* reset-list end */
/* default input(type: text, password), textarea */
textarea,
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url] {
    cursor: text;
    width: 100%;
    display: block;
    background: #fff;
    border: 0;
    padding: 11px 20px 12px;
    color: #030202;
    font-size: 12px;
    font-family: "dinpro_bold", Arial, Tahoma, Verdana, sans-serif;
    line-height: 1.2;
    font-weight: 400;
    font-style: normal;
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus {
    background: #fff;
}

textarea:invalid, textarea.error,
input[type=text]:invalid,
input[type=text].error,
input[type=password]:invalid,
input[type=password].error,
input[type=date]:invalid,
input[type=date].error,
input[type=datetime]:invalid,
input[type=datetime].error,
input[type=email]:invalid,
input[type=email].error,
input[type=number]:invalid,
input[type=number].error,
input[type=search]:invalid,
input[type=search].error,
input[type=tel]:invalid,
input[type=tel].error,
input[type=time]:invalid,
input[type=time].error,
input[type=url]:invalid,
input[type=url].error {
    box-shadow: none;
    background: #FEC5C5;
}

textarea[disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=date][disabled],
input[type=datetime][disabled],
input[type=email][disabled],
input[type=number][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=time][disabled],
input[type=url][disabled] {
    color: #b0b0b0;
    background: #ECEDEE;
    cursor: default !important;
}

textarea {
    height: 249px;
    padding: 19px 20px;
    line-height: 1.45;
}

/* default input(type: text, password), textarea end */
/* default placeholder */
::-webkit-input-placeholder {
    color: #030202;
    opacity: 1;
}

:-moz-placeholder {
    color: #030202;
    opacity: 1;
}

::-moz-placeholder {
    color: #030202;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #030202;
}

:focus:-moz-placeholder {
    color: transparent;
    opacity: 1;
}

:focus::-moz-placeholder {
    color: transparent;
    opacity: 1;
}

:focus::-webkit-input-placeholder {
    color: transparent;
    opacity: 1;
}

:focus:-ms-input-placeholder {
    color: transparent;
    opacity: 1;
}

:focus::placeholder {
    color: transparent;
    opacity: 1;
}

/* default placeholder end */
/* additional elements */
.align-left {
    float: left;
    margin: 0 20px 18px 0;
}

.align-right {
    float: right;
    margin: 0 0 18px 20px;
}

.align-center {
    display: block;
    margin: 0 auto 18px;
    text-align: center;
    max-width: 100%;
}

[class*="-columns"] {
    margin-left: -20px;
}

[class*="column-"] {
    float: left;
    padding-left: 20px;
}

.column-50 {
    width: 50%;
}

/* additional elements end */
/* default styles for forms */
.form-info {
    font-size: 12px;
    line-height: 1.18;
    color: #000;
    text-align: center;
    padding: 0 0 31px;
}

.form-line {
    margin: 0 0 13px;
}

.form-line.wm input {
    background: #cde7fd;
}

.form-line.pass input {
    background: #fec5c5;
}

.wrap-select,
[class^="wrap-select-"],
[class*=" wrap-select-"] {
    position: relative;
}

.wrap-select select,
[class^="wrap-select-"] select,
[class*=" wrap-select-"] select {
    width: 100%;
}

.wrap-label {
    padding: 0 0 9px;
    color: #87743a;
    text-transform: uppercase;
    font-family: "dinpro_bold";
}

.wrap-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 34px;
    font-size: 12px;
    line-height: 34px;
    text-transform: uppercase;
    padding: 0 10px;
    color: #000;
    border: 1px solid #DEDEDE;
    background: #fff;
}

.wrap-select select option:first-child {
    display: none;
}

/* default styles for forms end */
/* clearfix */
.clearfix:before, .footer:before, .face-info:before, .tile-list:before, .author-holder:before, .popup-search-results-section:before, .news-item:before, .unique-view:before, .reservation:before, .mypublications-section:before, .mypublication:before, .publication-info-top:before, .users-list:before, .message:before, .social-list:before, .short-articles-list:before, .publications-section:before, .user-actions:before, .vopros-actions:before, .awards-list:before, .publications-slider-nav:before, .question:before, .podcast:before, .experts-page:before, .podcasts-page:before, .author-page:before, .experts-list:before, .podcasts-section:before, .full-subscribe-list:before, .clearfix:after, .footer:after, .face-info:after, .tile-list:after, .author-holder:after, .popup-search-results-section:after, .news-item:after, .unique-view:after, .reservation:after, .mypublications-section:after, .mypublication:after, .publication-info-top:after, .users-list:after, .message:after, .social-list:after, .short-articles-list:after, .publications-section:after, .user-actions:after, .vopros-actions:after, .awards-list:after, .publications-slider-nav:after, .question:after, .podcast:after, .experts-page:after, .podcasts-page:after, .author-page:after, .experts-list:after, .podcasts-section:after, .full-subscribe-list:after,
.buttons:before,
.buttons:after,
[class*="-buttons"]:before,
[class*="-buttons"]:after,
.slider-list:before,
.slider-list:after,
[class*="-columns"]:before,
[class*="-columns"]:after,
form:before,
form:after {
    content: "";
    display: table;
}

.clearfix:after, .footer:after, .face-info:after, .tile-list:after, .author-holder:after, .popup-search-results-section:after, .news-item:after, .unique-view:after, .reservation:after, .mypublications-section:after, .mypublication:after, .publication-info-top:after, .users-list:after, .message:after, .social-list:after, .short-articles-list:after, .publications-section:after, .user-actions:after, .vopros-actions:after, .awards-list:after, .publications-slider-nav:after, .question:after, .podcast:after, .experts-page:after, .podcasts-page:after, .author-page:after, .experts-list:after, .podcasts-section:after, .full-subscribe-list:after,
.buttons:after,
[class*="-buttons"]:after,
.slider-list:after,
[class*="-columns"]:after,
form:after {
    clear: both;
}

/* clearfix end */
/* buttons */
[class^="btn-"],
[class*=" btn-"] {
    border: none;
    text-decoration: none;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

[class^="btn-"] input,
[class*=" btn-"] input {
    background: transparent;
    border: 0;
    color: transparent;
    cursor: pointer;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -9999px;
    z-index: 10;
}

[class^="btn-"].disabled,
[class*=" btn-"].disabled {
    cursor: default !important;
}

[class^="btn-"].disabled input,
[class*=" btn-"].disabled input {
    display: none !important;
}

[class^="btn-"]:hover,
[class*=" btn-"]:hover {
    text-decoration: none;
}

a[class^="btn-"],
a[class*=" btn-"],
div[class^="btn-"],
div[class*=" btn-"] {
    cursor: pointer;
}

/* btn-red */
.btn-red {
    font-family: "dinpro_bold", Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    padding: 16px;
    background: #C00505;
    text-transform: uppercase;
    color: #fff;
    border-radius: 18px;
}

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

/* btn-red end */
/* btn-light-red */
.btn-light-red {
    font-family: "dinpro_bold", Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    padding: 16px 15px 14px;
    background: #FF0101;
    text-transform: uppercase;
    color: #fff;
    border-radius: 25px;
}

.btn-light-red:hover {
    color: #fff;
}

/* btn-light-red end */
/* btn-dark-red */
.btn-dark-red {
    font-family: "dinpro_bold", Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    padding: 12px 11px 11px;
    background: #ce2127;
    text-transform: uppercase;
    color: #fff;
    border-radius: 25px;
}

.btn-dark-red:hover {
    color: #fff;
    background: #a50810;
}

/* btn-dark-red end */
/* btn-blue */
.btn-blue {
    font-family: "dinpro_bold", Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    padding: 16px;
    background: #32a0fb;
    color: #fff;
    text-transform: uppercase;
    border-radius: 18px;
}

.btn-blue:hover {
    color: #fff;
    background: #308cd8;
}

/* btn-blue end */
/* btn-gray */
.btn-gray {
    font-family: "dinpro_bold", Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    padding: 16px 15px 14px;
    background: #ECEDEE;
    text-transform: uppercase;
    color: #030202;
    border-radius: 25px;
    position: relative;
}

.btn-gray:hover {
    background: #32a0fb;
    color: #fff;
}

/* btn-gray end */
/* btn-dark-gray */
.btn-dark-gray {
    font-family: "dinpro_bold", Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    padding: 25px 15px 28px;
    background: rgba(56, 56, 56, 0.6);
    text-transform: uppercase;
    color: rgba(253, 253, 253, 0.1);
}

.btn-dark-gray:hover {
    color: #030202;
    background: #32a0fb;
    color: #fff;
}

/* btn-dark-gray end */
/* btn-black */
.btn-black {
    font-family: "dinpro_bold", Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    padding: 12px 11px 11px;
    background: #030202;
    text-transform: uppercase;
    color: #fff;
    border-radius: 25px;
}

.btn-black:hover {
    color: #fff;
    background: #352f2f;
}

/* btn-black end */
/* btn-brown */
.btn-brown {
    font-family: "dinpro_bold", Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    padding: 18px 36px 16px;
    background: #caaf5c;
    text-transform: uppercase;
    color: #fefefe;
    border-radius: 20px;
}

.btn-brown:hover {
    color: #fefefe;
    background: #af9856;
}

/* btn-brown end */
/* buttons end */
/* main-blocks */
.wrapper {
    background: #000;
    min-height: 100%;
    overflow: hidden;
}

.wrapper-inner {
    min-height: 100%;
    position: relative;
    overflow: hidden;
    background: #000;
    max-width: 1280px;
    margin: 0 auto;
}

.main {
    background: #F3F9FC;
    position: relative;
    margin: 0 0 0 83px;
}

/* main-blocks end */
/* side-menu */
.side-menu-wrap {
    position: fixed;
    left: 0;
    right: 0;
    max-width: 1280px;
    top: 0;
    margin: 0 auto;
    height: 0;
    z-index: 2010;
}

.side-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 83px;
    background: #161515;
}

.side-menu-list {
    height: 100%;
    position: relative;
    z-index: 2010;
}

.side-menu-list > li + li {
    margin-top: 1px;
}

.side-menu-list > li:first-child:before {
    content: '';
    position: absolute;
    background: #161515;
    left: 0;
    right: 0;
    height: 9999px;
    z-index: 51;
}

.side-menu-list > li.active.select-cat .side-submenu-menus-wrap {
    width: 0;
}

.side-menu-list > li.active .side-submenu-menus-wrap, .side-menu-list > li.current .side-submenu-menus-wrap {
    width: 600px;
}

.side-menu-list > li.active .side-submenu-sign-wrap.active,
.side-menu-list > li.current .side-submenu-sign-wrap,
.side-menu-list > li.active .side-submenu-signup-wrap.active,
.side-menu-list > li.active .side-submenu-remember-wrap.active {
    width: 250px;
}

.side-menu-list > li.active .side-submenu-signup-wrap.active .side-submenu-registration,
.side-menu-list > li.active .side-submenu-remember-wrap.active .side-submenu-remember-password {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

.side-menu-list > li.active .side-submenu-categories, .side-menu-list > li.current .side-submenu-categories {
    width: 557px;
}

.side-menu-list > li.active .side-menu-buy-wrap, .side-menu-list > li.current .side-menu-buy-wrap {
    width: 280px;
}

.side-menu-list > li.active .side-submenu-profile-wrap, .side-menu-list > li.current .side-submenu-profile-wrap {
    width: 250px;
}

.side-menu-list > li.active .side-menu-link, .side-menu-list > li.current .side-menu-link {
    background: #caaf5c;
}

.side-menu-list > li.active .side-menu-link img, .side-menu-list > li.current .side-menu-link img {
    opacity: 0;
}

.side-menu-list > li.active .side-menu-menus .icon-menu, .side-menu-list > li.current .side-menu-menus .icon-menu {
    background: none;
}

.side-menu-list > li.active .side-menu-menus .icon-menu:before, .side-menu-list > li.active .side-menu-menus .icon-menu:after, .side-menu-list > li.current .side-menu-menus .icon-menu:before, .side-menu-list > li.current .side-menu-menus .icon-menu:after {
    transition-delay: 0s, 0.3s;
}

.side-menu-list > li.active .side-menu-menus .icon-menu:before, .side-menu-list > li.current .side-menu-menus .icon-menu:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.side-menu-list > li.active .side-menu-menus .icon-menu:after, .side-menu-list > li.current .side-menu-menus .icon-menu:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.side-menu-list > li.active .side-submenu-menus-dark, .side-menu-list > li.current .side-submenu-menus-dark {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

.side-menu-list > li.active .side-menu-profile svg, .side-menu-list > li.current .side-menu-profile svg {
    opacity: 1;
}

.side-menu-list > li.active .side-menu-sign:before, .side-menu-list > li.current .side-menu-sign:before {
    opacity: 0;
}

.side-menu-list > li.active .side-menu-sign svg, .side-menu-list > li.current .side-menu-sign svg {
    opacity: 1;
}

.side-menu-list > li.active .side-menu-sign svg.icon-lock {
    opacity: 0;
}

.side-menu-list > li .side-menu-sign svg.icon-lock {
    opacity: 1;
}

.side-menu-list > li.active .side-menu-buy svg, .side-menu-list > li.current .side-menu-buy svg {
    /*fill: #000;*/
}

.side-menu-list > li.active .side-menu-categories .icon-question, .side-menu-list > li.current .side-menu-categories .icon-question {
    /*fill: #000;*/
}

.side-menu-list > li.active .side-menu-listed .icon-tile, .side-menu-list > li.current .side-menu-listed .icon-tile {
    /*fill: #000;*/
}

.side-menu-list > li.active .side-menu-search:before, .side-menu-list > li.current .side-menu-search:before {
    background-image: url(../img/sprite-icons.png);
    background-position: -111px -303px;
    width: 27px;
    height: 27px;
}

.side-menu-list > li.active .side-menu-authors:before, .side-menu-list > li.current .side-menu-authors:before {
    background-image: url(../img/sprite-icons.png);
    background-position: 0px -303px;
    width: 27px;
    height: 27px;
}

.side-menu-list > li.active .side-menu-popular .icon-heart, .side-menu-list > li.current .side-menu-popular .icon-heart {
    fill: #000;
}

.side-menu-list > li.active .side-menu-podcast .icon-podcast, .side-menu-list > li.current .side-menu-podcast .icon-podcast {
    fill: #000;
}

.side-menu-list > li.active .side-submenu-categories-columns [class*="column-"] + [class*="column-"], .side-menu-list > li.current .side-submenu-categories-columns [class*="column-"] + [class*="column-"] {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

.side-menu-link {
    display: block;
    width: 83px;
    height: 84px;
    background: #222020;
    position: relative;
    z-index: 52;
}

.side-menu-link img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.side-menu-link svg {
    position: absolute;
    top: 50%;
    left: 50%;
}

/*.side-menu-link:before {*/
/*content: '';*/
/*position: absolute;*/
/*top: 50%;*/
/*left: 50%;*/
/*-webkit-transform: translate(-50%, -50%);*/
/*-moz-transform: translate(-50%, -50%);*/
/*-ms-transform: translate(-50%, -50%);*/
/*-o-transform: translate(-50%, -50%);*/
/*transform: translate(-50%, -50%);*/
/*}*/

.side-menu-link .red-count {
    position: absolute;
    right: 7px;
    top: 7px;
}

.side-menu-link:hover,
.current-active .side-menu-link {
    background: #caaf5c;
}

/* side-menu end */
/* side-menu-menus */
.side-submenu {
    position: absolute;
    top: 0;
    left: 99%;
    bottom: 0;
    z-index: 50;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    overflow: hidden;
    width: 0;
}

.select-cat .side-submenu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.side-menu-menus {
    background: #32a0fb !important;
}

.side-menu-menus:before {
    display: none;
}

.side-menu-menus .icon-menu {
    width: 29px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 3px;
    -webkit-transition: background 0s ease 0.3s;
    -moz-transition: background 0s ease 0.3s;
    -ms-transition: background 0s ease 0.3s;
    -o-transition: background 0s ease 0.3s;
    transition: background 0s ease 0.3s;
}

.side-menu-menus .icon-menu:before, .side-menu-menus .icon-menu:after {
    content: '';
    height: 4px;
    background: #fff;
    position: absolute;
    top: -9px;
    left: 0;
    right: 0;
    border-radius: 3px;
    transition-delay: 0.3s, 0s;
    transition-duration: 0.3s, 0.3s;
    transition-property: top, transform;
}

.side-menu-menus .icon-menu:after {
    top: auto;
    bottom: -9px;
    transition-property: bottom, transform;
}

.side-menu-list > li.active .side-submenu-menus-wrap.active .side-submenu-menus-question {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.side-submenu-menus {
    background: #32a0fb;
    width: 300px;
    padding: 40px;
    height: 100%;
    position: absolute;
    right: 300px;
    z-index: 42;
}

.side-submenu-menus-list, .side-submenu-categories-list {
    font-family: "dinpro_regular";
    letter-spacing: 0.03em;
}

.side-submenu-menus-list li + li, .side-submenu-categories-list li + li {
    padding-top: 7px;
}

.side-submenu-menus-list li.current a, .side-submenu-categories-list li.current a {
    color: #000;
}

.side-submenu-menus-list a, .side-submenu-categories-list a {
    color: #fff;
    text-decoration: underline;
    margin-right: 10px;
}

.side-submenu-menus-list a:hover, .side-submenu-categories-list a:hover {
    color: #000;
}

.side-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 2009;
    display: none;
}

.red-count {
    display: inline-block;
    min-width: 16px;
    padding: 0 2px;
    height: 16px;
    border-radius: 8px;
    text-align: center;
    font-size: 11px;
    line-height: 16px;
    color: #fff;
    background: #FF0101;
    vertical-align: middle;
    font-family: "dinpro_bold";
}

.graph {
    margin-top: 20px;
}

.green-checked {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: -5px;
    position: relative;
    top: -2px;
}

.checked-rules {
    width: 32px;
    height: 32px;
    background: #5C9541;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -17px;
}

.checked-rules .icon-checked {
    width: 16px;
    height: 16px;
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.side-submenu-menus-dark {
    background: #19191B;
    width: 280px;
    padding: 40px 39px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 40;
    -webkit-transition: all 0.5s ease 0.6s;
    -moz-transition: all 0.5s ease 0.6s;
    -ms-transition: all 0.5s ease 0.6s;
    -o-transition: all 0.5s ease 0.6s;
    transition: all 0.5s ease 0.6s;
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%);
    transform: translate(-100%);
}

.side-submenu-menus-dark-list {
    font-family: "dinpro_regular";
    letter-spacing: 0.02em;
}

.side-submenu-menus-dark-list li + li {
    padding-top: 7px;
}

.side-submenu-menus-dark-list + .side-submenu-menus-dark-list {
    padding-top: 56px;
}

.side-submenu-menus-dark-list a {
    color: #88817e;
    text-decoration: underline;
}

.side-submenu-menus-dark-list a:hover {
    color: #fff;
}

.side-submenu-menus-question {
    width: 300px;
    background: #caaf5c;
    padding: 39px 41px 41px 41px;
    position: absolute;
    z-index: 41;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.side-submenu-menus-question .h3 {
    padding: 0 0 23px;
}

.side-submenu-menus-question p {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    font-family: "dinpro_bold";
    padding: 0 0 25px;
}

.side-submenu-menus-question-buttons {
    padding: 16px 0 0;
}

.side-submenu-menus-question-buttons [class*="btn-"] {
    display: block;
    width: 100%;
    border-radius: 0;
}

.side-submenu-menus-question-buttons [class*="btn-"] + [class*="btn-"] {
    margin-top: 16px;
}

.side-submenu-menus-question-buttons .btn-blue {
    padding: 15px 16px 14px;
}

/* side-menu-menus end */
/* side-menu-buy */
.side-menu-buy-wrap.active .side-submenu-buy {
    -webkit-transform: translateX(-100%) !important;
    -moz-transform: translateX(-100%) !important;
    -ms-transform: translateX(-100%) !important;
    -o-transform: translateX(-100%) !important;
    transform: translateX(-100%) !important;
}

.side-menu-buy-wrap.active .side-submenu-pay, .side-menu-buy-wrap.active .side-submenu-subscribe {
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    transform: translateX(0) !important;
}

.side-menu-buy svg {
    fill: #403C3C;
    width: 29px;
    height: 27px;
    margin: -13px 0 0 -14px;
}

.side-submenu-buy {
    width: 280px;
    color: #fefefe;
    background: #caaf5c;
    padding: 39px 40px 40px;
    color: #fefefe;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.side-submenu-buy fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.side-submenu-buy fieldset.side-submenu-buy-delivery {
    padding-bottom: 8px;
}

.side-submenu-buy fieldset + fieldset {
    margin-top: 11px;
}

.side-submenu-buy input + input {
    margin-top: 13px;
}

.side-buy-author {
    padding: 0 0 4px;
}

.side-buy-type {
    color: #87743a;
    text-transform: uppercase;
    padding: 0 0 11px;
}

.side-buy-title {
    font-size: 26px;
    color: #030202;
    text-transform: uppercase;
    padding: 0 0 13px;
}

.side-buy-title + .price {
    padding: 0 0 17px;
}

.price {
    color: #fefefe;
    font-size: 30px;
    line-height: 1;
}

.price .ruble {
    font-weight: 700;
}

.side-menu-buy-buttons {
    padding: 10px 0 0;
}

.side-menu-buy-buttons .btn-blue {
    display: block;
    border-radius: 0;
    padding: 15px 16px;
}

/* side-menu-buy end */
/* side-submenu-pay */
.side-submenu-pay, .side-submenu-subscribe {
    width: 280px;
    color: #fefefe;
    background: #caaf5c;
    padding: 39px 40px 40px 41px;
    color: #fefefe;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: translateX(-100%) !important;
    -moz-transform: translateX(-100%) !important;
    -ms-transform: translateX(-100%) !important;
    -o-transform: translateX(-100%) !important;
    transform: translateX(-100%) !important;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.side-submenu-pay .side-buy-type, .side-submenu-subscribe .side-buy-type,
.side-submenu-pay .side-buy-title, .side-submenu-subscribe .side-buy-title {
    padding: 0 0 7px;
}

.side-submenu-pay fieldset, .side-submenu-subscribe fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.side-submenu-pay fieldset + fieldset, .side-submenu-subscribe fieldset + fieldset {
    margin-top: 20px;
}

.side-submenu-pay .side-submenu-pay-cost, .side-submenu-subscribe .side-submenu-pay-cost {
    padding-bottom: 17px;
    border-bottom: 1px solid #87743a;
}

.side-submenu-pay .side-submenu-pay-cost .side-buy-title + .price, .side-submenu-subscribe .side-submenu-pay-cost .side-buy-title + .price {
    padding: 0 0 8px;
}

.side-submenu-pay .side-submenu-pay-cost .price, .side-submenu-subscribe .side-submenu-pay-cost .price {
    padding: 0 0 8px;
}

.side-submenu-pay .side-submenu-pay-cost .wrap-label, .side-submenu-subscribe .side-submenu-pay-cost .wrap-label {
    padding: 0 0 1px;
}

.side-menu-pay-buttons {
    padding: 14px 0 0;
}

.side-menu-pay-buttons [class*="btn-"] {
    display: block;
    width: 100%;
    border-radius: 0;
}

.side-menu-pay-buttons .btn-blue {
    padding: 15px 16px 15px;
}

.payments-list {
    padding: 0 0 6px;
}

.payments-list li + li {
    margin-top: 12px;
}

.payment-item {
    display: table-cell;
    width: 9999px;
    height: 38px;
    vertical-align: middle;
    text-align: center;
    background: #BEA451;
    cursor: pointer;
}

.payment-item img + img {
    display: none;
}

.payment-item.active.webmoney {
    background: #006AB4;
}

.payment-item.active.visa {
    background: #FCFDFE;
}

.payment-item.active img:first-child {
    display: none;
}

.payment-item.active img + img {
    display: inline-block;
}

.payment-item input[type="radio"] {
    position: absolute;
    left: -9999px;
}

/* side-submenu-pay end */
/* side-submenu-subscribe */
.side-submenu-subscribe {
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    transform: translateX(0) !important;
}

.side-submenu-subscribe .side-submenu-pay-cost {
    padding-bottom: 14px;
}

.side-submenu-subscribe .side-submenu-pay-cost .wrap-label {
    padding: 0 0 4px;
}

.side-submenu-subscribe fieldset + fieldset {
    margin-top: 30px;
}

.side-buy-desc {
    color: #000;
    padding: 5px 0 15px;
}

/* side-submenu-subscribe end */
/* side-menu-categories */
.side-menu-categories .icon-question {
    width: 28px;
    height: 28px;
    margin: -13px 0 0 -13px;
    fill: #403C3C;
}

.side-submenu-categories-columns {
    margin: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 557px;
}

.side-submenu-categories-columns [class*="column-"] {
    padding: 42px 41px 41px 41px;
    background: #caaf5c;
    -webkit-transition: all 0.5s ease 0.6s;
    -moz-transition: all 0.5s ease 0.6s;
    -ms-transition: all 0.5s ease 0.6s;
    -o-transition: all 0.5s ease 0.6s;
    transition: all 0.5s ease 0.6s;
    height: 100%;
    position: relative;
}

.side-submenu-categories-columns [class*="column-"]:first-child {
    z-index: 3;
}

.side-submenu-categories-columns [class*="column-"] + [class*="column-"] {
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%);
    transform: translate(-100%);
    background: #BEA558;
    z-index: 2;
}

.side-submenu-categories-list {
    font-size: 13px;
}

.side-submenu-categories-list li + li {
    /*padding-top: 15px;*/
}

/* side-menu-categories end */
/* side-menu-sign */
.side-menu-sign:before {
    background-image: url(../img/sprite-icons.png);
    background-position: -321px -139px;
    width: 19px;
    height: 27px;
}

.side-menu-sign svg {
    width: 21px;
    height: 21px;
    margin: -10px 0 0 -10px;
    opacity: 0;
}

.side-menu-sign svg.icon-lock {
    width: 31px;
    height: 31px;
    margin: -15px 0 0 -15px;
    fill: #403C3C;
}

.side-submenu-sign-wrap .h3,
.side-submenu-registration .h3,
.side-submenu-remember-password .h3 {
    padding: 0 0 13px;
    text-align: center;
    color: #fefefe;
}

.side-submenu-registration,
.side-submenu-login,
.side-submenu-remember-password {
    width: 250px;
    height: 100%;
    background: #caaf5c;
    padding: 42px 40px 40px;
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%);
    transform: translate(-100%);
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.side-submenu-registration.active,
.active.side-submenu-login,
.active.side-submenu-remember-password,
.active .side-submenu-select-category-wrap ul {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

.side-submenu-select-category-wrap {
    background: #32a0fb;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
}

.side-submenu-select-category-wrap .menu-select-category {
    padding: 40px;
}

.side-submenu-select-category-wrap ul {
    width: 220px;
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.select-cat .side-submenu-select-category-wrap {
    width: 300px;
}

.user-holder {
    text-align: center;
    margin: 0 0 41px;
    display: block;
}

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

a.user-holder:hover .user-image:before {
    opacity: 1;
}

a.user-holder.user-placeholder {
    cursor: default;
    opacity: 0.7;
}

a.user-holder.user-placeholder .user-title:before {
    content: '';
    position: absolute;
    width: 89px;
    height: 25px;
    background: #329af0;
    left: 50%;
    margin-left: -44px;
    top: 8px;
}

a.user-holder.user-placeholder .user-image:before {
    display: none;
}

a.user-holder .user-image:before {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    content: '';
    position: absolute;
    border-radius: 50%;
    left: -9px;
    top: -9px;
    right: -9px;
    bottom: -9px;
    border: 10px solid #fff;
    opacity: 0;
}

.user-image {
    position: relative;
    width: 93px;
    height: 93px;
    margin: 0 auto 12px;
}

.user-image img {
    border-radius: 50%;
    min-width: 100%;
    min-height: 100%;
}

.user-image.empty {
    background-image: url(../img/sprite-icons.png);
    background-position: 0px -200px;
    width: 93px;
    height: 93px;
}

.user-image [class^="item-status-"] {
    position: absolute;
    right: -5px;
    top: -12px;
}

.user-image:not(.empty):hover .user-image-edit {
    opacity: 1;
}

.user-image .red-count {
    position: absolute;
    left: 50%;
    bottom: -8px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}

.user-image-edit {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(4, 4, 4, 0.7);
    border-radius: 50%;
}

.user-image-edit:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0.7;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(../img/sprite-icons.png);
    background-position: -148px -250px;
    width: 32px;
    height: 26px;
}

.user-title {
    color: #fff;
    padding: 0 0 4px;
    position: relative;
}

.user-title strong {
    display: block;
    font-size: 18px;
    line-height: 1.1;
    padding: 3px 0 0;
}

.user-title span {
    display: block;
    font-size: 12px;
}

.form-agreement {
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 44px 0 0;
    position: relative;
}

.form-agreement a {
    color: #fff;
    text-decoration: underline;
}

.form-agreement a:hover {
    color: #32a0fb;
}

/*.form-agreement .icon-checked {*/
/*position: absolute;*/
/*left: 50%;*/
/*top: 0;*/
/*width: 32px;*/
/*height: 30px;*/
/*margin-left: -16px;*/
/*fill: #5C9541;*/
/*}*/

.side-submenu-sign-buttons {
    text-align: center;
    padding: 2px 0 14px;
}

.side-submenu-sign-buttons [class*="btn-"] {
    display: block;
    width: 100%;
    border-radius: 0;
}

.side-submenu-sign-buttons [class*="btn-"] + [class*="btn-"] {
    margin-top: 13px;
}

.side-submenu-sign-buttons .btn-blue {
    padding: 16px 16px 14px;
}

.side-submenu-sign-buttons .btn-red {
    padding: 15px 16px 14px;
}

.remember-password-link {
    font-size: 12px;
    text-decoration: underline;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 12px;
}

.remember-password-link:hover {
    color: #fff;
}

/* side-menu-sign end */
/* side-menu-profile */
.side-menu-profile img {
    max-width: 100%;
    width: 100%;
}

.side-menu-profile svg {
    width: 21px;
    height: 21px;
    margin: -10px 0 0 -10px;
    opacity: 0;
}

.side-menu-list > li.active .side-submenu-profile-wrap.active {
    width: 600px !important;
}

.side-menu-list > li.active .side-submenu-profile-wrap.active .side-submenu-profile {
    right: 350px;
}

.side-submenu-profile {
    background: #caaf5c;
    padding: 42px 40px 40px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 250px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 5;
}

.side-submenu-profile .user-holder {
    margin: 0 0 49px;
}

.user-address {
    font-size: 11px;
    padding: 0 0 8px;
}

.user-rating {
    color: #87743a;
    font-size: 11px;
}

.side-profile-menu-top {
    padding-bottom: 20px;
}

.side-profile-menu-list li + li {
    margin-top: 3px;
}

.side-profile-menu-list li + li.divider {
    margin-top: 23px;
}

.side-profile-menu-list a {
    text-decoration: underline;
    margin-right: 10px;
}

.side-profile-menu-list a:hover {
    color: #fff;
}

.side-profile-menu-list .brown {
    color: #87743a;
}

.side-profile-menu-bottom .side-profile-menu-list li + li {
    margin-top: 2px;
}

.side-profile-menu-bottom .side-profile-menu-list li + li.divider {
    margin-top: 21px;
}

.side-profile-menu-bottom .side-profile-menu-list li + li.brown.divider {
    margin-top: 19px;
}

.side-profile-menu-bottom .side-profile-menu-list li + li.settings.divider {
    margin-top: 16px;
}

.side-submenu-profile-edit {
    width: 350px;
    padding: 40px;
    height: 100%;
    background: #F3F9FC;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    position: absolute;
    z-index: 4;
    right: 0;
    top: 0;
}

.side-submenu-profile-edit textarea {
    padding: 10px 20px;
    height: 121px;
}

.side-submenu-profile-edit-buttons .btn-gray {
    display: block;
    width: 100%;
    border-radius: 0;
    padding: 15px;
}

/* side-menu-profile end */
/* side-menu-listed */
.side-menu-listed .icon-tile {
    fill: #403C3C;
    width: 27px;
    height: 27px;
    margin: -13px 0 0 -13px;
}

/* side-menu-listed end */
/* side-menu-search */
.side-menu-search .icon-search {
    width: 28px;
    height: 29px;
    margin: -14px 0 0 -14px;
    fill: #403C3C;
}

.side-menu-search.active {
    background: #caaf5c;
}

.side-menu-search.active:before {
    background-image: url(../img/sprite-icons.png);
    background-position: -111px -303px;
    width: 27px;
    height: 27px;
}

/* side-menu-search end */
/* side-menu-authors */
/*.side-menu-authors:before {*/
/*background-image: url(../img/sprite-icons.png);*/
/*background-position: -37px -303px;*/
/*width: 27px;*/
/*height: 27px;*/
/*}*/

.side-menu-authors .icon-user {
    width: 28px;
    height: 28px;
    margin: -13px 0 0 -14px;
    fill: #403C3C;
}

/* side-menu-authors end */
/* side-menu-popular */
.side-menu-popular .icon-heart {
    width: 28px;
    height: 29px;
    fill: #403C3C;
    margin: -15px 0 0 -13px;
}

/* side-menu-popular end */
/* side-menu-podcast */
.side-menu-podcast .icon-podcast {
    width: 31px;
    height: 31px;
    fill: #403C3C;
    margin: -16px 0 0 -15px;
}

/* side-menu-podcast end */
/* FOOTER */
.footer {
    padding: 50px 37px 50px 35px;
    background: #000;
    position: relative;
    z-index: 8;
    color: #fff;
    font-size: 12px;
}

.footer a {
    color: #fff;
    text-decoration: underline;
}

.footer a:hover {
    color: #32a0fb;
    text-decoration: none;
}

.counters {
    float: left;
    margin: 0 17px 0 0;
}

.copyright {
    float: left;
    font-family: "dinpro_regular";
    letter-spacing: 0.02em;
}

.agelimit {
    float: right;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background: #27272B;
    font-size: 14px;
    color: #f2f9fc;
    line-height: 53px;
    text-align: center;
    margin: -10px 0 0 0;
}

/* FOOTER END */
/* HEADER */
.header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 186px;
    z-index: 4;
}

.header-decor {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 186px solid rgba(3, 2, 2, 0.7);
    border-left: 599px solid transparent;
    border-right: 599px solid transparent;
    z-index: 4;
    /*&.fixed {

		position:fixed;

	}*/
}

.logo-holder {
    position: absolute;
    left: 50%;
    top: -153px;
    z-index: 5;
    margin-left: -27px;
    text-align: center;
    color: #fffefe !important;
    text-decoration: none !important;
}

.logo {
    width: 59px;
    height: 55px;
    display: block;
}

.logo .article-star {
    width: 59px;
    height: 55px;
    fill: #fff;
}

.logo-desc {
    text-transform: uppercase;
    padding: 2px 0 0;
    line-height: 1;
}

.logo-desc strong {
    color: #ce2127;
    display: block;
    font-size: 30px;
}

.logo-desc span {
    display: block;
}

/* HEADER END */
/* CONTENT */
.content-top {
    background: url(../img/bg/content-top.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    z-index: 3;
}

.content-top h1, .content-top .h1 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 0 0 20px;
    display: block;
    line-height: 1.16;
    letter-spacing: 0.03em;
}

.content-top h1 span, .content-top .h1 span {
    display: block;
    font-size: 60px;
}

.content-top:before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

/*.publication-page-item .content-top-inner {*/
/*min-height: 680px;*/
/*}*/

/*.publication-page-item .content-top-inner .publication-info-title {*/
/*!*margin-top: 60px;*!*/
/*}*/

.content-top-inner {
    position: relative;
    z-index: 3;
}

.content-top-inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 250px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
}

.content-top-inner:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 189px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
}

.content-top-main {
    position: relative;
    z-index: 6;
    padding: 240px 20px 70px;
}

.content-top-main .user-holder {
    margin: 0 0 20px;
}

.content-top-main .user-image {
    margin: 0 auto 11px;
}

.content-top-main .user-title {
    font-size: 16px;
}

.content-top-main .user-statistics-list {
    font-size: 18px;
    padding: 0 0 43px;
}

.content-top-main .user-statistics-list li {
    margin: 0 10px;
}

.content-top-desc {
    color: #fff;
    max-width: 720px;
    margin: 0 auto;
    padding: 0 0 38px;
    text-align: center;
}

.content-top-buttons {
    text-align: center;
}

.content-top-buttons > [class*="btn-"] {
    margin: 0 13px;
    min-width: 221px;
}

.content {
    padding: 40px;
}

/* CONTENT END */
/* ARTICLE-PAGE */
.article-page .content-top h1 {
    padding: 0 0 61px;
}

.article-page .content-top-main {
    padding-top: 217px;
    padding-bottom: 60px;
}

/* faces */
.faces {
    position: relative;
    z-index: 5;
}

.faces-photos-list {
    /*white-space: nowrap;*/
    font-size: 0;
    line-height: 0;
    width: 100%;
    display: table;
}

.faces-photos-list li {
    display: inline-block;
    vertical-align: top;
}

.faces-photos-list li.current .face-photo {
    z-index: 5;
}

.faces-photos-list li.current .face-photo:before {
    opacity: 1;
}

.faces-photos-list li {
    width: 7.14285714%;
    position: relative;
}

.face-photo {
    height: 88px;
    display: block;
    width: 100% !important;
    /*overflow: hidden;*/
}

.face-photo .img {
    display: block;
    height: 100%;
    overflow: hidden;
}

.face-photo img {
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
}

.face-photo:before {
    content: '';
    position: absolute;
    border: 10px solid #fff;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
}

.faces-photos-list li:hover,
.faces-photos-list li.current {
    z-index: 5;
}

.face-photo:hover:before {
    opacity: 1;
}

.faces-info-list > li {
    display: none;
}

.faces-info-list > li.current {
    display: block;
}

.face-info.top {
    background: #d20303;
}

.face-info.mas {
    background: #9f4022;
}

.face-info.pro {
    background: #870878;
}

.face-info.spe {
    background: #037db6;
}

.face-info.deb {
    background: #1f9727;
}

.face-info.tra {
    background: #df7503;
}

.face-info-status {
    float: left;
    width: 85px;
}

.face-info-status [class^="item-status-"] {
    margin: 20px auto;
    display: block;
}

.face-info-content {
    overflow: hidden;
    padding: 33px 30px;
    background: #27272B;
    min-height: 86px;
}

.face-info-content-list {
    color: #fffefe;
    font-size: 16px;
    font-family: "dinpro_regular";
}

.face-info-content-list li {
    display: inline-block;
}

.face-info-content-list li.user-icon .icon-users {
    display: inline-block;
    margin: 0 13px 0 0;
    fill: #fff;
    width: 13px;
    height: 13px;
}

.face-info-content-list li:after {
    content: 'I';
    margin: 0 5px 0 8px;
    color: #979899;
}

.face-info-content-list li:last-child:after {
    display: none;
}

.face-info-content-list li.yellow {
    color: #caaf5c;
}

.face-info-content-list a {
    color: #fff;
    text-decoration: underline;
}

[class^="item-status-"] {
    display: inline-block;
    text-transform: uppercase;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    font-size: 13.76px;
    line-height: 44px;
    color: #fefcfc;
    text-align: center;
    padding: 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-status-top {
    background: #ff0101;
}

.item-status-mas {
    background: #b34d2d;
}

.item-status-pro {
    background: #9d0e8c;
}

.item-status-spe {
    background: #008dcf;
}

.item-status-deb {
    background: #29a732;
}

.item-status-tra {
    background: #fa8100;
}

.item-status-violet {
    background: #9D0E8C;
}

.item-status-brown {
    background: #B34D2D;
}

.item-status-blue {
    background: #008DCF;
}

.item-status-green {
    background: #29A732;
}

.item-status-red {
    background: #FF0101;
}

.item-status-dark-red {
    background: #ce2127;
}

.item-status-orange {
    background: #FA8100;
}

/* faces end */
/* article-page-desc */
.article-page-desc {
    background: #32a0fb;
    padding: 66px 20px 67px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.article-page-desc .inner {
    max-width: 780px;
    margin: 0 auto;
}

/* article-page-desc end */
/* article */
.article-wrap {
    position: relative;
    background: #fff;
    padding: 87px 102px 76px;
}

.article {
    position: relative;
    z-index: 5;
}

.article h2 {
    margin: 37px 0 28px;
}

.article > *:first-child {
    margin-top: 0;
}

.letter {
    position: absolute;
    text-transform: uppercase;
    left: 88px;
    top: -3px;
    z-index: 4;
    color: #32a0fb;
    font-size: 210px;
    line-height: 1;
    opacity: 0.3;
}

/* article end */
/* ARTICLE-PAGE END */
/* LIST PAGE */
/* tile-list */

.tile {
    background: #000000;
}

.tile-list > li {
    float: left;
    width: 20%;
    opacity: 0;
    position: relative;
    z-index: 2;
    -webkit-transition: opacity 0.65s ease 0s;
    -moz-transition: opacity 0.65s ease 0s;
    -ms-transition: opacity 0.65s ease 0s;
    -o-transition: opacity 0.65s ease 0s;
    transition: opacity 0.65s ease 0s;
}

.tile-list > li.active {
    opacity: 1;
}

.tile-list > li:hover {
    z-index: 3;
}

.tile-item {
    position: relative;
    display: block;
}

.tile-item:hover .tile-item-content {
    opacity: 1;
}

.tile-item-image img {
    max-width: 100%;
    width: 100%;
}

.tile-item-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px 32px;
    background: #32a0fb;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -ms-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.tile-item-content .h3 {
    position: relative;
    z-index: 5;
}

.tile-item-content .author-holder {
    position: absolute;
    left: 36px;
    right: 25px;
    bottom: 34px;
    z-index: 5;
}

.tile-item-content .letter {
    opacity: 0.5;
    color: #fff;
    font-size: 150px;
    top: -28px;
    left: 21px;
}

.tile-item-content .author-content:hover {
    text-decoration: underline;
}

.author-holder {
    color: #fefefe;
    font-size: 12px;
}

.author-image {
    float: left;
    margin: 0 12px 0 0;
    width: 37px;
    height: 37px;
}

.author-image img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
}

.author-content {
    overflow: hidden;
    display: table-cell;
    height: 37px;
    vertical-align: middle;
    width: 9999px;
}

.author-content a {
    color: #fefefe;
}

.author-content a:hover {
    color: #fefefe;
}

.author-content a span {
    font-size: 12px;
    display: block;
}

.author-content em {
    font-style: normal;
}

/* tile-list end */
/* right-fixed-links */
.right-fixed-links {
    position: fixed;
    z-index: 9;
    left: 0;
    right: 0;
    max-width: 1280px;
    margin: 0 auto;
    height: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -ms-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.right-fixed-links.top {
    top: 0;
}

.right-fixed-links.bottom {
    bottom: 0;
}

.right-fixed-links.bottom.absolute {
    position: absolute;
}

.right-fixed-links.bottom.absolute .fixed-edit-link {
    bottom: 161px;
}

.right-fixed-links.bottom.absolute .fixed-totop-link {
    bottom: 84px;
}

.right-fixed-links.hidden {
    visibility: hidden;
    opacity: 0;
}

.right-fixed-links-top,
.like-change,
.fixed-premium-button,
.fixed-change-buttons {
    position: fixed;
    left: 0;
    right: 0;
    max-width: 1280px;
    top: 0;
    margin: 0 auto;
    height: 0;
    z-index: 99;
}

.fixed-soc-buttons {
    position: fixed;
    left: 0;
    right: 0;
    max-width: 1280px;
    top: 0;
    margin: 140px auto;
    height: 0;
    z-index: 99;
}

.fixed-soc-buttons .fb,
.fixed-soc-buttons .vk,
.fixed-soc-buttons .tw {
    position: absolute;
    width: 42px;
    height: 42px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #3a5999;
    right: 52px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.fixed-soc-buttons .fb:hover {
    background: #34498a;
}

.fixed-soc-buttons .fb .icon-fb {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 21px;
    height: 30px;
    fill: #fff;
    margin-top: -15px;
    margin-left: -11px;
}

.fixed-soc-buttons .vk {
    top: 50px;
    background: #2f5e99;
}

.fixed-soc-buttons .vk .icon-vk {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 17px;
    fill: #fff;
    margin-top: -9px;
    margin-left: -6px;
}

.fixed-soc-buttons .vk:hover {
    top: 50px;
    background: #264d88;
}

.fixed-soc-buttons .tw {
    top: 100px;
    background: #00bcff;
}

.fixed-soc-buttons .tw .icon-tw {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 19px;
    fill: #fff;
    margin-top: -9px;
    margin-left: -10px;
}

.fixed-soc-buttons .tw:hover {
    background: #00aceb;
}

.like-change {
    z-index: 999;
}

.like-change .hidden,
.fixed-change-buttons .hidden {
    display: none;
}

.fixed-soc-buttons .top {
}

.fixed-soc-buttons .top a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.fixed-soc-buttons .top a.hidden {
    display: none;
}

.edit-article {
    position: absolute;
    z-index: 90;
    width: 66px;
    height: 66px;
    top: 43px;
    right: 41px;
    background: #16abfb;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.edit-article:hover {
    background: #129ce7;
}

.edit-article .icon-pen {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    fill: #fff;
}

.fixed-question {
    position: absolute;
    z-index: 90;
    width: 66px;
    height: 66px;
    top: 43px;
    right: 41px;
    background: #fc222d;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.fixed-question .icon-question {
    width: 27px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -13px;
    fill: #fff;
}

.fixed-author-recommend-link {
    position: absolute;
    z-index: 90;
    width: 66px;
    height: 66px;
    top: 43px;
    right: 41px;
    background: #fc222d;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.active .fixed-author-recommend-link {
    background: #000000;
}

.fixed-author-recommend-link .icon-user {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -12px;
    fill: #fff;
}

.fixed-like-link {
    position: absolute;
    z-index: 90;
    width: 93px;
    height: 83px;
    top: 0;
    right: 202px;
    background: #fc222d;
}

.fixed-question:hover,
.fixed-author-recommend-link:hover,
.fixed-like-link:hover {
    background: #e3121d;
}

.active .fixed-author-recommend-link:hover {
    background: #111111;
}

.fixed-like-link .icon-heart {
    width: 27px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -13px;
    fill: #fff;
}

.fixed-star-link {
    position: absolute;
    z-index: 90;
    width: 66px;
    height: 66px;
    top: 43px;
    right: 53px;
    background: #caaf5c;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.fixed-star-link .icon-tile {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -11px;
    fill: #fff;
    display: none;
}

.fixed-star-link.active .icon-tile {
    display: block;
}

.fixed-star-link.active {
    background: #000000;
}

.fixed-star-link.active:hover {
    background: #111111;
}

.fixed-star-link.active:before {
    display: none;
}

.fixed-star-link:before {
    display: none;
}

.fixed-star-link.active .article-star {
    display: none;
}

.fixed-star-link .article-star {
    width: 35px;
    height: 33px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -18px;
    fill: #ffffff;
}

.fixed-star-link:hover {
    background: #af9856;
}

.fixed-edit-link {
    position: absolute;
    z-index: 90;
    width: 100px;
    height: 84px;
    right: 102px;
    top: 0;
    background: #32a0fb;
}
.fixed-add-publication-link{
    position: absolute;
    z-index: 90;
    width: 66px;
    height: 66px;
    right: 41px;
    bottom: 132px;
    background: #32a0fb;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}


.fixed-add-publication-link .icon-article-edit {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    fill: #fff;
}
.right-fixed-links.bottom.absolute .fixed-add-publication-link {
    bottom: 161px;
}

.fixed-edit-link.notepad-plus:before {
    display: none;
}

.fixed-edit-link.notepad-plus .article-plus-notepad {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    fill: #ffffff;
}

.fixed-edit-link:hover {
    background: #308cd8;
}

.fixed-totop-link {
    position: absolute;
    z-index: 90;
    width: 66px;
    height: 66px;
    right: 41px;
    bottom: 55px;
    background: #C00505;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.fixed-totop-link:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../img/sprite-icons.png);
    background-position: -321px -232px;
    width: 20px;
    height: 12px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.fixed-totop-link:hover {
    background: #a50810;
}

.list-page .fixed-edit-link {
    right: 53px;
    bottom: 144px;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.list-page .fixed-totop-link {
    right: 53px;
    bottom: 67px;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

/* right-fixed-links end */
/* popup-wrap */
.popup-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(3, 1, 2, 0.8);
    display: none;
}

.popup-overlay {
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.popup-inner {
    display: table;
    width: 100%;
    height: 100%;
}

.popup-holder {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.popup-container {
    max-width: 1280px;
    padding: 0 0 0 83px;
    margin: 0 auto;
}

.popup {
    position: relative;
    z-index: 1002;
    margin: 0 auto;
}

.popup-write .popup {
    max-width: 311px;
}

.popup-write .popup [class*="btn-"] {
    display: block;
    padding: 17px 16px 16px;
}

.popup-write .popup [class*="btn-"] + [class*="btn-"] {
    margin-top: 20px;
}

/* popup-wrap end */
/* popup-search */
.popup-search {
    position: absolute;
    bottom: auto;
    min-height: 100%;
}

.popup-search .popup-container {
    padding: 49px 0 49px 82px;
}

.popup-search .popup-inner {
    display: block;
    height: auto;
    overflow-y: scroll;
    position: relative;
    z-index: 999999;
}

.popup-search .popup-holder {
    display: block;
    vertical-align: top;
    height: auto;
}

.popup-search .popup-overlay {
    background: #030303;
}

.popup-search .popup {
    margin: 0 62px;
    max-width: 946px;
    color: #fefefe;
    text-align: left;
}

.popup-search .popup h3 {
    color: #fefefe;
    padding: 0 0 27px;
}

input.popup-search-input {
    background: transparent;
    font-size: 150px;
    line-height: 180px;
    padding: 0;
    color: #fff;
    margin: 0 0 35px;
}

input.popup-search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.1);
    opacity: 1;
}

input.popup-search-input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.1);
    opacity: 1;
}

input.popup-search-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.1);
    opacity: 1;
}

input.popup-search-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.1);
    opacity: 1;
}

input.popup-search-input:focus:-moz-placeholder {
    color: rgba(255, 255, 255, 0.1);
    opacity: 1;
}

input.popup-search-input:focus::-moz-placeholder {
    color: rgba(255, 255, 255, 0.1);
    opacity: 1;
}

input.popup-search-input:focus::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.1);
    opacity: 1;
}

input.popup-search-input:focus:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.1);
    opacity: 1;
}

input.popup-search-input:focus::placeholder {
    color: rgba(255, 255, 255, 0.1);
    opacity: 1;
}

input.popup-search-input:focus {
    background: transparent;
}

.popup-close-holder {
    position: fixed;
    left: 0;
    right: 0;
    max-width: 1216px;
    top: 69px;
    margin: 0 auto;
    height: 0;
}

.popup-close {
    position: absolute;
    right: 40px;
    top: 0;
}

.popup-close .icon-close {
    width: 27px;
    height: 27px;
    fill: #fff;
}

.popup-search-results-buttons {
    padding: 42px 0 0;
}

.popup-search-results-buttons .btn-dark-gray {
    display: block;
}

.popup-search-results-section {
    margin: -36px 0 0 -50px;
    font-size: 0;
    line-height: 0;
}

.popup-search-results-section > article {
    font-size: 14px;
    line-height: 1.2;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 36px 0 0 50px;
}

.popup-search-results-section > article:nth-child(n+9) {
    /*display: none;*/
}

.popup-search-results-section .publication {
    background: transparent;
}

.popup-search-results-section .publication h5 {
    font-size: 14px;
}

.popup-search-results-section .publication h5 a {
    color: #fefefe;
}

.popup-search-results-section .publication-image {
    margin: 0 0 17px;
}

/* popup-search end */
/* LIST PAGE END */
/* NEWS PAGE */
.news-section > * + * {
    margin-top: 18px;
}

.news-section > *:nth-child(n+6) {
    /*display: none;*/
}

.news-item {
    background: #fff;
    padding: 33px 37px 36px;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -moz-transition: box-shadow 0.3s ease 0s;
    -ms-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s;
}

.news-item:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.news-item:hover h2 a {
    text-decoration: underline;
}

.news-item h2 {
    letter-spacing: -0.006em;
}

.news-item h2 a:hover {
    color: #030202;
}

.news-item.small h2 {
    font-size: 14px;
}

.news-item.small .news-item-right {
    padding: 5px 0 2px;
}

.news-item.small .news-item-meta-list {
    padding-bottom: 3px;
}

.news-item.blue {
    background: #32a0fb;
}

.news-item.blue h2 a {
    color: #fff;
}

.news-item.blue .news-item-meta-list {
    color: #030202;
}

.news-item.blue .news-item-right {
    padding: 8px 0 2px;
}

.news-item.blue:hover {
    box-shadow: none;
}

.news-item-left {
    float: left;
    width: 93px;
    margin: 0 28px 0 0;
}

.news-item-image {
    display: block;
    width: 93px;
    height: 93px;
    border-radius: 50%;
    overflow: hidden;
    background: #32a0fb;
    position: relative;
}

.news-item-image img {
    border-radius: 50%;
    max-width: 100%;
    max-height: 100%;
}

.news-item-image .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.news-item-right {
    overflow: hidden;
    padding: 6px 0 2px;
}

.news-item-meta-list {
    font-size: 16px;
    color: #c3c3c3;
    padding: 0 0 0 2px;
}

.news-item-meta-list li {
    display: inline-block;
    padding: 0 0 3px;
}

.news-item-meta-list li:after {
    content: 'I';
    margin: 0 7px 0 10px;
}

.news-item-meta-list li:last-child:after {
    display: none;
}

.news-item-meta-list a {
    color: #c3c3c3;
}

.news-item-meta-list a:hover {
    color: #32a0fb;
}

.news-buttons {
    padding: 20px 0 0;
}

.news-buttons .btn-gray {
    display: block;
    border-radius: 0;
    font-size: 14px;
    padding: 26px 15px 28px;
}

[class^="news-item-status"] {
    font-size: 14px;
}

.news-item-status-new-article,
.news-item-status-comment {
    color: #508823;
}

.news-item-status-new-question {
    color: #32a0fb;
}

.news-item-status-new-answer,
.news-item-status-paid {
    color: #FF0101;
}

/* NEWS PAGE END */

.not-add-comment {
    background: #e5f2fd;
    padding: 30px;
    text-align: center;
    margin-bottom: 36px;
    text-transform: uppercase;
}

.not-add-comment a {
    text-decoration: none;
    color: #32a0fb;
}

.not-add-comment a:hover {
    text-decoration: underline;
}

/* NEWS PAGE */
.date {
    font-size: 14px;
    letter-spacing: -0.02em;
}

.questions-section .news-item-right {
    padding: 8px 0 2px;
}

/* NEWS PAGE END */
/* PROSMOTRI */
/* publications-add-desc */
.publications-add-desc {
    background: #ce2127;
    padding: 54px 20px 46px;
    text-align: center;
    font-size: 11.97px;
    color: #fff;
    position: relative;
    z-index: 4;
    min-height: 292px;
}

.publications-add-desc .inner {
    max-width: 770px;
    margin: 0 auto;
}

.publications-add-desc strong {
    display: block;
    font-size: 17.95px;
    line-height: 1.21;
    padding: 0 0 25px;
}

.publications-add-desc a {
    color: #fff;
    text-decoration: underline;
}

.publications-add-desc a:hover {
    color: #32a0fb;
    text-decoration: underline;
}

.publications-add-desc-close {
    position: absolute;
    right: 41px;
    top: -33px;
    width: 66px;
    height: 66px;
    background: #C00505;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.publications-add-desc-close .icon-close {
    width: 21px;
    height: 21px;
    fill: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
}

/* publications-add-desc end */
/* unique-views */
.unique-views-page .content-top h1 span {
    display: inline;
    font-size: inherit;
}

.unique-views-buttons, .reservations-buttons, .mypublications-buttons, .publication-info-buttons, .messages-buttons, .publications-buttons, .experts-buttons, .podcasts-buttons {
    padding: 0 0 20px;
}

.unique-views-buttons .btn-gray, .reservations-buttons .btn-gray, .mypublications-buttons .btn-gray, .publication-info-buttons .btn-gray, .messages-buttons .btn-gray, .publications-buttons .btn-gray, .experts-buttons .btn-gray, .podcasts-buttons .btn-gray {
    display: block;
    border-radius: 0;
    padding: 26px 15px 28px;
    font-size: 14px;
    width: 100%;
}

.unique-views-buttons.bottom, .bottom.reservations-buttons, .bottom.mypublications-buttons, .bottom.publication-info-buttons, .bottom.messages-buttons, .bottom.publications-buttons, .bottom.experts-buttons, .bottom.podcasts-buttons {
    padding: 23px 0 0;
}

.unique-views-section > * + * {
    margin-top: 18px;
}

.unique-views-section > *:nth-child(n+6) {
    /*display: none;*/
}

.unique-view {
    background: #fff;
    padding: 40px 40px 54px;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -moz-transition: box-shadow 0.3s ease 0s;
    -ms-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s;
}

.unique-view h2 {
    letter-spacing: -0.004em;
}

.unique-view h2 a:hover {
    color: #030202;
}

.unique-view:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.unique-view:hover h2 a {
    text-decoration: underline;
}

.unique-view-left {
    float: left;
    width: 45px;
    margin: 22px 35px 0 0;
}

.unique-view-right {
    float: right;
    min-height: 69px;
    border-left: 1px solid #B9B8B8;
    padding: 13px 0 0 28px;
    margin: 9px 0 0 35px;
}

.unique-view-right [class^="item-status"] {
    font-size: 14px;
    line-height: 44px;
    margin: 0 0 5px 12px;
}

.unique-view-middle {
    overflow: hidden;
}

.item-state-play {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    background: #F7EE86;
}

.item-state-play .icon-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9px;
    height: 12px;
    margin: -6px 0 0 -2px;
    fill: #000;
}

.item-state-play .icon-pause {
    display: none;
}

.item-state-play.paused {
    background: #EBEBEB;
}

.item-state-play.paused .icon-play {
    display: none;
}

.item-state-play.paused .icon-pause {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 12px;
    margin: -6px 0 0 -4px;
    fill: #000;
}

.category {
    font-size: 16px;
    padding: 0 0 5px;
}

.category a {
    color: #c3c3c3;
}

.category a:hover {
    color: #32a0fb;
}

/* unique-views end */
/* PROSMOTRI END */
/* RESERVATION */
.reservations-section > * + * {
    margin-top: 18px;
}

.reservations-section > *:nth-child(n+6) {
    /*display: none;*/
}

.reservations-section .news-item h2 {
    font-size: 20px;
    color: #fff;
}

.reservations-buttons {
    padding: 0 0 35px;
}

.reservation {
    background: #fff;
    padding: 33px 36px 37px;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -moz-transition: box-shadow 0.3s ease 0s;
    -ms-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s;
}

.reservation h2 {
    font-size: 20px;
    letter-spacing: -0.006em;
}

.reservation:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.reservation-left {
    float: left;
    width: 100%;
    padding: 0 300px 0 0;
}

.reservation-left .category a {
    cursor: default;
}

.reservation-left .category a:hover {
    color: #c3c3c3;
    text-decoration: none;
}

.reservation-right {
    float: left;
    width: 240px;
    margin: 4px 0 0 -240px;
    min-height: 88px;
    border-left: 1px solid #C4C4C4;
    padding: 0 0 0 37px;
}

.reservation-right .author-holder {
    color: #030202;
}

.reservation-right .author-image {
    float: right;
    margin: 0 0 0 9px;
}

.reservation-right .author-content {
    text-align: right;
}

.reservation-right .author-content a {
    color: #030202;
}

.reservation-right [class*="btn-"] {
    display: block;
}

.reservation-right > * + * {
    margin-top: 13px;
}

/* RESERVATION END */
/* MYPUBLICATION */
.mypublications-buttons {
    padding: 0 0 27px;
}

.mypublications-buttons.bottom {
    padding: 25px 0 0;
}

.mypublications-section {
    margin: -26px 0 27px -17px;
}

.mypublications-section > article {
    float: left;
    width: 25%;
    padding: 26px 0 0 17px;
}

.mypublications-section > article:nth-child(n+13) {
    /*display: none;*/
}

.publication-banner {
    width: 20%;
}

.publication-banner a {
    display: block;
    height: 100%;
    overflow: hidden;
}

.publication-banner img {
    min-width: 100%;
    min-height: 100%;
}

.publication-banner.size2 {
    width: 40%;
}

.publication-banner.size2 .small {
    display: none;
}

.mypublication {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mypublication:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.mypublication:hover h2 {
    text-decoration: underline;
}

.mypublication h2 {
    position: relative;
    z-index: 5;
}

.mypublication-image {
    position: relative;
    z-index: 5;
}

.mypublication-image img {
    width: 100%;
    min-width: 100%;
}

.mypublication-image .author-holder {
    position: absolute;
    left: 36px;
    right: 36px;
    bottom: 23px;
    z-index: 5;
}

.mypublication-image .edit-link {
    position: absolute;
    top: 30px;
    right: 29px;
}

.mypublication-image .info-link {
    position: absolute;
    top: 30px;
    right: 29px;
}

.mypublication-image .delete-link {
    position: absolute;
    top: 30px;
    right: 29px;
}

.mypublication-image [class^="item-status-"] {
    position: absolute;
    right: 30px;
    bottom: -21px;
    z-index: 5;
}

.mypublication-image-holder {
    display: block;
    position: relative;
}

.mypublication-image-holder:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 52%;
    z-index: 3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
}

.edit-link {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: relative;
    background: #32a0fb;
}

.edit-link:hover {
    background: #129ce7;
}

.edit-link .icon-pen {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 17px;
    height: 17px;
    margin-top: -9px;
    margin-left: -8px;
    fill: #FFFFFF;
}

.info-link {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: relative;
    background: #FF0101;
}

.info-link .icon-info {
    width: 21px;
    height: 23px;
    margin: -11px 0 0 -10px;
    position: absolute;
    left: 50%;
    top: 50%;
    fill: #fff;
}

.delete-link {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: relative;
    background: #FF0101;
}

.delete-link:hover {
    background: #C00505;
}

.delete-link .icon-close {
    width: 14px;
    height: 14px;
    fill: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -7px;
}

.mypublication-content {
    background: #fff;
    padding: 29px 34px 55px;
    height: 176px;
    position: relative;
    z-index: 4;
}

.mypublication-content .letter {
    font-size: 150px;
    opacity: 0.5;
    left: 21px;
    top: -28px;
}

.mypublication-content h2 a {
    color: #030202;
}

.mypublication-content .meta-list {
    position: absolute;
    left: 35px;
    right: 20px;
    bottom: 33px;
}

.meta-list {
    margin-left: -8px;
    font-size: 13px;
    color: #000;
    font-family: "dinpro_regular";
}

.meta-list > li {
    display: inline-block;
    margin: 0 0 0 8px;
}

.meta-list > li[class$=-icon]:before {
    content: '';
    margin: 0 7px 0 0;
    display: inline-block;
}

.meta-list > li.users-icon .icon-users {
    margin: 0 7px 0 0;
    display: inline-block;
    width: 11px;
    height: 11px;
    fill: #000;
}

.meta-list > li.comments-icon:before {
    background-image: url(../img/sprite-icons.png);
    background-position: -321px -254px;
    width: 12px;
    height: 12px;
    margin-bottom: -2px;
}

.meta-list > li.likes-icon .icon-heart {
    margin: 0 5px -2px 0;
    display: inline-block;
    width: 13px;
    height: 12px;
    fill: #000;
}

/* MYPUBLICATION END */
/* publication-info */
.publication-info-top {
    background: #32a0fb;
    padding: 40px;
}

.publication-info-top .user-image {
    float: left;
    margin: 54px 29px 0 0;
}

.publication-info-bottom {
    background: #fff;
    position: relative;
}

.publication-info-bottom .letter {
    left: 83px;
    top: 2px;
}

.publication-info-text {
    position: relative;
    z-index: 5;
}

.publication-info-text textarea {
    font-size: 16px;
    background: transparent;
    padding: 97px 100px;
    height: 650px;
    font-family: "dinpro_regular";
}

.publication-info-add-image {
    text-align: center;
    float: left;
    width: 266px;
    height: 229px;
    display: table;
    background: #F3F9FC;
    font-size: 14px;
    color: #e2e3e4;
    text-decoration: underline;
    margin: 0 37px 0 0;
    background-size: cover;
}

.publication-info-add-image:hover {
    color: #000;
}

.publication-info-add-image:before {
    content: '';
    display: inline-block;
}

.publication-info-add-image.active .inner {
    display: none;
}

.publication-info-add-image .inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    padding-top: 6px;
}

.publication-info-add-image .inner:before {
    content: '';
    display: inline-block;
    margin: 0 0 6px;
    background-image: url(../img/sprite-icons.png);
    background-position: -214px -100px;
    width: 80px;
    height: 64px;
}

.publication-info-add-image span {
    display: block;
}

.publication-info-add-image input[type="file"] {
    position: absolute;
    left: -9999px;
}

.publication-info-content {
    overflow: hidden;
    position: relative;
    padding: 52px 0 0;
}

.publication-info-content .fav-holder {
    position: absolute;
    right: 0;
    top: 6px;
}

.publication-info-content .meta-list {
    margin-left: -6px;
}

.publication-info-content .meta-list > li {
    margin: 0 0 0 9px;
}

.publication-info-content .news-item-meta-list {
    color: #030202;
}

.publication-info-content .news-item-meta-list a {
    color: #030202;
}

.publication-info-content .news-item-meta-list a:hover {
    color: #fff;
}

.publication-info-category {
    font-size: 16px;
    padding: 0 0 7px 3px;
}

.publication-info-category a {
    text-decoration: underline;
}

.publication-info-category a:hover {
    color: #fff;
}

.publication-info-title {
    padding: 0 0 20px;
    min-height: 84px;
}

.publication-info-title textarea {
    font-size: 24px;
    color: #fdfdfd;
    background: transparent;
    padding: 0 0 6px;
    height: 60px;
}

.publication-info-title textarea::-webkit-input-placeholder {
    color: #fdfdfd;
    opacity: 1;
}

.publication-info-title textarea:-moz-placeholder {
    color: #fdfdfd;
    opacity: 1;
}

.publication-info-title textarea::-moz-placeholder {
    color: #fdfdfd;
    opacity: 1;
}

.publication-info-title textarea:-ms-input-placeholder {
    color: #fdfdfd;
}

.publication-info-title textarea:focus:-moz-placeholder {
    color: transparent;
    opacity: 1;
}

.publication-info-title textarea:focus::-moz-placeholder {
    color: transparent;
    opacity: 1;
}

.publication-info-title textarea:focus::-webkit-input-placeholder {
    color: transparent;
    opacity: 1;
}

.publication-info-title textarea:focus:-ms-input-placeholder {
    color: transparent;
    opacity: 1;
}

.publication-info-title textarea:focus::placeholder {
    color: transparent;
    opacity: 1;
}

.publication-info-title h1, .publication-info-title h2 {
    color: #fdfdfd;
}

.fav-holder {
    display: inline-block;
}

.fav-holder.disabled .fav-link {
    cursor: default;
    background: #FDCDCD;
}

.fav-holder.small .fav-value {
    font-size: 14px;
}

.fav-holder.small .fav-link {
    width: 40px;
    height: 40px;
}

.fav-holder.small .fav-link .icon-heart {
    width: 19px;
    height: 17px;
    fill: #C8C7C7;
    margin: -8px 0 0 -9px;
}

.fav-holder.active .fav-link {
    background: #FDCDCD;
}

.fav-holder.active.small .fav-link .icon-heart {
    width: 19px;
    height: 17px;
    fill: #FF0101;
    margin: -8px 0 0 -9px;
}

.fav-value {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #fdfcfc;
    margin: 0 5px 0 0;
}

.fav-link {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    background: #EBE9E9;
}

.fav-link .icon-heart {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 23px;
    height: 20px;
    margin: -9px 0 0 -11px;
    fill: #FF0101;
}

.publication-info-buttons {
    padding: 30px 40px 45px;
}

.publication-info-buttons .relative-box {
    position: absolute;
    z-index: 90;
    width: 66px;
    height: 66px;
    top: 43px;
    right: 41px;
}

.publication-info-buttons.fixed-premium-button {
    z-index: 99;
}

.publication-info-buttons .relative-box.hidden {
    display: none;
}

.publication-info-buttons .relative-box label {
    width: 100%;
    height: 100%;
    display: block;
    background: #32a0fb;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.publication-info-buttons .relative-box label:hover {
    background: #1b84db;
}

.publication-info-buttons .relative-box label .icon-checked {
    width: 27px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -13px;
    fill: #ffffff;
}

.publication-info-buttons .relative-box input[type="checkbox"] {
    display: none;
}

.publication-info-buttons .relative-box input[type="checkbox"]:checked + label {
    background: #00b038;
    color: #fff;
    border-radius: 50%;
}

.publication-info-buttons .relative-box input[type="checkbox"]:checked + label:hover {
    background: #00932f;
}

/* publication-info END */
/* ADD-MESSAGE */
/* mycontacts */
.refresh-slider-top {
    background: #27272B;
    padding: 29px 80px 30px 39px;
    position: relative;
}

.refresh-slider-top h3 {
    color: #edf2f6;
}

.refresh-slider-top h3:before {
    content: '';
    display: inline-block;
    border-left: 8px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin: 0 24px 1px 0;
}

.refresh-slider-link {
    position: absolute;
    right: 38px;
    top: 25px;
}

.refresh-slider-link .icon-refresh {
    width: 29px;
    height: 30px;
    fill: #fff;
}

.users-list {
    background: #32a0fb;
    padding: 72px 40px 73px;
}

.users-list > li {
    float: left;
    width: 12.5%;
    min-height: 1px;
    position: relative;
}

.users-list > li > * {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 1;
    left: 0;
    right: 0;
    top: 0;
}

.users-list > li > *.old {
    opacity: 0;
    position: absolute;
}

.users-list > li > *.new {
    opacity: 0;
}

.users-list .user-holder {
    margin: 0;
    padding: 0 5px;
}

.refresh-hidden-list {
    display: none;
}

/* mycontacts end */
/* add-message */
.add-message-link {
    display: block;
    border-radius: 0;
    padding: 28px 15px 27px;
    font-size: 14px;
    margin: 0 0 27px;
}

.not-visible.add-message-link {
    display: none;
}

.add-message {
    padding: 0 0 23px;
    display: none;
}

.add-message textarea {
    background: #fff;
    margin-bottom: 22px;
    font-size: 14px;
    padding: 33px 38px;
    height: 120px;
}

.add-message .btn-gray {
    display: block;
    border-radius: 0;
    padding: 29px 15px 27px;
    width: 100%;
}

/* add-message end */
/* messages */
.messages-buttons {
    padding: 21px 0 0;
}

.message-wrapper  > *:nth-child(even), .messages-section > *:nth-child(even) {
    background: #F5F4F4;
}

.message-wrapper{
    display: block;
}

.chat-right-box > .messages > .messages-section > *:nth-child(even){
    background: none
}

.messages-section > *:nth-child(n+6) {
    /*display: none;*/
}

.message {
    background: #fff;
    padding: 31px 80px 19px 60px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.message .news-item-meta-list {
    font-size: 14px;
}

.message .news-item-meta-list .date {
    font-size: 11px;
}

.message .news-item-meta-list li:after {
    content: '';
    margin: 0 4px;
}

.message [class^="news-item-status"] {
    font-size: 12px;
}

.message.message-best {
    background: #FFF3B3;
}

.message-left {
    float: left;
    width: 110px;
    margin: 0 9px 0 0;
}

.message-left [class^="item-status"] {
    vertical-align: middle;
    margin-right: 2px;
}

.message-left .author-image {
    float: none;
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.message-content {
    overflow: hidden;
    padding: 3px 0 0;
    font-family: "dinpro_regular";
}

.message-content a {
    color: #32a0fb;
}

.message-right {
    float: right;
    margin: 2px 0 0 70px;
}

.message-author {
    padding: 0 0 4px;
    font-size: 14px;
    font-family: "dinpro_bold";
}

.message-author a {
    color: #a5a5a5;
}

.message-author a span {
    /*font-size: 12px;*/
}

.message-author a:hover {
    color: #32a0fb;
}

/* messages end */
/* ADD-MESSAGE END */
/* POPULAR-ARTICLES */
.popular-articles-page .content-top h1, .faq-page .content-top h1 {
    font-size: 60px;
    padding: 0 0 12px;
}

.popular-articles-page .content-top-main, .faq-page .content-top-main {
    padding-top: 240px;
    padding-bottom: 70px;
}

.popular-articles-page .content-top-buttons > [class*="btn-"], .faq-page .content-top-buttons > [class*="btn-"] {
    padding-top: 17px;
    padding-bottom: 17px;
}

.popular-articles-page .refresh-slider-wrap, .faq-page .refresh-slider-wrap {
    margin: 0 -40px;
}

.popular-articles-page .mypublications-section > article:nth-child(n+13), .faq-page .mypublications-section > article:nth-child(n+13) {
    display: block;
}

.popular-articles-page .mypublications-section > article:nth-child(n+21), .faq-page .mypublications-section > article:nth-child(n+21) {
    /*display: none;*/
}

/* readers-choice */
.readers-choice {
    padding: 100px 0 0;
}

.refresh-slider-title {
    line-height: 1;
    text-transform: uppercase;
    position: relative;
    padding: 15px 0 0;
}

.refresh-slider-title strong {
    color: #32a0fb;
    font-size: 150px;
    opacity: 0.7;
    display: block;
    height: 135px;
    margin-left: -13px;
    letter-spacing: 0.024em;
}

.refresh-slider-title span {
    font-size: 60px;
    line-height: 48px;
    color: #27272b;
    position: absolute;
    bottom: 0;
    left: 326px;
    letter-spacing: 0.03em;
}

.author-recommends .refresh-slider-title strong {
    margin-left: -2px !important;
}

.author-recommends .refresh-slider-title span {
    left: 218px !important;
}

.best-authors .refresh-slider-title strong {
    margin-left: -2px !important;
}

.best-authors .refresh-slider-title span {
    left: 498px !important;
}

.best-experts .refresh-slider-title strong {
    margin-left: -2px !important;
}

.best-experts .refresh-slider-title span {
    left: 498px !important;
}

/* readers-choice end */
/* subscribe */
.subscribe {
    max-width: 511px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0 56px;
}

.subscribe .title {
    font-size: 30px;
    text-transform: uppercase;
    padding: 0 0 23px;
}

.subscribe-form .wrap-input {
    float: left;
    width: 100%;
    padding: 0 148px 0 0;
}

.subscribe-form input[type="email"] {
    font-size: 14px;
    border: 1px solid #C2C2C2;
    padding: 15px 38px 16px;
    height: 49px;
    -webkit-appearance: none;
}

.subscribe-form input[type="email"]::-webkit-input-placeholder {
    color: #d0d1d1;
    opacity: 1;
}

.subscribe-form input[type="email"]:-moz-placeholder {
    color: #d0d1d1;
    opacity: 1;
}

.subscribe-form input[type="email"]::-moz-placeholder {
    color: #d0d1d1;
    opacity: 1;
}

.subscribe-form input[type="email"]:-ms-input-placeholder {
    color: #d0d1d1;
}

.subscribe-form input[type="email"]:focus:-moz-placeholder {
    color: transparent;
    opacity: 1;
}

.subscribe-form input[type="email"]:focus::-moz-placeholder {
    color: transparent;
    opacity: 1;
}

.subscribe-form input[type="email"]:focus::-webkit-input-placeholder {
    color: transparent;
    opacity: 1;
}

.subscribe-form input[type="email"]:focus:-ms-input-placeholder {
    color: transparent;
    opacity: 1;
}

.subscribe-form input[type="email"]:focus::placeholder {
    color: transparent;
    opacity: 1;
}

.subscribe-form input[type="email"]:focus {
    background: #fff;
}

.subscribe-form .btn-black {
    float: left;
    width: 148px;
    margin-left: -148px;
    border-radius: 0;
    padding: 17px 11px 16px;
    font-size: 14px;
    height: 49px;
}

.subscribe-info {
    text-transform: uppercase;
    padding: 22px 0 0;
}

/* subscribe end */
/* social */
.social {
    margin: 0 -40px -40px;
}

.social-list > li {
    width: 25%;
    float: left;
}

[class^=social-item-] {
    height: 80px;
    position: relative;
    display: block;
    color: #fdfeff;
    padding: 22px 40px 20px 39px;
}

[class^=social-item-]:before {
    content: '';
    position: absolute;
    right: 39px;
    top: 20px;
}

[class^=social-item-]:hover {
    color: #fdfeff;
}

.social-item-fb {
    background: #294072;
}

.icon-fb-bottom,
.icon-vk-bottom,
.icon-tw-bottom,
.icon-google-bottom {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 39px;
    top: 20px;
    background: #3b519c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.icon-fb-bottom .icon-fb {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    fill: #fff;
}

.icon-vk-bottom {
    background: #3e648c;
}

.icon-vk-bottom .icon-vk {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -9px;
    width: 20px;
    height: 20px;
    fill: #fff;
}

.icon-tw-bottom {
    background: #00aaf3;
}

.icon-tw-bottom .icon-tw {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    fill: #fff;
}

.icon-google-bottom {
    background: #c91400;
}

.icon-google-bottom .icon-google {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    fill: #fff;
}

.social-item-vk {
    background: #344F6B;
}

.social-item-tw {
    background: #1EBDFD;
}

.social-item-google {
    background: #DB3B09;
}

/* social end */
/* short-article */
.short-articles-list > li {
    float: left;
    width: 16.6666%;
    position: relative;
}

.short-articles-list > li > * {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 1;
    left: 0;
    right: 0;
    top: 0;
}

.short-articles-list > li > *.old {
    opacity: 0;
    position: absolute;
}

.short-articles-list > li > *.new {
    opacity: 0;
}

.short-article {
    position: relative;
    display: block;
}

.short-article:hover {
    text-decoration: none;
}

.short-article:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #32a0fb;
    opacity: 0;
    z-index: 3;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.short-article:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 18px;
    right: 18px;
    bottom: 15px;
    border: 10px solid #fff;
    opacity: 0;
    z-index: 4;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.short-article img {
    width: 100%;
    max-width: 100%;
}

.short-article h3 {
    position: absolute;
    top: 36px;
    left: 40px;
    right: 40px;
    bottom: 36px;
    color: #fff;
    z-index: 5;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.short-article:hover:before {
    opacity: 0.8;
}

.short-article:hover:after {
    opacity: 1;
}

.short-article:hover h3 {
    opacity: 1;
}

/* short-article end */
/* POPULAR-ARTICLES END */
/* FAQ-PAGE */
.faq-page .content-top h1.h2 {
    font-size: 35px;
    text-transform: none;
    padding-left: 60px;
    padding-right: 60px;
}

.faq-page .content-top-main .category-name {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #c9ae62;
    margin-top: 3px;
}

.faq-page .content-top-main .meta-list {
    text-align: center;
    font-size: 17px;
    color: #FFFFFF;
}

.faq-page .content-top-main .meta-list > li {
    margin-left: 15px;
}

.faq-page .content-top-main .meta-list > li:before {
    display: none;
}

.faq-page .content-top-main .meta-list > li.users-icon .icon-users {
    width: 14px;
    height: 14px;
    fill: #FFFFFF;
    margin-right: 8px;
}

.faq-page .content-top-main .meta-list > li.likes-icon .icon-heart {
    width: 17px;
    height: 17px;
    fill: #FFFFFF;
    margin-right: 8px;
}

.faq-page .content-top-main .meta-list > li.comments-icon .icon-comment {
    width: 14px;
    height: 14px;
    fill: #FFFFFF;
    margin-right: 8px;
}

.faq-page .messages {
    margin-bottom: 25px;
}

.faq-page .add-message-link {
    margin-top: 0;
}

.faq-page .message {
    padding: 31px 29px 19px 36px;
}

.faq-page .message .fav-value {
    color: #030202;
}

.faq-page .publication-info-top {
    padding: 41px 66px 73px 70px;
}

.faq-page .publication-info-title {
    min-height: 80px;
}

.faq-page .publication-info-content {
    padding: 61px 80px 0 0;
}

.faq-page .message-content {
    padding: 2px 0 0;
}

.faq-page .add-message .btn-gray {
    font-size: 14px;
    padding: 26px 15px 28px;
}

.faq-page .news {
    padding: 0 0 28px;
}

.faq-page .news-buttons {
    padding: 29px 0 0;
}

.faq-page .news-section > *:nth-child(n+4) {
    /*display: none;*/
}

/* FAQ-PAGE END */
/* PUBLICATION-PAGE */
.publication-page .h2 {
    font-size: 35px;
    text-transform: none;
    padding-left: 60px;
    padding-right: 60px;
}

.publication-page .content-top-main .category-name {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #c9ae62;
    margin-top: 3px;
}

.publication-page .content-top-main .meta-list {
    text-align: center;
    font-size: 17px;
    color: #FFFFFF;
}

.publication-page .content-top-main .meta-list > li {
    margin-left: 15px;
}

.publication-page .content-top-main .meta-list > li:before {
    display: none;
}

.publication-page .content-top-main .meta-list > li.users-icon .icon-users {
    width: 14px;
    height: 14px;
    fill: #FFFFFF;
    margin-right: 8px;
}

.publication-page .content-top-main .meta-list > li.likes-icon .icon-heart {
    width: 17px;
    height: 17px;
    fill: #FFFFFF;
    margin-right: 8px;
}

.publication-page .content-top-main .meta-list > li.comments-icon .icon-comment {
    width: 14px;
    height: 14px;
    fill: #FFFFFF;
    margin-right: 8px;
}

.publication-page .refresh-slider-wrap {
    margin-left: -40px;
    margin-right: -40px;
}

.publication-page .messages {
    padding: 0 0 22px;
}

.publication-page .message {
    padding: 31px 80px 12px 60px;
}

.publication-page .add-message-link {
    margin-top: 0;
}

.publication-page .add-message .btn-gray {
    font-size: 14px;
    padding: 26px 15px 28px;
}

.publication-page .publication-info-content {
    padding: 52px 90px 0 0;
}

.publication-page .publication-info-category {
    padding-bottom: 10px;
}

.publication-info-image {
    float: left;
    width: 266px;
    height: 229px;
    margin: 0 38px 0 0;
    overflow: hidden;
}

.publication-info-image img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.publication-article-image {
    position: relative;
}

.publication-article-image figure {
    margin: 0;
}

.publication-article-image img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.publication-article-image figcaption {
    position: absolute;
    left: 100px;
    right: 100px;
    bottom: 127px;
    color: #fefefe;
    font-size: 24px;
}

.publication-article-wrap {
    position: relative;
    background: #fff;
    padding: 95px 66px 60px;
    margin-bottom: -12px;
}
.publication-article-wrap-fix {
    /*float: left;*/
    position: relative;
}

.publication-article-wrap .image {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.publication-article-wrap .letter {
    /*
    left: 83px;
    top: -1px;
    */
    left: -17px;
    top: -97px;
}

.publication-article-wrap .letter.letter-image {
    left: 370px;
    top: 55px;
}

.publication-article {
    position: relative;
    z-index: 5;
    font-family: "dinpro_regular";
    font-size: 16px;
    line-height: 1.38;
}

.publication-article blockquote {
    display: block;
    padding-left: 20px;
    border-left: 4px solid #df0d32;
    margin-left: -15px;
    padding-left: 15px;
    font-style: italic;
    color: #8d8c8c;
}

.publication-article.article-image {
    padding-top: 55px;
}

.publication-article h2 {
    font-size: 24px;
    line-height: 42px;
    margin: 1em 0;
    padding: 0;
}

.publication-article h3 {
    font-size: 20px;
    margin: -4px 0 23px;
}

.publication-article h4, .publication-article h5, .publication-article h6 {
    margin: -4px 0 23px;
}

.publication-article p {
    margin: 0 0 22px;
}

.publication-info-editor p {
    margin-top: 22px!important;
}

.publication-article a {
    /*font-family: "dinpro_bold";*/
    color: #32a0fb;
    text-decoration: underline;
}

.publication-article a:hover {
    text-decoration: none;
}

.publication-article > *:first-child {
    margin-top: 0;
}

.publication-article.short-version {
    min-height: 700px;
    padding: 0 0 485px;
}

.change-buttons {
    padding: 0 0 28px;
}

.change-buttons a {
    color: #000;
    background: #e5f2fd;
    text-align: center;
    display: block;
    border-radius: 0;
    padding: 26px 15px 28px;
    font-size: 14px;
    width: 100%;
    text-transform: uppercase;
}

.change-buttons a:hover {
    text-decoration: none;
    color: #FFFFFF;
    background: #32a0fb;
}

.publications {
    padding: 0 0 14px;
}

.publications-buttons {
    padding: 35px 0 0;
}

.publications-section {
    margin: -21px 0 0 -31px;
    display: table;
    font-size: 0;
    line-height: 0;
}

.publications-section > article {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding: 21px 0 0 31px;
}

.publications-section > article:nth-child(n+6) {
    /*display: none;*/
}

.publication {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    background: #fff;
    font-size: 14px;
    line-height: 1.2;
}

.publication:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.publication.publication-placeholder {
    background: #edf4f7;
}

.publication.publication-placeholder .author-image {
    border-radius: 50%;
    background: #deeaf0;
}

.publication.publication-placeholder .meta-list {
    height: 12px;
    background: #deeaf0;
    margin-left: 0px;
}

.publication.publication-placeholder .article-placeholder {
    width: 80px;
    height: 80px;
    fill: #f4f8fa;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -40px;
}

.publication.publication-placeholder .author-content {
    position: relative;
    height: 40px;
}

.publication.publication-placeholder .author-content:before,
.publication.publication-placeholder .author-content:after {
    content: '';
    background: #deeaf0;
    height: 11px;
    width: 66px;
    position: absolute;
    top: 4px;
    left: 0;
}

.publication.publication-placeholder .author-content:after {
    top: 20px;
}

.publication.publication-placeholder h5 {
    height: 30px;
    position: relative;
}

.publication.publication-placeholder h5:before,
.publication.publication-placeholder h5:after {
    content: '';
    background: #deeaf0;
    height: 12px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
}

.publication.publication-placeholder h5:after {
    top: 20px;
}

.publication.publication-placeholder * {
    cursor: default;
}

.publication.publication-placeholder:hover {
    box-shadow: none;
}

.publication.publication-placeholder .publication-image:before {
    display: none;
}

.publication:hover .publication-image:before {
    opacity: 0.8;
}

.publication:hover .publication-image .caption {
    opacity: 1;
}

.publication:hover .publication-image .caption:after {
    opacity: 1;
}

.publication:hover .publication-content h5 a {
    text-decoration: underline;
}

.publication.spec:before {
    content: '';
    position: absolute;
    border: 10px solid rgba(50, 160, 251, 0.5);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.publication.spec .publication-image:after {
    content: '';
    position: absolute;
    border-top: 10px solid rgba(50, 160, 251, 0.5);
    border-left: 10px solid rgba(50, 160, 251, 0.5);
    border-right: 10px solid rgba(50, 160, 251, 0.5);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.publication-image {
    position: relative;
    display: block;
    z-index: 4;
}

.publication-image img {
    width: 100%;
    max-width: 100%;
}

.publication-image .caption {
    position: absolute;
    opacity: 0;
    left: 20px;
    top: 19px;
    right: 21px;
    bottom: 21px;
    padding: 27px 30px 20px;
    z-index: 5;
}

.publication-image .caption h4 {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}

.publication-image .caption .date {
    font-size: 11px;
    color: #fff;
    letter-spacing: 0.03em;
    padding: 0 0 4px;
}

.publication-image .caption:after {
    content: '';
    position: absolute;
    border: 10px solid #fff;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 4;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.publication-image:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #32a0fb;
    opacity: 0;
    z-index: 3;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.publication-content {
    padding: 19px;
    height: 182px;
    position: relative;
    z-index: 4;
}

.publication-content h5 {
    font-size: 13px;
}

.publication-content h5 a:hover {
    color: #030202;
}

.publication-content .author-holder {
    margin: 0 0 16px;
}

.publication-content .author-content a {
    color: #030202;
}

.publication-content .author-content a:hover {
    color: #32a0fb;
}

.publication-content .meta-list {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 28px;
}

/* PUBLICATION-PAGE END */
/* USER PAGE */
.user-page .content-top .user-holder h1 {
    font-size: 30px;
    padding: 0 0 13px;
}

.user-page .content-top .user-address {
    color: #fff;
    font-size: 16.01px;
    padding: 0 0 2px;
}

.user-page .content-top-main {
    padding: 240px 20px 25px;
}

.user-page .content-top-desc {
    max-width: 600px;
    padding: 0;
}

.user-page .publications-buttons {
    padding: 23px 0 0;
}

.user-page .publications {
    padding: 0 0 21px;
}

.user-page .publications.bottom {
    padding: 0 0 29px;
}

.user-page .publications.bottom .publications-buttons {
    padding: 28px 0 0;
}

.user-page .refresh-slider-wrap {
    margin: 0 -40px 44px;
}

.user-page .refresh-slider-wrap.bottom {
    margin: 0 -40px;
}

.user-page .messages {
    margin-bottom: 22px;
}

.user-page .add-message {
    padding: 0 0 11px;
}

.user-page .publications-section > article:nth-child(n+6) {
    display: inline-block;
}

.user-page .publications-section > article:nth-child(n+10) {
    /*display: none;*/
}

.user-page .publications.bottom .publications-section > article:nth-child(n+6) {
    /*display: none;*/
}

.user-actions, .vopros-actions {
    text-transform: uppercase;
    /*padding: 4px 0 25px;*/
}

.user-actions a, .vopros-actions a {
    float: left;
    width: 100%;
    height: 71px;
    background: #ECEDEE;
    padding: 0 15px;
}

.user-actions a span, .vopros-actions a span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 71px;
    width: 9999px;
}

.user-actions a + a, .vopros-actions a + a {
    background: #E4E5E5;
}

.user-actions a:hover, .vopros-actions a:hover {
    background: #32a0fb;
    color: #fff;
    text-decoration: none;
}

.user-actions + .add-message, .vopros-actions + .add-message {
    padding: 0 0 21px;
}

.awards-list {
    background: #005eaa;
}

.awards-list > li {
    float: left;
    width: 20%;
}

.awards-list > li:nth-child(2) .award {
    background: #2287DA;
}

.award .article-star,
.award .text {
    opacity: 0.3;
}

.active .award .article-star,
.active .award .text {
    opacity: 1;
}

.awards-list > li:nth-child(2) .article-star {
    fill: #d3cf94;
}

.awards-list > li:nth-child(3) .award {
    background: #197ACA;
}

.awards-list > li:nth-child(3) .article-star {
    fill: #b1ad7b;
}

.awards-list > li:nth-child(4) .award {
    background: #126EB9;
}

.awards-list > li:nth-child(4) .article-star {
    fill: #999669;
}

.awards-list > li:nth-child(5) .award {
    background: #0E63A9;
}

.awards-list > li:nth-child(5) .award .article-star {
    fill: #807d59;
}

.award {
    background: #2893EB;
    padding: 59px 10px 10px;
    color: #fffefe;
    font-size: 11.97px;
    text-transform: uppercase;
    text-align: center;
    height: 256px;
}

.award .article-star {
    margin: 0 auto 14px;
    display: block;
    width: 97px;
    height: 90px;
    fill: #f7f3b8;
}

.user-statistics {
    background: #27272B;
    padding: 25px 20px 26px;
}

.user-statistics-list {
    text-transform: uppercase;
    font-size: 24px;
    color: #fffefe;
    text-align: center;
}

.user-statistics-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 16px;
}

.user-statistics-list li span {
    color: #caaf5c;
    margin-right: 8px;
}

/* USER PAGE END */
/* MAIN-PAGE */
.main-page .content-top h1 {
    font-size: 36.01px;
    line-height: 1.12;
    padding: 0 0 27px;
}

.main-page .content-top-main {
    padding: 220px 20px 60px;
}

.main-page .refresh-slider-wrap {
    margin: 0 -40px;
}

.main-page .banner {
    margin: 0 -40px 42px;
}

.main-page .publications-buttons {
    padding: 20px 0 0;
}

.main-page .publications-section > article:nth-child(n+6) {
    display: inline-block;
}

.main-page .publications-section > article.ajax-loaded {
    /*display: none;*/
}

.ajax-loading {
    opacity: 0 !important;
}

.banner {
    display: block;
}

.banner img {
    min-width: 100%;
    max-width: 100%;
}

.publications-slider-wrap {
    margin-top: -10px;
}

.pub-slider-placeholder {
    margin: 0 -10px;
}

.publications-slider-wrap .slider-list article {
    width: 25%;
    float: left;
    list-style: none;
    position: relative;
    /*padding: 0 10px;*/
}

.pub-slider-placeholder .slider-list article {
    padding: 0 10px;
}

.publications-slider-wrap .slider-list article.placeholder * {
    cursor: default;
}

.publications-slider-wrap .slider-list article.placeholder .mypublication:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.publications-slider-wrap .slider-list article.placeholder .mypublication-image-holder:before {
    display: none;
}

.publications-slider-wrap .slider-list article.placeholder .mypublication-image-holder .article-placeholder {
    width: 80px;
    height: 80px;
    fill: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -40px;
}

.publications-slider-wrap .slider-list article.placeholder .author-image {
    background: #d7e5ed;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.publications-slider-wrap .slider-list article.placeholder .author-content {
    height: 37px;
    position: relative;
}

.publications-slider-wrap .slider-list article.placeholder .author-content:before {
    content: '';
    width: 90px;
    height: 17px;
    background: #d7e5ed;
    position: absolute;
    left: 0;
    top: 10px;
}

.publications-slider-wrap .slider-list article.placeholder .item-status-red {
    background: #d7e5ed;
}

.publications-slider-wrap .slider-list article.placeholder h2 {
    height: 16px;
    width: 105px;
    background: #d7e5ed;
}

.publications-slider-wrap .slider-list article.placeholder .letter {
    height: 40px;
    width: 143px;
    top: 54px;
    left: 34px;
    opacity: 1;
}

.publications-slider-wrap .slider-list article.placeholder .letter:before,
.publications-slider-wrap .slider-list article.placeholder .letter:after {
    content: '';
    position: absolute;
    width: 143px;
    height: 16px;
    background: #d7e5ed;
}

.publications-slider-wrap .slider-list article.placeholder .letter:after {
    top: 24px;
}

.publications-slider-wrap .slider-list article.placeholder .meta-list {
    height: 16px;
    width: 143px;
    background: #d7e5ed;
    margin-left: 0px;
}

.publications-slider-wrap.questions-slider-wrap {
    margin-bottom: 11px;
}

.publications-slider-wrap.questions-slider-wrap .publications-slider-nav {
    padding: 0 0 33px;
}

.publications-slider .bx-wrapper {
    margin: -17px !important;
    padding: 17px;
    overflow: hidden;
}

.publications-slider .bx-viewport {
    overflow: visible !important;
}

.publications-slider .podcast:hover,
.publications-slider .mypublication:hover {
    box-shadow: 0 0 17px rgba(0, 0, 0, 0.4);
}

.publications-slider-nav {
    padding: 0 0 27px;
}

.publications-slider-nav h2 {
    color: #262121;
    overflow: hidden;
    padding: 2px 0 0 25px;
    letter-spacing: 0.023em;
}

.publications-slider-prev,
.publications-slider-next {
    width: 34px;
    height: 34px;
    float: left;
    border: 1px solid #000;
    position: relative;
}

.publications-slider-prev:before,
.publications-slider-next:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 1px 0 0;
    background-image: url(../img/sprite-icons.png);
    background-position: -304px -120px;
    width: 6px;
    height: 10px;
}

.publications-slider-prev:hover,
.publications-slider-next:hover {
    background: #000;
}

.disabled-nav .publications-slider-prev:hover,
.disabled-nav .publications-slider-next:hover {
    background: transparent;
}

.publications-slider-prev:hover:before,
.publications-slider-next:hover:before {
    background-position: -337px -276px;
}

.disabled-nav .publications-slider-prev:hover:before,
.disabled-nav .publications-slider-next:hover:before {
    background-position: -304px -120px;
}

.publications-slider-prev a,
.publications-slider-next a {
    display: block;
    height: 100%;
    position: relative;
    z-index: 5;
}

.publications-slider-next {
    margin-left: -1px;
}

.publications-slider-next:before {
    background-position: -304px -100px;
}

.publications-slider-next:hover:before {
    background-position: -321px -276px;
}

.disabled-nav .publications-slider-next:hover:before {
    background-position: -304px -100px;
}

.disabled-nav .publications-slider-prev {
    border-right: none;
}

.disabled-nav .publications-slider-prev,
.disabled-nav .publications-slider-next {
    opacity: 0.3;
}

/* MAIN-PAGE END */
/* CATEGORY-PAGE */
.vopros-page .refresh-slider {
    margin-bottom: 27px;
}

.category-page .content-top h1, .vopros-page .content-top h1, .experts-page .content-top h1, .podcasts-page .content-top h1, .author-page .content-top h1 {
    font-size: 60.03px;
    padding: 0 0 11px;
}

.category-page .content-top-main, .vopros-page .content-top-main, .experts-page .content-top-main, .podcasts-page .content-top-main, .author-page .content-top-main {
    padding: 240px 20px 70px;
}

.category-page .refresh-slider-wrap, .vopros-page .refresh-slider-wrap, .experts-page .refresh-slider-wrap, .podcasts-page .refresh-slider-wrap, .author-page .refresh-slider-wrap {
    margin: 0 -40px;
}

.category-page .banner, .vopros-page .banner, .experts-page .banner, .podcasts-page .banner, .author-page .banner, .main .banner {
    margin: 0 -40px 42px;
}

.category-page .publications-buttons, .vopros-page .publications-buttons, .experts-page .publications-buttons, .podcasts-page .publications-buttons, .author-page .publications-buttons {
    padding: 20px 0 0;
}

.category-page .best-authors .refresh-slider-title span, .vopros-page .best-authors .refresh-slider-title span, .experts-page .best-authors .refresh-slider-title span, .podcasts-page .best-authors .refresh-slider-title span, .author-page .best-authors .refresh-slider-title span {
    left: 498px;
}

.category-page .publications-section > article:nth-child(n+6), .vopros-page .publications-section > article:nth-child(n+6), .experts-page .publications-section > article:nth-child(n+6), .podcasts-page .publications-section > article:nth-child(n+6), .author-page .publications-section > article:nth-child(n+6) {
    display: inline-block;
}

.category-page .publications-section > article:nth-child(n+15), .vopros-page .publications-section > article:nth-child(n+15), .experts-page .publications-section > article:nth-child(n+15), .podcasts-page .publications-section > article:nth-child(n+15), .author-page .publications-section > article:nth-child(n+15) {
    /*display: none;*/
}

/* CATEGORY-PAGE END */
/* VOPROS PAGE */
.vopros-page .add-message .btn-gray, .experts-page .add-message .btn-gray, .podcasts-page .add-message .btn-gray, .author-page .add-message .btn-gray {
    font-size: 14px;
    padding: 26px 15px 28px;
}

.vopros-btns {
    margin-top: 40px;
}

.vopros-actions {
    padding: 46px 0 22px;
}

.vopros-actions a {
    width: 33.33%;
}

.vopros-actions a + a {
    background: #E0E1E2;
}

.vopros-actions a + a + a {
    background: #D6D8D9;
}

.question, .podcast {
    background: #fff;
    padding: 113px 20px 55px 32px;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -moz-transition: box-shadow 0.3s ease 0s;
    -ms-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s;
    position: relative;
    height: 261px;
}

.question:hover, .podcast:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.question:hover h3 a, .podcast:hover h3 a {
    text-decoration: underline;
}

.question h3, .podcast h3 {
    position: relative;
    z-index: 5;
}

.question h3 a:hover, .podcast h3 a:hover {
    color: #030202;
}

.question .author-holder, .podcast .author-holder {
    position: absolute;
    right: 31px;
    top: 28px;
    z-index: 5;
}

.question .author-image, .podcast .author-image {
    float: right;
    margin: 0 0 0 11px;
    width: 45px;
    height: 45px;
}

.question .author-content, .podcast .author-content {
    text-align: right;
    height: 45px;
    font-size: 14px;
}

.question .author-content a, .podcast .author-content a {
    color: #030202;
}

.question .letter, .podcast .letter {
    font-size: 150px;
    opacity: 0.5;
    left: 20px;
    top: 57px;
}

.question .meta-list, .podcast .meta-list {
    position: absolute;
    left: 33px;
    right: 20px;
    bottom: 33px;
    z-index: 5;
}

/* VOPROS PAGE END */
/* EXPERTS-PAGE */
.experts-page .vopros-actions, .podcasts-page .vopros-actions, .author-page .vopros-actions {
    padding: 38px 0 22px;
    font-size: 12px;
}

.experts-page .add-message .btn-gray, .podcasts-page .add-message .btn-gray, .author-page .add-message .btn-gray {
    font-size: 12px;
}

.experts-list {
    margin: -22px 0 0 -31px;
}

.experts-list > li {
    float: left;
    width: 20%;
    padding: 22px 0 0 31px;
}

.experts-list > li:nth-child(n+16) {
    /*display: none;*/
}

.expert {
    background: #fff;
    height: 236px;
    position: relative;
    padding: 50px 10px 10px;
    display: block;
    text-decoration: none;
}

.expert .user-title {
    color: #030202;
    font-size: 18px;
}

.expert .user-image {
    margin: 0 auto 10px;
}

.expert:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    text-decoration: none;
}

.expert:hover .expert-caption,
.expert:hover .author-caption {
    opacity: 1;
    visibility: visible;
}

.expert-caption {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #32a0fb;
    padding: 47px 15px 15px;
}

.author-caption {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #32a0fb;
    padding: 49px 15px 15px;
}

.author-caption-info-list {
    text-align: center;
    color: #fff;
}

.author-caption-info-list li + li {
    padding-top: 6px;
}

.author-caption-info-list .title {
    font-size: 12.03px;
    padding: 0 0 4px;
}

.author-caption-info-list .value {
    font-size: 30.08px;
}

.expert-categories-list {
    font-size: 13px;
    color: #fff;
    text-align: center;
}

.experts-buttons {
    padding: 22px 0 0;
}

.question-info-link {
    width: 66px;
    height: 66px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}

.question-info-link .icon-question {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 32px;
    margin: -15px 0 0 -10px;
    color: #000;
}

/* EXPERTS-PAGE END */
/* PODCASTS-PAGE */
.podcasts-page .refresh-slider-wrap.best-authors {
    margin-bottom: 41px;
}

.podcasts-section {
    margin: -23px 0 0 -18px;
}

.podcasts-section > article {
    float: left;
    width: 25%;
    padding: 23px 0 0 18px;
}

.podcasts-section > article:nth-child(n+13) {
    /*display: none;*/
}

.player-holder {
    display: none;
}

.podcast {
    padding-top: 126px;
}

.podcast .letter {
    left: 22px;
    top: 70px;
}

.podcast:hover {
    background: #32a0fb;
}

.podcast:hover h3 a {
    color: #fff;
}

.podcast:hover .author-holder {
    display: none;
}

.podcast:hover .item-state-play,
.podcast:hover .podcast-video-line {
    display: block;
}

.podcast:hover .letter {
    color: #fff;
    opacity: 0.5;
}

.podcast.current {
    background: #32a0fb;
}

.podcast.current h3 a {
    color: #fff;
}

.podcast.current .author-holder {
    display: none;
}

.podcast.current .item-state-play,
.podcast.current .podcast-video-line {
    display: block;
    overflow: hidden;
}

.podcast.current .letter {
    color: #fff;
    opacity: 0.5;
}

.podcast .item-state-play {
    background: #fff;
    position: absolute;
    right: 30px;
    top: 28px;
    display: none;
}

.podcast .item-state-play .icon-play {
    width: 14px;
    height: 17px;
    margin: -8px 0 0 -5px;
}

.podcast .item-state-play.paused .icon-pause {
    width: 18px;
    height: 19px;
    margin: -9px 0 0 -8px;
}

.podcast-video-line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 9px;
    background: #fff;
    display: none;
}

.podcast-video-line-current {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    background: #2B8FE2;
}

.podcast-video-line-uploaded {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    background: #7FBDFB;
}

.podcasts-buttons {
    padding: 20px 0 0;
}

/* PODCASTS-PAGE END */
/* AUTHOR PAGE */
.author-page .refresh-slider-wrap.best-authors {
    margin-bottom: 37px;
}

.author-page .refresh-slider-wrap.best-authors {
    margin-bottom: 0;
}

.author-page .publications-slider-wrap.questions-slider-wrap .publications-slider-nav {
    padding: 0 0 28px;
}

.geolocation-authors {
    min-height: 338px;
    background: url(../img/bg/map.jpg) no-repeat center center;
    background-size: cover;
    margin: 0 -40px 37px;
}

.geolocation-authors .caption {
    text-transform: uppercase;
    display: table-cell;
    width: 9999px;
    height: 338px;
    padding: 10px 10px 17px;
    vertical-align: middle;
    text-align: center;
}

.geolocation-authors .caption h2 {
    font-size: 30px;
    padding: 0 0 7px;
}

.geolocation-authors .caption h3 {
    padding: 0 0 20px;
}

.geolocation-authors .caption .inner {
    margin: 0 auto;
    max-width: 500px;
}

/* AUTHOR PAGE END */
/* BOOK PAGE */
.book-page .social {
    margin: 0;
}

.book-wrap {
    position: relative;
    z-index: 3;
}

.books-slider {
    position: relative;
    z-index: 5;
    height: 767px;
}

.books-slider:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 87px;
    background: rgba(9, 13, 14, 0.8);
    z-index: 6;
}

.books-slider .sliderkit-panels .sliderkit-panel {
    background-size: cover;
    background-position: center top;
    height: 767px;
}

.books-slider .sliderkit-panels .sliderkit-panel:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.books-pager {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 65px;
    z-index: 7;
}

.books-pager-list {
    text-align: center;
    position: relative;
}

.books-pager-list li {
    padding: 0 14px;
    box-sizing: content-box;
    display: inline-block;
    vertical-align: top;
}

.books-pager-list li.sliderkit-selected a:before {
    opacity: 1;
}

.books-pager-list a {
    display: block;
    position: relative;
}

.books-pager-list a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 7px solid #fff;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.books-pager-list a:hover:before, .books-pager-list a.active:before {
    opacity: 1;
}

.books-pager-list img {
    width: 100%;
    max-width: 100%;
}

.book-info {
    padding: 211px 0 0;
    text-align: center;
    margin: 0 auto;
    font-size: 13px;
    color: #fefefe;
    position: relative;
    z-index: 6;
    max-width: 950px;
}

.book-info h2 {
    font-size: 47.99px;
    line-height: 1.25;
    color: #fffefe;
    text-transform: uppercase;
}

.book-info p {
    max-width: 610px;
    margin: 0 auto 18px;
}

.book-info-buttons .btn-blue {
    font-size: 27.72px;
    min-width: 182px;
    padding: 5px 10px 6px;
    border-radius: 20px;
}

.book-info-buttons .btn-blue .ruble {
    font-weight: 700;
}

.book-info-author {
    color: #caaf5c;
}

.book-info-type {
    text-transform: uppercase;
    font-size: 24px;
    color: #caaf5c;
    padding: 0 0 7px;
}

/* BOOK PAGE END */
/* PUBLICATION2 */
.full-subscribe {
    position: absolute;
    /*
    left: 101px;
    right: 101px;
    */
    left:0;
    right: 0;
    bottom: 52px;
    z-index: 6;
    text-align: center;
    background: #fff;
    padding: 20px 0 0;
}

.full-subscribe h2 {
    padding: 0 0 59px;
}

.full-subscribe:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 200px;
    top: -200px;
    z-index: 7;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.full-subscribe-list {
    margin: -39px 0 23px -47px;
}

.full-subscribe-list > li {
    float: left;
    width: 50%;
    padding: 39px 0 0 47px;
}

.full-subscribe-item {
    background: #F5F4F4;
    color: #000;
    height: 153px;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.full-subscribe-item:hover {
    text-decoration: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    background: #32a0fb;
}

.full-subscribe-item:hover .full-subscribe-item-price,
.full-subscribe-item:hover .full-subscribe-item-link {
    color: #fff;
}

.full-subscribe-item-label {
    font-size: 12.98px;
    color: #000;
    display: block;
    width: 123px;
    margin: 0 auto 3px;
    background: #C4E5A9;
    text-transform: uppercase;
    text-align: center;
    height: 39px;
    position: relative;
    top: -17px;
    line-height: 39px;
}

.full-subscribe-item-price {
    font-size: 35.95px;
    padding: 0 0 11px;
}

.full-subscribe-item-price .ruble {
    font-weight: 700;
}

.full-subscribe-item-link {
    font-size: 17.97px;
    text-transform: uppercase;
    text-decoration: underline;
}

.full-subscribe-desc {
    color: #000;
    max-width: 700px;
    margin: 0 auto 27px;
}

.full-subscribe-already-link {
    color: #ce2127;
    font-size: 24px;
    text-decoration: underline;
}

/* PUBLICATION2 END */

/* CHAT */
.chat {
    height: 100%;
    background: #f3f9fc;
}

.chat .chat-left-box {
    float: left;
    width: 319px;
    border-right: 1px solid #dfdfdf;
    background: #fffffe;
    height: 100%;
    position: relative;
}

.chat .chat-left-box .search-form {
    border-bottom: 1px solid #dfdfdf;
    height: 84px;
    position: absolute;
    width: 100%;
    background: #FFFFFF;
}

.chat .chat-left-box .chat-user-list {
    position: absolute;
    top: 82px;
    bottom: 0;
    width: 100%;
    /*height: 100%;*/
    overflow-y: scroll;
}

.chat .chat-left-box .chat-user-list .chat-user-item {
    overflow: hidden;
    height: 119px;
    border-bottom: 1px solid #dfdfdf;
    cursor: pointer;
}

.chat .chat-left-box .chat-user-list .chat-user-item.active {
    background: #32a0fb;
}

.chat .chat-left-box .chat-user-list .chat-user-item .avatar img{
    width: 70px;
}
.chat .chat-left-box .chat-user-list .chat-user-item .avatar {
    float: left;
    width: 70px;
    height: 70px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 22px;
}

.chat .chat-left-box .chat-user-list .chat-user-item .name {
    font-size: 14px;
    color: #a5a5a5;
    margin-top: 30px;
    margin-bottom: 3px;
    padding-right: 22px;
}

.chat .chat-left-box .chat-user-list .chat-user-item.active .name {
    color: #000;
}

.chat .chat-left-box .chat-user-list .chat-user-item .last-message {
    font-size: 14px;
    color: #000000;
    padding-right: 22px;
    word-wrap: break-word;
    overflow: hidden;
}

.chat .chat-left-box .chat-user-list .chat-user-item.active .last-message {
    color: #FFFFFF;
}

.chat .chat-left-box .search-form .search-icon {
    width: 37px;
    height: 37px;
    float: left;
    margin-left: 39px;
    margin-right: 40px;
    margin-top: 26px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f5f4f4;
    position: relative;
    cursor: pointer;
}

.chat .chat-left-box .search-form .search-icon .icon-search {
    position: absolute;
    fill: #000;
    width: 15px;
    height: 15px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.chat .chat-left-box .search-form input {
    float: left;
    width: 162px;
    margin-top: 26px;
}

.chat .chat-right-box {
    margin-left: 320px;
    padding: 30px;
    overflow-y: scroll;
    height: 100%;
    visibility: hidden;
}

.chat .chat-right-box .message,
.chat .chat-right-box .message:before,
.chat .chat-right-box .message:after {
    content: normal;
    display: block;
}

.chat .chat-right-box .message {
     -webkit-transition: none;
     -moz-transition: none;
     -ms-transition: none;
     -o-transition: color 0 ease-in;
     transition: none;
}
.chat .chat-right-box .add-message input.gray-custom{
    font-family: "dinpro_bold", Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    padding: 16px 15px 14px;
    background: #ECEDEE;
    text-transform: uppercase;
    color: #030202;
    display: block;
    border-radius: 0;
    padding: 29px 15px 27px;
    width: 100%;
    border: none;

}
.chat .chat-right-box .add-message input.gray-custom:hover {
    background: #32a0fb;
    color: #fff;
}

.chat .chat-right-box .message a{
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}
.chat .chat-right-box .add-message {
    display: block;
    background: transparent;
    margin-top: 30px;
    padding-bottom:  0;
}

.chat .chat-right-box .message-left {
width: 60px;
}

/* CHAT END */

/* MOBILE */
.resolution-large,
.resolution-medium,
.resolution-small {
    position: absolute;
    left: -9999px;
    display: none;
}

.tablet .content-top,
.mobile .content-top {
    background-size: auto 150%;
}

/* MOBILE END */
/* MEDIA 1024 */
@media (max-width: 1279px) {
    .hide-1024 {
        display: none !important;
    }

    .mypublications-section .placeholder-article-block:nth-child(n+4) {
        display: none;
    }

    .publications-slider-wrap .slider-list article {
        width: 33.33333333%;
    }

    .publications-slider-wrap .pub-slider-placeholder article:nth-child(n+4) {
        display: none;
    }

    .resolution-large {
        display: block;
    }

    .tile-list > li {
        width: 25%;
    }

    .right-fixed-links.bottom.absolute .fixed-edit-link {
        bottom: 167px;
    }

    .right-fixed-links.bottom.absolute .fixed-totop-link {
        bottom: 90px;
    }

    .fixed-star-link {
        right: 39px;
    }

    .list-page .fixed-edit-link {
        right: 39px;
        bottom: 143px;
    }

    .list-page .fixed-totop-link {
        right: 39px;
        bottom: 66px;
    }

    .tile-item-content {
        padding: 26px 28px;
    }

    .tile-item-content .author-holder {
        left: 32px;
        bottom: 27px;
    }

    .unique-view {
        padding: 40px 40px 43px;
    }

    .mypublications-section {
        margin-left: -20px;
    }

    .mypublications-section > article {
        width: 33.33%;
        padding-left: 20px;
    }

    .subscribe {
        padding: 57px 0 62px;
    }

    .subscribe .title {
        padding: 0 0 24px;
    }

    .faq-page .publication-info-content {
        padding-right: 0;
    }

    .publication-page .publication-info-content {
        padding-right: 0;
    }

    .publications-section {
        margin-left: -15px;
    }

    .publications-section > article {
        width: 25%;
        padding-left: 15px;
    }

    .publications-section > article:nth-child(n+5) {
        /*display: none;*/
    }

    .publication-banner.size2 {
        width: 50%;
    }

    .user-statistics {
        padding: 28px 20px 30px;
    }

    .user-statistics-list {
        font-size: 18px;
    }

    .user-statistics-list li {
        margin: 0 11px;
    }

    .user-page .publications:not(.bottom) .publications-section > article:nth-child(n+5) {
        display: inline-block;
    }

    .user-page .publications:not(.bottom) .publications-section > article:nth-child(n+8) {
        /*display: none;*/
    }

    .main-page .publications:not(.bottom) .publications-section > article:nth-child(n+5),
    .category-page .publications:not(.bottom) .publications-section > article:nth-child(n+5), .vopros-page .publications:not(.bottom) .publications-section > article:nth-child(n+5), .experts-page .publications:not(.bottom) .publications-section > article:nth-child(n+5), .podcasts-page .publications:not(.bottom) .publications-section > article:nth-child(n+5), .author-page .publications:not(.bottom) .publications-section > article:nth-child(n+5) {
        display: inline-block;
    }

    .main-page .publications:not(.bottom) .publications-section > article:nth-child(n+12),
    .category-page .publications:not(.bottom) .publications-section > article:nth-child(n+12), .vopros-page .publications:not(.bottom) .publications-section > article:nth-child(n+12), .experts-page .publications:not(.bottom) .publications-section > article:nth-child(n+12), .podcasts-page .publications:not(.bottom) .publications-section > article:nth-child(n+12), .author-page .publications:not(.bottom) .publications-section > article:nth-child(n+12) {
        /*display: none;*/
    }

    .vopros-actions {
        font-size: 12px;
    }

    .experts-list {
        margin-left: -17px;
    }

    .experts-list > li {
        padding-left: 17px;
        width: 25%;
    }

    .experts-list > li:nth-child(n+13) {
        /*display: none;*/
    }

    .podcasts-section > article {
        width: 33.33%;
    }

    .podcasts-section > article:nth-child(n+10) {
        /*display: none;*/
    }

    .popup-search-results-section > article {
        width: 33.33%;
    }

    .popup-search-results-section > article:nth-child(n+7) {
        /*display: none;*/
    }

    .popup-search .popup {
        max-width: 695px;
    }

    .popup-close-holder {
        max-width: 944px;
    }

    .sliderkit-go-prev {
        left: 61px;
    }

    .sliderkit-go-next {
        right: 49px;
    }

    .publication-article-image figcaption {
        bottom: 68px;
    }

    .users-list > li {
        width: 16.66%;
    }

    .users-list > li:nth-child(n+7) {
        display: none;
    }

    .short-articles-list > li {
        width: 20%;
    }

    .short-articles-list > li:nth-child(n+6) {
        display: none;
    }

    .faces-photos-list li {
        width: 7.69230769%;
    }

    .faces-photos-list li:nth-child(n+14) {
        display: none;
    }
}

/* MEDIA 1024 END */

@media (max-width: 1155px) {
    .faces-photos-list li {
        width: 8.3333333%;
    }

    .faces-photos-list li:nth-child(n+13) {
        display: none;
    }
}

@media (max-width: 1035px) {
    .faces-photos-list li {
        width: 9.09090909%;
    }

    .faces-photos-list li:nth-child(n+12) {
        display: none;
    }
}

@media (max-width: 965px) {
    .faces-photos-list li {
        width: 10%;
    }

    .faces-photos-list li:nth-child(n+11) {
        display: none;
    }
}

@media (max-width: 895px) {
    .faces-photos-list li {
        width: 11.1111111%;
    }

    .faces-photos-list li:nth-child(n+10) {
        display: none;
    }
}

@media (max-width: 795px) {
    .faces-photos-list li {
        width: 12.5%;
    }

    .faces-photos-list li:nth-child(n+9) {
        display: none;
    }
}

@media (max-width: 730px) {
    .faces-photos-list li {
        width: 14.2857143%;
    }

    .faces-photos-list li:nth-child(n+8) {
        display: none;
    }
}

@media (max-width: 660px) {
    .faces-photos-list li {
        width: 16.6666667%;
    }

    .faces-photos-list li:nth-child(n+7) {
        display: none;
    }
}

/* MEDIA 768 */
@media (max-width: 999px) {
    .hide-1024, .hide-768 {
        display: none !important;
    }

    .mypublications-section .placeholder-article-block:nth-child(n+3) {
        display: none;
    }

    .publications-slider-wrap .slider-list article {
        width: 50%;
        /*padding: 0 10px;*/
    }

    .publications-slider-wrap .pub-slider-placeholder article:nth-child(n+3) {
        display: none;
    }

    .resolution-medium {
        display: block;
    }

    .faq-page .content-top h1.h2,
    .publication-page .content-top h1.h2 {
        font-size: 30px;
    }

    h2, .h2 {
        font-size: 18px;
    }

    .footer {
        padding: 50px 25px 50px 23px;
    }


    .fixed-totop-link {
        right: 28px;
        bottom: 42px;
    }

    .fixed-star-link {
        right: 42px;
    }

    .right-fixed-links.bottom.absolute .fixed-edit-link {
        bottom: 163px;
    }

    .right-fixed-links.bottom.absolute .fixed-totop-link {
        bottom: 86px;
    }

    .list-page .fixed-edit-link,
    .list-page .fixed-totop-link {
        right: 42px;
    }

    .publications-add-desc-close {
        right: 29px;
    }

    .publications-add-desc {
        padding: 44px 40px 42px;
        font-size: 12px;
    }

    .publications-add-desc strong {
        font-size: 16px;
        line-height: 1.36;
        padding: 0 0 17px;
    }

    .content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .category {
        font-size: 14px;
        padding: 0 0 7px;
    }

    .reservation h2 {
        font-size: 16px;
    }

    .reservation-right {
        width: 231px;
        margin-left: -231px;
        padding: 0 0 0 30px;
    }

    .reservation-left {
        padding: 0 250px 0 0;
    }

    .news-item-meta-list {
        font-size: 14px;
        padding: 0 0 3px 2px;
    }

    .news-item-meta-list li:after {
        margin: 0 7px;
    }

    .reservations-section .news-item h2 {
        font-size: 16px;
    }

    .news-item {
        padding: 35px 36px 36px;
    }

    .news-item.blue .news-item-meta-list {
        padding-bottom: 4px;
    }

    .tile-list > li {
        width: 33.33%;
    }

    .questions-section .news-item-right {
        padding: 9px 0 2px;
    }

    .date {
        font-size: 12px;
    }

    [class^="news-item-status"] {
        font-size: 12px;
    }

    .unique-views-page .content-top h1 {
        font-size: 36px;
        padding: 12px 0 22px;
    }

    .unique-views-page .publications-add-desc {
        font-size: 11px;
    }

    .unique-views-page .publications-add-desc strong {
        padding: 0 0 25px;
    }

    .unique-view {
        padding: 40px 26px 54px 27px;
    }

    .unique-view h2 {
        font-size: 14px;
    }

    .unique-view-left {
        margin: 22px 31px 0 0;
    }

    .unique-view-right {
        padding: 13px 0 0 14px;
    }

    .unique-view-middle {
        padding: 2px 0 0;
    }

    .article-page .content-top h1 {
        font-size: 36px;
        padding: 0 0 54px;
    }

    .article-page .content-top-main {
        padding-top: 240px;
    }

    .face-info-content-list {
        font-size: 14px;
    }

    .face-info-content-list li.user-icon:before {
        margin: 0 17px 0 0;
    }

    .face-info-content-list li:after {
        margin: 0 4px 0 8px;
    }

    .article-page-desc {
        font-size: 18px;
        padding: 66px 40px 55px;
    }

    .article-wrap {
        padding: 87px 68px 93px;
    }

    .article h2 {
        font-size: 24px;
    }

    .letter {
        left: 56px;
    }

    .mypublications {
        padding: 0 22px;
    }

    .mypublications-section {
        margin: -24px 0 27px -50px;
    }

    .mypublications-section > article {
        width: 50%;
        padding-left: 50px;
    }

    .mypublications-section > article:nth-child(n+7) {
        /*display: none;*/
    }

    .mypublications-buttons.bottom {
        padding: 28px 0 0;
    }

    .publicon-page .content-top-main {
        padding: 240px 20px 70px;
    }

    .publicon-page .content-top h1 {
        font-size: 36px;
        padding: 6px 0 22px;
    }

    .publication-info-category {
        font-size: 14px;
        padding: 0 0 11px 3px;
    }

    .publication-info-title textarea {
        font-size: 18px;
    }

    .publication-info-text textarea {
        padding: 87px 69px;
    }

    .publication-info-bottom .letter {
        left: 52px;
        top: -7px;
    }

    .refresh-slider-top {
        padding: 29px 80px 30px 29px;
    }

    .refresh-slider-link {
        right: 29px;
    }

    .message {
        padding: 31px 40px 14px 39px;
    }

    .message .news-item-meta-list {
        margin: 0 0 -2px -2px;
    }

    .message .news-item-meta-list .date {
        font-size: 12px;
    }

    .message .news-item-meta-list li:after {
        margin: 0 2px;
    }

    .message-content {
        font-size: 13px;
    }

    .messages-buttons {
        padding: 30px 0 0;
    }

    .popular-articles-page .content-top h1, .faq-page .content-top h1 {
        font-size: 48px;
    }

    .popular-articles-page .content-top-main, .faq-page .content-top-main {
        padding-top: 246px;
    }

    .popular-articles-page .mypublications-section > article:nth-child(n+7), .faq-page .mypublications-section > article:nth-child(n+7) {
        display: block;
    }

    .popular-articles-page .mypublications-section > article:nth-child(n+11), .faq-page .mypublications-section > article:nth-child(n+11) {
        /*display: none;*/
    }

    .content-top-desc {
        font-size: 13px;
        max-width: 590px;
        padding: 0 0 43px;
    }

    .popular-articles-page .mypublications-section, .faq-page .mypublications-section {
        margin-top: -31px;
    }

    .popular-articles-page .refresh-slider-wrap, .faq-page .refresh-slider-wrap {
        margin-left: -30px;
        margin-right: -30px;
    }

    .subscribe {
        padding: 48px 0 54px;
    }

    .social-list > li {
        width: 33.33%;
    }

    .social-list > li:nth-child(n+4) {
        display: none;
    }

    [class^="social-item-"] {
        padding: 22px 85px 20px 48px;
    }

    [class^="social-item-"]:before {
        right: 35px;
    }

    .publication-info-title {
        min-height: 79px;
    }

    .faq-page .publication-info-title {
        padding: 0 0 14px;
    }

    .faq-page .message {
        padding: 31px 35px 20px 36px;
    }

    .message-right {
        margin: 2px 0 0 15px;
    }

    .message-author {
        padding: 0 0 5px;
    }

    .questions-section .news-item-right {
        padding: 6px 0 0;
    }

    .publication-page .content-top-main {
        padding-top: 234px;
    }

    .publication-page .content-top .h1 {
        font-size: 36px;
        padding: 6px 0 22px;
    }

    .publication-page .publication-info-category {
        padding-bottom: 14px;
    }

    .publication-page .message {
        padding: 31px 40px 17px 39px;
    }

    .publication-page .refresh-slider-wrap {
        margin-left: -30px;
        margin-right: -30px;
    }

    .fav-value {
        margin-right: 9px;
    }

    .publication-article-image figcaption {
        font-size: 18px;
        bottom: 65px;
        left: 67px;
        right: 67px;
    }

    .publication-article-wrap {
        padding: 94px 70px 60px;
    }

    .publication-article-wrap .letter {
    	/*
        left: 52px;
        top: 10px;
        */
    }

    .publication-article h2 {
        font-size: 24px;
        letter-spacing: -0.008em;
    }

    .publications-section > article {
        width: 33.33%;
    }

    .publications-section > article:nth-child(n+4) {
        /*display: none;*/
    }

    .full-subscribe {
    	/*
        left: 70px;
        right: 70px;
        */
	    left:0;
	    right: 0;
    }

    .full-subscribe h2 {
        font-size: 24px;
    }

    .full-subscribe-desc {
        letter-spacing: -0.01em;
        margin-bottom: 31px;
    }

    .user-page .content-top-desc {
        max-width: 460px;
    }

    .user-page .refresh-slider-wrap {
        margin: 0 -30px 44px;
    }

    .user-page .refresh-slider-wrap.bottom {
        margin: 0 -30px;
    }

    .user-page .publications:not(.bottom) .publications-section > article:nth-child(n+4) {
        display: inline-block;
    }

    .user-page .publications:not(.bottom) .publications-section > article:nth-child(n+7) {
        /*display: none;*/
    }

    .user-statistics {
        padding: 35px 20px 31px;
    }

    .user-statistics-list {
        font-size: 14px;
    }

    .user-statistics-list li {
        margin: 0 8px;
    }

    .award {
        height: 205px;
        font-size: 11px;
        padding: 36px 10px 10px;
    }

    .award .article-star {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
        margin-bottom: 5px;
    }

    .user-actions, .vopros-actions {
        padding: 0 0 23px;
        margin-top: -8px;
    }

    .publication-banner {
        width: 33.33%;
    }

    .publication-banner.size2 {
        width: 33.33%;
    }

    .publication-banner.size2 .large {
        display: none;
    }

    .publication-banner.size2 .small {
        display: block;
    }

    .main-page .content-top-main {
        padding: 240px 20px 70px;
    }

    .main-page .content-top h1 {
        font-size: 30px;
        padding: 0 0 37px;
    }

    .main-page .content-top h1 span {
        font-size: 48px;
    }

    .main-page .refresh-slider-wrap {
        margin: 0 -30px;
    }

    .main-page .banner {
        margin-left: -30px;
        margin-right: -30px;
    }

    .content-top-main .user-statistics-list {
        font-size: 16px;
    }

    .publications-slider-nav h2 {
        font-size: 24px;
        letter-spacing: 0;
    }

    .publications-slider-wrap {
        margin: -14px 22px 11px;
    }

    .main-page .publications:not(.bottom) .publications-section > article:nth-child(n+4),
    .category-page .publications:not(.bottom) .publications-section > article:nth-child(n+4), .vopros-page .publications:not(.bottom) .publications-section > article:nth-child(n+4), .experts-page .publications:not(.bottom) .publications-section > article:nth-child(n+4), .podcasts-page .publications:not(.bottom) .publications-section > article:nth-child(n+4), .author-page .publications:not(.bottom) .publications-section > article:nth-child(n+4) {
        display: inline-block;
    }

    .main-page .publications:not(.bottom) .publications-section > article:nth-child(n+10),
    .category-page .publications:not(.bottom) .publications-section > article:nth-child(n+10), .vopros-page .publications:not(.bottom) .publications-section > article:nth-child(n+10), .experts-page .publications:not(.bottom) .publications-section > article:nth-child(n+10), .podcasts-page .publications:not(.bottom) .publications-section > article:nth-child(n+10), .author-page .publications:not(.bottom) .publications-section > article:nth-child(n+10) {
        /*display: none;*/
    }

    .category-page .content-top-main, .vopros-page .content-top-main, .experts-page .content-top-main, .podcasts-page .content-top-main, .author-page .content-top-main {
        padding: 240px 20px 60px;
    }

    .category-page .content-top h1, .vopros-page .content-top h1, .experts-page .content-top h1, .podcasts-page .content-top h1, .author-page .content-top h1 {
        font-size: 48px;
        padding: 0 0 18px;
    }

    .category-page .refresh-slider-wrap, .vopros-page .refresh-slider-wrap, .experts-page .refresh-slider-wrap, .podcasts-page .refresh-slider-wrap, .author-page .refresh-slider-wrap {
        margin: 0 -30px;
    }

    .publications-slider-nav h2 {
        font-size: 0;
        line-height: 0;
    }

    .publications-slider-nav h2:before {
        content: 'Популярные статьи';
        font-size: 24px;
        line-height: 1.4;
        color: #262121;
    }

    .vopros-page .content-top h1, .experts-page .content-top h1, .podcasts-page .content-top h1, .author-page .content-top h1 {
        padding: 0 0 13px;
    }

    .vopros-page .content-top-main, .experts-page .content-top-main, .podcasts-page .content-top-main, .author-page .content-top-main {
        padding-top: 248px;
    }

    .vopros-page .publications-slider-nav h2, .experts-page .publications-slider-nav h2, .podcasts-page .publications-slider-nav h2, .author-page .publications-slider-nav h2 {
        font-size: 24px;
        line-height: 1.4;
    }

    .vopros-page .publications-slider-nav h2:before, .experts-page .publications-slider-nav h2:before, .podcasts-page .publications-slider-nav h2:before, .author-page .publications-slider-nav h2:before {
        display: none;
    }

    .vopros-actions {
        margin-top: 46px;
    }

    .experts-page .content-top-main, .podcasts-page .content-top-main, .author-page .content-top-main {
        padding-top: 246px;
    }

    .experts-page .vopros-actions, .podcasts-page .vopros-actions, .author-page .vopros-actions {
        margin-top: 0;
    }

    .experts-list > li {
        width: 33.33%;
    }

    .experts-list > li:nth-child(n+10) {
        /*display: none;*/
    }

    .podcasts-page .content-top-main {
        padding-top: 232px;
    }

    .podcasts-page .content-top h1 {
        font-size: 60px;
    }

    .podcasts-section {
        margin: -23px 18px 0 -27px;
    }

    .podcasts-section > article {
        width: 50%;
        padding: 23px 0 0 50px;
    }

    .podcasts-section > article:nth-child(n+7) {
        display: none;
    }

    .author-page .content-top-main {
        padding-top: 236px;
    }

    .author-page .content-top h1 {
        font-size: 60px;
        padding: 0 0 11px;
    }

    .geolocation-authors {
        margin: 0 -30px 32px;
    }

    .popup-search-results-section {
        margin: -53px 0 0 -50px;
    }

    .popup-search-results-section > article {
        width: 50%;
        padding: 53px 0 0 50px;
    }

    .popup-search-results-section > article:nth-child(n+5) {
        /*display: none;*/
    }

    input.popup-search-input {
        font-size: 120px;
        line-height: 150px;
        margin: 0 0 38px;
    }

    .popup-search .popup {
        max-width: 447px;
    }

    .popup-search .popup h3 {
        padding: 0 0 54px;
    }

    .popup-close-holder {
        max-width: 710px;
    }

    .users-list > li {
        width: 25%;
    }

    .users-list > li:nth-child(n+5) {
        display: none;
    }

    .short-articles-list > li {
        width: 33.33%;
    }

    .short-articles-list > li:nth-child(n+4) {
        display: none;
    }

    .short-article:after {
        top: 18px;
        bottom: 20px;
        left: 19px;
        right: 19px;
    }

    .short-article h3 {
        bottom: 36px;
        left: 51px;
        right: 51px;
        top: 45px;
    }

    .book-info {
        font-size: 11px;
        padding: 210px 20px 0;
    }

    .book-info h2 {
        font-size: 36px;
        padding: 0 0 8px;
    }

    .book-info p {
        max-width: 460px;
        margin: 0 auto 24px;
    }

    .book-info-author {
        padding: 0 0 13px;
        font-size: 14px;
    }

    .book-info-type {
        font-size: 18px;
        padding: 0 0 9px;
    }

    .sliderkit-go-prev {
        left: 41px;
    }

    .sliderkit-go-next {
        right: 41px;
    }

    .side-submenu-menus-question .h3 {
        font-size: 18px;
    }

    .side-submenu-sign-wrap .h3 {
        margin-top: -4px;
        font-size: 18px;
    }

    .best-authors .refresh-slider-title span {
        left: 358px !important;
    }

    .best-experts .refresh-slider-title span {
        left: 279px !important;
    }
}

/* MEDIA 768 END */
/* MEDIA 640 */
@media (max-width: 767px) {
    .hide-1024, .hide-768, .hide-640 {
        display: none !important;
    }

    .show-640 {
        display: inline-block !important;
    }

    .resolution-small {
        display: block;
    }

    h2, .h2 {
        font-size: 16px;
    }

    h3, .h3 {
        font-size: 14px;
    }

    .right-fixed-links.bottom.absolute .fixed-edit-link {
        bottom: 152px;
    }

    .right-fixed-links.bottom.absolute .fixed-totop-link {
        bottom: 75px;
    }

    .fixed-star-link {
        top: 42px;
        right: 42px;
    }

    .list-page .fixed-totop-link,
    .list-page .fixed-edit-link {
        right: 39px;
    }

    .author-content {
        display: block;
        width: auto;
        padding: 3px 0 0;
        height: auto;
    }

    .author-content em {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

    .tile-item-content {
        padding: 22px 28px;
    }

    .tile-item-content .author-holder {
        bottom: 23px;
        left: 29px;
        right: 15px;
    }

    .tile-item-content .letter {
        font-size: 120px;
        top: -23px;
    }

    .news-item {
        padding: 33px 30px 36px;
    }

    .news-item.blue {
        padding: 33px 27px 36px;
    }

    .news-item.blue .news-item-right {
        padding: 4px 0 0;
    }

    .news-item.blue .news-item-meta-list {
        font-size: 14px;
    }

    .news-item.blue .news-item-meta-list li:after {
        margin: 0 7px 0 12px;
    }

    .news-item-right {
        padding: 9px 0 0;
    }

    .news-item-meta-list {
        font-size: 13px;
        padding: 0 0 4px 2px;
    }

    .publications-add-desc {
        padding: 31px 56px 25px;
    }

    .publications-add-desc strong {
        font-size: 14px;
        line-height: 1.57;
    }

    .publications-add-desc strong br {
        display: none;
    }

    .reservation {
        padding: 35px 24px 35px 25px;
    }

    .reservation h2 {
        font-size: 14px;
    }

    .questions-section .news-item-right {
        padding: 10px 0 0;
    }

    .content-top h1 {
        font-size: 48px;
    }

    .content-top-main {
        padding-top: 230px;
    }

    .content-top-main .user-statistics-list {
        font-size: 14px;
        padding: 0 0 37px;
    }

    .content-top-main .user-statistics-list li {
        margin: 0 7px;
    }

    .unique-views-page .content-top h1 {
        padding: 0 0 22px;
    }

    .unique-views-page .content-top h1 span {
        display: block;
        font-size: 48px;
    }

    .unique-views-page .content-top-main {
        padding: 228px 20px 22px;
    }

    .unique-views-page .content-top-main .user-holder {
        margin: 0 0 14px;
    }

    .unique-views-page .publications-add-desc {
        padding: 43px 46px 25px;
    }

    .unique-views-page .publications-add-desc strong {
        padding: 0 0 21px;
        line-height: 1.2;
    }

    .unique-view-left {
        margin: 22px 26px 0 0;
    }

    .unique-view {
        padding: 40px 26px 44px 27px;
    }

    .unique-view h2 {
        font-size: 13px;
    }

    .unique-view-right {
        margin: 9px 0 0 25px;
    }

    .article-page .content-top-main {
        padding-top: 249px;
    }

    .article-page .content-top h1 {
        font-size: 30px;
        padding: 0 0 65px;
    }

    .article-page .content-top h1 span {
        font-size: 48px;
    }

    .face-photo {
        width: 93px;
        height: 93px;
    }

    .face-info-status {
        width: 93px;
    }

    .face-info-status [class^="item-status-"] {
        margin: 25px auto;
    }

    .face-info-content {
        padding: 38px 24px;
        min-height: 95px;
    }

    .face-info-content-list {
        font-size: 13px;
    }

    .face-info-content-list li.user-icon:before {
        position: relative;
        top: 2px;
    }

    .face-info-content-list li:after {
        margin: 0 5px;
    }

    .face-info-content-list li.yellow {
        display: none;
    }

    .face-info-content-list li:nth-last-child(2):after {
        display: none;
    }

    .article-page-desc {
        font-size: 16px;
        padding: 63px 50px 60px;
    }

    .article-wrap {
        padding: 87px 56px 88px;
    }

    .letter {
        left: 44px;
    }

    .article h2 {
        margin: 37px 0 26px;
    }

    .copyright {
        width: 390px;
    }

    .copyright span {
        display: none;
    }

    .footer {
        padding: 50px 28px 50px 23px;
    }

    .agelimit {
        margin: -11px 0 0;
    }

    .mypublications {
        padding: 0;
    }

    .mypublications-section {
        margin: -36px -3px 27px -29px;
    }

    .mypublications-section > article {
        padding-left: 27px;
    }

    .mypublication h2 {
        font-size: 18px;
    }

    .mypublication-image .delete-link {
        right: 23px;
    }

    .mypublication-image .author-holder {
        left: 22px;
        right: 22px;
    }

    .mypublication-image [class^="item-status-"] {
        right: 25px;
    }

    .mypublication-image img {
        max-width: none;
        width: auto;
    }

    .mypublication-image .edit-link {
        right: 24px;
    }

    .mypublication-image-holder {
        overflow: hidden;
    }

    .mypublication-content {
        padding: 29px 23px 55px;
    }

    .mypublication-content .letter {
        left: 11px;
    }

    .mypublication-content .meta-list {
        left: 24px;
    }

    .mypublications-buttons {
        padding: 0 0 32px;
    }

    .mypublications-buttons.bottom {
        padding: 19px 0 0;
    }

    .publication-info-top {
        padding: 40px 40px 63px;
    }

    .publication-info-add-image {
        width: 239px;
        height: 206px;
        margin: 0 25px 0 0;
    }

    .publication-info-category {
        font-size: 13px;
    }

    .publication-info-title {
        min-height: 82px;
    }

    .publication-info-title textarea {
        font-size: 16px;
    }

    .publication-info-content {
        padding: 64px 0 0;
    }

    .publication-info-content .fav-holder {
        top: 0;
    }

    .publication-info-text textarea {
        padding: 85px 69px;
    }

    .publication-info-buttons {
        padding: 30px 30px 45px;
    }

    .refresh-slider-top h3 {
        font-size: 18px;
    }

    .users-list > li {
        width: 33.33%;
    }

    .users-list > li:nth-child(n+4) {
        display: none;
    }

    .message {
        padding: 31px 40px 14px 27px;
    }

    .popular-articles-page .content-top h1, .faq-page .content-top h1 {
        font-size: 36px;
        padding: 0 0 18px;
    }

    .popular-articles-page .content-top-main, .faq-page .content-top-main {
        padding-top: 251px;
    }

    .popular-articles-page .mypublications-section, .faq-page .mypublications-section {
        margin-top: -35px;
    }

    .content-top-desc {
        padding: 0 0 30px;
        max-width: 480px;
    }

    .refresh-slider-title strong {
        font-size: 120px;
        height: 109px;
        letter-spacing: 0.03em;
    }

    .refresh-slider-title span {
        left: 166px;
    }

    .short-article h3 {
        font-size: 13px;
        left: 43px;
        right: 43px;
        top: 41px;
        bottom: 36px;
    }

    .short-article:after {
        left: 17px;
        right: 16px;
        top: 16px;
        bottom: 18px;
    }

    .subscribe {
        padding: 58px 0 61px;
        max-width: 405px;
    }

    .subscribe .title {
        font-size: 24px;
        padding: 0 0 21px;
    }

    .social-list > li {
        width: 50%;
    }

    .social-list > li:nth-child(n+3) {
        display: none;
    }

    [class^="social-item-"] {
        padding: 22px 85px 20px 73px;
    }

    [class^="social-item-"]:before {
        right: 64px;
    }

    .popular-articles-page .content-top-main, .faq-page .content-top-main {
        padding-top: 257px;
    }

    .popular-articles-page .content-top-desc, .faq-page .content-top-desc {
        padding: 0 0 24px;
    }

    .faq-page .publication-info-top {
        padding: 41px 63px 72px 70px;
    }

    .faq-page .publication-info-content {
        padding: 63px 0 0;
    }

    .faq-page .publication-info-title {
        min-height: 78px;
    }

    .faq-page .news {
        padding: 0 0 4px;
    }

    .publication-page .content-top-main {
        padding-bottom: 64px;
    }

    .publication-page .content-top-main .user-holder {
        margin: 0 0 16px;
    }

    .publication-page .publication-info-top {
        padding: 42px 40px 59px;
    }

    .publication-page .publication-info-image {
        width: 240px;
        height: 208px;
        margin: 0 26px 0 0;
    }

    .publication-page .publication-info-content {
        padding: 62px 0 0 0;
    }

    .publication-page .message {
        padding: 31px 29px 17px;
    }

    .publications {
        padding: 0 0 10px;
    }

    .publication-article-image figcaption {
        font-size: 16px;
        left: 58px;
        right: 58px;
        bottom: 58px;
    }

    .publication-article-wrap {
        padding: 96px 65px 60px 55px;
        width: 100%;
    }

    .publication-article-wrap .letter {
    	/*
        left: 40px;
        top: 5px;
        */
    }

    .publication-article h2 {
        line-height: 1;
        margin: -5px 0 23px;
    }

    .publications-section {
        margin: -23px 0 0 -13px;
        width: 100%
    }

    .publications-section > article {
        width: 50%;
        padding: 29px 0 0 26px;
    }

    .publications-section > article:nth-child(n+3) {
        /*display: none;*/
    }

    .publication-image .caption {
        padding: 29px 30px 20px;
        left: 23px;
        right: 25px;
        top: 24px;
        bottom: 21px;
    }

    .publication-content {
        padding: 19px 23px;
    }

    .publications-buttons {
        padding: 26px 0 0;
    }

    .full-subscribe {
    	/*
        left: 55px;
        right: 55px;
        */
	    left:0;
	    right: 0;
        bottom: 54px;
    }

    .full-subscribe h2 {
        line-height: 1;
        padding: 0 60px 50px;
    }

    .full-subscribe-list {
        margin: -39px 0 23px -31px;
    }

    .full-subscribe-list > li {
        padding: 39px 0 0 31px;
    }

    .full-subscribe-desc {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .user-page .content-top-desc {
        max-width: 400px;
    }

    .user-page .content-top-main {
        padding: 228px 20px 17px;
    }

    .user-page .publications:not(.bottom) .publications-section > article:nth-child(n+3) {
        display: inline-block;
    }

    .user-page .publications:not(.bottom) .publications-section > article:nth-child(n+5) {
        /*display: none;*/
    }

    .user-page .publications {
        padding: 0 0 6px;
    }

    .user-page .refresh-slider-wrap {
        margin-bottom: 25px;
    }

    .user-statistics {
        padding: 34px 10px 31px;
    }

    .user-statistics-list {
        font-size: 12px;
    }

    .user-statistics-list li {
        margin: 0 5px;
    }

    .award {
        font-size: 10px;
        padding: 17px 5px 10px;
        height: 170px;
    }

    .award .article-star {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        margin-bottom: -2px;
    }

    .publication-banner.size2 {
        width: 50%;
    }

    .main-page .content-top-main {
        padding: 240px 20px 70px;
    }

    .main-page .content-top h1 {
        font-size: 24px;
        line-height: 1.09;
        padding: 0 0 34px;
    }

    .main-page .banner {
        margin-bottom: 22px;
    }

    .main-page .publications:not(.bottom) .publications-section > article:nth-child(n+3), .main-page .publications:not(.bottom) .publications-section > article:nth-child(n+5) {
        display: inline-block;
    }

    .main-page .publications:not(.bottom) .publications-section > article:nth-child(n+7) {
        display: none;
    }

    .main-page .publications-buttons {
        padding: 29px 0 0;
    }

    .publications-slider-wrap {
        margin: -25px -3px 11px -2px;
    }

    .publications-slider-wrap.questions-slider-wrap {
        margin-bottom: 27px;
    }

    .category-page .content-top h1, .vopros-page .content-top h1, .experts-page .content-top h1, .podcasts-page .content-top h1, .author-page .content-top h1 {
        font-size: 36px;
    }

    .category-page .content-top-main, .vopros-page .content-top-main, .experts-page .content-top-main, .podcasts-page .content-top-main, .author-page .content-top-main {
        padding: 247px 20px 60px;
    }

    .category-page .content-top-desc, .vopros-page .content-top-desc, .experts-page .content-top-desc, .podcasts-page .content-top-desc, .author-page .content-top-desc {
        padding: 0px 0 35px;
    }

    .category-page .banner, .vopros-page .banner, .experts-page .banner, .podcasts-page .banner, .author-page .banner {
        margin: 0 -30px 23px;
    }

    .category-page .publications:not(.bottom) .publications-section > article:nth-child(n+3), .vopros-page .publications:not(.bottom) .publications-section > article:nth-child(n+3), .experts-page .publications:not(.bottom) .publications-section > article:nth-child(n+3), .podcasts-page .publications:not(.bottom) .publications-section > article:nth-child(n+3), .author-page .publications:not(.bottom) .publications-section > article:nth-child(n+3), .category-page .publications:not(.bottom) .publications-section > article:nth-child(n+5), .vopros-page .publications:not(.bottom) .publications-section > article:nth-child(n+5), .experts-page .publications:not(.bottom) .publications-section > article:nth-child(n+5), .podcasts-page .publications:not(.bottom) .publications-section > article:nth-child(n+5), .author-page .publications:not(.bottom) .publications-section > article:nth-child(n+5) {
        display: inline-block;
    }

    .category-page .publications:not(.bottom) .publications-section > article:nth-child(n+7), .vopros-page .publications:not(.bottom) .publications-section > article:nth-child(n+7), .experts-page .publications:not(.bottom) .publications-section > article:nth-child(n+7), .podcasts-page .publications:not(.bottom) .publications-section > article:nth-child(n+7), .author-page .publications:not(.bottom) .publications-section > article:nth-child(n+7) {
        display: none;
    }

    .category-page .publications-buttons, .vopros-page .publications-buttons, .experts-page .publications-buttons, .podcasts-page .publications-buttons, .author-page .publications-buttons {
        padding: 29px 0 0;
    }

    .vopros-page .content-top-main, .experts-page .content-top-main, .podcasts-page .content-top-main, .author-page .content-top-main {
        padding: 249px 20px 60px;
    }

    .vopros-page .content-top h1, .experts-page .content-top h1, .podcasts-page .content-top h1, .author-page .content-top h1 {
        padding: 0 0 21px;
    }

    .vopros-page .content-top-desc, .experts-page .content-top-desc, .podcasts-page .content-top-desc, .author-page .content-top-desc {
        padding: 0 0 32px;
    }

    .vopros-page .publications-slider-wrap, .experts-page .publications-slider-wrap, .podcasts-page .publications-slider-wrap, .author-page .publications-slider-wrap {
        margin-top: -6px;
    }

    .vopros-page .refresh-slider-wrap.bottom, .experts-page .refresh-slider-wrap.bottom, .podcasts-page .refresh-slider-wrap.bottom, .author-page .refresh-slider-wrap.bottom {
        margin-top: 17px;
    }

    .question, .podcast {
        padding: 112px 20px 55px 21px;
    }

    .question .letter, .podcast .letter {
        left: 10px;
    }

    .question h3, .podcast h3 {
        font-size: 18px;
    }

    .question .author-holder, .podcast .author-holder {
        right: 23px;
        top: 26px;
    }

    .question .meta-list, .podcast .meta-list {
        left: 23px;
        bottom: 36px;
    }

    .question .author-content, .podcast .author-content {
        height: 45px;
        width: 9999px;
        display: table-cell;
        padding: 0;
    }

    .experts-page .content-top h1, .podcasts-page .content-top h1, .author-page .content-top h1 {
        padding: 0 0 17px;
    }

    .experts-page .content-top-main, .podcasts-page .content-top-main, .author-page .content-top-main {
        padding: 257px 20px 60px;
    }

    .experts-page .content-top-desc, .podcasts-page .content-top-desc, .author-page .content-top-desc {
        font-size: 12px;
        max-width: 450px;
    }

    .experts-page .refresh-slider-wrap.bottom, .podcasts-page .refresh-slider-wrap.bottom, .author-page .refresh-slider-wrap.bottom {
        margin-top: 3px;
    }

    .experts-page .publications-slider-wrap, .podcasts-page .publications-slider-wrap, .author-page .publications-slider-wrap {
        margin-top: -10px;
    }

    .experts-page .publications-slider-wrap.questions-slider-wrap, .podcasts-page .publications-slider-wrap.questions-slider-wrap, .author-page .publications-slider-wrap.questions-slider-wrap {
        margin-bottom: 32px;
    }

    .experts-list {
        margin-left: -27px;
    }

    .experts-list > li {
        width: 50%;
        padding-left: 27px;
    }

    .experts-list > li:nth-child(n+7) {
        /*display: none;*/
    }

    .expert-caption {
        padding: 41px 15px 15px;
    }

    .question-info-link {
        bottom: 46px;
    }

    .podcasts-page .content-top h1 {
        font-size: 60px;
        padding: 0 0 14px;
    }

    .podcasts-page .content-top-main {
        padding: 233px 20px 60px;
    }

    .podcasts-page .refresh-slider-wrap.bottom {
        margin-top: 7px;
    }

    .podcast {
        padding: 126px 20px 55px 27px;
    }

    .podcast h3 {
        font-size: 16px;
    }

    .podcast .letter {
        left: 16px;
    }

    .podcast .author-holder {
        right: 29px;
    }

    .podcasts-section {
        margin: -23px -2px 0 -30px;
    }

    .podcasts-section > article {
        padding-left: 28px;
    }

    .author-page .content-top-desc {
        max-width: 470px;
    }

    .author-page .content-top-main {
        padding: 236px 20px 60px;
    }

    .author-page .content-top h1 {
        font-size: 60px;
        padding: 0 0 12px;
    }

    .author-page .publications-slider-wrap.questions-slider-wrap {
        margin-bottom: 37px;
    }

    .author-page .refresh-slider-wrap.bottom {
        margin-top: 22px;
    }

    .geolocation-authors .caption {
        padding: 14px 80px 20px;
    }

    .geolocation-authors .caption h3 {
        font-size: 16px;
        padding: 0 0 24px;
    }

    .popup-search .popup {
        font-size: 18px;
    }

    .popup-search .popup {
        margin: 0 36px;
    }

    .popup-search .popup h3 {
        padding: 0 0 72px;
        font-size: 18px;
    }

    input.popup-search-input {
        font-size: 100px;
        line-height: 130px;
        margin: 0 0 40px;
    }

    .publication-image .caption {
        left: 20px;
        bottom: 20px;
        right: 20px;
        top: 19px;
    }

    .book-info h2 {
        font-size: 30px;
        padding: 0 0 10px;
    }

    .book-info p {
        max-width: 370px;
        margin: 0 auto 22px;
    }

    .book-info-author {
        padding: 0 0 8px;
    }

    .books-pager-list li {
        padding: 0 23px;
    }

    .sliderkit-go-prev {
        left: 38px;
    }

    .sliderkit-go-next {
        right: 38px;
    }

    .side-submenu-menus {
        width: 278px;
        right: 278px;
    }

    .side-submenu-menus-dark {
        width: 278px;
        right: 0;
        padding: 40px 20px 40px 43px;
    }

    .side-submenu-menus-question {
        width: 278px;
    }

    .side-menu-list > li.active .side-submenu-menus-wrap, .side-menu-list > li.current .side-submenu-menus-wrap {
        width: 556px;
    }

    .side-menu-list > li.active .side-submenu-profile-wrap.active, .side-menu-list > li.current .side-submenu-profile-wrap.active {
        width: 557px !important;
    }

    .side-menu-list > li.active .side-submenu-profile-wrap.active .side-submenu-profile, .side-menu-list > li.current .side-submenu-profile-wrap.active .side-submenu-profile {
        right: 307px;
    }

    .side-submenu-profile-edit {
        right: 0;
        width: 307px;
    }

    .author-recommends .refresh-slider-title span {
        left: 59px !important;
    }

    .best-authors .refresh-slider-title span {
        left: 239px !important;
    }

    .best-experts .refresh-slider-title span {
        left: 159px !important;
    }
}

/* MEDIA 640 END */

/* MEDIA MAX-HEIGHT 650 */

@media (max-height: 650px) {
    .side-menu {
        width: 67px;
    }

    .side-menu-link {
        height: 67px;
        width: 67px;
    }

    .side-menu-categories .icon-question {
        width: 23px;
        height: 23px;
        margin: -11px 0 0 -11px;
    }

    .side-menu-popular .icon-heart {
        width: 23px;
        height: 24px;
        margin: -12px 0 0 -11px;
    }

    .side-menu-podcast .icon-podcast {
        width: 26px;
        height: 26px;
        margin: -13px 0 0 -13px;
    }

    .side-menu-listed .icon-tile {
        width: 22px;
        height: 22px;
        margin: -11px 0 0 -11px;
    }

    .side-menu-list > li .side-menu-sign svg.icon-lock {
        width: 26px;
        height: 26px;
        margin: -13px 0 0 -13px;
    }

    .side-menu-search .icon-search {
        width: 23px;
        height: 24px;
        margin: -13px 0 0 -12px;
    }

    .side-menu-authors .icon-user {
        width: 23px;
        height: 23px;
        margin: -12px 0 0 -12px;
    }

    .side-menu-menus .icon-menu {
        width: 24px;
    }

    .side-submenu-menus,
    .side-submenu-menus-dark,
    .side-submenu-profile,
    .side-submenu-profile-edit,
    .side-submenu-registration,
    .side-submenu-remember-password,
    .side-submenu-login,
    .side-submenu-select-category-wrap .menu-select-category {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .side-submenu-menus-dark-list + .side-submenu-menus-dark-list {
        padding-top: 36px;
    }

    .side-submenu-menus-list li + li, .side-submenu-categories-list li + li {
        padding-top: 5px;
    }

    .side-submenu-menus *,
    .side-submenu-menus-dark *,
    .side-submenu-profile .side-profile-menu * {
        font-size: 13px;
    }

    .side-profile-menu-list li + li {
        margin-top: 4px;
    }

    .side-submenu-profile .user-holder {
        margin-bottom: 27px;
    }

    .user-holder {
        margin-bottom: 21px;
    }

    .side-profile-menu-list li + li.divider {
        margin-top: 23px;
    }

    .side-profile-menu-list li + li.divider:last-child {
        margin-top: 10px;
    }

    .side-submenu-profile-edit .form-line input,
    .side-submenu-profile-edit .form-line textarea {
        padding: 5px 10px 5px 10px;
        font-size: 12px;
    }

    .main {
        margin-left: 67px;
    }
}

@media (max-width: 620px){
    body {
        zoom: 0.85;
        -moz-transform: scale( 0.85);
        -moz-transform-origin: 0 0

    }
}
@media (max-width: 540px){
    body {
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0

    }
}

@media (max-width: 480px){
    body {
        zoom: 0.65;
        -moz-transform: scale(0.65);
        -moz-transform-origin: 0 0

    }
}

@media (max-width: 414px){
    body {
        zoom: 0.5;
        -moz-transform: scale(0.5);
        -moz-transform-origin: 0 0

    }
}


/* MEDIA MAX-HEIGHT 650 END */

.error-page-animated {
    background: rgba(0, 0, 0, 1);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(1, 2, 5, 1) 24%, rgba(4, 22, 58, 1) 43%, rgba(8, 48, 129, 1) 71%, rgba(10, 51, 140, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(24%, rgba(1, 2, 5, 1)), color-stop(43%, rgba(4, 22, 58, 1)), color-stop(71%, rgba(8, 48, 129, 1)), color-stop(100%, rgba(10, 51, 140, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(1, 2, 5, 1) 24%, rgba(4, 22, 58, 1) 43%, rgba(8, 48, 129, 1) 71%, rgba(10, 51, 140, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(1, 2, 5, 1) 24%, rgba(4, 22, 58, 1) 43%, rgba(8, 48, 129, 1) 71%, rgba(10, 51, 140, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(1, 2, 5, 1) 24%, rgba(4, 22, 58, 1) 43%, rgba(8, 48, 129, 1) 71%, rgba(10, 51, 140, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(1, 2, 5, 1) 24%, rgba(4, 22, 58, 1) 43%, rgba(8, 48, 129, 1) 71%, rgba(10, 51, 140, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#0a338c', GradientType=0);
    user-select: none;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.error-page-animated .man-404 {
    position: absolute;
    width: 296px;
    height: 448px;
    bottom: 0;
    right: 85px;
}

.error-message {
    text-transform: uppercase;
    padding: 0 40px;
    position: relative;
    z-index: 3;
}

.error-message * {
    color: #FFFFFF;
}

.error-message h1 {
    font-size: 36px;
    margin-top: -20px;
}

.error-message .error-code {
    font-size: 160px;
    margin-top: 90px;
}

.error-message-description {
    font-size: 18px;
    text-transform: uppercase;
    color: #f8e901;
    margin: 45px 0;
}

.error-message-description2 {
    font-size: 18px;
    text-transform: uppercase;
}

.hidden-box {
    overflow: hidden !important;
}

.hidden-article, .ajax-form-file {
    display: none !important;
}

/* LOADER */

#mousetip {
    font-family: "dinpro_", Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    height: 27px;
    line-height: 18px;
    padding: 5px;
}


/*chat ajax loader*/
@-webkit-keyframes uil-default-anim {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes uil-default-anim {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.uil-default-css > div:nth-of-type(1) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(2) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.4166666666666667s;
    animation-delay: -0.4166666666666667s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(3) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.33333333333333337s;
    animation-delay: -0.33333333333333337s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(4) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(5) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.16666666666666669s;
    animation-delay: -0.16666666666666669s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(6) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.08333333333333331s;
    animation-delay: -0.08333333333333331s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(7) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(8) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.08333333333333337s;
    animation-delay: 0.08333333333333337s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(9) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.16666666666666663s;
    animation-delay: 0.16666666666666663s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(10) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(11) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.33333333333333337s;
    animation-delay: 0.33333333333333337s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(12) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.41666666666666663s;
    animation-delay: 0.41666666666666663s;
}

.uil-default-css {
    position: relative;
    background: none;
    display: inline-block;
    top: -75px;

    width: 200px;
    height: 200px;
}

.loader-wrapper{
    display: none;
    background-color: #ffffff;
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
}

.message-loader-wrapper .uil-default-css {
    top: -90px;
}
.message-loader-wrapper{
    text-align: center;
    height: 50px;
    display: none;

}


.hide-background{
    background-image: none;
}

.preloader {
    position: absolute;
    background: #135d9b;
    height: 10px;
    bottom: 0;
    left: 0;
    width: 0%;
    z-index: 9;
}
.drag-and-drop {
    position: relative;
    border:none;
}
.drag-and-drop.is-dragover{
    border:2px #bbb dashed;
}

.publication-page .right-fixed-links .new-message{

    border-radius: 50%;
    position: absolute;
    z-index: 90;
    width: 66px;
    height: 66px;
    right: 41px;
    bottom: 209px;


}
.publication-page .bottom.absolute .new-message {
    bottom: 238px;
    right: 42px;
}


.right-fixed-links .new-message{

    border-radius: 50%;
    position: absolute;
    z-index: 90;
    width: 66px;
    height: 66px;
    right: 42px;
    bottom: 209px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);

}
.bottom.absolute .new-message{
    bottom: 239px;
    right: 40px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.right-fixed-links .red-count{
    position: absolute;
    right: 40px;
    bottom: 255px;
    z-index: 95;
}
.bottom.absolute .red-count {
    bottom: 283px;
}
#admin-question-form .email{
    height: 44px;
    margin-top: 16px;
    padding-top: 15px;
}

@media (max-width: 999px) {
    .publication-page .right-fixed-links .new-message {
        right: 26px;
        bottom: 196px;
    }

    .right-fixed-links .new-message{

        border-radius: 50%;
        position: absolute;
        z-index: 90;
        width: 66px;
        height: 66px;
        right: 27px;
        bottom: 197px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);

    }
    .right-fixed-links .red-count{
        right: 28px;
        bottom: 244px;
    }
}

@media (max-height: 600px) {
.side-menu{
    zoom: 0.98;
    -moz-transform: scale(0.98);
    -moz-transform-origin: 0 0;
}
}


.advert-block {
    margin: 20px auto;
}

.man-404{
    display: none;
}



@media (max-width: 1030px) {
    .publication-article.short-version{
        padding-bottom: 440px;
    }
}

@media (max-width: 850px) {
    .publication-article.short-version{
        padding-bottom: 415px;
    }
}

@media (max-width: 735px) {
    .publication-article.short-version{
        padding-bottom: 365px;
    }
}

h2,h3{
    font-family: "dinpro", Arial, Tahoma, Verdana, sans-serif !important;

}
.full-subscribe:after{
    content: '';
    background: #ffffff;
    position: absolute;
    content: '';
    height: 52px;
    width: 100%;
    bottom: -52px;
    left: 0px;
}

@media (max-width: 770px) {
    .full-subscribe:after{
        height: 54px;
        bottom: -54px;
    }
}

.publication-page .messages{
    padding-bottom: 0;
}

.publication-page .messages-section .message:last-child{
    margin-bottom: 22px;
}


.right-advert{
    width: 336px;
    display: none;
}

.block1{
    text-align: center;
    padding: 2em;
    background: lightgreen;
    height: 280px;
}

/*   article right advert  */
@media (min-width: 998px) {
    .publication-article-advert{
        width: 80%;
        max-width: calc(99.9% - 336px );
        float: left;
        padding-right: 27px;
    }
    .right-advert{
        float: left;
        display: block;
    }
    .right-advert > div{
        margin-bottom: 32px;
    }

    .advert-block{
        clear: both;
    }
}

.top-article-bar {
    position: fixed;
    height: 0;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    overflow: hidden;
    box-shadow: 1px 1px 1px rgba(215,213,217,0.5);
    background: #ffffff;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.top-article-bar.opened {
    height: 83px;
    width: 1280px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 1;
}
@media (max-width: 1280px) {
    .top-article-bar.opened{
        width: 100%;
    }
}
@media (max-width: 1000px) {
    .top-article-bar.opened{
        width: 100%;
    }
}

.top-article-bar .h2{
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 30px;
    left: 125px
}



@media (max-width: 1000px) {
    .top-article-bar .h2{
        font-size: 2.5vw;
    }
}
@media (max-width: 850px) {
    .top-article-bar .h2{
        font-size: 2.2vw;
        top: 24px;
    }
}

@media (max-width: 770px) {
    .top-article-bar .h2{
        font-size: 2vw;
        top: 24px;
        left: 62px;
    }
}
@media (max-width: 450px) {
    .top-article-bar .h2{
        font-size: 3vw;
        top: 24px;
        left: 62px;
    }
}

.messages .messages-buttons{
    padding-bottom: 22px;
}

.top-article-bar{
    display: none;
}
.top-article-bar.opened{
    display: block;
}

/*right advert styles*/
/*
@media (max-width: 920px) {
    .publication-article-advert {
        width: 78%;
    }
}
@media (max-width: 825px) {
    .publication-article-advert {
        width: 76%;
        padding-right: 2%;
    }
}
@media (max-width: 767px) {
    .publication-article-advert {
        width: 100%;
        max-width: 100%;
        float: none;
    }
    .publication-article-wrap-fix {
        float: none;
    }
}
*/
@media (max-width: 998px) {
    .publication-article-wrap-fix {
        float: none !important;
    }
}