* {
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #000;
    text-decoration: none;
}

input {
    -webkit-appearance: none; 
    border-radius: 0;
}


/* Fonts */

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

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

@font-face {
	font-family: 'Merriweather';
	src: url('../fonts/Merriweather-Bold.eot');
	src: local('Merriweather Bold'), local('Merriweather-Bold'),
		url('../fonts/Merriweather-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Merriweather-Bold.woff2') format('woff2'),
		url('../fonts/Merriweather-Bold.woff') format('woff'),
		url('../fonts/Merriweather-Bold.ttf') format('truetype'),
		url('../fonts/Merriweather-Bold.svg#Merriweather-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/PTSans-Italic.eot');
	src: local('PT Sans Italic'), local('PTSans-Italic'),
		url('../fonts/PTSans-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PTSans-Italic.woff2') format('woff2'),
		url('../fonts/PTSans-Italic.woff') format('woff'),
		url('../fonts/PTSans-Italic.ttf') format('truetype'),
		url('../fonts/PTSans-Italic.svg#PTSans-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Merriweather';
	src: url('../fonts/Merriweather-BoldItalic.eot');
	src: local('Merriweather Bold Italic'), local('Merriweather-BoldItalic'),
		url('../fonts/Merriweather-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Merriweather-BoldItalic.woff2') format('woff2'),
		url('../fonts/Merriweather-BoldItalic.woff') format('woff'),
		url('../fonts/Merriweather-BoldItalic.ttf') format('truetype'),
		url('../fonts/Merriweather-BoldItalic.svg#Merriweather-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Merriweather';
	src: url('../fonts/Merriweather-Italic.eot');
	src: local('Merriweather Italic'), local('Merriweather-Italic'),
		url('../fonts/Merriweather-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Merriweather-Italic.woff2') format('woff2'),
		url('../fonts/Merriweather-Italic.woff') format('woff'),
		url('../fonts/Merriweather-Italic.ttf') format('truetype'),
		url('../fonts/Merriweather-Italic.svg#Merriweather-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/PTSans-BoldItalic.eot');
	src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'),
		url('../fonts/PTSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PTSans-BoldItalic.woff2') format('woff2'),
		url('../fonts/PTSans-BoldItalic.woff') format('woff'),
		url('../fonts/PTSans-BoldItalic.ttf') format('truetype'),
		url('../fonts/PTSans-BoldItalic.svg#PTSans-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/PTSans-Bold.eot');
	src: local('PT Sans Bold'), local('PTSans-Bold'),
		url('../fonts/PTSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PTSans-Bold.woff2') format('woff2'),
		url('../fonts/PTSans-Bold.woff') format('woff'),
		url('../fonts/PTSans-Bold.ttf') format('truetype'),
		url('../fonts/PTSans-Bold.svg#PTSans-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/PTSans-Regular.eot');
	src: local('PT Sans'), local('PTSans-Regular'),
		url('../fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PTSans-Regular.woff2') format('woff2'),
		url('../fonts/PTSans-Regular.woff') format('woff'),
		url('../fonts/PTSans-Regular.ttf') format('truetype'),
		url('../fonts/PTSans-Regular.svg#PTSans-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.fa-file-text-o:before {
    font-family: 'rp' !important;
    content: "\e905" !important;
    margin-right: 5px;
}

.fa-pencil:before {
	font-family: 'rp' !important;
    content: "\e904" !important;
    margin-right: 5px;
}

.fa-eye {
    position: relative;
    top: -1px;
    margin-right: 5px;
}

.fa-eye:before {
	font-size: 10px;
    font-family: 'rp' !important;
    content: "\e900" !important;
}

.fa-telegram:before {
	font-size: 13px;
	font-family: 'rp' !important;
	content: "\e903" !important;
}

.post-title .panel .views .fa-eye:before {
    font-size: 12px !important;
}

.fa-search:before {
    font-size: 18px !important;
    font-family: 'rp' !important;
    content: "\e902" !important;
}

.fa-comments:before {
    font-size: 20px !important;
    font-family: 'rp' !important;
    content: "\e901" !important;
    position: relative;
    top: 3px;
    margin-left: 20px;
}




/* Common */

html,
body {
    height: 100%;
}

body {

    background-color: #171717;
    color: #191919;
    font: 14px/18px 'PT Sans', sans-serif;
}

.main {
    background-color: #EFEFEF;
}

.wrapper {
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    padding-top: 96px;
    
    /*-webkit-transition: padding-top .9s;*/
    /*-moz-transition: padding-top 1.9s;*/
    /*transition: padding-top 2.9s;*/
    
    -webkit-transition: padding .5s;
    transition: padding .5s;
}

body.category .wrapper,
body.post .wrapper,
body.author .wrapper {
    padding-top: 156px;
}

body.error .paper .item {
    width: 33.3333%;

    border-left: 1px solid #efefef;
}

.container {
    margin: 0 auto;
    max-width: 1440px;
    position: relative;
}

.container:before,
.container:after,
.footer-menu:before,
.footer-menu:after,
.items:before,
.items:after,
.clearfix:before,
.clearfix:after,
.columns:before,
.columns:after,
.tb:before,
.tb:after {
    display: table;
    content: " ";
}

.container:after,
.footer-menu:after,
.items:after,
.clearfix:after,
.columns:after,
.tb:after {
    clear: both;
}

.hide {
    display: none;
}

.close {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
}

.close:hover::before,
.close:hover::after {
    background: #ff5033;
}

.close::before,
.close::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #bcbcbc;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/* Heading */

.heading {
    border-bottom: 1px solid #efefef;
    color: #111;
    font-size: 18px;
	letter-spacing: 0.02em;
    margin: 0 36px;
    padding: 36px 0 15px;
    position: relative;
}

.heading span,
.heading a {
    display: block;
    color: #999;
    font-family: 'PT Sans', serif;
    font-size: 15px;
    font-style: italic;
    position: absolute;
    right: 0;
    top: 38px;
}


/* Table */

.tb {
    display: table;
    width: 100%;
	font-size:13px;
	line-height: 24px;
}

.tc {
    display: table-cell;
    vertical-align: middle;
}


/* Notify */
.notice .container {
    padding-bottom: 0 !important;
}

.notify {
    background-color: #fff;
}



.notify .tc {
    border-left: 1px solid #efefef;
    padding: 20px 36px;
}

.notify .tc:first-child {
    border-left: 0;
}

.notify .tc:first-child,
.notify .tc:last-child {
    white-space: nowrap;
    width: 1%;
}

.notify img {
    max-height: 48px;
    vertical-align: top;
}

.notify h4 {
    font-size: 24px;
    font-family: 'Merriweather', serif;
    line-height: 1.2;
}

.notify a {
    display: inline-block;
}

.notify a.button {
    background-color: #ff5033;
    color: #fff;
    font-size: 16px;
    margin-right: 20px;
    padding: 15px 70px;
}

.logo a {
    background: url(../images/logo.png) no-repeat 0 0;
    background-size: 100%;
    display: block;
}

.header {
    background-color: #171717;
    z-index: 1000 !important;
}

.header a {
    color: #999;
    text-decoration: none;
}


.burger {
    border-right: 1px solid #393939;
    display: none;
    position: absolute;
    top: 96px;
    left: 0;
    height: 96px;
    width: 96px;
    z-index: 100
}

.burger a {
    display: none;
    height: 96px;
    font-size: 20px;
    line-height: 96px;
    text-align: center;
    width: 96px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.burger a.active {
    background-color: #393939;
}


/* Main menu */
/*todo:*/
body.life.life-post .main-menu  {
    border-bottom: 0;
}

.main-menu {
    border-bottom: 1px solid #393939;
    height: 96px;
    overflow: hidden;
}

.main-menu .menu-wrap {
    padding-right: 96px;
}

.main-menu.fix .menu-wrap {
    padding-right: 60px;
}

.main-menu .logo {
    float: left;
    width: 325px;
}

.main-menu .logo a {
    background-size: 229px 89px;
    background-position: center 35px;
    height: 96px;
}

body.life .main-menu .logo a {
    background-position: center -28px;
}

body.life .main-menu.fix .logo a {
    background-position: center -16px;
}

.main-menu .left {
    float: left;
    margin-left: 335px;
}

.main-menu.fix .left {
    margin-left: 240px;
}

.main-menu .logo {
    position: absolute;
    top: 0;
}

.main-menu.fix .logo {
    /* todo-me: now */
    /*-webkit-transition: top 0.4s ease 0s;*/
    /*-moz-transition: top 0.4s ease 0s;*/
    /*-o-transition: top 0.4s ease 0s;*/
    /*transition: top 0.4s ease 0s;*/
    /*top: 100px;*/
}

.main-menu .left ul {
    border-left: 1px solid #393939;
    display: block;
    float: left;
}

.main-menu .left ul li {
    border-right: 1px solid #393939;
    display: inline-block;
    float: left;
}

.main-menu .left ul li:last-child a {
    margin-left: -1px;
}

.main-menu .left ul li a {
    display: block;
    font-size: 17px;
    height: 96px;
	font-weight: bold;
    padding: 40px 0;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
    width: 190px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: initial;
    transition: initial;
}

.main-menu .left ul li.active a.politic {
    background-color: #ff5033;
    color: #fff;
}

.main-menu .left ul li.active a.life {
    background-color: #ffcd00;
    color: #171717;
}

.main-menu .social {
    opacity: 1;
    float: right;
    font-size: 18px;
    padding: 23px 15px;
    
    -webkit-transition: opacity 0.9s;
    transition: opacity 0.9s;
}

.main-menu.fix .social {
    opacity: 0;
    -webkit-transition: opacity 0.9s;
    transition: opacity 0.9s;
}

/* todo-me: */
.main-menu.fix {
    border-bottom: 0;
    height: 60px;
    overflow: hidden;
}

.main-menu.fix .logo {
    width: 240px;
}

.main-menu.fix .logo a {
    background-size: 145px 54px;
    background-position: center 22px;
    height: 58px;
}

.main-menu.fix .left ul li a {
    height: 60px;
    padding: 0 20px;
    line-height: 63px;
}

.main-menu.fix .social > a {
    display: none;
}

.main-menu.fix .search {
    min-width: 60px;
    height: 60px;
}

.main-menu.fix .search .search-submit {
    border-bottom: 1px solid #393939;
    height: 60px;
    line-height: 60px;
    width: 60px;
    border-bottom: none;
}

.main-menu.fix .search .search-submit:before {
    
    top: 0;
    left: 0;
    bottom: 0;
}

.main-menu.fix .search .search-input {
    top: 0;
    right: 60px;
    left: 622px;
    height: 60px;
}

.main-menu.fix .search .search-input input {
    height: 60px;
}

.main-menu.fix .sub-menu {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 592px;
    right: 60px;
    text-align: center;
}

.main-menu.fix .sub-menu ul {
    display: inline-block;
    width: auto;
}
.main-menu.fix .sub-menu ul li a {
    padding: 0 20px;
}

.main-menu.fix .sub-menu ul li.active a:after {
    left: 20px;
    right: 20px;
}

.main-menu .social a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding-right: 25px;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.main-menu .social a:hover {
    color: #fff;
}

.main-menu .dropdown {
    background-color: #393939;
    position: fixed;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 0 0;
    z-index: 9999;
    display: none
}
.main-menu .dropdown.open {
    display: none;
}


@media screen and (max-width: 767px) {
    .main-menu.fix .logo {
        width: 100%;
    }

    .main-menu.fix .logo a {
        background-position: center 16px;
        height: 48px;
    }

    .main-menu.fix .menu-wrap {
        padding-right: 0;
    }

    .main-menu.fix .search,
    .main-menu.fix .search .search-submit {
        height: 48px;
        line-height: 48px;
        min-width: 48px;
        width: 48px;
    }

    .main-menu.fix {
        height: 48px;
    }
}


/* Search */

.search {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 0%;
    min-width: 96px;
    height: 95px;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

.search-title {
	padding-bottom: 26px !important;
}

.search.search-active {
    width: 100%;
}

.search .search-input {
    position: absolute;
    top: 23px;
    right: 116px;
    left: 728px;
    height: 50px;
    margin: 0;
    z-index: 10;
    overflow: hidden;
}

.search .search-input input {
    color: #fff;
    display: block;
    background: #424242;
    border: 0;
    outline: none;
    height: 50px;
    width: 100%;
    padding: 15px 20px;
    font-size: 16px;
}

.search .search-submit {
    background-color: #171717;
    display: block;
    height: 95px;
    font-size: 18px;
    line-height: 96px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 96px;
    z-index: 10;
    /*-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;*/
}

.search .search-submit:hover {
    background-color: #393939;
}

.search .search-submit:before {
    border-left: 1px solid #393939;
    content: '';
    position: absolute;
    left: 1px;
    top: 23px;
    bottom: 23px;
}

.search.search-active .search-submit {
    background-color: #393939;
}


/* Sub menu */

.sub-menu {
    background-color: #393939;
    height: 60px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    overflow: hidden;
}

.wrapper.slide .sub-menu {
    display: none;
}

.sub-menu ul {
    width: 100%;
	font-size: 15px;
	letter-spacing: 0.017em;
}

.sub-menu ul li {
    display: inline-block;
}

.sub-menu ul li a {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 48px;
}

.sub-menu ul li.active a {
    color: #fff;
    position: relative;
}

.sub-menu ul li.active a:after {
    border-bottom: 3px solid #ff5033;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 48px;
    right: 48px;
}

body.life .sub-menu ul li.active a:after {
    border-bottom-color: #ffcd00;
}


/* Stick */

.mark {
    background-color: #efefef;
    color: #999;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 12px;
    padding: 6px 12px;
	letter-spacing: 0.05em;
    -webkit-transition: .25s;
    transition: .25s;
}

.item.large .mark,
.item.mid .mark {
	padding: 8px 12px;
}

.mark.red {
    background-color: #ff5033 !important;
    color: #fff !important;
}

.mark.yellow {
    background-color: #ffcd00 !important;
    color: #000 !important;
}

/*.life .item h4 {*/
    /*color: black;*/
/*}*/

/*.life .item .mark {*/
    /*background-color: #efefef;*/
    /*color: #999;*/
/*}*/


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

.main .container {
    padding: 12px;
}


/* Columns 
---------------------------------------------------------------------- */

.columns .column-inner {
    margin: 0 -6px;
}

.columns .column-content {
    float: left;
    padding: 0 6px;
    width: 66.66666667%;
}

.columns .column-content .archive .caption {
    padding-right: 15%;
}

.columns .column-half {
    float: left;
    padding: 0 6px;
    position: relative;
    width: 50%;
}

.columns .column-half .heading {
    margin: 0 40px;
}

.columns .column-half .large .thumb {
    height: 455px;
}

.columns .column-half .item.large .mark {
	font-size: 16px;
	letter-spacing: 0.05em;
	padding: 8px 12px;
}

.columns .column-aside {
    float: left;
    padding: 0 6px;
    width: 33.33333333%;
}

.columns .column-aside .popular .item h4,
.columns .column-aside .popular .item .item-title {
	min-height: auto;
}

.columns .column-aside .popular .item:hover p {
    color: #999;
    -webkit-transition: .25s;
    transition: .25s;
}

body.life .columns .column-aside .popular .heading {
    background-color: #ffcd00;
    margin: 0;
    padding: 36px 36px 15px;
}
body.life .columns .column-aside .popular .items {
    background-color: #FBF7EB;
}

.columns .column-content .recent {
    margin: -12px 0 12px -12px;
}

.columns .column-content .best {
    margin-bottom: 12px;
}


/* Items 
---------------------------------------------------------------------- */

.item {
    float: left;
    position: relative;
    width: 100%;
}

.item.white a {
    color: #fff;
    display: block;
}

.item .thumb {
    background-color: rgba(255, 255, 255, .1);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    position: relative;
    padding-bottom: 67.75%;
    width: 100%;
}

.item .thumb:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.item h4,
.item .item-title {
    font-size: 16px;
    font-family: 'Merriweather', serif;
    line-height: 24px;
    margin-bottom: 20px;
    min-height: 50px;
	letter-spacing: 0.016em;
}

.item h4 > span,
.item .item-title > span {
    color: #9a9a9a;
    font-size: 12px;
    font-family: 'PT Sans', sans-serif;
    margin-left: 10px;
}

.item h4 > span > span,
.item .item-title > span > span {
    font-size: 20px;
    font-family: 'Merriweather', serif;
    line-height: 24px;
}

.item .caption p {
    font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.016em;
    padding-bottom: 18px;
}

.item .data {
    color: #999;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.item .data span {
    margin-left: 20px;
}

.item .data span:first-child {
    margin-left: 0;
}

.item .data span.video {
    color: #484848;
    float: right;
}

.item.large .thumb,
.item.mid .thumb {
    padding-bottom: 0;
    height: 528px;
}

.item.mid .thumb {
    height: 360px;
}

.item.mid .mark {
    display: none;
}

.item.small .thumb {
    padding-bottom: 56.25%;
}

.item.large .caption,
.item.mid .caption {
    position: absolute;
    left: 36px;
    right: 36px;
    bottom: 36px;
}

.recent .item.mid .caption {
    background-color: #ffcd00;
    left: 6px !important;
    right: 6px !important;
    bottom: 0 !important;
    padding: 6px 36px 36px;
}

.item.mid .data {
    color: #191919;
}

.item.large h4,
.item.large .item-title {
	margin-bottom: 25px;
}

.recent .item.large .caption,
.recent .item.mid .caption {
    padding-right: 25%;
}


.home .recent .item.large .caption, 
.home .recent .item.mid .caption,
.life .recent .item.large .caption, 
.life .recent .item.mid .caption {
    padding-right: 25%;
}

.columns .column-half .item.large .caption {
    top: 150px;
    bottom: auto;
    padding-right: 10%;
}

.item.large .mark,
.item.mid .mark {
    margin-bottom: 0;
}

.item.large h4,
.item.large .item-title {
    font-size: 40px;
    line-height: 48px;
    margin-top: 20px;
	letter-spacing: 0.016em;
}

.columns .column-half .last .item.large .item-title,
.columns .column-half .last .item.large h4 {
    font-size: 30px;
    font-weight: normal;
    line-height: 40px;
    letter-spacing: 0.016em;
}

.item.mid .caption {
    bottom: 30px;
}

.item .shadow:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 28, 28, 0)), to(rgba(29, 28, 28, 0.5)));
    background: linear-gradient(to bottom, rgba(29, 28, 28, 0) 0%, rgba(29, 28, 28, 0.5) 100%);
}

.archive .item.large .shadow:after,
.recent .item.large .shadow:after,
.recent .item.mid .shadow:after,
.columns .column-half .item.large .shadow:after,
.author .item.large .shadow:after {
    background-color: rgba(0, 0, 0, .25);
    opacity: 1
}

.archive .item.large:hover .shadow:after,
.recent .item.large:hover .shadow:after,
.recent .item.mid:hover .shadow:after,
.columns .column-half .item.large:hover .shadow:after,
.author .item.large:hover .shadow:after {
    background-color: rgba(0, 0, 0, .35);
}

.item .shadow:after {
    content: '';
    background-color: rgba(0, 0, 0, .35);
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .25s;
    transition: .25s;
}

.item:hover .shadow:after {
    opacity: 1;
}

.page-heading {
    background-color: #fff;
    font-size: 40px;
    font-family: 'Merriweather', serif;
    height: 96px;
    line-height: 1;
    margin-bottom: 12px;
    padding: 30px 36px;
    position: relative;
}

.page-heading.archive,
.page-heading.archive h1 {
    position: relative;
	font-size: 30px;
	letter-spacing: 0.016em;
}

.page-heading.archive:before {
    content: '';
    display: block;
    background-color: #ff5033;
    position: absolute;
    bottom: 0;
    left: 36px;
    height: 4px;
    width: 96px;
}

.page-heading.archive h1 span {
    font-style: italic;
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    position: absolute;
    top: 50%;
    right: 120px;
}

@media screen and (max-width: 767px) {
    .page-heading {
        height: auto;
    }
}


/* Paper
---------------------------------------------------------------------- */

.paper {
    background-color: #fff;
}

.paper .thumb {
    margin-bottom: 18px;
}

.paper .item {
    padding: 36px 36px 18px;
}

.paper .item:before {
    border-bottom: 1px solid #efefef;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.popular.paper .item:before {
    left: 36px;
    right: 36px;
}

.paper .content {
    font-size: 16px;
    line-height: 1.6;
    padding: 80px 36px;
}

.paper .content .blockquote {
    font-size: 20px;
    font-family: 'PT Sans', sans-serif;
	line-height: 30px;
	letter-spacing: 0.016em;
    position: relative;
    padding: 45px 0;
    width: 50%;
}

.paper .content .blockquote:before {
    background-color: #ff5033;
    content: '';
    display: block;
    height: 3px;
    width: 96px;
    position: absolute;
    top: 0;
    left: 0;
}

.paper .content a.mail,
.paper .content a:hover {
    color: #ff5033;
}

.paper .content .tb {
    border: 1px solid #efefef;
    width: auto;
	font-size: 18px;
	letter-spacing: 0.02em;
}

.paper .content .tc {
    border-right: 1px solid #efefef;
    padding: 60px 35px;
}

.paper .content .tc:last-child {
    border: 0;
}

.paper .content a.download {
    display: inline-block;
    padding-left: 72px;
    padding-right: 35px;
    position: relative;
}

.paper .content a.download:before {
    background-color: #ff5033;
    border-radius: 30px;
    content: "\f0f6";
    color: #fff;
    font-size: 20px;
    font-family: 'FontAwesome';
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    top: -18px;
    left: 0;
    width: 60px;
}

.paper .content a.download:after {
    content: '.pdf';
    color: #a4a4a4;
    position: absolute;
    top: 0;
    right: 0;
}

.paper .calendar {
    border-bottom: 1px solid #efefef;
    padding: 48px 36px;
}

.paper .calendar:last-child {
    border-bottom: 0;
}

.no-author-box .arrow_box {
        position: absolute;
        top: 50%;
        right: 0;
        background: #fff;
        border: 1px solid #fff;
        z-index: 10;
        margin-top: -2px;
    }

    .no-author-box .arrow_box:after,
    .no-author-box .arrow_box:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .no-author-box .arrow_box:after {
        border-color: rgba(136, 183, 213, 0);
        border-left-color: #fff;
        border-width: 6px;
        margin-top: -6px;
    }

    .no-author-box .arrow_box:before {
        border-color: rgba(194, 225, 245, 0);
        border-left-color: #cfcfcf;
        border-width: 7px;
        margin-top: -7px;
    }


    .arrow_box {
        position: absolute;
        top: 50%;
        right: 0;
        background: #fff;
        border: 1px solid #fff;
        z-index: 10;
        margin-top: -2px;
    }

    .arrow_box:after,
    .arrow_box:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(136, 183, 213, 0);
        border-left-color: #fff;
        border-width: 6px;
        margin-top: -6px;
    }

    .arrow_box:before {
        border-color: rgba(194, 225, 245, 0);
        border-left-color: #cfcfcf;
        border-width: 7px;
        margin-top: -7px;
    }


