/* Applied-marker for the on-demand banner CSS loader. */
:root{
	--banner-css-sticky: 1;  /* prevents same file loads multiple times */
}

/* =============================== banner-sws-sticky ========================================= */

.banner-sws-sticky{
	position: sticky;
	left: 0;
	top: 0;
	right: 0;
	z-index: 3;
	background-color: #1CA2B8;
	text-align: center;
	color: white;
	font-size: 20px;
}
.admin-bar .banner-sws-sticky{
	top: 32px;
}
.test-section .banner-sws-sticky{
	position: initial;
}
.banner-sws-sticky .container{
	padding-top: 7px;
	padding-bottom: 7px;
}
.banner-sws-sticky .new{
	background-color: #FBB017;
	color: white;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	padding: 4px 7px;
	margin-right: 7px;
}
.banner-sws-sticky .button{
	margin-left: 20px;
	padding: 10px 21px;
	font-size: 16px;
	font-weight: bold;
}
.banner-sws-sticky .button span{
	transform: scale(2);
	display: inline-block;
	vertical-align: text-top;
	margin-left: 5px;
	font-weight: normal;
}
.banner-sws-sticky .button:hover{}


/* ============= banner-kaspersky-sticky ======================================== */

body.cookieWarning-active .banner-kaspersky-sticky {
	bottom: 79px;
}
.banner-kaspersky-sticky{
	position: sticky;
	left: 0;
	top: 0;
	right: 0;
	z-index: 3;
	background-color: #f6a504;
	text-align: center;
	color: white;
	font-size: 20px;
}
.admin-bar .banner-kaspersky-sticky{
	top: 32px;
}
.test-section .banner-kaspersky-sticky{
	position: initial;
}
.banner-kaspersky-sticky .container{
	padding-top: 7px;
	padding-bottom: 7px;
}
.banner-kaspersky-sticky .text{
	font-weight: bold;
}
.banner-kaspersky-sticky .button{
	background-color: #e05750;
	margin-left: 20px;
	padding: 10px 10px;
	font-size: 16px;
	font-weight: bold;
	min-width: 183px;
}
.banner-kaspersky-sticky .button:hover{
	background-color: #cc2c24;
}
.banner-kaspersky-sticky .button span{
	transform: scale(2);
	display: inline-block;
	vertical-align: text-top;
	margin-left: 5px;
	font-weight: normal;
}

/* =============================== banner-offer-bell ========================================= */

body.cookieWarning-active .offer-bell-parent {
	bottom: 79px;
}
.offer-bell-parent{
	position: sticky;
	z-index: 2;
	bottom: 0;
}
.banner-offer-bell .image{
	/* just register, dont remove */
	background-image: url('../../../images/banners/offer-2025-06-23/bell.svg');
}
.banner-offer-bell{
	height: 90px;
	background-color: #4BE075;
	box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.45);
	text-align: center;
	color: black;
	font-size: 25px;
}
.test-section .banner-offer-bell{
	position: initial;
}
.banner-offer-bell .container{
	position: relative;
	padding: 0px 38px 0px 0;
}
.banner-offer-bell .flex-container{
	height: 90px;
	flex-wrap: nowrap;
	margin: 0 -10px;
}
.banner-offer-bell .flex-container .item{
	margin: 0 10px;
}
.banner-offer-bell .flex-container .item.media{
	flex: none;
	width: 100px;
	display: flex;
	align-items: center;
}
.banner-offer-bell .item.text{
	width: 800px;
	display: flex;
	align-items: center;
	line-height: 1.2;
}
.banner-offer-bell .item.text span{
	display: inline-block;
	padding: 5px 5px 0 5px;
	vertical-align: sub;
	background-color: white;
	font-size: 35px;
	font-weight: bold;
	color: #F73500;
	line-height: 1;
}
.banner-offer-bell .item.buttons{
	width: 200px;
	display: flex;
	flex: none;
	align-items: center;
	justify-content: flex-end;
	padding-right: 10px;
}
.banner-offer-bell img{
	margin-left: 25px;
}
.banner-offer-bell .button.download{
	background-color: #E83F11;
	border: 1px solid #B40202;
	border-radius: 8px;
	margin: 0;
	padding: 14px 10px;
	font-size: 23px;
	font-weight: bold;
	min-width: 185px;
}
.banner-offer-bell .close{
	border: none;
	background: none;
	font-size: 22px;
	padding: 2px 6px;
	position: absolute;
	top: 3px;
	right: 3px;
	color: #777;
}
@media screen and (max-width: 900px) {
	.banner-offer-bell{
		display: none;
	}
	body.adrotate-sticky{
		margin-bottom: 0px;
	}
	body.cookieWarning-active.adrotate-sticky{
		margin-bottom: calc(80px);
	}
}

