/*icons*/
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?cmd48s');
    src: url('fonts/icomoon.eot?cmd48s#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?cmd48s') format('truetype'), url('fonts/icomoon.woff?cmd48s') format('woff'), url('fonts/icomoon.svg?cmd48s#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Base ******************************/
html,
body {
    height: 100%;
    width: 100%;
}
html {
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    word-break: break-word;
}
#navig-page .on{
	background-color: #908e8e;
}
.user-bar__login .note{
	position: absolute;
	top: 5px;
	left: 0;
}
.user-bar__login .note a{
	background-color: #b90000;
	color: white;
	border: 1px solid gray;
	border-radius: 50%;
	padding: 2px 5px;
	font-weight: bold;
	margin-right: 5px;
}
.btajax{
	cursor: pointer;
}
#post-comments{
	padding: 20px 0;
}
#post-comments ul{
	margin-bottom: 20px;
}
.cmt{
	padding: 5px 10px;
	margin: 5px 0;
	border-bottom: 1px dashed gray;
}
.cmt.answer{
	margin-left: 20px;
	border-left: 1px dotted gray;
	border-bottom: none;
}
.cmt.answer .cmt.answer{
	margin-left: 0;
	border-left: none;
	padding-left: 0;
}
.block-name{
	text-align: center;
	padding-bottom: 20px;
}
section.artcls{
	padding-bottom: 35px;
	margin-bottom: 20px;
	background: url(ornament.png) repeat-x bottom left;
}
.sender-topic{
	display: inline-block;
	width: 100%;
}
.sender-topic .main{
	padding: 5px 10px;
	background-color: #d2ffd3;
	border-radius: 10px;
}
.invite-form{
    background-color: #efefef;
    padding: 5px 15px;
    border-radius: 10px;
}
.sender-topic .message{
	clear: both;
	max-width: 80%;
	padding: 5px 10px;
	margin: 10px;
	border: 1px solid gray;
	border-radius: 10px;
	box-shadow: 0 2px 10px 0 rgba(86, 62, 142, 0.1);
}
.sender-topic .message.user{
	background-color: #fffacd;
	float: left;
}
.sender-topic .message.moder{
	background-color: #f0f8ff;
	float: right;
}
.cls{
	clear: both;
}
.skip-url-param{
	cursor: pointer;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 50%;
	border: 1px solid white;
}
.skip-url-param:hover{
	color: #c93c40;
	border-color: gray;
}
.layer-control{
	border-bottom: 1px solid gray;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	box-shadow: 0px 10px 10px 1px rgba(86, 62, 142, 0.1);
}
.bt-layer{
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid gray;
	border-radius: 10px 10px 0 0;
	margin-right: 10px;
	cursor: pointer;
}
.bt-layer.on,.bt-layer:hover{
	background: #fff3aa;
}
#new-kolodar td{
	position: relative;
}
#new-kolodar textarea{
	resize: auto;
}
#new-kolodar td:first-child{
	width: 40%;
}
#kladr_autocomplete{
	position: absolute;
	z-index: 1;
	width: 100%;
}
#kladr_autocomplete *[title$='kladr-api.ru']{
	display: none;
}
#kladr_autocomplete small {
    font-size: 13px;
}
#kladr_autocomplete ul {
    border-radius: 0 0 5px 5px;
    border: 1px solid #ded7f9;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(86, 62, 142, 0.1);
    box-shadow: 0 2px 10px 0 rgba(86, 62, 142, 0.1);
}
#kladr_autocomplete ul li{
	padding: 5px 10px;
}

/* Прописываем стили для тултипа с сообщением об ошибке*/
.tooltip {
    color: #b94a48;
    padding: 8px 10px;
    border-radius: 5px;
    border: 1px solid #eed3d7;
    background-color: #f2dede;
    opacity: 0.8;
    font-size: 14px;
}
#kolodar_month,#kolodar_serch{
	display: none;
}
#kolodar_month.on,#kolodar_serch.on{
	display: block;
}
#kolodar_serch .line{
	display: inline-block;
	padding: 5px 10px;
	margin: 5px;
	vertical-align: top;
	max-width: 50%;
}
#kolodar_serch .form{
	border-bottom: dotted 1px silver;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.kolodar_list{
	border-bottom: dotted 1px silver;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background: url(pereplet.jpg) repeat-x left top;
	padding-top: 50px;
}
.kolodar_list .detail{
	clear: both;
}
.kolodar_list:nth-child(even){
	background-color: #fafafa;
}
.kolodar_list .img{
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
	width: 247px;
}
.kolodar_list .show-next{
	border: none;
}
.kolodar_list .name{
	text-transform: uppercase;
}
.kolodar_list h3{
	text-align: center;
}
.kolodar_list .show-next{
	color: #c93c40;
}
body {
    margin: 0;
    padding: 0;
    min-width: 320px;
    background-color: #fff;
    color: #393939;
    font: normal 1rem/1.6 "Open Sans", Helvetica, Arial, sans-serif;
    overflow-x: hidden;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    background: fixed #fff url(def_bg.jpg) 0 50% repeat;
}
body.cke_editable{
	background: white;
}
a {
    color: #171717;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    transition: color .15s, border-bottom .15s;
}

a img {
	 border: none;
}

.req:after{
	content: '*';
	display:inline;
	color: red;
	padding-left: 5px;
}

.link, .text a:not(.button) {
    color: #C93C40;
}

:focus {
    outline: none;
}

h1,
h2,
h2,
h4,
p,
form,
table,
tr,
td,
th,
ul,
li {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

header,
section,
footer,
aside,
nav,
article,
figure {
    display: block;
}

img {
    border: none;
    transition: all .2s;
    max-width: 100%;
}

p {
    padding-bottom: 10px;
}

table,
tr,
td {
    border: 0;
    border-collapse: collapse;
    vertical-align: top;
    text-align: left;
}
table.brd td, table.brd th{
	border: 1px solid gray;
	padding: 5px;
}
table.brd th{
	background-color: #e0e0e0;
}
input, select, textarea {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

input, select {
    margin: 2px;
    display: inline-block;
    vertical-align: top;
    height: 28px;
    padding: 0 8px;
    border: 1px solid #000;
    border-radius: 4px;
    font-size: 14px;
    max-width: 100%;
}
input[type=checkbox],input[type=radio]{
	height: auto;
	vertical-align: middle;
}
input::selection,
select::selection,
textarea::selection {
	 background-color: rgba(247, 205, 8, .65);
}
input[type=file]{
	border: none;
}
/****** Button ******/
button, .button {
    cursor: pointer;
    outline: none;
    background: none;
    margin: 2px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 28px;
    overflow: hidden;
    padding: 0 15px;
    border: none;
    border-radius: 5px;
    color: #fff;
    background-color: #C93C40;
    font-size: 1rem;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    user-select: none;
    transition: all .15s;
}

button:hover,button:disabled {
	 background-color: #ab1e23;
	 color: #fff;
}

.button-xl {
    height: 36px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 34px;
}



/***** кнопка громкости на плейере *****/
.player__range {
    position: relative;
    top: 2px;
    -webkit-appearance: none;
    margin: 0 15px;
    height: 20px;
    width: 40%;
    padding: 0;
    background-color: transparent;
    border: none;
}


.loading{
	margin: 20px 0;
}

.box {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    padding-right: 15px;
    padding-bottom: 15px;
}
.box * {
    /* внутри "box" все элементы по строчно*/
    display: block;
}
    .box div:not(.box) * {
        /* внутри "div" в "box" все элементы по столбцам*/
        display: inline-block;
    }



.red {
    color: #8b0000;
}


/****** Стиль подсказки в поле ввода (для разных браузеров) ******/
::-webkit-input-placeholder {
    color: #000;
    font-style: normal;
    opacity: .7;
}
::-moz-placeholder {
    color: #000;
    font-style: normal;
    opacity: .7;
}
:-moz-placeholder {
    color: #000;
    font-style: normal;
    opacity: .7;
}
:-ms-input-placeholder {
    color: #000;
    font-style: normal;
    opacity: .7;
}



/***** поиск на сайте ******/
.search__input {
    height: 26px;
    width: 100%;
    padding: 0 24px 0 14px;
    background: #fff;
    border: 1px solid #393939;
    border-radius: 12px;
    font-size: 1rem;
    color: #000;
    transition: border-color .15s, box-shadow .15s;
}
    .search__input:focus {
        border-color: #393939;
        color: #000;
        box-shadow: inset 0 0 3px rgba(0,0,0,.5);
    }


.section__title {
    font-weight: 400;
    font-size: 1.714286rem;
    margin-bottom: 1em;
}








/***** Forms *****/
.form textarea {
    min-height: 28px;
    max-height: 680px;
    padding: 5px 8px;
    border: 1px solid #000;
    border-radius: 4px;
    font-size: 14px;
    max-width: 100%;
    resize: vertical;
}



/***** форма Подпишись на рассылку ******/
.form-subscribe {
    text-align: center;
    display: inline-block;
}
.form-subscribe * {
    margin-bottom: 10px;
}



/***** Форма обратной связи *****/
.feedback {
}
.feedback__form select,
.feedback__form input,
.feedback__form textarea,
.chat__actions_msg textarea {
    position: relative;
    width: 100%;
    border: 1px solid #c4c4c4;
    border-radius: 6px;
    padding: 0 15px;
    margin: 0 0 15px 0;
    height: 38px;
    font-size: 1.142857rem;
}
    select::-ms-expand {
        display: none; /* в IE не отображать кнопку раскрытия списка */
    }
.feedback__form input:focus,
.feedback__form select:focus,
.feedback__form textarea:focus,
.chat__actions_msg textarea:focus {
    border-color: #000;
}

.feedback__form select {
    padding-right: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 40px) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

.feedback__form textarea {
    padding: 8px 15px;
    min-height: 38px;
    max-height: 480px;
    height: 106px;
    resize: vertical;
}


.footer .feedback {
    float: left;
    width: 30%;
    padding: 0 15px 0 0;
}



.footer .sitemap {
    overflow: hidden;
    /*padding: 0 1.1vw;*/
    padding: 0 0 0 15px;
}




.sidebar {
    width: 21.25%;
    min-width: 260px;
    background-color: #efefef;
}

.sidebar-right {
    min-width: 240px;
}

.side__section {
    border-top: 3px solid #fff;
    /*padding: .84272vw 1.1vw;*/
    padding: 10px 15px;
    text-align: left;
}



.search {
}

.search-bottom {
    /*padding: 1.4045vw 0 .7vw;*/
    padding: 15px 0 10px;
    width: 80%;
}


.search-part {
    margin-top: 20px;
}

.search-top {
    width: 200px;
    padding: 0 5px;
}

.search__wrap {
    position: relative;
}

.search__btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 24px;
    min-width: 0;
    margin: 0;
    padding: 0;
    z-index: 2;
    background-color: transparent !important;
    font-size: 1.1rem;
    line-height: 26px;
    color: #000;
    text-align: left;
}

.icomoon-search {
    padding-left: 10%;
    line-height: 26px;
}


.footer .content__wrapper {
    /*padding: 0 15px;*/
}


.content__wrapper {
    position: relative;
    padding: 0;
}





.main-about__content {
    padding: 1.7556vw 0;
    background-image: linear-gradient(#fff, #f1f1f1);
}
    .main-about__content .content__wrapper {
        overflow: hidden;
        padding: 0 15px;
    }

.main-about {
    float: left;
    width: 70%;
}

.main-partners {
    float: left;
    width: 30%;
    padding: 0 15px;
}

.partners__list {
    overflow: hidden;
    margin: 0 -15px;
    padding-top: 2px;
}

.partners__item {
    display: block;
    float: left;
    width: 100px;
    height: 38px;
    margin: 0 15px 30px;
    transition: box-shadow .15s;
}
    .partners__item:hover {
        box-shadow: 0 0 2px rgba(171,30,35,.6);
    }



.donate__content {
    padding: 1.7556vw 0;
    overflow: hidden;
}
    .donate__content .content__wrapper {
        padding: 0 15px;
    }

	.donate__descr {
    float: left;
    width: 30%;
}

.donate__list {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -ms-align-items: flex-start;
    align-items: flex-start;
    padding: 0 8px 0 7px;
}

.donate__item {
    position: relative;
    overflow: hidden;
    padding: 0 8px 15px 7px;
}





/************************/
.text * + h1,
.text * + h2,
.text * + h3,
.text * + h4,
.text * + div,
.text * + img,
.text * + table,
.text * + iframe,
.text * + video,
.text * + audio,
.text * + blockquote,
.text * + .yamb {
    margin-top: 1.62em;
}

.text ul ul,
.text ol ol,
.text ul ol,
.text ol ul {
    padding-top: .5em;
}

.ajax-cont table {
    width: 100%;
}

.circle-point {
    border-radius: 50%;
    width: 48px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    color: white;
    font-weight: bold;
    position: absolute;
    left: 1em;
}

.circle-list {
    position: relative;
    padding-left: 78px;
}

.brd td, .brd th {
    border: 1px solid gray;
    padding: 5px;
}

.brd th {
    background-color: #f1f1f1;
    text-align: center;
    font-weight: bold;
}

#kolodar-days {
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

#kolodar-days td {
	 text-align: center;
}

#kolodar-days td.cur {
  background-color: yellow;
}
#kolodar-days td.on {
background-color: #e0ffff;
cursor: pointer;
}

