@import "reset-settings.css" all;

.item-img img, .top-img img {width:100%; min-height:100%;}
a, button, .fa, .overlay-close, .item-img:before, .item-hd, .item-like, .item-scat, .item-box, .add-com-but, .comm-rate, 
.comm-bottom-info, .alert-buttons span, .h-line-two-inner, .logotype {transition: all .5s;}

.clr {clear: both;}

/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%; padding:0; background: #15181c;}
.box-wrap {width:1125px; margin:0 auto; background-color:#393c42;}
.header {position:relative; z-index:999; border-bottom:2px solid #191919;}
.box-main { font-family: 'Rajdhani', sans-serif; position:relative;}
.box-main:before {content:""; height:100%; position:absolute; right:0; top:0; z-index:50; 
background-color:#40444b;}
.main-left {float:left; width:100%; padding:0 20px; min-height:800px;}
.box-cat {padding:0 20px; min-height:800px;}
.full-left {float:left; width:100%; min-height:800px;}
.cscat {padding:1px 0px 1px;opacity:0.5; filter:alpha(opacity=50);}
.cscat:hover {padding:1px 0px 1px;opacity:1; filter:alpha(opacity=100);}

/* ALERT
----------------------------------------------- */
.alert-wrap {padding:1px 0;}
.alert-window {width:100%; max-width:800px; margin:0 auto; color:#E3E3E3; text-align:center;}
.alert-title {margin:0 0 10px 0; font-size:18px;}
.alert-text {font-size:14px;}
.alert-buttons {margin-top:20px;}
.alert-buttons span {cursor:pointer; display:inline-block; color:#fff; background-color:#78BB00; font-size:18px; 
padding:5px 20px; margin:0 10px; border-radius:3px;}
.yes-but {}
span.no-but {background-color:#E3E3E3; color:#5c5c5c;}
.alert-buttons span:hover {color:#fff; background-color:#8CA2DA;}


/* HEADER
----------------------------------------------- */
.h-line-one {height:40px; line-height:40px; padding-right:20px; background-color:#333;}
.h-line-two {background-color:#15181c;}
.h-line-three {height:30px; font-family: 'Rajdhani', sans-serif; background-color:#28292e; line-height:30px; font color:#fff;}
.h-line-two-inner {width:1125px; margin:0 auto; height:67px; position:relative; }
.h-line-two.fixed {position:fixed; width:100%; left:0; top:0;}
.h-line-two.fixed .h-line-two-inner {background-color:#1a1c20;}
.logotype {height:67px; width:250px; display:block;  left:0; top:0 ;background:url(../images/logo.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;}
.h-line-one:before {content:attr(data-mark); display:inline-block; float:left; padding:0 20px; background: #ff3019; color:#fff; font-size:18px; background: linear-gradient(to bottom, #ff3019 0%,#ff3700 100%);}
.h-line-one span {margin:0 20px; float:left; font-weight:600; color:#ff3800;}
.h-line-one ul {display:inline-block; float:right;}
.h-line-one ul li {display:inline-block; padding:0 0 0 10px;}
.h-line-one ul li a {display:block;}
.h-line-one a, .top-nav a {color:#f0f0f0;}
.h-line-one a:hover, .top-nav a:hover {color:#ff3700;}

.container {
 width: 100%; 
 font-family: 'Rajdhani', sans-serif;
 line-height: 67px;
 font-size: 18px;}
 
ul#topnav li :hover {
background:#282a2f; 
color:#fff;
 }
 
ul#topnav {
 color:#ff3700;
}

ul#topnav li {
 float: left;
}
 
ul#topnav li a {
 padding: 0px 7px;
 display: block;
 color:#dcdcdc;
 text-decoration: none;
}
 
ul#topnav li span {
 padding-left: 10px;
 float: left;
 position: absolute;
 line-height: 50px;
 left: 0; top:65px;
 display: none;
 width: 100%; 
 background: #ccc;
 font-size: 15px;
}
 
ul#topnav li:hover span {
 display: block;
 width: 100%;  line-height: 50px;
 background: #eaeaea;

 }
 
ul#topnav li span a {
 display: inline;
 color:#000; }
 
ul#topnav li span a:hover {
 background: #333; color:#fff;
	 height: 50px; width: 100%; 
}

/* MENU
----------------------------------------------- */

#wrapper{
list-style: none;
width: 100%;
}
.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {
margin: 0;
padding: 0;
border: none;
outline: none;
}

.accordion li {
list-style: none;
}

/* Layout & Style */

.accordion li > a {
display: block;
position: relative;
min-width: 10px;
padding: 0 10px 0 35px;
height: 32px;
color: #fdfdfd;
font: 15px/35px Rajdhani, sans-serif;
text-decoration: none;
font-family: 'Rajdhani', sans-serif;
font-size: 15px;
background: #575c65;


}

.accordion > li:hover > a,
.accordion > li:target > a,
.accordion > li > a.active {
font-family: 'Rajdhani', sans-serif;
font-size: 14px;
color: #000;
text-shadow: 1px 1px 1px rgba(255,255,255, .2);

/*background: url(../img/active.png) repeat-x;*/
background: #e3e3e3;
}

.accordion li > a span {
font-family: 'Rajdhani', sans-serif;
font-size: 14px;
display: block;
position: absolute;
top: 7px;
right: 0;
padding: 0 10px;
margin-right: 10px;
font: normal bold 12px/18px Rajdhani, sans-serif;
background: #404247;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 5px;

-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
}

.accordion > li:hover > a span,
.accordion > li:target > a span,
.accordion > li > a.active span {
font-family: 'Rajdhani', sans-serif;
font-size: 14px;
color: #fdfdfd;
text-shadow: 0px 1px 0px rgba(0,0,0, .35);
background: #333;
}

/* Images */

.accordion > li > a:before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 24px;
height: 24px;
margin: 4px 8px;

background-repeat: no-repeat;
background-image: url(../img/icons.png);
background-position: 0px 0px;
}

.accordion li.files > a:before { background-position: 0px 0px; }
.accordion li.files:hover > a:before,
.accordion li.files:target > a:before,
.accordion li.files > a.active:before { background-position: 0px -24px; }

.accordion li.mail > a:before { background-position: -24px 0px; }
.accordion li.mail:hover > a:before,
.accordion li.mail:target > a:before,
.accordion li.mail > a.active:before { background-position: -24px -24px; }

.accordion li.cloud > a:before { background-position: -48px 0px; }
.accordion li.cloud:hover > a:before,
.accordion li.cloud:target > a:before,
.accordion li.cloud > a.active:before { background-position: -48px -24px; }

.accordion li.sign > a:before { background-position: -72px 0px; }
.accordion li.sign:hover > a:before,
.accordion li.sign:target > a:before,
.accordion li.sign > a.active:before { background-position: -72px -24px; }

/* Sub Menu */
.sub-menu li.current > a { background: #25282c;width: 217px; }
.sub-menu li a {
width: 217px;
color: #efefef;
background: #31343a;
border-bottom: 1px solid #c9c9c9;

-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.sub-menu li:hover a { background: #25272c; }

.sub-menu li:last-child a { border: none; }

.sub-menu li > a span {
color: #aeaeae;
background: transparent;
border: 1px solid #50545d;

-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.sub-menu em {
position: absolute;
top: 0;
left: 0;
margin-left: 14px;
color: #aaaaaa;
font: normal 10px/36px Rajdhani, sans-serif;
}

/* Functionality */

.accordion li > .sub-menu {
display: none;
}

.accordion li:target > .sub-menu {
display: block;
}

/* MENU ^
----------------------------------------------- */

ul.navbar ul li { float: none;  	line-height: 40px;}
ul.navbar li:hover > ul { opacity: 1;  left: 0;  	line-height: 40px;}
ul.navbar > li:hover > ul { opacity: 1;  top: 100%; left: 0;  	line-height: 40px;}
ul.navbar li > ul  ul { top: 0; left: 90%;  	line-height: 40px;}
ul.navbar li > ul li:hover > ul { left: 100%;  	line-height: 40px;}

.icons-nav {float:right; display:inline-block; line-height:67px; font-size:24px;}
.icons-nav span, .icons-nav a {display:inline-block; width:50px; text-align:center; cursor:pointer; color:#f0f0f0;}
.icons-nav span:hover, .icons-nav a:hover, .icons-nav .active {color:#818B82;}
.h-line-three a {font-size: 14px; font color: #ff3700; margin:0 3px;}
.h-line-three img {display:none;}
.h-line-three a:hover {color:#e5e5e5;}

.search-wrap {width:100%; position:absolute; left:0; top:100%; padding:20px; background-color:#444; 
z-index:100; display:none;
box-shadow:0 20px 20px -20px rgba(0,0,0,0.4),inset 0 20px 20px -20px rgba(0,0,0,0.4);}
.search-box {width:100%; position:relative; margin:0 auto; max-width:700px;}
.search-box input, .search-box input:focus {width:100%; height:40px; line-height:38px; padding:0 100px 0 10px; border-radius:3px;
background-color:#f0f0f0; color:#999; font:italic 14px Georgia; border:1px solid #e3e3e3;}
.search-box input:focus {border:1px solid #ff3700; box-shadow:none;}
.search-box button {position:absolute; right:0px; top:0; border-radius:0 3px 3px 0;
padding:0; text-align:center; width:80px; height:40px; line-height:40px;}


/* SHORTS
----------------------------------------------- */
.top-title {font-size:28px; color:#eaeaea; padding-bottom:5px;}
.item-box {width:32.66%; font-family: 'Rajdhani', sans-serif; float:left; margin:0 1% 20px 0; background-color:#2f3237; border-radius:px; position:relative;}
.main-left .items-wrap #dle-content > .item-box:nth-child(3n), .main-left .items-wrap > .item-box:nth-child(3n), 
.full-left .items-wrap #dle-content > .item-box:nth-child(3n), .full-left .items-wrap > .item-box:nth-child(3n) {margin-right:0;}
.box-cat .item-box {width:24.25%;}
.box-cat .items-wrap .item-box:nth-child(4n) {margin-right:0;}
.item-link {display:block; position:relative; z-index:50;}
.item-img {height:200px; overflow:hidden; position:relative;  box-shadow: 0 1px 7px 0px rgba(0, 0, 0, .3);}
.item-hd {display:inline-block; padding:5px 10px; position:absolute; bottom:10px; left:10px; 
background-color:#ff3700; color:#fff; border-radius:3px; opacity:0.8;}
.prem-label:before {content:attr(data-prem); background-color:#ff0000; color:#fff; padding:3px 5px; text-align:center; 
width:100px; position:absolute; left:-25px; top:17px; transform:rotate(-45deg); opacity:0.8;}
.item-desc {padding:3px 7px 7px 7px; color:#f0f0f0;}
.item-title {font-size:18px;padding:7px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.item-info {height:20px; line-height:20px; overflow:hidden; margin-top:5px; }
.item-info i {margin-right:5px;}
.item-info > span {display:inline-block; float:left; margin-right:15px; font-size:12px;}
.item-info > span:last-child {float:right; margin-right:0; text-transform:uppercase;}
.item-info > span:first-child {font-weight:700; color:#CECECE; font-size:14px;}
.item-like {display:inline-block; position:absolute; right:10px; top:47px; z-index:100; opacity:0.5;}
.item-like a {display:block; min-width:20px; height:20px; padding:0 10px; line-height:20px; border-radius:3px; 
background-color:#444; color:#fff; font-size:14px;}
.item-like a:hover {background-color:#798291; color:#fff;}
.item-scat {display:inline-block; position:absolute; left:10px; top:210px; z-index:100; opacity:0.5;}
.item-scat a {display:block;  height:20px; padding:0 8px; line-height:20px; border-radius:3px; 
background-color:#ab2500; color:#cecece; font-size:14px;opacity:0.5;}
.item-scat a:hover {background-color:#50555f; color:#fff;opacity:10;}
.item-box:hover { border-color:#444;}
.item-box:hover .item-hd, .item-box:hover .item-like, .item-scat, .item-box:hover .item-img:before {opacity:10;}


/* SIDEBAR
----------------------------------------------- */
.side-box {margin-bottom:20px;}
.side-title {font-size:24px; margin-bottom:20px; color:#ff3800;text-shadow:1px 1px 0px #333;}
.side-title i {margin-right:10px;}
.side-nav {margin-right:-20px;}
.side-nav li a {display:block; padding:10px 0;}

.top-item {display:block; float:left; width:49%; margin-bottom:10px;}
.top-item:nth-child(2n) {float:right;}
.top-img {height:90px; overflow:hidden; margin-bottom:10px;}
.top-item-title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px;}

.side-rkl-section {text-align:center;}


/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {font-size:15px; padding:10px; color:#e1e1e1;  position:relative; background-color:#35383e;}
.site-desc h1, .site-desc h3 {font-size:18px; color:#f0f0f0; margin-bottom:5px; }
.site-desc h2 {font-size:16px;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span {color:#b0bcd4;}
.site-desc p {margin-bottom:5px;}


/* FOOTER
----------------------------------------------- */
.footer {position:relative;}
.footer a, .footer {color:#fff;}
.f-line-one {background-color:#2b2b2f; padding:20px 150px 20px 20px;}
.f-line-two {background-color:#2a2a2e; padding:10px 20px; font-size:12px;}
.f-line-one ul li {display:inline-block; float:left; margin-right:20px;}
.f-line-one ul li a {display:block; line-height:40px;}
.f-line-one a:hover {color:#818B82;}
.f-line-two a {text-decoration:underline;}
.f-line-two a:hover {color:#fff; text-decoration:none;}
.counters-box {display:inline-block; background-color:#222; min-width:88px; height:31px; 
position:absolute; right:20px; top:24px;}



/* SPEEDBAR
----------------------------------------------- */
.bread-crumbs {height:30px; padding:0 20px; line-height:30px; background-color:#31333a;border-top:1px solid #2b2727;border-bottom:1px solid #2b2727;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#f0f0f0; font-family: 'Rajdhani', sans-serif;}



/* FULL STORY
----------------------------------------------- */
.page-wrap { background-color: #32353a; border-bottom: 1px solid #444; margin:-20px -20px 0 -20px;}
.pw-top-section {padding:20px; background-color:#32353a;}
.pw-top-section h1 {color:#FFF; font-size:25px;text-shadow:1px 1px 0px #333;}
.pw-description {color:#CCC;font-size:16px; line-height:24px;}
.pw-description a {color:#c7d7ed; text-decoration:bold;}
.pw-player-section {background-color:#191919; padding:3px;}
.pw-player-section embed, .pw-player-section object, .pw-player-section video, .pw-player-section iframe, .pw-player-section frame {width: 100% !important; height:500px;}
.pw-video-info {padding:10px 20px; background-color:#32353a;}
.full-info-item {display:inline-block; float:left; height:30px; line-height:30px; margin-right:20px; 
color:#CCC;}
.full-info-item i {color:#666; margin-right:5px;}
.full-info-item a {color:#ccc;}
.full-info-item a:hover {color:#fff;}

.fullstory img {
margin-left:3px;
margin-right:3px;
border: 3px solid #454850;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1)
!important;-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.fullstory a:hover img {
-webkit-filter: contrast(125%);  
margin-left:3px;
margin-right:3px;
border: 3px solid #737786;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1)
!important;-webkit-transition: all 1s ease;
}

.full-rating {color:#FFF;font-family: 'Rajdhani', sans-serif; font-size:18px; float:right; height:24px; line-height:24px;}
.full-rating2 i {color:#818B82; margin-right:5px;}
.full-rating2 a {display:block; padding:0 10px; color:#FFF; border:1px solid #44474f; }
.full-rating2 a:hover {background-color:#818B82; color:#FFF; border-color:#818B82;}
.full-rating2 a:hover i {color:#FFF;}

.full-rating3 {color:#FFF;font-family: 'Rajdhani', sans-serif; border:1px solid #44474f;  overflow:hidden;}
.full-rating3 a {display:block; padding:0 10px; color:#FFF; float:left; margin-right:10px;}
.full-rating3 a:nth-child(2) {float:right; margin-right:0; margin-left:10px;}
.full-rating3 i {color:#ccc;}
.full-rating3 a:hover {color:#FFF; background-color:#03b020;}
.full-rating3 a:nth-child(2):hover {background-color:#c1050a;}
.full-rating3 a:hover i {color:#FFF;}

.pw-rkl-section {padding:5px 20px 20px 20px; background-color:#32353a; text-align:center;}

.pw-bottom-section {padding:20px 20px 0 20px;}
.info-line {margin-bottom:20px;}
.info-line i {margin-right:5px; font-size:18px;}
.info-line a {color:#f0f0f0;}
.info-line a:hover {color:#CECECE; text-decoration:underline;}
.info-line > span {display:inline-block; float:right; margin-left:15px;}
.info-line > span:first-child {float:left; margin-left:0;}

.tablx {background: #464951;padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom: 5px;}
.tablxx {background: #3f424a;padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom: 5px;}
.tablxxx {background: #494c55;padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom: 5px;}
.tabldes {background: #464951;font-size: 18px; color:#e8e8e8;padding-left: 5px;padding-right: 5px;padding-top: 175px;padding-bottom: 5px;}
.tabldess {background: #464951;font-size: 18px; color:#e8e8e8;padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom: 5px;}


#left-column {
border-top: 3px solid#43464d;
border-left: 3px solid#43464d;
border-right: 3px solid#43464d;
border-bottom: 3px solid#43464d;
background: #464951;
float: left;
width: 370px;
}
#right-column {
float: right;
width: 700px;
}

/* 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:24px; color:#f0f0f0}
.full-text img {margin:0 10px 10px 0; max-width:100%; border:5px solid #f0f0f0;}
.full-text a {text-decoration:underline; color:#06c;}
.full-text a:hover {text-decoration:underline; color:#C9070A;}
.full-text a:visited {text-decoration:underline; color:#06c;}
.full-text h2, .full-text h3 {font-size:20px;}
.full-text h4, .full-text h5 {font-size:18px;}
.full-text p {margin-bottom:15px;}
.full-text ul, .full-text ol, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:0;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol {counter-reset:li; padding:0;  list-style:none; margin-left:25px; }
.full-text ol li {position:relative; margin:0 0 5px 0; padding-left:30px; min-height:20px;}
.full-text  ol li:before {content:counter(li); counter-increment:li; font-size:11px;
position:absolute; top:0px; left:0; width:20px; height:20px; line-height:20px; text-align:center; 
color:#fff; background:#0297dc; font-weight:bold; border-radius:50%;}
.full-text table {width:100%; text-align:left;}
.full-text table tr td {padding:10px; border:1px solid #ccc; font-size:12px; }
.full-text table tr:nth-child(1) {background-color:#ff3700 !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-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;}

a.dlbtn.manual {
  height: 85px;
  line-height: 85px;
  padding: 0 80px;
  font-size: 33px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
a.dlbtn.manual:hover, a.dlbtn.big:focus {
}

a.dlbtn.manual .details {
  font-size: 28px;
  line-height: 10px;
  padding: 0px 15px;
}

a.dlbtn.manual:hover .details, a.dlbtn.manual:focus .details {
}
/* RELATED
----------------------------------------------- */
.related {border-top:1px solid #333; margin:0 -20px;}
.related-title {text-align:center; padding:20px 0; font-size:24px; font-weight:300;text-shadow:1px 1px 0px #333;}
.related-items {padding:0 20px;}
.related-items .item-box {width:24.25%;}
.related-items .item-box:nth-child(4n) {margin-right:0;}
.related-items .item-img {height:150px;}



/* COMMENTS
----------------------------------------------- */
.comments {padding:20px;}
.comments-title {text-align:center; font-size:24px; margin-bottom:20px; font-weight:300;}
.add-com {text-align:center; margin-bottom:20px;}
.add-com-but {
    display: inline-block;
    background-color: #f0f0f0;
    border: 1px solid #333333;
    border-radius: 3px;
    padding: 10px;
    font-size: 16px;
    color: #aeaeae;
    cursor: pointer;
}
.add-com-but i {margin-left:50px; font-size:24px; float:right;}
.add-com-but:hover {border-color:#ff3700;}
#addcform {display:none; margin:20px 0; text-align:left;}
.mass_comments_action { height: 1%; text-align: right; padding:5px 15px; background-color: #333; margin:20px 0;}
.mass_comments_action .bbcodes { margin-bottom: 0 }

.comments-items {width:100%; max-width:700px; margin:0 auto;}

.comm-item {padding:0 0 0 50px; margin-bottom:10px}
.comm-left {float:left; margin-left:-50px; width:50px; height:50px; overflow:hidden; position:relative;}
.comm-right {float:right; width:100%; padding-left:10px;}
.comm-left img {width:100%; min-height:100%;}
.comm-left:after {content:""; width:6px; height:6px; position:absolute; left:0; bottom:0;
background-color:#ccc; border:2px solid #FFF;}
.status-online:after {background-color:#3C0;}
.comm-top-info {}
.comm-info-line {position:relative; padding-right:120px;}
.comm-id, .comm-author, .comm-date {float:left; color:#888; font-size:10px; display:inline-block;}
.comm-author {font-size:12px; font-weight:bold; margin:0 10px; color:#b43852;}
.comm-author a {color:#b43852;}
.comm-text {margin:10px 0; min-height:50px; background-color:#333; border-radius:3px; padding:10px;}
.comm-body {}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; margin-top:10px; border-top:1px dashed #e3e3e3;}
.comm-bottom-info {margin-top:-10px; opacity:0;}
.comm-bottom-info ul {text-align:right; line-height:30px;}
.comm-bottom-info ul li {display:inline-block; margin-left:10px;}
.comm-bottom-info ul li a {font-size:11px;}
.comm-bottom-info ul li:first-child {font-weight:bold; float:left; background-color:#333; padding:0 10px; margin-left:0;}
.comm-bottom-info ul li:first-child a { color:#FFF;}
.comm-author a:hover, .comm-bottom-info ul li a:hover {text-decoration:underline;}
.comm-rate {position:absolute; right:0; top:0; line-height:20px; opacity:0;}
.comm-item:hover .comm-rate, .comm-item:hover .comm-bottom-info {opacity:1;}
.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:20px; position:absolute; top:0; left:0; 
text-align:center; line-height:20px; font-size:28px; font-weight:700; color:#61b804;}
.comm-rate a:last-child {left:auto; right:0; line-height:20px; 
color:#ec000b; top:-3px;}
.comm-rate a:hover {opacity:0.7;}
.comm-rate > span > span.ratingzero {color: #444444;}
.comm-rate > span > span.ratingtypeplus {color: #ff3700;}
.comm-rate > span > span.ratingplus {color: orangered;}
.comm-rate > span > span.ratingminus {color: red;}

.pos-comm {background-color:#013f04;}
.neg-comm {background-color:#3f0105;}

 
/* 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:999; width:100%; height:100%; background-color:#444; 
 background: linear-gradient(90deg, #444 10%, #000 90%); display:none;}
.overlay-close {position:absolute; right:40px; top:40px; font-size:34px !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;}
.login-title {text-align:center; font-size:24px; margin-bottom: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 transparent; box-shadow:none;}
.login-input input:focus {border:1px solid #ff3700;}
.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:#ccc;}
.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:#444; display:inline-block;}
.login-checkbox input:checked + label:before { background-color:#ff3700;}
.login-links {text-align:center; line-height:30px;}
.login-links a {color:#ccc; float:left;}
.login-links a:last-child {float:right;}
.login-links a:hover {color:#fff;}
.login-social {text-align:center;}
.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:50%; overflow:hidden; 
box-shadow:3px 3px 10px 0 rgba(0,0,0,0.4);}
.avatar-box img {width:100%; min-height:100%;}
.avatar-box + a {color:#ccc; display:block; margin-top:5px;}
.login-menu {margin-top:20px;}
.login-menu a {display:block; height:30px; padding:0 20px; line-height:30px; background-color:#333; color:#fff; 
margin-bottom:5px; border-radius:3px;}
.login-menu a:hover {background-color:#c9282c; color:#fff;}



/* Fix dle html5 player
----------------------------------------------- */
.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;}
}