* {
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
}
a {
    text-decoration: none !important;
}
a:hover {
    color: #ef686a !important;
    cursor: pointer;
}
/* Header */

#top_bar {
    height: 28px;
    width: 100%;
    background-color: #ef686a;
}
#top_bar .languages {
    float: right;
}
#top_bar .languages li {
    display: inline-block;
}
#top_bar .languages a {
    color: #fff;
    line-height: 28px; /* #top_bar height */
    font-size: 16px;
    padding: 0 20px;
}
#top_bar .languages li:last-child a {
    font-weight: 100;
}
#top_bar .languages a:hover {
    color: #fff !important;
}
#top_bar .languages .chosen {
    background-color: #fff;
}
#top_bar .languages .chosen a {
    color: #ef686a;
    pointer-events: none;
}

#nav {
    margin-top: 10px;
    max-height: 121px; /* исходя из представления на десктопе */
    position: relative;
}
#nav .logo,
#nav .nav_news,
#nav .nav_theme,
#nav #search-block,
#nav .social li {
    display: inline-block;
}
#nav .logo {
    width: 100px;
    float: left;
}
#nav .nav_news {
    margin: 10px 50px;
}
#nav .nav_theme {
    margin-right: 70px;
}
#nav .nav_theme:last-child {
    margin-right: 0;
}
#nav .nav_theme a {
    color: #000;
}
#nav .nav_theme_header {
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}
#nav .nav_theme_news {
    font-size: 15px;
    font-weight: 300;
    display: list-item;
    list-style-type: none;
}
#search-block {
    vertical-align: top;
    margin-top: 30px;
    float: right;
    position: absolute;
    right: 14px;
    top: 0;
}
#search-block .social {
    width: 134px;
    margin: 0 auto 15px auto;
}
#search-block .social li {
    margin-right: 30px;
}
#search-block .social li:last-child {
    margin-right: 0;
}
#search-block .social img {
    width: 22px;
}

#search-block input + img {
    width: 16px;
    /* margin-left: -25px; */
    vertical-align: middle;
    display: inline-block;
    left: 174px;
    position: absolute;
    top: 6px;
}
#search-block input {
    width: 160px;
    height: 12px;
    padding: 8px 28px 8px 10px;
    border: 1px solid darkgray;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}/*
#search-block input {
    width: 160px;
    height: 12px;
    padding: 8px 28px 8px 10px;
    border: 1px solid darkgray;
    vertical-align: middle;
    display: inline-block;
}
#search-block input + img {
    width: 16px;
    margin-left: -25px;
    vertical-align: middle;
    display: inline-block;
}*/
#search-block input + img:hover {
    cursor: pointer;
}
input:focus {
    outline-color: #ef686a;
}
::-webkit-input-placeholder {
    font-weight: 300;
}
::-moz-placeholder {
    font-weight: 300;
}
:-moz-placeholder {
    font-weight: 300;
}
:-ms-input-placeholder {
    font-weight: 300;
}

/* Slider row */

#slider_row {
    margin-top: 20px;
}
#slider,
.unslider {
    width: 570px;
    height: 351px;
}
#slider {
    overflow: hidden;
}
#slider img {
    height: 351px;
}
.unslider {
    overflow: visible;
    position: relative;
}
.unslider-nav {
    position: absolute;
    top: 6px;
    right: 10px;
}
.unslider-arrow {
    display: none;
}
.unslider,
#slider_news {
    display: inline-block;
    float: left;
}
#slider_news {
    height: 351px;
    width: 250px;
    border: 1px solid #eee;
}
#slider_news li {
    height: 103px;
    width: 250px;
    padding: 15px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}
#slider_news .slider_header {
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 18px;
}
#slider_news .slider_date {
    font-weight: 300;
    color: #ef686a;
}
#slider_news a {
    color: #000 !important;
}
#slider_news li:not(.chosen) a:hover {
    color:#ef686a !important;
}
#slider_news .chosen {
    background-color: #ef686a;
    font-weight: 300;
}
#slider_news .chosen a,
#slider_news .chosen p {
    color: #fff !important;
}
#slider_news li:hover {
    cursor: pointer;
}