#kolodar-days .events {
background-color: red;
display: inline-block;
border-radius: 50%;
font-size: 1em;
color: #f1f1f1;
padding: 1px 3px;
}

#kolodar-days ol {
display: none;
position: absolute;
z-index: 2;
border: 1px solid gray;
width: 100%;
background: #fbeeab;
border-radius: 5px;
margin: 0;
text-align: left;
padding: 0;
list-style-position: inside;
box-shadow: 0px 0px 5px 10px rgba(0,0,0,0.15);
}

#kolodar-days ol a {
vertical-align: middle;
}

#kolodar-days .show ol {
display: block;
}
#kolodar-days li{
border-bottom: 1px dotted gray;
padding: 5px 10px;
}
#kolodar-days li:hover a{
	color: black;
}
#kolodar-days li:hover{
	background-color: #fbd206
}
#kolodar-days li:last-child{
	border-bottom: none;
}
.kolodar__item {
    margin-bottom: 20px;
    border-bottom: 1px dotted gray;
}

.map {
    border-bottom: 1px solid gray;
    white-space: nowrap;
}

    .map:before {
        content: '\e800';
        display: inline-block;
        padding: 2px 5px;
        font-family: 'icomoon' !important;
    }

sup {
    position: relative;
    bottom: 1.2ex;
    font-size: .7em;
    line-height: 1;
    vertical-align: baseline;
}

address {
    font-style: normal;
}


textarea {
    resize: vertical;
}


ul {
    list-style: none;
}

    ul.circ {
        list-style: circle;
        list-style-position: inside;
    }