/* Top news 
---------------------------------------------------------------------- */

.recent {
    background-color: #171717;
}

.top .items {
    margin: 0 -6px;
}

.top .top-wrap {
    display: table;
    height: 100%;
    padding: 24px 0;
    width: 100%;
}

.top .top-wrap .item {
    display: table-cell;
    height: 100%;
}

.top .top-wrap .item .data {
    position: absolute;
    bottom: 0;
    left: 36px;
}

.top .item {
    padding: 0 6px;
    margin-bottom: 12px;
}

.top .item.large {
    width: 66.66666667%;
}

.top .item.large .thumb {
    padding-bottom: 0;
    height: 528px;
}

.top .item.large .caption,
.top .item.mid .caption {
    left: 42px;
    right: 42px;
}

.top .item.mid {
    height: 528px;
    width: 33.3333333%;
}

.top .item.small {
    border-left: 1px solid #393939;
    padding: 0 36px 20px;
    width: 33.33333333%;
}

.top .item.small h4 {
    font-size: 17px; 
    line-height: 24px; 
    letter-spacing: 0.016em
}

.top .item.small:first-child {
    border-left: 0;
}

.top .item.small .thumb {
    margin-bottom: 15px;
}

.top .item:nth-child(4) {
    border-left: 0;
    padding-left: 42px;
}

