/* Start:/local/templates/BLOG/components/bitrix/news.list/posts_list_big/style.css?17772937923709*/
.pin{border: 30px solid transparent; border-left: 30px solid #f7f8f9; border-top: 30px solid #f7f8f9; position: absolute; top: 0px; left: 0px; z-index: 2; background: none;}
.pin svg{width: 25px; height: 25px; background: none; position: absolute; left: -23px; top: -23px; transform: rotate(135deg); fill: #fa8b02}
.sticker_mc{position: absolute; width: 25px; height: 25px; z-index: 1; color: #fff; background: #e37d1d; border-radius: 50%; font-size: 13px; font-weight: bold; line-height: 26px; text-align: center; background: #e37d1d; border-radius: 50%; right: 1px; top: 1px;}
.article-preview .author{left: 15px!important; top: 15px!important; width: 130px!important;}
.article-preview .author .name{max-width: 100%; overflow: hidden; margin: 15px 0px; font-size: 12px!important; }
.article-preview .cover{margin-left: 160px!important; position: relative; overflow: hidden; display: block;}
.article-preview .cover .ribbon {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 120px 120px 0;
    border-color: transparent #54B600 transparent transparent;
    z-index: 1;
}
.article-preview .cover .ribbon span {
    position: absolute;
    display: block;
    width: 100px;
    color: #fff;
    font-size: 9px;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
    left: 25px;
    top: 35px;
    transform: rotate(45deg);
    letter-spacing: 1px;
    font-weight: 700;
}
.article-preview .cover .ribbon .icon{
    fill: #fff;
    left: 85px;
    top: 11px;
    position: absolute;
    width: 30px;
    height: 30px;
}
.article-preview .description{margin-left: 140px!important;}


@media (max-width: 767px) {
    .article-preview .cover{margin-left: 0px!important;}
    .article-preview .author{width: 100%!important; padding: 0 30px 25px 20px!important;}
    .article-preview .author .name{margin: 0px 0px 0px 20px;}
    .article-preview .description{margin: 0px!important;}

    .sticker_mc{width: 15px; height: 15px; left: -10px; top: -5px; font-size: 8px; line-height: 15px;}
    .article-preview{position: relative;}
    .pin + .author{padding-left: 62px!important;}
}

.readlater {
    position: relative;
    z-index: 10;
}
.postpone {
    position: relative;
    z-index: 2;
}
.postpone-module {
    margin-right: 0;
}
.postpone {
    float: left;
}

.print .icon, .postpone .icon {
    width: 16px;
    fill: #4e8420;
}
.print:hover .icon, .postpone:hover .icon {
    fill: #fff;
}
.postpone-module {
    display: inline-block;
    position: relative;
    z-index: 2;
}
.postpone-form {
    width: 398px;
    max-width: 90vw;
    padding: 65px 35px 25px;
    background: #fff;
    position: absolute;
    left: -35px;
    top: -25px;
    z-index: 1;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.14);
    box-shadow: 0 0 40px rgba(0,0,0,0.14);
    display: none;
}
.postpone-form h4 {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin: 0 0 5px;
}
.postpone-form form {
    position: relative;
}
.postpone-form .email .icon {
    left: 20px;
}
.postpone-form .email input {
    padding: 0 56px;
    height: 58px;
    border: 1px solid #c2cbd1;
}
.postpone-form .email input:focus {
    border-color: #ff7e00;
}
.postpone-form button {
    width: 56px;
    height: 56px;
    padding: 0;
    margin: 0 !important;
    background: none;
    position: absolute;
    right: 1px;
    top: 1px;
}
.button.postpone{background: #fff!important;}
.button.postpone:hover{
    background: #fff!important;
    color: #000!important;
}
.postpone-form button .icon {
    fill: #ff7e00;
    width: 20px;
    height: 20px;
    margin: 0 auto;
}
.postpone-form .agreement {
    margin-top: 10px;
}
/* End */
/* /local/templates/BLOG/components/bitrix/news.list/posts_list_big/style.css?17772937923709 */