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

@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-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:#ABE9F4;}
.box-wrap {width:100%; min-width:320px; max-width:1005px; margin:0 auto;  background-color:#fff;
 box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.main-left {float:left; width:100%; padding:0 20px; min-height:980px;}
.box-cat {padding:0 20px;}
.box-cat1 {padding:0 20px;}
.box-cat1 .items-wrap .item-box:nth-child(4n) {margin-right:0;}
.box-cat1 {padding:0 10px;}

/* HEADER
----------------------------------------------- */

.top-game a {float: left;margin: -4px 3px 4px 2px;text-decoration: none;text-align: center;}
.top-game a img {width:70px;height:60px;background: #CBCBCB;border-radius: 7px;
-webkit-border-radius:7px;-moz-border-radius: 7px;-khtml-border-radius: 7px;padding: 2px;}
.top-game a img:hover {background: #70B700;}

.h-line-two-inner {width:100%; min-width:320px; max-width:100%; margin:0 auto; 
height:80px; background-color:#EF4196; position:relative; padding:15px 20px 0 129px;}


.h-line-one {height:40px; line-height:40px; padding-right:20px;    
    background-color: #333; background: linear-gradient(to bottom, #666a70 0%,#28343b 100%);}
.h-line-two {}
.h-line-three {height:40px; background-color: #333; padding: 0 20px; line-height: 40px; color: #FA3BA2; 
    background: linear-gradient(to bottom, #666a70 0%,#28343b 100%);}
.h-line-two.fixed {position:fixed; width:100%; left:0; top:0;}
.h-line-two.fixed .h-line-two-inner {background-color:rgba(255,255,255,0.95); box-shadow:0 20px 20px -20px rgba(0,0,0,0.4); 
height:60px; padding:5px 20px 0 250px;}
.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: #FA3BA2;}
.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: #fff;}
.h-line-one a:hover, .top-nav a:hover { color: #7800CD;}
.logotype {height:100%; width:123px; display:block; position:absolute; left:0; top:0;
background:url(../images/logo.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;}
.logotype:hover {opacity:0.8;}
.top-nav, .top-nav li {display:inline-block; float:left;}
.top-nav a {display:block; font-size:10px; padding:6px; line-height:20px;}
.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:#f0f0f0;}
.icons-nav span:hover, .icons-nav a:hover, .icons-nav .active {color:#818B82;}
.h-line-three a {color:#f0f0f0; margin:0 3px;}
.h-line-three img {display:none;}
.h-line-three a:hover {color:#fff; text-decoration:underline;}

.search-wrap {width:100%; position:absolute; left:0; top:100%; padding:20px; background-color:#e6e7e8; 
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:#fff; color:#999; font:italic 14px Georgia; border:1px solid #e3e3e3;}
.search-box input:focus {border:1px solid #FA3BA2; 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 {padding:10px 0; font-weight:300;}


.item-box {width:25%;height:220px;float:left;padding:5px;}
.item-img {height:120px;width:228px;}
.item-title {height:60px;font-size:17px;overflow:hidden;text-overflow:ellipsis;color:#333333;font-weight: bold;}
.item-desc {padding:15px;}


.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 .items-wrap .item-box:nth-child(4n) {margin-right:0;}
.item-link {display:block; position:relative; z-index:50;}

.item-hd {display:inline-block; padding:5px 10px; position:absolute; bottom:10px; left:10px; 
background-color:#FA3BA2; color:#fff; border-radius:3px; opacity:0.8;}
.prem-label:before {content:attr(data-prem); background-color:#FA3BA2; color:#fff; padding:3px 5px; text-align:center; 
width:100px; position:absolute; left:-25px; top:17px; transform:rotate(-45deg); opacity:0.8;}


.item-info {height:20px; line-height:20px; overflow:hidden; margin-top:5px; color:#999;}
.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:#858585; font-size:14px;}
.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:#FA3BA2; color:#fff;}
.item-box:hover { border-color:#aeaeae;}
.item-box:hover .item-hd, .item-box:hover .item-like, .item-box:hover .item-img:before {opacity:1;}





/* FULL STORY
----------------------------------------------- */

.pw-top-section {padding:10px;}
.pw-top-section h1 {font-size:25px;  font-weight:300;}
.pw-description {color:#2A3036; line-height:24px;}
.pw-description a {color:#f0f0f0; text-decoration:underline;}
.pw-player-section {background-color:#000; padding:3px;}
.pw-video-info {padding:10px 20px; background-color:#333;}
.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;}

.full-rating {color:#FFF; font-size:18px; float:right; height:30px; line-height:30px;}
.full-rating2 i {color:#FA3BA2; margin-right:5px;}
.full-rating2 a {display:block; padding:0 10px; color:#FFF; border:1px solid #666; border-radius:3px;}
.full-rating2 a:hover {background-color:#FA3BA2; color:#FFF; border-color:#FA3BA2;}
.full-rating2 a:hover i {color:#FFF;}

.full-rating3 {color:#FFF; border:1px solid #666; border-radius:3px; 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:#333; 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:#5c5c5c;}
.info-line a:hover {color:#000; text-decoration:underline;}
.info-line > span {display:inline-block; float:right; margin-left:15px;}
.info-line > span:first-child {float:left; margin-left:0;}


/* RELATED
----------------------------------------------- */
.related {border-top:1px solid #cecece;}
.related-title {text-align:center; padding:20px 0; font-weight:300;}
.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:141px;}


.item-box7 {width:33.30%; float:left; padding-top:10px;}   
.item-img7 {height:141px;}


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

.show-menu {display:none;}

@media screen and (max-width: 980px) {
    
    
.item-box {width:25%;height:220px;float:left;padding:5px;}
.item-img {height:120px;width:228px;}
.item-title {height:55px;font-size:16px;overflow:hidden;text-overflow:ellipsis;color:#333333;font-weight: bold;}
.item-desc {padding:15px;}    
    
    
.box-wrap, .h-line-two-inner {max-width:980px;}
.top-nav a {font-size:16px; padding:0 10px;}
.top-img {height:70px;}
.item-box7 {width:33.30%; float:left; padding-top:10px;} 

.box-wrap, .h-line-two-inner {max-width:980px;}
.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 20px 0 150px;}
.logotype {width:150px;}
.icons-nav span, .icons-nav a {width:40px;}
.h-line-two.fixed .h-line-two-inner {padding:5px 20px 0 150px;}
.top-title {font-size:24px; padding:10px 0;}

.alert-wrap {padding:0;}
.alert-wrap .alert-window {padding:10px;}
    


.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:0 1.2% 10px 0;}
.main-left .items-wrap #dle-content > .item-box:nth-child(2n), .main-left .items-wrap > .item-box:nth-child(2n), 
.full-left .items-wrap #dle-content > .item-box:nth-child(2n), .full-left .items-wrap > .item-box:nth-child(2n) {margin-right:0;}

    
.item-box7 {width:33.30%; float:left; padding-top:10px;}   


.box-cat .items-wrap .item-box:nth-child(4n) {margin-right:0;}
.sluzh-wrap, .static-wrap, .form-wrap {padding:10px; margin:10px;}


.pagi-nav {line-height:36px;}
.navigation a, .navigation span {min-width:35px;}
.site-desc {padding:10px;}
.f-line-one {padding:20px 150px 20px 10px;}
.f-line-two {padding:10px;}

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

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


.related {margin:0px;}
.related-title {padding:10px 0;}
.related-items {padding:0 10px;}
.related-items .item-box {width:24.25%; margin:0 1% 10px 0;}
.related-items .item-box:nth-child(4n) {margin-right:0;}
.related-items .item-img {height:120px;}

.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) {
.box-wrap, .h-line-two-inner {max-width:768px;}
.h-line-one {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.h-line-one ul {display:none;}
.top-nav {display:none; background-color:#FFF; padding:10px 20px; float:none; box-shadow:0 0 10px 0 rgba(0,0,0,0.3); 
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:left;}
.show-menu i {margin-right:5px;}
    
.item-box7 {width:50%; float:left; padding-top:10px;}   

.item-box {width:25%;height:180px;float:left;padding:5px;}
.item-img {height:95px;width:178px;}
.item-title {height:55px;font-size:16px;overflow:hidden;text-overflow:ellipsis;color:#333333;font-weight: bold;}
.item-desc {padding:10px;}

.box-cat .items-wrap .item-box:nth-child(4n) {margin-right:0;}
.sluzh-wrap, .static-wrap, .form-wrap {padding:10px; margin:10px;}


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

.add-com-but i {margin-left:10px;}
    
    .related {margin:0px;}
.related-title {padding:10px 0;}
.related-items {padding:0 10px;}
.related-items .item-box {width:24.25%; margin:0 1% 10px 0;}
.related-items .item-box:nth-child(4n) {margin-right:0;}
.related-items .item-img {height:120px;}
}

@media screen and (max-width: 760px) {
.box-wrap, .h-line-two-inner {max-width:640px;}
.h-line-two-inner {padding:15px 20px 0 100px;}
.logotype {width:100px;}
.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:#fff; border:1px solid #cecece;}
.full-left {float:none;}

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

.item-box {width:25%;height:165px;float:left;padding:5px;}
.item-img {height:85px;width:148px;}
.item-title {height:55px;font-size:16px;overflow:hidden;text-overflow:ellipsis;color:#333333;font-weight: bold;}
.item-desc {padding:5px;}
    
.item-box7 {width:48%; margin:0 2% 10px 0; float:left;}  

.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;}
    
    .related {margin:0px;}
.related-title {padding:10px 0;}
.related-items {padding:0 10px;}
.related-items .item-box {width:24.25%; margin:0 1% 10px 0;}
.related-items .item-box:nth-child(4n) {margin-right:0;}
.related-items .item-img {height:120px;}
}

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

.item-box {width:25%;height:155px;float:left;padding:5px;}
.item-img {height:75px;width:135px;}
.item-title {height:55px;font-size:15px;overflow:hidden;text-overflow:ellipsis;color:#333333;font-weight: bold;}
.item-desc {padding:5px;}

.bread-crumbs {font-size:12px;}
.top-img {height:140px;}



.related {margin:0px;}
.related-title {padding:10px 0;}
.related-items {padding:0 10px;}
.related-items .item-box {width:24.25%; margin:0 1% 10px 0;}
.related-items .item-box:nth-child(4n) {margin-right:0;}
.related-items .item-img {height:120px;}
}


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

.item-box {width:50%;height:205px;float:left;padding:5px;}
.item-img {height:110px;width:210px;}
.item-title {height:60px;font-size:17px;overflow:hidden;text-overflow:ellipsis;color:#333333;font-weight: bold;}
.item-desc {padding:15px;}   

.bread-crumbs {font-size:12px;}
.top-img {height:140px;}



.related {margin:0px;}
.related-title {padding:10px 0;}
.related-items {padding:0 10px;}
.related-items .item-box {width:24.25%; margin:0 1% 10px 0;}
.related-items .item-box:nth-child(4n) {margin-right:0;}
.related-items .item-img {height:120px;}
}




@media screen and (max-width: 470px) {
.box-wrap, .h-line-two-inner {max-width:320px;}
.pw-top-section h1 {font-size:20px;  font-weight:300;}
h1 {font-size:20px;  font-weight:300;}
.item-box {width:100%;height:85px;}
.item-img {height:60px;width:140px;float: left;padding: 0 10px 10px 0;}
.item-title {height:65px;font-size:14px;color:#333333;font-weight: bold;}
.item-desc {padding:5px;}  
    
.item-box7 {width:48%; margin:0 2% 10px 0; float:left;}  
.item-img7 {height:101px;}

.top-img {height:100px;}


.add-com-but i {display:none;}
    
    .related {margin:0px;}
.related-title {padding:10px 0;}
.related-items {padding:0 10px;}
.related-items .item-box {width:24.25%; margin:0 1% 10px 0;}
.related-items .item-box:nth-child(4n) {margin-right:0;}
.related-items .item-img {height:120px;}
}


@media screen and (max-width: 320px) {
.box-wrap, .h-line-two-inner {max-width:300px;}
  .pw-top-section h1 {font-size:19px;  font-weight:300;}  
  h1 {font-size:20px;  font-weight:300;}  

.item-box {width:100%;height:85px;}
.item-img {height:60px;width:140px;float: left;padding: 0 10px 10px 0;}
.item-title {height:65px;font-size:14px;color:#333333;font-weight: bold;}
.item-desc {padding:5px;}  
    
.item-box7 {width:48%; margin:0 2% 10px 0; float:left;}  
.item-img7 {height:101px;}

.top-img {height:100px;}


.add-com-but i {display:none;}
    
    .related {margin:0px;}
.related-title {padding:10px 0;}
.related-items {padding:0 10px;}
.related-items .item-box {width:24.25%; margin:0 1% 10px 0;}
.related-items .item-box:nth-child(4n) {margin-right:0;}
.related-items .item-img {height:120px;}
}

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



.block-img {display:none;}


.videoWrapper {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}


.videoWrapper iframe,.videoWrapper object, .videoWrapper embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

span{
display: block; 
}


@media only screen and (max-width: 980px){/*��� ������ � ��������*/
.top-game a img {width:65px;height:55px;}  
.logotype {height:100%; width:123px; display:block; position:absolute; left:0; top:0;
background:url(../images/logo.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;}
.h-line-two-inner {width:100%; min-width:320px; max-width:980px; margin:0 auto; 
height:80px;  position:relative; padding:15px 20px 0 139px;}
    
}

@media only screen and (max-width: 950px){/*��� ������ � ��������*/
.top-game a img {width:53px;height:43px;}
.logotype {height:100%; width:80px; display:block; position:absolute; left:0; top:0;
background:url(../images/logo.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;}
.h-line-two-inner {width:100%; min-width:320px; max-width:980px; margin:0 auto; 
height:50px;  position:relative; padding:7px 10px 0 89px;}
    
  
    
   }


@media only screen and (max-width: 760px){/*��� ������ � ��������*/
.top-game a img {width:46px;height:36px;}
.logotype {height:100%; width:60px; display:block; position:absolute; left:0; top:0;
background:url(../images/logo.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;}
.h-line-two-inner {width:100%; min-width:320px; max-width:980px; margin:0 auto; 
height:43px;  position:relative; padding:7px 10px 0 64px;}
   }


@media only screen and (max-width: 640px){/*��� ������ � ��������*/
.top-game1 {display: none;}

    
    
    .top-game a img {width:45px;height:35px;}
.logotype {height:100%; width:60px; display:block; position:absolute; left:0; top:0;
background:url(../images/logo.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;}
.h-line-two-inner {width:100%; min-width:320px; max-width:980px; margin:0 auto; 
height:43px; position:relative; padding:7px 10px 0 64px;}
   }

@media only screen and (max-width: 590px){/*��� ������ � ��������*/
.top-game2 {display: none;}
.top-game a img {width:45px;height:35px;}
.logotype {height:100%; width:60px; display:block; position:absolute; left:0; top:0;
background:url(../images/logo.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;}
.h-line-two-inner {width:100%; min-width:320px; max-width:980px; margin:0 auto; 
height:43px; position:relative; padding:7px 10px 0 64px;}
   }

@media only screen and (max-width: 480px){/*��� ������ � ��������*/
.top-game3 {display: none;}
.top-game a img {width:43px;height:33px;}
.logotype {height:100%; width:60px; display:block; position:absolute; left:0; top:0;
background:url(../images/logo.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;}
.h-line-two-inner {width:100%; min-width:320px; max-width:980px; margin:0 auto; 
height:43px; position:relative; padding:7px 10px 0 64px;}
   }


@media only screen and (max-width: 460px){/*��� ������ � ��������*/
.top-game4 {display: none;}
   }

@media only screen and (max-width: 420px){/*��� ������ � ��������*/
.top-game4 {display: none;}
   }




/* FOOTER
----------------------------------------------- */
.footer {position:relative;}
.footer a, .footer {color:#fff;}
.f-line-one {background-color:#FF75A3; padding:20px 100px 20px 20px;}
.f-line-two1 {background-color:#FF75A3; padding:0px 20px; font-size:12px;}
.f-line-two {background-color:#FF75A3; padding:0px 20px; font-size:12px;right: 0;position: absolute;bottom: 0;}
.f-line-one ul li {display:inline-block; float:left; margin:7px;}
.f-line-one ul li a {display:block; line-height:10px;}
.f-line-one a:hover {color:#70B700;}
.f-line-two a {text-decoration:underline;}
.f-line-two a:hover {color:#fff; text-decoration:none;}
.menu-niz {display:inline-block; margin:0px 7px 0px 0px;}

.coment{padding:0px 10px 10px 10px;}



.box-cat1 {padding:0 20px;}
.box-cat1 .items-wrap .item-box:nth-child(4n) {margin-right:0;} 
.box-cat img:hover{transform: scale(1.02); }
.box-cat2 img:hover{transform: scale(1.02); }

.box-cat2 {padding:0 0px;}
.item-title img:hover{transform: scale(1.00); }