#news_widget {
    background-color: rgba(214, 214, 214, 0.2);
    padding: 15px;
    display: inline-block;
    float: right;
    width: 320px;
    height: 351px;
    margin-right: 23px;
}
#slider_row #news_widget{
    width:296px !important;
}
#news_widget .widget_header {
    font-size: 18px !important;
    margin-bottom: 10px !important;
    margin-top: 0 !important;
}
#news_widget li {
    margin-bottom: 10px !important;
}
#text.with_photo #news_widget li {
    margin-top: -10px;
}
#news_widget .widget_date {
    color: #ef686a;
    font-weight: 200;
    font-size: 12px !important;
}
#news_widget .widget_link {
    color: #000;
    font-weight: 200;
}

/* News */

#news .section-header {
    display: none;
}
#news {
    margin-top: 30px;
}
#news .row {
    /*padding-top:30px;
    border-top: 1px solid #e1e1e1;*/
}
#news .theme {
    height: 300px;
    width: 165px;
    float: left;
    display: inline-block;
    margin-right: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
#news .theme a {
    display: table-cell;
    width: 165px;
    height: 60px;
    background-color: rgba(239, 104, 106, 0.8);
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 19px;
    font-weight: 300;
    letter-spacing: 0.05em;
}
#news .theme a:hover {
    color: #fff !important;
}
#news .article,
#theme .article {
    display: inline-block;
    height: 135px;
    width: 295px;
    font-weight: 300;
    margin-right: 5px;
    padding: 10px;
    margin: 0 0 25px 30px;
    padding: 10px;
    overflow: hidden;
}
#news .article-date,
#theme .article-date {
    font-weight: 300;
    font-size: 15px;
}
#news .article-link,
#theme .article-link {
    color: #ef686a;
    font-size: 16px;
    font-weight: normal;
}
#news .article-preview {
    font-size: 13px;
}
#news .dots,
#theme .dots {
    color: #ef686a;
    font-weight: 500;
}
#news .article-comments img,
#news .article-views img,
#theme .article-comments img,
#theme .article-views img{
    width: 15px;
    margin: -3px 2px 0 0;
}
#news .article-comments,
#news .article-views,
#theme .article-comments,
#theme .article-views{
    color: #000;
    margin: 8px 10px 0 0;
    font-size: 15px;
    display: inline-block;
}
#news .article.article_photo,
#theme .article.article_photo{
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-size: cover;
    color: white;
}
#news .article.article_photo a,
#news .article.article_photo p,
#theme .article.article_photo a,
#theme .article.article_photo p {
    color: white;
    text-shadow: 1px 1px #000;
}

/* Else on homepage */

h2.section-header {
    font-size: 20px;
    margin: 20px 0;
    text-align: center;
}
h2.section-header:before {
    content: "";
    display: inline-block;
    height: 1px;
    background-color: #ef686a;
    position: absolute;
    line-height: 20px;
    vertical-align: middle;
    left: 0;
    right: 0;
    z-index: 0;
    margin-top: 15px;
}
h2.section-header span {
    position: relative;
    z-index: 1;
    padding: 0 15px;
    background-color: #fff;
}
#info {
    padding: 0;
}
#info .info_item img {
    width: 27px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}
#info .info_item .info_desc {
    display: inline-block;
    width: 250px;
    font-size: 16px;
    font-weight: 300;
    vertical-align: middle;
}
#info .info_item {
    margin-right: 122px;
    display: inline-block;
    color: #000;
    margin-bottom: 20px;
}
#info .info_item:nth-child(4),
#info .info_item:last-child {
    margin-right: 0;
}

/* Themes */

#themes {
    margin-bottom: 20px;
    padding: 0;
}
#themes .theme_section {
    width: 372px; /* width padding-right (for border) */
    display: inline-block;
}
#themes .theme_section {
    padding-right: 12px;
    border-right: 1px solid #eee;
}
#themes .theme_section {
    margin-left: 12px;
    float: left;
}
#themes .theme_section.first {
    margin-left: 0;
}
#themes .theme_section.last {
    margin-right: 0;
    border: none;
}
#themes .theme_header {
    text-align: center;
    font-size: 22px;
    color: #000;
    margin-bottom: 15px;
    display: block;
}
#themes .theme_main_article {
    height: 200px;
    padding: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 15px;
}
#themes .theme_main_header {
    color: #fff;
}
#themes .theme_other_date {
    font-weight: 300;
    font-size: 18px;
}
#themes .theme_other_header {
    font-size: 19px;
    color: #ef686a;
    font-weight: 300;
    margin-bottom: 10px;
    display: block;
}

