/*
Author:			redissx (ICQ: 275116000, E-mail: redissx@gmail.com, Website: webrambo.ru )  */

@import "reset-settings.css" all;

.search-box button, .ava-wrap h3 {background:url(../images/sprite.png) no-repeat;}
.short-img img, .top-img img, .rel-img img {width:100%; min-height:100%;}
.short-mask, .short-views, .switcher label:before, .switcher label
{-webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
h1, h2, h3, .short-title, .login-but, .register-but, .bottom-box-t, .vtitle, .side-title {font-family: 'PT Sans Narrow', sans-serif; font-weight:400;}
.main-menu > li > a:hover, .menuactive > a, li.menuactive > a:hover, .logged a:hover, .login-but,
.main-menu > .submenu > a, .add-com-but, .mob-menu, .btn-menu, .side-panel > .submenu > a
{color:#fff !important;
background: #92e358;
background: -moz-linear-gradient(top, #92e358 0%, #0ba607 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92e358), color-stop(100%,#0ba607));
background: -webkit-linear-gradient(top, #92e358 0%,#0ba607 100%);
background: -o-linear-gradient(top, #92e358 0%,#0ba607 100%);
background: -ms-linear-gradient(top, #92e358 0%,#0ba607 100%);
background: linear-gradient(to bottom, #92e358 0%,#0ba607 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92e358', endColorstr='#0ba607',GradientType=0 );}


/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%;}
.head-wrap, .nav-wrap, .bottom-wrap, .foot-wrap {width:100%; position:relative;}
.head, .nav, .bottom, .cont-wrap, .speedbar-wrap, .foot, .desc-wrap {width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
.head-wrap {background-color:#FFF;}
.nav-wrap {box-shadow:inset 0 -100px rgba(0,0,0,0.4),0 3px 3px 0 rgba(0,0,0,0.3); position:relative; z-index:100;
 background: #000000 url(../images/top-bg.jpg) center top no-repeat;}
.bottom-wrap {background-color:#262626; color:#ccc;}
.head {height:100px; position:relative; z-index:200;}
.nav {height:50px; position:relative; z-index:100;}
.bottom {min-height:100px; padding:40px 0;}
.foot-wrap {background-color:#000;}
.cont-wrap {margin:50px auto;}
.fulls-wrap {background-color:#FFF; padding:20px;
box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2); border-radius:5px; border:1px solid #ccc}

.bottom-wrap a {color:#fff;}

/* SPEEDBAR
----------------------------------------------- */
.head-wrap:before {content:""; width:100%; height:45px; background: #000000 url(../images/top-bg.jpg) center top no-repeat;
position:absolute; left:0; top:0; z-index:10;}
.head-wrap:after {content:""; width:100%; height:9px; background:url(../images/decor.png) bottom repeat-x;
position:absolute; left:0; top:36px; z-index:30;}
.speedbar-wrap {position:relative; z-index:20;  line-height:36px; padding-right:50px;
text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#f0f0f0;}
.speedbar-wrap b {display:inline-block; height:45px; line-height:36px; background:rgba(0,138,206,0.7) url(../images/sprite.png) 14px -229px no-repeat;
padding:0 20px 0 41px; margin-right:20px; color:#fff;}
.speedbar-wrap a {color:#fff; font-weight:bold;}
.speedbar-wrap a:hover {text-decoration:underline;}
#dle-speedbar span:first-child a {}
.add-fav {display:block; width:30px; height:30px; position:absolute; right:0; top:3px;}


/* HEAD
----------------------------------------------- */
.logo-box {height:100px; width:300px; display:block; background: url(../images/logo.png) no-repeat;
overflow:hidden; text-indent:-1000px; position:absolute; top:20%; left:50%; margin-left:-150px;}

.share-box { position:absolute; right:0; top:107px; display:inline-block; width:216px; height:42px;}
.share {float: left;}
.share-box a {width:36px; height:36px; border-radius:20px; margin: 0 5px 0 0;display: block;float: left;}

.search-wrap {width:300px; float:left; margin-top:30px;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; height:40px; line-height:40px; padding:0 40px 0 10px; border-radius:5px;
background-color:#f6f6f6; color:#444444; font-style:italic; border:1px solid #e3e3e3 }
.search-box button {border-radius:0 5px 5px 0; border:0; background-color:transparent;
position:absolute; right:0; top:0; height:40px; width:40px; background-position:10px -55px;}
.search-box button:hover {opacity:0.7; background:url(../images/sprite.png) 10px -55px no-repeat !important;}

.login-wrap {display:inline-block; height:100px; max-width:300px; float:right; position:relative; padding:30px 0 0 0;}
.register-but, .login-but {display:inline-block; height:40px; line-height:40px; color:#444444; font-size:18px; float:right;}
#login-show, .ava-wrap .avatar {float:right;}
.register-but {color:#008ace; text-decoration:underline;}
.login-but {padding:0 20px; float:right; border-radius:5px; cursor:pointer; margin-left:20px;}
.register-but:hover {color:#008ace; text-decoration:none;}
.login-but:hover {background:#0ba607 !important;}
#login-box {width:240px; height:auto; background-color:#303038; box-shadow:0 20px 20px -10px rgba(0,0,0,0.7);
position:absolute; right:0; top:100px; z-index:9999; padding:20px; color:#a5a5ae; display:none;}
#login-box:after { bottom: 100%; right: 20px; border: solid transparent; content: " "; height: 0; width: 0;
position: absolute; pointer-events: none; border-color: rgba(48, 48, 56, 0);
border-bottom-color: #303038; border-width: 10px;}
.register-but + .register-but {margin-right: 15px;}

.not-logged li label {display:block; font-weight:bold;}
.not-logged li input {display:block; width:100%; height:30px; line-height:30px; padding:0 10px;
background-color:#FFF; color:#000; margin:10px 0 20px 0; border-radius:5px; border:0;}
.not-logged li.login-check label, .not-logged li.login-check input {display:inline-block; width:auto; height:auto;
line-height:normal; float:left; margin:0 5px; padding:0; border-radius:0;}
.not-logged a {color:#a5a5ae;}
.sociallogin {height:auto;}
.sociallogin a { float:left; margin:10px;}
.submit-line {margin-top:20px; text-align:center;}

.ava-wrap { margin-top:-10px;}
.avatar {width:60px; height:60px; float:left; overflow:hidden; margin-right:20px; border-radius:0%;}
.avatar img {width:100%; height:100%;}
.ava-wrap h3 {color:#444444; font-size:18px; padding:0 35px 0 0; line-height:60px;
background-position:right -95px; display:inline-block;}
.ava-wrap h3:hover {cursor:pointer; text-decoration:underline;}
.logged {top:100px !important;}
.logged a {display:block; line-height:35px; padding:0 20px; background-color:#404048; color:#FFF; border-bottom:1px dashed #908e8e;}



/* MAIN MENU
----------------------------------------------- */
.fx-row {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.main-menu {}
.main-menu > li:first-child {width:7%;}
.main-menu > li {border-left:2px dotted #ccc; height:50px; width:15.5%; text-align:center; position:relative;}
.main-menu > li > a {display:block; line-height:50px; color:#fff; font-size:16px;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main-menu li a:hover .fa, .side-panel .fa {color:#fff !important;}

.hidden-menu {background-color:rgba(0,0,0,0.8); width:200px; top:100%; left:0px; position: absolute; z-index: 9999; display: none;
text-align:left; padding:10px 10px 6px 10px;}
.hidden-menu li {position:relative; padding-bottom:4px;}
.hidden-menu li a {background-color:#909090; color:#fff; font-weight:700;
border-radius:0px; padding:10px 10px; display:block; font-size:14px; text-transform:uppercase;}
.hidden-menu li a:hover {background-color:#e84c3d; color:#fff;}

.hidden-menu .hidden-menu {width:600px; left:100%; top:0px; padding:10px 8px 6px 8px;}
.hidden-menu .hidden-menu li {float:left; width:33.33%; padding:0 2px 4px 2px;}
.hidden-menu .fa, .btn-menu .fa {margin-right:10px;}

.hidden-menu .submenu > a:before {content:"\f105"; font-family:'FontAwesome'; position:absolute; right:10px; top:10px;}
.submenu > a:hover {background:#0ba607 !important;}

.btn-menu {display:none;}
.side-panel {width:260px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#444;
padding:0; z-index:888; position:fixed; left:-260px; top:0; transition:left .4s; -webkit-transition:left .4s;}
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5);
position:fixed; left:0; top:0; z-index:887; display:none;}
.side-panel a {display:block; padding:10px; color:#FFF; font-size:14px;
color:#FFF; border-bottom:1px solid #111;}
.side-panel li {position:relative; color:#FFF;}
.side-panel .hidden-menu {position:static; width:100% !important; padding:10px; padding-bottom:6px;}
.side-panel .hidden-menu .submenu > a:before {content:"\f107";}
.side-panel .hidden-menu .hidden-menu li {float:none; width:100%; padding:0 0 4px 0;}
.side-panel .hidden-menu li a  { width:100%;}

@media screen and (max-width: 900px) {
.btn-menu {display:block; text-align:center; font-size:16px; cursor:pointer; text-transform:uppercase; font-weight:700;
line-height:50px; height:50px;}
.main-menu {display:none;}
}




/* SEO TEXT AND BIG ADS
----------------------------------------------- */
.desc-wrap {background-color:#fff; position:relative;}
.desc-text {padding:20px;}
.close-desc {display:inline-block; height:30px; line-height:30px; background-color:#008ace; color:#fff !important; padding:0 20px;
position:absolute; right:0; bottom:-30px; border-radius:0 0 5px 5px;}
.close-desc:hover {text-decoration:underline;}
.main-desc {padding:20px 20px 10px 20px; color:#444444; font-size:14px; background-color:#f6f6f6; border:1px solid #e3e3e3; border-radius:5px;}
.main-desc h1 {font-size:24px; color:#000; text-transform:uppercase; margin-bottom:15px;}
.main-desc h1 span {color:#e84c3d;}
.main-desc p {margin-bottom:10px;}
.desc-text img {float:left; margin:0 10px 10px 0; display:block; border-radius:5px;}

.rkl-box0 {background-color:#FFF; margin-bottom:20px; padding:20px;
box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2); border-radius:5px; border:1px solid #ccc}


/* SHORT STORY
----------------------------------------------- */
.short-item {float:left; width:18.8%; background-color:#FFF; margin-right:1.5%; margin-bottom:20px;
box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2); border-radius:5px; border:1px solid #ccc}
.shorts-wrap .short-item:nth-child(5n) {margin-right:0;}
.go-full {display:block;}
.short-img {height:300px; overflow:hidden; border-radius:5px 5px 0 0; position:relative;}
.short-mask {content:""; text-align:center; background-color:rgba(0,0,0,0.3); z-index:10; opacity:0;
position:absolute; top:0; left:0; width:100%; height:100%; transform: scale(0.8);}
.short-views { display:inline-block; height:30px; background:#e84c3d url(../images/sprite.png) left -183px no-repeat;
color:#FFF; font-weight:bold; padding:0 10px 0 40px; opacity:0; line-height:30px;
position:relative; top:55px; z-index:20; transform: scale(0.8);}
.short-title {height:38px; overflow:hidden; margin:20px 10px; color:#444444; font-weight:700;
font-size:20px; line-height:18px; text-align:center;}
.short-rate {height:40px; background-color:#f3f3f3; border-radius:0 0 5px 5px; text-align:center; padding-top:6px;}
.short-cat {margin:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.short-cat a {color:#008ace; border-bottom:1px dotted #008ace; display:inline-block;}
.short-cat a:hover {color:#e84c3d; border-bottom:1px dotted #e84c3d;}
.short-time {color:#808080; font-style:italic; text-align:center; margin:20px 10px; border-top:1px dotted #a6a9ac;}
.short-time span {display:inline-block; height:16px; background-color:#FFF; line-height:16px; padding:0 10px;
position:relative; top:-8px;}
.short-item:hover {border-color:#008ace; box-shadow: 0px 1px 4px 0px rgba(0,138,206, 0.6);}
.go-full:hover .short-mask, .go-full:hover .short-views {transform: scale(1.0); opacity:1;}
.go-full:hover .short-title {color:#e84c3d;}

.short-img {height: 0 !important; padding-top: 150%;}
.short-mask {z-index: 10;}
.short-img img {position: absolute; left: 0; top: 0;}


/* NEW RATINGS
----------------------------------------------- */
.rate-type1 {width:106px; margin:0 auto; height:30px; padding-top:4px;}
.rate-type2, .rate-type3 { display:inline-block; height:30px; line-height:28px; padding:0 10px 0 0;
border-radius:15px; font-size:14px; font-weight:bold; overflow:hidden; border:1px solid #ccc; text-align:left;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );}
.ratingzero {color: #444444;}
.ratingtypeplus {color: #06b601;}
.ratingplus {color: green;}
.ratingminus {color: red;}
.rate-type2 a, .rate-type3 a {display:inline-block; float:left; margin-right:8px; height:100%;}
.rate-type2 span, .rate-type3 span {float:left; display:inline-block;}
.rate-type2 b, .rate-type3 b {display:inline-block; color:#FFF; padding:0 10px 0 0; font-size:12px; height:100%;
background: #92e358;
background: -moz-linear-gradient(top, #92e358 0%, #0ba607 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92e358), color-stop(100%,#0ba607));
background: -webkit-linear-gradient(top, #92e358 0%,#0ba607 100%);
background: -o-linear-gradient(top, #92e358 0%,#0ba607 100%);
background: -ms-linear-gradient(top, #92e358 0%,#0ba607 100%);
background: linear-gradient(to bottom, #92e358 0%,#0ba607 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92e358', endColorstr='#0ba607',GradientType=0 );}
.rate-type2 b:after {float:left; content:attr(data-like); display:inline-block;}
.rate-type2 img {float:left; margin-right:8px; border-right:1px dotted #f0f0f0; display:block;}
.rate-type2 a:hover b, .rate-type3 a:nth-child(3):hover b {background:#0ba607 !important;}
.rate-type3 a:nth-child(1):hover b {background:#cf0404 !important;}
.rate-type3 {padding:0;}
.rate-type3 a:nth-child(3) {margin:0 0 0 8px;}
.rate-type3 a:nth-child(1) b { padding:0 5px 0 6px;
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );}
.rate-type3 a:nth-child(3) b {padding:0 7px 0 4px;}


/* FOOT, TOPNEWS
----------------------------------------------- */
.top-box {width:45%; float:left; min-height:100px;}
.vote-box {width:20%; float:right; padding:0 20px; border:2px dashed #e84c3d;}
.tags-box {width:35%; float:right; padding:0 20px;}
.tags-box a:last-child {color:#fff; display:inline-block; padding:5px 10px; border:1px solid #0ba607; border-radius:3px;}
.bottom-box-t {color:#ccc; margin-bottom:40px; font-size:24px;}
.top-item {display:block; width:80px; height:80px; float:left; margin:0 20px 20px 0; border:3px solid #e84c3d;}
.top-img {width:100%; height:100%; overflow:hidden;}
.top-img img {width:150%; max-width:150%; margin-left:-20px;}
.top-item:hover {border-color:#fff;}

.foot {padding:20px 220px 20px 20px; position:relative; min-height:73px;}
.foot p {width:100%; color:#a5a5ae;}
.counts {position:absolute; top:20px; right:20px; width:280px; z-index:20; text-align:right;}
.counts li {display:inline-block; width:88px; height:31px; margin-left:1px; background-color:#404048;}
.wr-copyr {position:absolute; right:0px; top:-30px; color:#a5a5ae; z-index:20; opacity:0.3;
width:200px; height:30px; background:url(../images/webrambo.png) 20px 0 no-repeat; text-indent:-999px; overflow:hidden;}
.wr-copyr:hover {opacity:1;}


/* FULL STORY
----------------------------------------------- */
.full-story {}
.player-wrap {padding:0 280px 0 0; margin:-20px -20px 0 -20px; background-color:#262626;
border-radius:5px 5px 0 0; height:500px;}
.player-box {width:100%; float:left; margin-bottom:0 !important; padding:20px;}
.rkl-box {width:280px; float:right; margin-right:-280px; padding:20px; background-color:#000; height:100%; border-radius:0 5px 0 0;}
.z-fix {position:relative; z-index:999;}

.full-top {position:relative; margin:-20px -20px 0 -20px; padding:20px 140px 20px 20px; background-color:#f1f1f1;}
.full-top h1 {display:block; font-size:31px; color:#424343; line-height:34px; font-weight:700;}
.full-img {float:left; margin:0 20px 0 0; width:66px !important; height:100px !important; overflow:hidden;}
.full-img img {width:100%; height:100%; min-height:100%; object-fit: cover;}
.full-cat {margin:10px 0 0 0 !important;}

.switcher {width:100px; position:absolute; right:20px; top:20px; z-index:999;}
.switcher input {display:none;}
.switcher label {display:block; width:100px; height:30px; border-radius:15px; border:1px solid #CCC;
background-color:#FFF; cursor:pointer; position:relative;}
.switcher label:before { content:""; width:30px; height:30px; border-radius:15px; background-color:#0ba607;
position:absolute; left:0; top:0;}
.switcher input:checked + label {border-color:#e84c3d; background-color:#ccc;}
.switcher input:checked + label:before {background-color: #e84c3d; left:70px;}
.light-off {width:100%; height:100%; background-color:rgba(0,0,0,0.8);
position:fixed; left:0; top:0; z-index:998; display:none;}

.full-info { margin:20px -140px 0 0;}
.full-rate, .yashare-auto-init, .full-views, .full-comms, .full-date, .full-time
{display:inline-block; float:left; margin-right:20px; line-height:30px; height:30px;}
.full-views {height:30px; background:#e84c3d url(../images/sprite.png) left -183px no-repeat;
color:#FFF; font-weight:bold; padding:0 10px 0 40px; line-height:30px; float:right; border-radius:5px;}
.full-date, .full-time {color:#808080; font-style:italic;}
.full-time {float:right;}

.full-content {padding:20px 280px 0 0;}
.full-box {width:100%; float:left;}
.rel-box {width:240px; float:right; margin-right:-280px;}

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

/* safe fix dle player
----------------------------------------------- */
.mejs-container, .dimensions-2sub {max-width:100% !important;}

.full-text {line-height:24px; font-size:15px; color:#515558; margin-bottom:30px; text-align:justify;}
.full-text img {margin:0 10px 10px 0; max-width:100%; border:5px solid #f0f0f0;}
.full-text a, .full-tags-wrap a {text-decoration:underline; color:#06c;}
.full-text a:hover, .full-cat a:hover {text-decoration:underline; color:#C9070A !important;}
.full-text a:visited {text-decoration:underline; color:#06c;}
.full-text ul:not(.vjs-menu-content) 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%; margin-top:-50px; 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 #ccc; 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:#f6f6f6; line-height:normal;}
.full-tags-wrap {border:1px solid #ccc; background-color:#f6f6f6; padding-right:20px; line-height:30px; margin-bottom:20px;}
.full-tags-wrap span {display:inline-block; float:left; margin-right:20px;
background-color:#404048; color:#fff; font-weight:bold; padding:0 20px;}
.full-compl { display:inline-block; position:absolute; right:20px; top:105px; height:30px; line-height:30px;
background: url("../dleimages/compl.png") left top no-repeat; padding-left:35px; text-decoration:underline; color:#06c;}
.full-edit {display:inline-block; position:absolute; top:70px; right:20px;}
.addfavorit {float:right;}
.addfavorit:hover { opacity: 0.8 }
.iedit { float:right; margin-right:10px;}
.iedit * { cursor: pointer; height: 30px; width: 30px;}
.iedit .thd { background-image: url("../dleimages/editstore.png"); display:inline-block;}
.full-nav {text-align:center; margin-bottom:20px; font-size:20px;}
.full-nav a {color:#06c; text-decoration:none;}
.full-nav a:hover {color:#06c; text-decoration:underline;}
.full-nav-pages {margin:0 20px; font-size:30px;}
.full-nav-pages span, .full-nav-pages a {display:inline-block; margin:0 5px;}

.attach {line-height:40px; background-color:#f5f5f5; 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; background:#0297dc;}
.attach-info {float:right;}
.attach i {margin-right:5px;}


/* RELATED
----------------------------------------------- */
.rel-item {display:block; padding:0 0 15px 80px; margin-bottom:15px; border-bottom:1px dashed #ccc;}
.rel-img {float:left; overflow:hidden; width:70px; height:50px; margin-left:-80px;}
.rel-text {float:right; width:100%;}
.rel-title {font-size:12px; line-height:18px; color:#444444; font-weight:bold;}
.rel-item:hover .rel-title {text-decoration:underline; color:#000000;}

.side-box {margin-bottom:20px;}
.side-title {margin-bottom:10px; color:#444444; font-weight:700; font-size:20px;}


/* COMMENTS
----------------------------------------------- */
.comments-wrap {margin:20px 0 0 0;}
.comms-title {}
.com-item {padding:10px 0 10px 90px; position:relative;}
#dle-comments-list div:nth-child(2n+1) .com-item {background-color:#f6f6f6;}
.com-av {width:70px; height:70px; margin-left:-80px; border-radius:0px; overflow:hidden;}
.com-av img {width:100%; height:100%;}
.com-text {width:100%;}
.com-info {}
.com-info ul li {float:left; display:inline-block; margin-right:20px;}
li.reply {float:right !important; margin-right:0 !important;}
.reply a {display:inline-block; padding:3px 5px; background-color:#404048; color:#fff; font-weight:bold;
position:absolute; top:0; right:0;}
.com-body {font-size:12px; line-height:16px; margin:10px 0; padding-right:10px;}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; border-top:1px dashed #666; color:#666;
padding-top:10px; margin-top:15px;}
.com-edit {text-align:right;}
.com-edit ul li {display:inline-block; margin-left:15px; font-size:11px;}
.com-edit a {color:#404048; text-decoration:underline;}
.com-edit a:hover {text-decoration:none;}

.add-com-but {display:inline-block; font-size:13px; line-height:30px; cursor:pointer; padding:0 20px; border-radius:15px;}
.add-com-but:hover {background:#0ba607 !important;}
#addcform {display:none; margin-bottom:20px;}
.mass_comments_action { height: 1%; text-align: right; padding:5px 15px; background-color: #f6f6f6;}
.mass_comments_action .bbcodes { margin-bottom: 0 }


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

.skype-button, .telegramim_button, .viber_button {display: inline-block !important; vertical-align: middle;
margin-left: 20px; margin-right: 20px; margin-bottom: 20px; margin-top: 20px;}
.mob-menu {display:none;}

/* FONTELLO */

@font-face {
    font-family: 'fontello';
    src: url('../fontello/fontello.eot?58543395');
    src: url('../fontello/fontello.eot?58543395#iefix') format('embedded-opentype'),
         url('../fontello/fontello.woff2?58543395') format('woff2'),
         url('../fontello/fontello.woff?58543395') format('woff'),
         url('../fontello/fontello.ttf?58543395') format('truetype'),
         url('../fontello/fontello.svg?58543395#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
  /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
  /*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: 'fontello';
      src: url('../fontello/fontello.svg?58543395#fontello') format('svg');
    }
  }
  */

   [class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  }

  .icon-forward:before { content: '\e800'; } /* '' */
  .icon-backward:before { content: '\e801'; } /* '' */
  .icon-forward2:before { content: '\e802'; } /* '' */
  .icon-backward2:before { content: '\e803'; } /* '' */

/* RESIZE
----------------------------------------------- */

@media screen and (max-width: 1200px) {
.top-item {width:19%; height:70px; margin-right:1%;}
.full-top h1 {font-size:24px; line-height:28px;}
.full-rate, .yashare-auto-init, .full-comms, .full-date, .full-time {margin-right:10px;}
.main-desc {font-size:12px;}
.main-desc h1 {margin-bottom:5px;}
.main-desc p {margin-bottom:10px;}
}

@media screen and (max-width: 1000px) {
.head {height:150px;}
.logo-box {left:0%; margin-left:0px;}
.share-box {top:30px;}
.login-wrap { margin-right:236px;}
.search-wrap {width:100%; margin:0px 0 0 0; padding:0 20px;}
.desc-text img {float:left; margin:0 10px 10px 0; display:block; border-radius:5px;}
.short-item, .shorts-wrap .short-item:nth-child(5n) {width:23.8%; margin-right:1.5%;}
.shorts-wrap .short-item:nth-child(4n) {margin-right:0;}
.short-img {height:300px; overflow:hidden; border-radius:5px 5px 0 0; position:relative;}
.wr-copyr {display:none;}
.bottom-nav {height:30px; line-height:30px; margin:30px 0; text-align:center;}
.pprev, .pnext {font-size:12px; width:70px;}
.navigation {font-size:12px;}
.navigation a, .navigation span {min-width:30px;}
.bottom {padding:20px 20px;}
.bottom-box-t {margin-bottom:20px;}
.top-box {width:100%; float:none;}
.vote-box {width:50%; float:right;}
.tags-box {width:50%; float:left; padding:0 20px 0 0;}
.top-item {width:9%; height:80px; margin-right:1%;}
}

@media screen and (max-width: 900px) {
.player-wrap {padding:0;}
.player-box {float:none;}
.yashare-auto-init, .counts, .share-box {display:none;}
.full-content {padding:20px 0 0 0;}
.full-box {width:100%; float:none;}
.rel-box {width:100%; float:none; margin:20px 0 0 0; background-color:#f1f1f1;}
.side-box {float:left; width:50%; padding:10px 0 0 20px;}
.foot {padding:20px;}
.login-wrap { margin-right:20px;}
}

@media screen and (max-width: 800px) {
.short-img {height:250px;}
.top-item {height:70px;}
.desc-text img, .full-date {display:none;}
}

@media screen and (max-width: 750px) {
.main-menu2, .add-fav, .rkl-box2, .full-nav-pages {display:none;}
.speedbar-wrap {padding-right:20px;}
.short-item, .shorts-wrap .short-item:nth-child(5n), .shorts-wrap .short-item:nth-child(4n) {width:32.3%; margin-right:1.5%;}
.shorts-wrap .short-item:nth-child(3n) {margin-right:0;}
.bottom-nav {height:auto;}
.bottom-nav a, .bottom-nav span {margin-bottom: 10px; display: inline-block; vertical-align: top;}

.gotop {visibility:hidden;}
.full-top h1 {font-size:18px; line-height:18px;}
.full-text {line-height:18px; font-size:12px; text-align:justify;}

.comments-tree-list .comments-tree-list {padding-left:0 !important;}
.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: 600px) {
.short-item, .shorts-wrap .short-item:nth-child(5n), .shorts-wrap .short-item:nth-child(4n),
.shorts-wrap .short-item:nth-child(3n) {width:49%; margin-right:2%;}
.shorts-wrap .short-item:nth-child(2n) {margin-right:0;}
.top-item {width:19%; height:80px; margin-right:1%;}
.full-time, .switcher, .full-compl, .full-edit {display:none;}

.head {height:210px;}
.logo-box {left:50%; margin-left:-150px;}
.search-wrap {margin-top:160px;}
.login-wrap {height:70px; float:none; width: 100%; max-width: 100%; text-align: center;
	position:absolute; left:0; top:100px; padding:0 20px; white-space: nowrap;}
	.login-wrap > *:not(.not-logged) {float: none !important; display: inline-block; vertical-align: middle;}
	.register-but {margin: 0 0 0 15px !important}
	.login-but {margin: 0;}


.side-box {float:none; width:100%;}
.player-wrap {height:auto;}
.player-box {padding:10px;}
.full-top {padding:10px; }
.full-img {margin:0 10px 0 0;}
.full-info { margin:10px 0 0 0;}
.full-views {margin-right:0;}
.com-item {padding-left:15px;}
.com-av, li.reply, .reply a, .com-edit, .mass_comments_action { display:none;}
}

@media screen and (max-width: 470px) {
.speedbar-wrap {padding:0 20px;}
.speedbar-wrap b, .full-views {display:none;}
.shorts-wrap {padding:0 20px;}
.fulls-wrap {padding: 0 20px;}
.short-item, .shorts-wrap .short-item:nth-child(5n), .shorts-wrap .short-item:nth-child(4n),
.shorts-wrap .short-item:nth-child(3n), .shorts-wrap .short-item:nth-child(2n) {width:100%; margin-right:0%;}
.top-item {width:19%; height:80px; margin-right:1%;}
.vote-box {width:100%; float:none;}
.tags-box {width:100%; float:none; padding:20px 0 0 0;}
.rel-item {padding-right:20px;}
}

@media screen and (max-width: 350px) {
.cont-wrap {margin:20px auto;}
.fulls-wrap {padding-top:20px;}
.head, .nav, .bottom, .cont-wrap, .speedbar-wrap, .foot, .desc-wrap {width:320px; min-width:320px;}
.desc-wrap {display:none;}
.short-img {height:320px;}
.top-item {height:55px;}
.full-img {width:80px; height:80px;}
.add-com-but {padding:0 10px;}
	.register-but {margin: 0 0 0 10px !important}
}

.gotovip {
      width: 100%;
    height: 100%;
    text-align: center;
    background: #666;
    font-size: 19px;
    padding: 120px 22px;
    line-height: 34px;
}

.gotovip a {
color: #fff;
font-weight: bold;
}

/*  advert_player start  */
.av-playing .vjs-text-track-display div div {
font-size: 0px !important;
}


.av-playing .vjs-loading-spinner, .av-playing .vjs-play-control, .av-playing .vjs-progress-control, .av-playing .vjs-remaining-time, .av-playing .vjs-playback-rate, .av-playing .vjs-subs-caps-button, .av-playing .vjs-menu-button {
display: none !important;
}

/* .av-playing .vjs-control-bar *:not(.vjs-volume-panel *):not(.vjs-fullscreen-control *):not(.ad_info) {
  display: none;

} */
.av-playing .ad_info * {
display: block !important;
}
.av-playing .vjs-control-bar{
display: block !important;
opacity: 1 !important;

}
.av-playing .vjs-fullscreen-control{
float: right;
margin-top: 5px;
height: 30px;
}

.av-playing .vjs-volume-panel {
float:left;
margin-top: 5px;
}

.av-playing .vjs-control-bar{
height: 40px;
}

.fl {
    float: left;
}

.link_ad {
    font-size: 14px;
    color: #fff !important;
    text-decoration: none !important;
margin-top: 4px;
}

.fr {
float: right;
}

.ad_info {
    width: 60%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

a.link_ad:hover {
    color: #C9C9C9 !important;
}

.link_ad {
    font-size: 14px;
    color: #fff !important;
    text-decoration: none !important;
    margin-top: 4px;
}

.secondstoend {
    float: left;
    font-size: 20px;
    margin-right: 7px;
    width: 24px;
    text-align: center;
    margin-top: 1px;
}
.texttoend {
    float: right;
    width: 28px;
    font-size: 11px;
}

.ad_overlay {
    position: absolute;
    width: 100%;
    height: calc(100% - 40px);
}

.av-playing::-webkit-media-text-track-display {
font-size: 0px !important;
}

.av-playing::cue {
font-size: 0px !important;
}


/*  advert_player end  */

.instagram-media, .twitter-tweet {display: inline-block !important;}


/*  translates  */
.vjs-text-track-display {
    pointer-events: auto !important;
}

.trackspan {
    padding: .1em;
    font-size: 1.3em;
    color: #e9ff91;
}

.trackspan:hover, .trackspan.active {
    background: #000;
    font-weight: bold;
    outline: 2px solid #e6f36c;
    cursor: default;
}

.html-fullscreen {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

/* videojs control bar style start */



.vjs-control-bar {
    font-size: 1.3em !important;
}

.vjs-control-bar .fb-button {
    max-width:2.6em;
    font-size: 1.3em;
}

.clearfix { clear: both; }



@media screen and (max-width: 600px) {
    .vjs-control-bar {
        font-size: 0.7em !important;
    }
    }

.vjs-user-active .vjs-text-track-cue{
   top: initial !important;
    bottom: 1.5em !important;

}



/* videojs control bar style end */



/* for DLE 15.1 version update */
figure {
    margin: 0;
}

figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image.align-center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

figure.image figcaption {
	padding: 1rem;
    background-color: #fafafa;
    font-size: .8rem;
    caption-side: bottom;
    word-break: break-word;
    text-align: center;
}

figure.image.align-center figcaption {
	display: table-caption;
}

/* for DLE 15.1 version update end */


/* --- nicer main description block (safe) --- */
.desc-wrap {
  margin-bottom: 24px;
}

.main-desc {
  max-width: 980px;
  margin: 0 auto;
  padding: 26px 28px 18px;
  border-radius: 12px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

.main-desc h1 {
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: .2px;
  margin-bottom: 14px;
}

.main-desc p {
  font-size: 15px;
  line-height: 1.7;
  color: #4a4a4a;
  margin-bottom: 10px;
}

.main-desc a {
  color: #0a66c2;
  text-decoration: none;
  border-bottom: 1px dotted rgba(10,102,194,.6);
}

.main-desc a:hover {
  border-bottom-style: solid;
}