/* стили для медиагалереи */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.doc-gallery {
    max-width: 900px;
}

.doc-gallery > img {
    display: none;
}
.doc-gallery__hr_top{
    height: 2px;
    margin: 40px 0 23.5px;
    background-color: #f7f7f7;
    /*border: solid 2px #f7f7f7;*/
}
.doc-gallery__hr_bottom{
    height: 2px;
    margin: 23.5px 0 18px;
    background-color: #f7f7f7;
    /*border: solid 2px #f7f7f7;*/
}


.doc-gallery__main-container{

}

.doc-gallery__layout{

}
.doc-gallery__image-container-outer{
    position: relative;
    height: 416px;
    padding: 0 40px 0 31px;
}
.doc-gallery__controls-container{
    width: 24px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.doc-gallery__zoom-info{
    background-color: #F7F7F7;
    width: 56px;
    height: 34px;
    padding: 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    top: 7px;
    left: 36px;

    font-family: ProximaNova-Semibold;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.17px;
    text-align: right;
    color: #9b9b9b;

    pointer-events: none;

    visibility: hidden;
    opacity: 0;
    transition: opacity 1000ms, visibility 1000ms;

    z-index: 1;
}
.doc-gallery__zoom-info.doc-gallery__zoom-info_show{
    visibility: visible;
    opacity: 1;
}

.doc-gallery__control_zoom-in{
    width: 24px;
    height: 24px;
    margin: 8px 8px 8px 0;
    padding: 8px 11px 8px 12px;
    border-radius: 4px;
    cursor: pointer;

    background-color: #f7f7f7;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjOUI5QjlCIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+CiAgICAgICAgPHBhdGggZD0iTS41IDRoOE00LjUgMHY4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguNSAxKSIvPgogICAgPC9nPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
}
.doc-gallery__control_zoom-in:hover{
    background-color: #cdcdcd;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+CiAgICAgICAgPHBhdGggZD0iTS41IDRoOE00LjUgMHY4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguNSAxKSIvPgogICAgPC9nPgo8L3N2Zz4K);
}
.doc-gallery__control_zoom-in:first-child{
    margin-top: 0;
}

.doc-gallery__control_zoom-out{
    width: 24px;
    height: 24px;
    margin: 8px 8px 8px 0;
    padding: 8px 11px 8px 12px;
    border-radius: 4px;
    cursor: pointer;

    background-color: #f7f7f7;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIiB2aWV3Qm94PSIwIDAgMTAgMiI+CiAgICA8cGF0aCBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzk3OTc5NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xIDFoOCIvPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
}
.doc-gallery__control_zoom-out:hover{
    background-color: #cdcdcd;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIiB2aWV3Qm94PSIwIDAgMTAgMiI+CiAgICA8cGF0aCBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xIDFoOCIvPgo8L3N2Zz4K);
}
.doc-gallery__control_full-screen{
    width: 24px;
    height: 24px;
    margin: 8px 8px 8px 0;
    padding: 8px 11px 8px 12px;
    border-radius: 4px;
    cursor: pointer;

    background-color: #f7f7f7;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjOTc5Nzk3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTUgMWg0djQuMDA0TTUuMDA1IDlIMVY1LjAwNiIvPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
}
.doc-gallery__control_full-screen:hover{
    background-color: #cdcdcd;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTUgMWg0djQuMDA0TTUuMDA1IDlIMVY1LjAwNiIvPgo8L3N2Zz4K);
}
.doc-gallery__control_normal-size{
    width: 24px;
    height: 24px;
    margin: 8px 8px 8px 0;
    padding: 8px 11px 8px 12px;
    border-radius: 4px;
    cursor: pointer;

    background-color: #f7f7f7;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjOTc5Nzk3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTcuMDAzIDFIOXYyLjAxNU05IDcuMDFWOUg3LjAwNE0zLjAwMSA5SDFWNy4wMTVtMC0zLjk5MlYxaDIuMDExIi8+Cjwvc3ZnPgo=);
    background-position: center;
    background-repeat: no-repeat;
}
.doc-gallery__control_normal-size:hover{
    background-color: #cdcdcd;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTcuMDAzIDFIOXYyLjAxNU05IDcuMDFWOUg3LjAwNE0zLjAwMSA5SDFWNy4wMTVtMC0zLjk5MlYxaDIuMDExIi8+Cjwvc3ZnPgo=);
}
.doc-gallery__img-button-container{
    margin-bottom: 40px;
}

.doc-gallery__img-button{
    margin: 6px 6px 6px;
    padding: 7px 12px;
    border: none;
    border-radius: 4px;
    background-color: #f7f7f7;
    outline: none;

    font-family: ProximaNova-Medium;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 0;
    min-height: 30px;
    letter-spacing: 0.17px;
    color: #9b9b9b;
}
.doc-gallery__img-button:hover{
    background-color: #cdcdcd;
    color: #ffffff;
}
.doc-gallery__img-button.doc-gallery__current-image{
    background-color: #1e89e7;
    pointer-events: none;

    font-family: ProximaNova-Medium;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 0;
    min-height: 30px;
    letter-spacing: 0.17px;
    color: #ffffff;
}

.doc-gallery__nav-arrow_left{
    width: 32px;
    height: 32px;
    cursor: pointer;

    position: absolute;
    left: 0;
    top: calc(50% - 16px);

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDEzIDIwIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjQ0RDRENEIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTIxNyAzMjlMMjI1IDMzNyAyMTcgMzQ1IiB0cmFuc2Zvcm09InJvdGF0ZSgxODAgMTE0IDE3My41KSIvPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
}
.doc-gallery__nav-arrow_left:hover{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDEzIDIwIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMWU4OWU3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTIxNyAzMjlMMjI1IDMzNyAyMTcgMzQ1IiB0cmFuc2Zvcm09InJvdGF0ZSgxODAgMTE0IDE3My41KSIvPgo8L3N2Zz4K);
}

