@import "reset-settings.css" all;

.sl-item img, .th1 img, th2-img img, .th-f2 img, .top-img img {width:100%; min-height:100%; max-width: 200%; /*width: 200%;  margin-left: -50%; min-height: 100%;*/}
.rel-img img img {width:100%; min-height:100%;}
h1, h2, h3, h4, h5, .main-menu li a, .ticker li a, .box-title, .lt-title1, .lt-title2, .f-col-t, .s-title, .side-box-title, 
.related-title, .comm-title, .ticker-t 
{font-family: Roboto; font-weight:400;}
.sl-title, .th-f2-text, .th1-text, .th3, .show-login, .s-img, .add-com-but, button {transition: all .5s;}
.grey-grad, .topikus, .show-login, .soci-top {background: #fdfdfd;
background: -moz-linear-gradient(top, #fdfdfd 0%, #f7f7f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f7f7f7));
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f7f7f7 100%);
background: -o-linear-gradient(top, #fdfdfd 0%,#f7f7f7 100%);
background: -ms-linear-gradient(top, #fdfdfd 0%,#f7f7f7 100%);
background: linear-gradient(to bottom, #fdfdfd 0%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f7f7f7',GradientType=0 );}
.blue-grad, .search-wrap {background: #e3ebff;
background: -moz-linear-gradient(top, #e3ebff 0%, #004f9f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3ebff), color-stop(100%,#004f9f));
background: -webkit-linear-gradient(top, #e3ebff 0%,#004f9f 100%);
background: -o-linear-gradient(top, #e3ebff 0%,#004f9f 100%);
background: -ms-linear-gradient(top, #e3ebff 0%,#004f9f 100%);
background: linear-gradient(to bottom, #e3ebff 0%,#004f9f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ebff', endColorstr='#004f9f',GradientType=0 );}

/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%;}
.wrap {width:100%; min-width:320px; max-width:1200px; background-color:#fff; margin:0 auto; 
box-shadow:0 0 3px 0 rgba(0,0,0,0.3); min-height:800px;}
.topikus {height:36px; border-bottom:1px solid #eee; position:relative; line-height:36px;}
.logotipus {height:100px; position:relative; margin-left: 17px;}
.navigatorus {margin:0 15px; border-radius:3px; background-color:#2283c2; position:relative; z-index: 1000;}
.contentus {padding:15px;}
.col-left {width:30%; float:left;}
.col-middle {width:40%; float:left; padding:0 15px;}
.col-right {width:30%; float:right;}
.footerus {background-color:#f5f5f5;}
.nm-cols-wrap {padding:15px 0 0 200px;}
.nm-col-left {width:200px; margin-left:-200px; float:left;}
.nm-col-wrap {width:100%; padding-right:300px; float:right;}
.nm-col-right {width:300px; margin-right:-300px; float:right;}
.nm-col-middle {width:100%; padding:0 15px; float:left;}

.trkl img, .mrkl img, .frkl img, .srkl img {display:block; margin:0 auto;}
.mrkl, .srkl {margin-bottom:15px;}
.frkl {margin:15px 0 0 0; overflow:hidden;}
.lrkl {margin:0;}


/* TOP LINE
----------------------------------------------- */
.clock {display:inline-block; color:#444; position:absolute; top:0; left:0; padding:0 15px; border-right:1px solid #eee; font-size:14px;}
#Date {display:inline-block; margin-right:15px;}
.clock ul {list-style:none; display:inline-block;}
.clock ul li { display:inline; text-align:center; }
#point { position:relative; padding:0 5px;}

.top-menu {float:right;}
.top-menu li {padding:0 15px; display:inline-block; border-left:1px dashed #eee;}
.top-menu a {color:#444; text-decoration:underline;}
.top-menu a:hover {color:#444; text-decoration:none;}


/* HEADER
----------------------------------------------- */
.logo-box {height:100px; width:650px; display:block; position:absolute; left:0; top:0; 
background:url(../images/logo.png) 0 0 no-repeat; overflow:hidden; text-indent:-1000px;}

.show-login {display:inline-block; height:56px; text-align:left; padding:0 15px; line-height:56px; 
color:#444; font-size:14px; margin-top:15px; float:right; margin:20px 15px 0 0; 
cursor:pointer; border-radius:3px; border:1px solid #f0f0f0;}
.show-login i, .clock i {margin-right:10px;}
.show-login:hover {color:#f33a35; background-color:#FFF;}

.soci-top {display:inline-block; height:56px; margin:20px 0 0 0; float:right; padding:12px 0 0 10px; 
border-radius:3px 0 0 3px; border:1px solid #f0f0f0; border-right:0; position:relative; right:-3px;}
.soci-top a {display:inline-block; float:left; margin:0 5px;}
.soci-top a img {display:block; width:30px; height:30px; border-radius:3px;}
.soci-top a:hover img {transform:scale(1.1);}

.search-wrap {width:29.2%; position:relative; margin:20px 15px 0 0; float:right; padding:10px; border-radius:3px;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; height:36px; line-height:36px; padding:0 50px 0 10px; border-radius:0px;
background-color:#FFF; color:#999; font:italic 12px Georgia; border:1px solid #e3e3e3; box-shadow:inset 2px 2px 2px 0 rgba(0,0,0,0.05); }
.search-box button {position:absolute; right:12px; top:2px;
padding:0; color:#f33a35; background-color:transparent;}


/* MAIN MENU
----------------------------------------------- */
.main-menu { text-align:center;}
.main-menu > li {display:inline-block; position:relative; border-left:0; border-right:0; margin-right:-4px;}
.main-menu li a {display:block; line-height:40px; padding:0 15px; color:#fff; font-size:12px; text-transform:uppercase; font-weight:bold;}
.main-menu li a:hover {color:#fff;}
.hidden-menu { background-color:#3196d7; width:230px; top:40px; left:0; position: absolute; z-index: 9999; display: none; 
border-radius:0; text-align:left;}
.hidden-menu li, .hidden-menu li a {display:block; color:#fff; line-height:40px;}
.hidden-menu li {border-bottom:1px dashed #5fb6ef;}
.hidden-menu li a:hover {background-color:#2283c2; color:#fff;}
.menuactive > a, li.menuactive > a:hover, .main-menu > li > a:hover {background-color:#3196d7; color:#fff !important;}
.main-menu > li:last-child:after, .show-menu {display:none;}
.submenu:after {top: 50%;left:3px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;
border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 4px;margin-top: -2px;}


/* TICKER
----------------------------------------------- */
.ticker-wrap {line-height:40px; height:40px; padding:0 15px 0 120px; box-shadow:inset 0 0 0 1px #e3e3e3; margin-bottom:15px;}
.ticker-t {display:inline-block; padding:0; width:120px; margin-left:-120px; float:left; text-align:right;
background-color:#2283c2; color:#FFF; font-size:16px; position:relative;}
.ticker-t:after {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;
position: absolute;border-color: rgba(45, 105, 175, 0);border-left-color: #2283c2;border-width: 20px;margin-top: -20px;}
.ticker {float:right; width:100%; height:40px; overflow:hidden; padding-left:20px; line-height:40px;}
.ticker li {padding:0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ticker li a {font-size:16px; color:#444; display:block;}
.ticker li a:hover {color:#2C6AAE; text-decoration:underline;}


/* MAIN CUSTOMS
----------------------------------------------- */
.cl-one {background-color:#f5f5f5; margin-bottom:15px; padding:0 10px;}
.cl-one h2 {font-size:16px; padding:0 15px; height:40px; line-height:40px;background-color:#2283c2; color:#FFF; margin:0 -10px;}
.cr-one, .cr-two, .cm-two, #owl-slides {margin:0 0 15px 0;}
.box-title {font-size:16px; background-color:#f5f5f5; padding:0 15px; height:40px; line-height:40px; border:1px solid #e3e3e3;}
.cr-two .box-title {margin:0 0 5px 0;}
.cm-two .box-title, .cl-two .box-title {margin-bottom:15px;}


/* CUSTOM LENTA
----------------------------------------------- */
.lt-item1 {padding:10px 0;}
.lt-item1 img {width:30%; float:left;}
.lt-text1 {width:70%; float:right; padding-left:10px;}
.lt-date1 { display:inline-block; padding:3px 10px; background-color:#2283c2; color:#fff;}
.lt-title1 {display:block; font-size:14px; margin-top:5px; color:#444;}

.lt-item2 {border-bottom:2px solid #FFF; padding:10px 0 10px 54px;}
.lt-title2 {display:block; font-size:12px; float:right; width:100%; color:#2c6aae; text-decoration:underline; padding-left:15px;}
.lt-date2 {float:left; width:54px; margin-left:-54px; background-color:#2283c2; color:#fff; padding:3px 0; text-align:center;}


/* CUSTOM SLIDER
----------------------------------------------- */
.sl-item {height:300px; position:relative; display:block;}
.sl-img {height:100%; overflow:hidden;}
.sl-title {padding:15px; font-size:14px; line-height:16px; color:#FFF; background-color:rgba(0,0,0,0.3);
position:absolute; left:0; bottom:0; right:0;}
.sl-title h3 {font-size:16px; line-height:18px; margin:10px 0; font-weight:700;}
.sl-cat {display:inline-block; padding:5px 10px; color:#FFF; background-color:#f33a35; 
text-transform:uppercase; font-size:12px; line-height:normal; border-radius:3px;}
.sl-date {display:inline-block; color:#FFF; font-style:italic; padding-left:15px;}
.sl-item:hover .sl-title { padding-bottom:30px;}


/* CUSTOM LEFT
----------------------------------------------- */
.th1 {display:block; position:relative; height:250px; overflow:hidden; margin-bottom:15px;}
.th1-text {position:absolute; left:0; right:0; bottom:0; padding:10px; 
background-color:rgba(0,0,0,0.3); color:#fff;}
.th1-title {font-size:16px; color: #a3cbff;}
.th1-cat {margin:5px 0; display:inline-block; padding:5px 10px; color:#FFF; background-color:#2283c2; 
font-size:12px; line-height:normal; border-radius:3px;}
.th1:hover .th1-text {background-color:rgba(0,0,0,1); padding-bottom:30px;}

.th2 {display:block; padding:15px 0 15px 120px; color:#444; border-bottom:1px dashed #e3e3e3;}
.s-three-left-3 .th2 {border-bottom:1px dashed #e3e3e3;}
.th2-img {width:120px; height:80px; margin-left:-120px; float:left; overflow:hidden;}
.th2-text {width:100%; float:right; padding-left:10px;}
.th2-title {font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.th2-cat {font-style:italic; margin:3px 0 5px 0; color:#2283c2;}
.th2-desc {color:#7d7d7d; font-size:12px;}
.th2:hover .th2-title {color:#000; text-decoration:underline;}

.th1 + .th2, .th3 + .th2 {margin-top:-15px;}
.th2 + .th3 {margin-top:15px;}

.th3 {display:block; border:1px solid #e3e3e3; padding:5px 10px; color:#000; margin-bottom:15px;}
.th3-title {text-decoration:underline; font-size:14px; margin-bottom:5px;}
.th3-desc {color:#5d5d5d; font-size:13px;}
.th3:hover {background-color:#f6f6f6;}


/* CUSTOM MIDDLE
----------------------------------------------- */
.th-f1 {border:1px solid #e3e3e3; padding:15px; margin-bottom:15px;}
.th-f1-img {width:30%; height:150px; float:left; overflow:hidden;}
.th-f1-img img {width:200%; max-width:200%; margin-left:-50%; min-height:100%;}
.th-f1-text {width:70%; float:right; padding-left:15px;}
.th-f1-cat { display:inline-block; padding:3px 10px; background-color:#2283c2; color:#fff;}
.th-f1-text h3 a {font-size:16px; margin:5px 0; font-weight:700; display:block; color:#444;}
.th-f1-desc {color:#7d7d7d; font-size:12px;}
.th-f1-date {font-style:italic; margin:5px 0 0 0; color:#2283c2;}
.th-f1 h3 a:hover {color:#000; text-decoration:underline;}

.th-f2 {height:300px; position:relative; overflow:hidden; margin-bottom:15px;}
.th-f2-text {position:absolute; left:0; right:0; bottom:0; padding:10px; 
background-color:rgba(0,0,0,0.3); color:#fff; display:block;}
.th-f2-text h3 {font-size:16px; font-weight:700; margin:5px 0;}
.th-f2-cat {display:inline-block; padding:5px 10px; color:#FFF; background-color:#f33a35; 
font-size:12px; line-height:normal; border-radius:3px;}
.th-f2-text:hover {padding-bottom:30px; background-color:rgba(0,0,0,1); color:#FFF;}


/* LEFT SIDE
----------------------------------------------- */
.side-box {border:1px solid #E3E3E3; margin-bottom:15px; padding:10px;}
.side-box-title {font-size:16px; color:#444; margin-bottom:10px;}

.top-item {display:block; padding:10px 0 0 70px;}
.top-img {float:left; width:70px; /*height:60px;*/ margin-left:-70px; overflow:hidden;}
.top-info {float:right; width:100%; padding-left:10px;}
.top-title {color:#444; font-size:12px; margin-bottom:5px;}
.top-item:hover .top-title {text-decoration:underline;}


/* SHORTS
----------------------------------------------- */
.shortikus {padding-left:180px; padding-bottom:15px;}
.s-img {height:120px; width:180px; margin-left:-180px; overflow:hidden; float:left; display:block;}
.s-img:hover {opacity:0.8;}
.s-text {width:100%; float:right; padding-left:15px;}
.s-title {display:block; font-size:16px; text-decoration:none; font-weight:400; color:#444;}
.s-title:hover {text-decoration:underline;}
.s-info {height:30px; line-height:30px; font-size:12px; margin:5px 0;}
.s-rating, .s-views, .s-comms {display:inline-block; float:left; color:#9b9b9b; font-style:italic; margin-right:15px;}
.s-info i {margin-right:3px;}
.s-desc {color:#7d7d7d;}
.s-desc a {text-decoration:underline; display:block; margin-top:5px;}
.s-desc a:hover {text-decoration:none;}
.s-text .full-info {display:inline-block; float:right;}

.nm-col-right .th1 {height:200px;}


/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {font-size:12px; color:#5d5d5d; margin-bottom:15px;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:16px; font-weight:700; color:#444; text-transform:uppercase; margin-bottom:10px;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span {color:#f33a35;}
.site-desc p {margin-bottom:5px;}


/* FOOTER
----------------------------------------------- */
.f-cols {padding:30px 15px;}
.f-col1 {width:20%; float:left; padding-top:50px; background:url(../images/logo.png) 0 0 no-repeat; background-size:150px auto;}
.f-col2 {width:50%; float:left; padding:0 15px;}
.f-col3 {width:30%; float:right;}
.f-col-t {font-size:16px; font-weight:bold; margin-bottom:15px; color:#444;}
.foot-menu li {color:#444; list-style:disc; margin:10px 0 0 20px;}
.foot-menu li a {color:#444; font-weight:bold; text-decoration:underline;}
.foot-menu li a:hover {text-decoration:none;}
#vk_groups, #vk_groups iframe {width:100% !important;}

.bottom-box {color:#f0f0f0; padding:15px; background-color:#333;}
.bottom-box a {color:#fff; text-decoration:underline; font-weight:bold;}
.bottom-box a:hover {color:#fff; text-decoration:none;}
.bottom-box p {width:100%; color:#f6f6f6; margin-bottom:10px;}
.counts {margin-top:5px;}
.counts li {display:inline-block; width:88px; height:31px; margin-right:10px; background-color:#222;}


/* RATING V2
----------------------------------------------- */
.full-rating {display:inline-block; position:absolute; right:0; top:0; height:30px; line-height:29px; font-size:14px;}
.full-rating > a {display:inline-block; margin-left:3px;}
.full-rating i {display:inline-block; color:#fff; width:32px; text-align:center; 
border:1px solid #49c804; background-color:#49c804; border-radius:3px; line-height:29px;}
.full-rating a:nth-child(3) i {color:#fff; border:1px solid #F26F63; background-color:#F26F63;}
.full-rating > span {display:inline-block; position:relative; background-color:#FFF; border: 1px solid #dedede; 
padding:0 10px; border-radius:3px; min-width:32px; margin-right:7px;}
.full-rating > span:after, .full-rating > span:before {left: 100%;top: 50%;border: solid transparent;
content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.full-rating > span:after {border-color: rgba(255, 255, 255, 0);border-left-color: #fff;
border-width: 6px;margin-top: -6px;}
.full-rating > span:before {border-color: rgba(222, 222, 222, 0);border-left-color: #dedede;
border-width: 7px;margin-top: -7px;}
.full-rating > span > span {color:#94bee6;}
.full-rating > span > span.ratingzero {color: #444444;}
.full-rating > span > span.ratingtypeplus {color: #06b601;}
.full-rating > span > span.ratingplus {color: green;}
.full-rating > span > span.ratingminus {color: red;}
.frating-stars {display:inline-block; position:relative; top:5px;}


/* FULL STORY
----------------------------------------------- */
.f-page-top {}
.f-page-title {position:relative;}
.f-page-cat {background-color:#2283c2; color:#FFF; font-size:14px; display:inline-block; padding:5px 15px; max-width:70%; 
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.f-page-title h1 {font-size:28px; margin:10px 0;}

.full-subinfo {height:30px; line-height:29px; position:relative; font-size:14px; margin-bottom:15px;}
.full-date, .full-comms {display:inline-block; float:left; color:#9b9b9b;}
.full-date i, .full-comms i {margin-right:3px;}
.full-comms {margin-left:15px;}
.full-share {display:inline-block; float:right; height:30px; position:relative; top:-3px; right:10px;}

.full-info {font-size:14px;}
.full-info > div {display:inline-block; float:left; margin-right:5px; height:30px; line-height:30px;}
.full-info i {color:#2283c2; margin-right:5px; border:1px solid #e3e3e3; border-radius:3px; 
width:30px; text-align:center; line-height:28px;}
.f-compl, .f-edit {float:right !important; color:#444;}
.full-info a {color:#444;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:400px;}
.full-text {font:16px Roboto, Helvetica, sans-serif; line-height:24px; margin-bottom:20px;}
.full-text img {margin:0 10px 10px 0; max-width:100%; border:5px solid #f0f0f0;}
.full-text a {text-decoration:underline; color:#06c;}
.full-text a:hover {text-decoration:underline; color:#C9070A;}
.full-text a:visited {text-decoration:underline; color:#06c;}
.full-text h2, .full-text h3 {font-size:20px;}
.full-text h4, .full-text h5 {font-size:18px;}
.full-text p {margin-bottom:15px;font-size: 16px;}
.full-text ul, .full-text ol, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:0;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol {counter-reset:li; padding:0;  list-style:none; margin-left:25px; }
.full-text ol li {position:relative; margin:0 0 5px 0; padding-left:30px; min-height:20px;}
.full-text  ol li:before {content:counter(li); counter-increment:li; font-size:11px;
position:absolute; top:0px; left:0; width:20px; height:20px; line-height:20px; text-align:center; 
color:#fff; background:#0297dc; font-weight:bold; border-radius:50%;}
.full-text table {width:100%; text-align:left;}
.full-text table tr td {padding:10px; border:1px solid #ccc; font-size:12px; }
.full-text table tr:nth-child(1) {background-color:#0297dc !important; color:#FFF; font-size:14px !important;}
.full-text table tr:nth-child(2n+1) {background-color:#f9f9f9;} 

.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:20px 0; line-height:20px;}
.polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;}
.full-taglist {margin:10px 0 20px 0; font-size:11px;}
.full-taglist-t { margin-bottom:5px; font-weight:bold;}
.full-taglist a:hover {text-decoration:underline;}
.full-nav {text-align:center; margin-bottom:20px;}
.full-nav a {color:#06c; text-decoration:none;}
.full-nav a:hover {color:#06c; text-decoration:underline;}
.full-nav-pages {margin:0 15px;}
.full-nav-pages span, .full-nav-pages a {display:inline-block; margin:0 5px;}


/* RELATED
----------------------------------------------- */
.related-wrap {margin:15px 0;}
.related-title {font-size:18px; margin-bottom:10px;}
.related-box {}

.rel-item {display:block; padding:10px 10px 0 70px; float:left; width:50%; height:70px;}
.rel-img {float:left; width:70px; /*height:60px;*/ margin-left:-70px; overflow:hidden;}
.rel-text {float:right; width:100%; padding-left:10px; color:#CCEAEE;}
.rel-title {color:#444; font-size:14px;}
.rel-item:hover .rel-title {text-decoration:underline;}
.rel-item:nth-child(5) {padding:10px 10px 0 0; position:relative; height:210px;}
.rel-item:nth-child(5) .rel-img {float:none; width:100%; height:200px; margin-left:0;}
.rel-item:nth-child(5) .rel-text {float:none; padding:10px; margin-bottom:0; color:#F2C166; 
position:absolute; left:0; bottom:0; right:10px; width:auto; background-color:rgba(0,0,0,0.4);}
.rel-item:nth-child(5) .rel-title {color:#fff;}


/* COMMENTS
----------------------------------------------- */
.comments-wrap {}
.comm-title {font-size:18px; margin:30px 0 15px 0;}

.comm-item {padding:10px 10px 10px 90px; border-bottom:1px solid #e3e3e3;}
.comm-left {float:left; margin-left:-80px; width:70px;}
.comm-right {float:right; width:100%;}
.comm-av {height:70px; overflow:hidden;}
.comm-av img {width:100%; min-height:100%;}
.comm-group-mark {padding:3px; text-align:center; font-size:10px; font-weight:normal !important; margin-top:5px;
background-color:#f0f0f0; color:#444; overflow:hidden;}
.comm-admin {background-color:#d60505; color:#fff;}
.comm-admin span, .comm-jour span {color:#fff !important;}
.comm-jour {background-color:#1ca101; color:#fff;}
.comm-user {background-color:#309; color:#fff;}
.comm-top-info {height:20px; line-height:20px;}
.comm-id, .comm-author, .comm-date {float:left; color:#888; font-size:10px; display:inline-block;}
.comm-author {font-size:12px; font-weight:bold; margin:0 10px; color:#b43852;}
.comm-author a {color:#b43852;}
.comm-author:after {content:""; width:10px; height:10px; border-radius:50%; display:inline-block;
margin-left:10px; background-color:#888; position:relative; top:2px;}
.status-online:after {background-color:#3C0;}
.comm-text {line-height:18px; color:#444; padding:10px 0; min-height:80px;}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; padding:10px 0; border-top:1px dashed #e3e3e3;}
.comm-bottom-info {}
.comm-bottom-info ul {text-align:right;}
.comm-bottom-info ul li {display:inline-block; margin-left:10px;}
.comm-bottom-info ul li a {font-size:11px;}
.comm-bottom-info ul li:first-child {font-weight:bold; float:left;}
.comm-bottom-info ul li:first-child img {margin-right:5px;}
.comm-author a:hover, .comm-bottom-info ul li a:hover {text-decoration:underline;}
.comm-rate {float:right; position:relative; line-height:26px; border-radius:3px;}
.comm-rate span.ratingtypeplusminus {display:block; padding:0 30px; background-color:#fff; color:#444; 
font-weight:bold; box-shadow:0 0 0 1px #ccc; background: linear-gradient(to bottom, #fff 0%,#f0f0f0 100%);}
.comm-rate a {display:block; width:22px; height:22px; position:absolute; top:2px; left:2px; 
text-align:center; line-height:22px; font-size:18px; background-color:#61b804; color:#fff; border-radius:3px; 
background: linear-gradient(to bottom, #97d624 0%,#7cbc0a 100%);}
.comm-rate a:last-child {left:auto; right:2px; line-height:20px; 
background-color:#ec000b; background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);}
.comm-rate a:hover {opacity:0.7;}
.comm-rate > span > span.ratingzero {color: #444444;}
.comm-rate > span > span.ratingtypeplus {color: #06b601;}
.comm-rate > span > span.ratingplus {color: green;}
.comm-rate > span > span.ratingminus {color: red;}

.pos-comm {background-color:#e5f7e5;}
.neg-comm {background-color:#f7e5e6;}

.add-com {padding:15px 0;}

.add-com-but {display:block; font-size:16px; padding:0 15px; text-align:center; text-transform:uppercase;
border-radius:0px; line-height:40px; cursor:pointer; background-color:#2283c2; color:#fff;}
.add-com-but:hover {background-color:#3196d7; color:#FFF;}
#addcform {display:none; margin:20px 0;}
.mass_comments_action { height: 1%; text-align: right; padding:5px 15px; background-color: #f6f6f6; margin:20px 0 0 0;}
.mass_comments_action .bbcodes { margin-bottom: 0 }
 
 
/* GO TOP BUTTON */
.gotop{position:fixed;width:40px;height:40px;right:0px;bottom:0px;display:block;
background:url('../images/gotop.png') no-repeat;z-index:9998;display:none; opacity:0.8;}


/* LOGIN
----------------------------------------------- */
.overlay {display:none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 8888;
width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}
.overlay-close{cursor: pointer; position: absolute; right: 5px; top: 8px; 
width: 30px; height: 30px; color:#ec3204; font-size:24px !important; text-align:center; line-height:30px !important;}
#loginbox { background: #fff; width: 320px; margin-left: -160px; min-height: 150px; overflow:hidden;
 position: absolute; z-index: 9999; left: 50%; top: 20%; line-height:normal; border-radius:3px;}
.login-title, .log-register, .login-avatar { background-color:#f5f5f5; padding:15px 20px; font-size:16px; position:relative;}
.login-form ul {padding:20px;}
.login-form li {margin-bottom:20px;}
.login-form ul li label {display:inline-block; margin-bottom:5px;}
.login-form ul li input {display:block; height:40px; line-height:40px; border-radius:3px; border:1px solid #e3e3e3; 
width:100%; padding:0 10px;}
.login-form ul li a {float:right;}
.log-check {padding:0 20px; line-height:40px; margin-bottom:20px;}
.log-check input, .log-check label {float:left; display:inline-block; font-size:10px;}
.log-check input {display:none;}
.log-check input + label:before {width:20px; height:20px; margin-right:5px; cursor:pointer;
border-radius:3px; border:1px solid #e3e3e3; content:""; float:left; position:relative; top:8px;}
.log-check input:checked + label:before { background-color:#D80306;}
.log-check button {float:right;}
.log-register, .login-avatar {display:block; background-color:#2283c2; color:#fff !important; text-align:center;}
.avatar-box {width:70px; height:70px; overflow:hidden; border-radius:35px; float:left;}
.avatar-box img {width:100%; min-height:100%;}
.name-box {float:left; padding-left:20px; line-height:70px; font-size:20px; position:relative;}
.name-box a {color:#fff; font-size:12px; border-bottom:1px dotted #fff; line-height:14px;
position:absolute; left:20px; bottom:5px;}
.login-menu li a {display:block; height:36px; line-height:36px; padding:0 20px; border-left:5px solid transparent;}
.login-menu li a:hover, .login-menu li:nth-child(2) a {background-color:#f5f5f5; border-color:#f33a35;}
.login-menu li:last-child a {background-color:#2283c2; color:#fff;}

.sociallogin {height:auto;}
.sociallogin a { float:left; margin:0 5px 10px 5px;}



/* SLIDER
----------------------------------------------- */

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
.owl-carousel{display: none; position: relative; width: 100%; -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* fix */
.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
.owl-theme .owl-controls{ position:absolute; left:0; top:15px; right:15px; z-index:999; text-align: right; height:15px;}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{color: #FFF; display: inline-block; zoom: 1; margin: 5px; padding: 3px 10px;
font-size: 12px; border-radius: 30px; background: #869791; opacity: 0.5;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity: 1; text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block; zoom: 1;}
.owl-theme .owl-controls .owl-page span{display: block; width: 12px; height: 12px; margin: 5px 7px;
border-radius: 20px; background-color: #e3e3e3;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background-color:#f33a35;}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto; width: auto;
	color: #FFF; padding: 2px 10px; border-radius: 30px;}
/* preloading images */
.owl-item.loading{min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center}



/* RESIZE
----------------------------------------------- */
.show-menu {display:none;}

@media screen and (max-width: 1220px) {
.wrap {max-width:1000px;}
.soci-top a {margin:0 2px;}
.main-menu {display:none; width:100%; background-color:#2283c2; position:absolute; left:0; top:100%; z-index:9999;}
.main-menu > li {display:block; text-align:left; margin-right:0;}
.hidden-menu {width:100%;}
.show-menu {display:block; height:40px; padding:0 15px; line-height:40px; background-color:#2283c2; 
color:#fff; font-size:18px; cursor:pointer;}
.show-menu i {margin-right:10px;}
.col-left {width:40%;}
.col-middle {width:60%;padding:0 0 0 15px;}
.col-right {width:100%;}
.sl-item, .th-f2 {height:350px;}
.col-right .th1 {height:400px;}
.f-col1 {width:30%;}
.f-col2 {width:70%;padding:0 0 0 15px;}
.f-col3 {width:100%; padding-top:30px;}
.nm-cols-wrap {padding:15px 0 0 0;}
.nm-col-left {width:100%; margin-left:0;}
.nm-col-middle {padding:0 15px 0 0;}
}

@media screen and (max-width: 950px) {
.wrap {max-width:768px;}
.logotipus {height:130px;}
.search-wrap {width:100%; margin:0; border-radius:0;}
.logo-box {height:50px; width:180px; left:10px; top:65px; background-size:contain;}
.top-menu {float:left;}
.show-login {margin:9px 15px 0 0;}
.soci-top {margin:9px 0 0 0;}
.sl-item, .th-f2 {height:300px;}
.nm-col-wrap {padding-right:0;}
.nm-col-right {width:100%; margin-right:0;}
.nm-col-middle {padding:0;}
.nm-col-right .th1 {height:400px;}
}

@media screen and (max-width: 760px) {
/*.wrap {max-width:640px;}*/
.wrap {max-width:100%;}    
.ticker-wrap {padding:0 15px 0 100px;}
.ticker-t {width:100px; margin-left:-100px; font-size:12px; text-align:center;}
.ticker-t:after {display:none;}
.ticker {padding-left:0px;}
.ticker li a {font-size:12px;}
.col-left {width:100%;}
.col-middle {width:100%;padding:0;}
.topikus {display:none;}
.f-col1 {width:100%; padding-top:0; background-image:none;}
.f-col2 {width:100%;padding:15px 0 0 0;}
.sl-item, .th-f2 {height:350px;}
.th1 {height:350px !important;}

.pprev, .pnext {display:none;}
.bottom-nav {margin:20px 0 70px 0;}
.navigation {margin:0; padding:0 10px;}
.navigation a, .navigation span {margin:0 5px 5px 0;}
#loginbox {top:0%;}
}

@media screen and (max-width: 590px) {
/*.wrap {max-width:480px;}*/
.show-login {display:none;}
.soci-top {display:none;}
    
.wrap {max-width:100%;}
.logotipus {height:120px;}
.logo-box {width:100%; left:0; background-position:center 0;}
.show-login {padding:0 10px;}
.show-login i {display:none;}
.sl-item, .th-f2 {height:300px;}
.th1 {height:300px !important;}

.shortikus {padding-left:120px;}
.s-img {height:80px; width:120px; margin-left:-120px;}
.shortikus:nth-child(2n) {background-color:#f7f7f7;}
.s-info {margin:0;}

.f-page-cat {font-size:12px; max-width:50%;}
.f-page-title h1, .full-text h2, .full-text h3 {font-size:18px;}
.full-subinfo {height:auto;}
.full-share {width:100%; float:left; top:0; right:0; margin-top:5px;}
.full-info {display:none !important;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:300px;}

.rel-item {width:100%; height:auto; padding-right:0 !important;}
.rel-item:nth-child(5) {height:280px;}
.rel-item:nth-child(5) .rel-img {height:270px;}
.rel-item:nth-child(5) .rel-text {right:0;}

.comm-item {padding:10px 0 10px 60px;}
.comm-left {margin-left:-60px; width:50px;}
.comm-av {height:50px;}
.comm-group-mark, .comm-id, .mass_comments_action, .comm-bottom-info ul li {display:none;}
.comm-bottom-info ul li:first-child {display:inline-block;} 
.comments-tree-list .comments-tree-list {padding-left:0 !important;}
}

@media screen and (max-width: 470px) {
/*.wrap {max-width:320px;}*/
.show-login {display:none;}
.soci-top {display:none;}
.wrap {max-width:100%;}
.soci-top a:nth-child(5), .sl-cat, .sl-date {display:none;}
.sl-item, .th-f2 {height:200px;}
.th1 {height:200px !important;}
.lt-item1 img, .th-f1-img {width:40%;}
.lt-text1, .th-f1-text {width:60%;}
.sl-title h3, .th1-title, .th-f2-text h3 {font-size:16px;}
.th-f1-text h3 a {font-size:14px;}


.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:200px;}

.rel-item:nth-child(5) {height:190px;}
.rel-item:nth-child(5) .rel-img {height:180px;}

.comm-top-info {height:auto;}
.comm-date {width:100%; float:none;}
.comm-rate {float:left;}
}


/* Fix dle html5 player
----------------------------------------------- */
.mejs-container, .mejs-inner, .mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay, .mejs-poster {width:100% !important;}
.mejs-video, .mejs-shim {height:400px !important;}
@media screen and (max-width: 470px) {
.mejs-video, .mejs-shim {height:250px !important;}
}

/* add fav
----------------------------------------------- */
.add_list {
    background: #F8F8F8;
    padding: 10px 10px 19px;
    font-family: Roboto;
    font-style: normal;
    color: #828282;
    font-weight: 500;
    margin: 0 10px 20px;
    font-size: 17px;
    line-height: 19px;
}

.add_list span {width: 100%;display: block;padding: 0 10px;}

.add_list_cont {
    /*display: flex; */
    margin: 10px 10px 0;
    column-gap: 10px;
}

.add_list_cont a {
    width: 50%;
}

.add_list_cont img {
    width: 200px;
    object-fit: contain;
}

/*Изменяем порядок вывода блоков на мобильных*/
@media screen and (max-width: 470px) {
.contentus {display: flex; flex-direction: column;  flex-wrap: nowrap;}
.col-left {order: 2;}
.col-middle {order: 1;}
.col-right {order: 3;}
}
@media screen and (max-width: 590px) {
.contentus {display: flex; flex-direction: column;  flex-wrap: nowrap;}
.col-left {order: 2;}
.col-middle {order: 1;}
.col-right {order: 3;}
}
/*16.1*/
.title_spoiler svg{
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 7px;
	height: 16px;
	width: 16px;
}
/*17*/
.mce-accordion summary {
	cursor: pointer;
}

.self_delete_link {
	border: 0 none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 12px 27px;
	border-radius: 10px;
	outline: none;
	background-color: #f44336;
	color: #fff;
	text-shadow: 0 1px #333;
	text-decoration: none !important;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	box-sizing: border-box;
	transition: all ease .1s; transition: all ease .1s;
}
/*17.1*/
.DLEPush {
	z-index: 2001;
	position: fixed;
	right: 20px;
	top: 20px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input[type="text"].comments_author_field {
	width: 100%;
	margin-bottom: 10px;
}

/* =============================================================================
   СОВРЕМЕННЫЙ БЛОК НОВОСТИ DLE - ИЗОЛИРОВАННЫЕ СТИЛИ
   Префикс: dle-new2025-article-
   Совместимость: Google News, Яндекс.Новости, Schema.org
   ============================================================================= */

/* ОСНОВНОЙ КОНТЕЙНЕР */
.dle-new2025-article-container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 7px;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.dle-new2025-article-wrap {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 24px;
    box-sizing: border-box;
    position: relative;
}

/* ЗАГОЛОВОЧНАЯ ОБЛАСТЬ */
.dle-new2025-article-header {
    padding: 32px 24px 24px;
    background: linear-gradient(135deg, #fafbfc 0%, #f8f9fa 100%);
    border-bottom: 1px solid #e9ecef;
    position: relative;
}

.dle-new2025-article-category {
    display: inline-block;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.025em;
    padding: 6px 14px;
    border-radius: 6px;
    text-transform: uppercase;
    margin-bottom: 16px;
    box-shadow: 0 1px 2px rgba(59, 130, 246, 0.15);
    text-decoration: none;
}

.dle-new2025-article-category:hover {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dle-new2025-article-title {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
    color: #1f2937;
    margin: 0 0 20px 0;
    letter-spacing: -0.015em;
}

.dle-new2025-article-meta {
    display: flex;
    align-items: center;
    gap: 24px;
    font-size: 14px;
    color: #6b7280;
}

.dle-new2025-article-date {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dle-new2025-article-date i {
    color: #9ca3af;
    font-size: 13px;
}

.dle-new2025-article-comments-count {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dle-new2025-article-comments-count i {
    color: #9ca3af;
    font-size: 13px;
}

/* РЕЙТИНГ (закомментирован, но стили готовы) */
.dle-new2025-article-rating {
    position: absolute;
    right: 24px;
    top: 32px;
}

.dle-new2025-article-rating .full-rating {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.9);
    padding: 8px 12px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* ОСНОВНОЙ КОНТЕНТ */
.dle-new2025-article-content {
    padding: 32px 24px;
}

.dle-new2025-article-text {
    font-size: 17px;
    line-height: 1.7;
    color: #374151;
    letter-spacing: -0.003em;
}

.dle-new2025-article-text p {
    margin: 0 0 20px 0;
}

.dle-new2025-article-text p:last-child {
    margin-bottom: 0;
}

.dle-new2025-article-text h2,
.dle-new2025-article-text h3 {
    font-size: 22px;
    font-weight: 600;
    color: #1f2937;
    margin: 32px 0 16px 0;
    letter-spacing: -0.01em;
}

.dle-new2025-article-text h4,
.dle-new2025-article-text h5 {
    font-size: 19px;
    font-weight: 600;
    color: #374151;
    margin: 24px 0 12px 0;
}

.dle-new2025-article-text blockquote {
    margin: 24px 0;
    padding: 20px 24px;
    background: #f8fafc;
    border-left: 4px solid #3b82f6;
    border-radius: 0 6px 6px 0;
    font-style: italic;
    color: #475569;
}

.dle-new2025-article-text ul,
.dle-new2025-article-text ol {
    margin: 16px 0;
    padding-left: 24px;
}

.dle-new2025-article-text li {
    margin-bottom: 8px;
    line-height: 1.6;
}

/* ИЗОБРАЖЕНИЯ - АДАПТИВНЫЕ БЕЗ JS */
.dle-new2025-article-text img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin: 24px 0;
    display: block;
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dle-new2025-article-text img:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* Контейнер для изображений с фиксированными пропорциями */
.dle-new2025-article-image-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    margin: 24px 0;
    background-color: #f3f4f6;
}

.dle-new2025-article-image-16-9 {
    aspect-ratio: 16/9;
}

.dle-new2025-article-image-4-3 {
    aspect-ratio: 4/3;
}

.dle-new2025-article-image-1-1 {
    aspect-ratio: 1/1;
}

.dle-new2025-article-image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

/* ССЫЛКИ */
.dle-new2025-article-text a {
    color: #3b82f6;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dle-new2025-article-text a:hover {
    color: #2563eb;
    border-bottom-color: #2563eb;
}

.dle-new2025-article-text a:visited {
    color: #7c3aed;
}

/* ТАБЛИЦЫ */
.dle-new2025-article-text table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dle-new2025-article-text table th {
    background: #f8fafc;
    color: #374151;
    font-weight: 600;
    padding: 12px 16px;
    text-align: left;
    border-bottom: 2px solid #e5e7eb;
}

.dle-new2025-article-text table td {
    padding: 12px 16px;
    border-bottom: 1px solid #f3f4f6;
}

.dle-new2025-article-text table tr:nth-child(even) {
    background: #f9fafb;
}

/* БАННЕРЫ */
.dle-new2025-article-banner {
    padding: 0 24px 24px;
    text-align: center;
}

.dle-new2025-article-banner-content {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    margin: 16px 0;
    color: #64748b;
    font-size: 14px;
}

/* СОЦИАЛЬНЫЕ СЕТИ - СОВРЕМЕННЫЙ ДИЗАЙН */
.dle-new2025-article-social {
    padding: 24px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-top: 1px solid #e2e8f0;
}

.dle-new2025-article-social-title {
    font-size: 16px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 16px;
    text-align: center;
}

.dle-new2025-article-social-buttons {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.dle-new2025-article-social-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.dle-new2025-article-social-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}

.dle-new2025-article-social-vk {
    background: #4680c2;
    color: #ffffff;
}

.dle-new2025-article-social-telegram {
    background: #26a5e4;
    color: #ffffff;
}

.dle-new2025-article-social-facebook {
    background: #1877f2;
    color: #ffffff;
}

.dle-new2025-article-social-twitter {
    background: #1da1f2;
    color: #ffffff;
}

.dle-new2025-article-social-odnoklassniki {
    background: #ee8208;
    color: #ffffff;
}

.dle-new2025-article-social-whatsapp {
    background: #25d366;
    color: #ffffff;
}

/* ПОДПИСКА */
.dle-new2025-article-subscription {
    padding: 24px;
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
}

.dle-new2025-article-subscription-title {
    font-size: 16px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 16px;
    text-align: center;
}

.dle-new2025-article-subscription-buttons {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.dle-new2025-article-subscription-btn {
    display: block;
    overflow: hidden;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dle-new2025-article-subscription-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.dle-new2025-article-subscription-btn img {
    display: block;
    height: 40px;
    width: auto;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

/* ТЕГИ */
.dle-new2025-article-tags {
    padding: 0 24px 24px;
    border-top: 1px solid #f3f4f6;
}

.dle-new2025-article-tags-title {
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
    margin-bottom: 12px;
    margin-top: 24px;
}

.dle-new2025-article-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dle-new2025-article-tag {
    display: inline-block;
    background: #f8fafc;
    color: #475569;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 20px;
    text-decoration: none;
    border: 1px solid #e2e8f0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dle-new2025-article-tag:hover {
    background: #e2e8f0;
    color: #334155;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* ФУНКЦИИ ПОЛЬЗОВАТЕЛЯ */
.dle-new2025-article-user-functions {
    padding: 20px 24px;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

.dle-new2025-article-user-functions .full-info {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
}

.dle-new2025-article-user-functions .full-info > div {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dle-new2025-article-user-functions a {
    color: #6b7280;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dle-new2025-article-user-functions a:hover {
    color: #374151;
}

.dle-new2025-article-user-functions i {
    color: #9ca3af;
    font-size: 13px;
}

/* ПОХОЖИЕ НОВОСТИ */
.dle-new2025-article-related {
    padding: 32px 24px;
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
}

.dle-new2025-article-related-title {
    font-size: 20px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 24px;
}

.dle-new2025-article-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.dle-new2025-article-related-item {
    display: block;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dle-new2025-article-related-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: #d1d5db;
}

.dle-new2025-article-related-image {
    width: 100%;
    height: 160px;
    background: #f3f4f6;
    overflow: hidden;
    position: relative;
}

.dle-new2025-article-related-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dle-new2025-article-related-item:hover .dle-new2025-article-related-image img {
    transform: scale(1.05);
}

.dle-new2025-article-related-content {
    padding: 16px;
}

.dle-new2025-article-related-item-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    color: #1f2937;
    margin: 0;
}

/* ВИДЖЕТЫ */
.dle-new2025-article-widget {
    padding: 24px;
    border-top: 1px solid #e2e8f0;
    text-align: center;
    background: #fafbfc;
}

.dle-new2025-article-widget #unit_101025 {
    display: block;
}

.dle-new2025-article-widget #unit_101025 a {
    color: #6b7280;
    font-size: 12px;
    text-decoration: none;
}

/* КОММЕНТАРИИ (закомментированы, но стили готовы) */
.dle-new2025-article-comments-wrap {
    padding: 32px 24px;
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
}

.dle-new2025-article-comments-title {
    font-size: 20px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 24px;
}

.dle-new2025-article-comments {
    /* Стили для комментариев */
}

.dle-new2025-article-add-comment {
    padding: 24px;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

.dle-new2025-article-add-comment-button {
    display: inline-block;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.1);
}

.dle-new2025-article-add-comment-button:hover {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.15);
}

/* ОПРОСЫ */
.dle-new2025-article-text .dcont {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0 20px 20px 20px;
    margin: 24px 0;
    background: #f8fafc;
}

.dle-new2025-article-text .polltitle {
    display: block;
    padding: 16px 20px;
    margin: 0 -20px 16px -20px;
    font-size: 18px;
    font-weight: 600;
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    border-radius: 8px 8px 0 0;
    color: #1f2937;
}

/* МЕДИА-КОНТЕНТ */
.dle-new2025-article-text embed,
.dle-new2025-article-text object,
.dle-new2025-article-text video,
.dle-new2025-article-text iframe,
.dle-new2025-article-text frame {
    width: 100% !important;
    height: 400px;
    border-radius: 8px;
    margin: 24px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* АДАПТИВНОСТЬ */
@media (max-width: 768px) {
    .dle-new2025-article-container {
        padding: 0 4px;
    }

    .dle-new2025-article-header {
        padding: 24px 16px 20px;
    }

    .dle-new2025-article-title {
        font-size: 24px;
        line-height: 1.3;
    }

    .dle-new2025-article-content {
        padding: 24px 16px;
    }

    .dle-new2025-article-text {
        font-size: 16px;
        line-height: 1.6;
    }

    .dle-new2025-article-text h2,
    .dle-new2025-article-text h3 {
        font-size: 20px;
    }

    .dle-new2025-article-text h4,
    .dle-new2025-article-text h5 {
        font-size: 18px;
    }

    .dle-new2025-article-meta {
        gap: 16px;
        flex-wrap: wrap;
    }

    .dle-new2025-article-tags,
    .dle-new2025-article-banner,
    .dle-new2025-article-social,
    .dle-new2025-article-subscription,
    .dle-new2025-article-related,
    .dle-new2025-article-widget,
    .dle-new2025-article-user-functions {
        padding: 20px 16px;
    }

    .dle-new2025-article-social-buttons {
        gap: 8px;
    }

    .dle-new2025-article-social-btn {
        padding: 8px 12px;
        font-size: 13px;
    }

    .dle-new2025-article-subscription-buttons {
        gap: 12px;
    }

    .dle-new2025-article-related-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .dle-new2025-article-rating {
        position: static;
        margin-top: 16px;
        display: flex;
        justify-content: flex-end;
    }

    .dle-new2025-article-text embed,
    .dle-new2025-article-text object,
    .dle-new2025-article-text video,
    .dle-new2025-article-text iframe,
    .dle-new2025-article-text frame {
        height: 300px;
    }
}

@media (max-width: 480px) {
    .dle-new2025-article-title {
        font-size: 20px;
    }

    .dle-new2025-article-text {
        font-size: 15px;
    }

    .dle-new2025-article-text h2,
    .dle-new2025-article-text h3 {
        font-size: 18px;
    }

    .dle-new2025-article-text h4,
    .dle-new2025-article-text h5 {
        font-size: 16px;
    }

    .dle-new2025-article-social-buttons {
        flex-direction: column;
    }

    .dle-new2025-article-social-btn {
        justify-content: center;
    }

    .dle-new2025-article-subscription-buttons {
        flex-direction: column;
        align-items: center;
    }

    .dle-new2025-article-user-functions .full-info {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }

    .dle-new2025-article-text embed,
    .dle-new2025-article-text object,
    .dle-new2025-article-text video,
    .dle-new2025-article-text iframe,
    .dle-new2025-article-text frame {
        height: 200px;
    }
}

/* ПОДДЕРЖКА PREFERS-REDUCED-MOTION */
@media (prefers-reduced-motion: reduce) {
    .dle-new2025-article-container *,
    .dle-new2025-article-container *::before,
    .dle-new2025-article-container *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ПЕЧАТЬ */
@media print {
    .dle-new2025-article-social,
    .dle-new2025-article-subscription,
    .dle-new2025-article-user-functions,
    .dle-new2025-article-banner,
    .dle-new2025-article-widget {
        display: none !important;
    }

    .dle-new2025-article-wrap {
        box-shadow: none;
        border: 1px solid #e5e7eb;
    }

    .dle-new2025-article-text {
        font-size: 12pt;
        line-height: 1.5;
    }

    .dle-new2025-article-title {
        font-size: 18pt;
    }
}

/* ТЕМНАЯ ТЕМА (опционально) */
@media (prefers-color-scheme: dark) {
    .dle-new2025-article-wrap {
        background: #1f2937;
        color: #f9fafb;
    }

    .dle-new2025-article-header {
        background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
        border-bottom-color: #374151;
    }

    .dle-new2025-article-title {
        color: #f9fafb;
    }

    .dle-new2025-article-text {
        color: #e5e7eb;
    }

    .dle-new2025-article-text h2,
    .dle-new2025-article-text h3,
    .dle-new2025-article-text h4,
    .dle-new2025-article-text h5 {
        color: #f3f4f6;
    }

    .dle-new2025-article-banner-content {
        background: #374151;
        border-color: #4b5563;
        color: #d1d5db;
    }
}