@import "popup-data-processing.css";

:root {
    --bg-color-white: #FFFFFF;
    --bg-color-blue: #336FEE;
    --bg-color-dark-blue: #243148;
    --bg-activities-color: #2A5DCA;
    --bg-color-button: #FEC300;
    --bg-color-login-button: #354259;
    --bg-color-yellow-button: #FEC300;

    --text-color-blue: #1a70c1;
    --text-color-white: #ffff;
    --text-color-dark-blue: #243148;
    --text-color-dark-gray: #262E3A;
    --text-color-yellow: #FEC300;
    --placeholder-color: #676B70;

    --button-border-radius: 10px;
    --button-submit-border-radius: 8px;
    --input-border-radius: 12px;

    --border-color: #dedede;
    --border-radius-medium: 12px;
    --font-size-navbar: 1.0625rem;

    --details-translate: scale(0.5);
    --transition-duration: 0.2s;
    --transition-function: linear;
    --bg-color-light-blue-radial: radial-gradient(31.35% 61.44% at 82.85% 91.89%, rgba(210, 225, 255, 0.24) 0%, rgba(255, 255, 255, 0.01875) 100%);

    --bland-mode: normal;

    --filter-brightness-hover: brightness(1.1);
}

html,
body {
    height: 100%;
    font-size: 14px;
    color: #262e3a;
    line-height: 1.5;
    overscroll-behavior: none;
}

* {
    outline: none;
}

[inert] {
    opacity: 0.45;
    pointer-events: none;
    cursor: not-allowed;
    user-select: none;
}

body {
    overflow-y: scroll;
    padding-top: 72px;
}

body.fixed {
    overflow: hidden;
}

body.empty {
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 26px;
    font-weight: 400;
    line-height: 30px;
}

h2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
}

h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 25px;
}

h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.75;
}

h1, h2, h3,
.h1, .h2, .h3 {
    margin-bottom: 0.67em;
}

:where(
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child
) {
    margin-top: 0;
}

input[type='text'],
input[type='password'],
input[type='email'] {
    outline: none;
}

[inert] {
    opacity: 0.45;
    pointer-events: none;
    cursor: not-allowed;
    user-select: none;
}

button {
    transition: opacity 0.3s ease;

    &.loading {
        opacity: 0.5;
        pointer-events: none;
        cursor: default;
    }
}

.rub-sign {
    background: url('../../images/redesign/rub.svg') 0 0 no-repeat;
    background-size: cover;
    width: 20px;
    height: 37px;
    display: inline-block;
}

.modal-backdrop {
    background-color: #262e3a;
}

a {
    color: #1a70c1;
    text-decoration: none;
    transition: all .2s linear;

    &:hover {
        color: #034d92;
        text-decoration: underline;
        text-underline-offset: 4px;
        transition: all .2s linear;
    }

    &:focus {
        text-decoration: none;
        outline: none;
    }
}

a img {
    border: none;
    height: fit-content;
}

.pseudolink {
    color: #1a70c1;
    text-decoration: none;
    border-bottom: 1px dotted #1a70c1;
    cursor: pointer;
}

.pseudolink:hover {
    text-decoration: none;
}

.font-md {
    font-size: 1.125em;
}

.bold {
    font-weight: 700;
}

.display-block {
    display: block;
}

.display-none {
    display: none !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

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

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

.display-table {
    display: table;
    width: 100%;
}

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

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

.align-justify:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    text-align: justify;
}

[data-toggle='collapse'] {
    cursor: pointer; /* click на iPhone без этого свойства не работает */
}

.position-relative {
    position: relative;
}

.reset-space {
    font-size: 0;
}