.doc-gallery__nav-arrow_right{
    width: 32px;
    height: 32px;
    cursor: pointer;

    position: absolute;
    right: 0;
    top: calc(50% - 16px);

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDEzIDIwIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjQ0RDRENEIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTEwMDUgMzI5TDEwMTMgMzM3IDEwMDUgMzQ1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAwMyAtMzI3KSIvPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
}
.doc-gallery__nav-arrow_right:hover{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDEzIDIwIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMWU4OWU3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTEwMDUgMzI5TDEwMTMgMzM3IDEwMDUgMzQ1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAwMyAtMzI3KSIvPgo8L3N2Zz4K);
}

.doc-gallery__image{
    cursor: move;
}

.doc-gallery__image-container-inner{
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #ffffff;
    cursor: auto!important;
    scrollbar-width: none;
    outline: none !important;
}
.doc-gallery__image-container-outer>.doc-gallery__image-container-inner{
    padding-right: 17px!important;
    padding-left: 26px!important;
    position: relative;
}
.doc-gallery__image-container-outer>.doc-gallery__image-container-inner:before{
    content: "";
    position: absolute;
    right: 0;
    width: 17px;
    height: 100%;
    background: #ffffff;
}
.doc-gallery__image-container-outer>.doc-gallery__image-container-inner:after{
    /*content: "";*/
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    /*height: 17px;*/
    /*background: #ffffff;*/
}

/* стили для полноэкранного режима */

.doc-gallery__full-screen-image-container-outer{
    position:fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 900000;

    opacity: 0;
    visibility: hidden;
    background-color: rgba(74,74,74,.9);
    transition: opacity 300ms, opacity 300ms;
}
.doc-gallery__full-screen-image-container-outer.doc-gallery__full-screen-image-container-outer-visible{
    opacity: 1;
    visibility: visible;
}
.doc-gallery__full-screen-image-container-outer:not(.doc-gallery__full-screen-image-container-outer-visible) .doc-gallery__full-screen-controls-container{
    display: none;
}
.doc-gallery__full-screen-image-container-outer.doc-gallery__hide-controls{
    cursor: none!important;
}