/* =============================== banner-offer-cube ========================================= */

body.cookieWarning-active .offer-cube-parent {
	bottom: 79px;
}
.offer-cube-parent{
	position: sticky;
	z-index: 2;
	bottom: 0;
}
.banner-sticky .image{
	/* just register, dont remove */
	background-image: url('../../../images/banners/offer-2025-06-23/cube.png');
}
.banner-offer-cube{
	height: 90px;
	background-color: #FFCB3E;
	box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.45);
	text-align: center;
	color: black;
	font-size: 25px;
}
.test-section .banner-offer-cube{
	position: initial;
}
.banner-offer-cube .container{
	position: relative;
	padding: 0px 38px 0px 0;
}
.banner-offer-cube .flex-container{
	height: 90px;
	flex-wrap: nowrap;
	margin: 0 -10px;
}
.banner-offer-cube .flex-container .item{
	margin: 0 10px;
}
.banner-offer-cube .flex-container .item.media{
	flex: none;
	width: 100px;
	display: flex;
	align-items: center;
}
.banner-offer-cube .item.text{
	width: 800px;
	display: flex;
	align-items: center;
	line-height: 1.2;
}
.banner-offer-cube .item.text span{
	display: inline-block;
	padding: 5px 5px 0 5px;
	vertical-align: sub;
	background-color: white;
	font-size: 35px;
	font-weight: bold;
	color: #F73500;
	line-height: 1;
}
.banner-offer-cube .item.buttons{
	width: 200px;
	display: flex;
	flex: none;
	align-items: center;
	justify-content: flex-end;
	padding-right: 10px;
}
.banner-offer-cube img{
	max-width: 68px;
	margin-left: 25px;
}
.banner-offer-cube .button.download{
	background-color: #E83F11;
	border: 1px solid #B40202;
	border-radius: 8px;
	margin: 0;
	padding: 14px 10px;
	font-size: 23px;
	font-weight: bold;
	min-width: 185px;
}
.banner-offer-cube .close{
	border: none;
	background: none;
	font-size: 22px;
	padding: 2px 6px;
	position: absolute;
	top: 3px;
	right: 3px;
	color: #777;
}
@media screen and (max-width: 900px) {
	.banner-offer-cube{
		display: none;
	}
	body.adrotate-sticky{
		margin-bottom: 0px;
	}
	body.cookieWarning-active.adrotate-sticky{
		margin-bottom: calc(80px);
	}
}


/* =============================== banner-offer-waves ========================================= */

body.cookieWarning-active .banner-sticky-waves {
	bottom: 79px;
}
.banner-sticky-waves{
	position: sticky;
	z-index: 2;
	bottom: 0;
}
.banner-offer-waves{
	height: 213px;
	background: #3A3065 url('../../../images/banners/offer-2025-06-23/waves.avif') no-repeat calc(50% + 383px) center;
	color: white;
	overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
	/* retina */
	.banner-offer-waves{
		background-image: url('../../../images/banners/offer-2025-06-23/waves@2x.avif');
		background-size: auto 213px;
	}
}
.banner-offer-waves .container{
	position: relative;
	display: flex;
	align-items: center;
	height: 213px;
	overflow: hidden;
	z-index: 0;
	padding: 0px 35px 0px 30px;
}
.banner-offer-waves .container > div{
	width: 100%;
}
.banner-offer-waves img{
	margin-bottom: 10px;
}
.banner-offer-waves h2{
	margin: 0 0 6px 0;
	font-size: 22px;
}
.banner-offer-waves p{
	margin: 0;
	font-size: 29px;
	line-height: 1.2;
}
.banner-offer-waves p span{
	color: #FFCB3E;
	font-weight: bold;
}
.banner-offer-waves .buttons{
	float: right;
	margin-top: -6px;
	margin-left: 20px;
}
.banner-offer-waves .button.download{
	background-color: #FD2D39;
	margin: 0;
	padding: 14px 10px;
	font-size: 23px;
	font-weight: bold;
	min-width: 205px;
}
.banner-offer-waves .close{
	border: none;
	background: none;
	font-size: 22px;
	padding: 2px 6px;
	position: absolute;
	top: 3px;
	right: 3px;
	color: #ddd;
}
@media screen and (max-width: 900px) {
	.banner-offer-waves{
		display: none;
	}
	body.adrotate-sticky{
		margin-bottom: 0px;
	}
	body.cookieWarning-active.adrotate-sticky{
		margin-bottom: calc(80px);
	}
}

