PluginProbe
Chartify – WordPress Chart Plugin / 3.3.9
Chartify – WordPress Chart Plugin v3.3.9
3.8.0 3.7.9 3.7.8 3.7.7 3.7.6 3.7.5 trunk 1.0.0 3.0.0 3.0.1 3.0.2 3.0.3 3.0.4 3.0.5 3.0.6 3.0.7 3.0.8 3.0.9 3.1.0 3.1.1 3.1.2 3.1.3 3.1.4 3.1.5 3.1.6 All 83 releases
chart-builder / admin / css / chart-builder-banner.css

chart-builder-banner.css in Chartify – WordPress Chart Plugin 3.3.9, at admin/css/chart-builder-banner.css

3,457 lines 101.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* 30% Sale Emma start */
2 /* div#ays-chart-new-mega-bundle-dicount-month-main-2024 {
3 border: 0;
4 background: #FFF;
5 border-radius: 20px;
6 box-shadow: unset;
7 position: relative;
8 z-index: 1;
9 min-height: 80px;
10 }
11 div#ays-chart-new-mega-bundle-dicount-month-main-2024.ays_chart_dicount_info button {
12 display: flex;
13 align-items: center;
14 }
15
16 div#ays-chart-new-mega-bundle-dicount-month-main-2024 div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus {
17 outline: none;
18 box-shadow: 0;
19 }
20
21 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .btn-link {
22 font-weight: 400;
23 color: #007bff;
24 background-color: transparent;
25 display: inline-block;
26 font-weight: 400;
27 text-align: center;
28 white-space: nowrap;
29 vertical-align: middle;
30 -webkit-user-select: none;
31 -moz-user-select: none;
32 -ms-user-select: none;
33 user-select: none;
34 border: 1px solid transparent;
35 padding: .375rem .75rem;
36 font-size: 1rem;
37 line-height: 1.5;
38 border-radius: .25rem
39 }
40
41 div#ays-chart-new-mega-bundle-dicount-month-main-2024.ays_chart_dicount_info {
42 background-color: #fff6df;
43 }
44
45 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays_chart_dicount_month {
46 display: flex;
47 align-items: center;
48 justify-content: space-between;
49 color: #fff;
50 }
51
52 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays_chart_dicount_month img {
53 width: 80px;
54 }
55
56 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-sale-banner-link {
57 display: flex;
58 justify-content: center;
59 align-items: center;
60 width: 200px;
61 }
62
63 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box {
64 font-size:14px;
65 padding: 4px;
66 text-align: center;
67 }
68
69 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
70 color: #30499B;
71 }
72
73 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
74 display: flex;
75 justify-content: center;
76 align-items: center;
77 }
78
79 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box {
80 display: flex;
81 justify-content: center;
82 align-items: center;
83 flex-direction: column;
84 }
85
86 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box span{
87 font-size: 10px;
88 color: #30499B;
89 }
90
91 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-chart-dicount-wrap-text-box-texts {
92 font-size: 22px;
93 font-weight: bold;
94 letter-spacing: 0.80px;
95 }
96
97 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-color {
98 color: #971821;
99 }
100
101 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-text-decoration {
102 text-decoration: underline;
103 }
104
105 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
106 display: flex;
107 justify-content: flex-end;
108 align-items: center;
109 }
110
111 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-new-mega-bundle-limited-text {
112 background-image: url(../images/icons/rectangle-bundle-2024.png);
113 background-size: cover;
114 width: 102px;
115 display: inline-block;
116 height: auto;
117 background-repeat: no-repeat;
118 }
119
120 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-discount-box-sale-image {
121 background-image: url(../images/30-sale-2024.png);
122 background-size: contain;
123 width: 290px;
124 display: inline-block;
125 height: auto;
126 background-repeat: no-repeat;
127 height: 117px;
128 background-position: center;
129 }
130
131 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
132 width: 30%;
133 }
134
135 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-button,
136 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-buy-now-button {
137 align-items: center;
138 font-weight: 500;
139 }
140
141 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-buy-now-button {
142 background: #971821;
143 border-color: #fff;
144 display: flex;
145 justify-content: center;
146 align-items: center;
147 padding: 5px 15px;
148 font-size: 16px;
149 border-radius: 5px;
150 }
151
152 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-buy-now-button:hover {
153 background: #7d161d;
154 border-color: #971821;
155 }
156
157 #ays-chart-new-mega-bundle-dicount-month-main-2024 #ays-chart-dismiss-buttons-content{
158 display: flex;
159 justify-content: center;
160 }
161
162 #ays-chart-new-mega-bundle-dicount-month-main-2024 #ays-chart-dismiss-buttons-content .ays-button{
163 margin: 0 !important;
164 font-size: 13px;
165 font-size: 13px;
166 color: #ffffff;
167
168 }
169
170 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-opacity-box {
171 width: 19%;
172 }
173
174 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-buy-now-opacity-button {
175 padding: 40px 15px;
176 display: flex;
177 justify-content: center;
178 align-items: center;
179 opacity: 0;
180 }
181
182 #ays-chart-countdown-main-container .ays-chart-countdown-container {
183 color:#30499B;
184 margin: 0 auto;
185 text-align: center;
186 }
187
188 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
189 font-weight: normal;
190 letter-spacing: .125rem;
191 text-transform: uppercase;
192 font-weight: bolder;
193
194 font-size: 18px;
195 font-weight: 400;
196 margin: 0;
197 padding: 9px 0 4px 0;
198 line-height: 1.3;
199 }
200 #ays-chart-countdown-main-container li,
201 #ays-chart-countdown-main-container ul {
202 margin: 0;
203 }
204
205 #ays-chart-countdown-main-container li {
206 display: inline-block;
207 font-size: 14px;
208 list-style-type: none;
209 padding: 14px;
210 text-transform: capitalize;
211 text-align: center;
212 margin: auto;
213 }
214
215 #ays-chart-countdown-main-container li span {
216 display: flex;
217 justify-content: center;
218 align-items: center;
219 font-size: 23px;
220 height: 56px;
221 width: 53px;
222 border-radius: 8px;
223 border: 0.534px solid #F4F4F4;
224 background: #30499B;
225 color: #fff;
226 }
227
228 #ays-chart-countdown-main-container .emoji {
229 display: none;
230 padding: 1rem;
231 }
232
233 #ays-chart-countdown-main-container .emoji span {
234 font-size: 30px;
235 padding: 0 .5rem;
236 }
237
238 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box li {
239 position: relative;
240 }
241
242 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box li span:after {
243 content: ":";
244 color: #30499B;
245 position: absolute;
246 top: 10px;
247 right: -5px;
248 font-size: 40px;
249
250 }
251
252 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after {
253 content: unset;
254 }
255
256 #ays-chart-new-mega-bundle-dicount-month-main-2024 #ays-button-top-buy-now {
257 display: flex;
258 align-items: center;
259 border-radius: 64px;
260 padding: 12px 32px;
261 background: #30499B;
262 color: #FFF;
263 font-size: 12.818px;
264 font-style: normal;
265 font-weight: 800;
266 line-height: normal;
267 }
268
269 #ays-chart-new-mega-bundle-dicount-month-main-2024 .button.ays-button{
270 margin: 0;
271 }
272
273 div#ays-chart-new-mega-bundle-dicount-month-main-2024 button.notice-dismiss:before{
274 color: #30499B;
275 }
276
277 div#ays-chart-new-mega-bundle-dicount-month-main-2024 button.notice-dismiss:before{
278 color: #30499B;
279 content: "\f00d";
280 font-family: fontawesome;
281 font-size: 19px;
282 }
283
284
285 @media all and (max-width: 768px) {
286 div#ays-chart-new-mega-bundle-dicount-month-main-2024 {
287 padding-right: 0;
288 }
289 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays_chart_dicount_month{
290 display: flex;
291 align-items: center;
292 justify-content: space-between;
293 align-content: center;
294 flex-wrap: wrap;
295 flex-direction: column;
296 padding: 10px 0;
297 }
298
299 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box {
300 width: 100%;
301 text-align: center;
302 }
303
304 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
305 font-size: 15px;
306 font-weight: 600;
307 }
308
309 #ays-chart-countdown-main-container ul {
310 font-weight: 500;
311 }
312
313 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
314 width: 100%;
315 text-align: center;
316 }
317
318 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
319 width: 100%;
320 display: flex;
321 justify-content: center;
322 align-items: center;
323 }
324
325 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-button{
326 margin: 0 auto !important;
327 }
328
329 div#ays-chart-new-mega-bundle-dicount-month-main-2024.ays_chart_dicount_info.notice {
330 background-position: center;
331 background-repeat: no-repeat;
332 background-size: cover;
333 }
334
335 #ays-chart-new-mega-bundle-dicount-month-main-2024 #ays-chart-dismiss-buttons-content .ays-button {
336 padding-left: unset !important;
337 }
338
339 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
340 justify-content: center;
341 }
342
343 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-buy-now-button {
344 font-size: 14px;
345 padding: 5px 10px;
346 }
347
348 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-buy-now-opacity-button {
349 display: none;
350 }
351
352 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dismiss-buttons-container-for-form{
353 position: static !important;
354 }
355
356 .comparison .product img {
357 width: 70px;
358 }
359
360 .comparison a.price-buy{
361 padding: 5px 10px;
362 font-size: 11px;
363 }
364
365 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-chart-dicount-wrap-text-box-texts{
366 height: 64px;
367 }
368
369 #ays-chart-countdown-main-container .ays-chart-countdown-container #ays-chart-countdown > ul{
370 display: flex;
371 justify-content: center;
372 align-items: center;
373 }
374
375 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box li span:after {
376 top: unset;
377 }
378
379 #ays-chart-countdown-main-container li{
380 font-size: 12px;
381 padding: 12px;
382 }
383
384 #ays-chart-countdown-main-container li span{
385 font-size: 26px;
386 min-height: 50px;
387 min-width: 50px;
388 }
389
390 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box{
391 width: 100%;
392 }
393 }
394
395 @media screen and (max-width: 1305px) and (min-width: 768px){
396 div#ays-chart-new-mega-bundle-dicount-month-main-2024.ays_chart_dicount_info.notice {
397 background-position: bottom right;
398 background-repeat: no-repeat;
399 background-size: cover;
400 }
401
402 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-chart-dicount-wrap-text-box-texts {
403 font-size: 15px;
404 }
405
406 #ays-chart-countdown-main-container li {
407 font-size: 11px;
408 }
409
410 div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-opacity-box {
411 display: none;
412 }
413 }
414
415 @media screen and (max-width: 436px){
416 #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-chart-dicount-wrap-text-box-texts{
417 height: 110px;
418 margin-bottom: 25px;
419 }
420 } */
421 /* 30% Sale Emma end */
422
423
424 /* 20% sale banner start */
425 /* div#ays-chart-dicount-month-main {
426 border: 0;
427 background: #FFF;
428 border-radius: 20px;
429 box-shadow: unset;
430 position: relative;
431 z-index: 1;
432 min-height: 80px;
433 }
434 div#ays-chart-dicount-month-main.ays_chart_dicount_info button {
435 display: flex;
436 align-items: center;
437 }
438
439 div#ays-chart-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus {
440 outline: none;
441 box-shadow: 0;
442 }
443
444 div#ays-chart-dicount-month-main .btn-link {
445 font-weight: 400;
446 color: #007bff;
447 background-color: transparent;
448 display: inline-block;
449 font-weight: 400;
450 text-align: center;
451 white-space: nowrap;
452 vertical-align: middle;
453 -webkit-user-select: none;
454 -moz-user-select: none;
455 -ms-user-select: none;
456 user-select: none;
457 border: 1px solid transparent;
458 padding: .375rem .75rem;
459 font-size: 1rem;
460 line-height: 1.5;
461 border-radius: .25rem
462 }
463
464 div#ays-chart-dicount-month-main.ays_chart_dicount_info {
465 background-image: url("../images/chart-builder-banner-background-30.svg");
466 background-position: center right;
467 background-repeat: no-repeat;
468 background-size: cover;
469 }
470
471 #ays-chart-dicount-month-main .ays_chart_dicount_month {
472 display: flex;
473 align-items: center;
474 justify-content: space-between;
475 color: #fff;
476 padding: 12px;
477 }
478
479 #ays-chart-dicount-month-main .ays_chart_dicount_month img {
480 width: 80px;
481 }
482
483 #ays-chart-dicount-month-main .ays-chart-sale-banner-link {
484 display: flex;
485 justify-content: center;
486 align-items: center;
487 width: 200px;
488 }
489
490 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box {
491 font-size:14px;
492 text-align: center;
493 }
494
495 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
496 text-align: left;
497 width: 30%;
498 }
499
500 .ays-chart-dicount-sale-name-discount-box {
501 display: flex;
502 justify-content: flex-start;
503 align-items: center;
504 gap: 5px;
505 }
506
507 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
508 width: 100%;
509 }
510
511 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box {
512 width: 30%;
513 display: flex;
514 justify-content: center;
515 align-items: center;
516 flex-direction: column;
517 }
518
519 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-new-chart-pro-title {
520 color: #FDFDFD;
521 font-size: 16.8px;
522 font-style: normal;
523 font-weight: 600;
524 line-height: normal;
525 }
526
527 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-new-chart-pro-desc {
528 color: #FFF;
529 font-size: 15px;
530 font-style: normal;
531 font-weight: 400;
532 line-height: normal;
533 }
534
535
536
537 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box strong {
538 font-size: 17px;
539 font-weight: bold;
540 letter-spacing: 0.80px;
541 }
542
543 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-color {
544 color: #971821;
545 }
546
547 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-text-decoration {
548 text-decoration: underline;
549 }
550
551 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
552 display: flex;
553 justify-content: flex-end;
554 align-items: center;
555 }
556
557 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
558 width: 30%;
559 }
560
561 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-button,
562 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
563 align-items: center;
564 font-weight: 500;
565 }
566
567 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
568 background: #971821;
569 border-color: #fff;
570 display: flex;
571 justify-content: center;
572 align-items: center;
573 padding: 5px 15px;
574 font-size: 16px;
575 border-radius: 5px;
576 }
577
578 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover {
579 background: #7d161d;
580 border-color: #971821;
581 }
582
583 #ays-chart-dicount-month-main #ays-chart-dismiss-buttons-content{
584 display: flex;
585 justify-content: center;
586 }
587
588 #ays-chart-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{
589 margin: 0 !important;
590 font-size: 13px;
591 font-size: 13px;
592 color: #ffffff;
593
594 }
595
596 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
597 width: 19%;
598 }
599
600 #ays-chart-dicount-month-main .ays-buy-now-opacity-button {
601 padding: 40px 15px;
602 display: flex;
603 justify-content: center;
604 align-items: center;
605 opacity: 0;
606 }
607
608 #ays-chart-countdown-main-container .ays-chart-countdown-container {
609 margin: 0 auto;
610 text-align: center;
611 }
612
613 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
614 font-weight: normal;
615 letter-spacing: .125rem;
616 text-transform: uppercase;
617 font-weight: bolder;
618
619 font-size: 18px;
620 font-weight: 400;
621 margin: 0;
622 padding: 9px 0 4px 0;
623 line-height: 1.3;
624 }
625 #ays-chart-countdown-main-container li,
626 #ays-chart-countdown-main-container ul {
627 margin: 0;
628 }
629
630 #ays-chart-countdown-main-container li {
631 display: inline-block;
632 font-size: 14px;
633 list-style-type: none;
634 padding: 14px;
635 text-transform: lowercase;
636 }
637
638 #ays-chart-countdown-main-container li span {
639 display: flex;
640 justify-content: center;
641 align-items: center;
642 font-size: 40px;
643 min-height: 62px;
644 min-width: 62px;
645 border-radius: 4.273px;
646 border: 0.534px solid #F4F4F4;
647 background: #9896ED;
648 }
649
650 #ays-chart-countdown-main-container .emoji {
651 display: none;
652 padding: 1rem;
653 }
654
655 #ays-chart-countdown-main-container .emoji span {
656 font-size: 30px;
657 padding: 0 .5rem;
658 }
659
660 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li {
661 position: relative;
662 }
663
664 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
665 content: ":";
666 color: #fff;
667 position: absolute;
668 top: 10px;
669 right: -5px;
670 font-size: 40px;
671
672 }
673
674 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after {
675 content: unset;
676 }
677
678 #ays-chart-dicount-month-main #ays-button-top-buy-now {
679 display: flex;
680 align-items: center;
681 border-radius: 6.409px;
682 background: #F66123;
683 padding: 12px 32px;
684 color: #FFF;
685 font-size: 12.818px;
686 font-style: normal;
687 font-weight: 800;
688 line-height: normal;
689 margin: 0 !important;
690 }
691
692 div#ays-chart-dicount-month-main button.notice-dismiss:before{
693 color: #fff;
694 content: "";
695 background-image: url("../images/icons/ays-chart-close-banner.svg");
696 font-size: 22px;
697 font-weight: 700;
698 font-family: sans-serif;
699 }
700
701 #ays-chart-dicount-month-main .ays-chart-new-mega-bundle-guaranteeicon {
702 width: 30px;
703 margin-right: 5px;
704 }
705
706 #ays-chart-dicount-month-main .ays-chart-dicount-one-time-text {
707 color: #FFF;
708 font-size: 12px;
709 font-style: normal;
710 font-weight: 600;
711 line-height: normal;
712 }
713
714
715 @media all and (max-width: 768px) {
716 div#ays-chart-dicount-month-main {
717 padding-right: 0;
718 }
719 div#ays-chart-dicount-month-main .ays_chart_dicount_month{
720 display: flex;
721 align-items: center;
722 justify-content: space-between;
723 align-content: center;
724 flex-wrap: wrap;
725 flex-direction: column;
726 padding: 10px 0;
727 }
728
729 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box {
730 width: 100% !important;
731 text-align: center;
732 }
733
734 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
735 font-size: 15px;
736 font-weight: 600;
737 }
738
739 #ays-chart-countdown-main-container ul {
740 font-weight: 500;
741 }
742
743 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
744 text-align: center;
745 margin-top: 20px;
746 }
747
748 .ays-chart-dicount-sale-name-discount-box {
749 display: block;
750 }
751
752 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
753 top: unset;
754 }
755
756 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
757 width: 100%;
758 }
759
760 #ays-chart-dicount-month-main .ays-button{
761 margin: 0 auto !important;
762 }
763
764 div#ays-chart-dicount-month-main.ays_chart_dicount_info.notice {
765 background-position: bottom right;
766 background-repeat: no-repeat;
767 background-size: cover;
768 }
769
770 #ays-chart-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button {
771 padding-left: unset !important;
772 }
773
774 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
775 justify-content: center;
776 }
777
778 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
779 font-size: 14px;
780 padding: 5px 10px;
781 }
782
783 div#ays-chart-dicount-month-main .ays-buy-now-opacity-button {
784 display: none;
785 }
786
787 #ays-chart-dicount-month-main .ays-chart-dismiss-buttons-container-for-chart{
788 position: static !important;
789 }
790
791 .comparison .product img {
792 width: 70px;
793 }
794
795 .ays-chart-features-wrap .comparison a.price-buy{
796 padding: 8px 5px;
797 font-size: 11px;
798 }
799 }
800
801 @media screen and (max-width: 1305px) and (min-width: 768px){
802 div#ays-chart-dicount-month-main.ays_chart_dicount_info.notice {
803 background-position: bottom right;
804 background-repeat: no-repeat;
805 background-size: cover;
806 }
807
808 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box strong {
809 font-size: 15px;
810 }
811
812 #ays-chart-countdown-main-container li {
813 font-size: 11px;
814 }
815
816 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
817 display: none;
818 }
819 }
820
821 @media screen and (max-width: 425px){
822 #ays-chart-countdown-main-container li {
823 padding: 14px 8px;
824 }
825
826 #ays-chart-countdown-main-container li span {
827 min-width: 50px;
828 min-height: 50px;
829 font-size: 30px;
830 }
831 } */
832 /* 20% sale banner end */
833
834 div#ays-chart-new-silver-bundle-2025-dicount-month-main {
835 border: 0;
836 background: #FFF;
837 border-radius: 20px;
838 box-shadow: unset;
839 position: relative;
840 z-index: 1;
841 min-height: 80px;
842 background-color: #6998DD;
843 }
844 div#ays-chart-new-silver-bundle-2025-dicount-month-main.ays_chart_dicount_info button {
845 display: flex;
846 align-items: center;
847 }
848
849 div#ays-chart-new-silver-bundle-2025-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus {
850 outline: none;
851 box-shadow: 0;
852 }
853
854 div#ays-chart-new-silver-bundle-2025-dicount-month-main .btn-link {
855 font-weight: 400;
856 color: #007bff;
857 background-color: transparent;
858 display: inline-block;
859 font-weight: 400;
860 text-align: center;
861 white-space: nowrap;
862 vertical-align: middle;
863 -webkit-user-select: none;
864 -moz-user-select: none;
865 -ms-user-select: none;
866 user-select: none;
867 border: 1px solid transparent;
868 padding: .375rem .75rem;
869 font-size: 1rem;
870 line-height: 1.5;
871 border-radius: .25rem
872 }
873
874 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays_chart_dicount_month {
875 display: flex;
876 align-items: center;
877 justify-content: space-between;
878 color: #fff;
879 }
880
881 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays_chart_dicount_month img {
882 width: 80px;
883 }
884
885 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-sale-banner-link {
886 display: flex;
887 justify-content: center;
888 align-items: center;
889 width: 200px;
890 }
891
892 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box {
893 font-size:14px;
894 padding:12px;
895 text-align: center;
896 }
897
898 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
899 text-align: left;
900 width: 30%;
901 display: flex;
902 justify-content: space-between;
903 align-items: center;
904 }
905
906 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
907 width: 30%;
908 display: flex;
909 justify-content: flex-start;
910 align-items: center;
911 }
912
913 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box {
914 width: 20%;
915 display: flex;
916 justify-content: center;
917 align-items: center;
918 flex-direction: column;
919 }
920
921 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-new-silver-bundle-2025-title {
922 color: #FDFDFD;
923 font-size: 16.8px;
924 font-size: 18px;
925 font-style: normal;
926 font-weight: 600;
927 line-height: normal;
928 }
929
930 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-new-silver-bundle-2025-title-icon-row {
931 display: inline-block;
932 }
933
934 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-new-silver-bundle-2025-desc {
935 display: inline-block;
936 color: #FFF;
937 font-size: 16px;
938 font-style: normal;
939 font-weight: 400;
940 line-height: normal;
941 margin-top: 10px;
942 }
943
944 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box strong {
945 font-size: 17px;
946 font-weight: bold;
947 letter-spacing: 0.80px;
948 }
949
950 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-color {
951 color: #971821;
952 }
953
954 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-text-decoration {
955 text-decoration: underline;
956 }
957
958 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
959 display: flex;
960 justify-content: flex-end;
961 align-items: center;
962 }
963
964 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
965 width: 30%;
966 }
967
968 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box .ays-button,
969 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
970 align-items: center;
971 font-weight: 500;
972 }
973
974 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
975 background: #971821;
976 border-color: #fff;
977 display: flex;
978 justify-content: center;
979 align-items: center;
980 padding: 5px 15px;
981 font-size: 16px;
982 border-radius: 5px;
983 }
984
985 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover {
986 background: #7d161d;
987 border-color: #971821;
988 }
989
990 #ays-chart-new-silver-bundle-2025-dicount-month-main #ays-chart-dismiss-buttons-content{
991 display: flex;
992 justify-content: center;
993 }
994
995 #ays-chart-new-silver-bundle-2025-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{
996 margin: 0 !important;
997 font-size: 13px;
998 font-size: 13px;
999 color: #ffffff;
1000
1001 }
1002
1003 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
1004 width: 19%;
1005 }
1006
1007 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-buy-now-opacity-button {
1008 padding: 40px 15px;
1009 display: flex;
1010 justify-content: center;
1011 align-items: center;
1012 opacity: 0;
1013 }
1014
1015 #ays-chart-countdown-main-container .ays-chart-countdown-container {
1016 margin: 0 auto;
1017 text-align: center;
1018 }
1019
1020 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1021 font-weight: normal;
1022 letter-spacing: .125rem;
1023 text-transform: uppercase;
1024 font-weight: bolder;
1025
1026 font-size: 18px;
1027 font-weight: 400;
1028 margin: 0;
1029 padding: 9px 0 4px 0;
1030 line-height: 1.3;
1031 }
1032 #ays-chart-countdown-main-container li,
1033 #ays-chart-countdown-main-container ul {
1034 margin: 0;
1035 }
1036
1037 #ays-chart-countdown-main-container li {
1038 display: inline-block;
1039 font-size: 14px;
1040 list-style-type: none;
1041 padding: 14px;
1042 text-transform: capitalize;
1043 }
1044
1045 #ays-chart-countdown-main-container li span {
1046 display: flex;
1047 justify-content: center;
1048 align-items: center;
1049 font-size: 40px;
1050 min-height: 62px;
1051 min-width: 62px;
1052 border-radius: 4.273px;
1053 /*border: 0.534px solid #F4F4F4;*/
1054 /*background: #9896ED;*/
1055 background: transparent;
1056 border: unset;
1057 }
1058
1059 #ays-chart-countdown-main-container .emoji {
1060 display: none;
1061 padding: 1rem;
1062 }
1063
1064 #ays-chart-countdown-main-container .emoji span {
1065 font-size: 30px;
1066 padding: 0 .5rem;
1067 }
1068
1069 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-quiz-dicount-wrap-box li {
1070 position: relative;
1071 }
1072
1073
1074 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-quiz-dicount-wrap-box li span#ays-quiz-countdown-seconds:after {
1075 content: unset;
1076 }
1077
1078 #ays-chart-new-silver-bundle-2025-dicount-month-main #ays-button-top-buy-now {
1079 display: flex;
1080 align-items: center;
1081 border-radius: 6.409px;
1082 background: #F56123;
1083 padding: 12px 32px;
1084 color: #FFF;
1085 font-size:15px;
1086 font-style: normal;
1087 line-height: normal;
1088 margin: 0 !important;
1089 border-color: #F56123;
1090 }
1091
1092 #ays-chart-new-silver-bundle-2025-dicount-month-main #ays-button-top-buy-now:hover {
1093 background: #FF8653;
1094 border-color: #FF8653;
1095 }
1096
1097 #ays-chart-new-silver-bundle-2025-dicount-month-main #ays-button-top-buy-now:active {
1098 background: #BD4B1C;
1099 border-color: #BD4B1C;
1100 }
1101
1102 div#ays-chart-new-silver-bundle-2025-dicount-month-main button.notice-dismiss:before {
1103 color: #fff;
1104 content: "\f00d";
1105 font-family: fontawesome;
1106 font-size: 22px;
1107 transition: all 0.2s ease-out;
1108 }
1109
1110 div#ays-chart-new-silver-bundle-2025-dicount-month-main button.notice-dismiss:hover:before {
1111 color: #EDC9B8;
1112 }
1113
1114 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-new-silver-bundle-2025-guaranteeicon {
1115 width: 30px;
1116 margin-right: 5px;
1117 }
1118
1119 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-one-time-text {
1120 color: #FFF;
1121 font-size: 12px;
1122 font-style: normal;
1123 font-weight: 600;
1124 line-height: normal;
1125 }
1126
1127
1128 @media all and (max-width: 768px) {
1129 div#ays-chart-new-silver-bundle-2025-dicount-month-main {
1130 padding-right: 0;
1131 }
1132 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays_chart_dicount_month{
1133 display: flex;
1134 align-items: center;
1135 justify-content: space-between;
1136 align-content: center;
1137 flex-wrap: wrap;
1138 flex-direction: column;
1139 padding: 10px 0;
1140 }
1141
1142 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box {
1143 width: 100% !important;
1144 text-align: center;
1145 }
1146
1147 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1148 font-size: 15px;
1149 font-weight: 600;
1150 }
1151
1152 #ays-chart-countdown-main-container ul {
1153 font-weight: 500;
1154 }
1155
1156 #ays-chart-countdown-main-container li span {
1157 font-size: 35px;
1158 min-height: 57px;
1159 min-width: 55px;
1160 }
1161
1162 div#ays-chart-countdown-main-container li {
1163 padding: 10px;
1164 }
1165
1166 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-new-silver-bundle-2025-mobile-image-display-none {
1167 display: none !important;
1168 }
1169
1170 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-new-silver-bundle-2025-mobile-image-display-block {
1171 display: block !important;
1172 margin-top: 5px;
1173 }
1174
1175 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
1176 width: 100% !important;
1177 text-align: center;
1178 flex-direction: column;
1179 margin-top: 20px;
1180 justify-content: center;
1181 align-items: center;
1182 gap: 10px;
1183 }
1184
1185 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
1186 top: unset;
1187 }
1188
1189 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
1190 width: 100%;
1191 display: flex;
1192 justify-content: center;
1193 align-items: center;
1194 }
1195
1196 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-button{
1197 margin: 0 auto !important;
1198 }
1199
1200 div#ays-chart-new-silver-bundle-2025-dicount-month-main.ays_chart_dicount_info.notice {
1201 background-position: bottom right;
1202 background-repeat: no-repeat;
1203 background-size: cover;
1204 border-radius: 32px;
1205 }
1206
1207 #ays-chart-new-silver-bundle-2025-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button {
1208 padding-left: unset !important;
1209 }
1210
1211 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
1212 justify-content: center;
1213 }
1214
1215 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
1216 font-size: 14px;
1217 padding: 5px 10px;
1218 }
1219
1220 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-buy-now-opacity-button {
1221 display: none;
1222 }
1223
1224 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dismiss-buttons-container-for-form{
1225 position: static !important;
1226 }
1227
1228 .comparison .product img {
1229 width: 70px;
1230 }
1231
1232 .ays-chart-features-wrap .comparison a.price-buy{
1233 padding: 8px 5px;
1234 font-size: 11px;
1235 }
1236 }
1237
1238 @media screen and (max-width: 1305px) and (min-width: 768px){
1239 div#ays-chart-new-silver-bundle-2025-dicount-month-main.ays_chart_dicount_info.notice {
1240 background-position: bottom right;
1241 background-repeat: no-repeat;
1242 background-size: cover;
1243 }
1244
1245 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box strong {
1246 font-size: 15px;
1247 }
1248
1249 #ays-chart-countdown-main-container li {
1250 font-size: 11px;
1251 }
1252
1253 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
1254 display: none;
1255 }
1256 }
1257
1258 @media screen and (max-width: 1680px) and (min-width: 1551px){
1259 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
1260 width: 29%;
1261 }
1262
1263 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
1264 width: 30%;
1265 }
1266 }
1267
1268 @media screen and (max-width: 1550px) and (min-width: 1400px){
1269 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
1270 width: 31%;
1271 }
1272
1273 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
1274 width: 35%;
1275 }
1276 }
1277
1278 @media screen and (max-width: 1400px) and (min-width: 1200px){
1279 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
1280 width: 35%;
1281 }
1282
1283 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
1284 width: 40%;
1285 }
1286
1287 div#ays-chart-countdown-main-container li span {
1288 font-size: 30px;
1289 min-height: 50px;
1290 min-width: 50px;
1291 }
1292 }
1293
1294 @media screen and (max-width: 1200px) and (min-width: 769px){
1295 div#ays-chart-new-chart-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
1296 width: 45%;
1297 }
1298
1299 div#ays-chart-new-chart-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
1300 width: 35%;
1301 }
1302
1303 div#ays-chart-countdown-main-container li span {
1304 font-size: 30px;
1305 min-height: 50px;
1306 min-width: 50px;
1307 }
1308 }
1309
1310
1311 /* Black friday banner start */
1312 /* div#ays-chart-dicount-black-friday-month-main * {
1313 color: #fff;
1314 }
1315
1316 div#ays-chart-dicount-black-friday-month-main div#ays-chart-dicount-black-friday-month a.ays-chart-sale-banner-link:focus {
1317 outline: none;
1318 box-shadow: 0;
1319 }
1320
1321 div#ays-chart-dicount-black-friday-month-main .btn-link {
1322 font-weight: 400;
1323 color: white;
1324 background-color: transparent;
1325 display: inline-block;
1326 font-weight: 400;
1327 text-align: center;
1328 white-space: nowrap;
1329 vertical-align: middle;
1330 -webkit-user-select: none;
1331 -moz-user-select: none;
1332 -ms-user-select: none;
1333 user-select: none;
1334 border: 1px solid transparent;
1335 padding: 0.375rem 0.75rem;
1336 font-size: 12px;
1337 line-height: 1.5;
1338 border-radius: 0.25rem;
1339 color: rgba(255, 255, 255, 0.6);
1340 }
1341
1342 div#ays-chart-dicount-black-friday-month-main.ays_chart_dicount_info {
1343 background-image: linear-gradient(45deg, #1E101D, #C60AF4);
1344 padding: unset;
1345 border-left-color: unset;
1346 border-left: 0;
1347 }
1348
1349 #ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month {
1350 position: relative;
1351 background-image: url("../images/black-friday-plugins-background-image.webp");
1352 background-position: center right;
1353 background-repeat: no-repeat;
1354 background-size: 100%;
1355 }
1356
1357 #ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month img {
1358 width: 80px;
1359 }
1360
1361 #ays-chart-dicount-black-friday-month-main .ays-chart-sale-banner-link {
1362 display: flex;
1363 justify-content: center;
1364 align-items: center;
1365 width: 200px;
1366 }
1367
1368 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-sale {
1369 font-style: normal;
1370 font-weight: 600;
1371 font-size: 24px;
1372 text-align: center;
1373 color: #B2FF00;
1374 text-transform: uppercase;
1375 }
1376
1377 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box {
1378 font-size:14px;
1379 padding:12px;
1380 text-align: center;
1381 width: 50%;
1382 white-space: nowrap;
1383 }
1384
1385 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box strong {
1386 font-size: 17px;
1387 font-weight: bold;
1388 letter-spacing: 0.80px;
1389 }
1390
1391 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-color {
1392 color: #971821;
1393 }
1394
1395 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-text-decoration {
1396 text-decoration: underline;
1397 }
1398
1399 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box {
1400 display: flex;
1401 justify-content: flex-end;
1402 align-items: center;
1403 }
1404
1405 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box {
1406 width: 30%;
1407 }
1408
1409 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-button,
1410 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button {
1411 align-items: center;
1412 font-weight: 500;
1413 }
1414
1415 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button {
1416 background: #971821;
1417 border-color: #fff;
1418 display: flex;
1419 justify-content: center;
1420 align-items: center;
1421 padding: 5px 15px;
1422 font-size: 16px;
1423 border-radius: 5px;
1424 }
1425
1426 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button:hover {
1427 background: #7d161d;
1428 border-color: #971821;
1429 }
1430
1431 #ays-chart-dicount-black-friday-month-main #ays-chart-dismiss-buttons-content{
1432 display: flex;
1433 justify-content: center;
1434 }
1435
1436 #ays-chart-dicount-black-friday-month-main #ays-chart-dismiss-buttons-content .ays-button{
1437 margin: 0 !important;
1438 font-size: 13px;
1439 font-size: 13px;
1440 color: #969393b0;
1441 }
1442
1443 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-opacity-box {
1444 width: 19%;
1445 }
1446
1447 #ays-chart-dicount-black-friday-month-main .ays-buy-now-opacity-button {
1448 padding: 40px 15px;
1449 display: flex;
1450 justify-content: center;
1451 align-items: center;
1452 opacity: 0;
1453 }
1454
1455 #ays-chart-countdown-main-container .ays-chart-countdown-container {
1456 margin: 0 auto;
1457 text-align: center;
1458 }
1459
1460 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1461 font-weight: normal;
1462 letter-spacing: .125rem;
1463 text-transform: uppercase;
1464 font-weight: bolder;
1465
1466 font-size: 18px;
1467 font-weight: 400;
1468 margin: 0;
1469 padding: 9px 0 4px 0;
1470 line-height: 1.3;
1471 }
1472
1473 #ays-chart-countdown-main-container li,
1474 #ays-chart-countdown-main-container ul {
1475 margin: 0;
1476 font-weight: 600;
1477 }
1478
1479 #ays-chart-countdown-main-container li {
1480 display: inline-block;
1481 font-size: 10px;
1482 list-style-type: none;
1483 padding: 10px;
1484 text-transform: uppercase;
1485 }
1486
1487 #ays-chart-countdown-main-container li span {
1488 display: block;
1489 font-size: 22px;
1490 }
1491
1492 #ays-chart-countdown-main-container .emoji {
1493 display: none;
1494 padding: 1rem;
1495 }
1496
1497 #ays-chart-countdown-main-container .emoji span {
1498 font-size: 25px;
1499 padding: 0 .5rem;
1500 }
1501
1502 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1503 display: flex;
1504 justify-content: space-between;
1505 align-items: center;
1506 width: 95%;
1507 margin: auto;
1508 }
1509
1510 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1511 text-align: center;
1512 padding-right: 50px;
1513 font-style: normal;
1514 font-weight: 900;
1515 font-size: 19px;
1516 color: #FFFFFF;
1517 }
1518
1519 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1520 border: none;
1521 outline: none;
1522 padding: 10px 20px;
1523 font-size: 22px;
1524 text-transform: uppercase;
1525 font-weight: bold;
1526 text-decoration: none;
1527 background: linear-gradient(180deg, #DD0BEF 0%, #82008D 100%);
1528 border-radius: 16px;
1529 }
1530
1531 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row {
1532 text-transform: uppercase;
1533 text-shadow: -1.5px 0 #dd0bef, 0 1.5px #dd0bef, 1.5px 0 #dd0bef, 0 -1.5px #dd0bef;
1534 font-weight: 900;
1535 font-style: normal;
1536 font-size: 40px;
1537 line-height: 40px;
1538 color: #FFFFFF;
1539 }
1540
1541 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-text-box {
1542 position: absolute;
1543 width: 25%;
1544 top: 10px;
1545 bottom: 0;
1546 right: 0;
1547 left: 0;
1548 margin: 0 auto;
1549 }
1550
1551 #ays-chart-countdown ul {
1552 padding: 0;
1553 }
1554
1555 @media screen and (max-width: 1400px) and (min-width: 1200px){
1556 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1557 font-size: 15px;
1558 }
1559
1560 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row {
1561 font-size: 27px;
1562 }
1563
1564 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1565 width: 100%;
1566 }
1567
1568 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1569 font-size: 13px;
1570 }
1571
1572 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{
1573 width: 80% !important;
1574 }
1575 }
1576
1577 @media all and (max-width: 1200px) {
1578 div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month{
1579 background: unset;
1580 }
1581
1582 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row {
1583 font-size: 30px;
1584 }
1585
1586 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1587 width: 100%;
1588 }
1589
1590 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1591 font-size: 15px;
1592 }
1593
1594 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{
1595 width: 80% !important;
1596 }
1597 }
1598
1599 @media all and (max-width: 1200px) and (min-width: 1150px) {
1600
1601 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1602 font-size: 15px;
1603 }
1604
1605 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1606 font-size: 10px;
1607 }
1608 }
1609
1610 @media all and (max-width: 1150px) {
1611 div#ays-chart-countdown-main-container li {
1612 font-size: 8px;
1613 }
1614
1615 div#ays-chart-countdown-main-container li span{
1616 font-size: 20px;
1617 }
1618
1619 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1620 padding: 10px 18px;
1621 font-size: 12px;
1622 }
1623
1624 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{
1625 width: 80% !important;
1626 }
1627
1628 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1629 flex-direction: column;
1630 }
1631
1632 div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month {
1633 padding: 20px;
1634 }
1635
1636 div#ays-chart-dicount-black-friday-month-main {
1637 padding-right: 0;
1638 }
1639 div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month{
1640 display: flex;
1641 align-items: center;
1642 justify-content: space-between;
1643 align-content: center;
1644 flex-wrap: wrap;
1645 flex-direction: column;
1646 padding: 10px 0;
1647 }
1648
1649 div#ays-chart-dicount-black-friday-month-main div.ays-chart-dicount-black-friday-wrap-box {
1650 width: 100% !important;
1651 text-align: center;
1652 }
1653
1654 div#ays-chart-dicount-black-friday-month-main #ays-chart-countdown-main-container ul,
1655 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1656 padding: 0;
1657 font-size: 13px;
1658 }
1659
1660 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-sale{
1661 font-size: 15px;
1662 }
1663
1664 div#ays-chart-countdown-main-container li {
1665 font-size: 15px;
1666 }
1667
1668 div#ays-chart-countdown-main-container li span {
1669 font-size: 25px;
1670 }
1671
1672 div#ays-chart-dicount-black-friday-month-main div.ays-chart-dicount-black-friday-wrap-text-box {
1673 position: unset;
1674 }
1675
1676 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1677 font-size: 15px;
1678 font-weight: 600;
1679 }
1680
1681 #ays-chart-countdown-main-container ul {
1682 font-weight: 500;
1683 }
1684
1685 #ays-chart-countdown-main-container li span {
1686 font-size: 20px;
1687 }
1688
1689 #ays-chart-dicount-black-friday-month-main .ays-button{
1690 margin: 0 auto !important;
1691 }
1692
1693 div#ays-chart-dicount-black-friday-month-main.ays_chart_dicount_info.notice {
1694 background-position: bottom right;
1695 background-repeat: no-repeat;
1696 background-size: contain;
1697 display: flex;
1698 justify-content: center;
1699 background-image: linear-gradient(45deg, #1E101D, #C60AF4);
1700 }
1701
1702 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box {
1703 justify-content: center;
1704 }
1705
1706 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button {
1707 font-size: 14px;
1708 padding: 5px 10px;
1709 }
1710
1711 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1712 padding: 10px 18px;
1713 font-size: 15px;
1714 }
1715 } */
1716 /* Black friday banner end */
1717
1718
1719 /* Christmas banner start */
1720 /* div#ays-chart-dicount-christmas-month-main * {
1721 color: #fff;
1722 }
1723
1724 div#ays-chart-dicount-christmas-month-main div#ays-chart-dicount-christmas-month a.ays-chart-sale-banner-link:focus {
1725 outline: none;
1726 box-shadow: 0;
1727 }
1728
1729 div#ays-chart-dicount-christmas-month-main .btn-link {
1730 color: white;
1731 background-color: transparent;
1732 display: inline-block;
1733 font-weight: 400;
1734 text-align: center;
1735 white-space: nowrap;
1736 vertical-align: middle;
1737 -webkit-user-select: none;
1738 -moz-user-select: none;
1739 -ms-user-select: none;
1740 user-select: none;
1741 border: 1px solid transparent;
1742 padding: 0.375rem 0.75rem;
1743 font-size: 15px;
1744 font-weight: 500;
1745 line-height: 1.5;
1746 border-radius: 0.25rem;
1747 color: rgba(255, 255, 255, 0.6);
1748 letter-spacing: 1px;
1749 }
1750
1751 div#ays-chart-dicount-christmas-month-main.ays_chart_dicount_info {
1752 background-image: linear-gradient(45deg, #C41824, #C41824);
1753 padding: unset;
1754 border: unset;
1755 }
1756
1757 #ays-chart-dicount-christmas-month-main .ays_chart_dicount_month {
1758 position: relative;
1759 background-image: url(../images/christmas_banner_plugins.webp);
1760 background-position: bottom;
1761 background-repeat: no-repeat;
1762 background-size: cover;
1763 height: 140px;
1764 display: flex;
1765 }
1766
1767 #ays-chart-dicount-christmas-month-main .ays_chart_dicount_month img {
1768 width: 80px;
1769 }
1770
1771 #ays-chart-dicount-christmas-month-main .ays-chart-sale-banner-link {
1772 display: flex;
1773 justify-content: center;
1774 align-items: center;
1775 width: 200px;
1776 }
1777
1778 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-sale {
1779 font-style: normal;
1780 font-weight: 600;
1781 font-size: 24px;
1782 text-align: center;
1783 color: #00D76B;
1784 text-transform: uppercase;
1785 }
1786
1787 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box {
1788 font-size:14px;
1789 padding:12px;
1790 text-align: center;
1791 width: 25%;
1792 white-space: nowrap;
1793 }
1794
1795 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box strong {
1796 font-size: 17px;
1797 font-weight: bold;
1798 letter-spacing: 0.80px;
1799 }
1800
1801 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-color {
1802 color: #971821;
1803 }
1804
1805 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-text-decoration {
1806 text-decoration: underline;
1807 }
1808
1809 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box {
1810 display: flex;
1811 justify-content: flex-end;
1812 align-items: center;
1813 }
1814
1815 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box {
1816 width: 30%;
1817 }
1818
1819 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-button,
1820 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button {
1821 align-items: center;
1822 font-weight: 500;
1823 }
1824
1825 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button {
1826 background: #971821;
1827 border-color: #fff;
1828 display: flex;
1829 justify-content: center;
1830 align-items: center;
1831 padding: 5px 15px;
1832 font-size: 16px;
1833 border-radius: 5px;
1834 }
1835
1836 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button:hover {
1837 background: #7d161d;
1838 border-color: #971821;
1839 }
1840
1841 #ays-chart-dicount-christmas-month-main #ays-chart-dismiss-buttons-content{
1842 display: flex;
1843 justify-content: center;
1844 }
1845
1846 #ays-chart-dicount-christmas-month-main #ays-chart-dismiss-buttons-content .ays-button{
1847 margin: 0 !important;
1848 font-size: 13px;
1849 font-size: 13px;
1850 color: #969393b0;
1851 }
1852
1853 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-opacity-box {
1854 width: 19%;
1855 }
1856
1857 #ays-chart-dicount-christmas-month-main .ays-buy-now-opacity-button {
1858 padding: 40px 15px;
1859 display: flex;
1860 justify-content: center;
1861 align-items: center;
1862 opacity: 0;
1863 }
1864
1865 #ays-chart-countdown-main-container .ays-chart-countdown-container {
1866 margin: 0 auto;
1867 text-align: center;
1868 }
1869
1870 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1871 font-weight: normal;
1872 letter-spacing: .125rem;
1873 text-transform: uppercase;
1874 font-weight: bolder;
1875
1876 font-size: 18px;
1877 font-weight: 400;
1878 margin: 0;
1879 padding: 9px 0 4px 0;
1880 line-height: 1.3;
1881 }
1882 #ays-chart-countdown-main-container li,
1883 #ays-chart-countdown-main-container ul {
1884 margin: 0;
1885 font-weight: 600;
1886 }
1887
1888 #ays-chart-countdown-main-container li {
1889 display: inline-block;
1890 font-size: 10px;
1891 list-style-type: none;
1892 padding: 10px;
1893 text-transform: uppercase;
1894 }
1895 #ays-chart-countdown-main-container li span {
1896 display: block;
1897 font-size: 22px;
1898 }
1899
1900 #ays-chart-countdown-main-container .emoji {
1901 display: none;
1902 padding: 1rem;
1903 }
1904
1905 #ays-chart-countdown-main-container .emoji span {
1906 font-size: 25px;
1907 padding: 0 .5rem;
1908 }
1909
1910 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
1911 display: flex;
1912 justify-content: center;
1913 align-items: center;
1914 width: 95%;
1915 margin: auto;
1916 }
1917
1918 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1919 text-align: center;
1920 padding-right: 50px;
1921 font-style: normal;
1922 font-weight: 900;
1923 font-size: 19px;
1924 color: #FFFFFF;
1925 }
1926
1927 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1928 border: none;
1929 outline: none;
1930 padding: 10px 20px;
1931 font-size: 22px;
1932 text-transform: uppercase;
1933 font-weight: bold;
1934 text-decoration: none;
1935 background: linear-gradient(180deg, #01CD5D 0%, #01946E 100%);
1936 border-radius: 16px;
1937 }
1938
1939 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row {
1940 text-transform: uppercase;
1941 text-shadow: -1.5px 0 #dd0bef, 0 1.5px #dd0bef, 1.5px 0 #dd0bef, 0 -1.5px #dd0bef;
1942 font-weight: 900;
1943 font-style: normal;
1944 font-size: 40px;
1945 line-height: 40px;
1946 color: #FFFFFF;
1947 }
1948
1949 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-text-box {
1950 position: absolute;
1951 width: 25%;
1952 top: 10px;
1953 bottom: 0;
1954 right: 0;
1955 left: 0;
1956 margin: 0 auto;
1957 }
1958
1959 div#ays-chart-dicount-christmas-month-main button.notice-dismiss:before{
1960 color: #fff;
1961 }
1962
1963 @media screen and (max-width: 1400px) and (min-width: 1200px){
1964 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1965 font-size: 15px;
1966 }
1967
1968 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row {
1969 font-size: 27px;
1970 }
1971
1972 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
1973 width: 100%;
1974 }
1975
1976 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1977 font-size: 13px;
1978 }
1979 }
1980
1981 @media all and (max-width: 1200px) {
1982 div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month{
1983 background: unset;
1984 }
1985
1986 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1987 font-size: 25px;
1988 }
1989
1990 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row {
1991 font-size: 30px;
1992 }
1993
1994 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
1995 width: 100%;
1996 }
1997
1998 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1999 font-size: 15px;
2000 }
2001 }
2002
2003 @media all and (max-width: 1200px) and (min-width: 1000px) {
2004
2005 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
2006 font-size: 15px;
2007 }
2008
2009 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
2010 font-size: 10px;
2011 }
2012 }
2013
2014 @media all and (max-width: 1000px) {
2015 div#ays-chart-countdown-main-container li {
2016 font-size: 8px;
2017 }
2018
2019 div#ays-chart-countdown-main-container li span{
2020 font-size: 20px;
2021 }
2022
2023 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
2024 padding: 10px 18px;
2025 font-size: 12px;
2026 }
2027
2028 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box-80{
2029 width: 80% !important;
2030 }
2031 }
2032
2033 @media all and (max-width: 995px) {
2034
2035 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
2036 flex-direction: column;
2037 }
2038
2039 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row{
2040 font-size: 23px;
2041 }
2042
2043 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box {
2044 white-space: unset;
2045 }
2046
2047 div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month {
2048 padding: 20px;
2049 }
2050
2051 div#ays-chart-dicount-christmas-month-main {
2052 padding-right: 0;
2053 }
2054 div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month{
2055 display: flex;
2056 align-items: center;
2057 justify-content: space-between;
2058 align-content: center;
2059 flex-wrap: wrap;
2060 flex-direction: column;
2061 padding: 10px 0;
2062 height: unset;
2063 }
2064
2065 div#ays-chart-dicount-christmas-month-main div.ays-chart-dicount-christmas-wrap-box {
2066 width: 100% !important;
2067 text-align: center;
2068 }
2069
2070 div#ays-chart-dicount-christmas-month-main #ays-chart-countdown-main-container ul,
2071 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
2072 padding: 0;
2073 }
2074
2075 div#ays-chart-countdown-main-container li {
2076 font-size: 15px;
2077 }
2078
2079 div#ays-chart-countdown-main-container li span {
2080 font-size: 25px;
2081 }
2082
2083 div#ays-chart-dicount-christmas-month-main div.ays-chart-dicount-christmas-wrap-text-box {
2084 position: unset;
2085 }
2086
2087 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
2088 font-size: 15px;
2089 font-weight: 600;
2090 }
2091
2092 #ays-chart-countdown-main-container ul {
2093 font-weight: 500;
2094 }
2095
2096 #ays-chart-countdown-main-container li span {
2097 font-size: 20px;
2098 }
2099
2100 #ays-chart-dicount-christmas-month-main .ays-button{
2101 margin: 0 auto !important;
2102 }
2103
2104 div#ays-chart-dicount-christmas-month-main.ays_chart_dicount_info.notice {
2105 background-position: bottom right;
2106 background-repeat: no-repeat;
2107 background-size: contain;
2108 display: flex;
2109 justify-content: center;
2110 }
2111
2112 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box {
2113 justify-content: center;
2114 }
2115
2116 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button {
2117 font-size: 14px;
2118 padding: 5px 10px;
2119 }
2120
2121 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
2122 padding: 10px 18px;
2123 font-size: 15px;
2124 }
2125 } */
2126 /* Christmas banner end */
2127
2128
2129 /* Helloween banner start */
2130 /* #ays-chart-dicount-month-main-helloween{
2131 background-image: url(../images/halloween_banner_plugins.png);
2132 height: 222px;
2133 background-repeat: no-repeat;
2134 background-position: center left;
2135 background-size: cover;
2136 border-radius: 7px;
2137 display: flex;
2138 align-items: center;
2139 justify-content: space-around;
2140 }
2141
2142 #ays-chart-dicount-month-main-helloween.notice-success,
2143 #ays-chart-dicount-month-main-helloween.notice-success{
2144 border-left: unset;
2145 }
2146
2147 div.ays-chart-helloween-bundle-buy-now-timer{
2148 display: flex;
2149 align-items: center;
2150 justify-content: center;
2151 }
2152
2153 div#ays-chart-dicount-month-helloween {
2154 display: flex;
2155 align-items: center;
2156 justify-content: space-between;
2157 height: 170px;
2158 width: 65%;
2159 max-width: 100%;
2160 }
2161
2162 .ays-chart-countdown-main-container-helloween #ays-chart-countdown {
2163 font-weight: 600;
2164 }
2165
2166 .ays-chart-countdown-main-container-helloween ul {
2167 margin: 0;
2168 }
2169
2170 .ays-chart-countdown-main-container-helloween li {
2171 display: inline-block;
2172 font-size: 14px;
2173 list-style-type: none;
2174 text-transform: uppercase;
2175 color: #fff;
2176 margin-left: 7px;
2177 }
2178
2179 .ays-chart-countdown-main-container-helloween li span:first-child {
2180 display: block;
2181 font-size: 40px;
2182 line-height: 1.4em;
2183 text-align: center;
2184 }
2185 .ays-chart-countdown-main-container-helloween li > p > span:nth-child(2){
2186 margin-left: 7px;
2187 }
2188 .ays-chart-countdown-main-container-helloween .emoji {
2189 display: none;
2190 padding: 1rem;
2191 }
2192
2193 .ays-chart-countdown-main-container-helloween .emoji span {
2194 font-size: 50px;
2195 padding: 0 .5rem;
2196 }
2197
2198 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
2199 background-image: linear-gradient(#7fc700, #409901);
2200 border: none;
2201 outline: none;
2202 padding: 8px 40px;
2203 font-size: 25px;
2204 text-transform: uppercase;
2205 font-weight: bold;
2206 border-radius: 25px;
2207 }
2208
2209 div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween {
2210 color: #d7a5da;
2211 font-size: 13px;
2212 font-weight: bold;
2213 }
2214
2215 .ays-chart-dicount-wrap-box-helloween-limited {
2216 color: #fff;
2217 }
2218
2219 .ays-chart-dicount-wrap-box-helloween-limited > p {
2220 font-size: 18px;
2221 font-weight: 700;
2222 padding: 0;
2223 margin: 0;
2224 }
2225
2226 #ays-chart-dicount-month-main-helloween button.notice-dismiss{
2227 background-color: #720092;
2228 border-radius: 50%;
2229 margin: 7px;
2230 }
2231 #ays-chart-dicount-month-main-helloween button.notice-dismiss:before{
2232 content: "\X";
2233 color: #fff;
2234 font-size: 18px;
2235 font-weight: 700;
2236 font-family: sans-serif;
2237 }
2238
2239 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween:focus,
2240 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween:active {
2241 outline: unset;
2242 border: unset;
2243 box-shadow: none;
2244 }
2245
2246 .ays-chart-dicount-wrap-box-helloween-timer{
2247 margin-right: 25px;
2248 }
2249
2250 @media screen and (max-width: 760px){
2251 #ays-chart-dicount-month-main-helloween{
2252 background-color: #720092;
2253 background-image: unset;
2254 height: 350px;
2255 }
2256
2257 div#ays-chart-dicount-month-helloween{
2258 flex-direction: column;
2259 width: 83%;
2260 max-width: 100%;
2261 justify-content: center;
2262 align-items: center;
2263 margin-left: 25px;
2264 }
2265
2266 div.ays-chart-helloween-bundle-buy-now-timer{
2267 flex-direction: column;
2268 }
2269 .ays-chart-helloween-bundle{
2270 display: inherit !important;
2271 }
2272
2273 .ays-chart-dicount-wrap-box-helloween-limited > p{
2274 font-size: 16px;
2275 line-height: unset;
2276 text-align: center;
2277 }
2278
2279 .ays-chart-countdown-main-container-helloween #ays-chart-countdown{
2280 font-weight: normal;
2281 }
2282
2283 div.ays-chart-countdown-main-container-helloween ul {
2284 display: flex;
2285 flex-wrap: nowrap;
2286 }
2287
2288 .ays-chart-countdown-main-container-helloween li{
2289 padding: 0;
2290 margin-left: 5px;
2291 text-align: center;
2292 }
2293
2294 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
2295 padding: 0px 40px;
2296 font-size: 16px;
2297 border-radius: 16px;
2298 }
2299
2300 div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween{
2301 font-size: 14px;
2302 }
2303
2304 div.ays-chart-dismiss-buttons-container-for-form-helloween{
2305 position: absolute;
2306 left: 50% !important;
2307 transform: translate(-50%, -50%);
2308 bottom: 0 !important;
2309 right: unset !important;
2310 }
2311
2312 .ays-chart-countdown-main-container-helloween li span{
2313 font-size: 18px !important;
2314 }
2315
2316 .ays-chart-countdown-main-container-helloween li p{
2317 margin: 0 !important;
2318 padding: 0 !important;
2319 }
2320
2321 }
2322
2323 @media screen and (max-width: 1400px) {
2324 div#ays-chart-dicount-month-helloween{
2325 width: 100%;
2326 max-width: 100%;
2327 justify-content: center;
2328 align-items: center;
2329 margin-left: 25px;
2330 }
2331
2332 .ays-chart-helloween-bundle{
2333 display: inherit !important;
2334 }
2335
2336 .ays-chart-dicount-wrap-box-helloween-limited > p{
2337 font-size: 16px;
2338 line-height: unset;
2339 text-align: center;
2340 }
2341
2342 .ays-chart-countdown-main-container-helloween #ays-chart-countdown{
2343 font-weight: normal;
2344 }
2345
2346 .ays-chart-countdown-main-container-helloween li{
2347 padding: 0;
2348 margin-left: 5px;
2349 text-align: center;
2350 }
2351
2352 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
2353 padding: 0px 40px;
2354 font-size: 16px;
2355 border-radius: 16px;
2356 }
2357
2358 div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween{
2359 font-size: 11px;
2360 }
2361
2362 div.ays-chart-dicount-wrap-box-helloween-timer{
2363 margin: 10px 17px !important;
2364 }
2365
2366 .ays-chart-countdown-main-container-helloween li span:first-child{
2367 font-size: 25px;
2368 }
2369 }
2370 @media screen and (max-width: 1700px) {
2371 div#ays-chart-dicount-month-helloween{
2372 width: 100%;
2373 max-width: 100%;
2374 justify-content: center;
2375 align-items: center;
2376 margin-left: 25px;
2377 }
2378
2379 .ays-chart-countdown-main-container-helloween #ays-chart-countdown{
2380 font-weight: normal;
2381 }
2382
2383 .ays-chart-countdown-main-container-helloween li{
2384 padding: 0;
2385 margin-left: 5px;
2386 text-align: center;
2387 }
2388
2389 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
2390 font-size: 18px;
2391 border-radius: 16px;
2392 }
2393
2394 div.ays-chart-dicount-wrap-box-helloween-timer{
2395 margin: 0 50px;
2396 }
2397 }
2398
2399 @media screen and (max-width: 520px){
2400 #ays-chart-dicount-month-main-helloween{
2401 height: 450px;
2402 }
2403 } */
2404 /* Helloween banner end */
2405
2406
2407 /* Black friday banner 2024 start */
2408 /* div#ays-chart-black-friday-bundle-dicount-month-main {
2409 border: 0;
2410 background: #FFF;
2411 border-radius: 20px;
2412 box-shadow: unset;
2413 position: relative;
2414 z-index: 1;
2415 min-height: 80px;
2416 }
2417 div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info button {
2418 display: flex;
2419 align-items: center;
2420 }
2421
2422 div#ays-chart-black-friday-bundle-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus {
2423 outline: none;
2424 box-shadow: 0;
2425 }
2426
2427 div#ays-chart-black-friday-bundle-dicount-month-main .btn-link {
2428 font-weight: 400;
2429 color: #007bff;
2430 background-color: transparent;
2431 display: inline-block;
2432 font-weight: 400;
2433 text-align: center;
2434 white-space: nowrap;
2435 vertical-align: middle;
2436 -webkit-user-select: none;
2437 -moz-user-select: none;
2438 -ms-user-select: none;
2439 user-select: none;
2440 border: 1px solid transparent;
2441 padding: .375rem .75rem;
2442 font-size: 1rem;
2443 line-height: 1.5;
2444 border-radius: .25rem
2445 }
2446
2447 div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info {
2448 background-image: url("../images/ays-chart-popup-banner-black-friday-bg-image.svg");
2449 background-position: center right;
2450 background-repeat: no-repeat;
2451 background-size: cover;
2452 background-color: #161616;
2453 }
2454
2455 #ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month {
2456 display: flex;
2457 align-items: center;
2458 justify-content: space-between;
2459 color: #fff;
2460 }
2461
2462 #ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month img {
2463 width: 80px;
2464 }
2465
2466 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-sale-banner-link {
2467 display: flex;
2468 justify-content: center;
2469 align-items: center;
2470 width: 200px;
2471 }
2472
2473 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box {
2474 font-size:14px;
2475 padding:12px;
2476 text-align: center;
2477 }
2478
2479 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2480 text-align: left;
2481 width: 30%;
2482 display: flex;
2483 justify-content: space-around;
2484 align-items: flex-start;
2485 text-align: center;
2486 }
2487
2488 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2489 width: 30%;
2490 display: flex;
2491 justify-content: center;
2492 align-items: center;
2493 }
2494
2495 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box {
2496 width: 20%;
2497 display: flex;
2498 justify-content: center;
2499 align-items: center;
2500 flex-direction: column;
2501 }
2502
2503 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-black-friday-bundle-title {
2504 display: inline-block;
2505 color: #FDFDFD;
2506 font-style: normal;
2507 font-weight: 600;
2508 line-height: normal;
2509 }
2510
2511 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-black-friday-bundle-title .ays-chart-black-friday-bundle-title-link {
2512 font-style: normal;
2513 font-weight: 700;
2514 font-size: 32px;
2515 line-height: 39px;
2516 text-align: center;
2517 text-transform: uppercase;
2518 letter-spacing: 0.13em;
2519 color: #161616;
2520 text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
2521 }
2522
2523 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-black-friday-bundle-desc {
2524 display: inline-block;
2525 font-style: normal;
2526 font-weight: 700;
2527 font-size: 32px;
2528 line-height: normal;
2529 text-align: center;
2530 letter-spacing: 0.13em;
2531 color: #161616;
2532 text-shadow: -1px 1px 0 #FF7F66, 1px 1px 0 #FF7F66, 1px -1px 0 #FF7F66, -1px -1px 0 #FF7F66;
2533 }
2534
2535 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-coupon-row {
2536 box-sizing: border-box;
2537 display: flex;
2538 flex-direction: row;
2539 justify-content: center;
2540 align-items: center;
2541 padding: 10px;
2542 font-size: 20px;
2543 background: #161616;
2544 border: 2px dotted #FF7F66;
2545 border-radius: 25px;
2546 margin-bottom: 5px;
2547 }
2548
2549
2550
2551 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong {
2552 font-size: 17px;
2553 font-weight: bold;
2554 letter-spacing: 0.80px;
2555 }
2556
2557 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-color {
2558 color: #971821;
2559 }
2560
2561 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-text-decoration {
2562 text-decoration: underline;
2563 }
2564
2565 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2566 display: flex;
2567 justify-content: flex-end;
2568 align-items: center;
2569 }
2570
2571 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2572 width: 30%;
2573 }
2574
2575 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-button,
2576 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2577 align-items: center;
2578 font-weight: 500;
2579 }
2580
2581 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2582 background: #971821;
2583 border-color: #fff;
2584 display: flex;
2585 justify-content: center;
2586 align-items: center;
2587 padding: 5px 15px;
2588 font-size: 16px;
2589 border-radius: 5px;
2590 }
2591
2592 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover {
2593 background: #7d161d;
2594 border-color: #971821;
2595 }
2596
2597 #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content{
2598 display: flex;
2599 justify-content: center;
2600 }
2601
2602 #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{
2603 margin: 0 !important;
2604 font-size: 13px;
2605 font-size: 13px;
2606 color: #ffffff;
2607
2608 }
2609
2610 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
2611 width: 19%;
2612 }
2613
2614 #ays-chart-black-friday-bundle-dicount-month-main .ays-buy-now-opacity-button {
2615 padding: 40px 15px;
2616 display: flex;
2617 justify-content: center;
2618 align-items: center;
2619 opacity: 0;
2620 }
2621
2622 #ays-chart-countdown-main-container .ays-chart-countdown-container {
2623 margin: 0 auto;
2624 text-align: center;
2625 }
2626
2627 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
2628 font-weight: normal;
2629 letter-spacing: .125rem;
2630 text-transform: uppercase;
2631 font-weight: bolder;
2632 font-size: 18px;
2633 font-weight: 400;
2634 margin: 0;
2635 padding: 9px 0 4px 0;
2636 line-height: 1.3;
2637 }
2638 #ays-chart-countdown-main-container li,
2639 #ays-chart-countdown-main-container ul {
2640 margin: 0;
2641 }
2642 #ays-chart-countdown-main-container ul {
2643 padding-left: 0;
2644 }
2645
2646 #ays-chart-countdown-main-container li {
2647 display: inline-block;
2648 font-size: 14px;
2649 list-style-type: none;
2650 padding: 14px;
2651 text-transform: lowercase;
2652 }
2653
2654 #ays-chart-countdown-main-container li span {
2655 display: flex;
2656 justify-content: center;
2657 align-items: center;
2658 font-size: 30px;
2659 min-height: 50px;
2660 min-width: 50px;
2661 background: rgba(255, 255, 255, 0.05);
2662 border: 1px solid #FF7F66;
2663 border-radius: 4px;
2664 box-shadow: 0px 1px 1px #FF7F66;
2665 }
2666
2667 #ays-chart-countdown-main-container .emoji {
2668 display: none;
2669 padding: 1rem;
2670 }
2671
2672 #ays-chart-countdown-main-container .emoji span {
2673 font-size: 30px;
2674 padding: 0 .5rem;
2675 }
2676
2677 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li {
2678 position: relative;
2679 }
2680
2681 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
2682 content: ":";
2683 color: #fff;
2684 position: absolute;
2685 top: 10px;
2686 right: -5px;
2687 font-size: 40px;
2688
2689 }
2690
2691 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after {
2692 content: unset;
2693 }
2694
2695 #ays-chart-black-friday-bundle-dicount-month-main #ays-button-top-buy-now {
2696 display: flex;
2697 align-items: center;
2698 padding: 12px 32px;
2699 color: #FFF;
2700 font-size:15px;
2701 font-style: normal;
2702 line-height: normal;
2703 margin: 0 !important;
2704 background: rgba(255, 255, 255, 0.1);
2705 border: 1px solid #FF7F66;
2706 box-shadow: 0px 0px 4px #FF7F66;
2707 border-radius: 4px;
2708 transition: all 0.3s;
2709 }
2710
2711 #ays-chart-black-friday-bundle-dicount-month-main #ays-button-top-buy-now:hover {
2712 background-color: #FF7F66;
2713 border: 1px solid #fff;
2714 }
2715
2716 div#ays-chart-black-friday-bundle-dicount-month-main button.notice-dismiss:before{
2717 color: #fff;
2718 content: "\f00d";
2719 font-family: fontawesome;
2720 font-size: 22px;
2721 }
2722
2723 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-guaranteeicon {
2724 width: 30px;
2725 margin-right: 5px;
2726 }
2727
2728 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-one-time-text {
2729 color: #FFF;
2730 font-size: 12px;
2731 font-style: normal;
2732 font-weight: 600;
2733 line-height: normal;
2734 }
2735
2736 #ays-chart-dicount-month a:link,
2737 #ays-chart-dicount-month a:visited {
2738 text-decoration: none;
2739 }
2740
2741 #ays-chart-dicount-month a:hover,
2742 #ays-chart-dicount-month a:active {
2743 text-decoration: underline;
2744 }
2745
2746 @media all and (max-width: 768px) {
2747 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-coupon-row {
2748 max-width: 50%;
2749 margin: 0 auto;
2750 }
2751
2752 div#ays-chart-black-friday-bundle-dicount-month-main {
2753 padding-right: 0;
2754 }
2755 div#ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month{
2756 display: flex;
2757 align-items: center;
2758 justify-content: space-between;
2759 align-content: center;
2760 flex-wrap: wrap;
2761 flex-direction: column;
2762 padding: 10px 0;
2763 }
2764
2765 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box {
2766 width: 100% !important;
2767 text-align: center;
2768 }
2769
2770 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
2771 font-size: 15px;
2772 font-weight: 600;
2773 }
2774
2775 #ays-chart-countdown-main-container ul {
2776 font-weight: 500;
2777 }
2778
2779 #ays-chart-countdown-main-container li span {
2780 font-size: 35px;
2781 min-height: 57px;
2782 min-width: 55px;
2783 }
2784
2785 div#ays-chart-countdown-main-container li {
2786 padding: 10px;
2787 }
2788
2789 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-mobile-image-display-none {
2790 display: none !important;
2791 }
2792
2793 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-mobile-image-display-block {
2794 display: block !important;
2795 margin-top: 5px;
2796 }
2797
2798 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2799 width: 100% !important;
2800 text-align: center;
2801 flex-direction: column;
2802 margin-top: 20px;
2803 justify-content: center;
2804 align-items: center;
2805 }
2806
2807 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
2808 top: unset;
2809 }
2810
2811 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2812 width: 100%;
2813 display: flex;
2814 justify-content: center;
2815 align-items: center;
2816 }
2817
2818 #ays-chart-black-friday-bundle-dicount-month-main .ays-button{
2819 margin: 0 auto !important;
2820 }
2821
2822 div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info.notice {
2823 background-position: bottom right;
2824 background-repeat: no-repeat;
2825 background-size: cover;
2826 border-radius: 10px;
2827 }
2828
2829 #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button {
2830 padding-left: unset !important;
2831 }
2832
2833 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2834 justify-content: center;
2835 }
2836
2837 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2838 font-size: 14px;
2839 padding: 5px 10px;
2840 }
2841
2842 div#ays-chart-black-friday-bundle-dicount-month-main .ays-buy-now-opacity-button {
2843 display: none;
2844 }
2845
2846 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dismiss-buttons-container-for-form{
2847 position: static !important;
2848 }
2849
2850 .comparison .product img {
2851 width: 70px;
2852 }
2853
2854 .ays-chart-features-wrap .comparison a.price-buy{
2855 padding: 8px 5px;
2856 font-size: 11px;
2857 }
2858 }
2859
2860 @media screen and (max-width: 1305px) and (min-width: 768px){
2861 div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info.notice {
2862 background-position: bottom right;
2863 background-repeat: no-repeat;
2864 background-size: cover;
2865 }
2866
2867 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong {
2868 font-size: 15px;
2869 }
2870
2871 #ays-chart-countdown-main-container li {
2872 font-size: 11px;
2873 }
2874
2875 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
2876 display: none;
2877 }
2878 }
2879
2880 @media screen and (max-width: 1680px) and (min-width: 1551px){
2881 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2882 width: 29%;
2883 }
2884
2885 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2886 width: 30%;
2887 }
2888 }
2889
2890 @media screen and (max-width: 1550px) and (min-width: 1400px){
2891 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2892 width: 31%;
2893 }
2894
2895 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2896 width: 35%;
2897 }
2898 }
2899
2900 @media screen and (max-width: 1400px) and (min-width: 1200px){
2901 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2902 width: 35%;
2903 }
2904
2905 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2906 width: 40%;
2907 }
2908
2909 div#ays-chart-countdown-main-container li span {
2910 font-size: 30px;
2911 min-height: 50px;
2912 min-width: 50px;
2913 }
2914 }
2915
2916 @media screen and (max-width: 1200px) and (min-width: 769px){
2917 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2918 width: 45%;
2919 }
2920
2921 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2922 width: 35%;
2923 }
2924
2925 div#ays-chart-countdown-main-container li span {
2926 font-size: 30px;
2927 min-height: 50px;
2928 min-width: 50px;
2929 }
2930 } */
2931 /* Black friday banner 2024 end */
2932
2933
2934 /* Christmas banner 2024 start */
2935 /* div#ays-chart-christmas-top-bundle-dicount-month-main {
2936 border: 0;
2937 background: #FFF;
2938 border-radius: 20px;
2939 box-shadow: unset;
2940 position: relative;
2941 z-index: 1;
2942 min-height: 80px;
2943 }
2944 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info button {
2945 display: flex;
2946 align-items: center;
2947 }
2948
2949 div#ays-chart-christmas-top-bundle-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus {
2950 outline: none;
2951 box-shadow: 0;
2952 }
2953
2954 div#ays-chart-christmas-top-bundle-dicount-month-main .btn-link {
2955 font-weight: 400;
2956 color: #007bff;
2957 background-color: transparent;
2958 display: inline-block;
2959 font-weight: 400;
2960 text-align: center;
2961 white-space: nowrap;
2962 vertical-align: middle;
2963 -webkit-user-select: none;
2964 -moz-user-select: none;
2965 -ms-user-select: none;
2966 user-select: none;
2967 border: 1px solid transparent;
2968 padding: .375rem .75rem;
2969 font-size: 1rem;
2970 line-height: 1.5;
2971 border-radius: .25rem
2972 }
2973
2974 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info {
2975 background-image: url("../images/ays-chart-popup-banner-christmas-bg-image.svg");
2976 background-position: center right;
2977 background-repeat: no-repeat;
2978 background-size: cover;
2979 background-color: #F6ECE3;
2980 }
2981
2982 #ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month {
2983 display: flex;
2984 align-items: center;
2985 justify-content: space-between;
2986 color: #A42F29;
2987 }
2988
2989 #ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month img {
2990 width: 80px;
2991 }
2992
2993 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-sale-banner-link {
2994 display: flex;
2995 justify-content: center;
2996 align-items: center;
2997 width: 200px;
2998 }
2999
3000 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box {
3001 font-size:14px;
3002 padding:12px;
3003 text-align: center;
3004 }
3005
3006 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
3007 text-align: left;
3008 width: 30%;
3009 display: flex;
3010 justify-content: space-around;
3011 align-items: flex-start;
3012 text-align: center;
3013 }
3014
3015 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
3016 width: 30%;
3017 display: flex;
3018 justify-content: center;
3019 align-items: center;
3020 }
3021
3022 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box {
3023 width: 20%;
3024 display: flex;
3025 justify-content: center;
3026 align-items: center;
3027 flex-direction: column;
3028 }
3029
3030 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-christmas-top-bundle-title {
3031 display: inline-block;
3032 color: #FDFDFD;
3033 font-style: normal;
3034 font-weight: 600;
3035 line-height: normal;
3036 }
3037
3038 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-christmas-top-bundle-title .ays-chart-christmas-top-bundle-title-link {
3039 font-style: normal;
3040 font-weight: 700;
3041 font-size: 32px;
3042 line-height: 39px;
3043 text-align: center;
3044 text-transform: uppercase;
3045 letter-spacing: 0.13em;
3046 color: #A42F29;
3047 }
3048
3049 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-christmas-top-bundle-desc {
3050 display: inline-block;
3051 font-style: normal;
3052 font-weight: 700;
3053 font-size: 32px;
3054 line-height: normal;
3055 text-align: center;
3056 letter-spacing: 0.13em;
3057 color: #A42F29;
3058 text-transform: uppercase;
3059 }
3060
3061 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-coupon-row {
3062 box-sizing: border-box;
3063 display: flex;
3064 flex-direction: row;
3065 justify-content: center;
3066 align-items: center;
3067 padding: 10px;
3068 font-size: 22px;
3069 background: #FCFAF8;
3070 border: 2px dotted #A42F29;
3071 border-radius: 25px;
3072 margin-bottom: 5px;
3073 font-weight: 700;
3074 }
3075
3076 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-text-row {
3077 font-weight: 500;
3078 }
3079
3080
3081 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong {
3082 font-size: 17px;
3083 font-weight: bold;
3084 letter-spacing: 0.80px;
3085 }
3086
3087 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-color {
3088 color: #971821;
3089 }
3090
3091 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-text-decoration {
3092 text-decoration: underline;
3093 }
3094
3095 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
3096 display: flex;
3097 justify-content: flex-end;
3098 align-items: center;
3099 }
3100
3101 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
3102 width: 30%;
3103 }
3104
3105 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-button,
3106 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
3107 align-items: center;
3108 font-weight: 500;
3109 }
3110
3111 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
3112 background: #971821;
3113 border-color: #fff;
3114 display: flex;
3115 justify-content: center;
3116 align-items: center;
3117 padding: 5px 15px;
3118 font-size: 16px;
3119 border-radius: 5px;
3120 }
3121
3122 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover {
3123 background: #7d161d;
3124 border-color: #971821;
3125 }
3126
3127 #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content{
3128 display: flex;
3129 justify-content: center;
3130 }
3131
3132 #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{
3133 margin: 0 !important;
3134 font-size: 13px;
3135 font-size: 13px;
3136 color: #A42F29;
3137 }
3138
3139 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
3140 width: 19%;
3141 }
3142
3143 #ays-chart-christmas-top-bundle-dicount-month-main .ays-buy-now-opacity-button {
3144 padding: 40px 15px;
3145 display: flex;
3146 justify-content: center;
3147 align-items: center;
3148 opacity: 0;
3149 }
3150
3151 #ays-chart-countdown-main-container .ays-chart-countdown-container {
3152 margin: 0 auto;
3153 text-align: center;
3154 font-weight: 500;
3155 }
3156
3157 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
3158 font-weight: normal;
3159 letter-spacing: .125rem;
3160 text-transform: uppercase;
3161 font-weight: bolder;
3162 font-size: 18px;
3163 font-weight: 400;
3164 margin: 0;
3165 padding: 9px 0 4px 0;
3166 line-height: 1.3;
3167 }
3168 #ays-chart-countdown-main-container li,
3169 #ays-chart-countdown-main-container ul {
3170 margin: 0;
3171 }
3172
3173 #ays-chart-countdown-main-container li {
3174 display: inline-block;
3175 font-size: 14px;
3176 list-style-type: none;
3177 padding: 14px;
3178 text-transform: lowercase;
3179 }
3180
3181 #ays-chart-countdown-main-container li span {
3182 display: flex;
3183 justify-content: center;
3184 align-items: center;
3185 font-size: 30px;
3186 min-height: 50px;
3187 min-width: 50px;
3188 background: #FFFFFF;
3189 border: 1px solid #A42F29;
3190 border-radius: 4px;
3191 box-shadow: 0px 1px 1px #A42F29;
3192 }
3193
3194 #ays-chart-countdown-main-container .emoji {
3195 display: none;
3196 padding: 1rem;
3197 }
3198
3199 #ays-chart-countdown-main-container .emoji span {
3200 font-size: 30px;
3201 padding: 0 .5rem;
3202 }
3203
3204 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li {
3205 position: relative;
3206 }
3207
3208 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
3209 content: ":";
3210 color: #A42F29;
3211 position: absolute;
3212 top: 10px;
3213 right: -5px;
3214 font-size: 40px;
3215
3216 }
3217
3218 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after {
3219 content: unset;
3220 }
3221
3222 #ays-chart-christmas-top-bundle-dicount-month-main #ays-button-top-buy-now {
3223 display: flex;
3224 align-items: center;
3225 padding: 12px 32px;
3226 color: #FFF;
3227 font-size: 15px;
3228 font-style: normal;
3229 line-height: normal;
3230 margin: 0 !important;
3231 background: #A42F29;
3232 border: 1px solid #A42F29;
3233 box-shadow: 0px 0px 4px #A42F29;
3234 border-radius: 4px;
3235 transition: all 0.3s;
3236 }
3237
3238 #ays-chart-christmas-top-bundle-dicount-month-main #ays-button-top-buy-now:hover {
3239 background-color: #FF7F66;
3240 border: 1px solid #fff;
3241 }
3242
3243 div#ays-chart-christmas-top-bundle-dicount-month-main button.notice-dismiss:before{
3244 color: #A42F29;
3245 content: "\f00d";
3246 font-family: fontawesome;
3247 font-size: 22px;
3248 }
3249
3250 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-guaranteeicon {
3251 width: 30px;
3252 margin-right: 5px;
3253 }
3254
3255 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-one-time-text {
3256 color: #A42F29;
3257 font-size: 12px;
3258 font-style: normal;
3259 font-weight: 600;
3260 line-height: normal;
3261 }
3262
3263
3264 @media all and (max-width: 768px) {
3265 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-coupon-row {
3266 max-width: 50%;
3267 margin: 0 auto;
3268 }
3269
3270 div#ays-chart-christmas-top-bundle-dicount-month-main {
3271 padding-right: 0;
3272 }
3273 div#ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month{
3274 display: flex;
3275 align-items: center;
3276 justify-content: space-between;
3277 align-content: center;
3278 flex-wrap: wrap;
3279 flex-direction: column;
3280 padding: 10px 0;
3281 }
3282
3283 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box {
3284 width: 100% !important;
3285 text-align: center;
3286 }
3287
3288 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
3289 font-size: 15px;
3290 font-weight: 600;
3291 }
3292
3293 #ays-chart-countdown-main-container ul {
3294 font-weight: 500;
3295 }
3296
3297 #ays-chart-countdown-main-container li span {
3298 font-size: 35px;
3299 min-height: 57px;
3300 min-width: 55px;
3301 }
3302
3303 div#ays-chart-countdown-main-container li {
3304 padding: 10px;
3305 }
3306
3307 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-mobile-image-display-none {
3308 display: none !important;
3309 }
3310
3311 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-mobile-image-display-block {
3312 display: block !important;
3313 margin-top: 5px;
3314 }
3315
3316 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
3317 width: 100% !important;
3318 text-align: center;
3319 flex-direction: column;
3320 margin-top: 20px;
3321 justify-content: center;
3322 align-items: center;
3323 }
3324
3325 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
3326 top: unset;
3327 }
3328
3329 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
3330 width: 100%;
3331 display: flex;
3332 justify-content: center;
3333 align-items: center;
3334 }
3335
3336 #ays-chart-christmas-top-bundle-dicount-month-main .ays-button{
3337 margin: 0 auto !important;
3338 }
3339
3340 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info.notice {
3341 background-position: bottom right;
3342 background-repeat: no-repeat;
3343 background-size: cover;
3344 border-radius: 10px;
3345 }
3346
3347 #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button {
3348 padding-left: unset !important;
3349 }
3350
3351 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
3352 justify-content: center;
3353 }
3354
3355 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
3356 font-size: 14px;
3357 padding: 5px 10px;
3358 }
3359
3360 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-buy-now-opacity-button {
3361 display: none;
3362 }
3363
3364 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dismiss-buttons-container-for-form{
3365 position: static !important;
3366 }
3367
3368 .comparison .product img {
3369 width: 70px;
3370 }
3371
3372 .ays-chart-features-wrap .comparison a.price-buy{
3373 padding: 8px 5px;
3374 font-size: 11px;
3375 }
3376 }
3377
3378 @media screen and (max-width: 1305px) and (min-width: 768px){
3379 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info.notice {
3380 background-position: bottom right;
3381 background-repeat: no-repeat;
3382 background-size: cover;
3383 }
3384
3385 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong {
3386 font-size: 15px;
3387 }
3388
3389 #ays-chart-countdown-main-container li {
3390 font-size: 11px;
3391 }
3392
3393 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
3394 display: none;
3395 }
3396 }
3397
3398 @media screen and (max-width: 1680px) and (min-width: 1551px){
3399 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
3400 width: 29%;
3401 }
3402
3403 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
3404 width: 30%;
3405 }
3406 }
3407
3408 @media screen and (max-width: 1550px) and (min-width: 1400px){
3409 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
3410 width: 31%;
3411 }
3412
3413 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
3414 width: 35%;
3415 }
3416 }
3417
3418 @media screen and (max-width: 1400px) and (min-width: 1200px){
3419 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
3420 width: 35%;
3421 }
3422
3423 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
3424 width: 40%;
3425 }
3426
3427 div#ays-chart-countdown-main-container li span {
3428 font-size: 30px;
3429 min-height: 50px;
3430 min-width: 50px;
3431 }
3432 }
3433
3434 @media screen and (max-width: 1200px) and (min-width: 769px){
3435 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
3436 width: 45%;
3437 }
3438
3439 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
3440 width: 35%;
3441 }
3442
3443 div#ays-chart-countdown-main-container li span {
3444 font-size: 30px;
3445 min-height: 50px;
3446 min-width: 50px;
3447 }
3448 }
3449
3450 @media screen and (max-width: 1200px) and (max-width: 1200px){
3451 div#ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month {
3452 flex-wrap: wrap;
3453 justify-content: space-around;
3454 }
3455 } */
3456 /* Christmas banner 2024 end */
3457