@import "reset-settings.css?4" all;

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


/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%; padding:0;}
.box-wrap {width:100%; min-width:320px; max-width:1900px; margin:0 auto; background-color:#222; box-shadow:0 0 40px 0 rgba(0,0,0,0.7);}
.header {position:relative; z-index:999; border-bottom:1px solid #333333;}
.box-main {padding-right:280px; position:relative; z-index:100;}
.box-main:before {content:""; width:280px; height:100%; position:absolute; right:0; top:0; z-index:50; background-color:#222; border-left:1px solid #333333;}
.main-left {float:left; width:100%; padding:0 20px; min-height:800px;}
.main-right {float:right; width:280px; margin-right:-280px; position:relative; z-index:100; padding:20px; background-color:#222;}
.box-cat {padding:0 20px; min-height:800px;}
.full-left {float:left; width:100%; min-height:800px; padding: 0 20px;}
.full-left a {cursor: pointer;}
@media screen and (max-width: 1220px) {
 .full-left {padding: 0 0px;}
}
.pagi-nav-wrap {
 text-align: center;
}

 /* ALERT
 ----------------------------------------------- */
.alert-wrap {padding:20px 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:#7bbc00; 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:#de436b;}


/* HEADER
----------------------------------------------- */
.h-line-one {height:40px; line-height:40px; padding-right:20px; background-color:#2E2E2E;}
.h-line-three {display: none; height:40px; background-color:#111; padding:0 20px; line-height:40px; color:#7bbc00;}
@media screen and (max-width: 1220px) {.h-line-three{padding: 0 10px;}}
@media screen and (max-width: 760px) {.h-line-three{display: none !important;}}
.h-line-two-inner {width:100%; min-width:320px; max-width:1900px; margin:0 auto;
height:80px; background-color:#222; position:relative; padding:15px 20px 0 270px;}
.h-line-two-inner img {height: 100%; display: block; position: absolute; overflow: hidden; left:0; top:0;}
.h-line-two.fixed {position:fixed; width:100%; left:0; top:0;}
.h-line-two.fixed .h-line-two-inner {background-color:rgba(0,0,0,0.7); box-shadow:0 20px 20px -20px rgba(0,0,0,0.8); 
height:60px; padding:5px 20px 0 250px;}
.h-line-two.fixed img { height: 100%;}
.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%,#cf0404 100%);}
.h-line-one span {margin:0 20px; float:left; font-weight:600; color:#7bbc00;}
.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;}


.logotype {height: 100%; width: 260px; display: block; position: absolute; left: 0; top: 0; overflow: hidden; background-size: contain; font-size: 50px; font-weight: bold; text-transform: uppercase; line-height: 80px; padding: 0 0 0 20px; text-align: center;}
.logotype a:hover,a:focus,.selected a {color: #7bbc00; text-decoration: none}
.fixed .logotype {font-size: 40px; line-height: 60px;}
.logotype a {color: #c9282d;}

.top-nav, .top-nav li {display:inline-block; float:left;}
.top-nav a {display:block; font-size:19px; padding:0 15px; line-height:50px;}
.icons-nav {float:right; display:inline-block; line-height:50px; font-size:24px;}
.icons-nav span, .icons-nav a {display:inline-block; width:50px; text-align:center; cursor:pointer; color:#e3e3e3;}
.icons-nav span:hover, .icons-nav a:hover, .icons-nav .active {color:#7bbc00;}
.h-line-three a {color:#e3e3e3; margin:0 3px; cursor: pointer;}
.h-line-three img {display:none;}
.h-line-three a:hover, .h-line-three .asc a, .h-line-three a:focus {color:#fff; text-decoration:underline;}
.h-line-three:before {content:attr(data-label); display:inline-block; vertical-align:top;}
.h-line-three form, .h-line-three li {display:inline-block; vertical-align:top;}
.h-line-three li {padding:0 7px; border-right:1px solid #7bbc00; line-height:20px; margin-top:10px;}
.h-line-three li:last-child, .h-line-three li:last-of-type {border-right: 0;}


/* SHORTS
----------------------------------------------- */
.top-title {font-size:28px; padding:20px 0; font-weight:300; text-align: center;}
.top-title h1 {font-size:26px; color: #999999; font-weight:300; text-align: center;}
.top-title.main {color: #7bbc00; text-align: center; padding: 10px 0; margin: 0 -20px; border-bottom: 1px solid #333;}
.full-tags {margin:10px 0 0 0; display: inline-block;}
.full-title h1 {padding: 10px 10px 15px 10px; font-size: 24px; font-weight: 300;}
.item-box {display: inline-block; width:24%; margin:0 0.33% 10px; background-color:#2E2E2E; border-radius:3px; position:relative;border:1px solid #333333; text-align: left; letter-spacing: 0;}
.item-box a {line-height: 20px; height: 80px; color:#e3e3e3; display: block; overflow: hidden; margin: 10px 10px 10px 10px;}
.dle-content {letter-spacing: -10px; text-align: center;}
.box-cat .item-box {width:24%;}
.item-link {display:block; position:relative; z-index:50;}
.item-img {overflow:hidden; height: 200px; position:relative; border-radius:3px 3px 0 0;}
.ps-link, .ps-link2 {cursor:pointer;}

.item-hd {display:inline-block; padding:5px 10px; position:absolute; bottom:10px; left:10px; background-color:#c9282d; color:#fff; border-radius:3px; opacity:0.8;}
.prem-label:before {content:attr(data-prem); background-color:#7bbc00; 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:10px; color:#e3e3e3;}
.item-title {font-size:14px; line-height: 20px; overflow:hidden; height: 40px;}
.item-info i {margin-right:5px;}
.item-info > span {display: block; position: absolute; background: rgba(0,0,0,0.5); padding: 0 5px; border-radius: 3px;}
.item-info > span:nth-child(1) {bottom: 5px; left: 5px;}
.item-info > span:nth-child(2) {bottom: 5px; right: 5px;}
.item-like {display:inline-block; position:absolute; right:10px; top:10px; z-index:100; opacity:0.8;}
.item-like a {display:block; min-width:30px; height:30px; padding:0 10px; line-height:30px; border-radius:3px; 
background-color:#444; color:#fff; font-size:18px;}
.item-like a:hover {background-color:#7bbc00; color:#fff;}
.item-box:hover { border-color:#555;}
.item-box:hover .item-hd, .item-box:hover .item-like, .item-box:hover .item-img:before {opacity:1;}
.th-time {display: inline-block; padding: 4px 6px; background-color: rgba(0,0,0,0.4); color: #fff; position: absolute; right: 10px; top: 10px; z-index: 20; font-size: 12px; border-radius: 3px;}

.categories-wrap {
  border-bottom: 1px solid #333;
}
.categories-wrap ul {
 -webkit-columns: 4;
 columns: 4;
 margin: 5px 0 20px;
}
.categories-wrap ul li {
 padding: 0 15px 0 0;
 position: relative;
}
.categories-wrap ul li a {
 line-height: 30px;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 position: relative;
 font-size: 16px;
 color: #fff;
 transition: .15s ease color;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
.categories-wrap ul li a:hover {
 color: #7bbc00;
}
.categories-wrap ul li a .dots {
 height: 20px;
 margin: 0 5px;
 background: -webkit-linear-gradient(left,#434343 25%,transparent 0) 0 100% repeat-x;
 background: linear-gradient(to right,#434343 25%,transparent 0) 0 100% repeat-x;
 background-size: 4px 1px;
 -webkit-flex-grow: 1;
 flex-grow: 1;
}
.categories-wrap ul li a .count {
 opacity: .5;
}
@media (max-width: 860px) {
 .categories-wrap ul {
  -webkit-columns: 3;
  columns: 3;
 }
}
@media (max-width: 640px) {
 .categories-wrap ul {
  -webkit-columns: 2;
  columns: 2;
 }
}
@media (max-width: 500px) {
 .categories-wrap ul {
  -webkit-columns: 1;
  columns: 1;
 }
}

.tags-list {
 overflow: hidden;
 margin-bottom: 20px;
}
.tags-list .tags-column {
 display: block;
 float: left;
 width: 25%;
}
.tags-list .tags-column li {
 line-height: 24px;
 padding-right: 20px;
}
.tags-list .tags-column li .title {
 display: block;
 margin: 10px 0;
 font-size: 28px;
  color: #7bbc00;
}
.tags-list .tags-column li a {
 font-size: 16px;
 color: #fff;
 text-decoration: none;
 transition: .15s ease color;
}
.tags-list .tags-column li a:hover {
 color: #7bbc00;
}
@media screen and (max-width: 860px) {
 .tags-list .tags-column {
  width: 33.333333%;
 }
}
@media screen and (max-width: 640px) {
 .tags-list .tags-column {
  width: 50%;
 }
}
@media screen and (max-width: 500px) {
 .tags-list .tags-column {
  width: 100%;
 }
}


/* SIDEBAR
----------------------------------------------- */
.side-box {margin-bottom:20px; margin-left:10px; font-size:18px;}
.side-title {font-size:22px; margin-bottom:10px; color:#7bbc00;}
.side-title i {margin-right:10px;}
.side-nav {margin-right:-20px;}
.side-nav li a {display:block; padding:7px 0;}
.side-nav li.all a:after { display: inline; content: ' >>'}
.side-nav li.all a:hover {color: #7bbc00;}

.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 {padding:20px; color:#e3e3e3; border:1px solid #333333; margin:0 0 20px 0; position:relative; background-color:#333;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:18px; color:#e3e3e3; text-transform:uppercase; margin-bottom:10px; font-weight:300;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span {color:#7bbc00;}
.site-desc p {margin-bottom:5px;}


/* FOOTER
----------------------------------------------- */
.footer {position:relative;}
.footer a, .footer {color:#fff;}
.f-line-one {background-color:#111; padding:20px 150px 20px 20px;}
.f-line-two {background-color:#2E2E2E; padding:10px 20px; font-size:16px; text-align: center;}
.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:#7bbc00;}
.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:0px; padding:0 10px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0 -20px;background-color: #1c1b1b; font-size:15px;}
.bread-crumbs a {position:relative; display:inline-block; margin-right:0px;}


/* FULL STORY
----------------------------------------------- */
.page-wrap {border-bottom:1px solid #444; margin:-20px -40px 0 -40px;}
.pw-top-section {border-bottom: 1px solid #333; border-top: 1px solid #333; position: relative;}
.pw-top-section .pw-video-info {background: transparent; padding: 0 20px;}
.pw-top-section .full-rating {position: absolute; top: 10px; right: 10px;}
.pw-top-section h1 {color:#FFF; font-size:24px; padding:20px;}
.pw-description {color:#CCC; line-height:1.4; margin-top:5px; margin-bottom:10px; font-size:17px;}
.pw-description a {color:#f0f0f0; text-decoration:underline;}
.pw-player-section {background-color:#000; padding:3px; display: table}
.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:#222;}
.full-info-item {display:inline-block; float:left; line-height:30px; margin-right:20px; color:#CCC;}
.full-info-item span {margin-right: 20px; display:inline-block;}
.full-info-item i {color:#ccc; margin-right:5px;}
.full-info-item a { color: #ccc; text-decoration: none; background-color: #333; border-radius: 3px; white-space: nowrap; padding: 4px 9px; line-height: 30px;}
.full-info-item a:hover {color:#7bbc00;}
.full-info-item a:hover i {color:#7bbc00;}
.pw-rkl-section {padding:5px 20px 20px 20px; background-color:#222; text-align:center;}
.pw-bottom-section {padding:20px; background: #222;}
.info-line {}
.info-line i {margin-right:5px; font-size:18px;}
.info-line a {color:#c9282d;}
.info-line a:hover {color:#fff; text-decoration:underline;}
.info-line > span {display:inline-block; float:right; margin-left:15px;}
.info-line > span:first-child {float:left; margin-left:0;}
.rel-title {text-align: center; font-size: 23px; margin-bottom: 20px; font-weight: 300; margin-top: 10px;}


/* 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:#e3e3e3}
.full-text img {margin:0 10px 10px 0; max-width:100%; border:5px solid #f0f0f0;}
.full-text a {text-decoration:underline; color:#fff;}
.full-text a:hover {text-decoration:underline; color:#7bbc00;}
.full-text a:visited {text-decoration:underline; color:#fff;}
.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:#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-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;}


/* RELATED
----------------------------------------------- */
.related {margin:0 -20px;}
.related .top-title {text-align:center; padding:20px 0; font-size:24px; font-weight:300;}
.related-items {padding:0 20px;}
.related-items .item-box {width:24%;}

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


/* ADAPTIVE
----------------------------------------------- */

.show-menu {display:none;}

@media screen and (max-width: 1700px) {
 .item-box {
  width: 32.33333%;
 }
}
@media screen and (max-width: 1500px) {
.box-main {padding-right:230px;}
.box-main:before {width:230px;}
.main-right {width:230px; margin-right:-230px;}
.top-nav a {font-size:19px; padding:0 10px;}
.top-img {height:70px;}
}

@media screen and (max-width: 1220px) {
.main-left {padding:0 10px;}
.box-cat {padding:0 10px;}
.h-line-one {padding-right:10px;}
.h-line-one:before {padding:0 10px;}
.h-line-one span {margin:0 10px;}
.h-line-two-inner {padding:15px 0 0 250px;}
.logotype {width:250px;font-size: 50px;}
.icons-nav span, .icons-nav a {width:40px;}
.h-line-two.fixed .h-line-two-inner {padding:5px 20px 0 180px;}
.top-nav {display:none; background-color:#2E2E2E; padding:10px 20px; float:none; box-shadow:0 0 10px 0 rgba(0,0,0,0.8); 
position:absolute; top:100%; left:0; width:100%; z-index:999;}
.show-menu {height:50px; line-height:50px; font-size:24px; cursor:pointer; width:40px; text-align:center; 
display:block; float:right;}
.top-nav a {font-size:19px; padding-right:10px;}
.top-title {font-size:24px; padding:10px 0;}
.alert-wrap {padding:0;}
.alert-wrap .alert-window {padding:10px;}
.item-box {width:32.333333%; float:left; margin:0 0.5% 10px;}
.box-cat .item-box {width:24%; margin:0 0.5% 10px;}
.sluzh-wrap, .static-wrap, .form-wrap {padding:10px; margin:10px;}
.pagi-nav {line-height:36px;}
.pagi-nav-wrap {
 text-align: center;
}
.navigation a, .navigation span {min-width:40px;}
.site-desc {padding:10px;}
.f-line-one {padding:20px 150px 20px 10px;}
.f-line-two {padding:10px;}

.bread-crumbs {padding:0 10px; margin: 0;}
.bread-crumbs + .items-wrap {padding:20px 10px;}
.page-wrap {margin:-20px -10px 0 -10px;}

.pw-top-section h1 {margin-bottom:10px; font-size: 18px;}
.pw-video-info {padding:10px;}
.pw-rkl-section {padding:5px 10px 10px 10px;}
.pw-bottom-section {padding:10px 10px 0 10px;}
.info-line {padding-bottom:10px;}

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

.related {margin:0 -10px;}
.related-title {padding:10px 0;}
.related-items {padding:0 10px;}
.related-items .item-box {width:24%; margin:0 0.5% 10px;}

.comments {padding:10px 0;}
.comments-title {margin-bottom:10px;}
.add-com {margin-bottom:10px;}
#addcform {margin:10px 0;}
.comm-rate, .comm-bottom-info {opacity:1;}

}

@media screen and (max-width: 950px) {
.h-line-one {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.h-line-one ul {display:none;}
.top-nav {display:none; background-color:#2E2E2E; padding:10px 20px; float:none; box-shadow:0 0 10px 0 rgba(0,0,0,0.8); 
position:absolute; top:100%; left:0; width:100%; z-index:999;}
.top-nav li {display:block; float:none;}
.top-nav a {padding:0; line-height:34px;}
.show-menu {height:50px; line-height:50px; font-size:24px; cursor:pointer; width:40px; text-align:center; 
display:block; float:right;}
.show-menu i {margin-right:5px;}
.top-title {font-size:18px;}
.box-cat .item-box {width:32.333333%; margin:0 0.5% 10px;}

.f-line-one {padding:20px 10px;}
.counters-box {display:none !important;}
.pnext a {border-left:1px solid #333333;}

.pw-player-section embed, .pw-player-section object, .pw-player-section video, .pw-player-section iframe, .pw-player-section frame {width: 100% !important; height:350px;}
.full-rating {float:left;}

.related-items .item-box {width:32.333333%; margin:0 0.5% 10px;}

.add-com-but i {margin-left:10px;}
}

@media screen and (max-width: 950px) {
 .item-box {width: 49%; float: left; margin: 0 0.5% 10px;}

}
@media screen and (max-width: 760px) {
.h-line-two-inner {padding:15px 20px 0 100px;}
.logotype {width:250px;}
.h-line-two.fixed .h-line-two-inner {padding:5px 20px 0 100px;}
.h-line-three, .alert-wrap {display:none;}
.box-main {padding-right:0;}
.box-main:before {display:none;}
.main-left {float:none;}
.main-right {float:none; width:100%; margin-right:0; padding:10px; background-color:#222; border:1px solid #333333;}
.full-left {float:none; padding: 0;}

.side-nav {margin-right:0;}
.vote-title {margin:0 -10px;}
.top-img {height:160px;}

.box-cat .item-box {width:49%; margin:0 0.5% 10px;}

.login-box {top:0;}
.overlay-close {right:10px; top:10px; font-size:18px !important;}

.comments-tree-list .comments-tree-list {padding-left:0 !important;}
.comm-id, .comm-bottom-info, .mass_comments_action {display:none;}
.comm-author {margin:0; display:block;}

 .item-title {font-size: 12px;}
 .top-title.main {margin: 0 -10px;}
}

@media screen and (max-width: 590px) {

.bread-crumbs {font-size:15px;}
.top-img {height:140px;}
.item-img {overflow:hidden; height: 150px; position:relative; border-radius:3px 3px 0 0;}
.pw-player-section embed, .pw-player-section object, .pw-player-section video, .pw-player-section iframe, .pw-player-section frame {width: 100% !important; height:300px;}

.related-items .item-box {width:100%; margin:0 0.5% 10px;}
}

@media screen and (max-width: 470px) {
.item-box {width:100%; float:none; margin:0 0 10px 0;}
.item-img {overflow:hidden; height: 200px; position:relative; border-radius:3px 3px 0 0;}    
}

@media screen and (max-width: 360px) {
.box-wrap, .h-line-two-inner {max-width:100%;}

.item-box {width:100%; float:none; margin:0 0 10px 0;}

.box-cat .item-box {width:100%; margin:0 0 10px 0;}

.top-img {height:100px;}

.pw-top-section h1, .related-title, .comments-title {font-size:25px;}
.pw-player-section embed, .pw-player-section object, .pw-player-section video, .pw-player-section iframe, .pw-player-section frame {width: 100% !important; height:250px;}

.related-items .item-box {margin:0 0.5% 10px;}

.add-com-but i {display:none;}
}

.page-error {
 margin-top: 10px;
 text-align: center;
 color: #c9282d;
 font-size: 18px;
}
.fancybox-wrap.fancybox-desktop.fancybox-type-ajax.fancybox-opened {
 position: fixed !important;
 z-index: 999999;
 background: #49413c;
}
.block-comments {
 padding: 10px 20px 0;
 background: #222;
}
@media (max-width: 1220px) {
 .block-comments {
  padding: 10px 10px 0;
 }
}
.block-comments .field-label {
 font-size: 18px;
 padding-bottom: 10px;
 display: block;
}
.block-comments .success,
.popup-holder .success {
 color: #7bbc00;
 margin-bottom: 10px;
}
.block-comments .success.hidden,
.popup-holder .success.hidden {
 display: none;
}
.block-comments .row,
.popup-holder .row {
 margin-bottom: 10px;
}
.block-comments .row .field-label,
.popup-holder .row .field-label {
 display: block;
 font-size: 14px;
 margin-bottom: 5px;
 color: #eee;
}
#comment_username {
 width: 300px;
}
#support_email {
 width: calc(100% - 10px);
}
.block-comments .row .textarea,
.popup-holder .row .textarea {
 display: block;
 width: 300px;
 height: 100px;
 line-height: 32px;
 padding: 0 15px;
 color: #000000;
 background-color: #f0f0f0;
 border: 1px solid #ccc;
 border-radius: 3px;
}
.popup-holder .row .textarea {
 width: calc(100% - 10px);
}

.block-comments .bottom label,
.popup-holder .bottom label {
 display: block;
 margin-bottom: 5px;
 color: #eee;
}

.block-comments [type="submit"],
.popup-holder [type="submit"] {
 margin: 10px 0;
}
.popup-title {
 font-size: 18px;
 color: #fff;
 display: block;
 margin-bottom: 10px;
}
.list-comments .item {
 position: relative;
 padding-bottom: 10px;
 margin-bottom: 5px;
 border-bottom: 1px dashed #333;
}
.list-comments .item:last-child {
 border-bottom: 0;
 margin-bottom: 0;
}
.list-comments .comment-options {
 position: absolute;
 top: 10px;
 right: 0;
}
.list-comments .comment-options span,
.list-comments .comment-options a {
 border: 1px solid #555;
 padding: 0 5px;
 border-radius: 3px;
 margin: 0 3px;
 transition: 0.15s ease opacity;
}
.list-comments .comment-options .comment-like {
 background: #7bbc00;
 color: #fff;
}
.list-comments .comment-options .comment-dislike {
 background: #c9282d;
 color: #fff;
}
.list-comments .comment-options .comment-like:hover,
.list-comments .comment-options .comment-dislike:hover,
.list-comments .comment-options .comment-like.disabled,
.list-comments .comment-options .comment-dislike.disabled {
 opacity: 0.5;
}
.list-comments .text {
 padding: 10px 0;
 border-radius: 5px;
}
.list-comments .text .username {
 font-weight: bold;
}
.list-comments .text .comment-info {
 color: #ccc;
 font-style: italic;
 display: block;
 margin-bottom: 5px;
}
.list-comments .text .comment-info .username {
 font-weight: bold;
 font-style: normal;
 color: #fff;
}

@media (max-width: 640px) {
 .pw-top-section h1 {
  padding: 0 10px;
 }
 .pw-top-section .full-rating {
  position: static;
  float: right;
 }
 .full-info-item {
  line-height: 30px;
 }
 .pw-top-section h1 {
 
  font-size: 20px;
 }
}
@media (max-width: 590px) {
 .full-info-item {
  float: none;
  line-height: 30px;
  margin-bottom: 10px;
  width: 100%;
  text-align: left;
  margin-right: 0;
 }
 .pw-top-section .full-rating {
  float: none;
 }
 .full-rating3 .ignore-select {
  width: calc(100% - 125px);
  display: inline-block;
 }
 .full-rating3 .ignore-select .votes-amount {
  display: inline-block;
  position: relative;
  top: -5px;
  width: 100%;
  text-align: center;
 }
}

.block-comments .field-label .toggle-button {
 background: #333;
 color: #7bbc00;
 font-size: 14px;
 display: inline-block;
 margin-left: 10px;
 transition: 0.15s ease background-color, 0.15s ease color;
 line-height: 28px;
 padding: 0 10px;
 border-radius: 3px;
}
 .block-comments .field-label .toggle-button.active,
 .block-comments .field-label .toggle-button:hover {
  color: #fff;
}
.block-comments .field-label .toggle-button.active {
 border-bottom-style: solid;
}

.block-comments .block-new-comment {
 display: none;
}
#list_videos_most_recent_videos {
 border-bottom: 1px solid #333;
}

.player-side-spots {
 display: table-cell;
 width: 303px;
 padding-right: 3px;
}
 .player-side-spots .spot,
 .player-side-spots .spot a,
 .player-side-spots .spot img,
 .player-side-spots .spot frame {
  display: block;
 }
.player-outer {
 position: relative;
 display: table-cell;
 width: 100%;
 height: 100%;
}
@media (max-width: 1700px) {
 .player-outer {
  margin-left: 0;
  width: 100%;
 }
}
.video-list-spots {
 text-align: center;
 letter-spacing: 0;
}
.video-list-spots .spot {
 display: inline-block;
}
.video-list-spots .spot {

}
.kt-player .fp-poster img {
 width: auto !important;
 max-width: 100%;
 left: 50% !important;
 transform: translateX(-50%);
}
.kt-player {
 /*max-height: 800px;*/
}
.download-dropdown {
 position: relative;
 display: inline-block;
}
.download-dropdown ul {
 z-index: 10;
 display: none;
 background: #000;
 position: absolute;
 top: 100%;
 left: 0;
 border: 1px solid #333;
 padding: 0 10px;
}
.download-dropdown:hover ul {
 display: block;
}
.kt-player {
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
 width: 100% !important;
 height: 100% !important;
}