/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative;}
.wrapper-container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrapper-main {padding: 0 var(--indent); min-height: 100vh; display: flex; flex-direction: column;}
.content {flex: 1 0 auto;padding: 20px 0;}
.header, .nav {background-color: var(--bg-lighter);box-shadow: var(--bsh);padding-top: 13px;padding-bottom: 13px;}
.header {gap: 20px 20px;position: sticky;top: 0;z-index: 9999;}
.nav {border-top: 1px solid var(--bdc); position: relative; z-index: 60;}
.cols {display: grid;gap: 30px 30px;grid-template-columns: 200px minmax(0,1fr) 340px;}
.col-side {display: grid;gap: 30px;align-content: start;position: relative;z-index: 60;}
.footer {
	background-color: var(--foot-bg);
	color: var(--bg-lighter);
	padding-top: 20px;
	padding-bottom: 18px;
	font-size: 13px;
	}
.footer__copyright{border-bottom: 1px solid #323030;
    padding: 0 0 10px;
    width: 100%;
    margin-bottom: 10px;}
.content-block--bg {background-color: var(--bg-lighter);border-radius: 10px;padding: 20px;}
	.page-bg{padding:20px;}
#scrolltop {
	position: fixed;
	width: 40px;
	height: 40px;
	line-height: 40px;
	right: 15px;
	bottom: 15px;
	z-index: 990;
	display: none;
	background-color: var(--accent);
	color: var(--bg-lighter);
	cursor: pointer;
	font-size: 24px;
	border-radius: 10px;
	text-align: center;
	box-shadow: var(--bsh);
	}
    #scrolltop:hover {
        background: #404040;
    }