.wrapper {
    min-height: 100%;
    min-width: 320px;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.wrapper-inner {
    flex-grow: 1;
}

.page-section {
    padding: 50px 0;
}

.page-section.page-section--hightlighted {
    background: #f9f9f9;
}

.navbar-form {
    float: none;
    position: relative;
    overflow: hidden;
}

.navbar-form .close {
    position: absolute;
    display: none;
    top: 0;
    right: 35px;
    padding: 5px;
    z-index: 1;
    text-shadow: none;
    opacity: .8;
    color: #7e848c;
}

.navbar-form .close {
    opacity: 1;
}

.navbar-form.is-valid .close {
    display: block;
}

.navbar-form.is-valid .form-control {
    padding-right: 60px;
}

.navbar-form .rubric-label {
    float: left;
    color: #c6cbd0;
    font-size: 14px;
    line-height: 25px;
    height: 31px;
    padding: 2px 33px 2px 10px;
    background: #38495b;
    border: 1px solid #fed000;
    position: relative;
}

.navbar-form .rubric-label .clear,
.navbar-form .rubric-label .arrow {
    position: absolute;
    top: -1px;
    width: 35px;
    height: 31px;
    cursor: pointer;
}

.navbar-form .rubric-label .clear {
    background: url('../../images/redesign/search-rubric-close.png') no-repeat right center;
    right: -11px;
    z-index: 2;
}

.navbar-form .rubric-label .arrow {
    background: url('../../images/redesign/search-rubric-arrow.png') no-repeat right center;
    right: -22px;
    z-index: 1;
}

.navbar-form .search-input {
    overflow: hidden;
}

.navbar-form .form-control {
    background: none #353e4c;
    border: 1px solid #868a91;
    color: #7e848c;
    border-radius: 0;
    padding-right: 40px;
    padding-left: 23px;
    height: 31px;
    width: 100%;
}

textarea.form-control {
    height: 152px;
}

.navbar-form .submit {
    border: none;
    background: none transparent;
    box-shadow: none;
    cursor: pointer;
    width: 40px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #7e848c;
    font-size: 18px;
    line-height: 34px;
}

.navbar-form .submit .glyphicon {
    line-height: 29px;
}

.link-separated {
    position: relative;
}

.link-separated:before {
    content: '|';
    position: absolute;
    top: 5px;
    left: -1px;
    color: white;
}

.crumbs {
    padding: 18px 0 15px;
}

.crumbs a,
.crumbs .no-link {
    font-size: 0.8125rem;
    color: #1a70c1;
    text-decoration: none;
    margin-right: 7px;
}

.crumbs a:hover {
    text-decoration: underline;
}

.crumbs .no-link {
    font-size: 0.8125rem;
    color: #1a70c1;
    margin-right: 7px;
}

.main-header {
    position: relative;
    margin-bottom: 40px;
    font-weight: 300;
    color: #fff;
    background: url('../../images/redesign/bg1.jpg') no-repeat center top / cover;
    padding-bottom: 56px;
}

.main-header a,
.main-header .pseudolink {
    color: #fff;
    text-decoration: none;
    transition: all .3s linear;

    &:hover {
        text-decoration: underline;
        text-underline-offset: 4px;
    }
}

.main-header a.b-counts__item,
.main-header .sub-menu-header a {
    text-decoration: none;
}

.main-header a.btn {
    color: #262e3a;
    text-decoration: none;
    transition: all .2s linear;
}

.main-header a:hover,
.main-header .pseudolink:hover {
    color: #fff;
    text-decoration: none;
}

.main-header a.btn:hover {
    color: #262e3a;
    text-decoration: none;
}

.main-header a.btn:active,
.main-header a.btn:visited {
    color: #262e3a;
}

.main-header-mobile {
    padding-bottom: 15px;
}

.main-header.home {
    background-image: url('../../images/redesign/top_bg.jpg');
}

.main-header.main-header--index {
    margin-bottom: 0;
    padding-bottom: 0;
}

.main-header.fixedtabs {
    padding-bottom: 50px;
}

.main-header h1,
.main-header .h1,
.main-header h2,
.main-header .h2,
.main-header .crumbs a,
.main-header .crumbs .no-link {
    color: inherit;
}

.main-header h2,
.main-header .h2 {
    font-weight: 500;
}

.main-header .container {
    position: relative;
}

.main-header p,
.main-header .lead {
    margin: 10px 0 0;
}

.main-header__descr {
    position: relative;
    background: #fff;
    padding: 30px 50px;
    color: #262e3a;
    box-shadow: 0 15px 50px -35px #000;
}

.main-header__aside {
    max-width: 257px;
}

.main-header__aside .btn {
    padding-left: 0;
    padding-right: 0;
}

.main-header__aside .stat {
    white-space: nowrap;
    margin-bottom: 20px;
    font-size: 0;
}

.main-header .container .jumbotron {
    padding: 0 0 41px;
}

.sub-menu-header {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.sub-menu-list {
    margin: 0;
    padding: 0 0 0 72px;
    height: 100%;
    line-height: 40px;
}

.sub-menu-item {
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
}

.sub-menu-item + .sub-menu-item {
    margin-left: 45px;
}

.sub-menu-link {
    font-size: 0.8125rem;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.69);
    transition: border-bottom-color 0.2s;
}

.sub-menu-link:hover,
.sub-menu-link:focus,
.sub-menu-link:active {
    color: #fff;
    text-decoration: none;
    border-bottom-color: rgba(255, 255, 255, 0);
}

.sub-menu-link-color {
    color: #fec300;
}

.sub-menu-link-color:hover,
.sub-menu-link-color:focus,
.sub-menu-link-color:active {
    color: #fec300;

}

.jumbotron {
    font-size: 16px;
}

.jumbotron h1,
.jumbotron .h1 {
    font-size: 2.75rem;
    margin-bottom: 0;
}

.main-header__aside .stat .item {
    display: inline-block;
    width: 50%;
    text-align: center;
    font-size: 21px;
}

.container .jumbotron,
.container-fluid .jumbotron {
    font-size: 13px;
    padding: 48px 0 28px 30px;
}

.jumbotron-img {
    position: absolute;
    bottom: -40px;
    right: -45px;
    width: 302px;
}

.jumbotron-left-text {
    width: calc(100% - 166px);
    margin-left: 32px;
    padding-top: 8px;
}

.jumbotron-logo {
    width: 133px;
    margin-left: -7px;
}

.jumbotron-main-info {
    position: relative;
    width: 100%;
    padding: 46px 250px 0 0;
    font-size: 0; /* for inline-block */
}

.jumbotron blockquote {
    padding: 20px 0 0 0;
    margin: 5px 0 45px;
    border-left: none;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
}

.jumbotron blockquote:before,
.jumbotron blockquote:after {
    color: #6190b5;
    font-size: 55px;
    line-height: 0;
    font-style: italic;
    position: relative;
    bottom: -10px;
}

.jumbotron blockquote:before {
    content: '\00ab';
    margin-left: -37px;
}

.jumbotron blockquote:after {
    content: '»';
}

.jumbotron .author {
    font-size: 12px;
    text-align: right;
}

.main-actual-block {
    position: relative;
    height: 78px;
    background: #fec300 url('../../images/redesign/gray_bg_transparent.png') center center;
    font-size: 1.3125rem;
    line-height: 1.5;
    color: #262e3a;
    font-family: 'Roboto', sans-serif;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
    z-index: 1;
}

.main-actual-href {
    display: block;
    width: 100%;
    overflow: hidden;
}

.js-prevent-link {
    cursor: default;
}

.main-actual-href:hover {
    text-decoration: none;
}

.main-actual-label {
    font-size: 1.125rem;
    line-height: 24px;
    font-family: 'Roboto-Medium', sans-serif;
}

.trapeze-left {
    position: relative;
    width: 122px;
    padding-left: 14px;
    background: #fec300;
}

.main-actual-browsing {
    font-size: 1rem;
    color: rgba(124, 124, 124, 0.89);
}

.main-actual-browsing-text {
    margin: 0;
}

.main-actual-text {
    padding-left: 16px;
    margin-bottom: 0;
    font-weight: bold;
}

.services-list {
    margin: 33px 0 0;
    padding: 0;
    list-style-type: none;
    font-size: 0;
}

.services-item {
    flex-grow: 1;
    flex-basis: 0;
}

.services-item-description {
    display: flex;
    justify-content: start;
    gap: 20px;
    align-items: center;
}

.services-item-icon {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 72px;
    height: 72px;
    background-size: cover;
}

.services-item-icon.problems {
    background-image: url('../../images/redesign/services/icon_service_problems.svg');
}

.services-item-icon.questions {
    background-image: url('../../images/redesign/services/icon_service_questions.svg');
}

.services-item-icon.inspector {
    background-image: url('../../images/redesign/services/icon_service_inspector.svg');
}

.services-item-icon.discussions {
    background-image: url('../../images/redesign/services/icon_service_forum.svg');
}

.services-item-icon.coal {
    background-image: url('../../images/redesign/services/icon-service-coal-industry.svg');
}

.services-item-icon.selftest {
    background-image: url('../../images/redesign/services/icon-servises-selftest.svg');
}

.services-item-icon.coronavirus {
    background-image: url('../../images/redesign/services/icon-virus.svg');
}

.services-item-icon.navigator {
    background-image: url('../../images/redesign/services/icon_service_navi.svg');
}

.services-item-icon.employee {
    background-image: url('../../images/redesign/services/icon_service_lnk.svg');
}

.services-item-icon.requirements {
    background-image: url('../../images/redesign/services/icon_service_pttz.svg');
}

.services-item-icon.memo {
    background-image: url('../../images/redesign/services/icon_service_reminders.svg');
}

.services-item-icon.job {
    background-image: url('../../images/redesign/services/icon_service_lnk.svg');
}

.services-item-icon.complains {
    background-image: url('../../images/redesign/services/icon_service_obg.svg');
}

.services-item-icon.appointments {
    background-image: url('../../images/redesign/services/icon_service_calendar.svg');
}

.services-item-icon.check {
    background-image: url('../../images/redesign/services/icon_service_contract.svg');
}

.services-item-icon.survey {
    background-image: url("../../images/redesign/services/icon_service_survey.svg");
}

.services-item-icon.bank {
    background-image: url("../../images/redesign/services/icon_service_docs.svg");
}

.services-item-icon.disabled-work {
    background-image: url("../../images/redesign/services/icon_service_disabled.svg");
}

.services-item-icon.payout {
    background-image: url("../../images/redesign/services/servises_payout.svg");
}

.services-item-icon.orgbank {
    background-image: url("../../images/redesign/services/icon_service_orgbank.svg");
}

.services-item-icon.company-info {
    background-image: url("../../images/redesign/services/servises-company-info.svg");
}

.services-item-icon.pensioner {
    background-image: url("../../images/redesign/services/servises-pensioner.svg");
}

.services-item-icon.business {
    background-image: url("../../images/redesign/services/servises-business.svg");
}

.services-item-icon.monitoring {
    background-image: url("../../images/redesign/services/servises-chaz.png");
}

.services-item-icon.settlement {
    background-image: url("../../images/redesign/services/servises-settlement.svg");
}

.services-item-icon.guarantees {
    background-image: url("../../images/redesign/services/services-guarantees.svg");
}

.services-item-icon.ppe {
    background-image: url("../../images/redesign/services/services-ppe.svg");
}

.services-item-icon.edocs {
    background-image: url("../../images/redesign/services/services-edocs.svg");
}

.main-services-modal-text ol {
    margin: 20px 0 40px;
}

.main-services-modal-text ol ul {
    list-style-type: disc;
    margin: 10px 0;
}

.main-page-rubrics {
    position: relative;
    padding: 38px 10px 0 0;
    font-size: 21px;
    line-height: 30px;
    color: #262e3a;
}

.b-rubrics {
    min-height: 350px;
    padding-bottom: 20px;
}

.b-rubrics-text {
    margin: 17px 0 11px;
    font-weight: 300;
    font-size: 1.3125rem;
}

.main-rubrics-wrapper {
    background: #f9f9f9;
}

.main-rubrics .list {
    position: relative;
}

.main-rubrics .short-categories {
    margin: 19px 41px 19px 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

.main-page-rubrics .short-categories {
    margin: 19px 0 0;
    font-size: 0;
}

.main-rubrics .short-categories .descr {
    font-size: 13px;
    color: #7e848c;
    line-height: 17px;
}

.main-rubrics .short-categories li {
    width: 32.8%;
    display: inline-block;
    vertical-align: top;
    padding: 24px 0 16px 120px;
    position: relative;
    cursor: pointer;
    min-height: 90px;
}

.main-page-rubrics .short-categories li {
    width: 25%;
    padding: 0 !important;
}

.main-rubrics .short-categories li a {
    display: block;
    text-decoration: none;
    padding: 24px 24px 45px 80px;
    transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
}

.main-page-rubrics .short-categories li a {
    margin: 0 28px 0 -16px;
    padding: 31px 0 26px 20px;
}

.main-page-rubrics .short-categories li:nth-child(4n) a {
    margin-right: 0;
}

.main-rubrics .short-categories li a:hover {
    background-color: #fff;
    text-decoration: none;
}

.main-rubrics .icon-img {
    position: absolute;
    left: 12px;
    top: 25px;
    width: 52px;
    height: 52px;
}

.main-page-rubrics .icon-img {
    position: static;
}

.main-rubrics .short-categories li .title {
    width: calc(100% - 52px);
    padding-left: 11px;
}

.main-rubrics .short-categories li .title,
.main-rubrics .full-category .description .title {
    margin-bottom: 8px;
    font-size: 1.125rem;
    color: #262e3a;
    line-height: 1.3;
    font-weight: 500;
}

.main-page-rubrics .short-categories li .title,
.main-page-rubrics .full-category .description .title {
    margin-bottom: 0;
}

.main-rubrics .full-categories {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    text-align: left;
    display: none;
}

.main-rubrics .full-category {
    display: none;
}

.main-rubrics .full-category .description {
    padding: 0 0 16px;
    position: relative;
}

.main-rubrics .full-category .back {
    background: url('../../images/redesign/arrow-1.png') no-repeat left center;
    padding-left: 20px;
    line-height: 1;
    cursor: pointer;
    display: block;
    margin: 29px 0 0 0;
}

.main-rubrics .full-category .list {
    list-style: none;
}

.main-rubrics .full-category .list li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 24px 0;
    padding: 0 20px 0 0;
    font-size: 1rem;
    color: #1a70c1;
    line-height: 1.5;
}

.main-rubrics .full-category .list li a {
    margin-left: -15px;
}

.mobile_available {
    padding-left: 22px;
    color: #898989;
    font-size: 13px;
    line-height: 18px;
    background: url('../../images/redesign/mob.svg') no-repeat left center;
}

.main-rubrics .full-category .list .mobile_available {
    margin-top: 5px;
}

.our-services {
    padding-top: 292px;
    background-color: #f2f2f2;
}

.rostrud-activities {
    background: #fff;
    padding: 49px 0 76px;
}

.activities-item {
    padding: 0 25px;
}

.rostrud-activities .main-page-subtitle {
    margin-bottom: 44px;
}

.rostrud-activities .item {
    display: block;
}

.rostrud-activities .title {
    font-size: 1.5rem;
    line-height: 28px;
    color: #1a70c1;
    font-family: 'Roboto-Medium', sans-serif;
}

.rostrud-activities .descr {
    margin-top: 18px;
    font-size: 1rem;
    line-height: 1.25;
    color: #848484;
}

.rostrud-activities .item:hover,
.rostrud-activities .item:hover .title {
    color: #034d92;
    text-decoration: none;
}

.rostrud-activities .icon {
    display: inline-block;
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
}

.rostrud-activities .icon.about {
    background-image: url('../../images/redesign/main/icon_info_about.svg');
}

.rostrud-activities .icon.news {
    background-image: url('../../images/redesign/main/icon_info_news.svg');
}

.rostrud-activities .icon.statistic {
    background-image: url('../../images/redesign/main/icon_info_chart.svg');
}

.state-services {
    background: #f9f9f9;
}

.state-services-href {
    display: block;
}

.state-services-img {
    width: 100%;
}

.our-services .more {
    font-size: 16px;
    color: #979797;
    padding-top: 36px;
    font-weight: 100;
}

.results-main {
    padding: 40px 0 10px;
    border-bottom: 1px solid #dedede;
}

.results-main .item {
    padding: 30px 80px 30px 105px;
    font-weight: 300;
    position: relative;
}

.results-main .item:before {
    content: '';
    width: 90px;
    height: 90px;
    background: url('../../images/redesign/icons-3.png') no-repeat center center;
    position: absolute;
    left: 0;
    top: 23px;
}

.results-main .item.users:before {
    background-position: left top;
}

.results-main .item.appeals:before {
    background-position: right top;
}

.results-main .item.consult:before {
    background-position: left bottom;
}

.results-main .item.wins:before {
    background-position: right bottom;
}

.results-main .item .number {
    font-size: 36px;
}

.success-stories {
    padding: 67px 0 57px;
    border-bottom: 1px solid #dedede;
}

.success-stories h3 {
    font-size: 28px;
    color: #262e3a;
    line-height: 34px;
    font-weight: normal;
}

.success-stories .carousel {
    margin: 48px 0 48px;
}

.success-stories .carousel .user .img {
    float: left;
    width: 80px;
    height: 80px;
}

.success-stories .carousel .user .img img {
    max-width: 100%;
    max-height: 100%;
}

.success-stories .carousel .user .descr {
    margin-left: 100px;
}

.success-stories .carousel .user .name {
    font-weight: 100;
    font-size: 14px;
    color: #898989;
    line-height: 22px;
    margin: -5px 0 4px 0;
}

.success-stories .carousel .user .title {
    font-weight: 400;
    font-size: 20px;
    color: #262e3a;
    line-height: 28px;
}

.success-stories .carousel .text {
    padding-top: 24px;
    font-size: 14px;
    color: #262e3a;
    line-height: 22px;
}

.news-main {
    padding: 49px 0 50px;
    background-color: #fff;
}

.news-main h2 {
    margin-top: 0;
    font-size: 1.75rem;
    color: #262e3a;
    line-height: 1.21;
    font-weight: 400;
}

.news-main h2 .all {
    font-size: 1rem;
    margin-left: 14px;
}

.news-main .item {
    margin-bottom: 34px;
}

.news-main .item .title {
    font-size: 16px;
    margin-bottom: 6px;
    display: block;
    color: #1a70c1;
    line-height: 24px;
    font-weight: 400;
}

.news-main .item .date {
    font-size: 13px;
    color: #898989;
}

.b-radio {
    display: inline-block;
    line-height: 18px;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #262e3a;
    font-weight: 100;
}

.b-radio__input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 18px;
    margin: 0 -18px -18px 0 !important;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 18px;
    opacity: 0.001;
}

.b-radio__button {
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.b-radio__button:before {
    content: '';
    position: absolute;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 2px solid #dedede;
    border-radius: 100%;
    cursor: pointer;
    box-shadow: inset 0 1px #fff;
}

.b-radio__button:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #1a70c1;
    border-radius: 100%;
    cursor: pointer;
}

.b-radio__input:checked + .b-radio__button:after {
    opacity: 1;
}