*,
::before,
::after {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::selection {
    color: #000;
    background: #f3b9bd;
    text-shadow: none;
}


@font-face {
    font-family: 'CyrillicOld';
    src: url('fonts/CyrillicOld.eot');
    src: local('CyrillicOld'), url('fonts/CyrillicOld.eot?#iefix') format('embedded-opentype'), url('fonts/CyrillicOld.woff') format('woff'), url('fonts/CyrillicOld.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.mid {
    margin-left: auto;
    margin-right: auto;
}

.bg-lgray {
    background-color: #f9f9f9;
}

.clear {
    clear: both !important;
    font-size: 0 !important;
}

.clearfix::after {
    content: '';
    display: block;
    clear: both;
}

.ellipsis {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nowrap {
    white-space: nowrap;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.full-size {
    width: 100%;
}

.half {
    width: 50%;
    float: left;
}

    .half + .half {
        float: right;
    }

.img-box {
    overflow: hidden;
    position: relative;
    font-size: 0;
}

.img-box img {
	 max-width: 100%;
	 max-height: none;
	 margin: auto;
	 font-size: 11px;
	 color: #999;
}

.err {
    background: #ffdead;
    padding: 1rem;
    margin: 1rem;
    border: 1px solid red;
    line-height: 3em;
}

.small {
    font-size: .8rem;
}

.big {
    font-size: 2em;
}

.frt {
    float: right;
    margin-left: 1rem;
    margin-bottom: 1rem;
}

.flt {
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.block {
    display: inline-block;
    vertical-align: top;
}

.hid {
    display: none;
}

.w30 {
    width: 30%;
}

.w45 {
    width: 45%;
    padding: 2%;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
}

    .w45:nth-child(even) {
        margin-left: 2%;
    }

    .w45 .pic {
        padding: 10px;
    }

        .w45 .pic img {
            max-width: 100%;
        }

.w100 {
    width: 100%;
}

.tar {
    text-align: right;
}

.tal {
    text-align: left;
}

.cnt {
    text-align: center;
}

.tbl {
    display: table;
}

.tbl-row {
    display: table-row;
}

.cell {
    display: table-cell;
    vertical-align: middle;
}

/**/
h1,
h2,
h3,
h4,
h5 {
    margin: 0 0 .5em;
    line-height: 1.2;
}

h1 {
    font-size: 2.142857rem;
    font-weight: 700;
    margin-bottom: 1em;
}

h2 {
    font-size: 1.2857rem;
    font-weight: 700;
}

h3 {
    font-size: 1.142857rem;
}

h4 {
    font-size: 1rem;
}

.upper {
    text-transform: uppercase;
}

.lower {
    text-transform: lowercase;
}

.text-small {
    font-size: .8em;
}

.cyr {
    font-family: CyrillicOld;
}

ol li {
    list-style: inherit;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.text-left {
    text-align: left;
}

section {
    position: relative;
}

.meta-pic {
    width: 100px;
}

.meta-guest {
    margin: 20px 0;
}

.circle {
    border: 1px solid #383838;
    border-radius: 50%;
}

.bc-copy {
    vertical-align: text-bottom;
}

bc-tag {
    display: block;
}

[class^="icomoon-"], [class*=" icomoon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icomoon-yandex:before {
    content: "\e900";
}

.icomoon-plus:before {
    content: "\f067";
}

.icomoon-minus:before {
    content: "\f068";
}

.icomoon-search:before {
    content: "\f002";
}

.icomoon-star:before {
    content: "\f005";
}

.icomoon-star-o:before {
    content: "\f006";
}

.icomoon-check:before {
    content: "\f00c";
}

.icomoon-close:before {
    content: "\f00d";
}

.icomoon-remove:before {
    content: "\f00d";
}

.icomoon-times:before {
    content: "\f00d";
}

.icomoon-cog:before {
    content: "\f013";
}

.icomoon-gear:before {
    content: "\f013";
}

.icomoon-trash-o:before {
    content: "\f014";
}

.icomoon-home:before {
    content: "\f015";
}

.icomoon-clock-o:before {
    content: "\f017";
}

.icomoon-repeat:before {
    content: "\f01e";
}

.icomoon-rotate-right:before {
    content: "\f01e";
}

.icomoon-refresh:before {
    content: "\f021";
}

.icomoon-image:before {
    content: "\f03e";
}

.icomoon-photo:before {
    content: "\f03e";
}

.icomoon-picture-o:before {
    content: "\f03e";
}

.icomoon-pencil:before {
    content: "\f040";
}

.icomoon-edit:before {
    content: "\f044";
}

.icomoon-pencil-square-o:before {
    content: "\f044";
}

.icomoon-play:before {
    content: "\f04b";
}

.icomoon-pause:before {
    content: "\f04c";
}

.icomoon-stop:before {
    content: "\f04d";
}

.icomoon-chevron-left:before {
    content: "\f053";
}

.icomoon-chevron-right:before {
    content: "\f054";
}

.icomoon-plus-circle:before {
    content: "\f055";
}

.icomoon-minus-circle:before {
    content: "\f056";
}

.icomoon-mail-forward:before {
    content: "\f064";
}

.icomoon-share:before {
    content: "\f064";
}

.icomoon-eye:before {
    content: "\f06e";
}

.icomoon-eye-slash:before {
    content: "\f070";
}

.icomoon-calendar:before {
    content: "\f073";
}

.icomoon-chevron-up:before {
    content: "\f077";
}

.icomoon-chevron-down:before {
    content: "\f078";
}

.icomoon-thumb-tack:before {
    content: "\f08d";
}

.icomoon-external-link:before {
    content: "\f08e";
}

.icomoon-copy:before {
    content: "\f0c5";
}

.icomoon-location:before {
    content: "\e802";
}

.icomoon-twitter:before {
    content: "\f099";
}

.icomoon-facebook:before {
    content: "\f09a";
}

.icomoon-facebook-f:before {
    content: "\f09a";
}

.icomoon-feed:before {
    content: "\f09e";
}

.icomoon-rss:before {
    content: "\f09e";
}

.icomoon-wrench:before {
    content: "\f0ad";
}

.icomoon-caret-down:before {
    content: "\f0d7";
}

.icomoon-caret-up:before {
    content: "\f0d8";
}

.icomoon-caret-left:before {
    content: "\f0d9";
}

.icomoon-caret-right:before {
    content: "\f0da";
}

.icomoon-file-text-o:before {
    content: "\f0f6";
}

.icomoon-plus-square:before {
    content: "\f0fe";
}

.icomoon-angle-left:before {
    content: "\f104";
}

.icomoon-angle-right:before {
    content: "\f105";
}

.icomoon-angle-up:before {
    content: "\f106";
}

.icomoon-angle-down:before {
    content: "\f107";
}

.icomoon-smile-o:before {
    content: "\f118";
}

.icomoon-frown-o:before {
    content: "\f119";
}

.icomoon-meh-o:before {
    content: "\f11a";
}

.icomoon-star-half-empty:before {
    content: "\f123";
}

.icomoon-star-half-full:before {
    content: "\f123";
}

.icomoon-star-half-o:before {
    content: "\f123";
}

.icomoon-minus-square:before {
    content: "\f146";
}

.icomoon-minus-square-o:before {
    content: "\f147";
}

.icomoon-youtube:before {
    content: "\f167";
}

.icomoon-instagram:before {
    content: "\f16d";
}

.icomoon-bug:before {
    content: "\f188";
}

.icomoon-vk:before {
    content: "\f189";
}

.icomoon-plus-square-o:before {
    content: "\f196";
}

.icomoon-user-times:before {
    content: "\f235";
}

.icomoon-odnoklassniki:before {
    content: "\f263";
}

.icomoon-question-circle-o:before {
    content: "\f29c";
}
.icoimg:before{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.icomoon-bastyon:before {
	background-image: url(bastyon.png);
}
.icomoon-boosty:before {
	background-image: url(boosty.png);
}
.icomoon-platform:before {
	background-image: url(platform.png);
}

/*content*/
.page {
    position: relative;
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 1px rgba(0,0,0,.2);
}

.page__header {
    position: relative;
}

.navbar {
    position: relative;
    height: 40px;
    background-color: #efefef;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
    z-index: 2;
}

    .navbar .content__wrapper {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        height: 100%;
        -ms-align-items: center;
        align-items: center;
    }

.logo-area {
    position: relative;
}

.logo {
    display: block;
    background: url(logo.png) 0 0 no-repeat;
    background-size: cover;
}

.page__header .logo-area {
    position: absolute;
    top: 10px;
    left: 15px;
    padding-top: 0;
    align-self: flex-start;
    z-index: 2;
}

.page__header .logo {
    width: 130px;
    height: 94px;
    z-index: 2;
}

.nav-top {
    position: relative;
    width: 90%;
    padding-right: 10px;
    z-index: 4;
}

.nav-top__list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.nav-top li {
    height: 100%;
    transition: background-color .15s;
}

.nav-top a {
    display: block;
    position: relative;
    height: 100%;
    padding: 0 10px;
    color: #111;
    /*font-size: 17px;*/
    /*font-family: CyrillicOld;*/
    font-size: 14px;
    /*font-weight: 600;*/
    line-height: 40px;
    letter-spacing: .01em;
}


.search__wrap + .form__row {
    margin-top: 20px;
}

.search-cont {
    padding-bottom: 25px;
    border-bottom: 1px dashed #999;
}

.search__quote i {
    font-weight: normal;
}

.search-part .fast-sch {
    display: inline-block;
    vertical-align: middle;
}

.s_btns {
    position: relative;
    padding: 0 15px 0 10px;
}

.page__header .s_btns {
    white-space: nowrap;
}

.s__btn,
.page .ya-share2__link {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    border: 1px solid;
    border-radius: 4px;
    color: #817d72;
    line-height: 24px;
    text-align: center;
    font-size: 18px;
    transition: all .15s;
}

.mobile__top_bar {
    display: none;
    position: relative;
    padding: 0 15px;
}

.menu-toggler {
    position: relative;
}

.menu-open .menu-toggler {
    position: fixed;
    top: 4px;
    right: 15px;
    z-index: 1060;
}

.menu-toggler-icon,
.menu-toggler-icon::before,
.menu-toggler-icon::after {
    content: '';
    display: block;
    position: absolute;
    left: 4px;
    top: 50%;
    right: auto;
    width: 23px;
    height: 3px;
    margin-top: -1px;
    border-radius: 1px;
    background-color: #4a4a4a;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

    .menu-toggler-icon::before {
        top: -7px;
        left: 0;
        margin: 0;
    }

    .menu-toggler-icon::after {
        top: auto;
        bottom: -7px;
        left: 0;
        margin: 0;
    }

.menu-open .menu-toggler-icon {
    background-color: transparent;
}

    .menu-open .menu-toggler-icon::before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #4a4a4a;
    }

    .menu-open .menu-toggler-icon::after {
        top: 0;
        right: auto;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #4a4a4a;
    }

.users-actions {
    height: 110px;
}

    .users-actions .content__wrapper {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        height: 100%;
    }

.user-bar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
    padding: 0 15px;
    z-index: 2;
}

.user-bar__login {
    padding-bottom: 4px;
    font-size: 13px;
    text-align: right;
}

.user-login-name {
    font-weight: 600;
}

.user-bar__nav {
}

.user-bar__nav_list {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    font-size: 14px;
    padding-bottom: 12px;
}

    .user-bar__nav_list > li {
        position: relative;
    }

        .user-bar__nav_list > li + li {
            margin-left: 10px;
        }

        .user-bar__nav_list > li.have-sub > a::after {
            content: '\f0d7';
            position: relative;
            top: .4em;
            display: inline-block;
            vertical-align: top;
            margin-left: .4em;
            font-family: 'icomoon' !important;
            speak: none;
            font-size: .7em;
        }

    .user-bar__nav_list .have-sub ul {
        right: -0.3vw;
        padding: .4vw 0;
        background-color: #efefef;
        min-width: calc(100% + .6vw);
        border-radius: 5px;
        z-index: 50;
    }

    .user-bar__nav_list .have-sub li {
        display: block;
        padding: 2px 0;
        font-size: .9em;
    }

    .user-bar__nav_list .have-sub ul a {
        display: block;
        padding: 0 1.2vw;
        transition: background-color .15s;
        white-space: nowrap;
    }

    .user-bar__nav_list > li.ids-5 > a {
        pointer-events: none;
        cursor: pointer;
    }

.header-phrase {
    position: absolute;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 15px 224px;
    font-family: CyrillicOld;
    font-size: 18px;
    color: #817d72;
    text-align: center;
    line-height: 1.2;
    letter-spacing: .05em;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    text-align: center;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.main-event .content__wrapper {
    position: relative;
    overflow: hidden;
}

.main-event .content__wrapper > * {
	 max-width: 100%;
    padding-bottom: 30px;
}

.main-event .slick-dots {
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 30px;
    text-align: center;
    z-index: 10;
    overflow: visible;
}

    .main-event .slick-dots li {
        display: inline-block;
        vertical-align: top;
        padding: 5px;
    }

    .main-event .slick-dots button {
        padding: 0;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        font-size: 0;
        overflow: hidden;
        text-indent: -9999px;
    }

    .main-event .slick-dots .slick-active button {
        background-color: #f7cd08;
        cursor: default;
    }

.main-events__item:not(:first-child):not(.slick-slide) {
    display: none;
}

.main-event__url {
    display: block;
    text-align: center;
}

.main-event img {
    max-width: 100%;
    display: block;
}

.page__content {
    border-bottom: 40px solid #efefef;
}


.action-more {
    text-align: center;
}

.artcls .more-button,
.artcls .button {
    text-transform: lowercase;
}

    .artcls .more-button::first-letter,
    .artcls .button::first-letter {
        text-transform: uppercase;
    }

.page__content .content__wrapper {
    display: flex;
    flex-wrap: nowrap;
}

.side-video.state_fixed,
.side-audio.state_fixed {
    position: relative !important;
}

.vPlayer .side-video.state_fixed,
.aPlayer .side-audio.state_fixed {
    position: fixed !important;
    background-color: #fff;
    z-index: 500;
    box-shadow: 0 0 3px rgba(0,0,0,.6);
    margin: 0 -10px;
    box-sizing: content-box;
    padding: 0 10px 10px;
}

.aPlayer .state_fixed .begun_line {
    margin-top: 0;
}

.side-player__btn {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    padding-top: 55.97%;
    background: url(player_bg.jpg) 50% 50% no-repeat;
    background-size: 100%;
    cursor: pointer;
    z-index: 3;
}

.side-video {
}

.side-video__wrap {
    display: block;
    position: relative;
    padding-bottom: 56.25%;
}

.video {
    position: relative;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 */
    margin-bottom: 10px;
}

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

.side-video iframe {
    display: none;
}

audio {
    max-width: 100%;
}

.side-player__btn_icon {
    position: absolute;
    top: 15%;
    left: 30%;
    width: 40%;
    padding-top: 55.97%;
    background: url(side_player.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.side-player__btn + .side-player__info {
    margin-top: 15px;
}

.player__content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

    .player__content > .button {
        font-weight: 600;
        text-transform: uppercase;
    }

    .player__content .link {
        color: #C93C40;
        font-size: 12px;
    }

.begun_line {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    font-size: 1rem;
    height: 1.4em;
}

.player__current {
    position: absolute;
    white-space: nowrap;
    font-size: 1em;
    padding-left: 100%;
    animation: anim_left_to_right 15s linear infinite;
    animation-fill-mode: forwards;
}

    .player__current:hover {
        -webkit-animation-play-state: paused;
        -moz-animation-play-state: paused;
        -o-animation-play-state: paused;
        animation-play-state: paused;
    }

@keyframes anim_left_to_right {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.player__nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    /*margin-top: .8778vw;*/
    margin-top: 8px;
}

.play-btn {
    position: relative;
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 50%;
    background-color: #C93C40;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    transition: background-color.15s, color .15s;
}

    .play-btn:before {
        content: '';
        display: block;
        position: absolute;
        left: 11px;
        top: 9px;
        width: 12px;
        height: 14px;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 0 solid #fff;
        border-left: 13px solid #fff;
        transition: left .1s linear, border-left .2s linear, border-right .1s linear;
    }

    .play-btn.off:before {
        left: 10px;
        width: 12px;
        height: 14px;
        border-top: 0 solid transparent;
        border-bottom: 0 solid transparent;
        border-right: 4px solid #fff;
        border-left: 4px solid #fff;
        transition: left .1s linear, border .2s linear;
    }


    .player__range::-webkit-slider-thumb {
        box-shadow: 1px 1px 1px 0 #aaa;
        border: 1px solid #e3e3e3;
        height: 16px;
        width: 16px;
        margin-top: -6px;
        border-radius: 50%;
        background: #C93C40;
        cursor: pointer;
        -webkit-appearance: none;
    }

    .player__range::-moz-range-thumb {
        box-shadow: 1px 1px 1px 0 #aaa;
        border: 1px solid #e3e3e3;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #C93C40;
        cursor: pointer;
        -webkit-appearance: none;
    }

    .player__range::-ms-thumb {
        box-shadow: 1px 1px 1px 0 #aaa;
        border: 1px solid #e3e3e3;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #C93C40;
        cursor: pointer;
        -webkit-appearance: none;
    }

    .player__range::-webkit-slider-runnable-track {
        width: 100%;
        height: 4px;
        cursor: pointer;
        background: #ddd;
        border-radius: 2px;
    }

    .player__range::-moz-range-track {
        width: 100%;
        height: 4px;
        cursor: pointer;
        background: #ddd;
        border-radius: 2px;
        border-color: transparent;
        color: transparent;
    }

    .player__range::-ms-track {
        width: 100%;
        height: 4px;
        cursor: pointer;
        background: #ddd;
        border-radius: 2px;
        border-color: transparent;
        color: transparent;
    }

    .player__range::-ms-fill-lower {
        background: #ddd;
        padding: 0;
        border: none;
    }

    .player__range::-ms-fill-upper {
        background: #ddd;
        border: none;
    }

    .player__range:focus::-webkit-slider-thumb {
        background: #C93C40;
    }

    .player__range:focus::-moz-range-thumb {
        background: #C93C40;
    }

    .player__range:focus::-ms-thumb {
        background: #C93C40;
    }

    .player__range:focus::-webkit-slider-runnable-track {
        background: #f7cd08;
    }

    .player__range:focus::-moz-range-track {
        background: #f7cd08;
    }

    .player__range:focus::-ms-track {
        background: #f7cd08;
    }

    .player__range:focus::-ms-fill-lower {
        background: #f7cd08;
    }

    .player__range:focus::-ms-fill-upper {
        background: #f7cd08;
    }


.player__sw-btr {
    white-space: nowrap;
    text-align: right;
}

.player__btr {
    display: inline-block;
    vertical-align: middle;
    min-width: 30px;
    height: 16px;
    margin: 0 1px;
    padding: 1px 6px;
    background-color: #C93C40;
    border-radius: 2px;
    line-height: 12px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: background-color.15s, color .15s;
}

    .player__btr.on {
        background-color: #fff;
        border: 1px solid #C93C40;
        padding: 0 5px;
        color: #000;
        cursor: default;
    }

.cc_streaminfo {
    display: none;
}

.side-nav {
    position: relative;
    margin: 0 -15px;
}

.side__title + .side-nav {
    margin-top: -4px;
}

.side-nav__list {
    display: block;
    position: relative;
}

.side-innav__list,
.side-innav__list .dropdown-menu {
    display: none;
}

.side-nav__list > li {
    display: block;
    padding: 3px 0;
    font-size: 1.714286rem;
}

.side-nav__list.mobile-alter-nav {
    display: none;
}

.side-nav__list a {
    color: #000;
    text-decoration: none !important;
}
.side-nav__list a.cur,.side-nav__list a:hover{
	background-color: #cbcaca;
}
.side-nav__list > li > a,
.side-nav__list .level-0 > li > a {
    display: block;
    position: relative;
    padding: 3px 20px;
    color: #000;
    font-size: 17px;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: .01em;
}

.side-nav__list ul.level-0 ul, .user-bar__nav_list .have-sub > ul {
    display: none;
}

.side-nav__list li.have-sub:hover > ul, .user-bar__nav_list .have-sub:hover > ul {
    display: block;
}

.side-innav__list > li.have-sub > a {
    position: relative;
}

    .side-innav__list > li.have-sub > a::after,
    .side-nav__list .level-0 li.have-sub > a::after,
    .side-innav__list level-0 li.have-sub > a::after {
        content: "\f105";
        font-family: 'icomoon' !important;
        position: absolute;
        right: .7em;
        speak: none;
        font-size: 1em;
        color: #817d72;
    }

.side-nav__list .level-0 .have-sub ul,
.side-innav__list,
.side-innav__list .have-sub ul {
    position: absolute;
    top: 0;
    left: 99.9%;
    left: calc(100% - 1px);
    min-height: 100%;
    min-width: 280px;
    padding: 10px 0;
    border-left: 1px solid #fff;
    background-image: linear-gradient(to right, #d5d5d5 0%, #efefef 30px);
    z-index: 200;
}

.user-bar__nav_list .have-sub > ul {
    position: absolute;
    min-height: 100%;
    padding: 10px 0;
    background-color: #efefef;
    z-index: 50;
    right: 0;
}

.clicker {
    cursor: pointer;
}

    .clicker:hover {
        color: #C93C40;
    }

.side-nav__list .level-1 li,
.side-innav__list li {
    padding: 0 0 0 1px;
    font-size: 16px;
}

.side-nav__list .level-1 a,
.side-innav__list a {
    display: block;
    padding: 3px 25px;
    font-size: 1em;
    white-space: nowrap;
    overflow: hidden;
}

.side-nav__list ul .dropdown-menu,
.side-innav__list .have-sub ul {
    /*    background-color: #fef6d3;
    box-shadow: inset 0 0 0 2px #f7cd08;*/
}

.side__artcl-list {
}

.side__artcl {
    display: block;
    position: relative;
    padding-bottom: 2px;
    font-size: 11px;
    line-height: 1.4;
}

    .side__artcl::after {
        content: '';
        display: table;
        clear: both;
    }

    .side__artcl + .side__artcl {
        margin-top: 15px;
    }

.side__artcl_img {
    float: left;
    position: relative;
    width: 44%;
    margin-right: 10px;
    margin-top: 4px;
    display: block;
}

.side__artcl-author .side__artcl_img {
    float: right;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin: 5px 2px 0 20px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
}

    .side__artcl-author .side__artcl_img img {
        /*border-radius: 50%;*/
    }

.side__artcl_descr {
    display: block;
    overflow: hidden;
}

.side__artcl_title {
    display: block;
    margin-bottom: 3px;
    font-size: 13px;
    font-weight: 700;
}

.side__artcl_author {
    display: block;
}

.side__artcl_place {
    font-weight: 600;
}

.side__artcl_date {
    white-space: nowrap;
    display: block;
}

    .side__artcl_date .dop-time {
        white-space: normal;
        opacity: .75;
    }

.side__artcl_date-anonce {
    font-size: 13px;
}

    .side__artcl_date-anonce i {
        /*color: #ab1e23;*/
    }

.side__artcl-anons .side__artcl_place {
    font-weight: 400;
    opacity: .5;
}

.side__artcl-anons .side__artcl_title::after {
    content: '';
    display: table;
    clear: both;
}

.side__artcl_note {
    display: none;
    position: absolute;
    top: -11px;
    left: 100%;
    width: 100%;
    min-height: 38px;
    margin-left: 10px;
    padding: 10px;
    background-color: #efefef;
    border: 1px solid rgba(171, 30, 35,.4);
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
    font-size: 12px;
    line-height: 1.4;
    z-index: 10;
}

    .side__artcl_note .anonce-date {
        display: block;
        padding-top: 3px;
        font-weight: bold;
        white-space: nowrap;
    }

    .side__artcl_note::before {
        content: '';
        position: absolute;
        right: 100%;
        top: 10px;
        border-top: 9px solid transparent;
        border-right: 9px solid rgba(171, 30, 35,.4);
        border-bottom: 9px solid transparent;
        z-index: 1;
    }

    .side__artcl_note::after {
        content: '';
        position: absolute;
        right: 100%;
        top: 11px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #efefef;
        z-index: 2;
    }

.sidebar-right .side__artcl_note {
    right: 100%;
    left: auto;
    margin-right: 10px;
    margin-left: 0;
}

    .sidebar-right .side__artcl_note::before {
        right: auto;
        left: 100%;
        border-right: none;
        border-left: 9px solid rgba(171, 30, 35,.4);
    }

    .sidebar-right .side__artcl_note::after {
        right: auto;
        left: 100%;
        border-right: none;
        border-left: 8px solid #efefef;
    }

.side__section .section__action {
    padding-top: 15px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 76px;
    height: 25px;
    overflow: hidden;
    cursor: pointer;
}

.switch__layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #C93C40;
    background-color: rgba(201,60,64,.08);
    border-radius: 6px;
    transition: 0.3s ease all;
    z-index: 1;
}

.switch__knobs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 1;
    padding: 4px;
    border-radius: 2px;
    transition: 0.3s ease all;
    white-space: nowrap;
    z-index: 2;
}

    .switch__knob,
    .switch__knobs::before,
    .switch__knobs::after {
        position: absolute;
        height: calc(100% - 8px);
        top: 3px;
        border-radius: 4px;
        transition: 0.3s ease all;
        color: #000;
        font-size: 10px;
        line-height: 17px;
        text-align: center;
    }

.switch__knob {
    position: absolute;
    display: block;
    width: calc(50% - 6px);
    left: calc(50% + 2px);
    background-color: #C93C40;
    box-shadow: 0 0 0 6px rgba(0,0,0,0) inset, 1px 1px 2px #800;
    background: linear-gradient(#FB9575, #F45A38 48%, #EA1502 52%, #F02F17);
    z-index: 1;
}

.switch__knobs::before {
    content: attr(data-txt-on);
    left: 4px;
    width: calc(50% - 6px);
    z-index: 2;
}

.switch__knobs::after {
    content: attr(data-txt-off);
    width: calc(50% - 6px);
    right: 4px;
    color: #fff;
    text-shadow: 0 0 1px #000;
    z-index: 2;
}

.switch__input {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
    display: none;
}

    .switch__input:checked + .switch__knobs .switch__knob {
        left: 4px;
        background-color: #51C54B;
        box-shadow: 0 0 0 6px rgba(0,0,0,0) inset, 1px 1px 2px #003F00;
        background: linear-gradient(#4FAD46, #63C15A 48%, #59B750 52%, #409e37);
    }

    .switch__input:checked + .switch__knobs::before {
        color: #fff;
        text-shadow: 0 0 1px #000;
    }

    .switch__input:checked + .switch__knobs::after {
        color: #000;
        text-shadow: none;
    }

    .switch__input:checked ~ .switch__layer {
        border-color: #37A431;
        background-color: rgba(55,164,49,.06);
    }

.user-bar > .switch {
    position: absolute;
    top: 16px;
}


.side__section-charity iframe {
    max-width: 100%;
}

.content {
    width: calc(100% - 500px);
    border-top: 3px solid #fff;
    position: relative;
    padding: 10px 15px;
}

    .content .search {
        margin-bottom: 25px;
    }

.artcls + .artcls {
    margin-top: 40px;
}

.artcls__list {
    position: relative;
}

.artcls__item {
    display: block;
    position: relative;
    color: #000;
    line-height: 1.2;
    text-decoration: none !important;
}

    .artcls__item a {
        color: #000;
    }

.artcls__list-tbl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.artcls__item_img {
    display: block;
    overflow: visible;
}

.artcls__item_bage {
    display: none;
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 5px;
    right: -6px;
    border-radius: 5px 0 0 5px;
    background: #C93C40 url(play_video.png) 50% 50% no-repeat;
    background-size: 60% auto;
    z-index: 2;
}

    .artcls__item_bage::after {
        content: '';
        position: absolute;
        bottom: 100%;
        right: 0;
        border-top: 6px solid transparent;
        border-right: 0 solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 6px solid #6F0A0C;
    }

.artcls__item[class*='casts'] .artcls__item_bage {
    display: block;
}

.artcls__item_descr {
    display: block;
    overflow: hidden;
}

.artcls__item_place {
    font-weight: 600;
}

.artcls__item_date {
    white-space: nowrap;
}

.artcls__item_title {
    display: block;
    font-size: 1.5rem;
}

.artcls__list-tbl .artcls__item {
    width: 48.65%;
    margin-bottom: 3%;
    font-size: 0.857143rem;
    line-height: 1.2;
}

.artcls__list-tbl .artcls__item_img {
    width: 100%;
    margin-bottom: 10px;
}

.artcls__list-tbl .artcls__item_place {
    margin-right: .5em;
}

.artcls__list-tbl .artcls__item_title {
    /*margin-top: 8px;*/
    margin-bottom: 8px;
}

.artcls__list-rows .artcls__item {
    overflow: hidden;
    margin-bottom: 20px;
    font-size: 0.785714rem;
}

.artcls__list-rows .artcls__item_img {
    float: left;
    position: relative;
    width: 140px;
    height: 79px;
    /*margin-top: 2px;*/
    margin-right: 15px;
    overflow: hidden;
}

    .artcls__list-rows .artcls__item_img img {
        max-height: none;
    }

.artcls__list-rows .artcls__item_place {
    text-transform: uppercase;
}

.artcls__list-rows .artcls__item_title:first-child {
    margin-bottom: 8px;
}

.artcls__list-rows .artcls__item_title:not(:first-child) {
    margin-top: 8px;
}

.footer {
    background-color: #efefef;
}

.footer__content {
    padding: 40px 15px 30px;
}

.sitemap__col:not(:last-child) {
    padding-right: 10px;
}

.sitemap__list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

.sinemap__nav + .sinemap__nav {
    margin-top: 20px;
}

.sinemap__nav {
    font-size: 1.142857rem;
    line-height: 1.2;
}

    .sinemap__nav li {
        padding: .18em 0;
    }


    .sinemap__nav > ul > li > a {
        font-weight: 700;
    }

    .sinemap__nav ul ul {
        padding-top: .18em;
    }

        .sinemap__nav ul ul li {
            padding-left: 15px;
            font-size: .92em;
        }

.sitemap .logo-area {
    padding: 15px 0;
}

.footer .s_btns {
    padding: 0;
}

.sitemap .logo {
    display: block;
    position: relative;
    height: 200px;
    background-position: 50% 50%;
    background-size: 80% auto;
}

.footer__copy {
    padding: 20px 0 25px;
    background-color: #817d72;
}

.copy {
    padding: 0 15px;
    color: #fff;
    font-size: 1.142857rem;
}

/*text content*/
.article__content {
    font-size: 1rem;
    line-height: 1.64;
    overflow-anchor: none;
    text-align: justify;
}

    .article__content *[style*=font] {
        font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
    }





.text ul li {
    position: relative;
    padding-left: 2em;
    text-align: left;
}

    .text ul li::before {
        content: '';
        position: absolute;
        left: .75em;
        top: .6em;
        width: .5em;
        height: .5em;
        border-radius: 50%;
        background-color: #C93C40;
    }

.text ol {
    padding: 0;
    list-style: none;
    counter-reset: counter;
}

    .text ol li {
        position: relative;
        padding-left: 2em;
        counter-increment: counter;
        text-align: left;
    }

        .text ol li::before {
            content: counter(counter) ". ";
            position: absolute;
            left: .25em;
            color: #C93C40;
            font-weight: 600;
        }

.yamb {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.article__content img,
.meta-guest img {
    max-width: 100%;
    height: auto !important;
    font-size: .85em;
    color: #999;
}

.article__content > p {
    text-indent: 2.5em;
}

.article__content > p:has(iframe) {
    text-indent: 0;
}

.article__content img:not([style*=float]):not([align]) {
    display: inherit;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

.article__content img[style*='float: left'] {
    margin-right: 1em;
    margin-bottom: 1em;
}

.article__content img[style*='float: right'] {
    margin-left: 1em;
    margin-bottom: 1em;
}

.article__content blockquote {
    border-left: 1px solid rgba(201, 60, 64, 1);
    margin-left: 2.5%;
    margin-right: 1%;
    padding-left: 15px;
    font-style: italic;
    text-align: left;
}

.article__comments {
    margin: 26px 0 0;
}

    .article__comments i[class*='icomoon'] {
        position: relative;
        top: 2px;
        padding-left: 3px;
    }

.brdcmbs {
    margin-bottom: 15px;
    font-size: 12px;
    text-transform: lowercase;
}

.brdcmbs__item {
    font-weight: 500;
}

    .brdcmbs__item a {
        color: #000;
    }

    .brdcmbs__item.here {
        font-weight: 400;
    }

        .brdcmbs__item.here a {
            color: #C93C40;
        }

.article {
    padding-bottom: 30px;
    color: #111;
}

.brdcmbs + .article {
    padding-top: 20px;
}

.article h1 {
    /*margin-bottom: 32px;*/
    text-align: center;
}

.article__meta-top {
    position: relative;
    margin-top: -16px;
    margin-bottom: 32px;
    padding: 0 0 4px;
    text-align: center;
}

.anons .article__meta-top {
    margin-bottom: 46px;
}

.article .anons-badge {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    padding: 0 15px;
    border-radius: 5px;
    background-color: #ab1e23;
    color: #fff;
    font-weight: 600;
    opacity: .89;
}

.article__place {
    color: #000;
    font-weight: 600;
    opacity: .8;
}

.article__date {
    white-space: nowrap;
    opacity: .8;
}

.article.anons .article__date {
    color: #ab1e23;
}

.article.anons .article__place[href*='zhivie-yefiry'] {
    display: none;
}

.article__dop-time:not(:last-child)::after {
    content: ', ';
}

.article__media {
    display: flex;
    flex-wrap: wrap;
    -ms-align-items: stretch;
    align-items: stretch;
    justify-content: space-between;
    /*margin-bottom: 40px;*/
}

.article__media_vid {
    width: 49%;
    margin-right: auto;
    margin-left: auto;
}

    .article__media_vid.single {
        width: 100%;
    }

.article__media_aud {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

    .article__media_vid + .article__media_aud,
    .article__media_aud + .article__media_aud {
        margin-top: 10px;
    }

    .article__media_aud audio {
        width: 100%;
        border-radius: 5px;
        height: 40px;
    }

        .article__media_aud audio::-webkit-media-controls-enclosure {
            border-radius: 5px;
        }

.article__media > *:last-child {
    margin-bottom: 40px;
}

.article__media_pic {
    display: none;
    align-self: center;
    width: auto;
    max-width: 100%;
    height: auto !important;
}

.anons .article__media_pic {
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.anons .article__media_pic,
.anons .article__media_vid {
    margin-bottom: 15px;
}

    .anons .article__media_vid ~ .article__media_pic {
        display: none;
        margin-bottom: 0;
    }

.rat {
}

.rat__list {
}

.rat__item {
    overflow: hidden;
}

    .rat__item + .rat__item {
        margin-top: 25px;
        padding-top: 25px;
        border-top: 1px dashed rgba(0,0,0,.23);
    }

.rat__item_img {
    float: left;
    margin-right: 25px;
    width: 140px;
    height: auto;
}

.rat__item_descr {
    overflow: hidden;
}

.rat__item_title {
    display: block;
    margin-bottom: 8px;
    font-size: 1.38em;
}

    .rat__item_img + .rat__item_descr,
    .rat__item_title + p {
        margin-top: 0;
    }

.article__tags {
    margin-top: 25px;
}

    .article__tags a {
        display: inline-block;
        margin-top: 5px;
        margin-right: 10px;
        color: #C93C40;
    }

        .article__tags a::before {
            content: '#';
        }

.article__authors {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 20px 0;
}

.article__author {
    display: flex;
    align-items: center;
    margin: 10px 0;
    font-size: 14px;
}

.article__content + .article__author {
    margin-top: 35px;
}

.author__photo {
    float: left;
    display: flex;
    align-items: center;
    width: 100px;
    min-width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 25px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15);
    -ms-align-self: flex-start;
    align-self: flex-start;
}

.author__info {
    overflow: hidden;
}

    .author__info > * {
        display: block;
    }

.author__name {
    color: #000;
    font-weight: 600;
}

.article__actions {
    position: relative;
    display: flex;
    justify-content: space-between;
    -ms-align-items: flex-start;
    align-items: flex-start;
    margin-top: 30px;
}

.article__stat {
    cursor: default;
    opacity: .64;
}

    .article__stat:hover {
        opacity: 1;
    }

.article__action {
    padding-bottom: 10px;
}

.article__action_title {
    margin-bottom: 10px;
    font-size: 14px;
}

.article__action_share {
}


.article__publisher {
    display: none !important;
}

.page .ya-share2 {
    position: relative;
    margin-top: -5px;
}

.page .ya-share2__badge {
    background: none !important;
    color: inherit;
    display: inline;
    border: none;
}

.page .ya-share2__container_size_m {
    font-size: inherit;
}

    .page .ya-share2__container_size_m .ya-share2__item {
        display: inline-block;
        margin: 5px 8px 5px 0;
        width: auto !important;
        height: auto !important;
    }

.page .ya-share2__icon {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 24px;
    font-size: 18px;
    width: auto !important;
    height: auto !important;
    background: none !important;
}

.ya-share2__title {
    display: none;
}

.page .ya-share2__item_service_vkontakte .ya-share2__icon::before {
    content: "\f189";
}

.page .ya-share2__item_service_facebook .ya-share2__icon::before {
    content: "\f09a";
}

.page .ya-share2__item_service_odnoklassniki .ya-share2__icon::before {
    content: "\f263";
}

.page .ya-share2__item_service_twitter .ya-share2__icon::before {
    content: "\f099";
}

.article__action_rate .rating {
    padding: 0;
    margin: 0;
}

.article__action_rate .votes {
    display: block;
}

.rating > label.no-edit.checked,
.rating > label.no-edit.checked ~ label.no-edit,
.rating > input:checked ~ label:not(.no-edit),
.rating:not(:checked) > label:not(.no-edit):hover,
.rating:not(:checked) > label:not(.no-edit):hover ~ label:not(.no-edit) {
    color: #C93C40;
}

    .rating > input:checked + label:not(.no-edit):hover,
    .rating > input:checked ~ label:not(.no-edit):hover,
    .rating > label:not(.no-edit):hover ~ input:checked ~ label:not(.no-edit),
    .rating > input:checked ~ label:not(.no-edit):hover ~ label:not(.no-edit) {
        color: #6F0A0C;
    }

.rating {
    border: none;
    display: inline-block;
    vertical-align: text-bottom;
    margin-bottom: -4px;
}

    .rating > input {
        display: none;
    }

    .rating > label {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        cursor: pointer;
        float: right;
        display: inline-block;
        width: 30px;
        height: 28px;
        line-height: 28px;
        font-size: 28px;
        color: #ddd;
        text-shadow: inset 0 0 1px rgba(0,0,0,.6);
    }

        .rating > label:before {
            content: '\f005';
        }

        .rating > label.half:before {
            content: "\f123";
        }

        .rating > label.no-edit {
            cursor: default;
        }

.similar {
    margin-top: 20px;
    margin-bottom: -10px;
}

.similar__title {
    text-align: center;
    font-weight: 600;
    margin-bottom: 2px;
}

.similar__note {
    margin-bottom: 5px;
    font-size: .9rem;
    text-align: center;
}

.similar__list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.similar__item {
    position: relative;
    width: 30%;
    width: calc(33.33% - 10px);
    margin: 10px 0;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15);
}

    .similar__item::after {
        content: attr(title);
        position: absolute;
        bottom: -100%;
        left: 0;
        width: 100%;
        padding: 10px;
        background-color: rgba(0,0,0,.8);
        color: #fff;
        text-shadow: 0 0 1px rgba(0,0,0,.5);
        opacity: 0;
        font-size: 1rem;
        line-height: 1.2em;
        max-height: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: opacity .2s, bottom .2s;
        z-index: 2;
    }

.chelovek {
    position: relative;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.chelovek__foto {
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    height: 200px;
    margin-right: 30px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0,0,0,.25);
}

    .chelovek__foto .file_manager {
        position: absolute;
        bottom: 15%;
        left: 0;
        width: 100%;
        text-align: center;
    }

.chelovek__info {
    /*padding-top: 15px;*/
}

.chelovek__status {
    display: block;
}

.chelovek__name {
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 3px;
}

.chelovek__location {
    display: block;
}

.chelovek__role {
    display: block;
}

.chelovek__stat {
    display: block;
}

.chelovek__stat_val {
    font-weight: bold;
}

.popover {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0,0,0,.3);
}

.modal-open {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

    .modal-open .popover {
        display: block;
    }

#toTop {
    position: fixed;
    bottom: 20px;
    right: -55px;
    transition: right .2s ease-in, opacity .15s;
    width: 40px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    color: #C93C40;
    border: 2px solid;
    border-radius: 50%;
    background-color: rgba(255,255,255,.7);
    text-align: center;
    opacity: .8;
    cursor: pointer;
}

    #toTop::before {
        position: relative;
        top: -4px;
        content: "\f077";
        font-family: 'icomoon' !important;
        speak: none;
        font-size: 24px;
    }

    .scroll-step #toTop,
    #toTop.on {
        right: 15px;
    }

.login-panel {
    position: absolute;
    /*top: 5.2669vw;*/
    top: 24px;
    right: 0;
    z-index: 100;
    width: 0;
    padding: 15px 0;
    border-radius: 5px;
    box-shadow: none;
    background-color: #fff;
    text-align: center;
    transition: all .3s ease-out;
    margin-right: -220px;
    overflow: hidden;
}

    .login-panel.on {
        margin-right: 10px;
        width: 200px;
        padding: 15px 20px;
        box-shadow: 0 0 10px rgba(0,0,0,.6);
    }

.form-login__title {
    font-weight: 600;
    margin-bottom: 10px;
}

.form-login__row {
    margin-bottom: 15px;
}

.form-login .text_input {
    width: 100%;
    border-radius: 6px;
}

    .form-login .text_input:focus {
        border-color: #C93C40;
    }

.form-login .submit {
    margin: 0 auto;
    min-width: 0;
}

.login-panel hr {
    margin: 10px 0;
}

.login-panel a {
    font-size: 1rem;
}

.login-panel .row {
    display: none;
    margin-bottom: 5px;
}

#qlist {
    background-color: #fff5c7;
    margin: 20px 0;
}

    #qlist .line {
        padding: 10px 20px;
    }

    #qlist ul {
        list-style: none;
        display: inline-block;
        width: 100%;
        padding: 10px 20px;
    }

    #qlist li {
        display: inline-block;
        vertical-align: top;
        padding: 10px 20px;
    }

        #qlist li .name {
            display: inline-block;
            vertical-align: middle;
            margin-right: 20px;
        }

    #qlist h3 {
        font-family: CyrillicOld;
        text-align: center;
        background-color: #f7cd07;
        margin: 0;
        padding: 10px 20px;
        color: black;
    }

        #qlist h3 span:after {
            border-color: transparent transparent transparent black;
            border-style: solid;
            border-width: 10px 0 10px 10px;
            content: " ";
            display: inline-block;
            height: 0;
            width: 0;
            transform: rotate(90deg);
            margin-left: 20px;
            margin-bottom: -4px;
        }

        #qlist h3.on span:after {
            transform: rotate(-90deg);
        }

.tags {
    font-size: .9rem;
}

    .tags li {
        display: inline-block;
        vertical-align: top;
        margin-right: .5em;
    }

    .tags a {
        color: #C93C40;
    }

.ajax-msg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    overflow: hidden;
    background-color: rgba(255,255,255,.65);
    z-index: 1110;
}

