.eb-countdown-5ni192w.eb-cd-wrapper{ max-width:600px; background-color: rgba(40,69,175,0); transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } div.eb-countdown-5ni192w.eb-cd-wrapper{ margin-left: auto; margin-right: auto; } .eb-countdown-5ni192w.eb-cd-wrapper:hover{ } .eb-countdown-5ni192w.eb-cd-wrapper:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-countdown-5ni192w.eb-cd-wrapper:hover:before{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner { display: flex; justify-content: center; flex-direction: row; } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box { position:relative; display: flex; width: 100%; background-color: rgba(0,114,163,0); transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; padding-top: 20px; padding-bottom: 20px; border-radius: 10px; flex-direction: column; align-items: center; } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box span { display: block; } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { font-family: Abril Fatface; font-size: 70px; line-height: 1em; color: rgba(255,255,255,0.8); } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box + .box:before { position: absolute; right: 90%; content: "|"; color: rgba(255,255,255,0.71); top:46%; padding-right:18%; font-size: 90px; font-weight: 100; } div.eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box:before{ line-height:0; } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { font-size: 19px; font-weight: 100; text-transform: uppercase; padding-top: 5px; color: #fff; } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box + .box { margin: 0; margin-left:30px; } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-day span.eb-cd-label{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-day span.eb-cd-digit{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour span.eb-cd-label{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour span.eb-cd-digit{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute span.eb-cd-label{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute span.eb-cd-digit{ }  @media(max-width: 1024px){ .eb-countdown-5ni192w.eb-cd-wrapper{ } .eb-countdown-5ni192w.eb-cd-wrapper:hover{ } .eb-countdown-5ni192w.eb-cd-wrapper:before{ } .eb-countdown-5ni192w.eb-cd-wrapper:hover:before{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box { } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box:before { } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box + .box { } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } } @media(max-width: 767px){ .eb-countdown-5ni192w.eb-cd-wrapper{ max-width:320px; } .eb-countdown-5ni192w.eb-cd-wrapper:hover{ } .eb-countdown-5ni192w.eb-cd-wrapper:before{ } .eb-countdown-5ni192w.eb-cd-wrapper:hover:before{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box { } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { font-size: 50px; } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box:before { } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box + .box { } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ } .eb-countdown-5ni192w.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } }