@-webkit-keyframes flipTop{0%{-webkit-transform:perspective(400px) rotateX(0deg)}100%{-webkit-transform:perspective(400px) rotateX(-90deg)}}@-webkit-keyframes flipBottom{0%{-webkit-transform:perspective(400px) rotateX(90deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg)}}@keyframes flipTop{0%{transform:perspective(400px) rotateX(0deg)}100%{transform:perspective(400px) rotateX(-90deg)}}@keyframes flipBottom{0%{transform:perspective(400px) rotateX(90deg)}100%{transform:perspective(400px) rotateX(0deg)}}.flipTimer{color:#fff;font-family:'shabnam';line-height:26px;height:26px;display:flex;justify-content:center}.flipTimer .seperator{vertical-align:top;margin:0 -20px;display:inline}.flipTimer .seconds,.flipTimer .minutes,.flipTimer .hours,.flipTimer .days{margin:0 4px;display:flex;flex-direction:row-reverse;position:relative}.flipTimer .days::before{content:'روز'}.flipTimer .hours::before{content:'ساعت'}.flipTimer .minutes::before{content:'دقیقه'}.flipTimer .seconds::before{content:'ثانیه'}.flipTimer .seconds::before,.flipTimer .minutes::before,.flipTimer .hours::before,.flipTimer .days::before{position:absolute;color:#eceff4;bottom:-85%;right:50%;font-size:12px;z-index:2;transform:translateX(50%)}.flipTimer .digit-set{border-radius:5px;box-shadow:-3px 5px 3px #00000036;width:23px;height:100%;display:inline-block;position:relative;margin:0 2px}.flipTimer .digit{position:absolute;height:100%}.flipTimer .digit>div{position:absolute;right:0;overflow:hidden;height:50%}.flipTimer .digit>div.digit-top,.flipTimer .digit>div.shadow-top{background-color:#f6f6f6;border-bottom:1px solid #f6f6f6;color:#000;top:0;z-index:0;right:0;border-radius:5px 5px 0 0;width:23px;text-align:center;padding-top:2px}.flipTimer .digit>div.shadow-top{background:-webkit-gradient(linear,0% 0%,0% 100%,from(#b7b7b7),to(#fff));opacity:0;transition:opacity .3s ease-in}.flipTimer .digit>div.digit-bottom,.flipTimer .digit>div.shadow-bottom{background-color:#fff;color:#000;bottom:0;z-index:0;border-radius:0 0 5px 5px;width:23px}.flipTimer .digit>div.digit-bottom .digit-wrap,.flipTimer .digit>div.shadow-bottom .digit-wrap{display:block;margin-top:-46%}.flipTimer .digit-wrap{font-size:16px;text-align:center;font-weight:bold;font-family:shabnam;display:block;height:100%}.flipTimer .digit>div.shadow-bottom{background:#fff;opacity:0;transition:opacity .3s ease-in}.flipTimer .digit.previous .digit-top,.flipTimer .digit.previous .shadow-top{opacity:1;z-index:2;transform-origin:50% 100%;animation:flipTop .3s ease-in both}.flipTimer .digit.previous .digit-bottom,.flipTimer .digit.previous .shadow-bottom{z-index:1;opacity:1}.flipTimer .digit.active .digit-top{z-index:1}.flipTimer .digit.active .digit-bottom{z-index:2;transform-origin:50% 0%;animation:flipBottom .3s .3s ease-out both}@media only screen and (max-width:992px){.festival .flipTimer::after{display:none}}@media only screen and (max-width:768px) and (min-width:0){.flipTimer{line-height:17px;height:17px}.flipTimer .seconds,.flipTimer .minutes,.flipTimer .hours,.flipTimer .days{margin:0 3px}.flipTimer .digit-set{width:17px}.flipTimer .digit>div.digit-top,.flipTimer .digit>div.shadow-top{width:17px;padding-top:1px}.flipTimer .digit>div.digit-bottom,.flipTimer .digit>div.shadow-bottom{width:17px}.flipTimer .seconds::before,.flipTimer .minutes::before,.flipTimer .hours::before,.flipTimer .days::before{font-size:10px;bottom:-90%}.flipTimer .digit>div.digit-bottom .digit-wrap,.flipTimer .digit>div.shadow-bottom .digit-wrap{margin-top:-43%}}