/* Start:/local/components/cci/news.list/templates/lastnews/style.css?17752215418413*/
.titleBanner {
    height: 300px;
    /*background: url(/local/components/cci/news.list/templates/lastnews/../images/titleBannerBg.jpg) center / cover;*/
    background: #bec7d1;
    width: 100%;
    display: table;
}
@media only screen and (max-width: 767px) {
    .titleBanner {
        height: 150px;
    }
}
.titleBanner_text {
    line-height: 48px;
    text-align: center;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
}

.titleBanner_text span {
    font-size: 16px;
    font-weight: normal;
    display: block;
    width: 100%;
    line-height: 32px;
}
.newsBlock {
    width: 100%;
    margin: 0 auto !important;
}

.boxCoub{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
}
.box {
    background-color: #fff;
    color: #333;
    position: relative;
}

.newsDetailBlock .ya-share2 ul.ya-share2__list  li{
    margin-left:12px;
}


@media (min-width: 1024px){
    .newsBlock{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 358px;
        justify-content: center;
        align-content: end;
        max-width: 1200px;
        grid-gap: 0px;
    }
    .box {
        min-height: 150px;
    }

    .boxV,.boxH {
        display: grid;
        grid-gap: 0px;
    }
    .boxH{
        grid-template-columns: repeat(2, 1fr);
    }
    .boxV{
        grid-template-rows: repeat(2, 1fr);
    }


    .boxV div.boxCoub:first-child{
        grid-row: 1 / span 1 ;
    }
    .boxV div.boxCoub:last-child{
        grid-row: 2 / span 1 ;
    }
    .boxH div.boxCoub:first-child{
        grid-column: 1 / span 1 ;
    }
    .boxH div.boxCoub:last-child{
        grid-column: 2 / span 1 ;
    }

    .boxBigImage,.boxBigText {
        position: absolute;
        width: 100%;
    }
    .boxBigImage {
        top:0;
        left:0;
        height: 100%;
    }
    .boxBigText {
        bottom:10px;
        left:0;
    }

    .item1 {
        grid-column: 1 / span 2;
        grid-row: auto / span 1;
    }
    .item2 {
        grid-column: 3 / span 1;
        grid-row: auto / span 2;
    }
    .item3 {
        grid-column: 1 / span 2;
        grid-row: auto / span 1;
    }
    .item4 {
        grid-column: 1 / span 1;
        grid-row: auto / span 2;
    }
    .item5 {
        grid-column: 2 / span 2;
        grid-row: auto / span 1;
    }
    .item6 {
        grid-column: 2 / span 2;
        grid-row: auto / span 1;
    }

    .item1.boxH div.boxCoub:first-child::after {
        border: 20px solid transparent;
        border-right: 20px solid white;
        content: " ";
        position: absolute;
        top: 20px;
        right: 0px;
    }

    .item2 div.boxCoub:first-child::after {
        border: 20px solid transparent;
        border-bottom: 20px solid white;
        content: " ";
        position: absolute;
        bottom: 0px;
        left: 20px;
    }

    .item3 div.boxCoub:last-child::after {
        border: 20px solid transparent;
        border-left: 20px solid white;
        content: " ";
        position: absolute;
        top: 20px;
        left: 0px;
    }

    .item4 div.boxCoub:first-child::after {
        border: 20px solid transparent;
        border-bottom: 20px solid white;
        content: " ";
        position: absolute;
        bottom: 0px;
        left: 20px;
    }

    .item5 div.boxCoub:last-child::after {
        border: 20px solid transparent;
        border-left: 20px solid white;
        content: " ";
        position: absolute;
        top: 20px;
        left: 0px;
    }

    .item6 div.boxCoub:first-child::after {
        border: 20px solid transparent;
        border-right: 20px solid white;
        content: " ";
        position: absolute;
        top: 20px;
        right: 0px;
    }

    .boxCoub div.newsMoreBlock{
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 20px 0px 20px 0px;
        background: #fff;
    }
    .boxCoub div.newsMoreBlock:before{
        width: 100%;
        content: " ";
        position: absolute;
        top: -15px;
        height: 15px;
        background-image: linear-gradient(rgba(255,255,255,0), rgb(255,255,255));
    }
    .boxCoub div.newsMore{
        font-size: 14px;
        font-weight: bold;
    }

    .boxCoub div.newsMore a{
        color: #3a434c;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .box.boxBig .newsMoreBlock{
        display: none;
    }

}
@media (min-width: 576px) and (max-width: 1023px) {
    .newsBlock{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: min-content;
        justify-content: center;
        align-content: end;
        grid-gap: 0px;
    }
    .box.boxBig{
        grid-column: 1 / span 2;
        grid-row: auto / span 1;
    }
    .box.boxBig div.boxCoub.boximage{
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .box.boxBig div.boxCoub.boxBigText{

    }

    .box:not(.boxBig){
        grid-column: 1 / span 2;
        grid-row: auto / span 1;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .box:nth-child(even) div.boxCoub.boximage{
        grid-column: 1 / span 1 !important;
    }
    .box:nth-child(even) div.boxCoub.boxtext{
        grid-column: 2 / span 1 !important;
    }

    .box:nth-child(odd) div.boxCoub.boximage{
        grid-column: 2 / span 1 !important;
    }
    .box:nth-child(odd) div.boxCoub.boxtext{
        grid-column: 1 / span 1 !important;
    }

    .newsMoreBlock{margin: 20px 0px;}

    .boxCoub div.newsMore,.boxCoub div.newsMore a{
        color: #fff;
        font-weight: 300;
    }
}
@media (max-width: 575px){
    .newsBlock {
    }

    .box:not(.boxBig){
        display: grid;
        grid-auto-rows: calc(100vw - 40px) min-content;
    }

    .box div.boxCoub.boximage{
        grid-column: none;
        grid-row: 1 / span 1 !important;
    }
    .box div.boxCoub.boxtext{
        grid-column: none;
        grid-row: 2 / span 1 !important;
    }

    .box:not(.boxBig) div.boxCoub.boximage::after {
        border: 20px solid transparent;
        border-bottom: 20px solid white;
        content: " ";
        position: absolute;
        bottom: 0px;
        left: 20px;
    }

    .box.boxBig div.boxCoub.boximage{
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .newsMoreBlock{margin: 20px 0px;}

    .box.boxBig .boxCoub div.newsMore,.box.boxBig .boxCoub div.newsMore a{
        color: #fff;
        font-weight: 400;
    }
    .box:not(.boxBig) .boxCoub div.newsMore,.box:not(.boxBig) .boxCoub div.newsMore a{
        color: #3a434c;
        font-weight: 400;
    }
}


.boxCoub span.newsTag{
    display: inline-block;
    padding: 3px 5px;
    background: #999;
    letter-spacing: 0.8px;
    color: #fff;
    margin-bottom: 10px;
}
.boxCoub b.newsTitle{
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}
.boxCoub div.newsDate{
    margin-top: 16px;
}
.boxCoub div.newsText{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

.newsDetailBlock{}

.newsDetailBlock .newsDetailBlockTitle{
    max-width:80%;
    font-size: 80px;
    line-height: 1;
    font-weight: 700;
    margin: 24px 0px;
}

@media (min-width: 576px) and (max-width: 1023px){
    .newsDetailBlock .newsDetailBlockTitle{
        font-size: 48px;
    }
}
@media (max-width: 575px){
    .newsDetailBlock .newsDetailBlockTitle{
        font-size: 32px;
    }
}

img.newsDetailBlockImage {
    width: 100%;
}

.newsDetailBlock p, .newsDetailBlock li{
    padding: 10px 0;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.8;
}

@media (max-width: 575px){
    .newsDetailBlock p, .newsDetailBlock li{
        font-size: 14px;
        line-height: 24px;
    }
    .newsDetailBlockText h2{
        font-size: 32px !important;
        line-height: 38px !important;
    }
    .share{
        font-size: 12px;
    }
}
.newsDetailBlockText h2{
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 20px;
    font-weight: 500;
}
.newsDetailBlockText img{
    max-width: 100%;
    height: auto;
}
.share{
    justify-content: space-between;

}

.newsDetailBlock .share ul{
list-style: none;
}
/* End */
/* /local/components/cci/news.list/templates/lastnews/style.css?17752215418413 */