.ds_countdown .flip_clock .face {
   display: inline-block;
   margin: 5px;
}

.ds_countdown .flip_clock .time {
   border-radius: 5px;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
   display: inline-block;
   text-align: center;
   position: relative;
   height: 95px;
   width: 65px;
   -webkit-perspective: 479px;
   -moz-perspective: 479px;
   -ms-perspective: 479px;
   -o-perspective: 479px;
   perspective: 479px;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -o-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.ds_countdown .flip_clock .count {
   /* background: #202020; */
   color: #f8f8f8;
   display: block;
   font-family: 'Oswald', sans-serif;
   font-weight: 400;
   line-height: 2.25em;
   font-size: 3em;
   overflow: hidden;
   position: absolute;
   text-align: center;
   /* text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); */
   top: 0;
   width: 100%;
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transform-style: flat;
   -moz-transform-style: flat;
   -ms-transform-style: flat;
   -o-transform-style: flat;
   transform-style: flat;
}

.ds_countdown .flip_clock {
   text-align: center;
}

.ds_countdown .flip_clock .count.top {
   border-top: 1px solid rgba(255, 255, 255, 0.2);
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 5px 5px 0 0;
   height: 50%;
   -webkit-transform-origin: 50% 100%;
   -moz-transform-origin: 50% 100%;
   -ms-transform-origin: 50% 100%;
   -o-transform-origin: 50% 100%;
   transform-origin: 50% 100%;
}

.ds_countdown .flip_clock .count.bottom {
   background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
   background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
   background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
   background-image: linear-gradient(rgba(255, 255, 255, 0.1), transparent);
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
   border-radius: 0 0 5px 5px;
   line-height: 0 !important;
   height: 50%;
   top: 50%;
   -webkit-transform-origin: 50% 0;
   -moz-transform-origin: 50% 0;
   -ms-transform-origin: 50% 0;
   -o-transform-origin: 50% 0;
   transform-origin: 50% 0;
}

.ds_countdown .block_clock .face_wrapper {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex-wrap: wrap;
}

.ds_countdown .block_clock .face {
   text-align: center;
   padding: 20px;
   margin: 5px;
}

.ds_countdown .block_clock .label {
   color: #ffffff;
   font-size: normal;
   margin-top: 5px;
   margin-bottom: 5px;
   word-break: break-all;
}

.ds_countdown .block_clock .time {
   color: #ffffff;
   font-size: 4em;
   line-height: 1;
   margin-top: 5px;
   margin-bottom: 5px;
}

.ds_countdown .flip_clock .label {
   font-size: normal;
   margin-top: 5px;
   margin-bottom: 5px;
   display: block;
}


/* Animation start */

.ds_countdown .flip_clock .count.curr.top {
   -webkit-transform: rotateX(0deg);
   -moz-transform: rotateX(0deg);
   -ms-transform: rotateX(0deg);
   -o-transform: rotateX(0deg);
   transform: rotateX(0deg);
   z-index: 3;
}

.ds_countdown .flip_clock .count.next.bottom {
   -webkit-transform: rotateX(90deg);
   -moz-transform: rotateX(90deg);
   -ms-transform: rotateX(90deg);
   -o-transform: rotateX(90deg);
   transform: rotateX(90deg);
   z-index: 2;
}


/* Animation end */

.ds_countdown .flip_clock .flip .count.curr.top {
   -webkit-transition: all 250ms ease-in-out;
   -moz-transition: all 250ms ease-in-out;
   -ms-transition: all 250ms ease-in-out;
   -o-transition: all 250ms ease-in-out;
   transition: all 250ms ease-in-out;
   -webkit-transform: rotateX(-90deg);
   -moz-transform: rotateX(-90deg);
   -ms-transform: rotateX(-90deg);
   -o-transform: rotateX(-90deg);
   transform: rotateX(-90deg);
}

.ds_countdown .flip_clock .flip .count.next.bottom {
   -webkit-transition: all 250ms ease-in-out 250ms;
   -moz-transition: all 250ms ease-in-out 250ms;
   -ms-transition: all 250ms ease-in-out 250ms;
   -o-transition: all 250ms ease-in-out 250ms;
   transition: all 250ms ease-in-out 250ms;
   -webkit-transform: rotateX(0deg);
   -moz-transform: rotateX(0deg);
   -ms-transform: rotateX(0deg);
   -o-transform: rotateX(0deg);
   transform: rotateX(0deg);
}

.ds_countdown .flip_clock .face_wrapper {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.ds_countdown .forwarding_wrapper {
   display: none;
}

.ds_countdown .disabled .forwarding_wrapper {
   display: block;
}

@media all and (max-width: 767px) {
   .ds_countdown .flip_clock {
       width: 100%;
   }
   .ds_countdown .flip_clock .face {
       margin: 1px;
   }
   .ds_countdown .flip_clock .time {
       height: 70px;
       width: 48px;
   }
   .ds_countdown .flip_clock .count {
       font-size: 1.5em;
       line-height: 68px;
   }
   .ds_countdown .flip_clock .label {
       font-size: 0.8em;
       top: 72px;
   }
   .ds_countdown .block_clock .face {
       padding: 2px;
       margin: 1px;
   }
   .ds_countdown .block_clock .time {
       font-size: 2.5em;
   }
}

.et_fb_preview_active--responsive_preview--phone_preview .ds_countdown .flip_clock {
   width: 100%;
}

.et_fb_preview_active--responsive_preview--phone_preview .ds_countdown .flip_clock .face {
   margin: 1px;
}

.et_fb_preview_active--responsive_preview--phone_preview .ds_countdown .flip_clock .time {
   height: 70px;
   width: 48px;
}

.et_fb_preview_active--responsive_preview--phone_preview .ds_countdown .flip_clock .count {
   font-size: 1.5em;
   line-height: 68px;
}

.et_fb_preview_active--responsive_preview--phone_preview .ds_countdown .flip_clock .label {
   font-size: 0.8em;
   top: 72px;
}

.et_fb_preview_active--responsive_preview--phone_preview .ds_countdown .block_clock .face {
   padding: 2px;
   margin: 1px;
}

.et_fb_preview_active--responsive_preview--phone_preview .ds_countdown .block_clock .time {
   font-size: 2.5em;
}