.field--file_foto .field__label_foto{
    border-radius: 50%;
    font-weight: normal;
    text-align: center;
    font-size: 2.75rem;
    display: flex;
    margin: 1.66667rem auto;
    margin-top: 5.5rem;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    width: 10.5rem;
    height: 10.5rem;
}
.profile__image.avatar .see_image {
    cursor: pointer;
    background-size: cover;
}
.profile__status{
    margin-top: 10px;
}
.profile__status.empty{
    color: #D2B8D0;
}
.oleg_button_center{
    text-align: center;
    margin-left: 25%;
}
.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
    background: rgba(0,0,0,0.8);
     z-index: 99999;
     -webkit-transition: opacity 400ms ease-in;
     -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;

}
.modalDialog:target {
    display: block;
    pointer-events: auto;
}

.modalDialog > div {
    width: 230px;
    position: relative;
    margin: 10% auto;
    padding: 5px 10px 10px 10px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }
/*-------------------------------------------------------*/
/* с индексной стиль*/
.mid{
    flex: auto;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    border-radius: 7px;
    float: left;
    padding: 18px;
    margin: 20px;
    text-align: center;
    line-height: 3em;
}
/*-------------------------------------------------------*/
.slider {
    width: 100%;
}
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}


.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.slick-active {
    opacity: .5;
}

.slick-current {
    opacity: 1;
}
.profile_edited .header {
    border-color: transparent !important;
}
/*--------стиль для отображения кнопок на сайте-------------*/
.hiden{
    display: none!important;
}
/*В профиле кнопка "вы подписаны"*/
.list__item-subtitle .btn--icon span,
.profile__links .btn--icon span{
    margin-left: 20px;
}
/*В профиле кнопка "Сообщение"*/
.list__item-subtitle .btn--white.dl-message-button,
.profile__links .btn--white.dl-message-button{
    /*width: 119px;*/
    width: 73px;
    display: table-cell;
}
.list__item-subtitle .btn--white.dl-message-button{

}
.list__item-subtitle a.dl-favorite,
.profile__links a.dl-favorite,
.list__item-subtitle a.dl-favorite.dl-active,
.profile__links a.dl-favorite.dl-active
{
    display: table-cell;
    width: 46px;
    height: 34px;
    background-position: top -5px left -2px;
    padding-left: 16px;
    overflow: hidden;
}
.profile__links a.dl-blacklist,
.profile__links a.dl-blacklist.dl-active
{
    display: table-cell;
    width: 46px;
    height: 34px;
    background-position: top -5px left -2px;
    padding-left: 16px;
    overflow: hidden;
}
.list__item-subtitle a.dl-blacklist,
.list__item-subtitle a.dl-blacklist.dl-active{
    display: table-cell;
    width: 46px;
    height: 21px;
    background-position: top -5px left -2px;
    padding-left: 16px;
    overflow: hidden;
}
.list__item-subtitle a.dl-favorite,
.list__item-subtitle a.dl-favorite.dl-active{
    display: table-cell;
    width: 46px;
    height: 21px;
    background-position: top -5px left 14px;
    padding-left: 16px;
    overflow: hidden;
}
.list__item-subtitle a.dl-blacklist,
.profile__links a.dl-blacklist{
    background: no-repeat;
    background-image: url(/local/templates/NewMobileTemplate/img/blockN.svg);
    background-position: left 5px top 2px;
}
.list__item-subtitle a.dl-favorite,
.profile__links a.dl-favorite{
    background-repeat: no-repeat;
    background-image: url(/local/templates/NewMobileTemplate/img/star.svg);
}
.list__item-subtitle a.dl-favorite.dl-active,
.profile__links a.dl-favorite.dl-active{
    background-image: url(/local/templates/NewMobileTemplate/img/starA.svg);
}
.list__item-subtitle a.dl-blacklist.dl-active,
.profile__links a.dl-blacklist.dl-active{
    background-repeat: no-repeat;
    background-image: url(/local/templates/NewMobileTemplate/img/blockA.svg);
    background-position: left 5px top 2px;
}