.top .item:nth-child(6) {
    padding-right: 42px;
}

body.home .top .item.large h4,
body.home .top .item.mid h4,
body.home .top .item.large .item-title,
body.home .top .item.mid .item-title {
	margin-top: 30px;
}

body.home .top .item.mid h4,
body.home .top .item.mid .item-title {
    color: #191919;
    font-size: 22px; 
    line-height: 30px; 
    letter-spacing: 0.016em;
    min-height: 50px;
}

body.home .top .item.large .heading,
body.home .top .item.mid .heading {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10
}

body.home .top .item.large .mark,
body.home .top .item.mid .mark,
.category .item.large .mark,
.life .item.large .mark,
.archive .item.large .mark,
.last .item.large .mark {
	font-size: 16px;
	letter-spacing: 0.02em;
}

body.home .top .item.large .caption,
body.home .top .item.mid .caption {
    padding-right: 36px !important;
}

body.home .columns .column-content .publication .paper .more {
    padding: 30px 36px;
}

body.home .columns .column-content .publication .paper .more span {
    width: 192px;
    margin: 0 auto;
    padding: 20px 30px;
}

body.home .columns .column-content .publication .heading {
    background-color: #fff;
    margin: 0;
    padding: 36px 36px 15px
}

body.home .columns .column-content .publication .first,
body.home .columns .column-content .publication {
    margin-bottom: 12px;
}

