:root{
    --font: Manrope, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", sans-serif;
    --tcolor: #172B3D;
    --bgcolor: #EFF7F1;
    --lcolor: #4CCB70;
    --lhcolor: #289B7F;
    --sel-lang-active: #fff;
    --header-bg: #fff;
    --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: #142636;
    --main-heading: #289B7F;
    --dark-section-bg: #172B3D;
    --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;
    --sel-lang-active: #172B3D;
    --header-bg: #2A4055;
    --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: #2A4055;
    --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: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:700;
    font-display:swap;
    src:local('Manrope Bold'),local('Manrope-Bold'),url(../fonts/manrope-v3-cyrillic-700.woff2) format('woff2')
}
[class^=i__],[class*=" i__"]{
    width:1.5rem;
    height:1.5rem;
    display:inline-block;
    vertical-align:top
}
@media(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:sans-serif;
    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;
    margin-bottom:1rem
}
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:700
}
dd{
    margin-bottom:.5rem;
    margin-left:0
}
blockquote{
    margin:0 0 1rem
}
b,strong{
    font-weight:700
}
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: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:middle
}
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
}
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(--bgcolor);
    margin:0;
    display:flex;
    flex-direction:column;
    min-height:100vh;
    min-width:320px;
    position:relative
}
@media(min-width:768px){
    body{
        font-size:1rem
    }
}
.wrp,.wrp-min{
    width:100%;
    padding-left:1rem;
    padding-right:1rem;
    margin-left:auto;
    margin-right:auto
}
@media(min-width:640px){
    .wrp{
        max-width:92rem
    }
    .wrp-min{
        max-width:63rem
    }
    .wrp,.wrp-min{
        padding-left:2rem;
        padding-right:2rem
    }
}
.wrp .wrp-min,.wrp-min .wrp-min{
    max-width:59rem;
    padding-left:0;
    padding-right:0
}
a,.btn-link{
    color:var(--lcolor);
    text-decoration:none
}
@media(min-width:992px){
    a,.btn-link{
        transition:color .2s ease
    }
    a:hover,.btn-link:hover{
        color:var(--lhcolor)
    }
}
.toolbar{
    position:sticky;
    right:0;
    z-index:100;
    pointer-events:none;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    color:#fff;
    padding:1rem;
    margin-top:-4.5rem
}
.toolbar img,.toolbar svg{
    display:block
}
.toolbar button,.toolbar a{
    pointer-events:auto;
    cursor:pointer
}
.sel-dark-toggle{
    color:inherit!important;
    background-color:rgba(5,14,21,.75);
    margin-left:.5rem;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    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;
    padding:.5rem;
    border:0
}
.sel-lang{
    display:flex
}
.sel-lang>button{
    background:0 0
}
.sel-lang>button img{
    border-radius:50%
}
.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 .25rem #fede4a
}
@media(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(min-width:1260px){
    .toolbar{
        top:0
    }
    .sel-lang>button{
        margin-left:.25rem
    }
}
@media(min-width:992px){
    .sel-dark-toggle,.sel-lang>button{
        transition:transform .2s ease
    }
    .sel-lang>button img{
        transition:box-shadow .2s ease
    }
    .sel-dark-toggle:hover,.sel-lang>button:not(.active):hover{
        transform:scale(1.1)
    }
}
.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: contain;
    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;
}
.uppercase{
    text-transform:uppercase
}
.text-wrap{
    white-space:normal!important
}
.text-nowrap{
    white-space:nowrap!important
}
.fw-b{
    font-weight:700
}
.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{
    background-color:#fb614a;
    background-image:linear-gradient(180deg,#FF715C 0%,#F74A2F 100%);
    box-shadow:0 .25rem .5rem 0 rgba(255,89,64,.3)
}
.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(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,.page_next>a:hover{
        box-shadow:0 .25rem .5rem 0 rgba(69,195,104,.3),0 0 0 .25rem rgba(69,195,104,.3)
    }
    .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(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(min-width:576px){
    h1,.h1{
        font-size:2.5rem
    }
    h2,.h2{
        font-size:2rem
    }
    h3,.h3{
        font-size:1.5rem;
        font-weight:700
    }
}
@media(max-width:575px){
    h1,.h1{
        font-size:2rem
    }
    h2,.h2{
        font-size:1.8rem
    }
    h3,.h3{
        font-size:1.5rem;
        font-weight:700
    }
}
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
}
@media(min-width:768px){
    .text h1,.text h2{
        font-size:1.25rem
    }
    .text h3,.text h4,.text h5{
        font-size:1rem
    }
}
.heading{
    font-weight:700;
    font-size:1.5rem;
    line-height:1.3;
    margin-bottom:1.5rem
}
@media(min-width:768px){
    .heading{
        font-size:1.75rem
    }
}
.img{
    margin:0 auto;
    display:flex;
    justify-content:center;
    align-items:flex-end
}
.img img{
    width:100%;
    height:100%;
    display:block;
}
.title{
    line-height:1.3;
    font-weight:700;
    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(min-width:992px){
    .modal-close:hover{
        opacity:.8
    }
    .modal-dialog .close:hover{
        opacity:.8
    }
    .modal{
        -webkit-overflow-scrolling:touch
    }
}
@media(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(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:.5rem 1rem;
    border-radius:1.25rem;
    font-size:.875rem;
    white-space:nowrap;
    text-align:center;
    text-transform:uppercase;
    display:inline-block;
    vertical-align:top;
    border:0;
    font-weight:700;
    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(max-width:767px){
    .btn-telegram{
        height:auto;
        padding:0
    }
}
@media(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:rgba(76,203,112,.1);
    color:var(--lcolor)!important;
    box-shadow:none!important
}
.btn:active,.bbcodes:active,.ui-button:active,.qq-upload-button:active{
    opacity:.8
}
@media(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(max-width:575px){
    .btn-block{
        width:100%
    }
    .btn-block+.btn-block{
        margin-top:.5rem
    }
}
@media(min-width:576px){
    .btn-group{
        display:flex
    }
    .btn-group .btn+.btn{
        margin-left:.75rem
    }
}
@media(min-width:768px){
    .btn-lg{
        border-radius:1.5rem;
        font-size:1rem;
        height:3rem!important;
        padding:.75rem 1.25rem!important
    }
}
.form-submit{
    margin-top:1.5rem
}
.form-group {
    display:flex;
    gap:1.5rem;
    flex-direction: column;
}
.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:700;
    text-transform:uppercase
}
label.form-group a.f-right{
    padding:.5rem;
    margin:-.5rem
}
@media(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(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(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(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(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:block!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(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:700;
    font-style:italic;
    border:0
}
.quote,blockquote{
    padding:1.5rem 0;
    border:0 solid #fede4a;
    border-width:2px 0;
    font-family:Georgia,serif;
    font-style:italic;
    text-align:center;
    font-size:1.2em
}
.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(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{
        margin-left:46px;
        padding:10px 26px;
        border-width:0 0 0 2px;
        background-color:rgba(0,0,0,.03);
        position:relative;
        text-align:left
    }
    .quote::before,blockquote::before{
        content:"\201c";
        color:#fede4a;
        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:var(--spoiler);
    padding:1rem;
    padding-left:3rem;
    border-radius:.75rem;
    font-size:.875rem
}
.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:700;
    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:700
}
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:700;
    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:700;
    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(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:700
}
.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{
    margin-top:.125rem;
    margin-bottom:.125rem
}
@media(min-width:576px){
    .ui-dialog-buttonset .ui-button+.ui-button{
        margin-left:.25rem
    }
}
@media(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(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;
    padding-top: 0;
    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(max-width:575px){
    .ui-c1{
        font-size:.75rem;
        opacity:.5
    }
}
@media(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:700
    }
}
@media(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:700;
    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:700;
    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(min-width:992px){
    .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
}
.page_form__inner {
	display: flex;
    flex-direction:column;
    gap:16px;
}
.page_form__form {
	display: flex;
    flex-direction:column;
    gap:16px;
    align-items:start;
}
.c-captcha {
	display: flex;
    align-items: center;
    gap: 16px;
}
.page-sys {
 margin-top:16px;   
}

.adbanner {
    z-index:1;
    max-width: 100vw;
    display:flex;
    justify-content:center;
}
.adbanner a {
    display: flex;
    justify-content: center;
    overflow:hidden;
}
.adbanner+.alert {
    margin-top: 2em;
}
.statistics,
.statistics li {
	display:flex;
    gap: 16px;
}
.statistics {
    flex-direction:column;
}
.statistics li {
justify-content: space-between;
    box-shadow: inset 0 -1px white;
}
.statistics li:last-child {
    box-shadow: none;
}
.statistics h5 {
    background: white;
    border-radius:4px;
    color:black;
    padding:0 8px;
}
#dle-vote {
    display:flex;
    flex-direction:column;
    gap:4px;
    font-size:12px;
}
.voteprogress {
    background: rgba(0 0 0/ 0.25);
    border-radius:4px;
    overflow:hidden;
}
.voteprogress span {
    display:block;
    background: green;
    border-radius:0 4px 4px 0;
}
.vote_votes {
	margin-top:8px;
}