:root {
    --boxshadowdv: 0px 4px 12px rgb(18 25 43 / 12%);
    --tcolor: #000e1a;
    --bgcolor: #f3f8fb;
    --brdcolor: #172B3D;
    --lcolor: #0d3c73;
    --lhcolor: #289B7F;
    --ahover: #0052cc;
    --bg3color: #f1f1f8;
    --sel-lang-active: #fff;
    --header-bg: #f3f8fb;
    --menu-hover-games: #F8B035;
    --menu-hover-apps: #7126C1;
    --menu-hover-top: #F74A2F;
    --menu-hover-news: #368BE1;
    --hmenu-more-grad: linear-gradient(90deg, rgba(23, 43, 61, 0) 0%, rgba(23, 43, 61, 0.05) 100%);
    --footer-bg: #c4c4c4;
    --main-heading: #289B7F;
    --dark-section-bg: #033a5a;
    --dark-section-grad: linear-gradient(0deg, #172B3D 0%, #0E1C29 100%);
    --dark-circle-blur: radial-gradient(closest-side, rgba(23, 43, 61, 0) 0, rgba(23, 43, 61, 0.6) 50%, rgba(23, 43, 61, 1) 94%);
    --form-control-bg: #fff;
    --form-control-brd: #E7E9EB;
    --form-control-brd-f: #D0D4D8;
    --placeholder: #8B959E;
    --cloud-c1: #4ccb70;
    --cloud-c2: #fbfcf3;
    --entry-bg: #fff;
    --entry-info: #8B959E;
    --entry-info-sep: #E6EFF4;
    --entry-label: rgba(255, 255, 255, .5);
    --entry-pattern: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%238B959E' d='M2, 8a2, 2, 0, 1, 0, 2, 2A2, 2, 0, 0, 0, 2, 8Zm8-8a2, 2, 0, 1, 0, 2, 2A2, 2, 0, 0, 0, 10, 0Z'/%3E%3C/svg%3E");
    --entry-pattern-d: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%234CCB70' d='M2, 8a2, 2, 0, 1, 0, 2, 2A2, 2, 0, 0, 0, 2, 8Zm8-8a2, 2, 0, 1, 0, 2, 2A2, 2, 0, 0, 0, 10, 0Z'/%3E%3C/svg%3E");
    --block-bg: #fff;
    --block-bg-transp: rgba(255, 255, 255, 0);
    --block-dark-bg: #273D52;
    --modal-bg: #fff;
    --cat-menu: #28977B;
    --cat-menu-h: #172B3D;
    --spoiler: #f7f7f7;
    --spoiler-h: #EDFAF0;
    --searchsug: #f7f7f7;
    --searchsug-item: #fff;
    --nocomms: #765846;
    --coms-meta: rgba(23, 43, 61, .5);
    --coms-meta-h: rgba(23, 43, 61, .8);
    --line: #EBECED;
    --scrollbar: #F7F7F7;
    --scrollbar-thumb: #D0D0D0;
    --scrollbar-track: #F7F7F7;
    --loading-bg: rgba(255, 255, 255, .9);
    --spec-fade: rgba(23, 41, 61, 1);
    --spec-fade-transp: rgba(23, 41, 61, 0);
    --select-arrow: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23172B3D' d='M8.12 9.29L12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0z'/%3E%3C/svg%3E");
    --pageform-img: url(../images/page-illustation.png);
    --pageform-bg: #EFF7F1;
}

html.darktheme {
    --tcolor: #fff;
    --bgcolor: #172B3D;
    --brdcolor: #f3f8fb;
    --lcolor: #ffffff;
    --ahover: #8bb4dd;
    --bg3color: #3a3b3c;
    --sel-lang-active: #ffffff;;
    --header-bg: #111112;
    --menu-hover-apps: #9A53E7;
    --hmenu-more-grad: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 100%);
    --footer-bg: #091521;
    --main-heading: #4CCB70;
    --dark-section-bg: #0F1F2E;
    --dark-section-grad: linear-gradient(0deg, #0F1F2E 0%, #0B1B29 100%);
    --dark-circle-blur: radial-gradient(closest-side, rgba(15, 31, 46, 0) 0, rgba(15, 31, 46, 0.6) 50%, rgba(15, 31, 46, 1) 94%);
    --form-control-bg: #273D52;
    --form-control-brd: #3D5164;
    --form-control-brd-f: #53677B;
    --placeholder: #687786;
    --cloud-c1: #0F1F2E;
    --cloud-c2: #142636;
    --entry-bg: #273D52;
    --entry-info: #939EA9;
    --entry-info-sep: #3D5164;
    --entry-label: rgba(39, 61, 82, .5);
    --entry-pattern: var(--entry-pattern-d);
    --block-bg: #273D52;
    --block-bg-transp: rgba(39, 61, 82, 0);
    --block-dark-bg: #213548;
    --modal-bg: #18181a;
    --cat-menu: rgba(76, 203, 112, .1);
    --cat-menu-h: rgba(76, 203, 112, .2);
    --spoiler: rgba(255, 255, 255, 0.05);
    --spoiler-h: rgba(255, 255, 255, 0.1);
    --searchsug: #2A4055;
    --searchsug-item: rgba(255, 255, 255, 0.05);
    --nocomms: #fede4a;
    --coms-meta: rgba(255, 255, 255, .5);
    --coms-meta-h: rgba(255, 255, 255, .8);
    --line: rgba(255, 255, 255, 0.05);
    --scrollbar: #2A4055;
    --scrollbar-thumb: #0F1F2E;
    --scrollbar-track: #2A4055;
    --loading-bg: rgba(0, 0, 0, .9);
    --spec-fade: rgba(15, 31, 46, 1);
    --spec-fade-transp: rgba(15, 31, 46, 0);
    --select-arrow: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23748390' d='M8.12 9.29L12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0z'/%3E%3C/svg%3E");
    --pageform-img: url(../images/page-illustation-night.png);
    --pageform-bg: #0d1d2b;
}

@font-face {
    font-family: 'InterAz';
    src: url('../fonts/InterAz Regular.ttf');
    src: url('../fonts/InterAz Regular.ttf') format("truetype"),
        url('../fonts/InterAz Regular.eot') format('embedded-opentype'),
        url('../fonts/InterAz Regular.svf') format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'InterAz';
    src: url('../fonts/InterAz Bold.ttf');
    src: url('../fonts/InterAz Bold.ttf') format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'InterAz';
    src: url('../fonts/InterAz Medium.ttf');
    src: url('../fonts/InterAz Medium.ttf') format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: manrope;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Manrope'), local('Manrope-Regular'), url(../fonts/manrope-v3-cyrillic-regular.woff2) format('woff2');
}

@font-face {
    font-family: manrope;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Manrope Bold'), local('Manrope-Bold'), url(../fonts/manrope-v3-cyrillic-700.woff2) format('woff2');
}

@font-face {
    font-family: 'Helvetica';
    src: url("/templates/newsroom/fonts/hv/Helvetica.otf");
}


[class^=i__],
[class*=" i__"] {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    vertical-align: top;
}

@media all and (min-width:992px) {

    html::-webkit-scrollbar,
    .page-form-right::-webkit-scrollbar {
        width: 16px;
        background-color: var(--scrollbar);
    }

    html::-webkit-scrollbar-thumb,
    .page-form-right::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb);
        border-radius: 16px;
        border: 4px solid var(--scrollbar);
    }

    html::-webkit-scrollbar-track,
    .page-form-right::-webkit-scrollbar-track {
        background-color: var(--scrollbar-track);
        border-radius: 16px;
        border: 4px solid var(--scrollbar);
    }
}

