/* Start:/local/templates/vog/components/bitrix/news/news/bitrix/news.detail/.default/style.css?15668212379766*/

.new-detail {
    padding-bottom: 70px;
    border-bottom: 1px solid rgba(58, 70, 76, 0.15);;
}


.new-detail__head {
    margin-bottom: 30px;
    position: relative;
}

.new-detail__date {
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #3A464C;
    flex-grow: 1;
}

.new-detail__row {
    display: flex;
    flex-direction: row;
}

.new-detail__views {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: rgba(58, 70, 76, .5);
    padding-left: 30px;
    margin-right: 35px;
}

.new-detail__views b {
    color: #1A78BA;
}

.new-detail__views::before {
    content: url(/local/templates/vog/assets/img/views-detail.svg);
    height: 14px;
    width: 18px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-out;
    left: 0;
}

.new-detail__comments::before {
    content: url(/local/templates/vog/assets/img/comments-detail.svg);
    height: 14px;
    width: 16px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-out;
    left: 0px;
}

.new-detail__comments {
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: rgba(58, 70, 76, .5);
    position: relative;
    padding-left: 30px;
}

.new-detail__comments b {
    color: #1A78BA;
}

.new-detail__detail-pic {
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
}

.new-detail__detail-pic img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: -webkit-fill-available;
    max-height: 500px;
    margin: 0 auto;
}

.new-detail__detail-text blockquote p {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #3A464C;
}

.new-detail__detail-text img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: auto;
}

.new-detail__detail-text iframe {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: 400px;
}

.new-detail__detail-text p {
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #3A464C;
    opacity: 1;
}

.new-detail__detail-text a {
    font-weight: bold;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1A78BA;
    position: relative;
    transition: all .3s ease-out;
    border-bottom: 2px solid rgba(26, 120, 186, 0);
}


.new-detail__detail-text a::before {
    content: url(/local/templates/vog/assets/img/arrow-blue.svg);
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-out;
}

.new-detail__detail-text a:hover {
    border-bottom: 1px solid rgba(26, 120, 186, 0.35);
}

.new-detail__detail-text a:hover::before {
    right: -40px;
}

.new-detail__detail-text h2 {
    margin-top: 22px;
    margin-bottom: 27px;
}

.new-detail__detail-text h3 {
    margin-top: 35px;
    margin-bottom: 26px;
}

.new-detail__detail-text h4 {
    margin-top: 26px;
    margin-bottom: 26px;
}

.new-detail__detail-text ul {
    padding-left: 0px;
    display: table;
}

.new-detail__detail-text ul li {
    list-style-type: none;
    display: table-row;
    font-weight: normal;
    line-height: 30px;
    color: #3A464C;

}

.new-detail__detail-text ul li:before {
    content: '';
    background: url(/local/templates/vog/assets/img/ellipseUl.svg) left 6px no-repeat;
    padding-right: 15px;
}

.new-photos__title {
    margin-top: 80px;
    margin-bottom: 40px;
}