.list__item-subtitle a.dl-blacklist{
    background-size: 62px 19px;
}
.list__item-subtitle a.dl-favorite{
    background-size: 35px 35px;
}


.dl_profile_links_block{
    align-items: center;
    justify-content: center;
    display: table-row;
}
.dl_profile_links_block a{
    display: table-cell;
}

.dl_mask_loader .dl_loader{
    position: fixed;
    margin: auto;
    width: 120px;
    height: 120px;
   /* background: url('/local/templates/NewMobileTemplate/img/loader/loader_00000.png');*/
    background: url('/local/templates/NewMobileTemplate/img/load/loader_in2.png');
    animation: 4s linear 0s normal none infinite running rot;
    -webkit-animation: 4s linear 0s normal none infinite running rot;

    /*animation-name: headerLane;
    animation-duration: 4s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;*/

    top: calc(50% - 60px);
    left: calc(50% - 60px);
    z-index: 1001;
    background-size: cover;
}
.dl_mask_loader .dl_loader2{
    position: fixed;
    margin: auto;
    width: 120px;
    height: 120px;

    background: url('/local/templates/NewMobileTemplate/img/load/loader_out.png');
    animation: 4s linear 0s normal none infinite running unrot;
    -webkit-animation: 4s linear 0s normal none infinite running unrot;

    top: calc(50% - 60px);
    left: calc(50% - 60px);
    z-index: 1001;
    background-size: cover;
}

.dl_mask_loader,
.dl_mask_notify,
.dl_mask{
    position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.75);z-index: 1000;
}