.doc-gallery__full-screen-image-container-outer-close-button{
    width: 43px;
    height: 43px;
    cursor: pointer;
    position: absolute;
    right: 34px;
    top: 40px;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIxIDE5Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiM5QjlCOUIiIHN0cm9rZS13aWR0aD0iNC41Ij4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjEuNSAyMS40MDFsNy4xMjQtNi44NzktNy4xMjQgNi44OC03LjEyNC02Ljg4IDcuMTI0IDYuODh6bTAgMGw3LjMyOSA3LjA3N0wyMS41IDIxLjRsLTcuMzI5IDcuMDc3TDIxLjUgMjEuNHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzc0IC00NikgdHJhbnNsYXRlKDEzNjMgMzQpIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity 300ms;
}
.doc-gallery__full-screen-image-container-outer-close-button:hover{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIxIDE5Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiNDRENEQ0QiIHN0cm9rZS13aWR0aD0iNC41Ij4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjEuNSAyMS40MDFsNy4xMjQtNi44NzktNy4xMjQgNi44OC03LjEyNC02Ljg4IDcuMTI0IDYuODh6bTAgMGw3LjMyOSA3LjA3N0wyMS41IDIxLjRsLTcuMzI5IDcuMDc3TDIxLjUgMjEuNHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzc0IC00NikgdHJhbnNsYXRlKDEzNjMgMzQpIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.doc-gallery__full-screen-image-container-outer-close-button.doc-gallery__hide-controls{
    opacity: 0;
}

.doc-gallery__full-screen-button-container{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 48px;
    padding: 0 60px;
    background-color: #4a4a4a;
}
.doc-gallery__full-screen-button-container:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    background-image: linear-gradient(to left, rgba(74, 74, 74, 0) 0%, rgba(74, 74, 74, 1) 60%, rgba(74, 74, 74, 1) 100%);
}
.doc-gallery__full-screen-button-container:after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    background-image: linear-gradient(to right, rgba(74, 74, 74, 0) 0%, rgba(74, 74, 74, 1) 60%, rgba(74, 74, 74, 1) 100%);
}
.doc-gallery__full-screen-button-container-inner{
    width: min-content;
    margin-right: auto;
    white-space: nowrap;
    transition: margin-left 500ms;
}

