@media(min-width:770px){.wrap{position:relative;margin-top:100px;height:200px}.wrap h1{margin-bottom:60px;text-align:center;font-size:22px;text-transform:uppercase}.wrap h1 strong{font-size:42px;color:#c31632}.countdown.w-days{width:980px;margin:0 auto}.countdown.no-days{width:720px;margin:0 auto}.countdown .bloc-time{float:left;margin-right:45px;text-align:center}.countdown .bloc-time:last-child{margin-right:0}.countdown .count-title{display:block;margin-bottom:15px;color:#1a1a1a;text-transform:uppercase}.countdown .figure{position:relative;float:left;height:110px;width:100px;margin-right:10px;background-color:#fff;border-radius:8px;-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,0.2),inset 2px 4px 0 0 rgba(255,255,255,0.08);-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,0.2),inset 2px 4px 0 0 rgba(255,255,255,0.08);box-shadow:0 3px 4px 0 rgba(0,0,0,0.2),inset 2px 4px 0 0 rgba(255,255,255,0.08)}.countdown .figure:last-child{margin-right:0}.countdown .figure>span{position:absolute;left:0;right:0;margin:auto;font:normal 5.94em/107px "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;color:#c31632}.countdown .figure .top:after,.countdown .figure .bottom-back:after{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:100%;border-bottom:1px solid rgba(0,0,0,0.1)}.countdown .figure .top{z-index:3;background-color:#f7f7f7;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;-moz-transform:perspective(200px);-ms-transform:perspective(200px);-webkit-transform:perspective(200px);transform:perspective(200px)}.countdown .figure .bottom{z-index:1}.countdown .figure .bottom:before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:50%;background-color:rgba(0,0,0,0.02)}.countdown .figure .bottom-back{z-index:2;top:0;height:50%;overflow:hidden;background-color:#f7f7f7;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px}.countdown .figure .bottom-back span{position:absolute;top:0;left:0;right:0;margin:auto}.countdown .figure .top,.countdown .figure .top-back{height:50%;overflow:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.countdown .figure .top-back{z-index:4;bottom:0;background-color:#fff;-webkit-transform-origin:50% 0;transform-origin:50% 0;-moz-transform:perspective(200px) rotateX(180deg);-ms-transform:perspective(200px) rotateX(180deg);-webkit-transform:perspective(200px) rotateX(180deg);transform:perspective(200px) rotateX(180deg);-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px}.countdown .figure .top-back span{position:absolute;top:-100%;left:0;right:0;margin:auto}}@media(max-width:769px){.wrap{position:relative;margin-top:50px;height:100px}.wrap h1{margin-bottom:30px;text-align:center;font-size:14px;text-transform:uppercase}.wrap h1 strong{font-size:20px;color:#c31632}.countdown.w-days{width:351px;margin:0 auto}.countdown.no-days{width:261px;margin:0 auto}.countdown .bloc-time{float:left;margin-right:25px;text-align:center}.countdown .bloc-time:last-child{margin-right:0}.countdown .count-title{display:block;margin-bottom:15px;color:#1a1a1a;text-transform:uppercase;font-size:11px}.countdown .figure{position:relative;float:left;height:40px;width:30px;margin-right:5px;background-color:#fff;border-radius:4px;-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,0.2),inset 2px 4px 0 0 rgba(255,255,255,0.08);-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,0.2),inset 2px 4px 0 0 rgba(255,255,255,0.08);box-shadow:0 3px 4px 0 rgba(0,0,0,0.2),inset 2px 4px 0 0 rgba(255,255,255,0.08)}.countdown .figure:last-child{margin-right:0}.countdown .figure>span{position:absolute;left:0;right:0;margin:auto;font:normal 2em "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;color:#c31632}.countdown .figure .top:after,.countdown .figure .bottom-back:after{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:100%;border-bottom:1px solid rgba(0,0,0,0.1)}.countdown .figure .top{z-index:3;background-color:#f7f7f7;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;-moz-transform:perspective(200px);-ms-transform:perspective(200px);-webkit-transform:perspective(200px);transform:perspective(200px)}.countdown .figure .bottom{z-index:1}.countdown .figure .bottom:before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:50%;background-color:rgba(0,0,0,0.02)}.countdown .figure .bottom-back{z-index:2;top:0;height:50%;overflow:hidden;background-color:#f7f7f7;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px}.countdown .figure .bottom-back span{position:absolute;top:0;left:0;right:0;margin:auto}.countdown .figure .top,.countdown .figure .top-back{height:50%;overflow:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.countdown .figure .top-back{z-index:4;bottom:0;background-color:#fff;-webkit-transform-origin:50% 0;transform-origin:50% 0;-moz-transform:perspective(200px) rotateX(180deg);-ms-transform:perspective(200px) rotateX(180deg);-webkit-transform:perspective(200px) rotateX(180deg);transform:perspective(200px) rotateX(180deg);-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px}.countdown .figure .top-back span{position:absolute;top:-100%;left:0;right:0;margin:auto}}