@media screen and (min-width:19.375em) {
  .institutions {
    overflow:hidden;
  }
  .institutions li {
    display:block;
    position:relative;
    overflow:hidden;
    list-style-type:none;
    width:18.8125rem;
    height:14.0625rem;
    margin-bottom:1.25rem
  }
  .institutions li .image {
    position:absolute;
    width:100%;
    height:12.3125rem;
    top:0;
    left:0;
    background:50% 50% no-repeat;
    background-size:cover;
    transition:opacity .35s,transform .35s
  }
  .institutions li .image:after {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-top:.0625rem solid #fff;
    border-bottom:.0625rem solid #fff;
    content:'';
    opacity:0;
    transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);
    transition:opacity .35s,transform .35s;
    transform-origin:50% 50%;
    pointer-events:none;
    box-sizing:border-box
  }
  .institutions li a {
    display:block;
    position:relative;
    width:100%;
    height:14.0625rem;
    background:url('/user/img/slovo/about/icon-rating.svg') 50% 44% no-repeat;
    background-size:0;
    transition:background-size .35s
  }
  .institutions li a span {
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1.75rem;
    text-align:center;
    background-color:#303f9f;
    color:#fff;
    text-transform:uppercase;
    font-family:"PT Sans",sans-serif;
    font-size:.8125rem;
    line-height:2.2
  }
  .institutions li.p_and_a .image {
    background-image:url('/user/img/slovo/about/ratings-ap-763.jpg')
  }

  .institutions li.vr .image {
    background-image:url('/user/img/slovo/about/ratings-vr-361.jpg')
  }
  .institutions li.cm .image {
    background-image:url('/user/img/slovo/about/ratings-cm-361.jpg')
  }
  .institutions li.rs .image {
    background-image:url('/user/img/slovo/about/ratings-rs-361.jpg')
  }
 .institutions li.ls .image {
    background-image:url('/user/img/slovo/about/ratings-ls-361.jpg')
  }
  .institutions li.rada .image {
    background-image:url('/user/img/slovo/about/rada.png')
  }
  .institutions li:hover .image {
    opacity:.7;transform:scale3d(1.05,1.05,1)
  }
  .institutions li:hover .image:after {
    opacity:1;
    transform:rotate3d(0,0,1,45deg) scale3d(1,1,1)
  }
  .institutions li:hover a {
    background-size:3.1875rem
  }
}

@media screen and (min-width:22.8125em) {
  .institutions li {
    width:21.125rem;
    height:15.75rem
  }
  .institutions li a {
    height:15.75rem
  }
  .institutions li .image {
    height:14rem
  }
}

@media screen and (min-width:29.375em) {
  .institutions li {
    width:13.1875rem;
    height:10.5rem;
    float:left
  }
  .institutions li a { 
    height:10.5rem
  }
  .institutions li .image {
    height:8.75rem
  }
  .institutions li.ap {
    width:27.6875rem;
    height:12.125rem
  }
  .institutions li.ap a {
    height:12.125rem
  }
  .institutions li.ap .image {
    height:10.375rem
  }
  .institutions li:nth-child(2n+1) {
    margin-right: 1.3125rem;
  }
  .institutions li:hover a {
    background-size:2.1875rem
  }
}

@media screen and (min-width:34.875em) {
  .institutions li {
    width:16.0625rem;
    height:12.4375rem
  }
  .institutions li a {
    height:12.4375rem
  }
  .institutions li .image {
    height:10.6875rem
  }
  .institutions li.ap {
    width:33.375rem;
    height:14.3125rem
  }
  .institutions li.ap a {
    height:14.3125rem
  }
  .institutions li.ap .image {
    height:12.5625rem
  }
  .institutions li:nth-child(2n+1) {
    margin-right: 1.25rem;
  }
  .institutions li:hover a {
    background-size:3.1875rem
  }
}