/* =============================== banner-offer-shield ========================================= */

body.cookieWarning-active .banner-sticky-shield {
	bottom: 79px;
}
.banner-sticky-shield{
	position: sticky;
	z-index: 2;
	bottom: 0;
}
.banner-offer-shield{
	height: 213px;
	background: #5181ff url('../../../images/banners/offer-2025-06-23/shield.avif') no-repeat calc(50% + 50px) center;
	color: white;
	overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
	/* retina */
	.banner-offer-shield{
		background-image: url('../../../images/banners/offer-2025-06-23/shield@2x.avif');
		background-size: auto 213px;
	}
}
.banner-offer-shield .container{
	position: relative;
	display: flex;
	align-items: center;
	height: 213px;
	overflow: hidden;
	z-index: 0;
	padding: 0px 35px 0px 30px;
}
.banner-offer-shield .container > div{
	width: 100%;
}
.banner-offer-shield img{
	margin-bottom: 10px;
}
.banner-offer-shield h2{
	margin: 0 0 6px 0;
	font-size: 22px;
}
.banner-offer-shield p{
	margin: 0;
	font-size: 29px;
	line-height: 1.2;
}
.banner-offer-shield p span{
	color: #FFCB3E;
	font-weight: bold;
}
.banner-offer-shield .buttons{
	position: relative;
	float: right;
	margin-top: -6px;
	margin-left: 20px;
	z-index: 5;
}
.banner-offer-shield .button.download{
	background-color: #FD2D39;
	margin: 0;
	padding: 14px 10px;
	font-size: 23px;
	font-weight: bold;
	min-width: 205px;
}
.banner-offer-shield .close{
	border: none;
	background: none;
	font-size: 22px;
	padding: 2px 6px;
	position: absolute;
	top: 3px;
	right: 3px;
	color: #ddd;
}
@media screen and (max-width: 1230px) {
	.banner-offer-shield{
		background-position: calc(50% - 37px) center;
	}
	.banner-offer-shield p{
		max-width: 474px;
	}
}
@media screen and (max-width: 900px) {
	.banner-offer-shield{
		display: none;
	}
	body.adrotate-sticky{
		margin-bottom: 0px;
	}
	body.cookieWarning-active.adrotate-sticky{
		margin-bottom: calc(80px);
	}
}

/* =============================== banner-offer-pattern ========================================= */

body.cookieWarning-active .banner-sticky-pattern {
	bottom: 79px;
}
.banner-sticky-pattern{
	position: sticky;
	z-index: 2;
	bottom: 0;
}
.banner-offer-pattern{
	height: 213px;
	background: #252e3d url('../../../images/banners/offer-2025-06-23/pattern.avif') no-repeat calc(50% + 214px) center;
	color: white;
	overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
	/* retina */
	.banner-offer-pattern{
		background-image: url('../../../images/banners/offer-2025-06-23/pattern@2x.avif');
		background-size: auto 213px;
	}
}
.banner-offer-pattern .container{
	position: relative;
	display: flex;
	align-items: center;
	height: 213px;
	overflow: hidden;
	z-index: 0;
	padding: 0px 35px 0px 30px;
}
.banner-offer-pattern .container > div{
	width: 100%;
}
.banner-offer-pattern img{
	margin-bottom: 10px;
}
.banner-offer-pattern h2{
	margin: 0 0 6px 0;
	font-size: 22px;
}
.banner-offer-pattern p{
	margin: 0;
	font-size: 29px;
	line-height: 1.2;
}
.banner-offer-pattern p span{
	color: #FFCB3E;
	font-weight: bold;
}
.banner-offer-pattern .buttons{
	float: right;
	margin-top: -6px;
	margin-left: 20px;
}
.banner-offer-pattern .button.download{
	background-color: #FD2D39;
	margin: 0;
	padding: 14px 10px;
	font-size: 23px;
	font-weight: bold;
	min-width: 205px;
	border-radius: 999px;
}
.banner-offer-pattern .close{
	border: none;
	background: none;
	font-size: 22px;
	padding: 2px 6px;
	position: absolute;
	top: 3px;
	right: 3px;
	color: #ddd;
}
@media screen and (max-width: 900px) {
	.banner-offer-pattern{
		display: none;
	}
	body.adrotate-sticky{
		margin-bottom: 0px;
	}
	body.cookieWarning-active.adrotate-sticky{
		margin-bottom: calc(80px);
	}
}

