/*@import url(//fonts.googleapis.com/css?family=Iceberg&text=0123456789);*/
.offer {
    color       :red;
    font-size   :16px;
    font-weight :bold;
}

.counter-group {
    margin  :5px auto 0 auto;
    display :inline-block;
}

#myCounterOuter .counter-group {
    margin  :0 auto 10px 35px;
    display :inline-block;
}

.counter-group:before,
.counter-group:after {
    content :" ";
    display :table;
}

.counter-group:after {
    clear :both;
}

.counter-block {
    float        :left;
    margin-right :5px;
}

.counter-block .counter {
    /*
  position: relative;
  width: 200px;
  height: 150px;
  overflow: hidden;
  font-family: Iceberg, sans-serif;
  */
    position :relative;
    width    :40px;
    height   :25px;
    overflow :hidden;
    /*font-family: Iceberg, sans-serif;*/
}

.counter-block .counter .number {
    /*
    padding: 1%;
    width: 46%;
    height: 98%;
    background-color: #222;
    color: #fefefe;
    position: absolute;
    font-size: 180px;
    line-height: 150px;
    top: -10000px;
    */
    padding          :1%;
    width            :46%;
    height           :98%;
    background-color :#222;
    color            :#fefefe;
    position         :absolute;
    font-size        :14px;
    line-height      :25px;
    top              :-10000px;
}

.sp .counter-block {
    float        :left;
    margin-right :0;
}

.sp .counter-block + .counter-block {
    margin-left :3px;
}

.sp .counter-block .counter {
    
    position :relative;
    width    :35px;
    height   :20px;
    overflow :hidden;
    /*font-family: Iceberg, sans-serif;*/
}

.sp .counter-block .counter {
    width  :52px;
    height :40px;
}

.sp .counter-block .counter .number {
    padding          :1%;
    width            :46%;
    height           :98%;
    background-color :#222;
    color            :#fefefe;
    position         :absolute;
    font-size        :20px;
    line-height      :20px;
    top              :-10000px;
}

.sp .counter-block .counter .number {
    font-size   :36px;
    line-height :40px;
}

.counter-block .counter .number.tens {
    left :0;
}

.counter-block .counter .number.units {
    left :50%;
}

.counter-block .counter .number.hundreds {
    display :none;
}

.counter-block .counter .number.show {
    top     :0;
    z-index :2;
}

.counter-block .counter .number.hidden-down {
    top :100%;
}

.counter-block .counter .number.hidden-up {
    top     :-100%;
    z-index :100;
}

.counter-block .counter.with-hundreds {
    /*width :300px;*/
}

.counter-block .counter.with-hundreds .number {
    width :30.66%;
}

.counter-block .counter.with-hundreds .number.tens {
    left :33.33%;
}

.counter-block .counter.with-hundreds .number.units {
    left :66.66%;
}

.counter-block .counter.with-hundreds .number.hundreds {
    display :block;
    left    :0;
}

.counter-block .counter-caption {
    /*font-size: 150%;*/
}

@media (max-width :992px) {
    .counter-group {
        margin :0 auto;
    }
    
    .counter-block {
        margin-right :10px;
    }
    
    .counter-block .counter {
        width       :120px;
        height      :90px;
        overflow    :hidden;
        font-weight :700;
    }
    
    .counter-block .counter .number {
        font-size   :108px;
        line-height :90px;
    }
    
    .counter-block .counter.with-hundreds {
        width :180px;
    }
    
    .counter-block .counter-caption {
        font-size :100%;
    }
}

@media (max-width :768px) {
    .counter-group {
        margin :0 auto;
    }
    
    .counter-block {
        margin-right :8px;
    }
    
    .counter-block .counter {
        width  :96px;
        height :80px;
    }
    
    .counter-block .counter .number {
        font-size   :86px;
        line-height :72px;
    }
    
    .counter-block .counter.with-hundreds {
        width :144px;
    }
    
    .counter-block .counter-caption {
        font-size :85%;
    }
}

@media (max-width :480px) {
    .counter-block .counter {
        width  :70px;
        height :50px;
    }
    
    .counter-block .counter .number {
        font-size   :55px;
        line-height :50px;
    }
    
    .counter-block .counter.with-hundreds {
        width :91px;
    }
    
    .counter-block .counter-caption {
        font-size :70%;
    }
}