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


@import "reset-settings.css" all;

.preview-item img, .related-img img {width:100%; min-height:100%;}
.preview-info {transition: opacity .5s;}


/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%; position:relative; border-top:5px solid #ed1d1d;}
.wrap {width:100%; max-width:1060px; margin:0 auto; 
position:relative; z-index:100; min-height:800px;}
.all-wrap:before, .wrap:before, .wrap:after {content:""; background-color:#fff; width:50%; height:100%; 
position:absolute; left:0; top:0; z-index:10;}
.wrap:before {width:40%;}
.wrap:after {width:0;}
.content-wrap, .footer { position:relative; z-index:100;}
.header {height:160px; position:relative; padding-left:60%;}
.content-right {width:80%; float:right;}
.sidebar-left {width:20%; float:left; padding-right:20px;}
.items-wrap, .full-wrap {border-radius:5px; overflow:hidden; background-color:#FFF; 
border:5px solid #FFF; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); margin-left:-3px;}
.page-content {width:100%; padding: 20px 10px 0px 10px;}
.page-related {width:100%;padding: 20px 10px;}
.static-text {padding:20px;}


/* HEADER
----------------------------------------------- */
.logotype {height:140px; width:400px; display:block; 
overflow:hidden; text-indent:-1000px; position:absolute; top:0; left:0;}
.logotype img {display: block;width: 400px;height: auto;margin: 0 auto;}
.search-wrap {width:100%; padding-top:60px;}
.search-line {width:100%; position:relative;}
.search-line input, .search-line input:focus {width:100%; height:40px; line-height:40px; padding:0 90px 0 10px; border-radius:5px;
background-color:#404048; color:#f0f0f0; font:italic 12px Georgia; border:1px solid #444; box-shadow:inset 2px 2px 2px 0 rgba(0,0,0,0.05); }
.search-line button {border-radius:0 5px 5px 0; height:38px; line-height:38px; padding:0 20px; background-color:#F00;
position:absolute; right:1px; top:1px; color:#000;}
.login-wrap {position:fixed; right:0; top:0; z-index:999; width:0; overflow:hidden; box-shadow:0 0 20px 0 rgba(0,0,0,0.3);}
.social-likes {width:120px; position:absolute; left:210px; top:20px;}
.social-likes > div {margin:0 0 10px 0 !important;}


/* SHORTSTORY
----------------------------------------------- */
.short-item {width: 23.6%;float: left;color: #f00;margin: 5px;}
.short-item:hover {color: #007BC3;}
.short-item h4 {font-size: 17px;height: 40px;}
.preview-item {display:block; height:200px; width: 200px;position:relative; overflow:hidden;}
.preview-item img {display:block; width:150%; max-width:150%; margin-left:-25%;}
.preview-info {width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
position:absolute; left:0; top:0; padding:20px; opacity:0;}
.preview-info h2 {color:#FFF; font-size:16px;}
.preview-item:hover .preview-info, .preview-item.active .preview-info {opacity:1;}


/* SIDE MENU
----------------------------------------------- */
.side-nav ul {padding-left:10px;}
.side-nav ul li {list-style:none; color:#f00; margin-bottom:15px;}
.side-nav ul li a {display:block; color:#f00; font-size:14px;}
.side-nav a:hover {color:#007bc3;}


/* FOOTER
----------------------------------------------- */
.footer {text-align:justify;border-top: 2px dotted #f00;}
.footer-right {width:88px; margin: 5px;float: right;height: 33px;top: 17px;position: relative;}
.footer-left {width: 89%; padding:20px 10px 20px 10px; color:#505050; float:left;}
.footer-left a {color:#ed1d1d; text-decoration:underline;}


/* FULLSTORY
----------------------------------------------- */
.page-text h1 {font-size:24px; margin-bottom:0px; line-height:28px;}
.page-text h2, .page-text h2, .page-text h3 {font-size:18px; margin:20px 0;}
.page-info {height:30px; line-height:30px; font-size:11px; margin:10px 0 40px 0;}
.page-date {display:inline-block; float:left; color:#9b9b9b; font-style:italic;}
.page-rating { display:inline-block; float:right;}
.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-color: #ffffff;}
.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-color: #92e358;;}
.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-color:#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-color: #ff3019;}
.rate-type3 a:nth-child(3) b {padding:0 3px 0 0px;}

.page-text embed, .page-text object, .page-text video, .page-text iframe, .page-text frame {width: 100% !important; height:350px;}
.page-text {font:14px Arial, Helvetica, sans-serif; line-height:22px; margin-bottom:30px;text-align: justify;}
.page-text img {margin:0 10px 10px 0; max-width:100%; border:5px solid #f0f0f0;}
.page-text a {text-decoration:underline; color:#06c;}
.page-text a:hover, .page-text a:visited {text-decoration:underline; color:#C9070A;}
.page-text ul li {list-style:disc; margin-left:40px;}
.page-text ol li {list-style:decimal; margin-left:40px; }
.page-text table {width:100%; text-align:left;}
.page-text table tr td {padding:10px; border:1px solid #e3e3e3; font-size:12px; }
.page-text table tr:nth-child(1) {background-color:#f5f5f5 !important; color:#FFF; font-size:14px !important;}

.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-info {padding:0 75px 0 10px; position:relative; height:30px; line-height:30px; margin:-30px 0 20px 0; background-color:#f0f0f0;}
.compl {display:inline-block; float:left; color:#C50307;}
.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
----------------------------------------------- */
.prel-t {margin-bottom:20px; font-size:18px;}
.related-item {display: inline-block; margin: 5px 1% 15px;width: 200px;}
.related-img {border:5px solid #f0f0f0; height:200px; width: 200px;overflow:hidden;}
.related-info {color: #f00; font-size: 17px;font-weight: normal;display: table;text-align: left;}
.related-item:hover .related-info {text-decoration:underline;}


/* COMMENTS
----------------------------------------------- */
.comms-wrap {margin:20px 0 0 0; background-color:#f0f0f0; padding:20px;}
.com-item {padding:0 0 20px 90px; position:relative;}
.com-av {width:70px; height:70px; margin-left:-90px; border-radius:3px; overflow:hidden;}
.com-av img {width:100%; height:100%;}
.com-text {width:100%;}
.com-info ul li {float:left; display:inline-block; margin-right:20px;}
li.reply {float:right !important; margin-right:0 !important;}
.reply a {display:inline-block; padding:3px 5px; background-color:#404048; color:#fff; 
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 #e3e3e3; color:#999;
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;}

#addcform {margin:20px 0;}
.mass_comments_action {text-align: right; padding:5px 0;}
.mass_comments_action .bbcodes { margin-bottom: 0 }


/* LOGIN
----------------------------------------------- */
#loginbox { background: #fff; width: 320px; overflow:hidden; line-height:normal;}
.login-title, .log-register, .login-avatar { background-color:#f5f5f5; padding:15px 20px; font-size:16px; position:relative;}
.login-form ul {padding:20px;}
.login-form li {margin-bottom:20px;}
.login-form ul li label {display:inline-block; margin-bottom:5px;}
.login-form ul li input {display:block; height:40px; line-height:40px; border-radius:3px; border:1px solid #e3e3e3; 
width:100%; padding:0 10px;}
.login-form ul li a {float:right;}
.log-check {padding:0 20px; line-height:40px; margin-bottom:20px;}
.log-check input, .log-check label {float:left; display:inline-block; font-size:10px;}
.log-check input {display:none;}
.log-check input + label:before {width:20px; height:20px; margin-right:5px; cursor:pointer;
border-radius:3px; border:1px solid #e3e3e3; content:""; float:left; position:relative; top:8px;}
.log-check input:checked + label:before { background-color:#D80306;}
.log-check button {float:right;}
.log-register, .login-avatar {display:block; background-color:#444; color:#fff !important; text-align:center;}
.avatar-box {width:70px; height:70px; overflow:hidden; border-radius:35px; float:left;}
.avatar-box img {width:100%; min-height:100%;}
.name-box {float:left; padding-left:20px; line-height:70px; font-size:20px; position:relative;}
.name-box a {color:#fff; font-size:12px; border-bottom:1px dotted #fff; line-height:14px;
position:absolute; left:20px; bottom:5px;}
.login-menu li a {display:block; height:36px; line-height:36px; padding:0 20px; border-left:5px solid transparent;}
.login-menu li a:hover, .login-menu li:nth-child(2) a {background-color:#f5f5f5; border-color:#ed1d1d;}
.login-menu li:last-child a {background-color:#444; color:#fff;}

.sociallogin {height:auto;}
.sociallogin a { float:left; margin:10px;}
.tn-player {width: 100% !important;}

/* RESIZE
----------------------------------------------- */
.show-menu {display:none;}
.seo-txt {display:block;margin: 5px;border: 1px solid #f00;padding: 5px;}
.seo-txt p {color: #4D4D4D;line-height: 24px;font-size: 13px;font-family: "Ubuntu",sans-serif;}
@media screen and (max-width: 1070px) {
.short-item {width: 31.6%;}
}
@media screen and (max-width: 950px) {
body, .wrap {background-image:none;}
.wrap {max-width:768px; overflow:hidden;}
.wrap:before { width:100%; height:160px; background-color:#f5f5f5;}
.wrap:after {width:0%; left:0%;}
.header {height:160px; padding: 0px 10px 0px 0px;}
.search-wrap {padding-top:115px;}
.logotype {height:100px; top:10px; width: 98%;margin: 0px 1%; background-size:contain;}
.social-likes {display:none !important;}
.wrap.show-side:after {width:200px;}
.content-wrap.show-side .content-right {margin-right:-200px;}
.content-wrap.show-side .sidebar-left {margin-left:0;}
.content-right {width:100%;}
.sidebar-left {width:200px; margin-left:-200px;}
.items-wrap, .full-wrap {border-radius:0; margin-left:0;}
.footer-right, .footer-left {width:100%; padding:20px; margin: 0px;color:#f6f6f6; float:none; background-color:#444;top:0px;}
.footer-left {margin: 5px 0px 0px 0px;}
.show-menu {display:inline-block; padding:0 10px; height:40px; line-height:40px; 
background-color:#f00; color:#fff; font-size:18px; cursor:pointer;
position:absolute; left:10px; top: 115px;border: 1px solid #000;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
border-radius: 5px;
}
.footer-right {display: table;padding: 10px 20px 0px;}
.seo-txt {display:none;}
.hamburger { top: 18px; }
.hamburger:after { bottom: -5px; }
.hamburger:before, .hamburger:after, .hamburger { background: #ffffff; content: ""; display: block; height: 3px; left: 0; position: relative; width: 30px; }
.hamburger:before { top: -9px; }
.search-line {width: 80%;float: right;}
.logotype img {height: 120px;}
}

@media screen and (max-width: 760px) {
/* .wrap {max-width:640px;} */
.bnav-left {display:none;}
.bnav-right {float:none; width:100%; padding:0 20px; text-align:center;}
.navigation {text-align:center;}
.navigation a, .navigation span {margin:0 0 5px 3px;}
.page-content, .page-related {width:100%; float:none; padding:20px;}
.related-item { margin:0 1%; margin-bottom:20px; width:210px; height: 250px; overflow:hidden;}
}

@media screen and (max-width: 650px) {
.short-item {width: 42%;margin: 0px 4%;}
}

@media screen and (max-width: 590px) {
/* .wrap {max-width:480px;} */
.page-content h1 {font-size:18px;}
.mass_comments_action, .com-edit, li.reply a {display:none;}
.short-item {display: inline-block;float: none;}
}

@media screen and (max-width: 550px) {
.related-item { height:240px;width: 200px; margin: 0 0;}
.related-img {border: none;}
.page-content, .page-related {width:100%; float:none; padding:5px; text-align: center;}
}

@media screen and (max-width: 470px) {
/* .wrap {max-width:320px;} */
.preview-info h2 {font-size:14px;}
.search-line button {padding:0 5px; font-size:12px;}
.search-line input, .search-line input:focus {padding:0 55px 0 5px;}
.page-text embed, .page-text object, .page-text video, .page-text iframe, .page-text frame {width: 100% !important; height:250px;}
.related-item { height:240px;width: 200px; margin: 0 0;}
.related-img {border: none;}
.short-item {width: 200px;display: block; margin: auto;}
.page-content, .page-related {width:100%; float:none; padding:5px; text-align: center;}
}
@media screen and (max-width: 370px) {.search-line {width: 75%;}}
/* Fix dle html5 player
----------------------------------------------- */
.mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay {width:100% !important;}
.mejs-video, .mejs-shim {height:350px !important;}
@media screen and (max-width: 470px) {
.mejs-video, .mejs-shim {height:250px !important;}
}