/* Countdown Download Box v2.6 css */
.dldCo{position:relative;width:100%;background:transparent;color:var(--bodyC);font-family:var(--fontBa)} .dldCo::before{display:none} .dldBx{visibility:visible;opacity:1;position:relative;z-index:2;background:var(--contentB);width:100%;padding:15px;display:flex;flex-direction:column;font-size:14px;border-radius:10px;box-shadow:0 0 35px rgba(0,0,0,.09)} .dldTp{display:flex;flex-direction:row} .dldIm{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:10px;margin-right:15px;background:rgba(0,0,0,.08);border-radius:6px;transition:all .4s ease;-webkit-transition:all .4s ease} .dldIm::before{content:attr(data-text);opacity:.7} .dldIm[style]:not([style='']), .dldIm[data-style]:not([data-style='']){width:100px;height:100px;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 0 10px rgba(0,0,0,.1)} .dldIm[style]:not([style=''])::before, .dldIm[data-style]:not([data-style=''])::before{display:none} .dldSv{opacity:0;position:absolute;width:calc(100% + 12px);height:calc(100% + 12px);top:-6px;bottom:-6px;right:-6px;left:-6px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);stroke-width:1.5;transition:all .5s ease;-webkit-transition:all .5s ease} .dldIm[style]:not([style='']) .dldSv, .dldIm[data-style]:not([data-style='']) .dldSv{width:calc(100% + 20px);height:calc(100% + 20px);top:-10px;bottom:-10px;right:-10px;left:-10px} .dldSv .b{fill:none;stroke:#e6e6e6;opacity:.9} .dldSv .c{fill:none;stroke:var(--linkB);stroke-dasharray:100 100;stroke-dashoffset:100;stroke-linecap:round}.dldCo.dldRun .dldSv .c{transition:stroke-dashoffset .5s linear;-webkit-transition:stroke-dashoffset .5s linear} .dldIn{flex-grow:1;width:calc(100% - 115px)} .dldIn >*{line-height:20px;font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dldIn >*::before{content:attr(data-text) ': ';opacity:.8} .dldBt{background:var(--linkB);position:absolute;width:40px;height:40px;bottom:-20px;right:20px;outline:none;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(0,0,0,.09);transition:all .3s ease;-webkit-transition:all .3s ease;cursor:pointer} .dldBt:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)} .dldBt svg{width:18px;height:18px;fill:#fffdfc;stroke:none} .dldBt svg.line{fill:none !important;stroke:#fffdfc;stroke-width:1.5} .dldBt.dldDl{visibility:visible;opacity:1} .dldBt.dldRt{visibility:hidden;opacity:0;bottom:-40px} .dldSl{visibility:visible;opacity:1;z-index:1;position:absolute;bottom:0;height:60px;width:100%;background:var(--contentB);border-radius:0 0 10px 10px} .dldMe{position: absolute;width:100%;height:40px;bottom:0;display:flex;align-items:center;justify-content:center;font-size:14px} .dldMe span{color:var(--linkC);font-size:18px;font-weight:600;margin:0 5px} .dldCo.dldAlt{margin:30px 0 70px} .dldCo.dldAlt .dldIm{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);border-radius:50%;box-shadow:none} .dldCo.dldAlt .dldSv{opacity:1} .dldCo.dldAlt .dldDl{visibility:hidden;opacity:0;bottom:-40px} .dldCo.dldRty .dldRt{visibility:visible;opacity:1;bottom:-20px} .dldCo.dldAlt .dldSl{bottom:-40px;box-shadow:0 0 35px rgba(0,0,0,.09)} .drK .dldCo{background:transparent;color:var(--darkT)} .drK .dldBx{background:var(--darkBs)} .drK .dldIm, .drK .dldSl{background:var(--darkBa)} .drK .dldSv .b{stroke:#404045} .drK .dldSv .c{stroke:var(--darkU)} .drK .dldBt{background:var(--darkU)} .drK .dldMe span{color:var(--darkU)} .Rtl .dldIm{margin-right:unset;margin-left:15px} .Rtl .dldBt{right:unset;left:20px}


/* Ready state */
.dldCo.dldRty{margin:30px 0 70px}
.dldCo.dldRty .dldSl{bottom:-40px;box-shadow:0 0 35px rgba(0,0,0,.09)}
.dldCo.dldRty .dldMe{gap:10px;padding:0 70px;box-sizing:border-box;white-space:nowrap}
.dldCo.dldRty .dldMe .button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;margin:0;padding:0;border-radius:50%;line-height:1}
.dldCo.dldRty .dldMe .button .icon::after{display:none}
.dldCo.dldRty .dldMe .button .icon::before{width:17px;height:17px;background-size:17px}
.dldCo.dldRty .dldRt{visibility:visible;opacity:1;bottom:-20px;z-index:3}
@media(max-width:480px){.dldCo.dldRty .dldMe{gap:7px;padding:0 62px;font-size:13px}.dldCo.dldRty .dldMe .button{width:30px;height:30px;min-width:30px;min-height:30px}}