@media screen and (min-width:39.375em) {
  .institutions li {
    width:18.125rem;
    height:13.75rem
  }
  .institutions li a {
    height:13.75rem
  }
  .institutions li .image {
    height:12rem
  }
  .institutions li.ap {
    width:37.5rem;
    height:15.875rem
  }
  .institutions li.ap a {
    height:15.875rem
  }
  .institutions li.ap .image {
    height:14.125rem
  }
}

@media screen and (min-width:41.0625em) {
  .institutions li {
    width:19.125rem;
    height:14.4375rem
  }
  .institutions li a {
    height:14.4375rem
  }
  .institutions li .image {
    height:12.6875rem
  }
  .institutions li.ap {
    width:39.5rem; 
    height:16.625rem
  }
  .institutions li.ap a {
    height:16.625rem
  }
  .institutions li.ap .image {
    height:14.875rem
  }
}

@media screen and (min-width:47.5em) {
  .institutions li {
    width:20.625rem;
    height:15.4375rem
  }
  .institutions li a {
    height:15.4375rem
  }
  .institutions li .image {
    height:13.6875rem
  }
  .institutions li.ap {
    width:42.5rem;
    height:19.625rem
  }
  .institutions li.ap a {
    height:19.625rem
  }
  .institutions li.ap .image {
    height:17.875rem
  }
}

@media screen and (min-width:61.75em) {
  .institutions li {
    width:18.875rem;
    height:14.25rem
  }
  .institutions li a {
    height:14.25rem;
    background-position:50% 49%
  }
  .institutions li .image {
    height:12.5rem
  }
  .institutions li.ap {
    width:39.0625rem;
    height:19.25rem
  }
  .institutions li.ap a {
    height:19.25rem
  }
  .institutions li.ap .image {
    height:17.5rem
  }
  .institutions li:nth-child(2n+1) {
    margin-right: 1.3125rem;
  }
}

@media screen and (max-width:9999em) and (min-width:76.25em) {
  .institutions li {
    width:22.625rem;
    height:17.75rem;
    margin-bottom:2.4375rem
  }
  .institutions li a {
    height:17.75rem
  }
  .institutions li a span {
    height:2.6875rem;
    font-size:1.25rem
  }
  .institutions li .image {
    height:15.0625rem
  }
  .institutions li.ap {
    width:47.6875rem;
    height:24.0625rem
  }
  .institutions li.ap a {
    height:24.0625rem
  }
  .institutions li.ap .image {
    height:21.375rem
  }
  .institutions li:nth-child(2n+1) {
    margin-right: 2.4375rem;
  }
}


@media screen and (min-width:19.375em) {
  .institutions li .image {
    height:14rem;
  }
}
@media screen and (min-width:22.8125em) {
  .institutions li .image {
    height:16rem;
  }
} 
@media screen and (min-width:29.375em) {
  .institutions li .image {
    height:10.75rem;
  }
}
@media screen and (min-width:34.875em) { 
  .institutions li .image {
    height:12.6875rem;
  }
} 
@media screen and (min-width:39.375em) {
  .institutions li .image {
    height:14rem;
  }
}
@media screen and (min-width:41.0625em) {
  .institutions li .image {
    height:14.6875rem;
  }
}
@media screen and (min-width:47.5em) {
  .institutions li .image {
    height:15.6875rem;
  }
}
@media screen and (min-width:61.75em) {
  .institutions li .image {
    height:14.5rem;
  }
} 
@media screen and (max-width:9999em) and (min-width:76.25em) {
  .institutions li .image {
    height:18.0625rem;
  }
}