body.home .columns .column-content .publication .first {
    background-color: #fff;
}

body.home .columns .column-content .publication .first .item .thumb {
    height: 264px;
    width: 45.3%;
}

body.home .columns .column-content .publication .first .item .caption {
    width: calc(100% - 45.3% - 36px);
}
body.home .columns .column-content .publication .first .item .caption h4,
body.home .columns .column-content .publication .first .item .caption .item-title {
    font-size: 22px;
    line-height: 30px;
}

 .columns .column-aside .popular .item h4,
 .columns .column-aside .popular .item .item-title {
	font-weight: bold;
	line-height: 23px;
}

.video .item .thumb {
    height: 360px;
}

.video .item .thumb .heading {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.video .item .caption {
    background-color: #ff5033;
    padding: 36px;
}

.video .item .caption .mark {
    padding: 0;
}

.video .item .caption h4,
.video .item .caption .item-title {
    color: #fff;
    font-size: 22px;
    line-height: 34px;
}

.video .item .caption .data {
    color: #fff;
}


/* Archive 
---------------------------------------------------------------------- */

.archive {
    position: relative;
    margin-bottom: 12px;
}

.archive .heading,
.column-half .heading {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.archive .item.large .thumb {
    height: 455px;
}


/* Best 
---------------------------------------------------------------------- */

.best .items {
    padding: 0 36px;
}

.best .items.flex .item .data {
    left: 0;
}

.best .items.flex .item:nth-child(2n) .data {
    left: 36px;
}

.best .item {
    width: 50%;
}

.best .item:nth-child(2n) {
    padding-right: 0;
}

.best .item:nth-child(2n+1) {
    padding-left: 0;
}

.best .item a {
    color: #484848;
    font-size: 16px;
}

.best .item h4,
.best .item .item-title {
    font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.02em;
    -webkit-transition: .25s;
    transition: .25s;
}

.best .item h4 span,
.best .item .item-title span {
    margin: 0;
}




/* Author
---------------------------------------------------------------------- */

.about-author {
    border-bottom: 1px solid #efefef;
    padding: 50px 36px;
}

.about-author .avatar {
    border-radius: 90px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: inline-block;
    height: 180px;
    margin: 0 auto;
    width: 180px;
}

.about-author h1 {
    font-family: 'Merriweather', serif;
    font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.016em;
    margin-bottom: 15px;
}

.about-author p {
    color: #999;
    font-size: 18px;
}

.about-author .bio {
    padding-left: 24px;
}

.about-author .count {
    color: #999;
    font-size: 12px;
    padding-left: 50px;
    position: relative;
}

.about-author .count span {
    display: inline-block;
    position: relative;
    margin-top: -5px;
	font-size: 14px;
}

.about-author .count i:before {
    font-size: 20px;
    bottom: -3px;
    position: relative;
}

/*.about-author .count span:before {
    content: "\f0f6";
    font-size: 20px;
    font-family: 'FontAwesome';
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: -40px;
    margin-top: -20px;
    width: 40px;
}*/

.about-author .count:before {
    content: '';
    border-left: 1px solid #efefef;
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 0;
}

.about-author .tc:first-child {
    width: 180px;
}


/* Share
---------------------------------------------------------------------- */

.share {
    padding: 40px 36px;
}

.share.fix {
    display: none;
    padding: 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}
.share.fix > div {
    padding: 0;
    float: left;
    width: 100%;
}
.share.fix a {
    display: block;
    float: left;
    width: 33.33333%;
}

.share.fix a.fb {
    background-color: #3a579a;
}

.share.fix a.wapp {
    background-color: #25d366;
}

.share.fix a.fb i,
.share.fix a.wapp i,
.share.fix a.ok i {
    font-size: 20px;
    padding: 15px;
}

.share.fix a.vk {
    background-color: #4b74a5;
}

.share.fix a.ok {
    background-color: #f88624;
}

.share.fix a.t {
    background-color: #2ca5e0;
}

.share.fix a .label {
    background-color: transparent !important;
    color: #fff !important;
}


.share:before,
.share:after {
    content: '';
    display: table;
}

.share:after {
    clear: both;
}

.share > div {
    display: inline-block;
    float: left;
    height: 50px;
    line-height: 50px;
}

.share .title {
    color: #999;
    font-size: 13px;
    line-height: 50px;
    padding-right: 25px;
    position: relative;
}

.share.top .title {
    line-height: 1;
}

.share .title:after {
    border-right: 1px solid #cfcfcf;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.share .title .count {
    font-size: 34px;
    position: relative;
    padding-bottom: 5px;
    text-align: center;
}

.share .social {
    padding: 0 15px;
}

.share .social span:hover .count {
    color: #ff5033
}

.share .social span {
    cursor: pointer;
}

.share .social span span {
    color: #999;
    font-weight: bold;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.share .social span .label {
    background-color: #f2f2f2;
    border-radius: 24px;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 5px;
    text-align: center;
    width: 40px;
}

.share .social span .fb {
    background-color: #39579a;
}
.share .social span .vk {
    background-color: #4a6b92;
}
.share .social span .ok {
    background-color: #f88624;
}
.share .social span .twitter {
    background-color: #51abf1;
}

.share .count-all {
    display: none;
    color: #999;
    font-weight: bold;
    position: relative;
    padding-left: 15px;
}
.share .count-all:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid #efefef;
}



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

.ui-widget.ui-widget-content {
    border: 0 !important;
    padding: 0;
    width: 100%;
}

.ui-datepicker-header {
    background-color: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #efefef !important;
    margin-bottom: 45px;
}

.ui-datepicker table {
    margin: 0 0 0 4px !important;
}

.ui-datepicker-calendar,
.ui-datepicker-calendar tbody,
.ui-datepicker-calendar thead {
    display: block;
}

.ui-datepicker tr {
    display: block;
}

.ui-datepicker tr:before,
.ui-datepicker tr:after {
    display: table;
    content: " ";
}

.ui-datepicker tr:after {
    clear: both;
}

.ui-datepicker th {
    color: #aaa;
    font-size: 12px;
    font-weight: normal !important;    
    display: block;
    float: left;
    text-transform: uppercase;
    width: 14.2%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-datepicker td {
    border: 1px solid #efefef !important;
    display: block;
    float: left;
    position: relative;
    padding: 0 !important;
    margin-left: -1px;
    margin-bottom: -1px;
    width: 14.2%;
}

.ui-datepicker td:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.ui-datepicker td:hover {
    background-color: #f2f2f2;
}

.ui-datepicker td a {
    display: block;
    position: absolute;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    top: 50%;
    margin-top: -20px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 !important;
}

.ui-datepicker-week-end a {
    color: #ff5033 !important;
}

.ui-datepicker td span, .ui-datepicker td a {
    background-color: transparent !important;
    text-align: center !important;
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
    border: 0 !important;
}

.ui-datepicker-current-day,
.ui-datepicker-current-day:hover {
    background-color: #ff5033 !important;
}
.ui-datepicker-current-day a {
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1 !important;
    border: 0 !important;
}

.ui-widget-header .ui-icon {
    background-image: none !important;
}
.ui-datepicker .ui-datepicker-prev span {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 8px 4.5px 0;
    border-color: transparent #d3d3d3 transparent transparent;
}

.ui-datepicker .ui-datepicker-next span {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 8px;
    border-color: transparent transparent transparent #d3d3d3;
}

.ui-datepicker .ui-datepicker-prev:hover span{
    border-color: transparent #ff5033 transparent transparent;
}

.ui-datepicker .ui-datepicker-next:hover span{
    border-color: transparent transparent transparent #ff5033;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    margin-top: -4px !important;
    margin-left: -4px !important;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 2px !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 0 !important;
    background-color: transparent !important;
}

.ui-datepicker-other-month:before {
    display: none !important;    
}

.ui-datepicker-title {
    color: #111;
    font-size: 16px;
    font-weight: normal !important;
}



/* Politic ::hover 
---------------------------------------------------------------------- */

.polit .item:hover a {
    color: #999999;
}

.polit .item:hover h4 span,
.polit .item:hover .item-title span {
    color: #ff5033;
    -webkit-transition: .25s;
    transition: .25s;
}

.polit .item:hover .mark,
.life .paper.polit .item:hover .mark {
    color: #fff;
    background-color: #ff5033;
    -webkit-transition: .25s;
    transition: .25s;
}


article.hover-yellow:hover .mark {
    background-color: #ffcd00 !important;
    color: black;
    -webkit-transition: .25s;
    transition: .25s;
}

article.hover-red:hover .mark {
    background-color: #ff5033 !important;
    color: white;
    -webkit-transition: .25s;
    transition: .25s;
}

article.hover-red h4,
article.hover-yellow h4,
article.hover-red .item-title,
article.hover-yellow .item-title {
    -webkit-transition: .25s;
    transition: .25s;
}

article.hover-red:hover h4,
article.hover-yellow:hover h4,
article.hover-red:hover .item-title,
article.hover-yellow:hover .item-title {
    color: #999;
    
}


/* Life ::hover 
---------------------------------------------------------------------- */

.life .item:hover .mark,
.life.item:hover .mark {
    color: #000;
    background-color: #ffcd00;
    -webkit-transition: .25s;
    transition: .25s;
}

.life.item:hover h4,
.life.item:hover .item-title {
    color: black;
}
    
    
    /* Great
    ---------------------------------------------------------------------- */

.great.life .heading {
    background-color: #ffcd00;
    border-bottom: 0;
    margin: 0;
    padding: 36px 36px 15px;
}

.great .item {
    width: 50%;
}

.great .item:nth-child(-n+2) {
    padding-top: 48px;
}

.great .item:nth-child(2n) {
    border-left: 1px solid #efefef;
}

.great .item:nth-child(n+3) {
    border-bottom: 0;
}

.great .item h4,
.great .item .item-title {
    margin-bottom: 25px;
    -webkit-transition: .25s;
    transition: .25s;
}


/* News
---------------------------------------------------------------------- */
.materials.flex {
    padding: 0;
}
.materials.flex .item {
    padding: 36px;
}

.materials .item {
    border-right: 1px solid #efefef;
    width: 50%;
}

.materials .item:nth-child(2n+2) {
    border-right: 0;
}

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

.more {
    padding: 78px 36px 60px;
    text-align: center;
}

.more span {
    background-color: #efefef;
    color: #484848;
    display: block;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 30px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.more span:hover {
    background-color: #999;
    color: #fff;
}


/* Popular 
---------------------------------------------------------------------- */

.popular .items .item:last-child:before {
    display: none;
}

body.post .post-right .popular .heading {
    margin: 0;
    padding: 36px 36px 15px;
}


/* Publication
---------------------------------------------------------------------- */

.publication .item {
    padding: 35px 36px 25px;
}

.publication .item.life:hover h4,
.publication .item.life:hover .item-title {
    color: #999
}

.publication .bbold .item h4,
.publication .bbold .item .item-title {
    font-weight: bold;
    -webkit-transition: .25s;
    transition: .25s;
}

.publication .item .thumb {
    float: left;
    height: 132px;
    margin-right: 36px;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 196px;
}

.publication .item .caption {
    float: left;
    width: calc(100% - 232px);
}

.publication .item .caption h4,
.publication .item .caption .item-title {
    min-height: 50px;
}



.seventeen .item h4,
.seventeen .item .item-title {
    font-size: 17px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.016em;
}


/* List
---------------------------------------------------------------------- */
.list {
    float: left;
    margin: 0 6px;
    width: 248px;
}

.list .heading {
    margin: 0;
    padding: 36px 24px 15px;
}

.list .heading:hover {
    color: #ff5033 !important
}

.list .items {
    height: calc(100vh - 160px) !important;
    margin: 10px 0 20px !important;
    padding: 0 5px !important;
    overflow: inherit !important;
}

.list .item {
    padding: 15px 24px;
}

.list .item:last-child:before {
    border-bottom: 0;
}

.list .item a {
    -webkit-transition: .25s;
    transition: .25s;
}

.list .item:hover a {
    color: #ff5033;
}

.list .item h4,
.list .item .item-title {
    font-size: 14px;
    margin-bottom: 0;
	letter-spacing:0.016em;
	
}

.list .item .time {
    color: #9a9a9a;
    font-size: 12px;
    font-family: 'PT Sans', sans-serif;
    display: inline-block;
    margin-top: 10px;
}

.wrap {
    margin: 0 -6px;
}

.media {
    float: left;
    margin: 0 6px;
    width: calc(100% - 272px)
}



.materials {
	padding: 0 18px;
}

.materials .item {
	height: 390px;
	padding: 36px 18px;
}

.materials .item:before {
	left: -18px;
	right: -18px;
}

.materials .item .data,
.great .item .data {
	position: absolute;
	bottom: 15px;
}


.post-title {
    background-color: #fff;
    padding: 26px 36px 0;
}

.post-title h1 {
    font-size: 34px;
	font-weight: bold;
	font-family: 'Merriweather', serif;
    line-height: 44px;
	letter-spacing: 0.016em;
    padding-bottom: 25px;
}

.post-title-author h1 {
    font-size: 42px;
	line-height: 52px;
}

.post-title .mark {
	font-size: 16px;
	padding: 8px 12px;
    letter-spacing: 0.05em;
}

.post-title .panel {
    border-top: 1px solid #efefef;
    color: #999;
    height: 70px;
	font-size: 15px;
	letter-spacing: 0.02em;
}

.post-title .panel .views {
    border-right: 1px solid #efefef;
    padding-right: 24px;
    white-space: nowrap;
    width: 1%;
}

.post-title .panel .date {
    padding-left: 24px;
}

.date a {
    color: #999 !important;
    -webkit-transition: .25s;
    transition: .25s;
}

.date a:hover {
    color: #ff5033 !important;
}

.panel .comments {
    text-align: right;
    -webkit-transition: .25s;
    transition: .25s;
}

.panel .comments:hover {
    color: #ff5033
}

div.comments {
    cursor: pointer;
}

.comments a {
    color: #999 !important;
}

.comments span.count {
    font-size: 12px;
    font-weight: bold;
    position: relative;
    margin-left: 10px;
    padding-left: 40px;
}

.comments span.count:before {
    font-size: 34px !important;
    font-weight: normal;
    font-family: 'rp' !important;
    content: "\e901" !important;
    height: 36px;
    position: absolute;
    top: -9px;
    left: 0;
    line-height: 1;
}

.post-sidebar {
    position: static;
    width: 248px;
    float: left;
}

.post-sidebar .list {
    margin: 0;
}

.post-sidebar .list .item h4,
.post-content .post-right .popular .item h4,
.post-sidebar .list .item .item-title,
.post-content .post-right .popular .item .item-title {
    min-height: inherit;
}

.post .post-content .post-right .popular .item h4,
.life-post .post-content .post-right .popular .item h4,
.post .post-content .post-right .popular .item .item-title,
.life-post .post-content .post-right .popular .item .item-title {
	line-height: 22px;
	font-weight: bold;
}

.post-content .post-right.post-news-right {
    padding-top: 0;
}

.post-sidebar .list .item h4,
.post-sidebar .list .item .item-title {
    font-family: 'PT Sans', sans-serif;
	line-height: 20px;
}

.post-main {
    margin-left: 260px;
    position: relative;
}

.post-main figure:not(.fb-post) iframe {
    width: 100%;
}

iframe {
    max-width: 100%;
}

.post-thumb img {
    display: block;
    max-width: 100%;
    width: 100%;
}

.post-thumb .item .thumb {
    padding-bottom: 0;
    height: 574px;
}

.post-news .item .thumb {
    height: 385px;
}

.post-thumb .item .thumb,
.post-news .item .thumb {
    background: none;
}

.post-thumb .item .thumb::before,
.post-news .item .thumb::before {
    display: none;
}

/* .post-thumb .item .thumb img {
    display: none;
} */

.post-thumb .item .thumb img,
.post-news .item .thumb img {
    /* display: none; */
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.post-thumb .item .caption {
    background-color: rgba(0,0,0,.5);
    color: #fff;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px 25px;
}

.post-header {
    border-bottom: 1px solid #efefef;
    padding: 0 36px;
}

.post-header > .tb > .tc {
    padding: 40px 0;
}

.post-header .au {
    border-left: 1px solid #efefef;
    padding-left: 36px !important;
}

.post-header .aut span.author {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.post-header .au:hover span.author {
    color: #ff5033 !important;
}

.post-header .av {
    width: 56px;
}

.post-header .au .avatar {
	margin-right: 18px;
}

.post-header .au span {
	color: #999999;
	font-size: 13px;
	display: block;
	letter-spacing: 0.02em;
}

.post-header .au span.author {
	color: #171717;
}

.post-header .avatar {
	border-radius: 50px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 56px;
	width: 56px;
}

.post-header .share {
	padding: 0;
}

.post-footer {
	border-top: 1px solid #f2f2f2;
	padding: 40px 36px;
}

.post-footer .share {
	padding: 0;
}

.post-footer .comments {
	color: #999999;
	text-align: right;
}

.post-text {
    font-family: 'PT Sans', serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
    padding: 36px 60px 0;
}

.post-text figcaption {
    color: #999;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    display: block;
    margin-top: -20px;
    margin-bottom: 35px;
    padding-left: 15px;
}

.post-text a {
	color: #ff5033;
}

.post-text a:hover {
	text-decoration: underline;
}

.post-text p {
	font-family: 'PT Sans', sans-serif;
    padding-bottom: 25px;
    font-size: 18px;
	letter-spacing: 0.02em;
    line-height: 26px;
}

.post-text h2,
.post-text h3,
.post-text h4,
.post-text h5 {
    font-family: 'PT Sans', sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.post-text h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 38px;
	letter-spacing: 0.02em;
}

.post-text h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
	letter-spacing: 0.02em;
}

.post-text h4 {
    font-size: 20px;
    font-weight: bold;
}

.post-text h5 {
    font-size: 16px;
    font-weight: bold;
}

.post-text img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto !important;
    border: 1px solid #e8e8e8;
    padding: 12px;
	margin-top: 15px;
	margin-bottom: 20px;
}

.post-text iframe,
.post-text embed {
    margin-bottom: 30px !important;
}

.post-text ul {
    list-style: unset;
    padding-left: 20px;
    margin-bottom: 20px;
}

.post-text ol {
    list-style-type: decimal;
    padding-left: 20px;
}

.post-text em {
    font-style: italic;
}


.post-text blockquote {
	font-family: 'PT Sans', sans-serif;
    background-image: url(../images/blockquote.png);
    background-repeat: no-repeat;
    background-position: 0 40px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    color: #484848;
    font-style: italic;
    padding: 40px 12px 25px 50px;
    margin-bottom: 35px;
	margin-top: 10px;
	font-style: italic;
    font-size: 18px;
	letter-spacing: 0.02em;
    line-height: 26px;
}

.post-wrap {
    background-color: #fff;
}

.post-content .post-left {
    float: left;
    width: 63%;
}
.post-content .post-right {
    float: left;
    padding: 12px 0 0 12px;
    width: 37%;
}

.post-content .post-right .popular {
    margin-bottom: 12px;
}

.post-content .item .caption p {
    display: none;
}

.post-bottom {
    margin-top: -12px;
}

.post-bottom .item h4,
.post-bottom .item .item-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.016em;
}

.post-wrap {
        margin-bottom: 12px;
    }

.other {
    position: relative;
    margin-left: -260px;
}

.other .paper {
    margin-bottom: 12px;
}

.other .paper:last-child {
    margin-bottom: 0;
}


.banner {
    margin-bottom: 12px;
}

.banner:last-child {
    margin-bottom: 0;
}

.banner img {
    display: block;
    max-width: 100%;
}

.banner .banner-item {
    background-color: #fff;
    margin-bottom: 12px;
    padding: 36px 24px;
}

.banner .banner-item:last-child {
    margin-bottom: 0;
}

.banner .banner-item div[id*='container_'],
.banner .banner-item #LentaInformComposite633325 .mgbox {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.banner .banner-item.horizontal div[id*='container_'] .list-container-item,
.banner .banner-item.horizontal #LentaInformComposite633325 .mgline {
    padding: 12px !important;
}

.banner .banner-item.horizontal div[id*='smi_teaser_'] div[class^='smiteaser-row'] div[class^='smiteaser'] {
    min-height: auto !important;
}

.banner .banner-item.horizontal div[id*='smi_teaser_'] div[class^='smiteaser-row'] div[class^='smiteaser'],
.banner .banner-item.horizontal div[id*='container_'] .list-container-item:hover,
.banner .banner-item.horizontal #LentaInformComposite633325 .mgline:hover {
    background-color: transparent !important;
}

.banner .banner-item.horizontal div[id*='smi_teaser_'] div[class^='smiteaser-row'] div[class^='smiteaser']
{
	min-height:auto !important;
}

.banner .banner-item.horizontal div[id*='smi_teaser_'] div[class^='smiteaser-row'] a[class^='smititle'],
.banner .banner-item.horizontal div[id*='container_'] .list-container-item .title,
.banner .banner-item.horizontal #LentaInformComposite633325 .mctitle a {
    color: #191919 !important;
    font-family: 'Merriweather', serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing:0.016em !important;
    line-height: 24px !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.banner .banner-item.horizontal div[id*='smi_teaser_'] div[class^='smiteaser-container']:hover a[class^='smititle'],
.banner .banner-item.horizontal div[id*='container_'] .list-container-item:hover .title,
.banner .banner-item.horizontal #LentaInformComposite633325 .mgline:hover .mctitle a {
    color: #999 !important;
}

