/* 30% Sale Emma start */ /* div#ays-chart-new-mega-bundle-dicount-month-main-2024 { border: 0; background: #FFF; border-radius: 20px; box-shadow: unset; position: relative; z-index: 1; min-height: 80px; } div#ays-chart-new-mega-bundle-dicount-month-main-2024.ays_chart_dicount_info button { display: flex; align-items: center; } div#ays-chart-new-mega-bundle-dicount-month-main-2024 div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus { outline: none; box-shadow: 0; } div#ays-chart-new-mega-bundle-dicount-month-main-2024 .btn-link { font-weight: 400; color: #007bff; background-color: transparent; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem } div#ays-chart-new-mega-bundle-dicount-month-main-2024.ays_chart_dicount_info { background-color: #fff6df; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays_chart_dicount_month { display: flex; align-items: center; justify-content: space-between; color: #fff; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays_chart_dicount_month img { width: 80px; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-sale-banner-link { display: flex; justify-content: center; align-items: center; width: 200px; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box { font-size:14px; padding: 4px; text-align: center; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { color: #30499B; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { display: flex; justify-content: center; align-items: center; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box { display: flex; justify-content: center; align-items: center; flex-direction: column; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box span{ font-size: 10px; color: #30499B; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-chart-dicount-wrap-text-box-texts { font-size: 22px; font-weight: bold; letter-spacing: 0.80px; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-color { color: #971821; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-text-decoration { text-decoration: underline; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-buy-now-button-box { display: flex; justify-content: flex-end; align-items: center; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-new-mega-bundle-limited-text { background-image: url(../images/icons/rectangle-bundle-2024.png); background-size: cover; width: 102px; display: inline-block; height: auto; background-repeat: no-repeat; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-discount-box-sale-image { background-image: url(../images/30-sale-2024.png); background-size: contain; width: 290px; display: inline-block; height: auto; background-repeat: no-repeat; height: 117px; background-position: center; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-buy-now-button-box { width: 30%; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-button, #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-buy-now-button { align-items: center; font-weight: 500; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-buy-now-button { background: #971821; border-color: #fff; display: flex; justify-content: center; align-items: center; padding: 5px 15px; font-size: 16px; border-radius: 5px; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-buy-now-button:hover { background: #7d161d; border-color: #971821; } #ays-chart-new-mega-bundle-dicount-month-main-2024 #ays-chart-dismiss-buttons-content{ display: flex; justify-content: center; } #ays-chart-new-mega-bundle-dicount-month-main-2024 #ays-chart-dismiss-buttons-content .ays-button{ margin: 0 !important; font-size: 13px; font-size: 13px; color: #ffffff; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-opacity-box { width: 19%; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-buy-now-opacity-button { padding: 40px 15px; display: flex; justify-content: center; align-items: center; opacity: 0; } #ays-chart-countdown-main-container .ays-chart-countdown-container { color:#30499B; margin: 0 auto; text-align: center; } #ays-chart-countdown-main-container #ays-chart-countdown-headline { font-weight: normal; letter-spacing: .125rem; text-transform: uppercase; font-weight: bolder; font-size: 18px; font-weight: 400; margin: 0; padding: 9px 0 4px 0; line-height: 1.3; } #ays-chart-countdown-main-container li, #ays-chart-countdown-main-container ul { margin: 0; } #ays-chart-countdown-main-container li { display: inline-block; font-size: 14px; list-style-type: none; padding: 14px; text-transform: capitalize; text-align: center; margin: auto; } #ays-chart-countdown-main-container li span { display: flex; justify-content: center; align-items: center; font-size: 23px; height: 56px; width: 53px; border-radius: 8px; border: 0.534px solid #F4F4F4; background: #30499B; color: #fff; } #ays-chart-countdown-main-container .emoji { display: none; padding: 1rem; } #ays-chart-countdown-main-container .emoji span { font-size: 30px; padding: 0 .5rem; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box li { position: relative; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box li span:after { content: ":"; color: #30499B; position: absolute; top: 10px; right: -5px; font-size: 40px; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after { content: unset; } #ays-chart-new-mega-bundle-dicount-month-main-2024 #ays-button-top-buy-now { display: flex; align-items: center; border-radius: 64px; padding: 12px 32px; background: #30499B; color: #FFF; font-size: 12.818px; font-style: normal; font-weight: 800; line-height: normal; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .button.ays-button{ margin: 0; } div#ays-chart-new-mega-bundle-dicount-month-main-2024 button.notice-dismiss:before{ color: #30499B; } div#ays-chart-new-mega-bundle-dicount-month-main-2024 button.notice-dismiss:before{ color: #30499B; content: "\f00d"; font-family: fontawesome; font-size: 19px; } @media all and (max-width: 768px) { div#ays-chart-new-mega-bundle-dicount-month-main-2024 { padding-right: 0; } div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays_chart_dicount_month{ display: flex; align-items: center; justify-content: space-between; align-content: center; flex-wrap: wrap; flex-direction: column; padding: 10px 0; } div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box { width: 100%; text-align: center; } #ays-chart-countdown-main-container #ays-chart-countdown-headline { font-size: 15px; font-weight: 600; } #ays-chart-countdown-main-container ul { font-weight: 500; } div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { width: 100%; text-align: center; } div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 100%; display: flex; justify-content: center; align-items: center; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-button{ margin: 0 auto !important; } div#ays-chart-new-mega-bundle-dicount-month-main-2024.ays_chart_dicount_info.notice { background-position: center; background-repeat: no-repeat; background-size: cover; } #ays-chart-new-mega-bundle-dicount-month-main-2024 #ays-chart-dismiss-buttons-content .ays-button { padding-left: unset !important; } div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-buy-now-button-box { justify-content: center; } div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-buy-now-button { font-size: 14px; padding: 5px 10px; } div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-buy-now-opacity-button { display: none; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dismiss-buttons-container-for-form{ position: static !important; } .comparison .product img { width: 70px; } .comparison a.price-buy{ padding: 5px 10px; font-size: 11px; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-chart-dicount-wrap-text-box-texts{ height: 64px; } #ays-chart-countdown-main-container .ays-chart-countdown-container #ays-chart-countdown > ul{ display: flex; justify-content: center; align-items: center; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box li span:after { top: unset; } #ays-chart-countdown-main-container li{ font-size: 12px; padding: 12px; } #ays-chart-countdown-main-container li span{ font-size: 26px; min-height: 50px; min-width: 50px; } #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box{ width: 100%; } } @media screen and (max-width: 1305px) and (min-width: 768px){ div#ays-chart-new-mega-bundle-dicount-month-main-2024.ays_chart_dicount_info.notice { background-position: bottom right; background-repeat: no-repeat; background-size: cover; } div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-chart-dicount-wrap-text-box-texts { font-size: 15px; } #ays-chart-countdown-main-container li { font-size: 11px; } div#ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-opacity-box { display: none; } } @media screen and (max-width: 436px){ #ays-chart-new-mega-bundle-dicount-month-main-2024 .ays-chart-dicount-wrap-box .ays-chart-dicount-wrap-text-box-texts{ height: 110px; margin-bottom: 25px; } } */ /* 30% Sale Emma end */ /* 20% sale banner start */ div#ays-chart-dicount-month-main { border: 0; background: #FFF; border-radius: 20px; box-shadow: unset; position: relative; z-index: 1; min-height: 80px; } div#ays-chart-dicount-month-main.ays_chart_dicount_info button { display: flex; align-items: center; } div#ays-chart-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus { outline: none; box-shadow: 0; } div#ays-chart-dicount-month-main .btn-link { font-weight: 400; color: #007bff; background-color: transparent; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem } div#ays-chart-dicount-month-main.ays_chart_dicount_info { background-image: url("../images/chart-builder-banner-background-50.svg"); background-position: center right; background-repeat: no-repeat; background-size: cover; } #ays-chart-dicount-month-main .ays_chart_dicount_month { display: flex; align-items: center; justify-content: space-between; color: #fff; padding: 12px; } #ays-chart-dicount-month-main .ays_chart_dicount_month img { width: 80px; } #ays-chart-dicount-month-main .ays-chart-sale-banner-link { display: flex; justify-content: center; align-items: center; width: 200px; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box { font-size:14px; text-align: center; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { text-align: left; width: 40%; } .ays-chart-dicount-sale-name-discount-box { display: flex; justify-content: flex-start; align-items: center; gap: 5px; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 100%; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box { width: 30%; display: flex; justify-content: center; align-items: center; flex-direction: column; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-new-chart-pro-title { color: #FDFDFD; font-size: 16.8px; font-style: normal; font-weight: 600; line-height: normal; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-new-chart-pro-desc { color: #FFF; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box strong { font-size: 17px; font-weight: bold; letter-spacing: 0.80px; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-color { color: #971821; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-text-decoration { text-decoration: underline; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { display: flex; justify-content: flex-end; align-items: center; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { width: 30%; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-button, #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { align-items: center; font-weight: 500; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { background: #971821; border-color: #fff; display: flex; justify-content: center; align-items: center; padding: 5px 15px; font-size: 16px; border-radius: 5px; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover { background: #7d161d; border-color: #971821; } #ays-chart-dicount-month-main #ays-chart-dismiss-buttons-content{ display: flex; justify-content: center; } #ays-chart-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{ margin: 0 !important; font-size: 13px; font-size: 13px; color: #ffffff; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-opacity-box { width: 19%; } #ays-chart-dicount-month-main .ays-buy-now-opacity-button { padding: 40px 15px; display: flex; justify-content: center; align-items: center; opacity: 0; } #ays-chart-countdown-main-container .ays-chart-countdown-container { margin: 0 auto; text-align: center; } #ays-chart-countdown-main-container #ays-chart-countdown-headline { font-weight: normal; letter-spacing: .125rem; text-transform: uppercase; font-weight: bolder; font-size: 18px; font-weight: 400; margin: 0; padding: 9px 0 4px 0; line-height: 1.3; } #ays-chart-countdown-main-container li, #ays-chart-countdown-main-container ul { margin: 0; } #ays-chart-countdown-main-container li { display: inline-block; font-size: 14px; list-style-type: none; padding: 14px; text-transform: lowercase; } #ays-chart-countdown-main-container li span { display: flex; justify-content: center; align-items: center; font-size: 40px; min-height: 62px; min-width: 62px; border-radius: 4.273px; border: 0.534px solid #F4F4F4; background: #9896ED; } #ays-chart-countdown-main-container .emoji { display: none; padding: 1rem; } #ays-chart-countdown-main-container .emoji span { font-size: 30px; padding: 0 .5rem; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li { position: relative; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li span:after { content: ":"; color: #fff; position: absolute; top: 10px; right: -5px; font-size: 40px; } #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after { content: unset; } #ays-chart-dicount-month-main #ays-button-top-buy-now { display: flex; align-items: center; border-radius: 6.409px; background: #F66123; padding: 12px 32px; color: #FFF; font-size: 12.818px; font-style: normal; font-weight: 800; line-height: normal; margin: 0 !important; } div#ays-chart-dicount-month-main button.notice-dismiss:before{ color: #fff; content: ""; background-image: url("../images/icons/ays-chart-close-banner.svg"); font-size: 22px; font-weight: 700; font-family: sans-serif; } #ays-chart-dicount-month-main .ays-chart-new-mega-bundle-guaranteeicon { width: 30px; margin-right: 5px; } #ays-chart-dicount-month-main .ays-chart-dicount-one-time-text { color: #FFF; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; } @media all and (max-width: 768px) { div#ays-chart-dicount-month-main { padding-right: 0; } div#ays-chart-dicount-month-main .ays_chart_dicount_month{ display: flex; align-items: center; justify-content: space-between; align-content: center; flex-wrap: wrap; flex-direction: column; padding: 10px 0; } div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box { width: 100% !important; text-align: center; } #ays-chart-countdown-main-container #ays-chart-countdown-headline { font-size: 15px; font-weight: 600; } #ays-chart-countdown-main-container ul { font-weight: 500; } div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { text-align: center; margin-top: 20px; } .ays-chart-dicount-sale-name-discount-box { display: block; } div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box li span:after { top: unset; } div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 100%; } #ays-chart-dicount-month-main .ays-button{ margin: 0 auto !important; } div#ays-chart-dicount-month-main.ays_chart_dicount_info.notice { background-position: bottom right; background-repeat: no-repeat; background-size: cover; } #ays-chart-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button { padding-left: unset !important; } div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { justify-content: center; } div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { font-size: 14px; padding: 5px 10px; } div#ays-chart-dicount-month-main .ays-buy-now-opacity-button { display: none; } #ays-chart-dicount-month-main .ays-chart-dismiss-buttons-container-for-chart{ position: static !important; } .comparison .product img { width: 70px; } .ays-chart-features-wrap .comparison a.price-buy{ padding: 8px 5px; font-size: 11px; } } @media screen and (max-width: 1305px) and (min-width: 768px){ div#ays-chart-dicount-month-main.ays_chart_dicount_info.notice { background-position: bottom right; background-repeat: no-repeat; background-size: cover; } div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-box strong { font-size: 15px; } #ays-chart-countdown-main-container li { font-size: 11px; } div#ays-chart-dicount-month-main .ays-chart-dicount-wrap-opacity-box { display: none; } } @media screen and (max-width: 425px){ #ays-chart-countdown-main-container li { padding: 14px 8px; } #ays-chart-countdown-main-container li span { min-width: 50px; min-height: 50px; font-size: 30px; } } /* 20% sale banner end */ /* Black friday banner start */ /* div#ays-chart-dicount-black-friday-month-main * { color: #fff; } div#ays-chart-dicount-black-friday-month-main div#ays-chart-dicount-black-friday-month a.ays-chart-sale-banner-link:focus { outline: none; box-shadow: 0; } div#ays-chart-dicount-black-friday-month-main .btn-link { font-weight: 400; color: white; background-color: transparent; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 12px; line-height: 1.5; border-radius: 0.25rem; color: rgba(255, 255, 255, 0.6); } div#ays-chart-dicount-black-friday-month-main.ays_chart_dicount_info { background-image: linear-gradient(45deg, #1E101D, #C60AF4); padding: unset; border-left-color: unset; border-left: 0; } #ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month { position: relative; background-image: url("../images/black-friday-plugins-background-image.webp"); background-position: center right; background-repeat: no-repeat; background-size: 100%; } #ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month img { width: 80px; } #ays-chart-dicount-black-friday-month-main .ays-chart-sale-banner-link { display: flex; justify-content: center; align-items: center; width: 200px; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-sale { font-style: normal; font-weight: 600; font-size: 24px; text-align: center; color: #B2FF00; text-transform: uppercase; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box { font-size:14px; padding:12px; text-align: center; width: 50%; white-space: nowrap; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box strong { font-size: 17px; font-weight: bold; letter-spacing: 0.80px; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-color { color: #971821; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-text-decoration { text-decoration: underline; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box { display: flex; justify-content: flex-end; align-items: center; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box { width: 30%; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-button, #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button { align-items: center; font-weight: 500; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button { background: #971821; border-color: #fff; display: flex; justify-content: center; align-items: center; padding: 5px 15px; font-size: 16px; border-radius: 5px; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button:hover { background: #7d161d; border-color: #971821; } #ays-chart-dicount-black-friday-month-main #ays-chart-dismiss-buttons-content{ display: flex; justify-content: center; } #ays-chart-dicount-black-friday-month-main #ays-chart-dismiss-buttons-content .ays-button{ margin: 0 !important; font-size: 13px; font-size: 13px; color: #969393b0; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-opacity-box { width: 19%; } #ays-chart-dicount-black-friday-month-main .ays-buy-now-opacity-button { padding: 40px 15px; display: flex; justify-content: center; align-items: center; opacity: 0; } #ays-chart-countdown-main-container .ays-chart-countdown-container { margin: 0 auto; text-align: center; } #ays-chart-countdown-main-container #ays-chart-countdown-headline { font-weight: normal; letter-spacing: .125rem; text-transform: uppercase; font-weight: bolder; font-size: 18px; font-weight: 400; margin: 0; padding: 9px 0 4px 0; line-height: 1.3; } #ays-chart-countdown-main-container li, #ays-chart-countdown-main-container ul { margin: 0; font-weight: 600; } #ays-chart-countdown-main-container li { display: inline-block; font-size: 10px; list-style-type: none; padding: 10px; text-transform: uppercase; } #ays-chart-countdown-main-container li span { display: block; font-size: 22px; } #ays-chart-countdown-main-container .emoji { display: none; padding: 1rem; } #ays-chart-countdown-main-container .emoji span { font-size: 25px; padding: 0 .5rem; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box { display: flex; justify-content: space-between; align-items: center; width: 95%; margin: auto; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row { text-align: center; padding-right: 50px; font-style: normal; font-weight: 900; font-size: 19px; color: #FFFFFF; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now { border: none; outline: none; padding: 10px 20px; font-size: 22px; text-transform: uppercase; font-weight: bold; text-decoration: none; background: linear-gradient(180deg, #DD0BEF 0%, #82008D 100%); border-radius: 16px; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row { text-transform: uppercase; text-shadow: -1.5px 0 #dd0bef, 0 1.5px #dd0bef, 1.5px 0 #dd0bef, 0 -1.5px #dd0bef; font-weight: 900; font-style: normal; font-size: 40px; line-height: 40px; color: #FFFFFF; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-text-box { position: absolute; width: 25%; top: 10px; bottom: 0; right: 0; left: 0; margin: 0 auto; } #ays-chart-countdown ul { padding: 0; } @media screen and (max-width: 1400px) and (min-width: 1200px){ div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row { font-size: 15px; } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row { font-size: 27px; } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box { width: 100%; } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now { font-size: 13px; } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{ width: 80% !important; } } @media all and (max-width: 1200px) { div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month{ background: unset; } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-text-row { font-size: 30px; } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box { width: 100%; } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now { font-size: 15px; } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{ width: 80% !important; } } @media all and (max-width: 1200px) and (min-width: 1150px) { div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row { font-size: 15px; } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now { font-size: 10px; } } @media all and (max-width: 1150px) { div#ays-chart-countdown-main-container li { font-size: 8px; } div#ays-chart-countdown-main-container li span{ font-size: 20px; } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now { padding: 10px 18px; font-size: 12px; } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box-80{ width: 80% !important; } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-box { flex-direction: column; } div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month { padding: 20px; } div#ays-chart-dicount-black-friday-month-main { padding-right: 0; } div#ays-chart-dicount-black-friday-month-main .ays_chart_dicount_month{ display: flex; align-items: center; justify-content: space-between; align-content: center; flex-wrap: wrap; flex-direction: column; padding: 10px 0; } div#ays-chart-dicount-black-friday-month-main div.ays-chart-dicount-black-friday-wrap-box { width: 100% !important; text-align: center; } div#ays-chart-dicount-black-friday-month-main #ays-chart-countdown-main-container ul, #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-title-row { padding: 0; font-size: 13px; } #ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-sale{ font-size: 15px; } div#ays-chart-countdown-main-container li { font-size: 15px; } div#ays-chart-countdown-main-container li span { font-size: 25px; } div#ays-chart-dicount-black-friday-month-main div.ays-chart-dicount-black-friday-wrap-text-box { position: unset; } #ays-chart-countdown-main-container #ays-chart-countdown-headline { font-size: 15px; font-weight: 600; } #ays-chart-countdown-main-container ul { font-weight: 500; } #ays-chart-countdown-main-container li span { font-size: 20px; } #ays-chart-dicount-black-friday-month-main .ays-button{ margin: 0 auto !important; } div#ays-chart-dicount-black-friday-month-main.ays_chart_dicount_info.notice { background-position: bottom right; background-repeat: no-repeat; background-size: contain; display: flex; justify-content: center; background-image: linear-gradient(45deg, #1E101D, #C60AF4); } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box.ays-buy-now-button-box { justify-content: center; } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-wrap-box .ays-buy-now-button { font-size: 14px; padding: 5px 10px; } div#ays-chart-dicount-black-friday-month-main .ays-chart-dicount-black-friday-button-buy-now { padding: 10px 18px; font-size: 15px; } } */ /* Black friday banner end */ /* Christmas banner start */ /* div#ays-chart-dicount-christmas-month-main * { color: #fff; } div#ays-chart-dicount-christmas-month-main div#ays-chart-dicount-christmas-month a.ays-chart-sale-banner-link:focus { outline: none; box-shadow: 0; } div#ays-chart-dicount-christmas-month-main .btn-link { color: white; background-color: transparent; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 15px; font-weight: 500; line-height: 1.5; border-radius: 0.25rem; color: rgba(255, 255, 255, 0.6); letter-spacing: 1px; } div#ays-chart-dicount-christmas-month-main.ays_chart_dicount_info { background-image: linear-gradient(45deg, #C41824, #C41824); padding: unset; border: unset; } #ays-chart-dicount-christmas-month-main .ays_chart_dicount_month { position: relative; background-image: url(../images/christmas_banner_plugins.webp); background-position: bottom; background-repeat: no-repeat; background-size: cover; height: 140px; display: flex; } #ays-chart-dicount-christmas-month-main .ays_chart_dicount_month img { width: 80px; } #ays-chart-dicount-christmas-month-main .ays-chart-sale-banner-link { display: flex; justify-content: center; align-items: center; width: 200px; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-sale { font-style: normal; font-weight: 600; font-size: 24px; text-align: center; color: #00D76B; text-transform: uppercase; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box { font-size:14px; padding:12px; text-align: center; width: 25%; white-space: nowrap; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box strong { font-size: 17px; font-weight: bold; letter-spacing: 0.80px; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-color { color: #971821; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-text-decoration { text-decoration: underline; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box { display: flex; justify-content: flex-end; align-items: center; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box { width: 30%; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-button, #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button { align-items: center; font-weight: 500; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button { background: #971821; border-color: #fff; display: flex; justify-content: center; align-items: center; padding: 5px 15px; font-size: 16px; border-radius: 5px; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button:hover { background: #7d161d; border-color: #971821; } #ays-chart-dicount-christmas-month-main #ays-chart-dismiss-buttons-content{ display: flex; justify-content: center; } #ays-chart-dicount-christmas-month-main #ays-chart-dismiss-buttons-content .ays-button{ margin: 0 !important; font-size: 13px; font-size: 13px; color: #969393b0; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-opacity-box { width: 19%; } #ays-chart-dicount-christmas-month-main .ays-buy-now-opacity-button { padding: 40px 15px; display: flex; justify-content: center; align-items: center; opacity: 0; } #ays-chart-countdown-main-container .ays-chart-countdown-container { margin: 0 auto; text-align: center; } #ays-chart-countdown-main-container #ays-chart-countdown-headline { font-weight: normal; letter-spacing: .125rem; text-transform: uppercase; font-weight: bolder; font-size: 18px; font-weight: 400; margin: 0; padding: 9px 0 4px 0; line-height: 1.3; } #ays-chart-countdown-main-container li, #ays-chart-countdown-main-container ul { margin: 0; font-weight: 600; } #ays-chart-countdown-main-container li { display: inline-block; font-size: 10px; list-style-type: none; padding: 10px; text-transform: uppercase; } #ays-chart-countdown-main-container li span { display: block; font-size: 22px; } #ays-chart-countdown-main-container .emoji { display: none; padding: 1rem; } #ays-chart-countdown-main-container .emoji span { font-size: 25px; padding: 0 .5rem; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box { display: flex; justify-content: center; align-items: center; width: 95%; margin: auto; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row { text-align: center; padding-right: 50px; font-style: normal; font-weight: 900; font-size: 19px; color: #FFFFFF; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now { border: none; outline: none; padding: 10px 20px; font-size: 22px; text-transform: uppercase; font-weight: bold; text-decoration: none; background: linear-gradient(180deg, #01CD5D 0%, #01946E 100%); border-radius: 16px; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row { text-transform: uppercase; text-shadow: -1.5px 0 #dd0bef, 0 1.5px #dd0bef, 1.5px 0 #dd0bef, 0 -1.5px #dd0bef; font-weight: 900; font-style: normal; font-size: 40px; line-height: 40px; color: #FFFFFF; } #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-text-box { position: absolute; width: 25%; top: 10px; bottom: 0; right: 0; left: 0; margin: 0 auto; } div#ays-chart-dicount-christmas-month-main button.notice-dismiss:before{ color: #fff; } @media screen and (max-width: 1400px) and (min-width: 1200px){ div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row { font-size: 15px; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row { font-size: 27px; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box { width: 100%; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now { font-size: 13px; } } @media all and (max-width: 1200px) { div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month{ background: unset; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row { font-size: 25px; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-text-row { font-size: 30px; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box { width: 100%; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now { font-size: 15px; } } @media all and (max-width: 1200px) and (min-width: 1000px) { div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row { font-size: 15px; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now { font-size: 10px; } } @media all and (max-width: 1000px) { div#ays-chart-countdown-main-container li { font-size: 8px; } div#ays-chart-countdown-main-container li span{ font-size: 20px; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now { padding: 10px 18px; font-size: 12px; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box-80{ width: 80% !important; } } @media all and (max-width: 995px) { div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-box { flex-direction: column; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row{ font-size: 23px; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box { white-space: unset; } div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month { padding: 20px; } div#ays-chart-dicount-christmas-month-main { padding-right: 0; } div#ays-chart-dicount-christmas-month-main .ays_chart_dicount_month{ display: flex; align-items: center; justify-content: space-between; align-content: center; flex-wrap: wrap; flex-direction: column; padding: 10px 0; height: unset; } div#ays-chart-dicount-christmas-month-main div.ays-chart-dicount-christmas-wrap-box { width: 100% !important; text-align: center; } div#ays-chart-dicount-christmas-month-main #ays-chart-countdown-main-container ul, #ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-title-row { padding: 0; } div#ays-chart-countdown-main-container li { font-size: 15px; } div#ays-chart-countdown-main-container li span { font-size: 25px; } div#ays-chart-dicount-christmas-month-main div.ays-chart-dicount-christmas-wrap-text-box { position: unset; } #ays-chart-countdown-main-container #ays-chart-countdown-headline { font-size: 15px; font-weight: 600; } #ays-chart-countdown-main-container ul { font-weight: 500; } #ays-chart-countdown-main-container li span { font-size: 20px; } #ays-chart-dicount-christmas-month-main .ays-button{ margin: 0 auto !important; } div#ays-chart-dicount-christmas-month-main.ays_chart_dicount_info.notice { background-position: bottom right; background-repeat: no-repeat; background-size: contain; display: flex; justify-content: center; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box.ays-buy-now-button-box { justify-content: center; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-wrap-box .ays-buy-now-button { font-size: 14px; padding: 5px 10px; } div#ays-chart-dicount-christmas-month-main .ays-chart-dicount-christmas-button-buy-now { padding: 10px 18px; font-size: 15px; } } */ /* Christmas banner end */ /* Helloween banner start */ /* #ays-chart-dicount-month-main-helloween{ background-image: url(../images/halloween_banner_plugins.png); height: 222px; background-repeat: no-repeat; background-position: center left; background-size: cover; border-radius: 7px; display: flex; align-items: center; justify-content: space-around; } #ays-chart-dicount-month-main-helloween.notice-success, #ays-chart-dicount-month-main-helloween.notice-success{ border-left: unset; } div.ays-chart-helloween-bundle-buy-now-timer{ display: flex; align-items: center; justify-content: center; } div#ays-chart-dicount-month-helloween { display: flex; align-items: center; justify-content: space-between; height: 170px; width: 65%; max-width: 100%; } .ays-chart-countdown-main-container-helloween #ays-chart-countdown { font-weight: 600; } .ays-chart-countdown-main-container-helloween ul { margin: 0; } .ays-chart-countdown-main-container-helloween li { display: inline-block; font-size: 14px; list-style-type: none; text-transform: uppercase; color: #fff; margin-left: 7px; } .ays-chart-countdown-main-container-helloween li span:first-child { display: block; font-size: 40px; line-height: 1.4em; text-align: center; } .ays-chart-countdown-main-container-helloween li > p > span:nth-child(2){ margin-left: 7px; } .ays-chart-countdown-main-container-helloween .emoji { display: none; padding: 1rem; } .ays-chart-countdown-main-container-helloween .emoji span { font-size: 50px; padding: 0 .5rem; } .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{ background-image: linear-gradient(#7fc700, #409901); border: none; outline: none; padding: 8px 40px; font-size: 25px; text-transform: uppercase; font-weight: bold; border-radius: 25px; } div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween { color: #d7a5da; font-size: 13px; font-weight: bold; } .ays-chart-dicount-wrap-box-helloween-limited { color: #fff; } .ays-chart-dicount-wrap-box-helloween-limited > p { font-size: 18px; font-weight: 700; padding: 0; margin: 0; } #ays-chart-dicount-month-main-helloween button.notice-dismiss{ background-color: #720092; border-radius: 50%; margin: 7px; } #ays-chart-dicount-month-main-helloween button.notice-dismiss:before{ content: "\X"; color: #fff; font-size: 18px; font-weight: 700; font-family: sans-serif; } .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween:focus, .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween:active { outline: unset; border: unset; box-shadow: none; } .ays-chart-dicount-wrap-box-helloween-timer{ margin-right: 25px; } @media screen and (max-width: 760px){ #ays-chart-dicount-month-main-helloween{ background-color: #720092; background-image: unset; height: 350px; } div#ays-chart-dicount-month-helloween{ flex-direction: column; width: 83%; max-width: 100%; justify-content: center; align-items: center; margin-left: 25px; } div.ays-chart-helloween-bundle-buy-now-timer{ flex-direction: column; } .ays-chart-helloween-bundle{ display: inherit !important; } .ays-chart-dicount-wrap-box-helloween-limited > p{ font-size: 16px; line-height: unset; text-align: center; } .ays-chart-countdown-main-container-helloween #ays-chart-countdown{ font-weight: normal; } div.ays-chart-countdown-main-container-helloween ul { display: flex; flex-wrap: nowrap; } .ays-chart-countdown-main-container-helloween li{ padding: 0; margin-left: 5px; text-align: center; } .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{ padding: 0px 40px; font-size: 16px; border-radius: 16px; } div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween{ font-size: 14px; } div.ays-chart-dismiss-buttons-container-for-form-helloween{ position: absolute; left: 50% !important; transform: translate(-50%, -50%); bottom: 0 !important; right: unset !important; } .ays-chart-countdown-main-container-helloween li span{ font-size: 18px !important; } .ays-chart-countdown-main-container-helloween li p{ margin: 0 !important; padding: 0 !important; } } @media screen and (max-width: 1400px) { div#ays-chart-dicount-month-helloween{ width: 100%; max-width: 100%; justify-content: center; align-items: center; margin-left: 25px; } .ays-chart-helloween-bundle{ display: inherit !important; } .ays-chart-dicount-wrap-box-helloween-limited > p{ font-size: 16px; line-height: unset; text-align: center; } .ays-chart-countdown-main-container-helloween #ays-chart-countdown{ font-weight: normal; } .ays-chart-countdown-main-container-helloween li{ padding: 0; margin-left: 5px; text-align: center; } .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{ padding: 0px 40px; font-size: 16px; border-radius: 16px; } div#ays-chart-dismiss-buttons-content-helloween > button.ays-button-helloween{ font-size: 11px; } div.ays-chart-dicount-wrap-box-helloween-timer{ margin: 10px 17px !important; } .ays-chart-countdown-main-container-helloween li span:first-child{ font-size: 25px; } } @media screen and (max-width: 1700px) { div#ays-chart-dicount-month-helloween{ width: 100%; max-width: 100%; justify-content: center; align-items: center; margin-left: 25px; } .ays-chart-countdown-main-container-helloween #ays-chart-countdown{ font-weight: normal; } .ays-chart-countdown-main-container-helloween li{ padding: 0; margin-left: 5px; text-align: center; } .ays-chart-dicount-wrap-box.ays-buy-now-button-box-helloween > a.ays-buy-now-button-helloween{ font-size: 18px; border-radius: 16px; } div.ays-chart-dicount-wrap-box-helloween-timer{ margin: 0 50px; } } @media screen and (max-width: 520px){ #ays-chart-dicount-month-main-helloween{ height: 450px; } } */ /* Helloween banner end */ /* Black friday banner 2024 start */ /* div#ays-chart-black-friday-bundle-dicount-month-main { border: 0; background: #FFF; border-radius: 20px; box-shadow: unset; position: relative; z-index: 1; min-height: 80px; } div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info button { display: flex; align-items: center; } div#ays-chart-black-friday-bundle-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus { outline: none; box-shadow: 0; } div#ays-chart-black-friday-bundle-dicount-month-main .btn-link { font-weight: 400; color: #007bff; background-color: transparent; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem } div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info { background-image: url("../images/ays-chart-popup-banner-black-friday-bg-image.svg"); background-position: center right; background-repeat: no-repeat; background-size: cover; background-color: #161616; } #ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month { display: flex; align-items: center; justify-content: space-between; color: #fff; } #ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month img { width: 80px; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-sale-banner-link { display: flex; justify-content: center; align-items: center; width: 200px; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box { font-size:14px; padding:12px; text-align: center; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { text-align: left; width: 30%; display: flex; justify-content: space-around; align-items: flex-start; text-align: center; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 30%; display: flex; justify-content: center; align-items: center; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box { width: 20%; display: flex; justify-content: center; align-items: center; flex-direction: column; } #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 { display: inline-block; color: #FDFDFD; font-style: normal; font-weight: 600; line-height: normal; } #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 { font-style: normal; font-weight: 700; font-size: 32px; line-height: 39px; text-align: center; text-transform: uppercase; letter-spacing: 0.13em; color: #161616; text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; } #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 { display: inline-block; font-style: normal; font-weight: 700; font-size: 32px; line-height: normal; text-align: center; letter-spacing: 0.13em; color: #161616; text-shadow: -1px 1px 0 #FF7F66, 1px 1px 0 #FF7F66, 1px -1px 0 #FF7F66, -1px -1px 0 #FF7F66; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-coupon-row { box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px; font-size: 20px; background: #161616; border: 2px dotted #FF7F66; border-radius: 25px; margin-bottom: 5px; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong { font-size: 17px; font-weight: bold; letter-spacing: 0.80px; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-color { color: #971821; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-text-decoration { text-decoration: underline; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { display: flex; justify-content: flex-end; align-items: center; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { width: 30%; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-button, #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { align-items: center; font-weight: 500; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { background: #971821; border-color: #fff; display: flex; justify-content: center; align-items: center; padding: 5px 15px; font-size: 16px; border-radius: 5px; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover { background: #7d161d; border-color: #971821; } #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content{ display: flex; justify-content: center; } #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{ margin: 0 !important; font-size: 13px; font-size: 13px; color: #ffffff; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box { width: 19%; } #ays-chart-black-friday-bundle-dicount-month-main .ays-buy-now-opacity-button { padding: 40px 15px; display: flex; justify-content: center; align-items: center; opacity: 0; } #ays-chart-countdown-main-container .ays-chart-countdown-container { margin: 0 auto; text-align: center; } #ays-chart-countdown-main-container #ays-chart-countdown-headline { font-weight: normal; letter-spacing: .125rem; text-transform: uppercase; font-weight: bolder; font-size: 18px; font-weight: 400; margin: 0; padding: 9px 0 4px 0; line-height: 1.3; } #ays-chart-countdown-main-container li, #ays-chart-countdown-main-container ul { margin: 0; } #ays-chart-countdown-main-container ul { padding-left: 0; } #ays-chart-countdown-main-container li { display: inline-block; font-size: 14px; list-style-type: none; padding: 14px; text-transform: lowercase; } #ays-chart-countdown-main-container li span { display: flex; justify-content: center; align-items: center; font-size: 30px; min-height: 50px; min-width: 50px; background: rgba(255, 255, 255, 0.05); border: 1px solid #FF7F66; border-radius: 4px; box-shadow: 0px 1px 1px #FF7F66; } #ays-chart-countdown-main-container .emoji { display: none; padding: 1rem; } #ays-chart-countdown-main-container .emoji span { font-size: 30px; padding: 0 .5rem; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li { position: relative; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after { content: ":"; color: #fff; position: absolute; top: 10px; right: -5px; font-size: 40px; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after { content: unset; } #ays-chart-black-friday-bundle-dicount-month-main #ays-button-top-buy-now { display: flex; align-items: center; padding: 12px 32px; color: #FFF; font-size:15px; font-style: normal; line-height: normal; margin: 0 !important; background: rgba(255, 255, 255, 0.1); border: 1px solid #FF7F66; box-shadow: 0px 0px 4px #FF7F66; border-radius: 4px; transition: all 0.3s; } #ays-chart-black-friday-bundle-dicount-month-main #ays-button-top-buy-now:hover { background-color: #FF7F66; border: 1px solid #fff; } div#ays-chart-black-friday-bundle-dicount-month-main button.notice-dismiss:before{ color: #fff; content: "\f00d"; font-family: fontawesome; font-size: 22px; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-guaranteeicon { width: 30px; margin-right: 5px; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-one-time-text { color: #FFF; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; } #ays-chart-dicount-month a:link, #ays-chart-dicount-month a:visited { text-decoration: none; } #ays-chart-dicount-month a:hover, #ays-chart-dicount-month a:active { text-decoration: underline; } @media all and (max-width: 768px) { div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-coupon-row { max-width: 50%; margin: 0 auto; } div#ays-chart-black-friday-bundle-dicount-month-main { padding-right: 0; } div#ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month{ display: flex; align-items: center; justify-content: space-between; align-content: center; flex-wrap: wrap; flex-direction: column; padding: 10px 0; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box { width: 100% !important; text-align: center; } #ays-chart-countdown-main-container #ays-chart-countdown-headline { font-size: 15px; font-weight: 600; } #ays-chart-countdown-main-container ul { font-weight: 500; } #ays-chart-countdown-main-container li span { font-size: 35px; min-height: 57px; min-width: 55px; } div#ays-chart-countdown-main-container li { padding: 10px; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-mobile-image-display-none { display: none !important; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-mobile-image-display-block { display: block !important; margin-top: 5px; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { width: 100% !important; text-align: center; flex-direction: column; margin-top: 20px; justify-content: center; align-items: center; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after { top: unset; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 100%; display: flex; justify-content: center; align-items: center; } #ays-chart-black-friday-bundle-dicount-month-main .ays-button{ margin: 0 auto !important; } div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info.notice { background-position: bottom right; background-repeat: no-repeat; background-size: cover; border-radius: 10px; } #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button { padding-left: unset !important; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { justify-content: center; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { font-size: 14px; padding: 5px 10px; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-buy-now-opacity-button { display: none; } #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dismiss-buttons-container-for-form{ position: static !important; } .comparison .product img { width: 70px; } .ays-chart-features-wrap .comparison a.price-buy{ padding: 8px 5px; font-size: 11px; } } @media screen and (max-width: 1305px) and (min-width: 768px){ div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info.notice { background-position: bottom right; background-repeat: no-repeat; background-size: cover; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong { font-size: 15px; } #ays-chart-countdown-main-container li { font-size: 11px; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box { display: none; } } @media screen and (max-width: 1680px) and (min-width: 1551px){ div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { width: 29%; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 30%; } } @media screen and (max-width: 1550px) and (min-width: 1400px){ div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { width: 31%; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 35%; } } @media screen and (max-width: 1400px) and (min-width: 1200px){ div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 35%; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { width: 40%; } div#ays-chart-countdown-main-container li span { font-size: 30px; min-height: 50px; min-width: 50px; } } @media screen and (max-width: 1200px) and (min-width: 769px){ div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 45%; } div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { width: 35%; } div#ays-chart-countdown-main-container li span { font-size: 30px; min-height: 50px; min-width: 50px; } } */ /* Black friday banner 2024 end */ /* Christmas banner 2024 start */ /* div#ays-chart-christmas-top-bundle-dicount-month-main { border: 0; background: #FFF; border-radius: 20px; box-shadow: unset; position: relative; z-index: 1; min-height: 80px; } div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info button { display: flex; align-items: center; } div#ays-chart-christmas-top-bundle-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus { outline: none; box-shadow: 0; } div#ays-chart-christmas-top-bundle-dicount-month-main .btn-link { font-weight: 400; color: #007bff; background-color: transparent; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem } div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info { background-image: url("../images/ays-chart-popup-banner-christmas-bg-image.svg"); background-position: center right; background-repeat: no-repeat; background-size: cover; background-color: #F6ECE3; } #ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month { display: flex; align-items: center; justify-content: space-between; color: #A42F29; } #ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month img { width: 80px; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-sale-banner-link { display: flex; justify-content: center; align-items: center; width: 200px; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box { font-size:14px; padding:12px; text-align: center; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { text-align: left; width: 30%; display: flex; justify-content: space-around; align-items: flex-start; text-align: center; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 30%; display: flex; justify-content: center; align-items: center; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box { width: 20%; display: flex; justify-content: center; align-items: center; flex-direction: column; } #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 { display: inline-block; color: #FDFDFD; font-style: normal; font-weight: 600; line-height: normal; } #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 { font-style: normal; font-weight: 700; font-size: 32px; line-height: 39px; text-align: center; text-transform: uppercase; letter-spacing: 0.13em; color: #A42F29; } #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 { display: inline-block; font-style: normal; font-weight: 700; font-size: 32px; line-height: normal; text-align: center; letter-spacing: 0.13em; color: #A42F29; text-transform: uppercase; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-coupon-row { box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px; font-size: 22px; background: #FCFAF8; border: 2px dotted #A42F29; border-radius: 25px; margin-bottom: 5px; font-weight: 700; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-text-row { font-weight: 500; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong { font-size: 17px; font-weight: bold; letter-spacing: 0.80px; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-color { color: #971821; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-text-decoration { text-decoration: underline; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { display: flex; justify-content: flex-end; align-items: center; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { width: 30%; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-button, #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { align-items: center; font-weight: 500; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { background: #971821; border-color: #fff; display: flex; justify-content: center; align-items: center; padding: 5px 15px; font-size: 16px; border-radius: 5px; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover { background: #7d161d; border-color: #971821; } #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content{ display: flex; justify-content: center; } #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{ margin: 0 !important; font-size: 13px; font-size: 13px; color: #A42F29; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box { width: 19%; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-buy-now-opacity-button { padding: 40px 15px; display: flex; justify-content: center; align-items: center; opacity: 0; } #ays-chart-countdown-main-container .ays-chart-countdown-container { margin: 0 auto; text-align: center; font-weight: 500; } #ays-chart-countdown-main-container #ays-chart-countdown-headline { font-weight: normal; letter-spacing: .125rem; text-transform: uppercase; font-weight: bolder; font-size: 18px; font-weight: 400; margin: 0; padding: 9px 0 4px 0; line-height: 1.3; } #ays-chart-countdown-main-container li, #ays-chart-countdown-main-container ul { margin: 0; } #ays-chart-countdown-main-container li { display: inline-block; font-size: 14px; list-style-type: none; padding: 14px; text-transform: lowercase; } #ays-chart-countdown-main-container li span { display: flex; justify-content: center; align-items: center; font-size: 30px; min-height: 50px; min-width: 50px; background: #FFFFFF; border: 1px solid #A42F29; border-radius: 4px; box-shadow: 0px 1px 1px #A42F29; } #ays-chart-countdown-main-container .emoji { display: none; padding: 1rem; } #ays-chart-countdown-main-container .emoji span { font-size: 30px; padding: 0 .5rem; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li { position: relative; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after { content: ":"; color: #A42F29; position: absolute; top: 10px; right: -5px; font-size: 40px; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after { content: unset; } #ays-chart-christmas-top-bundle-dicount-month-main #ays-button-top-buy-now { display: flex; align-items: center; padding: 12px 32px; color: #FFF; font-size: 15px; font-style: normal; line-height: normal; margin: 0 !important; background: #A42F29; border: 1px solid #A42F29; box-shadow: 0px 0px 4px #A42F29; border-radius: 4px; transition: all 0.3s; } #ays-chart-christmas-top-bundle-dicount-month-main #ays-button-top-buy-now:hover { background-color: #FF7F66; border: 1px solid #fff; } div#ays-chart-christmas-top-bundle-dicount-month-main button.notice-dismiss:before{ color: #A42F29; content: "\f00d"; font-family: fontawesome; font-size: 22px; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-guaranteeicon { width: 30px; margin-right: 5px; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-one-time-text { color: #A42F29; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; } @media all and (max-width: 768px) { div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-coupon-row { max-width: 50%; margin: 0 auto; } div#ays-chart-christmas-top-bundle-dicount-month-main { padding-right: 0; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month{ display: flex; align-items: center; justify-content: space-between; align-content: center; flex-wrap: wrap; flex-direction: column; padding: 10px 0; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box { width: 100% !important; text-align: center; } #ays-chart-countdown-main-container #ays-chart-countdown-headline { font-size: 15px; font-weight: 600; } #ays-chart-countdown-main-container ul { font-weight: 500; } #ays-chart-countdown-main-container li span { font-size: 35px; min-height: 57px; min-width: 55px; } div#ays-chart-countdown-main-container li { padding: 10px; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-mobile-image-display-none { display: none !important; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-mobile-image-display-block { display: block !important; margin-top: 5px; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { width: 100% !important; text-align: center; flex-direction: column; margin-top: 20px; justify-content: center; align-items: center; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after { top: unset; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 100%; display: flex; justify-content: center; align-items: center; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-button{ margin: 0 auto !important; } div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info.notice { background-position: bottom right; background-repeat: no-repeat; background-size: cover; border-radius: 10px; } #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button { padding-left: unset !important; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { justify-content: center; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { font-size: 14px; padding: 5px 10px; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-buy-now-opacity-button { display: none; } #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dismiss-buttons-container-for-form{ position: static !important; } .comparison .product img { width: 70px; } .ays-chart-features-wrap .comparison a.price-buy{ padding: 8px 5px; font-size: 11px; } } @media screen and (max-width: 1305px) and (min-width: 768px){ div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info.notice { background-position: bottom right; background-repeat: no-repeat; background-size: cover; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong { font-size: 15px; } #ays-chart-countdown-main-container li { font-size: 11px; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box { display: none; } } @media screen and (max-width: 1680px) and (min-width: 1551px){ div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { width: 29%; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 30%; } } @media screen and (max-width: 1550px) and (min-width: 1400px){ div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { width: 31%; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 35%; } } @media screen and (max-width: 1400px) and (min-width: 1200px){ div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 35%; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { width: 40%; } div#ays-chart-countdown-main-container li span { font-size: 30px; min-height: 50px; min-width: 50px; } } @media screen and (max-width: 1200px) and (min-width: 769px){ div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { width: 45%; } div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { width: 35%; } div#ays-chart-countdown-main-container li span { font-size: 30px; min-height: 50px; min-width: 50px; } } @media screen and (max-width: 1200px) and (max-width: 1200px){ div#ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month { flex-wrap: wrap; justify-content: space-around; } } */ /* Christmas banner 2024 end */ /* chatgpt Footer Sale Banner 20% 2026 | Start */ @keyframes ays-pro-slide-up { 0% { opacity: 0; transform: translateY(24px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes ays-pro-slide-down { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(24px); } } .ays-chart-footer-banner-bottom-banner-wrapper { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; padding: 0 16px 28px; text-align: center; animation: 0.45s cubic-bezier(0.16, 1, 0.3, 1) forwards ays-pro-slide-up; } .ays-chart-footer-banner-bottom-banner-wrapper.ays-pro-banner-closing { animation: 0.32s cubic-bezier(0.16, 1, 0.3, 1) forwards ays-pro-slide-down; } .ays-chart-footer-banner-bottom-banner-container { display: inline-block; max-width: 100%; border-radius: 16px; background: linear-gradient(90deg, #2f6bff 0, #3e7bff 100%); box-shadow: 0 20px 40px -15px rgba(47, 107, 255, 0.55), 0 8px 20px -10px rgba(47, 107, 255, 0.35); overflow: hidden; } .ays-chart-footer-banner-bottom-banner-content, .ays-chart-footer-banner-bottom-banner-inner, .ays-chart-footer-banner-bottom-banner-left, .ays-chart-footer-banner-bottom-banner-code { display: flex; align-items: center; } .ays-chart-footer-banner-bottom-banner-inner { gap: 16px; padding: 8px 14px 8px 10px; color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; } .ays-chart-footer-banner-bottom-banner-left { gap: 14px; } .ays-chart-footer-banner-bottom-banner-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); color: #fff; } .ays-chart-footer-banner-bottom-banner-icon svg { width: 24px; height: 24px; } .ays-chart-footer-banner-bottom-banner-title, .ays-chart-footer-banner-bottom-banner-discount { font-size: 17px; font-weight: 600; line-height: 1.25; letter-spacing: 0; white-space: nowrap; color: #fff; } .ays-chart-footer-banner-bottom-banner-separator { display: block; width: 1px; height: 24px; background: rgba(255, 255, 255, 0.4); } .ays-chart-footer-banner-bottom-banner-code { gap: 6px; border: 1px dashed rgba(255, 255, 255, 0.7); border-radius: 999px; padding: 6px 9px; color: #fff; cursor: pointer; transition: background-color 0.15s, border-color 0.15s; } .ays-chart-footer-banner-bottom-banner-code:hover { background: rgba(255, 255, 255, 0.1); border-color: #fff; } .ays-chart-footer-banner-bottom-banner-code > svg, .ays-chart-footer-banner-bottom-banner-code button svg { width: 16px; height: 16px; } .ays-chart-footer-banner-bottom-banner-code span { font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: 0.05em; color: #fff; } .ays-chart-footer-banner-bottom-banner-copy, .ays-chart-footer-banner-bottom-banner-close { display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; background: transparent; border: 0; color: rgba(255, 255, 255, 0.9); cursor: pointer; box-shadow: none; transition: color 0.15s, background-color 0.15s; } .ays-chart-footer-banner-bottom-banner-copy:hover, .ays-chart-footer-banner-bottom-banner-close:hover { color: #fff; background: transparent; } .ays-chart-footer-banner-bottom-banner-wrapper .ays-chart-footer-banner-bottom-banner-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 20px; border: 0; border-radius: 999px; background: #fff; color: #2f6bff; font-size: 15px; font-weight: 600; line-height: 1; white-space: nowrap; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); transition: background-color 0.15s, transform 0.15s; } .ays-chart-footer-banner-bottom-banner-wrapper .ays-chart-footer-banner-bottom-banner-cta:hover { background: rgba(255, 255, 255, 0.95); color: #2f6bff; transform: translateY(-1px); } .ays-chart-footer-banner-bottom-banner-close { width: 22px; height: 22px; margin-left: 2px; } .ays-chart-footer-banner-bottom-banner-close svg { width: 20px; height: 20px; } .ays-chart-footer-banner-copy-notification { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.8); color: #fff; padding: 12px 24px; border-radius: 8px; font-size: 14px; z-index: 10000; opacity: 0; transition: opacity 0.3s; } .ays-chart-footer-banner-copy-notification.show { opacity: 1; } @media (max-width: 768px) { .ays-chart-footer-banner-bottom-banner-wrapper { display: none; } } /* chatgpt Footer Sale Banner 20% 2026 | End */ /* Back to School Sale Banner 2026 | Start */ #ays-chart-back-to-school-banner-2026 { box-sizing:border-box; position:relative; isolation:isolate; width:calc(100% - 20px); max-width:none; min-height:112px; margin:20px 20px 16px 0; padding:0 38px; overflow:hidden; border:1px solid #e8dcc9; border-left-width:1px; border-radius:12px; background-color:#fffdf8; background-image:radial-gradient(circle at 1px 1px,rgba(91,72,45,.09) 1px,transparent 1px),radial-gradient(120% 140% at 0 0,rgba(20,75,220,.07),transparent 55%),radial-gradient(120% 140% at 100% 100%,rgba(126,34,206,.09),transparent 55%); background-size:6px 6px,100% 100%,100% 100%; box-shadow:0 10px 30px -18px rgba(76,45,140,.55); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif } .ays-chart-bts-content { position:relative; z-index:2; display:flex; min-height:110px; align-items:center; justify-content:space-between; gap:28px } .ays-chart-bts-offer,.ays-chart-bts-actions { display:flex; align-items:center } .ays-chart-bts-offer { min-width:0; gap:9px } .ays-chart-bts-handwritten { width:280px; max-width:23vw; height:auto; color:#0755df; overflow:visible; flex:0 1 auto } .ays-chart-bts-dot { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#ffc51b; align-self:flex-start; margin-top:27px } .ays-chart-bts-discount { color:#8127df; font-size:38px; font-weight:800; line-height:1; letter-spacing:-1.2px; white-space:nowrap } .ays-chart-bts-actions { flex:0 0 auto; gap:12px } .ays-chart-bts-use-code { color:#5f5b69; font-size:11px; font-weight:600; line-height:1; text-transform:uppercase; letter-spacing:.14em; white-space:nowrap } .ays-chart-bts-coupon { box-sizing:border-box; display:flex; min-height:50px; align-items:center; gap:12px; padding:8px 14px; border:2px dashed rgba(129,39,223,.5); border-radius:10px; background:#fff; color:#1147c8; cursor:pointer; box-shadow:none } .ays-chart-bts-coupon:hover,.ays-chart-bts-coupon:focus { border-color:#8127df; background:rgba(129,39,223,.05); color:#1147c8 } .ays-chart-bts-coupon span { font-size:19px; font-weight:700; letter-spacing:.04em } .ays-chart-bts-coupon svg { width:16px; height:16px; color:#8127df } .ays-chart-bts-cta { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:0 27px; border-radius:9px; background:linear-gradient(90deg,#1249e7,#8127df); color:#fff!important; font-size:16px; font-weight:700; text-decoration:none!important; white-space:nowrap; box-shadow:0 8px 18px -8px rgba(91,37,194,.9); transition:transform .15s,box-shadow .15s } .ays-chart-bts-cta:hover,.ays-chart-bts-cta:focus { color:#fff; transform:translateY(-1px); box-shadow:0 10px 20px -8px rgba(91,37,194,.95) } .ays-chart-bts-decoration { position:absolute; z-index:1; pointer-events:none } .ays-chart-bts-plane { top:8px; left:12px; width:24px; color:rgba(129,39,223,.55) } .ays-chart-bts-ruler { bottom:7px; left:24px; width:36px; color:rgba(20,73,230,.35) } .ays-chart-bts-star { top:8px; right:14px; width:19px; color:#ffc51b } .ays-chart-bts-pencil { right:31px; bottom:7px; width:21px; color:rgba(129,39,223,.5); transform:rotate(-12deg) } .ays-chart-bts-wave { bottom:3px; left:50%; width:96px; color:rgba(20,73,230,.22); transform:translateX(-50%) } #ays-chart-back-to-school-banner-2026 .notice-dismiss { top:1px; right:1px; color:#756b82 } #ays-chart-back-to-school-banner-2026 .notice-dismiss:before { font-size:18px } .ays-chart-bts-dismiss { position:absolute; right:39px; bottom:0; z-index:3 } .ays-chart-bts-dismiss form { margin:0 } .ays-chart-bts-dismiss #ays-chart-dismiss-buttons-content .ays-button { height:22px!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; color:#777!important; font-size:10px!important; line-height:22px!important; text-decoration:underline; box-shadow:none!important } .ays-chart-bts-copy-notification { position:fixed; top:50%; left:50%; z-index:10000; transform:translate(-50%,-50%); padding:12px 24px; border-radius:8px; background:rgba(0,0,0,.82); color:#fff; font-size:14px; opacity:0; transition:opacity .25s } .ays-chart-bts-copy-notification.ays-chart-bts-show { opacity:1 } @media screen and (max-width:1200px) { .ays-chart-bts-content { gap:18px } .ays-chart-bts-handwritten { width:225px } .ays-chart-bts-discount { font-size:31px } .ays-chart-bts-actions { gap:8px } .ays-chart-bts-coupon { min-height:44px; padding:7px 10px } .ays-chart-bts-cta { min-height:44px; padding:0 18px; font-size:14px } } @media screen and (max-width:960px) { #ays-chart-back-to-school-banner-2026 { padding:15px 38px 20px } .ays-chart-bts-content { min-height:90px; flex-wrap:wrap; justify-content:center; gap:12px 24px } .ays-chart-bts-handwritten { max-width:none } .ays-chart-bts-actions { justify-content:center } .ays-chart-bts-dismiss { right:38px } } @media screen and (max-width:600px) { #ays-chart-back-to-school-banner-2026 { width:calc(100% - 20px); margin-right:10px; padding:18px 30px 23px 18px } .ays-chart-bts-content { flex-direction:column } .ays-chart-bts-offer { flex-wrap:wrap; justify-content:center } .ays-chart-bts-handwritten { width:210px } .ays-chart-bts-discount { font-size:28px } .ays-chart-bts-actions { flex-wrap:wrap } .ays-chart-bts-use-code { width:100%; text-align:center } .ays-chart-bts-coupon { min-height:40px } .ays-chart-bts-coupon span { font-size:16px } .ays-chart-bts-cta { min-height:40px } .ays-chart-bts-plane,.ays-chart-bts-ruler,.ays-chart-bts-pencil,.ays-chart-bts-wave { display:none } .ays-chart-bts-dismiss { right:30px } } /* Back to School Sale Banner 2026 | End */