:root {
		--clr__bg-banner: #020d18;
		--clr__txt-banner: #ffffff;
		--img__bg--left: url("https://static-gcp.freepikcompany.com/flaticon/fresh-start-2023/img/banners/left.png");
		--img__bg--right: url("https://static-gcp.freepikcompany.com/flaticon/fresh-start-2023/img/banners/right.png");
		--img__bg-landing--left: url("https://static-gcp.freepikcompany.com/flaticon/fresh-start-2023/img/landing/left.png");
		--img__bg-landing--right: url("https://static-gcp.freepikcompany.com/flaticon/fresh-start-2023/img/landing/right.png");
		--clr__txt-button: #020d18;
		--clr__bg-button: #fca120;
		--clr__txt-button--hover: #020d18;
		--clr__bg-button--hover: #f69110;
		--clr__bg-button--shadow: none;
		--rad__button: 8px;
		--clr__title: #ffffff;
		--clr__title--strong: #fca120;
		--clr__txt: #ffffff;
		--clr__txt--price: #ffffff;
		--clr__txt--strong: #fca120;
		--clr__bg-countdown: rgba(255, 255, 255, 0.1);
		--clr__txt-countdown: #ffffff;
		--clr__bg-close: #020d18;
		--clr__border-close: #555e67;
		--clr__txt-close: #ffffff;
}