.banner .banner-item .banner-heading {
    border-bottom: 1px solid #efefef;
    color: #111111;
    font-size: 18px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    letter-spacing:0.02em;
}

.banner .banner-item .list-container-item {
    margin-top: 24px;
    padding: 0 !important;
}

.banner .banner-item #LentaInformComposite622262 .mgline {
    margin-top: 24px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.banner .banner-item .list-container-item .title,
.banner .banner-item #LentaInformComposite622262 .mctitle a {
    color: #484848 !important;
    font-size: 14px !important;
    font-family: 'PT Sans', sans-serif !important;
    line-height: 24px !important;
    letter-spacing: 0.02em !important;
    
}

.banner .banner-item .list-container-item .image,
.banner .banner-item #LentaInformComposite622262 div.mcimg {
    margin-right: 24px !important;
}

.banner .banner-item #LentaInformComposite622262 .mgbox {
    border: 0 !important;
    padding: 0 !important;
}



.top-banner {
    background-color: #171717;
    padding: 12px 12px 0;
}

.top-banner-inner {
    background-color: #fff;
    height: 120px;
    overflow: hidden;
    cursor: pointer;
}


#LentaInformComposite633325 .mgline .image-container {
    width: 100% !important;
}

#LentaInformComposite633325 img.mcimg,
#LentaInformComposite633325 div.mcimg {
    max-width: 100% !important;
    max-height: inherit !important;
    width: 100% !important;
}