.doc-gallery__full-screen-controls-container{
    position: absolute;
    top: 40px;
    left: 48px;

    background-color: rgba(74,74,74,.9);
    border-radius: 4px;
    transition: opacity 300ms;
}
.doc-gallery__full-screen-controls-container.doc-gallery__hide-controls{
    opacity: 0;
}
.doc-gallery__full-screen-control_zoom-in{
    width: 44px;
    height: 44px;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE4IDE3Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiNDRENEQ0QiIHN0cm9rZS13aWR0aD0iMyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTcgNi41SC40MTIgN1YwdjYuNXptMCAwaDYuNTg4SDdWMTMgNi41eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYxIC00OCkgdHJhbnNsYXRlKDQ4IDM0KSB0cmFuc2xhdGUoMTUgMTYpIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    background-position: center;
    background-repeat: no-repeat;
}
.doc-gallery__full-screen-control_zoom-in:hover{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE4IDE3Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTcgNi41SC40MTIgN1YwdjYuNXptMCAwaDYuNTg4SDdWMTMgNi41eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYxIC00OCkgdHJhbnNsYXRlKDQ4IDM0KSB0cmFuc2xhdGUoMTUgMTYpIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.doc-gallery__full-screen-control_zoom-out{
    width: 44px;
    height: 44px;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgMTggNCI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+CiAgICAgICAgPGcgc3Ryb2tlPSIjQ0RDRENEIiBzdHJva2Utd2lkdGg9IjMiPgogICAgICAgICAgICA8cGF0aCBkPSJNMjIgMTV2MTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MSAtOTgpIHJvdGF0ZSgtOTAgODUgMzcpIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
}
.doc-gallery__full-screen-control_zoom-out:hover{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgMTggNCI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+CiAgICAgICAgPGcgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjMiPgogICAgICAgICAgICA8cGF0aCBkPSJNMjIgMTV2MTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MSAtOTgpIHJvdGF0ZSgtOTAgODUgMzcpIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
}
.doc-gallery__full-screen-control_normal-size{
    width: 44px;
    height: 44px;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE4IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiNDRENEQ0QiIHN0cm9rZS13aWR0aD0iMyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjUwNiAwSDE0djMuMTA0bTAgNi4xNTZ2My4wNjZoLTMuNDkybS03LjAwNiAwSDBWOS4yNjhtMC02LjE1MlYwaDMuNTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MSAtMTM1KSB0cmFuc2xhdGUoNDggMTIyKSB0cmFuc2xhdGUoMTUgMTUpIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    background-position: center;
    background-repeat: no-repeat;
}
.doc-gallery__full-screen-control_normal-size:hover{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE4IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjUwNiAwSDE0djMuMTA0bTAgNi4xNTZ2My4wNjZoLTMuNDkybS03LjAwNiAwSDBWOS4yNjhtMC02LjE1MlYwaDMuNTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MSAtMTM1KSB0cmFuc2xhdGUoNDggMTIyKSB0cmFuc2xhdGUoMTUgMTUpIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.doc-gallery__full-screen-zoom-info{
    position: absolute;
    top: 20px;
    left: 67px;

    display: flex;
    justify-content: center;
    align-items: center;
    width: 84px;
    height: 50px;

    background-color: rgba(74,74,74,.9);
    border-radius: 4px;

    font-family: ProximaNova-Medium;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.26px;
    text-align: right;
    color: #ffffff;

    visibility: hidden;
    opacity: 0;
    transition: opacity 1000ms, visibility 1000ms;
}
.doc-gallery__full-screen-zoom-info.doc-gallery__zoom-info_show{
    visibility: visible;
    opacity: 1;
}


.doc-gallery__full-screen-nav-arrow_right{
    position: absolute;
    top: calc(50% - 32px);
    right: 35px;
    cursor: pointer;

    width: 44px;
    height: 64px;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE5IDMwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiM5QjlCOUIiIHN0cm9rZS13aWR0aD0iNC41Ij4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYgMjBMMjggMzIgMTYgNDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzc3IC00MDYpIHRyYW5zbGF0ZSgxMzY0IDM4OSkiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
    background-position: center;
    background-repeat: no-repeat;

    transition: opacity 300ms;
}
.doc-gallery__full-screen-nav-arrow_right:hover{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE5IDMwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiNjZGNkY2QiIHN0cm9rZS13aWR0aD0iNC41Ij4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYgMjBMMjggMzIgMTYgNDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzc3IC00MDYpIHRyYW5zbGF0ZSgxMzY0IDM4OSkiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
}
.doc-gallery__full-screen-nav-arrow_right.doc-gallery__hide-controls{
    opacity: 0;
}

.doc-gallery__full-screen-nav-arrow_left{
    position: absolute;
    top: calc(50% - 32px);
    left: 30px;
    cursor: pointer;

    width: 44px;
    height: 64px;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE5IDMwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiM5QjlCOUIiIHN0cm9rZS13aWR0aD0iNC41Ij4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYgMjBMMjggMzIgMTYgNDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NCAtNDA2KSB0cmFuc2xhdGUoMzIgMzg5KSByb3RhdGUoMTgwIDIyIDMyKSIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;

    transition: opacity 300ms;
}
.doc-gallery__full-screen-nav-arrow_left:hover{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE5IDMwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiNjZGNkY2QiIHN0cm9rZS13aWR0aD0iNC41Ij4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYgMjBMMjggMzIgMTYgNDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NCAtNDA2KSB0cmFuc2xhdGUoMzIgMzg5KSByb3RhdGUoMTgwIDIyIDMyKSIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
}
.doc-gallery__full-screen-nav-arrow_left.doc-gallery__hide-controls{
    opacity: 0;
}

.doc-gallery__full-screen-image{
    background-color: #ffffff;
    margin: auto;
    display: block;

    flex-grow: 0;
    flex-shrink: 0;
    cursor: move;
    transition: all 100ms, opacity 0ms;
}
.doc-gallery__full-screen-image.no-transition{
    transition: all 0ms;
}
.doc-gallery__full-screen-image.svg-image{
    padding: 25px;
}

.doc-gallery__full-screen-image-container-inner{
    position: absolute;
    top: 0!important;
    right: 0;
    bottom: 48px;
    left: 0!important;
    margin-top: 0!important;
    margin-left: 0!important;

    cursor: auto!important;
    display: block;
    overflow: auto;

    scrollbar-width: none;
}

.doc-gallery__full-screen-img-button{
    -webkit-appearance: none;
    font-family: ProximaNova-Medium;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: 0.23px;
    color: #cdcdcd;

    padding: 10px 0;
    margin-right: 32px;
    display: inline-block;
    cursor: pointer;

    flex-grow: 0;
    flex-shrink: 0;
}
.doc-gallery__full-screen-img-button:last-child{
    margin-right: 0;
}
.doc-gallery__full-screen-img-button.doc-gallery__current-image{
    color: #ffffff;
    pointer-events: none;
}

.doc-gallery__hide-cursor{
    cursor: none!important;
}
.scroll-element{
    transition: opacity 300ms;
}
.scroll-element.doc-gallery__hide-controls{
    opacity: 0;
}

/* конец стилей для медиагалереи */


/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    position: relative !important;
    top: 0;
    width: auto !important;
    padding: 0;
}
.doc-gallery__full-screen-image-container-inner.scroll-wrapper > .scroll-content {
    margin-right: 0!important;
    margin-left: 0!important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: pointer;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

/******************* JANOS SCROLLBAR *******************/

.scrollbar-janos > .scroll-element,
.scrollbar-janos > .scroll-element div
{
    border: none;
    margin: 0;
    /*overflow: hidden;*/
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-janos > .scroll-element div {
    background-color: transparent;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-janos > .scroll-element.scroll-x {
    /*border-top: 1px solid #AAAAAA;*/
    bottom: 0;
    height: 4px;
    left: 0;
    min-width: 100%;
    width: 100%;
}
.scrollbar-janos.scrollbar-janos-full-screen > .scroll-element.scroll-x {
    bottom: 9px;
    height: 6px;
}

.scrollbar-janos > .scroll-element.scroll-y {
    /*border-left: 1px solid #AAAAAA;*/
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 4px;
}
.scrollbar-janos.scrollbar-janos-full-screen > .scroll-element.scroll-y{
    right: 9px;
    width: 6px;
}
.scrollbar-janos > .scroll-element .scroll-element_corner {
    display: none;
}

.scrollbar-janos > .scroll-element.scroll-x,
.scrollbar-janos > .scroll-element.scroll-x .scroll-bar {
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAS0lEQVR42qzQywkAIAxEQQPpvwn7E/EDESXREt7BHPY0sEvE3XMCpyJiwIW+mBR2Civa+BVGhOuLQt/TaHWncFBoFC4KN4WHwCvAAHI/GzHvcCTCAAAAAElFTkSuQmCC);*/
    background-repeat: repeat-x;

}
.scrollbar-janos > .scroll-element.scroll-x .scroll-bar {
    /*box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);*/
    background-color: #1e89e7;
    border-radius: 4px;
}
.scrollbar-janos.scrollbar-janos-full-screen > .scroll-element.scroll-x .scroll-bar {
    background-color: #d8d8d8;
}
.scrollbar-janos > .scroll-element.scroll-y,
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar {
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAAAXNSR0IArs4c6QAAAEtJREFUKM/ty00Kg0AAQ+Ev3v8W3k/8qWipzLiYFrqR7osPsknyUkrpk2xYsWDCWGsdMCaZ3/0DO5544eg08pVWJJ/tkp+HW/4L+QSzjxQbWJrRJQAAAABJRU5ErkJggg==);*/
    background-repeat: repeat-y;
}
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar {
    /*box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);*/
    background-color: #1e89e7;
    border-radius: 4px;
}
.scrollbar-janos.scrollbar-janos-full-screen > .scroll-element.scroll-y .scroll-bar {
    background-color: #d8d8d8;
}

.scrollbar-janos > .scroll-element.scroll-x .scroll-element_track {
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAXklEQVR42mJkYGBIZcAO/iPR/1iAxG8CisAYpPAnsQp/EGE1XoUoiklS+J0BPwArJmQiA7FWoyj8hUXiH7oArnBE9ghc4S9irf5NrMI/xFr9hwgTwQr/4TMJBgACDABrOConte5OAgAAAABJRU5ErkJggg==);*/
    background-repeat: repeat-x;
    background-color: #f1f1f1;
    padding-right: 0px;
    width: calc(100% - 19px);
    border-radius: 4px;
}
.scrollbar-janos.scrollbar-janos-full-screen > .scroll-element.scroll-x .scroll-element_track{
    background-color: #9b9b9b;
}

.scrollbar-janos > .scroll-element.scroll-y .scroll-element_track {
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAAAXNSR0IArs4c6QAAAFNJREFUKM/FzksKgDAMBNDX3NT7X8BaC25clBKw4sKBgYTMJwUbGurAfWLFcbPhREcPBEpC05ztqXkUPyKS5LJqHj9YaU11sdgarw+LKF8D/B9wAWL/DzbaLOVxAAAAAElFTkSuQmCC);*/
    background-color: #f1f1f1;
    background-repeat: repeat-y;
    height: calc(100% - 19px);
    border-radius: 4px;
}
.scrollbar-janos.scrollbar-janos-full-screen > .scroll-element.scroll-y .scroll-element_track {
    background-color: #9b9b9b;
}