.ratings-category h1,.ratings-category h2,.ratings-institutions h1,.ratings-institutions h2 {
    font-family: "PT Sans Narrow",sans-serif;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (min-width: 19.375em) {
    .ratings-category h1,.ratings-institutions h1 {
        font-size:1.5625rem;
        margin-bottom: .6rem;
        line-height: 1.45
    }

    .ratings-category h2,.ratings-institutions h2 {
        font-size: 1.25rem;
        margin-bottom: 1rem
    }

    .ratings-category .smenu,.ratings-institutions .smenu {
        margin: 0 0 1.5rem;
        text-transform: uppercase
    }

    .ratings-category .smenu li,.ratings-institutions .smenu li {
        display: inline-block;
        font-family: "PT Sans",sans-serif;
        font-weight: 700;
        font-size: .75rem;
        padding: 0 1rem 0 0
    }

    .ratings-category .smenu li a,.ratings-institutions .smenu li a {
        text-decoration: none;
        color: #576377
    }

    .ratings-category .smenu li a:hover,.ratings-institutions .smenu li a:hover {
        text-decoration: underline
    }

    .ratings-category .smenu li span,.ratings-institutions .smenu li span {
        display: block;
        background-color: #303f9f;
        color: #fff;
        border-radius: .5rem;
        padding: .1rem .5rem
    }

    .ratings-category .smenu li span a,.ratings-category .smenu li span a:hover,.ratings-institutions .smenu li span a,.ratings-institutions .smenu li span a:hover {
        text-decoration: none;
        color: #fff
    }

    .ratings-category .smenu li:last-child,.ratings-institutions .smenu li:last-child {
        padding-right: 0
    }

    .ratings-category .info,.ratings-institutions .info {
        overflow: hidden;
        position: relative;
        border-top: .0625rem solid #e3e3e3;
        border-bottom: .0625rem solid #e3e3e3;
        min-height: 2.5rem;
        margin-bottom: 1.3rem;
        line-height: 1.1
    }

    .ratings-category .info .current,.ratings-institutions .info .current {
        display: block;
        float: left;
        text-transform: uppercase;
        font-family: "PT Sans",sans-serif;
        font-size: .75rem;
        font-weight: 700;
        line-height: 3.4;
        margin-right: .7rem
    }

    .ratings-category .info .arrow,.ratings-category .info .arrow-m,.ratings-institutions .info .arrow,.ratings-institutions .info .arrow-m {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        margin: .25rem 0 0;
        cursor: pointer;
        background: url('/user/img/slovo/m-arr-d.svg') 50% 50% no-repeat;
        background-size: .6875rem .375rem;
        transition-duration: .3s
    }

    .ratings-category .info .arrow,.ratings-institutions .info .arrow {
        display: none
    }

    .ratings-category .info .submenu,.ratings-institutions .info .submenu {
        float: left;
        min-height: 2.5rem;
        transition: min-height .3s ease-in-out
    }

    .ratings-category .info .submenu .body,.ratings-institutions .info .submenu .body {
        display: inline-block
    }

    .ratings-category .info .submenu .body ul,.ratings-institutions .info .submenu .body ul {
        display: block;
        position: absolute;
        top: 2.5rem;
        left: 0;
        width: 100%;
        font-family: "PT Sans",sans-serif;
        font-size: .75rem;
        font-weight: 700;
        line-height: 2.8;
        text-transform: uppercase;
        text-align: center
    }

    .ratings-category .info .submenu .body ul li,.ratings-institutions .info .submenu .body ul li {
        border-top: .0625rem dashed #e3e3e3
    }

    .ratings-category .info .submenu .body ul li.sm-succeed span,.ratings-category .info .submenu .body ul li.sm-responsible span,.ratings-institutions .info .submenu .body ul li.sm-succeed span,.ratings-institutions .info .submenu .body ul li.sm-responsible span {
        background-color: #4caf50
    }

    .ratings-category .info .submenu .body ul li.sm-failed span,.ratings-category .info .submenu .body ul li.sm-irresponsible span,.ratings-institutions .info .submenu .body ul li.sm-failed span,.ratings-institutions .info .submenu .body ul li.sm-irresponsible span {
        background-color: #f44336
    }

    .ratings-category .info .submenu .body ul li.sm-performed span,.ratings-institutions .info .submenu .body ul li.sm-performed span {
        background-color: #ffb300
    }

    .ratings-category .info .submenu .body ul li.sm-all span,.ratings-institutions .info .submenu .body ul li.sm-all span {
        background-color: #576377
    }

    .ratings-category .info .submenu .body ul a,.ratings-institutions .info .submenu .body ul a {
        text-decoration: none;
        color: #576377
    }

    .ratings-category .info .submenu .body ul a:hover,.ratings-institutions .info .submenu .body ul a:hover {
        text-decoration: underline
    }

    .ratings-category .info .submenu .body ul span,.ratings-institutions .info .submenu .body ul span {
        background-color: #303f9f;
        color: #fff;
        padding: .075rem .5rem;
        border-radius: .6rem
    }

    .ratings-category .info .submenu.ropen,.ratings-institutions .info .submenu.ropen {
        min-height: 15.25rem
    }

    .ratings-category .info [data-quotes="region"].submenu.ropen {
        min-height: 56.5rem;
    }

    .ratings-category .info .submenu.ropen .arrow-m,.ratings-institutions .info .submenu.ropen .arrow-m {
        transform: rotate(180deg)
    }

    .ratings-category .info .social-shares,.ratings-institutions .info .social-shares {
        float: right
    }

    .ratings-category.ratings-district .info .submenu.ropen,.ratings-institutions.ratings-district .info .submenu.ropen {
        min-height: 55.75rem
    }

    .persons-list>h2 {
        font-family: 'PT Sans',sans-serif;
        font-size: 1.5625rem;
        line-height: 1.2;
        color: #3b4270;
        font-weight: 500
    }

    .persons-list .leads {
        background-color: #fafafb;
        padding: .625rem;
        margin-bottom: 1.5rem
    }

    .persons-list .leads .item {
        border-bottom: .0625rem solid #e3e3e3;
        padding-bottom: .5rem
    }

    .persons-list .leads .item .position {
        font-family: 'PT Serif',times,serif;
        font-size: 1.0625rem;
        line-height: 1.15;
        text-transform: uppercase;
        color: #576377;
        margin: .625rem 1.2rem 1rem
    }

    .persons-list .leads .item .person-info {
        width: 10rem;
        border: 0
    }

    .persons-list .leads .item:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }

    .persons-list .item {
        overflow: hidden;
        margin-bottom: .5rem
    }

    .persons-list .item .image {
        width: 4.375rem;
        height: 4.375rem;
        float: left;
        background: #dcdcdc 50% 50% no-repeat;
        background-size: cover;
        transition: opacity .3s ease-in-out;
        border-radius: 50%
    }

    .persons-list .item .person-info {
        margin-left: .625rem;
        float: left;
        width: 11.3075rem;
        padding-bottom: .5rem;
        border-bottom: .0625rem solid #e3e3e3;
        position: relative;
        padding-left: 2.5rem
    }

    .persons-list .item .person-info .total {
        position: absolute;
        top: 0;
        left: 0;
        width: 1.875rem;
        height: 1.875rem;
        background-color: #576377;
        color: #fff;
        text-align: center;
        font-family: "PT Sans",sans-serif;
        font-size: .875rem;
        line-height: 2.2
    }

    .persons-list .item .person-info .name {
        /* font-family: 'PT Serif',times,serif; */
        font-weight: 700;
        font-size: .875rem;
        color: #22243a;
        text-decoration: none;
        line-height: 1.3;
        position: relative;
        top: -0.2rem
    }

    .persons-list .item .person-info .name .surname {
        display: block;
        text-transform: uppercase
    }

    .persons-list .item .person-info .name:hover {
        text-decoration: underline
    }

    .persons-list .item .person-info .position {
        font-size: .875rem;
        color: #576377;
        line-height: 1.3
    }

    .persons-list .item .person-info .district {
        display: inline-block;
        font-size: .875rem;
        color: #3b4270;
        line-height: 1.3;
        margin-top: .875rem;
        width: 85%
    }

    .persons-list .item .person-info .rating {
        float: right;
        margin-top: .4rem;
        overflow: hidden
    }

    .persons-list .item .person-info .rating span {
        display: block;
        float: left;
        font-family: 'PT Sans',sans-serif;
        font-size: .6125rem;
        padding: 0 .2rem;
        line-height: 2.6;
        color: #fff;
        text-align: center;
        min-width: 1.25rem
    }

    .persons-list .item .person-info .rating span.performed {
        background-color: #ffb300
    }

    .persons-list .item .person-info .rating span.failed {
        background-color: #f44336
    }

    .persons-list .item .person-info .rating span.succeed {
        background-color: #4caf50
    }

    .persons-list .item .person-info .rating span.all {
        background-color: #798292
    }

    .persons-list .item:hover .image {
        opacity: .8
    }

    .persons-list .item:last-child .person-info {
        border-bottom: 0
    }

    .regions-map-nav,.regions-map-full {
        display: none
    }

    .rating-list {
        overflow: hidden
    }

    .rating-list .item {
        overflow: hidden;
        margin-bottom: .875rem;
        position: relative;
        min-height: 4.9375rem
    }

    .rating-list .item .number {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        border: .0625rem solid #e3e3e3;
        border-radius: 50%;
        width: 1.375rem;
        height: 1.375rem;
        text-align: center;
        font-family: "PT Sans",sans-serif;
        font-size: 1rem;
        color: #576377;
        line-height: 1.3
    }

    .rating-list .item .number.num-2 {
        font-size: .9rem;
        line-height: 1.5
    }

    .rating-list .item .number.num-3 {
        font-size: .7rem;
        line-height: 2
    }

    .rating-list .item .image {
        position: absolute;
        top: 1.25rem;
        left: .4rem;
        width: 3.4375rem;
        height: 3.4375rem;
        border-radius: 50%;
        background: #dcdcdc 50% 50% no-repeat;
        background-size: cover;
        transition: opacity .3s ease-in-out
    }

    .rating-list .item a:hover .image {
        opacity: .8
    }

    .rating-list .item .progress {
        margin-left: 4.375rem
    }

    .rating-list .item .progress .amount {
        display: block;
        float: left;
        width: 2.375rem;
        height: 1.25rem;
        border-radius: .6rem;
        background-color: #576377;
        font-family: "PT Sans",sans-serif;
        font-size: .875rem;
        color: #fff;
        text-align: center;
        line-height: 1.5
    }

    .rating-list .item .progress .amount small {
        font-size: .625rem
    }

    .rating-list .item .progress .barline {
        float: left;
        width: 11.175rem;
        height: 1.25rem;
        margin-left: .7rem
    }

    .rating-list .item .progress .barline .bar {
        display: block;
        border: .375rem solid #f44336;
        height: 0;
        box-sizing: border-box;
        border-radius: .375rem;
        margin-top: .5rem;
        width: 0;
        transition: width 1s ease-in
    }

    .rating-list .item .progress .name {
        display: block;
        float: left;
        font-family: "PT Sans Narrow",sans-serif;
        font-weight: 700;
        font-size: .9375rem;
        color: #22243a;
        text-decoration: none;
        line-height: 1.2;
        margin-top: .2rem;
        max-width: 14rem
    }

    .rating-list .item .progress .name:hover {
        text-decoration: underline
    }

    .rating-list .item .progress .position {
        display: block;
        float: left;
        font-family: "PT Sans Narrow",sans-serif;
        font-size: .9375rem;
        color: #576377;
        line-height: 1.2;
        margin-top: .2rem;
        width: 14rem
    }

    .rating-list.init .item .progress .barline .bar {
        width: 0 !important
    }

    .rating-list.pr-all .item .progress .barline .bar {
        border-color: #576377;
        background-color: #576377
    }

    .rating-list.pr-succeed .item .progress .barline .bar,.rating-list.pr-responsibility .item .progress .barline .bar {
        border-color: #4caf50;
        background-color: #4caf50
    }

    .rating-list.pr-failed .item .progress .barline .bar,.rating-list.pr-irresponsibility .item .progress .barline .bar {
        border-color: #f44336;
        background-color: #f44336
    }

    .rating-list.pr-performed .item .progress .barline .bar {
        border-color: #ffb300;
        background-color: #ffb300
    }

    .institution-list li {
        display: block;
        overflow: hidden;
        height: 5.8125rem;
        margin-bottom: .625rem;
        background-color: #f0f1f9
    }

    .institution-list li a {
        display: table;
        text-decoration: none;
        color: #576377;
        margin: 0 1rem 0 2.7rem
    }

    .institution-list li a span {
        display: table-cell;
        vertical-align: middle;
        /* font-family: "PT Serif",times,serif; */
        /* font-size: .8125rem; */
        color: #576377;
        line-height: 1.5;
        height: 5.8125rem
    }

    .institution-list li a:hover {
        text-decoration: underline
    }

    .institution-list li .num {
        display: block;
        float: left;
        width: 1.875rem;
        height: 5.8125rem;
        background-color: #303f9f;
        color: #fff;
        font-family: "PT Sans",sans-serif;
        font-weight: 700;
        font-size: 1.0625rem;
        text-decoration: none;
        text-align: center;
        line-height: 5.5
    }

    .institution-list.is-faction li {
        height: 4.125rem
    }

    .institution-list.is-faction li a span {
        height: 4.125rem
    }

    .institution-list.is-faction li .num {
        height: 4.125rem;
        line-height: 3.9
    }
}

