#loading-layer { background: #000; padding: 10px; text-align: center; color: #fff; border-radius: 2px }

#loading-layer.withouttext {
    background: rgb(0 0 0 / 60%);
    padding: 5px 5px 0px 5px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}

#loading-layer.withtext {
    padding: 10px;
    background: rgb(0 0 0 / 60%);
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.scriptcode, .title_quote,
.title_spoiler, .text_spoiler, .quote { padding: 10px; background: #fff; border: 1px solid #dde4ea; }

.title_quote { border-left: 2px solid #e85319; border-bottom: 0; margin-top: 2px; font-weight: bold; }
.quote, blockquote { padding: 1% 4%; border-left: 2px solid #e85319;}
.title_spoiler { margin-top: 2px; }
.text_spoiler { margin-bottom: 2px; }
.title_spoiler img { vertical-align: middle; margin: -1px 0 0 !important }
.scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New" }
.title_spoiler { font-weight: normal; }
.text_spoiler { border-top: 0; text-align: justify; }

.hide { background-color: #f0f0f0; padding: 5px; color: #4c6d0f; margin: 0 0 1em 0 }
.hide a { text-decoration: underline; } .hide a:hover { text-decoration: none }

.sort { list-style: none; padding: 0; margin: 0; }
.sort > li, .sort { display: inline; }
.sort > li { margin: 0 0 0 3%; }
.sort > li a { color: #353535; }
.sort > li.asc a, .sort > li.desc a { color: #3394e6; }
.sort > li.asc a:after, .sort > li.desc a:after {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAsBAMAAACj90TiAAAAG1BMVEUAAAAzlOYzlOYzlOYzlOYzlOYzlOYzlOYzlOar6gzlAAAACHRSTlMAjesv90eHRuQt1XUAAABSSURBVBjTzdCxDQAhDENRSyzAEFdQ0zDB9axEgzw2DokEI1A9/S4OyAxADEcpPGlpFKWoSpEKp0Dlb6SvG2jY4Fka4tw4PqbEsDNTcb8gn/d4LPQHQDdjhblbAAAAAElFTkSuQmCC);
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 0 .4em;
    width: 6px; height: 11px;
    -webkit-background-size: 6px auto; background-size: 6px auto;
}
.sort > li.asc a:after { background-position: 0 -11px; }

.calendar { width: 100%; text-align: center; }
.calendar tr td, .calendar tr th { padding: 3px; }
.calendar tr td a { color: inherit; font-weight: bold; }
.calendar tr td { padding: 5px 3px; }
.calendar tr td.weekday { color: #ea5f24; }
.calendar tr th { background-color: #fff; font-weight: bold; text-transform: uppercase; }
.calendar tr th.weekday { background-color: #ea5f24; color: #fff; }
.calendar tr th.monthselect { background-color: transparent; color: #b8b8b8; padding-bottom: 15px; }
.calendar tr th.monthselect a { color: #b8b8b8; }

.voteprogress, .pollprogress {
    overflow: hidden;
    height: 6px;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 3px;
    margin-top: 6px;
}
.voteprogress span, .pollprogress span {
    text-indent: -9999px;
    height: 6px;
    display: block;
    overflow: hidden;
    background: #3394e6;
}
.voteprogress .vote2, .pollprogress .poll2 { background-color: #dd514c; }
.voteprogress .vote3, .pollprogress .poll3 { background-color: #5eb95e; }
.voteprogress .vote4, .pollprogress .poll4 { background-color: #4bb1cf; }
.voteprogress .vote5, .pollprogress .poll5 { background-color: #faa732; }

.rating, .unit-rating { width: 115px; height: 23px; }
.rating { font-size: 11px; }
.unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAACKBAMAAAAnGmX8AAAALVBMVEX///+RkZH+12L/w0//7cP/5aj+24X/+u7/9d2tra3Jycne3t7/zGn5+fnx8fHkdmbhAAACEUlEQVRIx+2UuUsDQRTGF+8bp4yiyKDRUhiNFikW73LxwsIiRETL4F2KilpYmFYQklIE0VYbIQQsY2kjWkbwfzDjzvhm3rzCJiCSr1p+SfY7HsT7w2rYp3ltQPO6HpqPDdA8GSVxPeckr+HcJ205T1D8gHPSeJbzPopz7hrvnk4sSL4wcboLdIpb6v0ZxuY+LGB/HRY2ubn2MeB1a5ukxtEUGkEp4bSVchtvhLzfORaE/NV7VCDnlFzJPSKPJmEcczpffhg4x13zvB2nVxXvDdP2oKNHU+FOAyi+r/xRgWn9sOVVRKv8/ycJmlc/0nx8iOYrMRLXC5EibYUIKN4iBGl8KMQoaSsEaZwTIo7Z3tHkoihpdX7mBOiysJSHhJYCWMDExho1JjfXPgP8ZG2T0zhub7SjecJpK+U23gz5iHMsHRJpLuTDzmoqjnNEJRXTbByTv/Gd48YD+WHgHHddtsMnrhb5MO0gih/b/7ZfQQWWA+WPCizph22vojKr7Y3mTec0L7bT/K6T5ukIbctYgbRlLEPxRsbOSVvGuimeZYw0ZiVh9vpwfyX5xfXDJ1CJDHVAQlOQtvXOxMYazSa/9UDvGqIOrWmNI/ZxXjS/xCOrjHjSZ3g7Wg1CmsZZ6Eq9P1LAR1RCXDaOpKGtOV2mGUaD48pGRXliFL8jTNuF4odB2tKoQDaj/FGBG/3w4f0LfQHtX5JXyZBVcwAAAABJRU5ErkJggg==);
    -webkit-background-size: 23px auto; background-size:  23px auto;
}
.unit-rating {
    list-style: none;
    margin: 0; padding: 0;
    position: relative;
    background-position: 0 -46px;
}
.unit-rating li {
    text-indent: -90000px;
    padding: 0; margin: 0;
    float: left;
}
.unit-rating li a {
    display: block;
    width: 23px; height: 23px;
    text-decoration: none;
    border: 0 none !important;
    text-indent: -9000px;
    z-index: 17;
    position: absolute;
    padding: 0;
}
.unit-rating li a:hover {
    background-position: 0 -23px;
    z-index: 2;
    left: 0;
}
.unit-rating a.r1-unit { left: 0; }
.unit-rating a.r1-unit:hover { width: 23px; }
.unit-rating a.r2-unit { left: 23px; }
.unit-rating a.r2-unit:hover { width: 46px; }
.unit-rating a.r3-unit { left: 46px; }
.unit-rating a.r3-unit:hover { width: 69px; }
.unit-rating a.r4-unit { left: 69px; }
.unit-rating a.r4-unit:hover { width: 92px; }
.unit-rating a.r5-unit { left: 92px; }
.unit-rating a.r5-unit:hover { width: 115px; }
.unit-rating li.current-rating {
    background-position: 0 0;
    position: absolute;
    height: 23px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
    padding: 0px;
}

.ratingplus {
    color: #70bb39;
}

.ratingminus {
    color: red;
}

.ratingzero {
    color: #6c838e;
}

.userstop td, .pm td.pm_list, .pm th.pm_head { border-bottom: 1px solid #efefef; padding: 12px 8px; }
table.pm, table.userstop { width: 100%; margin-bottom: 0; }
table.pm select { width: 190px; }
.userstop thead td, .pm td.pm_head { border-bottom: 1px solid #efefef; font-weight: bold; }
table.pm .navigation { border-top-width: 0; margin: 0; }

.pm th{
    text-align: left;
    font-weight: 500;
    white-space: nowrap;
}
.pm th.pm_checkbox {
    text-align: center;
}
.pm_list.pm_subj, .pm_list.pm_icon, .pm_list.pm_last_user {
    cursor: pointer;
}
.pm_list.pm_icon svg {
    width: 1.4rem;
    height: 1.4rem;
    vertical-align: middle;
}

.pm_list.pm_icon.pm-unread-image {
    color: #3394e6;
}
.pm td.pm_list.pm_icon, .userstop td, th.pm_head.pm_icon {
    border-bottom: none;
}
.pm_list.pm_icon.pm-reply-image {
    color: #087e02c4;
}
.pm_list.pm_icon.pm-read-image {
    color: #afafaf;
}

.pm_list .pm_last_message, .pm_list .pm_last_date, .pm_list .pm_with_user {
    color: #64748b;
    font-size: .8rem;
}
.pm tbody > tr:hover {
    background-color: #e2e8f099;
}
.pm_navigation {
    margin-top: 1rem;
}
.pm_navigation .navigation {
    display: inline-block;
    color: #333333;
    background-color: #f5f5f5;
    border-radius: 0.188rem;
    padding: .4rem;
}

.pm_navigation .navigation a, .pm_navigation .navigation span {
    padding: 0.5rem;
    min-width: 2.25rem;
}
.pm_navigation .navigation span {
    background-color: #4581d0;
    color: #fff;
}
.pm_navigation .navigation a {
    text-decoration: none;
    color: #000;
}
.pm_navigation .navigation a:hover {
    background-color: #e2e8f0;
}
#dropmenudiv { padding: 10px 0; min-width: 140px; width: auto !important; font-size: .9em;
    box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1); background-clip: padding-box;
}
#dropmenudiv { background-color: #fff; }
#dropmenudiv a { text-decoration: none !important; color: inherit; display: block; padding: 3px 20px; border: 0 none; white-space: nowrap; color: inherit; }
#dropmenudiv a:hover { background-color: #eeeeef; }

#searchsuggestions {
    z-index: 2200;
    width: 300px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
    border: 1px solid #ddd; border-color: rgba(0,0,0,0.2);
    background-clip: padding-box;
    font-size: .9em;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#searchsuggestions a, #searchsuggestions span.notfound { padding: 15px 25px; display: block; text-decoration: none; border-bottom: 1px solid #e5e5e5; }
#searchsuggestions a { color: inherit; }
#searchsuggestions a:hover { background-color: #f7f7f7; }
#searchsuggestions a span { display: block; cursor: pointer; }
#searchsuggestions span.searchheading { display: block; font-weight: bold; margin-bottom: .2em; }
#searchsuggestions span.seperator { display: block; }
#searchsuggestions span.seperator a { padding: 10px 0; text-align: center; border: 0 none; background-color: transparent; color: #919191; }
#searchsuggestions span.notfound { padding: 15px 25px; display: block; }
#searchsuggestions .break { display: none; }

.ui-front { z-index: 1000; }
.ui-widget-overlay {
    background: #000;
    opacity: 0.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: 370px;
    border-radius: 2px;
    box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
    border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1);
    background-color: #f7f7f7;
    background-clip: padding-box;
    outline: none;
}
.ui-dialog-titlebar {
    padding: 10px 15px;
    position: relative;
    background-color: #1F5D34 !important;
    color: #fff;

}
.ui-dialog-title { float: left; font-weight: 600; font-size:.9rem; text-shadow: 0 1px #333;}
.ui-dialog-titlebar-close {
    position: absolute;
    right: 10px; top: 50%;
    margin-top: -16px !important;
    height: 23px !important;
    width: 32px;
    border: 0 none !important;
    background-color: inherit !important;
    box-shadow: none !important;
    padding: 0px !important;
}
.ui-dialog-titlebar-close .ui-icon {
    display: block;
    margin: 9px auto 0 auto;
    width: 12px;
    height: 12px;
    opacity: .5;
    font-weight: 600;
    font-size: 1rem;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.ui-dialog-titlebar-close span.ui-button-text {
    display: block;
    margin: 9px auto 0 auto;
    width: 12px;
    height: 12px;
    background-size: 10px auto;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    text-indent: -9999px;
    opacity: .5;
}

.ui-dialog-titlebar-close span.ui-button-text:hover {
    opacity: 1;

}

.ui-button {
    font-size: .85rem;
    border: 0 none;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 8px;
    outline: none;
    background-color: #1F5D34;
    color: #fff;
    border: 0 none;
    padding: 7px 19px;
    text-decoration: none !important;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    box-sizing: border-box;
    -webkit-transition: all ease .1s; transition: all ease .1s;
    text-shadow: 0 1px #333;
}
.ui-dialog-titlebar-close:hover .ui-icon { opacity: 1; }
.ui-icon, .ui-button-icon-only { overflow: hidden; text-indent: -9999px; }
.ui-dialog label { color: #575757; }
.ui-dialog-content { padding: 20px; border: 1px solid #fff; 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: bold }
.ui-dialog .ui-dialog-buttonpane { padding: 15px; text-align: right; }
.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; }
.ui-button { margin: 0 3px; }
.ui-helper-hidden-accessible{display: none;}

.ui-button:hover { background-color: #1F5D34; }

.ui-dialog-buttonset button:last-child {
    background-color: #1F5D34;
    color: #fff;
}
.ui-dialog-buttonset button:last-child:hover {
    background-color: #1F5D34;
}

.ui-dialog-buttonset button:first-child {
    background-color: #888;
    border-color: #888;
    color: #fff;
}
.ui-dialog-buttonset button:first-child:hover {
    background-color: #888888c7;
}
.ui-dialog-buttonset button.ui-button-delete {
    background-color: #f44336;
    border-color: #f44336;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.ui-dialog-buttonset button.ui-button-delete:hover {
    background-color: #db3a2f;
    border-color: #db3a2f;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.tox .tox-dialog__footer .tox-button--secondary {
    background-color: #888 !important;
    border-color: #888 !important;
    color: #fff !important;
}

.tox .tox-button {
    background-color: #1F5D34 !important;
    border-color: #1F5D34 !important;
}

.dle-popup-userprofileadmin .ui-button-delete {
    float: left;
}

.dle-popup-userprofileadmin .ui-dialog-buttonset button:nth-child(2) {
    background-color: #868e96;
}

.ui-autocomplete { position: absolute; cursor: default; }

.ui-menu {
    list-style:none;
    padding: 2px; margin: 0;
    float: left;
    background: #fff 50% bottom repeat-x;
    border: 1px solid #dedede;
    color: #353535;
}
.ui-menu .ui-menu { margin-top: -3px; }
.ui-menu .ui-menu-item { margin:0; padding:.2em .4em; cursor: pointer; width: 100%; }

pre code { display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; max-height: 350px;}

.hljs-comment, .hljs-quote {
    color: #a0a1a7;
    font-style: italic;
}

.hljs-doctag, .hljs-keyword, .hljs-formula {
    color: #a626a4;
}

.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
    color: #e45649;
}

.hljs-literal {
    color: #0184bb;
}

.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
    color: #50a14f;
}

.hljs-built_in, .hljs-class .hljs-title {
    color: #c18401;
}

.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
    color: #986801;
}

.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
    color: #4078f2;
}

.hljs-emphasis {
    font-style: italic;
}

.hljs-strong {
    font-weight: bold;
}

.hljs-link {
    text-decoration: underline;
}

.bb-editor textarea {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    padding: 7px; border: 1px solid #d7d7d7; width: 100%; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    margin-top: -1px;
    outline: none;
}

.bb-editor textarea:focus{
    border-color: #d7d7d7 !important;
}

.emoji_box {
    width:100%;
    max-width: 390px;
}
.emoji_category {
    padding:7px;
    clear:both;
}
.emoji_list {
    margin-top:5px;
    margin-bottom:5px;
    width:100%;
    font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';
    font-size:2em;
}
.emoji_symbol {
    float:left;
    margin-bottom: 10px;
    width:12.5%;
    text-align:center;
}

.emoji_symbol a,  .emoji_symbol a:hover {
    cursor: pointer;
    text-decoration:none;
}

.quick-edit-text { padding: .4em; width: 350px; }
.quick-edit-textarea {
    height: 250px; padding: 2px;
    border: 1px solid #d7d7d7;
    width: 100%;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#dlefastreplycomments {
    padding: 0 4% 10px 4%;
}
#dle-comments-list > .comments-tree-list > li .comments-tree-list > li #dlefastreplycomments { padding: 0 0 10px 0; }

#marker-bar,
#txtselect_marker {
    display: block;
    visibility: hidden;
    position: absolute;
    z-index: 1200;
    opacity: 0;
    -webkit-transition: opacity .4s, visibility .1s linear .4s;
    transition: opacity .4s, visibility .1s linear .4s;
}
#txtselect_marker {
    cursor: pointer;
    background:url(/templates/Default/dleimages/marker.png) no-repeat 0 0;
}
#txtselect_marker:hover { background-position: 0 -32px; }
#marker-bar{
    border: 1px solid #ccc;
    border-radius: 15px;
    background: #fff;
    padding: 5px 10px;
    cursor: default;
    box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 0 4px #ccc;
}
#marker-bar.show {
    -webkit-transition: opacity .4s, visibility 0s;
    transition: opacity .4s, visibility 0s;
    opacity: 1;
    visibility: visible;
}
#txtselect_marker.show {
    visibility: visible;
    width: 32px; height: 32px;
    -webkit-transition: opacity .4s, visibility 0s;
    transition: opacity .4s, visibility 0s;
    opacity: 1;
}
#marker-bar .masha-social,
#marker-bar .masha-marker{
    cursor: pointer;
    display: block;
    margin: 0 5px;
    float: left;
}
#marker-bar .masha-marker{
    line-height: 1em;
    color: #aaa;
    border-bottom: 1px dotted #aaa;
    margin-right: 10px;
}
#marker-bar .masha-marker:hover {
    color: #ea3e26;
    border-color: #ea3e26;
}
.user_selection, .user_selection_true {
    background: #fff5d5;
    padding: 2px 0;
}
.user_selection a.txtsel_close,
.user_selection_true a.txtsel_close { display: none; }
.user_selection .closewrap, .user_selection_true .closewrap { position: relative; }
.user_selection.hover a.txtsel_close, .user_selection_true.hover a.txtsel_close {
    display: inline-block;
    position: absolute;
    top: -7px; left: -5px;
    width: 33px; height: 33px;
    background: url(/templates/Default/dleimages/closemarker.png) 0 0 no-repeat;
}
.user_selection.hover a.txtsel_close:hover,
.user_selection_true.hover a.txtsel_close:hover { background-position: -0px -33px; }

#share-popup {
    border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1);
    border-radius: 2px;
    background: #fff;
    position: absolute; z-index: 100;
    width: 414px;
    display: none;
    padding: 20px 0;
    opacity: 0;
    box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
    background-clip: padding-box;
    -webkit-transition: opacity .4s, visibility .1s linear .4s;
    transition: opacity .4s, visibility .1s linear .4s;
}
#share-popup.show {
    display: block; opacity: 1;
    -webkit-transition: opacity .4s, visibility 0s;
    transition: opacity .4s, visibility 0s;
}
#share-popup .social { padding: 0 0 10px 17px; }
#share-popup .social p { padding-bottom: 10px; margin: 0; font-weight: bold;}
#share-popup .social ul { list-style: none; margin: 0; padding: 0; }
#share-popup .social ul li { display: inline; margin-right: 20px; padding-top: 2px; }
#share-popup .social ul a {
    text-decoration: none;
    font-size: 12px;
    display: inline-block;
    color: #919191;
}
#share-popup .social ul a:hover { text-decoration: underline; }
#share-popup .social a span {
    cursor: pointer;
    width: 20px; height: 20px;
    background: url(/templates/Default/dleimages/social-icons.png) 20px 20px no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 5px 0 0;
}
#share-popup .social .tw span { background-position: 0 -20px; }
#share-popup .social .tw:hover span { background-position: 0 0; }
#share-popup .social .fb span { background-position: -20px -20px; }
#share-popup .social .fb:hover span { background-position: -20px 0; }
#share-popup .social .vk span{ background-position: -40px -20px; }
#share-popup .social .vk:hover span { background-position: -40px 0; }
#share-popup .social .gp span{ background-position: -60px -20px; }
#share-popup .social .gp:hover span { background-position: -60px 0; }
#share-popup .link {
    clear: both;
    border-top: 1px solid #d9d9d9;
    padding: 10px 5px 0 10px;
    line-height: 1.2;
    overflow: hidden;
    margin: 0 7px;
}
#share-popup .link p {
    font-weight: bold;
    padding: 0 0 3px 0;
    margin: 0;
}
#share-popup .link span {
    color: #999;
    font-size: 10px;
    display: block;
    padding-top: 3px;
}
#share-popup .link a { display: block; }
.dle-alert, .dle-confirm, .dle-promt { padding: 20px 1em !important; }

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: 302px;
    padding: 6px;
    vertical-align: middle;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #d7d7d7;
    -webkit-transition: border 0.2s linear 0s; transition: border 0.2s linear 0s;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