.ajax-block {
    position: relative;
    width: 680px;
    max-width: 90%;
    max-height: 90vh;
    border-radius: 10px;
    padding: 15px;
    overflow: hidden;
}

.ajax-cont {
    position: relative;
    max-height: calc(90vh - 30px);
    border-radius: 10px;
    border: 1px solid #000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    background-color: #fff;
    overflow-y: auto;
    padding: 20px;
}

    .ajax-cont > div {
        padding-bottom: 20px;
    }

.ajax-msg .destroy {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    color: #ff0000;
    background: #ddd;
    border: 1px solid silver;
    border-radius: 50%;
    padding: 2px 10px;
    cursor: pointer;
    z-index: 10;
    transition: all .3s ease-out;
}

    .ajax-msg .destroy:before {
        content: 'X';
    }

    .ajax-msg .destroy:hover {
        background: #ff8557;
    }

#editor_menu .menu-line {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin: 0 1% 20px;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.6);
    padding: 10px;
}

.el-row {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
}

.system table,
.form-ajax-msg table {
    font-size: 13px;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #fff;
}

.form-ajax-msg table,
.form-ajax-msg .text_input {
    width: 100%;
}

    .form-ajax-msg .text_input[type="number"],
    .form-ajax-msg .text_input[type="date"],
    .form-ajax-msg .text_input[type="time"] {
        max-width: 150px;
    }

