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

@import "reset-settings.css" all;

.search-box button, .ava-wrap h3, .speedbar-wrap b, .shorts-views, .shorts-comms, .shorts2-img:before, 
.mask-rating, .foot-menu li a, .full-avtor, .shorts4-avtor {background:url(../images/sprite.png) no-repeat;}
.top-b-img img, .top-s-img img, .shorts-img img, .shorts2-img img, .custom2-img img, .custom1-img img, 
.shorts4-img img, .shorts5-img img, .top-img img, .rel-img img {width:100%; min-height:100%;}
img, .top-b-title, .top-s-title, .shorts5-img:before, .shorts4-img:before, .shorts2-img:before 
{-webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.grad, .top-b-title, .top-s-title {background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}


/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%;}
.head-wrap, .top-cust-wrap, .head-wrap:before, .head-wrap:after, .foot-wrap {width:100%;}
.head, .top-cust, .content-wrap, .nav-wrap, .topline, .foot, .foot-bottom {width:100%; min-width:320px; max-width:1200px; margin:0 auto; 
position:relative; z-index:20;}
.head-wrap {background-color:#fff;}
.head-wrap:before {content:""; height:36px; background-color:#67b6dc; 
position:absolute; left:0; top:0px; z-index:10;}
.head-wrap:after {content:""; height:50px; background-color:#4a84c4;
position:absolute; left:0; top:136px; z-index:10;}
.head {height:100px; padding:0 400px; z-index:100;}
.nav-wrap {z-index:50;}
.top-cust-wrap {background-color:#f5f5f5; border-top:1px solid #e3e3e3;}
.content-wrap {padding:40px 300px 40px 0;}
.left-col {float:left; width:100%;}
.sidebar {float:right; width:240px; margin-right:-300px; padding:0;}
.foot-wrap {background-color:#4a84c4;}
.notmain-col { padding:0 0 0 180px;}
.center-col {float:right; width:100%;}
.left-side {float:left; width:160px; margin-left:-180px;}

.top-rkl {width:100%; min-width:768px; max-width:1000px; margin:40px auto 0 auto;}
.middle-rkl {width:100%; min-width:500px; max-width:728px; margin:0 auto 20px auto;}


/* HEADER, LOGIN
----------------------------------------------- */
.add-fav {display:block; width:30px; height:30px; position:absolute; left:0; top:2px;}

.topline {height:36px; padding:5px 0 0 40px;}
.top-menu { display:block;}
.top-menu li {display:inline-block; float:left; margin-right:40px; position:relative;}
.top-menu li:after {display:inline-block; content:""; margin-left:20px; width:8px; height:8px; border-radius:4px;
 background-color:#fff; position:absolute; top:10px; right:-24px;}
.top-menu li a {color:#fff; font-size:11px; display:block; height:26px; line-height:26px;}
.top-menu li a:hover {color:#fff; text-decoration:underline;}
.last-comms {float:right !important; margin-right:0 !important;}
.last-comms:after { display:none !important;}
.last-comms a {border-radius:3px; padding:0 10px; background-color:#4a84c4;}

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

.search-wrap {width:100%; padding-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:#fff; 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:400px; position:absolute; right:0; top:0; z-index:100; padding:30px 0 0 0;}
.register-but, .login-but {display:inline-block; height:40px; line-height:40px; color:#444444; font-size:13px; float:right;}
#login-show {float:right;}
.register-but {color:#4a84c4;}
.login-but {padding:0 20px; float:right; border-radius:5px; cursor:pointer; margin-left:20px; background-color:#67b6dc; color:#fff;}
.register-but:hover {color:#4a84c4; text-decoration:underline;}
.login-but:hover {background:#4a84c4 !important;}
#login-box {width:240px; height:auto; background-color:#303030; box-shadow:0 20px 20px -10px rgba(0,0,0,0.7); 
position:absolute; right:0; top:100px; z-index:9999; padding:20px; color:#ccc; 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: #303030; border-width: 10px;}

.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:#505050; color:#ccc; margin:10px 0 20px 0; border-radius:5px; border:1px solid #404040;}
.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:#fff;}
.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:50%;}
.avatar img {width:100%; height:100%;}
.ava-wrap h3 {color:#444444; font-size:13px; padding:0 35px 0 0; line-height:60px; 
background-position:right -97px; display:inline-block;}
.ava-wrap h3:hover {cursor:pointer; color:#4a84c4; text-decoration:underline;}
.logged {top:100px !important; padding:10px 20px !important;}
.logged a {display:block; line-height:35px; padding:0; color:#ccc; border-bottom:1px solid #505050;}
.logged a:hover {color:#fff; text-decoration:underline;}


/* 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:50px; padding:0 20px; color:#fff; font-size:12px; text-transform:uppercase; font-weight:bold;}
.main-menu li a:hover {color:#fff;}
.hidden-menu { background-color:#67b6dc; width:230px; top:50px; 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:50px;}
.hidden-menu li {border-bottom:1px solid #5bbff8;}
.hidden-menu li a:hover {background-color:#4a84c4; color:#fff;}
.menuactive > a, li.menuactive > a:hover, .main-menu > li > a:hover {background-color:#67b6dc; color:#fff !important;}
.main-menu > li:last-child:after, .show-menu {display:none;}


/* SPEEDBAR BOX
----------------------------------------------- */
.speedbar-wrap {position:relative; z-index:20; line-height:30px; height:30px; margin:0 0 10px 0; 
text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#444444; font-size:12px;}
.speedbar-wrap b {display:inline-block; margin-right:10px; color:#000; text-transform:uppercase; background-position:0 -232px; padding-left:40px;}
.speedbar-wrap a {color:#444444; font-weight:normal;}
.speedbar-wrap a:hover {color:#4a84c4; text-decoration:underline;}
#dle-speedbar span:first-child a {}

.share-box { position:absolute; right:0; top:12px; display:inline-block; width:158px; height:30px;}
.share {float: left;}
.share-box a {width:26px; height:26px; border-radius:3px; margin: 0 0 0 5px;display: block;float: left;}


/* TOP CUSTOM SLIDER
----------------------------------------------- */
.top-cust {padding:10px 300px 50px 0; overflow:hidden;}
.top-cust-notmain {padding-bottom:0;}
.top-big-wrap {width:100%; float:left; max-height:450px;}
.top-small-wrap {width:300px; float:right; margin-right:-300px; border-left:5px solid #4a84c4;}

.top-b-item {height:450px; position:relative; display:block;}
.top-b-img {height:100%; overflow:hidden;}
.top-b-title {padding:80px 20px 40px 20px; font-size:34px; line-height:38px; color:#FFF; text-align:center; 
position:absolute; left:0; bottom:0; right:0;}
.top-b-cat {display:inline-block; padding:5px 10px; color:#FFF; background-color:#f33a35; 
text-transform:uppercase; font-size:14px; line-height:normal; margin-top:20px; border-radius:3px;}
.top-b-item:hover .top-b-title { padding-bottom:60px;}

.top-s-item { position:relative; height:150px; display:block;}
.top-s-img {height:100%; overflow:hidden;}
.top-s-title {color:#FFF; font-size:15px; padding:40px 20px 10px 10px; 
position:absolute; left:0; bottom:0; right:0;}
.top-s-cat {display:inline-block; padding:5px 10px; color:#FFF; background-color:#67b6dc; 
text-transform:uppercase; font-size:10px; line-height:normal; border-radius:3px; 
position:absolute; right:10px; top:10px;}
.top-s-item:hover .top-s-title { padding-bottom:20px;}

.shorts-img:hover img, .top-s-item:hover img, .top-b-item:hover img, .shorts2-item:hover img, .custom2-item:hover img, .custom1-item:hover img 
{transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}


/* MAIN CUSTOMS
----------------------------------------------- */

.custom { margin-bottom:40px;}
.custom-title, .side-t {height:47px; line-height:47px; border-bottom:3px solid #4a84c4; margin-bottom:40px;}
.custom-title h2, .side-t span {display:inline-block; padding:0 20px; background-color:#4a84c4; color:#FFF; 
font-size:18px; font-weight:500; border-radius:3px 3px 0 0;}
.custom-title a {display:inline-block; float:right; color:#4a84c4;}
.custom-title a:hover {text-decoration:underline;}


.shorts-item {float:left; display:block; width:30.66%; margin-right:4%; height:400px;}
.custom .shorts-item:nth-child(3n+1) {margin-right:0;}
.shorts-img {height:180px; overflow:hidden; position:relative; border-radius:5px;}
.shorts-cat {padding:5px 10px; background-color:#67b6dc; color:#FFF;
position:absolute; left:10px; bottom:10px; border-radius:3px;}
.shorts-info {height:20px; line-height:20px; margin-top:15px;}
.shorts-date {color:#4a84c4; float:left; display:inline-block; text-transform:uppercase;}
.shorts-views, .shorts-comms {float:right; display:inline-block; color:#9b9b9b; background-position:0 -160px; padding-left:20px;}
.shorts-comms {background-position:0 -198px; margin-right:10px;}
.fixleft {float:left;}
.shorts-comms.fixleft {margin:0 0 0 10px;}
.shorts-text {color:#8e8e8e; margin:10px 0 5px 0;}
.shorts-text h3 {font-size:15px; color:#444444; margin-bottom:10px; display:block;}
.shorts-item:hover h3, .shorts-item:hover h2 {color:#4a84c4; text-decoration:underline;}


/* VIDEO CUSTOM
----------------------------------------------- */
.custom2 {padding:0 20px 20px 20px; margin-bottom:60px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:3px;}
.custom2-title {height:50px; line-height:50px; padding:0 20px; margin:0 -20px;}
.custom2-title h2 {color:#000; font-size:18px; font-weight:500; display:inline-block;}
.custom2-title a {display:inline-block; float:right; color:#4a84c4;}
.custom2-title a:hover {text-decoration:underline;}

.shorts2-item {width:23.5%; float:left; display:block; margin-right:2%;}
.custom2 .shorts2-item:nth-child(4n+1) {margin-right:0;}
.shorts2-img {height:130px; overflow:hidden; position:relative;}
.shorts2-img:before {content:""; width:55px; height:55px; background-position:-144px -289px; 
position:absolute; left:50%; top:50%; margin:-27px 0 0 -27px; z-index:100;}
.shorts2-title {background-color:#67b6dc; color:#FFF; font-size:15px; height:66px; overflow:hidden; padding:5px 10px; text-align:center;}
.custom2 .shorts2-item:nth-child(2n+1) .shorts2-title {background-color:#4a84c4;}
.shorts2-item:hover .shorts2-title {background-color:#f33a35 !important;}
.shorts2-item:hover .shorts2-img:before {background-position:-144px -345px; }


/* MAIN CUSTOMS
----------------------------------------------- */
.custom2-item {float:left; margin-bottom:0px;}
.custom .custom2-item:nth-child(2n+1) {margin-right:0;}
.custom2-link {display:block;}
.custom2-img {height:200px; overflow:hidden;}
.custom2-link h3 {font-size:18px; margin:15px 0 -5px 0; color:#444444;}
.custom2-link:hover h3 {color:#4a84c4; text-decoration:underline;}
.custom2-text { color:#8e8e8e; height:80px; margin-top:5px;}

.custom1-item {display:block; padding:0 0 0 130px; float:left; width:47%; height:75px; margin-right:6%; margin-bottom:20px;}
.custom1-img {float:left; overflow:hidden; width:120px; height:80px; margin-left:-130px;}
.custom1-text {float:right; width:100%;}
.custom1-text h3 {font-size:15px; color:#444444; margin-bottom:-10px;}
.custom1-info {color:#4a84c4; font-style:italic; margin-bottom:5px;}
.custom1-item:hover h3 {color:#4a84c4; text-decoration:underline;}
.custom .custom1-item:nth-child(2n+1) {margin-right:0;}

.custom2-item.left {width:48%; margin-right:4%;}
.custom1-item.right {width:48%; margin-right:0; float:right;}

.last-cust {padding:0;}
.last-cust .top-small-wrap, .last-cust .top-big-wrap {width:50%; margin-right:0;}
.last-s {float:left; width:50%;}
.last-b {height:300px;}
.last-b .top-b-title {padding:40px 20px 20px 20px; font-size:18px; line-height:normal;}

.shorts4-item {padding:0 0 0 370px; position:relative; margin-bottom:20px;}
.shorts4-img {width:350px; height:200px; overflow:hidden; float:left; margin-left:-370px; position:relative;}
.shorts4-text {float:right; width:100%; color:#5d5d5d; font-size:13px;}
.shorts4-text h3 a, .shorts4-text h2 a {display:block; color:#000; font-size:18px;}
.shorts4-info {margin:10px 0; color:#b3b3b3; font-size:11px;}
.shorts4-avtor { background-position:-186px -203px; padding-left:20px;}
.shorts4-avtor span, .shorts4-views { color:#9b9b9b; margin-left:20px;}
.shorts4-desc {color:#8e8e8e;}
.shorts4-text h3 a:hover, .shorts4-text h2 a:hover {color:#4a84c4; text-decoration:underline;}
.custom .shorts4-item:last-child {margin-bottom:0;}

.shorts5-item {display:block; float:left; width:23.5%; margin-right:2%; margin-bottom:40px;}
.custom .shorts5-item:nth-child(4n+1) {margin-right:0;}
.shorts5-img {height:120px; overflow:hidden; position:relative;}
.shorts5-item h3 {font-size:15px; color:#444444; margin-top:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.shorts5-img:before, .shorts4-img:before {content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.4); 
position:absolute; left:0; top:0; opacity:0;}
.mask-rating {display:inline-block; padding:3px 5px 3px 25px; color:#fff !important; background-color:rgba(0,0,0,0.7); 
position:absolute; right:10px; top:10px; background-position:5px -332px; border-radius:3px;}
.mask-rating span {color:#fff !important;}
.side-rating {position:relative; top:10px; right:0;}
.shorts5-item:hover .shorts5-img:before, .shorts4-img:hover:before {opacity:1;}
.shorts5-item:hover h3 {text-decoration:underline; color:#4a84c4;}


/* SIDEBARS, TOPNEWS, SIDEBAR CUSTOMS
----------------------------------------------- */
.side-box {margin-bottom:20px;}
.side-t {font-size:16px;  margin-bottom:20px; text-align:left;}
.side-t span {font-size:16px;}
.sidebox2 {border:1px solid #e3e3e3; margin-bottom:20px; padding:20px 10px; border-radius:3px;}
.side-t2 {font-size:18px;  margin-bottom:20px; text-align:left; font-weight:500}
.side-rkl, .sidebox-left {margin-bottom:20px;}

.tabs {text-align:left; margin-bottom:20px;}
.tabs li {display:inline-block; border-radius:3px; height:30px; line-height:30px; margin-left:10px;}
.tabs li:first-child {margin-left:0;}
.tabs li.current { background-color:#67b6dc; color:#fff !important; padding:0 10px;}
.tabs li:hover {color:#67b6dc; cursor:pointer;}
.box {display:none; border-radius:3px; background-color:#f5f5f5; padding:10px;}
.box.visible {display:block;}

.line-item {margin-bottom:10px;}
.line-item span {font-size:10px; text-transform:uppercase; margin-bottom:5px; display:block; color:#4a84c4;}
.line-item a {font-size:14px; color:#444444;}
.line-item a:hover {color:#4a84c4; text-decoration:underline;}

.top-item {display:block; padding:0 0 15px 80px; margin-bottom:15px; border-bottom:1px solid #e3e3e3;}
.top-img {float:left; overflow:hidden; width:70px; height:53px; margin-left:-80px;}
.top-text {float:right; width:100%;}
.top-title {font-size:14px; color:#444444;}
.top-info { font-size:10px; text-transform:uppercase; margin-top:5px; color:#4a84c4;}
.top-item:hover .top-title {color:#4a84c4; text-decoration:underline;}
.sidebox2 .top-item:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}

.cust-vbig-item {margin-bottom:20px;}
.cust-vbig-link {display:block;}
.cust-vbig-img {height:160px; overflow:hidden;}
.cust-vbig-link h3, .cust-vbig-link p {font-size:14px; margin:5px 0 -5px 0; color:#444444;}
.cust-vbig-text {color:#8e8e8e; margin-top:10px;}
.cust-vbig-link:hover h3, .cust-vbig-link:hover p {color:#4a84c4; text-decoration:underline;}
.custom-rate {float:left; margin-right:20px; position:relative; top:-2px;}
.cust-vbig-item .side-rating {float:left; margin-right:20px; top:-3px; background-position:5px -330px;}

.cust-vsmall-item {display:block; padding:0 0 15px 80px; margin-bottom:15px; border-bottom:1px solid #e3e3e3;}
.cust-vsmall-img {float:left; overflow:hidden; width:70px; height:80px; margin-left:-80px;}
.cust-vsmall-img img {width:300%; max-width:300%; margin-left:-70px; display:block;}
.cust-vsmall-text {float:right; width:100%;}
.cust-vsmall-title a {font-size:14px; color:#444444;}
.cust-vsmall-rate {margin-top:5px;}
.cust-vsmall-title a:hover {color:#4a84c4; text-decoration:underline;}
.side-cont .cust-vsmall-item:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}

.cust-rcol-item {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e3e3e3;}
.cust-rcol-item h3 a, .cust-rcol-item p a {font-size:14px; color:#444; margin-bottom:10px; display:block;}
.cust-rcol-item h3 a:hover, .cust-rcol-item p a:hover {color:#4a84c4; text-decoration:underline;}
.cust-rcol-text {color:#8e8e8e;}
.cust-rcol-info {margin:10px 0 0 0; color:#4a84c4; font-size:11px; text-transform:uppercase;}
.sidebox .cust-rcol-item:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}
.sidebox2 .cust-rcol-item:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}


/* FOOTER
----------------------------------------------- */
.foot-col {width:29%; float:left; padding:40px 20px 20px 0;}
.foot-col:nth-child(3) {padding-right:0; overflow:hidden;width:42%;}
.foot-col-t {font-size:20px; font-weight:500; color:#fff; margin-bottom:20px;}
.foot-col-cont {color:#f0f0f0; font-size:14px; line-height:20px;}
.foot-menu li a {color:#f0f0f0; display:block; padding:0 0 10px 25px; margin-bottom:10px; border-bottom:1px solid #68bce5; background-position:-183px -162px;}
.foot-menu li:last-child a {border-bottom:0;}
.foot-menu li a:hover {color:#fff; text-decoration:underline;}
.foot-col p {margin-bottom:10px;}

.foot-bottom-wrap {background-color:#2d69af; width:100%;}
.foot-bottom {padding:20px 220px 20px 20px; margin-top:40px;
position:relative; min-height:73px; border-radius:5px 5px 0 0;}
.foot-bottom p {width:100%; color:#f0f0f0;}
.counts {position:absolute; top:20px; right:20px; width:220px; z-index:20; text-align:right;}
.counts li {display:inline-block; width:88px; height:31px; margin-left:1px; background-color:#4a84c4;}


/* 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:3px; font-size:13px; overflow:hidden; border:1px solid #e3e3e3; 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; font-weight:400;}
.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 2px 0 1px;
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 3px 0 0px;}


/* FULLSTORY
----------------------------------------------- */
.full-story {}
.full-title {position:relative; margin:0px 0 40px 0;}
.full-top-info {text-align:center; height:30px; margin-bottom:10px;}
.full-date {color:#9b9b9b; display:inline-block; float:left; margin-right:20px; line-height:30px;}
.full-cat {padding:0px 10px; background-color:#4a84c4; color:#FFF; font-weight:500; display:inline-block; border-radius:3px; 
margin:0 20px 0 0; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:50%; 
line-height:30px; float:left; }
.full-views {display:inline-block; float:left; position:relative; top:6px;}
.full-rate {display:inline-block; float:right;}
.full-title h1 {display:block; font-size:34px; font-weight:700; color:#444444;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:400px;}
.full-text {font:15px Arial, Helvetica, sans-serif; line-height:24px; margin-bottom:30px;}
.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:#D005C9;}
.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-tags-wrap {border:1px solid #e3e3e3; background-color:#f5f5f5; 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-info {padding:0 75px 0 0; position:relative; height:30px; line-height:30px;}
.full-avtor, .compl {display:inline-block; float:left; margin-right:15px; font-size:12px; background-position:-186px -195px; padding-left:20px;}
.compl { color:#C50307; padding-left:0;}
.addfavorit { opacity: 1; position:absolute; right:0px; bottom:0px; z-index:100;}
.addfavorit:hover { opacity: 0.8 }
.iedit { position:absolute; right:35px; bottom:-1px; z-index:100;}
.iedit * { cursor: pointer; height: 30px; width: 30px; display:block;}
.iedit .thd { background-image: url("../dleimages/editstore.png");}
.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 20px;}
.full-nav-pages span, .full-nav-pages a {display:inline-block; margin:0 5px;}


/* RELATED NEWS
----------------------------------------------- */
.rel-wrap {padding:0 20px 0 20px; margin-top:30px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:3px;}
.rel-t {height:50px; line-height:50px; color:#000; font-size:18px; font-weight:500; display:inline-block;}
.rel-item {width:50%; margin-bottom:10px; padding:0 10px 0 110px; display:block; float:left; height:80px;}
.rel-img {float:left; margin-left:-110px; width:100px; height:70px; overflow:hidden;}
.rel-text {float:right; width:100%; color:#4a84c4; font-size:12px;}
.rel-text p {font-size:14px; color:#444444; margin-bottom:5px;}
.rel-item:hover .rel-text p {color:#4a84c4; text-decoration:underline;}


/* 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:35px; 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:#4a84c4; color:#fff; 
position:absolute; top:0; right:0;}
.com-body {font-size:13px; 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:15px; background-color:#67b6dc; color:#fff;
line-height:40px; cursor:pointer; padding:0 20px; border-radius:3px; margin-top:20px;}
.add-com-but:hover {background-color:#4a84c4 !important;}
#addcform {display:none; margin:20px 0;}
.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;}


/* 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; bottom:-30px; right:0; z-index:999; text-align: center; 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
----------------------------------------------- */

@media screen and (max-width: 1220px) {
.main-menu, .head-wrap:after, .main-menu > li:after {display:none;}
.nav-wrap {height:50px; background:#4a84c4 url(../images/show-menu.png) left top no-repeat;;}
.show-menu {display:block; height:100%; line-height:50px; cursor:pointer; color:#FFF; font-size:18px; padding:0 20px 0 70px;}
.main-menu { text-align:left; background-color:#4a84c4;
position:absolute; left:0; top:50px; width:100%; border-top:1px solid #68bce5;}
.main-menu > li {display:block; border:1px solid #68bce5 !important; border-right:0 !important; border-top:0 !important; margin-right:0; 
width:33.33%; float:left;}
.main-menu li a {line-height:40px; color:#fff; padding:0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rel-text p {max-height:53px; overflow:hidden;}
.custom1-text h3 {max-height:40px; overflow:hidden;}
}

@media screen and (max-width: 1180px) and (min-width: 1051px) {
.shortstory-fix .shorts4-desc, .middle-rkl { display:none;}
}

@media screen and (max-width: 1050px) {
.head, .top-cust, .content-wrap, .topline, .foot, .foot-bottom { padding:0 10px;}
.topline {padding:5px 10px 0 40px;}
.content-wrap {padding:40px 280px 40px 10px; overflow:hidden;}
.top-cust {padding:10px 280px 50px 10px;}
.top-cust-notmain {padding-bottom:0;}
.top-small-wrap {margin-right:-270px; width:270px;}
.sidebar {margin-right:-270px;}
.head {height:160px;}
.search-wrap {padding-top:100px;}
.logo-box {left:10px;}
.login-wrap, .share-box {right:10px;}
.custom { margin-bottom:40px;}
.custom-title {margin-bottom:20px;}
.shorts-img {height:140px;}
.shorts-info {margin-top:10px;}
.shorts2-img {height:100px;}
.custom2-img {height:160px;}
.last-cust {padding:0 !important;}
.last-cust .top-small-wrap, .last-cust .top-big-wrap {width:50%; margin-right:0;}
.last-s {float:left; width:50%; height:125px;}
.last-b {height:250px;}
.shorts4-item {padding:0 0 0 220px;}
.shorts4-img {width:200px; height:130px; margin-left:-220px;}
.shorts4-text h3 a, .shorts4-text h2 a { overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.shorts4-info {margin:5px 0 0 0;}
.shorts5-img {height:100px;}
.foot-bottom {padding:10px 220px 10px 10px; margin-top:20px;}
.full-cat { max-width:30%;}
.full-date, .full-cat {margin-right:10px;font-size:12px;}
.full-title h1 {font-size:24px;}
.full-text {font:14px Arial, Helvetica, sans-serif; line-height:20px;}
.rel-item {width:100%; float:none;}
.bottom-nav {height:auto;}
.pprev, .pnext, .navigation {width:100%; margin:10px 0;}
.navigation {margin:0;}
}

@media screen and (max-width: 950px) {
.topline, .sidebar, .head-wrap:before, .top-rkl, .middle-rkl {display:none;}	
.content-wrap {padding:20px 10px 20px 10px;}
.speedbar-wrap { margin-right:160px;}
.top-cust {padding:10px 10px 20px 10px;}
.top-cust-notmain {padding-bottom:0;}
.top-b-item {height:400px;}
.owl-theme .owl-controls{bottom:auto; top:30px;}
.top-small-wrap {margin-right:0; width:100%; border-left:0;}
.top-s-item {height:150px; width:33.33%; float:left;}
.last-s {float:left; width:50%; height:125px;}
.last-b {height:250px;}
.foot-col {width:50%;}
.foot-col:nth-child(3), .counts { display:none;}
.foot-bottom {padding:10px;}
}

@media screen and (max-width: 760px) {
.main-menu > li {width:50%;}
.speedbar-wrap { margin-right:0px;}
.custom-title h2, .side-t span {display:block;}
.custom-title a, .custom2-title a, .custom2-text, .custom2-item .shorts-info, .custom1-item .shorts-info, 
.share-box, .left-side, .full-nav-pages {display:none;}
.shorts-item, .custom .shorts-item:nth-child(3n+1) {width:48%; margin-right:4%; height:400px;}
.custom .shorts-item:nth-child(2n+1) {margin-right:0;}
.shorts-img {height:180px;}
.shorts2-item, .custom2 .shorts2-item:nth-child(4n+1) {width:49%; margin-right:2%; margin-bottom:10px;}
.custom2 .shorts2-item:nth-child(2n+1) {margin-right:0;}
.shorts2-img {height:130px;}
.custom2-item {float:none; margin-bottom:15px; background-color:#f5f5f5;}
.custom2-img {height:300px;}
.custom2-link h3 {margin:0; padding:10px;}
.custom2-item.left {width:100%;}
.custom1-item.right {width:50%; float:left;}
.custom1-text h3 { height:40px; overflow:hidden; margin-bottom:0;}
.last-cust .top-small-wrap, .last-cust .top-big-wrap {width:100%;}
.last-s {width:50%; height:150px;}
.last-b {height:300px; width:100%;}
.notmain-col { padding:0;}
}

@media screen and (max-width: 550px) {
.login-wrap, .top-s-cat, .shorts4-desc, .shorts-cat, .full-views, .full-rate, .compl, 
.mass_comments_action, .com-edit,.navigation {display:none;}
.head {height:110px;}
.search-wrap {padding-top:50px;}
.logo-box {width2:90%; height:50px; background-size:contain; background-position:center top}
.top-b-item {height:250px;}
.top-b-title {padding:50px 20px 20px 20px; font-size:18px; line-height:18px;}
.top-s-title {font-size:15px; padding:20px 10px 10px 10px;}
.top-s-item {height:140px; width:50%; float:left;}
.top-s-item:last-child {display:none;}
.shorts-img {height:130px;}
.custom2-img {height:200px;}
.custom1-item.right {width:100%; float:none; height:80px;}
.custom1-item.right:nth-child(2n), .shorts4-item:nth-child(2n) {background-color:#f5f5f5;}
.last-b {height:200px;}
.last-s {height:100px;}
.last-s:last-child {display:block;}
.shorts4-item {padding:0 0 0 170px;}
.shorts4-img {width:150px; height:100px; margin-left:-170px;}
.shorts5-item, .custom .shorts5-item:nth-child(4n+1) {width:48%; margin-right:4%; margin-bottom:20px;}
.custom .shorts5-item:nth-child(2n+1) {margin-right:0;}
.shorts5-img {height:120px; overflow:hidden; position:relative;}
.foot-col {width:100%;}
.full-cat { max-width:50%;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:300px;}
}

@media screen and (max-width: 470px) {
.speedbar-wrap b, .shorts-info, .com-av, li.reply, .reply a, .full-info, .shorts4-avtor {display:none;}
.owl-theme .owl-controls{top:10px;}
.top-b-item {height:200px;}
.top-b-cat {padding:3px 5px; font-size:11px;}
.top-s-item {height:100px;}
.top-s-title {font-size:13px; padding:10px;}
.custom-title h2, .side-t span {font-size:15px;}
.shorts-item {height:200px !important; overflow:hidden !important; margin-bottom:20px !important;}
.shorts-img {height:100px;}
.top-s-title, .shorts-text h3, .custom-text h2 {font-size:14px; line-height:14px;}
.shorts2-item {width:100% !important; margin-right:0 !important;}
.custom2-img {height:150px;}
.custom2-link h3 {font-size:18px; line-height:18px;}
.shorts4-item {padding:0 0 0 130px;}
.shorts4-img {width:120px; height:90px; margin-left:-130px;}
.shorts4-text h3 a, .shorts4-text h2 a {font-size:15px; line-height:15px; white-space:normal;}
.shorts4-text .shorts-info {display:block;}
.shorts5-img {height:100px;}
.shorts5-item h3 {font-size:13px;}
.full-title h1, .full-text h2, .full-text h3 {font-size:18px;}
.full-text {font:12px Arial, Helvetica, sans-serif; line-height:20px;}
.com-item {padding-left:15px;}
.rel-item {padding:0 10px 10px 80px;}
.rel-img {margin-left:-80px; width:70px; height:70px;}
.top-cust, .content-wrap {min-width:300px;}
.left-col, .top-cust {overflow:hidden;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:250px;}
}



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