/* Footer */

footer {
    /* height: 160px; */
    background-color: rgba(216, 216, 216, 0.2);
    padding-top: 30px;
    padding-bottom: 50px;
}
footer .container {
    /*height: 100px;*/
    text-align: center;
    padding-bottom: 30px;
}
footer .footer_logo {
    float: left;
}
footer .footer_logo img {
    width: 120px;
}
footer .footer_logo,
footer .footer_nav,
footer .footer_nav li,
footer .footer_subscription,
footer .digital_perfection {
    display: inline-block;
}
footer .digital_perfection {
    float: right;
    font-weight: 100;
    color: #ef686a;
    font-size: 14px;
    vertical-align: middle;
    line-height: 120px;
    letter-spacing: 0.05em;
}
footer .footer_nav {
    margin-left: 10px;
    float: left;
    line-height: 120px;
}
footer .footer_nav li {
    margin-left: 20px;
    font-weight: 200;
    font-size: 16px;
}
footer .footer_nav a {
    color: #000;
}
footer .footer_subscription {
    text-align: center;
    margin-top: 15px;
}
footer .footer_subscription label {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
}
footer .footer_subscription input {
    padding: 4px 7px;
    float: left;
}
footer .footer_subscription button {
    height: 31px;
    background-color: transparent;
    border: 1px solid #ef686a;
    float: left;
    margin-left: 20px;
}

/* Theme Page */

#themes_list {
    margin-top: 20px;
}
#themes_list .theme,
#theme .theme {
    width: 360px;
    height: 300px;
    margin: 0 26px 26px 0;
    color: #fff;
    font-size: 35px;
    display: inline-block;
    position: relative;
}
#themes_list .theme_header,
#theme .theme_header {
    position: absolute;
    bottom: 15px;
    left: 15px;
    line-height: 45px;
    text-shadow: 1px 1px #000;
}
#themes_list .theme:nth-child(3n + 3) {
    margin-right: 0;
}
#themes_list .themes_pagination li,
#theme .theme_pagination li,
#news .news_pagination li {
    display: inline-block;
    margin-right: 2px;
}
#themes_list .themes_pagination {
    margin-top: -15px;
    margin-bottom: 20px;
    font-size: 17px;
}
#theme .theme_pagination,
#news .news_pagination {
    font-size: 17px;
    margin: 10px 0 20px 10px;
}
#themes_list .themes_pagination .current a,
#theme .theme_pagination .current a,
#news .news_pagination .current a {
    color: #ef686a;
}
#themes_list .themes_pagination a,
#theme .theme_pagination a,
#news .news_pagination a {
    color: #000;
}

#theme {
    margin-top: 20px;
}
#theme .theme {
    pointer-events: none;
}
#theme aside {
    width: 360px;
    display: inline-block;
    float: left;
}
#theme .other_themes p {
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
}
#theme .other_themes a {
    color: #ef686a;
    font-weight: 300;
}
#theme .other_themes li {
    margin-bottom: 5px;
}
#theme section {
    display: inline-block;
    width: 660px;
    /*margin-left: 40px;*/
    float: left;
}
#theme #news {
    margin-top: 0;
}

/* Search Result */

#news.search_result .article {
    margin-right: 93px;
}
#news.search_result .article:nth-child(3n + 3) {
    margin-right: 0;
}
#search_results {
    margin-top: 20px;
}
#search_results input {
    width: 300px;
    padding: 2px 5px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    border: 1px solid darkgray;
}
#search_results button {
    background-color: transparent;
    border: 1px solid #ef686a;
    height: 27px;
    width: 100px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    color: #ef686a;
}
#search_results p {
    display: block;
    margin-top: 20px;
    margin-left: 10px;
}
#news.search_result {
    margin-top: 10px;
}