@media screen and (min-width: 22.8125em) {
    .rating-list .item .progress .barline {
        width:13.575rem
    }

    .rating-list .item .progress .name {
        max-width: 16.5rem
    }

    .rating-list .item .progress .position {
        width: 16.5rem
    }

    .persons-list .leads .item .person-info {
        width: 12.3rem
    }

    .persons-list .item .person-info {
        width: 13.62rem
    }
}

@media screen and (min-width: 29.375em) {
    .rating-list .item .progress .barline {
        width:20.1rem
    }

    .rating-list .item .progress .name {
        max-width: 23rem
    }

    .rating-list .item .progress .position {
        width: 23rem
    }

    .institution-list li {
        height: 4.125rem
    }

    .institution-list li a span {
        height: 4.125rem
    }

    .institution-list li .num {
        height: 4.125rem;
        line-height: 3.9
    }

    .persons-list .leads .item .person-info {
        width: 18.9rem
    }

    .persons-list .leads .item .person-info .name {
        width: 11.5rem
    }

    .persons-list .leads .item .position {
        margin: .625rem 1.2rem 1rem 0;
        float: right;
        width: 20.2rem
    }

    .persons-list .leads .item.mayor .image {
        margin-top: .8rem
    }

    .persons-list .leads .item.governor .image {
        margin-top: 1.3rem
    }

    .persons-list .item .person-info {
        width: 20.1825rem
    }

    .persons-list .item .person-info .name {
        display: block;
        width: 13rem
    }

    .persons-list .item .person-info .position {
        width: 13rem
    }

    .persons-list .item .person-info .district {
        width: 13rem
    }

    .persons-list .item .person-info .rating {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0
    }
}

