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

1,928 lines 55.7 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 /* 20% sale banner start */
424 div#ays-chart-dicount-month-main {
425 border: 0;
426 background: #FFF;
427 border-radius: 20px;
428 box-shadow: unset;
429 position: relative;
430 z-index: 1;
431 min-height: 80px;
432 }
433 div#ays-chart-dicount-month-main.ays_chart_dicount_info button {
434 display: flex;
435 align-items: center;
436 }
437
438 div#ays-chart-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus {
439 outline: none;
440 box-shadow: 0;
441 }
442
443 div#ays-chart-dicount-month-main .btn-link {
444 font-weight: 400;
445 color: #007bff;
446 background-color: transparent;
447 display: inline-block;
448 font-weight: 400;
449 text-align: center;
450 white-space: nowrap;
451 vertical-align: middle;
452 -webkit-user-select: none;
453 -moz-user-select: none;
454 -ms-user-select: none;
455 user-select: none;
456 border: 1px solid transparent;
457 padding: .375rem .75rem;
458 font-size: 1rem;
459 line-height: 1.5;
460 border-radius: .25rem
461 }
462
463 div#ays-chart-dicount-month-main.ays_chart_dicount_info {
464 background-image: url("../images/chart-builder-banner-background-30.svg");
465 background-position: center right;
466 background-repeat: no-repeat;
467 background-size: cover;
468 }
469
470 #ays-chart-dicount-month-main .ays_chart_dicount_month {
471 display: flex;
472 align-items: center;
473 justify-content: space-between;
474 color: #fff;
475 padding: 12px;
476 }
477
478 #ays-chart-dicount-month-main .ays_chart_dicount_month img {
479 width: 80px;
480 }
481
482 #ays-chart-dicount-month-main .ays-chart-sale-banner-link {
483 display: flex;
484 justify-content: center;
485 align-items: center;
486 width: 200px;
487 }
488
489 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box {
490 font-size:14px;
491 text-align: center;
492 }
493
494 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
495 text-align: left;
496 width: 30%;
497 }
498
499 .ays-chart-dicount-sale-name-discount-box {
500 display: flex;
501 justify-content: flex-start;
502 align-items: center;
503 gap: 5px;
504 }
505
506 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
507 width: 100%;
508 }
509
510 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box {
511 width: 30%;
512 display: flex;
513 justify-content: center;
514 align-items: center;
515 flex-direction: column;
516 }
517
518 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-new-chart-pro-title {
519 color: #FDFDFD;
520 font-size: 16.8px;
521 font-style: normal;
522 font-weight: 600;
523 line-height: normal;
524 }
525
526 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-new-chart-pro-desc {
527 color: #FFF;
528 font-size: 15px;
529 font-style: normal;
530 font-weight: 400;
531 line-height: normal;
532 }
533
534
535
536 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box strong {
537 font-size: 17px;
538 font-weight: bold;
539 letter-spacing: 0.80px;
540 }
541
542 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-color {
543 color: #971821;
544 }
545
546 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-text-decoration {
547 text-decoration: underline;
548 }
549
550 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
551 display: flex;
552 justify-content: flex-end;
553 align-items: center;
554 }
555
556 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
557 width: 30%;
558 }
559
560 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-button,
561 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
562 align-items: center;
563 font-weight: 500;
564 }
565
566 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
567 background: #971821;
568 border-color: #fff;
569 display: flex;
570 justify-content: center;
571 align-items: center;
572 padding: 5px 15px;
573 font-size: 16px;
574 border-radius: 5px;
575 }
576
577 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover {
578 background: #7d161d;
579 border-color: #971821;
580 }
581
582 #ays-chart-dicount-month-main #ays-chart-dismiss-buttons-content{
583 display: flex;
584 justify-content: center;
585 }
586
587 #ays-chart-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{
588 margin: 0 !important;
589 font-size: 13px;
590 font-size: 13px;
591 color: #ffffff;
592
593 }
594
595 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
596 width: 19%;
597 }
598
599 #ays-chart-dicount-month-main .ays-buy-now-opacity-button {
600 padding: 40px 15px;
601 display: flex;
602 justify-content: center;
603 align-items: center;
604 opacity: 0;
605 }
606
607 #ays-chart-countdown-main-container .ays-chart-countdown-container {
608 margin: 0 auto;
609 text-align: center;
610 }
611
612 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
613 font-weight: normal;
614 letter-spacing: .125rem;
615 text-transform: uppercase;
616 font-weight: bolder;
617
618 font-size: 18px;
619 font-weight: 400;
620 margin: 0;
621 padding: 9px 0 4px 0;
622 line-height: 1.3;
623 }
624 #ays-chart-countdown-main-container li,
625 #ays-chart-countdown-main-container ul {
626 margin: 0;
627 }
628
629 #ays-chart-countdown-main-container li {
630 display: inline-block;
631 font-size: 14px;
632 list-style-type: none;
633 padding: 14px;
634 text-transform: lowercase;
635 }
636
637 #ays-chart-countdown-main-container li span {
638 display: flex;
639 justify-content: center;
640 align-items: center;
641 font-size: 40px;
642 min-height: 62px;
643 min-width: 62px;
644 border-radius: 4.273px;
645 border: 0.534px solid #F4F4F4;
646 background: #9896ED;
647 }
648
649 #ays-chart-countdown-main-container .emoji {
650 display: none;
651 padding: 1rem;
652 }
653
654 #ays-chart-countdown-main-container .emoji span {
655 font-size: 30px;
656 padding: 0 .5rem;
657 }
658
659 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li {
660 position: relative;
661 }
662
663 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
664 content: ":";
665 color: #fff;
666 position: absolute;
667 top: 10px;
668 right: -5px;
669 font-size: 40px;
670
671 }
672
673 #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after {
674 content: unset;
675 }
676
677 #ays-chart-dicount-month-main #ays-button-top-buy-now {
678 display: flex;
679 align-items: center;
680 border-radius: 6.409px;
681 background: #F66123;
682 padding: 12px 32px;
683 color: #FFF;
684 font-size: 12.818px;
685 font-style: normal;
686 font-weight: 800;
687 line-height: normal;
688 margin: 0 !important;
689 }
690
691 div#ays-chart-dicount-month-main button.notice-dismiss:before{
692 color: #fff;
693 content: "";
694 background-image: url("../images/icons/ays-chart-close-banner.svg");
695 font-size: 22px;
696 font-weight: 700;
697 font-family: sans-serif;
698 }
699
700 #ays-chart-dicount-month-main .ays-chart-new-mega-bundle-guaranteeicon {
701 width: 30px;
702 margin-right: 5px;
703 }
704
705 #ays-chart-dicount-month-main .ays-chart-dicount-one-time-text {
706 color: #FFF;
707 font-size: 12px;
708 font-style: normal;
709 font-weight: 600;
710 line-height: normal;
711 }
712
713
714 @media all and (max-width: 768px) {
715 div#ays-chart-dicount-month-main {
716 padding-right: 0;
717 }
718 div#ays-chart-dicount-month-main .ays_chart_dicount_month{
719 display: flex;
720 align-items: center;
721 justify-content: space-between;
722 align-content: center;
723 flex-wrap: wrap;
724 flex-direction: column;
725 padding: 10px 0;
726 }
727
728 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box {
729 width: 100% !important;
730 text-align: center;
731 }
732
733 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
734 font-size: 15px;
735 font-weight: 600;
736 }
737
738 #ays-chart-countdown-main-container ul {
739 font-weight: 500;
740 }
741
742 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box {
743 text-align: center;
744 margin-top: 20px;
745 }
746
747 .ays-chart-dicount-sale-name-discount-box {
748 display: block;
749 }
750
751 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li span:after {
752 top: unset;
753 }
754
755 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box {
756 width: 100%;
757 }
758
759 #ays-chart-dicount-month-main .ays-button{
760 margin: 0 auto !important;
761 }
762
763 div#ays-chart-dicount-month-main.ays_chart_dicount_info.notice {
764 background-position: bottom right;
765 background-repeat: no-repeat;
766 background-size: cover;
767 }
768
769 #ays-chart-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button {
770 padding-left: unset !important;
771 }
772
773 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box {
774 justify-content: center;
775 }
776
777 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button {
778 font-size: 14px;
779 padding: 5px 10px;
780 }
781
782 div#ays-chart-dicount-month-main .ays-buy-now-opacity-button {
783 display: none;
784 }
785
786 #ays-chart-dicount-month-main .ays-chart-dismiss-buttons-container-for-chart{
787 position: static !important;
788 }
789
790 .comparison .product img {
791 width: 70px;
792 }
793
794 .ays-chart-features-wrap .comparison a.price-buy{
795 padding: 8px 5px;
796 font-size: 11px;
797 }
798 }
799
800 @media screen and (max-width: 1305px) and (min-width: 768px){
801 div#ays-chart-dicount-month-main.ays_chart_dicount_info.notice {
802 background-position: bottom right;
803 background-repeat: no-repeat;
804 background-size: cover;
805 }
806
807 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box strong {
808 font-size: 15px;
809 }
810
811 #ays-chart-countdown-main-container li {
812 font-size: 11px;
813 }
814
815 div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-opacity-box {
816 display: none;
817 }
818 }
819
820 @media screen and (max-width: 425px){
821 #ays-chart-countdown-main-container li {
822 padding: 14px 8px;
823 }
824
825 #ays-chart-countdown-main-container li span {
826 min-width: 50px;
827 min-height: 50px;
828 font-size: 30px;
829 }
830 }
831 /* 20% sale banner end */
832
833
834 /* Black friday banner start */
835 /* div#ays-chart-dicount-black-friday-month-main * {
836 color: #fff;
837 }
838
839 div#ays-chart-dicount-black-friday-month-main div#ays-chart-dicount-black-friday-month a.ays-chart-sale-banner-link:focus {
840 outline: none;
841 box-shadow: 0;
842 }
843
844 div#ays-chart-dicount-black-friday-month-main .btn-link {
845 font-weight: 400;
846 color: white;
847 background-color: transparent;
848 display: inline-block;
849 font-weight: 400;
850 text-align: center;
851 white-space: nowrap;
852 vertical-align: middle;
853 -webkit-user-select: none;
854 -moz-user-select: none;
855 -ms-user-select: none;
856 user-select: none;
857 border: 1px solid transparent;
858 padding: 0.375rem 0.75rem;
859 font-size: 12px;
860 line-height: 1.5;
861 border-radius: 0.25rem;
862 color: rgba(255, 255, 255, 0.6);
863 }
864
865 div#ays-chart-dicount-black-friday-month-main.ays_chart_dicount_info {
866 background-image: linear-gradient(45deg, #1E101D, #C60AF4);
867 padding: unset;
868 border-left-color: unset;
869 border-left: 0;
870 }
871
872 #ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month {
873 position: relative;
874 background-image: url("../images/black-friday-plugins-background-image.webp");
875 background-position: center right;
876 background-repeat: no-repeat;
877 background-size: 100%;
878 }
879
880 #ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month img {
881 width: 80px;
882 }
883
884 #ays-chart-dicount-black-friday-month-main .ays-chart-sale-banner-link {
885 display: flex;
886 justify-content: center;
887 align-items: center;
888 width: 200px;
889 }
890
891 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-sale {
892 font-style: normal;
893 font-weight: 600;
894 font-size: 24px;
895 text-align: center;
896 color: #B2FF00;
897 text-transform: uppercase;
898 }
899
900 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box {
901 font-size:14px;
902 padding:12px;
903 text-align: center;
904 width: 50%;
905 white-space: nowrap;
906 }
907
908 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box strong {
909 font-size: 17px;
910 font-weight: bold;
911 letter-spacing: 0.80px;
912 }
913
914 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-color {
915 color: #971821;
916 }
917
918 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-text-decoration {
919 text-decoration: underline;
920 }
921
922 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box {
923 display: flex;
924 justify-content: flex-end;
925 align-items: center;
926 }
927
928 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box {
929 width: 30%;
930 }
931
932 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-button,
933 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button {
934 align-items: center;
935 font-weight: 500;
936 }
937
938 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button {
939 background: #971821;
940 border-color: #fff;
941 display: flex;
942 justify-content: center;
943 align-items: center;
944 padding: 5px 15px;
945 font-size: 16px;
946 border-radius: 5px;
947 }
948
949 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button:hover {
950 background: #7d161d;
951 border-color: #971821;
952 }
953
954 #ays-chart-dicount-black-friday-month-main #ays-chart-dismiss-buttons-content{
955 display: flex;
956 justify-content: center;
957 }
958
959 #ays-chart-dicount-black-friday-month-main #ays-chart-dismiss-buttons-content .ays-button{
960 margin: 0 !important;
961 font-size: 13px;
962 font-size: 13px;
963 color: #969393b0;
964 }
965
966 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-opacity-box {
967 width: 19%;
968 }
969
970 #ays-chart-dicount-black-friday-month-main .ays-buy-now-opacity-button {
971 padding: 40px 15px;
972 display: flex;
973 justify-content: center;
974 align-items: center;
975 opacity: 0;
976 }
977
978 #ays-chart-countdown-main-container .ays-chart-countdown-container {
979 margin: 0 auto;
980 text-align: center;
981 }
982
983 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
984 font-weight: normal;
985 letter-spacing: .125rem;
986 text-transform: uppercase;
987 font-weight: bolder;
988
989 font-size: 18px;
990 font-weight: 400;
991 margin: 0;
992 padding: 9px 0 4px 0;
993 line-height: 1.3;
994 }
995
996 #ays-chart-countdown-main-container li,
997 #ays-chart-countdown-main-container ul {
998 margin: 0;
999 font-weight: 600;
1000 }
1001
1002 #ays-chart-countdown-main-container li {
1003 display: inline-block;
1004 font-size: 10px;
1005 list-style-type: none;
1006 padding: 10px;
1007 text-transform: uppercase;
1008 }
1009
1010 #ays-chart-countdown-main-container li span {
1011 display: block;
1012 font-size: 22px;
1013 }
1014
1015 #ays-chart-countdown-main-container .emoji {
1016 display: none;
1017 padding: 1rem;
1018 }
1019
1020 #ays-chart-countdown-main-container .emoji span {
1021 font-size: 25px;
1022 padding: 0 .5rem;
1023 }
1024
1025 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1026 display: flex;
1027 justify-content: space-between;
1028 align-items: center;
1029 width: 95%;
1030 margin: auto;
1031 }
1032
1033 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1034 text-align: center;
1035 padding-right: 50px;
1036 font-style: normal;
1037 font-weight: 900;
1038 font-size: 19px;
1039 color: #FFFFFF;
1040 }
1041
1042 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1043 border: none;
1044 outline: none;
1045 padding: 10px 20px;
1046 font-size: 22px;
1047 text-transform: uppercase;
1048 font-weight: bold;
1049 text-decoration: none;
1050 background: linear-gradient(180deg, #DD0BEF 0%, #82008D 100%);
1051 border-radius: 16px;
1052 }
1053
1054 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row {
1055 text-transform: uppercase;
1056 text-shadow: -1.5px 0 #dd0bef, 0 1.5px #dd0bef, 1.5px 0 #dd0bef, 0 -1.5px #dd0bef;
1057 font-weight: 900;
1058 font-style: normal;
1059 font-size: 40px;
1060 line-height: 40px;
1061 color: #FFFFFF;
1062 }
1063
1064 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-text-box {
1065 position: absolute;
1066 width: 25%;
1067 top: 10px;
1068 bottom: 0;
1069 right: 0;
1070 left: 0;
1071 margin: 0 auto;
1072 }
1073
1074 #ays-chart-countdown ul {
1075 padding: 0;
1076 }
1077
1078 @media screen and (max-width: 1400px) and (min-width: 1200px){
1079 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1080 font-size: 15px;
1081 }
1082
1083 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row {
1084 font-size: 27px;
1085 }
1086
1087 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1088 width: 100%;
1089 }
1090
1091 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1092 font-size: 13px;
1093 }
1094
1095 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{
1096 width: 80% !important;
1097 }
1098 }
1099
1100 @media all and (max-width: 1200px) {
1101 div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month{
1102 background: unset;
1103 }
1104
1105 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row {
1106 font-size: 30px;
1107 }
1108
1109 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1110 width: 100%;
1111 }
1112
1113 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1114 font-size: 15px;
1115 }
1116
1117 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{
1118 width: 80% !important;
1119 }
1120 }
1121
1122 @media all and (max-width: 1200px) and (min-width: 1150px) {
1123
1124 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1125 font-size: 15px;
1126 }
1127
1128 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1129 font-size: 10px;
1130 }
1131 }
1132
1133 @media all and (max-width: 1150px) {
1134 div#ays-chart-countdown-main-container li {
1135 font-size: 8px;
1136 }
1137
1138 div#ays-chart-countdown-main-container li span{
1139 font-size: 20px;
1140 }
1141
1142 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1143 padding: 10px 18px;
1144 font-size: 12px;
1145 }
1146
1147 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{
1148 width: 80% !important;
1149 }
1150
1151 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box {
1152 flex-direction: column;
1153 }
1154
1155 div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month {
1156 padding: 20px;
1157 }
1158
1159 div#ays-chart-dicount-black-friday-month-main {
1160 padding-right: 0;
1161 }
1162 div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month{
1163 display: flex;
1164 align-items: center;
1165 justify-content: space-between;
1166 align-content: center;
1167 flex-wrap: wrap;
1168 flex-direction: column;
1169 padding: 10px 0;
1170 }
1171
1172 div#ays-chart-dicount-black-friday-month-main div.ays-chart-dicount-black-friday-wrap-box {
1173 width: 100% !important;
1174 text-align: center;
1175 }
1176
1177 div#ays-chart-dicount-black-friday-month-main #ays-chart-countdown-main-container ul,
1178 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row {
1179 padding: 0;
1180 font-size: 13px;
1181 }
1182
1183 #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-sale{
1184 font-size: 15px;
1185 }
1186
1187 div#ays-chart-countdown-main-container li {
1188 font-size: 15px;
1189 }
1190
1191 div#ays-chart-countdown-main-container li span {
1192 font-size: 25px;
1193 }
1194
1195 div#ays-chart-dicount-black-friday-month-main div.ays-chart-dicount-black-friday-wrap-text-box {
1196 position: unset;
1197 }
1198
1199 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1200 font-size: 15px;
1201 font-weight: 600;
1202 }
1203
1204 #ays-chart-countdown-main-container ul {
1205 font-weight: 500;
1206 }
1207
1208 #ays-chart-countdown-main-container li span {
1209 font-size: 20px;
1210 }
1211
1212 #ays-chart-dicount-black-friday-month-main .ays-button{
1213 margin: 0 auto !important;
1214 }
1215
1216 div#ays-chart-dicount-black-friday-month-main.ays_chart_dicount_info.notice {
1217 background-position: bottom right;
1218 background-repeat: no-repeat;
1219 background-size: contain;
1220 display: flex;
1221 justify-content: center;
1222 background-image: linear-gradient(45deg, #1E101D, #C60AF4);
1223 }
1224
1225 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box {
1226 justify-content: center;
1227 }
1228
1229 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button {
1230 font-size: 14px;
1231 padding: 5px 10px;
1232 }
1233
1234 div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now {
1235 padding: 10px 18px;
1236 font-size: 15px;
1237 }
1238 } */
1239 /* Black friday banner end */
1240
1241
1242 /* Christmas banner start */
1243 /* div#ays-chart-dicount-christmas-month-main * {
1244 color: #fff;
1245 }
1246
1247 div#ays-chart-dicount-christmas-month-main div#ays-chart-dicount-christmas-month a.ays-chart-sale-banner-link:focus {
1248 outline: none;
1249 box-shadow: 0;
1250 }
1251
1252 div#ays-chart-dicount-christmas-month-main .btn-link {
1253 color: white;
1254 background-color: transparent;
1255 display: inline-block;
1256 font-weight: 400;
1257 text-align: center;
1258 white-space: nowrap;
1259 vertical-align: middle;
1260 -webkit-user-select: none;
1261 -moz-user-select: none;
1262 -ms-user-select: none;
1263 user-select: none;
1264 border: 1px solid transparent;
1265 padding: 0.375rem 0.75rem;
1266 font-size: 15px;
1267 font-weight: 500;
1268 line-height: 1.5;
1269 border-radius: 0.25rem;
1270 color: rgba(255, 255, 255, 0.6);
1271 letter-spacing: 1px;
1272 }
1273
1274 div#ays-chart-dicount-christmas-month-main.ays_chart_dicount_info {
1275 background-image: linear-gradient(45deg, #C41824, #C41824);
1276 padding: unset;
1277 border: unset;
1278 }
1279
1280 #ays-chart-dicount-christmas-month-main .ays_chart_dicount_month {
1281 position: relative;
1282 background-image: url(../images/christmas_banner_plugins.webp);
1283 background-position: bottom;
1284 background-repeat: no-repeat;
1285 background-size: cover;
1286 height: 140px;
1287 display: flex;
1288 }
1289
1290 #ays-chart-dicount-christmas-month-main .ays_chart_dicount_month img {
1291 width: 80px;
1292 }
1293
1294 #ays-chart-dicount-christmas-month-main .ays-chart-sale-banner-link {
1295 display: flex;
1296 justify-content: center;
1297 align-items: center;
1298 width: 200px;
1299 }
1300
1301 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-sale {
1302 font-style: normal;
1303 font-weight: 600;
1304 font-size: 24px;
1305 text-align: center;
1306 color: #00D76B;
1307 text-transform: uppercase;
1308 }
1309
1310 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box {
1311 font-size:14px;
1312 padding:12px;
1313 text-align: center;
1314 width: 25%;
1315 white-space: nowrap;
1316 }
1317
1318 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box strong {
1319 font-size: 17px;
1320 font-weight: bold;
1321 letter-spacing: 0.80px;
1322 }
1323
1324 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-color {
1325 color: #971821;
1326 }
1327
1328 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-text-decoration {
1329 text-decoration: underline;
1330 }
1331
1332 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box {
1333 display: flex;
1334 justify-content: flex-end;
1335 align-items: center;
1336 }
1337
1338 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box {
1339 width: 30%;
1340 }
1341
1342 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-button,
1343 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button {
1344 align-items: center;
1345 font-weight: 500;
1346 }
1347
1348 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button {
1349 background: #971821;
1350 border-color: #fff;
1351 display: flex;
1352 justify-content: center;
1353 align-items: center;
1354 padding: 5px 15px;
1355 font-size: 16px;
1356 border-radius: 5px;
1357 }
1358
1359 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button:hover {
1360 background: #7d161d;
1361 border-color: #971821;
1362 }
1363
1364 #ays-chart-dicount-christmas-month-main #ays-chart-dismiss-buttons-content{
1365 display: flex;
1366 justify-content: center;
1367 }
1368
1369 #ays-chart-dicount-christmas-month-main #ays-chart-dismiss-buttons-content .ays-button{
1370 margin: 0 !important;
1371 font-size: 13px;
1372 font-size: 13px;
1373 color: #969393b0;
1374 }
1375
1376 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-opacity-box {
1377 width: 19%;
1378 }
1379
1380 #ays-chart-dicount-christmas-month-main .ays-buy-now-opacity-button {
1381 padding: 40px 15px;
1382 display: flex;
1383 justify-content: center;
1384 align-items: center;
1385 opacity: 0;
1386 }
1387
1388 #ays-chart-countdown-main-container .ays-chart-countdown-container {
1389 margin: 0 auto;
1390 text-align: center;
1391 }
1392
1393 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1394 font-weight: normal;
1395 letter-spacing: .125rem;
1396 text-transform: uppercase;
1397 font-weight: bolder;
1398
1399 font-size: 18px;
1400 font-weight: 400;
1401 margin: 0;
1402 padding: 9px 0 4px 0;
1403 line-height: 1.3;
1404 }
1405 #ays-chart-countdown-main-container li,
1406 #ays-chart-countdown-main-container ul {
1407 margin: 0;
1408 font-weight: 600;
1409 }
1410
1411 #ays-chart-countdown-main-container li {
1412 display: inline-block;
1413 font-size: 10px;
1414 list-style-type: none;
1415 padding: 10px;
1416 text-transform: uppercase;
1417 }
1418 #ays-chart-countdown-main-container li span {
1419 display: block;
1420 font-size: 22px;
1421 }
1422
1423 #ays-chart-countdown-main-container .emoji {
1424 display: none;
1425 padding: 1rem;
1426 }
1427
1428 #ays-chart-countdown-main-container .emoji span {
1429 font-size: 25px;
1430 padding: 0 .5rem;
1431 }
1432
1433 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
1434 display: flex;
1435 justify-content: center;
1436 align-items: center;
1437 width: 95%;
1438 margin: auto;
1439 }
1440
1441 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1442 text-align: center;
1443 padding-right: 50px;
1444 font-style: normal;
1445 font-weight: 900;
1446 font-size: 19px;
1447 color: #FFFFFF;
1448 }
1449
1450 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1451 border: none;
1452 outline: none;
1453 padding: 10px 20px;
1454 font-size: 22px;
1455 text-transform: uppercase;
1456 font-weight: bold;
1457 text-decoration: none;
1458 background: linear-gradient(180deg, #01CD5D 0%, #01946E 100%);
1459 border-radius: 16px;
1460 }
1461
1462 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row {
1463 text-transform: uppercase;
1464 text-shadow: -1.5px 0 #dd0bef, 0 1.5px #dd0bef, 1.5px 0 #dd0bef, 0 -1.5px #dd0bef;
1465 font-weight: 900;
1466 font-style: normal;
1467 font-size: 40px;
1468 line-height: 40px;
1469 color: #FFFFFF;
1470 }
1471
1472 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-text-box {
1473 position: absolute;
1474 width: 25%;
1475 top: 10px;
1476 bottom: 0;
1477 right: 0;
1478 left: 0;
1479 margin: 0 auto;
1480 }
1481
1482 div#ays-chart-dicount-christmas-month-main button.notice-dismiss:before{
1483 color: #fff;
1484 }
1485
1486 @media screen and (max-width: 1400px) and (min-width: 1200px){
1487 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1488 font-size: 15px;
1489 }
1490
1491 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row {
1492 font-size: 27px;
1493 }
1494
1495 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
1496 width: 100%;
1497 }
1498
1499 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1500 font-size: 13px;
1501 }
1502 }
1503
1504 @media all and (max-width: 1200px) {
1505 div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month{
1506 background: unset;
1507 }
1508
1509 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1510 font-size: 25px;
1511 }
1512
1513 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row {
1514 font-size: 30px;
1515 }
1516
1517 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
1518 width: 100%;
1519 }
1520
1521 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1522 font-size: 15px;
1523 }
1524 }
1525
1526 @media all and (max-width: 1200px) and (min-width: 1000px) {
1527
1528 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1529 font-size: 15px;
1530 }
1531
1532 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1533 font-size: 10px;
1534 }
1535 }
1536
1537 @media all and (max-width: 1000px) {
1538 div#ays-chart-countdown-main-container li {
1539 font-size: 8px;
1540 }
1541
1542 div#ays-chart-countdown-main-container li span{
1543 font-size: 20px;
1544 }
1545
1546 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1547 padding: 10px 18px;
1548 font-size: 12px;
1549 }
1550
1551 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box-80{
1552 width: 80% !important;
1553 }
1554 }
1555
1556 @media all and (max-width: 995px) {
1557
1558 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box {
1559 flex-direction: column;
1560 }
1561
1562 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row{
1563 font-size: 23px;
1564 }
1565
1566 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box {
1567 white-space: unset;
1568 }
1569
1570 div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month {
1571 padding: 20px;
1572 }
1573
1574 div#ays-chart-dicount-christmas-month-main {
1575 padding-right: 0;
1576 }
1577 div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month{
1578 display: flex;
1579 align-items: center;
1580 justify-content: space-between;
1581 align-content: center;
1582 flex-wrap: wrap;
1583 flex-direction: column;
1584 padding: 10px 0;
1585 height: unset;
1586 }
1587
1588 div#ays-chart-dicount-christmas-month-main div.ays-chart-dicount-christmas-wrap-box {
1589 width: 100% !important;
1590 text-align: center;
1591 }
1592
1593 div#ays-chart-dicount-christmas-month-main #ays-chart-countdown-main-container ul,
1594 #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row {
1595 padding: 0;
1596 }
1597
1598 div#ays-chart-countdown-main-container li {
1599 font-size: 15px;
1600 }
1601
1602 div#ays-chart-countdown-main-container li span {
1603 font-size: 25px;
1604 }
1605
1606 div#ays-chart-dicount-christmas-month-main div.ays-chart-dicount-christmas-wrap-text-box {
1607 position: unset;
1608 }
1609
1610 #ays-chart-countdown-main-container #ays-chart-countdown-headline {
1611 font-size: 15px;
1612 font-weight: 600;
1613 }
1614
1615 #ays-chart-countdown-main-container ul {
1616 font-weight: 500;
1617 }
1618
1619 #ays-chart-countdown-main-container li span {
1620 font-size: 20px;
1621 }
1622
1623 #ays-chart-dicount-christmas-month-main .ays-button{
1624 margin: 0 auto !important;
1625 }
1626
1627 div#ays-chart-dicount-christmas-month-main.ays_chart_dicount_info.notice {
1628 background-position: bottom right;
1629 background-repeat: no-repeat;
1630 background-size: contain;
1631 display: flex;
1632 justify-content: center;
1633 }
1634
1635 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box {
1636 justify-content: center;
1637 }
1638
1639 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button {
1640 font-size: 14px;
1641 padding: 5px 10px;
1642 }
1643
1644 div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now {
1645 padding: 10px 18px;
1646 font-size: 15px;
1647 }
1648 } */
1649 /* Christmas banner end */
1650
1651
1652 /* Helloween banner start */
1653 /* #ays-chart-dicount-month-main-helloween{
1654 background-image: url(../images/halloween_banner_plugins.png);
1655 height: 222px;
1656 background-repeat: no-repeat;
1657 background-position: center left;
1658 background-size: cover;
1659 border-radius: 7px;
1660 display: flex;
1661 align-items: center;
1662 justify-content: space-around;
1663 }
1664
1665 #ays-chart-dicount-month-main-helloween.notice-success,
1666 #ays-chart-dicount-month-main-helloween.notice-success{
1667 border-left: unset;
1668 }
1669
1670 div.ays-chart-helloween-bundle-buy-now-timer{
1671 display: flex;
1672 align-items: center;
1673 justify-content: center;
1674 }
1675
1676 div#ays-chart-dicount-month-helloween {
1677 display: flex;
1678 align-items: center;
1679 justify-content: space-between;
1680 height: 170px;
1681 width: 65%;
1682 max-width: 100%;
1683 }
1684
1685 .ays-chart-countdown-main-container-helloween #ays-chart-countdown {
1686 font-weight: 600;
1687 }
1688
1689 .ays-chart-countdown-main-container-helloween ul {
1690 margin: 0;
1691 }
1692
1693 .ays-chart-countdown-main-container-helloween li {
1694 display: inline-block;
1695 font-size: 14px;
1696 list-style-type: none;
1697 text-transform: uppercase;
1698 color: #fff;
1699 margin-left: 7px;
1700 }
1701
1702 .ays-chart-countdown-main-container-helloween li span:first-child {
1703 display: block;
1704 font-size: 40px;
1705 line-height: 1.4em;
1706 text-align: center;
1707 }
1708 .ays-chart-countdown-main-container-helloween li > p > span:nth-child(2){
1709 margin-left: 7px;
1710 }
1711 .ays-chart-countdown-main-container-helloween .emoji {
1712 display: none;
1713 padding: 1rem;
1714 }
1715
1716 .ays-chart-countdown-main-container-helloween .emoji span {
1717 font-size: 50px;
1718 padding: 0 .5rem;
1719 }
1720
1721 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
1722 background-image: linear-gradient(#7fc700, #409901);
1723 border: none;
1724 outline: none;
1725 padding: 8px 40px;
1726 font-size: 25px;
1727 text-transform: uppercase;
1728 font-weight: bold;
1729 border-radius: 25px;
1730 }
1731
1732 div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween {
1733 color: #d7a5da;
1734 font-size: 13px;
1735 font-weight: bold;
1736 }
1737
1738 .ays-chart-dicount-wrap-box-helloween-limited {
1739 color: #fff;
1740 }
1741
1742 .ays-chart-dicount-wrap-box-helloween-limited > p {
1743 font-size: 18px;
1744 font-weight: 700;
1745 padding: 0;
1746 margin: 0;
1747 }
1748
1749 #ays-chart-dicount-month-main-helloween button.notice-dismiss{
1750 background-color: #720092;
1751 border-radius: 50%;
1752 margin: 7px;
1753 }
1754 #ays-chart-dicount-month-main-helloween button.notice-dismiss:before{
1755 content: "\X";
1756 color: #fff;
1757 font-size: 18px;
1758 font-weight: 700;
1759 font-family: sans-serif;
1760 }
1761
1762 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween:focus,
1763 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween:active {
1764 outline: unset;
1765 border: unset;
1766 box-shadow: none;
1767 }
1768
1769 .ays-chart-dicount-wrap-box-helloween-timer{
1770 margin-right: 25px;
1771 }
1772
1773 @media screen and (max-width: 760px){
1774 #ays-chart-dicount-month-main-helloween{
1775 background-color: #720092;
1776 background-image: unset;
1777 height: 350px;
1778 }
1779
1780 div#ays-chart-dicount-month-helloween{
1781 flex-direction: column;
1782 width: 83%;
1783 max-width: 100%;
1784 justify-content: center;
1785 align-items: center;
1786 margin-left: 25px;
1787 }
1788
1789 div.ays-chart-helloween-bundle-buy-now-timer{
1790 flex-direction: column;
1791 }
1792 .ays-chart-helloween-bundle{
1793 display: inherit !important;
1794 }
1795
1796 .ays-chart-dicount-wrap-box-helloween-limited > p{
1797 font-size: 16px;
1798 line-height: unset;
1799 text-align: center;
1800 }
1801
1802 .ays-chart-countdown-main-container-helloween #ays-chart-countdown{
1803 font-weight: normal;
1804 }
1805
1806 div.ays-chart-countdown-main-container-helloween ul {
1807 display: flex;
1808 flex-wrap: nowrap;
1809 }
1810
1811 .ays-chart-countdown-main-container-helloween li{
1812 padding: 0;
1813 margin-left: 5px;
1814 text-align: center;
1815 }
1816
1817 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
1818 padding: 0px 40px;
1819 font-size: 16px;
1820 border-radius: 16px;
1821 }
1822
1823 div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween{
1824 font-size: 14px;
1825 }
1826
1827 div.ays-chart-dismiss-buttons-container-for-form-helloween{
1828 position: absolute;
1829 left: 50% !important;
1830 transform: translate(-50%, -50%);
1831 bottom: 0 !important;
1832 right: unset !important;
1833 }
1834
1835 .ays-chart-countdown-main-container-helloween li span{
1836 font-size: 18px !important;
1837 }
1838
1839 .ays-chart-countdown-main-container-helloween li p{
1840 margin: 0 !important;
1841 padding: 0 !important;
1842 }
1843
1844 }
1845
1846 @media screen and (max-width: 1400px) {
1847 div#ays-chart-dicount-month-helloween{
1848 width: 100%;
1849 max-width: 100%;
1850 justify-content: center;
1851 align-items: center;
1852 margin-left: 25px;
1853 }
1854
1855 .ays-chart-helloween-bundle{
1856 display: inherit !important;
1857 }
1858
1859 .ays-chart-dicount-wrap-box-helloween-limited > p{
1860 font-size: 16px;
1861 line-height: unset;
1862 text-align: center;
1863 }
1864
1865 .ays-chart-countdown-main-container-helloween #ays-chart-countdown{
1866 font-weight: normal;
1867 }
1868
1869 .ays-chart-countdown-main-container-helloween li{
1870 padding: 0;
1871 margin-left: 5px;
1872 text-align: center;
1873 }
1874
1875 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
1876 padding: 0px 40px;
1877 font-size: 16px;
1878 border-radius: 16px;
1879 }
1880
1881 div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween{
1882 font-size: 11px;
1883 }
1884
1885 div.ays-chart-dicount-wrap-box-helloween-timer{
1886 margin: 10px 17px !important;
1887 }
1888
1889 .ays-chart-countdown-main-container-helloween li span:first-child{
1890 font-size: 25px;
1891 }
1892 }
1893 @media screen and (max-width: 1700px) {
1894 div#ays-chart-dicount-month-helloween{
1895 width: 100%;
1896 max-width: 100%;
1897 justify-content: center;
1898 align-items: center;
1899 margin-left: 25px;
1900 }
1901
1902 .ays-chart-countdown-main-container-helloween #ays-chart-countdown{
1903 font-weight: normal;
1904 }
1905
1906 .ays-chart-countdown-main-container-helloween li{
1907 padding: 0;
1908 margin-left: 5px;
1909 text-align: center;
1910 }
1911
1912 .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{
1913 font-size: 18px;
1914 border-radius: 16px;
1915 }
1916
1917 div.ays-chart-dicount-wrap-box-helloween-timer{
1918 margin: 0 50px;
1919 }
1920 }
1921
1922 @media screen and (max-width: 520px){
1923 #ays-chart-dicount-month-main-helloween{
1924 height: 450px;
1925 }
1926 } */
1927 /* Helloween banner end */
1928