.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/*.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  font-family: "Helvetica Neue", sans-serif;
  line-height: 1.1em;
}*/
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    font-family: Circe, Arial;
    font-weight: 300;
    line-height: 1.1em;
}

.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
    text-align: center;
}

.statistic h4 span.js-span-counter {
    font-size: 56px;
    font-weight: 100;
    /*
    width: 68px;
    */
    height: 67px;
}

span.js-span-counter > span {
    width: 33px;
}

span.js-span-counter div span.odometer-digit:nth-child(1) {
    margin-right: 1px;
    text-align: left;
}

span.js-span-counter div span.odometer-digit:nth-child(1) > span {
    text-align: left;
}

span.js-span-counter div span.odometer-digit:nth-child(2) {
    margin-left: 1px;
    text-align: right;
}

span.js-span-counter div span.odometer-digit:nth-child(2) > span {
    text-align: right;
}

.statistic h4 {
    height: 68px;
}

@media (max-width: 425px) {

    .statistic h4, .statistic h4 span.js-span-counter {
        font-size: 37px !important;
        font-weight: 100;
    }

    .statistic h4 span {
        font-weight: 100;
    }
}

@media (max-width: 361px) {
    .statistic h4 span.js-span-counter {
        /*
        font-size: 56px !important;
        */
    }
}

@media (max-width: 767px) {
    .statistic span.js-span-counter {
        /*
        font-size: 56px;
        */
    }
}

/* < 767 and > 665 */
@media (max-width: 767px) and (min-width: 665px) {
    h4.counter_we {
        background: transparent url("../img/dating-border-1.png") no-repeat scroll center 0;
        padding-top: 40px;
        height: 113px !important;
    }

    h4.counter_today {
        background: transparent url("../img/dating-border-2.png") no-repeat scroll center 0;
        padding-top: 40px;
        height: 113px !important;
    }

    h4.counter_online {
        background: transparent url("../img/dating-border-3.png") no-repeat scroll center 0;
        padding-top: 40px;
        height: 113px !important;
    }
}

/* < 665 and > 361 */
@media (max-width: 665px) and (min-width: 590px) {
    h4.counter_we {
        background: transparent url("/local/templates/new_dating/css/../img/dating-border-1.png") no-repeat scroll center 4px;
        padding-top: 31px;
        height: 105px !important;
        background-size: 155px auto;
    }

    h4.counter_today {
        background: transparent url("/local/templates/new_dating/css/../img/dating-border-2.png") no-repeat scroll center 4px;
        padding-top: 31px;
        height: 105px !important;
        background-size: 155px auto;
    }

    h4.counter_online {
        background: transparent url("/local/templates/new_dating/css/../img/dating-border-3.png") no-repeat scroll center 4px;
        padding-top: 31px;
        height: 105px !important;
        background-size: 155px auto;
    }
}

@media (max-width: 590px) and (min-width: 425px) {
    .statistic h4, .statistic h4 span.js-span-counter {
        font-size: 37px !important;
        font-weight: 100;
    }
    h4.counter_we {
        background: transparent url("../img/dating-border-1.png") no-repeat scroll center 24px;
        padding-top: 45px;
        height: 89px !important;
        background-size: 102px auto;
    }

    h4.counter_today {
        background: transparent url("../img/dating-border-2.png") no-repeat scroll center 24px;
        padding-top: 45px;
        height: 89px !important;
        background-size: 102px auto;
    }

    h4.counter_online {
        background: transparent url("../img/dating-border-3.png") no-repeat scroll center 24px;
        padding-top: 45px;
        height: 89px !important;
        background-size: 102px auto;
    }
}

/* < 361 */
@media (max-width: 425px) {
    h4.counter_we {
        background: transparent url("../img/dating-border-mobile-1.png") no-repeat scroll center 0;
        padding-top: 15px;
        height: 60px !important;
        background-size: 84px auto;
    }

    h4.counter_today {
        background: transparent url("../img/dating-border-mobile-2.png") no-repeat scroll center 0;
        padding-top: 15px;
        height: 60px !important;
        background-size: 84px auto;
    }

    h4.counter_online {
        background: transparent url("../img/dating-border-mobile-3.png") no-repeat scroll center 0;
        padding-top: 15px;
        height: 60px !important;
        background-size: 84px auto;
    }
}