.floatingbanner {
	display: none;
	pointer-events: none;
	opacity: 0;
	transition: all 0.3s ease;
}
.floatingbanner.active{
	display: block;
	pointer-events: all;
	opacity: 1;
	transition: all 0.3s ease;
}
@media (max-width: 992px) {
	.floatingbanner.active{
		text-align: center;
		display: block;
		position: fixed;
		z-index: 3;
		width: 100%;
	}
	.floatingbanner.active a{
		display: inline-block;
	}


	.floatingbanner .close-btn{
		cursor: pointer;
	    position: absolute;
	    top: 0.25rem;
	    right: 0.25rem;
	    z-index: 1;
	    background-color: rgba(0,0,0,0.5);
	    width: 1.5rem;
	    height: 1.5rem;
	    opacity: 1;
	    transition: opacity 0.3s ease;
	    color: #ffffff;
	    border-radius: 999px;
	}
	.floatingbanner .close-btn:hover{
		opacity: 0.5;
		transition: opacity 0.3s ease;
	}

	/* Variation test */
	.test-b .floatingbanner .close-btn{
		top: -2rem;
		border-radius: 0.7rem 0.7rem 0 0;
		width: 3rem;
		height: 2rem;
	}
	.test-b .floatingbanner .close-btn::before{
		left: 50%;
		top: 50%;
		transform: translateY(-50%)translateX(-50%);
	}
}
@media (min-width: 992px) {
	.floatingbanner.active{
		display: block;
		position: fixed;
		right: 1rem;
		z-index: 3;
	}
	.floatingbanner .close-btn{
		cursor: pointer;
		position: absolute;
		top: 3px;
		right: 3px;
		z-index: 1;
		width: 1.5rem;
		height: 1.5rem;
		background: rgb(0,0,0, 0.5);
	    border-radius: 999px;
	    color: #fff;
	}
	.floatingbanner .close-btn .btn__icon{
		margin-top: 0;
	}
}
.floatingbanner.active{
	font-size: 0;
}
.floatingbanner picture{
	display: block;
}
.floatingbanner picture img{
	width: 100% !important;
}

/* Overwrite sticky social-media bar */
.js .social-media-bar--sticky .social-media-bar__content{
	position: relative !important;
}