PluginProbe
Chartify – WordPress Chart Plugin / 3.4.8
Chartify – WordPress Chart Plugin v3.4.8
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.4.8, at admin/css/chart-builder-banner.css

3,469 lines 102.2 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 }
843 div#ays-chart-new-silver-bundle-2025-dicount-month-main.ays_chart_dicount_info{
844 position: relative;
845 background-image: url("../images/new-mega-bundle-logo-background.svg");
846 background-position: center right;
847 background-repeat: no-repeat;
848 background-size: cover;
849 }
850
851 div#ays-chart-new-silver-bundle-2025-dicount-month-main.ays_chart_dicount_info button {
852 display: flex;
853 align-items: center;
854 }
855
856 div#ays-chart-new-silver-bundle-2025-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus {
857 outline: none;
858 box-shadow: 0;
859 }
860
861 div#ays-chart-new-silver-bundle-2025-dicount-month-main .btn-link {
862 font-weight: 400;
863 color: #007bff;
864 background-color: transparent;
865 display: inline-block;
866 font-weight: 400;
867 text-align: center;
868 white-space: nowrap;
869 vertical-align: middle;
870 -webkit-user-select: none;
871 -moz-user-select: none;
872 -ms-user-select: none;
873 user-select: none;
874 border: 1px solid transparent;
875 padding: .375rem .75rem;
876 font-size: 1rem;
877 line-height: 1.5;
878 border-radius: .25rem
879 }
880
881 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays_chart_dicount_month {
882 display: flex;
883 align-items: center;
884 justify-content: space-between;
885 color: #fff;
886 }
887
888 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays_chart_dicount_month img {
889 width: 80px;
890 }
891
892 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-sale-banner-link {
893 display: flex;
894 justify-content: center;
895 align-items: center;
896 width: 200px;
897 }
898
899 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box {
900 font-size:14px;
901 padding:12px 0;
902 text-align: center;
903 }
904
905 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
906 text-align: left;
907 width: 30%;
908 display: flex;
909 justify-content: space-between;
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-countdown-box {
914 /* width: 30%; */
915 display: flex;
916 justify-content: flex-start;
917 align-items: center;
918 }
919
920 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box {
921 width: 20%;
922 display: flex;
923 justify-content: center;
924 align-items: center;
925 flex-direction: column;
926 }
927
928 #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 {
929 color: #FDFDFD;
930 font-size: 16.8px;
931 font-size: 18px;
932 font-style: normal;
933 font-weight: 600;
934 line-height: normal;
935 }
936
937 #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 {
938 display: inline-block;
939 }
940
941 #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 {
942 display: inline-block;
943 color: #FFF;
944 font-size: 16px;
945 font-style: normal;
946 font-weight: 400;
947 line-height: normal;
948 margin-top: 10px;
949 }
950
951 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box strong {
952 font-size: 17px;
953 font-weight: bold;
954 letter-spacing: 0.80px;
955 }
956
957 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-color {
958 color: #971821;
959 }
960
961 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-text-decoration {
962 text-decoration: underline;
963 }
964
965 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
966 display: flex;
967 justify-content: flex-end;
968 align-items: center;
969 }
970
971 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
972 width: 30%;
973 }
974
975 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box .ays-button,
976 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
977 align-items: center;
978 font-weight: 500;
979 }
980
981 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
982 background: #971821;
983 border-color: #fff;
984 display: flex;
985 justify-content: center;
986 align-items: center;
987 padding: 5px 15px;
988 font-size: 16px;
989 border-radius: 5px;
990 }
991
992 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover {
993 background: #7d161d;
994 border-color: #971821;
995 }
996
997 #ays-chart-new-silver-bundle-2025-dicount-month-main #ays-chart-dismiss-buttons-content{
998 display: flex;
999 justify-content: center;
1000 }
1001
1002 #ays-chart-new-silver-bundle-2025-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{
1003 margin: 0 !important;
1004 font-size: 13px;
1005 font-size: 13px;
1006 color: #ffffff;
1007
1008 }
1009
1010 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
1011 width: 19%;
1012 }
1013
1014 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-buy-now-opacity-button {
1015 padding: 40px 15px;
1016 display: flex;
1017 justify-content: center;
1018 align-items: center;
1019 opacity: 0;
1020 }
1021
1022 #ays-chart-countdown-main-container .ays-chart-countdown-container {
1023 margin: 0 auto;
1024 text-align: center;
1025 }
1026
1027 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1028 font-weight: normal;
1029 letter-spacing: .125rem;
1030 text-transform: uppercase;
1031 font-weight: bolder;
1032
1033 font-size: 18px;
1034 font-weight: 400;
1035 margin: 0;
1036 padding: 9px 0 4px 0;
1037 line-height: 1.3;
1038 }
1039 #ays-chart-countdown-main-container li,
1040 #ays-chart-countdown-main-container ul {
1041 margin: 0;
1042 padding: 0;
1043 }
1044
1045 #ays-chart-countdown-main-container li {
1046 display: inline-block;
1047 font-size: 14px;
1048 list-style-type: none;
1049 padding: 14px;
1050 text-transform: capitalize;
1051 }
1052
1053 #ays-chart-countdown-main-container li span {
1054 display: flex;
1055 justify-content: center;
1056 align-items: center;
1057 font-size: 23px;
1058 height: 56px;
1059 width: 53px;
1060 border-radius: 8px;
1061 border: 0.534px solid #F4F4F4;
1062 background: #9896ed;
1063 color: #fff;
1064 }
1065
1066 #ays-chart-countdown-main-container .emoji {
1067 display: none;
1068 padding: 1rem;
1069 }
1070
1071 #ays-chart-countdown-main-container .emoji span {
1072 font-size: 30px;
1073 padding: 0 .5rem;
1074 }
1075
1076 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-quiz-dicount-wrap-box li {
1077 position: relative;
1078 }
1079
1080
1081 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-quiz-dicount-wrap-box li span#ays-quiz-countdown-seconds:after {
1082 content: unset;
1083 }
1084
1085 #ays-chart-new-silver-bundle-2025-dicount-month-main #ays-button-top-buy-now {
1086 display: flex;
1087 align-items: center;
1088 border-radius: 6.409px;
1089 background: #F56123;
1090 padding: 12px 32px;
1091 color: #FFF;
1092 font-size:15px;
1093 font-style: normal;
1094 line-height: normal;
1095 margin: 0 !important;
1096 border-color: #F56123;
1097 }
1098
1099 #ays-chart-new-silver-bundle-2025-dicount-month-main #ays-button-top-buy-now:hover {
1100 background: #FF8653;
1101 border-color: #FF8653;
1102 }
1103
1104 #ays-chart-new-silver-bundle-2025-dicount-month-main #ays-button-top-buy-now:active {
1105 background: #BD4B1C;
1106 border-color: #BD4B1C;
1107 }
1108
1109 div#ays-chart-new-silver-bundle-2025-dicount-month-main button.notice-dismiss:before {
1110 color: #fff;
1111 content: "\f00d";
1112 font-family: fontawesome;
1113 font-size: 22px;
1114 transition: all 0.2s ease-out;
1115 }
1116
1117 div#ays-chart-new-silver-bundle-2025-dicount-month-main button.notice-dismiss:hover:before {
1118 color: #EDC9B8;
1119 }
1120
1121 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-new-silver-bundle-2025-guaranteeicon {
1122 width: 30px;
1123 margin-right: 5px;
1124 }
1125
1126 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-one-time-text {
1127 color: #FFF;
1128 font-size: 12px;
1129 font-style: normal;
1130 font-weight: 600;
1131 line-height: normal;
1132 }
1133
1134
1135 @media all and (max-width: 768px) {
1136 div#ays-chart-new-silver-bundle-2025-dicount-month-main {
1137 padding-right: 0;
1138 }
1139 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays_chart_dicount_month{
1140 display: flex;
1141 align-items: center;
1142 justify-content: space-between;
1143 align-content: center;
1144 flex-wrap: wrap;
1145 flex-direction: column;
1146 padding: 10px 0;
1147 }
1148
1149 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box {
1150 width: 100% !important;
1151 text-align: center;
1152 }
1153
1154 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1155 font-size: 15px;
1156 font-weight: 600;
1157 }
1158
1159 #ays-chart-countdown-main-container ul {
1160 font-weight: 500;
1161 }
1162
1163 #ays-chart-countdown-main-container li span {
1164 font-size: 35px;
1165 min-height: 57px;
1166 min-width: 55px;
1167 }
1168
1169 div#ays-chart-countdown-main-container li {
1170 padding: 10px;
1171 }
1172
1173 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-new-silver-bundle-2025-mobile-image-display-none {
1174 display: none !important;
1175 }
1176
1177 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-new-silver-bundle-2025-mobile-image-display-block {
1178 display: block !important;
1179 margin-top: 5px;
1180 }
1181
1182 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
1183 width: 100% !important;
1184 text-align: center;
1185 flex-direction: column;
1186 margin-top: 20px;
1187 justify-content: center;
1188 align-items: center;
1189 gap: 10px;
1190 }
1191
1192 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
1193 top: unset;
1194 }
1195
1196 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
1197 width: 100%;
1198 display: flex;
1199 justify-content: center;
1200 align-items: center;
1201 }
1202
1203 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-button{
1204 margin: 0 auto !important;
1205 }
1206
1207 div#ays-chart-new-silver-bundle-2025-dicount-month-main.ays_chart_dicount_info.notice {
1208 background-position: bottom right;
1209 background-repeat: no-repeat;
1210 background-size: cover;
1211 border-radius: 32px;
1212 display: none !important;
1213 }
1214
1215 #ays-chart-new-silver-bundle-2025-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button {
1216 padding-left: unset !important;
1217 }
1218
1219 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
1220 justify-content: center;
1221 }
1222
1223 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
1224 font-size: 14px;
1225 padding: 5px 10px;
1226 }
1227
1228 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-buy-now-opacity-button {
1229 display: none;
1230 }
1231
1232 #ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dismiss-buttons-container-for-form{
1233 position: static !important;
1234 }
1235
1236 div#ays-chart-new-mega-bundle-2025-dicount-month-main.ays_chart_dicount_info.notice {
1237 display: none !important;
1238 }
1239
1240 .comparison .product img {
1241 width: 70px;
1242 }
1243
1244 .ays-chart-features-wrap .comparison a.price-buy{
1245 padding: 8px 5px;
1246 font-size: 11px;
1247 }
1248 }
1249
1250 @media screen and (max-width: 1305px) and (min-width: 768px){
1251 div#ays-chart-new-silver-bundle-2025-dicount-month-main.ays_chart_dicount_info.notice {
1252 background-position: bottom right;
1253 background-repeat: no-repeat;
1254 background-size: cover;
1255 }
1256
1257 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box strong {
1258 font-size: 15px;
1259 }
1260
1261 #ays-chart-countdown-main-container li {
1262 font-size: 11px;
1263 }
1264
1265 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
1266 display: none;
1267 }
1268 }
1269
1270 @media screen and (max-width: 1680px) and (min-width: 1551px){
1271 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
1272 width: 29%;
1273 }
1274
1275 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
1276 width: 30%;
1277 }
1278 }
1279
1280 @media screen and (max-width: 1550px) and (min-width: 1400px){
1281 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
1282 width: 33%;
1283 }
1284
1285 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
1286 width: 35%;
1287 }
1288 }
1289
1290 @media screen and (max-width: 1400px) and (min-width: 1200px){
1291 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
1292 width: 35%;
1293 }
1294
1295 div#ays-chart-new-silver-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
1296 width: 40%;
1297 }
1298
1299 div#ays-chart-countdown-main-container li span {
1300 font-size: 30px;
1301 min-height: 50px;
1302 min-width: 50px;
1303 }
1304 }
1305
1306 @media screen and (max-width: 1200px) and (min-width: 769px){
1307 div#ays-chart-new-chart-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
1308 width: 45%;
1309 }
1310
1311 div#ays-chart-new-chart-bundle-2025-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
1312 width: 35%;
1313 }
1314
1315 div#ays-chart-countdown-main-container li span {
1316 font-size: 30px;
1317 min-height: 50px;
1318 min-width: 50px;
1319 }
1320 }
1321
1322
1323 /* Black friday banner start */
1324 /* div#ays-chart-dicount-black-friday-month-main * {
1325 color: #fff;
1326 }
1327
1328 div#ays-chart-dicount-black-friday-month-main div#ays-chart-dicount-black-friday-month a.ays-chart-sale-banner-link:focus {
1329 outline: none;
1330 box-shadow: 0;
1331 }
1332
1333 div#ays-chart-dicount-black-friday-month-main .btn-link {
1334 font-weight: 400;
1335 color: white;
1336 background-color: transparent;
1337 display: inline-block;
1338 font-weight: 400;
1339 text-align: center;
1340 white-space: nowrap;
1341 vertical-align: middle;
1342 -webkit-user-select: none;
1343 -moz-user-select: none;
1344 -ms-user-select: none;
1345 user-select: none;
1346 border: 1px solid transparent;
1347 padding: 0.375rem 0.75rem;
1348 font-size: 12px;
1349 line-height: 1.5;
1350 border-radius: 0.25rem;
1351 color: rgba(255, 255, 255, 0.6);
1352 }
1353
1354 div#ays-chart-dicount-black-friday-month-main.ays_chart_dicount_info {
1355 background-image: linear-gradient(45deg, #1E101D, #C60AF4);
1356 padding: unset;
1357 border-left-color: unset;
1358 border-left: 0;
1359 }
1360
1361 #ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month {
1362 position: relative;
1363 background-image: url("../images/black-friday-plugins-background-image.webp");
1364 background-position: center right;
1365 background-repeat: no-repeat;
1366 background-size: 100%;
1367 }
1368
1369 #ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month img {
1370 width: 80px;
1371 }
1372
1373 #ays-chart-dicount-black-friday-month-main .ays-chart-sale-banner-link {
1374 display: flex;
1375 justify-content: center;
1376 align-items: center;
1377 width: 200px;
1378 }
1379
1380 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-sale {
1381 font-style: normal;
1382 font-weight: 600;
1383 font-size: 24px;
1384 text-align: center;
1385 color: #B2FF00;
1386 text-transform: uppercase;
1387 }
1388
1389 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box {
1390 font-size:14px;
1391 padding:12px;
1392 text-align: center;
1393 width: 50%;
1394 white-space: nowrap;
1395 }
1396
1397 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box strong {
1398 font-size: 17px;
1399 font-weight: bold;
1400 letter-spacing: 0.80px;
1401 }
1402
1403 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-color {
1404 color: #971821;
1405 }
1406
1407 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-text-decoration {
1408 text-decoration: underline;
1409 }
1410
1411 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box {
1412 display: flex;
1413 justify-content: flex-end;
1414 align-items: center;
1415 }
1416
1417 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box {
1418 width: 30%;
1419 }
1420
1421 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-button,
1422 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button {
1423 align-items: center;
1424 font-weight: 500;
1425 }
1426
1427 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button {
1428 background: #971821;
1429 border-color: #fff;
1430 display: flex;
1431 justify-content: center;
1432 align-items: center;
1433 padding: 5px 15px;
1434 font-size: 16px;
1435 border-radius: 5px;
1436 }
1437
1438 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button:hover {
1439 background: #7d161d;
1440 border-color: #971821;
1441 }
1442
1443 #ays-chart-dicount-black-friday-month-main #ays-chart-dismiss-buttons-content{
1444 display: flex;
1445 justify-content: center;
1446 }
1447
1448 #ays-chart-dicount-black-friday-month-main #ays-chart-dismiss-buttons-content .ays-button{
1449 margin: 0 !important;
1450 font-size: 13px;
1451 font-size: 13px;
1452 color: #969393b0;
1453 }
1454
1455 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-opacity-box {
1456 width: 19%;
1457 }
1458
1459 #ays-chart-dicount-black-friday-month-main .ays-buy-now-opacity-button {
1460 padding: 40px 15px;
1461 display: flex;
1462 justify-content: center;
1463 align-items: center;
1464 opacity: 0;
1465 }
1466
1467 #ays-chart-countdown-main-container .ays-chart-countdown-container {
1468 margin: 0 auto;
1469 text-align: center;
1470 }
1471
1472 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1473 font-weight: normal;
1474 letter-spacing: .125rem;
1475 text-transform: uppercase;
1476 font-weight: bolder;
1477
1478 font-size: 18px;
1479 font-weight: 400;
1480 margin: 0;
1481 padding: 9px 0 4px 0;
1482 line-height: 1.3;
1483 }
1484
1485 #ays-chart-countdown-main-container li,
1486 #ays-chart-countdown-main-container ul {
1487 margin: 0;
1488 font-weight: 600;
1489 }
1490
1491 #ays-chart-countdown-main-container li {
1492 display: inline-block;
1493 font-size: 10px;
1494 list-style-type: none;
1495 padding: 10px;
1496 text-transform: uppercase;
1497 }
1498
1499 #ays-chart-countdown-main-container li span {
1500 display: block;
1501 font-size: 22px;
1502 }
1503
1504 #ays-chart-countdown-main-container .emoji {
1505 display: none;
1506 padding: 1rem;
1507 }
1508
1509 #ays-chart-countdown-main-container .emoji span {
1510 font-size: 25px;
1511 padding: 0 .5rem;
1512 }
1513
1514 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1515 display: flex;
1516 justify-content: space-between;
1517 align-items: center;
1518 width: 95%;
1519 margin: auto;
1520 }
1521
1522 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1523 text-align: center;
1524 padding-right: 50px;
1525 font-style: normal;
1526 font-weight: 900;
1527 font-size: 19px;
1528 color: #FFFFFF;
1529 }
1530
1531 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1532 border: none;
1533 outline: none;
1534 padding: 10px 20px;
1535 font-size: 22px;
1536 text-transform: uppercase;
1537 font-weight: bold;
1538 text-decoration: none;
1539 background: linear-gradient(180deg, #DD0BEF 0%, #82008D 100%);
1540 border-radius: 16px;
1541 }
1542
1543 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row {
1544 text-transform: uppercase;
1545 text-shadow: -1.5px 0 #dd0bef, 0 1.5px #dd0bef, 1.5px 0 #dd0bef, 0 -1.5px #dd0bef;
1546 font-weight: 900;
1547 font-style: normal;
1548 font-size: 40px;
1549 line-height: 40px;
1550 color: #FFFFFF;
1551 }
1552
1553 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-text-box {
1554 position: absolute;
1555 width: 25%;
1556 top: 10px;
1557 bottom: 0;
1558 right: 0;
1559 left: 0;
1560 margin: 0 auto;
1561 }
1562
1563 #ays-chart-countdown ul {
1564 padding: 0;
1565 }
1566
1567 @media screen and (max-width: 1400px) and (min-width: 1200px){
1568 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1569 font-size: 15px;
1570 }
1571
1572 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row {
1573 font-size: 27px;
1574 }
1575
1576 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1577 width: 100%;
1578 }
1579
1580 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1581 font-size: 13px;
1582 }
1583
1584 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{
1585 width: 80% !important;
1586 }
1587 }
1588
1589 @media all and (max-width: 1200px) {
1590 div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month{
1591 background: unset;
1592 }
1593
1594 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row {
1595 font-size: 30px;
1596 }
1597
1598 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1599 width: 100%;
1600 }
1601
1602 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1603 font-size: 15px;
1604 }
1605
1606 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{
1607 width: 80% !important;
1608 }
1609 }
1610
1611 @media all and (max-width: 1200px) and (min-width: 1150px) {
1612
1613 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1614 font-size: 15px;
1615 }
1616
1617 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1618 font-size: 10px;
1619 }
1620 }
1621
1622 @media all and (max-width: 1150px) {
1623 div#ays-chart-countdown-main-container li {
1624 font-size: 8px;
1625 }
1626
1627 div#ays-chart-countdown-main-container li span{
1628 font-size: 20px;
1629 }
1630
1631 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1632 padding: 10px 18px;
1633 font-size: 12px;
1634 }
1635
1636 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{
1637 width: 80% !important;
1638 }
1639
1640 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1641 flex-direction: column;
1642 }
1643
1644 div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month {
1645 padding: 20px;
1646 }
1647
1648 div#ays-chart-dicount-black-friday-month-main {
1649 padding-right: 0;
1650 }
1651 div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month{
1652 display: flex;
1653 align-items: center;
1654 justify-content: space-between;
1655 align-content: center;
1656 flex-wrap: wrap;
1657 flex-direction: column;
1658 padding: 10px 0;
1659 }
1660
1661 div#ays-chart-dicount-black-friday-month-main div.ays-chart-dicount-black-friday-wrap-box {
1662 width: 100% !important;
1663 text-align: center;
1664 }
1665
1666 div#ays-chart-dicount-black-friday-month-main #ays-chart-countdown-main-container ul,
1667 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1668 padding: 0;
1669 font-size: 13px;
1670 }
1671
1672 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-sale{
1673 font-size: 15px;
1674 }
1675
1676 div#ays-chart-countdown-main-container li {
1677 font-size: 15px;
1678 }
1679
1680 div#ays-chart-countdown-main-container li span {
1681 font-size: 25px;
1682 }
1683
1684 div#ays-chart-dicount-black-friday-month-main div.ays-chart-dicount-black-friday-wrap-text-box {
1685 position: unset;
1686 }
1687
1688 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1689 font-size: 15px;
1690 font-weight: 600;
1691 }
1692
1693 #ays-chart-countdown-main-container ul {
1694 font-weight: 500;
1695 }
1696
1697 #ays-chart-countdown-main-container li span {
1698 font-size: 20px;
1699 }
1700
1701 #ays-chart-dicount-black-friday-month-main .ays-button{
1702 margin: 0 auto !important;
1703 }
1704
1705 div#ays-chart-dicount-black-friday-month-main.ays_chart_dicount_info.notice {
1706 background-position: bottom right;
1707 background-repeat: no-repeat;
1708 background-size: contain;
1709 display: flex;
1710 justify-content: center;
1711 background-image: linear-gradient(45deg, #1E101D, #C60AF4);
1712 }
1713
1714 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box {
1715 justify-content: center;
1716 }
1717
1718 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button {
1719 font-size: 14px;
1720 padding: 5px 10px;
1721 }
1722
1723 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1724 padding: 10px 18px;
1725 font-size: 15px;
1726 }
1727 } */
1728 /* Black friday banner end */
1729
1730
1731 /* Christmas banner start */
1732 /* div#ays-chart-dicount-christmas-month-main * {
1733 color: #fff;
1734 }
1735
1736 div#ays-chart-dicount-christmas-month-main div#ays-chart-dicount-christmas-month a.ays-chart-sale-banner-link:focus {
1737 outline: none;
1738 box-shadow: 0;
1739 }
1740
1741 div#ays-chart-dicount-christmas-month-main .btn-link {
1742 color: white;
1743 background-color: transparent;
1744 display: inline-block;
1745 font-weight: 400;
1746 text-align: center;
1747 white-space: nowrap;
1748 vertical-align: middle;
1749 -webkit-user-select: none;
1750 -moz-user-select: none;
1751 -ms-user-select: none;
1752 user-select: none;
1753 border: 1px solid transparent;
1754 padding: 0.375rem 0.75rem;
1755 font-size: 15px;
1756 font-weight: 500;
1757 line-height: 1.5;
1758 border-radius: 0.25rem;
1759 color: rgba(255, 255, 255, 0.6);
1760 letter-spacing: 1px;
1761 }
1762
1763 div#ays-chart-dicount-christmas-month-main.ays_chart_dicount_info {
1764 background-image: linear-gradient(45deg, #C41824, #C41824);
1765 padding: unset;
1766 border: unset;
1767 }
1768
1769 #ays-chart-dicount-christmas-month-main .ays_chart_dicount_month {
1770 position: relative;
1771 background-image: url(../images/christmas_banner_plugins.webp);
1772 background-position: bottom;
1773 background-repeat: no-repeat;
1774 background-size: cover;
1775 height: 140px;
1776 display: flex;
1777 }
1778
1779 #ays-chart-dicount-christmas-month-main .ays_chart_dicount_month img {
1780 width: 80px;
1781 }
1782
1783 #ays-chart-dicount-christmas-month-main .ays-chart-sale-banner-link {
1784 display: flex;
1785 justify-content: center;
1786 align-items: center;
1787 width: 200px;
1788 }
1789
1790 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-sale {
1791 font-style: normal;
1792 font-weight: 600;
1793 font-size: 24px;
1794 text-align: center;
1795 color: #00D76B;
1796 text-transform: uppercase;
1797 }
1798
1799 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box {
1800 font-size:14px;
1801 padding:12px;
1802 text-align: center;
1803 width: 25%;
1804 white-space: nowrap;
1805 }
1806
1807 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box strong {
1808 font-size: 17px;
1809 font-weight: bold;
1810 letter-spacing: 0.80px;
1811 }
1812
1813 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-color {
1814 color: #971821;
1815 }
1816
1817 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-text-decoration {
1818 text-decoration: underline;
1819 }
1820
1821 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box {
1822 display: flex;
1823 justify-content: flex-end;
1824 align-items: center;
1825 }
1826
1827 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box {
1828 width: 30%;
1829 }
1830
1831 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-button,
1832 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button {
1833 align-items: center;
1834 font-weight: 500;
1835 }
1836
1837 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button {
1838 background: #971821;
1839 border-color: #fff;
1840 display: flex;
1841 justify-content: center;
1842 align-items: center;
1843 padding: 5px 15px;
1844 font-size: 16px;
1845 border-radius: 5px;
1846 }
1847
1848 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button:hover {
1849 background: #7d161d;
1850 border-color: #971821;
1851 }
1852
1853 #ays-chart-dicount-christmas-month-main #ays-chart-dismiss-buttons-content{
1854 display: flex;
1855 justify-content: center;
1856 }
1857
1858 #ays-chart-dicount-christmas-month-main #ays-chart-dismiss-buttons-content .ays-button{
1859 margin: 0 !important;
1860 font-size: 13px;
1861 font-size: 13px;
1862 color: #969393b0;
1863 }
1864
1865 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-opacity-box {
1866 width: 19%;
1867 }
1868
1869 #ays-chart-dicount-christmas-month-main .ays-buy-now-opacity-button {
1870 padding: 40px 15px;
1871 display: flex;
1872 justify-content: center;
1873 align-items: center;
1874 opacity: 0;
1875 }
1876
1877 #ays-chart-countdown-main-container .ays-chart-countdown-container {
1878 margin: 0 auto;
1879 text-align: center;
1880 }
1881
1882 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1883 font-weight: normal;
1884 letter-spacing: .125rem;
1885 text-transform: uppercase;
1886 font-weight: bolder;
1887
1888 font-size: 18px;
1889 font-weight: 400;
1890 margin: 0;
1891 padding: 9px 0 4px 0;
1892 line-height: 1.3;
1893 }
1894 #ays-chart-countdown-main-container li,
1895 #ays-chart-countdown-main-container ul {
1896 margin: 0;
1897 font-weight: 600;
1898 }
1899
1900 #ays-chart-countdown-main-container li {
1901 display: inline-block;
1902 font-size: 10px;
1903 list-style-type: none;
1904 padding: 10px;
1905 text-transform: uppercase;
1906 }
1907 #ays-chart-countdown-main-container li span {
1908 display: block;
1909 font-size: 22px;
1910 }
1911
1912 #ays-chart-countdown-main-container .emoji {
1913 display: none;
1914 padding: 1rem;
1915 }
1916
1917 #ays-chart-countdown-main-container .emoji span {
1918 font-size: 25px;
1919 padding: 0 .5rem;
1920 }
1921
1922 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
1923 display: flex;
1924 justify-content: center;
1925 align-items: center;
1926 width: 95%;
1927 margin: auto;
1928 }
1929
1930 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1931 text-align: center;
1932 padding-right: 50px;
1933 font-style: normal;
1934 font-weight: 900;
1935 font-size: 19px;
1936 color: #FFFFFF;
1937 }
1938
1939 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1940 border: none;
1941 outline: none;
1942 padding: 10px 20px;
1943 font-size: 22px;
1944 text-transform: uppercase;
1945 font-weight: bold;
1946 text-decoration: none;
1947 background: linear-gradient(180deg, #01CD5D 0%, #01946E 100%);
1948 border-radius: 16px;
1949 }
1950
1951 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row {
1952 text-transform: uppercase;
1953 text-shadow: -1.5px 0 #dd0bef, 0 1.5px #dd0bef, 1.5px 0 #dd0bef, 0 -1.5px #dd0bef;
1954 font-weight: 900;
1955 font-style: normal;
1956 font-size: 40px;
1957 line-height: 40px;
1958 color: #FFFFFF;
1959 }
1960
1961 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-text-box {
1962 position: absolute;
1963 width: 25%;
1964 top: 10px;
1965 bottom: 0;
1966 right: 0;
1967 left: 0;
1968 margin: 0 auto;
1969 }
1970
1971 div#ays-chart-dicount-christmas-month-main button.notice-dismiss:before{
1972 color: #fff;
1973 }
1974
1975 @media screen and (max-width: 1400px) and (min-width: 1200px){
1976 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1977 font-size: 15px;
1978 }
1979
1980 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row {
1981 font-size: 27px;
1982 }
1983
1984 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
1985 width: 100%;
1986 }
1987
1988 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1989 font-size: 13px;
1990 }
1991 }
1992
1993 @media all and (max-width: 1200px) {
1994 div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month{
1995 background: unset;
1996 }
1997
1998 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1999 font-size: 25px;
2000 }
2001
2002 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row {
2003 font-size: 30px;
2004 }
2005
2006 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
2007 width: 100%;
2008 }
2009
2010 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
2011 font-size: 15px;
2012 }
2013 }
2014
2015 @media all and (max-width: 1200px) and (min-width: 1000px) {
2016
2017 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
2018 font-size: 15px;
2019 }
2020
2021 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
2022 font-size: 10px;
2023 }
2024 }
2025
2026 @media all and (max-width: 1000px) {
2027 div#ays-chart-countdown-main-container li {
2028 font-size: 8px;
2029 }
2030
2031 div#ays-chart-countdown-main-container li span{
2032 font-size: 20px;
2033 }
2034
2035 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
2036 padding: 10px 18px;
2037 font-size: 12px;
2038 }
2039
2040 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box-80{
2041 width: 80% !important;
2042 }
2043 }
2044
2045 @media all and (max-width: 995px) {
2046
2047 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
2048 flex-direction: column;
2049 }
2050
2051 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row{
2052 font-size: 23px;
2053 }
2054
2055 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box {
2056 white-space: unset;
2057 }
2058
2059 div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month {
2060 padding: 20px;
2061 }
2062
2063 div#ays-chart-dicount-christmas-month-main {
2064 padding-right: 0;
2065 }
2066 div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month{
2067 display: flex;
2068 align-items: center;
2069 justify-content: space-between;
2070 align-content: center;
2071 flex-wrap: wrap;
2072 flex-direction: column;
2073 padding: 10px 0;
2074 height: unset;
2075 }
2076
2077 div#ays-chart-dicount-christmas-month-main div.ays-chart-dicount-christmas-wrap-box {
2078 width: 100% !important;
2079 text-align: center;
2080 }
2081
2082 div#ays-chart-dicount-christmas-month-main #ays-chart-countdown-main-container ul,
2083 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
2084 padding: 0;
2085 }
2086
2087 div#ays-chart-countdown-main-container li {
2088 font-size: 15px;
2089 }
2090
2091 div#ays-chart-countdown-main-container li span {
2092 font-size: 25px;
2093 }
2094
2095 div#ays-chart-dicount-christmas-month-main div.ays-chart-dicount-christmas-wrap-text-box {
2096 position: unset;
2097 }
2098
2099 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
2100 font-size: 15px;
2101 font-weight: 600;
2102 }
2103
2104 #ays-chart-countdown-main-container ul {
2105 font-weight: 500;
2106 }
2107
2108 #ays-chart-countdown-main-container li span {
2109 font-size: 20px;
2110 }
2111
2112 #ays-chart-dicount-christmas-month-main .ays-button{
2113 margin: 0 auto !important;
2114 }
2115
2116 div#ays-chart-dicount-christmas-month-main.ays_chart_dicount_info.notice {
2117 background-position: bottom right;
2118 background-repeat: no-repeat;
2119 background-size: contain;
2120 display: flex;
2121 justify-content: center;
2122 }
2123
2124 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box {
2125 justify-content: center;
2126 }
2127
2128 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button {
2129 font-size: 14px;
2130 padding: 5px 10px;
2131 }
2132
2133 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
2134 padding: 10px 18px;
2135 font-size: 15px;
2136 }
2137 } */
2138 /* Christmas banner end */
2139
2140
2141 /* Helloween banner start */
2142 /* #ays-chart-dicount-month-main-helloween{
2143 background-image: url(../images/halloween_banner_plugins.png);
2144 height: 222px;
2145 background-repeat: no-repeat;
2146 background-position: center left;
2147 background-size: cover;
2148 border-radius: 7px;
2149 display: flex;
2150 align-items: center;
2151 justify-content: space-around;
2152 }
2153
2154 #ays-chart-dicount-month-main-helloween.notice-success,
2155 #ays-chart-dicount-month-main-helloween.notice-success{
2156 border-left: unset;
2157 }
2158
2159 div.ays-chart-helloween-bundle-buy-now-timer{
2160 display: flex;
2161 align-items: center;
2162 justify-content: center;
2163 }
2164
2165 div#ays-chart-dicount-month-helloween {
2166 display: flex;
2167 align-items: center;
2168 justify-content: space-between;
2169 height: 170px;
2170 width: 65%;
2171 max-width: 100%;
2172 }
2173
2174 .ays-chart-countdown-main-container-helloween #ays-chart-countdown {
2175 font-weight: 600;
2176 }
2177
2178 .ays-chart-countdown-main-container-helloween ul {
2179 margin: 0;
2180 }
2181
2182 .ays-chart-countdown-main-container-helloween li {
2183 display: inline-block;
2184 font-size: 14px;
2185 list-style-type: none;
2186 text-transform: uppercase;
2187 color: #fff;
2188 margin-left: 7px;
2189 }
2190
2191 .ays-chart-countdown-main-container-helloween li span:first-child {
2192 display: block;
2193 font-size: 40px;
2194 line-height: 1.4em;
2195 text-align: center;
2196 }
2197 .ays-chart-countdown-main-container-helloween li > p > span:nth-child(2){
2198 margin-left: 7px;
2199 }
2200 .ays-chart-countdown-main-container-helloween .emoji {
2201 display: none;
2202 padding: 1rem;
2203 }
2204
2205 .ays-chart-countdown-main-container-helloween .emoji span {
2206 font-size: 50px;
2207 padding: 0 .5rem;
2208 }
2209
2210 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
2211 background-image: linear-gradient(#7fc700, #409901);
2212 border: none;
2213 outline: none;
2214 padding: 8px 40px;
2215 font-size: 25px;
2216 text-transform: uppercase;
2217 font-weight: bold;
2218 border-radius: 25px;
2219 }
2220
2221 div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween {
2222 color: #d7a5da;
2223 font-size: 13px;
2224 font-weight: bold;
2225 }
2226
2227 .ays-chart-dicount-wrap-box-helloween-limited {
2228 color: #fff;
2229 }
2230
2231 .ays-chart-dicount-wrap-box-helloween-limited > p {
2232 font-size: 18px;
2233 font-weight: 700;
2234 padding: 0;
2235 margin: 0;
2236 }
2237
2238 #ays-chart-dicount-month-main-helloween button.notice-dismiss{
2239 background-color: #720092;
2240 border-radius: 50%;
2241 margin: 7px;
2242 }
2243 #ays-chart-dicount-month-main-helloween button.notice-dismiss:before{
2244 content: "\X";
2245 color: #fff;
2246 font-size: 18px;
2247 font-weight: 700;
2248 font-family: sans-serif;
2249 }
2250
2251 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween:focus,
2252 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween:active {
2253 outline: unset;
2254 border: unset;
2255 box-shadow: none;
2256 }
2257
2258 .ays-chart-dicount-wrap-box-helloween-timer{
2259 margin-right: 25px;
2260 }
2261
2262 @media screen and (max-width: 760px){
2263 #ays-chart-dicount-month-main-helloween{
2264 background-color: #720092;
2265 background-image: unset;
2266 height: 350px;
2267 }
2268
2269 div#ays-chart-dicount-month-helloween{
2270 flex-direction: column;
2271 width: 83%;
2272 max-width: 100%;
2273 justify-content: center;
2274 align-items: center;
2275 margin-left: 25px;
2276 }
2277
2278 div.ays-chart-helloween-bundle-buy-now-timer{
2279 flex-direction: column;
2280 }
2281 .ays-chart-helloween-bundle{
2282 display: inherit !important;
2283 }
2284
2285 .ays-chart-dicount-wrap-box-helloween-limited > p{
2286 font-size: 16px;
2287 line-height: unset;
2288 text-align: center;
2289 }
2290
2291 .ays-chart-countdown-main-container-helloween #ays-chart-countdown{
2292 font-weight: normal;
2293 }
2294
2295 div.ays-chart-countdown-main-container-helloween ul {
2296 display: flex;
2297 flex-wrap: nowrap;
2298 }
2299
2300 .ays-chart-countdown-main-container-helloween li{
2301 padding: 0;
2302 margin-left: 5px;
2303 text-align: center;
2304 }
2305
2306 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
2307 padding: 0px 40px;
2308 font-size: 16px;
2309 border-radius: 16px;
2310 }
2311
2312 div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween{
2313 font-size: 14px;
2314 }
2315
2316 div.ays-chart-dismiss-buttons-container-for-form-helloween{
2317 position: absolute;
2318 left: 50% !important;
2319 transform: translate(-50%, -50%);
2320 bottom: 0 !important;
2321 right: unset !important;
2322 }
2323
2324 .ays-chart-countdown-main-container-helloween li span{
2325 font-size: 18px !important;
2326 }
2327
2328 .ays-chart-countdown-main-container-helloween li p{
2329 margin: 0 !important;
2330 padding: 0 !important;
2331 }
2332
2333 }
2334
2335 @media screen and (max-width: 1400px) {
2336 div#ays-chart-dicount-month-helloween{
2337 width: 100%;
2338 max-width: 100%;
2339 justify-content: center;
2340 align-items: center;
2341 margin-left: 25px;
2342 }
2343
2344 .ays-chart-helloween-bundle{
2345 display: inherit !important;
2346 }
2347
2348 .ays-chart-dicount-wrap-box-helloween-limited > p{
2349 font-size: 16px;
2350 line-height: unset;
2351 text-align: center;
2352 }
2353
2354 .ays-chart-countdown-main-container-helloween #ays-chart-countdown{
2355 font-weight: normal;
2356 }
2357
2358 .ays-chart-countdown-main-container-helloween li{
2359 padding: 0;
2360 margin-left: 5px;
2361 text-align: center;
2362 }
2363
2364 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
2365 padding: 0px 40px;
2366 font-size: 16px;
2367 border-radius: 16px;
2368 }
2369
2370 div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween{
2371 font-size: 11px;
2372 }
2373
2374 div.ays-chart-dicount-wrap-box-helloween-timer{
2375 margin: 10px 17px !important;
2376 }
2377
2378 .ays-chart-countdown-main-container-helloween li span:first-child{
2379 font-size: 25px;
2380 }
2381 }
2382 @media screen and (max-width: 1700px) {
2383 div#ays-chart-dicount-month-helloween{
2384 width: 100%;
2385 max-width: 100%;
2386 justify-content: center;
2387 align-items: center;
2388 margin-left: 25px;
2389 }
2390
2391 .ays-chart-countdown-main-container-helloween #ays-chart-countdown{
2392 font-weight: normal;
2393 }
2394
2395 .ays-chart-countdown-main-container-helloween li{
2396 padding: 0;
2397 margin-left: 5px;
2398 text-align: center;
2399 }
2400
2401 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
2402 font-size: 18px;
2403 border-radius: 16px;
2404 }
2405
2406 div.ays-chart-dicount-wrap-box-helloween-timer{
2407 margin: 0 50px;
2408 }
2409 }
2410
2411 @media screen and (max-width: 520px){
2412 #ays-chart-dicount-month-main-helloween{
2413 height: 450px;
2414 }
2415 } */
2416 /* Helloween banner end */
2417
2418
2419 /* Black friday banner 2024 start */
2420 /* div#ays-chart-black-friday-bundle-dicount-month-main {
2421 border: 0;
2422 background: #FFF;
2423 border-radius: 20px;
2424 box-shadow: unset;
2425 position: relative;
2426 z-index: 1;
2427 min-height: 80px;
2428 }
2429 div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info button {
2430 display: flex;
2431 align-items: center;
2432 }
2433
2434 div#ays-chart-black-friday-bundle-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus {
2435 outline: none;
2436 box-shadow: 0;
2437 }
2438
2439 div#ays-chart-black-friday-bundle-dicount-month-main .btn-link {
2440 font-weight: 400;
2441 color: #007bff;
2442 background-color: transparent;
2443 display: inline-block;
2444 font-weight: 400;
2445 text-align: center;
2446 white-space: nowrap;
2447 vertical-align: middle;
2448 -webkit-user-select: none;
2449 -moz-user-select: none;
2450 -ms-user-select: none;
2451 user-select: none;
2452 border: 1px solid transparent;
2453 padding: .375rem .75rem;
2454 font-size: 1rem;
2455 line-height: 1.5;
2456 border-radius: .25rem
2457 }
2458
2459 div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info {
2460 background-image: url("../images/ays-chart-popup-banner-black-friday-bg-image.svg");
2461 background-position: center right;
2462 background-repeat: no-repeat;
2463 background-size: cover;
2464 background-color: #161616;
2465 }
2466
2467 #ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month {
2468 display: flex;
2469 align-items: center;
2470 justify-content: space-between;
2471 color: #fff;
2472 }
2473
2474 #ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month img {
2475 width: 80px;
2476 }
2477
2478 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-sale-banner-link {
2479 display: flex;
2480 justify-content: center;
2481 align-items: center;
2482 width: 200px;
2483 }
2484
2485 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box {
2486 font-size:14px;
2487 padding:12px;
2488 text-align: center;
2489 }
2490
2491 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2492 text-align: left;
2493 width: 30%;
2494 display: flex;
2495 justify-content: space-around;
2496 align-items: flex-start;
2497 text-align: center;
2498 }
2499
2500 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2501 width: 30%;
2502 display: flex;
2503 justify-content: center;
2504 align-items: center;
2505 }
2506
2507 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box {
2508 width: 20%;
2509 display: flex;
2510 justify-content: center;
2511 align-items: center;
2512 flex-direction: column;
2513 }
2514
2515 #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 {
2516 display: inline-block;
2517 color: #FDFDFD;
2518 font-style: normal;
2519 font-weight: 600;
2520 line-height: normal;
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-title .ays-chart-black-friday-bundle-title-link {
2524 font-style: normal;
2525 font-weight: 700;
2526 font-size: 32px;
2527 line-height: 39px;
2528 text-align: center;
2529 text-transform: uppercase;
2530 letter-spacing: 0.13em;
2531 color: #161616;
2532 text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
2533 }
2534
2535 #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 {
2536 display: inline-block;
2537 font-style: normal;
2538 font-weight: 700;
2539 font-size: 32px;
2540 line-height: normal;
2541 text-align: center;
2542 letter-spacing: 0.13em;
2543 color: #161616;
2544 text-shadow: -1px 1px 0 #FF7F66, 1px 1px 0 #FF7F66, 1px -1px 0 #FF7F66, -1px -1px 0 #FF7F66;
2545 }
2546
2547 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-coupon-row {
2548 box-sizing: border-box;
2549 display: flex;
2550 flex-direction: row;
2551 justify-content: center;
2552 align-items: center;
2553 padding: 10px;
2554 font-size: 20px;
2555 background: #161616;
2556 border: 2px dotted #FF7F66;
2557 border-radius: 25px;
2558 margin-bottom: 5px;
2559 }
2560
2561
2562
2563 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong {
2564 font-size: 17px;
2565 font-weight: bold;
2566 letter-spacing: 0.80px;
2567 }
2568
2569 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-color {
2570 color: #971821;
2571 }
2572
2573 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-text-decoration {
2574 text-decoration: underline;
2575 }
2576
2577 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2578 display: flex;
2579 justify-content: flex-end;
2580 align-items: center;
2581 }
2582
2583 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2584 width: 30%;
2585 }
2586
2587 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-button,
2588 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2589 align-items: center;
2590 font-weight: 500;
2591 }
2592
2593 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2594 background: #971821;
2595 border-color: #fff;
2596 display: flex;
2597 justify-content: center;
2598 align-items: center;
2599 padding: 5px 15px;
2600 font-size: 16px;
2601 border-radius: 5px;
2602 }
2603
2604 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover {
2605 background: #7d161d;
2606 border-color: #971821;
2607 }
2608
2609 #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content{
2610 display: flex;
2611 justify-content: center;
2612 }
2613
2614 #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{
2615 margin: 0 !important;
2616 font-size: 13px;
2617 font-size: 13px;
2618 color: #ffffff;
2619
2620 }
2621
2622 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
2623 width: 19%;
2624 }
2625
2626 #ays-chart-black-friday-bundle-dicount-month-main .ays-buy-now-opacity-button {
2627 padding: 40px 15px;
2628 display: flex;
2629 justify-content: center;
2630 align-items: center;
2631 opacity: 0;
2632 }
2633
2634 #ays-chart-countdown-main-container .ays-chart-countdown-container {
2635 margin: 0 auto;
2636 text-align: center;
2637 }
2638
2639 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
2640 font-weight: normal;
2641 letter-spacing: .125rem;
2642 text-transform: uppercase;
2643 font-weight: bolder;
2644 font-size: 18px;
2645 font-weight: 400;
2646 margin: 0;
2647 padding: 9px 0 4px 0;
2648 line-height: 1.3;
2649 }
2650 #ays-chart-countdown-main-container li,
2651 #ays-chart-countdown-main-container ul {
2652 margin: 0;
2653 }
2654 #ays-chart-countdown-main-container ul {
2655 padding-left: 0;
2656 }
2657
2658 #ays-chart-countdown-main-container li {
2659 display: inline-block;
2660 font-size: 14px;
2661 list-style-type: none;
2662 padding: 14px;
2663 text-transform: lowercase;
2664 }
2665
2666 #ays-chart-countdown-main-container li span {
2667 display: flex;
2668 justify-content: center;
2669 align-items: center;
2670 font-size: 30px;
2671 min-height: 50px;
2672 min-width: 50px;
2673 background: rgba(255, 255, 255, 0.05);
2674 border: 1px solid #FF7F66;
2675 border-radius: 4px;
2676 box-shadow: 0px 1px 1px #FF7F66;
2677 }
2678
2679 #ays-chart-countdown-main-container .emoji {
2680 display: none;
2681 padding: 1rem;
2682 }
2683
2684 #ays-chart-countdown-main-container .emoji span {
2685 font-size: 30px;
2686 padding: 0 .5rem;
2687 }
2688
2689 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li {
2690 position: relative;
2691 }
2692
2693 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
2694 content: ":";
2695 color: #fff;
2696 position: absolute;
2697 top: 10px;
2698 right: -5px;
2699 font-size: 40px;
2700
2701 }
2702
2703 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after {
2704 content: unset;
2705 }
2706
2707 #ays-chart-black-friday-bundle-dicount-month-main #ays-button-top-buy-now {
2708 display: flex;
2709 align-items: center;
2710 padding: 12px 32px;
2711 color: #FFF;
2712 font-size:15px;
2713 font-style: normal;
2714 line-height: normal;
2715 margin: 0 !important;
2716 background: rgba(255, 255, 255, 0.1);
2717 border: 1px solid #FF7F66;
2718 box-shadow: 0px 0px 4px #FF7F66;
2719 border-radius: 4px;
2720 transition: all 0.3s;
2721 }
2722
2723 #ays-chart-black-friday-bundle-dicount-month-main #ays-button-top-buy-now:hover {
2724 background-color: #FF7F66;
2725 border: 1px solid #fff;
2726 }
2727
2728 div#ays-chart-black-friday-bundle-dicount-month-main button.notice-dismiss:before{
2729 color: #fff;
2730 content: "\f00d";
2731 font-family: fontawesome;
2732 font-size: 22px;
2733 }
2734
2735 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-guaranteeicon {
2736 width: 30px;
2737 margin-right: 5px;
2738 }
2739
2740 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-one-time-text {
2741 color: #FFF;
2742 font-size: 12px;
2743 font-style: normal;
2744 font-weight: 600;
2745 line-height: normal;
2746 }
2747
2748 #ays-chart-dicount-month a:link,
2749 #ays-chart-dicount-month a:visited {
2750 text-decoration: none;
2751 }
2752
2753 #ays-chart-dicount-month a:hover,
2754 #ays-chart-dicount-month a:active {
2755 text-decoration: underline;
2756 }
2757
2758 @media all and (max-width: 768px) {
2759 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-coupon-row {
2760 max-width: 50%;
2761 margin: 0 auto;
2762 }
2763
2764 div#ays-chart-black-friday-bundle-dicount-month-main {
2765 padding-right: 0;
2766 }
2767 div#ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month{
2768 display: flex;
2769 align-items: center;
2770 justify-content: space-between;
2771 align-content: center;
2772 flex-wrap: wrap;
2773 flex-direction: column;
2774 padding: 10px 0;
2775 }
2776
2777 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box {
2778 width: 100% !important;
2779 text-align: center;
2780 }
2781
2782 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
2783 font-size: 15px;
2784 font-weight: 600;
2785 }
2786
2787 #ays-chart-countdown-main-container ul {
2788 font-weight: 500;
2789 }
2790
2791 #ays-chart-countdown-main-container li span {
2792 font-size: 35px;
2793 min-height: 57px;
2794 min-width: 55px;
2795 }
2796
2797 div#ays-chart-countdown-main-container li {
2798 padding: 10px;
2799 }
2800
2801 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-mobile-image-display-none {
2802 display: none !important;
2803 }
2804
2805 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-mobile-image-display-block {
2806 display: block !important;
2807 margin-top: 5px;
2808 }
2809
2810 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2811 width: 100% !important;
2812 text-align: center;
2813 flex-direction: column;
2814 margin-top: 20px;
2815 justify-content: center;
2816 align-items: center;
2817 }
2818
2819 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
2820 top: unset;
2821 }
2822
2823 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2824 width: 100%;
2825 display: flex;
2826 justify-content: center;
2827 align-items: center;
2828 }
2829
2830 #ays-chart-black-friday-bundle-dicount-month-main .ays-button{
2831 margin: 0 auto !important;
2832 }
2833
2834 div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info.notice {
2835 background-position: bottom right;
2836 background-repeat: no-repeat;
2837 background-size: cover;
2838 border-radius: 10px;
2839 }
2840
2841 #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button {
2842 padding-left: unset !important;
2843 }
2844
2845 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
2846 justify-content: center;
2847 }
2848
2849 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
2850 font-size: 14px;
2851 padding: 5px 10px;
2852 }
2853
2854 div#ays-chart-black-friday-bundle-dicount-month-main .ays-buy-now-opacity-button {
2855 display: none;
2856 }
2857
2858 #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dismiss-buttons-container-for-form{
2859 position: static !important;
2860 }
2861
2862 .comparison .product img {
2863 width: 70px;
2864 }
2865
2866 .ays-chart-features-wrap .comparison a.price-buy{
2867 padding: 8px 5px;
2868 font-size: 11px;
2869 }
2870 }
2871
2872 @media screen and (max-width: 1305px) and (min-width: 768px){
2873 div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info.notice {
2874 background-position: bottom right;
2875 background-repeat: no-repeat;
2876 background-size: cover;
2877 }
2878
2879 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong {
2880 font-size: 15px;
2881 }
2882
2883 #ays-chart-countdown-main-container li {
2884 font-size: 11px;
2885 }
2886
2887 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
2888 display: none;
2889 }
2890 }
2891
2892 @media screen and (max-width: 1680px) and (min-width: 1551px){
2893 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2894 width: 29%;
2895 }
2896
2897 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2898 width: 30%;
2899 }
2900 }
2901
2902 @media screen and (max-width: 1550px) and (min-width: 1400px){
2903 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2904 width: 31%;
2905 }
2906
2907 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2908 width: 35%;
2909 }
2910 }
2911
2912 @media screen and (max-width: 1400px) and (min-width: 1200px){
2913 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2914 width: 35%;
2915 }
2916
2917 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2918 width: 40%;
2919 }
2920
2921 div#ays-chart-countdown-main-container li span {
2922 font-size: 30px;
2923 min-height: 50px;
2924 min-width: 50px;
2925 }
2926 }
2927
2928 @media screen and (max-width: 1200px) and (min-width: 769px){
2929 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
2930 width: 45%;
2931 }
2932
2933 div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
2934 width: 35%;
2935 }
2936
2937 div#ays-chart-countdown-main-container li span {
2938 font-size: 30px;
2939 min-height: 50px;
2940 min-width: 50px;
2941 }
2942 } */
2943 /* Black friday banner 2024 end */
2944
2945
2946 /* Christmas banner 2024 start */
2947 /* div#ays-chart-christmas-top-bundle-dicount-month-main {
2948 border: 0;
2949 background: #FFF;
2950 border-radius: 20px;
2951 box-shadow: unset;
2952 position: relative;
2953 z-index: 1;
2954 min-height: 80px;
2955 }
2956 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info button {
2957 display: flex;
2958 align-items: center;
2959 }
2960
2961 div#ays-chart-christmas-top-bundle-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus {
2962 outline: none;
2963 box-shadow: 0;
2964 }
2965
2966 div#ays-chart-christmas-top-bundle-dicount-month-main .btn-link {
2967 font-weight: 400;
2968 color: #007bff;
2969 background-color: transparent;
2970 display: inline-block;
2971 font-weight: 400;
2972 text-align: center;
2973 white-space: nowrap;
2974 vertical-align: middle;
2975 -webkit-user-select: none;
2976 -moz-user-select: none;
2977 -ms-user-select: none;
2978 user-select: none;
2979 border: 1px solid transparent;
2980 padding: .375rem .75rem;
2981 font-size: 1rem;
2982 line-height: 1.5;
2983 border-radius: .25rem
2984 }
2985
2986 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info {
2987 background-image: url("../images/ays-chart-popup-banner-christmas-bg-image.svg");
2988 background-position: center right;
2989 background-repeat: no-repeat;
2990 background-size: cover;
2991 background-color: #F6ECE3;
2992 }
2993
2994 #ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month {
2995 display: flex;
2996 align-items: center;
2997 justify-content: space-between;
2998 color: #A42F29;
2999 }
3000
3001 #ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month img {
3002 width: 80px;
3003 }
3004
3005 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-sale-banner-link {
3006 display: flex;
3007 justify-content: center;
3008 align-items: center;
3009 width: 200px;
3010 }
3011
3012 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box {
3013 font-size:14px;
3014 padding:12px;
3015 text-align: center;
3016 }
3017
3018 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
3019 text-align: left;
3020 width: 30%;
3021 display: flex;
3022 justify-content: space-around;
3023 align-items: flex-start;
3024 text-align: center;
3025 }
3026
3027 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
3028 width: 30%;
3029 display: flex;
3030 justify-content: center;
3031 align-items: center;
3032 }
3033
3034 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box {
3035 width: 20%;
3036 display: flex;
3037 justify-content: center;
3038 align-items: center;
3039 flex-direction: column;
3040 }
3041
3042 #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 {
3043 display: inline-block;
3044 color: #FDFDFD;
3045 font-style: normal;
3046 font-weight: 600;
3047 line-height: normal;
3048 }
3049
3050 #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 {
3051 font-style: normal;
3052 font-weight: 700;
3053 font-size: 32px;
3054 line-height: 39px;
3055 text-align: center;
3056 text-transform: uppercase;
3057 letter-spacing: 0.13em;
3058 color: #A42F29;
3059 }
3060
3061 #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 {
3062 display: inline-block;
3063 font-style: normal;
3064 font-weight: 700;
3065 font-size: 32px;
3066 line-height: normal;
3067 text-align: center;
3068 letter-spacing: 0.13em;
3069 color: #A42F29;
3070 text-transform: uppercase;
3071 }
3072
3073 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-coupon-row {
3074 box-sizing: border-box;
3075 display: flex;
3076 flex-direction: row;
3077 justify-content: center;
3078 align-items: center;
3079 padding: 10px;
3080 font-size: 22px;
3081 background: #FCFAF8;
3082 border: 2px dotted #A42F29;
3083 border-radius: 25px;
3084 margin-bottom: 5px;
3085 font-weight: 700;
3086 }
3087
3088 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-text-row {
3089 font-weight: 500;
3090 }
3091
3092
3093 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong {
3094 font-size: 17px;
3095 font-weight: bold;
3096 letter-spacing: 0.80px;
3097 }
3098
3099 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-color {
3100 color: #971821;
3101 }
3102
3103 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-text-decoration {
3104 text-decoration: underline;
3105 }
3106
3107 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
3108 display: flex;
3109 justify-content: flex-end;
3110 align-items: center;
3111 }
3112
3113 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
3114 width: 30%;
3115 }
3116
3117 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-button,
3118 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
3119 align-items: center;
3120 font-weight: 500;
3121 }
3122
3123 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
3124 background: #971821;
3125 border-color: #fff;
3126 display: flex;
3127 justify-content: center;
3128 align-items: center;
3129 padding: 5px 15px;
3130 font-size: 16px;
3131 border-radius: 5px;
3132 }
3133
3134 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover {
3135 background: #7d161d;
3136 border-color: #971821;
3137 }
3138
3139 #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content{
3140 display: flex;
3141 justify-content: center;
3142 }
3143
3144 #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{
3145 margin: 0 !important;
3146 font-size: 13px;
3147 font-size: 13px;
3148 color: #A42F29;
3149 }
3150
3151 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
3152 width: 19%;
3153 }
3154
3155 #ays-chart-christmas-top-bundle-dicount-month-main .ays-buy-now-opacity-button {
3156 padding: 40px 15px;
3157 display: flex;
3158 justify-content: center;
3159 align-items: center;
3160 opacity: 0;
3161 }
3162
3163 #ays-chart-countdown-main-container .ays-chart-countdown-container {
3164 margin: 0 auto;
3165 text-align: center;
3166 font-weight: 500;
3167 }
3168
3169 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
3170 font-weight: normal;
3171 letter-spacing: .125rem;
3172 text-transform: uppercase;
3173 font-weight: bolder;
3174 font-size: 18px;
3175 font-weight: 400;
3176 margin: 0;
3177 padding: 9px 0 4px 0;
3178 line-height: 1.3;
3179 }
3180 #ays-chart-countdown-main-container li,
3181 #ays-chart-countdown-main-container ul {
3182 margin: 0;
3183 }
3184
3185 #ays-chart-countdown-main-container li {
3186 display: inline-block;
3187 font-size: 14px;
3188 list-style-type: none;
3189 padding: 14px;
3190 text-transform: lowercase;
3191 }
3192
3193 #ays-chart-countdown-main-container li span {
3194 display: flex;
3195 justify-content: center;
3196 align-items: center;
3197 font-size: 30px;
3198 min-height: 50px;
3199 min-width: 50px;
3200 background: #FFFFFF;
3201 border: 1px solid #A42F29;
3202 border-radius: 4px;
3203 box-shadow: 0px 1px 1px #A42F29;
3204 }
3205
3206 #ays-chart-countdown-main-container .emoji {
3207 display: none;
3208 padding: 1rem;
3209 }
3210
3211 #ays-chart-countdown-main-container .emoji span {
3212 font-size: 30px;
3213 padding: 0 .5rem;
3214 }
3215
3216 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li {
3217 position: relative;
3218 }
3219
3220 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
3221 content: ":";
3222 color: #A42F29;
3223 position: absolute;
3224 top: 10px;
3225 right: -5px;
3226 font-size: 40px;
3227
3228 }
3229
3230 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after {
3231 content: unset;
3232 }
3233
3234 #ays-chart-christmas-top-bundle-dicount-month-main #ays-button-top-buy-now {
3235 display: flex;
3236 align-items: center;
3237 padding: 12px 32px;
3238 color: #FFF;
3239 font-size: 15px;
3240 font-style: normal;
3241 line-height: normal;
3242 margin: 0 !important;
3243 background: #A42F29;
3244 border: 1px solid #A42F29;
3245 box-shadow: 0px 0px 4px #A42F29;
3246 border-radius: 4px;
3247 transition: all 0.3s;
3248 }
3249
3250 #ays-chart-christmas-top-bundle-dicount-month-main #ays-button-top-buy-now:hover {
3251 background-color: #FF7F66;
3252 border: 1px solid #fff;
3253 }
3254
3255 div#ays-chart-christmas-top-bundle-dicount-month-main button.notice-dismiss:before{
3256 color: #A42F29;
3257 content: "\f00d";
3258 font-family: fontawesome;
3259 font-size: 22px;
3260 }
3261
3262 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-guaranteeicon {
3263 width: 30px;
3264 margin-right: 5px;
3265 }
3266
3267 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-one-time-text {
3268 color: #A42F29;
3269 font-size: 12px;
3270 font-style: normal;
3271 font-weight: 600;
3272 line-height: normal;
3273 }
3274
3275
3276 @media all and (max-width: 768px) {
3277 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-coupon-row {
3278 max-width: 50%;
3279 margin: 0 auto;
3280 }
3281
3282 div#ays-chart-christmas-top-bundle-dicount-month-main {
3283 padding-right: 0;
3284 }
3285 div#ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month{
3286 display: flex;
3287 align-items: center;
3288 justify-content: space-between;
3289 align-content: center;
3290 flex-wrap: wrap;
3291 flex-direction: column;
3292 padding: 10px 0;
3293 }
3294
3295 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box {
3296 width: 100% !important;
3297 text-align: center;
3298 }
3299
3300 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
3301 font-size: 15px;
3302 font-weight: 600;
3303 }
3304
3305 #ays-chart-countdown-main-container ul {
3306 font-weight: 500;
3307 }
3308
3309 #ays-chart-countdown-main-container li span {
3310 font-size: 35px;
3311 min-height: 57px;
3312 min-width: 55px;
3313 }
3314
3315 div#ays-chart-countdown-main-container li {
3316 padding: 10px;
3317 }
3318
3319 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-mobile-image-display-none {
3320 display: none !important;
3321 }
3322
3323 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-mobile-image-display-block {
3324 display: block !important;
3325 margin-top: 5px;
3326 }
3327
3328 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
3329 width: 100% !important;
3330 text-align: center;
3331 flex-direction: column;
3332 margin-top: 20px;
3333 justify-content: center;
3334 align-items: center;
3335 }
3336
3337 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
3338 top: unset;
3339 }
3340
3341 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
3342 width: 100%;
3343 display: flex;
3344 justify-content: center;
3345 align-items: center;
3346 }
3347
3348 #ays-chart-christmas-top-bundle-dicount-month-main .ays-button{
3349 margin: 0 auto !important;
3350 }
3351
3352 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info.notice {
3353 background-position: bottom right;
3354 background-repeat: no-repeat;
3355 background-size: cover;
3356 border-radius: 10px;
3357 }
3358
3359 #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button {
3360 padding-left: unset !important;
3361 }
3362
3363 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
3364 justify-content: center;
3365 }
3366
3367 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
3368 font-size: 14px;
3369 padding: 5px 10px;
3370 }
3371
3372 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-buy-now-opacity-button {
3373 display: none;
3374 }
3375
3376 #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dismiss-buttons-container-for-form{
3377 position: static !important;
3378 }
3379
3380 .comparison .product img {
3381 width: 70px;
3382 }
3383
3384 .ays-chart-features-wrap .comparison a.price-buy{
3385 padding: 8px 5px;
3386 font-size: 11px;
3387 }
3388 }
3389
3390 @media screen and (max-width: 1305px) and (min-width: 768px){
3391 div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info.notice {
3392 background-position: bottom right;
3393 background-repeat: no-repeat;
3394 background-size: cover;
3395 }
3396
3397 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong {
3398 font-size: 15px;
3399 }
3400
3401 #ays-chart-countdown-main-container li {
3402 font-size: 11px;
3403 }
3404
3405 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
3406 display: none;
3407 }
3408 }
3409
3410 @media screen and (max-width: 1680px) and (min-width: 1551px){
3411 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
3412 width: 29%;
3413 }
3414
3415 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
3416 width: 30%;
3417 }
3418 }
3419
3420 @media screen and (max-width: 1550px) and (min-width: 1400px){
3421 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
3422 width: 31%;
3423 }
3424
3425 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
3426 width: 35%;
3427 }
3428 }
3429
3430 @media screen and (max-width: 1400px) and (min-width: 1200px){
3431 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
3432 width: 35%;
3433 }
3434
3435 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
3436 width: 40%;
3437 }
3438
3439 div#ays-chart-countdown-main-container li span {
3440 font-size: 30px;
3441 min-height: 50px;
3442 min-width: 50px;
3443 }
3444 }
3445
3446 @media screen and (max-width: 1200px) and (min-width: 769px){
3447 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
3448 width: 45%;
3449 }
3450
3451 div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
3452 width: 35%;
3453 }
3454
3455 div#ays-chart-countdown-main-container li span {
3456 font-size: 30px;
3457 min-height: 50px;
3458 min-width: 50px;
3459 }
3460 }
3461
3462 @media screen and (max-width: 1200px) and (max-width: 1200px){
3463 div#ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month {
3464 flex-wrap: wrap;
3465 justify-content: space-around;
3466 }
3467 } */
3468 /* Christmas banner 2024 end */
3469