.footer {
    width: 100%;
    height: auto;
    padding: 24px 0;
    background-color: var(--bg-color-dark-blue);
    color: #fff;
}

.footer .support-link {
    color: #fec300;
    display: inline-block;
}

.adaptive-switch {
    display: inline-block;
    vertical-align: middle;
    height: 31px;
    cursor: pointer;
    transition: all .2s linear;

    &:hover {
        transform: rotate(30deg);
    }

    &:active {
        transform: rotate(40deg);
    }
}

.adaptive-switch.mobile {
    width: 20px;
    margin: 0 25px 0 15px;
    background: url('../../images/redesign/device-iPhone-smart-phone-vertical-glyph.svg') no-repeat center center / contain;
}

.adaptive-switch.tablet {
    width: 41px;
    background: url('../../images/redesign/device-tablet-ipad-horizontal-glyph.svg') no-repeat center center / contain;
}

.footer .socials {
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
}

.footer .socials ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer .socials li {
    display: inline-block;
    vertical-align: top;
    margin-left: 17px;
}

.footer .socials li:first-child {
    margin-left: 0;
}

.footer .socials a {
    display: block;
    width: 40px;
    height: 40px;
    background: url('../../images/redesign/icons-social.png') no-repeat left top;
    font-size: 0;
    line-height: 0;
    outline: none;
}

.footer .socials a:focus,
.footer .socials a:active {
    outline: none;
}

.footer .socials li.vk a {
    background-position: -70px -10px;
}

.footer .socials li.fb a {
    background-position: -10px -10px;
}

.footer .socials li.tw a {
    background-position: -130px -10px;
}

.footer .socials li.tg a {
    background-position: -190px -10px;
}

.footer .socials li.ok a {
    background-position: -250px -10px;
}

.footer__bottom-block {
    padding: 24px 0;
    border-top: 1px solid #49515e;
}

.footer .copyright-rostrud {
    display: inline-block;
    vertical-align: top;
    max-width: 603px;
    padding-left: 84px;
    position: relative;
    font-size: 0.8125rem;
    line-height: 1.3;
}

.footer .copyright-rostrud .descr {
    padding-top: 5px;
}

.footer a {
    color: #fff;
    text-decoration: none;
}

.footer .copyright-rostrud img {
    width: 50px;
    position: absolute;
    left: 0;
    top: 0;
}

.footer .copyright-rostrud p:first-of-type:before {
    content: '©';
    margin-left: -10px;
}

.footer .counters {
    display: inline-block;
    vertical-align: top;
    margin-top: 14px;
    text-align: center;
}

.footer .copyright-dg {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    font-size: 0.75rem;
    margin-top: 14px;
}

.footer .copyright-dg a {
    color: #fff;
}

.footer .copyright-dg__text {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

.footer .footer__logo {
    position: relative;
    top: -4px;
    float: right;
    margin-left: 15px;
    width: 120px;
}

.footer__additional-links {
    margin-bottom: 31px;
}

.footer__additional-links a {
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    margin-right: 47px;
    margin-top: 14px;
}

.footer__additional-links a:last-of-type {
    margin-right: 0;
}

.footer .stores {
    color: #fff;
    font-weight: normal;
    text-align: left;
    font-size: 0.8125rem;
    padding-top: 5px;
    margin-top: 0;
    display: inline-block;
    background: left center no-repeat;
}

.footer .stores span {
    font-weight: bold;
    display: block;
}

.footer .widget-button {
    margin-top: 4px;
    padding: 12px 46px;
}

.footer .modal-links {
    font-size: 0.75rem;
    display: inline-block;
    transition: text-decoration 0.2s;
}

.footer .modal-links:hover,
.footer .modal-links:active,
.footer .modal-links:focus {
    text-decoration: none;
}

.stores-xs {
    margin-top: 24px;
}

.footer-info-block {
    float: right;
}

.beautiful_table {
    width: 100%;
}

.beautiful_table tbody.loading {
    opacity: .3;
}

.beautiful_table th {
    border-bottom: 2px solid #fec300;
    padding: 13px 0;
}

.beautiful_table th:first-child {
    text-align: left;
}

.beautiful_table .sortable {
    cursor: pointer;
}

.beautiful_table .sortable i {
    width: 17px;
    height: 17px;
    display: inline-block;
    background: url('../../images/redesign/comment-rate-arrows.gif') no-repeat 0 -39px;
    margin-left: 10px;
    margin-bottom: -3px;
}

.beautiful_table .sortable.active i {
    background-position: 0 -19px;
}

.beautiful_table .sortable.desc i {
    background-position: 0 3px;
}

.beautiful_table .sortable.desc.active i {
    background-position: 0 -16px;
}

.beautiful_table .sortable.asc i {
    background-position: -51px 3px;
}

.beautiful_table .sortable.asc.active i {
    background-position: -51px -16px;
}

.beautiful_table td {
    padding: 13px 0 10px;
}

.beautiful_table td:first-child {
    text-align: left;
}

.beautiful_table .link {
    color: #1a70c1;
    cursor: pointer;
}

.beautiful_table .link:hover {
    text-decoration: underline;
}

.beautiful_table .link.disabled {
    opacity: .3;
}

.strict-table td,
.strict-table th {
    font-size: 13px;
    border: 1px solid #000;
    padding: 3px 7px;
}

.strict-table th {
    border-top: none;
    border-bottom-width: 2px;
}

.strict-table td {
}

.strict-table td:first-child,
.strict-table th:first-child {
    border-left: none;
}

.strict-table td:last-child,
.strict-table th:last-child {
    border-right: none;
}

.rating-block {
    display: inline-block;
    background: url('../../images/redesign/unstar.png') repeat-x left center;
    width: 80px;
    height: 14px;
}

.rating-block .value {
    float: left;
    background: url('../../images/redesign/star.png') repeat-x left center;
    width: 0;
    height: 14px;
}

.user-info {
    position: relative;
}

.user-info .user-pic {
    float: left;
    margin-right: 9px;
    width: 30px;
    height: 30px;
}

.user-info .user-pic img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

.cases-list .user-pic img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

.user-info .name {
    line-height: 0.875;
}

.chat-item .user-info .name {
    margin: 10px 210px 0 40px;
}

.user-info .link {
    color: #898989;
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
}

.user-info .position {
    position: absolute;
    left: 105%;
    top: 0;
    padding: 0 10px;
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: 5px;
}

.user-info .position.expert {
    color: #fff;
    background-color: #1a70c1;
}

.user-info .nickname {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
    margin-left: 20px;
    background: url('../../images/redesign/mask.svg') no-repeat left center;
}

.sitemap-page {
    padding-bottom: 50px;
}

.sitemap-page ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sitemap-page li {
    position: relative;
}

.sitemap-page .sitemap > li a {
    display: inline-block;
    padding: 10px 0 10px 25px;
    position: relative;
    z-index: 2;
}

.sitemap-page .sitemap > li:before {
    content: '—';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 10px;
    color: #1a70c1;
}

.sitemap-page .sitemap > li li a {
    font-size: 0.875rem;
    margin-left: 23px;
    padding: 0 0 0 25px;
}

.b-site-text-wrapper {
    margin: 26px 0 0 3px;
}

p.b-site-text {
    margin: 0 0 51px;
    font-size: 1.125rem;
    line-height: 1.4;
}

.link-white, .link-white:hover,
.link-white:focus, .link-white:active {
    color: #fff;
}

.b-site-text-item {
    position: relative;
    margin-bottom: 10px;
    padding-left: 29px;
    font-size: 16px;
    line-height: 21px;
    list-style-type: none;
}

.b-site-text-item:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    top: 9px;
    left: 14px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
}

.b-header-articles {
    position: relative;
    top: -26px;
    background: #f9f9f9;
}

.b-header-container {
    background: #fff;
    top: -15px;
    box-shadow: 0 0 50px -30px #000;
}

.b-header-articles__footer {
    padding: 10px 10px 19px;
    border-top: 1px solid #eaeaea;
}

.b-header-articles__footer a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #1a70c1;
}

.b-header-articles__footer a:hover {
    text-decoration: none;
    color: #034d92;
}

.services {
    position: relative;
    padding: 43px 0 38px;
    z-index: 1;
}

.services .tab-pane {
    padding-right: 50px;
}

.main-page-title {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 2.875rem;
    line-height: 1.17;
    color: #262e3a;
}

.main-page-subtitle {
    font-size: 1.75rem;
    line-height: 40px;.rostrud-activities .title
}

.main-page-estimate p {
    margin: 24px 1px 29px 0;
}

@media (min-width: 480px) {
    .footer .modal-links-container {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .main-page-estimate .btn {
        padding: 12px 62px;
    }
}

.case-item .status {
    display: inline-block;
    position: relative;
    font-size: 1rem;
    color: #7e848c;
    border: 2px solid #7e848c;
    border-radius: 5px;
    padding: 2px 12px;
    margin-top: 12px;
}

.case-item .status:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -6px;
    width: 10px;
    height: 10px;
    border: solid #7e848c;
    border-width: 2px 0 0 2px;
    background: #fff;
    transform: rotate(45deg);
}

.case-item .status.green_case_status {
    color: rgb(0, 171, 0);
    border-color: rgb(0, 171, 0);
}

.case-item .status.green_case_status:before {
    border-color: rgb(0, 171, 0);
}

.case-item .status.blue_case_status {
    color: rgb(0, 189, 239);
    border-color: rgb(0, 189, 239);
}

.case-item .status.blue_case_status:before {
    border-color: rgb(0, 189, 239);
}

.case-item .status.yellow_case_status {
    color: rgb(255, 138, 0);
    border-color: rgb(255, 138, 0);
}

.case-item .status.yellow_case_status:before {
    border-color: rgb(255, 138, 0);
}

.case-item .status.red_case_status {
    color: rgb(240, 21, 22);
    border-color: rgb(240, 21, 22);
}

.case-item .status.red_case_status:before {
    border-color: rgb(240, 21, 22);
}

.case-item .status.gray_case_status {
    color: rgb(129, 144, 155);
    border-color: rgb(129, 144, 155);
}

.case-item .status.gray_case_status:before {
    border-color: rgb(129, 144, 155);
}

.sticky-wrapper {
    padding: 0 0 12px;
    background: #fff;
}

.sticky-wrapper.fixed {
    position: fixed;
    display: block;
    top: 51px;
    margin: 0;
    box-shadow: 0 9px 8px -9px rgba(0, 0, 0, 0.4);
    z-index: 100;
}

.sticky-wrapper.hidden {
    position: absolute;
    top: 0;
}

.sticky-wrapper.home {
    background: #f9f9f9;
}

.sticky-wrapper .block-submenu {
    margin-top: 0;
    margin-bottom: 0;
}

.sticky-wrapper.submenu-small-margin {
    margin-bottom: 11px;
}

.sticky-wrapper.submenu-big-margin {
    margin-bottom: 3.7em;
}

.services .lead {
    font-size: 16px;
    padding-bottom: 13px;
}

.b-rubrics-head {
    display: block;
    position: relative;
    min-height: 90px;
    padding-bottom: 10px;
    background: url('../../images/redesign/main_bg.jpg') no-repeat 0 0;
    background-size: 100% 100%;
    text-align: left;
}

.b-rubrics-head:hover {
    text-decoration: none;
}