*,
*::before,
*::after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.load * {
    transition: none !important;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

html {
    font-family: 'Interaz';
    font-weight: 400;
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

html {
    display: block;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border: 0 solid rgba(0, 0, 0, .1);
    border-top-width: 1px;
    margin: 1.75rem 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}

p {
    margin-top: 0;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    line-height: 1.68rem;
    text-shadow: 0 0 black;

}



.news-bg {
    padding: 12px;
}

.catbtoovr {
    background: var(--header-bg);
    padding: 3px 5px;
    text-transform: initial;
    font-weight: 200;
    border-radius: 6px
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    list-style: none;
    padding: 0;
    margin: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 600;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: 600;
}

small,
.small {
    font-size: .75em;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a:hover {
    color: #0052cc;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, liberation mono, courier new, monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: bottom;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #99999e;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

select {
    word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    outline: none !important;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer;
    border: none;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

body {
    font: normal .875rem/1.5 var(--font);
    color: var(--tcolor);
    background-color: var(--header-bg);
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 320px;
    position: relative;
    transition: 400ms;
}



.wrp,
.wrp-min {
    width: 100%;
}

.news-bg {
    padding: 12px;
}

span.news {font-size: 1.8rem; color: var(--tcolor); font-weight: bold;}
span.room {font-size: 1.8rem; background: #b22423; color: #fff; border-radius: 3px; padding: 0 7px; margin-left: 3px;}

.lkbtn {margin: 0px; padding-top: 0px; display: inline-block; vertical-align: text-bottom; line-height: normal;}
.lkbtn svg {width: 16px;}
.tmlk {width: -webkit-fill-available; font-size: 14px; position: absolute; bottom: 0;}

@media all and (min-width:640px) {
    .wrp {
        max-width: 92rem;
    }




    .wrp-min {
        max-width: 63rem;
    }

    .wrp,
    .wrp-min {
    margin-bottom: 20px;
    }
}

.wrp .wrp-min,
.wrp-min .wrp-min {
    padding-left: 0;
    padding-right: 0;

}

a,
.btn-link {
    color: var(--tcolor);
    text-decoration: none;
}

.news-bg {
    padding: 12px;
}


@media all and (min-width:500px) {
    .news-bg {
        padding: 12px;
    }
}


@media all and (min-width:992px) {

    a,
    .btn-link {
        transition: color .2s ease;
    }

    a:hover,
    .btn-link:hover {
        color: var(--lhcolor);
    }
}

.toolbar {
    position: fixed;
    right: 25px;
    z-index: 100;
    /* pointer-events: none; */
    /* display: flex; */
    /* justify-content: flex-end; */
    /* align-items: center; */
    color: #fff;
    /* padding: 1rem; */
    /* margin-top: -0.5rem; */
    /* height: 28px; */
    bottom: 16px;
}

.toolbar img,
.toolbar svg {
    display: block;
}

.toolbar button,
.toolbar a {
    pointer-events: auto;
    cursor: pointer;
}

.sel-dark-toggle {
    color: inherit !important;
    background-color: #fff;
    margin-left: .5rem;
    border-radius: 50%
}

html.darktheme .sel-dark-toggle {
    color: #172b3d !important;
    background-color: rgba(255, 255, 255, .75);
}

html.darktheme .sel-dark-toggle>.i__sun {
    display: block !important;
}

html.darktheme .sel-dark-toggle>.i__moon {
    display: none !important;
}

.sel-dark-toggle,
.sel-lang>button {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid;
}

.sel-lang {
    display: flex;
}

.sel-lang>button {
    background: 0 0;
}

.sel-lang>button img {
    border-radius: 50%;
    height: 28px;
    width: 28px;
}

.sel-lang>button.active {
    cursor: default;
}

.sel-lang>button.active img {
    background-color: var(--sel-lang-active);
    box-shadow: 0 0 0 .125rem var(--sel-lang-active), 0 0 0 .29rem #fede4a;
}


@media all and (max-width:1259px) {
    .toolbar {
        /* left: 0; */
        bottom: 0;
        position: fixed;
        margin-top: 0;
    }

    .sel-dark-toggle {
        margin-left: auto;
    }

    .sel-lang {
        height: 2.5rem;
        background-color: var(--sel-lang-active);
        border-radius: 1.25rem;
        box-shadow: 0 .25rem 1rem -.25rem rgba(0, 0, 0, .25);
    }
}


@media all and (min-width:992px) {

    .sel-dark-toggle,
    .sel-lang>button {
        transition: transform .2s ease;
    }

    .sel-lang>button img {
        transition: box-shadow .2s ease;
    }

    .sel-lang>button:not(.active):hover {
        transform: scale(1.1);
        background: #2D2D2C;
        border-radius: 100px;
    }


}

.sel-dark-toggle {
    margin: 0 0 38px 0px;
    height: 25px;
    width: 85px;
    border-radius: 12px;

}


.i__moon {
    float: right;
}

.cover {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.fit-cover {
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    flex-grow: 1;
}

.fit-cover img {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    min-width: calc(100% + 1px);
    height: 100%;
    transform: translateX(-50%);
    object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
    -o-object-fit: cover;
}

.avatar.fit-cover {
    width: 3rem;
    height: 3rem;
    border-radius: 50%
}

.w-100 {
    width: 100%
}

.circle {
    border-radius: 50%
}

.dashed {
    position: relative;
    display: inline-block;
}

.dashed::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 0;
    border-top: 1px dashed #9d9fa4;
}

.truncate {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uppercase {
    text-transform: uppercase;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.fw-b {
    font-weight: 600;
}

.fw-n {
    font-weight: 400;
}

.lh-norm {
    line-height: normal;
}

.f-right {
    float: right;
}

.f-left {
    float: left;
}

.ww-break-word {
    word-wrap: break-word;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.c-inherit {
    color: inherit !important;
}

.c-white {
    color: #fff !important;
}

.c-green {
    color: var(--lcolor) !important;
}

.c-red {
    color: #f9563d !important;
}

.c-yellow {
    color: #fede4a !important;
}

.c-dark {
    color: var(--tcolor) !important;
}

.c-muted {
    color: #8a949d !important;
}

.bg-inherit {
    background-color: inherit !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-green {
    background-color: var(--lcolor) !important;
}

.bg-grey {
    background-color: #f7f7f7 !important;
}

.bg-dark {
    background-color: #172b3d !important;
}

.s-yellow {
    background-color: #f9bd3b;
    background-image: linear-gradient(180deg, #FEDE4A 0%, #F8B035 100%);
    box-shadow: 0 .25rem .5rem 0 rgba(251, 205, 66, .3);
}

.s-green {
    background-color: #45c368;
    background-image: linear-gradient(180deg, var(--lcolor) 0%, #3DBA60 100%);
    box-shadow: 0 .25rem .5rem 0 rgba(69, 195, 104, .3);
}

.s-purple {
    background-color: #9248e1;
    background-image: linear-gradient(180deg, #9B54E8 0%, #7126C1 100%);
    box-shadow: 0 .25rem .5rem 0 rgba(146, 72, 225, .3);
}

.s-red {
  }

.s-blue {
    background-color: #37a9e4;
    background-image: linear-gradient(180deg, #38B9E6 0%, #368BE1 100%);
    box-shadow: 0 .25rem .5rem 0 rgba(55, 169, 228, .3);
}

.s-telegram {
    background-color: #2ea6d9;
    background-image: linear-gradient(180deg, #37AEE2 0%, #1E96C8 100%);
    box-shadow: 0 .25rem .5rem 0 rgba(53, 172, 224, .3);
}

@media all and (min-width:992px) {

    .btn.s-yellow:hover,
    .download-line.s-yellow:hover {
        box-shadow: 0 .25rem .5rem 0 rgba(251, 205, 66, .3), 0 0 0 .25rem rgba(251, 205, 66, .3);
    }

    .btn.s-green:hover,
    .download-line.s-green:hover,
    .page_prev>a:hover,

    .btn.s-purple:hover,
    .download-line.s-purple:hover {
        box-shadow: 0 .25rem .5rem 0 rgba(146, 72, 225, .3), 0 0 0 .25rem rgba(146, 72, 225, .3);
    }

    .btn.s-red:hover,
    .download-line.s-red:hover {
        box-shadow: 0 .25rem .5rem 0 rgba(255, 89, 64, .3), 0 0 0 .25rem rgba(255, 89, 64, .3);
    }

    .btn.s-blue:hover,
    .download-line.s-blue:hover {
        box-shadow: 0 .25rem .5rem 0 rgba(55, 169, 228, .3), 0 0 0 .25rem rgba(55, 169, 228, .3);
    }

    .btn.s-telegram:hover {
        box-shadow: 0 .25rem .5rem 0 rgba(53, 172, 224, .3), 0 0 0 .25rem rgba(53, 172, 224, .3);
    }
}

.c-icon {
    min-width: 2rem;
    max-width: 2rem;
    height: 2rem;
    border-radius: 50%;
    padding: .375rem;
    display: inline-block;
    vertical-align: top;
}

.c-icon>svg {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    color: #fff;
}

@media all and (min-width:640px) {
    .c-icon {
        min-width: 2.5rem;
        max-width: 2.5rem;
        height: 2.5rem;
        padding: .5rem;
    }

    .c-icon>svg {
        width: 1.5rem;
        height: 1.5rem;
    }
}

.muted {
    opacity: .5;
}

.comment__content iframe,
.comment__content video,
.showfull__content iframe,
.showfull__content video {
    width: 720px;
    height: 420px;
    max-width: 100%
}

.small,
small {
    font-size: .75rem;
}

@media all and (min-width:576px) {

    h1,
    .h1 {
        font-size: 2.5rem;
    }

    h2,
    .h2 {
        font-size: 2rem;
    }

    h3,
    .h3 {
        font-size: 1.5rem;
        font-weight: 600;
    }
}


@media all and (min-width:768px) {

    .text h1,
    .text h2 {
        font-size: 1.25rem;
    }

    .text h3,
    .text h4,
    .text h5 {
        font-size: 1rem;
    }
}

.heading {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.3;
    margin-bottom: 1.5rem;
}

@media all and (min-width:768px) {
    .heading {
        font-size: 1.75rem;
    }
}

.img {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.img img {
    height: 96%;
    display: block;
    border-radius: 7px;
}

.title {
    line-height: 1.3;
    font-weight: 600;
    margin: 0;
}

.title a {
    color: inherit;
}

.dropdown-btn {
    transition: opacity .5s ease;
}

.open>.dropdown-menu {
    display: block !important;
}

.open>.dropdown-btn {
    opacity: .5;
}

.dropdown {
    position: relative;
}

.dropdown-menu {
    display: none;
    position: absolute;
    z-index: 101;
    left: 0;
    border-radius: .75rem;
    font-size: .875rem;
    margin-top: .25rem;
    background-color: var(--modal-bg);
    font-weight: 400;
    box-shadow: 0 .5rem 4rem -.5rem rgba(0, 0, 0, .1), 0 .25rem 1.5rem 0 rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .05);
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-form {
    min-width: 240px;
    padding: 1.25rem;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-duration: .35s;
    transition-timing-function: ease;
}

.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.modal-open {
    overflow: hidden !important;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    min-height: 100%
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-footer {
    padding: 1.5rem;
    text-align: right;
    border-top: 1px solid var(--line);
}

.modal-title {
    font-size: 1.25rem;
    margin-bottom: 2rem;
}

.modal-head {
    border-radius: inherit;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 1px solid var(--line);
}

.modal-head .modal-title {
    margin: 0;
}

.modal-header .modal-title {
    margin-bottom: 0;
}

.modal-header+.modal-body {
    padding-top: 0 !important;
}

.modal-content {
    position: relative;
    background-color: var(--modal-bg);
    width: 100%;
    outline: 0;
}

.modal-body,
.modal-head,
.modal-header {
    padding: 1.5rem;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, .3);
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.in {
    opacity: 1;
}

.modal-dialog .close,
.modal-close {
    position: absolute;
    right: 0;
    top: 0;
    color: inherit;
    padding: .5rem;
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    outline: none !important;
    pointer-events: auto;
    background: 0 0;
    transition: color .15s ease-out;
}

.modal .modal-dialog>.close,
.modal-close {
    width: 4rem;
    height: 4rem;
    padding: 1rem;
    z-index: 1;
}

.modal-dialog .close {
    opacity: .5;
}

.closes svg {
    display: block;
}

.modal-title {
    margin-bottom: 1rem;
}

.modal-close {
    color: #fff;
    transition: opacity .15s ease-out;
}

@media all and (min-width:992px) {
    .modal-close:hover {
        opacity: .8;
    }

    .modal-dialog .close:hover {
        opacity: .8;
    }

    .modal {
        -webkit-overflow-scrolling: touch;
    }
}

@media all and (min-width:576px) {
    .modal.fade .modal-dialog {
        transform: scale(.85);
        transition: transform .2s ease, opacity .2s ease;
    }

    .modal.in .modal-dialog {
        transform: scale(1);
    }

    .modal-content {
        pointer-events: auto;
        background-clip: padding-box;
        max-width: 26rem;
        min-height: 0;
        border-radius: 1.125rem;
        box-shadow: 0 1rem 2rem -.5rem rgba(0, 0, 0, .25), 0 0 0 1px rgba(0, 0, 0, .1);
    }

    .container .modal-content {
        box-shadow: 0 1rem 3.25rem -.25rem rgba(0, 73, 150, .125), 0 0 0 1px rgba(0, 73, 150, .1);
    }

    .modal-dialog {
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        margin: 1rem auto;
        min-height: calc(100% - 2rem);
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .modal-body,
    .modal-head,
    .modal-header {
        padding: 2rem;
    }
}

@media all and (max-width:575px) {
    .modal-dialog {
        display: flex;
    }

    .modal-body {
        padding-top: 3.5rem;
    }
}

html.ovb {
    overflow: hidden;
    width: 100%;
    height: 100%
}

html.ovb .videobox.open {
    opacity: 1;
}

.videobox {
    opacity: 0;
    transition: opacity .15s linear;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, .3);
}

.videobox.open {
    display: block !important;
}

.videobox .video-content {
    width: 100%;
    height: 100%;
    max-width: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}

.videobox .video-wrap {
    width: 100%;
    max-width: 60rem;
    pointer-events: auto;
}

.videobox .video-body {
    position: relative;
    padding: 0;
    background-color: #000;
    box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, .6);
    border-radius: 1.125rem;
}

.videobox .video-body .close {
    position: absolute;
    right: 0;
    top: 0;
    margin: -1.25rem -1.25rem 0 0;
    z-index: 1;
    background-color: var(--lcolor);
    box-shadow: 0 0 2rem 0 var(--lcolor);
    color: #fff;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 50%;
    border: 0;
}

.videobox .video-body .close svg {
    display: block;
}

.video_block {
    position: relative;
    border-radius: 1.125rem;
    overflow: hidden;
}

.video_block img {
    display: block;
    max-height: 80vh;
}

.video_wrap {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%
}

.video_wrap iframe {
    overflow: hidden;
    width: 100%;
    height: 100%
}

.btn-group .btn-block {
    width: 100%
}

.btn-reset {
    vertical-align: top;
    padding: 0;
    margin: 0;
    background: 0 0;
    border: 0;
    cursor: pointer;
}

.btn,
.bbcodes,
.ui-button {
    height: 2.5rem;
    line-height: 1.5rem;
    padding: 7px 5px;
    border-radius: 8px;
    font-size: .875rem;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    border: 0;
    font-weight: 600;
    cursor: pointer;
    outline: none;
    text-decoration: none !important;
    color: #fff !important;
    transition: box-shadow ease .15s, background-color ease .15s, transform ease .1s, opacity ease .1s;
}

.btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-icon svg {
    margin-right: .25rem;
}

.btn-border {
    color: inherit !important;
    box-shadow: inset 0 0 0 1px rgba(76, 203, 112, .5);
    background: 0 0;
}

.btn-border:hover {
    box-shadow: inset 0 0 0 3px rgba(76, 203, 112, .3);
}

.btn-complaint {
    position: relative;
}

.btn-complaint a {
    color: inherit !important;
}

.btn-complaint a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.btn-telegram {
    color: #31a8db !important;
}

.btn-telegram>span {
    display: none;
}

@media all and (max-width:767px) {
    .btn-telegram {
        height: auto;
        padding: 0;
    }
}

@media all and (min-width:768px) {
    .btn-telegram .c-icon {
        min-width: 1.5rem;
        max-width: 1.5rem;
        height: 1.5rem;
        padding: .25rem;
    }

    .btn-telegram .c-icon svg {
        width: 1rem;
        height: 1rem;
    }

    .btn-telegram {
        display: inline-flex;
        align-items: center;
        padding: .5rem;
        background-color: rgba(49, 168, 219, .1);
    }

    .btn-telegram>span {
        display: block;
        padding: 0 .5rem 0 .75rem;
    }
}

.bbcodes,
.ui-button,
.qq-upload-button {
    background-color: var(--bgcolor);
    color: var(--lcolor) !important;
    box-shadow: none !important;
}

.btn:active,
.bbcodes:active,
.ui-button:active,
.qq-upload-button:active {
    opacity: .8;
}

@media all and (min-width:992px) {

    .bbcodes:hover,
    .ui-button:hover,
    .qq-upload-button:hover {
        background-color: rgba(76, 203, 112, .2);
    }

    .btn-telegram {
        transition: background-color .2s ease;
    }

    .btn-telegram:hover {
        background-color: rgba(49, 168, 219, .2);
    }
}

@media all and (max-width:575px) {
    .btn-block {
        width: 100%
    }

    .btn-block+.btn-block {
        margin-top: .5rem;
    }
}

@media all and (min-width:576px) {
    .btn-group {
        display: flex;
    }

    .btn-group .btn+.btn {
        margin-left: .75rem;
    }
}

@media all and (min-width:768px) {
    .btn-lg {
        border-radius: 13px;
        font-size: 1rem;
        height: 3rem !important;
        padding: .75rem 1.25rem !important;
    }
}

.form-submit {
    margin-top: 1.5rem;
}

.form-group,
.form-check,
.form-combo {
    margin-top: 1.25rem;
    margin-bottom: 0 !important;
}

.form-group:first-of-type,
.form-check:first-of-type,
.form-combo:first-of-type {
    margin-top: 0 !important;
}

.form-group>label {
    display: block;
    font-size: .75rem;
    line-height: 1.2;
    margin-bottom: .5rem;
    text-transform: uppercase;
    opacity: .8;
}

.form-sep {
    border-top: 1px solid rgba(0, 0, 0, .05);
}

label.form-group {
    color: var(--tcolor);
    display: block;
    line-height: 1.2;
    font-size: .75rem;
}

label.form-group>.c-muted {
    display: block;
    margin-bottom: .5rem;
    font-weight: 600;
    text-transform: uppercase;
}

label.form-group a.f-right {
    padding: .5rem;
    margin: -.5rem;
}

@media all and (min-width:576px) {
    .form-submit {
        margin-top: 2rem;
    }

    .form-group,
    .form-check,
    .form-combo {
        margin-top: 1.5rem;
        margin-bottom: 0 !important;
    }

    .form-combo {
        display: flex;
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .form-combo .form-group {
        width: 100%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 1rem;
        margin: 0 !important;
    }

    label.form-group,
    .form-group>label {
        margin-bottom: .75rem;
    }
}

@media all and (min-width:576px) and (max-width:767px) {
    .form-combo {
        margin-left: -.5rem;
        margin-right: -.5rem;
    }

    .form-combo .form-group {
        padding: 0 .5rem;
    }
}

.loginform-foot {
    display: flex;
}

.loginform-foot>a:first-child {
    margin-right: auto;
}

.check-login {
    display: flex;
}

.check-login input {
    margin-right: .5rem;
}

.check-login .btn {
    text-transform: uppercase;
    font-size: .75rem;
}

select,
textarea,
input[type=text],
input[type=password],
input[type=file],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color] {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    line-height: 1.5rem;
    font-size: 1rem;
    color: inherit;
    padding: calc(.5rem - 1px) .75rem;
    background: var(--form-control-bg);
    border: 1px solid var(--form-control-brd);
    border-radius: .375rem;
    outline: none !important;
    box-shadow: 0 .125rem .75rem 0 rgba(23, 43, 61, .05);
    transition: border .2s linear 0s, box-shadow .2s linear 0s;
    background-clip: padding-box;
}

select#category {
    width: 100% !important;
}

select:focus,
textarea:focus,
input:focus {
    border-color: var(--form-control-brd-f);
    box-shadow: 0 .125rem .75rem 0 rgba(23, 43, 61, .1);
}

::placeholder {
    color: var(--placeholder);
    opacity: 1;
}

::-moz-placeholder {
    color: var(--placeholder);
    opacity: 1;
}

::-webkit-input-placeholder {
    color: var(--placeholder);
    opacity: 1;
}

textarea {
    margin: 0;
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

input[type=radio],
input[type=checkbox] {
    line-height: normal;
    margin: -2px 6px 0 0;
    vertical-align: middle;
}

input[type=file],
input[type=image],
input[type=submit],
input[type=reset],
input[type=button],
input[type=radio],
input[type=checkbox] {
    width: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

select[multiple],
select,
input[type=search] {
    -webkit-appearance: none;
    appearance: none;
}

select[multiple],
select[size],
textarea {
    height: auto;
    min-height: 6em;
}

select:not([multiple]) {
    padding-right: 2rem;
    background-position: calc(100% - .375rem) 50%;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-image: var(--select-arrow);
}

input:focus {
    outline: none;
}

input[type=file],
input[type=image] {
    height: auto;
    width: 100%;
    padding: .25rem;
}

.dle-promt-text {
    width: 100% !important;
}

.tableform {
    width: 100%
}

.sep-xfield {
    margin-top: 1.5rem;
}

.grecaptcha-badge {
    opacity: 0;
    pointer-events: none;
}

.emoji {
    max-width: auto !important;
    max-height: 1.5rem !important;
    border: none;
    vertical-align: middle;
}

#dofullsearch,
.comments_subscribe,
#comment-editor>br {
    display: none !important;
}

.item {
    position: relative;
}

.item-link::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media all and (min-width:576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media all and (min-width:768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media all and (min-width:992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

#loading-layer {
    display: none !important;
    background-color: var(--loading-bg);
    z-index: 9999 !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
}

#loading-layer:before,
#loading-layer:after {
    content: "";
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
}

#loading-layer:before {
    border: 4px solid rgba(76, 203, 112, .2);
    border-radius: 50%
}

#loading-layer:after {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2NCA2NCc+PHBhdGggZmlsbD0nIzRDQ0I3MCcgZD0nTTQsMTYuNWMyLjgtNS4xLDYuOS05LjIsMTEuNy0xMkMyMC42LDEuNiwyNi4yLDAsMzIsMHY0Yy01LjEsMC0xMCwxLjQtMTQuMiwzLjlDMTMuNiwxMC40LDEwLDE0LDcuNSwxOC40TDQsMTYuNXonLz48L3N2Zz4=);
}

#loading-layer:after {
    animation: load_rotate .8s infinite linear;
}

@keyframes load_rotate {
    100% {
        transform: rotate(360deg);
    }
}

.soc_login {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    margin-bottom: 2rem;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.soc_login_icons {
    display: flex;
    margin-top: 1rem;
}

.soc_login_icons a {
    color: inherit;
    cursor: pointer;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .5rem;
    padding: .625rem;
    border-radius: 50%;
    background-color: rgba(50, 50, 50, .05);
}

.soc_login_icons a:last-child {
    margin-right: 0;
}

.soc_register {
    text-align: left;
    border-top: 0;
    max-width: 300px;
    padding: 0;
    margin: 1.75rem 0;
}

.soc_register .soc_login_icons {
    margin-top: 1rem;
}

@media all and (min-width:992px) {
    .soc_login_icons a:hover {
        color: #fff;
        transition: background-color ease .2s, color linear 0s;
    }

    .soc_login_icons .soc_vk:hover {
        background-color: #48729e;
    }

    .soc_login_icons .soc_ya:hover {
        background-color: red;
    }

    .soc_login_icons .soc_fb:hover {
        background-color: #3b5998;
    }

    .soc_login_icons .soc_gp:hover {
        background-color: #4284f4;
    }

    .soc_login_icons .soc_od:hover {
        background-color: #eb722e;
    }

    .soc_login_icons .soc_mail:hover {
        background-color: #005ff9;
    }
}

img.fr-dii {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

img.fr-dii.fr-fil {
    float: left;
    margin: 5px 24px 25px 0;
    max-width: calc(100% - 5px);
}

.title_quote {
    font-size: .9rem;
    color: rgba(0, 0, 0, .5);
    font-weight: 600;
    font-style: italic;
    border: 0;
}

.quote,
blockquote {
    background: var(--header-bg);
    padding: 10px 15px;
    border: 0 solid #172B3D;
    font-size: 1.4rem;
    line-height: 1.88rem;
    font-weight: 500;
    border-width: 0 0 0 4px;
}

.comment .quote,
.comment blockquote {
    font-size: 1em;
}

.comment blockquote,
.comment .quote {
    padding: 10px 16px;
    border-width: 0 0 0 2px;
    background-color: rgba(0, 0, 0, .03);
    text-align: left;
}

.comment .title_quote {
    padding-top: 8px;
    padding-bottom: 0;
    padding-left: 16px;
    border-left: 2px solid #fede4a;
    background-color: rgba(0, 0, 0, .03);
}

@media all and (min-width:576px) {
    .title_quote {
        padding: 4px 16px;
        padding-left: 26px;
        margin-left: 46px;
        border-left: 2px solid #fede4a;
        background-color: rgba(0, 0, 0, .03);
    }

    .quote,
    blockquote {
        padding: 10px 26px;
        border-width: 0 0 0 4px;
        background: var(--header-bg);
        position: relative;
        text-align: left;
        text-shadow: none;
    }

    /*   .quote::before,
 blockquote::before {
     content: "\201c";
     color: #172B3D;
     font-size: 75px;
     line-height: 60px;
     position: absolute;
     left: 0;
     top: 0;
     margin-left: -46px;
     font-style: normal;
 }*/

    .comment .quote,
    .comment blockquote {
        margin-left: 32px;
    }

    .comment .quote::before,
    .comment blockquote::before {
        font-size: 60px;
        line-height: 50px;
        margin-left: -32px;
    }

    .comment .title_quote {
        padding-left: 16px;
        margin-left: 32px;
    }
}

.spoiler {
    background-color: #2f8f6b;
    padding: 1rem;
    padding-left: 3rem;
    border-radius: .75rem;
    font-size: .875rem;
    color: #fff;
}

.spoiler:hover {
    background-color: #7594a4;
}

.spoiler .title_spoiler {
    padding: 1rem;
    padding-left: 3rem;
    margin: -1rem;
    margin-left: -3rem;
    border-radius: 0;
    background: 0 0 !important;
    position: relative;
}

.spoiler .title_spoiler a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.spoiler .title_spoiler img {
    max-width: 1.5rem;
    margin-left: -2rem;
}

.text_spoiler {
    display: none;
}

.text_spoiler::before {
    content: "";
    display: block;
    height: 1rem;
}

.title_spoiler {
    display: flex;
    align-items: center;
    font-weight: 600;
    padding: .5rem;
    background-color: var(--spoiler);
    border-radius: .75rem;
    font-size: .875rem;
}

.title_spoiler a {
    color: inherit !important;
}

.title_spoiler img {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
}

.scriptcode {
    color: #4c6d0f;
    text-align: left;
    font-family: courier new;
}

.hide {
    background-color: #f0f0f0;
    padding: 5px;
    color: #f97330;
    margin: 0 0 1em;
}

.hide a {
    text-decoration: underline;
}

.hide a:hover {
    text-decoration: none;
}

table.userstop {
    font-size: 80%
}

.userstop td,
.pm td.pm_list,
.pm td.pm_head {
    border-bottom: 1px solid var(--line);
    padding: 12px 2px;
}

table.pm,
table.userstop {
    width: 100%;
    margin-bottom: 0;
}

table.pm select {
    width: 150px;
}

.userstop thead td,
.pm td.pm_head {
    border-bottom: 1px solid var(--line);
    font-weight: 600;
}

table.pm .navigation {
    border-top-width: 0;
    margin: 0;
}

.table_wide {
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
    padding: .5rem 0;
    margin: -.5rem 0;
    word-break: break-all;
    -webkit-overflow-scrolling: touch;
}

.table_wide>table {
    min-width: 800px;
    table-layout: fixed;
}

.table_wide table.pm {
    min-width: 600px;
}

.highslide-wrapper,
.highslide-outline {
    background: #fff;
}

.highslide-image {
    border: 2px solid #fff;
}

.highslide-active-anchor {
    visibility: hidden;
}

.highslide-active-anchor img {
    visibility: hidden;
}

.highslide-dimming {
    background-color: #000;
}

.highslide-html {
    background-color: #fff;
}

.highslide-loading {
    display: block;
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    text-decoration: none;
    padding: 3px;
    border: 1px solid #fff;
    background-color: #000;
}

a.highslide-full-expand {
    background: url(../dleimages/fullexpand.gif) no-repeat;
    display: block;
    margin: 0 10px 10px 0;
    width: 34px;
    height: 34px;
}

.highslide-display-block {
    display: block;
}

.highslide-display-none {
    display: none;
}

.highslide-caption {
    display: none;
    padding: 5px;
    background: #fff;
}

.highslide-controls {
    width: 195px;
    height: 40px;
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 0 -90px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.highslide-controls ul {
    position: relative;
    left: 15px;
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 100% -90px;
}

.highslide-controls li {
    float: left;
    padding: 5px 0;
}

.highslide-controls a {
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif);
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    outline: none;
}

.highslide-controls a.disabled {
    cursor: default;
}

.highslide-controls a span {
    display: none;
}

.highslide-controls .highslide-previous a {
    background-position: 0 0;
}

.highslide-controls .highslide-previous a:hover {
    background-position: 0 -30px;
}

.highslide-controls .highslide-previous a.disabled {
    background-position: 0 -60px !important;
}

.highslide-controls .highslide-play a {
    background-position: -30px 0;
}

.highslide-controls .highslide-play a:hover {
    background-position: -30px -30px;
}

.highslide-controls .highslide-play a.disabled {
    background-position: -30px -60px !important;
}

.highslide-controls .highslide-pause a {
    background-position: -60px 0;
}

.highslide-controls .highslide-pause a:hover {
    background-position: -60px -30px;
}

.highslide-controls .highslide-next a {
    background-position: -90px 0;
}

.highslide-controls .highslide-next a:hover {
    background-position: -90px -30px;
}

.highslide-controls .highslide-next a.disabled {
    background-position: -90px -60px !important;
}

.highslide-controls .highslide-move a {
    background-position: -120px 0;
}

.highslide-controls .highslide-move a:hover {
    background-position: -120px -30px;
}

.highslide-controls .highslide-full-expand a {
    background-position: -150px 0;
}

.highslide-controls .highslide-full-expand a:hover {
    background-position: -150px -30px;
}

.highslide-controls .highslide-full-expand a.disabled {
    background-position: -150px -60px !important;
}

.highslide-controls .highslide-close a {
    background-position: -180px 0;
}

.highslide-controls .highslide-close a:hover {
    background-position: -180px -30px;
}

#modal-overlay {
    background: #000 !important;
    opacity: .5 !important;
}

.ui-widget-overlay {
    background: #000;
    opacity: .5;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: fixed;
}

.ui-helper-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}

* html .ui-helper-clearfix {
    height: 1%
}

.ui-helper-clearfix {
    display: block;
}

.ui-dialog {
    text-align: left;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 420px;
    max-width: calc(100% - 1rem) !important;
    max-height: none !important;
    z-index: 999;
    border-radius: 1.125rem;
    box-shadow: 0 .75rem 3rem -.5rem rgba(0, 0, 0, .3);
    border: 1px solid rgba(0, 0, 0, .05);
    background-color: var(--modal-bg);
    background-clip: padding-box;
}

.ui-dialog-titlebar {
    padding: 1.25rem;
    display: flex;
    align-items: center;
    min-width: 0;
    position: relative;
    border-bottom: 1px solid var(--line);
}

.ui-dialog-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 1rem;
}

.ui-dialog-titlebar-close {
    height: 2rem;
    width: 2rem;
    margin: -.5625rem;
    margin-left: auto;
    padding: 0;
    text-indent: -9999px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    border: 0 !important;
    background: 0 0 !important;
    box-shadow: none !important;
}

.ui-button-icon-space {
    display: none;
}

.ui-dialog-titlebar-close .ui-icon {
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -.5rem 0 0 -.5rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nIzRDQ0I3MCcgZD0nTS4zLDEuN0ExLDEsMCwwLDEsLjMuMywxLDEsMCwwLDEsMS43LjNMOCw2LjYsMTQuMy4zYTEsMSwwLDAsMSwxLjQsMCwxLDEsMCwwLDEsMCwxLjRMOS40LDhsNi4zLDYuM2ExLDEsMCwwLDEtMS40LDEuNEw4LDkuNCwxLjcsMTUuN2ExLDEsMCwwLDEtMS40LDAsMSwxLDAsMCwxLDAtMS40TDYuNiw4WicvPjwvc3ZnPg==);
    background-size: 100% auto;
    opacity: 1;
}

@media all and (min-width:992px) {
    .ui-dialog-titlebar-close .ui-icon {
        transition: opacity .2s ease;
    }

    .ui-dialog-titlebar-close:hover .ui-icon {
        opacity: .8;
    }
}

.ui-icon {
    overflow: hidden;
    text-indent: -9999px;
}

.ui-dialog label {
    color: #575757;
}

.ui-dialog-content {
    padding: 1.25rem;
    overflow: auto;
    position: relative;
    zoom: 1;
}

.loginbox.ui-dialog,
.loginbox .ui-dialog-content {
    overflow: visible !important;
}

.ui-dialog-content h2 {
    display: inline;
    font-size: 1em;
    font-weight: 600;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 20px;
    text-align: center;
    border-top: 1px solid var(--line);
}

.ui-dialog .ui-resizable-se {
    bottom: 3px;
    height: 14px;
    right: 3px;
    width: 14px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-helper-hidden-accessible {
    display: none;
}

.ui-dialog-buttonset .ui-button {
    padding: 0 30px;
    margin-top: .125rem;
    margin-bottom: .125rem;
}

@media all and (min-width:576px) {
    .ui-dialog-buttonset .ui-button+.ui-button {
        margin-left: .25rem;
    }
}

@media all and (max-width:575px) {
    .ui-dialog {
        position: fixed !important;
        width: 100% !important;
        left: .5rem !important;
        right: .5rem !important;
    }

    .ui-dialog-buttonset .ui-button {
        width: 100%
    }

    .ui-dialog-buttonset .ui-button+.ui-button {
        margin-top: .25rem;
    }
}

@media all and (max-width:500px) {
    .modal-body {
        padding: 1.125rem;
        padding-top: 2rem;
    }

    .form-group>label {
        font-size: .75rem;
    }
}

.dle-popup-userprofile .ui-dialog-content {
    padding: 0;
}

.popup_userinfo_top {
    padding: 2rem;
    padding-bottom: 0;
    height: 4.5rem;
    margin-bottom: 3.5rem;
    background: var(--spoiler);
}

.popup_userinfo_top .avatar {
    vertical-align: top;
    border-radius: 50%;
    border: .25rem solid #fede4a;
    width: 5rem;
    height: 5rem;
    box-shadow: 0 .75rem 1.5rem 0 rgba(0, 0, 0, .1);
}

.popup_userinfo_top .avatar img {
    background-color: #eaeaea;
}

.popup_userinfo.useronline .avatar {
    border-color: var(--lcolor);
}

.popup_userinfo .usinf {
    padding: 1rem 2rem;
    font-size: .875rem;
}

.usinf {
    list-style: none;
    padding: 0;
    margin: 0;
}

.usinf>li {
    padding: .5rem 0;
    border-top: 1px solid var(--line);
}

.usinf>li:first-child {
    border-top-width: 0;
}

.ui-c1,
.ui-c2 {
    display: block;
}

@media all and (max-width:575px) {
    .ui-c1 {
        font-size: .75rem;
        opacity: .5;
    }
}

@media all and (min-width:576px) {

    .ui-c1,
    .ui-c2 {
        display: inline-block;
        vertical-align: top;
    }

    .ui-c1 {
        width: 40%;
        margin-right: 5%
    }

    .ui-c2 {
        width: 50%;
        font-weight: 600;
    }
}

@media all and (min-width:768px) {
    .usinf {
        font-size: 1.1rem;
    }

    .ui-c1 {
        width: 30%
    }

    .ui-c2 {
        width: 60%
    }
}

.entry-listpage+.alert {
    margin-top: 2rem;
}

.alert {
    margin-bottom: 2rem;
    font-size: .875rem;
}

.alert-line,
.alert_in {
    background-color: #fff9db;
    color: #765846;
    box-shadow: 0 .5rem 1.5rem -.25rem rgba(0, 0, 0, .12);
}

.alert_in {
    padding: 1.125rem;
    border-radius: 1.125rem;
}

.alert-cont,
.alert-cont p {
    margin: 0;
}

.alert-title {
    display: flex;
    align-items: center;
    font-weight: 600;
    margin-bottom: .5rem;
}

.alert-title>i,
.alert-line .i__info {
    margin-right: .5rem;
    color: #fede4a;
}

.alert-line {
    padding: 1.125rem 0;
    font-size: .75rem;
    font-weight: 600;
    position: relative;
    z-index: 100;
}

.alert-line .wrp-min {
    display: flex;
    align-items: center;
}

.alert-line .wrp-min>.i__info {
    align-self: flex-start;
}

.alert-line .wrp-min .alert-cont {
    align-self: center;
    padding: .125rem 0;
}

.social-links {
    display: flex;
}

.social-links a {
    opacity: .9;
    min-width: 2rem;
    height: 2rem;
    text-align: center;
    flex-grow: 1;
    flex-shrink: 1;
    background-color: #f5f6f7;
    border-radius: .375rem;
}

.social-links a:not(:first-child) {
    margin-left: 1rem;
}

@media all and (min-width:99px) {
    .social-links a {
        transition: opacity .2s ease, box-shadow .2s ease;
    }

    .social-links a:hover {
        opacity: 1;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
    }
}

.social-links a.soc-vk {
    background-color: #4a76a8;
}

.social-links a.soc-fb {
    background-color: #4267b2;
}

.social-links a.soc-ok {
    background-color: #ef863a;
}

.social-links a.soc-gl {
    background-color: #f5f6f7;
}

.modal-head .social-links {
    margin-top: 1rem;
}

a.soc-mail {
    background: #005ff9;
}













.header {
    width: 100%;
    height: 12px;
    background: #B22423;
    margin: 0 auto;
    margin-bottom: 37px;
}



.container {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-direction: row;
    flex-wrap: wrap;
}

.content {
    width: 800px;
    padding: 0 12px;
    overflow: hidden;
}

.left {
    width: 311px;
    /* margin: 0 0 0 67px; */
}

.right {
    width: 311px;
    margin-left: 23px;
}

span.name {
    display: flex;
    font-family: 'Interaz';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 46px;
    /* identical to box height */
    text-align: center;
    color: var(--tcolor);
}

span.baku {
    font-family: 'Interaz';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 29px;
    text-align: center;
    color: var(--tcolor);
    /* margin-left: 67px; */
    display: flex;
}

.cats li {
    list-style-type: none;
    margin-bottom: 15px;

}

.cats a {

    font-family: 'Interaz';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--tcolor);
    text-decoration: none;
}

.cats a:hover {
    border-bottom: 4px solid#b22423;
    color: var(--tcolor);
}

.cats {
    margin: 0 0 0px 30px;
    /* float: left; */
}

ul {
    padding-block-start: 0;
    margin-block-start: 17px;
    padding-inline-start: 0;
}

.sosial li {
    background: red;
    width: 31px;
    height: 31px;
    border-radius: 100px;
    display: flex;
    /* margin-right: 10px; */
    margin: 0px 10px 0px 0px;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}


.sosial ul {
    display: flex;
    align-content: center;
    justify-content: flex-start;
}

.sosial {
    margin: 163px 0px 0px 30px;
}

.sosial a {
    color: #fff;
}

.copyright {
    margin: 15px 0px 0px 30px;
}

.copyright p {
    font-family: 'Interaz';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: var(--tcolor);
}

.search {
    margin: 32px 0px 0px 30px;
    position: relative;
    display: flex;
    width: 220px;
    height: 35;
    align-items: center;
}



input#story {
    box-sizing: border-box;
    border: 2px solid var(--form-control-brd);
    border-radius: 100px;
    width: 100%;
    height: 35px;
    padding: 5px 22px;
}



::placeholder {
    font-family: 'Interaz';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    color: #959595;
    float: left;
}


i.fa-solid.fa-magnifying-glass {
    position: absolute;
    margin: 0px 0 0 172px;
    display: flex;
    align-content: center;
    justify-content: center;
    color: #C4C4C4;
}




li.facebook {
    background: #4FA2EB
}

li.youtube {
    background: #FA0000
}

li.twitter {
    background: #4FA2EB
}

li.instagram {
    background: #D75B87
}

li.telegram {
    background: #55A5D7
}

h2 {
    font-family: 'Interaz';
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 29px;
    text-transform: uppercase;
    color: var(--tcolor);
}

.hdrs {
    border-left: 4px solid;
    border-image: linear-gradient(#b22423, #b22423) 1;
    padding-left: 12px;
    margin: 0 0 20px;
}

.logo {
    margin-left: 30px;
}

.logo svg {
    fill: var(--tcolor);
}

.logo h2 {
    font-family: 'Interaz';
    font-style: normal;
    font-weight: 600;
    font-size: 42px;
    /* text-align: center; */
    color: var(--tcolor);
    text-transform: none;
    line-height: 36px;
}

.logo h3 {
    font-family: 'Interaz';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    /* text-align: center; */
    color: var(--tcolor);
    text-transform: none;
    line-height: 36px;
}





.xeberlenti {
    margin: 0 0px 0px 21px;
}

.xeberlenti h2 {
    margin: 0 0 24px 0;
}


ol li {
    counter-increment: my-awesome-counter;
    display: flex;
    margin-bottom: 1px;
    width: 311px;
    height: 80px;
    align-items: flex-start;
}





a:hover {
    color: var(--ahover);
}

.shutstory h2 a:hover {
    color: var(--ahover);
}

ol {
    padding-inline-start: 0;
}



.detal {
    padding: 20px;
    z-index: 4444444444;
    position: absolute;
    border-radius: 5px;
    z-index: 4;
    overflow: hidden;
    text-shadow: 0 0 2px rgb(0 0 0 / 50%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    position: absolute;
    bottom: 0;
}

h2.bashitem {
    font-family: 'Interaz';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    color: #FFFFFF;
    text-transform: none;
    letter-spacing: 0;
}

.foto {
    display: flex;
    position: absolute;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    justify-content: center;
    flex-direction: row;
    object-fit: cover;
    object-position: 50% 15%;
}

.foto img {
    height: 100%;
    object-fit: cover;
    object-position: 50% 15%;
}

.zaman {
    font-family: 'Interaz';
    color: var(--tcolor);
    font-style: initial;
    font-weight: 400;
    float: left;
}

.zaman span {
    text-transform: lowercase;
    color: var(--tcolor);
}

svg {fill: var(--tcolor)}
.aciqlama {
    font-family: 'Interaz';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.bashxeber {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 414px;
    border-radius: 8px;
    box-shadow: var(--boxshadowdv);
}



.shutstory {
    background: var(--modal-bg);
    width: 100%;
    padding: 12px;
    height: max-content;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 12px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}

.shutstory h2 {
    font-family: 'Interaz';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    color: var(--tcolor);
}

.shutstory h2 a {
    font-family: 'Interaz';
    font-style: normal;
    font-weight: 600;
    color: var(--tcolor);
}

.shutstory p {
    font-size: 16px;
    line-height: 1.3rem;
    color: var(--tcolor);
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.shutfoto {
    width: 291px;
    height: 200px;
    /* padding: 36px 17px 0 24px; */
    display: flex;
    justify-content: center;
    /* align-content: center; */
    /* margin: 15px 5px; */
    overflow: hidden;
    align-items: center;
}

.shutfoto a {display: block; text-indent: -999999em; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1}
.shutfoto img {
    width: 100%;
    border-radius: 6px;
}

.shutdetal {
    padding: 0 0 0 15px;
    width: 60%;
    position: relative;
}



.shutdetal .aciqlama {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: var(--tcolor);
}

.likes {
  float: right;
}



.likes i {
    font-size: 20px;
    color: red
}

span.like-plus {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: var(--tcolor);
    text-decoration: none;
    justify-content: space-between;
}

span.like-minus {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-decoration: none;
    justify-content: space-between;
    color: var(--tcolor);
}

.like-sol {
    display: flex;
    height: 35px;
}

.like-sol span:first-child {
    width: 33px;
    height: 33px;
    background: #55A5D7;
    border-radius: 50%;

    display: flex;
    justify-content: center;
    align-items: center;
}

.like-sol span {
    height: 33px;

    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
}

.like-sol p {
    margin-bottom: 0;
    margin: 0 0px 0px 9px;
    display: flex;
    align-content: center;
    align-items: center;
    height: 35px;
}

.like-sag {
    color: var(--tcolor);

}




@media only screen and (max-width: 991px) {
	.tmlk {position: inherit;}
	.lentadv {width: 90%; margin: 0 auto;}
	.dle-content {width: 80%; margin: 0 auto;}
    .header {
        width: 100%;
        height: 6px;
        background: #B22423;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .content {
        margin-top: 20px;
    }

    .right {
        width: 100%;
        max-width: 100%;
        margin: 33px 12px;
    }

    .xeberlenti {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .left {
        width: 100%;
        border-bottom: 1px solid#ccc;
        padding: 5px 0 20px 10px;
    }

    .logo {
        margin-left: 0;
    }

    .logo svg {
        fill: var(--tcolor);
    }

    .cats {
        display: none;
    }

    .sosial {
        display: none;
    }


    .copyright {
        display: none;
    }


    .search.websearch {
        display: none;
    }

    .search {
        margin: 28px 14px 11px 6px;
        position: relative;
        display: flex;
        /* width: 220px; */
        height: 35px;
        align-items: center;
        width: 80%;
        height: 57px;
        /* background: #FFFFFF; */
        border-radius: 30.5px;
    }



    input#story {
        width: 354px;
        height: 57px;
        background: var(--form-control-bg);
        border-radius: 17.5px;
        padding: 0 38px;
    }




    i.fa-solid.fa-magnifying-glass {
        position: absolute;
        margin: 0px 0 0 13px;
        display: flex;
        align-content: center;
        justify-content: center;
        color: #C4C4C4;
        font-size: 23px;
    }



    ::placeholder {
        font-family: 'Interaz';
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 41px;
        text-align: center;
        color: #959595;
        float: left;
        padding: 14px 5px;
    }








}




@media only screen and (min-width: 992px) {
    input#toggle {
        display: none;
    }

    .nav-wrapper {
        display: none;
    }

    label.hamburger {
        display: none;
    }

    .sabit-menu {
        position: fixed;
        max-width: 311px;
    }
}



@media only screen and (max-width: 500px) {
.lentadv {width: 100%; }

    .shutfoto {
        width: 100%;
        /* padding: 113px; */
        display: flex;
        justify-content: center;
        align-content: center;
        margin-top: 12px;
    }
}

@media only screen and (max-width: 991px) {
    .cntpd {
        padding: 0 15px;
    }

    .left {
        border-bottom: 1px solid#172a3d;
        padding: 5px 0 20px 10px;
    }

    .bashxeber {
        height: 300px;
    }

    .shutstory {
        padding: 0;
    }

    .shutstory p {
        display: none;
    }

    .shutdetal {
        width: 100%;
        padding: 12px 15px;
    }

    .shutfoto {
        width: 100%;
        height: 220px;
        /* padding: 113px; */
        display: flex;
        justify-content: center;
        margin-top: 0px;
        align-content: flex-start;
    }

    .inshtst {
        padding: 0 15px;
        background: #ffffff;
        box-shadow: 0 6px 20px rgb(55 56 61 / 10%);
    }

    .right {
        display: none;
    }

    .shutfoto img {
        width: 100%;
        border-radius: 2px;
    }

    h2.bashitem {
        font-family: 'Interaz';
        font-style: normal;
        font-weight: 600;
        font-size: 1.2em;
        line-height: 1.6rem;
        color: #FFFFFF;
        text-transform: none;
        letter-spacing: 0;
        margin-bottom: 20px;
    }


    .detal {
        background-image: linear-gradient(0deg, #000e1a, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
        padding: 10px;
        z-index: 4444444444;
        position: absolute;
        margin-top: 258px;
        border-radius: 5px;
        z-index: 1;
        overflow: hidden;

    }



    /* ===== hamburger menu ===== */


    #toggle {
        display: none;
    }

    /**
 Hamburger
**/
    .hamburger {
        position: absolute;
        top: 2em;
        right: 9%;
        margin-left: -3em;
        /* margin-top: -45px; */
        /* width: 2em; */
        height: 44px;
        z-index: 5;
    }

    .hamburger div {
        position: relative;
        width: 26px;
        height: 3px;
        border-radius: 4px;
        background-color: var(--lcolor);
        margin-top: 4px;
        transition: all 0.5s ease-in-out;
    }

    /**
Nav Styles
**/
    .nav {
        position: fixed;
        width: 100%;
        height: 100%;
        top: -100%;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        transition: all 0.5s ease-in-out;
        transform: scale(0);
        background: var(--block-bg);
        z-index: 4;
    }

    .nav-wrapper {
        position: fixed;
        overflow: hidden;
        overflow-y: auto;
        height: max-content;
        width: 100%;
        height: 100%;
    }

    nav {
        text-align: left;
        margin-left: 4%;
    }

    nav a {
        font-size: 1em;
        position: relative;
        text-decoration: none;
        color: var(--tcolor);
        font-size: 1.4em;
        display: inline-block;
        margin-top: 20px;
        transition: color 0.5s ease-in-out;
        letter-spacing: 0;
    }

    nav a:before {
        content: '';
        height: 0;
        position: absolute;
        width: 0.25em;
        background-color: #b22423;
        left: -0.5em;
        transition: all 0.2s ease-in-out;
    }


    nav a:hover:before {
        height: 100%;
    }

    /**
Animations
**/
    #toggle:checked+.hamburger .top-bun {
        transform: rotate(-45deg);
        margin-top: 25px;
    }

    #toggle:checked+.hamburger .bottom-bun {
        opacity: 0;
        transform: rotate(45deg);

    }

    #toggle:checked+.hamburger .meat {
        transform: rotate(45deg);
        margin-top: -3px;
    }

    #toggle:checked+.hamburger+.nav {
        top: 0;
        transform: scale(1);
    }
}


.full-foto img {
    width: 100%;
}

.full-foto {
    margin-bottom: 20px;
    max-height: 400px;
    overflow: hidden;
    border-radius: 8px;
}




.full-story {
    font-family: 'Interaz';
    font-size: 1.2rem;
    line-height: 1.68rem;
    text-shadow: 0 0 black;
    font-weight: 400;
    margin-block-end: 47px;
}

.full-story p:first-child {
    font-weight: bold;
}

.news-detal h1 {
    font-family: 'Interaz';
    font-size: 1.7em;
    line-height: 2.2rem;
    font-weight: 600;
}

.full-detals {
    font-family: 'Interaz';
    font-size: 16px;
    color: var(--tcolor);
    margin: 20px 0 25px 0;
}

.full-detals span {
    padding: 0;
}



.like-sol b {
    padding: 0 5px;
}


.teg-cloud {
    width: 100%;
    padding: 0px;
    margin: 25px 0 25px 0;
    overflow: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
   }

.teg-cloud a, a.txs {
    font-family: 'Interaz';
    font-style: normal;
    font-weight: 600;
    background-color: #ffffff;
    font-size: 13px;
    text-transform:uppercase;
    line-height: 16px;
    color: #194b86;
    border-radius: 3px;
    padding: 9px;
    margin: 3px;
    white-space: nowrap;
}

.navigation {
    display: flex;
    width: 100%;
    margin-top: 2rem;
    position: relative;
    text-align: center;
    margin-bottom: 22px;
}

@media all and (min-width:992px) {
    .entry-listpage #dle-content>.wrp-min {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
    }

    .entry-listpage #dle-content>.wrp-min>.navigation {
        margin-top: 1rem
    }
}

@media all and (min-width:640px) {
    .entry-listpage #dle-content>.wrp-min {
        padding-left: .5rem;
        padding-right: .5rem;
        padding-bottom: .5rem
    }

    .entry-listpage #dle-content>.wrp-min>.navigation {
        margin-top: 1.5rem
    }
}

@media all and (max-width:639px) {
    .entry-listpage #dle-content>.wrp-min {
        padding-left: .25rem;
        padding-right: .25rem;
        padding-bottom: .25rem
    }

    .entry-listpage #dle-content>.wrp-min>.navigation {
        margin-top: 1.75rem
    }

    .b-comments .b-cont .navigation {
        margin-top: 1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.navigation a {
    color: inherit
}

.pages,
.navigation svg {
    display: block
}

.pages {
    border-radius: 1.25rem;
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    justify-content: center
}

.pages-list {
    display: flex;
    margin: 0 auto
}

.pages-list>*,
.page_prev>*,
.page_next>* {
    display: block;
    line-height: 1.5rem;
    height: 2.5rem;
    font-weight: 600;
    padding: .5rem;
    border-radius: 2rem;
    transition: background-color ease .2s, color ease .2s
}

.page_prev {
    margin-right: .5rem
}

.page_next {
    margin-left: .5rem
}

.page_prev>a,
.page_next>a {
    background-color: #42484e;
    color: #fff;
    background-image: linear-gradient(180deg, #42484e 0%, #303234 100%);
}

.page_prev>span,
.page_next>span {
    opacity: .5;
    color: #fff;
    background-color: rgba(23, 43, 61, .2)
}

@media all and (max-width:767px) {
    .pages-list {
        margin: -1.5rem 0;
        padding: 1.5rem 0;
        overflow: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .pages-list span:not(.nav_ext) {
        color: #3b4045
    }

    .pages-list::after,
    .pages-list::before {
        content: "";
        max-width: 1rem;
        min-width: 1rem;
        height: 1rem
    }

    .pages-list>* {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .pages {
        overflow: hidden;
        background-color: var(--block-bg);
        position: relative
    }

    .pages::after,
    .pages::before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        width: 2rem;
        height: 100%;
        pointer-events: none;
        border-radius: 1.25rem
    }

    .pages::before {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        left: 0;
        background-image: linear-gradient(90deg, var(--block-bg) 0%, var(--block-bg-transp) 100%)
    }

    .pages::after {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        right: 0;
        background-image: linear-gradient(-90deg, var(--block-bg) 0%, var(--block-bg-transp) 100%)
    }
}

@media all and (min-width:992px) {
    .pages-list>* {
        margin: 0 .125rem
    }

    .pages-list>*,
    .page_prev>*,
    .page_next>* {
        font-size: 1.125rem;
        min-width: 2.5rem
    }

    .pages-list span:not(.nav_ext) {
        background-color: #b22423;
        color: #fff;
        background-image: linear-gradient(180deg, #b22423 0%, #b22423 100%);
        box-shadow: 0 .25rem .5rem 0 rgba(251, 205, 66, .3)
    }
}

@media all and (min-width:992px) {
    .pages-list a:hover {
        background-color: rgba(76, 203, 112, .1);
        color: #3d4247
    }
}

.page-orders {
    margin-top: 0 !important
}

.order-form {
    background-color: var(--spoiler);
    padding: 1rem;
    border-radius: .5rem;
    margin: 1.5rem 0
}

.order-form .form-submit {
    margin-top: 1rem
}


@media (min-width: 992px) and (max-width: 1400px) {
    .left {
        width: 250px
    }

    .logo {
        margin: 0;
    }

    .logo img {
        width: 200px;
    }

    .cats {
        margin: 20px 0 20px 0;
    }

    .sosial {
        margin: 40px 0 20px 0;
        ;
    }

    .search {
        margin: 20px 0 20px 0;
    }



    .search form {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .copyright {
        margin: 0;
    }

    .content {
        width: 656px;

    }

    .right {
        margin-left: 23px;
        width: 284px;
        margin-right: 15px;
    }


    ol li {
        counter-increment: my-awesome-counter;
        display: flex;
        margin-bottom: 1px;
        width: 311px;
    }

    .header {
        width: 100%;
        margin-bottom: 40px;
    }




    .shutfoto img {
        width: 100%;
        border-radius: 8px;
    }


    .shutfoto {
        width: 40%;
        display: flex;
        align-content: center;
        overflow: hidden;
    }


    .right h2 {

        font-family: 'Interaz';
        font-style: normal;
        font-weight: 600;
        font-size: 25px;
        line-height: 29px;
        text-transform: uppercase;
        color: var(--tcolor);
        display: flex;
        justify-content: center;
    }

}



/* ======== suretli axtarish ========= */


#searchsuggestions {
    z-index: 102;
    border-radius: .75rem;
    background: var(--searchsug);
    padding: .5rem;
    width: 80%;
    font-size: .875rem;
    box-shadow: 0 .5rem 4rem -.5rem rgba(0, 0, 0, .1), 0 .25rem 1.5rem 0 rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .05);
    overflow: hidden;
    overflow-y: auto;
    max-height: 20rem;
    -webkit-overflow-scrolling: touch
}

@media all and (min-width:992px) {
    #searchsuggestions {
        position: fixed !important;
        width: 40rem;
        left: 50% !important;
        top: 4.5rem !important;
        transform: translateX(-50%) !important
    }
}

#searchsuggestions:hover {
    display: block !important
}

#searchsuggestions a,
#searchsuggestions span.notfound {
    padding: .75rem 1.25rem;
    display: block;
    text-decoration: none;
    border-radius: .5rem
}

#searchsuggestions a+a {
    margin-top: .125rem
}

#searchsuggestions a {
    color: inherit;
    background-color: var(--searchsug-item)
}

#searchsuggestions a .searchheading {
    transition: color .2s ease
}

#searchsuggestions a:hover .searchheading {
    color: #4ccb70
}

#searchsuggestions a span {
    display: block;
    cursor: pointer
}