@media screen and (min-width: 34.875em) {
    .rating-list .item .progress .barline {
        width:25.7rem
    }

    .rating-list .item .progress .name {
        max-width: 28.5rem
    }

    .rating-list .item .progress .position {
        width: 28.5rem
    }

    .institution-list li,.institution-list.is-faction li {
        height: 3.5rem
    }

    .institution-list li a span,.institution-list.is-faction li a span {
        height: 3.5rem
    }

    .institution-list li .num,.institution-list.is-faction li .num {
        height: 3.5rem;
        line-height: 3.4
    }

    .persons-list .leads .item .person-info {
        width: 23rem;
        min-height: 2.25rem
    }

    .persons-list .leads .item .person-info .name {
        width: 16rem
    }

    .persons-list .leads .item .person-info .name .surname {
        display: block
    }

    .persons-list .leads .item .position {
        width: 24.4rem
    }

    .persons-list .item .image {
        width: 4.6875rem;
        height: 4.6875rem
    }

    .persons-list .item .person-info {
        width: 24.3rem;
        margin-left: 1.875rem;
        min-height: 4.75rem
    }

    .persons-list .item .person-info .name {
        display: inline-block;
        width: 17rem
    }

    .persons-list .item .person-info .name .surname {
        display: inline
    }

    .persons-list .item .person-info .position {
        width: 17rem
    }

    .persons-list .item .person-info .district {
        width: 17rem
    }

    .persons-list .item .person-info .rating {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0
    }
}