/* =============================== banner-sh-demo1-sticky ========================================= */

.banner-sh-demo1-sticky{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 440px;
	max-width: 100%;
	z-index: 3;
	background-color: white;
	box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.45);
	border-top: 5px solid #3279F6;
	text-align: center;
	color: black;
	font-size: 17px;
}
body.cookieWarning-active .banner-sh-demo1-sticky{
	transform: translateY(-80px);
	margin: 15px;
}
.test-section .banner-sh-demo1-sticky{
	/* preview mode */
	position: unset;
	animation: none !important;
	opacity: 1 !important;
}
.banner-sh-demo1-sticky .container{
	padding: 20px;
}
.banner-sh-demo1-sticky h2{
	margin-top: 0;
	margin-right: 12px;
	font-size: 19px;
	font-family: Tahoma, Arial, Verdana;
}
.banner-sh-demo1-sticky p{
	text-align: left;
}
.banner-sh-demo1-sticky .button{
	padding: 12px 42px;
	font-size: 20px;
	font-weight: bold;
}
.banner-sh-demo1-sticky .close{
	border: none;
	background: none;
	font-size: 22px;
	padding: 2px 6px;
	position: absolute;
	top: 3px;
	right: 3px;
	color: #777;
}

/* --------------- v1 -------------- */

.banner-sh-demo1-sticky.v1{
	bottom: -100%;
	opacity:0;
	animation: shst1-animation 1s ease forwards;
	animation-delay: 3s;
}
.banner-sh-demo1-sticky.v1 h2{
	background: url('../../../images/banners/sticky/sh-demo/phone.svg') no-repeat left center;
	background-size: auto 40px;
	padding-left: 45px;
	min-height: 40px;
}
@keyframes shst1-animation {
	to{
		bottom: 0;
		opacity:1;
	}
}

/* --------------- v2 -------------- */

.banner-sh-demo1-sticky.v2{
	width: 320px;
	min-height: 300px;
	max-width: calc(100% - 40px);
	left: auto;
	right: 20px;
	bottom: 20px;
	border: none;

	opacity:0;
	animation: shst2-animation 1s ease forwards;
	animation-delay: 3s;
}
@keyframes shst2-animation {
	to{
		opacity:1;
	}
}

.banner-sh-demo1-sticky.v2 h2{
	font-size: 18px;
}
.banner-sh-demo1-sticky.v2 ul {
	list-style: none;
	padding: 0;
}
.banner-sh-demo1-sticky.v2 li {
	padding-left: 36px;
	position: relative;
	text-align: left;
	line-height: 1.3;
	margin: 16px 0;
	font-size: 16px;
}
.banner-sh-demo1-sticky.v2 li:before {
	position: absolute;
	content: '';
	left: 0;
	height: 25px;
	width: 25px;
	border-radius: 99px;
	color: white;
	background-color: #4dbf41;
}
.banner-sh-demo1-sticky.v2 li:after {
	position: absolute;
	content: '';
	left: 9px;
	top: 4px;
	transform: rotate(45deg);
	height: 13px;
	width: 8px;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
}
.banner-sh-demo1-sticky.v2 .button{
	padding: 15px 52px;
	width: 100%;
	background: linear-gradient(90deg, rgba(255, 121, 9, 1) 0%, rgba(252, 2, 254, 1) 100%);
	font-size: 18px;
}

/* =============================== banner-grab-deal ========================================= */

body.cookieWarning-active .banner-sticky-parent {
	bottom: 79px;
}
.banner-sticky-parent{
	position: sticky;
	z-index: 2;
	bottom: 0;
}
.banner-grab-deal{
	height: 80px;
	background-color: #faf3ea;
	box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.45);
	text-align: center;
	color: black;
	font-size: 20px;
}
.test-section .banner-grab-deal{
	position: initial;
}
.banner-grab-deal .container{
	position: relative;
	padding: 0px 38px 0px 0;
}
.banner-grab-deal .flex-container{
	height: 80px;
	margin: 0 -20px;
	flex-wrap: nowrap;
}
.banner-grab-deal .flex-container .item{
	margin-top: 10px;
	margin-bottom: 10px;
}
.banner-grab-deal .flex-container .item.media{
	flex: none;
	width: 220px;
	display: flex;
	align-items: center;
}
.banner-grab-deal .item.text{
	width: 500px;
	display: flex;
	align-items: center;
}
.banner-grab-deal .item.buttons{
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 15px;
}
.banner-grab-deal img{
	max-height: 28px;
	min-width: 242px;
	vertical-align: sub;
}
.banner-grab-deal .button.download{
	background-color: #E05750;
	margin: 0;
	padding: 10px 21px;
	font-size: 16px;
	font-weight: bold;
}
.banner-grab-deal .close{
	border: none;
	background: none;
	font-size: 22px;
	padding: 2px 6px;
	position: absolute;
	top: 3px;
	right: 3px;
	color: #777;
}
@media screen and (max-width: 900px) {
	.banner-grab-deal{
		display: none;
	}
	body.adrotate-sticky{
		margin-bottom: 0px;
	}
	body.cookieWarning-active.adrotate-sticky{
		margin-bottom: calc(80px);
	}
}

