/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

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

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

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* 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,
menu,
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/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

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

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

a {
    background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

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

/* 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 variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

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

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

hr {
    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.
 */

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

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

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/

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

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

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
    /* MSPointer events - direct all pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

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

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

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

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

/* non-visible scrollbar */

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

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

/* RTL direction/left-side scrollbar */

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

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

/* scrollbar position: outside */

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

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */

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

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

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

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

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

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

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

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

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

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* non-visible scrollbar */

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

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

/* scrollbar position: outside */

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

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

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

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

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

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

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

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

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

/* non-visible horizontal scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

/* RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

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

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
}

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

/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/

/* default theme ("light") */

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

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

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

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

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

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

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

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

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

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

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

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

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

/* theme: "dark" */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* theme: "dark-2" */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* theme: "dark-thick" */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* theme "dark-thin" */

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

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

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

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

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

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

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

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

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

/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
    /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */

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

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

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

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

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

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

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

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

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

/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

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

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

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

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

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

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

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

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

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

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

/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

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

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

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

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

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

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

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

/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

/* RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

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

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

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

/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
}

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

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

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

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

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "dark-3" */

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

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

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

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

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

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

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

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

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

/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
}

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

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

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

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

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

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

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

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

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

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
}

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

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

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

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

/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.2);
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,0.2);
}

/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.6);
}

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

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

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

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

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
}

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

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

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */

/** /!!! core css Should not edit !!!/**/

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.lightSlider {
    overflow: hidden;
    margin: 0;
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.lSSlideWrapper > .lightSlider:after {
    clear: both;
}

.lSSlideWrapper .lSSlide {
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    transition-property: transform,height;
    transition-duration: inherit !important;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade {
    position: relative;
}

.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}

.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    transition-delay: 0s;
    transition-duration: inherit !important;
    transition-property: opacity;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}

.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}

/** /!!! End of core css Should not edit !!!/**/

/* Pager */

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}

.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    transition: all 0.5s linear 0s;
}

.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}

.lSSlideOuter .media {
    opacity: 0.8;
}

.lSSlideOuter .media.active {
    opacity: 1;
}

/* End of pager */

/** Gallery */

.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}

.lSSlideOuter .lSPager.lSGallery:before,
.lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}

/* End of Gallery*/

/* slider actions */

.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('../pix/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    transition: opacity 0.35s linear 0s;
}

.lSAction > a:hover {
    opacity: 1;
}

.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}

.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}

.lSAction > a.disabled {
    pointer-events: none;
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

/* vertical */

.lSSlideOuter.vertical {
    position: relative;
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}

.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */

.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}

.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}

/* vertical */

/* Rtl */

.lSSlideOuter.lSrtl {
    direction: rtl;
}

.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider,
.lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}

.lSSlideOuter .lightSlider > *,
.lSSlideOuter .lSGallery li {
    float: left;
}

.lSSlideOuter.lSrtl .lightSlider > *,
.lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}

/* Rtl */

@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}

@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}

@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}

.lSSlideOuter .rightEnd {
    animation: rightEnd 0.3s;
    position: relative;
}

.lSSlideOuter .leftEnd {
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .rightEnd {
    animation: topEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .leftEnd {
    animation: bottomEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
    animation: rightEnd 0.3s;
    position: relative;
}

/*/  GRab cursor */

.lightSlider.lsGrab > * {
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

/*!
 * # Semantic UI 1.11.8 - Dimmer
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Dimmer
*******************************/

.dimmable {
    position: relative;
}

.ui.dimmer {
    display: none;
    position: absolute;
    top: 0em !important;
    left: 0em !important;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.85);
    opacity: 0;
    line-height: 1;
    animation-fill-mode: both;
    animation-duration: 0.5s;
    transition: background-color 0.5s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: opacity;
    z-index: 1000;
}

/* Dimmer Content */

.ui.dimmer > .content {
    width: 100%;
    height: 100%;
    display: table;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.ui.dimmer > .content > div {
    display: table-cell;
    vertical-align: middle;
    color: #ffffff;
}

/* Loose Coupling */

.ui.segment > .ui.dimmer {
    border-radius: inherit !important;
}

/*******************************
            States
*******************************/

.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
    overflow: hidden;
}

.dimmed.dimmable > .ui.animating.dimmer,
.dimmed.dimmable > .ui.visible.dimmer,
.ui.active.dimmer {
    display: block;
    opacity: 1;
}

.ui.disabled.dimmer {
    width: 0 !important;
    height: 0 !important;
}

/*******************************
           Variations
*******************************/

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

.ui.page.dimmer {
    position: fixed;
    transform-style: '';
    perspective: 2000px;
    transform-origin: center center;
}

body.animating.in.dimmable,
body.dimmed.dimmable {
    overflow: hidden;
}

body.dimmable > .dimmer {
    position: fixed;
}

/*
body.dimmable > :not(.dimmer) {
  filter: @elementStartFilter;
}
body.dimmed.dimmable > :not(.dimmer) {
  filter: @elementEndFilter;
  transition: @elementTransition;
}
*/

/*--------------
    Aligned
---------------*/

.ui.dimmer > .top.aligned.content > * {
    vertical-align: top;
}

.ui.dimmer > .bottom.aligned.content > * {
    vertical-align: bottom;
}

/*--------------
    Inverted
---------------*/

.ui.inverted.dimmer {
    background: rgba(255, 255, 255, 0.85);
}

.ui.inverted.dimmer > .content > * {
    color: #ffffff;
}

/*--------------
     Simple
---------------*/

/* Displays without javascript */

.ui.simple.dimmer {
    display: block;
    overflow: hidden;
    opacity: 1;
    width: 0%;
    height: 0%;
    z-index: -100;
    background-color: rgba(0, 0, 0, 0);
}

.dimmed.dimmable > .ui.simple.dimmer {
    overflow: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 1;
}

.ui.simple.inverted.dimmer {
    background: rgba(255, 255, 255, 0);
}

.dimmed.dimmable > .ui.simple.inverted.dimmer {
    background: rgba(255, 255, 255, 0.85);
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
        User Overrides
*******************************/

/*!
 * # Semantic UI 1.11.8 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributorss
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
          Transitions
*******************************/

.transition {
    animation-iteration-count: 1;
    animation-duration: 300ms;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

/*******************************
            States
*******************************/

/* Animating */

.animating.transition {
    backface-visibility: hidden;
    transform: translateZ(0);
    visibility: visible !important;
}

/* Loading */

.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px;
}

/* Hidden */

.hidden.transition {
    display: none;
    visibility: hidden;
}

/* Visible */

.visible.transition {
    display: block !important;
    visibility: visible !important;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Disabled */

.disabled.transition {
    animation-play-state: paused;
}

/*******************************
          Variations
*******************************/

.looping.transition {
    animation-iteration-count: infinite;
}

/*******************************
          Transitions
*******************************/

/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/

/*--------------
     Browse
---------------*/

.transition.browse {
    animation-duration: 500ms;
}

.transition.browse.in {
    animation-name: browseIn;
}

.transition.browse.out,
.transition.browse.left.out {
    animation-name: browseOutLeft;
}

.transition.browse.right.out {
    animation-name: browseOutRight;
}

/* In */

@keyframes browseIn {
    0% {
        transform: scale(0.8) translateZ(0px);
        z-index: -1;
    }

    10% {
        transform: scale(0.8) translateZ(0px);
        z-index: -1;
        opacity: 0.7;
    }

    80% {
        transform: scale(1.05) translateZ(0px);
        opacity: 1;
        z-index: 999;
    }

    100% {
        transform: scale(1) translateZ(0px);
        z-index: 999;
    }
}

/* Out */

@keyframes browseOutLeft {
    0% {
        z-index: 999;
        transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    }

    50% {
        z-index: -1;
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    }

    80% {
        opacity: 1;
    }

    100% {
        z-index: -1;
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0;
    }
}

@keyframes browseOutRight {
    0% {
        z-index: 999;
        transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    }

    50% {
        z-index: 1;
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    }

    80% {
        opacity: 1;
    }

    100% {
        z-index: 1;
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0;
    }
}

/*--------------
     Drop
---------------*/

.drop.transition {
    transform-origin: top center;
    animation-duration: 500ms;
    animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}

.drop.transition.in {
    animation-name: dropIn;
}

.drop.transition.out {
    animation-name: dropOut;
}

/* Drop */

@keyframes dropIn {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes dropOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0);
    }
}

/*--------------
      Fade
---------------*/

.transition.fade.in {
    animation-name: fadeIn;
}

.transition[class*="fade up"].in {
    animation-name: fadeInUp;
}

.transition[class*="fade down"].in {
    animation-name: fadeInDown;
}

.transition[class*="fade left"].in {
    animation-name: fadeInLeft;
}

.transition[class*="fade right"].in {
    animation-name: fadeInRight;
}

.transition.fade.out {
    animation-name: fadeOut;
}

.transition[class*="fade up"].out {
    animation-name: fadeOutUp;
}

.transition[class*="fade down"].out {
    animation-name: fadeOutDown;
}

.transition[class*="fade left"].out {
    animation-name: fadeOutLeft;
}

.transition[class*="fade right"].out {
    animation-name: fadeOutRight;
}

/* In */

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(10%);
    }

    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-10%);
    }

    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(10%);
    }

    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-10%);
    }

    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

/* Out */

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0%);
    }

    100% {
        opacity: 0;
        transform: translateY(10%);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0%);
    }

    100% {
        opacity: 0;
        transform: translateY(-10%);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0%);
    }

    100% {
        opacity: 0;
        transform: translateX(10%);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0%);
    }

    100% {
        opacity: 0;
        transform: translateX(-10%);
    }
}

/*--------------
     Flips
---------------*/

.flip.transition.in,
.flip.transition.out {
    animation-duration: 600ms;
    perspective: 2000px;
}

.horizontal.flip.transition.in {
    animation-name: horizontalFlipIn;
}

.horizontal.flip.transition.out {
    animation-name: horizontalFlipOut;
}

.vertical.flip.transition.in {
    animation-name: verticalFlipIn;
}

.vertical.flip.transition.out {
    animation-name: verticalFlipOut;
}

/* In */