.banner-campaign {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-line-pack: center;
		    align-content: center;
		color: var(--clr__txt-banner);
		background: var(--clr__bg-banner);
		overflow: hidden;
		height: 100%;
		padding: 0;
		z-index: 2;
}
.banner-campaign h4,
.banner-campaign h5,
.banner-campaign h6 {
		font-size: inherit;
		font-weight: inherit;
		line-height: inherit;
		margin: 0;
		padding: 0;
		color: inherit;
}
.banner-campaign.animation--fade-in {
		opacity: 1;
}
.banner-campaign .notification__content {
		height: 100%;
		width: 100%;
		margin: auto;
		padding: 0 57px 0 20px;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		position: relative;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-transition: 250ms linear;
		transition: 250ms linear;
}
@media screen and (min-width: 640px) {
		.banner-campaign .notification__content {
				padding: 0;
				margin: 0 20px;
				margin: 0 47px;
				width: auto;
		}
}
@media screen and (min-width: 1096px) {
		.banner-campaign .notification__content {
				margin: 0 40px;
				margin: 0 57px;
		}
}
@media screen and (min-width: 2110px) {
		.banner-campaign .notification__content {
				width: calc(100vw - 1120px);
				padding: 0;
		}
}
.banner-campaign .notification__close {
		width: 32px;
		min-width: 32px;
		height: 32px;
		line-height: 32px;
		padding: 0;
		color: var(--clr__txt-close);
		background: var(--clr__bg-close) !important;
		border: 2px solid var(--clr__border-close, --clr__bg-close);
		z-index: 1;
}
.banner-campaign .notification__close:hover {
		background: var(--clr__bg-close) !important;
}
.banner-campaign .notification__close i {
		width: 28px;
		height: 28px;
		padding: 0;
}
.banner-campaign .notification__close i::before {
		font-family: bobjoll;
		font-style: normal;
		height: 28px;
		display: block;
		line-height: 28px;
		font-weight: bold;
		font-size: 12px;
}
.banner-campaign__container {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		margin: 0;
		gap: 20px;
}
.banner-campaign__container > div {
		padding: 0;
}
@media screen and (min-width: 640px) {
		.banner-campaign__container {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
		}
}
@media screen and (min-width: 1096px) {
		.banner-campaign__container {
				gap: 40px;
		}
}
@media screen and (min-width: 1440px) {
		.banner-campaign__container {
				min-width: 990px;
		}
}
.banner-campaign .image, .banner-campaign__claim, .banner-campaign__text-annual, .banner-campaign__countdown, .banner-campaign__data-monthly, .banner-campaign__text-upgrade {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		-webkit-transition: 250ms linear;
		transition: 250ms linear;
}
.banner-campaign .icon {
		width: 24px;
		height: 24px;
		overflow: hidden;
		display: inline-block;
		vertical-align: baseline;
		margin: 0 2px -3px;
}
.banner-campaign .icon img {
		width: 100%;
		height: auto;
}
.banner-campaign__button {
		-webkit-box-flex: 0 !important;
		    -ms-flex: 0 !important;
		        flex: 0 !important;
}
.banner-campaign__button .bj-button,
.banner-campaign__button .bj-button--responsive {
		background: var(--clr__bg-button);
		color: var(--clr__txt-button);
		position: relative;
		display: inline-block;
		border: none;
		border-radius: var(--rad__button, 8px);
		-webkit-box-shadow: var(--clr__bg-button--shadow, none);
		        box-shadow: var(--clr__bg-button--shadow, none);
		text-align: center;
		font-weight: bold;
		font-weight: 600;
		text-decoration: none;
		cursor: pointer;
		-webkit-transition: 250ms linear;
		transition: 250ms linear;
		padding: 0 20px;
		min-width: 34px;
		height: 34px;
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 34px;
		line-height: 242.8571428571%;
		white-space: nowrap;
}
.banner-campaign__button .bj-button:hover,
.banner-campaign__button .bj-button--responsive:hover {
		background: var(--clr__bg-button--hover);
		color: var(--clr__txt-button--hover);
}
@media screen and (min-width: 992px) {
		.banner-campaign__button .bj-button,
.banner-campaign__button .bj-button--responsive {
				padding: 0 30px;
				min-width: 44px;
				height: 44px;
				font-size: 16px;
				font-size: 1rem;
				line-height: 44px;
				line-height: 275%;
		}
}
.banner-campaign__button .bj-button {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		-webkit-transition: 250ms linear;
		transition: 250ms linear;
}
@media screen and (min-width: 640px) {
		.banner-campaign__button .bj-button {
				display: block !important;
				visibility: visible !important;
				opacity: 1 !important;
				-webkit-transition: 250ms linear;
				transition: 250ms linear;
		}
		.banner-campaign__button .bj-button--responsive {
				display: none !important;
				visibility: hidden !important;
				opacity: 0 !important;
				-webkit-transition: 250ms linear;
				transition: 250ms linear;
		}
}
.banner-campaign .image {
		width: 560px;
		height: 140px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		background: none no-repeat scroll center transparent;
		background-size: cover;
}
.banner-campaign .image.left {
		right: calc(100% + 20px);
		background-position-x: right;
		background-image: var(--img__bg--left, none);
}
.banner-campaign .image.right {
		left: calc(100% + 20px);
		background-position-x: left;
		background-image: var(--img__bg--right, none);
}
@media screen and (min-width: 480px) {
		.banner-campaign .image {
				display: block !important;
				visibility: visible !important;
				opacity: 1 !important;
				-webkit-transition: 250ms linear;
				transition: 250ms linear;
		}
}
@media screen and (min-width: 1024px) {
		.banner-campaign__claim {
				display: block !important;
				visibility: visible !important;
				opacity: 1 !important;
				-webkit-transition: 250ms linear;
				transition: 250ms linear;
		}
}
.banner-campaign__title,
.banner-campaign__title h5 {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 26px;
		line-height: 144.4444444444%;
		color: var(--clr__title);
		font-style: normal;
		font-weight: bold;
		font-weight: 700;
		text-align: center;
}
.banner-campaign__title b,
.banner-campaign__title strong,
.banner-campaign__title h5 b,
.banner-campaign__title h5 strong {
		color: var(--clr__title--strong);
}
.banner-campaign__data-annual {
		-webkit-box-flex: 0;
		    -ms-flex: 0 auto;
		        flex: 0 auto;
		width: auto;
		max-width: 50%;
}
@media screen and (min-width: 480px) {
		.banner-campaign__data-annual {
				max-width: none;
		}
}
.banner-campaign__text-annual--responsive, .banner-campaign__text-upgrade--responsive {
		font-weight: bold;
		font-weight: 700;
		text-align: center;
}
.banner-campaign__text-annual--responsive,
.banner-campaign__text-annual--responsive h6, .banner-campaign__text-upgrade--responsive,
.banner-campaign__text-upgrade--responsive h6 {
		color: var(--clr__text);
}
.banner-campaign__text-annual--responsive b,
.banner-campaign__text-annual--responsive strong, .banner-campaign__text-upgrade--responsive b,
.banner-campaign__text-upgrade--responsive strong {
		color: var(--clr__txt--strong);
}
.banner-campaign__text-annual--responsive h6 > span, .banner-campaign__text-upgrade--responsive h6 > span {
		display: inline-block;
}
.banner-campaign__text-annual--responsive,
.banner-campaign__text-annual--responsive h6, .banner-campaign__text-upgrade--responsive,
.banner-campaign__text-upgrade--responsive h6 {
		font-size: 16px;
		font-size: 1rem;
		line-height: 24px;
		line-height: 150%;
}
.banner-campaign__text-annual--responsive strong, .banner-campaign__text-upgrade--responsive strong {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 24px;
		line-height: 133.3333333333%;
}
.banner-campaign__text-annual--responsive strong small, .banner-campaign__text-upgrade--responsive strong small {
		font-size: 16px;
		font-size: 1rem;
		line-height: 24px;
		line-height: 150%;
}
@media screen and (min-width: 768px) {
		.banner-campaign__text-annual--responsive, .banner-campaign__text-upgrade--responsive {
				display: none !important;
				visibility: hidden !important;
				opacity: 0 !important;
				-webkit-transition: 250ms linear;
				transition: 250ms linear;
		}
}
.banner-campaign__text-annual, .banner-campaign__text-monthly, .banner-campaign__text-upgrade {
		color: var(--clr__text);
		font-weight: bold;
		font-weight: 700;
		text-align: center;
}
.banner-campaign__text-annual,
.banner-campaign__text-annual h6, .banner-campaign__text-monthly,
.banner-campaign__text-monthly h6, .banner-campaign__text-upgrade,
.banner-campaign__text-upgrade h6 {
		color: var(--clr__txt);
}
.banner-campaign__text-annual b,
.banner-campaign__text-annual strong, .banner-campaign__text-monthly b,
.banner-campaign__text-monthly strong, .banner-campaign__text-upgrade b,
.banner-campaign__text-upgrade strong {
		color: var(--clr__txt--strong);
}
.banner-campaign__text-annual,
.banner-campaign__text-annual h6, .banner-campaign__text-monthly,
.banner-campaign__text-monthly h6, .banner-campaign__text-upgrade,
.banner-campaign__text-upgrade h6 {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 26px;
		line-height: 144.4444444444%;
}
.banner-campaign__text-annual strong, .banner-campaign__text-monthly strong, .banner-campaign__text-upgrade strong {
		font-size: 22px;
		font-size: 1.375rem;
		line-height: 26px;
		line-height: 118.1818181818%;
}
.banner-campaign__text-annual strong small, .banner-campaign__text-monthly strong small, .banner-campaign__text-upgrade strong small {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 26px;
		line-height: 144.4444444444%;
}
.banner-campaign__text-annual s, .banner-campaign__text-monthly s, .banner-campaign__text-upgrade s {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 26px;
		line-height: 144.4444444444%;
		font-weight: normal;
		font-weight: 400;
}
@media screen and (min-width: 768px) {
		.banner-campaign__text-annual, .banner-campaign__text-monthly, .banner-campaign__text-upgrade {
				display: block !important;
				visibility: visible !important;
				opacity: 1 !important;
				-webkit-transition: 250ms linear;
				transition: 250ms linear;
		}
}
.banner-campaign__data-monthly {
		padding-left: 12px !important;
		margin-left: -28px;
		border-left: 1px solid var(--clr__txt);
}
@media screen and (min-width: 1400px) {
		.banner-campaign__data-monthly {
				display: block !important;
				visibility: visible !important;
				opacity: 1 !important;
				-webkit-transition: 250ms linear;
				transition: 250ms linear;
		}
}
.banner-campaign__upgrade {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
}
.banner-campaign__text-expire {
		color: var(--clr__txt);
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 16px;
		line-height: 123.0769230769%;
		font-style: normal;
		font-weight: normal;
		font-weight: 500;
		text-align: left;
		margin-top: 4px;
		white-space: nowrap;
}
.banner-campaign__countdown {
		white-space: pre;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 25px;
		line-height: 178.5714285714%;
		font-weight: bold;
		font-weight: 700;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
}
.banner-campaign__countdown .text {
		margin: 0;
		white-space: pre;
		font-weight: bold;
		font-weight: 600;
		color: var(--clr__text);
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		-webkit-transition: 250ms linear;
		transition: 250ms linear;
}
@media screen and (min-width: 1024px) {
		.banner-campaign__countdown .text {
				display: block !important;
				visibility: visible !important;
				opacity: 1 !important;
				-webkit-transition: 250ms linear;
				transition: 250ms linear;
		}
}
.banner-campaign__countdown .countdown {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		white-space: nowrap;
		overflow: hidden;
		padding: 0 10px;
		margin: 0;
		height: 25px;
		width: 90px;
		border-radius: 4px;
		background-color: var(--clr__bg-countdown);
		color: var(--clr__txt-countdown);
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 25px;
		line-height: 178.5714285714%;
		font-weight: bold;
		font-weight: 600;
}
.banner-campaign__countdown .countdown ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: baseline;
		    -ms-flex-align: baseline;
		        align-items: baseline;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 25px;
		line-height: 178.5714285714%;
}
.banner-campaign__countdown .countdown ul > li {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 25px;
		line-height: 178.5714285714%;
		font-weight: bold;
		font-weight: 600;
}
.banner-campaign__countdown .countdown ul > li:not(:last-child):after {
		content: ":";
		margin: 0 2px;
}
.banner-campaign__countdown .countdown li .countdown__value {
		font-size: inherit;
		font-weight: inherit;
}
.banner-campaign__countdown .countdown__description {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		-webkit-transition: 250ms linear;
		transition: 250ms linear;
}
@media screen and (min-width: 480px) {
		.banner-campaign__countdown {
				display: block !important;
				visibility: visible !important;
				opacity: 1 !important;
				-webkit-transition: 250ms linear;
				transition: 250ms linear;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
		}
}
@media screen and (min-width: 768px) {
		.banner-campaign__countdown {
				-ms-flex-wrap: nowrap;
				    flex-wrap: nowrap;
		}
}
.banner-campaign.banner-countdown .banner-campaign__text-annual--responsive h6,
.banner-campaign.banner-countdown .banner-campaign__text-upgrade--responsive h6 {
		display: grid;
		justify-items: center;
		-ms-flex-line-pack: center;
		    align-content: center;
		-webkit-box-align: baseline;
		    -ms-flex-align: baseline;
		        align-items: baseline;
}
@media screen and (min-width: 640px) {
		.banner-campaign.banner-countdown .banner-campaign__text-annual--responsive h6,
.banner-campaign.banner-countdown .banner-campaign__text-upgrade--responsive h6 {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				margin: 0 -5px 0 0;
		}
		.banner-campaign.banner-countdown .banner-campaign__text-annual--responsive h6 strong,
.banner-campaign.banner-countdown .banner-campaign__text-upgrade--responsive h6 strong {
				padding: 0 5px;
		}
}
.banner-campaign.banner-countdown .banner-campaign__text-upgrade h6 {
		display: grid;
		justify-items: center;
		-ms-flex-line-pack: center;
		    align-content: center;
		-webkit-box-align: baseline;
		    -ms-flex-align: baseline;
		        align-items: baseline;
}
@media screen and (min-width: 1096px) {
		.banner-campaign.banner-countdown .banner-campaign__text-upgrade h6 {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				margin: 0 -6px 0 0;
		}
		.banner-campaign.banner-countdown .banner-campaign__text-upgrade h6 strong {
				padding: 0 6px;
		}
}
@media screen and (min-width: 480px) {
		.banner-campaign.banner-countdown .banner-campaign__upgrade-countdown {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
		.banner-campaign.banner-countdown .banner-campaign__upgrade-countdown .banner-campaign__countdown {
				margin-left: 20px;
		}
}
@media screen and (min-width: 480px) and (min-width: 1024px) {
		.banner-campaign.banner-countdown .banner-campaign__upgrade-countdown .banner-campaign__countdown {
				margin-left: 40px;
		}
}

@media screen and (min-width: 2110px) {
		#banner-guest.banner-campaign.banner-one-price .notification__content {
				width: calc(100vw - 1120px);
				padding: 0;
		}
}
@media screen and (min-width: 1440px) {
		#banner-guest.banner-campaign.banner-one-price .notification__content .banner-campaign__container {
				min-width: 990px;
		}
}
@media screen and (min-width: 2336px) {
		#banner-guest.banner-campaign.banner-two-prices .notification__content {
				width: calc(100vw - 1120px);
				padding: 0;
		}
}
@media screen and (min-width: 1440px) {
		#banner-guest.banner-campaign.banner-two-prices .notification__content .banner-campaign__container {
				min-width: 1216px;
		}
}

