kiss/plugin/subscribe/css/main.css

.module-subscribe body{
	background-color: #f5f5f5;
}
.module-subscribe .subscribe-form,.module-subscribe .subscribe-validation{
	background-color: #ffffff;
	box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
	padding: 15px;
}
.module-subscribe .subscribe-form > img{
	width: 100px;
}
.module-subscribe .subscribe-validation {
	transform: translateX(200px);
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
.module-subscribe .subscribe-validation > img{
	width: 200px;
}
.module-subscribe .subscribe-validation > img.animate{
	animation: pop 0.5s ease-in-out;
}
.module-subscribe .subscribe-validation.go-in{
	transform: translateX(0);
	opacity: 1;
}
.subscribe-captcha-block{
	font-family: 'subscribe-captcha';
}
.subscribe-captcha-block svg{
	vertical-align: top;
}
.subscribe-captcha-block i{
	font-style: normal;
}
.subscribe-captcha-block .boell::before{
	content : 'un';
}
.subscribe-captcha-block .lecoq::before{
	content : '+';
}
.subscribe-captcha-block .narboni::before{
	content : 'moins';
}
.subscribe-captcha-block .carruesco::before{
	content : 'cinq';
}

@font-face {
	font-family: 'subscribe-captcha';
	src:url('../font/captcha-webfont.woff2') format('woff2'),
	    url('../font/captcha-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@keyframes pop{
	0% {opacity: 0.5}
	50%  {transform: scale(1.2);}
	100% {opacity: 1}
}

/* CARD PASSWORD RULES */
.subscribe-password-card {
    min-width: 340px;
    font-style: normal;
    font-size: 0.9rem;
}
.subscribe-password-card .card-top {
	padding: .5rem;
}
.subscribe-password-card .card-top h5 {
	margin-bottom: 0;
	font-size: 1.15rem;
}
.subscribe-password-card .card-content {
	padding: 0 .25rem;
}