@keyframes horizontalFlipIn {
    0% {
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0;
    }

    100% {
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes verticalFlipIn {
    0% {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }

    100% {
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
    }
}

/* Out */

@keyframes horizontalFlipOut {
    0% {
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes verticalFlipOut {
    0% {
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }
}

/*--------------
      Scale
---------------*/

.scale.transition.in {
    animation-name: scaleIn;
}

.scale.transition.out {
    animation-name: scaleOut;
}

/* In */

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(0.7);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Out */

@keyframes scaleOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.7);
    }
}

/*--------------
      Fly
---------------*/

/* Inward */

.transition.fly {
    animation-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.transition.fly.in {
    animation-name: flyIn;
}

.transition[class*="fly up"].in {
    animation-name: flyInUp;
}

.transition[class*="fly down"].in {
    animation-name: flyInDown;
}

.transition[class*="fly left"].in {
    animation-name: flyInLeft;
}

.transition[class*="fly right"].in {
    animation-name: flyInRight;
}

/* Outward */

.transition.fly.out {
    animation-name: flyOut;
}

.transition[class*="fly up"].out {
    animation-name: flyOutUp;
}

.transition[class*="fly down"].out {
    animation-name: flyOutDown;
}

.transition[class*="fly left"].out {
    animation-name: flyOutLeft;
}

.transition[class*="fly right"].out {
    animation-name: flyOutRight;
}

/* In */

@keyframes flyIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

@keyframes flyInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 1500px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes flyInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -1500px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    100% {
        transform: none;
    }
}

@keyframes flyInLeft {
    0% {
        opacity: 0;
        transform: translate3d(1500px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        transform: none;
    }
}

@keyframes flyInRight {
    0% {
        opacity: 0;
        transform: translate3d(-1500px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    100% {
        transform: none;
    }
}

/* Out */

@keyframes flyOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes flyOutUp {
    20% {
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes flyOutDown {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes flyOutRight {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes flyOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

/*--------------
     Slide
---------------*/

.transition.slide.in,
.transition[class*="slide down"].in {
    animation-name: slideInY;
    transform-origin: top center;
}

.transition[class*="slide up"].in {
    animation-name: slideInY;
    transform-origin: bottom center;
}

.transition[class*="slide left"].in {
    animation-name: slideInX;
    transform-origin: center right;
}

.transition[class*="slide right"].in {
    animation-name: slideInX;
    transform-origin: center left;
}

.transition.slide.out,
.transition[class*="slide down"].out {
    animation-name: slideOutY;
    transform-origin: top center;
}

.transition[class*="slide up"].out {
    animation-name: slideOutY;
    transform-origin: bottom center;
}

.transition[class*="slide left"].out {
    animation-name: slideOutX;
    transform-origin: center right;
}

.transition[class*="slide right"].out {
    animation-name: slideOutX;
    transform-origin: center left;
}

/* In */

@keyframes slideInY {
    0% {
        opacity: 0;
        transform: scaleY(0);
    }

    100% {
        opacity: 1;
        transform: scaleY(1);
    }
}

@keyframes slideInX {
    0% {
        opacity: 0;
        transform: scaleX(0);
    }

    100% {
        opacity: 1;
        transform: scaleX(1);
    }
}

/* Out */

@keyframes slideOutY {
    0% {
        opacity: 1;
        transform: scaleY(1);
    }

    100% {
        opacity: 0;
        transform: scaleY(0);
    }
}

@keyframes slideOutX {
    0% {
        opacity: 1;
        transform: scaleX(1);
    }

    100% {
        opacity: 0;
        transform: scaleX(0);
    }
}

/*--------------
     Swing
---------------*/

.transition.swing {
    animation-duration: 800ms;
}

.transition[class*="swing down"].in {
    animation-name: swingInX;
    transform-origin: top center;
}

.transition[class*="swing up"].in {
    animation-name: swingInX;
    transform-origin: bottom center;
}

.transition[class*="swing left"].in {
    animation-name: swingInY;
    transform-origin: center right;
}

.transition[class*="swing right"].in {
    animation-name: swingInY;
    transform-origin: center left;
}

.transition.swing.out,
.transition[class*="swing down"].out {
    animation-name: swingOutX;
    transform-origin: top center;
}

.transition[class*="swing up"].out {
    animation-name: swingOutX;
    transform-origin: bottom center;
}

.transition[class*="swing left"].out {
    animation-name: swingOutY;
    transform-origin: center right;
}

.transition[class*="swing right"].out {
    animation-name: swingOutY;
    transform-origin: center left;
}

/* In */

@keyframes swingInX {
    0% {
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
    }

    60% {
        transform: perspective(1000px) rotateX(15deg);
    }

    80% {
        transform: perspective(1000px) rotateX(-7.5deg);
    }

    100% {
        transform: perspective(1000px) rotateX(0deg);
    }
}

@keyframes swingInY {
    0% {
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
    }

    60% {
        transform: perspective(1000px) rotateY(-17.5deg);
    }

    80% {
        transform: perspective(1000px) rotateY(7.5deg);
    }

    100% {
        transform: perspective(1000px) rotateY(0deg);
    }
}

/* Out */

@keyframes swingOutX {
    0% {
        transform: perspective(1000px) rotateX(0deg);
    }

    40% {
        transform: perspective(1000px) rotateX(-7.5deg);
    }

    60% {
        transform: perspective(1000px) rotateX(17.5deg);
    }

    80% {
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
    }

    100% {
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes swingOutY {
    0% {
        transform: perspective(1000px) rotateY(0deg);
    }

    40% {
        transform: perspective(1000px) rotateY(7.5deg);
    }

    60% {
        transform: perspective(1000px) rotateY(-10deg);
    }

    80% {
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
    }

    100% {
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
    }
}

/*******************************
       Static Animations
*******************************/

/*--------------
    Emphasis
---------------*/

.flash.transition {
    animation-duration: 750ms;
    animation-name: flash;
}

.shake.transition {
    animation-duration: 750ms;
    animation-name: shake;
}

.bounce.transition {
    animation-duration: 750ms;
    animation-name: bounce;
}

.tada.transition {
    animation-duration: 750ms;
    animation-name: tada;
}

.pulse.transition {
    animation-duration: 500ms;
    animation-name: pulse;
}

.jiggle.transition {
    animation-duration: 750ms;
    animation-name: jiggle;
}

/* Flash */

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

/* Shake */

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

/* Bounce */

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

/* Tada */

@keyframes tada {
    0% {
        transform: scale(1);
    }

    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}

/* Pulse */

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(0.9);
        opacity: 0.7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Rubberband */

@keyframes jiggle {
    0% {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

/*******************************
         Site Overrides
*******************************/

/*!
 * # Semantic UI 1.11.8 - Modal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
             Modal
*******************************/

.ui.modal {
    display: none;
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
    text-align: left;
    width: 90%;
    margin-left: -45%;
    background: #ffffff;
    border: none;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3);
    border-radius: 0.2857rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    will-change: top, left, margin, transform, opacity;
}

.ui.modal > :first-child:not(.icon),
.ui.modal > .icon:first-child + * {
    border-top-left-radius: 0.2857rem;
    border-top-right-radius: 0.2857rem;
}

.ui.modal > :last-child {
    border-bottom-left-radius: 0.2857rem;
    border-bottom-right-radius: 0.2857rem;
}

/*******************************
            Content
*******************************/

/*--------------
     Close
---------------*/

.ui.modal > .close {
    cursor: pointer;
    position: absolute;
    top: -2.5rem;
    right: -2.5rem;
    z-index: 1;
    opacity: 0.8;
    font-size: 1.25em;
    color: #ffffff;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0.625rem 0rem 0rem 0rem;
}

.ui.modal > .close:hover {
    opacity: 1;
}

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

.ui.modal > .header {
    display: block;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.05)) #ffffff;
    margin: 0em;
    padding: 1.2rem 2rem;
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
    font-size: 1.6em;
    line-height: 1.3em;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
    border-bottom: 1px solid rgba(39, 41, 43, 0.15);
}

/*--------------
     Content
---------------*/

.ui.modal > .content {
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: 1em;
    line-height: 1.4;
    padding: 2rem;
    background: #ffffff;
}

/* Image */

.ui.modal > .content > .image {
    display: table-cell;
    width: '';
    vertical-align: top;
}

.ui.modal > .content > .image[class*="top aligned"] {
    vertical-align: top;
}

.ui.modal > .content > .image[class*="middle aligned"] {
    vertical-align: middle;
}

/* Description */

.ui.modal > .content > .description {
    display: table-cell;
    vertical-align: top;
}

.ui.modal > .content > .icon + .description,
.ui.modal > .content > .image + .description {
    min-width: '';
    width: 80%;
    padding-left: 2em;
}

/*rtl:ignore*/

.ui.modal > .content > .image > i.icon {
    font-size: 8rem;
    margin: 0em;
    opacity: 1;
    width: auto;
}

/*--------------
     Actions
---------------*/

.ui.modal .actions {
    background: #efefef;
    padding: 1rem 2rem;
    border-top: 1px solid rgba(39, 41, 43, 0.15);
    text-align: right;
}

.ui.modal .actions > .button {
    margin-left: 0.75em;
}

/*-------------------
       Responsive
--------------------*/

/* Modal Width */

@media only screen and (max-width: 767px) {
    .ui.modal {
        width: 95%;
        margin: 0em 0em 0em -47.5%;
    }
}

@media only screen and (min-width: 768px) {
    .ui.modal {
        width: 88%;
        margin: 0em 0em 0em -44%;
    }
}

@media only screen and (min-width: 992px) {
    .ui.modal {
        width: 74%;
        margin: 0em 0em 0em -37%;
    }
}

@media only screen and (min-width: 1400px) {
    .ui.modal {
        width: 56%;
        margin: 0em 0em 0em -28%;
    }
}

@media only screen and (min-width: 1920px) {
    .ui.modal {
        width: 42%;
        margin: 0em 0em 0em -21%;
    }
}

/* Tablet and Mobile */

@media only screen and (max-width: 992px) {
    .ui.modal > .header {
        padding-right: 2.25rem;
    }

    .ui.modal > .close {
        top: 0.905rem;
        right: 1rem;
        color: rgba(0, 0, 0, 0.8);
    }
}

/* Mobile */

@media only screen and (max-width: 767px) {
    .ui.modal > .header {
        padding: 0.75rem 1rem !important;
        padding-right: 2.25rem !important;
    }

    .ui.modal > .content {
        display: block;
        padding: 1rem !important;
    }

    .ui.modal > .close {
        top: 0.5rem !important;
        right: 0.5rem !important;
    }

    /*rtl:ignore*/

    .ui.modal .content > .image {
        display: block;
        max-width: 100%;
        margin: 0em auto !important;
        text-align: center;
        padding: 0rem 0rem 1rem !important;
    }

    .ui.modal > .content > .image > i.icon {
        font-size: 5rem;
        text-align: center;
    }

    /*rtl:ignore*/

    .ui.modal .content > .description {
        display: block;
        width: 100% !important;
        margin: 0em !important;
        padding: 1rem 0rem !important;
        box-shadow: none;
    }

    /* Let Buttons Stack */

    .ui.modal > .actions {
        padding: 1rem 1rem 0rem !important;
    }

    .ui.modal .actions > .buttons,
    .ui.modal .actions > .button {
        margin-bottom: 1rem;
    }
}

/*******************************
             Types
*******************************/

.ui.basic.modal {
    background-color: transparent;
    border: none;
    border-radius: 0em;
    box-shadow: 0px 0px 0px 0px;
    color: #ffffff;
}

.ui.basic.modal > .header,
.ui.basic.modal > .content,
.ui.basic.modal > .actions {
    background-color: transparent;
}

.ui.basic.modal > .header {
    color: #ffffff;
}

.ui.basic.modal > .close {
    top: 1rem;
    right: 1.5rem;
}

/* Tablet and Mobile */

@media only screen and (max-width: 992px) {
    .ui.basic.modal > .close {
        color: #ffffff;
    }
}

/*******************************
            Variations
*******************************/

/* A modal that cannot fit on the page */

.scrolling.dimmable.dimmed {
    overflow: hidden;
}

.scrolling.dimmable.dimmed > .dimmer {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.scrolling.dimmable > .dimmer {
    position: fixed;
}

.ui.scrolling.modal {
    position: static;
    margin: 3.5rem auto !important;
}

@media only screen and (max-width: 992px) {
    .ui.scrolling.modal {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}

/*******************************
             States
*******************************/

.ui.active.modal {
    display: block;
}

/*******************************
           Variations
*******************************/

/*--------------
   Full Screen
---------------*/

.ui.fullscreen.modal {
    width: 95% !important;
    left: 2.5% !important;
    margin: 1em auto;
}

.ui.fullscreen.scrolling.modal {
    left: 0em !important;
}

.ui.fullscreen.modal > .header {
    padding-right: 2.25rem;
}

.ui.fullscreen.modal > .close {
    top: 0.905rem;
    right: 1rem;
    color: rgba(0, 0, 0, 0.8);
}

/*--------------
      Size
---------------*/

.ui.modal {
    font-size: 1rem;
}

/* Small */

.ui.small.modal > .header {
    font-size: 1.3em;
}

/* Small Modal Width */

@media only screen and (max-width: 767px) {
    .ui.small.modal {
        width: 95%;
        margin: 0em 0em 0em -47.5%;
    }
}

@media only screen and (min-width: 768px) {
    .ui.small.modal {
        width: 52.8%;
        margin: 0em 0em 0em -26.4%;
    }
}

@media only screen and (min-width: 992px) {
    .ui.small.modal {
        width: 44.4%;
        margin: 0em 0em 0em -22.2%;
    }
}

@media only screen and (min-width: 1400px) {
    .ui.small.modal {
        width: 33.6%;
        margin: 0em 0em 0em -16.8%;
    }
}

@media only screen and (min-width: 1920px) {
    .ui.small.modal {
        width: 25.2%;
        margin: 0em 0em 0em -12.6%;
    }
}

/* Large Modal Width */

.ui.large.modal > .header {
    font-size: 1.6em;
}

@media only screen and (max-width: 767px) {
    .ui.large.modal {
        width: 95%;
        margin: 0em 0em 0em -47.5%;
    }
}

@media only screen and (min-width: 768px) {
    .ui.large.modal {
        width: 88%;
        margin: 0em 0em 0em -44%;
    }
}

@media only screen and (min-width: 992px) {
    .ui.large.modal {
        width: 88.8%;
        margin: 0em 0em 0em -44.4%;
    }
}

@media only screen and (min-width: 1400px) {
    .ui.large.modal {
        width: 67.2%;
        margin: 0em 0em 0em -33.6%;
    }
}

@media only screen and (min-width: 1920px) {
    .ui.large.modal {
        width: 50.4%;
        margin: 0em 0em 0em -25.2%;
    }
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
         Site Overrides
*******************************/

/*
 * # Pravda.ru - base styles
 *
 */

*,
*:before,
*:after {
    box-sizing: inherit;
}

html,
body {
    height: 100%;
}

html {
    box-sizing: border-box;
    font-size: 14px;
}

body {
    margin: 0;
    padding: 0;
    min-width: 320px;
    font-family: 'PravdaFont', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #000;
}

a {
    text-decoration: none;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

/*
 * # Pravda.ru - Other Fonts
 *
 */

@font-face {
    font-family: 'playfair_displaybold';
    src: url("../fonts/PlayfairDisplay-Bold.eot");
    src: url("../fonts/PlayfairDisplay-Bold.eot?#iefix") format('embedded-opentype'), url("../fonts/PlayfairDisplay-Bold.woff2") format('woff2'), url("../fonts/PlayfairDisplay-Bold.woff") format('woff'), url("../fonts/PlayfairDisplay-Bold.ttf") format('truetype'), url("../fonts/PlayfairDisplay-Bold.svg#playfair_displaybold") format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'hattori_hanzolight';
    src: url("../fonts/Hattori_Hanzo-webfont.eot");
    src: url("../fonts/Hattori_Hanzo-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/Hattori_Hanzo-webfont.woff") format('woff'), url("../fonts/Hattori_Hanzo-webfont.ttf") format('truetype'), url("../fonts/Hattori_Hanzo-webfont.svg#hattori_hanzolight") format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: fallback;
}

/*
 * # Pravda.ru - icons
 *
 */

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

.icon {
    display: inline-block;
    font-family: 'icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon.logo:before {
    content: "\e600";
}

.icon.sandwich:before {
    content: "\e601";
}

.icon.onair:before {
    content: "\e602";
}

.icon.search:before {
    content: "\e603";
}

.icon.people:before {
    content: "\e604";
}

.icon.talks:before {
    content: "\e605";
}

.icon.globe:before {
    content: "\e606";
}

.icon.chevron.up:before {
    content: "\e607";
}

.icon.chevron.down:before {
    content: "\e608";
}

.icon.chevron.left:before {
    content: "\e609";
}

.icon.chevron.right:before {
    content: "\e60a";
}

.icon.video:before {
    content: "\e60b";
}

.icon.times:before {
    content: "\e60c";
}

.icon.external:before {
    content: "\e60d";
}

.icon.comment:before {
    content: "\e60e";
}

.icon.past:before {
    content: "\e60f";
}

.icon.time:before {
    content: "\e610";
}

.icon.plus:before {
    content: "\e611";
}

.icon.calendar:before {
    content: "\e612";
}

.icon.facebook:before {
    content: "\e613";
}

.icon.twitter:before {
    content: "\e614";
}

.icon.vk:before {
    content: "\e615";
}

.icon.mailru:before {
    content: "\e616";
}

.icon.ok:before {
    content: "\e617";
}

.icon.youtube:before {
    content: "\e900";
}

.icon.google-plus:before {
    content: "\e901";
}

a.youtube.icon {
    font-size: 2.5rem !important;
}

a.facebook.icon,
a.twitter.icon,
a.vk.icon,
a.mailru.icon,
a.youtube.icon,
a.google-plus.icon,
a.ok.icon {
    margin: 0 3.5px;
    vertical-align: middle;
    font-size: 2rem;
    line-height: 1.285714285714286;
    transition: opacity 0.1s linear;
}

a.facebook.icon:hover,
a.twitter.icon:hover,
a.vk.icon:hover,
a.mailru.icon:hover,
a.youtube.icon:hover,
a.google-plus.icon:hover,
a.ok.icon:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

a.facebook.icon {
    color: #4a66ad;
}

a.twitter.icon {
    color: #38a4dc;
}

a.vk.icon {
    color: #5f82ad;
}

a.mailru.icon {
    color: #3866ae;
}

a.ok.icon {
    color: #ff661b;
}

a.youtube.icon {
    color: #cc181e;
}

a.google-plus.icon {
    color: #db4437;
}

/*
 * # Pravda.ru - buttons
 *
 */

.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: none;
    border: none;
    vertical-align: baseline;
    background-color: #fff;
    color: inherit;
    font-family: 'PravdaFont', sans-serif;
    margin: 1em 1.75em 1em 1.5em;
    text-transform: uppercase;
    text-shadow: none;
    font-weight: normal;
    line-height: 1;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.button.blue {
    color: #3d5afe;
}

.button.round {
    border-radius: 5em;
}

.button.small {
    font-size: 0.857142857142857rem;
    line-height: 1.166666666666667;
    margin: 0.7em 1.25em 0.7em 0.8em;
}

.button.small.bordered {
    padding: 0.7em 0.5em;
}

.button.bordered {
    margin: 0 0.25em 0 0;
    padding: 1em 3em;
    border: 1px solid #e0e0e0;
}

.button.bordered.blue {
    border-color: #3d5afe;
}

.button.bordered:hover {
    border-color: #e20613;
}

.button:hover {
    color: #e20613;
}

.button.text {
    cursor: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.button.text:hover {
    color: inherit;
    border-color: inherit;
}

/*
 * # Pravda.ru - sidebar
 *
 */

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 500ms ease;
    will-change: transform;
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    width: 260px;
    height: 100% !important;
    border-radius: 0 !important;
    margin: 0 !important;
    overflow-y: auto !important;
    z-index: 100;
    background: #0a305a;
}

.sidebar > * {
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateZ(0deg);
}

.left.sidebar {
    left: 0;
    transform: translate3d(-100%, 0, 0);
}

.pushable {
    height: 100%;
    overflow-x: hidden;
    padding: 0 !important;
}

body.pushable {
    background: #ededed;
}

.pushable > .pusher {
    position: relative;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    min-height: 100%;
    transition: transform 500ms ease;
    z-index: 98;
}

body.pushable > .pusher {
    background: transparent;
}

.pushable > .pusher {
    background: inherit;
}

.pushable > .pusher:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    background-color: rgba(255,255,255,0.9);
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity 500ms;
    will-change: opacity;
    z-index: 99;
}

.pushable > .pusher.dimmed:after {
    width: 100% !important;
    height: 100% !important;
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.animating.sidebar {
    visibility: visible;
}

.visible.sidebar {
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.visible.left.sidebar ~ .mobile.topbar {
    transform: translate3d(260px, 0, 0);
}

.visible.left.sidebar ~ .mobile.topbar:after {
    width: 100% !important;
    height: 100% !important;
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.visible.left.sidebar ~ .pusher {
    transform: translate3d(260px, 0, 0);
}

html.ios {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.push.sidebar {
    transition: transform 500ms ease;
    z-index: 100;
}

.left.push.sidebar {
    transform: translate3d(-100%, 0, 0);
}

.visible.push.sidebar {
    transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 1024px) {
    body.pushable > .pusher {
        transform: none !important;
        transition: none;
    }

    body.pushable > .pusher:after {
        content: none;
    }

    .left.sidebar {
        display: none !important;
    }
}

/*
 * # Pravda.ru - search form styles
 *
 */

.topbar.section:not(.mobile) .search.form {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    overflow: hidden;
    height: 100%;
    background: #164f82;
    transition: width 0.2s ease;
}

.topbar.section:not(.mobile) .search.form.active {
    width: 100%;
}

.topbar.section:not(.mobile) .search.form > .field {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #fff;
    border: 1px solid #164f82;
}

.topbar.section:not(.mobile) .search.form > .field > input[type="text"] {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
    outline: none;
    padding: 0 1em;
    color: #000;
}

.topbar.section:not(.mobile) .search.form > .field > input[type="text"]::-webkit-input-placeholder {
    letter-spacing: 1px;
    color: #748eaf;
}

.topbar.section:not(.mobile) .search.form > .field > input[type="text"]:-ms-input-placeholder {
    letter-spacing: 1px;
    color: #748eaf;
}

.topbar.section:not(.mobile) .search.form > .field > input[type="text"]::placeholder {
    letter-spacing: 1px;
    color: #748eaf;
}

.mobile .search.form {
    position: absolute;
    display: inline-block;
    left: auto;
    right: 80px;
    width: 0;
    height: 100%;
    z-index: 100;
    overflow: hidden;
    background: #164f82;
    transition: left 0.2s ease;
}

.mobile .search.form.active {
    left: 0;
    width: auto;
}

.mobile .search.form > .field {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #fff;
    border: 1px solid #164f82;
}

.mobile .search.form > .field > input[type="text"] {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
    outline: none;
    padding: 0 1em;
    color: #000;
}

.mobile .search.form > .field > input[type="text"]::-webkit-input-placeholder {
    letter-spacing: 1px;
    color: #748eaf;
}

.mobile .search.form > .field > input[type="text"]:-ms-input-placeholder {
    letter-spacing: 1px;
    color: #748eaf;
}

.mobile .search.form > .field > input[type="text"]::placeholder {
    letter-spacing: 1px;
    color: #748eaf;
}

.search.form.full .field {
    position: relative;
    border: 1px solid #999;
}

.search.form.full .field > input[type="text"] {
    display: block;
    width: 100%;
    padding: 12px 16px;
    border: none;
    background: #f9f9f9;
    color: #000;
    font-size: 1.285714285714286rem;
    outline: none;
    resize: none;
}

.search.form.full .field > input[type="text"]:focus {
    background: #fff;
}

.search.form.full .field > button[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background: none;
    font-size: 22px;
    color: #666;
    padding: 10px 16px 13px;
    line-height: 1;
}

.search.form.full .field > button[type="submit"]:hover {
    color: #e20613;
}

.search.form.full p {
    margin-top: 2em;
    font-size: 1.142857142857143rem;
    letter-spacing: 0.8px;
    color: #424242;
}

/*
 * # Pravda.ru - grid
 *
 */

.grid {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 0;
    text-align: left;
    font-size: 0;
}

.grid:after,
.grid.grid > .row:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.grid + .grid {
    margin-top: 0;
}

.grid > .column:not(.row),
.grid > .row > .column {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    width: 5%;
    padding-left: 1rem;
    padding-right: 1rem;
    vertical-align: top;
}

.grid > * {
    padding-left: 1rem;
    padding-right: 1rem;
}

.grid > .row {
    position: relative;
    display: block;
    width: auto !important;
    margin-bottom: 2rem;
    padding: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0;
}

.grid > .row:last-child {
    margin-bottom: 0 !important;
}

.grid > .row > .column {
    margin-top: 0;
    margin-bottom: 0;
}

.grid > .column:not(.row) {
    padding-top: 0;
    padding-bottom: 0;
}

.grid > .row > img,
.grid > .row > .column > img {
    max-width: 100%;
}

.relaxed.grid > .row {
    margin-bottom: 3.571428571428572rem;
}

.grid > .column:only-child,
.grid > .row > .column:only-child {
    width: 100%;
}

.grid[class*="one column"] > .row > .column,
.grid[class*="one column"] > .column,
.grid > .row[class*="one column"] > .column {
    width: 100%;
}

.grid[class*="two column"] > .row > .column,
.grid[class*="two column"] > .column,
.grid > .row[class*="two column"] > .column {
    width: 50%;
}

.grid[class*="three column"] > .row > .column,
.grid[class*="three column"] > .column,
.grid > .row[class*="three column"] > .column {
    width: 33.3333333333333%;
}

.grid[class*="four column"] > .row > .column,
.grid[class*="four column"] > .column,
.grid > .row[class*="four column"] > .column {
    width: 25%;
}

.grid[class*="five column"] > .row > .column,
.grid[class*="five column"] > .column,
.grid > .row[class*="five column"] > .column {
    width: 20%;
}

.grid[class*="six column"] > .row > .column,
.grid[class*="six column"] > .column,
.grid > .row[class*="six column"] > .column {
    width: 16.6666666666667%;
}

.grid[class*="seven column"] > .row > .column,
.grid[class*="seven column"] > .column,
.grid > .row[class*="seven column"] > .column {
    width: 14.285714285714299%;
}

.grid[class*="eight column"] > .row > .column,
.grid[class*="eight column"] > .column,
.grid > .row[class*="eight column"] > .column {
    width: 12.5%;
}

.grid[class*="nine column"] > .row > .column,
.grid[class*="nine column"] > .column,
.grid > .row[class*="nine column"] > .column {
    width: 11.1111111111111%;
}

.grid[class*="ten column"] > .row > .column,
.grid[class*="ten column"] > .column,
.grid > .row[class*="ten column"] > .column {
    width: 10%;
}

.grid[class*="eleven column"] > .row > .column,
.grid[class*="eleven column"] > .column,
.grid > .row[class*="eleven column"] > .column {
    width: 9.090909090909099%;
}

.grid[class*="twelve column"] > .row > .column,
.grid[class*="twelve column"] > .column,
.grid > .row[class*="twelve column"] > .column {
    width: 8.3333333333333%;
}

.grid[class*="thirteen column"] > .row > .column,
.grid[class*="thirteen column"] > .column,
.grid > .row[class*="thirteen column"] > .column {
    width: 7.6923076923077%;
}

.grid[class*="fourteen column"] > .row > .column,
.grid[class*="fourteen column"] > .column,
.grid > .row[class*="fourteen column"] > .column {
    width: 7.1428571428571%;
}

.grid[class*="fifteen column"] > .row > .column,
.grid[class*="fifteen column"] > .column,
.grid > .row[class*="fifteen column"] > .column {
    width: 6.6666666666667%;
}

.grid[class*="sixteen column"] > .row > .column,
.grid[class*="sixteen column"] > .column,
.grid > .row[class*="sixteen column"] > .column {
    width: 6.25%;
}

.grid[class*="seventeen column"] > .row > .column,
.grid[class*="seventeen column"] > .column,
.grid > .row[class*="seventeen column"] > .column {
    width: 5.8823529411765%;
}

.grid[class*="eighteen column"] > .row > .column,
.grid[class*="eighteen column"] > .column,
.grid > .row[class*="eighteen column"] > .column {
    width: 5.5555555555556%;
}

.grid[class*="nineteen column"] > .row > .column,
.grid[class*="nineteen column"] > .column,
.grid > .row[class*="nineteen column"] > .column {
    width: 5.2631578947368%;
}

.grid[class*="twenty column"] > .row > .column,
.grid[class*="twenty column"] > .column,
.grid > .row[class*="twenty column"] > .column {
    width: 5%;
}

.grid > .row > [class*="one wide"].column,
.grid > .column.row > [class*="one wide"].column,
.grid > [class*="one wide"].column,
.grid.column > [class*="one wide"].column {
    width: 5% !important;
}

.grid > .row > [class*="two wide"].column,
.grid > .column.row > [class*="two wide"].column,
.grid > [class*="two wide"].column,
.grid.column > [class*="two wide"].column {
    width: 10% !important;
}

.grid > .row > [class*="three wide"].column,
.grid > .column.row > [class*="three wide"].column,
.grid > [class*="three wide"].column,
.grid.column > [class*="three wide"].column {
    width: 15% !important;
}

.grid > .row > [class*="four wide"].column,
.grid > .column.row > [class*="four wide"].column,
.grid > [class*="four wide"].column,
.grid.column > [class*="four wide"].column {
    width: 20% !important;
}

.grid > .row > [class*="five wide"].column,
.grid > .column.row > [class*="five wide"].column,
.grid > [class*="five wide"].column,
.grid.column > [class*="five wide"].column {
    width: 25% !important;
}

.grid > .row > [class*="six wide"].column,
.grid > .column.row > [class*="six wide"].column,
.grid > [class*="six wide"].column,
.grid.column > [class*="six wide"].column {
    width: 30% !important;
}

.grid > .row > [class*="seven wide"].column,
.grid > .column.row > [class*="seven wide"].column,
.grid > [class*="seven wide"].column,
.grid.column > [class*="seven wide"].column {
    width: 35% !important;
}

.grid > .row > [class*="eight wide"].column,
.grid > .column.row > [class*="eight wide"].column,
.grid > [class*="eight wide"].column,
.grid.column > [class*="eight wide"].column {
    width: 40% !important;
}

.grid > .row > [class*="nine wide"].column,
.grid > .column.row > [class*="nine wide"].column,
.grid > [class*="nine wide"].column,
.grid.column > [class*="nine wide"].column {
    width: 45% !important;
}

.grid > .row > [class*="ten wide"].column,
.grid > .column.row > [class*="ten wide"].column,
.grid > [class*="ten wide"].column,
.grid.column > [class*="ten wide"].column {
    width: 50% !important;
}

.grid > .row > [class*="eleven wide"].column,
.grid > .column.row > [class*="eleven wide"].column,
.grid > [class*="eleven wide"].column,
.grid.column > [class*="eleven wide"].column {
    width: 55.00000000000001% !important;
}

.grid > .row > [class*="twelve wide"].column,
.grid > .column.row > [class*="twelve wide"].column,
.grid > [class*="twelve wide"].column,
.grid.column > [class*="twelve wide"].column {
    width: 60% !important;
}

.grid > .row > [class*="thirteen wide"].column,
.grid > .column.row > [class*="thirteen wide"].column,
.grid > [class*="thirteen wide"].column,
.grid.column > [class*="thirteen wide"].column {
    width: 65% !important;
}

.grid > .row > [class*="fourteen wide"].column,
.grid > .column.row > [class*="fourteen wide"].column,
.grid > [class*="fourteen wide"].column,
.grid.column > [class*="fourteen wide"].column {
    width: 70% !important;
}

.grid > .row > [class*="fifteen wide"].column,
.grid > .column.row > [class*="fifteen wide"].column,
.grid > [class*="fifteen wide"].column,
.grid.column > [class*="fifteen wide"].column {
    width: 75% !important;
}

.grid > .row > [class*="sixteen wide"].column,
.grid > .column.row > [class*="sixteen wide"].column,
.grid > [class*="sixteen wide"].column,
.grid.column > [class*="sixteen wide"].column {
    width: 80% !important;
}

.grid > .row > [class*="seventeen wide"].column,
.grid > .column.row > [class*="seventeen wide"].column,
.grid > [class*="seventeen wide"].column,
.grid.column > [class*="seventeen wide"].column {
    width: 85% !important;
}

.grid > .row > [class*="eighteen wide"].column,
.grid > .column.row > [class*="eighteen wide"].column,
.grid > [class*="eighteen wide"].column,
.grid.column > [class*="eighteen wide"].column {
    width: 90% !important;
}

.grid > .row > [class*="nineteen wide"].column,
.grid > .column.row > [class*="nineteen wide"].column,
.grid > [class*="nineteen wide"].column,
.grid.column > [class*="nineteen wide"].column {
    width: 95% !important;
}

.grid > .row > [class*="twenty wide"].column,
.grid > .column.row > [class*="twenty wide"].column,
.grid > [class*="twenty wide"].column,
.grid.column > [class*="twenty wide"].column {
    width: 100% !important;
}

@media only screen and (max-width: 425px) {
    .grid > .row > [class*="one wide mobile"].column,
    .grid > .column.row > [class*="one wide mobile"].column,
    .grid > [class*="one wide mobile"].column,
    .grid.column > [class*="one wide mobile"].column {
        width: 5% !important;
    }

    .grid > .row > [class*="two wide mobile"].column,
    .grid > .column.row > [class*="two wide mobile"].column,
    .grid > [class*="two wide mobile"].column,
    .grid.column > [class*="two wide mobile"].column {
        width: 10% !important;
    }

    .grid > .row > [class*="three wide mobile"].column,
    .grid > .column.row > [class*="three wide mobile"].column,
    .grid > [class*="three wide mobile"].column,
    .grid.column > [class*="three wide mobile"].column {
        width: 15% !important;
    }

    .grid > .row > [class*="four wide mobile"].column,
    .grid > .column.row > [class*="four wide mobile"].column,
    .grid > [class*="four wide mobile"].column,
    .grid.column > [class*="four wide mobile"].column {
        width: 20% !important;
    }

    .grid > .row > [class*="five wide mobile"].column,
    .grid > .column.row > [class*="five wide mobile"].column,
    .grid > [class*="five wide mobile"].column,
    .grid.column > [class*="five wide mobile"].column {
        width: 25% !important;
    }

    .grid > .row > [class*="six wide mobile"].column,
    .grid > .column.row > [class*="six wide mobile"].column,
    .grid > [class*="six wide mobile"].column,
    .grid.column > [class*="six wide mobile"].column {
        width: 30% !important;
    }

    .grid > .row > [class*="seven wide mobile"].column,
    .grid > .column.row > [class*="seven wide mobile"].column,
    .grid > [class*="seven wide mobile"].column,
    .grid.column > [class*="seven wide mobile"].column {
        width: 35% !important;
    }

    .grid > .row > [class*="eight wide mobile"].column,
    .grid > .column.row > [class*="eight wide mobile"].column,
    .grid > [class*="eight wide mobile"].column,
    .grid.column > [class*="eight wide mobile"].column {
        width: 40% !important;
    }

    .grid > .row > [class*="nine wide mobile"].column,
    .grid > .column.row > [class*="nine wide mobile"].column,
    .grid > [class*="nine wide mobile"].column,
    .grid.column > [class*="nine wide mobile"].column {
        width: 45% !important;
    }

    .grid > .row > [class*="ten wide mobile"].column,
    .grid > .column.row > [class*="ten wide mobile"].column,
    .grid > [class*="ten wide mobile"].column,
    .grid.column > [class*="ten wide mobile"].column {
        width: 50% !important;
    }

    .grid > .row > [class*="eleven wide mobile"].column,
    .grid > .column.row > [class*="eleven wide mobile"].column,
    .grid > [class*="eleven wide mobile"].column,
    .grid.column > [class*="eleven wide mobile"].column {
        width: 55.00000000000001% !important;
    }

    .grid > .row > [class*="twelve wide mobile"].column,
    .grid > .column.row > [class*="twelve wide mobile"].column,
    .grid > [class*="twelve wide mobile"].column,
    .grid.column > [class*="twelve wide mobile"].column {
        width: 60% !important;
    }

    .grid > .row > [class*="thirteen wide mobile"].column,
    .grid > .column.row > [class*="thirteen wide mobile"].column,
    .grid > [class*="thirteen wide mobile"].column,
    .grid.column > [class*="thirteen wide mobile"].column {
        width: 65% !important;
    }

    .grid > .row > [class*="fourteen wide mobile"].column,
    .grid > .column.row > [class*="fourteen wide mobile"].column,
    .grid > [class*="fourteen wide mobile"].column,
    .grid.column > [class*="fourteen wide mobile"].column {
        width: 70% !important;
    }

    .grid > .row > [class*="fifteen wide mobile"].column,
    .grid > .column.row > [class*="fifteen wide mobile"].column,
    .grid > [class*="fifteen wide mobile"].column,
    .grid.column > [class*="fifteen wide mobile"].column {
        width: 75% !important;
    }

    .grid > .row > [class*="sixteen wide mobile"].column,
    .grid > .column.row > [class*="sixteen wide mobile"].column,
    .grid > [class*="sixteen wide mobile"].column,
    .grid.column > [class*="sixteen wide mobile"].column {
        width: 80% !important;
    }

    .grid > .row > [class*="seventeen wide mobile"].column,
    .grid > .column.row > [class*="seventeen wide mobile"].column,
    .grid > [class*="seventeen wide mobile"].column,
    .grid.column > [class*="seventeen wide mobile"].column {
        width: 85% !important;
    }

    .grid > .row > [class*="eighteen wide mobile"].column,
    .grid > .column.row > [class*="eighteen wide mobile"].column,
    .grid > [class*="eighteen wide mobile"].column,
    .grid.column > [class*="eighteen wide mobile"].column {
        width: 90% !important;
    }

    .grid > .row > [class*="nineteen wide mobile"].column,
    .grid > .column.row > [class*="nineteen wide mobile"].column,
    .grid > [class*="nineteen wide mobile"].column,
    .grid.column > [class*="nineteen wide mobile"].column {
        width: 95% !important;
    }

    .grid > .row > [class*="twenty wide mobile"].column,
    .grid > .column.row > [class*="twenty wide mobile"].column,
    .grid > [class*="twenty wide mobile"].column,
    .grid.column > [class*="twenty wide mobile"].column {
        width: 100% !important;
    }
}

@media only screen and (max-width: 767px) {
    .grid > .row > [class*="one wide tablet"].column,
    .grid > .column.row > [class*="one wide tablet"].column,
    .grid > [class*="one wide tablet"].column,
    .grid.column > [class*="one wide tablet"].column {
        width: 5% !important;
    }

    .grid > .row > [class*="two wide tablet"].column,
    .grid > .column.row > [class*="two wide tablet"].column,
    .grid > [class*="two wide tablet"].column,
    .grid.column > [class*="two wide tablet"].column {
        width: 10% !important;
    }

    .grid > .row > [class*="three wide tablet"].column,
    .grid > .column.row > [class*="three wide tablet"].column,
    .grid > [class*="three wide tablet"].column,
    .grid.column > [class*="three wide tablet"].column {
        width: 15% !important;
    }

    .grid > .row > [class*="four wide tablet"].column,
    .grid > .column.row > [class*="four wide tablet"].column,
    .grid > [class*="four wide tablet"].column,
    .grid.column > [class*="four wide tablet"].column {
        width: 20% !important;
    }

    .grid > .row > [class*="five wide tablet"].column,
    .grid > .column.row > [class*="five wide tablet"].column,
    .grid > [class*="five wide tablet"].column,
    .grid.column > [class*="five wide tablet"].column {
        width: 25% !important;
    }

    .grid > .row > [class*="six wide tablet"].column,
    .grid > .column.row > [class*="six wide tablet"].column,
    .grid > [class*="six wide tablet"].column,
    .grid.column > [class*="six wide tablet"].column {
        width: 30% !important;
    }

    .grid > .row > [class*="seven wide tablet"].column,
    .grid > .column.row > [class*="seven wide tablet"].column,
    .grid > [class*="seven wide tablet"].column,
    .grid.column > [class*="seven wide tablet"].column {
        width: 35% !important;
    }

    .grid > .row > [class*="eight wide tablet"].column,
    .grid > .column.row > [class*="eight wide tablet"].column,
    .grid > [class*="eight wide tablet"].column,
    .grid.column > [class*="eight wide tablet"].column {
        width: 40% !important;
    }

    .grid > .row > [class*="nine wide tablet"].column,
    .grid > .column.row > [class*="nine wide tablet"].column,
    .grid > [class*="nine wide tablet"].column,
    .grid.column > [class*="nine wide tablet"].column {
        width: 45% !important;
    }

    .grid > .row > [class*="ten wide tablet"].column,
    .grid > .column.row > [class*="ten wide tablet"].column,
    .grid > [class*="ten wide tablet"].column,
    .grid.column > [class*="ten wide tablet"].column {
        width: 50% !important;
    }

    .grid > .row > [class*="eleven wide tablet"].column,
    .grid > .column.row > [class*="eleven wide tablet"].column,
    .grid > [class*="eleven wide tablet"].column,
    .grid.column > [class*="eleven wide tablet"].column {
        width: 55.00000000000001% !important;
    }

    .grid > .row > [class*="twelve wide tablet"].column,
    .grid > .column.row > [class*="twelve wide tablet"].column,
    .grid > [class*="twelve wide tablet"].column,
    .grid.column > [class*="twelve wide tablet"].column {
        width: 60% !important;
    }

    .grid > .row > [class*="thirteen wide tablet"].column,
    .grid > .column.row > [class*="thirteen wide tablet"].column,
    .grid > [class*="thirteen wide tablet"].column,
    .grid.column > [class*="thirteen wide tablet"].column {
        width: 65% !important;
    }

    .grid > .row > [class*="fourteen wide tablet"].column,
    .grid > .column.row > [class*="fourteen wide tablet"].column,
    .grid > [class*="fourteen wide tablet"].column,
    .grid.column > [class*="fourteen wide tablet"].column {
        width: 70% !important;
    }

    .grid > .row > [class*="fifteen wide tablet"].column,
    .grid > .column.row > [class*="fifteen wide tablet"].column,
    .grid > [class*="fifteen wide tablet"].column,
    .grid.column > [class*="fifteen wide tablet"].column {
        width: 75% !important;
    }

    .grid > .row > [class*="sixteen wide tablet"].column,
    .grid > .column.row > [class*="sixteen wide tablet"].column,
    .grid > [class*="sixteen wide tablet"].column,
    .grid.column > [class*="sixteen wide tablet"].column {
        width: 80% !important;
    }

    .grid > .row > [class*="seventeen wide tablet"].column,
    .grid > .column.row > [class*="seventeen wide tablet"].column,
    .grid > [class*="seventeen wide tablet"].column,
    .grid.column > [class*="seventeen wide tablet"].column {
        width: 85% !important;
    }

    .grid > .row > [class*="eighteen wide tablet"].column,
    .grid > .column.row > [class*="eighteen wide tablet"].column,
    .grid > [class*="eighteen wide tablet"].column,
    .grid.column > [class*="eighteen wide tablet"].column {
        width: 90% !important;
    }

    .grid > .row > [class*="nineteen wide tablet"].column,
    .grid > .column.row > [class*="nineteen wide tablet"].column,
    .grid > [class*="nineteen wide tablet"].column,
    .grid.column > [class*="nineteen wide tablet"].column {
        width: 95% !important;
    }

    .grid > .row > [class*="twenty wide tablet"].column,
    .grid > .column.row > [class*="twenty wide tablet"].column,
    .grid > [class*="twenty wide tablet"].column,
    .grid.column > [class*="twenty wide tablet"].column {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1024px) {
    .grid > .row > [class*="one wide computer"].column,
    .grid > .column.row > [class*="one wide computer"].column,
    .grid > [class*="one wide computer"].column,
    .grid.column > [class*="one wide computer"].column {
        width: 5% !important;
    }

    .grid > .row > [class*="two wide computer"].column,
    .grid > .column.row > [class*="two wide computer"].column,
    .grid > [class*="two wide computer"].column,
    .grid.column > [class*="two wide computer"].column {
        width: 10% !important;
    }

    .grid > .row > [class*="three wide computer"].column,
    .grid > .column.row > [class*="three wide computer"].column,
    .grid > [class*="three wide computer"].column,
    .grid.column > [class*="three wide computer"].column {
        width: 15% !important;
    }

    .grid > .row > [class*="four wide computer"].column,
    .grid > .column.row > [class*="four wide computer"].column,
    .grid > [class*="four wide computer"].column,
    .grid.column > [class*="four wide computer"].column {
        width: 20% !important;
    }

    .grid > .row > [class*="five wide computer"].column,
    .grid > .column.row > [class*="five wide computer"].column,
    .grid > [class*="five wide computer"].column,
    .grid.column > [class*="five wide computer"].column {
        width: 25% !important;
    }

    .grid > .row > [class*="six wide computer"].column,
    .grid > .column.row > [class*="six wide computer"].column,
    .grid > [class*="six wide computer"].column,
    .grid.column > [class*="six wide computer"].column {
        width: 30% !important;
    }

    .grid > .row > [class*="seven wide computer"].column,
    .grid > .column.row > [class*="seven wide computer"].column,
    .grid > [class*="seven wide computer"].column,
    .grid.column > [class*="seven wide computer"].column {
        width: 35% !important;
    }

    .grid > .row > [class*="eight wide computer"].column,
    .grid > .column.row > [class*="eight wide computer"].column,
    .grid > [class*="eight wide computer"].column,
    .grid.column > [class*="eight wide computer"].column {
        width: 40% !important;
    }

    .grid > .row > [class*="nine wide computer"].column,
    .grid > .column.row > [class*="nine wide computer"].column,
    .grid > [class*="nine wide computer"].column,
    .grid.column > [class*="nine wide computer"].column {
        width: 45% !important;
    }

    .grid > .row > [class*="ten wide computer"].column,
    .grid > .column.row > [class*="ten wide computer"].column,
    .grid > [class*="ten wide computer"].column,
    .grid.column > [class*="ten wide computer"].column {
        width: 50% !important;
    }

    .grid > .row > [class*="eleven wide computer"].column,
    .grid > .column.row > [class*="eleven wide computer"].column,
    .grid > [class*="eleven wide computer"].column,
    .grid.column > [class*="eleven wide computer"].column {
        width: 55.00000000000001% !important;
    }

    .grid > .row > [class*="twelve wide computer"].column,
    .grid > .column.row > [class*="twelve wide computer"].column,
    .grid > [class*="twelve wide computer"].column,
    .grid.column > [class*="twelve wide computer"].column {
        width: 60% !important;
    }

    .grid > .row > [class*="thirteen wide computer"].column,
    .grid > .column.row > [class*="thirteen wide computer"].column,
    .grid > [class*="thirteen wide computer"].column,
    .grid.column > [class*="thirteen wide computer"].column {
        width: 65% !important;
    }

    .grid > .row > [class*="fourteen wide computer"].column,
    .grid > .column.row > [class*="fourteen wide computer"].column,
    .grid > [class*="fourteen wide computer"].column,
    .grid.column > [class*="fourteen wide computer"].column {
        width: 70% !important;
    }

    .grid > .row > [class*="fifteen wide computer"].column,
    .grid > .column.row > [class*="fifteen wide computer"].column,
    .grid > [class*="fifteen wide computer"].column,
    .grid.column > [class*="fifteen wide computer"].column {
        width: 75% !important;
    }

    .grid > .row > [class*="sixteen wide computer"].column,
    .grid > .column.row > [class*="sixteen wide computer"].column,
    .grid > [class*="sixteen wide computer"].column,
    .grid.column > [class*="sixteen wide computer"].column {
        width: 80% !important;
    }

    .grid > .row > [class*="seventeen wide computer"].column,
    .grid > .column.row > [class*="seventeen wide computer"].column,
    .grid > [class*="seventeen wide computer"].column,
    .grid.column > [class*="seventeen wide computer"].column {
        width: 85% !important;
    }

    .grid > .row > [class*="eighteen wide computer"].column,
    .grid > .column.row > [class*="eighteen wide computer"].column,
    .grid > [class*="eighteen wide computer"].column,
    .grid.column > [class*="eighteen wide computer"].column {
        width: 90% !important;
    }

    .grid > .row > [class*="nineteen wide computer"].column,
    .grid > .column.row > [class*="nineteen wide computer"].column,
    .grid > [class*="nineteen wide computer"].column,
    .grid.column > [class*="nineteen wide computer"].column {
        width: 95% !important;
    }

    .grid > .row > [class*="twenty wide computer"].column,
    .grid > .column.row > [class*="twenty wide computer"].column,
    .grid > [class*="twenty wide computer"].column,
    .grid.column > [class*="twenty wide computer"].column {
        width: 100% !important;
    }
}

.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.divided.grid:not([class*="vertically divided"]) > .row > .column {
    box-shadow: -1px 0px 0px 0px #e0e0e0;
    padding-left: 1.503759398496241rem;
    padding-right: 1.503759398496241rem;
}

[class*="vertically divided"].grid > .column:not(.row),
[class*="vertically divided"].grid > .row > .column {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

[class*="vertically divided"].grid > .row {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.divided.grid:not([class*="vertically divided"]) > .column:first-child,
.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: none;
    padding-left: 1rem;
}

.divided.grid:not([class*="vertically divided"]) > .column:last-child,
.divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    padding-right: 1rem;
}

.grid > .divided.row > .column {
    box-shadow: -1px 0px 0px 0px #e0e0e0;
}

.grid > .divided.row > .column:first-child {
    box-shadow: none;
}

[class*="vertically divided"].grid.relaxed > .row {
    padding: 2rem 0;
}

[class*="vertically divided"].grid > .row {
    position: relative;
    padding: 1rem 0;
}

[class*="vertically divided"].grid > .row:first-child {
    padding-top: 0;
}

[class*="vertically divided"].grid > .row:first-child:before {
    box-shadow: none !important;
}

[class*="vertically divided"].grid > .row:last-child {
    padding-bottom: 0;
}

[class*="vertically divided"].grid > .row:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: calc(100% - 2rem);
    height: 1px;
    margin: 0% 1rem;
    box-shadow: 0px -1px 0px 0px #e0e0e0;
}

.grid[class*="left aligned"],
.grid[class*="left aligned"] > .row > .column,
.grid[class*="left aligned"] > .column,
.grid [class*="left aligned"].column,
.grid > [class*="left aligned"].row > .column {
    text-align: left;
    -o-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start !important;
}

.grid [class*="left aligned"].column {
    text-align: left !important;
}

.grid[class*="center aligned"],
.grid[class*="center aligned"] > .row > .column,
.grid[class*="center aligned"] > .column,
.grid [class*="center aligned"].column,
.grid > [class*="center aligned"].row > .column {
    text-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    align-items: center !important;
}

.grid [class*="center aligned"].column {
    text-align: center !important;
}

.grid[class*="right aligned"],
.grid[class*="right aligned"] > .row > .column,
.grid[class*="right aligned"] > .column,
.grid [class*="right aligned"].column,
.grid > [class*="right aligned"].row > .column {
    text-align: right;
    -o-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end !important;
}

.grid [class*="right aligned"].column {
    text-align: right !important;
}

.grid.justified,
.grid.justified > .row > .column,
.grid.justified > .column,
.grid .justified.column,
.grid > .justified.row > .column {
    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.grid .justified.column {
    text-align: justify !important;
}

[class*="top aligned"].grid,
[class*="top aligned"].grid > .row > .column,
[class*="top aligned"].grid > .column,
.grid [class*="top aligned"].column,
.grid > [class*="top aligned"].row > .column {
    vertical-align: top;
    -o-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.grid [class*="top aligned"].column {
    vertical-align: top !important;
    -o-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.stretched.grid > .row > .column,
.stretched.grid > .column:not(.row),
.grid .stretched.column,
.grid > .stretched.row > .column {
    display: -ms-flexbox !important;
    display: box !important;
    display: flex !important;
    -o-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}

.stretched.grid > .row > .column > *,
.stretched.grid > .column > *,
.grid .stretched.column > *,
.grid > .stretched.row > .column > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

[class*="middle aligned"].grid,
[class*="middle aligned"].grid > .row > .column,
[class*="middle aligned"].grid > .column,
.grid > [class*="middle aligned"].row > .column {
    vertical-align: middle;
    -o-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.grid [class*="middle aligned"].column {
    vertical-align: middle !important;
    -o-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

[class*="bottom aligned"].grid,
[class*="bottom aligned"].grid > .row > .column,
[class*="bottom aligned"].grid > .column,
.grid > [class*="bottom aligned"].row > .column {
    vertical-align: bottom;
    -o-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.grid [class*="bottom aligned"].column {
    -o-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    vertical-align: bottom !important;
}

[class*="equal height"].grid {
    display: table;
    table-layout: fixed;
}

[class*="equal height"].grid > .row,
.grid > [class*="equal height"].row {
    display: table;
    table-layout: fixed;
    width: 100% !important;
}

[class*="equal height"].grid > .column:not(.row),
[class*="equal height"].grid > .row > .column,
.grid > [class*="equal height"].row > .column {
    display: table-cell;
}

[class*="equal height"].grid,
[class*="equal height"].grid > .row,
.grid > [class*="equal height"].row {
    display: -ms-flexbox;
    display: box;
    display: flex;
    -o-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

[class*="equal height"].grid > .column:not(.row),
[class*="equal height"].grid > .row > .column,
.grid > [class*="equal height"].row > .column {
    display: block;
    -o-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.grid .unpadded.column {
    padding-left: 0;
    padding-right: 0;
}

.grid .unpadded.column:first-child {
    padding-left: 1rem;
}

.grid .unpadded.column:last-child {
    padding-right: 1rem;
}

.grid .bordered.column {
    position: relative;
    padding-bottom: 1.428571428571429rem;
}

.grid .bordered.column:after {
    content: '';
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 0;
    display: block;
    border-bottom: 1px solid #e0e0e0;
}

.grid .row:last-child .bordered.column {
    padding-bottom: 0;
}

.grid .row:last-child .bordered.column:after {
    content: none;
    display: none;
    border-bottom: 0;
}

.centered.grid,
.centered.grid > .row,
.grid > .centered.row {
    text-align: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.centered.grid > .column:not(.aligned):not(.row),
.centered.grid > .row > .column:not(.aligned):not(.row),
.grid > .centered.row > .column:not(.aligned):not(.row),
.centered.grid > .row > .column:not(.aligned),
.centered.grid > .row > .row > .column:not(.aligned),
.grid > .centered.row > .row > .column:not(.aligned),
.centered.grid > .column:not(.aligned),
.grid > .centered.row > .column:not(.aligned) {
    text-align: left;
}

.grid > .centered.column,
.grid > .row > .centered.column {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.grid [class*="left floated"].column {
    float: left;
}

.grid [class*="right floated"].column {
    float: right;
}

.grid > .single.column:not(.grid):not(.row),
.grid > .row > .single.column:not(.grid):not(.row) {
    width: 100% !important;
}

@media only screen and (max-width: 1260px) {
    .grid + .grid {
        margin-top: 1rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1260px) {
    .grid.column {
        display: -ms-flexbox;
        display: box;
        display: flex;
    }

    .grid.column > .column,
    .grid.column > .row > .column {
        -o-box-flex: 1;
        box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .grid > .row.column {
        display: -ms-flexbox;
        display: box;
        display: flex;
    }

    .grid > .row.column > .column:not(.row) {
        -o-box-flex: 1;
        box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .column.grid > .primary.column:not(.grid):not(.row),
    .column.grid > .row > .primary.column:not(.grid):not(.row) {
        -o-box-flex: 2;
        box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .grid[class*="two column"] > .row > .column,
    .grid > .row[class*="two column"] > .row > .column,
    .grid[class*="two column"] > .column,
    .grid > .row[class*="two column"] > .column,
    .grid > .row > .row[class*="two column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="three column"] > .row > .column,
    .grid > .row[class*="three column"] > .row > .column,
    .grid[class*="three column"] > .column,
    .grid > .row[class*="three column"] > .column,
    .grid > .row > .row[class*="three column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="four column"] > .row > .column,
    .grid > .row[class*="four column"] > .row > .column,
    .grid[class*="four column"] > .column,
    .grid > .row[class*="four column"] > .column,
    .grid > .row > .row[class*="four column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="five column"] > .row > .column,
    .grid > .row[class*="five column"] > .row > .column,
    .grid[class*="five column"] > .column,
    .grid > .row[class*="five column"] > .column,
    .grid > .row > .row[class*="five column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="six column"] > .row > .column,
    .grid > .row[class*="six column"] > .row > .column,
    .grid[class*="six column"] > .column,
    .grid > .row[class*="six column"] > .column,
    .grid > .row > .row[class*="six column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="seven column"] > .row > .column,
    .grid > .row[class*="seven column"] > .row > .column,
    .grid[class*="seven column"] > .column,
    .grid > .row[class*="seven column"] > .column,
    .grid > .row > .row[class*="seven column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="eight column"] > .row > .column,
    .grid > .row[class*="eight column"] > .row > .column,
    .grid[class*="eight column"] > .column,
    .grid > .row[class*="eight column"] > .column,
    .grid > .row > .row[class*="eight column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="nine column"] > .row > .column,
    .grid > .row[class*="nine column"] > .row > .column,
    .grid[class*="nine column"] > .column,
    .grid > .row[class*="nine column"] > .column,
    .grid > .row > .row[class*="nine column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="ten column"] > .row > .column,
    .grid > .row[class*="ten column"] > .row > .column,
    .grid[class*="ten column"] > .column,
    .grid > .row[class*="ten column"] > .column,
    .grid > .row > .row[class*="ten column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="eleven column"] > .row > .column,
    .grid > .row[class*="eleven column"] > .row > .column,
    .grid[class*="eleven column"] > .column,
    .grid > .row[class*="eleven column"] > .column,
    .grid > .row > .row[class*="eleven column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="twelve column"] > .row > .column,
    .grid > .row[class*="twelve column"] > .row > .column,
    .grid[class*="twelve column"] > .column,
    .grid > .row[class*="twelve column"] > .column,
    .grid > .row > .row[class*="twelve column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="thirteen column"] > .row > .column,
    .grid > .row[class*="thirteen column"] > .row > .column,
    .grid[class*="thirteen column"] > .column,
    .grid > .row[class*="thirteen column"] > .column,
    .grid > .row > .row[class*="thirteen column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="fourteen column"] > .row > .column,
    .grid > .row[class*="fourteen column"] > .row > .column,
    .grid[class*="fourteen column"] > .column,
    .grid > .row[class*="fourteen column"] > .column,
    .grid > .row > .row[class*="fourteen column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="fifteen column"] > .row > .column,
    .grid > .row[class*="fifteen column"] > .row > .column,
    .grid[class*="fifteen column"] > .column,
    .grid > .row[class*="fifteen column"] > .column,
    .grid > .row > .row[class*="fifteen column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="sixteen column"] > .row > .column,
    .grid > .row[class*="sixteen column"] > .row > .column,
    .grid[class*="sixteen column"] > .column,
    .grid > .row[class*="sixteen column"] > .column,
    .grid > .row > .row[class*="sixteen column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="seventeen column"] > .row > .column,
    .grid > .row[class*="seventeen column"] > .row > .column,
    .grid[class*="seventeen column"] > .column,
    .grid > .row[class*="seventeen column"] > .column,
    .grid > .row > .row[class*="seventeen column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="eighteen column"] > .row > .column,
    .grid > .row[class*="eighteen column"] > .row > .column,
    .grid[class*="eighteen column"] > .column,
    .grid > .row[class*="eighteen column"] > .column,
    .grid > .row > .row[class*="eighteen column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="nineteen column"] > .row > .column,
    .grid > .row[class*="nineteen column"] > .row > .column,
    .grid[class*="nineteen column"] > .column,
    .grid > .row[class*="nineteen column"] > .column,
    .grid > .row > .row[class*="nineteen column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid[class*="twenty column"] > .row > .column,
    .grid > .row[class*="twenty column"] > .row > .column,
    .grid[class*="twenty column"] > .column,
    .grid > .row[class*="twenty column"] > .column,
    .grid > .row > .row[class*="twenty column"] > .column {
        width: 33.333333333333336% !important;
        margin-bottom: 1em;
    }

    .grid > .column:not(.row):only-child,
    .grid > .row > .column:not(.row):only-child {
        width: 100% !important;
    }
}

@media only screen and (min-width: 425px) and (max-width: 767px) {
    .grid[class*="two column"] > .row > .column,
    .grid > .row[class*="two column"] > .row > .column,
    .grid[class*="two column"] > .column,
    .grid > .row[class*="two column"] > .column,
    .grid > .row > .row[class*="two column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="three column"] > .row > .column,
    .grid > .row[class*="three column"] > .row > .column,
    .grid[class*="three column"] > .column,
    .grid > .row[class*="three column"] > .column,
    .grid > .row > .row[class*="three column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="four column"] > .row > .column,
    .grid > .row[class*="four column"] > .row > .column,
    .grid[class*="four column"] > .column,
    .grid > .row[class*="four column"] > .column,
    .grid > .row > .row[class*="four column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="five column"] > .row > .column,
    .grid > .row[class*="five column"] > .row > .column,
    .grid[class*="five column"] > .column,
    .grid > .row[class*="five column"] > .column,
    .grid > .row > .row[class*="five column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="six column"] > .row > .column,
    .grid > .row[class*="six column"] > .row > .column,
    .grid[class*="six column"] > .column,
    .grid > .row[class*="six column"] > .column,
    .grid > .row > .row[class*="six column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="seven column"] > .row > .column,
    .grid > .row[class*="seven column"] > .row > .column,
    .grid[class*="seven column"] > .column,
    .grid > .row[class*="seven column"] > .column,
    .grid > .row > .row[class*="seven column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="eight column"] > .row > .column,
    .grid > .row[class*="eight column"] > .row > .column,
    .grid[class*="eight column"] > .column,
    .grid > .row[class*="eight column"] > .column,
    .grid > .row > .row[class*="eight column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="nine column"] > .row > .column,
    .grid > .row[class*="nine column"] > .row > .column,
    .grid[class*="nine column"] > .column,
    .grid > .row[class*="nine column"] > .column,
    .grid > .row > .row[class*="nine column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="ten column"] > .row > .column,
    .grid > .row[class*="ten column"] > .row > .column,
    .grid[class*="ten column"] > .column,
    .grid > .row[class*="ten column"] > .column,
    .grid > .row > .row[class*="ten column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="eleven column"] > .row > .column,
    .grid > .row[class*="eleven column"] > .row > .column,
    .grid[class*="eleven column"] > .column,
    .grid > .row[class*="eleven column"] > .column,
    .grid > .row > .row[class*="eleven column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="twelve column"] > .row > .column,
    .grid > .row[class*="twelve column"] > .row > .column,
    .grid[class*="twelve column"] > .column,
    .grid > .row[class*="twelve column"] > .column,
    .grid > .row > .row[class*="twelve column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="thirteen column"] > .row > .column,
    .grid > .row[class*="thirteen column"] > .row > .column,
    .grid[class*="thirteen column"] > .column,
    .grid > .row[class*="thirteen column"] > .column,
    .grid > .row > .row[class*="thirteen column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="fourteen column"] > .row > .column,
    .grid > .row[class*="fourteen column"] > .row > .column,
    .grid[class*="fourteen column"] > .column,
    .grid > .row[class*="fourteen column"] > .column,
    .grid > .row > .row[class*="fourteen column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="fifteen column"] > .row > .column,
    .grid > .row[class*="fifteen column"] > .row > .column,
    .grid[class*="fifteen column"] > .column,
    .grid > .row[class*="fifteen column"] > .column,
    .grid > .row > .row[class*="fifteen column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="sixteen column"] > .row > .column,
    .grid > .row[class*="sixteen column"] > .row > .column,
    .grid[class*="sixteen column"] > .column,
    .grid > .row[class*="sixteen column"] > .column,
    .grid > .row > .row[class*="sixteen column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="seventeen column"] > .row > .column,
    .grid > .row[class*="seventeen column"] > .row > .column,
    .grid[class*="seventeen column"] > .column,
    .grid > .row[class*="seventeen column"] > .column,
    .grid > .row > .row[class*="seventeen column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="eighteen column"] > .row > .column,
    .grid > .row[class*="eighteen column"] > .row > .column,
    .grid[class*="eighteen column"] > .column,
    .grid > .row[class*="eighteen column"] > .column,
    .grid > .row > .row[class*="eighteen column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="nineteen column"] > .row > .column,
    .grid > .row[class*="nineteen column"] > .row > .column,
    .grid[class*="nineteen column"] > .column,
    .grid > .row[class*="nineteen column"] > .column,
    .grid > .row > .row[class*="nineteen column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid[class*="twenty column"] > .row > .column,
    .grid > .row[class*="twenty column"] > .row > .column,
    .grid[class*="twenty column"] > .column,
    .grid > .row[class*="twenty column"] > .column,
    .grid > .row > .row[class*="twenty column"] > .column {
        width: 50% !important;
        margin-bottom: 1em;
    }

    .grid > .column:not(.row):only-child,
    .grid > .row > .column:not(.row):only-child {
        width: 100% !important;
    }
}

@media only screen and (max-width: 425px) {
    .grid > .column.column.column:not(.row),
    .grid > .row > .column.column.column {
        display: block;
        width: 100% !important;
        margin-bottom: 1rem;
    }
}

/*
 * # Pravda.ru - page
 *
 */

.page {
    background: #fff;
}

.pusher > .page {
    box-shadow: 0px 0px 27px 3px rgba(0,0,0,0.13);
}

body > .page,
body.pushable > .pusher > .page {
    position: relative;
    width: 1260px;
    margin: 0 auto;
    padding-bottom: 4.5em;
}

@media only screen and (max-width: 1260px) {
    body.pushable > .pusher > .page {
        width: auto;
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 1023px) {
    body.pushable > .pusher > .page {
        padding-top: 50px;
    }
}

/*
 * # Pravda.ru - section
 *
 */

.section {
    position: relative;
    margin-left: 37px;
    margin-right: 37px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.section > .header,
.section .grid > .row > .column > .header,
.section .grid > .column > .header,
.section .grid > .row > .column > .content > .header,
.section .grid > .column > .content > .header {
    margin: 0 0 1.642857142857143em;
    font-family: 'playfair_displaybold', serif;
    font-size: 1.285714285714286rem;
    line-height: 1.2;
    letter-spacing: 1px;
}

.section > .header > a,
.section .grid > .row > .column > .header > a,
.section .grid > .column > .header > a,
.section .grid > .row > .column > .content > .header > a,
.section .grid > .column > .content > .header > a {
    color: inherit;
}

.section > .header > small,
.section .grid > .row > .column > .header > small,
.section .grid > .column > .header > small,
.section .grid > .row > .column > .content > .header > small,
.section .grid > .column > .content > .header > small {
    margin-left: 1em;
    font-size: 0.5em;
    text-transform: uppercase;
    letter-spacing: 0;
}

.section > .header > small > a,
.section .grid > .row > .column > .header > small > a,
.section .grid > .column > .header > small > a,
.section .grid > .row > .column > .content > .header > small > a,
.section .grid > .column > .content > .header > small > a {
    color: #e20613;
}

.section > .header > small > a:hover,
.section .grid > .row > .column > .header > small > a:hover,
.section .grid > .column > .header > small > a:hover,
.section .grid > .row > .column > .content > .header > small > a:hover,
.section .grid > .column > .content > .header > small > a:hover {
    color: #0a305a;
}

.section > .header > .extra,
.section .grid > .row > .column > .header > .extra,
.section .grid > .column > .header > .extra,
.section .grid > .row > .column > .content > .header > .extra,
.section .grid > .column > .content > .header > .extra {
    margin-left: 1em;
    font-size: 0.777777777777778em;
    font-family: 'PravdaFont', sans-serif;
    color: #e20613;
    letter-spacing: 0;
}

.section > .header.red,
.section .grid > .row > .column > .header.red,
.section .grid > .column > .header.red,
.section .grid > .row > .column > .content > .header.red,
.section .grid > .column > .content > .header.red {
    color: #e20613;
}

.section > .header.blue,
.section .grid > .row > .column > .header.blue,
.section .grid > .column > .header.blue,
.section .grid > .row > .column > .content > .header.blue,
.section .grid > .column > .content > .header.blue {
    color: #0a305a;
}

.section .section {
    margin-left: 0;
    margin-right: 0;
    border-bottom: none;
}

.section .section.bordered {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 2rem;
    margin-bottom: 1rem;
}

.section .section:first-child {
    padding-top: 0;
}

.section .section:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.section > .close {
    float: right;
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    color: #878787;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    cursor: pointer;
    outline: none;
}

.section > .close:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.section > .close:active {
    color: #e20613;
}

.topbar.section {
    height: 50px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    background-color: #0a305a;
    color: #fff;
    overflow: hidden;
}

[class*="home page featured"].section {
    margin-left: 0;
    margin-right: 0;
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 1.5rem;
}

[class*="home page featured"].section > .grid > .row:first-child > .column:first-child > .content,
[class*="home page featured"].section > .grid > .column:first-child > .content {
    margin-top: -1.5rem;
    margin-bottom: -1rem;
    margin-left: -37px;
    margin-right: -1rem;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    padding-left: 37px;
    padding-right: 1rem;
    background: #fafafa;
}

.tabs.section {
    padding-top: 1.9rem;
    padding-bottom: 0;
}

.tabs.section .header {
    margin: 0 !important;
}

.tabs.section .header > .menu {
    margin: 0;
    font-size: 1rem;
}

.tabs.section .header > .menu .item {
    margin: 0 1rem;
    padding: 0 0 1.9rem;
    line-height: 2.571428571428572em;
    color: #000;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    vertical-align: bottom;
    text-transform: none;
}

.tabs.section .header > .menu .item:first-child {
    margin-left: 0;
}

.tabs.section .header > .menu .item:last-child {
    margin-right: 0;
}

.tabs.section .header > .menu .item:hover {
    color: #1a237e;
    margin-bottom: -1px;
    border-bottom: 1px solid #1a237e;
}

.tabs.section .header > .menu .active.item {
    margin-bottom: -2px;
    border-bottom: 3px solid #1a237e;
    font-size: 1.285714285714286em;
    line-height: 2em;
    color: #1a237e;
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.main.navigation.section {
    position: absolute;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 100;
    border-bottom: none !important;
}

.main.navigation.section ~ .section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
    background: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity 0.2s ease;
    z-index: 5;
}

.main.navigation.section.active {
    border-bottom: 1px solid #e0e0e0;
}

.main.navigation.section.active ~ .section:after {
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    visibility: visible;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
}

.main.navigation.section > .content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
}

.main.navigation.section > .content .section {
    margin-left: 0;
    margin-right: 0;
    padding-top: 2.9rem;
    padding-bottom: 3.4rem;
    padding-left: 37px;
    padding-right: 37px;
    border-bottom: 1px solid #e0e0e0;
}

.main.navigation.section.expanded > .content {
    top: 0 !important;
    bottom: auto !important;
}

.main.navigation.section .tabs.section {
    padding-bottom: 0;
    padding-top: 0.9em;
    background: #fafafa;
}

.main.navigation.section .tabs.section .menu {
    font-size: 1.214285714285714rem;
    font-weight: normal;
    letter-spacing: 0;
}

.main.navigation.section .tabs.section .menu .item {
    padding-bottom: 0.8em;
    line-height: 1.176470588235294;
    font-size: inherit;
    line-height: inherit;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    border-bottom-color: #e20613;
    text-transform: none;
}

.main.navigation.section .tabs.section .menu .item:hover {
    color: #e20613;
}

.main.navigation.section .tabs.section .menu .active.item {
    font-size: inherit;
    line-height: inherit;
    color: #e20613;
}

.category.section {
    padding-top: 1.428571428571429em;
    padding-bottom: 1.428571428571429em;
    border-bottom: none;
}

.category.section .header {
    margin: 0 !important;
}

.category.section.bordered {
    border-bottom: 1px solid #e0e0e0;
}

.category.section + .section {
    padding-top: 1.428571428571429em;
}

.title.section {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.title.section .header:last-child {
    margin: 0 !important;
}

.section .calendar.header {
    text-align: center;
}

.section .calendar.header a:first-child {
    float: left;
}

.section .calendar.header a:last-child {
    float: right;
}

.section .calendar.header a:hover {
    color: #e20613;
}

.mobile.topbar.section {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    display: none;
    width: 100%;
    z-index: 100;
    transition: transform 500ms ease;
    will-change: transform;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.author.section > .header,
.author.section .grid > .row > .column > .header,
.author.section .grid > .column > .header,
.author.section .grid > .row > .column > .content > .header,
.author.section .grid > .column > .content > .header {
    margin-bottom: 0.777777777777778em;
}

.author.section p {
    font-weight: 300;
    -webkit-font-smoothing: initial;
}

.author.section .social.links {
    margin-top: 2em;
}

.author.section .social.links > .text.button {
    margin-left: 0;
    font-size: 0.857142857142857em;
}

.author.section .social.links > .icon {
    font-size: 2.45em;
}

@media only screen and (min-width: 1024px) and (max-width: 1260px) {
    .section {
        margin-left: 24px;
        margin-right: 24px;
    }

    .topbar.section {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media only screen and (max-width: 1023px) {
    .mobile.topbar.section {
        display: block;
    }

    .header.section {
        display: none;
    }

    .topbar.section:not(.mobile) {
        display: none;
    }

    .section:not(.topbar) {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .section > .header,
    .section .grid > .row > .column > .header,
    .section .grid > .column > .header,
    .section .grid > .row > .column > .content > .header,
    .section .grid > .column > .content > .header {
        margin-bottom: 0;
    }

    .section > .header + .grid,
    .section .grid > .row > .column > .header + .grid,
    .section .grid > .column > .header + .grid,
    .section .grid > .row > .column > .content > .header + .grid,
    .section .grid > .column > .content > .header + .grid {
        margin-top: 1rem;
    }

    .section > .header small,
    .section .grid > .row > .column > .header small,
    .section .grid > .column > .header small,
    .section .grid > .row > .column > .content > .header small,
    .section .grid > .column > .content > .header small {
        display: none;
    }

    .column > .section {
        margin: 0 -1rem !important;
    }

    .tabs.section {
        padding-top: 1rem;
        padding-bottom: 0;
    }

    .tabs.section > .two.column.grid > .column.single {
        margin-bottom: 0;
    }

    .tabs.section .menu > .item {
        padding-bottom: 1em !important;
    }

    [class*="home page featured"].section .news.column > .content {
        margin: -1rem !important;
        padding: 1rem !important;
    }

    [class*="home page featured"].section .news.column > .content > .news.block {
        padding-top: 4rem !important;
        padding-bottom: 1rem !important;
        padding-left: 1em !important;
    }
}

@media only screen and (max-width: 767px) {
    [class*="home page featured"].section .news.column {
        width: 100% !important;
        margin-bottom: 1rem;
    }

    [class*="home page featured"].section .news.column > .content {
        height: auto !important;
        margin-bottom: 0 !important;
        border-bottom: 1px solid #e0e0e0;
    }

    [class*="home page featured"].section .news.column > .content > .news.block {
        position: static !important;
        padding: 1rem 0 !important;
    }

    [class*="home page featured"].section .news.column + .column:not(.grid):not(.row) {
        width: 100% !important;
    }

    .tabs.section {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .tabs.section .header > .menu .item {
        font-size: 1rem !important;
        line-height: 1.5em !important;
        margin: 0 0.5rem;
    }
}

@media only screen and (max-width: 425px) {
    .section:not(.topbar) {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .section:not(.topbar) > .header,
    .section:not(.topbar) .grid > .row > .column > .header,
    .section:not(.topbar) .grid > .column > .header,
    .section:not(.topbar) .grid > .row > .column > .content > .header,
    .section:not(.topbar) .grid > .column > .content > .header {
        margin-bottom: 0;
    }

    .section:not(.topbar) > .header + .grid,
    .section:not(.topbar) .grid > .row > .column > .header + .grid,
    .section:not(.topbar) .grid > .column > .header + .grid,
    .section:not(.topbar) .grid > .row > .column > .content > .header + .grid,
    .section:not(.topbar) .grid > .column > .content > .header + .grid {
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 1260px) {
    .section.section.section.section {
        margin-left: 0;
        margin-right: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/*
 * # Pravda.ru - header
 *
 */

.header.section {
    padding-top: 1.642857142857143em;
    padding-bottom: 1.428571428571429em;
    border: none;
}

@media only screen and (max-width: 1260px) {
    .header.section .featured.authors.block {
        display: none;
    }
}

/*
 * # Pravda.ru - footer
 *
 */

.footer.section {
    padding-top: 1.8rem;
    padding-bottom: 2.2rem;
    border-bottom: none;
    background-color: #0a305a;
    color: #fff;
}

.footer.section .menu {
    margin-left: 152px;
    margin-top: 0.8rem;
    margin-bottom: 1.3rem;
}

.footer.section .menu > .item {
    margin: 0 1em;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.6px;
}

.footer.section .menu > .item:hover {
    color: #e20613;
}

.footer.section .menu > .item:first-child {
    margin-left: 0;
}

.footer.section .menu > .item:last-child {
    margin-right: 0;
}

.footer.section .social.menu {
    margin: 0;
    font-size: 0;
}

.footer.section .social.menu > .item {
    width: 34px;
    height: 34px;
    margin: 0;
    margin-right: 10px;
    padding: 2px;
    font-size: 2.142857142857143rem;
    line-height: 1;
    color: #0a305a;
    background: #fff;
    border-radius: 50%;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    cursor: pointer;
    transition: opacity 0.1s linear;
}

.footer.section .social.menu > .item > .icon {
    display: block;
    margin: 0;
    float: none;
    line-height: 1;
}

.footer.section .social.menu > .item:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.footer.section .footnotes {
    position: relative;
    margin-top: 0.6em;
    letter-spacing: 0;
    zoom: 1;
}

.footer.section .footnotes:before,
.footer.section .footnotes:after {
    content: "";
    display: table;
}

.footer.section .footnotes:after {
    clear: both;
}

.footer.section .footnotes > a.logo {
    float: left;
    display: block;
    padding: 0 0 0 29px;
    color: inherit;
    text-decoration: none;
    font-size: 74px;
    line-height: 1;
}

.footer.section .footnotes .copyright {
    margin-left: 152px;
    color: #fff;
    letter-spacing: 0.8px;
}

.footer.section .footnotes .copyright p {
    margin: 0;
}

.footer.section .footnotes .copyright .copyright-text {
    margin-bottom: 1rem;
}

.footer.section .footnotes .copyright .banned-orgs a {
    color: #fff;
    text-decoration: underline;
}

.footer.section .counters-textmistake {
    margin-right: 18px;
    float: right;
}

.footer.section .counters-textmistake span {
    float: right;
    width: 88px;
    height: 31px;
    margin: 0 0 5px 5px;
}

.footer.section .counters-textmistake .counters:after {
    content: '';
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.footer.section .textmistake-footer {
    max-width: 100%;
    float: right;
    font-size: 0.9rem;
    padding: 2px;
    width: 181px;
}

.footer.section .textmistake-footer.textmistake-text {
    border: thin solid #fff;
}

@media only screen and (min-width: 1024px) and (max-width: 1260px) {
    .footer.section {
        padding-left: 24px;
        padding-right: 24px;
        margin-right: 0;
    }

    .footer.section > .footnotes {
        margin: 0;
    }

    .footer.section > .footnotes > a.logo {
        padding-left: 0;
    }

    .footer.section > .footnotes > .copyright {
        margin-left: 123px;
        margin-right: 200px;
    }

    .footer.section .menu {
        margin: 0 0 1rem 123px !important;
    }

    .footer.section .menu > .item {
        margin: 0 1rem 0 0 !important;
    }

    .footer.section .social.menu {
        display: none;
    }
}

@media only screen and (max-width: 1023px) {
    .footer.section {
        padding-left: 24px;
        padding-right: 24px;
        margin-left: 0;
        margin-right: 0;
    }

    .footer.section .column:first-child .menu {
        display: block;
        margin-left: 0;
    }

    .footer.section > .footnotes {
        margin: 0;
    }

    .footer.section > .footnotes > a.logo {
        padding-left: 0;
    }

    .footer.section > .footnotes > .copyright {
        margin-left: 123px;
    }

    .footer.section .menu {
        display: none;
    }

    .footer.section .menu .item {
        margin: 0em 1em 0px 0em;
        line-height: 2em;
    }
}

@media only screen and (max-width: 600px) {
    .footer.section > .footnotes > a.logo {
        display: none;
    }

    .footer.section > .footnotes > .copyright {
        margin: 0;
    }
}

@media only screen and (min-width: 1261px) {
    .copyright-text {
        float: left;
        margin-right: 4rem;
        width: 350px;
    }

    .banned-orgs {
        float: left;
        width: 350px;
    }
}

@media only screen and (min-width: 1261px) {
    .copyright {
        margin-right: 200px;
    }
}

/*
 * # Pravda.ru - tab
 *
 */

.tab {
    display: none;
}

.tab.active,
.tab.open,
.tab.lslide {
    display: block;
}

.tab.lslide {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity 0.2s ease;
}

.tab.lslide.active {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

/*
 * # Pravda.ru - top
 *
 */

.breaking.news.section {
    padding-top: 1.714285714285714rem;
    padding-bottom: 1.571428571428571rem;
    padding-left: 0.357142857142857rem;
    padding-right: 0.857142857142857rem;
}

.breaking.news.section .header {
    margin-bottom: 0;
    color: #e20613;
}

.breaking.news.section .header > a:hover {
    color: #0a305a;
}

@media only screen and (max-width: 1023px) {
    .breaking.news.section {
        margin: 0;
        padding: 1rem;
    }
}

/*
 * # Pravda.ru - logo
 *
 */

.logo:not(.icon):not(.text) {
    position: relative;
    display: inline-block;
}

.logo:not(.icon):not(.text).main {
    padding: 10px 0 6px 16px;
}

.sidebar .logo:not(.icon) {
    padding: 0.175675675675676em 0.202702702702703em;
    font-size: 74px;
    line-height: 1;
    color: #fff;
}

.text.logo {
    display: inline-block !important;
    line-height: 50px !important;
    padding: 0 5px !important;
}

.text.logo::after {
    font-family: 'icons';
    font-size: 32px;
    content: "\e618";
    line-height: 50px;
}

@media only screen and (min-width: 1024px) and (max-width: 1260px) {
    .main.logo {
        padding-left: 0 !important;
    }
}

/*
 * # Pravda.ru - menu
 *
 */

.menu {
    display: block;
    margin: 0 -1rem;
    padding: 0;
    list-style: none;
}

.menu:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.menu .menu {
    margin: 0;
}

.menu:not(.vertical) {
    font-size: 0;
}

.menu > .content {
    display: inline-block;
}

.menu > .item,
.menu > .content > .item {
    position: relative;
    display: inline-block;
    padding: 1.3em 1em;
    font-size: 1rem;
    line-height: 1;
    vertical-align: top;
    text-transform: uppercase;
    color: inherit;
    cursor: pointer;
}

.menu > .item > .icon,
.menu > .content > .item > .icon {
    float: left;
    margin: 0 0.85rem 0 0;
    line-height: 1rem;
}

.menu > .item:hover,
.menu > .content > .item:hover {
    color: #e20613;
}

.menu > [class*="icon item"] > .icon {
    margin-right: 0;
}

.menu:not(.vertical) .item.left,
.menu:not(.vertical) .menu.left {
    float: left;
}

.menu:not(.vertical) .item.right,
.menu:not(.vertical) .menu.right {
    float: right;
}

.menu:not(.vertical) .menu.right {
    margin-right: 1rem;
}

.menu:not(.vertical) .divider {
    display: inline-block;
    margin-top: 10px;
    padding: 15px 0;
    border-left: 1px solid #164f82;
    border-right: 1px solid rgba(22,79,130,0.3);
}

.topbar.section .menu {
    color: #fff;
}

.topbar.section .menu > .right.menu {
    margin-right: 0;
}

.topbar.section .menu .item {
    color: inherit !important;
}

.topbar.section .menu .item:hover {
    background: rgba(255,255,255,0.1);
}

.topbar.section .menu .item.onair {
    min-width: 50px;
    background: #e20613;
}

.topbar.section .menu .item.onair:hover {
    background: rgba(226,6,19,0.9);
}

.topbar.section .menu .item.onair > .icon {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    font-size: 1.6em;
}

.personal.menu .item {
    min-width: 50px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.personal.menu .item > .icon {
    display: block;
    float: none;
    margin: 0;
    font-size: 1.5em;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
}

.personal.menu .item > .label {
    top: 7px !important;
    right: 10px !important;
    left: auto !important;
    margin: 0 !important;
    padding: 0 0.25em 0.1em;
    font-size: 0.85em;
    font-weight: normal;
    line-height: 1.1em;
    box-shadow: 0 2.5px 0 #0a305a;
}

.personal.menu .item:hover > .icon,
.personal.menu .item.active > .icon {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.personal.menu .item.search {
    background: #164f82;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.personal.menu .item.search > .icon {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.personal.menu .item.search:hover {
    background: rgba(22,79,130,0.9);
}

.personal.menu .item.expand {
    min-width: 0;
    padding-left: 0.7em;
    padding-right: 1em;
    cursor: pointer;
}

.personal.menu .item.expand:hover {
    background: none;
}

.personal.menu .item.expand > .icon {
    font-size: 0.8em;
}

.vertical.menu {
    margin: 0;
    box-shadow: 0px 0px 0px 1px #e0e0e0;
}

.vertical.menu .item {
    position: relative;
    display: block;
    padding: 0.928571428571429em 1.071428571428571em;
    line-height: 1;
    text-transform: uppercase;
    color: #212121;
    zoom: 1;
}

.vertical.menu .item:before,
.vertical.menu .item:after {
    content: "";
    display: table;
}

.vertical.menu .item:after {
    clear: both;
}

.vertical.menu .item:hover {
    background: #fafafa;
}

.vertical.menu .item:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e0e0e0;
}

.vertical.menu .item:first-child:before {
    background: none !important;
}

.vertical.menu .item > .label {
    float: right;
    padding: 0;
    font-family: 'playfair_displaybold', serif;
    background: none;
    color: #3d5afe;
}

[class*="main navigation"] .vertical.menu {
    margin: -0.642857142857143em -1rem 0;
}

.category.section .menu > .item,
.category.section .menu > .content > .item {
    margin: 0 0.5em !important;
    padding: 0.25em 0.5em !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.category.section .menu > .item.icon,
.category.section .menu > .content > .item.icon {
    padding-top: 0.14em !important;
    padding-bottom: 0.12em !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 1.928571428571429rem;
    line-height: 1rem;
    color: #3d5afe;
}

.category.section .menu > .item.icon:last-child,
.category.section .menu > .content > .item.icon:last-child {
    margin-right: 0 !important;
}

.category.section .menu > .item.icon:hover,
.category.section .menu > .content > .item.icon:hover {
    color: #e20613;
}

.pager.menu .item {
    margin-right: 0.5em;
    padding: 15px 0;
    font-size: 1.714285714285714rem;
    text-align: center;
}

.pager.menu .item.active {
    width: 2.25em;
    background: #0a305a;
    border-radius: 500em;
    color: #fff;
}

.pager.menu .item:first-child {
    margin-left: 1rem;
}

.pager.menu .item:last-child {
    margin-right: 0;
}

.sidebar .vertical.menu {
    box-shadow: none;
}

.sidebar .vertical.menu .item {
    color: #fff;
}

.sidebar .vertical.menu .item:before {
    display: none;
}

.sidebar .vertical.menu .item:hover {
    background: rgba(255,255,255,0.1);
}

@media only screen and (max-width: 767px) {
    .pager.menu {
        display: none !important;
    }
}

@media only screen and (max-width: 1024px) {
    .personal.menu .people.item,
    .personal.menu .talks.item,
    .personal.menu .notifications.item {
        display: none;
    }
}

@media only screen and (max-width: 1260px) {
    .topbar.section .menu .onair.item {
        padding: 1.3em;
    }

    .topbar.section .menu .onair.item > .icon {
        margin: 0;
    }

    .topbar.section .menu .onair.item > span {
        display: none;
    }

    .personal.menu .people.item {
        display: none;
    }
}

/*
 * # Pravda.ru - news block
 *
 */

.news.block {
    position: relative;
    overflow: hidden;
}

.news.block > .content {
    height: 28.571428571428573em;
    overflow-x: hidden;
    overflow-y: auto;
}

.news.block .article {
    position: relative;
    padding-bottom: 1.25em;
    font-size: 1.142857142857143rem;
}

.news.block .article time {
    float: left;
    display: block;
    margin-right: 0.5em;
    font-size: 0.875em;
    font-weight: 700;
    line-height: 1.357142857142857rem;
    color: #424242;
}

.news.block .article .title {
    display: block;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.357142857142857rem;
    text-decoration: none;
    letter-spacing: 0;
    -webkit-font-smoothing: initial;
}

.news.block .article .title > a:hover {
    color: #e20613;
}

.news.block .article:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 42px;
    border-top: 1px solid #e0e0e0;
}

.news.block .article + .article {
    margin-top: 1.25em;
}

.news.block .article:last-child {
    padding-bottom: 0;
}

.news.block .article:last-child:after {
    content: none;
    display: none;
}

.news.column {
    padding-top: 1.428571428571429rem;
    padding-left: 2rem !important;
    padding-right: 0 !important;
    background: #fafafa;
}

.news.column .news.block {
    padding-bottom: 1.428571428571429rem;
}

.home.page.featured.section .news.column {
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    background: none;
}

.home.page.featured.section .news.column > .content {
    -o-box-flex: 1;
    box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

.home.page.featured.section .news.column > .content > .header {
    position: relative;
    z-index: 2;
}

.home.page.featured.section .news.column .news.block {
    position: absolute;
    top: 0;
    left: 0;
    right: 1rem;
    height: auto;
    padding-top: 5.112142857142857rem;
    padding-left: 37px;
    z-index: 1;
}

.home.page.featured.section .news.column .news.block > .content {
    /*height: auto;*/
}

.category.news.column {
    background: none;
    padding: 0 1rem !important;
}

.category.news.column > .content {
    padding: 0;
    border: 1px solid #eee;
}

.category.news.column > .content > .header {
    font-size: 1.285714285714286rem;
    line-height: 2.222222222222222;
    padding: 0.5em 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #eee;
    zoom: 1;
}

.category.news.column > .content > .header:before,
.category.news.column > .content > .header:after {
    content: "";
    display: table;
}

.category.news.column > .content > .header:after {
    clear: both;
}

.category.news.column > .content > .header > span {
    display: inline-block;
    float: left;
}

.category.news.column > .content > .header > .actions {
    float: right;
    margin-right: -1em;
}

.category.news.column > .content > .header > .actions > .button {
    color: #3d5afe;
    font-size: 0.857142857142857rem;
    line-height: 1.166666666666667;
    margin: 0.7em 1.25em 0.7em 0.8em;
}

.category.news.column > .content > .header > .actions > .button.active {
    color: inherit !important;
    margin: 0 0.25em 0 0;
    padding: 0.7em 0.5em;
    border: 1px solid #e0e0e0;
}

.category.news.column > .content > .header > .actions > .button:hover {
    color: #e20613 !important;
}

.category.news.column .news.block > .content {
    display: none;
    padding: 0 1rem;
}

.category.news.column .news.block > .content.active {
    display: block;
}

.news.column .news.block .article,
.category.news.column .news.block .article {
    margin-bottom: 1.428571428571429em;
    padding-bottom: 0;
    font-size: 1rem;
}

.news.column .news.block .article time,
.category.news.column .news.block .article time {
    width: 2.8em;
    font-size: 0.928571428571429em;
    line-height: 1.461538461538461em;
    text-align: right;
}

.news.column .news.block .article .title,
.category.news.column .news.block .article .title {
    margin-left: 3em;
}

.news.column .news.block .article:after,
.category.news.column .news.block .article:after {
    content: none;
    display: none;
}

@media only screen and (max-width: 1260px) {
    .news.column .news.block .article time,
    .category.news.column .news.block .article time {
        float: none;
        margin-right: 0;
        text-align: left;
    }

    .news.column .news.block .article .title,
    .category.news.column .news.block .article .title {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 1023px) {
    .category.news.column > .content > .header > span,
    .category.news.column > .content > .header > .actions {
        float: none;
    }
}

/*
 * # Pravda.ru - banner block placeholders
 *
 */

.special.block {
    position: relative;
    display: inline-block;
    /*background: #dceef4;*/
}

.special.block.leaderboard {
    width: 728px;
    height: 90px;
}

.special.block.vertical.rectangle {
    width: 240px;
    overflow: hidden;
    margin-bottom: 2.428571428571428em;
}

.special.block.vertical.rectangle:after {
    position: absolute;
    bottom: -2.428571428571428em;
    left: 0;
    font-size: 0.857142857142857em;
    line-height: 1;
    color: #424242;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.special.block.vertical.rectangle:last-child {
    margin-bottom: 0;
}

/*
 * # Pravda.ru - article
 *
 */

.article {
    display: block;
    font-size: 1.142857142857143rem;
    text-align: left;
    zoom: 1;
}

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

.article:after {
    clear: both;
}

.article .title {
    display: block;
    font-family: 'PravdaFont', sans-serif;
    font-size: 1.1875em;
    font-weight: 700;
    line-height: 1.157894736842105;
    color: #000;
    transition: color 0.2s ease;
}

.article .title > a {
    color: inherit;
}

.article .title > a:hover {
    color: #e20613;
}

.article .title + .thumb,
.article .title + .quote {
    margin-top: 1em;
}

.article .thumb {
    position: relative;
    display: block;
    margin-bottom: 0.5em;
    overflow: hidden;
}

.article .thumb > img {
    position: relative;
    display: block;
    width: 100%;
}

.article .thumb:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity 0.2s ease;
    z-index: 1;
}

.article .thumb[class*="left aligned"] {
    width: 50% !important;
    margin-right: 1.25em;
    margin-bottom: 1.25em;
    float: left;
}

.article .thumb:last-child {
    margin-bottom: 0 !important;
}

.article .category {
    display: inline-block;
    margin-bottom: 0.5625em;
    font-family: 'Georgia', serif;
    font-size: 0.6875em;
    text-transform: uppercase;
    color: #3d5afe;
}

.article .category > a {
    color: inherit;
}

.article .category > a:hover {
    color: #e20613;
}

.article time,
.article .time {
    display: inline-block;
    font-size: 0.75em;
    color: #424242;
    text-transform: uppercase;
}

.article p {
    margin: 0.625em 0;
}

.article p + .thumb {
    margin-top: 1em;
}

.article p + .thumb:last-child {
    margin-top: 2em;
}

.article .quote {
    overflow: hidden;
}

.article .quote .content {
    position: relative;
    padding-top: 1em;
    padding-right: 1rem;
    padding-left: 1.333333333333333em;
    padding-bottom: 1em;
    border: 1px solid rgba(2,119,189,0.5);
    background: #fafafa;
    font-size: 1em;
    line-height: 1.2;
    font-family: 'playfair_displaybold', serif;
    font-weight: 400;
}

.article .quote .content:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: -1px;
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOdJREFUeNpirNtx+3+1oxwDNcDi8y8ZmBioBKYcf8qQtv5WIgs1DAMaBHJd4r9OlwVM1DQMxKfIwJxNtz8gGwYCLJQYNvfMC0egYReQxZmoaRjJLvz44w9D1sbbH9ZdfYPVMJIMBBnmueDyh/PPvuA0jGgvE2sYUQaCDAtccvUC0DBDQoYR9DLMsOOPPoFc9oEY3zBR0zCcLrz04itD7KrrF269+U6SYVgNBBnmteDyhbfffpNsGIaXKTUMDEDl4c+fP/+ffvjuv3TLofkUFz0gA6lmGAj4LzhPPcPAgVi+p5+BigAgwADlE7DM6vm/YgAAAABJRU5ErkJggg==");
}

.article .quote .extra {
    padding-top: 19px;
    padding-right: 1.714285714285714em;
    padding-left: 1.714285714285714em;
    font-family: 'PravdaFont', sans-serif;
    font-size: 0.875em;
    line-height: 1.2;
    font-weight: 300;
    background-color: #fff;
}

.article .quote .extra > .author {
    display: block;
    font-family: 'PravdaFont', sans-serif;
    font-weight: normal;
    font-size: 1.214285714285714em;
}

.article + .article {
    margin-top: 2.5em;
}

.article:hover > .thumb:before {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
}

.article .social.links {
    white-space: nowrap;
}

.article .social.links .button.text {
    margin-left: 0;
    color: #424242;
}

.breaking.article .title {
    color: #e20613;
}

.featured.article .title {
    font-size: 1.6875em;
    line-height: 1.1;
    margin: 0;
}

.featured.article time,
.featured.article .time {
    font-size: 0.6875em;
    line-height: 1.2;
    font-weight: bold;
}

.featured.article p {
    line-height: 1.2;
}

.video.article > .thumb {
    position: relative;
}

.video.article > .thumb:after {
    font-family: 'icons';
    content: "\e60b";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -23px;
    text-align: center;
    font-size: 46px;
    line-height: 1;
    color: #fff;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    transition: opacity 0.2s ease;
    z-index: 2;
}

.video.article:hover > .thumb:after {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.video.article.featured > .thumb:after {
    margin-top: -31px;
    margin-left: -31px;
    font-size: 62px;
}

.link.article {
    line-height: 1.1875;
}

.link.article > .left.aligned.thumb {
    width: 33.333333333333336% !important;
    margin-bottom: 0;
    margin-right: 0.714285714285714em;
}

.link.article .category {
    display: block;
    margin-bottom: 0.3125em;
}

.link.article .title {
    display: inline;
    font-size: 1em;
    font-weight: normal;
}

.link.article .title:hover {
    color: #e20613;
}

.link.article .source {
    display: inline;
    text-transform: uppercase;
    font-family: 'playfair_displaybold', serif;
    font-size: 0.642857142857143em;
    color: #3d5afe;
}

.link.article .source:before {
    content: '\00a0';
}

.link.article .source:hover {
    color: #e20613;
}

.link.article.featured > .title {
    font-size: 1.1875em !important;
    line-height: 1.157894736842105 !important;
}

.link.article + .link.article {
    margin-top: 1.4em;
}

.link.article time,
.link.article .time {
    display: block;
    font-size: 0.75em;
    margin-top: 0.3125em;
    color: #757575;
    text-transform: uppercase;
}

.author.article {
    position: relative;
    display: block;
    max-width: 480px;
    height: 8.75em;
    padding-top: 1.25em;
    padding-bottom: 1.8125em;
    padding-left: 7.5em;
    padding-right: 1.25em;
    color: #fff;
    /* Smaller variant */
}

.author.article + .author.article {
    margin-top: 1.5em;
}

.author.article > * {
    position: relative;
    z-index: 3;
}

.author.article > .image {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 7.5em;
    height: 100%;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    z-index: 1;
    transition: opacity 0.2s ease;
}

.author.article > .image > img {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    max-height: 100%;
}

.author.article > .title {
    color: #fff;
    font-size: 1.3125em;
    font-weight: normal;
    line-height: 1.19047619047619;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.author.article > .author {
    position: absolute;
    bottom: 1.25em;
    font-family: 'Georgia', serif;
    font-size: 0.6875em;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.author.article.red {
    background-color: #d84315;
}

.author.article.purple {
    background-color: #5e35b1;
}

.author.article.green {
    background-color: #2e7d32;
}

.author.article.teal {
    background-color: #0097a7;
}

.author.article.gray {
    background-color: #424242;
}

.author.article:hover > .image {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.author.article.small {
    height: 7.25em;
    padding-top: 0.75em;
    padding-left: 6em;
}

.author.article.small > .title {
    font-size: 1.0625em;
    line-height: 1.166666666666667;
}

.author.article.small > .image > img {
    width: 85%;
}

.author.article.small > .author {
    bottom: 1.25em;
}

.gallery.article {
    position: relative;
}

.gallery.article .thumb {
    max-height: 15.4375em;
    margin: 0;
}

.gallery.article .thumb:before {
    content: none;
}

.gallery.article .thumb:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.38) 30%, transparent) !important;
}

.gallery.article .title {
    position: absolute;
    bottom: 20px;
    left: 19px;
    right: 19px;
    max-width: 14.8125em;
    font-size: 1.3125em;
    line-height: 1.19047619047619;
    color: #fff;
}

.gallery.article .count {
    position: absolute;
    top: 20px;
    left: 19px;
    display: inline-block;
    padding: 7px 8px;
    border: 1px solid #fff;
    color: #fff;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase;
}

.gallery.article:hover .count {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.gallery.article:hover .thumb:after {
    background: linear-gradient(to top, rgba(0,0,0,0.18) 50%, transparent) !important;
}

.gallery.article.centered > .title {
    text-align: center;
}

.column > .article .thumb {
    width: 100%;
}

.vertically.divided.grid > .column > .article .title,
.vertically.divided.grid > .row > .column > .article .title {
    font-size: 1.0625em;
    font-weight: normal;
    letter-spacing: 0;
}

.full.article {
    margin-bottom: 4.0625em;
}

.full.article:last-child {
    margin-bottom: -1.5em;
}

.full.article h1.title {
    margin: -0.2em 0 0;
    font-size: 3em;
    line-height: 1;
}

.full.article h1.title + p {
    margin-top: 0.5em;
}

.full.article > img {
    max-width: 100%;
}

.full.article .category {
    display: block;
    margin: 1em 0;
    font-size: 0.75em;
}

.full.article .category > a {
    margin: 0 0.2em;
}

.full.article .category > a:first-child {
    margin-left: 0;
}

.full.article .category > a:last-child {
    margin-right: 0;
}

.full.article p {
    font-size: 1.125em;
    line-height: 1.4;
    margin: 1.5em 0;
}

.full.article p.lead {
    font-weight: bold;
    -webkit-font-smoothing: initial;
}

.full.article p:last-child {
    margin-bottom: 0;
}

.full.article .quote > .content {
    font-size: 1.2em;
}

.full.article .quote {
    width: 36.3%;
    float: left;
    margin-top: 0;
    margin-right: 1.888888888888889em;
    margin-bottom: 1em;
}

.full.article .quote + p {
    margin-left: 36.3%;
    padding-left: 1.888888888888889em;
}

.full.article .divider {
    margin: 1em 0;
    border-top: 1px solid #eee;
    clear: both;
}

.full.article .grid {
    margin-top: 24px;
}

.full.article .grid .column > p:first-child {
    margin-top: 0;
}

.full.video.article .thumb:after {
    font-size: 106px;
    margin-top: -53px;
    margin-left: -53px;
}

.full.article .box {
    width: 36.3%;
}

.full.article .box[class*="left aligned"] {
    position: relative;
    float: left;
    margin-left: -36.3%;
    margin-right: 1px;
    margin-bottom: 0;
    padding-left: 1rem;
    padding-right: 2rem;
}

.full.article .box[class*="left aligned"]:last-child {
    margin-top: -1.6875em;
}

.full.article .box[class*="bottom aligned"] {
    position: relative;
}

.full.article .box[class*="bottom aligned"] > .content {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding-right: 3rem;
}

.full.article p + [class*="bottom aligned"].box {
    margin-top: -1.6875em;
}

.full.article .box > .header {
    margin: -2.477777777777778em 0 1.277777777777778em;
    font-family: 'playfair_displaybold', serif;
    font-size: 1.125em;
    line-height: 1.2;
    letter-spacing: 1px;
}

.full.article .box > .header > a {
    color: inherit;
}

.full.article .box > .header > small {
    margin-left: 1em;
    font-size: 0.5em;
    text-transform: uppercase;
    letter-spacing: 0;
}

.full.article .box > .header > small > a {
    color: #e20613;
}

.full.article .box > .header > small > a:hover {
    color: #0a305a;
}

.full.article .box > .header.red {
    color: #e20613;
}

.full.article .box > .header.blue {
    color: #0a305a;
}

.full.article [class*="left aligned"].box .social.links {
    white-space: normal;
}

.full.article [class*="left aligned"].box .social.links > .text {
    display: block;
    margin: 0 0 0.5em;
    padding: 0;
    font-weight: 700;
    font-size: 1.125em;
    text-transform: none;
    text-align: left;
    color: #424242;
}

.full.article .meta {
    margin: 1.5em 0 0.5em;
    font-size: 1rem;
}

.full.article .meta .source {
    font-size: 0.714285714285714em;
    color: #969696;
    text-transform: uppercase;
}

.full.article .meta .source > span {
    display: block;
}

.full.article .meta .source > a {
    font-size: 1.4em;
    font-weight: 700;
    color: #e20613;
}

.full.article .meta .source > a:hover {
    color: #3d5afe;
}

.full.article .meta time,
.full.article .meta .time:not(.icon) {
    float: right;
    display: block;
    font-size: 0.857142857142857em;
    text-transform: uppercase;
    color: #424242;
}

.full.article .meta time > .icon,
.full.article .meta .time:not(.icon) > .icon {
    margin-right: 0.5em;
    color: #bdbdbd;
}

.full.article .box .meta {
    margin: 0;
}

.full.article .box .meta time,
.full.article .box .meta .time:not(.icon) {
    float: none;
    margin-top: 2em;
}

.full.article .gallery,
.full.article .inserted-image {
    position: relative;
    margin-bottom: 1em;
}

.full.article .gallery > img,
.full.article .inserted-image > img {
    max-width: 100%;
}

.full.article .gallery > .copyright,
.full.article .inserted-image > .copyright {
    position: absolute;
    color: #bdbdbd;
    font-size: 0.625em;
    text-transform: uppercase;
    margin-top: 4px;
}

.full.article .gallery[class*="left aligned"],
.full.article .inserted-image[class*="left aligned"] {
    float: left;
    margin-left: -36.3%;
    margin-right: 2.125em;
    padding-left: 1rem;
}

.full.article .gallery[class*="full width"],
.full.article .inserted-image[class*="full width"] {
    float: none !important;
    width: 136.3%;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    margin-left: -36.3%;
    padding-left: 1rem;
}

.full.article .gallery[class*="full width"] > .copyright,
.full.article .inserted-image[class*="full width"] > .copyright {
    position: static;
    text-align: right;
}

.full.article .gallery:first-child,
.full.article .inserted-image:first-child {
    margin-top: 0;
}

.full.article .gallery + .descriptions,
.full.article .inserted-image + .descriptions {
    margin-top: 0;
}

.full.article .inserted-image:not(.inserted-image-center) {
    float: left;
    margin-left: -36.3%;
    margin-right: 2.125em;
    padding-left: 1rem;
}

.full.article .descriptions {
    margin: 1.5em 0;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

.full.article .descriptions .descriptions {
    margin: 0;
}

.full.article .descriptions .descriptions .lslide {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity 0.2s ease;
}

.full.article .descriptions .descriptions .lslide.active {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.full.article .descriptions p:first-child {
    margin-top: 0;
}

.full.article .social.metrics {
    font-size: 0.714285714285714rem;
    zoom: 1;
}

.full.article .social.metrics:before,
.full.article .social.metrics:after {
    content: "";
    display: table;
}

.full.article .social.metrics:after {
    clear: both;
}

.full.article .social.metrics .metric {
    display: block;
    padding: 1.8em 0.5em 1.3em;
    border-bottom: 1px solid #e0e0e0;
}

.full.article .social.metrics .metric:hover {
    background: #f9f9f9;
}

.full.article .social.metrics .metric:first-child {
    padding-top: 0;
}

.full.article .social.metrics .metric > .icon {
    float: left;
    font-size: 2.1em;
    color: #3d5afe;
}

.full.article .social.metrics .metric .content {
    display: block;
    margin: 0 3.3em;
    color: #969696;
    text-transform: uppercase;
    line-height: 1.7;
}

.full.article .social.metrics .metric .content .count {
    display: block;
    font-size: 1.8em;
    line-height: 1;
    color: #000;
}

.full.article .social.metrics .metric .link {
    display: block;
    float: right;
    margin-right: -0.5em;
    font-size: 1.3em;
    color: #969696;
    line-height: 2.192307692307693em;
}

.full.article .social.metrics .metric .link > .icon {
    font-size: 13px;
    padding: 0.5em 0.5em 0;
    color: inherit;
}

.full.article .social.metrics .metric .link > .icon:hover {
    color: #e20613;
}

.search.article {
    position: relative;
    margin-top: 1.5em;
    padding-left: 110px;
}

.search.article .thumb.thumb {
    position: absolute;
    top: 5px;
    left: 0;
    width: 85px !important;
    height: auto;
}

.search.article .title {
    font-size: 1.714285714285714rem;
}

.search.article p {
    font-size: 1.142857142857143rem;
}

.search.article a.source {
    font-size: 1rem;
    line-height: 1;
    color: #6d6d6d;
}

.search.article a.source:hover {
    color: #e20613;
}

@media only screen and (max-width: 425px) {
    .article {
        display: block;
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .article:first-child {
        margin-top: 0 !important;
    }

    .article:last-child {
        margin-bottom: 0 !important;
    }

    .article .thumb[class*="left aligned"] {
        float: none !important;
        width: 100% !important;
        margin-right: 0;
        margin-bottom: 0;
    }

    .full.article .box {
        max-width: none !important;
    }

    .full.article .quote {
        max-width: none !important;
    }

    .gallery.article {
        margin-bottom: 1em !important;
    }

    .gallery.article .thumb {
        margin: 0 !important;
    }
}

@media only screen and (max-width: 640px) {
    .full.article .gallery > img {
        width: 100% !important;
    }
}

@media only screen and (max-width: 767px) {
    .article .thumb.thumb {
        float: none !important;
        width: auto !important;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
    }

    .author.article {
        padding: 1em !important;
    }

    .author.article > .image {
        display: none;
    }
}

@media only screen and (max-width: 840px) {
    .full.article .gallery {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .full.article .gallery > img {
        margin: 0 auto;
        width: 640px;
        display: block;
    }
}

@media only screen and (max-width: 1024px) {
    .full.article h1.title {
        font-size: 2.25em;
    }

    .full.article p {
        margin: 1em 0 !important;
    }

    .full.article .box {
        float: none !important;
        width: auto;
        margin: 1em 0 !important;
        padding: 0 !important;
    }

    .full.article .box:first-child {
        margin-top: 0 !important;
    }

    .full.article .box > .content {
        position: static !important;
        padding: 0 !important;
    }

    .full.article .box > .header {
        margin: 0 0 1em;
    }

    .full.article .meta .source > * {
        display: initial !important;
    }

    .full.article .meta .source > * + *:before {
        content: '\0020';
    }

    .full.article .meta time {
        margin: 0 0 1em !important;
    }

    .full.article .gallery {
        margin-left: 0 !important;
        padding: 0 !important;
    }

    .full.article .gallery > .copyright {
        position: initial !important;
    }

    .full.article .quote {
        float: none !important;
        width: auto;
        max-width: 245px;
    }

    .full.article .quote + p {
        margin-left: 0;
        padding-left: 0;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1100px) {
    .full.article .gallery {
        width: 100% !important;
    }

    .full.article .gallery > img {
        margin: 0 auto;
        width: 100%;
        display: block;
        max-width: 640px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1260px) {
    .full.article .box {
        float: left !important;
        clear: left;
        max-width: 245px;
        margin: 1em 0 !important;
        padding: 0 2em 0 0 !important;
    }

    .full.article .box:first-child {
        margin-top: 0 !important;
    }

    .full.article .box > .content {
        position: static !important;
        padding: 0 !important;
    }

    .full.article .box > .header {
        margin: 0 0 1em;
    }

    .full.article .box .social.links {
        float: left !important;
        width: auto !important;
        padding-right: 2em !important;
    }

    .full.article .meta .source > * {
        display: initial !important;
    }

    .full.article .meta .source > * + *:before {
        content: '\0020';
    }

    .full.article .meta time {
        margin: 0 0 1em !important;
    }

    .full.article .gallery {
        clear: left;
        margin-left: 0 !important;
        padding: 0 !important;
    }

    .full.article .gallery > .copyright {
        position: initial !important;
    }

    .full.article .quote {
        margin: 1em 0;
        padding-right: 2em;
        float: left !important;
        clear: left;
        max-width: 245px;
    }

    .full.article .quote + p {
        margin-left: 0;
        padding-left: 0;
    }
}

@media only screen and (max-width: 1260px) {
    .full.article .gallery[class*="full width"] {
        width: 100%;
    }

    .full.article .gallery[class*="full width"] > img {
        display: block;
        margin: 0 auto;
    }
}

/*
 * # Pravda.ru - featured authors
 *
 */

.featured.authors.block {
    display: block;
    margin-left: 34px;
    padding-top: 57px;
    background: url("../pix/featured_authors.png") no-repeat top left;
    font-size: 1rem;
    text-decoration: none;
    color: inherit;
}

.featured.authors.block .header {
    display: block;
    padding-top: 0.2em;
    border-top: 1px solid #bdbdbd;
    font-family: 'playfair_displaybold', serif;
    font-size: 1.285714285714286em;
    letter-spacing: 1px;
    line-height: 1.4;
}

.featured.authors.block .header small {
    display: block;
    font-family: 'PravdaFont', sans-serif;
    font-size: 0.777777777777778em;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 1;
}

.featured.authors.block:hover {
    color: #3d5afe;
}

.featured.authors.block:hover > .subtitle {
    color: inherit;
}

.featured.authors.block:active {
    color: #e20613;
}

.featured.authors.block:active > .subtitle {
    color: inherit;
}

/*
 * # Pravda.ru - label
 *
 */

.label {
    display: inline-block;
    vertical-align: baseline;
    line-height: 1;
    margin: 0 0.125em;
    background-color: #e8e8e8;
    border-color: #e8e8e8;
    padding: 0.6em 0.8em;
    color: rgba(0,0,0,0.6);
    text-transform: none;
    font-weight: bold;
    border-radius: 0.2157rem;
    box-sizing: border-box;
    transition: background 0.2s ease;
}

.label.floating {
    position: absolute;
    z-index: 100;
    top: -1em;
    left: 100%;
    margin: 0em 0em 0em -1.5em !important;
}

.label.red {
    background-color: #e20613 !important;
    border-color: #e20613 !important;
    color: #fff !important;
}

/*
 * # Pravda.ru - activity block
 *
 */

.activity.block {
    border: 1px solid rgba(193,31,31,0.5);
}

.activity.block .article {
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
}

.activity.block .article .author {
    display: block;
    font-family: 'playfair_displaybold', serif;
    font-size: 0.875em;
    font-weight: 700;
    color: #3d5afe;
}

.activity.block .article .author > a {
    color: inherit;
}

.activity.block .article .author > a:hover {
    color: #e20613;
}

.activity.block .article time,
.activity.block .article .time {
    display: inline-block;
    font-size: 0.75em;
    color: #424242;
}

.activity.block .article .title {
    display: block;
    margin-top: 1em;
    font-size: 1.0625em;
    line-height: 1.25em;
}

.activity.block .article:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 42px;
    border-top: 1px solid #e0e0e0;
}

.activity.block .article:first-child {
    margin-top: 0;
    padding-top: 0;
}

.activity.block .article:first-child:before {
    content: none;
}

.activity.column {
    padding-top: 1.5em !important;
}

.activity.column .header {
    margin: 0 !important;
    color: #e20613;
}

.activity.column > .activity.block {
    position: absolute;
    top: 0;
    left: 0;
    right: 1rem;
    bottom: 0;
    padding-top: 4em;
    padding-bottom: 1.25em;
    padding-left: 1rem;
    overflow: hidden;
}

.activity.column > .activity.block > .content {
    height: 100%;
    padding-right: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.activity.block > .content.mCustomScrollbar {
    padding-right: 0 !important;
}

/*
 * # Pravda.ru - custom scrollbar style
 *
 */

.mCS-pravda.mCSB_scrollTools {
    width: 9px;
}

.mCS-pravda.mCSB_scrollTools .mCSB_draggerRail {
    width: 9px;
    margin: 0;
    background: none;
}

.mCS-pravda.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger_bar {
    width: 100%;
    background: #bdbdbd;
    border-radius: 0;
}

/*
 * # Pravda.ru - social block
 *
 */

.social.block {
    font-size: 0;
    display: inline-block;
    margin-bottom: 1.9rem;
    vertical-align: top;
    text-align: left;
}

.social.block > * {
    vertical-align: top;
}

.social.block .title {
    display: inline-block;
    margin-right: 1.555555555555556em;
    font-family: 'playfair_displaybold', serif;
    font-size: 1.285714285714286rem;
    line-height: 1.166666666666667;
    color: #e20613;
    letter-spacing: 1px;
}

.social.block .title > small {
    display: block;
    font-family: 'PravdaFont', sans-serif;
    font-size: 0.875em;
    line-height: 1em;
    letter-spacing: 0;
    color: #424242;
}

.social.block .links {
    display: inline-block;
}

.social.block .links > .icon {
    margin: 0 3.5px;
    vertical-align: middle;
    font-size: 2.428571428571428rem;
    line-height: 1.058823529411765;
}

.social.block .links > .icon:first-child {
    margin-left: 0;
}

.social.block .links > .icon:last-child {
    margin-right: 0;
}

.social.block .links > .icon.facebook {
    color: #4a66ad;
}

.social.block .links > .icon.twitter {
    color: #38a4dc;
}

.social.block .links > .icon.vk {
    color: #5f82ad;
}

.social.block .links > .icon.mailru {
    color: #3866ae;
}

.social.block .links > .icon.ok {
    color: #ff661b;
}

.social.block .links > .icon.youtube {
    color: #cc181e;
}

.social.block .links > .icon.google-plus {
    color: #db4437;
}

@media only screen and (max-width: 425px) {
    .social.block {
        margin-bottom: 0;
    }

    .social.block .title {
        margin-right: 0;
        margin-bottom: 1em;
    }
}

@media only screen and (max-width: 767px) {
    .social.block {
        margin-bottom: 0;
    }
}

/*
 * # Pravda.ru - readers top block
 *
 */

.readers.top.block {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.readers.top.block > .item {
    position: relative;
    min-height: 2.571428571428572em;
    margin-bottom: 1.357142857142857em;
    padding-left: 3.571428571428572em;
    counter-increment: step-counter;
}

.readers.top.block > .item::before {
    content: counter(step-counter);
    position: absolute;
    left: 0;
    display: block;
    width: 2.25em;
    height: 2.25em;
    line-height: 2.25em;
    font-size: 1.142857142857143em;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(226,6,19,0.85);
}

.readers.top.block > .item:hover::before {
    box-shadow: 0 0 0 1px #e20613;
    color: #e20613;
}

.readers.top.block > .item:last-child {
    margin-bottom: 0;
}

.readers.top.block > .item .article .title {
    font-size: 1.0625em;
}

/*
 * # Pravda.ru - tag list
 *
 */

.tag.list .header {
    display: inline-block;
    margin-right: 2em;
    font-family: 'playfair_displaybold', serif;
    font-size: 1.285714285714286rem;
    line-height: 1.2;
    letter-spacing: 1px;
}

.tag.list .button {
    margin: 0 0.7em 0.7em 0;
    padding: 0.3em 0.7em;
    background: #d5d5d5;
    color: #232323;
    border-radius: 0.6em;
}

.tag.list .button:hover {
    background: none;
    border: 1px solid #dfdfdf;
    color: #9b9b9b;
}

.tag.list.centered {
    text-align: center;
}

.tag.list.centered .header {
    display: block;
    margin: 0 0 1.5em;
}

.article [class*="left aligned"].box .tag.list .header {
    display: block;
    margin-right: 0;
    margin-bottom: 1.277777777777778em;
}

@media only screen and (max-width: 767px) {
    .tag.list {
        margin-bottom: 1em;
    }

    .tag.list .header {
        display: block;
        margin-bottom: 1em;
    }
}

/*
 * # Pravda.ru - comment
 *
 */

.comment.section {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1.9rem !important;
    border-top: 1px solid #e0e0e0;
    background: #fafafa;
}

.comment.section .feed {
    margin: 2.5em 0;
}

.comment.section .feed:first-child {
    margin-top: 0;
}

.comment.section .feed:last-child {
    margin-bottom: 0;
}

.comment.section .feed > .event {
    display: table;
    width: 100%;
    padding: 0.5rem 0em;
    margin: 0 0 1em;
    background: none;
    border-top: none;
}

.comment.section .feed > .event > .label {
    display: table-cell;
    width: 3.571428571428572em;
    height: 2.5em;
    padding: 0;
    background: 0;
    vertical-align: top;
    text-align: left;
}

.comment.section .feed > .event > .label img {
    width: 100%;
    height: auto;
}

.comment.section .feed > .event > .label + .content {
    padding: 0 0 0 1.25em;
}

.comment.section .feed > .event > .content {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    word-wrap: break-word;
}

.comment.section .feed > .event > .content > .summary {
    margin-bottom: 0.5em;
    line-height: 1em;
}

.comment.section .feed > .event > .content .user {
    font-weight: 700;
    color: inherit;
}

.comment.section .feed > .event > .content time,
.comment.section .feed > .event > .content .time {
    margin-left: 0.5em;
    font-size: 0.857142857142857em;
    color: #6d6d6d;
    text-transform: uppercase;
}

.comment.section .feed > .event > .content > .text {
    font-size: 1.142857142857143em;
    line-height: 1.1875;
}

.comment.section .feed > .event > .content > form > .field {
    background: #fff;
    border: 1px solid #e0e0e0;
}

.comment.section .feed > .event > .content > form > .field > textarea {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 10em;
    padding: 1em 1.5em;
    margin: 0;
    line-height: 1.4em;
    border: none;
    resize: none;
    outline: none;
}

@media only screen and (max-width: 767px) {
    .comment.section .header {
        margin-bottom: 1em !important;
    }
}

/*
 * # Pravda.ru - calendar
 *
 */

.calendar:not(.header) {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: -1px;
    padding: 0;
    text-align: left;
    font-size: 0;
    border: 1px solid #eee;
    border-right: none;
    overflow: hidden;
}

.calendar:not(.header) .day {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    width: 14.285714285714286%;
    vertical-align: top;
    text-align: center;
    line-height: 2.5em;
    border-right: 1px solid #eee;
    box-shadow: 0 -1px 0 #eee;
    cursor: pointer;
}

.calendar:not(.header) .day > a {
    color: inherit;
}

.calendar:not(.header) .day.active {
    background: #e20613;
}

.calendar:not(.header) .day.active > a {
    color: #fff;
}

.calendar:not(.header) .day.active:hover {
    background: rgba(226,6,19,0.7);
}

.calendar:not(.header) .day:hover {
    background: #fafafa;
}

.calendar:not(.header) .day:empty {
    background: none !important;
}

.calendar:not(.header) .day:empty::before {
    content: '\0000A0';
}

.calendar:not(.header) .day.monday:first-child,
.calendar:not(.header) .header + .day.monday {
    margin-left: 0%;
}

.calendar:not(.header) .day.tuesday:first-child,
.calendar:not(.header) .header + .day.tuesday {
    margin-left: 14.285714285714299%;
}

.calendar:not(.header) .day.wednesday:first-child,
.calendar:not(.header) .header + .day.wednesday {
    margin-left: 28.571428571428598%;
}

.calendar:not(.header) .day.thursday:first-child,
.calendar:not(.header) .header + .day.thursday {
    margin-left: 42.8571428571429%;
}

.calendar:not(.header) .day.friday:first-child,
.calendar:not(.header) .header + .day.friday {
    margin-left: 57.142857142857096%;
}

.calendar:not(.header) .day.saturday:first-child,
.calendar:not(.header) .header + .day.saturday {
    margin-left: 71.4285714285714%;
}

.calendar:not(.header) .day.sunday:first-child,
.calendar:not(.header) .header + .day.sunday {
    margin-left: 85.7142857142857%;
}

.calendar:not(.header) > .header {
    background: #f5f5f5;
}

.calendar:not(.header) > .header > .day {
    margin-left: 0 !important;
    font-size: 0.714285714285714rem;
    line-height: 3.6em;
    text-transform: uppercase;
    color: #757575;
    text-align: center;
    background: none !important;
}

/*
 * # Pravda.ru - sticky content styles
 *
 */

.sticky {
    position: static;
    transition: width 0.2s ease, height 0.2s ease, top 0.2s ease, bottom 0.2s ease;
    z-index: 800;
}

.sticky.bound {
    position: absolute;
    left: auto;
    right: auto;
}

.sticky.fixed {
    position: fixed;
    left: auto;
    right: auto;
}

.sticky.bound.top,
.sticky.fixed.top {
    top: 0;
    bottom: auto;
}

.sticky.bound.bottom,
.sticky.fixed.bottom {
    top: auto;
    bottom: 0;
}

@media only screen and (max-width: 767px) {
    .sticky {
        position: static !important;
        margin-bottom: 1rem !important;
    }
}

/*
 * # Pravda.ru - language list
 *
 */

.lang.list {
    position: absolute;
    bottom: 6px;
    left: 90px;
    display: inline-block;
    font-size: 0.857142857142857rem;
    line-height: 1;
    white-space: nowrap;
}

.lang.list > .item {
    display: inline-block;
    margin: 0 3px;
    color: #5e5e5e;
}

.lang.list > .item:first-child {
    margin-left: 0;
}

.lang.list > .item:last-child {
    margin-right: 0;
}

.lang.list > .item.active,
.lang.list > .item:hover,
.lang.list > .item:active {
    color: #901015;
}

.lang.list > .item.active {
    border-color: #e0e0e0;
}

@media only screen and (min-width: 1024px) and (max-width: 1260px) {
    .lang.list {
        left: 62px;
    }
}

/*
 * # Pravda.ru - login block
 *
 */

.login.menu {
    display: inline-block;
}

.login.menu > .item {
    position: relative;
    font-size: 0.857142857142857rem;
    padding: 1.541666666666667em 1.4em;
    text-transform: uppercase;
    color: inherit;
}

@media only screen and (max-width: 1260px) {
    .login.menu > .item {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}

/*
 * # Pravda.ru - modal window styles
 *
 */

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.95);
    z-index: 10000;
    display: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity 0.2s ease-out;
}

.backdrop:before,
.backdrop:after {
    content: '';
    display: table-cell;
    width: 50%;
}

.backdrop .popup-container {
    display: table-cell;
    vertical-align: middle;
}

.backdrop .popup-container .popup {
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
    padding: 22px 30px 40px;
    width: 540px;
    border: 1px solid rgba(96,96,96,0.5);
    display: table;
    transform: scaleX(0.5) scaleY(0.5);
    transition: transform 0.2s ease-out;
}

.backdrop .popup-container .popup .popup-body {
    display: table-row;
    white-space: normal;
}

.backdrop .popup-container .popup .popup-body > .section {
    margin: 0;
    padding: 0;
}

.backdrop .popup-container .popup .popup-body > .section + .section {
    margin-top: 15px;
}

.backdrop .popup-container .popup .popup-body > .section.bordered {
    margin-bottom: 20px;
}

.backdrop .popup-container .popup .popup-body > .section:not(.bordered) {
    border-bottom: none;
}

.backdrop .popup-container .popup .popup-body > .section > .header {
    margin-bottom: 1.214285714285714rem;
    color: #e20613;
    letter-spacing: 0.7px;
}

.backdrop .popup-container .popup .popup-body .social.links .button.text {
    margin-left: 0;
    margin-right: 0.5em;
    text-transform: none;
    font-size: 1.285714285714286rem;
}

.backdrop .popup-container .popup .popup-body .grid + .grid {
    margin-top: 18px;
}

.backdrop .popup-container .popup .popup-body form input[type="text"],
.backdrop .popup-container .popup .popup-body form input[type="password"] {
    width: 100%;
    padding: 11px 16px;
    display: block;
    border: 1px solid #e0e0e0;
    font-size: 1.285714285714286rem;
    line-height: 1.333333333333333;
    outline: none;
    background: #f9f9f9;
}

.backdrop .popup-container .popup .popup-body form input[type="text"]:focus,
.backdrop .popup-container .popup .popup-body form input[type="password"]:focus {
    background: #fff;
}

.backdrop .popup-container .popup .popup-body form input[type="text"]::-webkit-input-placeholder,
.backdrop .popup-container .popup .popup-body form input[type="password"]::-webkit-input-placeholder {
    text-transform: uppercase;
    font-size: 0.666666666666667em;
    line-height: 2;
    color: rgba(66,66,66,0.5);
}

.backdrop .popup-container .popup .popup-body form input[type="text"]::-moz-placeholder,
.backdrop .popup-container .popup .popup-body form input[type="password"]::-moz-placeholder {
    text-transform: uppercase;
    font-size: 0.666666666666667em;
    line-height: 2;
    color: rgba(66,66,66,0.5);
}

.backdrop .popup-container .popup .popup-body form input[type="text"]:-moz-placeholder,
.backdrop .popup-container .popup .popup-body form input[type="password"]:-moz-placeholder {
    text-transform: uppercase;
    font-size: 0.666666666666667em;
    line-height: 2;
    color: rgba(66,66,66,0.5);
}

.backdrop .popup-container .popup .popup-body form input[type="text"]:-ms-input-placeholder,
.backdrop .popup-container .popup .popup-body form input[type="password"]:-ms-input-placeholder {
    text-transform: uppercase;
    font-size: 0.666666666666667em;
    line-height: 2;
    color: rgba(66,66,66,0.5);
}

.backdrop .popup-container .popup .popup-body form button {
    display: block;
    width: 100%;
    padding: 11px 16px;
    background: #fff;
    border: 1px solid #3d5afe;
    color: #3d5afe;
    font-size: 1rem;
    line-height: 1.714285714285714em;
    text-transform: uppercase;
    border-radius: 500em;
    outline: none;
}

.backdrop .popup-container .popup .popup-body form button:hover,
.backdrop .popup-container .popup .popup-body form button:active,
.backdrop .popup-container .popup .popup-body form button:focus {
    color: #e20613;
}

.backdrop .popup-container .popup .popup-body form label {
    text-transform: uppercase;
    font-size: 1rem;
    color: #424242;
}

.backdrop .popup-container .popup .popup-body form label > input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.backdrop .popup-container .popup .popup-body form label > input[type="checkbox"] + span {
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.backdrop .popup-container .popup .popup-body form label > input[type="checkbox"] + span:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    line-height: 1rem;
    border: 1px solid #e0e0e0;
    vertical-align: top;
    text-align: center;
    line-height: 16px;
    font-size: 26px;
    color: rgba(66,66,66,0);
    transition: color 0.2s ease-out;
}

.backdrop .popup-container .popup .popup-body form label > input[type="checkbox"]:focus + span:before {
    border-color: #e20613;
}

.backdrop .popup-container .popup .popup-body form label > input[type="checkbox"]:checked + span:before {
    content: '\00d7';
    color: rgba(66,66,66,0.5);
}

.backdrop .popup-container .popup .popup-body form a {
    text-transform: uppercase;
    color: #3d5afe;
    font-size: 1rem;
}

.backdrop .popup-container .popup .popup-body form a:focus,
.backdrop .popup-container .popup .popup-body form a:hover,
.backdrop .popup-container .popup .popup-body form a:active {
    color: #e20613;
}

.backdrop.visible {
    display: table;
}

.backdrop.revealed {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.backdrop.revealed .popup {
    transform: scaleX(1) scaleY(1);
}

@media only screen and (max-width: 560px) {
    .backdrop .popup {
        width: 320px !important;
    }
}

/*
 * # Pravda.ru - profile block
 *
 */

.profile.block {
    display: inline-block;
    min-height: 50px;
    font-size: 1rem;
    cursor: pointer;
}

.profile.block > span {
    display: inline-block;
    height: 50px;
    line-height: 30px;
    vertical-align: top;
}

.profile.block .name {
    display: inline-block;
    width: 100px;
    padding: 10px;
    font-size: 0.857142857142857em;
    color: rgba(255,255,255,0.6);
    transition: color 0.2s ease-out;
}

.profile.block .name > span {
    display: inline-block;
    line-height: 15px;
    vertical-align: baseline;
    text-align: right;
}

.profile.block .avatar {
    display: inline-block;
    width: 42px;
    height: 42px;
    padding: 4px 0;
}

.profile.block .avatar > img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #fff;
}

.profile.block .expand {
    display: inline-block;
    padding: 10px;
    line-height: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.profile.block .expand.active {
    background: rgba(255,255,255,0.1);
}

.profile.block:hover .name {
    color: #fff;
}

#profile-popup.menu {
    position: absolute;
    top: -100%;
    left: -100%;
    display: none;
    padding: 10px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity 0.2s ease-out;
    background: #fff;
    border: 1px solid #e0e0e0;
    z-index: 9000;
    box-shadow: 0 0 10px rgba(0,0,0,0.35);
}

#profile-popup.menu > .item:before {
    display: none;
}

#profile-popup.menu > .item:hover {
    background: none;
    color: #e20613;
}

#profile-popup.menu.visible {
    display: block;
}

#profile-popup.menu.revealed {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

@media only screen and (max-width: 1260px) {
    .profile.block {
        float: right;
    }

    .profile.block .name {
        display: none;
    }
}

@media only screen and (max-width: 1023px) {
    #profile-popup.menu {
        position: fixed;
    }
}

/*
 * # pravda.ru - profile page styles
 *
 */

.profile:not(.block) .avatar {
    position: relative;
    width: 248px;
    height: 248px;
    margin-bottom: 100px;
    border: 1px solid #dcdcdc;
    background: #f9f9f9 url("../pix/camera.png") no-repeat center center;
    font-size: 0.857142857142857em;
}

.profile:not(.block) .avatar > img {
    position: relative;
    display: block;
    max-width: 100%;
    margin: 0 auto;
    border: 0;
}

.profile:not(.block) .avatar > a.upload,
.profile:not(.block) .avatar > a.remove {
    position: relative;
    display: block;
    text-align: center;
    color: #666;
    text-transform: uppercase;
    cursor: pointer;
}

.profile:not(.block) .avatar > a.upload:hover,
.profile:not(.block) .avatar > a.remove:hover {
    color: #e20613;
}

.profile:not(.block) .avatar > a.remove {
    position: absolute;
    bottom: -50px;
    width: 100%;
}

.profile:not(.block) .avatar > a.upload {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: 50px;
    overflow: hidden;
}

.profile:not(.block) .avatar > a.upload > input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 200px;
    direction: ltr;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    cursor: pointer;
}

.profile:not(.block) form select {
    display: block;
    width: 100%;
    padding: 11px 16px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 0;
    background: #f9f9f9 url("../pix/chevron.png") no-repeat right 11px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1.333333333333333;
    font-size: 1.285714285714286rem;
    min-width: 60px;
}

.profile:not(.block) form label {
    display: block;
    margin-bottom: 1.45em;
}

.profile:not(.block) form label > span {
    display: block;
    margin-bottom: 0.5em;
    font-size: 0.857142857142857em;
    text-transform: uppercase;
}

.profile:not(.block) form label > input[type="text"],
.profile:not(.block) form label > input[type="email"] {
    width: 100%;
    padding: 11px 16px;
    display: block;
    border: 1px solid #e0e0e0;
    font-size: 1.285714285714286rem;
    line-height: 1.333333333333333;
    outline: none;
    background: #f9f9f9;
}

.profile:not(.block) form label > input[type="text"]:focus,
.profile:not(.block) form label > input[type="email"]:focus {
    background: #fff;
}

.profile:not(.block) form label > input[type="text"]::-webkit-input-placeholder,
.profile:not(.block) form label > input[type="email"]::-webkit-input-placeholder {
    text-transform: uppercase;
    font-size: 0.666666666666667em;
    line-height: 2;
    color: rgba(66,66,66,0.5);
}

.profile:not(.block) form label > input[type="text"]::-moz-placeholder,
.profile:not(.block) form label > input[type="email"]::-moz-placeholder {
    text-transform: uppercase;
    font-size: 0.666666666666667em;
    line-height: 2;
    color: rgba(66,66,66,0.5);
}

.profile:not(.block) form label > input[type="text"]:-moz-placeholder,
.profile:not(.block) form label > input[type="email"]:-moz-placeholder {
    text-transform: uppercase;
    font-size: 0.666666666666667em;
    line-height: 2;
    color: rgba(66,66,66,0.5);
}

.profile:not(.block) form label > input[type="text"]:-ms-input-placeholder,
.profile:not(.block) form label > input[type="email"]:-ms-input-placeholder {
    text-transform: uppercase;
    font-size: 0.666666666666667em;
    line-height: 2;
    color: rgba(66,66,66,0.5);
}

.profile:not(.block) form .group {
    display: table;
    width: 100%;
}

.profile:not(.block) form .group > * {
    display: table-cell !important;
    padding: 0 5px;
}

.profile:not(.block) form .group > *:first-child {
    padding-left: 0;
}

.profile:not(.block) form .group > *:last-child {
    padding-right: 0;
}

.profile:not(.block) form .group > select {
    width: auto;
}

.profile:not(.block) .social {
    display: block;
    margin-top: 25px;
    margin-right: 0;
    margin-left: 0;
    padding: 25px 30px;
    border: 1px solid #dfdfdf;
}

.profile:not(.block) .social .header {
    font-family: 'PravdaFont', sans-serif !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    margin-bottom: 1em !important;
}

.profile:not(.block) .social .icon {
    font-size: 2.5rem;
}

.profile:not(.block) .social .icon.inactive {
    color: #b4b4b4;
}

.profile:not(.block) .social p {
    margin-bottom: 0;
}

@media only screen and (max-width: 1023px) {
    .profile:not(.block) .avatar {
        width: 100%;
        height: auto;
        min-height: 200px;
    }
}

.socnets a {
    font-family: 'ClearSans', sans-serif;
    font-size: 1.0625em;
    font-weight: 700;
    color: #000;
}

.socnets dl {
    margin-left: 1rem;
}

.socnets dd {
    margin-bottom: 0.6rem;
}

.socnet-header {
    font-size: 2rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
}

.facebook-header {
    background-color: #3b5998;
    color: #fff;
}

.twitter-header {
    background-color: #55acee;
    color: #fff;
}

.vk-header {
    background-color: #5b7fa6;
    color: #fff;
}

.mm-header {
    background-color: #168de2;
    color: #fff;
}

.ok-header {
    background-color: #f59944;
    color: #fff;
}

.yt-header {
    background-color: #b00;
    color: #fff;
}

.gp-header {
    background-color: #d34836;
    color: #fff;
}

/*
 * # Pravda.ru - responsive styles
 *
 */

@media only screen and (max-width: 1260px) {
    [class*="computer only"] {
        display: none !important;
    }
}

@media only screen and (min-width: 640px) {
    [class*="mobile only"] {
        display: none !important;
    }
}

@media only screen and (max-width: 1023px) {
    [class*="hide on notebook"] {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    [class*="hide on tablet"] {
        display: none !important;
    }
}

@media only screen and (max-width: 424px) {
    [class*="hide on mobile"] {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="hide on only notebook"] {
        display: none !important;
    }
}


#main-navigation-trigger {
    position: relative;
    top: 0;
    transition: top 0.4s ease;
    float: left;
}

#main-navigation-trigger.active {
    top: -50px;
}

#sub-navigation {
    overflow: hidden;
}

#sub-navigation > .content {
    position: relative;
    top: 0;
    transition: top 0.4s ease;
}

#sub-navigation.inactive > .content {
    top: -50px;
}

.top.link {
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 3.571428571428572rem;
    height: 3.571428571428572rem;
    background: #fff;
    color: #424242;
    opacity: 1 !important;
    -ms-filter: none !important;
    filter: none !important;
    box-shadow: 0px 0px 27px 3px rgba(0,0,0,0.13);
    transform: translate3d(0, 140px, 0);
    transition: transform 300ms ease-in-out;
}

.top.link::before {
    content: "\e607";
    display: block;
    font-family: 'icons';
    font-size: 1.428571428571429rem;
    text-align: center;
    line-height: 3.571428571428572rem;
}

.top.link:hover {
    color: #e20613;
}

body.scrolled .top.link {
    transform: translate3d(0, 0, 0);
}