.scrollbar-janos > .scroll-element.scroll-x .scroll-bar .scroll-bar_body {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAMklEQVR42mL4DwRnz579zwAEMDYTiLN7924GGACxmRiwAEoFV6xYwSAvLw/mwNgAAQYAEz0X3c1VmrwAAAAASUVORK5CYII=);
}
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar .scroll-bar_body {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAAXNSR0IArs4c6QAAAChJREFUCNdj/P///38GLGDFihUMLOfOnWPYvXs3hqS8vDwDXsBItrEA28oV4/a4edAAAAAASUVORK5CYII=);
}
.scrollbar-janos > .scroll-element.scroll-x .scroll-arrow_less {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAj0lEQVR42mJgwA4EgVgbRP///58BhJmwKFIwNTW1AEpGANlSMEEWNFOkNm/ebObj42MHZLMDsSi6QpApmqdOnbICspWxuQWkUPTYsWOOlpaWMFOwAiYGIgFI4WsrK6v9ZmZmq4Dsu4RMfHD69OkTjIyMK7Zs2bIbyP9JjC0gj3kCg6cZFJawcGQgNsABAgwAc40zrttfic8AAAAASUVORK5CYII=);
    box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);
}
.scrollbar-janos > .scroll-element.scroll-x .scroll-arrow_more {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAh0lEQVR42mL4//8/AwgDgSAQa0NpDMCExJYCaogwNTW1ALIVMFQimegApJcB8fzNmzcnopvOhMUWdh8fH1d007EphAHlU6dOhR07dswRyBbFpxAFsOCRu2tmZnbs9OnT14Hs19gU/tyyZcshX1/fU0D2MyB+j+5rbSDdDPSAJ6HgwRvgAAEGAC2sRKFV1v+TAAAAAElFTkSuQmCC);
}
.scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_less {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAjklEQVR42mJgwASiUIwCGNH4CseOHXMEMaysrPYDqQdYDGIQNDU19fz///98EAaxQWLYTNQGKogA0spQ/l1GRsYVQPoqiMMEs3Lz5s1mSIpAQBkqpgAzEWSlxalTp8KAbHY05/w0MzNbdfr06ROMWKxEB2AnMEIdLIUtSKDgNRA/YwSaxkAMYGIgEgAEGADQpyzNaQf+BAAAAABJRU5ErkJggg==);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
.scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_more {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAg0lEQVR42mL8//8/AzGAiYFIwAjEgkAsBcSiONS8BuJnLCBFQOsjgLQyDoV3GRkZV4CsfmZmZnYMSP/EougnVO4ZSOH706dPX9+yZcshdFUgMZAcSA0jkrg2mhPAVgLpq+i+RnYC3EpkXyMDhWPHjjmCGFZWVvuB1AN8QSaKLagAAgwAkYkwicybOCoAAAAASUVORK5CYII=);
}

.scrollbar-janos > .scroll-element .scroll-arrow,
.scrollbar-janos > .scroll-element .scroll-bar_body {
    background-position: center;
    background-repeat: no-repeat;
}

/*.scrollbar-janos > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }*/
.scrollbar-janos > .scroll-content.scroll-scrolly_visible { left: 0; margin-left: 0;}
.scrollbar-janos > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }

