@font-face {
font-family: 'pt sans';
src: url('../fonts/PTSans-Regular.ttf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'pt sans';
src: url('../fonts/PTSans-Bold.ttf');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'pt sans';
src: url('../fonts/PTSans-BoldItalic.ttf');
font-weight: bold;
font-style: italic;
}

@font-face {
font-family: 'pt sans';
src: url('../fonts/PTSans-RegularItalic.ttf');
font-weight: normal;
font-style: italic;
}

html{background:#f5f5f5;scroll-behavior:smooth}
html,body{margin:0;padding:0;width:100%;line-height:1.5em;display:block}
body{font-family:'PT Sans','trebuchet ms','segoe ui',arial,'Sans-Serif';font-size:16px;color:#000;overflow-y:scroll;width:90%;margin:0 auto}
header, footer, nav, article, aside, section, main {display:block;box-sizing:border-box}
div{display:block;margin:0;padding:0;box-sizing:border-box}
a{color:#698CC8;text-decoration:none}
a:hover{color:#105990}
a,a img{border:none;outline:none}
ul,li,form,fieldset,dl,dt,dd,h1,h2,h3,h4,h5,h6,del{margin:0;padding:0;text-decoration:none;font-style:normal;border:none}
ul,li{list-style-type:none}
input,select,textarea,button{margin:0;padding:0;border:1px solid #dadada;outline:none;box-sizing:border-box;font-family:'PT Sans','trebuchet ms'}
select {padding:2px 5px}
input[type="button"], input[type="text"], input[type="email"], input[type="password"], textarea{font-size:14px;padding:5px}
input[type="button"], input[type="submit"], button {transition:0.3s;background:#FFF;color:#000;text-align:center;font-size:16px;padding:5px 15px;border:1px solid #dadada;font-weight:normal;border-radius:3px}
input[type="button"]:hover, input[type="submit"]:hover, button:hover{transition:0.3s;background:#698CC8;border-color:#698CC8;color:#FFF;cursor:pointer}
input[type='checkbox'] + label:before {font-family: FontAwesome;content: "\f096";padding-right: .5em}
input[type='checkbox']:checked + label:before {font-family: FontAwesome;content: "\f046";padding-right: .5em}
input[type='checkbox'], input[type='checkbox']:checked {display:none}
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:1.5em;text-align:left}
h1{font-size:30px}
h2{font-size:26px}
h3{font-size:22px}
h4{font-size:18px}
h5{font-size:15px}
hr{height:1px;width:100%;margin:15px 0;background:#ededed;border:none}
.fa{padding-right:.6em}
.fa-padd-left{padding-left:.6em}
.hide{display:none}
.sticky{position:sticky;top:10px}
#dle-content .fa-star {color:#fc0}
#dle-content span.favorites-video a {color:inherit;margin-left:2em}

/* Глобальные блоки */

body > footer{width:75%;float:right}
.main{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;float:left;margin-top:10px}
.leftcol{padding:0;min-height:600px;width:calc(25% - 10px);margin-right:10px}
.centercol{width:75%;padding:0;overflow:hidden;order:1}

/* Main page */

.main-page {width:100%;padding:0}
.main-page .last-articles .last-h2 {width:calc(50% - 5px);display:flex;justify-content:center;align-items:center;margin-bottom:10px;background:#FFF;color:#d86a43;border-radius:5px}
.main-page .last-articles .last-h2 > h2 {line-height:1em;font-size:30px;width:100%;text-align:center;white-space:nowrap}
.main-page .last-articles, .main-page .best-articles {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.main-page .best-articles {justify-content:space-between}
.main-page .best-articles .color {border-radius:5px 5px 7px 7px;min-height:250px;width:calc(50% - 5px)}
.main-page .best-articles .color .related-content {padding-bottom:15px;justify-content:flex-end;border-radius:5px;background:linear-gradient(to top, #dededeed 45%, transparent)}
.main-page .best-articles .color .related-content h2 {font-size:22px;padding-right:20px;width:100%}
.main-page .best-articles .color .related-content p {font-size:13px;padding-right:20px;width:100%}
.main-page .best-articles .color .related-content .related-date {padding-top:5px}
.main-page .best-articles .best-h2 {width:calc(50% - 5px);display:flex;justify-content:center;align-items:center;margin-bottom:10px;background:#FFF;color:#698cc8;border-radius:5px}
.main-page .best-articles .best-h2 > h2 {line-height:1em;font-size:30px;width:100%;text-align:center;white-space:nowrap}
.main-page .best-articles .best-h2 > h2 i, .main-page .last-articles .last-h2 > h2 i {padding:0;padding-left:.6em;position:relative;top:3px}
.main-page .category {z-index:2;font-size:12px;text-transform:uppercase;background:#8BC34A;color:#FFF;padding:0 10px;border-radius:3px;position:absolute;top:5px;right:5px;}

.main-video {overflow:hidden;border-radius:5px;width:100%!important;background:#FFF;height:auto;min-height:450px;margin-bottom:10px}
.main-video > a > h2 {border-radius:5px 5px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px;padding:10px 30px 10px .8em;background:#FFF}
.main-video > a > h2  {color:#000}
.main-video > a:hover h2 {color:#698cc8}
.main-video > iframe {display:block;width:100%!important;height:450px!important}

/* Zen-blocks */

#vk_groups {margin-bottom:10px}
.zen-blocks {width:100%;min-height:400px;overflow:hidden;position:relative;margin-bottom:10px}
.zen-blocks a * {transition:0.3s}
.zen-blocks a:hover * {opacity:0.90;transition:0.3s}
.zen-blocks a:hover .zen-title {color:#efefef}
.zen-blocks h2 {font-size:30px;font-weight:bold;text-align:left;color:#FFF;padding:10px 20px;position:absolute;text-shadow:0 0 5px #000;border-radius:5px 0 5px 0;z-index:2}
.zen-block {background:#000;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:10px;overflow:hidden;width:100%;height:400px;border-radius:5px;}
.zen-links {padding-top:0;display:flex;flex-direction:column;justify-content:flex-end;background:#698CC880;}
.zen-title {color:#FFF;text-shadow:1px 1px 3px #000;font-size:20px;font-weight:bold;white-space:normal;padding:15px 20px}
.zen-description {color:#e4e4e4;font-size:12px;white-space:normal;padding:10px 20px;line-height:1.5em}
.zen-blocks a {width:100%;opacity:0;position:absolute;transition:3s!important}
.zen-blocks a:nth-child(2) {opacity:1}

/* Sort */

ul.sort {overflow:hidden;width:100%;background:#FFF;line-height:3em;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:flex-start;box-sizing:border-box;margin-bottom:5px}
ul.sort li {padding:0 10px}
ul.sort li a {color:#656565}
ul.sort li a:hover {text-decoration:underline}
ul.sort li.asc a {color:#4a90e2}
form#news_set_sort {width:100%}

/* Верхняя панель */

body > header{z-index:1;width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;align-content:center;flex-wrap:nowrap;padding:0 20px;overflow:hidden}
body > header .header-bottom {height:80px}
body > header .header-top, body > header .header-bottom {width:100%;display:flex;justify-content:flex-start;align-items:center;align-content:center;flex-wrap:nowrap;overflow:hidden}
body > header .header-bottom-nav {width:70%}
body > header .header-bottom {flex-wrap:wrap}
body > header .header-top {height:80px;padding-top:30px;justify-content:space-between}
body > header nav{display:flex;align-items:center;flex-wrap:wrap}
body > header > a:first-child{padding-left:0;display:block;height:55px}
body > header img{width:200px;margin-top:3px}
body > header img:hover{opacity:.85}
body > header,.block-search input{background:#fff}
body > header a{font-size:18px;font-weight:bold;padding:0 15px;white-space:nowrap;color:#000;transition:padding 0.5s}
body > header > .header-bottom .icon-links {width:30%;display:flex;justify-content:flex-end;align-items:center}
body > header > .header-bottom .icon-links {display:flex;align-items:center;justify-content:flex-end}
body > header > .header-bottom .icon-links a, body > header > .header-bottom .icon-links a > i {padding:0}
body > header > .header-bottom .icon-links a:first-child{margin-right:.6em}
body > header > .header-bottom .icon-links a {color:inherit}
body > header > .header-bottom .icon-links a:hover {color:#698CC8}
body > header a:hover{text-decoration:underline;color:#000}
body > header form{width:50%;text-align:right}
body > header a.menu-item-active-top:hover{text-decoration:none}
body > header a.menu-item-active-top{background:#efefef;border-radius:3px;padding:0 15px}

body > header .login-buttons {padding-left:20px;display:flex;align-items:center;justify-content:space-between;}
body > header .login-buttons a > .fa {padding:0}
body > header .login-buttons > a {transition:.2s;color:#828282;text-align:center;margin-right:5px;font-size:16px;padding:6px 15px; border:1px solid #dadada;font-weight:normal;border-radius:3px;flex-grow:1}
body > header .login-buttons > a:last-child {margin-right:0}
body > header .login-buttons > a:hover, body > header .login-buttons > a.active {transition:.2s;text-decoration:none;background:#698CC8;color:#FFF;border-color:#698CC8}

.menu-item-active{background:#F0F3F7;border-radius:2px}
a.ya-share2__link {padding:0!important}
#ya-site-form0 .ya-site-form__search, #ya-site-form0 .ya-site-form__search td, #ya-site-form0 .yaform__precise-i, #ya-site-form0 .ya-site-form__form .ya-site-form__input-text {background-color:#FFF!important;border-radius:3px}
.ya-page_js_yes .ya-site-form_inited_no {display:none}

/* Переходы в верхнем блоке */

.cl-effect a {line-height:1.8em}
.cl-effect a span {position:relative;display:inline-block;transition:transform 0.3s;transform-origin:50% 0;transform-style:preserve-3d}
.cl-effect a span::before {opacity:0;position:absolute;top:100%;left:0;width:100%;height:100%;content:attr(data-hover);transition:background,opacity 0.3s;transform:rotateX(-90deg);transform-origin:50% 0}
.cl-effect a:hover span,.cl-effect-2 a:focus span {transform:rotateX(90deg) translateY(-22px)}
.cl-effect a:hover span::before, .cl-effect-2 a:focus span::before {opacity:1;transition:opacity 0.3s;background:inherit;border-bottom:1px solid #000}
.cl-effect a.menu-item-active-top:hover span::before, cl-effect-2 a.menu-item-active-top:focus span::before {border-bottom:none}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
.cl-effect a:hover span,.cl-effect-2 a:focus span {transform:none;transition:none}
.cl-effect a span::before {display:none}
.cl-effect a:hover span {text-decoration:underline}
}

/* Блок поиска */

.block-search{padding-left:10px;width:30%;border:1px solid #dadada;border-radius:3px;overflow:hidden;height:38px}
.block-search .submit{display:none}
.block-search input{border:none;border-bottom:1px solid #e7e8ec;padding:0;width:90%;color:#FFF;font-family:'PT Sans','trebuchet ms','segoe ui',arial,'Sans-Serif';font-size:15px}
.block-search input::-webkit-input-placeholder{color:#e7e8ec;font-family:'PT Sans','trebuchet ms','segoe ui',arial,'Sans-Serif';}
.block-search input::-moz-placeholder{color:#e7e8ec;font-family:'PT Sans','trebuchet ms','segoe ui',arial,'Sans-Serif';}
.block-search input::-ms-placeholder{color:#e7e8ec;font-family:'PT Sans','trebuchet ms','segoe ui',arial,'Sans-Serif';}

.ya-site-form__input {border:none!important;background:none!important;padding:0!important;}
td.ya-site-form__search-input-layout-r {display:none}
.ya-site-form__input {width:100%;float:right}
.b-body-items, td.b-head__l {padding-left:30px!important}
#ya-site-form0 .ya-site-form__wrap {width:100%!important}
#ya-site-form0 .ya-site-form__input-text {border:none!important}  

/* Короткая новость, закругление и расположение блоков */

.shortstory-article, .shortstory-video, .shortstory-gallery {border-radius:5px 5px 8px 8px;overflow:visible!important}
.shortstory-gallery > a, .shortstory-article .top-block, .shortstory-video .top-block {border-radius:0 0 5px 5px}
.shortstory-gallery {border-radius:8px 8px 5px 5px}
.shortstory-gallery > a {border-radius:5px}
.shortstory-article:nth-of-type(odd), .shortstory-video:nth-of-type(odd), .shortstory-gallery:nth-of-type(odd){margin-right:10px}
.shortstory-article:nth-of-type(3n + 1), .shortstory-video:nth-of-type(3n + 1), .shortstory-gallery:nth-of-type(3n + 1){width:calc(63% - 10px)!important}
.shortstory-article, .shortstory-video, .shortstory-gallery {width:calc(37% - 10px)!important;flex-grow:1;}
.shortstory-article:last-of-type, .shortstory-video:last-of-type, .shortstory-gallery:last-of-type{margin-right:0!important}

/* Левая колонка */

.leftcol .popular{background:#FFF;padding:15px;margin-bottom:10px;;border-radius:3px;z-index:1}
.popular > h2{font-size:20px;color:#272727;text-align:left;width:100%}
.popular > nav.catlist{width:100%;padding:10px 0 0;display:flex;justify-content:flex-start;flex-direction:column;flex-wrap:wrap}
.popular a{padding:3px 7px;font-size:16px;font-weight:bold}
.popular a:hover{background:#e5ebf1;border-radius:2px}
.popular .sub-item {padding-left:10px}
.popular .info-links li {display:block;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.popular .info-links li:last-child {margin-bottom:0}

.leftcol .last-posts {display:flex;flex-direction:column}
.leftcol .last-posts > h2{font-size:20px;background:#FFF;padding:10px 15px;border-bottom:1px solid #ededed}
.leftcol .white-blocks {padding-bottom:15px;background:#FFF;box-sizing:border-box;overflow:hidden;height:auto;width:100%;display:flex;flex-direction:column;border-bottom:1px solid #ededed}
.leftcol .white-blocks:last-of-type{border:none}
.leftcol .white-blocks a {color:#555;display:flex}
.leftcol .white-blocks a:hover{color:#105990}
.leftcol .white-blocks .white-content {box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end}
.leftcol .white-blocks .white-content h2 {box-sizing:border-box;font-size:16px;padding:15px 15px 10px;width:100%}
.leftcol .white-blocks .white-content .date {font-size:13px;padding:0 15px}

/* Футер */

body > footer{overflow:hidden;line-height:1.5em;background:#dadada;color:#000;padding:20px 20px 30px 50px;display:flex;align-items:start;align-content:center;flex-wrap:nowrap;justify-content:space-between;font-size:13px}
body > footer ul.counters li{padding-bottom:5px;list-style:none}
body > footer .foot-2{white-space:nowrap}
body > footer .foot-2 ul li{list-style-type:none;padding-top:5px}
body > footer .foot-2 ul li a{color:#000;text-decoration:none}
body > footer .foot-2 ul li a:hover{text-decoration:underline}

/* Хайслайд */

.highslide-wrapper,.highslide-outline{background:#FFF}
.highslide-image{border:2px solid #FFF}
.highslide-active-anchor{visibility:hidden}
.highslide-active-anchor img{visibility:hidden}
.highslide-dimming{background:#000}
.highslide-html{background-color:#fff}
.highslide-html-content{display:none}
.highslide-loading{display:block;color:#fff;font-size:9px;font-weight:700;text-decoration:none;padding:3px;border:1px solid #fff;background:#000}
a.highslide-full-expand{background:url(../dleimages/fullexpand.gif) no-repeat;display:block;margin:0 10px 10px 0;width:34px;height:34px}
.highslide-footer{height:11px}
.highslide-footer .highslide-resize{float:right;height:12px;width:11px;background:url(../dleimages/resize.gif)}
.highslide-resize{cursor:nw-resize}
.highslide-display-block{display:block}
.highslide-display-none{display:none}
.highslide-caption{display:none;padding:10px 15px;background:#fff;font-size:18px;font-weight:bold}
.highslide-controls{width:195px;height:40px;background:url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;margin:10px 15px 10px 0}
.highslide-controls ul{position:relative;left:15px;height:40px;list-style:none;margin:0;padding:0;background:url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) right -90px no-repeat}
.highslide-controls li{float:left;padding:5px 0}
.highslide-controls a{background:url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif);display:block;float:left;height:30px;width:30px;outline:none}
.highslide-controls a.disabled{cursor:default}
.highslide-controls a span{display:none}
.highslide-controls .highslide-previous a{background-position:0 0}
.highslide-controls .highslide-previous a:hover{background-position:0 -30px}
.highslide-controls .highslide-previous a.disabled{background-position:0 -60px!important}
.highslide-controls .highslide-play a{background-position:-30px 0}
.highslide-controls .highslide-play a:hover{background-position:-30px -30px}
.highslide-controls .highslide-play a.disabled{background-position:-30px -60px!important}
.highslide-controls .highslide-pause a{background-position:-60px 0}
.highslide-controls .highslide-pause a:hover{background-position:-60px -30px}
.highslide-controls .highslide-next a{background-position:-90px 0}
.highslide-controls .highslide-next a:hover{background-position:-90px -30px}
.highslide-controls .highslide-next a.disabled{background-position:-90px -60px!important}
.highslide-controls .highslide-move a{background-position:-120px 0}
.highslide-controls .highslide-move a:hover{background-position:-120px -30px}
.highslide-controls .highslide-full-expand a{background-position:-150px 0}
.highslide-controls .highslide-full-expand a:hover{background-position:-150px -30px}
.highslide-controls .highslide-full-expand a.disabled{background-position:-150px -60px!important}
.highslide-controls .highslide-close a{background-position:-180px 0}
.highslide-controls .highslide-close a:hover{background-position:-180px -30px}

/* Похожие новости */

.related{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0!important;background:none!important;margin-top:0!important}
.related > h2{margin-bottom:10px;background:#FFF;border-radius:0 0 5px 5px}
.related-block{display:flex;box-sizing:border-box;position:relative;width:calc(50% - 5px);min-height:190px;height:auto;border-radius:5px 3px 3px 5px;padding:0;margin-bottom:10px;background-position:50%!important;background-size:cover!important}
.related-block a{display:block;width:100%;box-sizing:border-box;color:#000;text-decoration:none;transition:0.3s}
.related-block a:hover{text-decoration:none;opacity:0.9;transition:0.3s}
.related-block .related-content{border-radius:3px 0 0 3px;background:linear-gradient(to right, #dededeed 45%, transparent);width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;line-height:1.6em;text-align:left;padding:0 0 20px 0;overflow:hidden}
.related-block .related-content h2{width:60%;padding:20px 0 10px 20px;box-sizing:border-box;font-size:18px;line-height:1.3em;}
.related-block .related-content p{font-size:12px;line-height:1.5em;width:60%;height:auto;box-sizing:border-box;overflow:hidden;margin:0;padding:0 0 0 20px;color:#000}
.related-block .related-content .related-date {color:#656565;padding-left:20px;font-size:13px;padding-top:5px}

/* Баннеры */

.dle_b_fullstory-bottom, .dle_b_fullstory-bottom-2, .dle_b_fullstory-bottom-gallery{background:#FFF;margin-top:20px}
.dle_b_shortstory-1-10 {background:#FFF;margin-bottom:.5em}
.dle_b_leftcol-top {margin-bottom:10px}

/* Полная новость */

.fullstory {width:100%;background:#FFF;overflow:visible;padding:30px 30px 15px}
.fullstory hr:last-child{margin-bottom:0}
.fullstory h1, .fullstory h2, .fullstory h3, .fullstory h4 {margin-bottom:15px}
.fullstory h2, .fullstory h3, .fullstory h4 {margin-top:15px}
.fullstory h1 {line-height:1.3em}
.fullstory .text{width:100%;font-size:16px;text-align:left}
.fullstory .text .quote, .quote {padding:0 0 0 15px;border-left:3px solid #a0d661;color:#222;font-size:14px}
.fullstory .text .quote {margin-top:15px}
.quote:before {content: "\f10d";font-family:FontAwesome;padding-right:.8em}
.title_quote {padding:10px 0}
.fullstory .text a.highslide+a.highslide{margin-top:2px}
.fullstory .text p > img+img {margin-top:2px}
.fullstory .text a.highslide+img{margin-top:2px}
.fullstory .text a.highslide{display:block}
.fullstory .text a:hover{text-decoration:underline}
.fullstory .top-img {height:auto;min-height:180px;width:calc(100% + 60px);margin: -30px 0 30px -30px;background-size:cover!important}
.fullstory .text .s-thumb {float:right;margin-left:30px;margin-bottom:15px;border-radius:3px}
.fullstory .text p{margin:0;margin-top:15px;color:#000;line-height:1.6em}
.fullstory .text p iframe {width:100%}
.fullstory .text div.attachment {margin-top:15px;display:inline-block;margin-right:10px}
.fullstory .text p span.attachment, .fullstory .text > div.attachment > span.attachment {font-size:13px;display:inline-block;background:#f1f6fb;border-radius:2px;padding:5px 15px;}
.fullstory .text p span.attachment a, .fullstory .text > div.attachment > span.attachment a {font-size:18px;color:#2196f3;padding-right:15px}
.fullstory .text p span.attachment a:before {font-size:18px;font-family:FontAwesome;content:"\f019";padding-right:10px}
.fullstory .text > div.attachment > span.attachment a:before {font-size:18px;font-family:FontAwesome;padding-right:10px}
.fullstory .text p img,.fullstory .text p a img{clear:both;display:block}
.fullstory > iframe, .fullstory .text p img,.fullstory .text p a img,.fullstory .text p iframe {width:calc(100% + 60px)!important;max-width:none!important;margin-left:-30px;display:block}
.fullstory > iframe {margin-top:5px;margin-bottom:20px;min-height:400px!important}
.fullstory p > iframe {min-height:456px!important}
.fullstory .text > div {margin:15px 0}
.fullstory .autor, .fullstory .edit-reason {font-size:14px;font-style:italic;color:grey}
.fullstory .autor-share {display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;justify-content:space-between;margin-top:15px}
.fullstory-gallery .autor-share {margin-top:15px}
.fullstory .autor-share .autor {width:50%;flex-grow:.7}
.fullstory .autor-share .autor i {color:#8bc34a}
.fullstory .autor-share .ya-share2 {width:50%;text-align:right}
.fullstory .edit-reason span {text-transform:lowercase}
.fullstory .news-top {display:flex;justify-content:space-between;align-items:center;padding:0 0 15px 0;line-height:1em}
.fullstory .news-top .button-backspace a {font-size:16px;white-space:nowrap}
.fullstory .news-top .news-info{display:flex;justify-content:flex-start;align-items:center;align-content:center;flex-wrap:nowrap;white-space: nowrap;overflow: hidden}
.fullstory .news-top .news-info > span{padding-right:1.6em}
.fullstory .news-top .news-info > span:last-child {padding-right:0}
.fullstory .news-top .news-info > span,.fullstory .news-top .news-info > span a{color:#656565;font-size:13px}
.fullstory .news-top .news-info > span a:hover{color:#105990}
.fullstory .news-info-bottom {display:flex;justify-content:space-between;align-items:center;align-content:center;flex-wrap:nowrap}
.fullstory .news-top .news-info .fixed > .fa {padding:0}
.rating {display:flex}
.rating *{font-size:20px;color:#555}
.rating .rating-count > span.ignore-select {font-size:20px;color:#222}
.rating .dislakes > span.ignore-select {font-size:13px;color:#ff6b6b;padding-left:.5em}
.rating .ratingtypeplusminus{font-size:20px}
.rating .fa-angle-up,.news-info-bottom .rating .fa-angle-down, .news-info-bottom .rating .fa-heart{padding:0;transition:.3s}
.rating .fa-angle-up, .news-info-bottom .rating .fa-heart{padding-right:.4em}
.rating .fa-angle-up:hover{color:#2fbd0d}
.rating .fa-heart:hover{color:#f44336;transform: scale(1.1);transition:.3s}
.rating .fa-angle-down:hover{color:red}
.rating .fa-angle-down{padding-left:.5em}
.fullstory .text-error{color:#828282;font-size:13px}

.fullstory-photo,.fullstory-video, .related {background:#FFF;width:100%;height:auto;padding:0;margin-top:10px;overflow:hidden}
.fullstory-photo h2,.fullstory-video h2, .related > h2, .com-h > h2 {width:100%;padding:15px 20px;font-size:24px;line-height:1em;box-sizing:border-box}
.fullstory-video iframe{width:100%!important;height:456px!important;display:block;margin-top:3px}
.static {padding-top:20px}
a.external:after {font-family: FontAwesome;font-size:14px;content:"\f08e";padding:0;margin:0;padding-left:.4em;background-color:white}

.fullstory-gallery .bottom-bar {display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.fullstory-gallery .my-text {font-size:24px;font-weight:bold;margin-left:-10px}
.fullstory-gallery {padding-bottom:0;margin-bottom:10px;border-radius:0 0 5px 5px}
.fullstory-gallery .fullstory-video {width:calc(100% + 60px - 12px);margin:0;margin-left:-24px}
.fullstory-gallery .fullstory-video iframe {margin-top:6px}

.fullstory .text div.attachment {margin-top:15px;display:inline-block;margin-right:10px;margin-bottom:0}
.fullstory .text p span.attachment, .fullstory .text > div.attachment > span.attachment {font-size:13px;display:inline-block;background:#f1f6fb;border-radius:2px;padding:5px 15px}
.fullstory .text p span.attachment{margin-top:5px}
.fullstory .text p span.attachment:first-child {margin-top:0}
.fullstory .text p span.attachment a, .fullstory .text > div.attachment > span.attachment a {font-size:18px;color:#2196f3;padding-right:15px}
.fullstory .text p span.attachment a:before {font-size:18px;font-family:FontAwesome;content:"\f019";padding-right:10px}
.fullstory .text > div.attachment > span.attachment a:before {font-size:18px;font-family:FontAwesome;padding-right:10px}
span.external-link-button a:before {font-family:FontAwesome;content:"\f08e"!important}
span.download-link-button a:before {font-family:FontAwesome;content:"\f019"!important}

/* инфо об игре */

.game-info{width:100%;display:flex;height:200px;margin-bottom:10px;box-sizing:border-box;overflow:hidden;background:#FFF;color:gray;font-size:13px}
.game-img,.game-ul-text,.game-ul-info{box-sizing:border-box}
.game-img{overflow:hidden;width:50%;display:flex}
.game-img img{width:100%;min-height:200px;object-fit:cover;opacity:.5}
.game-img > span{display:block;font-size:17px;text-align:center;padding-top:50px}
.game-ul-text,.game-ul-info{display:flex;flex-direction:column;padding-top:10px;padding-bottom:10px;text-align:left}
.game-ul-text{width:20%;padding-left:20px}
.game-ul-text i.fa-star {color:inherit!important}
.game-ul-info{width:30%;padding-left:20px;padding-right:10px}
.game-info ul{margin-top:0}
.game-info ul li{line-height:2.3em;background:none;padding:0;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

/* Флексовая галерея */ 

.xfieldimagegallery {display:flex;justify-content:space-evenly;flex-wrap:wrap;padding:0 3px;box-sizing:border-box}
.xfieldimagegallery {width:100%}
.fullstory-gallery .xfieldimagegallery {width:calc(100% + 60px);margin-left:-30px}
.xfieldimagegallery > li {display:flex;width:calc(40% - 6px);margin:6px 3px 0;flex-grow:1;min-height:400px;height:auto;max-height:450px}
.xfieldimagegallery > li:nth-of-type(1), .xfieldimagegallery > li:nth-of-type(2) {margin-top:0!important}
.xfieldimagegallery > li:nth-of-type(3n) {width: calc(60% - 6px)}
.xfieldimagegallery > li:last-child {min-height:400px;max-height:450px}
.xfieldimagegallery > li > a {display:flex;width:100%}
.xfieldimagegallery > li > a > img, .xfieldimagegallery > li > img {margin-top:0!important;object-fit:cover;width:100%;border-radius:3px}

/* Комментарии */

#dle-comments-form {}
form#dlemasscomments {padding:0}
#dle-comments-list, #blind-animation{background:#FFF;width:100%}
#dle-comments-list ol, #blind-animation ol{padding:0;margin:0}
.comment{display:flex;flex-wrap:nowrap;justify-content:space-between;color:#000;font:14px 'PT Sans',Tahoma;overflow:hidden;padding:15px 20px;border-top:1px solid #f5f5f5;line-height:1.5em}
.com-h{width:100%;font-weight:bold;line-height:1em;padding:0;background:#FFF}
.com-h h2 {font-size:20px}
.com-h > .fa {padding-right:.4em}
.com-h span{color:#000}
.comment-header{font:13px 'PT Sans',Tahoma,Helvetica,Sans-serif;padding-bottom:10px;color:gray;display:flex;flex-wrap:nowrap;align-items:center}
.comment-text .reply-button{padding-top:5px}
.comment-text .reply-button .fa-angle-down{padding-left:.5em;font-weight:bold}
.comment-text .reply-button a{text-decoration: underline;text-decoration-style: dotted}
.comment-text .reply-button a:hover{text-decoration:none;color:#698CC8}
.comment .my-reply{padding-left:50px}
#dlefastreplyesponse .comments-tree-list > .comments-tree-item, .comments-tree-list > .comments-tree-item > .comments-tree-list .comments-tree-item, .comments-tree-list > .comments-tree-item > .comments-tree-list .comments-tree-item:nth-child(1){padding-left:50px}
.comment i.fa-reply{font-size:30px;padding-right:0;position:absolute;color:#4a90e2}
.comment .my-com-rating{width:15%;white-space:nowrap;text-align:right}
.comment .my-com-rating * {font-size:13px;font-weight:bold}
.comment .my-com-rating a{visibility:hidden}
.comment:hover .my-com-rating a{visibility:visible}
.comment .my-com-rating i{font-size:17px;font-weight:bold;color:#aaa}
.comment .my-com-rating .ratingtypeplusminus{padding:0;padding: 2px 5px;border-radius: 3px}
.comment .my-com-rating .ratingplus{background:#d4ffa3;color:#6d9a39}
.comment .my-com-rating .ratingminus{background:#ffd9d9;color:red}
.comment .my-com-rating .ratingzero{background:#f1f1f1;color:#939393}
.comment .my-com-rating i.fa-angle-down{padding-left:.6em;padding-right:0}
.comment-text {width:85%}
.comment-header a > img, .comment-header span > img {margin-right:0.6em;width:30px;height:30px;border-radius:50%}
.comment-header > span {margin-right:2em;color:#828282}
.comment-header span.com-profile-link {margin-right:0.6em}
.comment-header span.complaint a:hover{color:#cd0a0a}
.comment-header span.com-profile-link, .comment-header span.com-profile-link a{font-weight:bold;color:#656565;display:flex;align-items:center}
.comment-header > span.com-date, .comment-header > span.com-group-name {font-size:11px;color:#939393}
.comment-header > span.com-group-name {padding:2px 5px;background:#e5ebf1;color:#555;border-radius:3px}
.comment-header > span.com-group-name.online{background:#8bc34a;color:white;white-space:nowrap}
.comment-header > span:last-child{padding-right:0;text-transform:lowercase}
.comment-body{overflow:hidden}
.comment-footer{font:11px 'PT Sans',Tahoma,Helvetica,Sans-serif;color:#b6b6b6;margin-left:0}
.comment-options{position:absolute;right:17px;margin-top:-26px}
.comment a{color:#757575;text-decoration:none}
.comment a:hover{text-decoration:underline}
.comment-options del{padding:0 4px}
.comment-text{margin-bottom:0}
.comment-left{float:left;width:69px;padding:5px 0 0}
#dle-comments-list .mass_comments_action {padding:10px 20px;font-size:14px}
#dle-comments-list .mass_comments_action select {border-width:1px;font-size:14px}
#dle-comments-list .mass_comments_action input {padding:3px 15px;font-size:14px}
#dlefastreplycomments{padding: 15px 20px 15px;font-size:13px;border-top: 1px solid #f5f5f5;width:50%;overflow:hidden;box-sizing:border-box}
#dlefastreplycomments form{margin-top:10px}
#dlefastreplycomments form .bb-editor{height:80px}
#dlefastreplycomments > div{text-align:left;display:flex;width:100%;margin-top:8px}
#dlefastreplycomments input.bbcodes:first-child {margin-right:5px}
#dlefastreplycomments input.bbcodes {font-size:13px;padding:4px 15px}
#dlefastreplycomments form .bb-editor textarea, #dlefastreplycomments .bb-editor textarea{height:80px;width:100%;font-family:'PT Sans',Tahoma}
#dlefastreplycomments .commentsreplyname{margin-bottom:5px}
.addcom-form{width:100%;background:#FFF;padding:0 20px 20px}
.addcom-form input{padding:5px 15px;font-family:'PT Sans','trebuchet ms','segoe ui',arial,'Sans-Serif';font-size:15px}
.addcom-form .forms_name-mail{display:flex;padding-top:10px;padding-bottom:10px}
.addcom-form .forms_editor-recaptcha{display:flex}
.addcom-form .forms_name-mail label{width:auto}
.addcom-form input#name, .addcom-form input#mail {width:150px;margin-right:20px;border:none;border-bottom:1px solid #c5d0db;padding:5px;border-radius:0}
.addcom-form .bb-editor{margin-right:10px;}
.addcom-form .bb-editor textarea{padding:10px;font-family:'PT Sans','trebuchet ms','segoe ui',arial,'Sans-Serif';font-size:16px;box-sizing:border-box;width:100%;height:76px;border-radius:3px}
#dle-comments-form .g-recaptcha{margin-left:0}
.com-none{background:#FFF;width:100%;padding-top:15px;font-size:17px}
#dle-comments-form .any-form label {padding:0;margin:0}
#dle-comments-form .any-form .full-editor {margin-bottom:5px;width:100%}
.bb-editor .edit-comment {margin:0 0 5px}
textarea.dleeditcomments {width:100%;height:100px}

/* Страница категории и навигация */

.cat-name-global {display:block;height:auto;width:100%;background:#FFF;padding:20px 30px;font-size:15px;border-top:1px solid #efefef}
.cat-name-global > h1 > i.fa {padding-right:.5em}
#bottom-nav {width:100%}
#bottom-nav #nav-load {width:100%;text-align:center}
#bottom-nav #nav-load a {display:block;border-radius:3px;width:100%;padding:15px 20px;box-sizing:border-box;font-size:20px}
.navigation {color:#1e1e1e;padding:15px 0;width:100%;background:#FFF;overflow:hidden;white-space:nowrap;display:flex;justify-content:center;align-items:center;align-content:center}
.navigation .nav-center{padding:0 5px;white-space:nowrap;overflow:hidden;display:flex;align-items:center}
.navigation .nav-center span{color:#818181;font-size:19px;position:relative;padding:7px 10px;border:1px solid #a2a2a2;border-radius:3px;cursor:default}
.navigation a{color:#555;text-decoration:none;font-size:20px;padding:0 20px;font-weight:bold}
.navigation a:hover{color:#156186}
.navigation .nav-prev i.fa {padding-left:0;padding-right:.6em}
.navigation .nav-next i.fa {padding-right:0;padding-left:.6em}
.bottom-nav {font-size:18px;visibility:collapse;text-align:center;background:#FFF;cursor:pointer}

/* Списки в полной новости */

.text ul,.text ol{padding:15px 0 15px 20px;line-height:1.5em;color:#000;margin-top:15px;border-top:1px dashed #ededed;border-bottom:1px dashed #ededed}
.text ul li{padding-left:1.6em;position:relative;padding-top:5px;list-style-type:none;font-size:14px}
.text ul li:before{position:absolute;padding-top:2px;left:0;content:"\f054";font-family:FontAwesome;color:rgb(93, 154, 255)}
.text ul li:first-child, .text ol li:first-child {padding-top:0}
.text ol{padding-left:50px}
.text ol li{list-style-type:decimal;padding-top:5px}

/* Опросы в новости */

[id^="vote"]:checked ~label{padding-left:10px;transition:.5s}
[id^="vote"]:not(:checked) ~label{padding-left:10px;transition:.3s}
[id^="vote"]:checked ~label:before{content:"\f111";font-family:FontAwesome;padding-right:.3em;color:#698CC8}
[id^="vote"]:not(:checked) ~label:before{content:"\f10c";font-family:FontAwesome;padding-right:.3em;color:#698CC8}
.news-poll {background:#FFF;font-size:16px;padding:20px 30px 10px;margin-bottom:10px}
.poll-header {font-size:20px;font-weight:bold}
.poll-text {font-size:18px;margin-bottom:1em}
.poll-list {margin-bottom:1em;font-size:16px}
.poll-buttons {margin-bottom:1em}
.news-poll .poll-buttons button {padding: 5px 15px;border-radius:2px;cursor:pointer}
.poll-list input,#dle-poll-list > div > .pollanswer > input {display:none}
.news-poll .pollanswer {margin-bottom:0.5em}
.news-poll .pollprogress > span {display:block;border-radius:3px;font-size:11px;text-align:center;color:#818181;background:#e5ebf1;margin:5px 0}

/* Аякс */

.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-icon{background-repeat:no-repeat;display:block;overflow:hidden;text-indent:-99999px}
.ui-widget{font-family:'PT Sans','trebuchet ms','segoe ui',arial,'Sans-Serif';font-size:11px}
.ui-widget textarea#dle-promt-text {width:100%!important}
.ui-widget #dlepopup{height:auto!important;min-height:105px!important;padding-top:0}
.ui-widget #dlepopup > br {display:none}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:'PT Sans','trebuchet ms','segoe ui',arial,'Sans-Serif';font-size:11px}
.ui-widget textarea {width:100%}
.ui-widget-content{background:#FFF;color:#000}
.ui-widget-content a{color:#222}
.ui-widget-header{font-weight:700}
.ui-widget-header a{color:#fff}
.ui-state-default,.ui-widget-content .ui-state-default{background:#8BC34A;color:#fff;font-weight:700;font-size:13px}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#2e6e9e;text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus{font-size:13px;font-weight:700}
.ui-state-hover a,.ui-state-hover a:hover{color:#1d5987;text-decoration:none}
.ui-state-active,.ui-widget-content .ui-state-active{background:#656565;font-weight:700}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#e17009;text-decoration:none}
.ui-widget:active{outline:none}
.ui-state-error{background:#fef1ec 50% 50% repeat-x;border:1px solid #cd0a0a;color:#cd0a0a}
.ui-widget-header .ui-icon{background-image:url(../images/ui-icons.png)}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(../images/ui-icons_h.png)}
.ui-icon-close{background-position:-80px -128px}
.ui-icon-closethick{background-position:-96px -128px}
.ui-button .ui-button-text{display:block;line-height:1.4}
.ui-button-text-only .ui-button-text{padding:.4em .8em}
#loading-layer{background:#000;font-size:11px;color:#FFF;padding:15px 25px;border-radius:3px}
input.ui-button{padding:.4em 1em}
.ui-button-set{margin-right:7px}
.ui-button-set .ui-button{margin-left:0;margin-right:-.3em}
button.ui-button::-moz-focus-inner{border:0;padding:0}
.ui-dialog{overflow:hidden;position:absolute;width:300px;line-height:1.6em;font-size:13px;box-shadow: 0 0 3px 3px #c5d0db;border-radius:5px}
.ui-dialog .ui-dialog-titlebar{padding:10px 15px;position:relative}
.ui-dialog .ui-dialog-title{float:left}
.ui-dialog .ui-dialog-titlebar-close{height:18px;margin:-10px 0 0;padding:1px;position:absolute;right:.3em;top:50%;width:19px}
.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}
.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}
.ui-dialog .ui-dialog-content{background:none;border:0;overflow:hidden;padding:.5em 1em;position:relative}
.ui-dialog .ui-dialog-buttonpane{margin:0;text-align:left}
.ui-dialog .ui-dialog-buttonpane button{border-radius:0;cursor:pointer;float:right;border:none;line-height:1.4em;overflow:visible;padding:5px 15px;width:auto;margin-left:2px}
.ui-dialog .ui-dialog-buttonpane button:hover {background:#4CAF50}
.ui-dialog .ui-resizable-se{bottom:3px;height:14px;right:3px;width:14px}
.ui-draggable .ui-dialog-titlebar{cursor:move}
#dlepopup-news-edit form .xfieldsrow {padding:10px 0}
#dlepopup-news-edit form .xfieldsrow a {text-decoration: underline dashed;color:#698cc8}
#dlepopup-news-edit form .xfieldsrow select {}
#dlepopup-news-edit form input.quick-edit-text {width:50%;font-size:13px}
#dropmenudiv {background:#36ba53;opacity:1!important;padding:5px 10px;display:flex;flex-direction:column}
#dropmenudiv a {color:#FFF;font-size:13px}
#dropmenudiv a:hover{color:#ececec}
#toTop {width:auto;border-radius:5px;background:#FFF;text-align:center;padding:20px 25px;position:fixed;bottom:20px;right:calc(20% + 20px)!important;cursor:pointer;display:none;color:#698CC8;font-size:30px}
#toTop > i.fa {padding-right:0}

/* Профиль */

.profile {width:100%;background:#FFF;display:flex}
.profile .user-rating {display:flex;margin-bottom:15px;width:200px;color:#fff;border-radius:2px;align-items:stretch}
.profile .user-rating span {padding:15px 10px;text-align:center;width:50%;line-height:1em}
.profile .user-rating span:first-child{white-space:normal;font-size:12px;background:#2FBD25;border-radius:2px 0 0 2px}
.profile .user-rating span.ratingtypeplus {font-weight:bold;background:#009047;border-radius:0 2px 2px 0;font-size:25px}
.profile .col-1 .avatar {max-width:100%}
.profile .col-1 .avatar img {max-width:100%;width:auto;display:block;margin:auto}
.profile .col-1 {width:30%;overflow:hidden;display:flex;flex-direction:column}
.profile .col-1 .profile-buttons-panel {text-align:center;display:flex;justify-content:space-between}
.profile .col-1 .profile-buttons-panel > div {width:100%;border-right:1px solid green;overflow:hidden}
.profile .col-1 .profile-buttons-panel > div:last-child{border:none}
.profile .col-1 .profile-buttons-panel a {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box;font-size:15px;padding:10px 15px;color:#000;background:#cff2ff}
.profile .col-1 .profile-buttons-panel a:hover{background:#698CC8;color:white}
.profile .col-2 {width:70%;padding:0 30px 20px;display:flex;flex-direction:column;line-height:1.6em;white-space:normal;overflow:hidden;text-overflow:ellipsis;border-left: 1px solid #e5ebf1}
.profile .col-2 h1 {font-size:26px;padding-bottom:15px;padding-top:15px;font-weight:bold}
.profile .col-2 > span, .profile .col-2 > a {padding-top:10px}
.profile .col-2 .user-online {font-size:13px;color:#36ba53;padding-left:15px;line-height:1em}
.profile .col-2 .user-offline {font-size:13px;color:red;padding-left:15px;line-height:1em}
.profile .col-2 .group {color:grey}
.profile .col-2 .fa-external-link {padding-left:0.6em;padding-right:0}
.profile .xfields, .profile .xfields tbody, .profile .xfields tr {width:100%}
.profile .xfields tr > td {width:30%}
.profile .xfields tr > td.xprofile input, .profile .xfields tr > td.xprofile {width:100%}

/* Редактирование профиля */

.edit-profile-text {text-align:center;font-size:20px;margin-bottom:1em}
.profile-edit-button {cursor:pointer;margin-top:1em;color:#656565;display:inline-block}
.options {display:block;width:100%}
.options .addform, .options .addform .ui-form, .options .addform .ui-form .form-group {width:100%;box-sizing:border-box}
.options .addform .ui-form {display:flex;flex-direction:column}
.options .addform .ui-form .form-group div.checkbox{margin-top:5px}
.options .form_submit button {cursor:pointer}
.options .form-group {margin-bottom:10px;font-size:13px}
.options .form-group > label {width:30%;display:block;vertical-align:top;float:left}
.options .form-group > .checkbox > label {white-space:normal}
.options .form-group > .checkbox input[type="checkbox" i] {position:relative;top:2px;margin-right:5px}
.options .form-group > input {width:70%;display:block;float:right;box-sizing:border-box}
.options .form-group > textarea, .options .form-group > select {width:70%}
.options .form_submit {margin-top:15px}

/* Регистрация */

.register {padding:15px 30px 30px;background:#FFF}
.register .xfields {margin-bottom:20px;margin-top:10px;font-size:13px}
.register .reg-title {font-size:26px;padding-bottom:1em}
.register .reg-form label {display:flex;flex-direction:column}
.register .reg-form label span {font-size:13px;padding:10px 0 3px}
.register .reg-form label input {width:40%}
.register .reg-form .g-recaptcha {margin-left:0}

/* Логин */

.head_drop {margin-top:10px}
.head_drop ul li input {margin-bottom:5px;border-radius:3px;width:100%}
.head_drop ul li:nth-child(3) {margin-top:5px}
.head_drop ul li button {cursor:pointer;background:#FFF;border-color:#e9d3ec}
.head_drop ul li button:hover {background:#e9d3ec}
.head_drop .login_form__foot {margin-top:10px}
.head_drop .login_form__foot a {font-size:15px;text-decoration:none;font-weight:normal;padding:0}
.head_drop .login_form__foot a:hover {text-decoration:underline;background:none}
.head_drop .login_form__foot a:first-child {padding-right:10px}
.lostpassword {padding:30px;min-height:800px;background:#FFF}

/* Добавление новости */

.add-news {background:#FFF;padding:0 30px 20px}
.add-news > .add-news-title {padding:1em 0 0.5em;font-size:20px;margin-bottom:1em}
.add-news .addform .btn {color:#2276d2}
.add-news .addform .btn:hover {color:#105990}
.add-news .addform .form_submit button {cursor:pointer}
.add-news .addform .form-group {margin-bottom:10px;font-size:13px}
.add-news .addform .form-group > label {width:20%;display:inline-block;vertical-align:top}
.add-news .addform .form-group > label[for='short_story'], .addform .form-group > label[for='full_story'] {width:25%;font-size:18px;padding:1em 0}
.add-news .addform .form-group > .checkbox > label {white-space:normal}
.add-news .addform .form-group input[type="checkbox" i] {margin-right:5px;width:inherit;position:relative;top:2px}
.add-news .addform .form-group > input {width:60%;display:inline-block;box-sizing:border-box}
.add-news .addform .form-group > textarea, .addform .form-group > select {width:60%!important}
.add-news .addform .form-group > textarea {font-size:13px}
.add-news .addform .form-group table tbody tr td.addnews {width:31%;vertical-align:top}
.add-news .form_submit {margin-top:1em}

/* Персональные сообщения */

.pmpage {background:#FFF;padding:30px;padding-top:15px;display:flex;flex-direction:column;width:100%;min-height:600px;height:auto}
.pmpage h1 {font-size:24px;width:100%;margin-bottom:15px}
.pmpage h2 {font-size:20px;margin-bottom:10px}
.pmpage h3 {font-size:16px;;margin-bottom:15px;margin-top:15px}
.pmpage .all-links {display:flex;flex-wrap:nowrap}
.pmpage .all-links a {padding:5px 15px;font-size:16px;color:#000;margin-right:0}
.pmpage .all-links .mail-tab {box-sizing:border-box;padding:5px 15px;background:#efefef;border-right:1px solid #dadada}
.pmpage .all-links .mail-tab:first-child {border-radius:3px 0 0 3px}
.pmpage .all-links .mail-tab:hover {background:#eaeaea}
.pmpage .all-links .mail-tab:last-child {border:none;border-radius:0 3px 3px 0}
.pmpage .all-links .active {background:#eaeaea}
.pmpage .pmlist {margin-top:15px}
.pmpage .pmlist * {line-height:1em}
.pmpage .pmlist .mark-all {margin-top:10px}
.pmpage .pmlist label[for="masterbox"]{font-size:12px}
.pmpage .pm-block {margin-top:15px;display:flex;align-items:center;line-height:1em;justify-content:space-between}
.pmpage .pm-block > div {margin-right:2em;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmpage .pm-block > div:nth-of-type(2){width:calc(70% - 60px - 3 * 2em - 0.3em);flex-shrink:2}
.pmpage .pm-block > div:nth-of-type(3){width:15%}
.pmpage .pm-block > div:nth-of-type(4){width:15%}
.pmpage .pm-block > div:first-child, .pmpage .pm-block > div:last-child{width:30px}
.pmpage .pm-block > div:first-child{margin-right:.3em}
.pmpage .pm-block > div:first-child i {padding:0}
.pmpage .pm-block > div.pm-make{text-align:right;margin-right:0}
.pmpage .pm-block span{font-size:13px}
.pmpage .pm-block a:last-child, .pmpage .pm-block span:last-child{margin-right:0}
.pmpage .pm-block-2 {display:flex;flex-direction:column}
.pmpage .pm-block-2 .pm-bottom-inputs {display:flex}
.pmpage .pm-block-2 select {margin-right:5px}
.pmpage .pm-block-2 input[type="submit"], .pmpage .pm-block-2 select {font-size:12px;height:26px;line-height:1em;border-radius:2px}
.pmpage .pm-send-form .bb-editor{margin-top:5px}
.pmpage .pm-send-form .send-form input {font-size:14px}
.pmpage .pm-send-form .bb-editor textarea{width:60%!important;border-radius:3px;height:100px!important}
.pmpage .pm-send-form .pm-save-message {font-size:13px;margin-bottom:5px}
.pmpage .pm-send-form input[type="text"]{border-radius:3px}
.pmpage .pm-read {margin-top:15px}
.pmpage .pm-read .pm-footer {font-size:13px;margin-top:15px}
.pmpage .pm-read .pm-footer span {margin-right:2em}
.pmpage .pm-read .pm-footer span:last-child {margin-right:0}
.pmpage .pm-read .pm-from-to {font-size:13px;margin-bottom:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pmpage .pm-read .pm-body {padding:0}
.pmpage .pm-read .pm-subj {font-weight:bold;padding-left:20px;font-size:18px}

/* Хлебные крошки */

#dle-speedbar {color:#818181;display:block;font-size:15px;background:#FFF;padding:0 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dle-speedbar * a {color:#818181}
#dle-speedbar * a:hover {color:#818181}

@-moz-document url-prefix() {  
.popular > h2, .popular a, .com-h, .head_drop ul li button {font-weight:bold}
}

@supports (-ms-ime-align:auto) {
.shortstory .short-text{background:linear-gradient(to right, #dedede 50%, transparent);}
.related-block > a > .related-content {background:linear-gradient(to right, #dedede 60%, transparent)}
.main-page .best-articles .color .related-content {background:linear-gradient(to top, #dedede 45%, transparent)}
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
.related-block > a > .related-content {background:linear-gradient(to top, #dedede 60%, transparent);opacity:.8}
.shortstory .short-text{background:linear-gradient(to right, #dedede 45%, transparent)}
.shortstory-video .top-block {background:linear-gradient(to top,#222222 60%,transparent)}
}

@media screen and (max-width: 1020px) {
.main, body > header, body > footer {width:100%}
#toTop {right:20px!important}

}
@media screen and (max-width: 1020px) {
body {width:100%;margin-top:0}
.main {margin-top:10px}
.centercol{width:100%}
.pmpage {border:1px solid #efefef}
body > footer {padding-right:20px}
.fullstory {border-top:1px solid #efefef}
.fullstory-gallery, .related > h2 {border-radius:0}
.related-block, .related-block .related-content{border-radius:0}
.leftcol{display:none;padding-bottom:0;min-height:0;width:100%;margin:0}
.leftcol .popular {margin-bottom:0;border:0;border-top:1px solid #efefef}
/* .shortstory-article, .shortstory-gallery, .shortstory-video {border-radius:0} 
.shortstory-gallery > a, .shortstory-article .top-block, .shortstory-video .top-block {border-radius:0!important}*/

#toTop {right:50px!important;border:1px solid #828282;background:#FFF}
.popular > nav.catlist {flex-direction:row}
.popular > nav.catlist a i {display:none}
#vk_groups {display:none}
.head_drop ul li input {width:40%}
.share-top {display:none}
.game-info {margin-top:10px}

}

@media screen and (max-width: 880px) {
body > header {flex-direction:column;align-content:center;height:auto!important;padding-bottom:10px}
#ya-site-form0 .ya-site-form__form .ya-site-form__input-text {text-align:center}
.icon-links {display:none!important}
body > header .login-buttons > a {padding:10px}
body > header img {width:170px}
body > header .share {display:none}
body > header .header-bottom-nav{width:100%}
    
}
@media screen and (max-width: 740px) {
    .shortstory {text-align:left}
    body > header .login-buttons {display:none}
}

@media screen and (max-width: 680px) {
    .related-block, .main-page .best-articles .color{width:100%}
    .main-page .best-articles .best-h2 h2, .main-page .last-articles .last-h2 h2{padding:15px 20px}
    .main-page .best-articles .best-h2, .main-page .last-articles .last-h2 {width:100%}
    .main-page .best-articles .best-h2 i, .main-page .last-articles .last-h2 i {display:none}
    .shortstory-article:nth-of-type(3n + 1), .shortstory-video:nth-of-type(3n + 1), .shortstory-gallery:nth-of-type(3n + 1){width:100%!important}
	.shortstory-article, .shortstory-video, .shortstory-gallery {width:100%!important}
    .shortstory-article:nth-of-type(odd), .shortstory-video:nth-of-type(odd), .shortstory-gallery:nth-of-type(odd){margin-right:0!important}
}