#searchsuggestions span.searchheading {
    display: block;
    font-weight: 600;
    margin-bottom: .2em
}

#searchsuggestions span.seperator a {
    padding: 10px 0;
    text-align: center;
    border: 0;
    background-color: transparent;
    color: #919191
}

#searchsuggestions .break,
#searchsuggestions span.seperator {
    display: none !important
}


.xeberlenti {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


/* ===== Fullstoru Navigation ===== */

.bottom-nav {
    clear: both;
    width: 100%;
}

.nav-load {
    text-align: center;
}

.nav-load a {
    padding: 0 60px;
    display: inline-block;
    /* height: 60px; */
    line-height: 58px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 18px;
    background-color: var(--dark-section-bg);
    color: var(--sel-lang-active);
    width: 100%;
}

.nav-load a:hover {
    background-color: var(--tcolor);
    color: var(--bgcolor);
}

.nav-load span {
    display: none;
}

.sil {
    width: 100%;
    margin: 21px;
}

/* ===== Fullstoru sosial icon ===== */

.full-telegram {
    background: linear-gradient(90deg, #55A5D7 0%, rgba(85, 165, 215, 0) 100%);
    border-radius: 5px;
    height: 30px;
    padding: 9px 0 9px 8px;
    color: white;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

a.link-telegram {
    font-family: 'Interaz';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: 0;
    color: #FFFFFF;
}

.full-telegram svg {
    margin: 0 10px 0 10px;
}

.xett {
    width: 100%;
    border-bottom: 1px solid #E4E4E4;
    margin: 27px 0 19px 0;
}


.full-sosial ul {
    background: var(--bg3color);
    border-radius: 12px;
    padding: 5px;
    text-align: center;
}


.full-sosial ul li {
    float: left;
    display: contents;
}

.full-sosial ul i {
    font-size: 20px;
    padding: 12px;
    color: #192a3d;
}

.likes b {
    padding: 4px;
}

iframe {
    width: 100%;
    height: 400px;

}





/* veb versiyada ana sehifedeki xeber siralamasi ucun */

@media screen and (min-width: 1401px) {
    .shutstory {
        background: var(--modal-bg);
        width: 100%;
        padding: 12px;
        height: max-content;
        margin-bottom: 20px;
        overflow: hidden;
        border-radius: 12px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }




    .shutfoto {
        width: 40%;
        height: 200px;
        /* justify-content: center; */
        /* overflow: hidden; */
        border-radius: 4px;
        align-items: center;
        /* margin-top: 3px; */
    }

    .shutfoto img {
        /* margin-top: 15px; */
        min-width: 290px;
    }

    .shutdetal {
        padding: 0 0 0 15px;
        width: 60%;
        position: relative;
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
    }

    .shutstory h2 a {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;

    }

    .shutstory p {
        font-size: 16px;
        line-height: 1.3rem;
    }
}

.news-bg {
    background: var(--modal-bg);
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 12px;
}

.news-bg .teg-cloud a {background: #f3f8fb}
.news-bg,
.shutstory {box-shadow: var(--boxshadowdv);}

a.active {border-bottom: 4px solid#b22423;}
.mnwscat {background: #b22423; border: 0; border-radius: 6px; padding: 3px 5px; margin-right: 5px; margin-left: 5px;}


.xeberlenti a {
    width: 85%;
    font-family: 'Interaz';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: var(--tcolor);
    text-transform: none;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
}

.xeberlenti ol {
    background: var(--modal-bg);
    border-radius: 12px;
    padding: 20px;
    box-shadow: var(--boxshadowdv);
}

.xeberlenti a:hover {
    color: var(--ahover);
}

.xeberlenti li {
    display: table;
}

.xeberlenti ol li::before {
    content: counter(my-awesome-counter) " ";
    font-family: 'Interaz';
    font-weight: 600;
    font-size: 54px;
    color: #B22423;
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle;
}

span.catbtn {
    color: #0d3c73;
    background: var(--bgcolor);
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 6px;
    margin-right: 5px;
}

::selection {
    background: #000000;
    color: #FFF;
}

.full-sosial a {
    padding: 0 16px;
}

.full-sosial a svg {
    color: var(--brdcolor);
}

.full-sosial a svg:hover {
    color: #0052cc;
}

@media all and (max-width:992px) {
    .bottom-nav {
        width: 100%;
        padding: 0 15px;
        margin-bottom: 50px;
    }
}


@media all and (max-width:575px) {
    .news-bg {
        padding: 16px;
        margin: 0 -15px 30px -15px;
    }

    .full-sosial a {
        padding: 0 12px;
    }

    h1,
    .h1 {
        font-size: 2rem;
    }

    h2,
    .h2 {
        font-size: 1.8rem;
    }

    h3,
    .h3 {
        font-size: 1.5rem;
        font-weight: 600;
    }

    h4,
    .h4 {
        font-size: 1.45rem;
    }

    h5,
    .h5 {
        font-size: 1.25rem;
    }

    h6,
    .h6 {
        font-size: 1rem;
    }

    .text {
        line-height: 1.65;
    }

    .text h1,
    .text h2 {
        font-size: 1.125rem;
    }

    .text h3,
    .text h4,
    .text h5 {
        font-size: 1rem;
    }

    .text h6 {
        font-size: .75rem;
        text-transform: uppercase;
    }

    .bottom-nav {
        width: 100%;
        margin-bottom: 50px;
    }
}



.search form {
    display: flex;
    flex-direction: row;
    align-items: center;
}




@media screen and (min-width: 100px) and (max-width: 991px) {
    .shutstory {
        background: var(--modal-bg);
        width: 100%;
        height: max-content;
        margin-bottom: 20px;
        overflow: hidden;
        border-radius: 12px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

}




@media screen and (min-width: 992px) and (max-width: 5000px) {
    .shutstory {
        background: var(--modal-bg);
        width: 100%;
        padding: 12px;
        height: max-content;
        margin-bottom: 20px;
        overflow: hidden;
        border-radius: 12px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }


}

span.tarix {
    text-transform: lowercase;
}

.teg-cloud::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
}


     

        .sliderConr {
            /* width: 800px; */
            height: 500px;
            margin-bottom: 55px;
        }

        .slider {
            display: block;
            height: 100%;
            overflow: hidden;
            position: relative;
        }

        .sliderIn {
            position: relative;
            display: none;
            width: 100%;
            height: 100%;
            transition: .5s;
            cursor: pointer;
        }

        .sliderIn::before {
            content: " ";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            background: transparent;
            background-image: linear-gradient(to top, rgb(0, 0, 0)0%, rgba(255, 0, 0, 0)50%);
            z-index: 1;
        }

        .sliderInActive {
            display: block;
        }

        /*.slideTit{
            position: relative;
            z-index: 99;
        }*/
        .sliderIn span {
            display: block;
            position: absolute;
            bottom: 7%;
            left: 6%;
            width: 90%;
            z-index: 2;
        }

        .sliderIn span h2 {
            color: #fff;
            font-size: 2.5rem;
            font-weight: 500;
            line-height: 3rem;
            font-family: 'Interaz';
            font-style: normal;
            font-weight: 600;
            font-size: 25px;
            line-height: 29px;
            text-transform: uppercase;
        }

        .sliderIn span h2:hover {
            text-decoration: underline;
            cursor: pointer;
        }

        .sliderIn img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .navi {
            display: flex;
            width: 100%;
        }

        .navi button {
            display: block;
            background-color: #b22423;
            border: 0px;
            color: aliceblue;
            width: 80px;
            cursor: pointer;
        }

        .navi ul {
            display: flex;
            width: 100%;
            padding: 0;
            margin: 0;
        }

        .navi li {
            width: 100%;
            padding-top: 20px;
            background-color: #2a2b2d;
            color: aliceblue;
            font-weight: 600;
            border-right: 1px solid #444;
            list-style-type: none;
            text-align: center;
            cursor: pointer;
        }

        .navi li:first-child {
            border-left: 1px solid #444;
        }

        .activei {
            background-color: #b22423 !important;
        }
     
     button#right {
    border-radius: 0px;
    height: 54px;
}

button#left {
    border-radius: 0px;
    height: 54px;
}

@media only screen and (max-width: 768px) {

 .sliderConr {
            height: 288px;
        }
 .sliderIn span h2 {
            color: #fff;
            font-size: 0.5rem;
            /* font-weight: 500; */
            font-family: 'Interaz';
            font-style: normal;
            /* font-weight: 500; */
            font-size: 19px;
            line-height: 25px;
            text-transform: uppercase;
        }

button#right {
        border-radius: 0px;
        height: 54px;
        padding: 7px 20px;
        width: 40px;
}

button#left {
    border-radius: 0px;
    height: 54px;
    padding: 7px 20px;
    width: 40px;
    background: #b22423;
}

} 

@media only screen and (min-width: 768px) {
    .rkl {
        display: flex;
        justify-content: space-around;
    }
}




.news-detal li {
    counter-increment: my-awesome-counter;
    display: block;
    margin-bottom: 1px;
    width: 100%;
    height: 100%;
    align-items: flex-start;
}

.news-bg img {
    max-width: 100%;
}