/* =============================== banner-unsafe ========================================= */

body.cookieWarning-active .banner-unsafe-parent {
	bottom: 79px;
}
.banner-unsafe-parent{
	position: sticky;
	z-index: 2;
	bottom: 0;
}
.banner-unsafe{
	position: sticky;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100px;
	background-color: #188bf7;
	text-align: center;
	color: white;
	font-size: 21px;
}
.banner-unsafe .img{
	/* register image */
	background-image: url('/wp-content/themes/enigma/images/banners/sticky/unsafe/alert.svg?v=2');
}
.test-section .banner-unsafe{
	position: initial;
}
.banner-unsafe .container{
	position: relative;
	padding: 0px 38px 0px 0;
}
.banner-unsafe .flex-container{
	height: 100px;
	margin: 0 -20px;
	flex-wrap: nowrap;
}
.banner-unsafe .flex-container .item{
	margin-top: 10px;
	margin-bottom: 10px;
}
.banner-unsafe .flex-container .item.media{
	flex: none;
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: end;
}
.banner-unsafe .item.text{
	width: 400px;
	display: flex;
	align-items: center;
}
.banner-unsafe .item.buttons{
	width: 300px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 15px;
}
.banner-unsafe img{
	width: 51px;
}
.banner-unsafe .button.download{
	background-color: #ffba03;
	margin: 0;
	padding: 10px 10px;
	width: 400px;
	color: #153f65;
	font-size: 16px;
	font-weight: bold;
}
.banner-unsafe .button.download:hover{
	background-color: #ffba03;
}
.banner-unsafe .button small{
	display: block;
	font-size: 13px;
	margin-top: 6px;
}
.banner-unsafe .close{
	border: none;
	background: none;
	font-size: 22px;
	padding: 2px 6px;
	position: absolute;
	top: 3px;
	right: 3px;
	color: white;
}
@media screen and (max-width: 1230px) {
	.banner-unsafe .item.buttons{
		width: 100px;
	}
	.banner-unsafe .button.download{
		width: 160px;
		padding: 19px 10px;
	}
	.banner-unsafe .button span,
	.banner-unsafe .button small{
		display: none;
	}
}
@media screen and (max-width: 900px) {
	.banner-unsafe{
		display: none;
	}
	body.adrotate-sticky{
		margin-bottom: 0px;
	}
	body.cookieWarning-active.adrotate-sticky{
		margin-bottom: calc(80px);
	}
}

/* ============= banner-blockYoutube-sticky ======================================== */

body.cookieWarning-active .banner-blockYoutube-sticky {
	bottom: 79px;
}
.banner-blockYoutube-sticky{
	position: sticky;
	left: 0;
	top: 0;
	right: 0;
	z-index: 3;
	background-color: #FEF1BD;
	text-align: center;
	color: black;
	font-size: 21px;
}
.admin-bar .banner-blockYoutube-sticky{
	top: 32px;
}
.test-section .banner-blockYoutube-sticky{
	position: initial;
}
.banner-blockYoutube-sticky .container{
	padding: 12px 20px;
}
.banner-blockYoutube-sticky .text{
	font-weight: bold;
}
.banner-blockYoutube-sticky img{
	width: 29px;
	vertical-align: middle;
}

/* v2 mod */

.banner-blockYoutube-sticky.v2 {
	background-color: white;
}
.banner-blockYoutube-sticky.v2 .container{
	padding: 8px 20px;
}
.banner-blockYoutube-sticky.v2 .text{
	display: inline-block;
	background-color: #FEF1BD;
	padding: 2px 20px;
	line-height: 1.7;
}