@media (min-width:770px){.wrap{height:200px;margin-top:100px;position:relative}.wrap h1{font-size:22px;margin-bottom:60px;text-align:center;text-transform:uppercase}.wrap h1 strong{color:#c31632;font-size:42px}.countdown.w-days{margin:0 auto;width:980px}.countdown.no-days{margin:0 auto;width:720px}.countdown .bloc-time{float:left;margin-right:45px;text-align:center}.countdown .bloc-time:last-child{margin-right:0}.countdown .count-title{color:#1a1a1a;display:block;margin-bottom:15px;text-transform:uppercase}.countdown .figure{background-color:#fff;border-radius:8px;-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,.2),inset 2px 4px 0 0 hsla(0,0%,100%,.08);-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,.2),inset 2px 4px 0 0 hsla(0,0%,100%,.08);box-shadow:0 3px 4px 0 rgba(0,0,0,.2),inset 2px 4px 0 0 hsla(0,0%,100%,.08);float:left;height:110px;margin-right:10px;position:relative;width:100px}.countdown .figure:last-child{margin-right:0}.countdown .figure>span{color:#c31632;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;left:0;margin:auto;position:absolute;right:0}.countdown .figure .bottom-back:after,.countdown .figure .top:after{border-bottom:1px solid rgba(0,0,0,.1);bottom:0;content:"";height:100%;left:0;position:absolute;width:100%;z-index:-1}.countdown .figure .top{background-color:#f7f7f7;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;z-index:3;-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{background-color:rgba(0,0,0,.02);content:"";display:block;height:50%;left:0;position:absolute;top:0;width:100%}.countdown .figure .bottom-back{background-color:#f7f7f7;height:50%;overflow:hidden;top:0;z-index:2;-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{left:0;margin:auto;position:absolute;right:0;top:0}.countdown .figure .top,.countdown .figure .top-back{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:50%;overflow:hidden}.countdown .figure .top-back{background-color:#fff;bottom:0;-moz-transform:perspective(200px) rotateX(180deg);-ms-transform:perspective(200px) rotateX(180deg);-webkit-transform:perspective(200px) rotateX(180deg);transform:perspective(200px) rotateX(180deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;z-index:4;-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{left:0;margin:auto;position:absolute;right:0;top:-100%}}@media (max-width:769px){.wrap{height:100px;margin-top:50px;position:relative}.wrap h1{font-size:14px;margin-bottom:30px;text-align:center;text-transform:uppercase}.wrap h1 strong{color:#c31632;font-size:20px}.countdown.w-days{margin:0 auto;width:351px}.countdown.no-days{margin:0 auto;width:261px}.countdown .bloc-time{float:left;margin-right:25px;text-align:center}.countdown .bloc-time:last-child{margin-right:0}.countdown .count-title{color:#1a1a1a;display:block;font-size:11px;margin-bottom:15px;text-transform:uppercase}.countdown .figure{background-color:#fff;border-radius:4px;-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,.2),inset 2px 4px 0 0 hsla(0,0%,100%,.08);-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,.2),inset 2px 4px 0 0 hsla(0,0%,100%,.08);box-shadow:0 3px 4px 0 rgba(0,0,0,.2),inset 2px 4px 0 0 hsla(0,0%,100%,.08);float:left;height:40px;margin-right:5px;position:relative;width:30px}.countdown .figure:last-child{margin-right:0}.countdown .figure>span{color:#c31632;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;left:0;margin:auto;position:absolute;right:0}.countdown .figure .bottom-back:after,.countdown .figure .top:after{border-bottom:1px solid rgba(0,0,0,.1);bottom:0;content:"";height:100%;left:0;position:absolute;width:100%;z-index:-1}.countdown .figure .top{background-color:#f7f7f7;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;z-index:3;-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{background-color:rgba(0,0,0,.02);content:"";display:block;height:50%;left:0;position:absolute;top:0;width:100%}.countdown .figure .bottom-back{background-color:#f7f7f7;height:50%;overflow:hidden;top:0;z-index:2;-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{left:0;margin:auto;position:absolute;right:0;top:0}.countdown .figure .top,.countdown .figure .top-back{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:50%;overflow:hidden}.countdown .figure .top-back{background-color:#fff;bottom:0;-moz-transform:perspective(200px) rotateX(180deg);-ms-transform:perspective(200px) rotateX(180deg);-webkit-transform:perspective(200px) rotateX(180deg);transform:perspective(200px) rotateX(180deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;z-index:4;-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{left:0;margin:auto;position:absolute;right:0;top:-100%}}