@import url('https://fonts.googleapis.com/css?family=Bad+Script|Cormorant+Garamond:400,400i,500,500i,600,600i,700,700i|Cormorant+Infant:400,500,500i,600,600i,700,700i|Forum|Gabriela|Jura:400,500,600|Kurale|Lobster|Marck+Script|Marmelad|Neucha|Open+Sans:400,600,600i,700,700i|Pangolin|Philosopher:400,400i,700,700i|Ruslan+Display&subset=cyrillic,cyrillic-ext,greek,latin-ext');
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset { margin: 0; padding: 0;}
body {color:#2f2f2f; background: #cacaca; }  .clrr { clear:both; padding-top:20px; }
.pagebg { background: #cacaca /*url("../images/pagebg.png") repeat-x */; }
/*Related News Вертикальный*/
.imagestory { float: center; width: 50px; height: 60px; margin: 0 8px 6px 0; }
/*Related News Горизонтальный*/
.relatednews{display:inline-block; width:19%; vertical-align:top;}
.relatednews img{
    width:105px; 
    height:125px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;    
 -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
h1, h2, h3, h4, h5 {line-height: normal; word-break: break-all; hyphens: auto;}
h1 {font-size: 1.25em;} h2 {font-size: 1.2em;} h3 {font-size: 1em;} h4 {font-size: 1.1em;} h5 {font-size: 1em;}
.hlogo { color: #0F596F; text-align: left; }
a {color:#436678; text-decoration:none;}
a:hover {color:#4366D8; text-decoration:underline; } /* none */
a img  {border:0 none;} /*  Montserrat, Droid Sans, Centro Sans pro, Bree, Georgia, Verdana, Helvetica, Arial, Spectral, Ubuntu, Roboto, Cormorant Garamond,   */
input, textarea, select, button, body { font: 15px/16px Verdana, Noto Sans, Helvetica, Gabriela, Georgia, Open Sans, Century, Times New Roman, Lobster, Sans-serif;  line-height: 1.4;} /*'Kurale', serif, Noto+Serif, Verdana, Arial, Tahoma, Helvetica, Sans-serif,   */
input, textarea, select, button, a { outline: none; }
.speedbar {margin-top:0;}
/* breadcrumbs */

.speedbar
{
    border: 1px solid #e5e5e5;
    font-size: .8125em;
	color: #0E51A7;  /*  #32c24d  */
    margin-bottom: 19px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px 12px;
    text-transform: uppercase;
    white-space: nowrap;
/*    list-style: none;  */
}
.speedbar a {  color: #2a2a2a; }
.speedbar a:hover { color: #4282D3; /* #32c24d */ }
/* Частые стили */
fieldset { /* width: 95%; display: flex; */
    border: 1px solid rgba(0,0,0,0.1); padding: 20px; margin-bottom: 25px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
	fieldset legend { font-weight: bold; }
 fieldset a { /*Поле Скачать font-family: Lobster, Verdana; color:#2f2f9f; */
     font-family: Rubik, Vernada, Lobster; 
     letter-spacing:1px; 
     line-height: 1.6;
     color:#00009f; 
     font-size:17pt; 
/*     font-weight: bold; */
     font-style: italic;
     text-shadow: #cad5e2 1px 1px 0, #cad5e2 2px 2px 0, #cad5e2 3px 3px 0, #cad5e2 4px 4px 0, #cad5e2 5px 5px 0;
     border: 1px solid rgba(0,0,0,0.1); padding: 1px; margin-bottom: 2px; /* бордюр вокруг ссылки */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
} 
fieldset a:hover { /* Вид ссылки при наведении на неё курсора */
     color: #00f;
    text-shadow: #c0c0c0 1px 1px 0, #c0c0c0 2px 2px 0, #c0c0c0 3px 3px 0, #c0c0c0 4px 4px 0, #c0c0c0 5px 5px 0;
   }
fieldset file_info { }
/* Первая буква абзаца */ /*
fieldset p:first-letter { 
 font-size: 2em;
 text-shadow: red 1px 1px 0, red -1px -1px 0, red -1px 1px 0, red 1px -1px 0;}  */
.grey { color: #919191; }
.grey a { color: inherit; }
.grey a:hover { color: 0000af; }
.blue { color: #3394e6; }
.orange { color: #e85319; }
/* Кнопки сезонов */
.field .field-name-season-serial-ref .node .field.field-name-field-serial-image,.node-serial 
.field.field-name-field-serial-image{float:left;margin-right:10px;margin-left:0;}
.serial-subtitle{color:#7D7D7D;}
.field-seasons-list{margin:20px 0 25px;}
.field-seasons-list .serial-season{float:left;margin-right:10px;margin-bottom:10px;}
.field-seasons-list .serial-season 
a {display:block;height:20px;width:84px;background:url(../images/button-color.png) no-repeat left top transparent;
    text-decoration:none;color:#ffffff;text-align:center;padding-top:1px;overflow:hidden;}
.field-seasons-list .serial-season 
a.active { background-image: url(../images/button-gray.png); }
/*a.class:hover { background-image: url(../images/button-color.png); }  */
/* a.class:active .field-bookmarks{margin:20px 0 10px;}   field field-seasons-list clearfix*/
/* - Кнопки сезонов  */
/* Для сериалов стили */
.fn_film_info {/* float: left; /* right; */ position: relative;width: 80%; /* 400px */ } /*.fn_film_cont {  } */
ul.fi_ul { margin-bottom: 7px; /* 15px */ padding-bottom: 5px; /* 10px */}
ul.fi_ul li { clear: both; padding: 6px 0px; border-bottom: 1px #d2d2d2 dashed;}
ul.fi_ul li b, .fn_f_m_box b { display: block; float: left; width: 100px;}
   ul.fi_ul li {border-bottom: 1px #C0C0C0 dashed; padding: 1px 0px 1px 5px; font-size:11px; } 
/* background:url(../images/top_news_bg.png) no-repeat center left ;  */
   ul.fi_ul li b {color:#2c3e70; display:block; float:left; width: 120px;}
.shortstory-img-block { float: left; margin: 0 16px 16px 0; width: 180px; position: relative; 
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*.shortstory img:first-child; */
.shortstory-img img { float: left; width: 180px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.shortstory-content { font-size: 14px; color: #BEC5D0; text-decoration: none; line-height: 1.5; /*  16px  */ margin: 0 0 7px 0;}
.sh-box { float: left; width: 100%; }
.sh-box-b { padding: 0 16px; }
.full .sh-box-b { padding: 0 16px 16px 16px; }
.m-info {}
.mi-item {padding:5px 10px;background: rgba(24,28,37,0.45);}
.m-info .mi-item:nth-child(2n+1) {background-color: rgba(0,0,0,0.45);}
.m-info a {text-decoration:underline;}
.m-info a:hover {text-decoration:none;}
.mi-label {float:left; width:80px; font-weight:500;}
/* -- Для сериалов стили *//*
sup { vertical-align: super; font-size: smaller; } 
.over { display: inline-block; vertical-align: middle; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
a .over { cursor: pointer; }
.cover { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } */
/* .yohoho {max-width: 100%;} */
/* Цвет скроллбара */
body::-webkit-scrollbar { width: 1em;} 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px 2px rgba(0,0,0,0.3); /*цвет*/
    background: #d0e0f0; /* none  фон у вас не будет цветным, потому, что он на none, изменяем его на любой цвет*/
        opacity:.7;} 
body::-webkit-scrollbar-thumb {
  border-radius: 5px;	
  background: #c0f0c0; /* none; цвет ползунка*/
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  cursor: pointer;}
/* Адаптация  */
.section__content {
    max-width: 1200px; /* Вместо width: 1200px; */
}
html {font-size: 14px;}
.header__title { font-size: 7.2rem; /* 72px */
}
.header__sub-title {font-size: 4.2rem; /* 42px */
}
.list {
    display: flex; /* Flex-контейнер. */
    flex-wrap: wrap; /* Многострочный режим. */
}
.item {
    flex-basis: 260px;
    flex-grow: 1;
    max-width: 360px;
    display: flex; /* Каждый элемент, в свою очередь, тоже становится Flex-контейнером. */
    flex-direction: column; /* Для больших экранов сохраняем расположение иконки сверху. */
    align-items: flex-start; /* Выравниваем иконку по левому краю. */
}
/* Перенос строки */
.hyphens {
    word-break: inherit;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
} /**/
ul { margin: 0 0 18px 2em; list-style: disc outside; }
ol { margin: 0 0 18px 2.1em; list-style: decimal; }
p { margin-bottom: 0.4em; }
/* Первая буква абзаца */
p:first-letter { font-family: maran; font-size: 2em; 
    text-shadow: #BF9730 1px 1px 0, #BF9730 -1px -1px 0, #BF9730 -1px 1px 0, #BF9730 1px -1px 0;}
.clr { clear: both; padding-top:5px; }
hr { border: 0 none; border-top: 2px solid #e3e3e3; height: 1px; }
.reset, .reset li { list-style: none; padding: 0; margin: 0; }
/* Homepage */
.wrapper { background-color: #eaeaea; width: 98%; min-width: 700px; text-align: left; margin: 0 auto; }/* Общая страница */
/* Логотип logo  *//*
.logo-block {display: flex; align-items: center; padding-left: 44px; position: relative;
	font-weight: 700; text-transform: uppercase; font-size: 28px; margin-right: 20px;}
.logo-block svg path {fill: var(--accent-primary);}
.logo-block svg, .logo-block img {width: 30px; height: 30px; display: block; 
	position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.header__logo {height: 80px; --tt: #fff;}
.header__logo span {font-size: 18px; color: var(--accent-secondary); margin-left: 3px; margin-top: 6px;}
.h1 logo {text-transform: uppercase; font-size: 24px; font-weight: 700; line-height: 1.1;}
.h1 logo a {margin-left: 10px; font-size: 16px;}
*/
.logo { background:url("../images/logo.png") no-repeat; width:180px; height:28px; position:absolute; margin:11px 0 0 110px; float:left; }
.logo-footer { background:url("../images/logo.png") no-repeat; width:180px; height:28px; position:absolute; margin:11px 0 0 0px; float:left; }
/* Header */
.hd { height:78px;}
.hd-left { background: url("../images/hd-left.png") no-repeat; width:347px; height:78px; float:left; }
.hd-center { background: url("../images/hd-center.png") repeat-x; height:78px; }
.hd-right { background: url("../images/hd-right.png") no-repeat; width:637px; height:78px; float:right; }
/* MenuHeader */
.menuhd { height:55px;}
.menuhd-l { background: url("../images/menuhd-left.png") no-repeat; width:33px; height:55px; float:left; }
.menuhd-c { background: url("../images/menuhd-center.png") repeat-x; height:55px; }
.menuhd-r { background: url("../images/menuhd-right.png") no-repeat; width:301px; height:55px; float:right; }
/* PREHeader */
.prehd { height:187px;}
.prehd-left { background: url("../images/slihd-left.png") no-repeat; width:487px; height:187px; float:left; }
.prehd-center { background: url("../images/slihd-center.png") repeat-x; height:187px; }
.prehd-right { background: url("../images/slihd-right.png") no-repeat; width:502px; height:187px; float:right; }
/* Footer */
.footer { height:50px; margin:5px 0 0 0; }
.fb-left { background: url("../images/fb-left.png") no-repeat; width:29px; height:50px; float:left; }
.fb-center { background: url("../images/fb-center.png") repeat-x; height:50px; }
.fb-right { background: url("../images/fb-right.png") no-repeat; width:29px; height:50px; float:right; }
.copyright { float:right; padding:5px 20px 8px 0; font-size:0.9em; }
.fb-icons { float:right; margin:9px 0 0 0; }
/* Search */
.search { float:right; margin:12px 14px 0 0; }
.searchbg { float:center; }
input.search_input { background:url("../images/sinput.png") no-repeat; width:235px; height:27px; float:left; border:0; padding:0 0 0 25px; font-size:0.9em; color:#99a5aa;}
input.search_but { background:url("../images/search.png") no-repeat; display:block; width:13px; height:27px; margin:0 0 10px 0px; float:left;}
/* TopMenu */
.topmenu-mob { display: none; }
.topmenu-mob a { display: none; }
.topmenu { margin:0 0 0 12px; }
.topmenu ul { height:28px; line-height:27px; padding:11px 0 0 0; position:absolute; }
.topmenu ul li, .topmenu li a, .topmenu li a span, .topmenu li a span b { float:left; height:28px; cursor:pointer; }
.topmenu li a { color:#fff; padding:0 3px 0 4px; font-size:0.9em; font-weight:100; }
.topmenu li a span { padding-left:16px; background:url("../images/topmenu.png") no-repeat; }
.topmenu li a span b { padding-right:9px; background:url("../images/topmenu.png") no-repeat 100% -28px; }
.topmenu li a:hover { color:#fff; text-decoration:none;  }
.topmenu li a:hover span { padding-left:16px; background:url("../images/topmenuu.png") no-repeat;}
.topmenu li a:hover span b  {padding-right:9px; background:url("../images/topmenuu.png") no-repeat 100% -28px; }
/* Login */
.loginbox { float:right; width:480px; height:66px; margin:3px 5px 0 0; } /* width:380 height:66px; margin:10px 100px 0 0; */
.loginform { background:url("../images/login-input.png") no-repeat; width:69px; height:33px; float:left; border:none; padding:0px 10px 0 45px; font-size:0.9em; }
.passform { background:url("../images/pass-input.png") no-repeat; width:69px; height:33px; float:left; border:none; padding:0px 10px 0 45px; font-size:0.9em;  }
.sinup { background:url("../images/sinup.png") no-repeat; width:27px; height:33px; float:left; border:none; cursor:pointer; }
.log-in { float:left; margin-top:0px; }
ul.logmenu { float:left; list-style:none; }
ul.logmenu { padding:1px 0 1px 0; font-size:0.9em; }
/* TopNavi */
ul.menu, ul.menu ul { list-style-type:none; margin: 0; padding: 0; width: 15em; width:223px; }
ul.menu a { display: block; text-decoration: none; }
ul.menu li { margin-top: 1px; padding:1px 0 1px 0; }
ul.menu li a, ul.menu ul.menu li a { background: #e2caca; color: #505e67; line-height:26px; text-indent:10px; background:url(../images/menulink.png) no-repeat; width:223px; height:25px; }
ul.menu li a:hover, ul.menu ul.menu li a:hover { background: #000; text-indent:10px; background:url(../images/menulinka.png) no-repeat; width:231px;  }
ul.menu li ul li a, ul.menu ul.menu li ul li a { background:url(../images/menulinkopenb.png) no-repeat; width:223px; padding-left: 5px; }
ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover { background:url(../images/menulinkopen.png) no-repeat; width:223px; padding-left: 5px; }
ul.menu ul.menu li a:hover { border-left: 0; padding-left: 0.5em; }
ul.menu ul.menu { border-left: 5px #f00 solid; }
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover { text-indent:10px; background:url(../images/menulinka.png) no-repeat; width:223px; }
div.panel { border: 1px #000 solid; padding: 5px; margin-top: 1px; }
ul.menu div.panel a, ul.menu div.panel li a:hover  { display :inline; color:#6c785a; background: none; margin: 0; padding: 0; border: none; font-weight: bold; }
ul.menu div.panel a:hover { color: #000; text-decoration: underline; }
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; } .indent2 { padding-left: 2em; } .indent3 { padding-left: 3em; } .indent4 { padding-left: 4em; } .indent5 { padding-left: 5em; } .indent6 { padding-left: 6em; }
.indent7 { padding-left: 7em; } .indent8 { padding-left: 8em; } .indent9 { padding-left: 9em; } .indent10 { padding-left: 10em; }
.naviblock { margin:15px 13px 11px 13px; }
/* Content #1 */
.pbt-top { background: #ffffff url("../images/pbt_top.png") repeat-x left top; }
.pbt-left { background: transparent url("../images/pbt_left.png") no-repeat left top; }
.pbt-right { background: transparent url("../images/pbt_right.png") no-repeat right top;}
.pb-left { background: transparent url("../images/pb_left.png") repeat-y left top; }
.pb-right { background: transparent url("../images/pb_right.png") repeat-y right top; }
/* Content #2 */
table.structure { width: 100%; }
.substanc { margin:5px 10px 0 13px; }
.substanc2 { display: inline-block; margin:20px 7px 0 16px;}
.yohobg {max-width:580px; display: block;/* float: auto; */}
.dcont-news { display:inline-block; padding:10px; font-size:0.9em; }
.dcont-news img{ /* Картинка в статье  */
    max-width:100%;
    height:auto;    
    -moz-transition: all 1s ease-out; /* увеличение картинки */
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;        
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
/*    margin: 7px 15px 7px 5px  */
    margin-bottom: 7px; /* отступ от картинки снизу */
    margin-top: 6px;  /* отступ от картинки сверху */
    margin-right: 15px; /* отступ от картинки справа */
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
    border-radius: 8px;}
.dcont-news img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }
/* Content #3 */
#leftcol { width: 223px; vertical-align: top; }
#rightcol { width: 223px; vertical-align: top;} /* Правая колонка */
#maincol { width: 100%; vertical-align: top;}
/* Content #4 */
.pbd-bottom, .pbd-bottom .dleft, .pbd-bottom .dright { height: 38px; }
.pbd-bottom { overflow: hidden; background: #ffffff url("../images/pbd_bottom.png") repeat-x left top; width: 100%; }
.pbd-bottom .dleft { background: transparent url("../images/pbd_left.png") no-repeat left top; }
.pbd-bottom .dright { background: transparent url("../images/pbd_right.png") no-repeat right top; }
/* Left Blocks */
#leftcol .block { margin-right: 5px; margin-bottom: 4px; width: 223px; background: url("../images/bb-l.png") repeat-y -446px top; }
#leftcol .block .dtop { background: url("../images/bb-l.png") no-repeat left top; }
#leftcol .block .dbottom { background: url("../images/bb-l.png") no-repeat -223px bottom; }
#leftcol .block .dconter { padding: 1px 10px 20px 10px; font-size:0.9em; }
#leftcol div.block h3.title { font-family: Arial, Tahoma, Helvetica, Sans-serif; font-size: 1em; font-weight: bold; 
    color: #3f4950; padding:17px 0 25px 5px; text-transform:uppercase; }
/* Right Blocks Блоки с права*/
#rightcol .block { margin-right: 5px; margin-bottom: 4px; width: 185px; background-color: #e5e5e5;}
/*#3f4950  background: url("../images/bb-r.png") repeat-y -370px top; *//*Цвет фона правой колонки*/
#rightcol .block .dtop { background: url("../images/bb-r.png") no-repeat left top;} /*Фон заголовка*/
#rightcol .block .dbottom { background: url("../images/bb-r.png") no-repeat -185px bottom;} /*Фон под заголовком(картинка)*/
#rightcol .block .dconter {padding: 1px 10px 20px 10px; font-size:0.9em;} /*Отступы по краям внутри колонки*/
#rightcol .block .dconter a { color:#6e7880; }
#rightcol div.block h3.title { font-family: Arial, Tahoma, Helvetica, Sans-serif; font-size: 1em; font-weight: bold; 
    color: #3f4950; padding:15px 0 25px 5px; text-transform:uppercase; }
/*
#rightcol div.block h4.title { font-family: Arial, Tahoma, Helvetica, Sans-serif; font-size: 1em; font-weight: bold; 
color: #3f4950; padding:15px 0 25px 5px; text-transform:uppercase; }
*/
/* Infoerror */
.infore{line-height: 1.5em; background: #f2f6eb; height:auto; overflow:auto; border-top: 1px solid #d3d8ca; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.errorss { background:url(../images/errors.png) no-repeat; width:30px; height:32px; float:left; margin:10px; }
.error-ser { padding:11px; }
/* Buttoms */
.fbutton, .btn_reglog, .vresult { border: 0 none; background: none; cursor: pointer; }
.btn_reglog { background: #f2f2f2 url("../images/bbcodes.png") repeat-x; border: 1px solid #c5c5c5; color: #7d7d7d; 
    width: 108px; height: 21px; padding-bottom: 3px; font-weight: bold; }
.btn_reglog:hover { background: #fff none; }
.fbutton { text-shadow: 0 1px 0 #fff; font-size: 1.15em; margin-bottom: 2px; border: 1px solid #bcc5c9; width: 100px; 
    height: 29px; color: #596368; padding: 2px 0 5px 0; background: #fff url("../images/fbutton.png") repeat-x 0 100%; 
    font-weight: bold; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.fbutton:hover { background-position: 0 10px; }
.fbutton {-moz-box-shadow: 0 1px 4px -3px black; -webkit-box-shadow: 0 1px 4px -3px black; box-shadow: 0 1px 4px -3px black;}
button.fbutton span { cursor: pointer; display: block; padding-top: 2px; }
/* Baseforms */
.baseform { background: #fff; }
.tableform { width: 99%; margin-left:4px; } .tableform td { } .tableform td.label { width: 20%; vertical-align: top; padding-right: 0; 
    font-weight: bold; }
.fieldsubmit, .tableform td { padding: 10px 10px; border-top: 1px solid #d3d8ca; } .addnews { font-weight: bold; } 
.impot { color: #96c; font-weight: normal; }
.checkbox { padding: 4px 0; line-height: 1em; } .checkbox input { margin-top: -2px; vertical-align: middle; }
.f_input { width: 300px; padding: 1px; } .f_textarea { width: 458px; }
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select { padding: 2px; 
    background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2; }
.f_textarea, .editor_button select { padding: 0; }
.textin { padding: 2px; }
.lcol, .rcol, form { display: inline; } .lcol { float: left; } .rcol { float: right; }
.pheading { padding:10px; font-size:1em; }
.toptop { background-position: 0 -116px; width: 29px; }
.toptop:hover { background-position: 0 -145px; }
/* Comments */
.addcombtn { text-align: center; font: 1.15em/30px sans-serif; color: #fff; float: left; height: 28px; width: 181px; 
    padding-right: 0px; background-color: #e0e0e0; }
.wmcomments { overflow: hidden; position: relative; border-top: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; 
    background-color: #fff; padding: 8px 0px 3px 0px; }
.wmcomments .binner1 { margin: 0 8px; }
.comments { overflow: hidden; padding: 0 0 0 82px; }
.comments .dleft { float: left; width: 82px;  margin: 0 0 0 -82px; }
.comments .dright { overflow: hidden; float: right; width: 100%; }
h3.nickname a, h3.nickname { color: #3a3a3a; }
h3.nickname { font-weight: bold; font-size: 1.1em; text-transform: uppercase; line-height: 1em; 
    font-family: Arial, Tahoma, Verdana, sans-serif; }
.comments .date { font-size: 0.9em; display: block; color: #76706e; margin: 0 0 0.3em 0; }
.commentid { position: absolute; right: 5px; top: 0; }
.commentid b { float: right; padding: 2px 8px 4px 8px; background-color: #464342; color: #24201e; }
.editcomment { float: right; display: inline; font-size: 0.9em; }
.editcomment a { text-decoration: none; }
.editcomment a span { float: right; cursor: pointer; height: 16px; line-height: 16px; margin: 0 0 0 3px; 
    background: #676767 url("../images/commentedit.png") no-repeat 0 0; color: #2f2b29; }
.editcomment a span span { background: url("../images/commentedit.png") no-repeat 100% -16px; float: left; margin: 0; padding: 0 10px; }
.avatarbox img { width: 70px; height: auto; }
.signature { color: #93918d; }
/*---Комментарии---*/
.comEnt[style^='width']:before, div[id^='blk'],.control [type='radio'] ~ label:before
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.comEnt[style^='width:auto;*width:100%;margin-left:40px;']
    {
        margin-left: 12px !important;
    }

    .comEnt[style^='width:auto;*width:100%;margin-left:60px;']
    {
        margin-left: 24px !important;
    }

    .comEnt[style^='width:auto;*width:100%;margin-left:80px;'],
    .comEnt[style^='width:auto;*width:100%;margin-left:100px;'],
    .comEnt[style^='width:auto;*width:100%;margin-left:120px;'],
    .comEnt[style^='width:auto;*width:100%;margin-left:140px;'],
    .comEnt[style^='width:auto;*width:100%;margin-left:160px;'],
    .comEnt[style^='width:auto;*width:100%;margin-left:180px;']
    {
        margin-left: 36px !important;
    }
.comment__text
{
    padding-top: 2px;
    padding-bottom: 2px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
/*  Рамка диалога  */    
    position: relative;
  margin: 15px auto;
  padding: 15px;
  width: 98%;
  min-height: 10px;
  font-family: sans-serif;
/*  background: rgb(247, 247, 250);  */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  border: 1px solid rgb(237, 237, 237); 
    border-radius: 2px 5px 5px 5px;
}
.comment__text:before {
content: '';
  position: absolute;
  top: -22px;
  left: -1px;
  border: 15px solid #888888;
  border-bottom: 10px solid rgb(117, 117, 117);
  border-left: 10px solid rgb(117, 117, 117);
  z-index: -1;
}
.comment__text:after {
content: '';
  position: absolute;
  top: -20px;
  left: 0px;
  border: 10px solid hsla(0, 0%, 0%, 0);  /*  hsla(0, 0%, 0%, 0 )*/
  border-bottom: 10px solid rgb(247, 247, 250);
  border-left: 10px solid rgb(247, 247, 250);
  z-index: 1;
}
.addcombtn {
    text-align: center;
    font: 1.15em/30px sans-serif;
    color: #fff;
    float: left;
    height: 31px;
    width: 181px;
    padding-right: 27px;
    background: #428cda url("../images/addcombtn.png") no-repeat;}
.addcombtn:hover {
    background-position: 0 -31px;}
.bcomment {
    border-bottom: 1px solid #dadada;
    background: url("../images/speedbar.png") repeat-x 0 100%;  
    padding-bottom: 15px;}
.bcomment .dcont, .bcomment .dtop {
    padding: 0 15px;}
.bcomment .dcont {
    padding-top: 10px;}
.bcomment .dtop {
    overflow: hidden;
    padding-left: 70px;
    height: 67px;
    border-top: 3px solid #3f84cb;}
.bcomment .dtop .lcol {
    width: 40px;
    padding: 0 15px;
    margin-left: -70px;}
.bcomment .dtop .lcol span {
    margin-top: 12px;
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden;}
.bcomment .dtop .lcol span img {
    width: 40px;}
.bcomment .dtop .rcol {
    font-size: 0.9em;
    color: #90a7b2;
    width: 100%;}
.bcomment .dtop .rcol ul {
    margin-top: 12px;
    padding-top: 4px;
    height: 36px;
    float: left;
    margin-right: 15px;}
.cmsep {
    padding-left: 19px;
    background: url("../images/cmsep.png") no-repeat 0 50%;}
/* Ответ */
.reply a, .reply a b {
    height: 28px;
    background: #2b88d5 url("../images/reply.png") no-repeat;
 border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.reply a {
    float: right;
    margin-top: 21px;
    color: #fff;
    line-height: 27px;}
.reply a b {
    cursor: pointer;
    float: left;
    padding: 0 15px;
    background-color: transparent;
    background-position: 100% -28px;}
.reply a:hover {
    background-position: 0 -56px;}
.reply a:hover b {
    background-position: 100% -84px;}
/* Цитата */
.replys a, .replys a b {
    height: 28px;
/*    background: #2b88d5 url("../images/reply.png") no-repeat;  */
background: -moz-linear-gradient(top, rgba(250,198,149,1) 0%, rgba(245,171,102,0.85) 48%, rgba(239,141,49,0.68) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(250,198,149,1) 0%,rgba(245,171,102,0.85) 48%,rgba(239,141,49,0.68) 100%); 
    /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(250,198,149,1) 0%,rgba(245,171,102,0.85) 48%,rgba(239,141,49,0.68) 100%); 
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#adef8d31',GradientType=0 ); /* IE6-9 */
 border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.replys a {
    float: right;
    margin-top: 21px;
    color: #fff;
    line-height: 27px;}
.replys a b {
    cursor: pointer;
    float: left;
    padding: 0 15px;
    background-color: transparent;
    background-position: 100% -28px;}
.replys a:hover {
    background-position: 0 -56px;}
.replys a:hover b {
    background-position: 100% -84px;}
/* комменты инфо */
div.cominfo {
    position: relative;
    border-bottom: 1px solid #fff;
    color: #e4e6e6;
    font-size: 0.9em;
    height: 29px;
    background: #3f4b51 url("../images/cominfo.png") repeat-x;
 border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
div.cominfo .thide {
    width: 13px;
    padding-top: 8px;
    position: absolute;
    left: 29px;
    top: -7px;
    background: url("../images/comarrow.png") no-repeat;}
div.cominfo .dpad {
    overflow: hidden;}
.comedit, .selectmass {
    display: inline;}
.selectmass input, .comedit ul, .comedit ul li {
    float: right;}
.comedit ul li, .selectmass input {
    margin: 6px 0 0 8px;}
.comedit ul li {
    float: left;}
.comedit ul li a {
    color: #9dc4e6;}
.selectmass input {
    vertical-align: middle;}
.signature {
    color: #93918d;}
ul.cominfo, ul.cominfo li {
    float: left;}
ul.cominfo {
    margin: 6px 0 0 -8px;}
ul.cominfo li {
    border-left: 1px solid #73858e;
    margin: 0 7px 0 0;
    padding-left: 7px;}
/*---Показ древовидных комментариев---*/
.comments-tree-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.comments-tree-list .comments-tree-list {padding-left: 30px;}
.comments-tree-item {
  display: block;
  margin: 0;
  padding: 0;
}
/* Блок: последние комментарии */
	.lastcomm {
		margin: -20px 0 0 0; padding: 0;
		list-style: none;
	}
		.lastcomm > li > a:after { content: ""; display: block; clear: both; }
		.lastcomm > li > a {
			display: block;
			color: inherit;
			text-decoration: none !important;
			border-bottom: 1px solid #d5d5d5;
			padding: 25px 0 25px 33px;
		}
		.lastcomm > li:last-child > a { border-bottom-width: 0; }
		.lastcomm > li > a .icon, .lastcomm > li > a > b { -webkit-transition: all ease .2s; transition: all ease .2s; }
		.lastcomm > li > a .icon {
			width: 16px; height: 14px;
			float: left;
			margin: 4px 0 0 -33px;
		}
		.lastcomm > li > a > * { cursor: pointer; display: block; }
		.lastcomm > li > a > b { display: block; margin-top: .4em;}
		.lastcomm > li > a > span {
			font-size: .9em;
			opacity: .5;
		}
		.lastcomm > li > a:hover > b { color: #3394e6; }

	.blocks > .title > b, .blocks > .title:after, .blocks > .title > h4 { font-size: 1em; margin: 0; display: inline-block; 
        vertical-align: middle; }
	.blocks > .title:after {
		content: "";
		background: #dedede;
		height: 4px; width: 100%;
		margin: 0 0 0 15px;
		border-top: 1px solid #d1d1d1;
	}
/*---Краткая содержимое---*/
.base {
    margin-bottom: 30px;}
.base .btl {
    color: #398dd8;
    margin-bottom: 0.6em;}
.bhinfo {
    height: 21px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbe8ed;
    margin-bottom: 10px;}
.baseinfo {
    padding: 0 8px 0 18px;
    font: 0.9em/21px sans-serif;
    color: #6c838e;
    float: left;
    height: 21px;
    background: #f1f5f7 url("../images/baseinfo.png") no-repeat 5px 50%;}
.bhinfo, .bhinfo ul, .bhinfo ul li {
    height: 19px;}
.bhinfo ul, .bhinfo ul li {
    float: left;}
.isicons li {
    width: 17px;
    height: 17px;
    padding: 2px 2px 2px 0;}
.isicons li img {
    display: block;}
/* Statistics */
.statistics { margin: 0 auto; padding:5px 10px 10px 10px; } .statinn { text-align: left; }
.statistics ul { margin-bottom: 15px; } .statistics ul li { position: relative; background: url("../images/dotted.gif") repeat-x 0 100%; 
    padding: 2px 0; }
.statistics ul li b { position: absolute; right: 0; }
/* Userpanel */
.usercolomn { padding: 00px 0 0 120px; margin-bottom: 9px;} .usercolomn .dleft { float: left; width: 100px; margin: 0 0 0 -110px; }
.usercolomn .dright { float: right; width: 100%; } .userinfo h2 { font-size: 18px; color: #828282; font-weight: normal; }
.userinfo .uirow, .userinfo .uirow2 { padding: 10px 0;  } .userinfo .uirow { padding-top: 0; } .userinfo .colomn { float: left; }
.boxlinks { line-height: 1.3em; padding-bottom: 5px; margin-bottom: 22px; background: #f2f9fc; border-top: 1px solid #d3d8ca; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.boxlinks .dtop { color: #6793a3; padding: 8px 36px 9px 10px; }
.boxlinks .dmid { overflow: hidden; }
.infodown { background-color: #65a22b; padding: 6px 10px; color: #fff; }
.infodown strong { font-weight: normal; }
.boxlinks .pad { margin: 0 10px; padding: 6px 0 2px 0; }
.boxlinks .pad a { color: #6b8a4e; }
.maincont { margin: 0 0 0.8em 0; text-align: justify;}
.btags { padding: 4px 0; margin: 0 0 8px 0; font-style: italic; color: #6b8a4e; }
.editdate, .tagstore { margin: 0 0 8px 0; font-style: italic; }
.editdate { text-align: right; color: #cdcdcd; }
.small { font-size: 0.9em; color: #717170; }
.storenumber { text-align: center; padding: 10px 0 0 0; }
/* Полная новость */
.basen { overflow:auto; padding-top: 7px;}
.news-title {
/*    background: gold; */
    width: 100%;
    max-width: 95%;
    height: auto;
/*    z-index: 100000; */
/* */   overflow-x:hidden;  
    white-space: pre-wrap; 
    word-wrap: break-word;}
.binner { overflow:auto; } 
.argmore { background:url(../images/argmore.png) no-repeat; width:96px; height:29px; float:right; margin-top:5px; }
.argmore:hover { background-position:0 -29px; } 
h1.newstitle { position:absolute; float:left; padding:11px 10 10 5px; text-transform:uppercase; 
    color:#8288a4; font-size:0.9em;/* white-space: pre-wrap; word-wrap: break-word;*/overflow-x:hidden;} 
h1.newstitle a {/*white-space: pre-wrap; word-wrap: break-word;*/ color:#484848; }
h2.newstitle {/* position:absolute;*/ float:left; padding:11px 10 10 5px; text-transform:uppercase; 
    color:#8288a4; font-size:0.9em;/* white-space: pre-wrap; word-wrap: break-word;*/overflow-x:hidden;} 
h2.newstitle a {/*white-space: pre-wrap; word-wrap: break-word;*/ color:#484848; }
h3.newstitle { position:absolute; float:left; padding:11px 0 0 5px; text-transform:uppercase; color:#8288a4; 
    font-size:0.9em;/* white-space: pre-wrap; word-wrap: break-word;*/} 
h3.newstitle a {/*white-space: pre-wrap; word-wrap: break-word;*/ color:#484848; }
.bass { height: 40px; border-bottom: 1px solid #ececec; }
.headinfo { height: 11px; position:absolute; margin:38px 0 0 -25px; padding: 0 0 20px 0;}/* Заголовок  */
ul.headmenu{list-style:none;}
ul.headmenu li { height:12px; line-height:8px; font-size:10px; color:#202020; padding:0px 8px 0px 8px; float:left;}
ul.headmenu li a{color:#908000; font-size:11px; text-decoration:none;} /* #505e67 */
ul.headmenu li a:hover{color:#eb7221;}
.ico-date { background:url(../images/date.png) no-repeat; width:19px; height:19px; float:left; margin:-6px 5px 0 0; }
.ico-cat { background:url(../images/category.png) no-repeat; width:19px; height:19px; float:left; margin:-6px 5px 0 0; }
.ico-author { background:url(../images/author.png) no-repeat; width:19px; height:19px; float:left; margin:-6px 5px 0 0; }
.nw { height: 62px;}
.nw-left { background:url(../images/nw-left.png) no-repeat; width:18px; height:62px; float:left;}
.nw-center {background:url(../images/nw-center.png) repeat-x; height:62px;}
.nw-right { background:url(../images/nw-right.png) no-repeat; width:18px; height:62px; float:right; }
/* Navisite */
.navigation { margin:0px 5px 10px 5px; font-weight: bold; line-height: 30px; background:#ecf0f3; width:98%; height:29px; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.navigation { text-align:center; margin:0 auto; }
.navipage a { text-decoration: none !important; color: #768d9e; padding: 5px 4px; }
.navipage a:hover { background-color: #6793a3; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.navipage span { color: #2f2f2f; padding: 3px 4px; }
.nprev img, .nnext img { vertical-align: middle; margin: 2px; width: 40px; height: 11px; 
    background: url("../images/navipage.png") no-repeat 0 0; }
.nnext a img { background-position: 0 -22px; }
.nprev a img { background-position: 0 -33px; }
.nnext span img { background-position: 0 0; }
.nprev span img { background-position: 0 -11px; }
/*---Другие новости по теме---*/
.related {
    border-bottom: 1px solid #f8fbfe;
    padding: 0 15px;
    background: #f3f8fd url("../images/relateddtop.png") repeat-x;}
.related .dtop {
    height: 37px;}
.related .dtop span, .related .dtop span b {
    float: left;
    height: 37px;
    background: url("../images/related.png") no-repeat;}
.related .dtop span {
    background-color: #458fda;
    background-position: 100% -37px;
    font-size: 0.9em;
    color: #fff;
    line-height: 36px;}
.related .dtop span b {
    padding: 0 15px;}
.related ul li {
    background: url("../images/reldot.png") no-repeat 7px 7px;
    padding: 1px 0 0 15px;
    margin-bottom: 1px;}
/*---Рейтинг---*/
.rating { width: 85px; height: 17px; font-size: 0.9em; }
.unit-rating { list-style: none; margin: 0; padding: 0; width: 85px; height: 17px; position: relative; 
    background: url("../dleimages/rating.png") repeat-x; }
.unit-rating li { text-indent: -90000px; padding: 0; margin: 0; float: left; }
.unit-rating li a { display: block; width: 17px; height: 17px; text-decoration: none; text-indent: -9000px; z-index: 17; 
    position: absolute; padding: 0; }
.unit-rating li a:hover { background: url("../dleimages/rating.png") 0 -17px; z-index: 2; left: 0; }
.unit-rating a.r1-unit {left: 0;}		.unit-rating a.r1-unit:hover {width:17px;}
.unit-rating a.r2-unit {left: 17px;}	.unit-rating a.r2-unit:hover {width: 34px;}
.unit-rating a.r3-unit {left: 34px;}	.unit-rating a.r3-unit:hover {width: 51px;}
.unit-rating a.r4-unit {left: 51px;}	.unit-rating a.r4-unit:hover {width: 68px;}
.unit-rating a.r5-unit {left: 68px;}	.unit-rating a.r5-unit:hover {width: 85px;}
.unit-rating li.current-rating { 
background: url("../dleimages/rating.png") 0 -34px; position: absolute; height: 17px; display: block; text-indent: -9000px; z-index: 1;
}

/*---ratebox---*/
.ratebox {
    float: right;
    width: 115px;
    height: 19px;
    text-align: center;
    padding-top: 2px;
/*    background: #f1f5f7 url("../images/ratebox.png"); */ }
.ratebox .rate {
    text-align: left;
    width: 85px;
    height: 17px;
    margin: 0 auto;
    overflow: hidden;}
.ratebox2 {
	float: right;}
.ratebox3 {
	float: right;}
.ratebox ul, .ratebox ul li {
	float: left;}
.ratebox2 ul, .ratebox2 ul li {
	float: left;}
.ratebox3 ul, .ratebox3 ul li {
	float: left;}
.storenumber, .basenavi, .maincont, .berrors, .fullstory, .basecont {
    margin-bottom: 15px;
    text-align: justify;}
.maincont img {
    padding: 5px;
    border: none;}
.mlink {
    font-size: 0.9em;
    overflow: hidden;
    background: #f0f5f8 url("../images/mlink.png") repeat-x;
    padding: 0 15px;
    height: 40px;
    border: 1px solid #cbdfe8;
    border-width: 1px 0;}
.argcat {
    padding-left: 10px;
    background: url("../images/argcat.png") no-repeat 0 58%;
    color: #6c838e;
    margin-top: 12px;}
.mlarrow {
    float: right;
    width: 50px;
    height: 40px;
    background: url("../images/mlinkarrow.png") no-repeat;}
/*----new raring 3-----*/
.mwrating { float: right;
/*    display: inline-block; */
    width: 96px;
    height: 18px;}/*---28---*/
.wmminus, .wmplus {
    width: 22px;
    height: 18px;}/*---28---*/
.mwrat {
    width: 42px;
    height: 22px;} /*---28---*/
.wmminus, .mwrat, .wmplus {
    display: inline-block;
    float: left;
    text-align: center;
    line-height: 22px; /*---28---*/
    position: relative;}
.wmminus a {
    transition: all 0.2s;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 22px;
    height: 22px; /*---28---*/
    line-height: 22px; /*---28---*/
    text-align: center;
    background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
    border-top-left-radius: 5px; /*---3---*/
    border-bottom-left-radius: 5px; /*---3---*/
    border: 1px solid #D60A07;
    border-right: 0px;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.24);
    font-family: 'Tahoma';
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.62);}
.wmplus a {
    transition: all 0.2s;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 22px;
    height: 22px; /*---28---*/
    line-height: 22px; /*---28---*/
    text-align: center;
    background: linear-gradient(to bottom, #97d624 0%,#7cbc0a 100%);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #7EBE0C;
    border-left: 0px;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.24);
    font-family: 'Tahoma';
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.33);}
.wmminus a:hover, .wmplus a:hover {
    text-decoration: none;
    text-shadow: 0px 0px 5px #fff;}
.wmminus a:active, .wmplus a:active {
    opacity: 0.5;}
.mwrat {
    background: linear-gradient(to bottom, #F0F0F0 0%,#D5D5D5 100%);
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #C3C3C3;
    box-shadow: inset 0px 1px 0px #fff;
    font-family: 'Arial';
    font-weight: 600;
    font-size: 14px;
    text-shadow: 0px 1px 1px #fff;}
/*---Подробнее---*/
.argmore a, .argmore a b {
    height: 28px;
    background: #2886d4 url("../images/argmore.png") no-repeat;}
.argmore a {
    float: right;
    margin: 6px 0 0 7px;
    line-height: 28px;
    color: #fff;}
.argmore a b {
    cursor: pointer;
    float: left;
    padding: 0 35px 0 11px;
    background-color: transparent;
    background-position: 100% -28px;}
.argmore a:hover {
    background-position: 0 -56px;}
.argmore a:hover b {
    background-position: 100% -84px;}
.argback a, .argback a b {
    height: 23px;
    background: url("../images/argback.png") no-repeat;}
.argback a {
    margin: 9px 0 0 5px;
    float: right;
    line-height: 22px;
    background-position: 100% -46px;}
.argback a b {
    float: left;
    cursor: pointer;
    padding: 0 15px 0 28px;
    background-position: 0 0;}
.argback a:hover b {
    background-position: 0 -23px;}
.argviews span, .argcoms span, .argviews span b, .argcoms span b {
    background: url("../images/args.png") no-repeat 100% -23px;
    height: 23px;}
.argviews span, .argcoms span {
    line-height: 23px;
    float: right;
    margin: 9px 0 0 5px;}
.argviews span {
    background-position: 0 -46px;}
.argcoms span {
    background-position: 0 0;}
.argviews span b, .argcoms span b {
    padding: 0 7px 0 25px;
    font-weight: normal;
    float: left;}
/*---Заголовок страниц---*/
.pheading {
    overflow: hidden;
    border-bottom: 1px solid #dadada;
    padding: 0 15px 13px 15px;
    background: url("../images/speedbar.png") repeat-x 0 100%;}
.pheading h2 {
    color: #468edb;
    font-size: 1.7em;
    font-weight: normal;}
.pheading .lcol {
    margin-right: 10px;}
.pheading h2 span {
    color: #3f4b51;}
.pheading .ratebox {
    width: 141px;
    padding: 3px 0 1px 0;
    padding-right: 6px;
    background: #f1f5f7 url("../images/ratebox2.png") no-repeat;}
.pheading .ratebox .rate, .pheading .ratebox span {
    float: right;}
.pheading .ratebox span {
    padding-right: 5px;
    font-size: 0.9em;
    color: #a2b2ba;}
.heading {
    color: #96c;
    margin-bottom: 0.3em;}
.basecont {
    padding-top: 14px;
    border-top: 1px solid #e8e8e8;
    background: url("../images/basecont.png") repeat-x;}
/*---Userinfo---*/
.userinfo {
    padding-left: 125px;}
.ui-dialog-content .userinfo {
    padding: 10px 0 10px 125px;}
.userinfo .lcol {
    margin-left: -125px;
    width: 110px;
    padding-right: 15px;}
.userinfo .lcol .avatar {
    margin-bottom: 10px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #c0d4de;}
.userinfo .lcol .avatar img {
    width: 100px;}
.userinfo .lcol ul {
    font-size: 0.9em;}
.userinfo .rcol {
    width: 100%;}
.userinfo .rcol ul {
    list-style: none;
    margin-left: 0;}
.userinfo .rcol ul li {
    margin-bottom: 0.2em;}
.ussep {
    padding-top: 12px;
    background: url("../images/ussep.png") no-repeat;}
.grey {
    color: #6c838e;}
.blue {
    color: #388bd4;}
/*--- Кнопка Наверх  ---*/
.b-top {z-index:2600;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
color:white;background:#D8D5C2 url(https://basaru.net.ru/uploads/b-j-top.png) no-repeat 50% 11px;border-radius:7px;}
/*---statistics---*/
.statistics {
    overflow: hidden;
    margin: 0;
    padding: 0;}
.statistics ul.lcol {
    min-height: 71px;
    background: url("../images/statsep.png") no-repeat;
    margin: 0 0 20px -1px;
    padding-top: 14px;
    width: 33.3%;}
.statistics ul.lcol li {
    padding: 0 15px;
    margin-bottom: 2px;}
/*Всплывающий скриншот*/ 
.thumbnail{  
position: relative;  
z-index: 0;  
}  
.thumbnail:hover{  
background-color: transparent;  
z-index: 50;  
}  
.thumbnail span{ 
    visibility:hidden;
    border: 3px solid grey;
    bottom:70px; /*с какого уровня изображение будет появляться*/ 
    left:40%;
    margin-left:70px; /*  Положение по горизонтали  -20 */
    opacity:0;
    padding:10px;
    position:absolute;
    z-index:99;
    /**/
    background-image:-webkit-linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.2));
    background-image:-moz-linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.2));
    background-image:-ms-linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.2));
    background-image:-o-linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.2));
    background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.2)); 
    background-color: #eee;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;}  
.thumbnail span img{ 
border-width: 0;  
padding: 2px;}  
.thumbnail:hover span{ 
    bottom:70px; /*до какого уровня изображение будет опускаться*/ 
    opacity:0.95;
    visibility:visible;
    box-shadow: 0.9em 0.9em 15px #555;/*редактируем тень 1 сдвиг тени по горизонтали 
    2 сдвиг по вертикали 3 радиус размытия тени
    4 цвет тени*/
-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);    
/*раскомментировать при желании появления изображения
посредством увеличения*/
}  
/*  UPPOD PLAYER  */
.uppod_style_video {
  width: 640px;
  height: 480px;}
.uppod_style_audio {
    width: 300px;
    height: 35px;}
/*--- POST и содержание короткое  ---*/
.posts .clear {
    height: 22px;}
.posts {
    overflow: hidden;}
.posts+.posts {
    margin-top: 42px;
    border-top: 1px solid #d2d5db;
    padding-top: 36px;}
.spost {
    overflow: hidden;
	 height: 55px;
	    font-size: 21px;
    line-height: 1.5;} /* 32px */
.spost+.spost {
    margin-top: 22px;
    border-top: 1px solid #d2d5db;
    padding-top: 16px;}
.prv .text1{
    padding-bottom: 1px;
    margin-top: -1px;}
.prv p+.text1 {
    padding-top: 3px;}
/****classes****/
.mb0 {margin-bottom: 0px !important;}
.m0 {margin: 0 !important;}
.pad0 {padding: 0 !important;}
.pad1 {}
/*--- IMG ---*/
.img_inner {
    object-fit: cover;
    max-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 19px;
    margin-top: 6px;
    border-radius: 8px;}
.fleft {
    float: left;
    object-fit: cover;
    width: auto !important;
    margin-right: 30px;
    margin-bottom: 0px;}
.oh {
    overflow: hidden;}
.fright {
    float: right !important;}
.upp {
    text-transform: uppercase;}
@keyframes blink {  
    0% { opacity: 0; }
    49% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    49% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }}
.blink {
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite;}

/*
   ===============================
   ======== YELLOW STYLE =========
   =============================== 
*/
.dropbuttonss { /* main class */
 height: 48px;
 width: 200px;
 font: bold 16px/48px arial;
 margin: 20px;
 position: relative;
 z-index: 0;}
.yellow:first-child { /* styling for the left part */
 padding: 7px;
 float: left;
 width: 32px;
 height: 32px;
/* border radius */
 -webkit-border-radius: 4px 0 0 4px;  
 -moz-border-radius: 4px 0 0 4px;  
 border-radius: 4px 0 0 4px;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#ffe468), to(#ffa41c));
 background: -moz-linear-gradient(#ffe468, #ffa41c);
 background-color: #ffa41c;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #ff9600;}
.dropbuttonss:hover .yellow:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#fff584), to(#ffbd20));
 background: -moz-linear-gradient(#fff584, #ffbd20);
 background-color: #ffbd20;}
.dropbuttonss:active .yellow:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#ffe468));
 background: -moz-linear-gradient(#ffb71c, #ffe468);
 background-color: #ffe468;}
.yellow  {  /* styling for the right part */
 height: 46px;
 width: 151px;
 float: left;
 text-align: center;
/* border radius */
 -webkit-border-radius: 0 4px 4px 0;  
 -moz-border-radius: 0 4px 4px 0;  
 border-radius: 0 4px 4px 0;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#ffe468), to(#ffa41c));
 background: -moz-linear-gradient(#ffe468, #ffa41c);
 background-color: #ffa41c;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #ff9600;
 border-left: 0;}
.dropbuttonss:hover .yellow  {
 background: -webkit-gradient(linear, left top, left bottom, from(#fff584), to(#ffbd20));
 background: -moz-linear-gradient(#fff584, #ffbd20);
 background-color: #ffbd20;}
.dropbuttonss:active .yellow  {
 background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#ffe468));
 background: -moz-linear-gradient(#ffb71c, #ffe468);
 background-color: #ffe468;}
.yellow  a { /* link styling */
 color: #333;
 font: bold 16px/32px arial, helvetica, sans-serif;
 text-decoration: none;
 text-shadow: 0 1px 0 #fff;}
/*
   ===============================
   ======== ORANGE STYLE =========
   =============================== 
*/
.orange:first-child { /* styling for the left part */
 padding: 7px;
 float: left;
 width: 32px;
 height: 32px;
/* border radius */
 -webkit-border-radius: 4px 0 0 4px;  
 -moz-border-radius: 4px 0 0 4px;  
 border-radius: 4px 0 0 4px;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#fe9f3a), to(#f65b17));
 background: -moz-linear-gradient(#fe9f3a, #f65b17);
 background-color: #f65b17;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #db4706;}
.dropbuttonss:hover .orange:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#ffce79), to(#f47638));
 background: -moz-linear-gradient(#ffce79, #f47638);
 background-color: #f47638;}
.dropbuttonss:active .orange:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#f47638), to(#fe9f3a));
 background: -moz-linear-gradient(#f47638, #fe9f3a);
 background-color: #fe9f3a;}
.orange  {  /* styling for the right part */
 height: 46px;
 width: 151px;
 float: left;
 text-align: center;
/* border radius */
 -webkit-border-radius: 0 4px 4px 0;  
 -moz-border-radius: 0 4px 4px 0;  
 border-radius: 0 4px 4px 0;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#fe9f3a), to(#f65b17));
 background: -moz-linear-gradient(#fe9f3a, #f65b17);
 background-color: #f65b17;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #db4706;
 border-left: 0;}
.dropbuttonss:hover .orange  {
 background: -webkit-gradient(linear, left top, left bottom, from(#ffce79), to(#f47638));
 background: -moz-linear-gradient(#ffce79, #f47638);
 background-color: #f47638;}
.dropbuttonss:active .orange  {
 background: -webkit-gradient(linear, left top, left bottom, from(#f47638), to(#fe9f3a));
 background: -moz-linear-gradient(#f47638, #fe9f3a);
 background-color: #fe9f3a;}
.orange  a { /* link styling */
 color: #fbfbfb;
 font: bold 16px/32px arial, helvetica, sans-serif;
 text-decoration: none;
 text-shadow: 0 1px 0 #db4706;}
/*
   ===============================
   ========= GREEN STYLE =========
   =============================== 
*/
.green:first-child { /* styling for the left part */
 padding: 7px;
 float: left;
 width: 32px;
 height: 32px;
/* border radius */
 -webkit-border-radius: 4px 0 0 4px;  
 -moz-border-radius: 4px 0 0 4px;  
 border-radius: 4px 0 0 4px;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#c9f33c), to(#8ac70c));
 background: -moz-linear-gradient(#c9f33c, #8ac70c);
 background-color: #8ac70c;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #7ab205;}
.dropbuttonss:hover .green:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#dbfa97), to(#9ad819));
 background: -moz-linear-gradient(#dbfa97, #9ad819);
 background-color: #9ad819;}
.dropbuttonss:active .green:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#99d41e), to(#bbe52c));
 background: -moz-linear-gradient(#99d41e, #bbe52c);
 background-color: #c9f33c;}
.green  {  /* styling for the right part */
 height: 46px;
 width: 151px;
 float: left;
 text-align: center;
/* border radius */
 -webkit-border-radius: 0 4px 4px 0;  
 -moz-border-radius: 0 4px 4px 0;  
 border-radius: 0 4px 4px 0;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#c9f33c), to(#8ac70c));
 background: -moz-linear-gradient(#c9f33c, #8ac70c);
 background-color: #8ac70c;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #7ab205;
 border-left: 0;}
.dropbuttonss:hover .green  {
 background: -webkit-gradient(linear, left top, left bottom, from(#dbfa97), to(#9ad819));
 background: -moz-linear-gradient(#dbfa97, #9ad819);
 background-color: #9ad819;}
.dropbuttonss:active .green  {
 background: -webkit-gradient(linear, left top, left bottom, from(#99d41e), to(#bbe52c));
 background: -moz-linear-gradient(#99d41e, #bbe52c);
 background-color: #c9f33c;}
.green  a { /* link styling */
 color: #333;
 font: bold 16px/32px arial, helvetica, sans-serif;
 text-decoration: none;
 text-shadow: 0 1px 0 #e2ffa5;}
/*
   ===============================
   ========= BLUE STYLE =========
   =============================== 
*/
.blue:first-child { /* styling for the left part */
 padding: 7px;
 float: left;
 width: 32px;
 height: 32px;
/* border radius */
 -webkit-border-radius: 4px 0 0 4px;  
 -moz-border-radius: 4px 0 0 4px;  
 border-radius: 4px 0 0 4px;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#87deff), to(#40a9fd));
 background: -moz-linear-gradient(#87deff, #40a9fd);
 background-color: #40a9fd;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #008af5;}
.dropbuttonss:hover .blue:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#b1eaff), to(#68bcff));
 background: -moz-linear-gradient(#b1eaff, #68bcff);
 background-color: #68bcff;}
.dropbuttonss:active .blue:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#68bcff), to(#87deff));
 background: -moz-linear-gradient(#68bcff, #87deff);
 background-color: #87deff;}
.blue  {  /* styling for the right part */
 height: 46px;
 width: 151px;
 float: left;
 text-align: center;
/* border radius */
 -webkit-border-radius: 0 4px 4px 0;  
 -moz-border-radius: 0 4px 4px 0;  
 border-radius: 0 4px 4px 0;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#87deff), to(#40a9fd));
 background: -moz-linear-gradient(#87deff, #40a9fd);
 background-color: #40a9fd;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #008af5;
 border-left: 0;}
.dropbuttonss:hover .blue  {
 background: -webkit-gradient(linear, left top, left bottom, from(#b1eaff), to(#68bcff));
 background: -moz-linear-gradient(#b1eaff, #68bcff);
 background-color: #68bcff;}
.dropbuttonss:active .blue  {
 background: -webkit-gradient(linear, left top, left bottom, from(#68bcff), to(#87deff));
 background: -moz-linear-gradient(#68bcff, #87deff);
 background-color: #87deff;}
.blue  a { /* link styling */
 color: #fbfbfb;
 font: bold 16px/32px arial, helvetica, sans-serif;
 text-decoration: none;
 text-shadow: 0 1px 0 #008af5;}
/*
   ===============================
   ======== PURPLE STYLE =========
   =============================== 
*/
.purple:first-child { /* styling for the left part */
 padding: 7px;
 float: left;
 width: 32px;
 height: 32px;
/* border radius */
 -webkit-border-radius: 4px 0 0 4px;  
 -moz-border-radius: 4px 0 0 4px;  
 border-radius: 4px 0 0 4px;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#cba7f5), to(#9b45f4));
 background: -moz-linear-gradient(#cba7f5, #9b45f4);
 background-color: #9b45f4;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #6a14c3;}
.dropbuttonss:hover .purple:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#dcbefe), to(#a75ff2));
 background: -moz-linear-gradient(#dcbefe, #a75ff2);
 background-color: #a75ff2;}
.dropbuttonss:active .purple:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#b97afc), to(#cba7f5));
 background: -moz-linear-gradient(#b97afc, #cba7f5);
 background-color: #cba7f5;}
.purple  {  /* styling for the right part */
 height: 46px;
 width: 151px;
 float: left;
 text-align: center;
/* border radius */
 -webkit-border-radius: 0 4px 4px 0;  
 -moz-border-radius: 0 4px 4px 0;  
 border-radius: 0 4px 4px 0;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#cba7f5), to(#9b45f4));
 background: -moz-linear-gradient(#cba7f5, #9b45f4);
 background-color: #9b45f4;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #6a14c3;
 border-left: 0;}
.dropbuttonss:hover .purple  {
 background: -webkit-gradient(linear, left top, left bottom, from(#dcbefe), to(#a75ff2));
 background: -moz-linear-gradient(#dcbefe, #a75ff2);
 background-color: #a75ff2;}
.dropbuttonss:active .purple  {
 background: -webkit-gradient(linear, left top, left bottom, from(#b97afc), to(#cba7f5));
 background: -moz-linear-gradient(#b97afc, #cba7f5);
 background-color: #cba7f5;}
.purple  a { /* link styling */
 color: #fbfbfb;
 font: bold 16px/32px arial, helvetica, sans-serif;
 text-decoration: none;
 text-shadow: 0 1px 0 #6a14c3;}
.instagram-media, .twitter-tweet {display: inline-block !important;}
/* Кнопка 2 градиент белый */
a.button2{
    background:linear-gradient(to bottom, #FFFFFF, #E6E6E6) #F5F5F5 repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333; text-decoration:none;
    display:block;
    font-size: 16px; width:180px;
    line-height: 20px;
    margin: 20px auto;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

a.button2:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}

a.button2:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
a.button2:hover:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}
/* Кнопка 14 radius с подсветкой */
a.button14 { margin-top:5px; display: inline-block; text-shadow: 1px 1px #fff; text-decoration: none;
  padding: .3em 1em; border: 1px solid #aaa; border-radius: 100px; outline: none;
  background: #d6dbbf no-repeat;
  background-image:
   linear-gradient(to left, #aaa, #aaa),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#feffe8, #d6dbbf);
  background-position: calc(100% - 2.7em) 0, calc(100% - 2.7em + 1px) 0, 0 0;
  background-size: 1px 100%, 1px 100%, auto auto;
  overflow: hidden;
}
a.button14:after {
  content: "\bb"; position: relative; bottom: 0; display: inline-block; margin-left: 1.4em;
  vertical-align: middle;
  font-family: "Times","Times New Roman","serif","sans-serif","EmojiSymbols";
  font-weight: 700;
  font-size: 140%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
a.button14:hover {
  background-color: #fdfd9f;
  background-image:
   linear-gradient(to left, #aaa, #aaa),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#fffce7, #fdfd9f);
}
a.button14:active:after {
  bottom: -1.2em;
  transition: .3s;
} 
/* --- Работа вкладок --- */
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
/* --- Иконки --- */
.icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	fill: #3394e6;
	vertical-align: middle;
}
	.icon-logo { width: 42px; height: 42px; }
.icon-vk { width: 10px; height: 1em; }
	.icon-tw { width: 14px; height: 1em; }
	.icon-fb { width: 8px; height: 1em; }
	.icon-gp { width: 18px; height: 1em; }
	.icon-ya { width: 7px; height: 1em; }
	.icon-od { width: 10px; height: 1em; }
	.icon-mail { width: 16px; height: 1em; }
.grey .icon { fill: #919191; }
/** * Search page Поиск по сайту */
.search-block__form-submit{ font-weight: 500;line-height: 18px; padding: 10px 8px 11px;text-transform: uppercase;width: 100%;}
.search-block .search-block__form-input{line-height: 18px; font-size: .9375em; padding-top: 9px; padding-bottom: 10px;}
.search-block__count {color: #777;font-size: .875em; margin-top: 8px;}
.search-block__count span {font-weight: 500;}
.block {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
/* Player Плеер */
/* Базовый контейнер табов */
.tabs {
  min-width: 320px;
  max-width: 800px;
  padding: 0px;
  margin: 0 auto; 
}
/* стили секций с содержанием */
sections {
  display: none;
  padding: 3px;
  background: #263541;
/*  border: 1px solid #ddd; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tabs input {
  display: none;
}
/* стили вкладок (табов) */
.tabs label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 10px 15px;
  font-weight: 600;
  text-align: center;
  color: #aaa;
/*  border: 1px solid #ddd; */
  background: #263541;
  border-radius: 5px 5px 0 0;
}
/* шрифт-иконки от Font Awesome в формате Unicode *//*
.tabs label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}
.tabs label[for*="1"]:before {
  content: "\f19a";
}
.tabs label[for*="2"]:before {
  content: "\f17a";
}
.tabs label[for*="3"]:before {
  content: "\f13b";
}
.tabs label[for*="4"]:before {
  content: "\f13c";
} */
/* изменения стиля заголовков вкладок при наведении */
.tabs label:hover {
  color: #888;
  cursor: pointer;
}
/* стили для активной вкладки */
.tabs input:checked + label {
  color: #fff;
/*  border: 1px solid #ddd; */
/*  border-top: 1px solid #009933; */
  border-bottom: 1px solid /*#fff*/ #263541;
  background: /*#fff*/ #465561;
}
/* активация секций с помощью переключателя :checked */
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

blockquote p{
    color:#444;
padding:14px 18px;
    font-family:"Arial";
    font-size:16px;
    line-height:28px;
    font-style:italic;
    font-weight: 550;
    border:2px solid #cccccc;
    border-top-width:1px;
    border-right-width:1px;
border-bottom-width:1px;
    border-left-width:4px;
    background:#fff8dc;
    border-radius:0 20px 20px 0;box-shadow:2px 2px 2px #acacac}
/* медиа запросы для различных типов носителей */  
@media screen and (max-width: 680px) { 
 .tabs label {font-size: 0;}
 .tabs label:before {margin: 0; font-size: 18px; }
}
@media screen and (max-width: 400px) {
  .tabs label { padding: 15px;  }
}
/*--- Подсветка исходного кода ---*/
.hljs-comment, .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag, .hljs-keyword, .hljs-formula {
  color: #a626a4;
}

.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in, .hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
  color: #986801;
}

.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}
/* 15.1 */
figure {
    margin: 0;
}

figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image.align-center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

figure.image figcaption {
	padding: 1rem;
    background-color: #fafafa;
    font-size: .8rem;
    caption-side: bottom;
    word-break: break-word;
    text-align: center;
}

figure.image.align-center figcaption {
	display: table-caption;
}
/* DLE 15.3 */
.comments-image-gallery {
  margin: 0;
  padding: 0;  
  list-style: none;
  clear: both;
}

.comments-image-gallery li{
	list-style: none;
	margin: 0;
	padding: 0;  
}
/* DLE 16.0 */
.image-bordered {
	border: 1px solid #ddd;
}

.image-shadows {
	box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}

.image-padded {
	padding: 0.5rem;
}

.comments-user-profile {
  font-weight: bold;
  cursor: pointer;
  color: #3394e6;
}
/* DLE 16.1 */
.title_spoiler svg{
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 7px;
	height: 16px;
	width: 16px;
}
/* Online */
.lightstat_main * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lightstat_main *:before, .lightstat_main *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: 
    border-box; }
.lightstat_main { min-width: 180px; width: 100%; margin: 0 auto; font-family: arial; box-shadow: 0 4px 10px rgba(0, 0, 0, .1); 
    border-radius: 8px; }
.lightstat_progress { width: 100%; padding: 0 10px; } .lightstat_progress span { height: 4px; display: block; float: left; } 
.lightstat_progress span:nth-of-type(1) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } 
.lightstat_progress span:nth-last-of-type(1) { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } 
.lightstat_body { background: #242043; border-radius: 8px 8px 0 0; padding: 15px 0 1px 0; } 
.lightstat_body.border_none_user { border-radius: 8px; } .lightstat_body 
.result_numb div { padding: 0 10px 11px 10px; color: #bbb; font-size: 14px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .6); } 
.lightstat_body .result_numb div span:nth-of-type(1) { width: 8px; height: 8px; display: inline-block; border-radius: 99px; 
    margin: 4px 10px 0 0; vertical-align: top; box-shadow: 0px -1px 1px rgba(0, 0, 0, .6); } 
.lightstat_body .result_numb div span:nth-of-type(2) { float: right; color: #fff; } .lightstat_body .result_numb 
.lightstat_user span:nth-of-type(1) { border: 2px solid #d9823b; } .lightstat_body .result_numb 
.lightstat_guest span:nth-of-type(1) { border: 2px solid #a963b9; } .lightstat_body .result_numb 
.lightstat_bot span:nth-of-type(1) { border: 2px solid #36a7a5; } .lightstat_user_circle { background: #d9823b; } 
.lightstat_guest_circle { background: #a963b9; } .lightstat_bot_circle { background: #36a7a5; } 
.lightstat_is { color: #fff; font-size: 10px; text-transform: uppercase; padding: 18px 0 15px 28px; display: block; 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .6); } .lightstat_user_list { background: #fff; border-radius: 0 0 8px 8px; 
        position: relative; } .lightstat_pandoge_com { width: 8px; height: 20px; position: relative; background: #222; 
            display: block; position: absolute; top: 0; right: 20px; transition: .2s; } 
.lightstat_pandoge_com:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; 
    border-bottom: 4px solid #d1d5d8; border-left: 4px solid transparent; border-right: 4px solid transparent; } 
.lightstat_pandoge_com:hover { height: 24px; transition: .2s; } 
.lightstat_user_list_title { color: #242043; font-size: 10px; text-transform: uppercase; padding: 18px 0 17px 28px; 
    display: block; font-weight: 700; } .lightstat_user_list_item { padding: 0 10px 20px 10px; display: -ms-flexbox; 
        display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; 
        flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } 
.lightstat_user_list_item a { text-decoration: none !important; color: #242043; } .lightstat_user_list_item_avatar { 
    background-size: cover !important; border-radius: 99px; width: 34px; height: 34px; display: block; } 
.lightstat_user_list_item_avatar:hover { opacity: .8; } .lightstat_user_list_item_info { font-size: 12px; font-weight: 700; 
    width: calc(100% - 34px); padding: 1px 0 0 10px; } .lightstat_user_list_item_info span { display: block; font-weight: 400; 
        padding: 2px 0 0 0; color: #888; } .lightstat_user_list_item_info span.online { color: #0e8952; } 
.lightstat_user_list_item_info a:hover { text-decoration: underline !important; } 
.full_list_visit { margin: auto; color: #242043; font-size: 10px; text-transform: uppercase; display: block; font-weight: 700; 
    width: 120px; text-align: center; background: #fff; border-radius: 99px; height: 26px; line-height: 26px; 
    border: 1px solid #888; box-shadow: 0 2px 4px rgba(0, 0, 0, .1); } .full_list_visit:hover { 
        box-shadow: 0 4px 8px rgba(0, 0, 0, .2); } .full_list_visit_bg { position: absolute; bottom: 0; left: 0; right: 0; 
            border-radius: 0 0 8px 8px; z-index: 2; 
            background: -moz-linear-gradient(bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%); 
            background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%); 
            background: linear-gradient(to bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%); padding: 20px 0; } 
.lightstat_user_list_item { display: none; } .lightstat_user_list .lightstat_user_list_item:nth-of-type(1), 
.lightstat_user_list .lightstat_user_list_item:nth-of-type(2), .lightstat_user_list 
.lightstat_user_list_item:nth-of-type(3) { display: flex; } .lightstat_light_theme .lightstat_body { background: #f1f5f7; } 
.lightstat_light_theme .lightstat_body { background: #f1f5f7; } .lightstat_light_theme 
.lightstat_user_list_item a { color: #030304; } .lightstat_light_theme .lightstat_user_list_title { color: #030304; } 
.lightstat_light_theme .lightstat_body .result_numb div span:nth-of-type(2) { color: #283e52; } .lightstat_light_theme 
.lightstat_body .result_numb div { color: #030304; text-shadow: none; } .lightstat_light_theme .lightstat_is { text-shadow: none; 
    color: #283e52; } .lightstat_light_theme .lightstat_body .result_numb .lightstat_user span:nth-of-type(1) { 
        border: 2px solid #0bb1d6; box-shadow: none; } .lightstat_light_theme .lightstat_body .result_numb 
.lightstat_guest span:nth-of-type(1) { border: 2px solid #ff6d00; box-shadow: none; } .lightstat_light_theme 
.lightstat_body .result_numb .lightstat_bot span:nth-of-type(1) { border: 2px solid #345471; box-shadow: none; } 
.lightstat_light_theme .lightstat_user_circle { background: #0bb1d6; } .lightstat_light_theme .lightstat_guest_circle { 
    background: #ff6d00; } .lightstat_light_theme .lightstat_bot_circle { background: #345471; }
/* DLE 17.1 */
.DLEPush {
	z-index: 2001;
	position: fixed;
	right: 20px;
	top: 20px
}

@keyframes DLEPush-show {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.DLEPush-notification.wrapper {
	animation-name: DLEPush-show;
	animation-duration: 1s;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
	background-color: #fff;
	border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 45px;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
	scale: .8;
}

.DLEPush-notification .DLEPush-header {
	font-weight: 500;
	grid-column: 2;
	grid-row: 1;
	font-size: 1rem;
	margin-left: 1rem;
	margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
	margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
	grid-column: 2;
	grid-row: 2;
	font-size: .875rem;
	margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
	list-style-type: none;
	padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
	position: absolute;
	top: 8px;
	right: 10px;
	font-weight: 300;
	background: none;
	border: 0;
	font-size: 1.15rem;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	color: inherit;
	outline: 0;
	opacity: 0.75;
}

@media only screen and (min-width: 601px) {
	.DLEPush-notification.wrapper {
		min-width: 400px;
	}
}

.DLEPush-notification .DLEPush-close:hover {
	opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
	background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
	background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
	background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
	background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
	background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
	background-color: #FF5722;
}

input[type="text"].comments_author_field {
	width: 100%;
	margin-bottom: 10px;
}