.sys-posts {
    width: 100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}

.system table th,
.form-ajax-msg table th {
    background-color: #fff;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
}

.system table td,
.form-ajax-msg table td {
    padding: 8px 5px;
    transition: background-color .15s;
    vertical-align: middle;
}

.form-ajax-msg.user-profile-line table td {
    padding: 3px 5px;
}

.sys-posts tbody tr:nth-child(even) td {
    background-color: #f7f7f7;
}

.sys-posts .art-meta__inf td {
    padding-bottom: 15px;
}

.sys-posts .art-meta__inf + .art-meta__head td {
    padding-top: 15px;
    border-top: 1px dashed #999;
}

.art-meta__head.future-1 small i {
    color: #CB7C3D;
}

.art-meta__inf.future-1 .art-meta__date {
    color: #CB7C3D;
}

.art-meta__head[class*='status-'] td::before {
    position: relative;
    font-size: 16px;
    top: 2px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.art-meta__head.status-1 td::before {
    content: '\f118';
    color: #1F8C19;
}

.art-meta__head.status-2 td::before {
    content: '\f188';
}

.art-meta__head.status-3 td::before {
    content: '\f11a';
    color: #AD5E1F;
}

.art-meta__head.status-3 td,
.sys-posts .art-meta__inf + .art-meta__head.status-3 td {
    background-color: rgba(255,230,187,.68);
}

.art-meta__inf.status-3 td {
    background-color: rgba(255,230,187,.32);
}

.art-meta__head.status-4 td::before {
    content: '\f119';
    color: #AB1F22;
}

.art-meta__head.status-4 td small {
    color: #AB1F22;
}

.sys-posts_action {
    min-width: 100px;
}

th.sys-posts_action {
    text-align: center;
}

td.sys-posts_action {
    text-align: right;
}

.sys-post_title {
    color: #C93C40;
    font-weight: 600;
}

.sys-posts .lightbox {
    display: block;
    width: 100px;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,.3);
}

