.scrollable {
    position: relative
}

.scrollable:focus {
    outline: 0
}

.scrollable .viewport {
    position: relative;
    overflow: hidden
}

.scrollable .viewport .overview {
    position: absolute
}

.scrollable .scroll-bar {
    display: none
}

.scrollable .scroll-bar.vertical {
    position: absolute;
    right: 0;
    height: 100%
}

.scrollable .scroll-bar.horizontal {
    position: relative;
    width: 100%
}

.scrollable .scroll-bar .thumb {
    position: absolute
}

.scrollable .scroll-bar.vertical .thumb {
    width: 100%;
    min-height: 10px
}

.scrollable .scroll-bar.horizontal .thumb {
    height: 100%;
    min-width: 10px;
    left: 0
}

.not-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.scrollable.default-skin {
    padding-right: 10px;
    padding-bottom: 6px
}

.scrollable.default-skin .scroll-bar.vertical {
    width: 6px
}

.scrollable.default-skin .scroll-bar.horizontal {
    height: 6px
}

.scrollable.default-skin .scroll-bar .thumb {
    background-color: #000;
    opacity: .4;
    border-radius: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.scrollable.default-skin .scroll-bar:hover .thumb {
    opacity: .6
}

.scrollable.gray-skin {
    padding-right: 17px
}

.scrollable.gray-skin .scroll-bar {
    border: 1px solid gray;
    background-color: #d3d3d3
}

.scrollable.gray-skin .scroll-bar .thumb {
    background-color: gray
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
    background-color: #000
}

.scrollable.gray-skin .scroll-bar.vertical {
    width: 10px
}

.scrollable.gray-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px
}

.scrollable.modern-skin {
    padding-right: 17px
}

.scrollable.modern-skin .scroll-bar {
    border: 1px solid gray;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: inset 0 0 5px #888;
    -webkit-box-shadow: inset 0 0 5px #888;
    box-shadow: inset 0 0 5px #888
}