@media screen and (min-width: 39.375em) {
    .rating-list .item {
        min-height:3.5625rem;
        margin-bottom: .175rem
    }

    .rating-list .item .number {
        width: 2.5rem;
        height: 2.5rem;
        top: .4375rem;
        font-size: 1.0625rem;
        line-height: 2.4
    }

    .rating-list .item .number.num-2 {
        font-size: 1rem;
        line-height: 2.4
    }

    .rating-list .item .number.num-3 {
        font-size: .9rem;
        line-height: 2.7
    }

    .rating-list .item .image {
        top: 0;
        left: 3.4375rem
    }

    .rating-list .item .progress {
        margin-left: 7.75rem
    }

    .rating-list .item .progress .barline {
        width: 26.5rem;
        height: .9rem
    }

    .rating-list .item .progress .barline .bar {
        margin-top: 0
    }

    .rating-list .item .progress .name {
        max-width: 26.3rem;
        margin-left: .7rem;
        margin-top: 0
    }

    .rating-list .item .progress .position {
        width: 26.3rem;
        margin-left: 3.05rem;
        margin-top: 0
    }

    .persons-list .leads .item .person-info {
        width: 27.1rem
    }

    .persons-list .leads .item .person-info .name {
        width: 20rem
    }

    .persons-list .leads .item .position {
        width: 28.5rem
    }

    .persons-list .item .person-info {
        width: 28.425rem
    }

    .persons-list .item .person-info .name {
        width: 21rem
    }

    .persons-list .item .person-info .position {
        width: 21rem
    }

    .persons-list .item .person-info .district {
        width: 21rem
    }
}

