@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-regular.eot');
    src: local('Roboto'), local('Roboto-Regular'),
    url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto-regular.woff2') format('woff2'),
    url('../fonts/roboto-regular.woff') format('woff'),
    url('../fonts/roboto-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-bold.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'),
    url('../fonts/roboto-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto-bold.woff2') format('woff2'),
    url('../fonts/roboto-bold.woff') format('woff'),
    url('../fonts/roboto-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-italic.eot');
    src: local('Roboto Italic'), local('Roboto-Italic'),
    url('../fonts/roboto-italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto-italic.woff2') format('woff2'),
    url('../fonts/roboto-italic.woff') format('woff'),
    url('../fonts/roboto-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}


html,
html * {
    font-family: 'Roboto', 'Segoe UI', system-ui;
}

#content:empty {
    display: none;
}

.header .logo,
.footer .logo,
.hmenu .h-background {
    background-image: url('../images/logo/logo-1024.png');
}

.hmenu .h-background {
    opacity: .1;
}


.header .logo {
    height: 50px;
}

.footer .logo {
    background-size: contain;
    aspect-ratio: 1024/220;
}

.header hr {
    border-color: gray;
}

.xfieldimagegallery.glr {
    width: 100%;
    transform: translateX(0)
}

.xfieldimagegallery.glr li.li-img {
    border-radius: 5px;
    height: auto;
}

.xfieldimagegallery.glr li.img-horizontal {
    flex: 1 0 100%
}

.gallery-spoiler > i {
    color: black
}

.xfieldimagegallery li.gallery-spoiler {
    border-radius: 5px;
}

.fullstory-header {
    gap: 40px;
}

.fullstory-header h1 span {
    color: gray
}

.fullstory-header .fullimg-block {
    margin-bottom: 0;
}

.fullstory-footer .buttons > * a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ui-dialog-titlebar-close.ui-button {
    text-indent: -9999px;
}

/* TABS */

.tabs-post {

}

.tabs-post .flowmenu-parent .flowmenu-nav .icon {
    padding-top: .1em;
    width: 1em
}


.tabs-post .tab-name {
    color: lightgray;
}

.tabs-post .tab-name:hover {
    color: gray;
}

.tabs-post .tab-name.active {
    color: black !important;
}

.user-tabs .flowmenu-parent .flowmenu-nav i {
    padding-bottom: .35em;
}


/*FILE*/

.file-info-header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
}

.file-info-header .file-info {
    flex: 0 0 auto;
}

.file-info-header h1 {
    flex: 1 1 100%;
    /*max-height: 3.9em;*/
    overflow: hidden;
}

.file-info {
    display: flex;
    flex-direction: row;
    gap: 20px;
    overflow: hidden;
    white-space: nowrap;
}

.file-info > ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.file-info > ul.prop {
    flex: 0 0 auto;
}

.file-info > ul.value {
    flex: 1 1 50%;
}

.file-info > ul .version {
    font-weight: bold;
}

.file-info a {
    background-color: rgba(70, 116, 163, 0.1);
    color: black;
    padding: 0 5px;
    border-radius: 3px;
}

.file-info > .icon {
    flex: 0 0 100px;
    height: 100px;
    display: flex;
    overflow: hidden;
    object-fit: contain;
    /*margin-right: 20px;*/
    border-radius: 10px;
}

.file-info > .icon img {
    width: 100%;
    height: 100%;
}

.file-info .official-link {

}

.file-info .official-link:after {
    font-family: "FontAwesome";
    font-weight: 900;
    content: '\f35d';
    display: inline;
    padding-left: .5em;
    font-size: .875em;
}

/*download-links*/

.download-links {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}

.file-info .icons {
    display: flex;
    gap: 5px 10px;
    justify-content: flex-start;
    align-items: center;
}

.file-info .icons > .item-icon {
    width: 21px;
    height: 21px;
    padding: 2px;
}

.file-info .icons > .item-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* short */

.shortstory-aqa .icons > .item-icon {
    width: 1.0rem;
    height: 1.0rem;
}

.shortstory-aqa .icons > .item-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.shortstory-aqa .icon img {
    width: 60px;
    height: 60px;
}

.shortstory-aqa .fixed {
    right: initial;
    left: 0;
    font-size: 1rem !important;
    color: #3c3c3c !important;
}

.relatednews-a {
    height: auto !important;
}

.relatednews-a .image {
    flex: 0 0 auto;
    width: 100px;
    height: 100px;
}

.relatednews-a .icons {
    font-size: .875rem !important;
}

.attachment.__blink {
    flex-direction: row;
}

/* POST INFO */

.fullstory-post-info {

}

.fullstory-post-info .post-info {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.fullstory-post-info .post-info > .item {
    flex: 0 0 auto;
}

.fullstory-post-info .post-user {
    display: flex;
    gap: 20px;
}

.fullstory-post-info .post-user-info {
    display: flex;
    flex-direction: column;
}

.fullstory-post-info .name {
    display: flex;
    flex-direction: column;
    max-width: 250px;
    position: relative;
    align-self: flex-start;
}


.fullstory-post-info .profile-link {
    font-weight: bold;
}

.fullstory-post-info .post-user-avatar {
    display: flex;
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.fullstory-post-info .post-user-data {
    width: 400px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px 20px;
    padding: 20px;
    overflow: hidden;
}

.fullstory-post-info .post-user-data i {
    padding-right: .5em
}

.fullstory-post-info .icons {
    flex-wrap: wrap;
    gap: 10px 20px;
}

.fullstory-post-info .icons > .item {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}

.fullstory-post-info .post-user-descr {
    flex: 1 0 100%
}

.fullstory-post-info .group img {
    width: 1em;
    height: 1em;
    display: flex;
    margin-right: .5em
}

/* MAIN PAGE */

.common.fixme .items > .shortstory {
    flex: 1 1 calc(50% - 10px);
}

.common.small-list {

}


.common.small-list .items hr:last-child {
    display: none
}

/* COOKIE */

.__cn > .__cnb > a {
    background-color: #4674A3 !important;
    color: white !important;
}

.__cn > .__cnt a {
    text-decoration: none !important;
    background-color: rgba(70, 116, 163, 0.1);
    color: black;
    border-radius: 3px;
    padding: 1px 5px;
}

@media screen and (min-width: 600px) {

    .__blink {
        flex: 0 0 calc(50% - 10px) !important;
        /*width: 240px !important;*/
        max-width: 100% !important;
        padding: 5px 20px !important;
        gap: 20px !important;
    }

    .__blink .__name {
        font-size: 1.5rem !important;
    }

    .__blink .__text {
        flex: 0 1 auto !important;
    }

    .__blink .__small {
        font-size: .875rem !important;
    }

    .__blink .__icon {
        flex: 0 0 70px !important;
        height: 70px !important;
    }

}