.flip-clock-wrapper *{box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden}.flip-clock-wrapper a{cursor:pointer;color:#ccc;text-decoration:none}.flip-clock-wrapper a:hover{color:#fff}.flip-clock-wrapper ul{list-style:none}.flip-clock-wrapper.clearfix:before,.flip-clock-wrapper.clearfix:after{content:" ";display:table}.flip-clock-wrapper.clearfix:after{clear:both}.flip-clock-wrapper.clearfix{zoom:1}.flip-clock-wrapper{-webkit-user-select:none;user-select:none;font:11px Helvetica Neue,Helvetica,sans-serif}.flip-clock-meridium{background:0 0!important;font-size:36px!important;box-shadow:0 0!important}.flip-clock-wrapper{text-align:center;width:100%;margin:1em;position:relative}.flip-clock-wrapper:before,.flip-clock-wrapper:after{content:" ";display:table}.flip-clock-wrapper:after{clear:both}.flip-clock-wrapper ul{float:left;background:#000;border-radius:6px;width:60px;height:90px;margin:5px;font-size:80px;font-weight:700;line-height:87px;position:relative}.flip-clock-wrapper ul li{z-index:1;width:100%;height:100%;line-height:87px;position:absolute;top:0;left:0;text-decoration:none!important}.flip-clock-wrapper ul li:first-child{z-index:2}.flip-clock-wrapper ul li a{perspective:200px;height:100%;display:block;cursor:default!important;margin:0!important;overflow:visible!important}.flip-clock-wrapper ul li a div{z-index:1;outline:1px solid #0000;width:100%;height:50%;font-size:80px;position:absolute;left:0;overflow:hidden}.flip-clock-wrapper ul li a div .shadow{z-index:2;width:100%;height:100%;position:absolute}.flip-clock-wrapper ul li a div.up{transform-origin:50% 100%;top:0}.flip-clock-wrapper ul li a div.up:after{content:"";z-index:5;background-color:#0006;width:100%;height:3px;position:absolute;top:44px;left:0}.flip-clock-wrapper ul li a div.down{transform-origin:50% 0;border-bottom-right-radius:6px;border-bottom-left-radius:6px;bottom:0}.flip-clock-wrapper ul li a div div.inn{z-index:1;color:#ccc;text-shadow:0 1px 2px #000;text-align:center;background-color:#333;border-radius:6px;width:100%;height:200%;font-size:70px;position:absolute;left:0}.flip-clock-wrapper ul li a div.up div.inn{top:0}.flip-clock-wrapper ul li a div.down div.inn{bottom:0}.flip-clock-wrapper ul.play li.flip-clock-before{z-index:3}.flip-clock-wrapper .flip{box-shadow:0 2px 5px #000000b3}.flip-clock-wrapper ul.play li.flip-clock-active{z-index:5;animation:.5s linear .5s both asd}.flip-clock-divider{float:left;width:20px;height:100px;position:relative}.flip-clock-divider:first-child{width:0}.flip-clock-dot{background:#323434;border-radius:50%;width:10px;height:10px;display:block;position:absolute;left:5px;box-shadow:0 0 5px #00000080}.flip-clock-divider .flip-clock-label{color:#000;text-shadow:none;position:absolute;top:-1.5em}.flip-clock-divider.days .flip-clock-label{right:-95px}.flip-clock-divider.hours .flip-clock-label{right:-100px}.flip-clock-divider.minutes .flip-clock-label,.flip-clock-divider.seconds .flip-clock-label{right:-110px}.flip-clock-dot.top{top:30px}.flip-clock-dot.bottom{bottom:30px}@keyframes asd{0%{z-index:2}20%{z-index:4}to{z-index:4}}.flip-clock-wrapper ul.play li.flip-clock-active .down{z-index:2;animation:.5s linear .5s both turn}@-webkit-keyframes turn{0%{-webkit-transform:rotateX(90deg)}to{-webkit-transform:rotateX(0)}}@-moz-keyframes turn{0%{-moz-transform:rotateX(90deg)}to{-moz-transform:rotateX(0)}}@-o-keyframes turn{0%{-o-transform:rotateX(90deg)}to{-o-transform:rotateX(0)}}@keyframes turn{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flip-clock-wrapper ul.play li.flip-clock-before .up{z-index:2;animation:.5s linear both turn2}@-webkit-keyframes turn2{0%{-webkit-transform:rotateX(0)}to{-webkit-transform:rotateX(-90deg)}}@-moz-keyframes turn2{0%{-moz-transform:rotateX(0)}to{-moz-transform:rotateX(-90deg)}}@-o-keyframes turn2{0%{-o-transform:rotateX(0)}to{-o-transform:rotateX(-90deg)}}@keyframes turn2{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}.flip-clock-wrapper ul li.flip-clock-active{z-index:3}.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow{background:-webkit-gradient(linear,0 0,0 100%,from(#0000001a),to(#000));background:linear,top,#0000001a 0%,black 100%;background:-o-linear-gradient(#000 0%,#0000001a 100%);background:-ms-linear-gradient(top,#0000001a 0%,black 100%);background:linear,to bottom,#0000001a 0%,black 100%;background:-moz-linear-gradient(#000 0%,#0000001a 100%);background:-moz-linear-gradient(#000 0%,#0000001a 100%);background:-webkit-gradient(linear,0 0,0 100%,from(#0000001a),to(#000));background:-o-linear-gradient(#000 0%,#0000001a 100%);background:-moz-linear-gradient(#000 0%,#0000001a 100%);background:-webkit-gradient(linear,0 0,0 100%,from(#0000001a),to(#000));background:-o-linear-gradient(#000 0%,#0000001a 100%);background:-moz-linear-gradient(#000 0%,#0000001a 100%);background:-webkit-gradient(linear,0 0,0 100%,from(#0000001a),to(#000));animation:.5s linear both show}.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{background:-webkit-gradient(linear,0 0,0 100%,from(#0000001a),to(#000));background:linear,top,#0000001a 0%,black 100%;background:-o-linear-gradient(#000 0%,#0000001a 100%);background:-ms-linear-gradient(top,#0000001a 0%,black 100%);background:linear,to bottom,#0000001a 0%,black 100%;background:-moz-linear-gradient(#000 0%,#0000001a 100%);background:-moz-linear-gradient(#000 0%,#0000001a 100%);background:-webkit-gradient(linear,0 0,0 100%,from(#0000001a),to(#000));background:-o-linear-gradient(#000 0%,#0000001a 100%);background:-moz-linear-gradient(#000 0%,#0000001a 100%);background:-webkit-gradient(linear,0 0,0 100%,from(#0000001a),to(#000));background:-o-linear-gradient(#000 0%,#0000001a 100%);background:-moz-linear-gradient(#000 0%,#0000001a 100%);background:-webkit-gradient(linear,0 0,0 100%,from(#0000001a),to(#000));animation:.5s linear .3s both hide}.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background:-webkit-gradient(linear,0 0,0 100%,from(#000),to(#0000001a));background:linear,top,black 0%,#0000001a 100%;background:-o-linear-gradient(#0000001a 0%,#000 100%);background:-ms-linear-gradient(top,black 0%,#0000001a 100%);background:linear,to bottom,black 0%,#0000001a 100%;background:-moz-linear-gradient(#0000001a 0%,#000 100%);background:-moz-linear-gradient(#0000001a 0%,#000 100%);background:-webkit-gradient(linear,0 0,0 100%,from(#000),to(#0000001a));background:-o-linear-gradient(#0000001a 0%,#000 100%);background:-moz-linear-gradient(#0000001a 0%,#000 100%);background:-webkit-gradient(linear,0 0,0 100%,from(#000),to(#0000001a));background:-o-linear-gradient(#0000001a 0%,#000 100%);background:-moz-linear-gradient(#0000001a 0%,#000 100%);background:-webkit-gradient(linear,0 0,0 100%,from(#000),to(#0000001a));animation:.5s linear both show}.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background:-webkit-gradient(linear,0 0,0 100%,from(#000),to(#0000001a));background:linear,top,black 0%,#0000001a 100%;background:-o-linear-gradient(#0000001a 0%,#000 100%);background:-ms-linear-gradient(top,black 0%,#0000001a 100%);background:linear,to bottom,black 0%,#0000001a 100%;background:-moz-linear-gradient(#0000001a 0%,#000 100%);background:-moz-linear-gradient(#0000001a 0%,#000 100%);-webkit-animation:.5s linear .3s both hide;-moz-animation:.5s linear .3s both hide;background:-webkit-gradient(linear,0 0,0 100%,from(#000),to(#0000001a));background:-o-linear-gradient(#0000001a 0%,#000 100%);background:-moz-linear-gradient(#0000001a 0%,#000 100%);background:-webkit-gradient(linear,0 0,0 100%,from(#000),to(#0000001a));background:-o-linear-gradient(#0000001a 0%,#000 100%);background:-moz-linear-gradient(#0000001a 0%,#000 100%);background:-webkit-gradient(linear,0 0,0 100%,from(#000),to(#0000001a));animation:.5s linear .2s both hide}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}*{margin:0;padding:0;font-family:sans-serif}.background-image{background-image:linear-gradient(#0000,#000),url(background2_back.38e29640.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100vh;position:relative}.img{background-image:url(us2.801201e6.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:40%;position:absolute;top:5%}.wrap{justify-content:center;width:100%;display:flex}.card{backdrop-filter:blur(20px);color:#ccc;text-align:center;background:#0000001a;border-radius:15px;width:20em;margin:0 auto;padding:50px;font-size:1.5em;position:absolute;top:35%;box-shadow:0 4px 20px #0009}.column{box-sizing:border-box;width:100%;height:100vh;padding:0}@media (width>=1000px){.column{max-width:1000px;margin:0 auto;padding:0 40px}}body{background:#444;align-items:center;min-height:100vh;display:flex}.clock{padding-bottom:20%;position:absolute;bottom:0}.clock-inner{width:unset!important}span .flip-clock-dot{background:#999}.flip-clock-meridium a{color:#999!important}span .flip-clock-label{text-transform:uppercase;letter-spacing:2px;font-family:sans-serif;font-size:14px;line-height:1em;color:#b1b1b1!important}