@media screen and (min-width: 41.0625em) {
    .rating-list .item .progress .barline {
        width:28.5rem
    }

    .rating-list .item .progress .name {
        max-width: 28.4rem
    }

    .rating-list .item .progress .position {
        width: 28.4rem
    }

    .persons-list .leads .item .person-info {
        width: 32.1rem
    }

    .persons-list .leads .item .position {
        width: 26rem;
        margin-right: 8.7rem
    }

    .persons-list .item .person-info {
        width: 30.425rem
    }

    .persons-list .item .person-info .name {
        width: 23rem
    }

    .persons-list .item .person-info .position {
        width: 23rem
    }

    .persons-list .item .person-info .district {
        width: 23rem
    }
}

@media screen and (min-width: 47.5em) {
    .rating-list .item .image {
        left:4.4375rem
    }

    .rating-list .item .progress {
        margin-left: 9.75rem
    }

    .rating-list .item .progress .barline {
        width: 29.6rem
    }

    .rating-list .item .progress .name {
        max-width: 29.4rem
    }

    .rating-list .item .progress .position {
        width: 29.4rem
    }

    .persons-list .leads .item .person-info {
        width: 32.1rem
    }

    .persons-list .leads .item .position {
        margin-right: 8.7rem
    }

    .persons-list .item .person-info {
        width: 33.425rem
    }

    .persons-list .item .person-info .name {
        width: 26rem
    }

    .persons-list .item .person-info .position {
        width: 26rem
    }

    .persons-list .item .person-info .district {
        width: 26rem
    }
}