@media screen and (min-width: 1885px) {
		#banner-guest-countdown.banner-campaign.banner-countdown.banner-one-price .notification__content {
				width: calc(100vw - 1120px);
				padding: 0;
		}
}
@media screen and (min-width: 1440px) {
		#banner-guest-countdown.banner-campaign.banner-countdown.banner-one-price .notification__content .banner-campaign__container {
				min-width: 765px;
		}
}
@media screen and (min-width: 2195px) {
		#banner-guest-countdown.banner-campaign.banner-countdown.banner-two-prices .notification__content {
				width: calc(100vw - 1120px);
				padding: 0;
		}
}
@media screen and (min-width: 1440px) {
		#banner-guest-countdown.banner-campaign.banner-countdown.banner-two-prices .notification__content .banner-campaign__container {
				min-width: 1075px;
		}
}

@media screen and (min-width: 2039px) {
		#banner-upgrade.banner-campaign .notification__content {
				width: calc(100vw - 1120px);
		}
}
@media screen and (min-width: 1440px) {
		#banner-upgrade.banner-campaign .notification__content .banner-campaign__container {
				min-width: 919px;
		}
}

@media screen and (min-width: 1997px) {
		#banner-upgrade-countdown.banner-campaign .notification__content {
				width: calc(100vw - 1120px);
				padding: 0;
		}
}
@media screen and (min-width: 1440px) {
		#banner-upgrade-countdown.banner-campaign .notification__content .banner-campaign__container {
				min-width: 877px;
		}
}