<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&amp;family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;display=swap');

@font-face {
    font-family: "plakat";
    src: url("fonts/6419.woff") format("woff"), url("fonts/6419.otf") format("opentype");
    font-style: normal;
    font-weight: 600
}

body {
    font-family: 'Roboto Condensed', sans-serif;
    background: #EFEFEF;
}

.top {
    background: #BA3012;
}

/*.top::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: -23px;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 41px;*/
/*    background: url(../images/newyear.png) repeat-x;*/
/*    background-size: contain;*/
/*}*/

.new-year {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 6px);
    animation: blinker 5s linear infinite;
}

.new-year img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/*
.video-bgs {
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 160px;
    overflow: hidden;
}
.video-bgs&gt;video {
    height: 160px;
    width: 160px;
    -o-object-fit: contain;
       object-fit: contain;
}
.video-bgs {
    position: absolute;
    top: -127px;
    left: 0;
    width: 160px;
    height: 160px;
    overflow: hidden;
}
@media (max-width: 768px){
.video-bgs {
    top: 0;
    width: 92px;
    height: 52px;
}
.video-bgs&gt;video {
    width: 92px;
    height: 52px;
}
}
*/
.top .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.top__mail {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.top__mail &gt; a {
    color: hsla(0, 0%, 100%, .74);
    display: inline-block;
    padding: .25rem .5rem;
}

.top__mail &gt; a:hover {
    color: hsla(0, 0%, 100%, 1);
}

.top__mail i, .top__mail span {
    font-size: .8em;
    width: 1.25rem;
    text-align: center;
}

.top__list {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.top__item &gt; a {
    color: hsla(0, 0%, 100%, .74);
    display: inline-block;
    padding: .75rem 1rem;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .95em;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.top__item &gt; a:hover {
    color: hsla(0, 0%, 100%, 1);
    background: #A72B10;
}

.header {
    background: #CC3716;
    color: hsla(0, 0%, 100%, 1);
}

.header__title {
    margin: 0;
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: bold;
}

p.header__text {
    margin: 0;
    font-size: 1.5em;
}

.header__item {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 190px;
}

nav.navbar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #BA3012;
    z-index: 100;
}

.navbar__item {
    position: relative;
}

.logo {
    position: relative;
    width: 160px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.logo &gt; picture {
    position: absolute;
    left: 0;
    bottom: -7px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

nav.navbar.fixed picture {
    bottom: -3px;
}

.logo__image {
    width: 160px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

nav.navbar.fixed .logo__image {
    width: 38px;
}

a.logo__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.navbar__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.burger {
    display: none;
}

ul.menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

li.menu__item {
    position: relative;
}

li.menu__item:hover {
    z-index: 9;
}

a.menu__link {
    display: block;
    color: #FFFFFF;
    padding: .75rem 1rem;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .92em;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

li.menu__item:hover a {
    background: #A72B10;
    color: #FFFFFF;
}

li.menu__item.drop::after {
    content: "\e90f";
    font-family: 'Icomoon';
    color: hsla(0, 0%, 100%, .54);
    position: absolute;
    top: .7rem;
    right: .25rem;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
}

li.menu__item.drop:hover:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: .5rem;
}

li.menu__item.drop &gt; a {
    padding-right: 1.25rem;
}

.drop__content {
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    padding: .5rem;
    background: #FFFFFF;
    display: none;
    -webkit-box-shadow: 0 5px 5px -5px rgba(128, 128, 128, .2);
    box-shadow: 0 5px 5px -5px rgba(128, 128, 128, .2);
}

.drop__link-add {
    padding: .5rem;
    color: #A60000;
    font-weight: bold;
    letter-spacing: -0.02em;
    cursor: pointer;
}

li.menu__item.drop:last-child .drop__content {
    left: auto;
    right: 0;
}

a.drop__link {
    display: block;
    color: #2A2A2A;
    text-transform: uppercase;
    padding: .5rem .25rem;
    border-bottom: 1px solid hsla(0, 0%, 10%, .1);
    font-size: .9em;
    font-weight: bold;
}

.drop__item:last-child a {
    border-bottom: 0;
}

li.menu__item:hover a.drop__link {
    background: #FFFFFF;
    color: #2A2A2A;
}

textarea.telega {
    display: none;
}

.table-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    background: rgba(0 0 0 / 76%);
    z-index: 999;
}

form.table-form {
    width: 90vw;
    background: #FFFFFF;
    margin: auto;
    box-sizing: border-box;
}

form.table-form &gt; header {
    background: #ff0000;
    display: flex;
    justify-content: space-between;
    color: #FFFFFF;
    padding: .5rem 1rem;
}

form.table-form &gt; header &gt; h3 {
    margin: 0;
}

.table-close {
    align-self: center;
    cursor: pointer;
}

section.tablepanel {
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    padding: 1rem;
    box-sizing: border-box;
}

.table-headers {
    display: flex;
    justify-content: space-between;
}

input.form-control.tb {
    font-weight: bold;
}

.dc {
    display: none;
}

.table-content {
    display: flex;
    justify-content: space-between;
}

.wrap__box {
    background: #FFFFFF;
    padding: 1rem;
    margin: .5rem 0;
}

h2.page__texts {
    margin: 0;
    padding: 1rem;
    color: #2A2A2A;
}

.wrap__box-number {
    color: #ACACAC;
    font-size: 1.2em;
}

button.wrap__box-btn {
    background: #CC3716;
    color: #FFFFFF;
    border: 0;
    padding: 0.9rem 2rem;
    cursor: pointer;
    transition: .3s;
}

button.wrap__box-btn:hover {
    background: #BA3012;
}

ul.page__list {
    background: #FFFFFF;
    padding: 1rem;
    list-style: none;
}

li.page__list-text {
    position: relative;
    padding: 0.25rem 0 0.25rem 1rem;
}

li.page__list-text::before {
    content: '';
    position: absolute;
    top: 0.6rem;
    left: -1px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #BA3012;
}

form.join {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFFFFF;
    margin-bottom: 2rem;
}

.join__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.join__item, .join__bg {
    max-width: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    height: 0;
    overflow: hidden;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.active .join__item, .active .join__bg {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: auto;
    overflow: visible;
    opacity: 1;
}

.join__group {
    margin: 1rem;
    background: #f0f2f5;
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    border-radius: 4px;
    position: relative;
}

.join__group label {
    display: block;
    position: absolute;
    top: 1.5rem;
    left: 1rem;
    width: calc(100% - 2rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

input.join__input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    z-index: 5;
    background: rgba(255 255 255 / 0%);
    padding: 0.35rem;
    border: 0;
}

.join__group label.active {
    font-size: 0.8em;
    font-weight: bold;
    top: 0.45rem;
    left: 0.75rem;
    color: #ACACAC;
}

.join__bg {
    background: #CC3716;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.join__bg-photo {
    text-align: center;
    padding: 1rem;
}

.join__bg-photo img {
    max-width: 200px;
}

.join__btn {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    text-align: center;
    margin: 1rem auto;
    max-width: 250px;
    display: block;
    padding: 0.5rem 2rem;
    border-radius: 4px;
    cursor: pointer;
    transition: .3s;
    background: rgba(255 255 255 / 0%);
}

.join__btn:hover {
    background: rgba(255 255 255 / 10%);
}

.l-box {
    position: absolute;
    top: -1rem;
    right: 0.25rem;
    color: red;
    font-size: 0.8em;
    font-weight: bold;
}

.active .l-box {
    top: 0.15rem;
    font-size: 1em;
}

.join__step {
    position: absolute;
    top: 0.45rem;
    right: calc(50% + 1rem);
    color: #ACACAC;
    display: none;
}

.active .join__step {
    display: block;
}

.ss-form__success {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255 255 255 / 75%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 999;
}

.ss-form__success_text {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background: #FFFFFF;
    padding: 2rem;
    border-radius: 4px;
    max-width: 600px;
    text-align: center;
    margin: auto;
}

.menu__item-drop {
    display: none;
}

.c-text &gt; p &gt; a {
    display: inline-block;
    border-bottom: 1px dashed;
}

p.MsoNormal {
    padding: 0.5rem;
    margin: 0;
    color: #506172;
}

.join__policy {
    text-align: center;
    padding-bottom: 10px;
}

.join__policy a {
    color: #FFFFFF;
    font-size: .9em;
}

section.policy {
    background: #FFFFFF;
    padding: 1rem;
}

@media (max-width: 1010px) {
    a.menu__link {
        font-size: .8em;
    }
}

@media (max-width: 892px) {
    a.menu__link {
        padding: .75rem .5rem;
    }
}

@media (max-width: 818px) {
    .menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        display: none;
        background: #FFFFFF;
        -webkit-box-shadow: 0 5px 11px -1px rgb(0 0 0 / 35%);
        box-shadow: 0 5px 11px -1px rgb(0 0 0 / 35%);
        z-index: 9;
    }

    .active .join__item, .active .join__bg {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .active .join__item {
        padding: 1rem;
    }

    .join__bg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 2rem;
    }

    .join__step {
        right: 1rem;
    }

    .burger {
        display: block;
        padding: .75rem;
        position: relative;
    }

    .burger &gt; span {
        position: relative;
        display: block;
        width: 30px;
        height: 3px;
        background: #FFFFFF;
        margin: .25rem 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .burger.open &gt; span:first-child {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 7px;
    }

    .burger.open &gt; span:nth-child(2) {
        opacity: 0;
    }

    .burger.open &gt; span:last-child {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: -7px;
    }

    ul.menu__list {
        display: block;
        padding: .75rem .25rem;
    }

    a.menu__link {
        padding: .75rem;
        color: #BA3012;
        font-size: 1em;
        border-bottom: 1px solid rgba(186, 48, 18, .1);
    }

    li.menu__item:last-child a {
        border: 0;
    }
}

.title {
    background: #FFFFFF;
    position: relative;
    font-family: 'Roboto', sans-serif;
    color: #c60101;
    text-transform: uppercase;
}

.title::before {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAYAAAACEPQxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYwRTY2NEY2MTM0MDExRTQ4NDc1RTQ3QUY1RkU3M0Q0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYwRTY2NEY3MTM0MDExRTQ4NDc1RTQ3QUY1RkU3M0Q0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjBFNjY0RjQxMzQwMTFFNDg0NzVFNDdBRjVGRTczRDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjBFNjY0RjUxMzQwMTFFNDg0NzVFNDdBRjVGRTczRDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iy0yhAAAAGUlEQVR42mI4xsj4n4kBCEAEI5wFEQMIMAA3SQLSBMmfXQAAAABJRU5ErkJggg==);
    width: 100%;
    height: 6px;
    left: 0;
    top: 1.45rem;
    position: absolute;
}

.title::after {
    content: '\ecf2';
    font-family: 'icomoon';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    background: #FFFFFF;
    padding: 1rem;
}

.c-news {
    padding: 1rem 0 .5rem;
}

.title__text {
    display: inline-block;
    margin: .5rem 0;
    position: relative;
    z-index: 9;
    background: #FFFFFF;
    padding: .5rem 1rem;
    font-size: 1em;
    letter-spacing: -0.02em;
}

.c-news .container {
    background: #FFFFFF;
}

.c-news__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.c-news__item {
    position: relative;
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    overflow: hidden;
    padding-bottom: 2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0.25rem;
    -ms-flex-preferred-size: calc(25% - 0.5rem);
    flex-basis: calc(25% - 0.5rem);
}

.c-news__item:hover {
    background: #f0f2f5;
}

.c-news__item &gt; picture {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.c-news__item &gt; picture &gt; img {
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.c-news__item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.c-news__caption {
    position: absolute;
    top: -250px;
    left: 0;
    width: 100%;
    height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(42, 42, 42, .9);
    color: hsla(0, 0%, 100%, .74);
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.c-news__item:hover .c-news__caption {
    top: 0;
}

.c-news__caption &gt; p {
    width: 100%;
    text-align: center;
    max-height: calc(100% - 1rem);
    overflow: hidden;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.c-news__caption &gt; p &gt; a {
    color: hsla(0, 0%, 100%, .24);
}

picture.webp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    overflow: hidden;
}

img.img2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.c-news__item:hover img.img2 {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}

.c-news__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .5rem;
}

.c-news__icon {
    width: 30px;
    text-align: center;
    padding-top: .5rem;
    color: #ACACAC;
}

.c-news__item:hover .c-news__icon {
    color: #CC3716;
}

.c-news__text {
    width: calc(100% - 58px);
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    position: relative;
    font-size: .75em;
}

.c-news__item:hover .c-news__text {
    color: #2A2A2A;
}

.c-news__time {
    width: 100%;
    font-size: .8em;
    padding: .5rem;
    color: #ACACAC;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e5e5e5;
}

.c-news__comm {
    position: absolute;
    top: 8px;
    right: 8px;
}

.item__panels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: calc(242px - 2.5rem);
    right: 1rem;
    color: #FFFFFF;
    border-radius: 4px;
    font-size: .8em;
    z-index: 9;
}

.item__comm {
    background: rgba(1 1 1 / 75%);
    padding: 0.5rem;
    margin: 0 3px;
    border-radius: 4px;
}

.text-red {
    color: #A60000;
}

a.c-news__link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.c-news__text &gt; h3 {
    margin: .25rem;
}

.box {
    padding: .5rem 0;
}

.box .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .5rem;
}

.box__content {
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

aside.speedbar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    padding-right: .5rem;
}

article.content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 66.333337%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.333337%;
    flex: 0 0 66.333337%;
    padding: 0 .5rem;
}

.box__right {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding-left: .25rem;
}

.banner img {
    width: 100%;
}

.box__video, .box-widget {
    margin: 1rem 0;
    -webkit-box-shadow: 0 1px 0 0 #dce1e6, 0 0 0 1px #e7e8ec;
    box-shadow: 0 1px 0 0 #dce1e6, 0 0 0 1px #e7e8ec;
    border-radius: 2px;
}

.box__video &gt; header, .box-widget &gt; header {
    font-family: 'Roboto', sans-serif;
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .75rem;
    border-bottom: 1px solid #e5e5e5;
}

h2.box__video-title, h2.box-widget__title {
    margin: 0;
    font-size: .95em;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0;
}

.box__video span, .box-widget span {
    color: #ACACAC;
}

.box__video-item, .box-widget__item {
    background: #FFFFFF;
    padding: .5rem;
}

.item {
    position: relative;
    background: #FFFFFF;
    margin-bottom: 1rem;
    -webkit-box-shadow: 0 1px 0 0 #dce1e6, 0 0 0 1px #e7e8ec;
    box-shadow: 0 1px 0 0 #dce1e6, 0 0 0 1px #e7e8ec;
    border-radius: 2px;
}

.item &gt; picture {
    width: 100%;
    height: 40vh;
    overflow: hidden;
}

.item &gt; picture &gt; img {
    width: 100%;
    height: 40vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.item__video-icon {
    position: absolute;
    top: 130px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 2em;
    color: #FF0000;
}

.item__caption {
    padding: 1rem;
}

.item__caption &gt; p {
    font-family: 'Roboto';
    color: #506172;
    line-height: 22px;
    width: 100%;
    height: 88px;
    overflow: hidden;
}

.item__caption &gt; h3 {
    margin: .5rem 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.item:hover .item__caption &gt; h3 {
    color: #FF0000;
}

.item__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .9em;
    margin-top: 1rem;
}

.item__footer i {
    color: #ACACAC;
    display: inline-block;
    width: 1.25em;
    text-align: center;
}

.item__more {
    text-transform: uppercase;
    color: #808080;
}

.item__time {
    color: #ACACAC;
}

a.item__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 99;
}

.item.wap {
    display: none;
}

div#vk_groups, div#vk_groups iframe {
    width: 100% !important;
}

ul.tabs__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul.tabs__list &gt; li {
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    text-align: center;
    border-bottom: 3px solid #f0f2f5;
    padding: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

ul.tabs__list &gt; li:hover {
    border-color: #ACACAC;
}

ul.tabs__list &gt; li.active {
    border-bottom: 3px solid #CC3716;
}

ul.tabs__list &gt; li.active span {
    color: #2A2A2A;
}

ul.tabs__list &gt; li:hover span {
    color: #2A2A2A;
}

.tabs__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .5rem 0;
    padding: .5rem 0;
    border-bottom: 1px solid #e5e5e5;
}

.tabs__item:last-child {
    border: 0;
}

.tabs__item &gt; picture {
    max-width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    overflow: hidden;
}

.tabs__item &gt; picture &gt; img {
    width: 40px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
}

.tabs__item-caption {
    width: calc(100% - 40px);
    padding: .25rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.tabs__item-caption &gt; h3 {
    margin: 0;
    font-size: .9em;
    font-weight: 500;
    padding: 0 .25rem 0 .5rem;
    font-family: 'Roboto';
}

.tabs__item-time {
    font-size: .8em;
    padding-top: .5rem;
    padding-left: .5rem;
}

.tabs__content {
    display: none;
}

.tabs__content.active {
    display: block;
}

a.tabs__item-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tabs__item .no-photo i {
    font-size: 1.5em;
    margin: 1rem;
}

.tabs__item .no-photo span {
    font-size: .48em;
}

.tabs__item-text {
    padding: .25rem .5rem;
    font-size: .9em;
}

.tabs__item-caption &gt; h3 &gt; span {
    text-transform: uppercase;
}

.tabs__item-text &gt; p {
    margin: 0;
    padding: 0;
}

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

span.btn-more__text {
    display: inline-block;
    background: #FF0000;
    color: #FFFFFF;
    padding: .75rem 2rem;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

span.btn-more__text:hover {
    background: #A60000;
}

ul.tags {
    margin: 0;
    padding: 1rem .5rem;
    list-style: none;
    position: relative;
    font-size: .7em;
    box-sizing: border-box;
}

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

li.tags__item {
    display: inline-block;
    padding: .2rem;
}

li.tags__item &gt; a {
    color: #ACACAC;
}

li.tags__item &gt; a:hover {
    color: #444444;
}

.tags__item-2 {
    font-size: 1.1em;
}

.tags__item-3 {
    font-size: 1.2em;
}

.tags__item-4 {
    font-size: 1.3em;
}

.tags__item-5 {
    font-size: 1.4em;
}

.tags__item-6 {
    font-size: 1.5em;
}

.tags__item-7 {
    font-size: 1.6em;
}

.tags__item-8 {
    font-size: 1.7em;
}

.tags__item-9 {
    font-size: 1.8em;
}

.tags__item-10 {
    font-size: 1.9em;
}

ul.tx3-tag-cloud li {
    display: block;
    float: left;
    list-style: none;
    margin-right: 4px;
    color: #ACACAC;
}

ul.tx3-tag-cloud li a {
    display: block;
    text-decoration: none;
    color: #c9c9c9;
    padding: 3px 10px;
}

ul.tx3-tag-cloud li a:hover {
    color: #000000;
    -webkit-transition: color 250ms linear;
    -o-transition: color 250ms linear;
    transition: color 250ms linear;
}

a.img-responsive {
    display: block;
    position: relative;
}

.video__icon {
    position: absolute;
    top: 43%;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 2em;
}

.video__icon i {
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #FF0000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a.img-responsive:hover i {
    color: #A60000;
}

.video__author {
    padding: .5rem;
    margin-bottom: 1rem;
}

.video__author-link a {
    color: #2A2A2A;
    font-weight: bold;
}

.video__time {
    padding: .25rem 0;
    font-size: .8em;
    color: #ACACAC;
}

.box__video-item ul.tabs__list &gt; li {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.video {
    padding: .5rem 0;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

span.btn-more__text i {
    width: 200px;
    -webkit-animation-name: rotation;
    animation-name: rotation;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.loader-news {
    text-align: center;
    background: #F3AFF3;
    border-radius: 4px;
    padding: .5rem;
    margin-bottom: 1rem;
}

.loader-news i {
    -webkit-animation-name: rotation;
    animation-name: rotation;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    font-size: 2em;
    color: #FFFFFF;
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

header.box__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #FFFFFF;
    padding: .75rem;
    margin-bottom: .5rem;
}

header.box__title &gt; h2 {
    margin: 0;
    font-size: .95em;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0;
}

header.box__title span {
    color: #ACACAC;
}

.instagram {
    position: relative;
    margin-top: 1rem;
    background: #FFFFFF;
    text-align: center;
}

.instagram__button &gt; a {
    display: block;
    background: #A60000;
    color: #FFFFFF;
    padding: .75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.instagram__icon {
    position: absolute;
    top: .75rem;
    right: .75rem;
    background: rgba(42 42 42 / 75%);
    color: hsla(0, 0%, 100%, .54);
    padding: .5rem;
    border-radius: 4px;
}

.instagram__icon &gt; span {
    display: inline-block;
    padding-right: .25rem;
}

footer {
    background: #2A2A2A;
    padding: 1rem 0;
}

.footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer__social-item {
    border-bottom: 3px solid hsla(0, 0%, 100%, .2);
}

.footer__social-item a {
    display: block;
    padding: .5rem 1rem;
    color: hsla(0, 0%, 100%, .2);
    font-size: 1.5em;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.footer__social-item a:hover {
    color: hsla(0, 0%, 100%, .74);
    background: hsla(0, 0%, 100%, .1);
}

.footer__social-item span {
    width: 1.25em;
    text-align: center;
}

.footer__social-item.vk:hover {
    border-color: #2787F5;
}

.footer__social-item.telegram:hover {
    border-color: #1B8EC9;
}

.footer__social-item.insta:hover {
    border-color: #CA2D8D;
}

.footer__social-item.ok:hover {
    border-color: #EE8208;
}

.footer__social-item.facebook:hover {
    border-color: #507299;
}

.footer__social-item.youtube:hover {
    border-color: #FF0000;
}

.footer__item {
    color: hsla(0, 0%, 100%, .74);
    font-family: 'Roboto';
}

.footer__item a {
    color: hsla(0, 0%, 100%, 1);
}

ul.footer__menu {
    list-style: none;
}

ul.footer__menu &gt; li &gt; a {
    color: hsla(0, 0%, 100%, .74);
    text-transform: uppercase;
    display: block;
    padding: .25rem .5rem;
}

.copy {
    background: #1F1F1F;
    padding: 1rem 0;
    color: hsla(0, 0%, 100%, .74);
}

.copy .row__col-6 {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.copy a {
    display: inline-block;
    color: hsla(0, 0%, 100%, .1);
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding-left: 1rem;
}

.copy a:hover {
    color: hsla(0, 0%, 100%, .5);
}

.row__col-6.text-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.wrap__container {
    max-width: 1140px;
    margin: auto;
    padding: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.breadcrumbs {
    background: #FFFFFF;
    margin: .5rem 0;
}

ul.breadcrumbs__list {
    margin: 0;
    padding: 0 .5rem;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .8em;
}

ul.breadcrumbs__list &gt; li {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    position: relative;
}

ul.breadcrumbs__list &gt; li::before {
    content: '/';
    position: absolute;
    top: 0.5rem;
    right: -3px;
    color: #ACACAC;
}

ul.breadcrumbs__list &gt; li.active::before {
    display: none;
}

ul.breadcrumbs__list &gt; li &gt; a {
    display: inline-block;
    padding: .5rem;
    color: #ACACAC;
}

ul.breadcrumbs__list &gt; li &gt; a:hover {
    color: #2A2A2A;
}

ul.breadcrumbs__list &gt; li.active &gt; a {
    color: #1F1F1F;
    font-weight: 500;
    font-family: 'Roboto';
}

.pagin {
    background: #FFFFFF;
    padding: .5rem;
    margin: .5rem auto;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

ul.pagination.pagination-large {
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

ul.pagination.pagination-large &gt; li {
    margin: .1rem;
}

ul.pagination.pagination-large &gt; li &gt; a {
    border: 1px solid #e5e5e5;
    display: inline-block;
    padding: .5rem .75rem;
    color: #ACACAC;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

ul.pagination.pagination-large &gt; li &gt; a:hover {
    border: 1px solid #ACACAC;
    color: #2A2A2A;
}

ul.pagination.pagination-large &gt; li.active &gt; a {
    border: 1px solid #A60000;
    font-weight: 500;
    font-family: 'Roboto';
    color: #1F1F1F;
}

article.wrap__content {
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

aside.leftbar {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: .5rem;
}

aside.leftbar {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: .5rem;
}

.calendar {
    background: #2A2A2A;
    color: hsla(0, 0%, 100%, .54);
    padding: 1rem;
    margin-bottom: 1rem;
}

.calendar__year {
    text-align: center;
    cursor: pointer;
    padding: .25rem;
    font-weight: bold;
}

.calendar__mounth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    padding: .25rem;
}

.calendar__mounth-left, .calendar__mounth-right {
    font-size: .8em;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: .25rem;
    cursor: pointer;
}

.calendar__mounth-text {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    cursor: pointer;
}

.select-year {
    border: 1px solid hsla(0, 0%, 100%, .1);
    padding: .25rem .1rem;
    margin: 0.1rem;
    width: 44px;
    border-radius: 4px;
    text-align: center;
    font-size: .8em;
    cursor: pointer;
}

.select-mounth {
    font-size: .8em;
    padding: .25rem .5rem;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    cursor: pointer;
}

.calendar__year:hover, .calendar__mounth-left:hover, .calendar__mounth-text:hover, .calendar__mounth-right:hover, .select-year:hover, .select-mounth:hover {
    color: hsla(0, 0%, 100%, .74);
    border-color: hsla(0, 0%, 100%, .74);
}

.list-year {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.select-year.active {
    color: #EED220;
    cursor: auto;
    border-color: honeydew;
}

.calendar__day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .5rem .25rem;
}

.calendar__day-item {
    max-width: 14.285714%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.285714%;
    flex: 0 0 14.285714%;
    font-size: .8em;
    text-align: center;
}

.calendar__day-item.d-p {
    border: 0;
    margin-bottom: .25rem;
}

.calendar__day-item.d-p.wes {
    color: #EED220;
}

.calendar__day-item.c-p {
    padding: .2rem 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0);
    color: hsla(0, 0%, 100%, .15);
}

.calendar__day-item.c-p.c-n {
    color: #7F57D1;
}

.calendar__day-item.c-p.c-n:hover {
    color: #9577D1;
}

.calendar__day-item.c-p.active {
    color: hsla(0, 0%, 100%, .84);
    background: hsla(0, 0%, 100%, .1);
}

.calendar__day-text {
    cursor: pointer;
}

.calendar__day-text:hover {
    color: hsla(0, 0%, 100%, 1);
}

.news__dates {
    background: #A60000;
    text-align: center;
    color: #FFFFFF;
    padding: .75rem;
    margin-bottom: .5rem;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.no-post {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.news__container {
    max-width: 1140px;
    margin: auto;
    padding: .5rem;
}

.news__right {
    padding-left: 1rem;
    margin-top: .5rem;
}

.sidebar {
    background: #FFFFFF;
}

.media__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.media__list .item {
    max-width: 49%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
}

.news-post {
    background: #EFEFEF;
    padding: .5rem 0;
}

.news-post__img {
    padding: 0;
    margin: 0;
}

.news-post__img picture {
    width: 100%;
    height: 175px;
    overflow: hidden;
    background: #f0f2f5;
    -webkit-box-shadow: 0px 0px 2px 1px rgb(128 128 128 / 15%);
    box-shadow: 0px 0px 2px 1px rgb(128 128 128 / 15%);
    text-align: center;
}

.news-post__img img {
    width: 100%;
    height: 175px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.news-post:hover img, .item:hover img {
    -webkit-transform: scale(1.2) rotate(5deg);
    -ms-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg);
}

.news-post__body {
    background: #FFFFFF;
    margin: 0;
    padding: 0;
}

.news-post__body h3 {
    margin: 0;
    color: #506172;
    font-size: 1em;
    padding: 0.5rem;
}

.news-post__body p {
    color: #ACACAC;
    font-weight: bold;
    font-size: 0.8em;
    padding: 0 0.5rem 0.5rem 0.5rem;
    text-align: right;
    margin: 0;
}

.news-post__img i {
    display: block;
    font-size: 3em;
    margin: 2rem auto;
    color: #ACACAC;
}

.news__content-text {
    position: relative;
    background: #FFFFFF;
}

.news__content-text h1 {
    font-size: 1.25em;
    font-family: 'Roboto';
    margin: 0;
    border-bottom: 1px solid rgba(128 128 128 / 15%);
    padding: 0.5rem;
    letter-spacing: -0.02em;
    color: #506172;
}

ul.news__item-info {
    padding: .5rem;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.news__item-info &gt; li {
    font-size: .8em;
    color: #ACACAC;
    padding: 0 .5rem;
    border-right: 1px solid #e5e5e5;
}

ul.news__item-info a {
    color: #A60000;
}

ul.news__item-info &gt; li:first-child {
    padding-left: 0;
}

ul.news__item-info &gt; li:last-child {
    border: 0;
}

.news__text {
    background: #FFFFFF;
    margin: 1rem 0;
}

.news__content-img {
    position: relative;
    margin-bottom: 2rem;
}

picture.news__content-image.cols-1 {
    text-align: center;
    width: 100%;
    position: relative;
}

picture.news__content-image.cols-2 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 250px;
    overflow: hidden;
    position: relative;
}

picture.news__content-image.cols-2 img {
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

picture.news__content-image.cols-3, picture.news__content-image.cols-6, picture.news__content-image.cols-9 {
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

picture.news__content-image.cols-3 img, picture.news__content-image.cols-6 img, picture.news__content-image.cols-9 img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

picture.news__content-image.cols-4, picture.news__content-image.cols-8 {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    height: 150px;
    overflow: hidden;
    position: relative;
}

picture.news__content-image.cols-4 img, picture.news__content-image.cols-8 img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

picture.news__content-image.cols-5, picture.news__content-image.cols-10 {
    max-width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    height: 100px;
    overflow: hidden;
    position: relative;
}

picture.news__content-image.cols-5 img, picture.news__content-image.cols-10 img {
    width: 100%;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

picture.news__content-image.cols-7 {
    max-width: 14.285714%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.285714%;
    flex: 0 0 14.285714%;
    height: 100px;
    overflow: hidden;
    position: relative;
}

picture.news__content-image.cols-7 img {
    width: 100%;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

span.i-number {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: .7em;
    background: rgba(0 0 0 / 75%);
    color: #FFFFFF;
    padding: .1rem;
    border-top-left-radius: 4px;
}

.news__item-text {
    font-family: 'Roboto';
}

.news__social {
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem;
    border-radius: 4px;
}

.c-like {
    padding: .75rem 2rem;
    text-align: center;
    cursor: pointer;
}

.news__social-like {
    background: #CD2122;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    color: #FFFFFF;
    border-radius: 4px 0 0 4px;
}

.news__social_list {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.news__copylink {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #ACACAC;
    cursor: pointer;
    text-align: center;
    padding: .75rem 2rem;
    border-radius: 0 4px 4px 0;
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
}

.news__copylink::before {
    content: '';
    border-top: 21px solid #CD2122;
    border-right: 20px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}

.news__social-like::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    border-bottom: 21px solid #FFFFFF;
    border-left: 20px solid transparent;
}

.music {
    background: #f0f2f5;
    padding: 10px;
    border-radius: 4px;
}

.music__text {
    padding-left: 1.5rem;
    font-size: .8em;
    font-style: italic;
}

.c-text__doc_item {
    color: #ACACAC;
    font-size: 1.5em;
    width: 32px;
    border-right: 1px solid #e5e5e5;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.c-text__doc_text {
    width: calc(100% - 32px);
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding-left: .5rem;
    position: relative;
}

.c-text__doc_text a {
    color: #2A2A2A;
    font-weight: bold;
}

.c-text__doc {
    margin: 1rem;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-text__doc_text::after {
    content: '\ee1d';
    font-family: 'icomoon';
    color: #ACACAC;
    position: absolute;
    top: 0;
    right: 0;
}

.c-text__video {
    position: relative;
    text-align: center;
}

.c-text a.img-responsive:hover i {
    background: rgba(0 0 0 / 0%);
    color: #FF0000;
}

.quote {
    position: relative;
    padding: .5rem 1rem .5rem 3rem;
}

.quote::before {
    content: '\e900';
    font-family: 'icomoon';
    color: #ACACAC;
    position: absolute;
    top: .5rem;
    left: .5rem;
}

.quote::after {
    content: '';
    position: absolute;
    top: 0;
    left: 2rem;
    width: 3px;
    height: 100%;
    background: #f0f2f5;
}

h4.news__comment_title {
    margin: 0;
    padding: .5rem;
}

input.c-comment__inputs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0.5rem 1rem;
    border: 0;
}

textarea.c-comment__input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    padding: .5rem;
    width: 100%;
}

.c-comment__group {
    position: relative;
    margin-bottom: 1rem;
    background: #FFFFFF;
    -webkit-box-shadow: 0 1px 0 0 #dce1e6, 0 0 0 1px #e7e8ec;
    box-shadow: 0 1px 0 0 #dce1e6, 0 0 0 1px #e7e8ec;
}

.c-comment__group.mb {
    margin-bottom: 2rem;
}

.c-comment__group &gt; label {
    position: absolute;
    top: 0.5rem;
    left: 1rem;
    transition: .3s;
}

.c-comment__group &gt; label.active {
    top: -1.5rem;
    left: .5rem;
    font-size: .9em;
    font-weight: bold;
}

input.c-comment__input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    padding: .5rem;
    width: 100%;
    height: 34px;
}

.c-comment__button {
    background: #FF0000;
    color: #FFFFFF;
    display: inline-block;
    padding: .75rem 2rem;
    cursor: pointer;
    margin-bottom: 1rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.c-comment__button:hover {
    background: #A60000;
}

.n-comment__item {
    background: #FFFFFF;
    padding: .5rem;
    margin: .25rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.n-comment__item_author-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 1rem;
}

.n-comment__item_author-info a, span.n-comment__guest {
    text-transform: uppercase;
    font-weight: bold;
    color: #ACACAC;
}

.n-comment__item_author-info a:hover {
    color: #2A2A2A;
}

.n-comment__item_author-date {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: .8em;
    color: #ACACAC;
}

span.msg-delete {
    background: #F0F2F5;
    display: inline-block;
    padding: .5rem 1rem;
    cursor: pointer;
    color: #ACACAC;
}

span.msg-delete:hover {
    background: #E5E5E5;
    color: #A60000;
}

.n-comment__item_avatar {
    width: 80px;
}

.n-comment__item_avatar &gt; picture {
    margin: 5px;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

.n-comment__item_avatar &gt; picture &gt; img {
    width: 70px;
    height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
}

.n-comment__item_post {
    width: calc(100% - 80px);
    padding: 0 1rem;
}

.n-comment__item_avatar i {
    font-size: 1.5em;
    margin: 1rem;
}

.share-telegram {
    text-align: center;
    background: #2FA7E3;
    color: #FFFFFF;
    margin-bottom: 1rem;
    padding: .5rem;
    cursor: pointer;
}

.panel__files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.panel__files_list {
    position: relative;
}

.panel__files_sort {
    position: absolute;
    top: .5rem;
    left: .5rem;
    z-index: 9;
    background: rgba(0, 0, 0, .5);
    color: #FFFFFF;
    font-size: .8em;
    padding: 5px;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.panel__files_sort:hover {
    background: rgba(0, 0, 0, .75);
}

.media__key {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 1rem;
    background: #FFFFFF;
    padding: .5rem;
}

.media__key &gt; span {
    background: #BA3012;
    color: #FFFFFF;
    display: inline-block;
    padding: .25rem .5rem;
    border-radius: 4px;
}

.media__key a {
    display: inline-block;
    padding: 0 .25rem 0 .5rem;
    color: #e5e5e5;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
}

.c-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0 0 0 / 75%);
    z-index: 1001;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.c-modal__container {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background: #FFFFFF;
    max-width: 50vw;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50vw;
    flex: 0 0 50vw;
    max-height: 90vh;
    overflow-y: auto;
    padding: 1rem;
    border-radius: 4px;
}

.c-modal__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem;
    border-bottom: 1px solid #e5e5e5;
}

.c-modal__header_title {
    text-transform: uppercase;
    color: #ACACAC;
    font-family: 'Roboto';
}

.c-modal__close {
    padding-left: 1rem;
    cursor: pointer;
}

.c-modal__body {
    padding: 1rem;
}

label.form-group__stock {
    display: block;
    margin-bottom: 1rem;
    cursor: pointer;
}

.form-group.f-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-success {
    background: #f0f2f5;
    padding: 1rem;
    text-align: center;
    margin-bottom: 1rem;
}

.c-success a {
    display: inline-block;
    background: green;
    color: #FFFFFF;
    padding: .75rem 2rem;
}

.rubrik {
    position: relative;
}

.add-rubrik {
    position: absolute;
    top: .25rem;
    right: 0;
    padding: .55rem .75rem;
    background: #F0F2F5;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    color: #ACACAC;
}

.add-rubrik:hover {
    color: #A60000;
}

.js-setting-list.wrap__seo {
    position: relative;
    right: 0;
    bottom: 0;
    font-size: 1em;
    text-align: center;
    background: #FF0000;
    margin-bottom: 1rem;
}

.js-setting-list.wrap__seo:hover {
    background: #A60000;
}

.page {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.page .tool {
    background: #FFFFFF;
}

button.tool__btn {
    background: #A60000;
    color: #FFFFFF;
}

.page__text {
    background: #FFFFFF;
    padding: .5rem 1rem;
    margin: 1rem auto;
}

form.d-form {
    position: relative;
    max-width: 800px;
    margin: 2rem auto;
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    padding: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.d-form__input {
    padding-bottom: 1rem;
}

.d-form__input_text {
    width: 100%;
    padding: .5rem 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.d-form__btn {
    display: inline-block;
    background: #BA3012;
    color: #FFFFFF;
    padding: .75rem 2rem;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 0;
}

.d-form__btn:hover {
    background: #444444;
}

.d-form__success {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.d-form__success_text {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.d-form__success_text p {
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.wrap__row.row {
    width: 100%;
}

.row__col-9 {
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
}

.contact {
    background: #FFFFFF;
}

.wrap__row_col.row__col-3 {
    padding-left: .5rem;
}

h2.contact__title {
    font-size: 1.25em;
    padding: .5rem 1rem;
    margin: 0;
    border-top: 1px solid #EFEFEF;
}

ul.contact__list {
    margin: 0;
    padding: 1rem;
    list-style: none;
}

ul.contact__list &gt; li {
    padding: .5rem;
    line-height: 25px;
}

ul.contact__list span {
    width: 1.25rem;
    color: #FF0000;
}

ul.contact__list &gt; li.contact__phone {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5rem 2rem;
    background: #444444;
    border-radius: 4px;
}

li.contact__phone &gt; a {
    color: #FFFFFF;
}

.sidebar.page .page__text {
    padding: 0;
    margin: 0;
}

.sidebar.page .tool__hint {
    font-size: .8em;
}

div#map {
    width: 100%;
    height: 300px;
}

.row__col-7 {
    max-width: 65%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
}

.row__col-5 {
    max-width: 35%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    padding-left: .5rem;
}

.sidebar.page {
    position: relative;
    z-index: 9;
    padding: .5rem;
}

.sidebar.page p {
    margin: 0;
    padding: .5rem;
    text-align: left;
    text-indent: 0;
}

.col-md-3 {
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    padding: 0 1rem;
    position: relative;
}

.col-md-9 {
    max-width: 66.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
}

.deputy__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

h2.deputy__list_title {
    margin: 0;
    padding: .5rem;
    font-size: 1.17em;
    color: hsla(0, 0%, 100%, .54);
    margin-bottom: 1rem;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    background: #2A2A2A;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

span.deputy__list_address {
    display: block;
    font-size: .9em;
}

.deputy__item {
    position: relative;
    max-width: 49%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    background: #FFFFFF;
    margin-bottom: 1rem;
}

.deputy__item &gt; picture {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.deputy__item &gt; picture &gt; img {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
}

.deputy__item_text {
    padding: 1rem;
}

.deputy__item_text &gt; h2 {
    margin: 0;
    padding-top: .5rem;
}

.deputy__item_text &gt; span {
    color: #ACACAC;
}

a.deputy__item_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.deputy__item:hover .deputy__item_text &gt; h2 {
    color: #A60000;
}

aside.wrap__item {
    background: #FFFFFF;
    padding: .5rem;
}

h3.wrap__item_title {
    margin: 0;
    padding: .5rem;
}

.c-doc {
    display: -webkit-box;
    display: flex;
    -ms-display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-doc__item {
    max-width: 49%;
    -webkit-box-flex: 0;
    flex: 0 0 49%;
    -ms-flex: 0 0 49%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.c-doc__item_link {
    background: #FFFFFF;
    padding: 1rem .25rem;
    display: block;
}

.c-doc__item strong {
    position: absolute;
    color: red;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 3.45rem;
    left: 2.5rem;
    border: 1px dashed red;
    display: inline-block;
    padding: 0 5px;
}

.c-doc__item_link picture {
    width: 100%;
    height: 130px;
    overflow: hidden;
}

.c-doc__item_link img {
    width: 100%;
    height: 130px;
    -o-object-fit: cover;
    object-fit: cover;
}

.c-doc__item_link span {
    display: inline-block;
    position: absolute;
    font-size: .8em;
    background: #999999;
    color: #FFFFFF;
    padding: .25rem;
    width: 90%;
    text-align: center;
    border-radius: 4px;
    left: 5%;
    bottom: 4px;
}

.deputy__items {
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    padding-right: 1rem;
}

.deputy__info {
    max-width: 66.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    background: #FFFFFF;
    padding: 1rem;
}

.deputy__items img {
    width: 100%;
}

.deputy__items .p-s {
    background: #FFFFFF;
    top: 3rem;
}

.deputy__button {
    text-align: center;
    padding: 1rem .5rem;
}

.deputy__button span {
    display: inline-block;
    background: #BA3012;
    color: #FFFFFF;
    padding: .5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.deputy__button span:hover {
    background: #444444;
}

.deputy__contact {
    padding: 1rem;
}

.deputy__contact &gt; span {
    display: block;
    padding-bottom: 1rem;
}

.deputy__contact strong {
    color: #ACACAC;
    font-size: .9em;
    display: block;
}

.deputy__contact i {
    font-size: .8em;
    width: 1rem;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

span.deputy__phone.wap {
    display: none;
}

.deputy__info_title h2 {
    margin: 0;
}

.deputy__info_title {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
}

.deputy__info_title &gt; span {
    color: #ACACAC;
}

.like__button {
    display: inline-block;
    padding: .5rem 2rem;
    background: #FF0000;
    color: #FFFFFF;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}

.like__button:hover {
    background: #444444;
}

.deputy__news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

h2.deputy__news_title {
    font-size: 1.17em;
    color: hsla(0, 0%, 100%, .54);
    background: #2A2A2A;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5rem 1rem;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.deputy__news-more {
    padding: 1rem .5rem;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.deputy__news-more &gt; a {
    display: block;
    background: #A60000;
    padding: 1rem;
    box-sizing: border-box;
    color: #FFFFFF;
    border-radius: 4px;
    position: relative;
}

.deputy__news-more &gt; a::before {
    content: '\ee8c';
    font-family: 'icomoon';
    position: absolute;
    right: 2rem;
    top: 1rem;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.deputy__news-more &gt; a:hover:before {
    right: 1rem;
    opacity: 1;
}

a.d-news {
    position: relative;
    display: block;
    padding: .5rem;
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a.d-news picture {
    background: #FFFFFF;
    width: 100%;
    height: 175px;
    overflow: hidden;
}

a.d-news img {
    width: 100%;
    height: 175px;
    -o-object-fit: cover;
    object-fit: cover;
}

.d-news__item {
    background: #FFFFFF;
    padding: 1rem;
}

.d-news__item_date {
    position: absolute;
    top: 136px;
    left: 1rem;
    background: rgba(0 0 0 / 75%);
    padding: .5rem 1.5rem;
    color: #FFFFFF;
    text-align: center;
    border-radius: 4px;
}

.d-news__item_date &gt; h3 {
    margin: 0;
    padding: .5rem 0;
    font-size: 1.5em;
}

.d-news__item_date &gt; p {
    margin: 0;
}

.d-news__item_title &gt; h2 {
    margin: 0;
    padding: 1rem 0;
    font-size: 1em;
    color: #444444;
    font-family: 'Roboto';
    min-height: 90px;
}

.d-news__item_title {
    padding-top: 1rem;
}

h3.c-deputy__title {
    margin: 0;
    padding-bottom: 1rem;
    font-size: 1.17em;
}

aside.c-deputy {
    background: #FFFFFF;
    padding: 1rem;
    margin-bottom: 1rem;
}

.c-deputy__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .5rem;
}

.c-deputy__item_img {
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.c-deputy__item_img img {
    width: 60px;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
}

.c-deputy__item_text {
    width: calc(100% - 60px);
    padding-left: 1rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.c-deputy__item_text &gt; h4 {
    margin: 0;
    padding: .5rem 0;
}

.c-deputy__item_text a {
    color: #444444;
}

.c-deputy__item_text span {
    color: #ACACAC;
    font-size: .9em;
}

.c-deputy__item.active {
    background: #f0f2f5;
}

span.deputy-edit {
    background: #f0f2f5;
    display: block;
    padding: .5rem;
    margin-bottom: 1rem;
    color: #ACACAC;
    text-align: center;
    cursor: pointer;
}

.c-modal__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
}

.c-modal__info_img {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}

.c-modal__info_text {
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    padding: 1rem;
}

.c-modal__info_text &gt; h1 {
    font-size: 1.17em;
    margin: 0;
}

.c-modal__info_text &gt; h2 {
    font-size: .9em;
    color: #ACACAC;
    margin: .6rem 0;
}

.d-form__input_textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: .5rem;
    margin-bottom: 1rem;
}

.d-form__input span {
    font-size: .8em;
    color: #ACACAC;
}

.deputy__text .c-text p {
    font-family: 'Roboto';
    text-indent: 0;
    text-align: left;
    color: #506172;
}

.deputy__contact &gt; span.js-del {
    padding-bottom: .5rem;
    margin-bottom: 1rem;
}

.deputy__add {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    background: #FF0000;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 1rem;
    padding: .5rem;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.deputy__add:hover {
    background: #A60000;
}

.del-razdel {
    cursor: pointer;
    background: hsla(0, 0%, 100%, .1);
    padding: .25rem 1rem;
    display: inline-block;
    font-size: .8em;
    border-radius: 4px;
}

span.open-day {
    color: green !important;
    font-weight: bold;
}

.mess {
    font-family: 'Roboto';
}

.tool {
    padding-top: 2rem;
    background: #FFFFFF;
}

.c-text {
    color: #506172;
    padding: 1rem 0;
    line-height: 22px;
}

.c-text .text-center {
    text-align: center;
    color: #506172;
    margin: .25rem 1rem .75rem 1rem;
}

.c-text .text-right {
    text-align: right;
    color: #506172;
    margin: .25rem 1rem .75rem 1rem;
}

.documents {
    padding: .5rem;
    border: 10px solid #EFEFEF;
    border-radius: 4px;
    margin: .5rem;
}

.documents picture {
    width: 100%;
    height: 60vh;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}

.documents img {
    width: 100%;
    height: 60vh;
    -o-object-fit: contain;
    object-fit: contain;
}

.documents figure {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.documents figcaption {
    padding: 1rem;
    text-align: center;
    font-weight: bold;
    color: #444444;
    font-size: 1.2em;
}

.like {
    margin-bottom: 1rem;
}

.col-md-2 {
    max-width: 23%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    padding: .5rem;
}

.col-md-10 {
    max-width: 77%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 77%;
    flex: 0 0 77%;
    padding: .5rem;
}

.profile__sidebar {
    background: #FFFFFF;
    border-radius: 8px;
    padding-bottom: .25rem;
}

aside.profile__photo {
    position: relative;
}

.avatar__close {
    display: none;
}

.avatar {
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.active .avatar__close {
    display: block;
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: hsla(0, 0%, 100%, .35);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 9;
    font-size: 1.5em;
}

.active .avatar {
    position: fixed;
    background: rgba(42, 42, 42, .85);
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1001;
}

.active .avatar__caption {
    display: none;
}

.active picture.avatar__photo {
    width: 100%;
    text-align: center;
    max-height: 90vh;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.avatar img {
    border-radius: 8px 8px 0 0;
    width: 100%;
}

.active picture.avatar__photo img {
    max-width: 100%;
    max-height: 90vh;
    border-radius: 0;
    -o-object-fit: contain;
    object-fit: contain;
}

.avatar__caption {
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    background: rgba(42 42 42 / 75%);
    color: hsla(0, 0%, 100%, .54);
    text-align: center;
    padding: .5rem;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.avatar:hover .avatar__caption {
    bottom: 0;
}

aside.profile__panel {
    padding: 1rem;
}

.profile__panel_item div {
    text-transform: uppercase;
    color: #ACACAC;
    margin-bottom: .5rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}

a.profile__exit {
    display: block;
    text-transform: uppercase;
    color: #ACACAC;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.profile__panel_item div:hover, a.profile__exit:hover {
    color: #444444;
}

.profile__info {
    background: #FFFFFF;
    padding: .5rem 1rem;
    margin-bottom: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.profile__info_position {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    color: #ACACAC;
}

.profile__info_title {
    font-size: 1.17em;
    font-weight: bold;
    margin: 0;
}

span.online {
    color: darkseagreen;
}

span.offline {
    font-size: .8em;
    color: #ACACAC;
}

.profile__info_online {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.profile__text {
    background: #FFFFFF;
    margin-bottom: .5rem;
    padding: .5rem .75rem;
    border-radius: 8px;
}

.profile__text span {
    display: block;
    padding: .25rem;
}

.profile__text strong {
    color: #6690C1;
}

.profile__status {
    position: relative;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.profile__status::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 3rem;
    border-top: 10px solid #FFFFFF;
    border-right: 20px solid transparent;
}

.profile__status_title {
    font-size: .9em;
    color: #ACACAC;
}

.profile__status_text {
    font-family: 'Roboto';
    padding-top: .25rem;
}

.panel {
    background: #FFFFFF;
    padding: .5rem 1rem;
    border-radius: 4px;
    margin-bottom: .5rem;
}

textarea.panel__comment {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: .5rem;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
}

.panel__footer {
    padding-top: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.panel__footer_button {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background: #FF0000;
    color: #FFFFFF;
    padding: .5rem 2rem;
    border-radius: 8px;
    cursor: pointer;
    border: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.panel__footer_button:hover {
    background: #444444;
}

.panel div#filesinput span {
    width: auto;
    color: #ACACAC;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.panel div#filesinput span:hover {
    color: #444444;
}

input#file {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.wall {
    font-family: 'Roboto';
}

.wall__item {
    background: #FFFFFF;
    padding: .5rem 1rem;
    border-radius: 4px;
    margin-bottom: .5rem;
}

.wall__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wall__author_photo {
    width: 40px;
}

.wall__author_photo &gt; picture {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
}

.wall__author_photo &gt; picture &gt; img {
    width: 40px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
}

.wall__author_text {
    width: calc(100% - 40px);
    padding: 0 1rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: .9em;
    position: relative;
}

span.wall__author_thumbtack {
    position: absolute;
    top: 0;
    right: 0;
    color: #ACACAC;
    cursor: pointer;
}

span.wall__author_thumbtack.active {
    color: #FF0000;
}

p.wall__text {
    margin: 1rem .5rem;
    font-family: 'Roboto';
    color: #506172;
    line-height: 22px;
}

.wall__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 1rem;
    border-top: 1px solid #EFEFEF;
    padding: .5rem .5rem 0;
}

.wall__like {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #FF0000;
    cursor: pointer;
}

.wall__file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem .5rem;
}

.wall__footer_panel {
    font-size: .8em;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.wall__footer_panel a {
    color: #ACACAC;
    display: inline-block;
    padding-right: .5rem;
}

.wall__footer_panel a:hover {
    color: #444444;
}

span.wall-delete {
    color: #ACACAC;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}

span.wall-delete:hover {
    color: #A60000;
}

.cols-1 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
}

.cols-2 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 250px;
    overflow: hidden;
}

.cols-2 img {
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
}

.cols-3, .cols-6, .cols-9 {
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    height: 200px;
    overflow: hidden;
}

.cols-3 img, .cols-6 img, .cols-9 img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}

.cols-4, .cols-8 {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    height: 150px;
    overflow: hidden;
}

.cols-4 img, .cols-8 img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
}

.cols-5, .cols-10 {
    max-width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    height: 150px;
    overflow: hidden;
}

.cols-5 img, .cols-10 img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
}

.loadingbar {
    display: none;
}

.col-md-8 {
    max-width: 64%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64%;
    flex: 0 0 64%;
    padding: .5rem;
}

.select {
    position: relative;
}

.select__head {
    border: 1px solid #e5e5e5;
    padding: .5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.select__head::after {
    content: '\ecb7';
    font-family: 'icomoon';
    position: absolute;
    top: .6rem;
    right: 1rem;
    color: #ACACAC;
}

ul.select__list {
    list-style: none;
    position: absolute;
    top: calc(100% - 3px);
    left: 0;
    width: 100%;
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    z-index: 9;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px;
}

li.select__item {
    padding: .5rem;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

li.select__item:last-child {
    border-bottom: 0;
}

li.select__item:hover {
    background: #f0f2f5;
}

li.select__item.active {
    background: #EFEFEF;
}

.wrap-wall .wall, .wall__comments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.wrap-wall .wall__item {
    max-width: 66%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66%;
    flex: 0 0 66%;
}

.wall__share, .wall__comment, .n-comment {
    max-width: 66%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66%;
    flex: 0 0 66%;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.wrap-wall__item {
    max-width: 66%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66%;
    flex: 0 0 66%;
    background: #FFFFFF;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.wrap-wall__item span {
    font-size: .9em;
    width: 1.25rem;
}

.c-comment__input {
    width: 100%;
    padding: .5rem;
    border: 0;
    background: rgba(255 255 255 / 0);
    height: 80px;
    outline: none;
}

span.comm-count {
    width: 1.25rem;
    text-align: center;
    display: inline-block;
}

.wall__file_music {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.panel .panel__files {
    padding-top: .5rem;
}

.wall__file_video {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
    position: relative;
}

.wall__file_video-icon {
    color: #FF0000;
    font-size: 2em;
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
}

.d-news__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.d-news__footer &gt; span {
    color: #ACACAC;
    text-transform: uppercase;
}

.c-word {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.c-word__item {
    position: relative;
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    padding: .5rem;
}

.c-word__item &gt; figure {
    background: #FFFFFF;
    width: 100%;
    margin: 0;
    padding: 0;
}

.c-word__item h3 {
    margin: 0;
    text-align: center;
    padding: 0;
}

.c-word__item picture {
    background: #f0f2f5;
    width: 100%;
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}

.c-word__item img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}

.c-word__item figcaption {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem .5rem;
}

a.c-word__link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.c-word__caption {
    position: absolute;
    top: 103px;
    right: .5rem;
    color: #FFFFFF;
}

span.c-word__caption_title {
    display: block;
    text-align: center;
    font-size: 3em;
    background: rgba(255 0 0 / 75%);
    padding: .5rem;
}

span.c-word__caption_text {
    background: rgba(238 210 32 / 75%);
    color: #2A2A2A;
    font-weight: bold;
    padding: .5rem;
    display: block;
}

.word__container {
    max-width: 1140px;
    margin: auto;
}

.own-edit {
    outline: none;
}

.word__content_text {
    background: #FFFFFF;
    padding: .5rem;
}

.word__content_text h1 {
    margin: 0;
    font-size: 1.5em;
    padding: .5rem;
    font-family: 'Roboto';
}

input#files {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

.tool__word label {
    cursor: pointer;
    color: #ACACAC;
}

.tool__word label:hover {
    color: #444444;
}

.word__text {
    background: #FFFFFF;
}

.word__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.column {
    padding: 1rem;
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}

.form-group.f-list div#filesinput span {
    width: 40px;
}

.row__col-6.p-3:first-child {
    padding: 0 .5rem .5rem 0;
}

.row__col-6.p-3:last-child {
    padding: 0 0 .5rem .5rem;
}

.row__col-33 {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: .5rem;
    background: #FFFFFF;
    margin: .5rem 0;
}

.datepick {
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: sticky;
    top: 2rem;
}

.datepick__item {
    max-width: 29%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 29%;
    flex: 0 0 29%;
    text-align: center;
    border: 3px solid #ACACAC;
    border-radius: 8px;
    padding: .25rem;
    margin: .25rem;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.datepick__item.active {
    background: #F0F2F5;
    color: #FF0000;
}

.c-word__delete {
    position: absolute;
    top: .75rem;
    right: .75rem;
    background: rgba(0 0 0 / 50%);
    color: #FFFFFF;
    cursor: pointer;
    padding: .25rem;
    font-size: .8em;
    border-radius: 4px;
    z-index: 9;
}

.c-word__delete:hover {
    background: rgba(0 0 0 / 75%);
    color: #FF0000;
}

.project__speedbar {
    padding: .5rem;
}

.add-project {
    background: #4E6F9F;
    color: #FFFFFF;
    text-align: center;
    padding: .75rem;
    cursor: pointer;
}

.box-widget__item.project__box ul.tabs__list &gt; li {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

ul.project__menu {
    padding: 1rem 0;
    margin: 0;
    list-style: none;
}

ul.project__menu &gt; li &gt; a {
    color: #444444;
    display: block;
    padding: .5rem 1rem;
}

ul.project__menu &gt; li &gt; a &gt; i {
    width: 1.25rem;
    color: #A60000;
}

ul.project__menu &gt; li.active &gt; a {
    background: #FFFFFF;
}

.project__info {
    padding: 0 1rem 0 .5rem;
    transform: translateY(-3px);
}

.author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #FFFFFF;
    margin-bottom: 1rem;
    padding: 1rem;
}

.author__photo {
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
}

.author__caption {
    position: relative;
    max-width: 66.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    padding: 0 0 0 1rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.author__title {
    font-size: 1.17em;
    font-weight: bold;
    color: #444444;
}

.author__title &gt; span {
    display: block;
    font-size: .8em;
    color: #ACACAC;
}

.author__caption h1 {
    font-size: 1.2em;
    margin: .25rem 0;
    padding: .5rem;
    background: #A60000;
    color: #FFFFFF;
    text-align: center;
}

.author__edit {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .8em;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #ACACAC;
    opacity: 0;
}

.author__caption:hover .author__edit {
    opacity: 1;
}

.author__edit:hover {
    color: #444444;
}

div#fileinput {
    background: #A60000;
    display: block;
    width: 100%;
    text-align: center;
    padding: .75rem;
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 4px;
    margin-top: 1rem;
}

input#fileElem {
    display: none;
}

.author__caption p {
    margin: 0;
}

.project__cover {
    padding: 0 1rem 0 .5rem;
    margin: 0;
}

.project-delete {
    background: #A60000;
    display: inline-block;
    padding: .5rem 2rem;
    color: #FFFFFF;
    border-radius: 4px;
    cursor: pointer;
    margin-top: .5rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.project-delete:hover {
    background: #FF0000;
}

ul.project__list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: bold;
}

ul.project__list &gt; li {
    padding: .25rem;
    color: #909090;
    cursor: pointer;
}

ul.project__list &gt; li:hover {
    background: #F0F2F5;
    color: #3776C1;
}

ul.project__list span {
    font-size: .8em;
    width: 1.25rem;
    text-align: center;
}

.user-list {
    background: #f0f2f5;
    padding: .25rem;
}

.user-list_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #FFFFFF;
    padding: .25rem;
    margin-bottom: .25rem;
}

.user-list_item:last-child {
    margin-bottom: 0;
}

.user-list_photo {
    width: 3rem;
}

.user-list_del, .user-list_plus {
    width: 2rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    cursor: pointer;
    text-align: center;
    color: #ACACAC;
}

.user-list_name {
    width: calc(100% - 5rem);
    text-align: left;
    padding: .25rem .5rem;
}

.user-list_name &gt; h3 {
    margin: 0;
    font-size: 1em;
}

.user-list_name &gt; h3 &gt; a {
    color: #FF0000;
}

.user-list_name &gt; span {
    display: block;
    font-size: .8em;
    color: #ACACAC;
    padding-top: .25rem;
    cursor: pointer;
}

.user-list_name &gt; span:hover {
    color: #444444;
}

.user-list_photo .no-photo {
    display: none;
}

.project__list {
    padding: 0 1rem 1rem .5rem;
}

span.wall__show {
    display: inline-block;
    color: #ACACAC;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

span.wall__show:hover {
    color: #444444;
}

.project__wall {
    padding: 0 1rem 1rem .5rem;
}

.wall__project {
    margin: 1rem .5rem;
}

.wall__project &gt; a {
    font-weight: bold;
    color: #4E6F9F;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.wall__project &gt; a:hover {
    color: #A60000;
}

.wall__author_title &gt; a {
    color: #4E6F9F;
}

header.wrap__header {
    max-width: 1140px;
    background: #FFFFFF;
    margin: 1rem auto;
    padding: .5rem;
}

h1.wrap__title {
    margin: 0;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 500;
}

.wrap__caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrap__caption &gt; span {
    color: #ACACAC;
}

.c-prof {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.c-prof__post {
    max-width: 31%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    margin: .5rem;
}

.c-prof__avatar {
    position: relative;
    background: #f0f2f5;
    width: 100%;
    height: 380px;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}

.c-prof__avatar img {
    width: 100%;
    height: 380px;
    -o-object-fit: cover;
    object-fit: cover;
}

.c-prof__avatar .no-photo {
    height: 380px;
    padding-top: 5rem;
}

.c-prof__avatar h3 {
    background: rgba(255 0 0 / 75%);
    margin: 0;
    padding: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 380px;
    left: -172px;
    bottom: 172px;
    text-align: center;
    color: hsla(0, 0%, 100%, .75);
}

.c-prof__text {
    position: relative;
    background: #FFFFFF;
    padding: 1rem 1rem 1rem 37px;
    border-radius: 0 0 4px 4px;
}

.c-prof__text::before {
    content: '\ed57';
    font-family: 'icomoon';
    position: absolute;
    top: 1.1rem;
    left: 0;
    width: 37px;
    text-align: center;
    color: #ACACAC;
}

.c-prof__avatar:hover .l-edit {
    opacity: 1;
}

h5.c-prof__text_title {
    margin: 0;
    font-size: 1.17em;
}

h5.c-prof__text_title &gt; a {
    color: #FF0000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-prof__text_name {
    font-weight: bold;
    font-size: 1.2em;
    margin: .25rem 0;
    color: #444444;
}

.c-prof__text_date {
    font-size: .8em;
    color: #ACACAC;
}

h5.c-prof__text_title span.offline {
    align-self: center;
    font-size: .7em;
}

.users {
    max-width: 1150px;
    margin: auto;
}

.d-group {
    background: #FFFFFF;
    padding: .75rem;
    margin-bottom: 1rem;
}

.d-group &gt; h3 {
    margin: 0;
    padding-bottom: .75rem;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1em;
}

.d-group__item {
    position: relative;
    border: 1px solid #e5e5e5;
    padding: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .25rem;
    color: #ACACAC;
}

.d-group__item:hover {
    color: #FF0000;
}

.d-group__item_icon {
    width: 3rem;
    text-align: center;
    align-self: center;
    font-size: 2em;
}

.d-group__item_caption {
    width: calc(100% - 3rem);
}

a.d-group__item_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

span.c-word__caption_special {
    display: inline-block;
    background: rgba(255 0 0 / 75%);
    padding: .75rem;
    border-left: 4px solid rgba(238 210 32 / 75%);
    position: absolute;
    top: 54px;
    right: 0;
}

.management__add {
    background: #4E6F9F;
    color: #f0f2f5;
    padding: .25rem 2rem;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
}

.management__panel {
    padding: .5rem;
}

.management__content {
    background: #f0f2f5;
}

h2.management__title {
    margin: 0;
    padding: .75rem;
    background: #FFFFFF;
    margin-bottom: 1rem;
    color: #506172;
    text-align: center;
}

.management__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.management__item {
    max-width: 31%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    position: relative;
    margin: .5rem;
}

.management__photo {
    position: relative;
    width: 100%;
    height: 380px;
}

.management__photo &gt; picture {
    width: 100%;
    height: 380px;
    overflow: hidden;
}

.management__photo &gt; picture &gt; img {
    width: 100%;
    height: 380px;
    -o-object-fit: cover;
    object-fit: cover;
}

.l-edit {
    position: absolute;
    left: 3rem;
    bottom: 1rem;
    background: rgba(0 0 0 / 75%);
    color: #FFFFFF;
    padding: .5rem 2rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: .9em;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.management__item:hover .l-edit {
    opacity: 1;
}

.management__item h3 {
    background: rgba(255 0 0 / 75%);
    margin: 0;
    padding: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 380px;
    left: -172px;
    bottom: 172px;
    text-align: center;
    color: hsla(0, 0%, 100%, .75);
}

.link-social span {
    display: none;
}

.link-social {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(255 255 255 / 50%);
    width: 60px;
    text-align: center;
    padding: .5rem 0;
    border-top-left-radius: 30px;
}

.link-social &gt; a {
    display: inline-block;
    color: rgba(255 0 0 / 75%);
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding-top: 9px;
    box-sizing: border-box;
    margin: .25rem;
    background: rgba(255 255 255 / 50%);
    transition: .3s;
}

.link-social &gt; a:hover {
    background: rgba(255 0 0 / 75%);
    color: #FFFFFF;
}

.form-btn {
    font-weight: bold;
    cursor: pointer;
}

.f-yes {
    background: green;
    color: #FFFFFF;
    display: inline-block;
    padding: .5rem 2rem;
    border-radius: 4px;
    margin: .5rem;
    cursor: pointer;
}

.f-now {
    background: red;
    color: #FFFFFF;
    display: inline-block;
    padding: .5rem 2rem;
    border-radius: 4px;
    margin: .5rem;
    cursor: pointer;
}

.icones {
    position: absolute;
    top: .5rem;
    left: .65rem;
    color: #FFFFFF;
    z-index: 9;
}

.c-prof__post:hover .icones {
    color: yellow;
}

ul.opis {
    background: #FFFFFF;
    margin: 0;
    padding: 1rem 1rem 1rem 37px;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul.opis &gt; li {
    margin-bottom: .25rem;
    position: relative;
}

ul.opis &gt; li::before {
    content: '\ed57';
    font-family: 'icomoon';
    color: #ACACAC;
    position: absolute;
    top: 0;
    left: -37px;
    width: 37px;
    text-align: center;
}

.n-comment {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: .5rem 0;
}

form.u-search {
    max-width: 1140px;
    margin: 0 auto .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFFFFF;
}

input.u-search__input {
    border: 0;
    max-width: 90%;
    padding: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
}

button.u-search__button {
    display: block;
    max-width: 10%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background: #EFEFEF;
    color: #ACACAC;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}

button.u-search__button:hover {
    color: #444444;
}

.c-text p {
    margin: 0;
    padding: 0 0.9rem;
    text-align: justify;
    text-indent: 2rem;
}

button.profile__text_button {
    background: #6690C1;
    color: #f0f2f5;
    border: 0;
    padding: .75rem 2rem;
    border-radius: 4px;
    margin-top: .5rem;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

button.profile__text_button:hover {
    background: #214B7D;
}

.d-comm__item {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: .75rem;
    margin-bottom: .5rem;
}

.d-comm__title a {
    color: #6690C1;
}

.d-comm__text h3 {
    margin: 0;
    padding: .5rem .25rem .25rem 0;
}

.d-comm__text p {
    position: relative;
    background: #f0f2f5;
    padding: .5rem;
    margin: .25rem;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.d-comm__text time {
    display: block;
    width: 100%;
    text-align: right;
    font-size: .8em;
    color: #ACACAC;
}

.d-comm__text p::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50px;
    border-bottom: 10px solid #e5e5e5;
    border-right: 10px solid transparent;
}

.d-comm__text p::after {
    content: '';
    position: absolute;
    top: -8px;
    left: 51px;
    border-bottom: 8px solid #f0f2f5;
    border-right: 8px solid transparent;
}

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

.n-comment__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.n-comment__rating_up {
    padding: 0 .5rem;
    border-right: 1px solid #e5e5e5;
    cursor: pointer;
    color: #0D873A;
}

.n-comment__rating_up:hover {
    color: #045823;
}

.n-comment__rating i {
    width: 1.25rem;
    text-align: center;
}

.n-comment__rating_down {
    padding: 0 .5rem;
    cursor: pointer;
    color: #BA3012;
}

.n-comment__rating_down:hover {
    color: #791A06;
}

.n-comment__rating_down i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.n-comment__rating_down strong {
    display: inline-block;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

.n-comment__panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.replyka {
    color: #ACACAC;
    font-weight: bold;
    cursor: pointer;
}

.replyka:hover {
    color: #444444;
}

.reply-input {
    padding: .5rem;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    position: relative;
    margin-top: 1rem;
}

.reply-input textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 0;
}

.reply-button {
    padding: .5rem 0;
}

button.btn-cansel {
    background: #BA3012;
    color: #FFFFFF;
    padding: .5rem 1rem;
    border: 0;
    font-size: .8em;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.reply {
    margin: .5rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}

.reply__photo {
    width: 40px;
}

.reply__photo picture {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
}

.reply__photo img {
    width: 40px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
}

.reply__item {
    width: calc(100% - 40px);
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 0 1rem;
}

.reply__item a {
    color: #ACACAC;
    font-weight: bold;
}

.reply__item a:hover {
    color: #BA3012;
}

.reply__item p {
    margin: 0;
    padding: .25rem 0;
    font-family: 'Roboto';
}

.reply__item time {
    display: inline-block;
    float: right;
    font-size: .8em;
    padding-top: .2rem;
    color: #ACACAC;
}

.reply__delete {
    text-align: right;
    font-size: .8em;
    color: #ACACAC;
    cursor: pointer;
}

.reply__delete:hover {
    color: #BA3012;
}

.c-video {
    text-align: center;
    padding: 1rem;
    position: relative;
}

.c-video iframe {
    width: 100%;
    height: 350px;
}

i.seos {
    display: block;
    position: absolute;
    top: 5px;
    left: -30px;
    background: rgba(255 0 0 / 35%);
    padding: .25rem;
    border-radius: 4px 0 0 4px;
    transition: .3s;
}

.js-setting:hover i.seos {
    background: rgba(255 0 0 / 85%);
}

.media__list .loader-news {
    width: 100%;
    padding: 5rem;
}

.subscription {
    background: #6690C1;
    text-align: center;
    padding: .5rem;
    border-radius: 4px;
    color: #f0f2f5;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.subscription:hover {
    background: #214B7D;
}

.subscription.active {
    background: #EFEFEF;
    color: #6690C1;
}

.subscription.active span {
    display: none;
}

.subscription.active:hover span {
    display: block;
}

.subscription.active strong {
    font-weight: 300;
}

.subscription.active:hover strong {
    display: none;
}

aside.sub {
    padding: 0 1rem;
    margin-bottom: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

aside.sub header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem;
    background: #214B7D;
    border-radius: 4px 4px 0 0;
    color: #f0f2f5;
    font-family: 'Roboto';
    font-size: .8em;
}

aside.sub h3 {
    margin: 0;
    font-size: 1em;
    font-weight: 500;
}

.sub__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .5rem;
    border: 1px solid #e5e5e5;
    border-radius: 0 0 4px 4px;
    border-top: 0;
}

.sub__item {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: .2rem;
    text-align: center;
}

.sub__item picture {
    width: 36px;
    height: 36px;
    border-radius: 5px;
    overflow: hidden;
    margin: auto;
}

.sub__item img {
    width: 36px;
    height: 36px;
    -o-object-fit: cover;
    object-fit: cover;
}

.sub__item span {
    font-size: .7em;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    display: inline-block;
}

a.sub__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

ul.tabes__list {
    margin: 0;
    list-style: none;
    padding: 0 1rem 1rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

ul.tabes__list &gt; li {
    margin: 0 .5rem;
    padding: .5rem 2rem;
    background: #FFFFFF;
    border-radius: 50px;
    cursor: pointer;
    border: 2px solid #f0f0f1;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

ul.tabes__list &gt; li.active {
    cursor: default;
    background: #263238;
    border: 2px solid #263238;
    color: #fff;
}

.tabes__content.active {
    display: block;
}

.tabes__content {
    display: none;
}

.news__share {
    position: relative;
    background-color: #cd2122;
    margin: 60px 0;
    text-align: center;
    color: #FFFFFF;
    border-radius: 6px;
    font-family: 'Roboto';
}

.news__share::before {
    position: absolute;
    content: '';
    background-color: #CD2122;
    width: 30px;
    height: 32px;
    display: block;
    bottom: -6px;
    left: 20%;
    border-radius: 4px;
    -webkit-transform: skewY(35deg);
    -ms-transform: skewY(35deg);
    transform: skewY(35deg);
    border-top: 0;
}

.news__share-container {
    position: relative;
    padding: 35px;
    border-radius: 6px;
    z-index: 1;
}

.news__share-container::before {
    position: absolute;
    content: '';
    background-color: #CD2122;
    top: -6px;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: skewY(1.5deg);
    -ms-transform: skewY(1.5deg);
    transform: skewY(1.5deg);
    border-radius: 6px;
    transform-origin: right top;
}

.news__share-container::after {
    position: absolute;
    content: '';
    background-color: rgba(0, 0, 0, 0.2);
    width: 90%;
    height: 30%;
    display: block;
    border-radius: 4px;
    -webkit-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    transform: skewY(-2deg);
    right: 5%;
    top: -20px;
    z-index: -1;
}

.news__share-container &gt; h3, .news__share-container &gt; p {
    margin: 0;
    position: relative;
    z-index: 9;
}

.news__share-container &gt; h3 {
    text-transform: uppercase;
}

.news__share-container &gt; p {
    padding: 1rem;
}

.news__share-container &gt; p &gt; span {
    display: block;
}

.data-services {
    max-width: 270px;
    margin: auto;
    background-color: #FFFFFF;
    position: relative;
    padding: .5rem;
    border-radius: 6px;
}

.news__share::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/share1.png) no-repeat;
    width: 270px;
    height: 67%;
    z-index: 1;
    background-size: contain;
    opacity: 1;
}

.subsrible form {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

input.subsrible__input {
    max-width: 70%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5rem;
    border: 1px solid #EEEEEE;
    border-radius: 4px 0 0 4px;
}

input.subsrible__button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 30%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    background: #BA3012;
    border: 1px solid #BA3012;
    color: #FBFBFB;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

input.subsrible__button:hover {
    background: #FF0000;
    border: 1px solid #FF0000;
}

.branch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #FFFFFF;
    margin: .5rem;
}

.branch__photo {
    position: relative;
    width: 150px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
}

.branch__caption {
    position: relative;
    width: calc(100% - 150px);
    padding: 1rem;
}

.branch__caption &gt; h3 {
    margin: 0;
    padding-bottom: .5rem;
    color: #626262;
}

.branch__phone {
    margin-bottom: .25rem;
}

.branch__phone &gt; a {
    color: #2A2A2A;
    font-weight: bold;
}

.branch__phone span {
    display: none;
}

.branch__address, .branch__managment {
    color: #626262;
    margin: .25rem 0;
}

a.branch__link {
    display: inline-block;
    background: #CC3716;
    color: #FFFFFF;
    padding: .25rem 1rem;
    margin-top: .25rem;
}

a.branch__link:hover {
    background: #BA3012
}

figure.wrap__box_photo {
    padding: 0;
    margin: .5rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

figure.wrap__box_photo h3 {
    margin: 0;
    padding: .5rem;
    font-size: .8em;
    color: #808080;
    font-weight: 300;
    font-style: italic;
}

.wrap__captions {
    margin: .25rem .5rem;
    background: #FFFFFF;
    padding: 1rem;
}

.wrap__captions &gt; h3 &gt; strong {
    color: #626262;
}

.wrap__branch-phone {
    font-weight: bold;
    font-size: 1.17em;
}

.wrap__branch-phone &gt; a {
    color: #BA3012;
    display: inline-block;
    margin-bottom: .5rem;
}

.wrap__branch-phone span, .wrap__branch-address span {
    width: 1.25em;
    font-size: .8em;
}

.f-pan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.f-edit, .f-delete {
    cursor: pointer;
}

.c-text a {
    color: #004F8B;
    border-bottom: 1px dotted;
    display: block;
    padding: 1rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.c-text a.img-responsive {
    border: 0;
    padding: 0;
}

a.img-responsive img {
    max-height: 80vh;
}

h2.baze__title {
    background: #BA3012;
    color: #FFFFFF;
    margin: 0;
    padding: 0.9rem;
    text-align: center;
}

form.baze__add {
    padding: 1rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFFFFF;
    margin-bottom: 1rem;
}

.row__group, .row__button {
    padding: 0 0.5rem;
}

button.row__add {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    background: #DA3930;
    color: #FFFFFF;
    padding: 0.65rem;
    margin: .25rem 0 1rem;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

button.row__add:hover {
    background: #EF645E;
}

.row__result {
    text-align: center;
}

.row__result &gt; p {
    color: #206320;
    font-weight: bold;
}

.baze__more &gt; a {
    display: block;
    background: #6690C1;
    color: #FFFFFF;
    padding: 0.9rem;
    text-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.baze__more &gt; a:hover {
    background: #214B7D;
}

.baza {
    padding: 3rem 0;
}

.baza__count {
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem;
    margin: 1rem;
}

.baza__count-item {
    max-width: 33.333333%;
    padding: 1rem;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    text-align: center;
}

.round {
    border-top: 3px solid #005CC8;
    border-left: 3px solid #005CC8;
    border-right: 3px solid #005CC8;
    border-radius: 50%;
    padding: 2rem 1rem;
    font-size: 2em;
    color: #005CC8;
    font-weight: bold;
}

.round &gt; strong {
    font-size: 0.5em;
    display: block;
    text-transform: uppercase;
    padding-top: 0.5rem;
}

.baza__item {
    background: #FFFFFF;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.baza__content {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 1rem;
    display: none;
}

.baza__item-number {
    width: 30px;
    text-align: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #ACACAC;
}

.baza__item-btn {
    width: 30px;
    text-align: right;
    cursor: pointer;
    color: #ACACAC;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.baza__item-name {
    width: calc(100% - 60px);
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 0 5px;
}

.baza__item-btn &gt; span {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.baza__item.open .baza__item-btn &gt; span {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.baza__item.open .baza__content {
    display: block;
}

.baza__phone &gt; a {
    display: inline-block;
    color: #131313;
    font-weight: bold;
    border: 1px solid #e5e5e5;
    padding: 0.5rem;
    border-radius: 4px;
}

.baza__soc {
    display: inline-block;
    padding-left: 1rem;
}

.baza__soc span.icon-viber {
    background: #7360F2;
    color: #FFFFFF;
    display: inline-block;
    padding: 0.5rem;
    border-radius: 4px;
}

.baza__del {
    margin-top: 0.5rem;
    color: #ff0000;
    cursor: pointer;
    display: inline-block;
    padding: 0.5rem 2rem;
    border: 1px solid #ff0000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.baza__del:hover {
    background: #A60000;
    color: #ffffff;
}

select.baza-control {
    display: block;
    box-sizing: border-box;
    border: 0;
    width: 100%;
    color: #001E36;
    font-weight: bold;
    padding: 0.5rem;
    border-left: 4px solid #00ff00;
    cursor: pointer;
}

.b-form__btn {
    display: inline-block;
    background: #001E36;
    color: #FFFFFF;
    padding: 5px 10px;
    cursor: pointer;
    border: 0;
    border-radius: 4px;
}

.js-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.js-flex__item {
    font-size: 0.8em;
    color: #ACACAC;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.anchor {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(5 5 5 / 75%);
    color: #FFFFFF;
    padding: 5px 6px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    z-index: 100;
}

.item:hover .anchor, .news__content-text:hover .anchor {
    opacity: 1;
}

.anchor.active {
    background: rgba(186 48 18 / 75%);
    opacity: 1;
}

.baze {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.baze__more {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 1rem;
}

.baze__btns, .baze__btns-2 {
    background: #BA3012;
    padding: 0.9rem;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.baze__btns:hover, .baze__btns-2:hover {
    background: #CC3716;
}

.baze__mores {
    display: none;
}

.baze.d-b {
    display: block;
}

.baze__more.baze__moreses.w-100, .baze__more.baze__mores.w-100 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.fill {
    background: #FFFFFF;
    margin-right: 1rem;
}

.fill &gt; h3 {
    margin: 0;
    padding: 0.5rem 1rem;
    background: #A60000;
    color: #FFFFFF;
}

.deputy__eye {
    background: rgba(5 5 5 / 75%);
    color: #FFFFFF;
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 8px 11px;
    border-radius: 4px;
    opacity: 0;
    cursor: pointer;
    transition: .3s;
    z-index: 9;
}

.deputy__item:hover .deputy__eye {
    opacity: 1;
}

.deputy__show {
    display: block;
    text-align: center;
    border: 1px solid #ACACAC;
    padding: 0.42rem;
    border-radius: 4px;
    background: #FFFFFF;
    cursor: pointer;
}

.deputy__hide {
    opacity: 0.5;
}

.progress-wrap {
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(42 42 42 / 20%);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap::after {
    position: absolute;
    font-family: 'icomoon';
    content: '\ee92';
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    color: #424242;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap:hover::after {
    opacity: 0;
}

.progress-wrap::before {
    position: absolute;
    font-family: 'icomoon';
    content: '\ee92';
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    background-image: linear-gradient(298deg, #a61e00, #a61e00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap:hover::before {
    opacity: 1;
}

.progress-wrap svg path {
    fill: none;
}

.progress-wrap svg.progress-circle path {
    stroke: #a61e00;
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

body.light .progress-wrap {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
}

body.light .progress-wrap::after {
    color: #A60000;
}

body.light .progress-wrap svg.progress-circle path {
    stroke: #A60000;
}

.switch,
.circle {
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.switch {
    width: 80px;
    height: 4px;
    border-radius: 27px;
    background-image: linear-gradient(298deg, #da2c4d, #f8ab37);
    position: fixed;
    bottom: 50px;
    right: 75px;
    display: block;
    margin: 0 auto;
    text-align: center;
    opacity: 1;
    z-index: 33333;
    transition: all 300ms linear;
}

.circle {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #4b4d64;
    box-shadow: 0 4px 4px rgba(26, 53, 71, 0.25), 0 0 0 1px rgba(26, 53, 71, 0.07);
    animation: border-transform 10s linear infinite alternate forwards;
}

.circle:hover {
    box-shadow: 0 8px 8px rgba(26, 53, 71, 0.25), 0 0 0 1px rgba(26, 53, 71, 0.07);
}

.circle:before {
    position: absolute;
    font-family: 'unicons';
    content: '\eac1';
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    height: 40px;
    opacity: 1;
    color: #ecedf3;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.circle:after {
    position: absolute;
    font-family: 'unicons';
    content: '\eb8f';
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    height: 40px;
    color: #f8ab37;
    opacity: 0;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.switched {
}

.switched .circle {
    left: 45px;
    box-shadow: 0 4px 4px rgba(26, 53, 71, 0.25), 0 0 0 1px rgba(26, 53, 71, 0.07);
    background: #1f2029;
}

.switched .circle:hover {
    box-shadow: 0 8px 8px rgba(26, 53, 71, 0.25), 0 0 0 1px rgba(26, 53, 71, 0.07);
}

.switched .circle:before {
    opacity: 0;
}

.switched .circle:after {
    opacity: 1;
}

.box__social, .news__soc {
    font-family: 'Roboto', sans-serif;
    background: #FFFFFF;
    padding: .75rem;
    margin-top: .75rem;
    -webkit-box-shadow: 0 1px 0 0 #dce1e6, 0 0 0 1px #e7e8ec;
    box-shadow: 0 1px 0 0 #dce1e6, 0 0 0 1px #e7e8ec;
    border-radius: 2px;
}

.box__social-title, .news__soc-title {
    margin-bottom: .75rem;
    font-size: .95em;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: .5rem;
    border-bottom: 1px solid #e5e5e5;
}

.box__social-list, .news__soc-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.box__social-list a, .news__soc-list a {
    display: block;
    width: 32px;
    height: 32px;
    color: #FFFFFF;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.box__social-list a:hover, .news__soc-list a:hover {
    border-radius: 4px;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.box__social-vk a, .news__soc-vk a {
    background: #0077FF;
    padding-top: 7px;
}

.box__social-ok a, .news__soc-ok a {
    background: #EE8208;
    padding-top: 8px;
}

.box__social-telegram a, .news__soc-telegram a {
    background: #279FDA;
    padding-top: 7px;
}

.box__social-insta a, .news__soc-insta a {
    background: -o-linear-gradient(45deg, #AE961E, #A31B23, #5F3183);
    background: linear-gradient(45deg, #AE961E, #A31B23, #5F3183);
    padding-top: 7px;
}

.box__social-youtube a, .news__soc-youtube a {
    background: #FF0202;
    padding-top: 7px;
}

.news__soc {
    margin-top: 0;
    margin-bottom: .75rem;
    padding: 0;
}

.news__soc-title {
    padding: 0.75rem;
}

.news__soc-list {
    padding-bottom: 0.75rem;
}

.supporter__header {
    position: relative;
}

.supporter__cover {
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.supporter__cover img {
    width: 100%;
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .25;
}

.supporter__caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 350px;
    padding: 0 2rem;
    color: #FFFFFF;
    text-shadow: 1px 2px 3px #000000;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.supporter__caption-item {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-family: "plakat";
    text-align: center;
}

.wrap-bg {
    background: #96000B;
}

.supporter__body {
    background: #FFFFFF;
    padding: 3rem;
    border-radius: 8px;
    margin-bottom: 3rem;
}

h3.supporter__body-title {
    font-family: "plakat";
    color: #CB333E;
}

.s-form__group {
    padding-bottom: 1rem;
}

.s-form__input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

button.s-form__submit {
    border: 0;
    background: #96000B;
    color: #FFFFFF;
    padding: 0.75rem 2rem;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-transform: uppercase;
}

button.s-form__submit:hover {
    background: #CB333E
}

a.s-form__link {
    color: #CB333E;
}

button.s-form__submit.dis {
    background: #ACACAC;
    cursor: default;
}

input.s-form__input.rfield.empty_field {
    border: 1px solid rgba(255 0 0 / 35%);
}

.supporter__social {
    padding: 2rem 0;
}

.supporter__social-item &gt; a {
    display: inline-block;
    border: 2px solid #CB333E;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.75rem 2rem;
    color: #CB333E;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.supporter__social-item &gt; a:hover {
    background: #CB333E;
    color: #FFFFFF;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}

.supporter__social-item span {
    width: 1.25rem;
}

.c-text__doc_text a {
    padding: 0;
    border: 0;
}

form.add-vote {
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f0f2f5;
}

button.add-vote__submit {
    border: 0;
    background: #1367c9;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: .8em;
    padding: 0.75rem 2rem;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

button.add-vote__submit:hover {
    opacity: .7;
}

.votes.active {
    padding: 1rem 0;
}

.votes__list {
    -webkit-box-shadow: 0 1px 0 0 #dce1e6, 0 0 0 1px #e7e8ec;
    box-shadow: 0 1px 0 0 #dce1e6, 0 0 0 1px #e7e8ec;
    border-radius: 12px;
    padding: 2rem;
    margin: 1rem;
}

.votes__text {
    color: #72777B;
    font-weight: bold;
    padding-bottom: 1rem;
}

.votes__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0.42rem;
}

span.votes__item-var {
    display: block;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.votes__item.active {
    -webkit-box-shadow: 0 1px 0 0 #dce1e6, 0 0 0 1px #e7e8ec;
    box-shadow: 0 1px 0 0 #dce1e6, 0 0 0 1px #e7e8ec;
    color: #575A5C;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-weight: bold;
}

.votes__item.active:hover {
    background: #f0f2f5;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}

span.votes__item-sum {
    width: 40px;
    text-align: right;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: .9em;
    font-weight: bold;
    color: #72777B;
}

span.votes__item-num {
    width: 40px;
    text-align: center;
    font-size: .9em;
    color: #72777B;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

span.poll {
    position: relative;
    width: calc(100% - 80px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: #e5e5e5;
    border-radius: 2px;
    height: 5px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

span.poll__progress {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 5px;
    background: #CD2122;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    opacity: .7;
}

.votes__close {
    color: #ACACAC;
    font-size: .9em;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    cursor: pointer;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.votes.active.box__votes {
    padding: 0;
}

.box__votes .votes__list {
    padding: 1rem;
    background: #FFFFFF;
    border-radius: 2px;
    margin: 0.75rem 0;
}

.box__votes span.votes__item-var {
    font-size: .8em;
}

.votes__more {
    padding-top: 10px;
}

.votes__more &gt; a {
    display: block;
    background: #CD2122;
    color: #FFFFFF;
    text-align: center;
    padding: 0.5rem;
    opacity: .8;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.votes__more &gt; a:hover {
    opacity: 1;
}

.votes__delete {
    cursor: pointer;
    color: #ACACAC;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.votes__delete:hover {
    color: #A60000;
}

.votes &gt; p {
    text-align: center;
}

.model {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    background: rgba(0 0 0 / 75%);
    z-index: 9999;
}

.model__content {
    width: 60vh;
    background: #FFFFFF;
    align-self: center;
    border-radius: 4px;
}

.model__header {
    display: flex;
    justify-content: space-between;
}

.model__header &gt; h3 {
    margin: 0;
    padding: 0.5rem 1rem;
}

.model__header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
}

.model__close {
    padding: 0.5rem 1rem;
    font-size: 1.17em;
    cursor: pointer;
    align-self: center;
}

.model__body {
    padding: 3rem;
    text-align: center;
    background: #f0f2f5;
}

button.btn-send {
    box-sizing: border-box;
    background: #A60000;
    border: 0;
    color: #FFFFFF;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    cursor: pointer;
    transition: .3s;
}

button.btn-send:hover {
    background: #FF0000;
}

p.opis {
    padding: 2rem;
}

.pobeda {
    position: absolute;
    left: 100%;
    bottom: -32px;
    width: 200px;
    transition: .3s;
}

.fixed .pobeda {
    -webkit-transform: translate(-101px, 1px);
    -ms-transform: translate(-101px, 1px);
    transform: translate(-101px, 1px);
}

@media (max-width: 768px) {
    .pobeda {
        left: 50px;
        width: 150px;
        bottom: -14px;
    }

    .fixed .pobeda {
        -webkit-transform: scale(0.75) translate(-9px, -4px);
        -ms-transform: scale(0.75) translate(-9px, -4px);
        transform: scale(0.75) translate(-9px, -4px);
    }
}

@media (max-width: 992px) {
    .model__content {
        width: 80vh;
    }

    .box__content {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .col-md-3, .col-md-9 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .box__right {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-left: 0;
    }

    .tabs__content.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tabs__item {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tabs__item &gt; picture {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: 150px;
    }

    .tabs__item &gt; picture &gt; img {
        width: 100%;
        height: 150px;
    }

    .tabs__item-caption {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    article.content {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .c-news__item {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        -ms-flex-preferred-size: calc(50% - 0.5rem);
        flex-basis: calc(50% - 0.5rem);
    }

    .col-md-2 {
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    }

    .col-md-8 {
        max-width: 64.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 64.666667%;
        flex: 0 0 64.666667%;
    }

    article.wrap__content {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    aside.leftbar {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .calendar {
        max-width: 32.333333%;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin: .5rem .5rem .5rem 0;
    }

    aside.leftbar .vk-widget {
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        padding: .5rem 0 .5rem;
    }

    .column {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .management__item {
        max-width: 47%;
        flex: 0 0 47%;
    }
}


@media (max-width: 768px) {
    .wrap-wall .wall__item, .wall__share, .wall__comment, .n-comment, .wrap-wall__item {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0;
        border-bottom: 1px solid #e5e5e5;
        border-radius: 0;
    }

    .wrap__box .row__col-3 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
    }

    .model__content {
        width: 98vh;
    }

    picture.item__photo {
        position: relative;
    }

    .item__panels {
        top: 1rem;
    }

    h1.supporter__title {
        font-size: 1.5em;
    }

    h2.supporter__caption-title {
        font-size: 1.15em;
    }

    .supporter__social-item &gt; a {
        display: block;
        margin-bottom: 0.4rem;
        text-align: center;
    }

    h3.supporter__body-title {
        text-align: center;
    }

    button.s-form__submit {
        width: 100%;
    }

    .s-form__group p {
        text-align: center;
    }

    .progress-wrap {
        right: 1rem;
    }

    .baza__status {
        padding-top: 1rem;
    }

    .baza__count-item {
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
    }

    .baza__count {
        margin: 1rem 0;
    }

    .wrap__captions {
        margin: 0;
        margin-bottom: 1rem;
    }

    input.u-search__input {
        max-width: 70%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
    }

    button.u-search__button {
        max-width: 30%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
    }

    .news__share::after {
        display: none;
    }

    .news__share-container &gt; p &gt; span {
        display: initial;
    }

    .management__item {
        max-width: 100%;
        flex: 0 0 100%;
        margin: .5rem 0;
    }

    aside.leftbar .vk-widget {
        max-width: 66%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66%;
        flex: 0 0 66%;
    }

    h2.deputy__list_title {
        border-radius: 0;
    }

    .column, .row__col-9, .row__col-3 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .c-word__item {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .row__col-33 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        background: #FFFFFF;
        margin: .5rem 0;
    }

    aside.speedbar {
        display: none;
    }

    .c-prof__post {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .c-full {
        max-width: 100% !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }

    .fill {
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .menu__item-drop {
        display: block;
        position: absolute;
        top: 4px;
        right: 0;
        padding: 0.5rem 1rem;
        background: #F0F2F5;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .menu__item-drop.active {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        padding: 1rem 0.9rem;
        top: -4px;
        right: 9px;
        background: rgba(255 255 255 / 10%);
    }

    .drop__content {
        position: relative;
        width: 100%;
    }

    a.drop__link {
        padding: 0.5rem .25rem 0.5rem 2rem;
    }

    li.menu__item.drop::after {
        display: none;
    }

    li.menu__item:hover a {
        background: rgba(255 255 255 / 100%);
        color: #BA3012;
    }

    .item__video-icon {
        top: 85px;
    }

    .box__social {
        margin-bottom: .75rem;
    }
}


@media (max-width: 640px) {
    .item &gt; picture {
        height: auto;
    }

    .item &gt; picture &gt; img {
        -o-object-fit: contain;
        object-fit: contain;
        height: auto;
    }

    .c-text__code iframe {
        width: 100% !important;
    }

    input.subsrible__input {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        border-radius: 4px 4px 0 0;
        padding: .75rem;
    }

    input.subsrible__button {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: .75rem;
        border-radius: 0 0 4px 4px;
    }

    .header__item {
        padding: 1rem;
    }

    .project__speedbar {
        padding: .5rem 0;
    }

    .project__cover, .project__info, .project__wall, .project__list {
        padding: 0;
    }

    .c-prof__post {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: .5rem 0;
    }

    .c-prof__avatar, .c-prof__text {
        border-radius: 0;
    }

    .row__col-33 {
        margin: 0;
    }

    .c-word__item {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .calendar {
        margin: 0;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    aside.leftbar .vk-widget {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
    }

    .box__video, .box-widget, .wrap__container, .news__container {
        padding: 0;
    }

    .breadcrumbs {
        margin: 0;
        border-bottom: 1px solid #e5e5e5;
    }

    ul.news__item-info &gt; li {
        margin: .25rem 0;
    }

    .news__text, .news__social {
        margin: 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .c-news {
        padding: 0;
    }

    .box__video-item {
        padding: .5rem 0;
    }

    footer {
        padding: .5rem 0;
    }

    .footer__social {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }

    .footer__item h3 {
        text-transform: uppercase;
    }

    .col-md-2, .col-md-8 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .profile__sidebar, .avatar img {
        border-radius: 0;
    }

    .profile__info, .profile__status, .panel {
        border-radius: 0;
        border-bottom: 1px solid #e5e5e5;
        margin: 0;
    }

    .profile__status::after {
        display: none;
    }

    .cols-2 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        height: 150px;
        overflow: hidden;
    }

    .cols-2 img {
        width: 100%;
        height: 150px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .cols-3, .cols-6, .cols-9 {
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        height: 100px;
        overflow: hidden;
    }

    .cols-3 img, .cols-6 img, .cols-9 img {
        width: 100%;
        height: 100px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .cols-4, .cols-8 {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        height: 50px;
        overflow: hidden;
    }

    .cols-4 img, .cols-8 img {
        width: 100%;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .cols-5, .cols-10 {
        max-width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        height: 50px;
        overflow: hidden;
    }

    .cols-5 img, .cols-10 img {
        width: 100%;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .wall__item {
        border-radius: 0;
        margin: .5rem 0;
    }

    .avatar__caption {
        bottom: 0;
    }

    .deputy__items {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        margin-bottom: 1rem;
    }

    .deputy__info {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    a.d-news {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: .5rem 0;
    }

    .row__col-5, .row__col-7, .col-md-3, .col-md-9 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
    }

    .row__col-5 {
        padding: 1rem 0;
    }

    .c-modal__container {
        max-width: 98vw;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 98vw;
        flex: 0 0 98vw;
    }

    .deputy__item {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .news__container {
        padding: .5rem 0;
    }

    .news__social {
        display: block;
    }

    .news__copylink::before, .news__social-like::before {
        display: none;
    }

    .news__social-like {
        width: 100%;
        border-radius: 0;
    }

    .news__social_list {
        padding-top: 1rem;
    }

    .news__copylink {
        width: 100%;
        border-radius: 0;
    }

    article.wrap__content, .media__list .item {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    aside.leftbar, .news__right {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-left: 0;
    }

    .tabs__content.active {
        display: block;
    }

    .tabs__item {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .tabs__item &gt; picture {
        max-width: 80px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        height: 80px;
    }

    .tabs__item &gt; picture &gt; img {
        width: 80px;
        height: 80px;
    }

    .tabs__item-caption {
        width: calc(100% - 80px);
        max-width: calc(100% - 80px);
    }

    .box__video {
        position: relative;
    }

    .item.wap {
        display: block;
    }

    .c-news__list {
        display: none;
    }

    p.header__text {
        font-size: 1.2em;
    }

    .top__mail &gt; a:last-child {
        display: none;
    }

    .logo &gt; picture &gt; img, nav.navbar.fixed .logo__image {
        width: 48px;
    }

    .logo &gt; picture, nav.navbar.fixed picture {
        position: relative;
        bottom: -2px;
        left: 2px;
    }

    h1.header__title {
        font-size: 1.3em;
    }

    .c-news__item {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .c-news__caption {
        display: none;
    }

    .c-news__footer {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 9;
        background: rgba(0 0 0 / 75%);
        width: 100%;
        padding-bottom: 2rem;
    }

    .c-news__text {
        color: #FFFFFF;
    }

    .box__content, aside.speedbar, article.content, .box__right {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .box__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .box .container {
        padding: .5rem 0;
    }

    article.content, aside.speedbar {
        padding: 0;
    }

    .btn-more {
        padding-bottom: 2rem;
    }

    .footer__item {
        padding: 1rem 2rem;
    }

    .copy {
        padding: 1rem;
    }

    ul.footer__menu {
        display: none;
    }

    .wrap__container {
        padding: 0;
    }

    .deputy__button {
        padding: 0;
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    .deputy__button span {
        display: block;
        border-radius: 0;
        margin: 0;
        padding: 1rem;
        text-transform: uppercase;
    }

    .deputy__button i {
        width: 1.25rem;
        font-size: .8em;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }

    .like__button {
        display: block;
        text-align: center;
        padding: 1rem;
        font-size: 1.17em;
    }

    span.mejs-time-total {
        min-width: 65%;
        max-width: 65%;
    }

    form.d-form {
        border: 0;
        padding: 0;
    }

    ul.breadcrumbs__list &gt; li.active {
        display: none;
    }

    ul.breadcrumbs__list &gt; li.breadcrumbs__list-item::before {
        content: '';
    }

    .news__content-img {
        margin-bottom: 0;
    }
}</pre></body></html>