.productSingle .main-countdown { text-align: center; width: 340px; margin: 1.7em 0; padding: 0.6em 0.2em 2em; }
@media screen and (max-width: 48em) { .productSingle .main-countdown { width: 100%; text-align: center; } }
.productSingle .main-countdown .time { height: 68px; width: 63px; }
.productSingle .main-countdown .count { font-size: 42px; }
.productSingle .main-countdown .count.top { line-height: 1.6; }
.productSingle .main-countdown .count.bottom {line-height: 0.05; }
.product-item-info .main-countdown .count.top { line-height: 1.6; }
.product-item-info .main-countdown .count.bottom {line-height: 0.05; }

.productSingle .main-countdown .label { top: 64px; font-size: 1.25em; }
.productSingle .main-countdown .countdown-container .seperator { margin: 22px 6px -26px; font-size: 1.4em; font-weight: bold; }
.productSingle .noQuantity {font-size: 2em; font-weight: bold;}
.products.list .main-countdown { border: 0; }

.main-countdown { direction: ltr; border-top: 1px solid #dcdcdc; width: 218px; border-bottom: 1px solid #dcdcdc; padding: 0.3em 0.2em 1.3em; }
.main-countdown .countdown-container .seperator { display: inline-block; margin: 0px 3px -19px; vertical-align: middle; }
.main-countdown .countdown-container .seperator:first-child { display: none; }
.main-countdown .time { /*border-radius: 5px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);*/ display: inline-block; text-align: center; position: relative; height: 38px; width: 38px; -webkit-perspective: 479px; -moz-perspective: 479px; -ms-perspective: 479px; -o-perspective: 479px; perspective: 479px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.main-countdown .time:after { content: ":"; }
.main-countdown .count {  color: #000; display: block; font-size: 24px; font-weight: 500; line-height: 1.2em; overflow: hidden; position: absolute; text-align: center; /*text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);*/ top: 0; width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform-style: flat; -moz-transform-style: flat; -ms-transform-style: flat; -o-transform-style: flat; transform-style: flat; }
.main-countdown .count.top { border-top: 1px solid #b8b8b8; border-bottom: 1px solid rgba(255,255,255,.65); border-radius: 5px 5px 0 0; height: 50%; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%;
    background: -moz-linear-gradient(90deg, #d6d6d6 25%, #b8b8b8 70%);/* FF3.6+ */
    background: -webkit-gradient(linear, 90deg, color-stop(25%, #d6d6d6), color-stop(70%, #b8b8b8));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(90deg, #d6d6d6 25%, #b8b8b8 70%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #d6d6d6 25%, #b8b8b8 70%);/* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #d6d6d6 25%, #b8b8b8 70%);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#b8b8b8', GradientType='0'); /* for IE */
    background: linear-gradient(0deg, #d6d6d6 25%, #b8b8b8 70%);/* W3C */
}
.main-countdown .count.bottom { border-top: 1px solid rgba(255,255,255,.65); border-bottom: 1px solid #b8b8b8; border-radius: 0 0 5px 5px; /**/ line-height: 0.05; height: 50%; top: 50%;
    background: -moz-linear-gradient(90deg, #b8b8b8 30%, #d6d6d6 75%);/* FF3.6+ */
    background: -webkit-gradient(linear, 90deg, color-stop(30%, #b8b8b8), color-stop(75%, #d6d6d6));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(90deg, #b8b8b8 30%, #d6d6d6 75%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #b8b8b8 30%, #d6d6d6 75%);/* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #b8b8b8 30%, #d6d6d6 75%);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#d6d6d6', GradientType='0'); /* for IE */
    background: linear-gradient(0deg, #b8b8b8 30%, #d6d6d6 75%);/* W3C */
    /*background-image: linear-gradient(rgba(255, 255, 255, 0.1), transparent); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), transparent); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1), transparent); background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.1), transparent); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), transparent);*/
    -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; }
.main-countdown .label { font-size: normal; margin-top: 5px; display: block; position: absolute; top: 35px; width: 100%; color: #000; }
.main-countdown .count.curr.top { z-index: 3; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); }
.main-countdown .count.next.bottom { z-index: 2; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); }
.main-countdown .flip .count.curr.top { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); }
.main-countdown .flip .count.next.bottom { -webkit-transition: all 250ms ease-in-out 250ms; -moz-transition: all 250ms ease-in-out 250ms; -ms-transition: all 250ms ease-in-out 250ms; -o-transition: all 250ms ease-in-out 250ms; transition: all 250ms ease-in-out 250ms; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); }