@media screen and (max-width: 991px) {
    .banner .banner-item.horizontal div[id*='smi_teaser_'] div[class^='smiteaser-row'],
    .banner .banner-item.horizontal div[id*='container_'] .list-container,
    .banner .banner-item div[id*='container_'], .banner .banner-item #LentaInformComposite633325 .mgbox {
        margin: 0 -10px;
    }
}

@media screen and (max-width: 767px) {
    .banner .banner-item {
        padding: 24px 12px;
    }
    .banner .banner-item.horizontal div[id*='smi_teaser_'] div[class^='smiteaser-row'],
    .banner .banner-item.horizontal div[id*='container_'] .list-container,
    .banner .banner-item div[id*='container_'], .banner .banner-item #LentaInformComposite633325 .mgbox {
        margin: 0 -10px;
    }

    .banner .banner-item.horizontal div[id*='container_'] .list-container-item, .banner .banner-item.horizontal #LentaInformComposite633325 .mgline,
    .banner .banner-item.horizontal div[id*='smi_teaser_'] div[class^='smiteaser-row'] div[class^='smiteaser-container'] {
        width: 100% !important;
        max-width: 100%;
    }
}

@media screen and (min-width: 568px) and (max-width: 991px)
{
    .banner .banner-item.horizontal div[id*='container_'] .list-container-item, .banner .banner-item.horizontal #LentaInformComposite633325 .mgline,
    .banner .banner-item.horizontal div[id*='smi_teaser_'] div[class^='smiteaser-row'] div[class^='smiteaser-container'] {
        width: 50% !important;
        max-width: 50%;
    }
}

