@import "reset-settings.css" all;
.hljs  {background: #e4f0ff!important; }
.catimg {border-radius:25px; margin:10px; float:left; width:200px;}
.short-rating, .short-views, .short-comms, .short-cat, .full-avtor {background:url(../images/sprite-short.png) no-repeat;}
.top-img img {width:100%; min-height:100%;}
.short-img:after, .short-img:before, .show-menu, .login-but, .pnext-load a, .add-com-but, button
{-webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.short-img img {min-width:226px; min-height:231px; border-radius:15px;}
h2 {margin:15px 0; text-align:left; color:#0066cc;}
b {color:#333;}
  /* line-height: 1; */
  
.hi {float:left; width:100%;margin-bottom:15px;text-align:justify; line-height:1.5;
display: flex; /* Включаем Flexbox */
    row-count: 1;
            align-items: center; /* Вертикальное выравнивание по центру */
            height: auto; /* Задаем высоту контейнера */
}
.hi p::first-letter {
    width:100%;
            color: #0066cc; /* Цвет первой буквы */
            font-size: 2em; /* Размер первой буквы (по желанию) */
            font-weight: bold; /* Жирный шрифт (по желанию) */
}
.tezis {text-align:right; font-style: italic; color:#0066cc; margin-bottom:10px;}
/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%;}
.head-wrap, .nav-wrap, .foot-wrap, .dop-nav-wrap {width:100%; position:relative;}
.head, .main-menu, .cont-wrap, .foot, .dop-menu {width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
.head-wrap {background-color:#FFF; border-bottom:2px solid #e84c3d;}
.nav-wrap {background-color:#f5f5f5; box-shadow:0 3px 3px 0 rgba(0,0,0,0.2); position:relative; z-index:100;}
.head {height:60px; position:relative; padding:0 800px 0 70px;}
.cont-wrap {margin:50px auto 100px auto;}
.shorts-wrap {position:relative; padding-bottom:80px;}
.foot-wrap {background-color:#404048;}
.fulls-wrap {padding-right:260px;}
.fulls-left {float:left; width:100%; background-color:#FFF; border-radius:5px; border:1px solid #e3e3e3; padding:20px;}
.fulls-right {float:right; width:240px; margin-right:-260px;}
#ajax-full-wrap {display:none;}
.fancybox-inner {height:auto !important;}
.search-fix {padding-top:300px;}
.search-fix .sluzh {height:280px; width:100%;  
background-color:#FFF; padding:10px 20px 0 20px; border:1px solid #e3e3e3;}
.search-fix .sluzh .berrors {height:auto;}

/* LOGIN and dop menu
----------------------------------------------- */
.dop-nav-wrap {background-color:#f5f5f5; box-shadow:0 3px 3px 0 rgba(0,0,0,0.2); position:relative; z-index:50;}
.dop-menu {text-align:center; padding-top:3px;}
.dop-menu > li {display:inline-block; border-left:2px dotted #f9f9f9; margin-right:-3px; position:relative;}
.dop-menu > li > a {display:inline-block; line-height:47px; padding:0 40px; color:#444444; font-size:16px;}
.dop-menu > li:first-child {border-left:0;}
.dop-menu > li > a:hover {text-decoration:underline;}
.hidden-menu {display:none; width:230px; height:auto; background-color:#fff; border-bottom:3px solid #F16900; 
position:absolute; left:0; top:47px; text-align:left; border-radius:5px; padding:9px 0; box-shadow:0 10px 20px 0 rgba(0,0,0,0.3);}
.hidden-menu li a {display:block; height:34px; line-height:34px; color:#999; padding:0 10px; font-size:13px;}
.hidden-menu li a:hover, .menuactive > a {color:#f16900 !important;} 
.hidden-menu:after { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; 
position: absolute; pointer-events: none; border-color: rgba(245, 245, 245, 0); 
border-bottom-color: #fff; border-width: 6px; margin-left: -6px; }

.login-wrap {display:inline-block; height:50px; max-width:230px; padding:5px 0 0 0; 
position:absolute; top:0; right:0;}
.register-but, .login-but {display:inline-block; height:40px; line-height:40px; color:#444444; font-size:12px; float:right; font-weight:bold;}
#login-show, .ava-wrap .avatar {float:right;}
.register-but {color:#008ace; text-decoration:underline;}
.login-but {padding:0 20px; float:right; border-radius:5px; cursor:pointer; margin-left:20px;}
.register-but:hover {color:#008ace; text-decoration:none;}
.login-but {background:#6C0; color:#FFF;}
.login-but:hover, .logged a:hover {background-color:#59b001;}
#login-box {width:240px; height:auto; background-color:#303038; box-shadow:0 20px 20px -10px rgba(0,0,0,0.7); 
position:absolute; right:0; top:50px; z-index:9999; padding:20px; color:#a5a5ae; 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: #303038; border-width: 4px;}

.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:#FFF; color:#000; margin:10px 0 20px 0; border-radius:5px; border:0;}
.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:#a5a5ae;}
.sociallogin {height:auto;}
.sociallogin a { float:left; margin:10px;}
.submit-line {margin-top:20px; text-align:center;}

.ava-wrap { margin-top:0;}
.avatar {width:40px; height:40px; float:left; overflow:hidden; margin-right:20px; border-radius:50%;}
.avatar img {width:100%; height:100%;}
.ava-wrap h3 {color:#444444; font-size:12px; padding:0 35px 0 0; line-height:40px; 
background:url(../images/gear.png) right 7px no-repeat; no-repeat; display:inline-block; font-weight:bold;}
.ava-wrap h3:hover {cursor:pointer; text-decoration:underline;}
.logged {top:50px !important;}
.logged a {display:block; line-height:35px; padding:0 20px; background-color:#404048; color:#FFF; border-bottom:1px dashed #908e8e;}

.share-box { position:absolute; right:230px; top:7px; display:inline-block; width:216px; height:42px;}
.share {float: left;}
.share-box a {width:36px; height:36px; border-radius:20px; margin: 0 5px 0 0;display: block;float: left;}


/* HEAD
----------------------------------------------- */
.logo-box {height:60px; width:75px; display:block; ; 
overflow:hidden;  position:absolute; top:0; left:500px;}

.show-menu {display:inline-block; height:50px; cursor:pointer; width:50px; 
background:#e84c3d url(../images/show-menu.png) left top no-repeat; position:absolute; top:0; left:0px;}
.show-menu:hover {background-color:#febf01;}

.search-wrap {width:100%; padding-top:10px;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; height:30px; line-height:30px; padding:0 40px 0 10px; border-radius:5px;
background-color:#f9f9f9; color:#444444; font:italic 11px; border:1px solid #e3e3e3 }
.search-box button {border-radius:0 5px 5px 0; border-left:1px solid #e3e3e3; display:inline-block; font:bold 12px Arial;
position:absolute; right:1px; top:1px; height:28px; line-height:28px; padding:0 20px; color:#fff;
background: #b0d4e3;
background: -moz-linear-gradient(top, #b0d4e3 0%, #88bacf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0d4e3), color-stop(100%,#88bacf));
background: -webkit-linear-gradient(top, #b0d4e3 0%,#88bacf 100%);
background: -o-linear-gradient(top, #b0d4e3 0%,#88bacf 100%);
background: -ms-linear-gradient(top, #b0d4e3 0%,#88bacf 100%);
background: linear-gradient(to bottom, #b0d4e3 0%,#88bacf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d4e3', endColorstr='#88bacf',GradientType=0 );}
.search-box button:hover {background:#88bacf !important;}


/* MAIN MENU
----------------------------------------------- */
.main-menu {padding:10px 0 0 0;}
.main-menu li {display:inline-block; margin:0 0.5%; margin-bottom:10px;}
.main-menu li a {background-color:#fff; color:#444; font-weight:normal;
border-radius:20px; padding:0 10px; display:block; font-size:12px; height:28px; line-height:28px; 
overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-menu li a:hover {background-color:#febf01; color:#fff;}
li.ajax-settings {display:block; width:100% !important; margin:0; 
height:48px; line-height:28px; padding:10px 0;}
li.ajax-settings button { height:28px; line-height:28px; margin:0 3px;}


/* SHORT STORY
----------------------------------------------- */
.short-item {float:left; width:19%; background-color:#FFF; margin:0 0.5%; margin-bottom:15px; font-size:15px; text-align:center; overflow: hidden;
  height: 300px;}
.go-full {display:block;}

.short-img {border-radius:3px 3px 0 0; position:relative; border:2px solid #0066сс;}
.short-img:before {content:""; width:100%; height:100%; border-radius:15px; background-color:rgba(0,0,0,0.6); 
position:absolute; left:0; top:0; z-index:10; transform: scale(0.8); opacity:0;}
.short-img:after {content:attr(data-label); width:100px; height:42px; line-height:40px; text-align:center; 
position:absolute; left:50%; top:50%; margin:-20px 0 0 -50px; z-index:20; transform: scale(0.8); opacity:0; 
border:3px solid #e84c3d; border-radius:3px; color:#FFF; font-size:16px;}
.go-full:hover .short-img:before, .go-full:hover .short-img:after {transform: scale(1.0); opacity:1;}

.short-title {margin:10px 10px; height:40px; color:#444444; font-size:20px; line-height:18px;}
.short-info {height:30px; line-height:30px; position:relative; padding-left:45px; overflow:hidden;}
.short-rating, .short-views, .short-comms {display:inline-block; float:left; color:#808080; font-style:italic;}
.short-rating {background-position:0 -86px; padding-left:18px; margin-right:10px;}
.short-views {background-position:0 -39px; padding-left:18px; margin-right:10px;}
.short-comms {background-position:0 10px; padding-left:18px;}
.short-cat {margin:10px 0 0 0; height:30px; line-height:30px; padding:0 10px 0 30px; border-top:1px solid #e3e3e3; 
overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background-position:10px -138px;}
.short-cat a {color:#008ace; border-bottom:1px dotted #008ace; display:inline-block;}
.short-cat a:hover {color:#e84c3d; border-bottom:1px dotted #e84c3d;} 
.go-full:hover .short-title {color:#e84c3d;}

.social-share-wrap {width:30px; height:30px; background:#fff url(../images/sprite-social.png) 0 -29px no-repeat; 
position:absolute; left:0; top:0; cursor:pointer;}
.social-share-wrap:hover {background-position:0 -60px;}
.social-share-links {width:104px; height:30px; padding:2px 0; background-color:#67b6dc;
position:absolute; top:0px; left:40px; z-index:100; display:none;} 
.social-share-links:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; 
position: absolute; pointer-events: none; border-color: rgba(103, 182, 220, 0); 
border-right-color: #67b6dc; border-width: 8px; margin-top: -8px; }
.social-share-links span {display:block; width:26px; height:26px; float:left; 
background:#67b6dc url(../images/sprite-social.png) no-repeat;}
.social-share-links span.vk {background-position:0 0;}
.social-share-links span.fb {background-position:-34px 0;}
.social-share-links span.tw {background-position:-68px 0;}
.social-share-links span.ok {background-position:-103px 0;}
.social-share-links span:hover {background-color:#4a84c4;}


/* FOOTER
----------------------------------------------- */
.foot {padding:20px 220px 20px 20px; position:relative; min-height:73px;}
.foot p {width:100%; color:#a5a5ae;}
.wr-copyr {position:absolute; right:0px; top:-30px; color:#a5a5ae; z-index:20; opacity:0.3;
width:200px; height:30px; background:url(../images/webrambo.png) 20px 0 no-repeat; text-indent:-999px; overflow:hidden;}
.wr-copyr:hover {opacity:1;}


/* SIDEBAR
----------------------------------------------- */
.side-box {border:1px solid #e3e3e3; padding:20px; border-radius:3px; margin-bottom:20px; background-color: #fff;}
.side-title {color:#444; font-size:16px; font-weight:bold; margin-bottom:20px; text-transform:uppercase;}

.top-item {display:block; padding:0 0 10px 60px; margin-bottom:10px; border-bottom:1px solid #e3e3e3;}
.top-img {float:left; overflow:hidden; width:50px; height:40px; margin-left:-60px;}
.top-text {float:right; width:100%;}
.top-title {font-size:12px; color:#444444;}
.top-info { font-size:10px; margin-top:5px; color:#7b7b7b;}
.top-item:hover .top-title {color:#e84c3d;}
.side-box .top-item:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}

.vote-box {position:relative;}
.vote-box:before {content:""; background-color:#67b6dc; border-radius:0 0 5px 5px; height:10px; width:180px; 
position:absolute; top:0; left:50%; margin-left:-90px;}
.vote-box .side-title {background-color:#4a84c4; color:#fff; margin:-20px -20px 20px -20px; 
padding:20px; border-bottom:1px solid #e3e3e3;}

.rkl-box {padding:0; border:0;}
.middle-rkl {margin-bottom:10px;}


/* 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; border-radius:5px;
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; border-radius:5px;}


/* FULLSTORY
----------------------------------------------- */
.full-story {}
.full-title {position:relative; margin:0px 0 20px 0;}
.full-top-info {height:30px; line-height:30px; margin-bottom:10px;}
.full-top-info .short-cat {display:inline-block; float:left; border:0; padding-right:0; margin:0 0 0 -10px; max-width:50%;}
.full-date, .full-views {display:inline-block; float:left;}
.full-date {color:#9b9b9b; margin:0 20px; font-style:italic;}
.full-rate {display:inline-block; float:right;}
.full-title h1 {display:block; font-size:24px; font-weight:700; color:#444444; margin-bottom:20px;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:400px;}
.full-text {font:1rem Verdana; line-height:24px; text-align:justify; margin-bottom:30px;}
.full-text img {margin:0 10px 10px 10px; max-width:100%; border:5px solid #f0f0f0; border-radius:20px;}
.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:#0066СС;}
.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:0 -180px; padding-left:20px;}
.compl { color:#C50307; padding-left:0; background-image:none;}
.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;}


.rel-wrap {padding:20px; margin:30px -20px 0 -20px; border-top:1px solid #e3e3e3;}
.rel-t {color:#444; font-size:18px; font-weight:bold; margin-bottom:20px;}
.rel-link {text-decoration:underline; color:#06c; display:block; font-size:16px; margin-bottom:10px;}
.full-text a:hover {text-decoration:none; color:#06c;}


/* COMMENTS
----------------------------------------------- */
.comments-wrap {margin:20px -20px 0 -20px;}
.comms-t { margin:0; padding:20px; border-top:1px solid #e3e3e3; color:#444; font-size:18px; font-weight:bold;}
.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 #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;}


.add-com-but {display:inline-block; color:#e84c3d; font-size:14px; height:40px; line-height:40px; border-radius:20px; 
padding:0 20px; box-shadow:0 0 0 2px #e84c3d; cursor:pointer; margin-top:20px;}
.add-com-but:hover {background-color:#e84c3d; color:#fff;}
#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;}




/* RESIZE
----------------------------------------------- */

@media screen and (max-width: 1220px) {
.head, .main-menu, .cont-wrap, .foot {max-width:960px;}
.head {height:115px; padding:0 10px;}
.logo-box, .show-menu {top:50px;}
.show-login {top:55px; right:10px;}
.logo-box {left:70px;}
.login-wrap {top:50px; right:0;}
.share-box {top:57px;}
.dop-menu > li > a {padding:0 20px; font-size:14px;}
}

@media screen and (max-width: 950px) {
.head, .main-menu, .cont-wrap, .foot {max-width:768px;}
.main-menu li {width:23.7%;}
.short-item {width:24%;}
.fulls-right {display:none;}
.fulls-wrap {padding-right:0px;}
.dop-menu > li > a {padding:0 15px; font-size:12px;}
}

@media screen and (max-width: 760px) {
.head, .main-menu, .cont-wrap, .foot {max-width:640px;}
.logo-box {left:70px;}
.main-menu li {width:23.5%;}
li.ajax-settings {height:auto; line-height:normal; padding:5px;}
.short-item {width:32.3%;}
.short-info {padding-left:10px;}
.foot {padding:20px;}
.counts, .wr-copyr, .social-share-wrap, .nav-wrap, .middle-rkl, .full-views, .share-box, .dop-nav-wrap {display:none;}
#loginbox {top: 5%;}
.full-title h1 {font-size:18px;}
.full-text {font:15px Arial, Helvetica, sans-serif; line-height:18px;}
.full-top-info {font-size:11px;}
.rel-link {font-size:12px;}
.full-text h2, .full-text h3 {font-size:16px;}
}

@media screen and (max-width: 590px) {
.head, .main-menu, .cont-wrap, .foot {max-width:480px;}
.main-menu li {width:31.5%;}
.short-item {width:49%; height:auto}
    
.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) {
.head, .main-menu, .cont-wrap, .foot {max-width:340px;}
    .catimg {   width:10%;}
.show-login { display:none;}
.main-menu li {width:48%;}
.short-item {width:100%; margin-bottom:10px;}
.short-title {font-size:18px; line-height:16px; margin:10px;}
.com-item {padding-left:15px;}
.com-av, li.reply, .reply a, .mass_comments_action, .com-edit, .navigation, 
.full-info, .full-tags-wrap span, .full-rate, .login-wrap {display:none;}
.full-top-info .short-cat, .full-date {max-width:100%; width:100%;}
.full-date { margin:0;}
.full-tags-wrap { padding:0 10px;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:250px;}
.search-fix .sluzh {padding:10px 10px 0 10px;}
.fancybox-skin {padding:0 !important;}
.fancybox-skin .fulls-left {padding:10px !important;}
}


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

.blok {width:100%; height:100%; background-color:rgba(0,0,0,0.95);
position:fixed; left:0; top:0; z-index:9999;}
.alert {width:500px; padding:20px; background-color:#fff; border-radius:5px; color:#000000;
position:fixed; top:10%; left:50%; margin-left:-250px;}
.a-icon {width:70px; height:70px; background-color:#D90003; color:#fff; font:bold 24px Arial;
text-align:center; line-height:70px; margin:0 auto;}
.a-text {padding:20px 0; font-size:16px;}
.a-text p {margin-bottom:10px;}
.a-buts {padding:20px 0; border-top:1px solid #e3e3e3;}
.a-buts button {display:inline-block; height:50px; line-height:50px; padding:0 20px; background: #d90003 !important;
font-size:18px; font-weight:bold; float:right; border-radius:5px;}
button.a-yes {float:left; background:#20A700 !important;}
.a-buts button:hover {box-shadow:0 0 20px 0 rgba(0,0,0,0.5);}