.b-rubrics-head__ico {
    position: absolute;
    left: 0;
    top: 0;
    width: 190px;
    height: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ5cHgiIHdpZHRoPSI3MHB4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNzAgNDkiPiA8dGl0bGU+RXhwYW5kZWQ8L3RpdGxlPiA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gPGcgaWQ9IlBhZ2UtMSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIiBmaWxsPSJub25lIj4gIDxnIGlkPSIwMTAtbWFpbi0zLXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjYgLTQzNykiIGZpbGw9IiMyNjJFM0EiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiPiAgIDxnIGlkPSLQkdCw0L3QvdC10YAt0L7QsdGB0YPQttC00LXQvdC40Y8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMCA0MTYpIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIj4gICAgPGcgaWQ9IkV4cGFuZGVkLSstRXhwYW5kZWQtQ29weSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzYgMjEpIj4gICAgIDxnIGlkPSJFeHBhbmRlZCI+ICAgICAgPGcgaWQ9Ikdyb3VwIj4gICAgICAgPHBhdGggaWQ9IlNoYXBlIiBkPSJtNjQuODM0IDQxLjMxMmgyLjQxMWMxLjMzIDAgMi40MTItMS4wNzUgMi40MTItMi4zOTZ2LTIwLjc2NmMwLTEuMzIxLTEuMDgyLTIuMzk2LTIuNDEyLTIuMzk2aC0xNS4yMDJsLTAuNjg2IDE4LjE0OC0yMC4yODYgMC40MXY0LjYwNGMwIDEuMzIxIDEuMDgyIDIuMzk2IDIuNDExIDIuMzk2aDIzLjc4NGw3LjU2OCA3LjUxOXYtNy41MTl6bTMuMjE1LTIzLjE2MnYyMC43NjZjMCAwLjQ0MS0wLjM2IDAuNzk5LTAuODA0IDAuNzk5aC00LjAxOXY1LjI2bC01LjI5NC01LjI2aC0yNC40NWMtMC40NDQgMC0wLjgwNC0wLjM1OC0wLjgwNC0wLjc5OWwtMC4yNC00LjA1OGMwLTAuMjEzIDE5LjM2NC0wLjkzNCAxOS4zNjQtMC45MzRzMC4xNjEtMTYuNTczIDAuMzktMTYuNTczaDEwLjQxMyA0LjY0czAuODA0IDAuMzU4IDAuODA0IDAuNzk5eiIvPiAgICAgICA8cGF0aCBpZD0iU2hhcGUtQ29weS0yIiBkPSJtNi45MjY2IDQ2LjA1di0xMC4zNjRoLTMuMzI0MWMtMS44MzI3IDAtMy4zMjQyLTEuNDgyLTMuMzI0Mi0zLjMwM2wwLjAwMDA0LTI4LjYyM2MwLTEuODIxMyAxLjQ5MTUtMy4zMDMxIDMuMzI0Mi0zLjMwMzFsNDYuNTM4IDAuMDAwMDFjMS44MzMgMCAzLjMyNSAxLjQ4MTggMy4zMjUgMy4zMDI3djI4LjYyM2MwIDEuODIxLTEuNDkyIDMuMzAzLTMuMzI0IDMuMzAzaC0zMi43ODNsLTEwLjQzMSAxMC4zNjRoLTAuMDAwNHptLTMuMzI0MS00My4zOTFjLTAuNjExNyAwLTEuMTA4MSAwLjQ5MzItMS4xMDgxIDEuMTAwOXYyOC42MjNjMCAwLjYwOCAwLjQ5NjQgMS4xMDEgMS4xMDgxIDEuMTAxaDUuNTQwM3Y3LjI1MWw3LjI5NzItNy4yNTFoMzMuNzAxYzAuNjExIDAgMS4xMDgtMC40OTMgMS4xMDgtMS4xMDF2LTI4LjYyM2MwLTAuNjA4MS0wLjQ5Ny0xLjEwMTMtMS4xMDgtMS4xMDEzaC00Ni41MzgtMC4wMDA1eiIvPiAgICAgIDwvZz4gICAgIDwvZz4gICAgPC9nPiAgIDwvZz4gIDwvZz4gPC9nPjwvc3ZnPg==) no-repeat 36px 21px;
}

.b-rubrics-head__text {
    padding: 0 0 0 197px;
}

.b-rubrics-head__small-text {
    font-size: 18px;
    color: #757b83;
    line-height: 25px;
    padding: 11px 0 0 0;
}

.b-rubrics-head__big-text {
    overflow: hidden;
    margin-left: -16px;
    padding-left: 16px;
    font-size: 32px;
    color: #323d4b;
    line-height: 38px;
    font-weight: 400;
}

.b-rubrics-head__indicators {
    position: relative;
    float: right;
    margin-right: 36px;
    margin-left: 5px;
    top: 0;
    height: 100%;
}

.b-rubrics-head__indicators > div {
    display: inline-block;
    vertical-align: top;
}

.b-rubrics-head__count {
    font-size: 21px;
    color: #262e3a;
    line-height: 30px;
    margin: 43px 0 0 6px;
}

.b-rubrics-head__like {
    margin-top: 43px;
    margin-left: 31px;
    width: 26px;
    height: 27px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjI2cHgiIHdpZHRoPSIyNnB4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjYgMjYiPiA8dGl0bGU+MTQyODYwODE4MV9MaWtlPC90aXRsZT4gPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+IDxnIGlkPSJQYWdlLTEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSIgZmlsbD0ibm9uZSI+ICA8ZyBpZD0iMDEwLW1haW4tMy1yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIxNSAtNDU5KSIgZmlsbD0iIzI2MkUzQSIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCI+ICAgPGcgaWQ9ItCR0LDQvdC90LXRgC3QvtCx0YHRg9C20LTQtdC90LjRjyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMwIDQxNikiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiPiAgICA8ZyBpZD0iRXhwYW5kZWQtKy1FeHBhbmRlZC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNiAyMSkiPiAgICAgPGcgaWQ9IlNoYXBlLUNvcHktMy0rLTEtOTU2LSst0LrQvtC80LzQtdC90YLQsNGA0LjQtdCyLWNvcHktNC0rLTE0Mjg2MDgxODFfTGlrZS0rLTI1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MzMgMTkpIj4gICAgICA8ZyBpZD0iMTQyODYwODE4MV9MaWtlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTYgMykiPiAgICAgICA8cGF0aCBpZD0iU2hhcGUiIGQ9Im0yNS40MzUgMTYuNzU3YzAgMC44NDQtMC40NDggMS41NzYtMS4xMSAxLjk3OCAwLjMzNSAwLjQwMyAwLjU0NSAwLjkxOSAwLjU0NSAxLjQ4OCAwIDAuODQ1LTAuNDQ5IDEuNTc1LTEuMTEgMS45NzkgMC4zMzUgMC40MDIgMC41NDQgMC45MTggMC41NDQgMS40ODcgMCAxLjI3Ni0xLjAxMiAyLjMxMS0yLjMwNCAyLjMxMWwtMTMuMTg1LTAuMDAxYy0wLjkwNTMtMC4wNTQtMS43MDU3LTAuNDktMi4yNDY2LTAuOTk5aC0zLjc0MjNjLTEuNTYxMS0wLjE1Ny0yLjgyNjEtMy4yNjEtMi44MjYxLTcuMDg5IDAtMy44MjkgMS4yNjUtNi45MzMgMi44MjYxLTYuOTExaDQuNzE5N2w0LjMyNDItNi4zNzU0di0yLjg4ODZjMC4zMDUtMS44ODQ1IDEuNjk1LTEuNzMzMSAxLjY5NS0xLjczMzEgMS4yNS02ZS03IDEuNjk2IDAuNTc3NzEgMS42OTYgMC41Nzc3MSAxLjY5NiAxLjczMzIgMS42OTYgNC42MjE3IDEuNjk2IDQuNjIxNyAwIDMuODE3NS0xLjY5NiA1Ljg0MjctMS42OTYgNS44NDI3aDQuMjQ5IDQuMjVjMS4yNDkgMCAyLjI0IDAuOTY5IDIuMjQgMi4yNDUgMCAwLjg0NS0wLjQ0OCAxLjU3Ni0xLjExIDEuOTggMC4zMzUgMC40MDIgMC41NDUgMC45MTggMC41NDUgMS40ODd6bS0yMi42MDktNC43NTdjLTAuNDM1OCAwLTEuNjk1NyAyLjA2My0xLjY5NTcgNnMxLjI1OTkgNiAxLjY5NTcgNmgzLjE1MjhjLTAuMDMxNy0wLjExOS0wLjA2NzMtMC4yMzYtMC4wODU5LTAuMzYtMC4zMzQ3LTEuNzIzLTAuODA2LTQuNTU2LTAuODA2LTYuODQgMC0yLjQyNiAxLjI0NTEtNC4xMzggMS42OTU2LTQuOGgwLjAwMTEtMy45NTc2em05LjkyNTkgMGwxLjY2Mi0xLjc4NmMwLjAxNC0wLjAxNyAxLjQxMi0xLjcyMzkgMS40MTItNS4wMDgyIDAtMC4wMjQzLTAuMDMtMi40NDQ5LTEuMzY0LTMuODA3N2wtMC4wNjYtMC4wNjA3Yy0wLjM4MS0wLjI0NDQtMC45MDQtMC4xODE0LTAuOTA0LTAuMTgxNC0wLjMwMiAwLTAuNDM1IDAuMzk2My0wLjQ5MiAwLjY4NDZ2My4xNDUxbC01LjMwMTIgNy44MjQzLTAuMDYxNiAwLjA4N2MtMC40NjEyIDAuNjQ4LTEuNDE5OCAxLjk5NS0xLjQxOTggMy44NTggMCAyLjE0NiAwLjQ5IDQuOTAyIDAuNzkwMiA2LjM5NyAwLjE1MTQgMC45MzEgMS4wOTkzIDEuODQ4IDEuODU2NyAxLjg0OGgxMy4xNzljMC42NTMgMCAxLjEzMS0wLjY3NCAxLjEzMS0xLjMxMSAwLTAuMzM3LTAuMTUtMC41ODktMC4yNzUtMC43NGwtMC44NjUtMS4wNCAxLjE0Ny0wLjdjMC4zNS0wLjIxMyAwLjU1OC0wLjU4MiAwLjU1OC0wLjk4NiAwLTAuMzM3LTAuMTUtMC41ODktMC4yNzYtMC43NDFsLTAuODYzLTEuMDQxIDEuMTQ3LTAuNjk5YzAuMzQ5LTAuMjEyIDAuNTU3LTAuNTggMC41NTctMC45ODUgMC0wLjMzNy0wLjE1LTAuNTg5LTAuMjc1LTAuNzRsLTAuODY0LTEuMDQgMS4xNDYtMC43YzAuMzUtMC4yMTMgMC41NTktMC41ODIgMC41NTktMC45ODYgMC0wLjA4OC0wLjAxLTAuMTczLTAuMDI4LTAuMjU1LTAuMTEyLTAuNTE1LTAuNDU2LTEuMDM2LTEuMDk1LTEuMDM2aC0xMC45OTV6bS05LjA3ODEgMTAuNTMzYy0wLjQ2OCAwLTAuODQ3OC0wLjM4OS0wLjg0NzgtMC44NjdzMC4zNzk4LTAuODY3IDAuODQ3OC0wLjg2NyAwLjg0NzggMC4zODkgMC44NDc4IDAuODY3LTAuMzc5OCAwLjg2Ny0wLjg0NzggMC44Njd6Ii8+ICAgICAgPC9nPiAgICAgPC9nPiAgICA8L2c+ICAgPC9nPiAgPC9nPiA8L2c+PC9zdmc+) no-repeat;
}