/* Text */
.lead {
    border-bottom: 1px solid #efefef;
    color: #191919;
    font-family: 'Merriweather', serif;
    font-size: 22px;
    font-style: italic;
    line-height: 28px;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 45px 70px;
}



/* Recomend 
---------------------------------------------------------------------- */
.recomend .items {
    padding: 0 24px;
}
.recomend .item {
    padding: 24px 12px;
    width: 25%;
}

.recomend .item:before {
    display: none;
}

.recomend .item h4,
.recomend .item .item-title {
    font-size: 14px;
}



/* Footer 
---------------------------------------------------------------------- */

.footer {
    background-color: #1a1a1a;
    padding: 45px 48px;
    position: relative;
}

.footer .footer-menu {
    border-bottom: 1px solid #282828;
    padding-bottom: 30px;
}

.footer .footer-menu a {
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 14px 0;
    text-decoration: none;
}

.footer .footer-menu .left {
    float: left;
}

.footer .footer-menu .left a {
    font-weight: bold;
}

.footer .footer-menu .left li {
    display: inline-block;
    padding: 0 60px;
}

.footer .footer-menu .left li:first-child {
    border-right: 1px solid #282828;
    padding-left: 0;
}

.footer .footer-menu .left li:last-child {
    padding-right: 0;
}

.footer .footer-menu .right {
    float: right;
}

.footer .footer-menu .right a {
    color: #918c8c;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.footer .footer-menu .right a:hover {
    color: #fff;
}

.footer .footer-menu .right li {
    display: inline-block;
    margin-left: 50px;
}

.footer .footer-menu .right li:first-child {
    margin-left: 0;
}

.footer .footer-menu,
.footer .eighteen {
    margin-bottom: 40px;
}

.footer .eighteen span {
    border: 1px solid #282828;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    padding: 7px 9px;
}

.footer .logo {
    height: 23px;
    width: 196px;
}

.footer .logo a {
    background-size: 196px 73px;
    background-position: center 0;
    height: 23px;
}

body.life .footer .logo a {
    background-position: center -50px;
}

.footer .bottom {
    color: #999;
    font-size: 12px;
}

.footer .bottom a {
    color: #999;
}

.footer .bottom .column {
    border-left: 1px solid #282828;
    padding: 5px 36px;
}

.footer .bottom .column:first-child {
    border-left: 0;
    padding-left: 0;
}

.footer .bottom .column .ss {
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 20px;
}

.footer .bottom .copy {
    white-space: nowrap;
	font-size:12px;
	color: #4C4C4C;
}

.ellipsis {
    visibility: hidden;
}

.more span {
    cursor: pointer;
}

strong, b {
    font-weight: bold;
}




#not-found {
	background-color: #171717;
	color: #fff;
	padding: 40px 0;
}

.main #not-found .container {
    padding: 12px 48px;
}

#not-found h1 {
	font-size: 160px;
	font-weight: bold;
	line-height: 1;
	margin: 60px 0;
}

#not-found p {
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 40px;
}

#not-found a {
	color: #ff5033;
	text-decoration: underline;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}

.flex .item {
    height: auto;
    position: relative;
    padding-bottom: 30px;
}

.flex .item .data {
    position: absolute;
    left: 36px;
    bottom: 20px;
}

.authors.flex .item {
    border-right: 1px solid #efefef;
    width: 33.3333%;
}

.authors .item:nth-child(3n+3) {
    border-right: 0
}


.authors .item .thumb {
    border-radius: 50%;
    margin: 0 auto 30px;
    padding-bottom: 0;
    max-width: 100%;
}

.authors .item .thumb:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.authors .item .caption {
    text-align: center;
}

.authors .item .caption h4,
.authors .item .caption .item-title {
    font-size: 16px;
    font-weight: bold;
    min-height: auto;
	margin-bottom: 10px;
}

.authors .item .caption .fa-pencil:before {
    font-size: 14px;
}

.authors .item .caption .fa-file-text-o:before {
    font-size: 26px;
    position: relative;
    bottom: -5px;
}

.authors .item .caption .pub {
    color: #999999;
    font-size: 13px;
    font-weight: normal;
    font-family: 'PT Sans', sans-serif;
}

.authors .item:hover .caption .mark {
    background-color: #ff5033 !important;
    color: white;
    -webkit-transition: .25s;
    transition: .25s;
}

