@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300&subset=cyrillic);

/* фоновый цвет */
body,.section1  {background:#2C95E3;}

/* заголовок */
h1 { color:#2C95E3; display: inline-block;}
h1:after {border-top:3px solid #2C95E3;}
h3 {margin:0 0 15px;}
h3:first-child {margin-top:0;}

h4 {
    text-align: left;
}
.header_top  .logo {background-color:#2C95E3; }
.sp_menu ul a:hover, .sp_menu #Login, .sp_menu #Login a {color:#2C95E3;}

/* цвет слайдера в лиде*/
.main_menu a:hover, .main_menu .active, .slider a {color:#2C95E3;}
.slider .bx-pager-link {border:1px solid #2C95E3; background-color:#2C95E3; }

/* ссылка в контенте */
a { color: #2C95E3;}

/* цветовое оформление контента */
.post:before {border-top:4px solid #2C95E3; }
.interviewee{background-color:#2C95E3;}
.quote:before, .quote p:first-of-type:before, .quote p:last-child:after {color:#2C95E3;}

/* второе цветовое оформление контента (если оно есть) */
.interviewee.v2 {background-color:#fd9d28;}
.quote.v2:before, .quote.v2 p:first-of-type:before {color:#fd9d28;}
.quote.v2 p:last-child:after { color:#fd9d28; }
.v2 .post:before {border-top:4px solid #fd9d28; }

/* картинка-фон в шапке */
header {background:url(https://filearchive.cnews.ru/img/cnews/2019/12/26/trendsbg.jpg) 100% 50%; padding-top:24px; -webkit-background-size: cover;
background-size: cover;}

.container {min-width:1000px;}

.article_block ul li {
    font-size: 1rem;
}

.slider {width: 80%;}
.bx-wrapper {
    display: inline-block;
    width: 80%;
}

.article_block {border-left:6px solid #2C95E3; background-color:#eceff4; padding:20px; margin:0 0 20px; width:auto; min-width:0;}

.table {border:2px solid #2C95E3;}
.table th { background-color:#eceff4; padding:10px;}
.table td {padding:10px; text-align:center;}
.table tr:nth-child(2n) { background-color:#FFF;}

p {margin:15px 0;}
.title {display:inline-block; color: #fff;  display: inline-block; font-size: 18px; font-weight: bold;  padding: 2px 10px;  position: relative; background-color:#666666; text-decoration:none;}

.button {
    background: #2C95E3 url("https://filearchive.cnews.ru/img/forum/2015/08/07/icon_sprite.png") 98% 7px no-repeat;
    color: #ffffff !important;
    display: inline-block;
    font-size: 14px;
    height: 27px;
    line-height: 1.1;
    padding: 10px 40px 0 8px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    
    background: #2C95E3 url("https://filearchive.cnews.ru/img/forum/2012/12/07/icon_sprite.png") 98% 7px no-repeat;
    background: url("https://filearchive.cnews.ru/img/forum/2012/12/07/icon_sprite.png") 98% 7px no-repeat,  linear-gradient(to bottom, rgba(44,148,227,1) 0%, rgba(45,91,227,1) 100%);

}
.btn_detal {
    color: #ffffff !important;
    display: inline-block;
    font-size: 14px;
    height: 27px;
    line-height: 1.1;
    padding: 10px 40px 0 8px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    cursor:pointer;
    
    background: #2C95E3  url("https://filearchive.cnews.ru/img/forum/2015/08/07/icon_sprite.png") 95% -42px no-repeat;
    background: url("https://filearchive.cnews.ru/img/forum/2015/08/07/icon_sprite.png") 95% -42px no-repeat, linear-gradient(to bottom, rgba(44,148,227,1) 0%, rgba(45,91,227,1) 100%);

}
.btn_detal.active {
    background: #2C95E3  url("https://filearchive.cnews.ru/img/forum/2015/08/07/icon_sprite.png") 95% 7px no-repeat;
    background: url("https://filearchive.cnews.ru/img/forum/2015/08/07/icon_sprite.png") 95% 7px no-repeat, linear-gradient(to bottom, rgba(44,148,227,1) 0%, rgba(45,91,227,1) 100%);

}
.drop_txt, .drop_txt_extra {display:none;}
.source {
    font-style: italic;
    padding-right: 5px;
    text-align: right;
}
.header_inner {background:rgba(0,0,0,0.65);}
.photo_txt {font-size:14px;}
.photo_txt .info {padding:10px 0 10px 10px;}
.photo_txt .post {font-size:12px;}
.photo_txt .post:before {margin:5px 0;}
.header_inner .inner {max-width: 1160px;  min-width: 980px;}

.wp {white-space:nowrap;}

.aside {display:table-cell; width:36%; padding-right:20px; padding-bottom:20px; padding-top:50px; vertical-align:top;}
.aside img {width:100%;}
.section2 .aside { padding-right:0; padding-left:20px;}
p.source {width:auto; text-align:right;}
.section1 .wrap {background-color:#FFF; display:table;}
.wrap {display:table; table-layout:fixed;}
.section1 .txt  { padding: 50px 60px 50px 50px; display:table-cell; vertical-align:top;}
.section2 .txt { padding: 50px 60px 50px 50px; display:table-cell; vertical-align:top;}

.half {width:46%; margin:0 2%; float:left; text-align:center; padding:15px 0 0 ; }
.half img {max-width:100%;}

/*  .photo_txt {margin:30px 0 0; float:none; overflow:hidden;}   */
.photo_txt img {max-width:100%; vertical-align:middle;}
.photo_txt_inner {margin:0 -50px; text-align:center; display:block;}
.table2008 tr.thead td, tr.thead th, .main_table tr.thead td {
    border: 1px solid #999; background-color:#ebebeb;
}

.nofloat {margin:0; float:none; overflow:hidden;  width:250px;}
.nofloat .info { padding-right:2px;}
.nofloat img {max-width:100%; vertical-align:middle; width:auto;}
.nofloat {text-align:center; display:block;}
.table2008 tr.thead td, tr.thead th, .main_table tr.thead td {
    border: 1px solid #999; background-color:#ebebeb;
}
.aside h3  {font-size:20px; margin:15px 0 10px;}

.section1 .aside:first-child {padding-right:0; padding-left:60px;}
.section1 .aside + .txt {padding-right:20px; padding-left:50px;}

.photo_txt.left {margin-left:-10px;}
.inner_half {position:relative; overflow:hidden;}
.inner_half:after {content:' '; display:block;border-left:6px solid #2C95E3; position:absolute; width:0; height:104%; left:50%; top:-2%; background:#fff; width:200px; 
    -moz-transform: rotate(7deg); /* Для Firefox */
    -ms-transform: rotate(7deg); /* Для IE */
    -webkit-transform: rotate(7deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(7deg); /* Для Opera */
    transform: rotate(7deg);}
.inner_half .txt {width:50%; }
.section2 .inner_half:after {background:#ebebeb;}
.inner_half .txt + .txt > div {background:#fff; }
.section2 .inner_half .txt + .txt > div {background:#ebebeb;}

.aside1 {width:140px; vertical-align:bottom;}
table.wrap  {table-layout:fixed; width:100%;}
table img {vertical-align:bottom; display:block; width:100%;}

/* .wrap_half .txt:first-child {padding-right:25px;}
.wrap_half .txt:last-child {padding-left:25px;} */


.big-number {
    font-size: 1.2em;
    background-color: #2C95E3;
    color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 5px;
    margin: 0 17px 0 0;
    float: left;
}

.sub-heading {
    font-size: .75em;
    color: #777;
}

.section2 .article_block {
    background-color: #f9f9f9;
}

body .section1 .full-width-block {
    padding: 0 50px 50px;
}

.aside ul {
    padding-left: 26px;
    list-style: none;
}

.aside ul li:before {
    content: "•";
    color: #2C95E3;
    font-weight: bold;
    display: inline-block;
    width: 1.2em;
    font-size: 1.28em;
    line-height: 1;
    margin-left: -1.2em;
}

ul li {
    margin: 5px 0 0;
}

p a {
    color: black;
    text-decoration: none;
}

p a:hover {
    text-decoration: underline;
}

.aside.interview-aside {
    width: 50%;
}

.aside.interview-aside img {
    max-width: 180px;
}

@media (min-width: 1200px) {
    .inner .wrap .full-width-block {
        width: 1180px;
        padding-top: 0;
    }
}

@media (max-width: 1200px) {
    body h3 {
        line-height: 1.25;
    }

    .main_table {
        overflow: auto;
    }

    .inner {
        overflow: hidden;
        min-width: auto;
    }

    .container {
        min-width: unset;
    }    

    .aside.interview-aside, body .aside {
        width: calc(100% - 100px);
        padding-left: 50px;
    }

    .article_block {
        min-height: 260px;
    }

    .inner .wrap {
        display: flex;
        flex-direction: column;
    }

    .section2 .inner .wrap {
        flex-direction: column-reverse;
    }

    .txt {
        position: relative;
        overflow: auto;
    }
}

@media (max-width: 992px) {
    .aside.interview-aside, body .aside {
        width: 100%;
    }

    .photo_txt {
        margin: 10px 25px;
        width: 180px;
    }
}

@media (max-width: 720px) {
    .slider {
        padding: 70px 0 0 0;
    }
}

@media (max-width: 576px) {
    body .photo_txt.left {
        float: none;
    }
}