section.cs-sec .countdown_layer.example,section.cs-sec .flip-countdown.example{background-color:#fff;border:0 solid #331e41;border-radius:20px;display:flex;filter:drop-shadow(0 20px 40px rgba(16,27,67,.2));flex-flow:row wrap;justify-content:center;margin:0 auto;max-width:800px;padding:20px}section.cs-sec{display:inline-block;padding:50px 0 0;vertical-align:top;width:100%}.flipdown.flipdown__theme-dark .rotor,.flipdown.flipdown__theme-dark .rotor-leaf-front,.flipdown.flipdown__theme-dark .rotor-top{background-color:#ee5d4e;border-radius:0;margin:0}.flipdown.flipdown__theme-dark .rotor-bottom,.flipdown.flipdown__theme-dark .rotor-leaf-rear{background-color:#ee5d4e;color:#fff}.flipdown.flipdown__theme-dark .rotor:after{border:unset}.flipdown{display:flex;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);height:auto;justify-content:center;max-width:600px;overflow:visible;width:100%}.flipdown .rotor-group{background-color:#ef5d4e;border-radius:6px;display:grid;float:unset;grid-template-columns:1fr 1fr;padding:9px;position:relative}.flipdown .rotor{font-size:2.5rem;width:100%}.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before{display:none}.flipdown .rotor-leaf{width:100%}.flipdown .rotor-group-heading:before{color:#fff!important;font-family:helvetica!important;font-size:15px;margin-bottom:-5px}.rotor-group-heading{grid-column:span 2;order:3}section.cs-sec .countdown_layer.example .icon,section.cs-sec .flip-countdown.example .icon{display:flex;justify-content:center;margin-bottom:12px;margin-top:-46px;text-align:center;width:100%}section.cs-sec .countdown_layer.example .icon img,section.cs-sec .flip-countdown.example .icon img{height:54px!important;object-fit:contain;object-position:center;width:54px}.flipdown .rotor-group:not(:last-child):after{content:":"!important;display:block!important;font-size:40px;position:absolute;right:-17px;top:50%;transform:translateY(-50%);z-index:9}span.number.zero:before{content:"0"}section.cs-sec .countdown_layer.example .my_date{display:none}section.cs-sec .pie{height:200px;scale:.7;transform:rotate(-90deg);width:200px}section.cs-sec .pie .bar{stroke-dashoffset:0;stroke-width:.5em;transition:stroke-dashoffset .5s linear}section.cs-sec .pie .bg{stroke-width:.2em;stroke:#333}section.cs-sec .days .bar{stroke:#f8e3e3}section.cs-sec .hours .bar{stroke:#edf8e3}section.cs-sec .minutes .bar{stroke:#e3f8f8}section.cs-sec .seconds .bar{stroke:#ede3f8}section.cs-sec .countdownblock{float:left;margin:20px}section.cs-sec .countdownblock p{margin:-26px 0 0;text-align:center;width:100%}section.cs-sec .totalbar{background-color:#333;border-radius:7px;height:20px;margin:25px auto;padding:2px;width:95%}section.cs-sec .totalbar .fill{background-color:#ddd;border-radius:4px;height:100%;transition:width 2s ease-in-out;width:0}section.cs-sec .countdown{margin:200px auto;width:960px}section.cs-sec .countdown h1{font-size:4em;margin:0 auto;text-align:center;text-transform:uppercase;width:50%}section.cs-sec .countdown_layer.example{margin:60px auto 0}section.cs-sec .countdown_layer.example .totalbar{display:none}section.cs-sec .countdownblock{display:flex;flex-direction:column;float:unset;margin:0;position:relative}section.cs-sec .countdownblock_wrap{display:grid;grid-template-columns:repeat(3,1fr)}section.cs-sec .countdownblock.days circle.bar,section.cs-sec .countdownblock.days circle.bg{stroke:#ee5d4e}section.cs-sec .countdownblock .pie .bg{stroke:#331e41}section.cs-sec .countdownblock .pie .bar{stroke:#331e41;stroke-linecap:round}section.cs-sec .countdownblock span.number{color:#331e41;display:inline-block;font-family:helvetica;font-size:50px;font-weight:300;left:70px;line-height:unset;position:absolute;text-transform:uppercase;top:33%}.countdownblock.days p,section.cs-sec .countdownblock.days span.number{color:#ee5d4e}section.cs-sec .countdownblock.seconds{display:none}section.cs-sec .countdown_wrap{margin-bottom:-32px}.flipdown .rotor-group:before{background-color:#ff7365!important;border-radius:0 0 6px 6px!important;bottom:0!important;content:""!important;display:inline-block!important;height:37px!important;left:0!important;position:absolute!important;width:100%!important;z-index:9!important}.rotor-group-heading{position:relative;z-index:9}.circling-date{text-align:center;width:100%}.flip-clock-wrapper ul li a div div.inn{align-items:center;display:flex;justify-content:center}.flip-clock-wrapper{display:flex;justify-content:center;margin:0}.flip-clock-wrapper .flip{margin:0}.flip-clock-wrapper ul.flip{background-color:#ef5d4e;border-radius:unset;box-shadow:unset}.flip-clock-wrapper ul li a div div.inn{background-color:#ef5d4e;color:#fff;font-size:58px;font-weight:600;text-shadow:unset}.flip-clock-wrapper ul li a div.up:after{background:unset}.flip-clock-divider{height:100%}.flip-clock-divider .flip-clock-label{background-color:#fb7467;bottom:-24px;color:#fff;display:inline-block;font-size:16px;font-weight:400;font-weight:600;left:20px;line-height:26px;position:absolute;right:0;top:auto;width:120px;z-index:999}span.flip-clock-divider.days span.flip-clock-label{left:0}section.cs-sec .flip-countdown.example{padding-bottom:54px}span.flipping_card_days{display:none}.flip-clock-dot{background:#3a2241;border-radius:50%;box-shadow:unset}@media only screen and (max-width:767px){section.cs-sec .countdown_layer.example h3,section.cs-sec .flip-countdown.example h3{font-size:23px;margin:0 0 20px;text-align:center}section.cs-sec .flipdown .rotor{font-size:1.8rem}section.cs-sec .countdownblock_wrap{grid-template-columns:1fr}}@media only screen and (max-width:639px){.flip-clock-wrapper ul li a div div.inn{font-size:42px}.flip-clock-wrapper ul{width:45px}.flip-clock-divider .flip-clock-label{width:90px}}@media only screen and (max-width:567px){section.cs-sec .flipdown .rotor{font-size:1.2rem}.flipdown .rotor,.flipdown .rotor-bottom,.flipdown .rotor-leaf,.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear,.flipdown .rotor-top,.flipdown .rotor:after{width:20px}.flipdown .rotor-group-heading:before{font-size:13px}.flipdown .rotor-group:before{height:28px!important}}@media only screen and (max-width:495px){.flip-clock-wrapper ul li a div div.inn{font-size:32px}.flip-clock-wrapper ul{padding:17px;width:20px}.flip-clock-divider .flip-clock-label{font-size:14px;left:10px;width:68px}.flip-clock-dot{height:7px;left:2px;width:7px}.flip-clock-divider{width:10px}}