/*--------------------------------------------------------------
My FAV styles
--------------------------------------------------------------*/
a.muted {
    color: #343434; 
    text-decoration: none;
}
a.muted:hover {
    border-bottom: 1px currentColor dotted;
}
a.dec {
    text-decoration: underline !important;
}
.dotted {
    border-bottom: 1px currentColor dotted;
}
.dashed {
    border-bottom: 1px currentColor dashed;
}
a.no-dec, a.no-dec:hover, a.dotted:hover, a.dashed:hover {
    text-decoration: none !important;
    cursor: pointer;
}
hr {
    border: none; /* Убираем границу для браузера Firefox */
    color: #D2D2D2;/* Цвет линии для остальных браузеров */
    background-color: #d2d2d2; /* Цвет линии для браузера Firefox и Opera */
    height: 1px; /* Толщина линии */
    
}
ul.list-inline,ul.list-reset {
    margin: 0 0 1.5em 0;
    padding: 0;
    list-style: none;
    line-height: 1.2em;
}
ul.list-inline li,ul.list-reset li {
    padding: 0 0 2px 0;
    margin: 0 0 12px 0;
}
ul.list-inline li {
        display: inline-block;
}
.ns,.cat-desc strong { font-weight: 400; letter-spacing: .06em; color: #151515;}
b, .bb {
    font-weight: 700 !important;
}
.text-muted {
    color: #828282;
}
.text-primary {
    color: #A24800;
}
.f08 {font-size:.82em !important;}
.f09 {font-size:.9em !important;}
.f11 {font-size:1.1em !important;}
.f12,.h3-like {font-size:1.2em !important;}
.f13 {font-size:1.3em !important;}
.f14,.h2-like {font-size:1.4em !important;}
.f15 {font-size:1.5em !important;}
.f17 {font-size:1.7em !important;}
.f18,.h1-like {font-size:1.82em !important;}
.f20 {font-size:2em !important;}
.dn,.hide {
    display: none;
}
.show {
    display: block !important;
}
.green {
	color: #80CC5A !important;
}
.video-box,.vids,.ytb { 
    /*display: table;
    box-sizing: border-box;*/
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 0px; 
    height: 0; 
    overflow: hidden; 
    margin: 1em 0;
}
.video-box iframe,.video-box object,.video-box embed,.vids iframe,.vids object,.vids embed,.ytb iframe,.ytb object,.ytb embed { 
    position: absolute; 
    /*display: block;*/
    top: 0; 
    left: 0; 
    max-width: 100%;
    width: 100%; 
    height: 100%; 
}
.desc-bottom {
   /* display: table-caption;
    caption-side: bottom;*/
    max-width: 100%;
    padding: .4em .8em .6em .8em;
    font-size: .79em;
    /*font-style: italic;*/
    color: #818181;
    background-color: #F3F3F3;
    margin: -1em 0 .8em 0;
}
/* ==SPOILER== */
.spoiler-title,.opened,.closed {cursor:pointer !important;color:#6989a1;}
/* .text-dashed {border-bottom: 1px dashed #6989a1;} */
.spoiler-title span {font-size:.885em;border-bottom: 1px dashed #6989a1;}





body {background-color: #f5f5f5;}
.fullstory b {color: #395168;}
.pp-block {
    margin-bottom: 1.3em;
}
.pp-block p {
    margin: .02em 0;
    font-size: .93em;
}
.backlink-share {
    margin-bottom: 2em;
}
.btn-fixed {
    border: 0 none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    height: 36px;
    border-radius: 18px;
    line-height: 22px;
    outline: none;
    background-color: #3394e6;
   /* font-weight: 500;*/
    color: #fff;
    border: 0 none;
    padding: 7px 22px;
    text-decoration: none !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease .1s;
    transition: all ease .1s;
}
.story_tools .btn-fixed {
    float: left;
    margin-right: .7em;
}
.btn-muted {
        background-color: #DFDFDF;
    color: #666666;
}
.btn-muted:hover {
        background-color: #C8C8C8;
    color: #2F2F2F;
}
.btn-tlg {
        background-color: #26A3E5;
        padding-left: 2.5em;
}
.btn-tlg:hover {
        background-color: #3394e6;
}
.btn-tlg {
    background-image: url('data:image/svg+xml;utf-8,<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" ><path fill="rgb(255,255,255)" d="m9.417 15.181-.397 5.584c.568 0 .814-.244 1.109-.537l2.663-2.545 5.518 4.041c1.012.564 1.725.267 1.998-.931l3.622-16.972.001-.001c.321-1.496-.541-2.081-1.527-1.714l-21.29 8.151c-1.453.564-1.431 1.374-.247 1.741l5.443 1.693 12.643-7.911c.595-.394 1.136-.176.691.218z"/></svg>');
      background-repeat: no-repeat;
      background-position: .7em 50%;
      background-size: 1.3em;
}
.btn-tlg b {
    color: #fff;
}
.box_in, .shortstory .meta, .story > .meta {
    padding: 2% 3%;
}
.tg_logo {
max-width: 150px;
max-height: 150px;
    border-radius: 50%;
    float: left;
    margin: 0 1.2em .6em 0;
}
.shortstory .tg_logo {
    max-width: 90px;
    max-height: 90px;
}
.story_tools {
    margin: 10px 0 45px 0;
}
.story_tools > .rate {
    float: right;
}
[class*="top"]::after {
/*content: "•";*/
font-size: 1.2em;
color: #FFAE00;
padding-left: 8px;
vertical-align: middle;
}
[class*="top"]:hover::after {
    color: #FF6600;
}
.title.top-3::after {
content: "•";
}
.title.top-2::after {
content: "••";
}
.title.top-1::after {
content: "•••";
}
.post-image {background-position: center center; background-repeat: no-repeat; background-size: cover;}
.fullstory .text h2,.fullstory .text h3,.fullstory .text h4,.fullstory .text h1 {margin-top: 1.2em;}
.rightside {
    width: 240px;
    margin-left: -290px;
}
.midside {
    width: 1400px;
    padding: 0 290px 0 18%;
}
.rightside {
    width: 280px;
    margin-left: -300px;
    padding: 0 0 0 20px;
}
nav.cat_menu {padding-left: 4%;}
#cat_menu { width: 17%;}
#cat-8::after,#cat-9::after,#cat-10::after,#cat-11::after,#cat-12::after,#cat-18::after,#cat-19::after,#cat-20::after,#cat-21::after,#cat-22::after,#cat-23::after,#cat-24::after,#cat-25::after,#cat-26::after,#cat-28::after {
content: " ☆";
color: #3394e6;
}
.showfull .story { /*float: left; width: 100%; */margin-top: 0; }
.tags_bottom a {
    color: #8A9093;
    font-size: .88em;
}
.tags_bottom a:before {
    content: '#';
    margin-right: 1px;
}

@media only screen and (max-width: 1235px) {
    .rightside { display: none; } 
      .midside { margin: 0 auto; 
        /*min-width: 860px; 
        max-width: 860px; */
        width: 860px;
        padding: 0 0; 
        float: none;}
        #cat_menu {width: 22%;}
        .mobile-menu_open .header {left: 130px;}
        .mobile-menu_open .page {margin-left: 130px;}
}
h1.cat-title {font-weight: 500; font-size: 1.3em; color: #4A6B93; margin: .3em 0;}
.cat-desc {margin-bottom: 1.2em; font-size: .88em; font-style: italic; color: #707070;}


@media (max-width: 980px) {

 
    }

@media only screen and (max-width: 600px){
.category {
    display: block;
}
.cat_menu > ul > li > b > a {color: #FFDE00;}
.cat_menu a {padding: 5px 10px;  }
#cat-8::after,#cat-9::after,#cat-10::after,#cat-11::after,#cat-12::after,#cat-18::after,#cat-19::after,#cat-20::after,#cat-21::after,#cat-22::after,#cat-23::after,#cat-24::after,#cat-25::after,#cat-26::after,#cat-28::after {
content: " ☆";
color: #FAF099;
}
.midside {width: 100%;}
.story_tools {margin: 10px 0 5px 0;}
        #cat_menu {width: 100%;}
        .mobile-menu_open .header {left: 0;}
        .mobile-menu_open .page {margin-left: 0;}
        .pbox_author {width: 100%;}
        .fullstory .tg_logo {
            width: 100px;
        height: 100px;}
}
.post-image {
    width: 100%;
    height: 130px;
    float: none;
    margin-bottom: 1em;
}

@media only screen and (min-width: 601px) {
.shortstory {
    position: relative;
}
.shortstory > .meta {position: absolute; bottom: 0; left: 0; width: 94%;}
.two-col-grid .story_tools {margin: 3% 0 40px 0;}
.two-col-grid .shortstory .text {min-height: 140px;}
        .pbox_author,.pbox_links {
            float: left;
        }
.cat_menu > ul > li > b > a {color: #4D7DB2;}
.cat_menu a {padding: 4px 10px;  }

}
.post-image {
    width: 320px;
    height: 150px;
    float: left;
    margin-right: 1.5em;

}
.text h1,.text h2,.text h3,.text h4,.text h5 {
    color: #356396; font-weight: 600;
}
.text h1,.text h2 {font-size: 1.18em;}
.text h3,.text h4 {font-size: 1.09em;}

.story_icons.fstory {
    position: absolute;
    top: 0;
    right: 0 !important;
    left: auto;
}
.pbox .avatar .cover { width: 36px; height: 36px; margin-right: 8px;}
.pbox_nickname {
    font-weight: 700;
    font-size: 1.1em;
    padding: 7px 20px 7px 0px;
    color: #718898;
}
.pbox_links ul {
    padding: 0;
    margin: 0 0 15px 18px;
    border-left: 1px solid #3394e6;
}
.pbox_links ul li {
    list-style: none;
    padding-left: 25px;
}
@media screen and (min-width: 601px) {
    @supports (display: grid) {
        .two-col-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-column-gap: 1em;
        }
}

.two-col-grid #fullsearch, .two-col-grid > .col-one {
    grid-column: span 2;
}


/*== RSS informer ==*/
.informer_wrap > li {
    margin-bottom: 1.6em;
    list-style-type: none;
}
.informer_wrap > li > .title {
    margin-bottom: 0;
}

.informer_wrap > li > .title > a {
    font-size: .85em;
    color: #0B80B7;
    text-decoration: underline !important;
}

/* == Informers == */
.box.informer h3 {
    color: #00619F;
    margin-bottom: 1.7em;
}
.box.informer .desc {
    margin-bottom: 1.1em;
    padding: .7em;
    background-color: #F8F8F8;
}

.box.informer > .box_in > ul > li,.box.informer > .box_in > ul > li > .text {
    clear: both;
    margin-bottom: 1.1em;
}
.box.informer > .box_in > ul > li > .title {
    font-size: 1.3em;
    margin-bottom: .4em;
}
.box.informer > .box_in > ul > li > .title > a {
    color: #053b54;
}
.box.informer > .box_in > ul > li > a {
    display: none;
}
.box.informer img {
    float: left;
    width: 100px;
    height: auto;
    margin-right: 18px;
}