.authors .item:hover .caption h4,
.authors .item:hover .caption .item-title {
    color: #999;
    -webkit-transition: .25s;
    transition: .25s;
}

.hidden-on-adb {
    display: none;
}

.hidden {
    display: none !important;
}

#comments {
    display: none;
}

.archive-arrows {
    position: absolute;
    display: block;
    font-size: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.archive-arrows .arrow {
    border-left: 1px solid #efefef;
    color: #000;
    display: block;
    font-size: 20px;
    float: left;
    padding: 30px 20px;
    line-height: 36px;
    text-align: center;
    width: 70px;
}

.archive-arrows a:hover,
.archive-arrows a:focus {
    background-color: #ff5033;
    color: #fff;
}

.archive-arrows .arrow.disabled {
    color: #c5c5c5;
}

.archive-arrows .arrow.disabled:hover {
    background-color: white;
}

.invisible {
    visibility: hidden;
}


/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}
.scroll-wrapper > .scroll-content {
  border: none !important;
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scroll-wrapper.scroll--rtl {
  direction: rtl;
}

.scroll-element {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: none;
}
.scroll-element div {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: -3px;
  top: 0;
  width: 6px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  border-radius: 4px;
}

/*.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}*/

/*.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}*/

/*.scroll-wrapper .scroll-bar {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.scroll-wrapper:hover .scroll-bar {
    opacity: 1
}*/

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
  cursor: pointer;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 4px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-light > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
  border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -webkit-gradient(linear, left top, right top, from(#dbdbdb), to(#e8e8e8));
  background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
  border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -webkit-gradient(linear, left top, right top, from(#fefefe), to(#f5f5f5));
  background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
  border: 1px solid #dbdbdb;
  border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-rail > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px;
}

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-chrome > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 4px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

.scrollable {
  position: relative;
}

.scrollable:focus {
  outline: 0;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
}

.scrollable .viewport .overview {
  position: absolute;
}

.scrollable .scroll-bar {
  display: none;
}

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 0;
  height: 100%;
  width: 4px;
  z-index: 10;
}

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%;
}

.scrollable .scroll-bar .thumb {
  position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
  min-height: 10px;
  background-color: #CCC;
  opacity:0.6;
}

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  min-width: 10px;
  left: 0;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Default skin*/

.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
  width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
  background-color: black;
  opacity: 0.4;
  border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6;
}

/*Gray skin*/

.scrollable.gray-skin {
  padding-right: 17px;
}

.scrollable.gray-skin .scroll-bar {
  border: 1px solid gray;
  background-color: #d3d3d3;
}

.scrollable.gray-skin .scroll-bar .thumb {
  background-color: gray;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
  background-color: black;
}

.scrollable.gray-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.gray-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/*Modern skin*/
.scrollable.modern-skin {
  padding-right: 17px;
}

.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inset 0 0 5px #888;
}

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #536984;
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -webkit-gradient(linear, left top, right top, from(#95aabf), to(#547092));
  background: linear-gradient(to right, #95aabf 0%, #547092 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#95aabf), to(#547092));
  background-image: linear-gradient(#95aabf, #547092);
  background-image: -ms-linear-gradient(#95aabf, #547092);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/*.feed .active {
    color: #ff5033;
}*/

.archive-popular {
    margin-top: 20px;
    position: relative;
}

.archive-popular .heading {
    color: black;
    border-bottom: 1px solid #efefef;
    position: static;
}

.none {
    display: none;
}

.rightadd {
    display: block;
    width: 300px;
    margin: 0px auto 12px;
}

#yandex_rtb_R-A-126039-4, #yandex_rtb_R-A-126039-5
{
	overflow: auto;
}




#ya-save {
    background-color: #232323;
    position: fixed;
    z-index: 100;
    bottom: 30px;
    right: -430px;
    -webkit-transition: right .3s linear;
    transition: right .3s linear;
}
#ya-save.show {
    right: 30px;
}

.ya-title {
    background-color: #ffce00;
    position: relative;
}

.ya-title:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 25px 0;
    border-color: transparent #ffcc00 transparent transparent;
    position: absolute;
    bottom: -25px;
    left: 34px;
}

.ya-title a {
    background-image: url(../images/ya-close.png);
    display: block;
    height: 19px;
    width: 18px;
    position: absolute;
    top: 20px;
    right: 25px;
}

.ya-title h4,
.ya-title p {
    padding: 20px 25px;
}

.ya-title h4 {
    border-bottom: 1px solid #fff;
    font-size: 30px;
}

.ya-title h4:first-letter {
    color: #ee2b21;
}

.ya-title p {
    font-size: 14px;
}

.ya-save__button {
    padding: 40px 96px 30px;
}

.ya-save__button .btn {
    background-color: #ff5033;
    color: #fff;
    display: block;
    padding: 10px 0;
    text-align: center;
}


@media screen and (max-width: 991px) {
	#ya-save {
	    bottom: 25px;
    	right: -405px;
	}

	#ya-save.show {
	    right: 25px;
	}
}

@media screen and (max-width: 767px) {
	#ya-save {
	    display: none !important;
	}

	
}

.post-text ol,
.post-text ul {
    font-family: 'PT Sans', sans-serif;
    padding-bottom: 25px;
    font-size: 18px;
    letter-spacing: 0.02em;
    line-height: 26px;
}

.post-thumb .mark {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    font-size: 14px;
    padding: 12px 18px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: bold;
}

.snippets {
               margin-bottom:25px;
               float:left;
}

.snippets .snippet {
    display:block;
    /* float:left; */
    background: #f8f8f5;
    padding-bottom: 0;
    padding: 6px;
    border-left: 4px solid #d8d8d5;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.4;
    color: #585845;
    font-size: 0.99em;
    /*cursor: pointer;*/
	margin-bottom:0;
    text-decoration:none !important;
    border-bottom: 1px solid #e8e8e8;
    -webkit-transition: .25s;
    transition: .25s;
}

.snippets .snippet:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.snippets .snippet:last-child {
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: none;
}

.snippets .snippet svg {
    fill: currentColor;
    vertical-align: middle;
}

.snippets a.snippet:hover {
    color: #ff5033;
}

.footer-info {
    font-size: 12px;
    color: #4C4C4C;
    margin-bottom: 20px;
}

.footer-info__content {
    max-height: 120px;
    overflow: hidden;
    -webkit-transition: .15s;
    transition: .15s;
}

.footer-info__content p {
    margin-bottom: 14px;
}

.footer-info--active .footer-info__content {
    max-height: 500px;
}

.footer-info__btn-show-more {
    padding: 0;
    background-color: transparent;
    font-size: 12px;
    cursor: pointer;
    color: #999999;
    border: none;
    outline: none;
    border-bottom: 1px solid currentColor;
    display: block;
    margin-left: auto;
}

.fb-post {
    /* position: relative;
    margin-bottom: 30px; */
}

.fb-post iframe {
    /* position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; */
}

iframe + figcaption {
    margin-top: -25px !important;
}

article.large.white .thumb,
.post-thumb .thumb,
.post-thumb .thumb img {
   background-color:#fff;
}



.disclaimers li {
    list-style:none;
    font-size:0.85em;
    color:#777;
}

.post-tags {
    text-align: right;
    font-size: 13px;
}

.tag-description {
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    letter-spacing: 0.02em;
    line-height: 26px;
    padding: 38px 36px;
}

.tag-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 30px;
}

.tag-list li {
    padding: 5px 20px;
    flex: 0 0 50%;
}

.tag-list a {
    font-family: 'PT Sans', sans-serif;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0.016em;
    border-bottom: 1px solid transparent;
    transition: .15s ease-in-out;
}

.tag-list a:hover {
    color: #ff5033;
    border-bottom: 1px solid currentColor;
}

@media screen and (max-width: 520px) {
    .tag-list li {
        flex: 0 0 100%;
    }
}