/* Article */

#article #text {
    width: 800px;
    float: left;
    margin-bottom: 10px;
}
#article #text h1 {
    font-size: 36px;
    line-height: 40px;
    color: #ef686a;
    font-weight: 500;
    margin: 20px 0 10px 0;
}
#article #text h2 {
    font-size: 35px;
    font-weight: 300;
    line-height: 40px;
}
#article #text p {
    margin-top: 10px;
    font-weight: 300;
    font-size: 15px;
}
#article #text .share {
    display: block;
    margin-top: 15px;
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 200px;
    float: left;
}
#article #text .share img {
    width: 18px;
    margin-left: 10px;
    line-height: 16px;
}
#article #text .desc img {
    width: 17px;
    margin-top: -2px;
}
#article #text .desc {
    display: block;
    float: right;
    width: 200px;
    margin-top: 15px;
    text-align: right;
    margin-right: 50px;
}
#article #text .desc .comments {
    margin-right: 15px;
}
#article #news_widget {
    margin-right: -10px;
    margin-top: 20px;
}
#read_others {
    margin-bottom: 30px;
}
#article #text.with_photo {
    width: 100%;
    margin-top: 20px;
}
#text.with_photo p {
    width: 900px;
    float: left;
    display: inline-block;
}
#text.with_photo .article_header {
    height: 485px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
#text.with_photo .article_header_inner {
    position:absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    width: 880px;
}
#text.with_photo .article_header_inner h1 {
    color: #fff !important;
}
#text.with_photo .article_act {
    width: 900px;
}
#article {
    position: relative;
}
#text.with_photo .article_header {
    margin-bottom: 30px !important;
}
#article_date,
#article_words,
#article_source,
#article_authors {
    font-weight: 300;
    font-size: 16px;
    margin-right: 15px;
    background-size: 13px;
    background-position: left center;
    padding-left: 16px;
    background-repeat: no-repeat;
}
#article_date img,
#article_words img,
#article_source img, 
#article_authors img{
    width: 13px;
    margin-top: -3px;
}
#article_desc {
    margin-top: 20px;
    margin-bottom: 20px;
}
#article_date,
#article_words,
#article_source,
#article_authors{
    color: #000;
}

#article_date {
    background-image: url('../img/icon_date.png')
}
#article_words {
    background-image: url('../img/icon_symbols.png')
}
#article_source {
    background-image: url('../img/icon_source.png')
}
#article_authors {
    background-image: url('../img/icon_authors.png')
}
#text.with_photo #article_date {
    background-image: url('../img/icon_date_white.png')
}
#text.with_photo #article_words {
    background-image: url('../img/icon_symbols_white.png')
}
#text.with_photo #article_source {
    background-image: url('../img/icon_source_white.png')
}
#text.with_photo #article_authors {
    background-image: url('../img/icon_authors_white.png')
}

