html{height:100%}.flip-clock{text-align:center;-webkit-perspective:400px;perspective:400px;margin:0}.flip-clock *,.flip-clock:after,.flip-clock:before{box-sizing:border-box}.flip-clock__piece{display:inline-block;margin:0 5px;line-height:14px}.flip-clock__slot{font-size:10px;color:#fff;text-transform:uppercase}.card{display:block;position:relative;padding-bottom:.72em;font-size:18px;line-height:.95}.card__back::after,.card__back::before,.card__bottom,.card__top{display:block;height:.72em;color:#fff;background:#69bd28;padding:.25em;border-radius:.15em .15em 0 0;backface-visiblity:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:1.8em;-webkit-transform:translateZ(0);transform:translateZ(0)}.card__bottom{color:#fff;position:absolute;top:50%;left:0;border-top:solid 1px #000;background:#69bd28;border-radius:0 0 .15em .15em;pointer-events:none;overflow:hidden}.card:before{position:absolute;background:#000;width:8px;height:8px;content:"";left:-4px;z-index:11;border-radius:50px;top:0;bottom:0;margin:auto}.card:after{position:absolute;background:#000;width:8px;height:8px;content:"";right:-4px;z-index:11;border-radius:50px;top:0;bottom:0;margin:auto}.card__bottom::after{display:block;margin-top:-.72em}.card__back::before,.card__bottom::after{content:attr(data-value)}.card__back{position:absolute;top:0;height:100%;left:0;pointer-events:none}.card__back::before{position:relative;z-index:-1;overflow:hidden}.flip .card__back::before{-webkit-animation:flipTop .3s cubic-bezier(.37,.01,.94,.35);animation:flipTop .3s cubic-bezier(.37,.01,.94,.35);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:center bottom;transform-origin:center bottom}.flip .card__back .card__bottom{-webkit-transform-origin:center top;transform-origin:center top;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:flipBottom .6s cubic-bezier(.15,.45,.28,1);animation:flipBottom .6s cubic-bezier(.15,.45,.28,1)}@-webkit-keyframes flipTop{0%{-webkit-transform:rotateX(0);transform:rotateX(0);z-index:2}0%,99%{opacity:.99}100%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0}}@keyframes flipTop{0%{-webkit-transform:rotateX(0);transform:rotateX(0);z-index:2}0%,99%{opacity:.99}100%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0}}@-webkit-keyframes flipBottom{0%,50%{z-index:-1;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}51%{opacity:.99}100%{opacity:.99;-webkit-transform:rotateX(0);transform:rotateX(0);z-index:5}}@keyframes flipBottom{0%,50%{z-index:-1;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}51%{opacity:.99}100%{opacity:.99;-webkit-transform:rotateX(0);transform:rotateX(0);z-index:5}}.card__back::after,.card__back::before,.card__bottom,.card__top{font-size:17px}div#cat-banner-sale-cntdwn{padding-top:5px}@media(max-width:767px){.card{font-size:15px}.flip-clock__slot{font-size:10px}.flip-clock__piece{line-height:11px}.card__back::after,.card__back::before,.card__bottom,.card__top{width:31px}}