/* scrollbar arrows */

.scrollbar-janos > .scroll-element .scroll-arrow { display: none; }
.scrollbar-janos > .scroll-element.scroll-element_arrows_visible .scroll-arrow { display: block; z-index: 12; }

.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_less { height: 100%; width: 16px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_more { height: 100%; left: auto; right: 0; width: 16px;}

.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_outer { left: 16px; }
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_track { left: -32px; }
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_size { left: -33px; }

.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less { width: 100%; height: 16px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more { width: 100%; top: auto; bottom: 0; height: 16px;}

.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_outer { top: 16px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_track { top: -32px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_size { top: -33px; }

/* if another scrollbar is visible */

.scrollbar-janos > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -17px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -17px; }

.scrollbar-janos > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_inner { left: -17px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_inner { top: -17px; }

/* if arrows & another scrollbar are visible */

.scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_corner,
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_corner {
    border-top: 1px solid #AAAAAA;
    bottom: 0;
    display: block;
    height: 16px;
    left: auto;
    right: 0;
    top: auto;
    width: 16px;
    z-index: 13;
}

.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-arrow_more { right: 17px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_track { left: -50px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_size { left: -51px;}


.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-arrow_more { bottom: 17px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_track { top: -50px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_size { top: -51px;}

.scroll-content.scroll-scrolly_visible:not(.scroll-scrollx_visible){
    margin-bottom: 19px!important;
}
.scroll-content.scroll-scrolly_visible:not(.scroll-scrollx_visible) ~ .scroll-element.scroll-y .scroll-element_track{
    height: 100% !important;
}

/* градиент обычный режим начало */
.left-gradient{
    content: "";
    position: absolute;
    top: 0;
    left: 26px;
    height: 100%;
    width: 50px;
    background: linear-gradient( 90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.242734593837535) 50%, rgba(255,255,255,0) 100%);
    transition: all 100ms;
}
.right-gradient{
    content: "";
    position: absolute;
    top: 0;
    right: 17px;
    height: 100%;
    width: 50px;
    background: linear-gradient( 270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.242734593837535) 50%, rgba(255,255,255,0) 100%);
    transition: all 100ms;
}
.top-gradient{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background: linear-gradient( 180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.242734593837535) 50%, rgba(255,255,255,0) 100%);
    transition: all 100ms;
}
.bottom-gradient{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background: linear-gradient( 0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.242734593837535) 50%, rgba(255,255,255,0) 100%);
    transition: all 100ms;
}
/* градиент обычный режим конец */

/* хаки для firefox начало */
.firefox .left-gradient, .firefox .right-gradient,
.firefox .top-gradient, .firefox .bottom-gradient{
    /*display: none;*/
}

.firefox.doc-gallery__image-container-outer > .doc-gallery__image-container-inner{
    padding-right: 38px !important;
    padding-bottom: 38px !important;
}
.firefox.doc-gallery__image-container-outer.firefox-without-horizontal > .doc-gallery__image-container-inner{
    padding-right: 38px !important;
    padding-bottom: 0px !important;
}
.firefox .doc-gallery__image-container-inner .doc-gallery__image{
    padding-bottom: 16px;
}

/*.scrollbar-janos > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }*/
.firefox .scrollbar-janos > .scroll-content.scroll-scrolly_visible { left: 0; margin-left: 0;}
.firefox .scrollbar-janos > .scroll-content.scroll-scrollx_visible { top:  0; margin-top:  0; }
/* if another scrollbar is visible */

.firefox .scrollbar-janos > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: 0; }
.firefox .scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: 0; }

.firefox .scrollbar-janos > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_inner { left: 0; }
.firefox .scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_inner { top: 0; }

/* if arrows & another scrollbar are visible */

.firefox .scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_corner,
.firefox .scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_corner {
    border-top: 1px solid #AAAAAA;
    bottom: 0;
    display: block;
    height: 16px;
    left: auto;
    right: 0;
    top: auto;
    width: 16px;
    z-index: 13;
}

.firefox .scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-arrow_more { right: 0;}
.firefox .scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_track { left: -50px;}
.firefox .scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_size { left: -51px;}


.firefox .scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-arrow_more { bottom: 0;}
.firefox .scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_track { top: -50px;}
.firefox .scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_size { top: -51px;}


.firefox  .doc-gallery  .scroll-content.scroll-scrolly_visible{
    margin-bottom: 19px!important;
}
.firefox .doc-gallery .scroll-content.scroll-scrolly_visible ~ .scroll-element.scroll-y .scroll-element_track{
    height: calc(100% - 10px) !important;
}
.firefox-fullscreen .doc-gallery__full-screen-image-container-inner.scroll-content{
    margin-bottom: 0px!important;
}
.firefox-fullscreen .scroll-content.scroll-scrolly_visible.scroll-content.scroll-scrollx_visible ~ .scroll-element.scroll-y .scroll-element_track{
    height: calc(100% - 27px)!important;
}
.firefox-fullscreen .doc-gallery__full-screen-image-container-inner .doc-gallery__full-screen-image-container-inner{
    height: 100%!important;
}
/* хаки для firefox конец */

/*доработка для сокрытия и показа при версионности контента (фильтрация)*/
.gallery.show_less,.gallery.show_more{
    display: none!important;
}
/*доработка для сокрытия и показа при версионности контента (фильтрация)*/