#text.with_photo #article_date,
#text.with_photo #article_words,
#text.with_photo #article_source,
#text.with_photo #article_authors{
    color: #fff;
}
#paragraphs {
    width: 800px;
    display: inline-block;
}
#text.with_photo #news_widget {
    margin: 0 0 0 0 !important;
}
/*НОВОЕ*/
.shade{
    position: absolute;
    width: 295px;
    height: 135px;
    float: left;
    background: #000;
    margin: -10px 0 0 -10px;
    opacity: 0.2;
    z-index: 1000;
}
.onshade{
    position: absolute;
    width: 275px;
    height: 115px;
    float: left;
    z-index: 9999;
}
.shade_theme{
    position: absolute;
    width: 360px;
    height: 200px;
    float: left;
    background: #000;
    margin: -20px 0 0 -20px;
    opacity: 0.2;
    z-index: 1000;
}
.onshade_theme{
    position:absolute;
    width:295px;
    height:115px;
    float:left;
    z-index:9999;
    text-shadow:1px 1px #000;    
}
.shadetheme{
    position: absolute;
    width: 360px;
    height: 300px;
    float: left;
    background: #000;
    margin: 0 0 0 0;
    opacity: 0.2;
    z-index: 1000;
}
.onshadetheme{
    position:absolute;
    width:360px;
    height:300px;
    float:left;
    z-index:9999;
    text-shadow:1px 1px #000;    
}
#text img{
    max-width:100%;
    height:auto;
}
#text #news_widget, #article #news_widget{
    height: auto;
}
#article #text h1,#article #text h2,#article #text h3,#article #text h4,#article #text h5,#article #text h6{
    margin:0 0 20px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    line-height:1.2;
    width:90%;
    margin:0 5% 20px 5%;
}
#article #text .article_header h1{
    margin:20px 0 20px 0;
    font-size:32px;
    text-shadow: 1px 1px #000;
}
#article #text h1{
    font-size:32px;
}
#article #text h2{
    font-size:28px;
}
#article #text h3{
    font-size:24px;
}
#article #text h4{
    font-size:20px;
}
#article #text h5{
    font-size:18px;
}
#article #text h6{
    font-size:16px;
}
#article #text p{
    width:90%;
    margin:0 5% 20px 5%;
}
#article #text em{
    font-style:italic;
}
#article #text ul, #article #text ol{
    width:85%;
    margin:0 5% 20px 10%;
}
#article #text a{
    color:#ef686a;
    text-decoration:underline !important;
}
#article #text hr{
    width:90%;
    margin:0 5% 20px 5%;
    border-top:2px solid #ef686a;
    float:left;
}
#article #text blockquote{
    width:90%;
    margin:0 5% 20px 5%;
    border-left:5px solid #ef686a;
    padding-left:20px;
    background:rgba(214, 214, 214, 0.2);
}
#article #text blockquote p{
    width: 100%;
    margin: 0 0 20px 0 !important;
    font-style: italic;
    font-size: 18px;
    font-family: georgia;
    line-height: 1.5;
    padding: 20px 0;
    /* width: 90%; */
    margin: 0 5% 20px 5%;
    border-left: 5px solid #ef686a;
    padding-left: 20px;
    background: rgba(214, 214, 214, 0.2);
}
#article #text ul{
    list-style-type:disc;
}
#article #text ol{
    list-style-type:decimal;
}
#article #text ul li, #article #text ol li{
    font-weight:300;
    font-size:16px;
}
.artshade{
    width:100%;
    height:100%;
    background:#000;
    opacity:0.2;
}
#text #news_widget ul{
    width:100% !important;
    float:left;
    margin:0 0 0 0 !important;
    list-style-type:none;
}
#text #news_widget .widget_header {
    width:100%;
    float:left;
    margin:0 0 0 0;
}
#text #news_widget .widget_header a{
    width:100%;
    float:left;
    margin:0 0 0 0;
    text-decoration:none !important;
    font-weight:400;
    font-size:18px;
}
#text #news_widget .widget_date{
    width:100%;
    margin:0 0 0 0;
}
#text #news_widget li {
    width:100%;
    float:left;
    margin:0 0 10px 0 !important;
}
#text #news_widget li a{
    color:#000;
    text-decoration:none !important;
    font-size:14px;
    line-height:1 !important;
}
#text>iframe,#paragraphs>iframe{
    width:100%;
    min-height:360px;
    height:auto;
}
@media (min-width: 1200px){
    .news_mobile {display:none;}
}
@media (max-width: 1200px){
    .news_mobile {
        width:100%;
        float:left;
        display:block;
    }
    .news_mobile #news_widget{
        display:block;
        width:100%;
        float:left;
        text-align:left;
        height:auto;
        margin-bottom: 0px;
    }
    #news .article, #theme .article{
        margin-left:0 !important;
    }
    .shade_theme{
        width:100% !important;
    }
    .theme_other_article{
        width:90%;
        margin:0 auto;
    }
    #slider_row {
        width:100%;
        float:left;
    }
    .section-header{
    width: 100%;
    float: left;
    }
}
.img-caption{
    position: relative !important;
    width: 100% !important;
    text-align: center !important;
    background: rgba(214, 214, 214, 0.2) !important;
    padding: 10px !important;
    font-style: italic !important;
    top:auto !important;
    left:auto !important;
}