select {
    width: auto;
    padding: .35rem 2.2rem .35rem .65rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    appearance: none;
}

select[multiple] {
    padding-right: .75rem;
    background-image: none;
}

textarea { margin: 0; overflow: auto; vertical-align: top; resize: vertical; }
textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus,
input[type="file"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus,
input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus,
input[type="color"]:focus, .uneditable-input:focus {
    border-color: #1F5D34;
}
input[type="file"], input[type="image"],
input[type="submit"], input[type="reset"],
input[type="button"] { width: auto; }
input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
select[multiple], select[size], textarea { height: auto; }
input::-moz-placeholder, textarea::-moz-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 0.6; }

input:focus { outline: none; }
input[type="file"], input[type="image"] { padding: 0; border-width: 0; background-color: transparent; }
.wide, .bb-editor textarea, .ui-dialog textarea, select#category, .timezoneselect, .twofactorselect, .quick-edit-text { width: 100% !important; }
#searchuser, #searchinput { width: 100% !important; margin-bottom: 10px; }

.form_submit .c-captcha { float: right; }
.c-captcha { position: relative; }
.c-captcha:after { clear: both; display: block; content: ""; }
.c-captcha > a { float: left; margin-right: 5px; }
.c-captcha img {
    position: relative;
    display: block;
    width: 130px; height: 46px;
    z-index: 1;
    -webkit-transition: all ease .2s; transition: all ease .2s;
}
.c-captcha > input { float: left; width: 130px; }

.dle-captcha { position: relative; }
.dle-captcha:after { clear: both; display: block; content: ""; }
.dle-captcha > a { float: left; margin-right: 5px; }
.dle-captcha img {
    position: relative;
    display: block;
    width: 130px; height: 46px;
    -webkit-transition: all ease .2s; transition: all ease .2s;
}
.dle-captcha > input { float: left; width: 130px; }

.btn, .bbcodes, .btn-border {
    border: 0 none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 8px;
    outline: none;
    background-color: #1F5D34;
    color: #fff;
    text-shadow: 0 1px #333;
    border: 0 none;
    padding: 7px 22px;
    text-decoration: none !important;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    box-sizing: border-box;
    transition: all ease .1s; transition: all ease .1s;
}
/* Иконка по умолчанию */
.btn > .icon {
    fill: #fff;
    transition: fill 0.3s ease;
}

/* Белая кнопка с зелёной рамкой и зелёной иконкой */
.btn-white {
    background-color: #ffffff;
    color: #1F5D34;
    border: 2px solid #1F5D34;
    box-shadow: 0 0 5px rgba(105, 179, 123, 0.2);
    transition: all 0.3s ease;
}

.btn-white > .icon {
    fill: #1F5D34;
}

/* При наведении — инвертируем цвета */
.btn-white:hover {
    background-color: #1F5D34;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(105, 179, 123, 0.6);
}

.btn-white:hover > .icon {
    fill: #ffffff;
}

/* При нажатии — небольшой "впад" и затемнение */
.btn-white:active {
    background-color: #58a66b;
    box-shadow: 0 0 4px rgba(105, 179, 123, 0.8) inset;
    transform: scale(0.98);
}

/* Зелёная основная кнопка */
.btn {
    background-color: #1F5D34;
    color: #ffffff;
    border: none;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(105, 179, 123, 0.4);
    transition: all 0.3s ease;
}

/* Наведение на зелёную кнопку */
.btn:hover,
.bbcodes:hover {
    background-color: #ffffff;
    color: #1F5D34;
    box-shadow: 0 0 12px rgba(105, 179, 123, 0.6);
}

/* При нажатии — тень внутрь и небольшой эффект */
.btn:active {
    background-color: #e6e6e6;
    box-shadow: inset 0 0 5px rgba(105, 179, 123, 0.5);
    transform: scale(0.98);
}

/* Чтобы иконки анимировались при нажатии */
.btn:active > .icon,
.btn-white:active > .icon {
    transform: scale(0.95);
    transition: transform 0.1s ease;
}


.bbcodes.cancelchanges {
    background-color: #888;
}
.bbcodes.cancelchanges:hover {
    background-color: #888888c7;
}

.btn-big { padding: 12px 27px; border-radius: 10px; }

.btn-border {
    color: #1F5D34;
    border: 2px solid #1F5D34;
    line-height: 22px;
    padding: 5px 20px;
    background-color: transparent !important;
    overflow: hidden;
    box-shadow: inset 0 0 0 0 transparent;
    text-shadow: none;
}

