/* 
Datalife Engine template by: redissx (ICQ: 275116000, E-mail: redissx@gmail.com, Website: webrambo.ru )  */


@import "reset-settings.css" all;

.img-box {overflow:hidden; position:relative;}
.img-box img {width:100%; min-height:100%;}
.square-img img {display:block; width:150%; max-width:150%; margin-left:-25%;}
.nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
button, .overlay-close, .new-title, .section-social-links a {transition: all .5s;}
a, .show-login i, .t-title, .short-left, .short-title, .d1-more, .pop-img, .pop-title 
{transition: color .4s, background-color .4s, opacity .4s, border-color .4s;}
.pseudo-link {cursor:pointer;}

.icon-left i {margin-right:10px;}
.icon-right i {margin-left:10px;}

.darken, button:not(.color-btn), html input[type="button"], input[type="reset"], input[type="submit"]
{ background:#96c56f; background: linear-gradient(to bottom, #a9db80 0%,#96c56f 100%); color:#FFF;}
.darken > li {border-right:1px solid #96c56f; box-shadow:inset -1px 0 #a9db80;}
button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover 
{background: linear-gradient(to top, #a9db80 0%,#96c56f 100%);}

.bg1 {background-color:#f0f0f0; border-bottom:1px solid #d7d7d7; box-shadow:inset 0 1px #fff; position:relative;}
.bg2 {background-color:#eaeaea; border-bottom:1px solid #d7d7d7; box-shadow:inset 0 -1px #fff;}
.bg3 {background-color:#f5f5f5;}
.bg4, .abi-item {background-color:#e3e3e3;}


/* KARKAS
----------------------------------------------- */
.wrap {height:auto; width:100%; min-width:320px; position:relative;}
.center {width:100%; min-width:320px; max-width:1264px; margin:0 auto; position:relative; z-index:100;}
.block {background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.3);}
.header {position:relative; background-color:#333; padding-top:100px; z-index:888; 
background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
            linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
            linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
            linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
            linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
            linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-size: 20px 20px;
background-color: #131313;}
.nav {height:70px; position:relative;}
.cols {padding:20px 420px 20px 0;}
.col-right {float:right; width:420px; margin-right:-420px; padding-right:20px;}
.col-left {float:left; width:100%; min-height:200px; padding:0 20px;}
.col-single {padding:0 20px;}
.bot-rkl {margin-top:20px;}
.bot-rkl img {display:block;}
.desc-bottom {padding:20px;}
.desc-bottom h1 {margin-bottom:20px;}
.full-text a {color:#06c;}

/* HEADER
----------------------------------------------- */
.logotype {height:100px; width:320px; display:block; position:absolute; left:0; top:0;
background:url(../images/logo.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;}
.top-rkl {height:100px; left:320px; right:0; top:0; position:absolute; overflow:hidden;}


/* MENU
----------------------------------------------- */
.nav-menu > li {display:inline-block; float:left; width:10%; position:relative;}
.nav-menu > li > a {display:block; height:70px; text-align:center; color:#fff; text-transform:uppercase; padding:10px 0; font-size:12px;}
.nav-menu a i {font-size:24px; margin-bottom:5px; height:30px; display:block;}
.nav-menu a:hover, a.active {background-color:#222;}
.nav-menu i img {display:inline-block; height:30px;}

.hidden-menu { background-color:#96c56f; width:230px; top:100%; left:0; position: absolute; z-index: 9999; display: none; 
border-radius:0; text-align:left; text-transform:uppercase;}
.hidden-menu li {border-top:1px solid #96c56f; box-shadow:inset 0 1px #a9db80; display:block;}
.hidden-menu li a {display:block; color:#fff; padding:0 20px; line-height:40px; font-size:12px;}
.hidden-menu li a:hover {background-color:#a9db80; color:#fff;}
.menuactive > a, li.menuactive > a:hover, .main-menu > li > a:hover, .a.active {background-color:#222;}


/* SEARCH
----------------------------------------------- */
.search-wrap {width:100%; position:absolute; right:0; top:100%; z-index:888; padding:20px; display:none; 
box-shadow:0 0 20px 0 rgba(0,0,0,0.2); background-color:#333;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; height:70px; line-height:70px; padding:0 120px 0 20px; border-radius:0;
background-color:#f0f0f0; color:#444; border:0; box-shadow:inset 0 0 0 1px #000; font-size:24px;}
.search-box button {position:absolute; right:0; top:0; border-radius:0;
padding:0 20px; height:70px; line-height:70px; font-size:24px !important;}


/* SECTIONS
----------------------------------------------- */
.section {}
.section-title {font-size:20px; height:40px; line-height:40px; padding:0 20px; position:relative;}
.section-title a {display:block; height:40px; font-size:20px; padding:0 20px; position:absolute; right:0; top:0;}
.section-title a:before {content:attr(data-label); display:none; padding:0 10px; 
background-color:#d20408; color:#FFF; margin-right:10px; font-size:14px; vertical-align:top;}
.section-title a:hover:before {display:inline-block;}
.floaters {padding:20px 10px;}
.cols-twice {padding:20px;}
.col-half {width:49%; float:left; border:1px solid #d7d7d7;}
.col-half:last-child {float:right;}

.section-title-tabs {line-height:40px; text-transform:uppercase; margin-bottom:10px;}
.section-title-tabs li {margin-right:10px; display:inline-block;}
.section-title-tabs a {display:block; color:#767676;}
.section-title-tabs span, .section-title-tabs a:hover {box-shadow:inset 0 -3px #d20408; display:block; color:#000000;}


/* SHORTS
----------------------------------------------- */
.short {padding:20px 20px 20px 320px; display:block;}
.short-left {width:300px; height:160px; margin-left:-300px; float:left; border:3px solid #ccc;}
.short-right {width:100%; float:right; padding-left:10px;}
.short-title {display:block; font-size:17px; margin-bottom:5px; text-transform:uppercase; max-height:43px; overflow:hidden;}
.short-text {color:#767676; padding-bottom:20px;}
.short-meta {display:inline-block; font-size:12px; color:#767676; 
position:absolute; right:20px; bottom:20px;}
.new-mark {display:inline-block; background-color:#d20408; color:#FFF; padding:10px; 
position:absolute; left:0; top:0;}

.short:hover, .slides:hover, .d1:hover, .pop:hover, .razrab:hover, .c-comm:hover {background-color:#eaeaea;}
.short:hover .short-left, .new-item:hover, .d1:hover .d1-img, .mods:hover .mods-img, .pop:hover .pop-img {border-color:#333;}
.short:hover .short-title, .slides:hover .short-title, .d1:hover .short-title, .pop:hover .pop-title, .razrab:hover .short-title, 
.c-comm:hover .short-title {color:#d20408;}
.new-item:hover .new-title {padding-bottom:20px;}
.d1:hover .d1-more {background-color:#d20408; color:#FFF;}


/* CUSTOMS
----------------------------------------------- */
.d2 {padding:20px 20px 20px 225px; height:166px;}
.d2 .short-left {width:205px; height:125px; margin-left:-205px;}
.meta-cat {right:auto; left:235px;}

.d1 {height:498px; padding:0 10px 40px 10px; display:block;}
.d1-img {height:330px; margin:0 -10px 10px -10px;}
.d1-more {position:absolute; left:0; right:0; bottom:0; height:30px; line-height:30px; text-align:center; 
font-size:12px; text-transform:uppercase; display:block;}
.d1 .short-text {padding-bottom:0;}

.tech {display:block; height:370px; width:32.33%; margin:0 0.5% 10px 0.5%; border:1px solid #d7d7d7; float:left;}
.tech .d1-img {height:210px;}

.spec {width:24%; height:245px;}
.spec .d1-img {height:160px;}
.spec .short-title {font-size:14px; text-transform:uppercase; max-height:36px;}
.spec .short-meta {right:auto; left:10px; bottom:10px;}

.rel {width:32.33%; height:auto !important; padding-bottom:10px;}
.rel .short-title {height:38px; margin:0; padding:0;}

.slides {height:auto; padding-bottom:10px;}
.slides .d1-img {height:300px;}

.new-item {display:block; height:165px; width:24%; margin:0 0.5% 10px 0.5%; border:3px solid #ccc; float:left;}
.new-title {position:absolute; left:0; right:0; bottom:0; padding:10px; color:#FFF; background-color:rgba(0,0,0,0.7);}
.new-item-fix {width:49%; height:340px;}
.new-item-fix .new-title {font-size:18px;}
.new-item-fix2 {margin-top:-175px;}
.new-item i {position:absolute; left:10px; top:10px; font-size:24px; color:#FFF;}
.new-item-fix i {font-size:54px;}


/* SOCIALS
----------------------------------------------- */
.section-social {background-color:#FFF; padding:0 0 20px 0;}
.section-social-title {line-height:60px; font-size:20px; font-weight:700; text-transform:uppercase; 
display:flex; flex-direction:row; justify-content:space-between;}
.section-social-title span:last-child {font-size:15px;}
.section-social-links {line-height:50px; font-size:20px; font-weight:700; text-transform:uppercase; 
display:flex; flex-direction:row; justify-content:space-between;}
.section-social-links a {display:inline-block; width:24%; text-align:center; color:#fff; background-color:#45688f; 
box-shadow: 1px 1px 0 0 rgba(255, 225, 255, 0.2) inset; text-shadow: 2px 3px 0 #2d4d70; position:relative; padding-right:40px;}
.section-social-links a:nth-child(2) {background-color:#1aa5d2;}
.section-social-links a:nth-child(3) {background-color:#d31820;}
.section-social-links a:nth-child(4) {background-color:#6441a5;}
.section-social-links a span {position:absolute; right:20px; top:0; display:inline-block;}
.section-social-links a:hover {text-shadow:none; opacity:0.8;}


/* SIDEBAR
----------------------------------------------- */
.side-b {margin-bottom:20px;}
.side-b-t {height:40px; padding:0 20px; line-height:40px; font-size:20px;}

.razrab {display:block; padding:10px;}
.razrab .short-title {text-transform:none;}
.razrab-cat {font-size:12px; color:#767676;}

.pop {display:block; padding:10px 10px 10px 150px; min-height:95px;}
.pop-img {width:130px; height:75px; border:3px solid #ccc; position:absolute; left:10px; top:10px;}
.pop-title {text-transform:uppercase; padding-bottom:20px;}
.pop .short-meta, .razrab .short-meta {right:10px; bottom:10px;}

.mods-b-c {padding:10px 5px;}
.mods {width:30.33%; float:left; margin:0 1.5%;}
.mods-img {display:block; border:3px solid #ccc; height:115px;}
.side-b .d1-more {position:static;}

.c-comm {padding:10px 10px 10px 70px; display:block; min-height:80px; position:relative;}
.c-comm-text {color:#767676; padding:7px 0;}
.c-comm-img {width:50px; height:50px; border-radius:50%; position:absolute; left:10px; top:10px;}
.c-comm-date {color:#767676; padding:0 0 5px 0; font-size:12px;}
.c-comm .short-title {text-transform:none; margin-bottom:0;}


/* STREAM
----------------------------------------------- */
.stream-cols {padding-bottom:0;}
.section-stream, .chat-b {height:500px; margin-bottom:0;}
.stream-player {background-color:#000;}
.si-col {display:flex; flex-direction:column; justify-content:center; float:left; width:30%; height:60px;}
.si-col:last-child {width:10%;}
.stream-info {padding:0 20px;}
.si-col > div {margin:2px 0;}

.cat-descr {padding:20px;}


/* FOOTER
----------------------------------------------- */
.foot-menu {}
.foot-menu li {display:inline-block; float:left;}
.foot-menu li a {color:#FFF; text-transform:uppercase; height:40px; line-height:40px; padding:0 20px; font-weight:700; display:block;}
.foot-menu li a:hover {background-color:#222;}
.foot-line {padding:20px; min-height:70px; color:#e3e3e3; background-color:#222;}
.copyr {float:left;}
.counts {display:flex; flex-direction:column; justify-content:center; float:right;}
.foot-line a {text-decoration:underline; color:#fff;}
#vk_groups, #vk_groups iframe {width:100% !important;}





/* FULL STORY
----------------------------------------------- */
.article-title h1 {padding:7px 20px; font-size:20px;}
.a-top-info {padding:10px 250px 10px 20px; position:relative; font-size:14px;}
.share-box {width:230px; height:32px; display:inline-block; position:absolute; top:5px; right:10px;}
.share-box a {width:27px; height:32px; margin:0 5px 0 0; display:inline-block; border-radius:4px;}
.share-box a:hover {opacity:0.7;}
.a-bot-info .share-box {right:auto; left:15px; top:2px;}
.article a {color:#d20408;}
.a-desc {padding:20px;}
.a-bot-info {padding:0 20px 20px 250px; position:relative; font-size:14px; line-height:30px; text-align:right;}
.abi-item {display:inline-block; margin-left:10px; padding:0 10px; border-radius:3px; 
box-shadow:1px 1px 0 0 #ccc; color:#2a2a2a !important;}
.abi-item a {color:#2a2a2a;}


/* RATING V5
----------------------------------------------- */
.rate-item {padding:0; background-color:#f7f7f7;}
.full-rating {display:inline-block; height:30px; line-height:30px; position:relative;}
.full-rating2, .full-rating3 {}
.full-rating2 i {color:#008ACE; margin-right:10px;}
.full-rating2 a {display:block; padding:0 10px; color:#444;}
.full-rating2 a:hover {background-color:#008ACE; color:#FFF;}
.full-rating2 a:hover i {color:#FFF;}
.full-rating3 {color:#444; padding:0 70px 0 10px;}
.full-rating3 a {display:block; color:#fff; background-color:#7dc561; width:30px; height:30px; text-align:center; 
position:absolute; top:0; right:30px;}
.full-rating3 a:nth-child(2) {background-color:#eb7f73; right:0;}
.full-rating3 a i {color:#fff;}
.full-rating3 a:nth-child(2) i {color:#fff;}
.full-rating3 a:hover {color:#FFF; background-color:#028c19;}
.full-rating3 a:nth-child(2):hover {background-color:#c1050a;}
.full-rating3 a:hover i {color:#FFF;}
.full-rating span.ratingzero {color: #ccc;}
.full-rating span.ratingtypeplus {color: #444;}
.full-rating2 a:hover span.ratingtypeplus {color:#FFF;}
.full-rating span.ratingplus {color:#95c613;}
.full-rating span.ratingminus {color:#ff0e0e;}
.frating-stars {position:relative; top:2px;}




/* FULL STORY STATIC
----------------------------------------------- */
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:400px;}
.full-text {line-height:20px;}
.full-text img {margin:0 10px 10px 0; max-width:100%; border:3px solid #ccc;}
.full-text a {text-decoration:underline;}
.full-text a:hover {text-decoration:underline;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size:16px; text-transform:uppercase; margin:15px 0 !important;}
.full-text p {margin-bottom:15px;}
.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 li {list-style:decimal; margin-left:40px;}
.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(2n+1) {background-color:#f7f7f7;} 
.full-text table img {display:block; margin:0; border:0; max-width:350px}
.attach {line-height:40px; background-color:#f7f7f7; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;}
.attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left; 
display:inline-block; padding:0 15px;}
.attach-info {float:right;}
.attach i {margin-right:5px;}

.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; padding:0 20px;}
.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;}




/* COMMENTS
----------------------------------------------- */
#addcform {text-align:left; margin-top:20px; border:1px solid #e3e3e3; background-color:#f6f6f6; padding:15px;}
.mass_comments_action {text-align: right; padding:5px 15px; background-color: #f6f6f6; margin:20px 0;}
.last-comm-link {font-size:16px; margin-bottom:10px;}

.js .add-comm .ac-protect, .js .add-comm .bb-editor + br, .js .add-comm .bb-editor + br + input, 
.js .add-comm .bb-editor + br + input + label, .js .add-comm .bb-editor + br + input + label + br {display:none !important;}
.js .add-comm.active .ac-protect {display:block !important;}
.js .add-comm.active .bb-editor + br, .js .add-comm.active .bb-editor + br + input, 
.js .add-comm.active .bb-editor + br + input + label, .js .add-comm.active .bb-editor + br + input + label + br {display:inline-block !important;}

.comments-items {padding:20px 0 0 0;}
.add-com-form {}
.add-com-textarea {width:100%;}
.comms-title {margin-bottom:10px; font-size:18px; text-transform:uppercase;}

.ac-inputs input {width:49%; float:left; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.1); background-color:#fafafa;}
.ac-inputs input:last-child {float:right;}
.ac-inputs, .ac-textarea, .ac-protect {margin-bottom:15px;}
.ac-textarea textarea {display:block; width:100%; height:70px; padding:10px; background-image:none; background-color:#fafafa; 
 border:1px solid #d6cfcf; border-radius:0 0 6px 6px; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.34);}
.ac-submit button {float:right;}
.sec-answer + .sec-label {margin-top:15px;}
.add-com-but + form #addcform {display:none; margin:20px 0;}
.ac-protect {width:70%; float:left; margin-top:-10px;}
.ac-protect .label {font-size:12px;}
.ac-protect .sep-input {padding:10px 10px 10px 160px;}

.comm-item {padding:0 20px 15px 80px; margin-bottom:15px;  font-size:14px; border-bottom:1px solid #e3e3e3;}
.comm-left {float:left; margin-left:-60px; width:60px; height:60px; overflow:hidden; position:relative;}
.comm-right {float:right; width:100%; padding-left:20px;}
.comm-left img {width:100%; min-height:100%;}
.comm-top-info {}
.comm-info-line {position:relative; padding-right:120px;}
.comm-author, .comm-date {float:left; color:#888; font-size:10px; display:inline-block;}
.comm-author {font-size:14px; font-weight:bold; margin:0 10px 0 0; color:#232323;}
.comm-author a {color:#232323;}
.comm-date {color:#aaaaaa; font-size:14px;}
.comm-text {margin:10px 0; min-height:20px; color:#626262;}
.comm-body {}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; 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:5px;}
.comm-bottom-info ul li:first-child, .comm-bottom-info ul li:nth-child(2) {float:left; margin-left:0; margin-right:10px;}
.comm-bottom-info ul li a {font-size:12px;}
.comm-bottom-info ul li i {margin-right:10px;}
.comments-tree-list .comments-tree-list {background-color:#f6f6f6; padding-top:15px; margin-top:-15px;}

.comm-rate {position:absolute; right:0; top:-8px; line-height:30px; border-radius:4px;}
.comm-rate span.ratingtypeplusminus {display:block; padding:0 30px;  color:#444; 
font-weight:700; font-size:16px;}
.comm-rate a {display:block; width:20px; height:30px; position:absolute; top:0; left:5px; 
text-align:center; line-height:30px; font-size:28px; font-weight:700; color:#61b804;}
.comm-rate a:last-child {left:auto; right:5px; line-height:30px; 
color:#ec000b; top:-3px;}
.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;}


/* GO TOP BUTTON */
#gotop{position:fixed;width:40px;height:40px;right:0px;bottom:0px;cursor:pointer;
background:url('../images/gotop.png') no-repeat;z-index:9998;display:none; opacity:0.8;}


/* LOGIN
----------------------------------------------- */
.overlay {position:fixed; left:0; top:0; z-index:10000; width:100%; height:100%; background-color:rgba(0,0,0,0.4); display:none;}
.overlay-close {position:absolute; right:20px; top:11px; font-size:18px !important; color:#fff; cursor:pointer;}
.overlay-close:hover {transform:rotate(90deg) scale(1.1,1.1);}
.login-box {width:320px; position:absolute; left:50%; top:20%; margin-left:-160px; 
padding:20px; color:#fff; background-color:#f6f6f6; box-shadow:0 0 20px 0 rgba(0,0,0,1.00);}
.login-title {text-align:left; font-size:16px; text-transform:uppercase; padding:0 20px; line-height:40px; 
margin:-20px -20px 20px -20px;}
.login-input {margin-bottom:20px;}
.login-input input, .login-input input:focus {display:block; width:100%; height:40px; padding:0 10px; line-height:40px; 
background-color:#fff; border-radius:3px; border:1px solid #e3e3e3; box-shadow:none;}
.login-input input:focus {border:1px solid #e3e3e3;}
.login-button button {display:block; text-align:center; font-size:18px; 
width:100%; height:40px; line-height:40px;}
.login-button button:hover {}
.login-checkbox {font-size:12px; margin:10px 0; color:#9b9b9b;}
.login-checkbox input {display:none;}
.login-checkbox input + label:before {width:10px; height:10px; margin-right:5px; cursor:pointer; position:relative; top:3px;
border-radius:3px; border:3px solid #ccc; content:""; background-color:#f0f0f0; display:inline-block;}
.login-checkbox input:checked + label:before { background-color:#c9282d;}
.login-links {text-align:center; line-height:30px;}
.login-links a {float:left; text-decoration:underline;}
.login-links a:last-child {float:right;}
.login-links a:hover {text-decoration:none;}
.login-social {text-align:center;}
.comm-social {text-align:left;}
.login-social:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:10px;}
.login-social a {display:inline-block; margin:0 3px 10px 3px;}
.login-social img {display:block; width:30px;}
.login-social a:hover img {transform:scale(1.1);}
.login-avatar {text-align:center;}
.avatar-box {display:inline-block; width:80px; height:80px; border-radius:0; overflow:hidden;}
.avatar-box img {width:100%; min-height:100%;}
.avatar-box + a {display:block; margin-top:5px; text-decoration:underline;}
.login-menu {margin-top:20px;}
.login-menu a {display:block; height:30px; padding:0 20px; line-height:30px; background-color:#f0f0f0; color:#5c5c5c; 
margin-bottom:5px; border-radius:3px;}
.login-menu a:hover {color:#fff; background-color:#d20408;}


/* ADAPTIVE
----------------------------------------------- */
.mob-menu {display:none;}
.show-menu {display:none !important;}

@media screen and (max-width: 1220px) {
.wrapper, body {padding:0; background-image:none;}
.center {max-width:1000px; overflow:hidden;}

.show-menu {display:inline-block !important;}
.nav-menu li:not(.vis-li) {display:none;}
.nav-menu li.vis-li {width:100px;}
.mob-menu {width:100%; position:absolute; left:0; top:100%; 
background-color:#222; padding:10px 20px;}
.mob-menu li {position:relative;}
.mob-menu a {display:block; line-height:36px; border-bottom:1px solid #111; color:#fff; text-transform:uppercase; text-align:left;}
.mob-menu .hidden-menu {width:100%; background-color:#333; position:static; display:block;}
.mob-menu i, .mob-menu img {display:none;}
.mob-menu .hidden-menu li {border-top:0; box-shadow:none;}
.mob-menu .hidden-menu li a {line-height:30px;}

.cols {padding:20px 320px 20px 0;}
.col-right {width:320px; margin-right:-320px;}
.mods-img {height:80px;}
.new-item {height:150px;}
.new-item-fix {height:310px;}
.new-item-fix2 {margin-top:-160px;}
.d1 {height:399px;}
.d1-img {height:231px;}
.d2 {padding:20px 20px 20px 145px; height:133px;}
.d2 .short-left {width:135px; height:90px; margin-left:-135px;}
.d2 .short-meta {display:none;}
.tech .d1-img {height:190px;}
.section-social-links {font-size:18px;}
.spec {height:220px;}
.spec .d1-img {height:135px;}


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

@media screen and (max-width: 950px) {
.center {max-width:768px;}

.cols {padding:20px;}
.col-right {float:none; width:100%; margin:20px 0 -10px 0; padding-right:0; display:none;}
.col-left {float:none;padding:0px;}
.chat-b {height:300px;}
.stream-cols .col-right {display:block;}
.new-item {height:155px; width:32.33%; margin-top:0;}
.new-item-fix .new-title {font-size:14px;}
.new-item-fix i {font-size:18px;}
.d1-img {height:180px;}
.d2 .short-text {display:none;}
.tech {height:350px;}
.tech .d1-img {height:150px;}
.section-social-links {font-size:14px;}
.spec {height:190px;}
.spec .d1-img {height:110px;}

.comm-item {padding:0 10px 15px 70px;}
.comm-right {padding-left:10px;}
.comm-author, .comm-date {font-size:12px;}
.ac-protect {width:75%;}
.form-wrap {margin:0 -15px;}
}

@media screen and (max-width: 760px) {
.center {max-width:640px;}

.section-stream {height:auto;}
.stream-info {display:none;}
.short {padding:20px 20px 20px 220px;}
.short-left {width:200px; height:140px; margin-left:-200px;}
.new-item {height:155px; width:48%; margin:0 1% 10px 1%;}
.col-half {width:100%; float:none !important;}
.d1, .d2 {height:auto;}
.d2 {padding:10px 10px 10px 155px;}
.d2 .short-left {width:145px; height:105px; margin-left:-145px;}
.tech {height:370px; width:48%; margin:0 1% 10px 1%;}
.tech .d1-img {height:180px;}
.section-social, .counts, .top-rkl {display:none;}
.spec {height:260px;}
.section-title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:60px;}

.share-box {display:none;}
.a-top-info {padding:10px 20px;}
.a-bot-info {padding:0 20px 20px 10px; text-align:left;}


.navigation {display:none !important;}
.pprev, .pnext {font-size:18px; margin:10px; width:120px !important;}

.login-box {top:0;}
.overlay-close {right:10px; top:10px; font-size:18px !important;}
.comments-tree-list .comments-tree-list {padding-left:0 !important;}
.full-info, .full-nav-pages {display:none;}
.comm-bottom-info ul li, .mass_comments_action {display:none;}
.mob-vis {display:inline-block !important;}

.sub-title h1, .full-article h1 {font-size:18px; line-height:24px;}
}

@media screen and (max-width: 590px) {
.center {max-width:480px;}

.short, .d2 {padding:20px 20px 20px 140px;}
.short-left, .d2 .short-left {width:120px; height:80px; margin-left:-120px;}
.short-text, .short-meta {display:none;}
.new-item {height:140px;}
.tech, .spec {height:auto; width:100%; margin:0 0 10px 0; float:none;}
.tech .d1-img {height:130px;}
.spec {padding-bottom:10px;}
.slides .d1-img {height:200px;}
.foot-menu li a {font-size:12px; padding:0 10px;}


.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame 
{width: 100% !important; height:300px;}
.ac-inputs input {width:100%; float:none !important; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:-10px 0 0 0;}
.ac-submit button {float:none; display:block; text-align:center; width:100%;}
    
.ui-dialog {width:100% !important;}
.userinfo { padding-left:0;}
.userinfo .left, .userinfo .right {float:none !important; width:100%; margin:0;}
.userinfo .left {text-align:center; margin-bottom:10px;}
.userinfo .left .avatar {width:100px; margin:0 auto 5px auto;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}

@media screen and (max-width: 470px) {
.center {max-width:320px;}
.cols, .cat-descr {padding:10px;}
.section-title, .section-title-tabs, .side-b-t {font-size:16px;}
.floaters {margin:0;}
.new-item {width:100%; margin:0 0 10px 0; float:none; height:170px;}
.short-title {max-height:68px; font-size:14px;}
.d1-img {height:150px;}
.slides .d1-img {height:180px;}
.search-wrap {padding:10px;}

.article-title h1 {font-size:18px;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame 
{width: 100% !important; height:250px;}
.ac-protect {margin:-10px -10px 0 -10px;}
.comm-item {padding:0 10px 15px 50px;}
.comm-left {margin-left:-40px; width:40px; height:40px;}
.comm-author, .comm-date {margin:0; display:block; float:none;}
.comm-date {display:none;}
.login-social:before {display:block; line-height:30px; margin-right:0;}
}


/* 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;}
}


.ban117 {
    border: 1px solid #000;
    max-width: 117px;
    width: 117px;
}

.comsu {
    -moz-user-select: none;
    background: #fff linear-gradient(rgba(225, 228, 233, 0), rgba(225, 228, 233, 0.4)) no-repeat scroll 0 100% / 100% 8px;
    box-shadow: 0 -1px 0 #fff inset, 0 0 1px 1px rgba(156, 165, 181, 0.3), 0 1px 1px rgba(156, 165, 181, 0.5);
    line-height: 1.5;
    margin-bottom: 20px;
    margin-right: 20px;
    overflow: hidden;
    padding: 15px 10px 17px;
}

.link_attachment {
border-top: 1px solid #dab347;
border-left: 1px solid #c59c2f;
border-right: 1px solid #c59c2f;
border-bottom: 1px solid #b38a1d;
display: block;
width: 158px;
text-decoration: none;
color: #835503;
font-size: 14px;
font-family: arial;
text-transform: uppercase;
font-weight: 700;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
position: relative;
height: 37px;
}
.title_attachment {
width: 156px;
height: 35px;
line-height: 32px;
border-top: 1px solid #f9f0af;
background: #f4e675;
background: -moz-linear-gradient(top, #f4e675 0%, #edd13a 100%);
background: -webkit-linear-gradient(top, #f4e675 0%,#edd13a 100%);
background: linear-gradient(to bottom, #f4e675 0%,#edd13a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e675', endColorstr='#edd13a',GradientType=0 );
text-align: center;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
text-shadow: 0 1px 0 #f6e790;
position: absolute;
z-index: 9;
}
.link_attachment:hover .title_attachment {
border-top: 1px solid #faf5c7;
background: #f7ed9d;
background: -moz-linear-gradient(top, #f7ed9d 0%, #eed53f 100%);
background: -webkit-linear-gradient(top, #f7ed9d 0%,#eed53f 100%);
background: linear-gradient(to bottom, #f7ed9d 0%,#eed53f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ed9d', endColorstr='#eed53f',GradientType=0 );
}
.effect_malcov {
z-index: 5;
transition: .4s;
position: absolute;
right: -13px;
top: -1px;
}
.link_attachment:hover .effect_malcov {
right: -119px;
transition: .4s;
}
.info_attachment {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
margin: 4px 0 0 0;
width: 105px;
height: 29px;
border-top: 1px solid #bfbfbf;
border-bottom: 1px solid #8b8b8b;
background: #e0dfdc;
background: -moz-linear-gradient(top, #e0dfdc 0%, #ceccca 100%);
background: -webkit-linear-gradient(top, #e0dfdc 0%,#ceccca 100%);
background: linear-gradient(to bottom, #e0dfdc 0%,#ceccca 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0dfdc', endColorstr='#ceccca',GradientType=0 );
float: left;
text-transform: uppercase;
}
.info_attachment span {
border-top:1px solid #ecebea;
display: block;
height: 29px;
line-height: 26px;
color: #5e5e5d;
font-size: 12px;
font-weight: 700;
text-align: center;
}
.right_element_attachment {
width: 13px;
height: 37px;
border-top: 1px solid #dab347;
border-left: 1px solid #c59c2f;
border-right: 1px solid #c59c2f;
border-bottom: 1px solid #b38a1d;
float: left;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background: #f3d56d;
background: -moz-linear-gradient(top, #f3d56d 0%, #eab135 100%);
background: -webkit-linear-gradient(top, #f3d56d 0%,#eab135 100%);
background: linear-gradient(to bottom, #f3d56d 0%,#eab135 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3d56d', endColorstr='#eab135',GradientType=0 );
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.right_element_attachment span {
width: 11px;
height: 35px;
border-top: 1px solid #f8e7aa;
border-left: 1px solid #ead88c;
display: block;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 13px 0 0 1px;
}
.right_element_attachment span div {
float: left;
}
.right_element_attachment span div:nth-of-type(1), .right_element_attachment span div:nth-of-type(3), .right_element_attachment span div:nth-of-type(5) {
height: 7px;
border-left: 1px solid #f6e0a3;
}
.right_element_attachment span div:nth-of-type(2), .right_element_attachment span div:nth-of-type(4), .right_element_attachment span div:nth-of-type(6) {
height: 7px;
border-left: 1px solid #ad8131;
}
            
.box_1 {
widht:200px;
float:left;
}
.box_2 {
widht:200px;
float:left;
position: relative;
left: +20%;
}