// =======================
// Counters Modules
// =======================
.mod_tm_counters {

    .counter_item {
        margin-bottom: @line-height-base*2;
        .counter-wrapper {
            position: relative;

            .counter-wrapper-box {
                .counter-wrapper-box_content {
                    text-align: center;

                    .counter-icon {
                        font-size: 70px;
                        line-height: 70px;
                        color: @global-color;
                    }

                    .counter-value-box {
                        .counter-value {
                            font: 700 24px/32px @font-family-secondary;
                            margin: 25px 0 25px;
                            border: none;
                            color: @headings-color;
                            background: transparent;
                        }

                        .counter-symbol {}
                    }

                    .counter-title {
                        font: 700 14px/19px @font-family-base;
                        color: @headings-color;
                    }
                }
            }
        }
    }
}

.mod_tm_counters__ {

    &circle {
        .counter_item {
            text-align: center;
            .counter-wrapper {
                display: block;
                position: relative;
                max-width: 270px;
                margin: 0 auto;
                .border-radius(50%);
                border: 5px solid #eaeaea;

                .counter-wrapper-box {
                    width: 100%;
                    padding-top: 100%;

                    .counter-wrapper-box_content {
                        position: absolute;
                        top: 50%;
                        left: 15px;
                        right: 15px;
                        .translate(0, -50%);

                        .counter-value {}

                        .counter-title {}
                    }
                }
            }
        }
    }
}