.new-photo {
    height: 170px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

.new-photo__background {
    background-position: center;
    height: 100%;
    width: 100%;
    transition: all .3s ease-out;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.new-photo::before {
    content: url("data:image/svg+xml;charset=utf-8, <svg width='36' height='30' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='1' d='M9 1C5 1 2.66667 4.66667 2 6C2.66667 7.33333 5 11 9 11C13 11 15.3333 7.33333 16 6C15.3333 4.66667 13 1 9 1Z' stroke='white' stroke-width='2'/><path opacity='1' d='M11 6C11 7.10457 10.1046 8 9 8C7.89543 8 7 7.10457 7 6C7 4.89543 7.89543 4 9 4C10.1046 4 11 4.89543 11 6Z' stroke='white' stroke-width='2'/></svg>");
    height: 30px;
    width: 36px;
    position: absolute;
    transition: all .3s ease-out;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 4;
}

.new-photo__hover {
    height: 100%;
    width: 100%;
    transition: all .3s ease-out;
    position: absolute;
    z-index: 3;
    left: 0px;
    top: 0px;
    opacity: 0;
    background: linear-gradient(180deg, rgba(26, 120, 186, 0.75) 0%, #1A78BA 100%);
}

.new-photo:hover::before, .new-photo:hover .new-photo__hover {
    opacity: 1;
}



.new-photo img {
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: -webkit-fill-available;
    max-height: 170px;
}

.pager__btn {
    height: 175px;
    border: 1px solid rgba(58, 70, 76, 0.15);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 25px 30px;
    transition: all .3s ease-out;

}

.pager__btn:hover {
    background: #FFFFFF;
    box-shadow: 0px 5px 15px rgba(58, 70, 76, 0.1), 0px 15px 45px rgba(58, 70, 76, 0.1);
    border: 1px solid rgba(58, 70, 76, 0);
}

.pager__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;

    color: #3A464C;

    opacity: 0.35;
}

.pager__inner {
    position: relative;
    transition: all .3s ease-out;
    z-index: 2;
    height: 100%;
}

.pager__bot {
    position: absolute;
    bottom: 0;
}

.pager__date {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #3A464C;
    opacity: 0.35;
    margin-bottom: 5px;
}

.pager__new-name {
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    color: #3A464C;
    margin-bottom: 15px;
    transition: all .3s ease-out;
}

.pager__row {
    display: flex;
    flex-direction: row;
}

.pager__btn:hover .pager__new-name {
    color: #1A78BA;
}

.pager-new__views::before {
    content: url(/local/templates/vog/assets/img/views-news.svg);
    height: 14px;
    width: 18px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-out;
    left: 0;
}

.pager-new__views {
    padding-left: 28px;
    font-weight: 600;
    font-size: 14px;
    color: #3A464C;
    opacity: 0.85;
    line-height: 1;
    margin-right: 25px;
    position: relative;
    display: inline-block;
}

.pager-new__comments::before {
    content: url(/local/templates/vog/assets/img/comments-news.svg);
    height: 14px;
    width: 16px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-out;
    left: 0px;
}

.pager__views {
    margin-right: 15px;
}

.pager-new__comments {
    padding-left: 26px;
    font-weight: 600;
    font-size: 14px;
    color: #3A464C;
    opacity: 0.85;
    line-height: 1;
    position: relative;
    display: inline-block;
}


.pager__news {
    margin-top: 50px;
}

.new-comments__add {
    position: relative;
    transition: all .3s ease-out;
}

.new-comments__add {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #1A78BA;
    right: 0;
    border-bottom: 1px dotted rgba(175, 208, 231, 1);
    transition: all .3s ease-out;
}

.new-comments__add a:hover {
    border-bottom: 1px dotted transparent;
}

.new-comments__add::before {
    content: url(/local/templates/vog/assets/img/add_comments.svg);
    position: absolute;
    height: 18px;
    width: 22px;
    background-repeat: no-repeat;
    transition: all .3s ease-out;
    left: -25px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.new-comments__title {
    margin-bottom: 35px;
}


@media (width: 1024px) {



    .new-detail__views {
        font-size: 10px;
    }

    .new-detail__comments {
        font-size: 10px;
    }

}

@media all and (max-width: 991px) {




    .new-detail__comments::before {
        right: 160px;
        left: unset;
    }


}



@media all and (max-width: 767px) {
    .new-detail__date {
        margin-bottom: 15px;
    }
    .new-detail__row {
        flex-direction: column;
    }
    .new-detail__views {
        margin-bottom: 15px;
    }

    .new-detail {
        padding-bottom: 20px;
    }

    .new-comments__add {
        margin-bottom: 15px;
        margin-left: 35px;
    }

}

@media all and (max-width: 425px) {

    .new-detail__comments::before {
        left: 0px;
    }


    .pager__btn {
        margin-bottom: 30px;
    }
}

@media all and (max-width: 375px) {

    .new-detail__views {
        font-size: 12px;
    }

    .new-detail__comments {
        font-size: 12px;
    }

}

@media all and (max-width: 320px) {

    .new-detail__views::before {
        content: unset;
    }

    .new-detail__comments::before {
        content: unset;
    }

    .new-detail__views {
        padding-left: 0;
    }

}
/* End */


/* Start:/bitrix/components/arturgolubev/yandex.share/templates/.default/style.css?1558016451322*/
.ar_al_left {text-align:left;}
.ar_al_center {text-align:center;}
.ar_al_right {text-align:right;}
.ya-share-text-wrap {display: inline-block; vertical-align: middle;}
.ya-share-wrap {display: inline-block; vertical-align: middle;}

html .ya-share2__list_direction_horizontal > .ya-share2__item {margin-bottom: 5px;}
/* End */
/* /local/templates/vog/components/bitrix/news/news/bitrix/news.detail/.default/style.css?15668212379766 */
/* /bitrix/components/arturgolubev/yandex.share/templates/.default/style.css?1558016451322 */