.countcontainer {
    position:absolute;
    display:inline-block;
    width:100%;
    bottom:0;
    left:0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.homeproducts .countcontainer {
    max-width: 246px;
}
ul.product_list.grid > li:hover .product-container .product-image-container .countcontainer,
#roy_special_block .products-block li:hover .products-block-image .countcontainer {
    bottom:50%;
    margin-bottom:-24px;
}
.county-reflection
{
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
}
.county
{
    width:100%!important;
    position:relative;
    padding-bottom:10px;
    height:48px;
}
.roycountdown:before, .roycountoff:before {
    position:absolute;
    left:0;
    top:0;
    content:' ';
    width: 100%;
    height: 100%;
    z-index:0;
    opacity:0.8;
    background: #ffffff;
}
.product_count_block .countcontainer .roycountoff:before {
    display:none;
}
.roycountoff
{
    height:48px;
    width:100%;
    text-align: center;
    line-height: 48px;
    color:#888;
}
.roycountoff > span
{
    position:relative;
}

.county > span
{
    display: inline-block;
    position: relative;
    padding: 0;
    width:25%!important;
}

.county-days-wrapper, .county-hours-wrapper, .county-minutes-wrapper, .county-seconds-wrapper
{
    position: relative !important;
    display: inline-block !important;
}
.county > span > span
{
    display: block;
    text-align: center;
    overflow: hidden;
}
.county-label-days, .county-label-hours, .county-label-minutes, .county-label-seconds
{
    font-size: 11px !important;
    line-height: 16px !important;
    text-align: center !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    background-color: transparent !important;
    display: inline-block !important;
    color:#888;
}

.county .titles
{
    margin:0;
    padding:0;
    display:inline-block;
    width:100%;
    position: absolute;
    bottom: 4px;
    left: 0;
}
.county .county-days-wrapper, .county .county-hours-wrapper, .county .county-minutes-wrapper, .county .county-seconds-wrapper
{
    color: #888;
    height: 34px;
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
    padding:0;
    position: relative;
}
.county > span:before
{
    content:' ';
    display: inline-block;
    width: 1px;
    background:#e5e5e5;
    height:30px;
    position: absolute;
    top:10px;
    left:0;
}
.county > span:first-of-type:before
{
    display: none
}