.btn-border.btn-big{
    padding: 10px 20px;
}

table.xfields {
    width: 100%;
}
.xfields textarea, .xprofile textarea {
    width: 100%;
    height: 186px;
    margin-top: 5px;
}
.xfields input[type="text"] {
    width: 100%;
}

.xfieldsdescr {
    width: 200px;
}
.xfields .bb-pane + textarea {
    margin-top: 0px;
}
.xfieldsnote {
    color: #838383;
    font-size: .9em;
}

.xfields_table td {
    vertical-align: top;
}
.xfieldsrow {
    padding-top:10px;
    clear: both;
}
.xfieldscolleft {
    float: left;
    width: 30%;
    padding-top: 6px;
}
.xfieldscolright {
    float: left;
    width: 70%;
}
.file-box {
    width: 95%;
    max-width: 437px;
    border:1px solid #B3B3B3;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    background-color: #F5F5F5;
    padding: 10px;
    margin-top: 10px;
}

.xfieldimagegallery, .comments-image-gallery {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
}

.xfieldimagegallery li, .comments-image-gallery li{
    list-style: none;
    margin: 0;
    padding: 0;
}

.xfieldimagegallery li img, .comments-image-gallery li img{
    float: left;
    margin-right: 5px;
    border: 5px solid #fff;
    width: 100px;
    height: 100px;
    transition: box-shadow 0.5s ease;
}

.xfieldimagegallery li img:hover, .comments-image-gallery li img:hover {
    box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:inline-block;
    margin-top:5px;
    margin-bottom:5px;
    cursor:pointer;
}
.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;
    max-width: 437px;
    background:#FF9797; text-align:center;
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}