.sys-posts .label-row {
    display: block;
    margin-top: 5px;
}

.system .sys-posts .button {
    margin: 5px;
}

#tbl-rubric {
    width: 100%;
}

.tbl-vp {
    width: 50%;
}

    .tbl-vp textarea {
        min-width: 350px;
    }

.profile-avatar {
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

    .profile-avatar > * {
        margin-right: 10px;
    }

    .profile-avatar .avatar {
        display: block;
        max-width: 200px;
        max-height: 200px;
        padding: 2px;
        margin-bottom: 5px;
    }

        .profile-avatar .avatar img {
            box-shadow: 1px 1px 2px 0 rgba(0,0,0,.3);
        }

ul.err {
    list-style: none;
}

.show-next {
    border-bottom: dotted 1px silver;
    padding-bottom: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}

    .show-next::after {
        content: '\f196';
        position: relative;
        top: .16em;
        margin-left: 5px;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .show-next.on::after {
        content: '\f147';
    }

#editor_loader {
    display: flex;
    justify-content: space-between;
}

#addMeta {
    margin: 20px 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, .4);
    border-radius: 10px;
    padding: 15px;
    background-color: White;
    clear: both;
}

    #addMeta h3 {
        line-height: 28px;
        margin-bottom: 15px;
    }

.form-sys__box {
    padding: 10px;
    border: 1px solid silver;
    box-shadow: 0 0 3px rgba(0, 0, 0, .4);
    clear: both;
    display: inline-block;
    width: 100%;
    background-color: #fff;
}

    .form-sys__box a:not(.button) {
        color: #C93C40;
    }

    .form + .form-sys__box,
    .form-sys__box + .form-sys__box,
    .form-sys__row + .form-sys__row {
        margin-top: 15px;
    }

.form-sys__row + .form-sys__row-action {
    margin-top: 20px;
}

h2 + .form-sys__row,
h3 + .form-sys__row {
    margin-top: 15px;
}

.form-sys__row-action + * {
    margin-top: 15px;
}

.form__label {
    line-height: 28px;
    padding-right: 5px;
    white-space: nowrap;
}

.form-sys__note {
    font-style: italic;
    margin-bottom: 1.4em;
    font-size: .96em;
    color: #666;
}

.system .form-sys__row-action .submit {
    margin-top: 0;
}

.form-sys__buttons .button {
    margin-bottom: 5px;
}

.form-sys hr {
    border: none;
    height: 1px;
    width: 100%;
    box-sizing: border-box;
    background-color: #ddd;
    margin: 15px 0;
}

.form-sys__box .form__group,
.post-main-img {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-sys__box textarea {
    width: 100%;
    min-height: 200px;
    margin: 0;
}

#addMeta input[type=text] {
    width: 50%;
}

    #addMeta input[type=text][size] {
        width: auto;
    }

#addMeta textarea[name=title] {
    min-height: 50px;
    height: 50px;
}

#addMeta textarea[name=description] {
    min-height: 70px;
    height: 70px;
}

#addMeta textarea[name=keywords] {
    min-height: 50px;
    height: 50px;
}

#file_manager,
#video_manager {
    display: block;
}

.system .meta-file-list button {
    margin: 5px 8px 0 0;
}

.post-tags .fast-sch {
    display: inline-block;
    vertical-align: top;
}

#meta-guest {
    margin-bottom: 30px;
    padding: 0;
    list-style: none;
    counter-reset: counter;
}

    #meta-guest li {
        position: relative;
        padding-left: 2em;
        line-height: 28px;
        counter-increment: counter;
    }

        #meta-guest li::before {
            content: counter(counter) ". ";
            position: absolute;
            left: .25em;
            color: #C93C40;
            font-weight: 600;
        }

#meta_tags li {
    padding: 2px 0;
    line-height: 28px;
}

    #meta-guest li .button,
    #meta_tags li .button {
        margin-left: 8px;
        vertical-align: top;
        top: 2px;
    }

    #meta_tags li .button {
        top: 1px;
    }


#addMeta .post-tags .f-sch {
    width: 160px;
    max-width: 100%;
    margin-right: 3px;
}

#addMeta .post-people input.f-sch[type="text"] {
    width: auto;
    width: calc(100% - 48px);
}

#addMeta .fast-sch + .button {
    vertical-align: top;
}

.guests-forms {
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
    justify-content: space-between;
}

    .guests-forms > * {
        width: 45%;
    }

.system .post-people table {
    margin: 0;
    width: 100%;
    font-size: 1rem;
}

.system .post-people td {
    padding: 5px 0;
}

.system .post-people table tbody tr:nth-child(2n) td {
    background-color: transparent;
}

#addMeta .post-people input[type="text"],
#addMeta .post-people input[type="email"],
#addMeta .post-people select {
    width: 100%;
}

.nguests-state {
    margin: 5px auto;
}

    .nguests-state .form__label {
        padding-right: 5px;
    }

#addMeta .post-people .nguests-state select {
    width: auto;
}

.system .post-people .submit {
    margin-top: 15px;
}

.system table#users {
    width: 100%;
}
.table_td-f-30 tr td:first-child{
	width: 30%;
}
.ajax-msg textarea {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    resize: vertical;
}

.table-list {
    margin: 1rem 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid silver;
}

.v-control {
    min-height: 28px;
    display: inline-block;
    vertical-align: top;
}

    .v-control > * {
        margin-right: 10px;
    }

.v-select {
    position: relative;
    max-width: 300px;
    display: inline-block;
    width: 100%;
    height: 28px;
}

.v-control + .v-select {
    display: block;
    vertical-align: top;
    margin-top: 10px;
}

.v-bt {
    float: right;
}

.v-select .v-bt {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0;
    height: 28px;
    line-height: 28px;
    min-width: 28px;
    border-radius: 4px;
    margin-left: -28px;
}

.val-selected {
    height: 28px;
    line-height: 28px;
    background-color: #efefef;
    padding: 0 30px 0 8px;
    border-radius: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-select > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 3.1em;
    max-height: 250px;
    overflow-y: auto;
    padding: 5px;
    border: 1px solid gray;
    border-radius: 5px;
    background-color: white;
    width: 100%;
    box-shadow: 2px 2px 3px 0 rgba(0,0,0,.64);
}

.v-select.on {
    z-index: 20;
}

    .v-select.on > ul.active {
        display: block;
    }

.fast-sch select.fast {
    display: none !important;
}

.f-result {
    display: none;
}

    .f-result.on {
        display: block;
    }

.fast-sch .f-result {
    position: absolute;
    background-color: white;
    list-style: none;
    border: 1px solid gray;
    max-height: 200px;
    overflow-y: auto;
    cursor: pointer;
    z-index: 2;
}

    .fast-sch .f-result li {
        padding: 0 10px;
        line-height: 1.5em;
    }

        .fast-sch .f-result li:hover {
            background-color: #ffdead;
        }

#time_meta input[type=number] {
    width: 70px;
}

#time_meta .time-meta-el {
    display: inline-block;
    width: 250px;
    padding: 5px;
    box-shadow: 0px 0px 5px darkgrey;
    margin: 0 10px 10px 0;
}

#time_meta .el-row {
    width: 100%;
}

.wait {
    background-image: url(AjaxLoader.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 40px;
    min-height: 40px;
}

.avatar img {
    max-height: 100px;
}

.chat_area {
    position: relative;
    background-color: #fff;
    padding: 20px;
    margin: 0 0 15px;
    border: 2px solid #333;
    height: 580px;
    max-height: 90vh;
    overflow-x: hidden;
}


    .chat_area .button-preload-chat {
        position: absolute;
        top: 5px;
        opacity: .6;
        left: 50%;
        transform: translateX(-50%);
        z-index: 5;
    }

    .chat_area hr {
        position: relative;
        height: 1px;
        border: none;
        border-bottom: 1px dashed #ddd;
        background: none;
        clear: both;
        margin: 10px 0 20px;
        padding: 0;
    }

.msg {
    position: relative;
    background-color: #fff;
    margin-bottom: 7px;
    line-height: 18px;
    clear: both;
    text-align: left;
    overflow: hidden;
}

    .msg::after {
        content: ' ('attr(data-datetime)')';
        font-size: .64em;
        color: #999;
        white-space: nowrap;
    }

.msg__meta {
    display: inline;
    margin-right: 8px;
}

.msg__actions {
    display: inline;
    margin-right: 5px;
    /*float: right;
    margin-left: 20px;*/
}

.msg .button-chat {
    background: none;
    height: auto;
    width: auto;
    margin: 0 3px;
    padding: 3px;
    font-size: 13px;
    color: #C93C40;
    cursor: pointer;
}

.msg__actions .button-chat:first-child {
    margin-left: 0;
}

.moder.self .button-chat[value^='action=del-chat-user'] {
    display: none !important;
}

.msg__datetime {
    display: none;
}

.msg__name {
    display: inline;
    font-weight: bold;
    color: rgba(66, 66, 66, .6);
}

    .msg__name::after {
        content: ':';
    }

.moder .msg__name {
    color: #CB7C3D;
}

.self .msg__name {
    color: #37A431;
}

.msg__id {
    display: none;
}


#js_chat_quote_transfer {
    display: none !important;
}

.msg__txt {
    display: inline;
    color: #000;
}


#chat .name {
    padding: 5px 10px;
    display: block;
    background-color: white;
    border-top: 1px solid Gray;
    border-radius: 10px 10px 0 0;
    font-size: 10px;
    white-space: nowrap;
}

.chat__actions {
}

.chat__info {
    margin: 10px 0 15px;
    display: flex;
    justify-content: space-between;
}