@media screen and (min-width: 61.75em) {
    .rating-list .item .progress .barline {
        width:26rem
    }

    .rating-list .item .progress .name {
        max-width: 25.8rem
    }

    .rating-list .item .progress .position {
        width: 25.8rem
    }

    .persons-list .leads .item .person-info {
        width: 28.7rem
    }

    .persons-list .leads .item .position {
        margin-right: 5.3rem
    }

    .persons-list .item .person-info {
        width: 29.99rem
    }

    .persons-list .item .person-info .name {
        width: 22.5rem
    }

    .persons-list .item .person-info .position {
        width: 22.5rem
    }

    .persons-list .item .person-info .district {
        width: 22.5rem
    }
}

@media screen and (max-width: 9999em) and (min-width:76.25em) {
    .ratings-category .info .submenu,.ratings-institutions .info .submenu {
        width:88%
    }

    .ratings-category .info .submenu .current,.ratings-institutions .info .submenu .current {
        display: none
    }

    .ratings-category .info .submenu .body,.ratings-institutions .info .submenu .body {
        min-height: 2.5rem
    }

    .ratings-category .info .submenu .body ul,.ratings-institutions .info .submenu .body ul {
        position: relative;
        top: .0625rem;
        font-size: .65rem;
        text-align: left;
        line-height: 2.5;
        padding: .2rem 0
    }

    .ratings-category .info .submenu .body ul li,.ratings-institutions .info .submenu .body ul li {
        display: inline-block;
        border: 0;
        margin-left: 1rem
    }

    .ratings-category .info .submenu .body ul li.sm-irresponsible,.ratings-institutions .info .submenu .body ul li.sm-irresponsible {
        margin-right: 20rem
    }

    .ratings-category .info .submenu .body ul li.sm-succeed,.ratings-institutions .info .submenu .body ul li.sm-succeed {
        margin-left: 0
    }

    .ratings-category .info .submenu .body ul li:first-child,.ratings-institutions .info .submenu .body ul li:first-child {
        margin-left: 0
    }

    .ratings-category .info .submenu .body .arrow-m,.ratings-institutions .info .submenu .body .arrow-m {
        display: none
    }

    .ratings-category .info .submenu .body .arrow,.ratings-institutions .info .submenu .body .arrow {
        display: none
    }

    .rating-list .item .progress .barline {
        width: 34.6rem
    }

    .rating-list .item .progress .name {
        max-width: 34.4rem
    }

    .rating-list .item .progress .position {
        width: 34.4rem
    }

    .ratings-district .info .submenu .body ul {
        line-height: 2.5
    }

    .ratings-district .info .submenu .body ul li:nth-child(6) {
        margin-right: 4rem
    }

    .ratings-district .info .submenu .body ul li:nth-child(7),.ratings-district .info .submenu .body ul li:nth-child(14),.ratings-district .info .submenu .body ul li:nth-child(21) {
        margin-left: 0
    }

    .region {
        position: relative;
        overflow: hidden
    }

    .persons-list {
        float: left;
        width: 49%
    }

    .persons-list .leads {
        position: absolute;
        right: 0;
        top: 15.8125rem;
        width: 22.11rem
    }

    .persons-list .leads .item .person-info {
        width: 14.2rem
    }

    .persons-list .leads .item .position {
        width: 100%;
        margin-right: 0
    }

    .persons-list .leads .item.governor .image,.persons-list .leads .item.mayor .image {
        margin-top: 0
    }

    .persons-list .item .person-info {
        width: 15.5rem;
        margin-left: .625rem
    }

    .persons-list .item .person-info .name {
        width: 15.5rem
    }

    .persons-list .item .person-info .name .surname {
        display: block
    }

    .persons-list .item .person-info .position {
        width: 15.5rem
    }

    .persons-list .item .person-info .district {
        width: 15.5rem
    }

    .persons-list .item .person-info .rating {
        position: relative;
        top: auto;
        right: auto;
        margin-top: .4rem
    }

    .regions-map-full {
        display: block;
        overflow: hidden
    }

    .regions-list {
        display: none
    }

    .regions-map-nav {
        display: block;
        float: right;
        width: 49%;
        background-color: #fafafb
    }

    .regions-map-nav>object {
        margin: .625rem
    }
}