/* rullan.in.ua  16.01.2020 - made in Ukraine  */
body {padding:0;width:100%; overflow-x: hidden; margin:0;font-size:16px;color:#F0F0F0; background:#000; font-family:'Trebuchet MS'; font-weight:inherit;font-style:inherit;border-style:none;}
figure, iframe, media {width:100%;padding:0; margin:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div, section, header, article, main, aside, footer, textarea, input, button, nav, ol, ul, li, a, dt, dd, dl  {border-style: none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
table {border:none;border-collapse:collapse;}
td {text-align:left;vertical-align:top;padding:0; margin:0;}
s, u, i {text-decoration:none;font-style:normal;}
/* gipersulku */
a {display:inline-block;text-decoration:none;color:#fff; cursor:pointer; transition: color .2s ease-in-out; outline:none;}
a:hover{color:#FF2F56;outline:none;}
a:focus{color:#fe3904;outline:none;}
*:focus{outline:none;}
button, .bbcodes, .btn {cursor:pointer; padding:2px 20px; color:#77aa6b;}
#dle-content a, .maintxt a {color:#77aa6b; font-weight: bolder;}
#dle-content a:hover, .maintxt a:hover {color:#FF2F56;}
/* forma */
input, .combo_field input, #sec_code, .form textarea, #comments, .btn {height: 40px; background:#29323C; border: 1px solid #485563;box-sizing: border-box;border-radius: 20px; }
.form textarea, #comments, #dlefastreplycomments .bb-editor textarea {padding:20px 22px; width:100%; min-height:150px; color:#fff; background: rgba(196, 196, 196, 0.1);border: 1px solid #485563;box-sizing: border-box;border-radius: 20px; font-size: 16px;}
input:focus, textarea:focus {cursor:text;}
:focus::-webkit-input-placeholder {color: transparent} :focus::-moz-placeholder {color: transparent}:focus:-moz-placeholder {color: transparent} :focus:-ms-input-placeholder {color: transparent}
:hover::-webkit-input-placeholder {color: transparent; transition:0.6s;} :hover::-moz-placeholder {color: transparent; transition:0.6s;} :hover:-moz-placeholder {color: transparent; transition:0.6s;} :hover:-ms-input-placeholder {color: transparent; transition:0.6s;}
/* tipografika */
p {padding:0  0 1px 0;margin: 0 0 0px 0;font-size:16px;line-height:1.7;}
strong, b {font-weight: 900;}
em{ font-style: italic; }
ul {display:block; padding:0;margin:0;}
ul li{line-height:1.6;}
h1 {margin:0 0 1px 0;padding:0; text-decoration:none; line-height:0.9; text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h2, h3, h4, h5, h6 {margin:0 0 10px 0;padding:0; text-decoration:none; line-height:1; text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1{font-size:1.5em;}
h2{font-size:20px;}
h3{font-size:18px; color: rgb(255, 0, 0);}
h4{font-size:1.4em}
/* sprait */
[class*='bg-']{display:inline-block; background:url(../images/sprit.png) no-repeat;}
hr {width:100%; border-top:solid 1px #8b8f92; height:0;}
.linir {display:block; width:100%; border-top:solid 1px #fff; height:0;}
/*-- END shablon --*/
.row {display:flex; flex-flow: row wrap;justify-content: space-between;}

.ramka {width: 1156px; max-width: 1156px; padding: 0 60px; background:#29323C; overflow: hidden; margin: 0 auto; position:relative;}
.knopvk {width: 192px;height:44px;font-size: 16px; padding:12px 0 0 25px; background: linear-gradient(180deg, #7C98FC 0%, #243F9F 100%);box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 20px;}

 /*HEDER*/
header {width:100%;height:120px; }
header > div { width:1026px;  margin:0 auto; height:120px;}
.logo {width:296px; height:83px;margin-top:10px;}
.logo img {max-width:100%; height:83px;}
.hed-menu {display:inline-block;position:absolute; top:55px;right:60px;}
.hed-menu a {float:left; margin-right:35px; font-size:14px; text-transform:uppercase; font-weight:700; letter-spacing:1px; color:#fff;}
.hed-menu a:last-child {margin-right:0;}
.hed-menu a:hover {opacity:0.5;}

 /* Поиск + Сортировка*/
.sort-poisk {margin:40px 0 30px 0;overflow:hidden;}
.sort-poisk #q_search {float:left;}
.sort-poisk .sort{float:right;}
#q_search{display:block; position:relative; width: 294px;height: 44px;}
#q_search button {cursor:pointer; display:block; width:20px; height:20px; padding:0; background:url(../images/sprit.png) -50px -177px;position:absolute;bottom:11px;right:20px;}
#story {color:#fff; padding:0 50px 0 25px; width: 294px;height: 44px;background: rgba(196, 196, 196, 0.1);border: 1px solid #485563;box-sizing: border-box;border-radius: 30px; font-size: 16px;}

.rate {margin:-3px 0 0 10px;}
.sort {display:inline-block; overflow: hidden;  margin:0;}
.sort::before {content:"Сортировать по:";display:inline-block;margin:3px 10px 0 0;}
.sort li {display:none;float:right; margin-right:15px; font-size:14px;}
.sort li:last-first {margin-right:0;}
.sort li:nth-of-type(1), .sort li:nth-of-type(4) {display:inline-block;}
.sort li:nth-of-type(1)::before {content:"";display:inline-block;width:22px;height:17px; margin-right:10px; background: url(../images/sprit.png) no-repeat;background-position: -10px -217px;}
.sort li:nth-of-type(4)::before {content:"";display:inline-block;width:23px;height:17px; margin-right:10px; background: url(../images/sprit.png) no-repeat;background-position: -130px -177px;}
.rate_like-dislike { display:flex; flex-flow:row wrap;}

 /* секция и категория*/
.sect {margin:0; display:flex; flex-flow:row wrap;}
.asid {width:240px; min-height:400px;}
.tilo {width: calc(100% - 240px); padding:0 0 0 60px;}
.rowflex {display:flex; flex-flow:row wrap;justify-content: space-between;}
.maintxt h2, .maintxt h3{font-size:18px;}
.asid h3 {margin-top:1px;}
.main-cat {display:flex; flex-flow:row wrap;justify-content: space-between;}
.rowflex .main-cat .short-nv1 {width:24%; margin:10px 0;}
.osn-kategori, .osn-kategori2 {font-size:18px;}
.osn-kategori2 {border-top: 1px solid #fff; padding:10px 0; margin:40px 0 10px 0;}
.vid4 > div::before {content:""; background:#252d37; display:block; width:94%; height:90%; position:absolute; top:-8px; left:3%;z-index:-1;}
.vid4 > div::after {content:""; background:#222930; display:block; width:88%; height:90%; position:absolute; top:-16px; left:6%;z-index:-2;}
.vid4 .short-nv1 img {box-shadow:none;}

/* Вид кратких новостей в категории*/
.rowflex #dle-content, .rowvk4 {display:flex; flex-flow:row wrap;justify-content: space-between; margin-top: 5px;}
.rowflex .short-nv1 {width:31%; margin:0 0 40px 0;}
.rowflex.vid4 > div {width:23%;}

 /*Левое меню*/
.menu-left li {margin-bottom:12px;}
.menu-left li:hover s {-webkit-filter: invert(50%);filter: invert(50%);}
.menu-left li a {font-weight:700;}
 /*Меню + мобилка*/
.navvv {right:-300px; transition:all 1s linear;}
#chkmenu, #chkmenu .navvv {display:none; }
.knop-menu{display:none;width:40px;height:40px;padding:5px; position:absolute;top:45px;right:20px;z-index:815;cursor:pointer;transition:left .23s;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;}
.knop-menu s{display:block;height:2px;background:#fff;margin:10px 0 0;transition:all .1s linear .23s;position:relative;}
.knop-menu s:nth-of-type(1){margin-top:2px}
@media (max-width: 900px) {
#chkmenu:checked ~ label .navvv {display:block; width:320px; background: linear-gradient(90deg, #292F35 0%, #29323C 90.85%); position:absolute; top:40px;z-index:800;outline:none;}
#chkmenu:checked ~ label > .knop-menu:before{content:'';}
#chkmenu:checked ~ label > .knop-menu s:nth-of-type(1){transform:rotate(45deg);-webkit-transform:rotate(45deg);top:13px;color:#a7a9ab;}
#chkmenu:checked ~ label > .knop-menu s:nth-of-type(2){opacity:0;}
#chkmenu:checked ~ label > .knop-menu s:nth-of-type(3){transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:-11px;color:#a7a9ab;}
}


 /*краткая новость */
.short-nv1 {position:relative;}
.short-nv1 a {display:block; width:100%; height:100%;position:absolute;top:0;left:0; z-index:5;}
.short-nv1 img, .short-popul img, .fulstors img {max-width:100%; box-shadow: -5px 10px 30px rgba(0, 0, 0, 0.5);}
.short-nv1 i {display:block; margin:0 0 10px 0; min-height:40px;}
.short-nv1 i {
	width: 100%;
	min-height: 57px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.short-nv1 a:hover ~ img, .short-nv1 a:hover ~ i {opacity:0.6;}
.short-nv1 .shr-vers {background:rgba(0, 0, 0, 0.6); padding:3px 8px; color:#fff; position:absolute;bottom:10px;left:0; z-index:4;}
.full-relaitnews .short-nv1 .shr-vers  {bottom:auto; top:25px; left: auto; right:0;}
/*популярная новость */
.short-popul {position:relative; margin:0 0 20px 0;}

 /*Полная новость в*/
.fullall {position:relative;}
.fullall h1 {position:absolute; top:-85px; left:100px; }
.tilo.fullall h1 a {font-size:12px;}
.fulstors, .info-full {width:100%; display:flex; flex-flow:row wrap;row-gap: 1rem;}
.fulstors > div {width:55%;}
.fulstors > .fularticl {width:45%; padding-left:30px;}
.info-full > div {margin-bottom:10px;}
.info-full s {margin:-6px 12px 0 4px;}
.fularticl ul:first-of-type {border-top:1px solid #fff; border-bottom:1px solid #fff; padding:20px 0 10px 0; margin-bottom:30px;}
.fullall h2 {margin-top:20px;}
.full-skachat {border-top:1px solid #8b8f92;padding:10px 0; margin:50px 0 30px 0; text-align:center;}
.full-skachat > div {width:100%; display:flex; flex-flow:row nowrap; justify-content: center;}
.full-skachat h2 {display:block; width:100%; text-align:center; font-size:1.2em;}
.full-skachat i {display:block; width:100%; font-size:1.0em; margin:20px 0;font-weight:bold;}
.full-skachat > div s {margin: 0 10px -9px 0;}
.full-skachat a:hover {opacity:0.5;}
.full-skachat > div > .attachment:first-child {margin-right:2px;}
.full-skachat > div > .attachment:last-child a::before {content:"";display:block; width: 27px; height: 25px;  background:url(../images/sprit.png) -57px -10px no-repeat;position:absolute;top:6px; left:18px;z-index:32;}
.full-skachat > div > .attachment:last-child a::after {content:"Скачать MediaGet"; display:inline-block;position:absolute;top:11px; right:22px;z-index:32;}
.full-skachat > div > .attachment:first-child a::before {content:"";display:block; width: 27px; height: 27px; background:url(../images/sprit.png) -10px -10px no-repeat;position:absolute;top:6px; left:18px;z-index:32;}
.full-skachat > div > .attachment:first-child a::after {content:"Скачать Торрент"; display:inline-block;position:absolute;top:11px; right:22px;z-index:32;}
.tilo.fullall #dle-content {display:block;}
.full-skrinshot {overflow:hidden; margin:30px 0 43px 0; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);}
.attachment {display:block;position:relative; width:200px; height:40px;}
.attachment a {color:#77AA6B; background:#fff;border-radius: 20px; width:100%; height:100%;}
.ratingtypeplusminus {font-weight:bold; font-size:1.3em;}
.full-video {margin:20px 0 1px 0; width:100%;padding:0;}

/*Комментарии к новости*/
.comments_box {margin-top:40px;}
.full-comments {margin:20px 0; padding:50px 0 20px 0; border-top:1px solid #8b8f92;}
.post-com {display:flex; flex-flow: row wrap; margin:30px 0; padding:20px;background: rgba(196, 196, 196, 0.1);border: 1px solid #485563;border-radius: 20px;}
.pc-avatar {width:20%; text-align:center;}
.pc-avatar img {width:100px; height:100px; border-radius:50%;}
.pc-txt {width:80%;padding-left:20px;}
.pc-txt .title_quote {background:transparent;font-size:0.7em; border:none; margin:0; padding:0;}
.pctxinf {overflow:hidden;margin:20px 0;}
.pctxinf u {float:left;font-weight:bold; font-size:1.5em;}
.pctxinf s {float:right;color:#C4C4C4;font-size: 12px; margin-top:5px; padding:4px 8px 2px 8px; border-radius:6px; background:#485563;}
.pc-txt ul {width:100%;}
.pc-txt ul li {float:right; margin-right:15px;}
.pc-txt ul li a {color:#C4C4C4;font-size: 11px;}
.pc-txt ul li input {height:10px;margin:5px 0 0 0;}
.form-group.combo{display:flex; flex:row wrap;margin:20px 0;}
.combo_field {width:48%; margin:0 1%;}
.combo_field input {width:100%; padding:0 20px;color:#fff; font-size: 16px;}
#dle-comments-form .form_submit {margin:-20px 0 30px 0; text-align:center;}
#dle-comments-form .form_submit .btn {margin:0 auto; position:relative; z-index:55;}
.mass_comments_action .bbcodes {display: inline-block; float:right; margin-top:-8px;}
.mass_comments_action select {background: rgba(196, 196, 196, 0.1);border-radius:10px; padding:4px 8px;color: #77aa6b;}
.quote {font-size:0.7em; line-height:1; padding:8px; border-radius:10px; background: rgba(196, 196, 196, 0.3);}
.post-com-action{font-size:0.9em; margin-top:10px; line-height:1; padding:2px 8px; border-radius:10px; background: rgba(0, 0, 0, 0.2);}
.post-com-action input {margin-top:9px!important;}
.comments-tree-list {margin:10px 0; padding:0;}
#dlefastreplycomments {overflow:hidden; padding:20px 0;}
#dlefastreplycomments .bb-editor {margin-top:10px; width:70%; float:left;}
#dlefastreplycomments .bbcodes {margin:20px 0 10px 20px;}
[class*='comments-tree-'] > .comments-tree-list {margin:10px 0 10px 40px; position:relative;}
[class*='comments-tree-'] > .comments-tree-list::after {content:""; display:block; width:20px; height:1px; border-top: 1px solid #485563; position:absolute; top:50px; left:-19px;}
[class*='comments-tree-'] > .comments-tree-list::before {content:""; display:block; width:1px; height:80px; border-right: 1px solid #485563; position:absolute; top:-30px; left:-20px;}


 /*Похожие новости*/
.full-relaitnews {display:flex; justify-content: space-between;}
.full-relaitnews > div {width:31.333%; margin:0 1%;}

 /*Подвал сайта*/
footer {position:relative; overflow:hidden; width:100%;background: rgba(196, 196, 196, 0.1); min-height:90px; margin:1px 0 0 0; border-top: 0.7px solid #E5E5E5;}
footer > div {width:1026px;overflow:hidden;min-height:30px; margin:20px auto; padding:20px 0 10px 0;}
.footer-info {text-decoration: none;font-style: normal;float: left;font-size: 14px;margin: 0 50px 0 0;}
footer > div a  {float:left;}
footer > div > div  {float:right;margin-top:-12px; margin-left: 25px;}
 /*DLE elemens*/
 /*speedbar*/
.speedbar {font-size:17px;}
.speedbar a > span {padding:0 10px;}
.speedbar {color:#9a9a9a;}

  /* ADD Commentarii */
.adcomentar h3{margin:0 0 25px 0;font-size:21px;}
.adcomentar {padding:40px 0 50px 0;margin:30px 0 30px 0; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5;}
.teloadkom {padding:0 20% 0 20%;}
.teloadkom .col-50:first-of-type {padding-right:3%;}
.teloadkom .col-50:last-of-type {padding-left:3%;}
.teloadkom button {display:block; width:180px;padding: 15px 0 15px 0;background: #77aa6b;font-size: 16px;color: #fff;text-align: center; border-radius: 5px;}
.teloadkom input {width:100%;height:50px; background:fff; color:#00183e; font-size:14px; padding-left:25px; border-radius:5px;border: solid 1px #e5e5e5;}

 /* Commentarii */
.shkomn {margin:20px 0 20px 0;}
.shkomn dl {width:100%;display:block; overflow:hidden; background:#fff;margin:0;padding:14px; border: solid 1px #e5e5e5; border-radius:5px;}
.shkomn dt, .shkomn dd {display:block;width:20%;min-height:25px;float:left;margin:0;padding:0; }
.shkomn dt img {width:170px; height:200px; border: solid 1px #e5e5e5; border-radius:5px;}
.shkomn dd {width:80%;float:left;}
.shkomn dd b {display:block;width:100%; font-weight:400; font-size:22px; margin:25px 0 10px 0;}
.shkomn dd sub {font-size:14px; color:#4e607d; line-height:1.9;}
.shkomn dd time {display:block;width:100%; font-size:12px; margin:0 0 25px 0;}
.shkomn dl:hover{box-shadow: 0px 0px 11px -2px rgba(0,0,0,0.4);}

 /*Мои стили*/
.kat-vverkhu {text-align: left; background-color: #485563; border-radius: 3px 3px 3px 3px; border: 3px solid #485563; margin-right: 3px; margin-left: 3px; margin-bottom: 11px;}
.otstup {margin-bottom: 35px;}
.vyravnivanie-vverkhu {display: flex; flex-flow: row wrap;}
.ya-shiftmaker {margin-top: 1px;}