.qq-upload-drop-area-active {background:#FF7171;}

.sortable-ghost {
    opacity: 0.4;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor:not-allowed;
    pointer-events:none;
    opacity:0.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    box-shadow:none;
}

.progress {
    overflow:hidden;
    margin-top:10px;
    margin-bottom:10px;
    background-color:whitesmoke;
    height:10px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px;
    background:#eee;
    -webkit-box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.progress .progress-bar {
    float:left;
    width:0%;
    font-size:12px;
    line-height:20px;
    color:white;
    text-align:center;
    background-color:#1F5D34;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition:width 0.6s ease;
    transition:width 0.6s ease;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px;
    -webkit-box-shadow:none;
    box-shadow:none;
    height:8px;
}
.progress-bar span{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    border:0;
}
.progress-blue {
    background-image:-webkit-gradient(linear, left 0%, left 100%, from(#9bcff5), to(#6db9f0));
    background-image:-webkit-linear-gradient(top, #9bcff5, 0%, #6db9f0, 100%);
    background-image:-moz-linear-gradient(top, #9bcff5 0%, #6db9f0 100%);
    background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%);
    background-repeat:repeat-x;
    border:1px solid #55aeee;
}

/*---Смайлы---*/

.emoji {
    border: none;
    vertical-align: middle;
    width: 22px;
    height: 22px;
}

.native-emoji {
    font-size: 1.3em;
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';
}

.wseditor {
    border-top: 5px solid #0c5f7e;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.wseditor .tox-tinymce {
    border-top: none;
}

#dlefastreplycomments .wseditor {
    margin-bottom: 10px;
}

.dlecomments-editor .tox .tox-toolbar__primary,  .dlefastedit-editor .tox .tox-toolbar__primary{
    border-top: 0;
    box-shadow: none;
}

.mce-toc {
    border: 1px solid #dbdada;
    margin: 0 0 .7rem 0;
}

.mce-toc h2 {
    margin: 4px;
}

.mce-toc ul {
    padding-left: 20px;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.mce-toc ul ul {
    padding-left: 20px;
    margin-block-start: 0;
    margin-block-end: 0;
}

.mce-toc li {
    list-style-type: none;
}

.image-bordered {
    border: 1px solid #ddd;
}

.image-shadows {
    box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}

.image-padded {
    padding: 0.5rem;
}

.comments-user-profile {
    font-weight: bold;
    cursor: pointer;
    color: #3394e6;
}

.tox .tox-dialog__header {
    color: rgb(255, 255, 255) !important;
    background-color: #1F5D34 !important;
    border-bottom: #1F5D34 !important;
}

.title_spoiler svg{
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 7px;
    height: 16px;
    width: 16px;
}

.mce-accordion summary {
    cursor: pointer;
}

.mobilewseditor .tox:not(.tox-tinymce-inline) .tox-editor-header {
    border-bottom: none;
}

.self_delete_link {
    border: 0 none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 12px 27px;
    border-radius: 10px;
    margin-left: 15px;
    outline: none;
    background-color: #f44336;
    color: #fff;
    text-shadow: 0 1px #333;
    text-decoration: none !important;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    box-sizing: border-box;
    transition: all ease .1s; transition: all ease .1s;
}
input[type="text"].comments_author_field {
    width: 100%;
    margin-bottom: 10px;
}


.DLEPush {
    z-index: 2001;
    position: fixed;
    right: 20px;
    top: 20px
}

@keyframes DLEPush-show {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.DLEPush-notification.wrapper {
    animation-name: DLEPush-show;
    animation-duration: 1s;
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
    background-color: #fff;
    border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 45px;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
    scale: .8;
}

.DLEPush-notification .DLEPush-header {
    font-weight: 500;
    grid-column: 2;
    grid-row: 1;
    font-size: 1rem;
    margin-left: 1rem;
    margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
    margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
    grid-column: 2;
    grid-row: 2;
    font-size: .875rem;
    margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
    list-style-type: none;
    padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
    position: absolute;
    top: 8px;
    right: 10px;
    font-weight: 300;
    background: none;
    border: 0;
    font-size: 1.15rem;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    color: inherit;
    outline: 0;
    opacity: 0.75;
}

@media only screen and (min-width: 601px) {
    .DLEPush-notification.wrapper {
        min-width: 400px;
    }
}

@media only screen and (max-width: 600px) {
    .xfieldscolleft {
        float: none;
        width: 100%;
    }
    .xfieldscolright {
        float: none;
        width: 100%;
    }
}

.DLEPush-notification .DLEPush-close:hover {
    opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
    background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
    background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
    background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
    background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
    background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
    background-color: #FF5722;
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }

html { height: 100%; min-height: 100%; }
body { min-height: 100%; }
html, html a { -webkit-font-smoothing: antialiased; }

body, select, input, textarea, button {
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: .9rem;
    line-height: 1.5;
    color: #353535;
    outline: none;
}
a {
    outline: none;
    color: #1F5D34;
    text-decoration: none;
}
a:hover { text-decoration: underline; }
.meta a, .speedbar a, .tag_list a, .vote_more a, .story_tools .category a { color: #1F5D34; }

a img { border: 0 none; }
a > img { vertical-align: bottom; }

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
    margin: 0 0 .7rem 0;
    line-height: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

h1, .h1 { font-size: 22px; }
h2, .h2 { font-size: 20px; }
h3, .h3 { font-size: 18px; }
h4, .h4 { font-size: 16px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }

.addcomment h3 { margin: .3em 0 .6em 0; }

.dlevideoplayer ul[data-theme] {
    display: none;
}

.strike { text-decoration: line-through; }
.nobr { white-space: nowrap; }
.hide { display: none; }
.title_hide { left: -9999px; position: absolute; top: -9999px; overflow: hidden; width: 0; height: 0; }
.uline { text-decoration: underline; }
.strike { text-decoration: line-through; }
.justify { text-align: justify; }
.center { text-align: center; }
.left { float: left; }
.right { float: right; }
fieldset { border: 1px solid rgba(0,0,0,0.1); padding: 20px; margin-bottom: 25px; }
fieldset legend { font-weight: bold; }

.grey { color: #1F5D34; }
.grey a { color: inherit; }
.grey a:hover { color: #353535; }
.blue { color: #1F5D34; }
.orange { color: #e85319; }

sup { vertical-align: super; font-size: smaller; }
sub { vertical-align: sub; font-size: smaller; }
.over { display: inline-block; vertical-align: middle; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
a .over { cursor: pointer; }

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

ul { padding-left: 40px; list-style: disc outside; margin-top: 1em; margin-bottom: 1em;}
ol { padding-left: 40px; list-style: decimal outside; margin-top: 1em; margin-bottom: 1em;}

strong, b { font-weight: bold }
em, cite, i { font-style: italic }
caption { text-align: left }
th, td { vertical-align: middle }
small, .small { font-size: .9em; }
hr { height: 0; border: 0; border-top: 2px solid #eeeeef; -moz-box-sizing: content-box; box-sizing: content-box; margin: 20px 0; }

.clr { clear: both }
.clrfix:after { clear: both; content: ""; display: table; }

.instagram-media, .twitter-tweet {display: inline-block !important;}

@media only screen and (min-width: 601px) {
    .grid_1_2, .grid_1_4 {
        float: left; margin-right: 4%;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    .grid_1_2 { width: 48%; }
    .grid_1_4 { width: 22%; }
    .grid_last { margin-right: 0; }
}

.dropdown { position: relative; }
.dropdown-menu, .dropdown-form {
    min-width: 160px; padding: 12px 0; border-radius: 2px; margin-top: 5px !important; display: none; z-index: 99; position: absolute;
    box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1); background-clip: padding-box;
    background-color: #fff;
}
.dropdown-menu { list-style: none; margin: 0; }
.dropdown-form { padding: 40px; }

.dropdown-menu.dot:before, .dropdown-form.dot:before {
    content: "";
    position: absolute;
    top: 0; left: 50%;
    margin: -11px 0 0 -11px;
    width: 22px; height: 22px;
    border-radius: 50%;
    background-color: #fff;
}


.dropdown-menu li a { height: 1%; padding: 5px 20px; border: 0 none; display: block; white-space: nowrap; text-decoration: none; color: inherit; }
.dropdown-menu li a:hover { background-color: #e05b37; color: #fff; }
.open .dropdown-menu, .open .dropdown-form { display: block; }

.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }
.collapse { overflow: hidden; height: 0; width: 0; display: inline-block; }
.collapse.in { display: block; width: auto; height: auto; }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; }

.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }

.icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    fill: #1F5D34;
    vertical-align: middle;
}
.icon-logo { width: 42px; height: 42px; }

.icon-vk { width: 10px; height: 1em; }
.icon-tw { width: 14px; height: 1em; }
.icon-fb { width: 8px; height: 1em; }
.icon-gp { width: 18px; height: 1em; }
.icon-ya { width: 7px; height: 1em; }
.icon-od { width: 10px; height: 1em; }
.icon-mail { width: 16px; height: 1em; }

.grey .icon { fill: #1F5D34; }

body { background: #ECEAEAFF; }
.wrp {
    max-width: 1720px;
    margin: 0 auto; /* Центровка главного контейнера */

}

.conteiner:after, #header:after { clear: both; content: ""; display: table; }
.midside {
    float: left;
    padding: 0 350px 0 13%;
    width: 100%;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.rightside {
    float: right;
    width: 300px;
    padding: 0 25px;
    margin-left: -350px;
    position: relative;
}

#header { margin-bottom: 25px; }
#header, #header_menu { height: 80px; }
.header {
    width: 100%; height: 0; z-index: 22;
    position: fixed;
    left: 0; top: 0;a
}
.header .midside { height: 0; }
#header_menu {
    position: relative; z-index: 15;
    padding: 0 25px;
    background-color: #1F5D34;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#mobile_menu_btn {
    position: absolute;
    left: 0; top: 0;
    width: 40px; height: 80px;
    text-transform: lowercase;
    white-space: nowrap;
    border: 0 none;
    background-color: transparent;
    color: #fff;
    padding: 5px;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.1)
}
#mobile_menu_btn > *, #mobile_menu_btn { cursor: pointer; }
.menu_toggle { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin: -2px 6px; position: relative; }
.menu_toggle > i {
    height: 2px; width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0; top: 0;
    -webkit-transition: all ease .2s; transition: all ease .2s;
}
.mt_1 { margin-top: 2px; }
.mt_2 { margin-top: 8px; }
.mt_3 { margin-top: 14px; }
.menu_toggle__title { display: none; }
.mobile-menu_open #mobile_menu_btn .mt_1 {
    -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
}
.mobile-menu_open #mobile_menu_btn .mt_2 { opacity: 0; }
.mobile-menu_open #mobile_menu_btn .mt_3 {
    -webkit-transform: rotate(45deg); transform: rotate(45deg);
}

.logotype {
    white-space: nowrap;
    color: #fff;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 80px;
}
.logotype .logo_title {
    margin: 0 0 0 18px;
    font-size: 20px;
    line-height: 34px;
    font-weight: normal;
}
.logotype .icon-logo { fill: #fff; }

#top_menu { margin: 0 25px; flex: 1 auto; white-space: nowrap; text-align: center; cursor: default; }
#top_menu > a {
    font-size: 20px;
    text-decoration: none !important;
    display: inline-block;
    color: #fff;
    position: relative;
    z-index: 2;
    padding: 10px 20px;
    opacity: .8;
}
#top_menu > a:after {
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    margin: -5px 0 0 -5px;
    width: 10px; height: 10px;
    border-radius: 100%;
    background-color: #fff;
    overflow: hidden;
    opacity: 0;
}
@-webkit-keyframes sun {
    0% { margin: -5px 0 0 -5px; width: 10px; height: 10px; opacity: 0; }
    50% { margin: -50px 0 0 -50px; width: 100px; height: 100px; opacity: .15; }
    100% { margin: -80px 0 0 -80px; width: 160px; height: 160px; opacity: 0; }
}
@keyframes sun {
    0% { margin: -5px 0 0 -5px; width: 10px; height: 10px; opacity: 0; }
    50% { margin: -50px 0 0 -50px; width: 100px; height: 100px; opacity: .15; }
    100% { margin: -80px 0 0 -80px; width: 160px; height: 160px; opacity: 0; }
}

#top_menu > a:hover { z-index: 1; opacity: 1; }
#top_menu > a:hover:after {
    -webkit-animation: sun .3s ease;
    animation: sun .3s ease;
}

#top_menu > a.active { cursor: default; opacity: 1; }
#top_menu > a.active:before {
    content: "";
    position: absolute;
    left: 50%; top: 100%;
    width: 4px; height: 4px;
    margin: -2px 0 0 -2px;
    border-radius: 50%;
    background-color: #fff;
}
#top_menu > a.active:after { display: none; }

#login_pane {
    list-style: none;
    padding: 0; margin: 0;
}
#login_pane > li > .btn-border {
    border-color: rgba(255,255,255,0.2);
    color: #fff;
    white-space: nowrap;
    text-shadow: none;
}
#login_pane > li > .btn-border:hover {
    border-color: #fff;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2); -webkit-box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2);
}
#login_pane > li > .btn-border .over { max-width: 120px; margin-top: -2px; }
#login_pane > li > .btn-border > .pm_num { margin-top: -3px; vertical-align: middle; display: inline-block; }
.pm_num {
    font-size: 11px;
    background-color: #fff;
    border-radius: 10px;
    min-width: 12px; height: 12px;
    line-height: 12px;
    margin: -2px -14px 0 12px;
    padding: 4px;
    color: #1F5D34;
    text-align: center;
    vertical-align: middle;
}

#login_pane .dropdown-form {
    text-align: center;
    left: 50%;
    padding: 39px; margin-left: -150px;
    width: 220px;
}
.dropdown-form .soc_links { margin: 0; }
.dropdown-form .soc_links > a { margin-bottom: 20px; }
.login_form {
    list-style: none;
    padding: 0; margin: 0;
    border-bottom: 1px solid #efefef;
}
.login_form > li {
    border-top: 1px solid #efefef;
    display: block;
    position: relative;
}
.login_form > li > label { display: none; }
.login_form > li > input {
    border: 0 none;
    padding: 19px; padding-left: 23px;
    border-radius: 0;
    background-color: transparent;
    width: 100%; height: 60px;
}
.login_form > li > .icon {
    position: absolute;
    left: 0; top: 50%;
    margin: -7px 0 0 0;
    height: 14px; width: 1em;
}
.login_form > li.login_input-btn > input { padding-right: 65px; }
.login_form > li.login_input-btn > .btn {
    position: absolute;
    right: 0; top: 50%;
    margin-top: -18px; padding: 0;
    width: 54px;
}
.login_form__foot { text-align: left; margin-top: 20px; }

.dropdown-form.logged:after {
    content: "";
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 99px;
    z-index: -1;
}
.dropdown-form.logged:before, .dropdown-form.logged:after { background-color: #f1f5f9; }
.login_pane__info .avatar { margin: 12px 0; }
.login_pane__menu {
    list-style: none;
    padding: 0; margin: 25px 0;
    text-align: left;
    border-bottom: 1px solid #efefef;
}
.login_pane__menu li a {
    color: inherit;
    text-decoration: none !important;
    padding: 14px 0; display: block;
    border-top: 1px solid #efefef;
}
.login_pane__menu li a:hover { color: #1F5D34; }

.login_pane__foot { text-align: left; }
.login_pane__foot .plus_icon { margin: -3px 5px 0 0; }


@media only screen and (min-width: 601px) {
    #cat_menu {
        float: left;
        width: 13%;
        position: relative;
        z-index: 10;
        margin-top: 105px;
    }
    .cat_menu a, .cat_menu a:after { -webkit-transition: all ease .22s; transition: all ease .22s; }
    .cat_menu a {
        display: block;
        font-size: 18px;
        padding: 5% 25px;
        color: #5a5a5a;
        text-decoration: none !important;
        position: relative;
    }
    .cat_menu a:hover { color: #1F5D34; }
    .cat_menu a:before, .cat_menu a:after {
        content: "";
        position: absolute;
        left: 0; top: 0; bottom: 0;
        background-color: #5a5a5a;
        width: 0; height: auto;
    }
    .cat_menu a:hover:after { width: 5px; background-color: #1F5D34; }

    .cat_menu a.active { cursor: default; color: inherit; }
    .cat_menu a.active:after { display: none; }
    .cat_menu a.active:before { width: 5px; }
}

.cat_menu ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cat_menu ul ul {
    padding-left: 10px;
}

#cat_menu .soc_links { padding: 0 25px; margin-top: 35px; }
.soc_links { display: flex; justify-content: space-between; }
.soc_links > a {
    display: inline-block;
    width: 26px; height: 26px; line-height: 26px;
    border-radius: 50%;
    background-color: #bababa;
    text-align: center;
    -webkit-transition: all ease .1s; transition: all ease .1s;
}
.soc_links > a:hover {
    -webkit-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3);
}
.soc_links > a > .icon { fill: #fff; vertical-align: middle; margin: -3px 0 0 0; }

.soc_vk:hover { background-color: #5486ca; }
.soc_tw:hover { background-color: #60bbf5; }
.soc_fb:hover { background-color: #4268ca; }
.soc_gp:hover { background-color: #de553a; }
.soc_ya:hover { background-color: #ff0000; }
.soc_od:hover { background-color: #ff7800; }
.soc_mail:hover { background-color: #006cff; }


.q_search { position: relative; margin-top: 22px; }
.q_search > input {
    width: 100%;
    padding: 7px 72px 7px 18px;
    border-radius: 8px;
    background-color: #e2e8f0;
    display: block;
    border: 0 none;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.q_search > input:focus {
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
.q_search > .btn { width: 36px; padding: 0; position: absolute; right: 0; top: 18px; }
.q_search .icon-search { position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px; width: 16px; height: 16px; fill: #737373;}
.q_search .q_search_adv {
    position: absolute;
    right: 0; top: 0;
    margin-right: 36px;
    width: 36px; height: 36px;
}
.q_search .icon-set {
    width: 16px; height: 16px;
    position: absolute;
    left: 50%; top: 50%;
    margin: -8px 0 0 -8px;
    fill: #737373;
}
.q_search .q_search_adv:hover .icon-set { fill: #1F5D34; }


.carousel {
    position: relative;
    padding-top: 49%;
    margin-bottom: 25px;
    overflow: hidden;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 7px 14px 0 rgba(65,69,88,0.1), 0 3px 6px 0 rgba(0,0,0,0.07);
}
.carousel-inner {
    position: absolute;
    overflow: hidden;
    width: 100%;
    left: 0; top: 0; bottom: 0;
}
.carousel-inner > .item {
    display: none;
    position: relative;
    width: 100%; height: 100%;
    overflow: hidden;
    -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > .cover {
    width: 100%;
    position: absolute;
    left: 0; top: 0; bottom: 0;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { line-height: 1; vertical-align: top; }

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next,
.carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left,
.carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control {
    position: absolute;
    top: 0; bottom: 0; right: 0;
    margin: 25px;
    width: 44px;
    display: flex;
    align-items: center;
    z-index: 1;
}
.carousel-control_in {
    box-shadow: 0 5px 25px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,0.2);
    background-color: #fff;
    border-radius: 22px;
    text-align: center;
}
.carousel-control .up, .carousel-control .down {
    display: block;
    padding: 15px 12px;
}
.carousel-control .icon {
    fill: #d7d7d7;
    width: 20px; height: 32px;
}
.carousel-control a:hover > .icon { fill: #1F5D34; }
.carousel-indicators {
    list-style: none;
    padding: 0; margin: 0;
    text-align: center;
}
.carousel-indicators li {
    display: block;
    width: 20px; height: 20px;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
}
.carousel-indicators li:after, .carousel-indicators li:before {
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    border-radius: 50%;
}
.carousel-indicators li:after {
    width: 4px; height: 4px;
    margin: -2px 0 0 -2px;
    background-color: #7f7f7f;
}
.carousel-indicators li:hover:after, .carousel-indicators li.active:after { background-color: #1F5D34; }
.carousel-indicators li:before {
    display: none;
    border: 2px solid #1F5D34;
    width: 8px; height: 8px;
    margin: -6px 0 0 -6px;
    box-sizing: initial;
}
.carousel-indicators li.active:before { display: block; }
.carousel-caption {
    position: absolute;
    left: 0; bottom: 0; right: 94px;
    margin: 0 0 8% 8%;
    z-index: 10;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0, 0.2);
}
.carousel-caption .title {
    font-weight: bold;
    letter-spacing: -.03em;
    font-size: 2.9em;
    line-height: 1.3em;
}
.carousel-caption .text {
    font-size: 1.3em;
    line-height: 1.45em;
}
.carousel.vertical .carousel-inner { height: 100%; }
.carousel.vertical .item { left: 0; -webkit-transition: .4s ease-in-out top; transition: .4s ease-in-out top; }
.carousel.vertical .active { top: 0; }
.carousel.vertical .next { top: 100%; }
.carousel.vertical .prev { top: -100%; }
.carousel.vertical .next.left,
.carousel.vertical .prev.right { top: 0; }
.carousel.vertical .active.left { top: -100%; }
.carousel.vertical .active.right { top: 100%; }

#content, .content_top { position: relative; }

.pagetools {
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    margin-bottom: 25px;
    position: relative;
    padding-left: 8%;
    width: 100%; height: 52px;
    overflow: hidden;
    font-size: .9em;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#combo-tools .pagetools_in {
    height: 100px;
    -webkit-transition: all .3s ease .2s; transition: all .3s ease .2s;
}
.pagetools_in { color: #1F5D34; }
.sortbar_in, .speedbar { display: block; height: 22px; padding: 14px 25px; line-height: 22px; }
.pagetools_back {
    position: absolute;
    left: 0; top: 0;
    width: 8%; height: 50px;
    border-right: 1px solid #d6d6d6;
    text-align: center;
}
.pagetools_back .icon {
    display: block;
    margin: 15px auto 0 auto;
    width: 30px; height: 20px;
}
#combo-tools.active > .pagetools_in { margin-top: -50px; }
.breadcrumb .over { vertical-align: baseline; }

.sortbar_in { white-space: nowrap; }
.sortbar_in > form { display: inline; }

.box, .comment {
    background-color: #fff;
    margin-bottom: 25px;
    border-radius: 2px;
    position: relative;
    box-shadow:0 5px 12px rgba(126,142,177,.2);
}
.box > .heading { padding: 4% 4%; margin: 0; text-transform: uppercase; }
.box > .heading .hnum { font-size: .6em; display: inline-block; vertical-align: top; margin: 0 0 0 .4em; }
.box_in { padding: 1.8rem 2.5rem }

.story .title { margin: -.1em 0 1em 0; font-size: 20px; }
.story .title > a {
    color: inherit;
    font-size: 24px;
    text-decoration: none !important;
    -webkit-transition: all ease .2s; transition: all ease .2s;
}
.story .title > a:hover { color: #1F5D34; }

.story_icons {
    position: absolute;
    top: 0; left: 0;
    width: 2.5rem;
    list-style: none;
    padding: 1.875rem 0 0 0; margin: -.2em 0 0 0;
}
.fixed_story .story_icons { z-index: 1; }
.story_icons > li { text-align: center; margin: 0 0 10px 0; }

.story .box_in > .text { font-size: 18px;}
.story .box_in > .text:after { content: ""; display: block; clear: both; }
.story .box_in > .text > img[style*="left"], .story .box_in > .text > .highslide img[style*="left"] { margin: 2px 4% 4% 0; }
.story .box_in > .text > img[style*="right"], .story .box_in > .text > .highslide img[style*="right"] { margin: 2px 0 4% 4%; }
.story .box_in > .text img { max-width: 100%; aspect-ratio: auto; height: auto;}

.editdate {
    margin: 4% 0 0 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

.fav_btn > a, .edit_btn > a {
    display: inline-block;
    padding: 4px;
    width: 16px; height: 16px;
}
.fav_btn .icon {
    width: 16px; height: 16px;
    vertical-align: top;
}
.fav_btn .icon-fav { fill: #1F5D34; }
.fav_btn:hover .icon-fav { fill: #1F5D34; }
@media only screen and (min-width: 601px) {
    .fixed_story .fav_btn .icon-fav { fill: #fff; }
    .fixed_story .fav_btn:hover .icon-fav { fill: #fff; }
}

.fav_btn .icon-star { fill: #fed762; }

.edit_btn > a {
    position: relative;
    -webkit-transition: transform ease .2s; transition: transform ease .2s;
}
.edit_btn > a > i, .edit_btn > a:after, .edit_btn > a:before {
    padding-top: 2px;
    width: 16px; height: 0;
    background-color: #1F5D34;
    overflow: hidden;
    display: block;
    margin: 3px 0;
}
.edit_btn > a:after, .edit_btn > a:before { content: ""; }
.edit_btn > a:hover > i, .edit_btn > a:hover:after, .edit_btn > a:hover:before {
    background-color: #1F5D34;
}
.edit_btn > a:hover {
    -webkit-transform: rotate(90deg); transform: rotate(90deg);
}

.fixed_label {
    position: absolute;
    left: 0; top: 0;
    width: 8%; height: 30px;
    padding-top: 4%;
}
.fixed_label:before {
    content: "";
    position: absolute;
    left: 50%; top: 0; bottom: 0;
    margin: 0 0 0 -15px;
    background-color: #e85319;
    width: 30px;
}
.fixed_label:after {
    content: "";
    position: absolute;
    bottom: 0; left: 50%;
    margin: 0 0 0 -15px;
    border: solid transparent;
    border-bottom-color: #fff;
    border-width: 0 15px 5px 15px;
    z-index: 1;
}

.story_tools { margin-top: 4%; }
.story_tools > .category { float: right; margin-top: .7em; font-size: .9em; }
.story_tools > .category .icon { width: 12px; height: 15px; margin: -.2em .4em 0 0; }
.story_tools > .btn { float: left; margin-right: 2em; }
.story_tools > .rate { float: left; }
.story_tools .rate_stars { margin-top: 6px; }

.rate_like > a, .rate_like-dislike {
    float: left;
    padding: 6px 12px;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    text-decoration: none !important;
    font-weight: bold;
    color: #1F5D34;
    -webkit-transition: all ease .2s; transition: all ease .2s;
}
.rate_like > a:hover { border-color: #1F5D34; color: #1F5D34; }
.rate_like .icon { width: 16px; height: 15px; margin: -.2em .3em 0 0; }

.rate_like-dislike > a {
    display: inline-block;
    width: 22px; height: 22px;
    text-align: center;
}
.rate_like-dislike > a .icon {
    width: 14px; height: 15px;
    fill: #787878;
    vertical-align: middle;
    margin: -.3em 0 0 0;
}
.rate_like-dislike > a:hover .icon { fill: #1F5D34; }
.rate_like-dislike .ratingplus { color: #88c54d; }
.rate_like-dislike .ratingminus { color: #e45757; }
.rate_like-dislike > span { cursor: default; margin: 0 .3em; }

.story > .meta { font-size: .9em; background-color: #f1f5f9; padding: 2% 7%; border-radius: 0 0 2px 2px; }
.meta:after, .story_tools:after { clear: both; display: table; content: ""; }
.meta > ul { list-style: none; padding: 0; margin: 0; }
.meta > ul > li { display: inline; }
.meta > ul.left > li { margin-right: 2em; }
.meta > ul.right > li { margin-left: 2em; }
.meta .icon { width: 16px; height: 16px; margin: -.2em .4em 0 0; }
.meta .icon-views { height: 18px; }

.signature {
    font-size: .9em;
    opacity: .5;
    margin-top: .9em;
}

.navigation { margin: 25px 0; }
.navigation:after { clear: both; display: block; content: ""; }

.pages { text-align: left; }
.pages span, .pages a:hover, .page_next-prev {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    border-radius: 8px;
}
.pages span, .pages a {
    color: inherit;
    display: inline-block;
    position: relative;
    padding: 7px 7px;
    min-width: 22px; height: 22px; line-height: 22px;
    text-align: center;
    text-decoration: none !important;
    font-weight: bold;
}
.pages span { color: #399; }
.pages a:hover { color: #fff; background-color: #1F5D34; }
.pages span { color: #1F5D34; }

.page_next-prev { float: right; height: 36px; }
.page_next-prev * { float: left; }
.page_next-prev .icon { width: 32px; height: 20px; fill: #d7d7d7; }
.page_next-prev > span >  a:hover .icon { fill: #1F5D34; }
.page_next-prev > span > * { float: left; padding: 8px 12px; }

.page_next > span, .page_prev > span { opacity: 0.5; }

.splitnewsnavigation { margin-top: 4%; padding-top: 4%; font-weight: bold; border-top: 1px solid #efefef; }
.splitnewsnavigation > a, .splitnewsnavigation > span { padding: 6px 10px; }

.hblock > .title {
    text-transform: uppercase;
    font-weight: bold;
    background-color: #f1f5f9;
    border-radius: 2px 2px 0 0;
    font-size: 1em;
    padding: 2.5% 8%;
    margin: 0;
}
.banner img { vertical-align: top; max-width: 100%; }
.midside .banner {
    padding: 2.5% 8%;
    text-align: center;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.midside .next-prev {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.midside .next-prev a {
    margin:  10px;
}
.hblock .banner { border-top: 1px solid #efefef; }

.informer_list {
    list-style: none;
    margin: 0 -25px 0 0;
    padding: 0;
}
.informer_list:after { clear: both; display: block; content: ""; }
.informer_list li {
    float: left;
    width: 33.33333%;
    padding-right: 25px;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.informer_list li .title { font-weight: bold; margin-bottom: 1em; }
.informer_list li .title a { display: block; color: inherit; text-decoration: none !important; }
.informer_list li .title a:hover { color: #1F5D34; }

.more_icon {
    display: inline-block;
    background-color: #1F5D34;
    border-radius: 9px;
    height: 4px;
    padding: 7px 8px;
    margin-top: 1em;
}
.more_icon:after { clear: both; display: block; content: ""; }
.more_icon > i {
    margin-left: 2px;
    float: left;
    width: 4px; height: 4px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: all ease .2s; transition: all ease .2s;
}
.more_icon:hover > i { margin-left: 10px; }
.more_icon > i:first-child { margin-left: 0 !important; }

.block, .rightside .banner { margin-bottom: 25px; }
.rightside .banner { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); }

.block > .title {
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.block > .title > b, .block > .title:after, .block > .title > h4 { font-size: 1em; margin: 0; display: inline-block; vertical-align: middle; }
.block > .title:after {
    content: "";
    background: #dedede;
    height: 4px; width: 100%;
    margin: 0 0 0 15px;
    border-top: 1px solid #d1d1d1;
}

@media only screen and (max-width: 1279px) { .banner_300 { display: none; } }
@media only screen and (min-width: 1280px) { .banner_240 { display: none; } }

ol.topnews {
    margin: -20px 0 0 0; padding: 0;
    list-style: none;
    counter-reset: ol-counter;
}
ol.topnews > li > a:after { content: ""; display: block; clear: both; }
ol.topnews > li > a {
    display: block;
    color: inherit;
    text-decoration: none !important;
    border-bottom: 1px solid #d5d5d5;
    padding: 25px 0 25px 70px;
}
ol.topnews > li:last-child > a { border-bottom-width: 0; }
ol.topnews > li > a:before, ol.topnews > li > a > b { -webkit-transition: all ease .2s; transition: all ease .2s; }
ol.topnews > li > a:before {
    content: counter(ol-counter);
    counter-increment: ol-counter;
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 50%;
    border: 2px solid #1F5D34;
    width: 48px; height: 48px;
    text-align: center;
    float: left;
    line-height: 30px;
    padding: 7px 0;
    margin-left: -70px;
    color: #1F5D34;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
ol.topnews > li > a:hover:before {
    color: #fff;
    background-color: #1F5D34;
    box-shadow: 0 9px 13px 0 rgba(0,0,0,0.22); -webkit-box-shadow: 0 9px 13px 0 rgba(0,0,0,0.22);
}
ol.topnews > li > a > * { cursor: pointer; display: block; }
ol.topnews > li > a > b { display: block; }
ol.topnews > li > a > span {
    font-size: .9em;
    opacity: .7;
    text-transform: lowercase;
    margin-top: .4em;
}
ol.topnews > li > a:hover > b { color: #1F5D34; }

.block_grey {
    padding: 25px;
    margin-bottom: 25px;
    border-radius: 2px;
    background-color: #e2e8f0;
}
.block_grey > .title {
    margin: 0 0 1em 0;
    font-size: 1em;
    letter-spacing: 0;
}
.vote_more { font-size: .9em; margin: -.7em 0 1em 0; }

.vote_list { margin: 8% 0; }
.vote_list .vote, .vote_list .pollanswer { margin: .6em 0 .2em 0; }
.vote_list .vote > input, .vote_list .pollanswer > input { display:none;  }
.vote_list .vote > input + label:before, .vote_list .pollanswer > input + label:before {
    display:inline-block;
    width: 8px; height: 8px;
    border: 4px solid #3b3b3b;
    background-color: #fff;
    margin: -3px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
    content: "";
    border-radius: 2px;
}
.vote_list .vote > input[type="radio"] + label:before,
.vote_list .pollanswer > input[type="radio"] + label:before { border-radius: 50%; }
.vote_list .vote > input + label:hover:before, .vote_list .pollanswer > input + label:hover:before { border-color: #1F5D34; }
.vote_list .vote > input:checked + label:before, .vote_list .pollanswer > input:checked + label:before {
    background-color: #1F5D34;
    border-color: #1F5D34;
}
.vote_list .vote > input + label:before, .vote_list .vote > input:checked + label:before,
.vote_list .pollanswer > input + label:before, .vote_list .pollanswer > input:checked + label:before
{ -webkit-transition: border-color ease .2s; transition: border-color ease .2s; }

.btn-border .icon-votes { width: 16px; height: 14px; margin: -3px 0 0 0; vertical-align: middle; }
.vote_votes, .pollallvotes { font-size: .9em; }

#dlevotespopupcontent { height: auto !important; overflow: visible !important; }

.title_tabs { margin: -10px 0 10px 0 !important; }
.title_tabs ul { cursor: default; list-style: none; padding: 0; margin: 0 0 0 15px; }
.title_tabs * { display: inline-block; vertical-align: middle; }
.title_tabs ul li > a {
    display: block;
    width: 36px; height: 16px;
    padding: 10px 0;
    border-radius: 50%;
    margin-bottom: 2px;
    text-align: center;
    position: relative;
}
.title_tabs ul li.active > a {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
}
.title_tabs ul li > a > .icon { width: 16px; height: 16px; fill: #6a6a6a; vertical-align: top; }
.title_tabs ul li.active > a > .icon { fill: #1F5D34; }

.block_bg {
    margin-bottom: 25px;
    background-color: #1F5D34;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    padding: 25px;
}
.block_bg > .title {
    font-size: 1em;
    color: #fff;
    margin: -.2em 0 .6em 0;
    text-transform: uppercase;
}
.change_skin {
    background: url(/templates/Default/images/change_skin.png) no-repeat 0 50%;
    -webkit-background-size: cover; background-size: cover;
}

.change_skin .styled_select {
    background: #fff;
    border-radius: 2px;
    width: 100%;
    box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
    border-width: 0;
    overflow: hidden;
    position: relative;
}
.change_skin .styled_select > .icon {
    position: absolute;
    left: 100%; top: 50%;
    width: 16px; height: 10px;
    margin: -5px 0 0 -26px;
    fill: #d7d7d7;
}
.change_skin .styled_select:hover > .icon { fill: #1F5D34; }
.change_skin .styled_select select {
    width: 112%; height: 36px;
    background-color: transparent;
    border-width: 0;
    padding: 7px;
    position: relative;
    z-index: 1;
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
}

.tag_list > span { margin: 0 2px 2px 0; }
.tag_list > span, .tag_list > span > a { display: inline-block; }
.tag_list > span > a {
    border: 1px solid #d6d6d6;
    color: inherit;
    text-decoration: none !important;
    padding: 4px 8px;
    border-radius: 2px;
}
.tag_list > span > a:hover {
    background-color: #fff;
    color: #1F5D34;
    border-color: #fff;
    box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
}
.tags_more { margin-top: 1em; }

.relnews {
    margin: -20px 0 0 0; padding: 0;
    list-style: none;
}
.relnews > li > a:after { content: ""; display: block; clear: both; }
.relnews > li > a {
    display: block;
    color: inherit;
    text-decoration: none !important;
    border-bottom: 1px solid #d5d5d5;
    padding: 25px 0 25px 33px;
}
.relnews > li:last-child > a { border-bottom-width: 0; }
.relnews > li > a .icon, .relnews > li > a > b { -webkit-transition: all ease .2s; transition: all ease .2s; }
.relnews > li > a .icon {
    width: 16px; height: 14px;
    float: left;
    margin: 4px 0 0 -33px;
}
.relnews > li > a > * { cursor: pointer; display: block; }
.relnews > li > a > b { display: block; }
.relnews > li > a > span {
    font-size: .9em;
    opacity: .5;
    text-transform: lowercase;
    margin-top: .4em;
}
.relnews > li > a:hover > b { color: #1F5D34; }

.lastcomm {
    margin: -20px 0 0 0; padding: 0;
    list-style: none;
}
.lastcomm > li > a:after { content: ""; display: block; clear: both; }
.lastcomm > li > a {
    display: block;
    color: inherit;
    text-decoration: none !important;
    border-bottom: 1px solid #d5d5d5;
    padding: 25px 0 25px 33px;
}
.lastcomm > li:last-child > a { border-bottom-width: 0; }
.lastcomm > li > a .icon, .lastcomm > li > a > b { -webkit-transition: all ease .2s; transition: all ease .2s; }
.lastcomm > li > a .icon {
    width: 16px; height: 14px;
    float: left;
    margin: 4px 0 0 -33px;
}
.lastcomm > li > a > * { cursor: pointer; display: block; }
.lastcomm > li > a > b { display: block; margin-top: .4em;}
.lastcomm > li > a > span {
    font-size: .9em;
    opacity: .5;
}
.lastcomm > li > a:hover > b { color: #1F5D34; }

.footer_menu { position: relative; padding: 0 0 25px 0; }
.foot_menu {
    list-style: none;
    padding: 0;
    margin: 0 -25px 0 0;
    
}
.foot_menu > li {
    float: left;
    width: 33.33333%;
    padding-right: 25px;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.foot_menu > li > b { 
    display: block; m
    argin-bottom: 1em; 
	text-align: center;

}
.foot_menu > li > b > i { display: none; }
.foot_menu > li nav > a {
    color: #838383;
    display: block;
    font-size: .9em;
    padding: .2em 0;
}
@media only screen and (min-width: 601px) {
    .foot_menu > li > div {
        display: block !important;
        height: auto !important; width: auto !important;
    }
}

.upper {
    position: absolute;
    left: 0;
    width: 13%;
    text-align: center;
}
#upper {
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    width: 64px; height: 64px;
    background-color: #d7d7d7;
    position: relative;
}
#upper .icon {
    width: 20px; height: 32px;
    fill: #ededed;
    position: absolute;
    left: 50%; top: 50%;
    margin: -16px 0 0 -10px;
}
#upper:hover { background-color: #1F5D34; }
#upper:hover .icon { fill: #fff; }

.footer { font-size: .9em; padding: 25px 0; border-top: 1px solid #d9d9d9; }
.footer a, .footer { color: #838383; }
.footer .midside { display: flex; }
.footer .copyright { width: 100%; }
.copyright a { font-weight: bold; }

.ca { float: right; white-space: nowrap; margin-left: 20px; }
.ca > .icon {
    margin: -.2em .8em 0 0;
    width: 30px; height: 17px;
    fill: #cbcbcb;
}
.ca:hover > .icon { fill: #838383; }

.counter { float: right; margin-left: 10px; margin-top: 2px; opacity: .5; }
.counter:hover { opacity: 1; }
.counter > img { vertical-align: top; }

.showfull .pagetools { position: absolute; }
.showfull .story { float: left; width: 100%; margin-top: 77px; }
.showfull .comments, .showfull #content .box { float: left; width: 100%; }
.showfull #content .rightside { margin: 0 -350px 0 0; }

.showfull #content .rightside .banner { padding: 0; }

.page_static { margin-bottom: 60px; }
.page_static:after { clear: both; display: block; content: ""; }
.page_static > .text { font-size: 1.15em; }

.berrors {
    background: #ffe6dd;
    border: 1px solid #f0c4b5;
    color: #553c33;
    padding: 20px 25px;
    margin-bottom: 25px;
    height: 1%;
    border-radius: 2px;
    box-sizing: border-box;
}

.addcomment { background-color: #fff; }
.plus_icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; position: relative; }
.addcomment .plus_icon { width: 2.5rem; padding: 2px 0; float: left; margin-top: 4%; }
.plus_icon > span, .plus_icon > span:before, .plus_icon > span:after {
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    position: absolute;
}
.plus_icon > span:before, .plus_icon > span:after {
    background-color: #b3b3b3;
    content: "";
}
.plus_icon > span {
    width: 16px; height: 16px;
    left: 50%; top: 50%;
    margin: -8px 0 0 -8px;
}
.plus_icon > span:after {
    left: 0; top: 50%;
    width: 100%; height: 2px;
    margin-top: -1px;
}
.plus_icon > span:before {
    left: 50%; top: 0;
    width: 2px; height: 100%;
    margin-left: -1px;
}

.plus_icon.circle {
    width: 12px; height: 12px;
    padding: 4px;
    border-radius: 50%;
    border: 2px solid #1F5D34;
}
.plus_icon.circle > span { width: 12px; height: 12px; margin: -6px 0 0 -6px; }
.plus_icon.circle > span:before, .plus_icon.circle > span:after { background-color: #1F5D34; }

ul.ui-form { list-style: none; padding: 0; margin: 0; }
ul.ui-form > li { margin-bottom: 10px; }
ul.ui-form > li:last-child { margin-bottom: 0; }
.form-group { margin-bottom: 10px; }
.form-group > label { display: block; margin-bottom: .4em; }
.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }

@media only screen and (min-width: 601px) {
    .form-group.combo:after { clear: both; display: table; content: ""; }
    .form-group.combo > .combo_field { width: 50%; float: left;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    .form-group.combo > .combo_field:last-child { padding-left: 10px; }
    .form-group.combo > .combo_field:first-child { padding-right: 10px; }
}
.form_submit { margin-top: 20px; }
.form-sep { border-top: 1px solid #efefef; }

#comment-editor .bb-editor textarea { padding: 7px; padding-bottom: 45px; height: 200px; }
.addpm #comment-editor .bb-editor textarea { height: 340px; }

.wseditor table, .bb-editor table { margin: 0px; }

.comment {
    padding: 4% 4%;
    position: relative;
    -webkit-transition: box-shadow ease .4s; transition: box-shadow ease .4s;
}
.com_list .comment {
    border-top: 1px solid #efefef;
    background-color: transparent;
    margin: 0;
    border-radius: 0;
    box-shadow: none; -webkit-box-shadow: none;
}
.comment:hover {
    position: relative;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
}
.avatar { display: inline-block; }
.avatar .cover {
    width: 100px; height: 100px;
    border-radius: 50%;
    white-space: nowrap;
    text-indent: -9999px;
    display: inline-block;
}
.comment .avatar { float: left; margin-right: 15px; position: relative; }
.comment .avatar .cover { width: 36px; height: 36px; }
.com_online {
    position: absolute;
    left: 100%; top: 50%;
    margin: -4px 0 0 -4px;
    overflow: hidden;
    text-indent: -9999px;
    background-color: #70bb39;
    border: 2px solid #fff;
    width: 4px; height: 4px;
    border-radius: 50%;
}

.com_info { font-size: .9em; margin-bottom: 2%; margin-top: -5px; }
.com_info:after { clear: both; display: block; content: ""; }

.com_user { float: left; margin: 9px 15px 0 0; }
.comment .meta { display: inline; }
.comment .meta .left { margin: 9px 0 0 0; }
.comment .meta .left .mass input { margin: -2px 0 0 0; vertical-align: middle; }
.comment .meta > ul.left > li { margin-right: 10px; }

.comment .reply { text-transform: lowercase; }
.comment .meta .left a {
    display: inline-block;
    width: 20px; height: 20px;
    vertical-align: middle;
    padding: 2px;
    margin-top: -2px;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.comment .meta .left .reply a { padding: 2px; width: auto; vertical-align: baseline; }
.comment .meta .left .del a { padding: 4px; }
.comment .meta .left .icon { margin: 0; fill: #1F5D34; vertical-align: top; }
.comment .meta .left a:hover .icon { fill: #1F5D34; }
.comment .meta .left a .icon-reply {
    width: 15px; height: 16px;
    fill: #1F5D34 !important;
    margin-right: .4em;
    vertical-align: middle;
}
.comment .meta .left a .icon-coms {
    width: 15px; height: 16px;
    fill: #1F5D34 !important;
    margin-right: .4em;
    vertical-align: middle;
}
.comment .meta .left .edit_btn > a { padding: 2px; margin-top: -4px; }
.comment .icon-bad { width: 16px; height: 16px; }
.comment .icon-cross { width: 12px; height: 12px; }

.comment .meta .rate { float: right; }

#dle-comments-list { width: 100%; overflow: hidden; }
#dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding: 0 8%; border-top: 1px solid #efefef; }
#dle-comments-list > .comments-tree-list > li .comments-tree-list > li { padding-left: 20px; }
.comments-tree-list { list-style: none; padding: 0; margin: 0; }

.comments-tree-list > li > ol > li .comment {
    padding: 30px 0;
    position: relative;
    box-shadow: none; -webkit-box-shadow: none;
    border-width: 0;
}
.comments-tree-list li ol li .comment {

    position: relative;
    box-shadow: none; -webkit-box-shadow: none;
    border-width: 0;
}
.comments-tree-list > li > ol > li .comment:after {
    content: "";
    position: absolute;
    width: 2000px; height: 1px;
    margin-left: -500px;
    left: 0; top: 0;
    background-color: #efefef;
}

.comments-tree-list > li > ol > li .comment:before {
    content: "";
    position: absolute;
    left: 0; top: 12px;
    margin: 30px 0 0 -20px;
    background-color: #e6e6e6;
    width: 10px; height: 2px;
}

.mass_comments_action { text-align: right; border-top: 1px solid #efefef; padding: 2% 4%; }
.mass_comments_action > select { margin-left: 1em; }

.com_content > .title { margin-top: 4%; }
.com_content > .text { font-size: .9rem; }

#map { width: 100%; height: 400px; }
.map_resp {
    width: 100%; padding-top: 60%; height: 0;
    position: relative;
}
.map_resp > #map {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    height: auto;
}
.dark_top {
    border-radius: 2px 2px 0 0;
    color: #fff;
    background: #2c2c2c;
}
.contacts { font-size: 1.3em; }
.contacts > .grid_1_2 { padding-left: 42px; }
.contacts > .grid_1_2 .icon {
    float: left;
    margin: 5px 0 0 -42px;
    width: 24px;
}

.page_form_style body { background-color: #f1f5f9; }
.page_form { max-width: 1100px; padding-left: 7%; }
.page_form__back {
    background-color: #1F5D34;
    position: fixed;
    left: 0; top: 0;
    height: 100%; width: 3%;
    padding: 0 2%;
}
.page_form__back:after {
    content: "";
    position: absolute;
    top: 0; right: 0;
    width: 5px; height: 100%;
    background-repeat: repeat-y;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
    background-image: linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
}
.page_form__back > .icon {
    position: absolute;
    left: 50%; top: 8%;
    margin: 0 0 0 -15px;
    width: 30px; height: 20px;
    fill: #fff;
    opacity: .6;
}
.page_form__back:hover > .icon { opacity: 1; }
.page_form__body { padding: 0 10%; }
.page_form__logo { padding: 8% 0 0 0; margin-bottom: 8%; }
.page_form__logo .icon { margin-top: -10px; width: 60px; height: 60px; }

.page_form__inner > .title { font-weight: normal; font-size: 30px; margin: 4% 0; }
.page_form__form .form_submit { border-top: 1px solid #e0e0e0; padding: 20px 0 0 0; margin-top: 20px; }

@media only screen and (min-width: 701px) {
    .page_form__form { font-size: 1.25em; }
    .page_form__form .form-group label { color: #999; }
    .page_form__form .form-group input, .page_form__form .form-group textarea,
    .page_form__form .form-group select, .page_form__form .c-captcha input {
        font-size: 1em;
        height: 60px;
        line-height: 26px;
        padding: 15px;
    }
    .page_form__form .form-group textarea { height: auto; }
    .page_form__form .c-captcha img { width: 160px; height: 60px; }
    .page_form__form .c-captcha input { width: 160px; }

    .page_form__form .form_submit { padding-top: 3%; margin-top: 3%; }
    .page_form__form ul.ui-form > li { margin-bottom: 3%; }
    .page_form__form .form_submit > .btn {
        font-size: 1em;
        font-weight: normal !important;
        height: 60px;
        border-radius: 30px;
        line-height: 26px;
        padding: 17px 28px;
    }
}

.page_form__form .login_check { position: relative; }
.page_form__form .login_check > input { padding-right: 150px; }
.page_form__form .login_check > .btn {
    width: 120px;
    position: absolute;
    right: 0; top: 0;
    font-weight: bold;
    margin: 12px;
}
#result-registration { margin-top: 10px; font-size: .8em; }
.regtext { margin-bottom: 5%; }

.page_form__foot { margin-top: 8%; padding-bottom: 8%; }
.page_form__foot > * { display: block; float: none; }
.page_form__foot .ca { display: block; margin-top: 2%; margin-left: 0; }

@media only screen and (min-width: 601px) {
    #pm-menu:after { content: ""; clear: both; display: block; }
    #pm-menu { margin-bottom: 25px; }
    #pm-menu a { color: inherit; padding: 10px 16px; border-radius: 2px; border: 2px solid transparent; float: left; text-decoration: none !important; }
    #pm-menu a:hover { border-color: #1F5D34; color: #1F5D34; }
}

.pm-box { margin-bottom: 25px; }
.pm_status { padding: 25px; background-color: #f1f5f9; border-radius: 2px; }
.pm_progress_bar { background-color: #e5dbcc; margin-bottom: 10px; border-radius: 2px; }
.pm_progress_bar span { background: #e85319; font-size: 0; height: 20px; border-radius: 2px; display: block; overflow: hidden }

.userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 50px; }
.userinfo_top .avatar { position: absolute; }
.user_tab { list-style: none; padding: 0; margin: 0; }
.user_tab > li { display: inline; margin-right: 1.2em; }
.user_tab > li > a {
    text-decoration: none !important;
    font-size: .6em;
    -webkit-transition: all ease .3s; transition: all ease .3s;
}
.user_tab > li > a { color: #fff; opacity: .5; }
.user_tab > li > a:hover { color: inherit; }
.user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; }

.usinf { list-style: none; padding: 0; margin: 0 0 25px 0; }
.usinf li { padding: 12px 0; border-top: 1px solid #e6e6e6; }
.usinf li:first-child { border-top-width: 0; }

.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
.ui-c1 { width: 30%; margin-right: 5%; }
.ui-c2 { width: 60%; }

.userinfo { padding-left: 90px; }
.userinfo .avatar { position: absolute; float: left; margin: 0 0 0 -90px; }
.userinfo .avatar .cover { width: 60px; height: 60px; }
.userinfo > ul { list-style: none; padding: 0; margin: 0; }

.stats_head > ul {
    list-style: none;
    padding: 0; margin: 0;
    font-size: 1.25em;
}
.stats_head > ul > li { margin-top: 15px; padding-left: 30px; }
.stats_head > ul > li:before {
    content: "";
    float: left;
    margin: 2px 0 0 -30px;
    width: 16px; height: 16px;
    border-radius: 50%;
    background-color:  #1F5D34;
}
.stats_head > ul > li > b {
    display: block;
    font-size: .8em;
    opacity: .5;
    font-weight: normal;
}
.stats_head > ul > li.stats_d:before { background-color: #f6a71a; }
.stats_head > ul > li.stats_w:before { background-color: #ce3f28; }

.stat_group { margin-bottom: 25px; }
.stat_group > h5 { margin-top: 0; margin-bottom: 1em; }
.stat_group > ul { list-style: none; padding: 0; margin: 0; }
.stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; }

.search_result_num { font-size: .9em; margin: 25px 0 0; }
.search table { width: 100%; border-spacing: 5px; border-collapse: separate; }
#searchtable td, #searchtable td div, #searchtable table { margin: 0 !important; padding: 0 !important; }
#searchtable td.search br { display: none; }
td.search .bbcodes { margin: 0 !important; }
td.search { vertical-align: top; }

@media only screen and (max-width: 1279px) {
    .midside { padding-right: 290px; }
    .rightside { width: 240px; margin-left: -290px; }
    .showfull #content .rightside { width: 240px; margin-right: -290px; }
    #searchsuggestions { width: 240px; }

    .logotype .logo_title { font-size: 18px; }

    ol.topnews > li > a { padding-left: 45px; }
    ol.topnews > li > a:before {
        font-size: 1.2em;
        width: 28px; height: 28px;
        line-height: 20px;
        padding: 2px 0; margin-left: -45px;
    }

    #votes .btn-border { padding-left: 10px; padding-right: 10px; }
}
@media only screen and (max-width: 1235px) {
    .midside { padding-left: 25px; }
    #top_menu { display: none; }
    #header_menu { padding-left: 65px; }
    body, .page { width: 100%; height: 100%; }
    #cat_menu, .page, .header { -webkit-transition: all ease .3s; transition: all ease .3s; }
    #cat_menu {
        position: fixed;
        z-index: 1111;
        top: 0; left: 0; top: 0; bottom: 0;
        margin: 0;
        overflow-y: auto;
        overflow-x: hidden;
        width: 200px;
        background-color: #ededed;
        border-right: 1px solid #d9d9d9;
        margin-left: -200px;
        visibility: hidden;
        opacity: 0;
        -webkit-overflow-scrolling: touch;
    }
    #cat_menu .soc_links { padding-bottom: 20px; }
    .mobile-menu_open #cat_menu { margin-left: 0; visibility: visible; opacity: 1; }
    .mobile-menu_open .page { margin-left: 200px; overflow: hidden; }
    .mobile-menu_open body { overflow: hidden; }
    .mobile-menu_open .header { left: 200px; }
}
@media (min-width: 1236px) {
    .cat_menu__tm, #mobile_menu_btn { display: none; }
}

@media (min-width: 981px) { #search_btn { display: none; } }
@media (max-width: 980px) {

    .showfull #content .next-prev { text-align: center; }
    .showfull .comments, .showfull #content .next-prev a { float: none; }

    .midside { padding-right: 25px; }

    #header_menu {
        display: block;
        padding-right: 86px;
    }
    .logotype { float: left; }

    #login_pane { float: right; margin-top: 22px; }
    #search_btn {
        position: absolute;
        right: 0; top: 0; bottom: 0;
        width: 86px; height: 80px;
        padding: 0 25px;
        border: 0 none;
        cursor: pointer;
        background-color: transparent;
    }
    #search_btn > span {
        display: block;
        width: 32px; height: 32px;
        border: 2px solid #fff;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
    }
    #search_btn > span > .icon {
        position: absolute;
        left: 50%; top: 50%;
        margin: -8px 0 0 -8px;
        width: 16px; height: 16px;
        fill: #fff;
        -webkit-transition: all ease .3s; transition: all ease .3s;
    }
    .search_open #search_btn > span > .icon-search,
    #search_btn > span > .icon-cross {
        opacity: 0; visibility: hidden;
        -webkit-transform: scale(0.3,0.3);
        transform: scale(0.3,0.3);
    }
    .search_open #search_btn > span > .icon-cross,
    #search_btn > span > .icon-search {
        opacity: 1; visibility: visible;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
    #q_search {
        display: block;
        position: fixed;
        z-index: 23;
        left: 25px; right: 86px; top: 0;
        margin:0;
        width: auto; height: 80px;
        margin-top: -80px;
    }
    .q_search > input { background-color: #fff; }
    .logotype, #mobile_menu_btn, #login_pane, #q_search { -webkit-transition: all ease .3s; transition: all ease .3s; }
    .search_open .logotype, .search_open #mobile_menu_btn, .search_open #login_pane, #q_search { opacity: 0; visibility: hidden; }
    .search_open #q_search { margin-top: 0; opacity: 1; visibility: visible; }
    .q_search_adv { display: none; }

    .showfull .story { margin-top: 0; }
    .showfull .pagetools { position: relative; }
    .rightside, .tags_block,
    .showfull #content .rightside .banner_240,
    .midside .banner { display: none; }
    .showfull #content .rightside {
        float: none;
        width: auto;
        margin: 0; padding: 0;
        display: block;
    }
    .showfull .comments, .showfull #content .box { float: none; }

    .block {
        background-color: #fff;
        margin-bottom: 25px;
        border-radius: 2px;
        position: relative;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    }
    .block > .title { padding: 4% 8%; margin-bottom: 0; }
    .block > .title:after { display: none; }

    .relnews { margin: 0; border-top: 1px solid #efefef; }
    .relnews > li > a {
        border-bottom: 1px solid #efefef;
        padding: 4% 8%
    }
    .relnews > li > a .icon { margin: 3px 0 0 0; }
    .relnews > li > a > b, .relnews > li > a > span { margin-left: 27px; }

    .block_grey { padding: 4% 8%; margin-bottom: 25px; }
    .block_grey > .title { font-size: 1.2em; }
    .vote_list { margin: 4% 0; }
}
@media only screen and (max-width: 700px) {
    .page_form__form .login_check > .btn {
        margin: 5px; font-weight: normal;
    }
}
@media only screen and (max-width: 750px) {
    .informer_list { margin-right: 0; }
    .informer_list li { float: none; width: auto; padding: 0; margin-bottom: 25px; }
    .informer_list li:last-child { margin-bottom: 0; }

    .table_top_users, .pmlist { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    table.userstop, table.pm { width: 900px; }
}
@media only screen and (max-device-width: 480px) {
    body { -webkit-text-size-adjust: 100%; }
}

@media only screen and (max-width: 600px) {
    body, select, input, textarea, button { font-size: 13px/1.5; }
    .hblock, .mass_comments_action, #dofullsearch, .vote_more, .bb-pane { display: none; }
    .midside { padding: 0; }
    #content { padding: 15px 15px 0 15px; }
    .navigation { margin: 15px 0; }
    .box, .comment, .berrors { margin-bottom: 15px; }
    .box > .heading { padding: 20px; }
    .quote, blockquote { font-size: 1.1em; }

    .mejs-container { max-width: 100%; }
    .story video { max-width: 100%; }
    .story iframe { max-width: 100%; aspect-ratio: 16 / 9; }

    .ui-dialog { width: 100% !important; left: 0 !important; }
    .ui-dialog-buttonset > .ui-button { margin: 2px; }

    #header, .header { margin: 0; height: 50px; }
    .header {
        background-color: #1F5D34;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    }
    #header_menu {
        position: relative;
        height: auto;
        border-radius: 0;
        box-shadow: none; -webkit-box-shadow: none;
        padding: 0 50px;
        z-index: 1;
        height: 50px;
    }
    #header_menu:after {
        content: "";
        position: absolute;
        top: 100%; left: 0;
        height: 1px; width: 100%;
        background: rgba(255,255,255,0.1);
    }
    .logotype {
        float: none;
        width: 100%; height: 50px;
        text-align: center;
        justify-content: center;
    }
    .logo_title { display: none; }
    .logotype .icon-logo { width: 32px; height: 32px; }

    #mobile_menu_btn, #search_btn {
        width: 50px; height: 50px;
        padding: 0;
        border-right-width: 0;
    }
    .mobile-menu_open .mt_1 { margin-top: 8px; }
    .mobile-menu_open .mt_2 { margin-top: 8px; }
    .mobile-menu_open .mt_3 { margin-top: 8px; }
    #cat_menu {
        position: fixed;
        z-index: 0;
        margin: -60% 0 0 0;
        width: 100%;
        background: #1F5D34;
        left: auto; right: auto;
    }
    #cat_menu:after {
        content: "";
        position: fixed;
        width: 100%; height: 70px; margin-top: 50px;
        left: 0; right: 0; top: 0;
        z-index: 1;
        background-repeat: repeat-y;
        background-image: linear-gradient(top, #1F5D34 30%, rgba(51,148,230,0) 100%);
    }
    .cat_menu { padding: 10%; margin-top: 50px; }
    .cat_menu a:first-child { border-top-width: 0; }
    .cat_menu a {
        text-decoration: none !important;
        font-size: 1.1em;
        padding: 3% 0;
        display: block;
        color: #fff;
        border-top-color: #1F5D34;
        border-top: 1px solid rgba(255,255,255,0.06);
    }
    #cat_menu .soc_links { display: none; }

    .mobile-menu_open .header { left: auto; }
    .mobile-menu_open .page { margin-left: 0; }
    .mobile-menu_open #cat_menu { margin-top: 50px; }
    .mobile-menu_open #login_pane { opacity: 1; visibility: visible; }

    #login_pane {
        float: none;
        margin-top: 16px;
        text-align: center;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all ease .3s; transition: all ease .3s;
    }
    #login_pane .dropdown-form {
        position: fixed;
        top: 105px; left: 10px; right: 10px; bottom: 10px;
        overflow-x: hidden;
        overflow-y: auto;
        margin: 0; padding-bottom: 0;
        width: auto; min-width: 0;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    .login_pane__foot, .login_form__foot { padding-bottom: 39px; }

    #search_btn { padding: 7px; }
    #search_btn > span {
        border-width: 0;
        width: 36px; height: 36px;
    }
    #q_search {
        left: 15px; right: 50px;
        height: 50px;
        padding: 0;
    }
    .q_search { margin-top: 7px; }

    .carousel { margin-bottom: 0; border-radius: 0; }
    .carousel-caption {
        position: absolute;
        left: 0; top: 0;
        width: 100%; height: 100%;
        margin: 0;
        display: table;
    }
    .carousel-caption_in {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding: 15px;
    }
    .carousel-caption .title { font-size: 1.2em; font-weight: bold; }
    .carousel-caption .text { font-size: 1em; }

    .carousel-control { position: static; }
    .carousel-control_in { background: none; box-shadow: none; -webkit-box-shadow: none; }
    .carousel-indicators { display: none; }
    .carousel-control .up, .carousel-control .down { position: absolute; z-index: 12; left: 50%; margin-left: -21px; }
    .carousel-control .up { top: 0; }
    .carousel-control .down { bottom: 0; }
    .carousel-control .up .icon, .carousel-control .down .icon { fill: #fff !important; }

    .block, .block_grey { margin-bottom: 15px; }
    .block > .title, .block_grey, .relnews > li > a { padding: 20px; }

    .box_in { padding: 20px; }
    .story_icons {
        float: right;
        position: relative;
        padding: 0; margin: -4px 0 10px 10px;
    }
    .story > .meta { padding: 10px 20px; }
    .meta > ul.left > li { margin-right: 12px; }
    .meta > ul.right > li { margin-left: 12px; }
    .story .title { font-size: 1.15em; }
    .story .box_in > .text { font-size: 1em; }

    .story_date > * { display: none; }
    .story_date > time { display: inline; }
    .category { display: none; }

    .story_tools, .editdate { margin-top: 20px; }
    .shortstory .story_tools > .rate { float: right; }
    .story_tools > .btn { padding: 0; height: 36px; width: 36px; text-align: center; }
    .story_tools > .btn:after, .story_tools > .btn:before { content: ""; }
    .story_tools > .btn > b, .story_tools > .btn:after, .story_tools > .btn:before {
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        background-color: #fff;
        width: 4px; height: 4px;
        border-radius: 50%;
        margin: 11px 0 0 0;
        vertical-align: middle;
    }
    .story_tools > .btn > b { margin-left: 2px; margin-right: 2px; }

    .fixed_label {
        width: 10px; height: 18px;
        padding: 0;
        margin-top: 20px;
        background-color: #e85319;
    }
    .fixed_label:before { display: none; }
    .fixed_label:after {
        bottom: auto; left: 100%; top: 0;
        margin: 0 0 0 -3px;
        border: solid transparent;
        border-right-color: #fff;
        border-width: 9px 3px 9px 0;
    }

    .pagetools {
        margin-bottom: 0;
        border-radius: 0;
        border-width: 0 0 1px 0;
        height: 51px;
        padding-left: 50px;
    }
    .pagetools_back { width: 50px; height: 50px; }
    .sortbar, .breadcrumb_in {
        width: 100%;
        overflow-x: auto; overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .breadcrumb_in .over { display: block; overflow: visible; }
    .sortbar_in:after, .breadcrumb_in .over:after { content: ""; width: 25px; display: inline-block; }

    .page_next-prev { height: auto; float: none; background: none; box-shadow: none; -webkit-box-shadow: none; }
    .page_prev { float: left; }
    .page_next { float: right; }
    .page_prev, .page_next {
        position: relative;
        z-index: 1;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    }
    .pages { text-align: center; }
    .navigation .pages > * {
        border-radius: 8px;
        background: #9c9c9c;
        color: #fff;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    }
    .navigation .pages > span { background: #1F5D34; }
    .navigation .pages > span,
    .navigation .pages > *:first-child,
    .navigation .pages > *:last-child { display: inline-block; }
    .navigation .pages > span.nav_ext { text-indent: -9999px; background: none; box-shadow: none; width: 10px; min-width: 5px; padding: 0;}

    .addcomment .plus_icon { display: none; }
    .addcomment h3 { display: none; }

    .comment { padding: 20px; padding-bottom: 60px; }
    .com_content > .title { font-size: 1.15em; }
    .comment .meta {
        position: absolute;
        bottom: 14px; left: 20px; right: 20px;
    }
    .com_info { margin: 0 0 20px 0; padding-left: 46px; }
    .com_user { display: block; }
    .comment .avatar { margin-left: -46px; margin-right: 0; }
    .comment .rate_like > a, .comment  .rate_like-dislike { border-color: transparent; }
    .comment .meta .mass, .reply a span { display: none; }

    #dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding: 0 20px; }
    .comments-tree-list li ol li .comment {
        padding: 20px 0;
        padding-bottom: 60px;
    }
    .comments-tree-list .comments-tree-list .comment .meta { left: 0; right: 0; }
    .comments-tree-list > li > ol > li .comment:before { margin: 25px 0 0 -20px; }

    .contacts { font-size: 1em; }
    .contacts > .grid_1_2 { margin-top: 15px; padding-left: 30px; }
    .contacts > .grid_1_2 .icon { width: 16px; height: 18px; margin-left: -30px; }

    .form_submit > .btn-big { width: 100%; margin-top: 5px; }
    .form_submit .c-captcha { float: none; margin-bottom: 20px; }
    .c-captcha img, .c-captcha > input { width: 122px; }
    .combo_field { margin-bottom: 20px; }

    .page_form { padding-left: 0; padding-top: 50px; }
    .page_form__body { padding: 0 8%; }
    .page_form__logo .icon { margin-top: 0; }
    .page_form__back {
        left: 0;
        z-index: 999;
        width: 100%; height: 50px;
        padding: 0;
    }
    .page_form__back > .icon { top: 50%; left: 0; margin: -10px 0 0 8%; }
    .page_form__back:after { display: none; }

    .page_form__inner > .title { font-size: 24px; }

    .stats_head > ul { font-size: 1em; }

    #pm-menu { margin-bottom: 20px; }
    #pm-menu a {
        padding: 10px 0;
        color: inherit;
        display: block;
        border-top: 1px solid #efefef;
        text-decoration: none !important;
    }
    #pm-menu a:hover { color: #1F5D34; }

    .userinfo_top { padding-bottom: 50px; }
    .user_tab > li { display: block; margin-right: 0; }
    .user_tab > li > a { font-size: 11px; letter-spacing: 0; }

    .ui-c1, .ui-c2 { width: 100%; margin: 0; display: block; }
    .ui-c1 { font-size: .9em; }

    .footer_menu { padding: 15px; }
    .foot_menu { margin: 0; }
    .foot_menu > li { float: none; width: auto; padding: 0; }
    .foot_menu > li:first-child > b { border-top-width: 0; }
    .foot_menu > li > b {
        cursor: pointer;
        margin: 0; padding: 10px 0;
        font-weight: normal;
        border-top: 1px solid #d5d5d5;
    }

    .foot_menu > li > b i {
        display: block;
        float: right;
        width: 12px; height: 2px;
        position: relative;
        margin: 10px 0;
        background-color: #353535;
    }
    .foot_menu > li > b.collapsed i, .foot_menu > li > b.collapsed i:after { background-color: #1F5D34; }
    .foot_menu > li > b.collapsed i:after {
        content: "";
        display: block;
        margin: -5px auto 0 auto;
        height: 12px; width: 2px;
    }
    .foot_menu > li .collapse { display: none; }
    .foot_menu > li .collapse.in { display: block; }
    .foot_menu > li nav { padding: 10px; padding-top: 0; }

    .footer { background: #212121; padding: 15px; }
    .footer .midside { display: block; padding: 0; }
    .footer .copyright, .footer .copyright a { color: #d5d5d5; }
    .footer .copyright { padding: 0 0 15px 0; border-bottom: 1px solid #2c2c2c; }
    .footer .ca { display: block; float: none; margin: 0; padding: 15px 0; color: #4e4e4e !important; }
    .footer .ca .icon { fill: #323232; }
}

.dle-alert ul {
    padding-left: 0px;
    list-style: none;
}
.dle-alert ul li {
    padding-top: 5px;
}
.dle-alert ul li:first-child {
    padding-top: 0px;
}
p {
    margin-block-start: .7em;
    margin-block-end: .7em;
    font-size: 18px;
}

.grecaptcha-badge {
    display: none;
}

fieldset .soc_links {
    display: block;
}

fieldset .soc_links > a {
    margin-right: 10px;
}

.dle-popup-mediaupload {
    font-size: 13px;
}
#mediaupload-delete {
    background-color: #ef5350;
}
.dle-popup-mediaupload.ui-dialog .ui-dialog-buttonpane {
    padding: 10px;
}

.file-preview-card, .mediaupload-box {
    background-color: #fff;
}

.dle-popup-mediaupload .mediaupload-insert-params {
    background-color: #ededed!important;
    border-top: 1px solid #ededed!important;
}

.upload-options .checkbox-inline {
    padding-left: 0!important;
}

.dle-popup-mediaupload textarea, .dle-popup-mediaupload input[type="text"] {
    height: auto;
    line-height: 1;
    padding: 5px;
}
.dle-popup-mediaupload select {
    line-height: 1;
}
.less {
    box-shadow: rgb(0 0 0 / 6%) 0px 0px 0px 1px, rgb(0 0 0 / 40%) 0px 10px 20px -5px;
}

figure {
    margin: 0;
}

figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image.align-center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

figure.image figcaption {
    padding: 1rem;
    background-color: #fafafa;
    font-size: .8rem;
    caption-side: bottom;
    word-break: break-word;
    text-align: center;
}

figure.image.align-center figcaption {
    display: table-caption;
}

#check-all-box {
    margin-bottom: .4rem;
}
.searchtable .form-check-label {
    display: block;
    margin-bottom: .5rem;
}

.checkbox, .dle-popup-mediaupload .checkbox {
    margin: .6rem 0 .2rem 0 !important;
}
.form-check-label {
    cursor: pointer;
}
.form-check-input {
    color: #1F5D34;
    flex-shrink: 0;
    width: 1.12rem;
    height: 1.12rem;
    margin: -0.188rem 0.625rem 0 0;
    appearance: none;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #1F5D34;
    vertical-align: middle;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230c5f7eed' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230c5f7eed'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox] {
    border-radius: .25rem;
}

.form-check-input[type=radio] {
    border-radius: 50%;
}

#qna-wrapper a[href="/?do=qna"],
#qna-wrapper a[href*="?do=qna"] {
  color: yellow !important;
  animation: blink 1s infinite;
}

@keyframes blink {
  50% { opacity: 0; }
}
a.qna-special {
  color: yellow !important;
  animation: blink 1s infinite;
}