.b-rubrics-head__comments {
    margin-top: 49px;
    margin-right: -4px;
    width: 24px;
    height: 22px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjIycHgiIHdpZHRoPSIyNHB4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjIiPiA8dGl0bGU+U2hhcGUgQ29weSAzPC90aXRsZT4gPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+IDxnIGlkPSJQYWdlLTEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSIgZmlsbD0ibm9uZSI+ICA8ZyBpZD0iMDEwLW1haW4tMy1yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA5OSAtNDY1KSIgZmlsbD0iIzI2MkUzQSIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCI+ICAgPGcgaWQ9ItCR0LDQvdC90LXRgC3QvtCx0YHRg9C20LTQtdC90LjRjyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMwIDQxNikiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiPiAgICA8ZyBpZD0iRXhwYW5kZWQtKy1FeHBhbmRlZC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNiAyMSkiPiAgICAgPGcgaWQ9IlNoYXBlLUNvcHktMy0rLTEtOTU2LSst0LrQvtC80LzQtdC90YLQsNGA0LjQtdCyLWNvcHktNC0rLTE0Mjg2MDgxODFfTGlrZS0rLTI1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MzMgMTkpIj4gICAgICA8ZyBpZD0iU2hhcGUtQ29weS0zLSstMS05NTYtKy3QutC+0LzQvNC10L3RgtCw0YDQuNC10LItY29weS00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDUpIj4gICAgICAgPGcgaWQ9IlNoYXBlLUNvcHktMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA0KSI+ICAgICAgICA8cGF0aCBpZD0iU2hhcGUtQ29weSIgZD0ibTIxLjY3IDAuOTI2MzJjMC43NjkgMCAxLjM5OCAwLjYyNTI4IDEuMzk4IDEuMzg5NXYxMy44OTVjMCAwLjc2NC0wLjYyOSAxLjM4OS0xLjM5OCAxLjM4OWgtMi41NjMtMC45MzJ2MC45MjYgMS41OThsLTMuMDI5LTIuMzE2LTAuMjMzLTAuMjA4aC0wLjMyNy0xMi4yNTZjLTAuNzY4OCAwLTEuMzk4LTAuNjI1LTEuMzk4LTEuMzg5bDAuMDAwMDQtMTMuODk1YzAtMC43NjQ0IDAuNjI5MTYtMS4zODk3IDEuMzk4MS0xLjM4OTdsMTkuMzQgMC4wMDAwMnptMC0wLjkyNjMyaC0xOS4zNGMtMS4yODE1IDAtMi4zMyAxLjA0MjEtMi4zMyAyLjMxNTh2MTMuODk1YzAgMS4yNzMgMS4wNDg1IDIuMzE1IDIuMzMwMSAyLjMxNWgxMi4yNTZsNC41MjEgMy40NzR2LTMuNDc0aDIuNTYzYzEuMjgxIDAgMi4zMy0xLjA0MiAyLjMzLTIuMzE1di0xMy44OTVjMC0xLjI3MzktMS4wNDktMi4zMTYtMi4zMy0yLjMxNnoiLz4gICAgICAgPC9nPiAgICAgIDwvZz4gICAgIDwvZz4gICAgPC9nPiAgIDwvZz4gIDwvZz4gPC9nPjwvc3ZnPg==) no-repeat;
}

.short-categories .item, .full-category .description {
    background: no-repeat 52px 29px;
}

.b-button {
    border: 2px solid #262e3a;
    border-radius: 5px;
    font-size: 1.0625rem;
    color: #262e3a;
    line-height: 41px;
    text-align: center;
    display: inline-block;
    padding: 0 36px;
    height: 2.8125rem;
    background: transparent;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

.b-button:hover {
    text-decoration: none;
    color: #262e3a;
}

.b-button._black {
    border-color: #262e3a;
    color: #262e3a;
}

.b-button._black:hover {
    background-color: #feb200;
    border-color: #feb200;
}

.b-button._grey {
    border-color: #979797;
    color: #979797;
}

.b-button._grey:hover {
    background-color: #979797;
    border-color: #979797;
    color: #fff;
}

.b-label {
    position: absolute;
    right: -7px;
    top: 10px;
    width: 95px;
    height: 42px;
    background-color: #fff;
    border-left: 5px solid #fec300;
    font-size: 13px;
    color: #262e3a;
    line-height: 15px;
    padding: 5px 0 0 8px;
    text-align: left;
    box-shadow: -3px 4px 6px 0 rgba(0, 0, 0, 0.41);
}

.b-label.wide {
    width: 115px;
}

.b-label:after {
    content: '';
    position: absolute;
    display: block;
    right: -1px;
    bottom: -5px;
    width: 8px;
    height: 5px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjVweCIgd2lkdGg9IjE2cHgiIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxNiA1Ij4gPHRpdGxlPlRyaWFuZ2xlIDM4IENvcHkgMjwvdGl0bGU+IDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiA8ZyBpZD0iUGFnZS0xIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiIGZpbGw9Im5vbmUiPiAgPGcgaWQ9IjAxMC1tYWluLTMtciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwMSAtMTUwOSkiIGZpbGw9IiM5Nzk3OTciIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiPiAgIDxnIGlkPSLRgdC10YDQstC40YHRiyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA5NjYpIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIj4gICAgPGcgaWQ9Ikdyb3VwIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjkgMzg0KSI+ICAgICA8cG9seWdvbiBpZD0iVHJpYW5nbGUtMzgtQ29weS0yIiBwb2ludHM9IjM4MCAxNTkgMzg4IDE2NCAzNzIgMTY0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODAgMTYxLjUpIHNjYWxlKDEgLTEpIHRyYW5zbGF0ZSgtMzgwIC0xNjEuNSkiLz4gICAgPC9nPiAgIDwvZz4gIDwvZz4gPC9nPjwvc3ZnPg==) no-repeat -8px 0;
}

.b-interview__text {
    font-size: 16px;
    color: #262e3a;
    line-height: 24px;
    padding: 2px 60px 23px 0;
    font-weight: 100;
}

.b-interview__item {
    margin-bottom: 12px;
    margin-left: 33px;
    position: relative;
    padding-left: 26px;
}

.b-interview__btn {
    margin: 29px 0 0 145px;
    border-color: #979797;
    color: #979797;
}

.b-interview__row {
    font-weight: 100;
    margin-bottom: 10px;
}

.b-interview__line {
    background-color: #f9f9f9;
    height: 5px;
}

.b-interview__indicator {
    background-color: #ffc400;
    height: 5px;
    width: 0;
    transition: width .2s ease;
    -webkit-transition: width .2s ease;
}

.b-interview__item-title {
    float: left;
}

.b-interview__item-percent {
    float: right;
}

.b-interview__line {
    clear: both;
}

.full-category .list {
    margin: 44px 0 0 49px;
    padding: 0;
}

.full-category .list li {
    margin: 0;
    padding: 0;
}

/* START news */
.news-main {
    padding: 63px 0 100px;
    background-color: #fff;
}

.news-main h3 {
    margin-top: 0;
    font-size: 28px;
    color: #262e3a;
    line-height: 34px;
    font-weight: 400;
}

.news-main h3 .all {
    font-size: 16px;
    margin-left: 14px;
}

.news-main .item {
    margin-bottom: 34px;
}

.news-main .item .title {
    font-size: 1rem;
    margin-bottom: 6px;
    display: block;
    color: #1a70c1;
    line-height: 1.5;
    font-weight: 100;
}

.news-main .item .date {
    font-size: 0.8125rem;
    color: #898989;
}

.b-news {
    padding-bottom: 50px;
}

.b-news h1 {
    margin-bottom: 18px;
}

.b-news__h1 {
    font-size: 44px;
    color: #262e3a;
    line-height: 48px;
    font-weight: 400;
    margin: 0 0 25px 0;
}

.b-news .sticky-wrapper {
    padding: 0 0 22px;
}

.b-news__text {
    overflow: hidden;
    font-weight: 400;
}

.b-news__text p {
    margin-bottom: 28px;
}

.b-news__text blockquote {
    margin: 30px 0 44px 50px;
    padding: 0 10px 0 19px;
    font-size: 21px;
    font-weight: 100;
    line-height: 1.4286em;
}

.news-inner__date {
    margin-top: -15px;
    margin-bottom: 10px;
    font-size: 1rem;
    color: #999;
}

#news-list {
    padding: 25px 0;
}

#news-list.loading {
    opacity: .5;
}

.news .news-item {
    margin: 0 0 2.25rem 0;
}

.news .small-title {
    font-size: 0.8125rem;
    color: #7e848c;
    line-height: 1.0625;
    margin: 0 0 7px 0;
    font-weight: 400;
}

.news .news-link {
    font-weight: 500;
    font-size: 1.5rem;
    color: #1a70c1;
    line-height: 1.75;
    margin-bottom: 20px;
}

.news .news-content {
    color: #262e3a;
    line-height: 1.75;
}

.news .paginator {
    border-top: 1px solid #dedede;
    padding: 33px 0 0 0;
    margin-top: 22px;
    font-size: 14px;
    color: #1a70c1;
    line-height: 24px;
}

.news-inner .comments {
    padding-top: 47px;
}

.news-inner .comments h3.bold {
    color: #262e3a;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75;
}

.news-inner .comments h3.bold span {
    vertical-align: baseline;
    color: #262e3a;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
}

.news-inner .add-comment-wrapp {
    padding: 11px 0 150px;
    max-width: 746px;
}

.news-inner .comments .form-group {
    margin-bottom: 22px;
}

.news-inner .comments textarea.form-control {
    padding: 14px 15px;
    font-size: 1rem;
    line-height: 1.4375;
    height: 142px;
    resize: vertical;
}

.news-inner .comments .b-button._grey {
    padding: 0 1rem;
    font-weight: 700;
    line-height: 2.3125;
    height: 2.5rem;
}

.news-inner .comments .form-action {
    text-align: right;
}

.news-inner .comments .add-comment-abort-reply {
    margin-left: 13px;
    margin-right: 10px;
    margin-top: 12px;
}

.analytics-hint {
    margin-top: 90px;
}

.analytics-hint.inner {
    margin-top: -15px;
    margin-bottom: 24px;
}

.analytics-hint .text {
    margin-bottom: 20px;
}

.analytics-hint .already {
    font-size: 18px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .b-news h1 {
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
        margin-bottom: 27px;
    }

    .news-inner h1 {
        font-size: 36px;
        line-height: 1.1111em;
    }

    .b-news .sticky-wrapper {
        padding: 0 0 19px;
    }

    .news-inner__date {
        margin-top: -11px;
        margin-bottom: 10px;
    }

    .news .news-item {
        margin-bottom: 27px;
    }

    .news .news-link {
        margin-bottom: 8px;
        font-size: 20px;
        line-height: 28px;
    }

    .news .news-content {
        font-size: 16px;
        line-height: 24px;
    }

    .news .paginator {
        margin-top: 6px;
        padding: 17px 0 0;
    }

    .b-news__text {
        font-size: 16px;
        line-height: 1.5em;
    }

    .b-news__text p {
        margin-bottom: 24px;
    }

    .b-news__text blockquote {
        margin: 5px 0 34px 40px;
        padding: 0 10px 0 19px;
        font-size: 19px;
        line-height: 26px;
    }

    .news-inner .user-content__social {
        margin-top: 28px;
        padding: 17px 0 26px;
    }
}