.adult_foot{    width: 40px;
    height: 20px;
    border-radius: 5px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    margin: 10px auto 0;
    text-align: center;
    background-color: #2262c6 !important;
    background-image: linear-gradient(to right, #7579ff 0%, #b224ef 100%);}
/* HEADER
----------------------------------------------- */
.logo {display: block; width: 250px;height: 46px;margin-right: auto;}
.search-block form {max-width: 400px; position: relative;}
.search-block__input[type="text"], .search-block__input[type="text"]:focus {
	border-radius: 6px;
	box-shadow: none;
	background-color: var(--bg);
	height: 40px;
	line-height: 38px;
	padding: 0 50px 0 20px;
	}
.search-block__input[type="text"]:not(:focus):placeholder {color: var(--tt-lightest); opacity: 1; font-size: 14px;}
.search-block__btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	background: none;
	color: var(--tt);
	border-radius: 10px;
	padding: 0;
	font-size: 16px;
	}


/* NAV
----------------------------------------------- */
.col-side .nav__list {position: absolute !important;/*left: 100% !important;*/top: 0px !important;width: 200px !important;}
.nav__list-hidden a {box-shadow: var(--bsh); background: #f0f0f0; margin-bottom: 1px !important;}
.mobile-menu ul > li > a {box-shadow: none !important;}

.nav__list > li, .side-nav > li {flex-grow: 1; font-size: 14px; position: relative;}

.nav__list > li > a, .side-nav > li > a {color: black;height: 44px;font-size: 15px;font-weight: 500;letter-spacing: 1px;display: flex;align-items: center;justify-content: center;padding: 0 10px;border-radius: 10px;margin-bottom: 5px;}
.nav__list > li > a { justify-content: left; }

.nav__list-hidden { display: grid; gap: 10px; visibility: hidden; opacity: 0; transform: translateY(40px);}
.submenu > a::after {content:"\f107"; font-weight: 300; font-family:'Font Awesome 5 Pro'; margin-left:7px; display: inline-block;}
.side-nav {padding: 0 0 20px 0px;position: sticky;left: 0;top: 90px;}
.side-nav i{padding: 0 12px 0 5px;font-size: 17px;}


.side-nav > li > a {justify-content: flex-start;}
.side-nav > li > a:hover {background:white;box-shadow: var(--bsh);}
.nav__list > li > a:hover {background:white;box-shadow: var(--bsh);}

/* TOP
----------------------------------------------- */
.top {gap: 15px 15px; margin-bottom: 30px;}
.top-item {flex: 1 1 30%; box-shadow: var(--bsh); border-radius: 6px; padding: 0;}
.top-item:nth-child(2), .top-item:nth-child(3) {flex-basis: 60%;}
.top-item__desc {position: relative; z-index: 5; min-height: 140px; padding: 20px; color: #fff; gap: 10px; max-width: 100%;}
.top-item__title {font-weight: 600; color: #fff !important; font-size: 15px;}
.top-item__date {font-size: 12px;}
.top-item::before {height: 100%; background: var(--gradient); opacity: 0.6;}
@media screen and (min-width: 1220px) {
	.top {display: grid; grid-template-columns: repeat(6,1fr);}
	.top-item {grid-column: span 1;}
	.top-item:nth-child(3), .top-item:nth-child(4) {grid-column: span 2;}
	.top-item:nth-child(1) {grid-column: span 3; grid-row: span 2;}
	.top-item__desc {height: 100%;}
	.top-item:nth-child(1) .top-item__title {font-size: 24px; margin-bottom: 30px;}
}


/* SECTION
----------------------------------------------- */
.sect__header {margin-bottom: 30px;}
.sect__sort {height: 36px;}
.sect__sort ul {height: 36px; background-color: var(--bg-lighter);
	border-radius: 6px; position: relative; z-index: 50; cursor: pointer; text-align: center;}
.sect__sort ul li {height: 36px; line-height: 36px; visibility: hidden; padding: 0 10px; font-size: 13px;}
.sect__sort ul li[class], .sect__sort ul:hover li {visibility: visible;}
.sect__sort ul:hover {height: auto; box-shadow: var(--bsh);}
.sect__sort li.asc a::after, .sect__sort li.desc a::after {content: "\f063"; font-family: "Font Awesome 5 Pro"; 
	display: inline-block; margin-left: 6px; font-weight: 300; font-size: 10px;}
.sect__sort li.desc a::after {content: "\f062"}
.speedbar {font-weight: 500;margin-bottom: 15px;font-size: 12px;color: #aaaaaa;}

.dosuga-cat-s{background-color: var(--bg-lighter);border-radius: 10px;overflow: hidden;padding: 20px;margin-bottom:15px;box-shadow: var(--bsh);}
.dosuga-cat-s-img{margin-right: 10px;overflow: hidden;width: 45px;height: 45px;border-radius: 5px;background: var(--bg-darker);}
.dosuga-cat-s-img img{object-fit: cover;height: 45px;width: 45px;}
.dosuga-cat-s-tit h1{font-size: 17px;text-transform: uppercase;}.dosuga-cat-s-tit p{font-weight: 400;}

/* SHORT STORY
----------------------------------------------- */
.short {background-color: var(--bg-lighter);border-radius: 10px;overflow: hidden;padding: 20px 20px 10px 20px;box-shadow: var(--bsh);}
.dnshortads {background-color: var(--bg-lighter);border-radius: 10px;overflow: hidden;padding: 20px;box-shadow: var(--bsh);}
.dnshortads > .dnpostads {
    padding: 0;
    border-top: 0;
    border-bottom: 0;
}

.short-b{margin-bottom:15px;padding-bottom:20px;}
.short__header, .short__desc {padding: 30px;}
.short__title {font-size: 24px; font-weight: 700;}
.short__meta {margin-top: 15px; gap: 10px 20px; font-size: 12px; color: var(--tt-lighter);}
.short__meta-item a {color: var(--accent); text-decoration: underline;}
.short__meta .fal {margin-right: 6px; opacity: 0.6;}
.short__img {height: 260px; display: block;}
.short__text {color: var(--tt-lighter); line-height: 1.6; margin-bottom: 38px;}
.short.grid-item {position: relative; padding-bottom: 60px;}
.short.grid-item .short__header, .short.grid-item .short__desc {padding: 20px;}
.short.grid-item .short__header {padding-bottom: 0;}
.short.grid-item .short__title {font-size: 16px;}
.short.grid-item .short__img {height: 0;}
.short.grid-item .short__meta {gap: 10px 10px;}
.short.grid-item .short__text {-webkit-line-clamp: 4; font-size: 14px; margin: 0;}
.short__btn .fal {opacity: 1; font-size: 18px; margin: 0;}
.short__btn {padding: 0; width: 40px;}
.short__desc .short__meta {position: absolute; left: 0; right: 0; bottom: 0; padding: 20px;}
.mbottom{margin-bottom: 15px;}

.prolog{margin-bottom:20px;}
        .info-block{display: flex;
    align-items: center;
    padding-bottom: 20px;
    max-width: 100%;
    overflow-x: hidden;}
        .info-body {font-size: 15px;
    line-height: 22px;
    --avatar-size: 36px;
    display: grid;
    align-items: center;
    grid-template-columns: var(--avatar-size) 1fr;
    grid-template-rows: repeat(2,auto);
    grid-gap: 0 10px;
    gap: 0 10px;}
        .info-img {
    grid-row: span 2;
    transform: translateY(2px);
    width: 37px;
    height: 37px;
    /*background-color: #00e6bc;*/
    overflow: hidden;
    border-radius: 5px;
}

.dn-cat-nopadding{
   padding-bottom: 0px;
    overflow-x: unset;}
        .info-title{    display: flex;
    align-items: center;
    white-space: nowrap;
    min-width: 0;}

 .info-title h1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 500;font-size: initial;}
        .info-meta {
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    color: #a6a6a6;
}
.info-meta a{color: #a6a6a6;} .info-meta a:hover{color: #575656;}
.info-meta i{margin:0 5px;}
.content_header {display: flex;align-items: center;padding-bottom: 20px;max-width: 100%;overflow-x: hidden;}
.author {font-size: 15px;line-height: 22px;
    --avatar-size: 36px;
    display: grid;
    align-items: center;
    grid-template-columns: var(--avatar-size) 1fr;
    grid-template-rows: repeat(2,auto);
    grid-gap: 0 10px;
    gap: 0 10px;
}
        .author_avatar {
    grid-row: span 2;
    transform: translateY(2px);
    width: 37px;
    height: 37px;
    background-color: #00e6bc;
    overflow: hidden;
    border-radius: 50%;
}
        .author_main {
   display: flex;
    align-items: center;
    white-space: nowrap;
    min-width: 0;
}
.author_name {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 500;}
.author_details {font-size: 13px;line-height: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: flex;align-items: center;color: #a6a6a6;}
.author_details span{margin-left:5px;}

.dn-short-t {padding: 0 0 10px 0;font-size: 22px;line-height: 30px;}
.dn-short-t span {font-size: 16px !important;margin-left:2px;}
span.img-pic {color: #0068ff;}
span.img-vid {color: #ff004b;}
.img-pic i{font-size: 16px !important;}

h1.dn-short-t {padding: 0 0 10px 0;font-size: 24px;line-height: 34px;}
.dn-full-t {padding: 0 0 10px 0;font-weight: 700;font-size: 22px;line-height: 30px;}
.dn-short-p {line-height: 1.5;font-size: 15px;word-wrap: break-word;padding: 0 0 20px;font-weight: 400;}
.dosuga-cat-desc {
    line-height: 1.5;
    font-size: 15px;
    word-wrap: break-word;
    font-weight: 400;
    }
.dn-post-img{margin: 0;position: relative;padding-bottom: 67%;overflow: hidden;border-radius: 10px;}           
.dn-post-img img {width: 100%;height: 100%;margin: 0 auto;display: block;vertical-align: top;position: absolute;object-fit: cover;border-radius: 10px;}    
.dn-imgblur {border-radius: 10px;  overflow: hidden;}
.dn-imgblur img {filter: blur(30px);} 
p.dn-imgblur-t {display: inline-block;position: absolute;z-index: 1;font-size: 18px;text-align: center;color: #fff;left: 0;bottom: 0;top: 42%;right: 0;margin: auto;text-shadow: 1px 1px 2px rgb(0 0 0);}
.dn-imgblur-t i{display: block;margin-bottom: 15px;font-size: 40px;font-weight: lighter;}    

.content_footer {padding: 10px 0 0 0;display: flex;align-items: center;font-weight: 500;}
.f_like{padding: 0 5px;}
.f_like i, .f_dlike i, .f_link i{line-height: 30px;margin-right: 5px;font-weight: 700;}
.f_like a:hover{color:#8ac858;} .f_dlike a:hover{color:#fe2c55;} 
.f_link, .f_dlike{margin-left: 15px;padding: 0 5px;}
.f_link:hover{color:#404040;} 

.f_info span, .f_info i{font-size:14px;color:#444444;font-weight: 400;margin-left: 5px;}
.f_info i{margin-right:5px;}
.f_info {margin-left:auto;}
.content_top_met{padding: 0 0 10px 0;display: flex;align-items: center;font-weight: 700;font-size: 13px;}   
.dosuga-post-head-mark{margin-left:auto;}    
.content_like{display: flex;align-items: center;gap: 10px;margin-bottom: 5px;}   
.df_like{flex-grow: 2;}.df_dlike{flex-grow: 1;}
.df_like a{background-color: #9fd3001c;color: #8dbb00;}     
.df_dlike a{background-color: #ef53501c;color: #ef5350;}
.df_like a, .df_dlike a{height: 40px;gap:10px;border-radius: 10px;   padding: 0 10px;font-size: 14px;font-weight: 600;line-height: 28px;   display: flex;align-items: center;justify-content: center;} 
.f_eye i{margin-right: 5px;}
.more_jaloba{font-size: 14px;}
   .dnpostads{
padding:20px 0;border-top: 2px dashed #101010;border-bottom: 2px dashed #101010;
}
   .f_emodji {
    margin-left:auto;
    position: relative;
   }
        
        
         .f_emodjibar{
    background: #f4f4f4;
    font-size: 13px;
    border-radius: 10px;
    padding: 5px 10px;
    margin-left: 10px;
    } .stfilters:hover{
    background: #f0ffc5;
    
    }
    .f_emodjibar + .info-bubble {display: none;}
        
       
        
.notice {
    width: 330px;
    position: absolute;
    padding: 0;
    text-align: center;
    right: 0;
    background: #fff;
    z-index: 9;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.07), 0 4px 8px 0 rgba(0,0,0,.07);
    box-shadow: 0 0 0 1px rgba(0,0,0,.07), 0 4px 8px 0 rgba(0,0,0,.07);
    font-size: 12px;
    top: -84px;
}
.notice:before {
    content: '';
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(222deg);
    top: 64px;
    right: 40px;
    -webkit-box-shadow: -1px -1px 0 0 rgba(0,0,0,.07);
    box-shadow: -1px -1px 1px 0 rgb(0 0 0 / 12%);
    }

span.complaint:hover {color: #000;transition: 1s;cursor: pointer;}
.post_title .notice {margin-right: -8px;}



.short-letter{width: 100%;height: 100%;text-transform: uppercase;font-weight: 600;font-size: 240px;position: absolute;left: 0;top: 0;right: 0;z-index: 5;color: #ffffff70;display: flex;justify-content: flex-end;align-items: flex-start;padding: 0 20px 0 0;}


/* SIDEBAR
----------------------------------------------- */
.side-block__title {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--bdc-darker);
	}
.side-block__content {display: grid; gap: 15px; grid-template-columns: repeat(auto-fill,minmax(240px,1fr));}
.side-block--sticky {position: sticky;left: 0;top: 90px;text-align: center;}
.popular {background-color: var(--bg-lighter);border-radius: 6px;overflow: hidden;position: relative;box-shadow: var(--bsh);}
.item__category {
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: rgb(255, 255, 255);
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3;
    border-radius: 10px;
}

.ic-blue {
    background: #0068ff;
}

.ic-red {
    background: #ff004b;
}

.ic-green {
    background: #72c71c;
}
  .meta_block{display: flex;padding: 10px 20px 0;align-items: center;}
    .meta_block_date{
    color: #a6a6a6;
    font-weight: 500;
    font-size: 12px;
    margin-left: auto;
    }
   .meta_block_cat{
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    color: #e7a100;
    }
.popular__desc {padding: 5px 20px 16px 20px;}
.popular__title {font-weight: 500;}
.popular__text {font-size: 13px; color: var(--tt-lighter); margin-top: 6px; -webkit-line-clamp: 4;}
.attent {text-align: center;position: relative;border-radius: 6px;padding: 20px;box-shadow: var(--bsh);background-color: var(--bg-lighter);}
.attent__title {font-weight: 700;margin: 20px 0 0;}
.attent .short__meta {margin: 0; margin-bottom: 20px;}
.int {position: relative;gap: 20px;/* height: 60px; */background: white;border-radius: 10px;padding: 10px;box-shadow: var(--bsh);}
.int__img {width: 80px;height: 80px;border-radius: 7px;}
.int__title div {-webkit-line-clamp: 3; font-size: 14px;}

.dn-partner{background: var(--bg-lighter);padding: 10px 20px;border-radius: 10px;box-shadow: var(--bsh);}
.dn-partner a{border-bottom: 1px solid var(--bg-darker);padding: 10px 0;width: 100%;display: inline-block;}.dn-partner a:hover{border-bottom: 1px solid var(--tt-lightest);}
.dn-partner a:last-child{border-bottom: 0;}

/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__text {color: var(--bg-lighter);}
.footer__text a, .footer__copyright a {margin: 0 10px 0 0;color: var(--bg-lighter);}

.pagination {text-align: center;display: grid;gap: 20px;padding: 20px;}
.pagination__btn-loader a, .pagination__btn-loader span {display: inline-flex; justify-content: center; align-items: center; 
	height: 60px; padding: 0 50px; border-radius: 30px; background: var(--bg-darker); color: var(--tt-lighter);
	font-weight: 700; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; width: 400px;  max-width: 100%;}
.pagination__pages {gap: 10px 10px;}
.pagination__pages a, .pagination__pages span {
	display: inline-block;
	line-height: 38px;
	padding: 0 10px;
	min-width: 40px;
	font-size: 16px;
	border: 1px solid #c2c2c2;
	border-radius: 20px;
	}

.pagination__pages a:hover{background-color:#fc6815;color:#fff;border:1px solid #fc6815;}
.pagination__pages span:not(.nav_ext) {background: var(--accent); color: #fff; border-color: var(--accent);}


/* COLL
----------------------------------------------- */
.d-body-podporki{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    border-radius: 8px;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgb(56 50 48 / 5%), 0 1px 0 rgb(56 50 48 / 8%);
    }
.d-tit-pod{
    color: #515151;
    font-weight: 600;
    position: relative;
    padding-bottom: 15px;
    font-size: 18px;
    overflow: hidden;
    display: inline-block;
    flex-basis: 100%;
    }


.d-tit-pod:before {content: "";height: 3px;width: 15px;background-color: #ce2486;border-radius: 4px;position: absolute;left: 0;bottom: 0;}
.d-tit-pod:after {content: "";height: 3px;width: 40px;background-color: #2992d7;border-radius: 4px;position: absolute;left: 20px;bottom: 0;}

.choose {display: block;flex: 1 0 150px;height: 200px;border-radius: 10px;}
.choose-sb{display: block;flex: 1 0 150px;height: 210px;border-radius: 5px;margin-bottom: 20px;}

.choose_title {
	color: #fff;
	z-index: 4;
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
	-webkit-line-clamp: 4;
	line-height: 1.3;
	font-weight: 600;
	font-size: 16px;
	}
       .choose_coll {
    z-index: 4;
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    background: #00000073;
    padding: 7px 12px;
    border-radius: 0 0 0 10px;
    font-size: 12px;
    }
.choose_coll i{margin-right:3px;}
    
    .img-fit-cover {
    position: relative;
    overflow: hidden;
}
    .img-fit-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    .img-mask::before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 66%;
    background: linear-gradient(to top, #000 0%, transparent 100%);
    opacity: 1;
}
/* INNER PAGE
----------------------------------------------- */
.short__tags {margin-top: 10px !important;
    margin-bottom: 0 !important;}
.page__tags {gap: 10px;margin-top: 20px;margin-bottom: 15px;}
.page__tags a {
    padding:0 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    -webkit-box-shadow: inset 0 -7px #fff, inset 0 -12px #e7e1c7;
    box-shadow: inset 0 -7px #fff, inset 0 -12px #ffdf9a;
    -webkit-transition: -webkit-box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out,-webkit-box-shadow .2s ease-out;
 }
.page__tags a:hover{box-shadow: inset 0 -7px #fff, inset 0 -23px #ffdf9a;}
.page__tags a:before {
    content: '#';
}


.page__footer {font-size: 14px; border-top: 1px solid var(--bdc); padding-top: 20px;}
.page__fav a {padding-left: 50px; position: relative; display: block; 
	color: var(--tt-lightest); line-height: 1.3; font-size: 13px;}
.page__fav .fal {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; 
	border: 1px solid var(--bdc); border-radius: 50%; color: var(--accent);
	position: absolute; left: 0; top: 50%; margin-top: -20px;}
.page__btn-comments {height: 30px; padding: 0 10px; font-size: 11px; 
	text-transform: uppercase; margin-left: 20px;}

.page__prev-next {background-color: var(--bg-2); width: 300px; padding: 20px; 
	float: left; margin: 0 20px 10px 0; padding-bottom: 3px;}
.page__prev-next-link {line-height: 1.5; display: block; margin-bottom: 20px; font-weight: 300;}
.page__prev-next-link div {font-size: 12px; color: var(--tt-lightest); margin-bottom: 5px;}
.popular-item__img {width: 100px; height: 60px; margin-right: 20px;}
.popular-item__title {line-height: 1.4; -webkit-line-clamp: 3;}
.popular-item:hover, .page__prev-next-link:hover {text-decoration: underline;}


/* privat police
----------------------------------------------- */
.message-alert {display: none;position: fixed;left: 0;bottom: 30px;z-index: 99999;width: 100%;font-size: 15px;line-height: 22px;font-weight: 500;}
.message-alert-in {background: #101010;color: #fff;border-radius: 10px;max-width: 760px;margin: 0 auto;padding: 20px;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap: wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.message-alert-desc {-ms-flex-preferred-size: 0;flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;display: flex;font-weight: 700;}
.message-alert-desc a{color: #ffe371;}
.message-alert-btns {margin-left: 10px;width: 110px;text-align: center;}
.message-btn {display: block;padding: 10px 0;cursor: pointer;border-radius: 3px;}
.message-btn-yes {background-color: #ffe371;color: #212121;font-weight: 700;}

/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */

.full-text {line-height: 1.55;font-size: 17px;word-wrap: break-word;}
.full-text a {text-decoration: underline;color: var(--accent);}.full-text a:hover {text-decoration: underline;color: #d30259;}
.full-text img:not(.emoji){border-radius:10px;}

.full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, 
.full-text > ul, .full-text > ol, .full-text table, .page__title {margin-bottom: 20px;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text > ul li, .full-text > ol li {padding-left: 60px; position: relative;}
.full-text > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	border: 3px solid var(--accent); position: absolute; top: 5px; left: 34px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {
	content: counter(num);
	counter-increment: num;
	background-color: var(--accent);
	color: #fff;
	position: absolute;
	top: -2px;
	left: 1px;
	width: 24px;
	height: 30px;
	font-size: 11px;
	font-weight: 600;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 6px;
	box-sizing: border-box;
	border-radius: 5px 0 0 5px;
	}
.full-text > ol li:after {
	content: '';
	border: 10px solid transparent;
	border-left-color: var(--accent);
	position: absolute;
	left: 23px;
	top: -2px;
	transform: scale(0.66,1.5);
	transform-origin: 0 0;
	}
.full-text > ul li + li, .full-text > ol li + li {margin-top: 10px;}
.full-text table, .video-inside > * {width:100%; overflow-y: scroll;display: block;height: 100%;}
.full-text table tr td {padding:10px; border:2px solid #fff;}
.full-text table tr:nth-child(2n+1) {background-color:#f2f6f9;} 
.full-text table tr:nth-child(1) {background-color:#cee0ed;}
.full-text table img:not(.emoji) {margin:0; max-width:350px}
.full-text > *:last-child {margin-bottom: 0;}
.video-responsive {padding-top: 60%; position: relative;}
.video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.full-text h1,.full-text h3, .full-text h4, .full-text h5 {font-size: 21px;}


.full-text h2 {
  font-size: 21px;
  position: relative;
  z-index: 0;
  }
.full-text h2::before {
  content: "";
  position: absolute;
  left: 4.5%;
  top: 19px;
  width: 70px;
  height: 10px;
  transform: skew(198deg) translateX(-50%);
  background: rgb(0 119 255 / 22%);
  z-index: -1;
}

.full-text iframe {width: 100%; height: 400px; margin-bottom: 20px;}
.fdl-btn {display: block; position: relative; box-shadow: 0 3px 10px rgba(0,0,0,0.1); 
	text-decoration: none !important; padding: 15px 15px 15px 130px;
	background: linear-gradient(to top, #27ae60, #2ecc71); color: #fff !important; overflow: hidden;}
.fdl-btn-title {font-weight: 500; text-transform: uppercase; word-wrap: break-word;}
.fdl-btn-size {font-size: 14px; margin-top: -2px; margin-bottom: 6px; opacity: 0.9;}
.fdl-btn-caption {opacity: 0.7; font-size: 14px;}
.fdl-btn-dl {font-size: 12px; text-transform: uppercase; margin-left: 15px;}
.fdl-btn > * {position: relative; z-index: 3;}
.fdl-btn-icon {width: 50px; height: 50px; border-radius: 50%; margin-top: -25px; font-size: 24px;
	position: absolute; left: 40px; top: 50%; display: flex; align-items: center; justify-content: center;
	box-shadow: 0 0 0 15px rgba(0,0,0,0.13), 0 0 0 30px rgba(0,0,0,0.08), 0 0 0 45px rgba(0,0,0,0.04);}


.dcont{
    background: #ff7a002e;
    border-radius: 20px;
    padding: 20px;
    }
.polltitle{font-weight:700;font-size:18px;}
.pollanswer{background:#ffffff6e;border-radius:20px; padding:10px 20px;margin-bottom:10px;width:100%;}
.pollanswer:last-child{margin-bottom: 0;}
hr {
    margin-bottom: 20px;
    padding: 0;
    height: 0;
    border: none;
    border-top: 2px dashed #101010;
}

.fr-text-bordered {
	margin: 0 0 10px 0;
	padding: 20px 20px 20px 60px !important;
	position: relative;
	background-color: #f7fbf3;
	color: #000000;
	border-radius: 10px;
	border-color: #f7fbf3 !important;
	line-height: 1.7;
	}
.fr-text-bordered:after {
    content: "\f05a";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 500;
    position: absolute;
    left: 20px;
    top: 15px;
    color: #8ac858;
    font-size: 24px;
    }


/* COMMENTS
----------------------------------------------- */
.page__comments {margin: 0;margin-top: 30px;padding: 20px;border-radius: 10px;background: var(--bg-lighter);box-shadow: var(--bsh);}
.page__comments-title {font-size: 21px; font-weight: 700; margin-bottom: 20px;}
.page__comments-info {font-size: 14px; margin-bottom: 15px; margin-top: -15px; 
	color: var(--tt-lighter); line-height: 1.5;}
.page__comments-info .fal {color: #eb4d4b; margin-right: 6px;}
.page__comments-header {position: relative; padding-right: 130px;}
.page__comments-btn {position: absolute; right: 0; top: 0;}
.yz_addimg_comm{border: 1px solid #828282;
    color: #828282;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;}
.yz_addimg_comm:hover{border: 1px solid #fe2c55;
    color: #fe2c55;
   }
.yz_img_comm:after {
    clear: both;
    content: "";
    display: table;
	margin-bottom:10px;
}
.ac-form {display: grid; gap: 20px; margin-bottom: 40px;}
.ac-form__bottom {gap: 10px 20px;}
.ac-form .message-info {margin: 0;}
.ac-form .tox-tinymce {height: 160px !important;}
.comments_subscribe + br {display: none;}
.mass_comments_action {display: flex; align-items: center; max-width: 800px; white-space: nowrap; margin-bottom: 20px;}
.mass_comments_action select {flex: 1 1 0; margin: 0 -8px 0 20px;}
.mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;}
.has-comms {margin-bottom: -20px;}


.dn_comm_status {padding: 0 5px;margin-left: 3px;font-size: 12px;border-radius: 3px;}
.dn_comm_autor {color: #7ec004;border: 1px solid #7ec004;}
.dn_comm_com {color: #101010;border: 1px solid #101010;}
.dn_comm_admin {color: #c00443;border: 1px solid #c00443;}

.comment-item__title {font-weight: 700; font-size: 18px; margin-bottom: 20px;}
.comment-item {margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--bdc-darker);}
.comment-item__img {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.comment-item__letter {width: 100%; height: 100%; text-transform: uppercase; font-weight: 700; 
	position: absolute; left: 0; top: 0; z-index: 5; color: #fff; font-size: 18px;}
.comment-item__author {font-weight: 600; font-size: 14px;}
.comment-item__date {color: var(--tt-lightest); margin-top: 4px; font-size: 12px;}
.comment-item__main {margin: 8px 0 6px 0; font-size: 15px;}
.comment-item__rating {white-space: nowrap;align-items: center;display: flex;font-size: 12px;}.comment-item__rating span{font-size:12px;}
.comment-item__rating a {border: 1px solid #e1e1e1;padding: 1px 6px;margin-left: 5px;font-size: 13px;border-radius: 3px;}
.comment-item__rating a > span:first-child {color: #7a7a7a;margin-right: 2px;}
.comment-item__rating a:last-child > span:first-child {color: #7a7a7a;}
.comment-item__reply a {font-size: 12px; margin-right: 20px; color: var(--tt-lightest);}
.comment-item__reply a .fal {margin-left: 5px;}
.comment-item__reply + .comment-item__reply a .fal {margin-left: 0; margin-right: 5px;}
.comment-item__controls {text-align: right; font-size: 12px; margin-right: -15px;}
.comment-item__controls li {display: inline-block; vertical-align: middle; margin: 0 0 0 10px; height: 16px; line-height: 16px;}
.comment-item__controls a:not(:hover) {color: var(--tt-lightest);}
.comment-item__footer a:hover {text-decoration: underline;}
.comment-item__rating a:hover > span:first-child {text-decoration: none;}
.comment-item__controls .checkbox {transform: scale(0.8,0.8); margin-left: 5px;}


.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;
}



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

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

.comments-image-gallery li img{
  float: left;
  border-radius: 10px;
  margin-right: 10px;
  margin-top: 10px;
  width: 132px;
  height: 100px;
  transition: box-shadow 0.5s ease;
  object-fit: cover;
}

.comments-image-gallery li img:hover {
  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}
.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;
}
.yz_img_comm:after {
    clear: both;
    content: "";
    display: table;
    margin-bottom: 10px;
}
/* LOGIN
----------------------------------------------- */
.login {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden;
	background-color: var(--ui-bg); border-radius: 4px; width: 400px; 
	box-shadow: 0 0 0 10px rgba(255,255,255,0.2), 0 15px 45px rgba(0,0,0,1);}
.login__header {padding: 20px 40px; background-color: var(--ui-bg-darker);}
.login__title {font-size: 18px; font-weight: 600; padding: 1px 0; text-transform: capitalize;}
.login__close {cursor: pointer; font-size: 24px; opacity: 0.6; margin-left: 20px;}
.login__title a {border-bottom: 1px dotted var(--tt-lighter); margin-left: 10px; font-weight: 400; color: var(--tt-lightest);}
.login__content {padding: 20px 40px;}
.login__row {margin-bottom: 20px; position: relative; display: block; font-size: 14px; color: var(--tt-lightest);}
.login__caption {font-size: 14px; color: var(--tt); margin-bottom: 10px;}
.login__caption a {text-decoration: underline; margin-left: 6px; color: var(--accent);}
.login__input input {padding-left: 40px;}
.login__row .fal {opacity: 0.5; position: absolute; left: 0; bottom: 0; line-height: 40px; width: 40px; text-align: center;}
.login__row button {width: 100%;}
.login__social {background-color: var(--ui-bg-darker); padding: 20px 40px; text-align: center;}
.login__social-caption {font-size: 11px; text-transform: uppercase; margin-bottom: 10px;}
.login__social-btns a {display:inline-block; margin: 0 3px; vertical-align:top;}
.login__social-btns img {display:block; width:34px; height: 34px;}
.login__avatar {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.login__menu {padding-left: 35px; padding-right: 35px; margin-bottom: -10px;}
.login__menu li {flex: 1 1 0; min-width: auto; max-width: 100%; margin: 0 5px 10px 5px;}
.login__menu a {display: block; border-radius: 6px; padding: 10px; text-align: center; white-space: nowrap;
	background-color: var(--ui-bg-darker); box-shadow: inset 0 0 10px rgba(0,0,0,0.1); font-size: 13px;}
.login__menu .fal {display: block; height: 30px; font-size: 24px; opacity: 0.3;}

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;
}
/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.6; background-color: #000; cursor: pointer; display: none;}
.mobile-menu {width: 280px; height: 100%; overflow-x: hidden; overflow-y: auto;
	padding: 10px 20px; z-index: 999; position: fixed; left: -320px; top: 0; transition: left .4s; 
	background-color: var(--bg-lighter); color: var(--tt);}
.mobile-menu.is-active {left: 0;}
.mobile-menu-close {cursor: pointer; display: block; left: 280px; top: -40px; position: fixed; z-index: 999;
	width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; opacity: 0;
	background-color: #e84e36; color: #fff; transition: top .4s, opacity .4s;}
.mobile-menu-close.is-active {top: 0px; opacity: 1;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu ul {margin: 0; padding: 0; display: block;}
.mobile-menu ul > li {width: 100%; margin: 0; padding: 0; border: 0;}
.mobile-menu ul > li > a {height: 40px; line-height: 40px; padding: 0; display: block;}
.mobile-menu .nav__list-hidden {width: 100%; height: auto; display: block; position: relative; left: 0; top: 0;
	width: calc(100% + 40px); margin: 0px -20px; padding: 0px 40px; border-radius: 0 !important;
	opacity: 1; visibility: visible; transform: none; background: var(--bg);}

@media screen and (max-width: 1220px) {
	body {background-image: none;}
	.wrapper {padding: 0; background-image: none; overflow: hidden;}
	.wrapper-container {max-width:1000px;}
	#scrolltop {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
	.nav, .col-side .js-this-in-mobile-menu, .header__link, .hm {display: none;}
	.header__btn-menu {display: inline-flex; width: 40px; padding: 0; font-size: 18px;}
	.cols {grid-template-columns: minmax(0,1fr);}
	.col-side {order: 10;/* display: none; */}.col-side-none { display: none;}
	.footer {display: block; text-align: center;}
	.footer__text {margin: 20px 0;}
	.footer__logo {margin: 0;}
	.side-block--sticky {position: static;}
	.top-item {flex: 1 0 30% !important;}
}

@media screen and (max-width: 950px) {
	.wrapper-container {max-width:768px;}
	.top-item {flex: 1 0 200px !important;}
	.short__header, .short__desc, .content-block--bg {/* padding: 20px; */}
	.short__text {margin-bottom: 20px;}
}

@media screen and (max-width: 760px) {
	.wrapper-container {max-width:640px;}
	.header {gap: 20px 10px;}
	.header__search {min-width: 100%; order: 10; margin: 0;}
	.header__search form {max-width: 100%;}
	.header__logo {flex: 1 1 0; max-width: 100%; min-width: 100px; margin: 0;}
	.header__logo span {position: static; font-size: 1em; text-transform: none; margin-left: 3px;}
	.top {gap: 10px 10px;}
	.short__title, .sect__title, h1, h2, h3, h4, h5 {font-size: 18px;}
	.header__btn-login {width: 40px; overflow: hidden; font-size: 0; padding: 0; display: block;}
	.header__btn-login::before {display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; 
		font-size: 18px; content:"\f007"; font-weight: 300; font-family:'Font Awesome 5 Pro';}
	
	.page .short, .content-block--bg, .page__comments {margin-left: -20px; margin-right: -20px; border-radius: 0;}
	.page__text .quote {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding-right: var(--indent);}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 18px;}
	
	.ac-form__bottom > * {min-width: 100%;}
	.ac-form__bottom button {width: 100%; order: 10;}
	.mass_comments_action, .comment-item__controls, .comment-item__rating-caption {display: none;}
	.short, .dosuga-cat-s, .dnshortads, .pagination{    margin-left: -20px;
    margin-right: -20px;
    border-radius: 0;}

	.full-text > ul li, .full-text > ol li {
    padding-left: 36px;
}
	.full-text > ul li:before {
  
    left: 4px;
}
     .comments-image-gallery li img {
   
    width: 190px !important;
    height: 126px !important;
 
}

	.message-alert-in{margin:0 20px;}
}

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

	.content {
 
    padding: 10px 0;
}.dosuga-cat-s{
		margin-bottom:10px;
}.d-grid{gap:10px 10px;}

	.full-text h2::before {
   left: 9.5%;
   top: 16px;
}h1.dn-short-t {
    padding: 0 0 10px 0;
    font-size: 20px;
    line-height: 28px;
}
	.dn-short-t {
   
    font-size: 20px;
    line-height: 28px;
}
	.login {max-width: 90%; max-height: 90%; overflow-x: hidden; overflow-y: auto;}
	.login__header, .login__content, .login__social, .pages-bg {padding-left: 20px; padding-right: 20px;}		

	.page__share {display: flex; min-width: 100%; margin: 0 0 20px 0px;}
	.page__yadzen {width: 100%; margin-bottom: 20px;}
	.page__meta, .page__date {font-size: 12px;}
	.page__header h1 {line-height: 1.4; font-size: 19px;}
	.page__poster {height: 240px;}
	.page__date {position: absolute; left: 0px; top: 30px;}
	.page__rating {top: 20px; bottom: auto; font-size: 13px;}
	.page__rating > * {width: 40px; padding: 5px; text-align: center; height: 70px;}
	.page__rating .fal {margin: 0; margin-bottom: 6px;}
    .comments-image-gallery li img {
   
    width: 156px !important;
    height: 103px !important;
 
}
}

@media screen and (max-width: 470px) {
	.wrapper-container22 {max-width:360px;}
	.header__logo {font-size: 22px;}
	.hm2, .page__comments-info {display: none;}
	.short__img {height: 160px;}
	.short__text {font-size: 13px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
	.pagination__btn-loader > * {width: 100% !important; padding: 0 !important;}
	.hm {display: block;}
	
	.full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
 .comments-image-gallery li img {
   width: 176px !important;
   height: 117px !important;
}
}

/* FIX STYLES */
.img-copy-author {
    float: right;
    margin-top: -30px;
    font-size: 16px;
    font-style: italic;
}

.smotret {
    float: right;
    background-color: #101010;
    color: #ffffff;
}

.smotret:hover {
    background-color: #404040;
    color: #ffffff;
}

.more {
    border-radius: 3px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 29px;
    margin-left: 5px;
    height: 28px;
  }

  .img_menu {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    }