.chat__info_sel {
}

.chat__info_upd {
}

    .chat__info_upd .green {
        color: #1E8C19;
    }
.chat__actions_msg {
}

.chat__users {
    margin-top: 20px;
}

    .chat__users li {
        padding-top: 2px;
        padding-bottom: 2px;
    }

.chat__users_btn {
    position: relative;
    top: 1px;
    margin: 0 5px;
    cursor: pointer;
    color: #C93C40;
}

.msg_cnt {
    display: block;
    text-align: right;
    font-style: italic;
}

    .msg_cnt::before {
        content: attr(data-label);
        margin-right: 3px;
    }

.chat__actions_msg p + textarea {
    margin-top: 5px;
}

.chat__actions_msg textarea {
    padding: 10px;
    min-height: 48px;
    height: 112px;
    width: 100%;
}

.spoiler {
    border: 1px solid gray;
    border-radius: 5px;
    margin: 10px 0;
}

.spoiler-title {
    padding: 5px;
    font-weight: bold;
    background-color: gainsboro;
    border-radius: 5px;
    border-bottom: 1px solid gray;
    cursor: pointer;
}

.spoiler-content {
    display: none;
    transition: all .3s ease-out;
    background-color: #eaeaea;
    padding: 10px;
    border-radius: 0 0 5px 5px;
}

.hide-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-image: url(tmapctrl4.png);
    background-position: 0 0;
}

.spoiler-title.on .hide-icon {
    background-position: 0 -16px;
}

.spoiler-content.on {
    display: block;
}

#img-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.8);
    z-index: 100;
    text-align: center;
}

    #img-loading img {
        margin: 5% auto;
    }

.cssload-loader {
    position: relative;
    top: 100px;
    left: calc(50% - 31px);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    perspective: 780px;
}

.cssload-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 50%;
}

    .cssload-inner.cssload-one {
        left: 0%;
        top: 0%;
        animation: cssload-rotate-one 1.15s linear infinite;
        border-bottom: 3px solid rgb(247, 205, 8);
    }

    .cssload-inner.cssload-two {
        right: 0%;
        top: 0%;
        animation: cssload-rotate-two 1.15s linear infinite;
        border-right: 3px solid rgb(201, 60, 65);
    }

    .cssload-inner.cssload-three {
        right: 0%;
        bottom: 0%;
        animation: cssload-rotate-three 1.15s linear infinite;
        border-top: 3px solid rgb(0,0,0);
    }

@keyframes cssload-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

#my_lightBox_img {
    display: none;
}

#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100%;
    height: 500px;
}

#jquery-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100000;
    text-align: center;
    line-height: 0;
    max-width: 100%;
}

    #jquery-lightbox a img {
        border: none;
    }

#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    max-width: 100%;
    min-width: 250px;
    min-height: 250px;
    margin: 0 auto;
    padding-bottom: 60px;
}

#lightbox-container-image {
    padding: 0;
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100000;
}

#lightbox-container-image-box > #lightbox-nav {
    left: 0;
}

#lightbox-nav a {
    outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}

#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}

#lightbox-nav-btnNext {
    right: 0;
    float: right;
}

#lightbox-container-image-data-box {
    position: relative;
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: -40px auto 0;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}

#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}

    #lightbox-container-image-data #lightbox-image-details {
        width: 70%;
        float: left;
        text-align: left;
        z-index: 100001;
        position: relative;
    }

#lightbox-image-details-caption {
    font-weight: bold;
}

#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

#lightbox-image {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: -20px;
}

@media only screen and (min-width:1280px) {
    .search-top {
        width: 250px;
    }

    .header-phrase {
        font-size: 20px;
        opacity: .8;
    }

    .s__btn,
    .page .ya-share2__link {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 19px;
    }

    .page .ya-share2__icon {
        line-height: 26px;
        font-size: 19px;
    }

    .nav-top a {
        font-size: 16px;
    }
}

@media only screen and (min-width:1004px) {
    /* hovers*/
    a[class!='button']:hover,
    .a:hover {
        color: #ab1e23;
        text-decoration: none;
    }

    a[href^=tel] {
        cursor: text;
        user-select: text;
        pointer-events: none;
    }


    .search__btn:hover {
        color: #000;
        opacity: .8;
    }
	
    .nav-top a:hover {
        color: #ab1e23;
    }

        .nav-top a:hover::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 10px;
            height: 3px;
            width: calc(100% - 20px);
            background-color: #817d72;
        }

    .s__btn:hover {
        color: #fff;
        border-color: #ab1e23;
        background-color: rgba(171,30,35,1);
    }

    .footer .s__btn:hover,
    .page .ya-share2__link:hover {
        color: #fff;
        border-color: #ab1e23;
        background-color: #ab1e23;
    }

    .page .ya-share2__link:hover,
    .page .ya-share2 :link:hover, .page .ya-share2 :visited:hover {
        color: #fff !important;
    }

    .user-bar__nav_list > li:hover,
    .user-bar__nav_list > li:hover > a,
    .user-bar__nav_list > li > a:hover {
        color: #ab1e23;
    }

    .user-bar__nav .dropdown-menu a:hover {
        background-color: #fff;
    }

    .play-btn:hover,
    .player__btr:not(.current):hover {
        background-color: #ab1e23;
        color: #fff;
    }

    .side-innav__list li:hover > .dropdown-menu {
        display: block;
    }

    .side-innav__list .side-nav__list > li:hover > a,
    .side-nav__list > li > a:hover,
    .side-nav__list .level-0 > li > a:hover,
    .side-nav__list .level-0 > li:hover > a {
        /*background-color: #f7cd08;
        color: #000;*/
        color: #ab1e23;
    }

    .side-nav__list ul li:hover > a,
    .side-nav__list .level-1 a:hover,
    .side-innav__list > li:hover > a,
    .side-innav__list > li > a:hover,
    .side-innav__list ul li:hover > a,
    .side-innav__list .level-1 a:hover {
        /*background-color: #fff;
        color: #000;*/
        color: #ab1e23;
    }

    .side__artcl:hover {
        color: #3a3731;
    }

        .side__artcl:hover .side__artcl_title {
            color: #ab1e23;
        }

        .side__artcl:hover .side__artcl_note {
            display: block;
        }

    .side__artcl-author .side__artcl:hover .side__artcl_img {
        box-shadow: 0 0 3px 1px rgba(247,205,8,.8);
    }

    .artcls__item_img:hover ~ .artcls__item_title,
    .artcls__item_img:hover ~ .artcls__item_descr .artcls__item_title {
        color: #ab1e23;
    }

    .similar__item:hover::after {
        opacity: 1;
        bottom: 0;
    }

    .chat_area .button-preload-chat:hover {
        opacity: 1;
    }

    .msg .button-chat:hover {
        color: #ab1e23;
    }

    #toTop:hover {
        opacity: 1;
    }

    .sys-posts tbody tr.art-meta__head:hover + .art-meta__inf td,
    .sys-posts tbody tr.art-meta__inf:hover td {
        background-color: rgba(247,205,8, .2);
    }
}

@media only screen and (max-width:1133px) { /*1152 - scrollbar*/
    .navbar .content__wrapper {
        padding-left: 15px;
        justify-content: space-between;
    }

    .page__content .content__wrapper {
        display: block;
    }

    .sidebar-left {
        float: left;
        margin-bottom: 20px;
    }

    .content {
        overflow: hidden;
        width: auto;
    }

        .content::after {
            content: '';
            display: table;
            clear: both;
        }

    .artcls__item_bage {
        right: -5px;
    }

        .artcls__item_bage::after {
            border-top-width: 5px;
            border-left-width: 5px;
        }

    .sidebar-right {
        width: 100%;
        display: flex;
        flex-flow: column;
        flex-wrap: nowrap;
        margin-top: 20px;
        border-top: 2px dashed #efefef;
        background: none;
    }

        .sidebar-right .side__section {
            order: 3;
            padding-bottom: 15px;
            border-bottom: 2px dashed #efefef;
        }

            .sidebar-right .side__section:first-child,
            .sidebar-right .side__section:last-child {
                order: 1;
                width: auto;
            }

        .sidebar-right .side__title {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .sidebar-right .side__artcl-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            -ms-align-items: flex-start;
            align-items: flex-start;
        }

        .sidebar-right .side__artcl {
            width: 30%;
            font-size: .86rem;
            margin-bottom: 30px;
        }

            .sidebar-right .side__artcl > * {
                max-width: 260px;
            }

        .sidebar-right .side__artcl_title {
            margin-bottom: 5px;
            font-size: 1.12rem;
        }

        .sidebar-right .side__artcl + .side__artcl {
            margin-top: 0;
        }

        .sidebar-right .side__artcl_note {
            left: 0;
            right: 0;
            bottom: 100%;
            top: auto;
            margin-right: 0;
            margin-bottom: 10px;
        }

            .sidebar-right .side__artcl_note::before {
                top: 100%;
                right: auto;
                left: 19px;
                margin-right: 0;
                margin-bottom: 10px;
                border-top: 9px solid rgba(171, 30, 35,.4);
                border-bottom: none;
                border-left: 9px solid transparent;
                border-right: 9px solid transparent;
            }

            .sidebar-right .side__artcl_note::after {
                top: 100%;
                right: auto;
                left: 20px;
                margin-right: 0;
                margin-bottom: 10px;
                border-top: 8px solid #efefef;
                border-bottom: none;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
            }

        .sidebar-right .side__section .section__action {
            margin-top: 15px;
        }

    .side__section-charity {
        display: none;
    }

    .footer .sitemap {
        padding-left: 20px;
    }
}