.user-content__social {
    margin: 35px 0 26px;
    padding: 22px 0 23px 79px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.user-content__social .row {
    display: flex;
    align-items: center;
}

.user-content__social .lead {
    margin-bottom: 0;
}

.problems-title {
    position: relative;
    line-height: 22px;
    font-weight: 100;
    font-size: 21px;
    display: inline-block;
    color: #696969;
    margin: 0 0 0 54px;
    padding: 0 0 13px 0;
}

.problems-title:first-child {
    margin: 0 0 0 0;
}

.problems-title:hover {
    text-decoration: none;
}

.problems-title.active {
    font-weight: bold;
    color: #262e3a;

}

.pr-p {
    font-weight: 100;
    font-size: 1.3125rem;
    color: #262e3a;
    line-height: 1.875;
    margin-bottom: 2.3125rem;
}

._progress {
    margin: 20px 0 0 0;
}

._progress {
}

._progress .form-control {
    height: 2.375rem;
}

._progress .filter__region {
    margin-right: 0;
    max-width: none;
}

._progress .filter__date {
    position: relative;
    display: block;
    float: left;
    color: #262e3a;
    padding-right: 16px;
    width: 50%;
}

._progress .filter__date-2 {
    padding-right: 0;
    padding-left: 16px;
}

._progress .filter__date-2:before {
    position: absolute;
    top: 18px;
    left: -8px;
    content: '';
    height: 2px;
    width: 16px;
    background: #bebebe;
}

.problems-count {
    border-left: 5px solid #fec300;
    margin: 89px 0 0 0;
    padding: 0 0 0 18px;
    position: relative;
}

.problems-count .count {
    font-weight: 100;
    font-size: 2.25rem;
    color: #262e3a;
    line-height: 1.75;
    margin: 0 0 3px 0;
}

.problems-count .text {
    font-size: 0.875rem;
    color: #262e3a;
    line-height: 1.375;
}

.b-select {
    position: relative;
    display: inline-block;
    user-select: none;
    height: 38px;
}

.filter {
    position: relative;
    font-size: 0;
    margin-bottom: 53px;
}

.filter__search {
    position: absolute;
    z-index: 1;
    border: 0;
    right: 0.875rem;
    top: 0.625rem;
    width: 1.125rem;
    height: 1.125rem;
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjE4cHgiIHdpZHRoPSIxOHB4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTggMTgiPiA8dGl0bGU+c2VhcmNoIGNvcHk8L3RpdGxlPiA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gPGcgaWQ9IlBhZ2UtMSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIiBmaWxsPSJub25lIj4gIDxnIGlkPSIwNjEt0L3QvtCy0L7RgdGC0Lgt0LTQsNC50LTQttC10YHRgtGLIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTI4IC00MDMpIiBmaWxsPSIjRDRENEQ0IiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIj4gICA8ZyBpZD0i0YHQtdC70LXQutGC0YsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMCAzOTMpIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIj4gICAgPGcgaWQ9ItC/0L7QuNGB0LoiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiAgICAgPHBhdGggaWQ9InNlYXJjaC1jb3B5IiBkPSJtODA5LjI4IDIyLjk2MmMtMS4xNyAwLjgzMi0yLjU5IDEuMzIyLTQuMTQgMS4zMjItMy45NCAwLTcuMTQtMy4xOTgtNy4xNC03LjE0MnMzLjItNy4xNDIgNy4xNC03LjE0MmMzLjk1IDAgNy4xNCAzLjE5OCA3LjE0IDcuMTQyIDAgMS41NDMtMC40OSAyLjk3Mi0xLjMyIDQuMTRsNC42OSA0LjY5MmMwLjQ3IDAuNDYzIDAuNDYgMS4yMDIgMCAxLjY2MWwtMC4wMiAwLjAyYy0wLjQ1IDAuNDU3LTEuMiAwLjQ1OC0xLjY2IDBsLTQuNjktNC42OTN6bS00LjE0LTAuMzU5YzMuMDIgMCA1LjQ2LTIuNDQ1IDUuNDYtNS40NjFzLTIuNDQtNS40NjItNS40Ni01LjQ2MmMtMy4wMSAwLTUuNDYgMi40NDYtNS40NiA1LjQ2MnMyLjQ1IDUuNDYxIDUuNDYgNS40NjF6Ii8+ICAgIDwvZz4gICA8L2c+ICA8L2c+IDwvZz48L3N2Zz4=) no-repeat;
    background-size: contain;
}

.filter__clear {
    position: absolute;
    z-index: 2;
    border: 0;
    right: 14px;
    top: 10px;
    width: 18px;
    height: 18px;
    background: url('../../images/redesign/clear.png') center center #fff;
    display: none;
}

.filter__region {
    max-width: 441px;
    width: 100%;
    margin-right: 22px;
}

.filter__date {
    display: inline-block;
    width: 159px;
}

.filter__sep {
    width: 17px;
    height: 2px;
    background-color: #bebebe;
    display: inline-block;
    margin: 17px 8px 10px 8px;
    vertical-align: top;
}

.pr-datepicker {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: transparent;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    border: 0;
}

.b-social .title {
    font-weight: 100;
    font-size: 21px;
    color: #262e3a;
    line-height: 30px;
    display: inline;
}

.social-share {
    display: inline-block;
    list-style: none;
    line-height: 10px;
    margin: 0;
}

.social-share li {
    display: inline-block;
    list-style: none;
    vertical-align: middle;
    line-height: 10px;
}

/* bootstrap для слабаков */
.b-textarea {
    font-family: 'Roboto', sans-serif;
    background: #fff;
    border: 2px solid #dedede;
    font-weight: 100;
    font-size: 16px;
    color: #979797;
    line-height: 23px;
    padding-left: 13px;
    padding-top: 10px;
    width: 746px;
    height: 142px;
}

.progressRound {
    color: #848689;
    font-size: 11px;
}

.progressRound .round {
    border: 4px solid #ecf1f5;
    border-radius: 50%;
    padding: 10px 0 9px;
    text-align: center;
    width: 40px;
    height: 40px;
}

.progressRound .round img {
    margin: 0 0 0 -3px;
}

.progressRound .bar {
    left: 0;
    position: absolute;
    top: 0;
}

.files {
    position: relative;
}

.files .file {
    overflow: hidden;
    margin-bottom: 10px;
    zoom: 1;
}

.files .file a {
    float: left;
    color: #3a3a3a;
    text-overflow: ellipsis;
}

.files .file .file_type {
    padding: 7px 0 7px 22px;
    background: url('../../images/redesign/doc.gif') no-repeat left center;
    margin: 0 20px;
}

.files.black {
    clear: both;
    overflow: hidden;
}

.files.black .doc-item {
    font-size: 0.875rem;
    min-height: 20px;
    margin: 20px 0;
    color: #1a70c1;
    padding-left: 22px;
    background: url('../../images/redesign/doc.gif') no-repeat left top;
}

.files.black .doc-item .size {
    padding-left: 20px;
    color: #82817e;
}

.files.black .doc-item .delete {
    margin-left: 20px;
}

.files.solved-files {
    margin-top: 1em;
}

.files.black.solved-files {
    background: none;
    border: 0;
    padding-left: 0;
}

.file b {
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 0.8125rem;
    color: #ababab;
    margin: 11px 10px 0 0;
    font-weight: normal;
}

.files .progressRound {
    position: absolute;
    top: 13px;
    left: 14px;
}

.files .progressRound i {
    position: absolute;
    left: 50%;
    bottom: 100%;
    height: 13px;
    width: 2px;
    background: #ecf1f5;
}

.files .progressRound .round {
    border: solid 2px #ecf1f5;
    text-align: center;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    line-height: 34px;
    padding: 0;
}

.files .progressRound .round-plus {
    width: 33px;
    height: 33px;
    background: url('../../images/icons/round-plus.png') no-repeat;
}

.files .progressRound .round img {
    margin: 0 0 0 -3px;
}

.files .progressRound .bar {
    position: absolute;
    left: 0;
    top: 0;
}

.files a.delete {
    margin-top: 7px;
}

#claim-submit-loader {
    width: 64px;
    height: 44px;
    background: url('../../images/redesign/instaload.gif') no-repeat center center transparent;
    vertical-align: middle;
    display: none;
}

.problems-rubrics-page h1 {
    margin: 0;
}

.problems-rubrics-page .cat-list-hedaing {
    margin: 62px 0;
}

.problems-rubrics-page h3 {
    margin: 9px 0 0;
}

.problems-rubrics-page .heading {
    padding: 4px 0 30px;
    border-bottom: 1px solid #dedede;
}

.problems-rubrics-page .b-rubrics {
    box-shadow: none;
}

.editableOriginal {
    display: inline;
}

.editableTrigger {
    background: url('../../images/redesign/timeline_controls.png');
    margin-left: 10px;
    width: 18px;
    height: 13px;
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
}

.editableArea {
    width: 100%;
    outline: none;
    border: solid 1px #dadfe2;
    border-radius: 3px;
    box-shadow: inset 0 2px 2px #eef1f2;
    padding: 3px 5px;
    margin-top: -4px;
    margin-bottom: -4px;
    margin-left: -6px;
}

.wysiwyg-wrap {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
}

.wysiwyg-wrap ol {
    padding: 0;
    margin: 0 0 0 65px;
    counter-reset: item;
}

.wysiwyg-wrap ol > li {
    display: block;
    position: relative;
    padding-top: 4px;
    margin: 26px 0;
}

.wysiwyg-wrap ol > li:before {
    content: counter(item) '. ';
    counter-increment: item;
    position: absolute;
    right: 101%;
    top: 0;
    font-size: 21px;
}

.wysiwyg-wrap ul {
    padding: 0;
    margin: 0 0 0 65px;
    list-style: none;
}

.wysiwyg-wrap ul > li {
    display: block;
    position: relative;
    margin: 20px 0;
}

.wysiwyg-wrap ul > li:before {
    content: '—';
    position: absolute;
    right: 101%;
}

.modal-content img {
    max-width: 100%;
}

.show-collapsed-link {
    display: block;
    text-align: center;
    font-size: 1.125rem;
    color: #336FEE;
    margin: 9px auto;
    transition: color .2s linear;

    &:hover {
        color: #0e8bd3;
        text-decoration: none;
        border-bottom-color: transparent;
    }
}

.scroll-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    display: none;
    background: url('../../images/redesign/button-top.svg') no-repeat;
    z-index: 50;
}

.select-2-custom.select2-container .select2-choice {
    height: 2.375rem;
    border: 2px solid #dedede;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.select-2-custom.select2-container .select2-choice > .select2-chosen {
    line-height: 2.125;
}

.select-2-custom.select2-container .select2-choice .select2-arrow {
    width: 40px;
    border: none;
    background: #fff;
}

.select-2-custom.select2-container .select2-choice .select2-arrow b {
    background: url('../../images/redesign/appointments/arrow_bot.png') no-repeat center center #fff;
}

.select-2-custom.select2-dropdown-open .select2-choice .select2-arrow b {
    background: url('../../images/redesign/appointments/arrow_up.png') no-repeat center center #fff;
}

.estimation-stat-img {
    margin: 0 auto;
    display: block;
}

.test-mode-alert {
    background-color: #1A70C1;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 8px 0;
}

.test-mode-alert.test-mode-alert-git {
    background-color: #FEC300;
    color: #262e3a;
}