.scrollable.modern-skin .scroll-bar .thumb {
    background-color: #95aabf;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #536984
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
    width: 8px;
    background: -moz-linear-gradient(left, #95aabf 0, #547092 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #95aabf), color-stop(100%, #547092));
    background: -webkit-linear-gradient(left, #95aabf 0, #547092 100%);
    background: -o-linear-gradient(left, #95aabf 0, #547092 100%);
    background: -ms-linear-gradient(left, #95aabf 0, #547092 100%);
    background: linear-gradient(to right, #95aabf 0, #547092 100%)
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
    height: 8px;
    background-image: linear-gradient(#95aabf, #547092);
    background-image: -o-linear-gradient(#95aabf, #547092);
    background-image: -moz-linear-gradient(#95aabf, #547092);
    background-image: -webkit-linear-gradient(#95aabf, #547092);
    background-image: -ms-linear-gradient(#95aabf, #547092)
}

.scrollable.modern-skin .scroll-bar.vertical {
    width: 10px
}

.scrollable.modern-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px
}

@font-face {
    font-family: Hero;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/Hero-Regular/Hero-Regular.eot);
    src: url(../fonts/Hero-Regular/Hero-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Hero-Regular/Hero-Regular.woff) format("woff"), url(../fonts/Hero-Regular/Hero-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Hero;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/Hero-Bold/Hero-Bold.eot);
    src: url(../fonts/Hero-Bold/Hero-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Hero-Bold/Hero-Bold.woff) format("woff"), url(../fonts/Hero-Bold/Hero-Bold.ttf) format("truetype")
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left!important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 5px
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0!important;
    right: 0!important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent!important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

:-moz-placeholder {
    color: #666;
    opacity: 1
}

::-moz-placeholder {
    color: #666;
    opacity: 1
}

:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
    color: #666
}

body input:required:valid,
body textarea:required:valid {
    color: #666
}

* {
    box-sizing: border-box;
    outline: 0!important
}

body {
    font-size: 16px;
    min-width: 320px;
    position: relative;
    font-family: Montserrat, sans-serif;
    overflow-x: hidden;
    opacity: 1;
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-weight: 400;
    background: #e5e5e5
}

body a {
    text-decoration: none
}

body a:hover {
    text-decoration: none
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.main-container {
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f4), to(#f4f1f4));
    background: linear-gradient(180deg, #e7e6f4 0, #f4f1f4 100%)
}

.wrapper {
    max-width: 920px;
    width: 100%;
    margin: 0 auto
}

@media (max-width:992px) {
    .wrapper {
        margin: 0 30px;
        max-width: 100%;
        width: auto
    }
}

@media (max-width:767px) {
    .wrapper {
        margin: 0 15px
    }
}

.wrapper-big {
    max-width: 1110px
}

@media (max-width:1120px) {
    .wrapper-big {
        margin: 0 15px;
        width: auto
    }
}

.top-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    margin-bottom: 53px
}

@media (max-width:767px) {
    .top-block {
        padding-top: 30px;
        margin-bottom: 50px
    }
}

.main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 347px 30px 1fr;
    grid-template-columns: 347px 30px 1fr;
    -ms-grid-rows: auto 30px 1fr;
    grid-template-rows: auto 30px 1fr;
    margin-bottom: 100px
}

@media (max-width:767px) {
    .main {
        -ms-grid-columns: 60px 17px 1fr;
        grid-template-columns: 60px 17px 1fr;
        -ms-grid-rows: auto 17px 1fr;
        grid-template-rows: auto 17px 1fr
    }
}

.main .sidebar {
    background: #302b63;
    border-radius: 10px;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: span 3;
    grid-row: span 3;
    -ms-grid-row-span: 3;
    padding: 28px;
    padding-bottom: 100px;
    position: relative
}

@media (max-width:767px) {
    .main .sidebar {
        grid-row: 3;
        -ms-grid-row: 3;
        padding: 5px
    }
}

.main .sidebar .logo {
    padding-left: 10px;
    font-family: Hero, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.main .sidebar .logo-img {
    margin-right: 7px
}

@media (max-width:767px) {
    .main .sidebar .logo-img {
        margin-right: 0
    }
}

@media (max-width:767px) {
    .main .sidebar .logo {
        font-size: 0;
        padding-left: 0;
        margin-right: -5px;
        margin-top: -5px;
        margin-left: -5px;
        margin-bottom: 5px
    }
}

.main .sidebar .bottom-info {
    max-width: 195px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 128px
}

@media (max-width:767px) {
    .main .sidebar .bottom-info {
        display: none
    }
}

.main .sidebar .bottom-info .logo-big {
    max-width: 100%;
    margin-bottom: 10px
}

.main .sidebar .bottom-info .inner {
    background: rgba(255, 255, 255, .3);
    border-radius: 8px;
    padding: 20px 15px 45px 15px
}

.main .sidebar .bottom-info .inner .ellipse {
    background: rgba(54, 46, 102, .31);
    width: 60px;
    height: 7px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 33px
}

.main .sidebar .bottom-info .inner .name {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    margin-bottom: 15px
}

.main .sidebar .bottom-info .inner .text {
    font-size: 14px;
    line-height: 150%;
    color: #fff;
    opacity: .8;
    text-align: center
}

.main .sidebar .report {
    position: absolute;
    bottom: 100px;
    right: 55px;
    left: 55px
}

@media (max-width:767px) {
    .main .sidebar .report {
        display: none
    }
}

.main .sidebar .report .name {
    font-size: 17px;
    line-height: 21px;
    color: #fff;
    margin-bottom: 15px
}

.main .sidebar .report .btn {
    width: 100%;
    display: block
}

.main .sidebar .report .btn:not(:last-child) {
    margin-bottom: 15px
}

.main .content {
    position: relative;
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 3;
    grid-row: 3;
    min-width: 0
}

.company-name {
    font-family: Hero, sans-serif;
    font-size: 26px;
    line-height: 31px;
    color: #19191b;
    font-weight: 700
}

.company-name span {
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    line-height: 21px;
    color: #696871;
    margin-left: 20px;
    font-weight: 400
}

@media (max-width:767px) {
    .company-name span {
        font-size: 12px;
        line-height: 15px;
        margin-left: 5px
    }
}

@media (max-width:767px) {
    .company-name {
        font-size: 18px;
        line-height: 22px
    }
}

.column-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 30px 1fr;
    -ms-grid-rows: auto 30px 1fr;
    grid-template-rows: auto 30px 1fr
}

@media (max-width:992px) {
    .column-block {
        display: block;
        position: relative
    }
}

.column-block .company-name {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1
}

@media (max-width:992px) {
    .column-block .company-name {
        margin-bottom: 30px;
        padding-top: 20px
    }
}

.column-block .left-column {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: span 3;
    grid-row: span 3;
    -ms-grid-row-span: 3
}

.column-block .right-column {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 3;
    grid-row: 3
}

.column-block .right-column .balance-block {
    margin-top: 12px
}

@media (max-width:992px) {
    .column-block .right-column {
        display: none;
        position: absolute;
        right: 0;
        left: 0;
        top: 71px;
        box-shadow: 0 52px 54px rgba(65, 62, 101, .15);
        z-index: 6
    }
}

.column-block .right-column .text {
    font-size: 12px;
    line-height: 150%;
    color: #696871;
    margin-bottom: 10px
}

@media (max-width:992px) {
    .column-block .right-column .text {
        font-size: 10px
    }
}

.block-content {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .0986943);
    border-radius: 10px;
    padding: 30px;
    /*overflow: hidden;*/
}

@media (max-width:1120px) {
    .block-content {
        padding: 15px
    }
}

@media (max-width:767px) {
    .block-content {
        padding: 9px 15px
    }
}

.block-content .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: #19191b;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px
}

@media (max-width:1120px) {
    .block-content .name {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .block-content .name {
        font-size: 12px;
        line-height: 150%;
        margin-bottom: 6px
    }
}

.block-content .name.top-item {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.block-content .name .add {
    width: 40px;
    height: 40px;
    background: url(../img/icon__add.png) no-repeat
}

@media (max-width:767px) {
    .block-content .name .add {
        width: 25px;
        height: 25px;
        background-size: contain
    }
}

.block-content .name .del {
    width: 17px;
    height: 21px;
    background: url(../../src/assets/img/icon__del.png) no-repeat
}

@media (max-width:767px) {
    .block-content .name .del {
        width: 15px;
        height: 19px;
        background-size: contain
    }
}

.block-content .name .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:767px) {
    .block-content .name .tabs {
        display: block
    }
}

.block-content .name .tabs .tab {
    background: #fff;
    border: .8px solid #dbe7fa;
    border-radius: 4px;
    height: 31px;
    line-height: 31px;
    width: 83px;
    margin-left: 15px;
    text-align: center;
    font-size: 12px;
    color: #696871;
    font-weight: 400;
    cursor: pointer
}

@media (max-width:767px) {
    .block-content .name .tabs .tab {
        width: 64px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
        margin-bottom: 10px
    }
}

.block-content .name .tabs .tab.active {
    background: #4c41ce;
    border-color: #4c41ce;
    color: #fff
}

.block-content .count-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px
}

.block-content .count-block .count {
    font-weight: 600;
    font-size: 31px;
    line-height: 38px;
    color: #504ca6
}

@media (max-width:767px) {
    .block-content .count-block .count {
        font-size: 10px;
        line-height: 12px
    }
}

.block-content .count-block .info {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #696871
}

@media (max-width:767px) {
    .block-content .count-block .info {
        font-size: 8px
    }
    .block-content .count-block .info br {
        display: none
    }
}

.block-content .count-block .info .percent {
    font-size: 12px;
    line-height: 15px;
    color: #fdfeff;
    line-height: 25px;
    background: #4c41ce;
    border-radius: 16.5px;
    text-align: center;
    width: 50px;
    height: 25px;
    display: inline-block
}

@media (max-width:767px) {
    .block-content .count-block .info .percent {
        font-size: 10px;
        width: 30px;
        height: 15px;
        line-height: 15px
    }
}

.block-content .count-block .info .percent-block {
    text-align: right;
    margin-bottom: 7px
}

@media (max-width:767px) {
    .block-content .count-block .info .percent-block {
        margin-bottom: 3px
    }
}

.block-content .bottom-info {
    padding-top: 20px
}

.block-content .bottom-info .all-list {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
    color: #302b63
}

@media (max-width:767px) {
    .block-content .bottom-info .all-list {
        font-size: 14px;
        line-height: 21px
    }
}

.block-content.test-line {
    padding: 10px 30px
}

.btn {
    background: #504da6;
    border-radius: 5px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: block
}

@media (max-width:767px) {
    .btn {
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }
}

.btn:disabled {
    background: rgba(80, 77, 166, .5);
    cursor: default
}

.btn-close {
    border: 1px solid #504da6;
    background: 0 0;
    color: #504da6
}

.btn-white {
    background: #fff;
    box-shadow: 0 19px 20px rgba(37, 38, 94, .05);
    color: #362e64
}

.btn-small {
    font-size: 14px;
    height: 40px;
    line-height: 40px
}

.input-line {
    width: 100%;
    background: #fff;
    border: 1px solid #f6f6f8;
    border-radius: 10px;
    height: 48px;
    padding: 12px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: rgba(105, 104, 113, .7);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.input-line:focus {
    border: 1px solid #504da6
}

@media (max-width:767px) {
    .input-line {
        height: 40px;
        padding: 10px 12px;
        font-size: 12px
    }
}

.sort-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 30px 1fr;
    margin-bottom: 23px
}

@media (max-width:992px) {
    .sort-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.sort-block__inner {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1
}

.sort-block__inner .block {
    background: #fff;
    border: .8px solid #dbe7fa;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    display: inline-block;
    font-size: 12px
}

@media (max-width:767px) {
    .sort-block__inner .block {
        padding: 0 15px
    }
}

.sort-block .company-name {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1
}

@media (max-width:992px) {
    .sort-block .company-name {
        margin-bottom: 15px
    }
}

.stat-block:not(:last-child) {
    margin-bottom: 30px
}

.stat-block.two-column {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 30px 1fr
}

@media (max-width:992px) {
    .stat-block.two-column {
        display: block
    }
}

.stat-block.two-column .block-content {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1
}

.stat-block.two-column .block-content:last-child {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1
}

@media (max-width:992px) {
    .stat-block.two-column .block-content:last-child {
        margin-top: 30px
    }
}

.stat-block .stat-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:992px) {
    .stat-block .stat-list {
        display: block
    }
}

.stat-block .stat-list .item {
    width: 33%
}

@media (max-width:992px) {
    .stat-block .stat-list .item {
        width: 100%
    }
    .stat-block .stat-list .item:not(:last-child) {
        margin-bottom: 25px
    }
}

.stat-block .stat-list .item .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    color: #19191b;
    margin-bottom: 15px
}

@media (max-width:767px) {
    .stat-block .stat-list .item .title {
        font-size: 12px
    }
}

@media (max-width:767px) {
    .statistic-page .main .sidebar {
        height: 655px
    }
}