/*анмиация лоадера через css*/
@keyframes rot {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@-webkit-keyframes rot {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@keyframes unrot {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes unrot {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.dl-news-boxes__item-actions ul{
    display: none;
}
.dl-news-boxes__item-actions{
    margin-top: 1px;
    position: absolute;
    right: 0px;
    width: 20px;
    height: 20px;


    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    font-size: .83333rem;
    line-height: 1.2;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
.dl-news-boxes__item-actions a{
    display: block;
    padding: 1rem 0.5rem;
    color: #484848;
}
.dl-news-sprite-more{
    transform: rotate(90deg);
    fill: #fff;
    width: 20px;
    height: 6px;
    position: absolute;
    left: 7px;
}


.dl-news-boxes__item-actions.opened ul {
    display: block;
}
.dl-news-boxes__item-actions li+li {
    border-top: 1px solid #707070;
}
.dl-news-boxes__item-actions ul {
    display: none;
    list-style: none;
    position: absolute;
    margin: 0;
    border: 1px solid #707070;
    border-radius: 14px 0 14px 14px;
    padding: 0;
    background: #fff;
    top: 0px;
    right: 6px;
    z-index: 2;
}
.dl-news-actions-wrap{
    position: relative;
    float: right;
    width: 40px;
    height: 33px;
    z-index: 1;
}
.dl-mask-for-news .dl-news-boxes__item-actions ul li a{
    line-height: 12px;
    height: auto;
    position: unset;
}
.dl_mask-close-keyboard,
.dl_mask-close-sort-menu{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.dl_mask-close-sort-menu{
    z-index: 9;
}
.dl_mask-close-keyboard{
    z-index: 7;
}
.articles__item-like.active use{
    fill:green;
}
.header__return.header__home{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
.header__return.header__home svg {
    display: block;
    width: 40px;
    fill: #fff;
    padding-top: 12px;
}
.header__title{
    width: calc(100% - 100px);
}

.content_title_all,
.content_title{
    margin-top: 10px;
}

.content_title_all{
    margin-bottom: 10px;
    padding-bottom: 4px;
}

.content_title_all span{
    color: #FFF;
    font-family: Verdana;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.content_title span{
    color: #FFF;
    font-family: Verdana;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.view_switcher{
    width: 72px;
    height: 26px;
    flex-shrink: 0;
    float: right;
    border-radius: 8px;
    background: #FFF ;
    background-image: url("/local/templates/NewMobileTemplate/img/noactive-tumbler.svg");
}
.view_switcher svg.sprite-tumbler{
    width: 72px;
    height: 26px;
}
.view_switcher svg.sprite-tumbler-hover{
    width: 72px;
  /*  height: 26px;*/

}


.view_switcher:hover{
    background-image: url("/local/templates/NewMobileTemplate/img/visit-tumbler.svg?v=1");
}
.title_buttons ul,
.view_switcher ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.view_list.active{
    width: 38px;
    height: 26px;
    background: url("/local/templates/NewMobileTemplate/img/list-tumbler.svg?v=2") no-repeat;
    background-size: cover;
    flex-shrink: 0;
    border-radius: 8px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.view_box.active{
    width: 38px;
    height: 26px;
    background: url("/local/templates/NewMobileTemplate/img/cube-tumbler.svg?v=2") no-repeat;
    background-size: cover;
    margin-left: 34px;
    flex-shrink: 0;
    border-radius: 8px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

div.page__content.boxes .container.dl_no_padding_top{
    padding-top: 0;
}
.title_buttons{
    /*width: 128px;*/
    flex-shrink: 0;
    float: right;
}
.title_buttons li{
    cursor: pointer;
}
.title_buttons li.active{
    border-radius: 2px;
    background: linear-gradient(215deg, #9747FF 28.54%, #015570 80.03%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

li.close_all,
li.no_folder,
li.sort_list,
li.open_all{
    margin-left: 6px;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    display: inline-block;
    border-radius: 2px;
}
li.close_all,
li.no_folder,
li.open_all{
    background: #AAA;
}

li.sort_list{
    background: linear-gradient(215deg, #9747FF 28.54%, #015570 80.03%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

li.close_all span{
    background: url("/local/templates/NewMobileTemplate/img/close-folder.svg?v=1") no-repeat;
}
li.no_folder span{
    background: url("/local/templates/NewMobileTemplate/img/no-folder.svg?v=1") no-repeat;
}
li.open_all span{
    background: url("/local/templates/NewMobileTemplate/img/open-folder.svg?v=1") no-repeat;
}
li.sort_list span{
    background: linear-gradient(215deg, #9747FF 28.54%, #015570 80.03%);
}
li.close_all span,
li.no_folder span,
li.open_all span,
li.sort_list span{
    width: 22px;
    height: 22px;
    border-radius: 2px;
    display: inline-block;
}

li.sort_list span{
    background: url("/local/templates/NewMobileTemplate/img/sort-folder.svg?v=1") no-repeat;
}
div.title_buttons ul ul.dl-sort-menu{
    top:unset;
    right: 10px;
}

/*
Навигация
*/

.dl_pagination{
    margin-top: -3px;

    list-style: none;
    /*width: 362px;*/
    width: 100%;
    height: 35px;
    /*flex-shrink: 0;*/

    line-height: 35px;

    background: #015570;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    vertical-align: middle;
}
.dl_pagination ul{
    padding: 0;
    margin: 0;
    text-align: center;
}
.dl_pagination li{
    display: inline-block;
    color: #FFF;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    /*line-height: normal;*/
    width: 25px;
    height: 25px;
    /*flex-shrink: 0;*/

    margin-left: 3.1px;

    text-align: center;
    line-height: 25px;

    border-radius: 4px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.00);
}
.dl_pagination li.active{
    border-color: #002C37;
    background: #002C37;
}
.dl_pagination li.backpage{
    margin-left: 0;
    margin-right: 6px;
}
.dl_pagination li.nextpage{
    margin-left: 6px;
}


.dl_pagination li.more{
    border: none;
    line-height: 0;
    padding-top: 18px;
    vertical-align: bottom;
}

.dl_pagination li.nextpage{
    float: right;
    margin-right: 3px;
    margin-top: 5px;
}
.dl_pagination li.backpage{
    float: left;
    margin-left: 3px;
    margin-top: 5px;
}

.clear{
    clear: both;
}
.section__wrap .section__inner .section__items{
    padding-bottom: 0;
}
.backpage svg{
    width: 22px;
    height: 22px;
}
.nextpage svg{
    width: 22px;
    height: 22px;
}
.dl_pagination li.first{
    margin-left: 0;
}

/*
Главная 2024
*/

.profile__content.dl_main24{
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 2px;
    overflow: hidden;
}

.dl-main-itemslist-block{
    border-radius: 15px 15px 4px 4px;
    /*width: 371px;*/

    padding-bottom: 8px;

    background: rgba(0, 0, 0, 0.47);

    margin-bottom: 8px;
}
.dl-main-itemslist-header{
    border-radius: 15px 15px 0 0;
    /*width: 371px;*/
    height: 38px;
    text-align: center;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: linear-gradient(0deg, #006ea3 0%, #003f5c 100%);
    line-height: 38px;
    font-size: 0;
    vertical-align: middle;
}
.dl-main-itemslist-header span{
    font-family: "Verdana", sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
}

.dl-main-item{
    border-radius: 4px;
    /*width: 353px;*/
    height: 38px;
    margin: 8px 9px;


    font-family: "Verdana", sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #000;

    position: relative;

    line-height: 38px;
}

.dl-main-bottom{
    border-radius: 4px;
    /*width: 353px;*/
    height: 38px;

    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: linear-gradient(28deg, #01313d 0%, #0198c7 100%);

    text-align: center;
    line-height: 38px;
    vertical-align: middle;

    margin: 0 9px;
    margin-top: 8px;
}
.dl-main-bottom a{
    font-family: "Verdana", sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #fff;

    white-space: nowrap;
    overflow: hidden;
}
.dl-main-item-title{
    padding-left: 12px;
}
.dl-main-item-title.empty-text{
    font-family: "Verdana", sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    width: 100%;
}
/*для фона*/
.dl-main-item-mask{
    position: absolute;
    top: 0;
    left: 0;
    height: 38px;
    width: 100%;

    z-index: 8;

    border-radius: 4px;

    background: linear-gradient(89.06deg, #FFFFFF 55.88%, rgba(255, 255, 255, 0) 101.28%);
}
.dl-main-item a{
    position: absolute;
    top: 0;
    left: 0;
    height: 38px;
    width: 100%;
    display: block;
    background: no-repeat;
    background-size: 50%;
    background-position: right;

    border-radius: 4px;
}
/*Сообщения на главной*
 */

.dl-main-item-avatar-block{
    display: inline-block;
    width: 38px;
    height: 38px;

}
.dl-main-item-avatar {
    display: block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    /*background: transparent linear-gradient(140deg, #B48FD5 0%, #08589F 100%) 50% 50% no-repeat;*/
    background: transparent linear-gradient(180deg, #ae81d6 0%, #b48fd5 100%);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    margin-top: 4px;
}

.dl-main-item-avatar span{
    display: block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: no-repeat;
    background-size: cover;
    background-position: center;
}
.dl-main-item-avatar span.nophoto{
    display: block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: no-repeat;
    background-size: 16px 13px;
    background-position: center;
}
.message-list .dl-main-item{
    background: #fff;
    padding-left: 8px;

    display: flex;

    text-align: center;
    vertical-align: top;
    overflow: hidden;

}
.dl-main-item-body{
    display: inline-block;
    height: 38px;
    width: 243px;
}
.dl-main-item-footer{
    display: inline-block;
    height: 38px;
    width: 61px;
    text-align: right;
    line-height: 10px;
}
.dl-main-item-name,
.dl-main-item-message{
    height: 19px;
    line-height: 15px;
    font-family: "Verdana", sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: left;
}
.dl-main-item-name{
    display: block;
    color: #08589f;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 19px;
    padding-top: 2px;
}
.dl-main-item-message{
    color: #2d2d2d;
    display: flex;
    align-items: unset;
    line-height: 12px;
    padding-top: 2px;
}
.dl-main-item-data{
    font-family: "Verdana", sans-serif;
    font-weight: 400;
    font-size: 8px;
    color: #2d2d2d;
}
.dl-main-item-message.file{
    font-family: "Verdana", sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: #00a3ff;
}
/*Уведомления*/

.dl-main-item-data-noty{
    font-family: "Verdana", sans-serif;
    font-weight: 400;
    font-size: 8px;
    color: #2d2d2d;

    border-radius: 4px;
    /*
    width: 61px;
    height: 10px;
    */
    padding: 0 1px;


    background: rgba(255, 255, 255, 0.75);
}
.notify .dl-main-item-mask
{
    display: flex;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
    padding-left: 8px;
}
/*Иконки уведомлений

like/dislike 12x12
Колокольчик уведомления 9x11
Звездочка Избарнное 10х10
Блокировка 10х10

*/
.dl-main-item-message svg{
    margin-left: 5px;
}
.notify-like svg{
    width: 12px;
    height: 12px;
    fill: #46D22F;
}
.notify-unlike svg{
    width: 12px;
    height: 12px;
    fill: darkred;
}
.notify-sub svg{
    width: 9px;
    height: 12px;
    fill: #46D22F;
}
.notify-unsub svg{
    width: 9px;
    height: 12px;
    fill: darkred;
}
.notify-undislike svg{
    width: 12px;
    height: 12px;
    fill: #46D22F;
}
.notify-dislike svg{
    width: 12px;
    height: 12px;
    fill: darkred;
}
/*ограничения на длину текста на главной*/
.dl-main-item-name span,
.dl-main-item-title{
    width: 220px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.dl-main-item-message span{
    width: 253px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media (min-width: 1200px) {

}

/*
Подвал с лайками, дизлайками, просмотрами и кнопкой - комментарии
*/
.articles__item-buttom-with-counters-dl{
    position: relative;
    margin-top: 15px;
    padding-left: 4px;
    height: 21px;
}

.all-comments-button{
    display: inline-block;

    border-radius: 5px;
    width: 151px;
    height: 18px;

    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: linear-gradient(90deg, #d378d2 0%, #0198c7 100%);

    /*    Отступ слева: 14px
        Отступ снизу: 15px*/

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    text-align: center;
    line-height: 18px;
    color: white;
}
.articles__item-like_dl,
.articles__item-dislike_dl,
.articles__item-view_dl
{
    display: inline-block;
    position: relative;
    width: 55px;
}

.sprite-like,
.sprite-dislike,
.sprite-view
{
    display: inline-block;
    margin-right: 0.33333rem;
    width: 1.83333rem;
    height: 18px;
    fill: #707070;
}
.articles__item-like_dl span,
.articles__item-dislike_dl span,
.articles__item-view_dl span
{
    display: inline-block;
    max-width: 30px;

    font-family: "Verdana", sans-serif;;
    font-weight: 400;
    font-size: 10px;
    color: #515151;

    position: absolute;
    top: 4px;
}
.comments-counters-dl{
    float: right;
}
.sprite-like{
    top: -2px;
}
.sprite-dislike{
    top: 2px;
}
.sprite-view{
    top: 2px;
}
.sprite-like,
.sprite-view,
.sprite-dislike
{
    position: relative;
}

.articles__item .articles__item-image{
    margin-bottom: 10px;
}
  .page__content > .container.dl-news-detail{
    padding-top: 0;
}

  /*
  Список комментов
  */


.comment-other-files{
    list-style: none;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}
.comment-other-files li{
    padding: 7px;
    display: inline-block;

    border-radius: 5px;
    /*width: 120px;*/
    height: 25px;

    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: #c5deff;

    margin-top: 5px;
    margin-right: 1px;

    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.comment-other-files li a{
    font-family: "Verdana", sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: #000;
}
.comment-images-gallery{
    display: table;
    overflow: hidden;
    position: relative;
    width: 272px;
    height: 150px;
    margin-bottom: 6px;
}
.comment-images-gallery .img3:first-child{
    width: 160px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.comment-images-gallery .right-side.img3{
    left: 166px;
    top: 0;
    position: absolute;
    width: 106px;
    height: 150px;
}
.comment-images-gallery .right-side .imgTop{
    width: 106px;
    height: 72px;
    top: 0;
    left: 0;
    overflow: hidden;
}
.comment-images-gallery .right-side .imgBottom{
    top: 78px;
    left: 0;
    width: 106px;
    height: 72px;
    overflow: hidden;
}
.comment-images-gallery .right-side,
.comment-images-gallery .img3{
    display: table-cell;
    vertical-align: top;
}

.comment-images-gallery .right-side.img3 div.imgBottom,
.comment-images-gallery .right-side.img3 div.imgTop{

}
.comment-images-gallery .right-side{
    position: relative;
}
.comment-images-gallery .right-side.img3 div{
    position: absolute;
    overflow: hidden;
}
.comment-images-gallery .img2 img,
.comment-images-gallery .img3 img{
    width: revert;
    position: absolute;
}

.comment-images-gallery .img2{
    position: absolute;
    left: 0;
    top: 0;
    width: 133px;
    height: 150px;
    overflow: hidden;
}

.comment-images-gallery .img2:last-child{
    left: 139px;
    top: 0;
    width: 133px;
    height: 150px;
}

.more-photo-mask{
    background: linear-gradient(225deg, rgba(1, 152, 199, 0.75) 0%, rgba(211, 120, 210, 0.75) 100%);
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.more-photo-button{

    border-radius: 16px;
    width: 75px;
    height: 29px;

    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: #246fa1;

    position: relative;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);

    padding-left: 38px;

    line-height: 29px;

}
.more-photo-ico{
    position: absolute;
    background-image: url("/local/templates/NewMobileTemplate/img/comments/photo-more.svg");
    background-repeat: no-repeat;
    left: 18px;
    top: 8px;
    width: 17px;
    height: 13px;
}
.more-photo-count{
    font-family: "Verdana", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    line-height: 29px
}
.hidden{
    display: none;
}

.container .list__items .list__item.selected-message{
    padding-bottom: 11px;
}
/*
guest-mode
*/
.guest-mode-icon{
    width: 25px;
    height: 41px;
    position: absolute;
    top: 9px;
    left: -6px;
    background-image: url(/local/templates/NewMobileTemplate/img/guest2.png);
}
.guest-mode-text{
    font-weight: 700;
    font-size: 12px;
    color: #fff;

    position: absolute;
    top: 14px;
    left: 20px;
}
.guest-mode-name{
    z-index: 1;
    position: absolute;
    top: 27px;
    left: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    width: 200px;
    text-align: left;
}
.profile_edited .header__title{
    width: 100%;
    padding-right: 10px;
}
.guest-mode .header__title{
    position: relative;
    font-size: 22px;
    line-height: unset;
    overflow: unset;
}
.header.guest-mode{
    padding-left: 50px;
}
.header.guest-mode .header__return svg{
    position: absolute;
    top: 8px;
}
.header.guest-mode .menu__handle span{
    top: 40px;
}
.popup__title .title-note{
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
}
.hidden-page-nav{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #005b87;
    width: 100%;
    height: 15px;
    z-index: 2;
}
.hidden-page-nav .hidden-page-nav-line{
    display: none;
    position: absolute;
    z-index: 2;
    width: 30%;
    height: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    top: 5px;
    left: 35%
}
.field--file .field__preview img{
    object-fit: cover;
}