/*************************************************************************/
/* Sticker */


.cta-sticker {
    position: fixed;
    bottom: 5%;
    right: 1.25%;
    z-index: 88;
	transition: all .3s ease-in-out;
	display: inline;
} 

.cta-sticker:hover {
	transform: scale(0.95);
	transition: all .0.3s ease-in-out;
	opacity: 1;
}
.cta-sticker a:hover {
    opacity: 1;
}
.cta-circle {
    border-radius: 50%;
    width: 7.5vw;
    height: 7.5vw;
    color: #FFF;
    background: linear-gradient(45deg, #111111 43%, #353535, #111111 60%);
    background-size: 450% 450%;
    transition: all 0.4s ease-in-out;
    background-position: 100% 50%;
/*    box-shadow: 0 .4rem .7rem rgba(0, 0, 0, 0.2) !important;*/
}
.cta-sticker:hover .cta-circle {
    background-position: 10% 50%;
    transition: all 0.4s ease-in-out;
}

.cta-circleTxt {
    margin:1.25em 0.5em 1.25em 0.5em;
}
.cta-circleTxt i {
    font-size: 180%;
	margin-bottom: 8px;
}
.cta-circleTxt p.stickerTitle{
	font-size: 110%;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 0.25em;
}
.cta-circleTxt p.stickerTxt{
	font-size: 80%;
	line-height: 105%;
}


@media only screen and (max-width: 1550px) {
.cta-circle {
    width: 9vw;
    height: 9vw;
}
}@media only screen and (max-width: 970px) {
	.cta-circle { width: 19vw; height: 19vw; }
	.cta-sticker { right: 3%; }
	.cta-circleTxt { margin:0.25em 0.5em 0.5em 0.5em;}
	.cta-circleTxt i {font-size: 100%;margin-bottom: 0px;}
	.cta-circleTxt p.stickerTitle {font-size: 75%;}
	.cta-circleTxt p.stickerTxt {font-size: 75%;}
	
}
@media only screen and (min-width: 970px) {
	#sticker-modal .modal-dialog {
		max-width: 70%;
	}
}
#sticker-modal .modal-content {
	width: 100%;
    pointer-events: auto;
    background-color: transparent;
	color: #fff;
	border: 0;
}
#sticker-modal .x-close:before {
    border-left: 3px solid #fff;
}
#sticker-modal .x-close:after {
    border-left: 3px solid #fff;
}
#sticker-modal .modal-header .close {
    padding: 1rem 2.4rem 0 0;
}