.global-title {
    font: 17px/1 'ekibastuz_rgregular', Tahoma, "Geneva CY", sans-serif;
    color: #808080;
    left: 496px;
    top: 42px;
}

.hint {
    cursor: pointer;
    position: absolute;
    z-index: 100;
}
    .hint__content {
        height: 0;
        color: #666666;
        overflow: hidden;
        opacity: 0;
        position: absolute;

        -webkit-transition: opacity 0.5s ease;  /* Chrome 1-25, Safari 3.2+ */
        -moz-transition: opacity 0.5s ease;  /* Firefox 4-15 */
        -o-transition: opacity 0.5s ease;  /* Opera 10.50–12.00 */
        transition: opacity 0.5s ease;
    }
    .hint:hover .hint__content {
        height: auto;
        overflow: visible;
        opacity: 1;
    }
    .hint__title {
        margin: 0 0 4px;
        padding: 0 26px;
        font: 22px/1 'ekibastuz_bkregular', Tahoma, "Geneva CY", sans-serif;
    }
    .hint__row {
        background: #b3b3b3;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        padding: 2px 26px;
        font: 0/0 a;
        white-space: nowrap;
        overflow: hidden;
    }
    .hint__row+.hint__row {
        background: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .hint__cell {
        min-width: 80px;
        font: 10px/1 Tahoma, "Geneva CY", sans-serif;
        display: inline-block;
        vertical-align: middle;
    }
    .hint__cell_type_count {
        font-family: 'ekibastuz_bkregular';
        font-size: 22px;
        text-align: right;
    }

.hint_num_1 {
    width: 189px;
    height: 72px;
    left: 116px;
    top: 156px;
}
    .hint_num_1 .hint__content {
        left: -82px;
        top: 137px;
    }
    .hint_num_1:before {
        left: -25px;
        top: 49px;
    }
.hint_num_2 {
    width: 167px;
    height: 55px;
    left: 437px;
    top: 154px;
}
    .hint_num_2 .hint__content {
        left: -32px;
        top: -94px;
    }
    .hint_num_2:before {
        left: -18px;
        top: 26px;
    }
.hint_num_3 {
    width: 174px;
    height: 72px;
    left: 627px;
    top: 158px;
}
    .hint_num_3 .hint__content {
        left: 98px;
        top: -94px;
    }
    .hint_num_3:before {
        left: 3px;
        top: 83px;
    }
.hint_num_4 {
    width: 123px;
    height: 54px;
    left: 454px;
    top: 297px;
}
    .hint_num_4 .hint__content {
        left: -91px;
        top: 101px;
    }
    .hint_num_4:before {
        left: -13px;
        top: 22px;
    }
.hint_num_5 {
    width: 154px;
    height: 53px;
    left: 598px;
    top: 320px;
}
    .hint_num_5 .hint__content {
        left: 168px;
        top: -39px;
    }
    .hint_num_5:before {
        left: -9px;
        top: 37px;
    }