@media only screen and (max-width:1024px) and (min-width:1004px) {
    .nav-top a {
        font-size: 13px;
    }
}




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

    .navbar {
        box-shadow: 0 0 5px 0 rgba(0,0,0,.5)
    }

    .users-actions {
        height: 75px;
    }

    .page__header .logo-area {
        top: 7px;
    }

    .page__header .logo {
        width: 90px;
        height: 65px;
    }

    .nav-top {
        width: auto;
    }

    .search-top {
        position: fixed;
        top: -100px;
        left: 0;
        width: 100%;
        height: 40px;
        padding: 0;
        transition: top .2s;
        z-index: 1050;
    }

        .search-top * {
            height: 100%;
        }

        .search-top .search__input {
            border-radius: 0 0 2px 2px;
            padding-left: 15px;
            padding-right: 45px;
        }

        .search-top .search__btn {
            width: 40px;
        }

            .search-top .search__btn .icomoon-search {
                font-size: 20px;
                line-height: 40px;
            }

    .search-open .search-top {
        top: 0;
    }

    .search-open .navbar,
    .menu-open .navbar {
        position: static;
    }

    .mobile__top_bar {
        display: block;
    }

        .mobile__top_bar .s__btn {
            width: 32px;
            height: 32px;
            font-size: 20px;
            line-height: 32px;
            min-width: 32px;
            padding: 0;
            background-color: #fff;
        }

            .mobile__top_bar .s__btn + .s__btn {
                margin-left: 3px;
            }

    .page__header .s_btns,
    .header-phrase,
    .user-bar > .switch {
        display: none;
    }

    .login-panel .row {
        display: block;
    }

    .page__content .content__wrapper {
        display: flex;
        flex-direction: column;
    }

    .content {
        order: 1;
    }

    .sidebar {
        order: 2;
    }

    .sidebar-left {
        width: 100%;
        display: flex;
        flex-flow: column;
        flex-wrap: nowrap;
        margin-top: 20px;
        border-top: 2px dashed #efefef;
        background: none;
    }

    .sidebar-right {
        margin-top: 0;
    }

    .sidebar .side__title {
        font-size: 1.4rem;
        font-weight: 300;
    }

    .sidebar-left .side__artcl-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }

    .sidebar .side__artcl-list {
        margin: 0 -15px;
    }

    .sidebar .side__artcl {
        width: 33.33%;
        font-size: 1rem;
        padding: 0 15px;
        margin-bottom: 25px;
    }

        .sidebar .side__artcl + .side__artcl {
            margin-top: 0;
        }

    .sidebar .side__artcl_title {
        font-size: 1em;
    }

    .side__artcl_img {
        width: 140px;
        float: none;
        margin-bottom: 10px;
    }

    .side__artcl_descr {
        overflow: visible;
    }

    .side-player {
        position: fixed;
        display: block;
        top: 46px;
        left: 30%;
        padding: 0;
        z-index: 500;
        border: none;
        transition: opacity .2s;
    }

    .begun_line {
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .player__nav {
        margin-top: 0;
    }

    .side-player__btn + .side-player__info {
        margin: 0;
    }

    .side-player__btn,
    .side-video,
    .player__content {
        display: none;
    }

    .side-nav__list .level-0 .have-sub > ul {
        display: block;
        position: static;
        overflow: hidden;
        left: auto;
        top: auto;
        padding: 0;
        max-height: 0;
        border: none;
        transition: max-height .2s, padding .2s;
    }

    .side-nav__list.mobile-alter-nav {
        display: block;
    }

    .side-nav__list .level-0 .have-sub.open::after {
    }

    .side-nav__list .level-0 .have-sub.open > ul {
        max-height: 100vh;
        padding: 0 10px 10px;
        transition: max-height .1s, padding .1s;
    }

    .page__content {
        border-bottom: 20px solid #efefef;
    }

    .similar__item::after {
        opacity: 1;
        bottom: 0;
    }

    /*********************************/
    .main-about,
    .main-partners,
    .donate__descr {
        float: none;
        width: auto;
    }

    /*********************************/
        .donate__list {
            margin-top: 15px;
        }
    /*********************************/
    .footer__content {
        padding: 20px 0;
    }

    
    /*********************************/
    .footer .feedback,
    .footer .sitemap {
        float: none;
        width: auto;
    }

        .footer .feedback + .sitemap {
            margin-top: 40px;
        }

    .footer .sitemap {
        padding: 0 15px;
    }

    .footer__copy {
        padding: 10px 0 15px;
    }

    .copy {
        font-size: 1rem;
    }

    .side__section-nav {
        position: fixed;
        top: 0;
        right: -106%;
        transition: right .2s;
        background-color: #fff;
    }

    .menu-open .side__section-nav {
        right: 0;
        min-width: 320px;
        overflow: auto;
        height: 100vh;
        z-index: 1050;
    }

    .side__section-nav .side__title {
        visibility: hidden;
    }

    .side-nav__list > li.have-sub {
        position: relative;
    }

    .side-nav__list .level-0 li.have-sub > a::after {
        content: '\f107';
        top: .2em;
    }

    .side-nav__list .level-0 li.have-sub.open > a {
        background-color: #C93C40;
        color: #fff;
    }

        .side-nav__list .level-0 li.have-sub.open > a::after {
            color: #fff;
        }

    .side-nav__list .dropdown-menu {
        position: relative;
        left: 0;
        right: auto;
        top: 0;
    }
}

@media only screen and (max-width:1003px) and (min-width:768px) {
    .scroll .side-player {
        top: -100px;
        opacity: 0;
        transition: opacity .3s;
    }

    .scroll-step .side-player {
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(255,255,255,.94);
        opacity: 1;
        transition: opacity .2s, top .2s;
    }

    .scroll-step .side-audio {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row-reverse;
        align-items: center;
        width: 100%;
        padding: 5px 15px;
    }

    .scroll-step .player__nav {
        width: 294px;
        margin-right: 20px;
    }

    .scroll-step .begun_line {
        width: calc(100% - 314px);
    }
}

@media only screen and (max-width:767px) {
	pre{
		white-space: normal;
	}
    /************************/
    .content__wrapper {
        margin: 0;
        padding: 0 10px;
    }
    /*************************/
    .donate__content .content__wrapper,
    .main-about__content .content__wrapper {
        padding: 0 10px;
    }
    

    .page__header {
        padding-top: 40px;
    }

    .navbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 500;
    }

    .search-open .navbar,
    .menu-open .navbar {
        position: fixed;
        z-index: 1070;
    }

    .menu-open .navbar {
        background-color: transparent;
        box-shadow: none;
    }

    .menu-open .menu-toggler {
        right: 10px;
    }

    .navbar .content__wrapper {
        justify-content: flex-end;
        padding-left: 10px;
    }

    .nav-top {
        display: none;
    }

    .menu-open .search-toggler {
        visibility: hidden;
    }

    .mobile__top_bar {
        padding: 0;
    }

    .page__header .logo-area {
        left: 10px;
    }

    .user-bar {
        padding: 0;
    }

    .side__section {
        padding: 10px 0;
    }

    .side__section-nav {
        padding: 10px 15px;
    }

    .side-nav__list .mobile-alter-nav {
        display: block;
    }

    .form-subscribe .form__row + .form__row-action {
        text-align: center;
    }

    .side-player {
        top: 0;
        left: 10px;
        width: 80%;
        width: calc(100% - 100px);
        height: 40px;
        padding: 0;
        z-index: 600;
        overflow: hidden;
    }

    .begun_line {
        margin-bottom: 0;
        width: 50%;
    }

    .player__current {
        animation: anim_left_to_right 8s linear infinite;
    }

    .side-player__info {
        height: 100%;
    }

    .side-player .side-audio {
        display: flex;
        height: 100%;
        flex-wrap: nowrap;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-start;
    }

    .side-player .player__nav {
        min-width: 250px;
        margin-right: 10px;
    }

    .side-player .player__range::-webkit-slider-runnable-track {
        background: #fff;
    }

    .side-player .player__range::-moz-range-track {
        background: #fff;
    }

    .side-player .player__range::-ms-track {
        background: #fff;
    }

    .side-player .player__range::-ms-fill-lower {
        background: #fff;
    }

    .side-player .player__range::-ms-fill-upper {
        background: #fff;
    }

    .side-player .player__btr.current {
        background-color: #fff;
    }

    .main-event .content__wrapper {
        padding: 0;
    }

    .content {
        padding: 10px 0;
    }

    h1 {
        font-size: 2rem;
    }

    .article__content img {
        display: inherit;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }

    .artcls__item_bage {
        width: 28px;
        height: 28px;
        bottom: 0;
        right: 0;
        border-radius: 2px;
    }

        .artcls__item_bage::after {
            display: none;
        }

    .artcls__item_title {
        font-size: 20px;
    }

    /****************************/
    .donate__item {
        width: 50%;
        text-align: center;
    }

    .footer .feedback,
    .footer .sitemap {
        padding: 0;
    }

        .footer .feedback + .sitemap {
            margin-top: 20px;
        }

    .sitemap__list {
        display: block;
        overflow: hidden;
    }

    .sitemap__col {
        float: none;
        width: auto;
    }

    .sinemap__nav + .sinemap__nav {
        margin-top: 0;
    }

    .sinemap__nav ul ul li {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

    .sinemap__nav ul ul {
        padding: 5px 15px 8px 0;
    }

        .sinemap__nav ul ul li {
            padding-left: 0;
        }

            .sinemap__nav ul ul li::before {
                content: '';
                position: relative;
                top: .45em;
                display: inline-block;
                vertical-align: top;
                width: 5px;
                height: 5px;
                margin: 0 8px 0 5px;
                border-radius: 50%;
                background-color: #C93C40;
                color: #C93C40;
            }

    .sitemap__col {
        padding-top: 15px;
    }

        .sitemap__col:last-child .sinemap__nav li {
            position: relative;
            display: inline-block;
            vertical-align: top;
        }

            .sitemap__col:last-child .sinemap__nav li::before {
                content: '';
                position: relative;
                top: .45em;
                display: inline-block;
                vertical-align: top;
                width: 5px;
                height: 5px;
                margin: 0 8px 0 5px;
                border-radius: 50%;
                background-color: #C93C40;
                color: #C93C40;
            }

    .search-bottom {
        width: 280px;
        margin: 20px auto 10px;
        padding: 0;
    }

        .search-bottom .search__input {
            height: 32px;
        }

        .search-bottom .search__btn {
            width: 32px;
        }

    .sitemap .logo {
        width: 200px;
        margin: 0 auto;
    }

    .footer .s_btns {
        text-align: center;
    }

    .footer .s__btn {
        width: 32px;
        height: 32px;
        margin: 0 5px 10px;
        line-height: 30px;
        font-size: 22px;
    }

    .copy {
        padding: 0 10px;
    }
}



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

    .side-player .player__nav {
        width: 224px;
        min-width: 100px;
        margin-right: 20px;
    }

    .side-player .player__range {
        width: 50px;
        margin: 0 20px;
    }

    .begun_line {
        width: calc(100% - 234px);
        max-height: 2.2em;
        line-height: 1.1;
    }

    .artcls__item_title {
        font-size: 18px;
    }

    .sidebar .side__artcl-list {
        display: block;
    }

    .sidebar .side__artcl {
        width: auto;
        max-width: 100%;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .sidebar-right .side__artcl > * {
        max-width: 100%;
    }

    .side__artcl_img {
        float: left;
        margin-right: 15px;
    }

    .sidebar-right .side__artcl_title {
        margin-bottom: 5px;
    }

    .article {
        padding-bottom: 10px;
    }

    .article__actions,
    .article__authors {
        display: block;
    }

    .article__author {
        width: auto;
    }

        .article__author + .article__author {
            margin-top: 25px;
        }

    .similar__item {
        width: 48%;
        width: calc(50% - 10px);
    }

        .similar__item::after {
            font-size: 12px;
        }

    .feedback__form .text_input, .feedback__form .select {
        padding: 0 10px;
    }

    .feedback__form textarea {
        padding: 10px;
    }

    .w45 {
        width: auto;
    }

        .w45 + .w45 {
            margin-left: 0;
        }

    .donate {
        width: 100%;
    }
    #kolodar-days ol {
		left: 0;
		top: 100%;
	}
}


@media only screen and (max-width:479px) {
    .user-bar__login,
    .user-bar__nav > .clicker {
        font-size: 12px;
    }

    .user-bar__nav_list {
        font-size: 12px;
    }

    .artcls__list-tbl {
        display: block;
    }

        .artcls__list-tbl .artcls__item {
            width: auto;
        }

            .artcls__list-tbl .artcls__item + .artcls__item {
                margin-top: 30px;
            }

        .artcls__list-tbl + .section__action {
            margin: 20px 0 15px;
        }


    .artcls__list-rows .artcls__item_img,
    .side__artcl_img {
        width: 120px;
        height: 68px;
        margin-bottom: 2px;
    }

    .artcls__list-rows .artcls__item_place {
        font-weight: 400;
    }

    .artcls__list-rows .artcls__item_title {
        font-size: 1rem;
        font-weight: 600;
    }

        .artcls__list-rows .artcls__item_title:not(:first-child) {
            margin-top: 5px;
        }

    h1 {
        font-size: 1.8rem;
    }

    .similar__item {
        width: 100%;
    }

    .search-bottom {
        width: 100%;
    }

    .begun_line {
        width: calc(100% - 204px);
        font-size: 10px;
        line-height: 1rem;
    }

    .side-player .player__nav {
        justify-content: flex-start;
        width: 194px;
        margin-right: 10px;
    }

    .side-player .player__btr {
        min-width: 20px;
    }

    .side-player .player__range {
        margin: 0 15px;
    }

    .side-player .player__btr {
        min-width: 20px;
        padding: 0 3px;
    }

    .article__media > *:last-child {
        margin-bottom: 30px;
    }

    .article__media_vid {
        width: 100%;
    }

    .text ul li {
        padding-left: 1em;
    }

        .text ul li::before {
            left: .25em;
            width: .4em;
            height: .4em;
        }

    .rat__item_img {
        float: none;
        display: block;
        margin: 0 auto 15px;
    }
}



@media only screen and (max-width:359px) {
    .side-player__info .side-audio {
        flex-direction: row;
    }

    .begun_line {
        display: none;
    }

    .footer .s__btn {
        margin: 0 1px 10px;
    }
}