.test-mode-alert i {
    background: url('../../images/redesign/appointments/icon2.svg') no-repeat 0 0;
    width: 24px;
    height: 24px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
}

.test-mode-alert.test-mode-alert-git i {
    background-image: url('../../images/redesign/appointments/icon1.svg');
}

.has-error {
    border-color: #a94442;
}

.error-text {
    color: #a94442;
    margin: -9px 0 12px;
}

.descr_textarea + .error-text {
    margin-top: 0;
}

.css-for-error-text .error-text {
    margin: 1px 0 0;
}

.request-section .form_warning_text {
    font-size: 0.8125rem;
    line-height: 1.3;
    color: #000;
    background: #fff9e4;
    margin: 10px 0;
    padding: 20px;
    border-radius: 10px;
}

#sputnik-informer {
    padding: 15px;
    cursor: pointer;

    transition: all .2s linear;

    &:hover {
        filter: brightness(1.3);
        transition: all .2s linear;
    }

    &:active {
        filter: brightness(1.5);
    }
}

@media (max-width: 1199px) {
    .main-header .container .jumbotron {
        margin: 0 -10px;
        padding: 0;
    }

    .jumbotron h1, .jumbotron .h1 {
        font-size: 40px;
    }

    .jumbotron-main-info {
        padding: 23px 0 0;
    }

    .jumbotron-logo {
        width: 74px;
        margin: 10px 0 0 20px;
    }

    .jumbotron-left-text {
        margin-left: 28px;
    }

    p.b-site-text {
        margin-bottom: 28px;
        font-size: 16px;
        line-height: 22px;
    }

    .main-actual-block {
        margin-top: -14px;
    }

    .main-page-title {
        font-size: 36px;
    }

    .b-site-text-wrapper {
        margin-top: 17px;
    }

    .services-item {
        width: 49%;
    }

    .services-item-text {
        font-size: 14px;
        line-height: 20px;
    }

    .main-page-rubrics {
        font-size: 19px;
        line-height: 26px;
    }

    .main-page-rubrics .short-categories li {
        width: 33.3%;
        text-align: center;
    }

    .main-rubrics .short-categories li a {
        padding: 12px 10px 28px;
    }

    .main-rubrics .short-categories li .title {
        display: block;
        width: 100%;
        margin-top: 11px;
        padding-left: 0;
    }

    .main-page-subtitle {
        font-size: 24px;
    }

    .rostrud-activities {
        padding-top: 21px;
        padding-bottom: 31px;
    }

    .rostrud-activities .descr {
        margin-top: 20px;
    }

    .b-rubrics-text {
        font-size: 17px;
        line-height: 24px;
    }

    .main-actual-label,
    .main-actual-text {
        font-size: 16px;
    }

    .main-actual-text {
        padding: 0 20px 0 40px;
        text-align: left;
        line-height: 20px;
    }

    .main-actual-browsing-text {
        font-size: 13px;
    }

    .services .tab-pane {
        padding-right: 0;
    }

    .activities-item {
        padding: 0 8px;
    }

    .rostrud-activities .main-page-subtitle {
        margin-bottom: 32px;
    }

    .services-link {
        padding: 10px 4px;
    }

    .trapeze-left {
        padding-left: 9px;
    }

    .trapeze-left,
    .trapeze-right {
        width: 100px;
    }

    .rostrud-activities .title {
        font-size: 20px;
        line-height: 28px;
    }

    .rostrud-activities .descr {
        font-size: 14px;
        line-height: 18px;
    }

    .news-main h2 {
        font-size: 24px;
        text-align: left;
    }

    .footer .col-md-6 {
        width: 100%;
    }

    .footer-info-block {
        padding-top: 7px;
        margin-bottom: 7px;
        float: none;
    }

    .footer-copy-block {
        margin-bottom: 11px;
    }

    .filter__date {
        width: 138px;
    }

    .sputnik-counter {
        margin: 2px 27px 0 80px;
    }

    .analytics-hint {
        margin-top: 0;
        margin-bottom: 50px;
    }

    .news-inner .add-comment-wrapp {
        padding-bottom: 50px;
    }

    .footer .adaptive-switch.tablet {
        width: 40px;
    }

    .footer .adaptive-switch.mobile {
        width: 20px;
        height: 32px;
        margin: 0 18px 0 15px;
    }

    .footer .widget-button {
        margin-top: 0;
        font-size: 13px;
        padding: 4px 28px;
    }

    .footer__additional-links a {
        margin-right: 38px;
    }

    .footer__additional-links .stores.app-store {
        padding-left: 37px;
        margin-right: 31px;
    }

    .footer__additional-links .stores.google-play {
        padding-left: 39px;
        margin-right: 0;
    }

    .main-page-rubrics .short-categories li:nth-child(4n) a {
        margin-right: 28px;
    }

    .main-page-rubrics .short-categories li:nth-child(3n) a {
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .container {
        padding: 16px;
    }
    [data-collapsed='rubrics'] li:nth-child(n+7) {
        display: none;
    }

    .rub-sign {
        height: 31px;
        width: 17px;
    }

    .services {
        margin-top: 0;
        padding-top: 29px;
        padding-bottom: 16px;
    }

    .services .lead {
        line-height: 24px;
        font-weight: 400;
        margin-bottom: 18px;
    }

    .main-page-rubrics {
        padding-top: 31px;
        margin-bottom: 0;
    }

    .main-rubrics .short-categories {
        margin-top: 29px;
    }

    .main-rubrics .icon-img {
        position: static;
        display: inline-block;
        margin-bottom: 12px;
    }

    .main-page-rubrics .icon-img {
        margin-bottom: 0;
    }

    .main-rubrics .short-categories li {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .main-page-rubrics .short-categories li {
        padding: 0;
    }

    .main-rubrics .short-categories li a {
        padding: 12px 10px 28px;
    }

    .main-page-rubrics .show-collapsed-link {
        display: inline-block;
    }

    .b-rubrics-text {
        margin-top: 17px;
        margin-bottom: 18px;
    }

    .rostrud-activities h3 {
        font-weight: 600;
        margin-bottom: 8px;
    }

    .b-rubrics {
        background: transparent;
        box-shadow: none;
        padding-bottom: 50px;
    }

    .news-main {
        padding-top: 34px;
    }

    .news-main h3 {
        font-size: 24px;
    }

    .news-main .item .title {
        margin-bottom: 15px;
    }

    .news-main .item {
        margin-bottom: 42px;
    }

    .b-interview__item {
        margin-left: 0;
    }

    .b-interview__btn {
        margin-left: 20px;
    }

    .footer-menu {
        margin-bottom: 21px;
    }

    .footer-menu li {
        width: 32%;
    }

    .footer__additional-links {
        margin-bottom: 25px;
    }

    .footer__additional-links a {
        margin-top: 12px;
    }

    .user-content__social {
        padding-left: 0;
    }

    .footer-info-block {
        border-top: 1px solid #49515e;
    }

    .footer-top {
        display: flex;
        flex-direction: column;
        padding-bottom: 24px;
        grid-template-areas: none;
        margin: 0 auto;
    }

    .footer-middle {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.complains-categories {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .no-border-mobile {
        border-bottom: none;
    }

    .jumbotron-logo {
        width: 100%;
        max-width: 72px;
        margin: 0 0 13px;
    }

    .jumbotron-left-text {
        width: 100%;
        margin-left: 0;
        padding-top: 0;
    }

    .jumbotron-main-info {
        text-align: center;
        padding-top: 20px;
        padding-left: 0;
    }

    .jumbotron h1, .jumbotron .h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .b-site-text-wrapper {
        margin-top: 15px;
    }

    p.b-site-text {
        margin-bottom: 22px;
    }

    .main-page-title {
        font-size: 26px;
        line-height: 34px;
    }

    .main-actual-block {
        height: auto;
    }

    .main-actual-text {
        padding: 0;
    }

    .b-counts .col-sm-3 {
        text-align: center;
    }

    .b-label {
        top: 15px;
        width: 163px;
        height: 30px;
    }

    .b-label.wide {
        width: 192px;
    }

    .b-rubrics {
        padding-bottom: 26px;
    }

    .b-rubrics-text {
        margin-top: 8px;
        margin-bottom: 13px;
    }

    .services-list {
        margin-top: 17px;
    }

    .services-link {
        padding: 10px 11px;
    }

    .services-item.favorite .services-item-icon:after {
        width: 16px;
        height: 16px;
        left: 43px;
    }

    .rostrud-activities {
        padding: 28px 0 33px;
    }

    .rostrud-activities h3 {
        text-align: center;
    }

    .rostrud-activities .title {
        font-size: 18px;
        line-height: 22px;
    }

    .rostrud-activities .descr {
        margin-top: 10px;
    }

    .rostrud-activities .main-page-subtitle {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .rostrud-activities .item {
        padding-bottom: 0;
    }

    .activities-item + .activities-item {
        margin-top: 27px;
    }

    .services {
        padding-top: 32px;
        padding-bottom: 26px;
    }

    .services .mobile-select-wrapper {
        margin: 16px 0 0;
    }

    .main-rubrics .short-categories li {
        width: 100%;
    }

    .main-rubrics .short-categories li .title {
        margin-top: 6px;
    }

    .main-rubrics .short-categories li a {
        padding-bottom: 21px;
    }

    .main-rubrics .full-category .description {
        text-align: center;
    }

    .main-rubrics .short-categories {
        margin-top: 15px;
    }

    .truncated-text-block {
        max-height: 197px;
        overflow: hidden;
    }

    .services-item-icon {
        width: 56px;
        height: 56px;
    }

    .footer {
        padding-top: 32px;
    }

    .footer .sputnik-counter {
        margin-left: 0;
    }

    .footer__bottom-block {
        border-top: none;
    }

    .footer .copyright-rostrud .descr {
        line-height: 17px;
    }

    .footer-info-block {
        margin-top: 25px;
    }

    .footer .socials {
        margin-left: 82px;
    }

    .footer .copyright-dg {
        margin-top: 14px;
    }

    .full-category .list {
        margin-left: 15px;
    }

    .problems-rubrics-page {
        padding-top: 30px;
    }

    .problems-rubrics-page .cat-list-hedaing {
        margin: 25px 0;
    }

    ._progress .filter__region {
        margin-bottom: 10px;
        margin-right: 0;
        max-width: none;
    }

    .pr-p {
        margin: 20px 0 15px;
        font-size: 17px;
        line-height: 24px;
    }

    ._progress .pr-p {
        display: none;
    }

    ._progress .filter {
        margin-bottom: 30px;
    }

    ._progress .form-control {
        height: 34px;
        font-size: 14px;
    }

    .main-actual-block {
        display: block;
        text-align: left;
        padding: 11px 11px 13px;
    }

    .main-actual-text {
        display: block;
        margin-top: 6px;
    }

    .main-actual-browsing {
        display: none;
    }

    .main-actual-label {
        display: inline-block;
        padding: 5px 9px;
    }

    .main-actual-label:after {
        display: none;
    }

    .main-header {
        padding-top: 30px;
    }

    .services-item {
        width: 100%;
    }

    .b-news {
        padding-bottom: 0;
    }

    .b-news h1 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 23px;
    }

    .b-news .sticky-wrapper {
        padding-bottom: 10px;
    }

    .news-inner h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .news .news-item {
        margin-bottom: 21px;
    }

    .news .news-link {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
    }

    .news .paginator {
        padding: 20px 0 0 0;
        margin-top: 28px;
    }

    .news .news-content {
        display: none;
    }

    .news-inner__date {
        margin-top: -4px;
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 17px;
    }

    .b-news__text {
        font-size: 14px;
        line-height: 21px;
    }

    .b-news__text p {
        margin-bottom: 22px;
    }

    .b-news__text blockquote {
        margin: 5px 0 21px 0;
        padding: 0 0 0 14px;
        font-size: 17px;
        line-height: 24px;
    }

    .news-inner .user-content__social {
        margin-top: 28px;
        padding: 24px 0 26px;
    }

    .news-inner .comments {
        padding-top: 42px;
    }

    .news-inner .comments h3.bold {
        font-size: 18px;
        line-height: 24px;
    }

    .news-inner .comments h3.bold span {
        font-size: 16px;
        line-height: 19px;
    }

    .news-inner .comments textarea.form-control {
        padding: 6px 11px;
        font-size: 14px;
        line-height: 23px;
        height: 142px;
        resize: vertical;
    }

    .news-inner .comments .form-action {
        text-align: center;
    }

    .crumbs {
        display: none;
    }

    .main-page-rubrics .short-categories li a,
    .main-page-rubrics .short-categories li:nth-child(4n) a {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    html,
    body {
        font-size: 1rem;
    }

    h1 {
        font-size: 36px;
        line-height: 40px;
    }

    h2 {
        font-size: 24px;
        line-height: 34px;
    }

    h3 {
        font-size: 1.25rem;
        line-height: 1.4;
    }

    h4 {
        font-size: 1rem;
    }

    .modal-substitute h1,
    .modal-substitute h2,
    .modal-substitute h3,
    .modal-substitute h4 {
        text-align: center;
    }

    .user-content__social .lead {
        text-align: center;
    }

    .main-header-mobile {
        padding-bottom: 56px;
    }

    .main-header__aside {
        padding-top: 30px;
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        font-size: 14px;
    }

    .jumbotron blockquote {
        font-size: 16px;
        padding: 30px 0;
    }

    .main-rubrics .full-category .description:before {
        display: none;
    }

    .sticky-wrapper {
        padding-top: 30px;
    }

    .main-header__descr.drowned {
        margin-top: -13px;
        bottom: -13px;
    }
}

@media (min-width: 992px) {
    h1 {
        font-size: 40px;
        line-height: 44px;
    }

    h2 {
        font-size: 26px;
        line-height: 37px;
        font-weight: 400;
    }

    .navbar {
        justify-content: center;
    }

    .navbar-form {
        margin: 0 0 0 303px;
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-right: 30px;
    }

    .jumbotron blockquote {
        font-size: 18px;
        padding: 30px 0 30px 80px;
    }

    .jumbotron .author {
        padding-right: 260px;
    }

    .main-rubrics .full-category .list li {
        width: 48%;
    }

    .main-rubrics .full-category .description {
        padding: 24px 0 16px 120px;
        position: relative;
    }

    .main-rubrics .full-category .description:before {
        display: block;
    }

    .main-rubrics .short-categories li {
        padding: 24px 0 16px 120px;
    }

    .main-header__descr.drowned {
        margin-top: -40px;
        bottom: -40px;
    }

    .footer__additional-links a {
        margin-right: 47px;
    }
}

@media (min-width: 1200px) {
    h1 {
        font-size: 2.75rem;
        line-height: 1.1;
        margin-top: 6px;
    }

    h2 {
        font-size: 1.75rem;
        line-height: 1.3;
    }

    .jumbotron blockquote {
        font-size: 20px;
        padding: 30px 260px 30px 100px;
    }

    .jumbotron:after {
        display: block;
    }

    .b-to-projects__text {
        font-size: 36px;
    }

    .results-main .container {
        padding: 33px 190px 26px;
    }

    .main-header__descr.drowned {
        margin-top: -65px;
        bottom: -65px;
    }

    .problems-rubrics-page .main-rubrics .short-categories li .title {
        display: table-cell;
        height: 52px;
        vertical-align: middle;
    }

    .problems-rubrics-page .main-rubrics .icon-img {
        left: 12px;
    }

    .main-rubrics .short-categories li {
        padding: 24px 24px 45px 80px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .b-counts__text {
        display: block;
    }
}

@media (max-width: 479px) {
    .footer__bottom-block {
        padding-top: 16px;
    }

    .footer-copy-block {
        margin-bottom: 12px;
    }

    .footer .socials {
        margin-top: 7px;
    }

    .footer-info-block {
        margin-top: 19px;
    }

    .footer .copyright-dg {
        margin-top: 0;
    }

    .footer .sputnik-counter {
        margin-bottom: 20px;
    }
}

@media print {
    body {
        padding-top: 0;
    }

    footer {
        background: none transparent;
        height: auto;
        color: #000;
        position: static;
    }

    .footer a,
    .footer .copyright-dg a {
        color: #000;
    }
}

/*Footer*/
.widget-button {
    border-radius: 4px  ;
}

.footer-menu__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    line-height: 20px;
    font-size: 0.875rem;
    list-style: none;
}

.footer-wrap {
    display: grid;
}

.footer__area-sidebar {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
}

.footer__area-sidebar-apps {
    display: flex;
    align-items: center;
}

.footer .apps {
    display: flex;
    gap: 40px;
}

.apps img {
    height: fit-content;
}

.apps .rustore__icon {
    width: 40px;
}

.apps__text {
    width: max-content;
}

.footer .stores {
    display: flex;
    gap: 8px;
}

.footer-top {
    display: grid;
    grid-template-areas: "menu sidebar";
    gap: 2rem;
    padding-bottom: 72px;
    grid-template-columns: auto 300px;
}

.footer-middle {
    display: grid;
    grid-template-areas: "main-links apps";
    gap: 2rem;
    grid-template-columns: auto 420px;
    padding-bottom: 16px;
    margin-bottom: 24px;
    align-items: center;
    border-bottom: 1px solid #495467;
}

.footer-bottom {
    display: grid;
    grid-template-areas:
    "copyright sputnik-counter happy-citizen"
    "rules . footer-bottom__wrap"
    ". . .";
    gap: 24px;
    grid-template-columns: auto;
    padding-bottom: 1.5rem;
}

.footer__area-menu {
    grid-area: menu;
    display: flex;
    font-size: 0.875rem;
    gap: 24px;
}

.footer-menu-item {
    display: grid;
    gap: 0.75rem;
    grid-auto-rows: max-content;
    width: -webkit-fill-available;
}

.footer-bottom__wrap {
    grid-area: footer-bottom__wrap;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: auto;
}

.menu-link {
    display: inline-block;
    position: relative;
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: none;
    color: var(--text-color-white);
    transition: color;
    transition-duration: var(--transition-duration);
    transition-timing-function: var(--transition-function);

    &:hover {
        text-decoration: none;
        color: #fec300;
        transition: all;
        transition-duration: var(--transition-duration);
        transition-timing-function: var(--transition-function);
    }

    &:active {
        filter: brightness(1.3);
    }
}

.logo {
}

.copyright {
    grid-area: copyright;
    display: flex;
    gap: 24px;
}

.copyright__inner {
    display: flex;
    flex-direction: column;
}

.copyright__link {
    &:before {
        content: '\00a9';
        margin-right: 4px;
    }
}

.copyright__img {
    min-width: 42px;
    min-height: 48px;
}

.happy-citizen {
    grid-area: happy-citizen;
    margin-left: auto;
}

.happy-citizen__copyright {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 40px;
}

.happy-citizen__link {
    display: flex;
    gap: 24px;
}

.social-links {
    grid-area: social-links;
    display: flex;
    gap: 24px;
    margin-left: auto;
}

.apps {
    grid-area: apps;
    margin-left: auto;
}

.main-links {
    grid-template-areas:
    "main-links main-links apps";
    display: flex;
    gap: 24px;
    align-items: baseline;
}

.main-links__logo {
    max-width: fit-content;
}

.modal-links,
.copyright__link,
.main-links__item,
.happy-citizen__copyright-description {
    font-weight: 600;
    transition: all;
    transition-duration: var(--transition-duration);
    transition-timing-function: var(--transition-function);

    &:hover {
        color: #fec300;
        transition: all;
        transition-duration: var(--transition-duration);
        transition-timing-function: var(--transition-function);
    }

    &:active {
        filter: brightness(1.3);
    }
}

.app-store,
.google-play,
.social-links__item,
.main-links__item:first-child {
    padding: 2px;
    transition: all;
    transition-duration: var(--transition-duration);
    transition-timing-function: var(--transition-function);

    &:hover {
        opacity: .7;
        transition: opacity;
        transition-duration: var(--transition-duration);
        transition-timing-function: var(--transition-function);
    }

    &:active {
        opacity: 1;
    }
}

.happy-citizen__logo {
    position: relative;
    top: 0;
    transition: top;
    transition-duration: var(--transition-duration);
    transition-timing-function: var(--transition-function);

    &:hover {
        top: -5px;
        transition: top;
        transition-duration: var(--transition-duration);
        transition-timing-function: var(--transition-function);
    }

    &:active {
        top: 0;
    }
}

:where(.copyright__description, .happy-citizen__copyright-description) {
    color: #BDC1C8;
    font-size: 0.75rem;
}

.modal-links-container {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 16px;
}

.modal-links {
    padding: 2px;
    font-size: 0.75rem;

}

.rules {
    margin-left: 82px;
    grid-area: rules;
}

.copyright__description {
    padding: 0 0 24px 17px;
}

.happy-citizen__copyright-description {
    text-align: right;
}

.support-link {
    text-wrap: balance;
    transition: all;
    transition-duration: var(--transition-duration);
    transition-timing-function: var(--transition-function);

    &:hover {
        color: var(--text-color-white);
        transition: all;
        transition-duration: var(--transition-duration);
        transition-timing-function: var(--transition-function);
    }

    &:active {
        color: inherit;
    }
}

.loader {
    display: none;
    width: 18px;
    vertical-align: sub;
    height: 18px;
    margin-right: 5px;
    border: 3px solid #243148;
    border-bottom-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

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

@media (max-width: 991px) {
    .footer-top {
        display: flex;
        flex-direction: column;
        padding-bottom: 24px;
        grid-template-areas: none;
        margin: 0 auto;
    }

    .footer-middle {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .services-list {
        grid-template-columns: repeat(2, auto);
    }
}

@media screen and (max-width: 767px) {
    .footer__area-menu,
    .main-links,
    .footer__area-sidebar-apps {
        display: none;
    }

    .footer .apps {
        gap: 18px;
    }

    .happy-citizen {
        margin-left: inherit;
    }

    .rules {
        margin-left: 0;
    }

    .sputnik-counter {
        grid-area: sputnik-counter;
    }

    .footer .sputnik-counter,
    .apps {
        margin: 0;
        max-width: fit-content;
    }

    #sputnik-informer {
        padding: 10px 10px 10px 0;
    }


    .copyright {
        gap: 8px;
    }

    .modal-links-container {
        gap: 12px;
    }

    .modal-links {
        font-weight: 400;
    }

    .footer .support-link {
        margin: 0 auto 24px;
    }

    .footer-bottom {
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }

    .happy-citizen__copyright-description {
        text-align: left;
    }

    .happy-citizen__link {
        grid-area: happy-citizen;
    }

    .social-links__item {
        width: 32px;
        height: 32px;
    }

    .copyright__link {
        font-size: 0.75rem;
        font-weight: 400;
    }

    .copyright__description {
        padding: 0 0 0 13px;
    }
}