/* CTA General */

.sidebar-cta{
	position: fixed;
	right: 0;
	z-index: 900;
	max-width: 380px;
	-webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	        transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.5s ease;
	transition: -webkit-transform 0.5s ease;
	-o-transition: transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.sidebar-cta:hover,
.sidebar-cta.--hovered{
	-webkit-transform: translateX(0%);
	    -ms-transform: translateX(0%);
	        transform: translateX(0%);
	-webkit-transition: -webkit-transform 1s ease;
	transition: -webkit-transform 1s ease;
	-o-transition: transform 1s ease;
	transition: transform 1s ease;
	transition: transform 1s ease, -webkit-transform 1s ease;
	z-index: 901;
}

.sidebar-cta.--eyecatcher{
	-webkit-transform: translateX(calc(100% + 47px));
	    -ms-transform: translateX(calc(100% + 47px));
	        transform: translateX(calc(100% + 47px));
	-webkit-transition: -webkit-transform 1s ease;
	transition: -webkit-transform 1s ease;
	-o-transition: transform 1s ease;
	transition: transform 1s ease;
	transition: transform 1s ease, -webkit-transform 1s ease;
	z-index: 901;
}

.sidebar-cta__badge{
	display: inline-block;
	position: absolute;
	top: 0px;
	left: -47px;
	width: 47px;
	height: 56px;
	background-image: url(background_badge.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.sidebar-cta__content{
	padding: 25px 50px 25px 25px;
	background: #eaeaea;
	border-radius: 0 0 0 10px;
	-webkit-box-shadow: 10px 10px 32px rgba(0, 0, 0, .16);
	        box-shadow: 10px 10px 32px rgba(0, 0, 0, .16);
}

.sidebar-cta__title{
	margin-bottom: 6px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	font-family: 'Nunito', sans-serif;
	color: #1c284a;
}

.sidebar-cta__description{
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: #464646;
}

.sidebar-cta__button{
	margin-top: 20px;
}

.sidebar-cta__button .btn{
	padding: 4px 12px;
	font-size: 18px;
	line-height: 22px;
}

/* CTA A */

.sidebar-cta-a{
	display: inline-block;
	position: fixed;
	top: calc(50% - 100px);
	right: -28px;
	width: 92px;
	height: 79px;
	background-image: url(icon_cta_a.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	cursor: pointer;
	-webkit-transition: right .3s ease-in-out;
	-o-transition: right .3s ease-in-out;
	transition: right .3s ease-in-out;
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
}

.sidebar-cta-a:hover{
	right: -22px;
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	-webkit-transition: right .3s ease-in-out;
	-o-transition: right .3s ease-in-out;
	transition: right .3s ease-in-out;
}

/* CTA B */

.sidebar-cta-b{
	top: calc(50%);
}

/* CTA C */

.sidebar-cta-c{
	top: calc(50% + 76px);
}

/* CTA D */

.sidebar-cta-d{
	top: calc(50% + 152px);
}

@media (max-width: 575.98px){
	.sidebar-cta{
		display: none !important;
	}
}

@media (max-height: 650px){
	.sidebar-cta{
		display: none !important;
	}
}