#ce_lmf_eyecatcher {
	width: 250px;
	margin-left: -100%;
	padding: 10px;
	position: absolute;
	bottom: 30px;
	left: -3%;
	background-color: #FFFFFF;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
	animation: slideIn ease 1s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	animation-fill-mode: forwards;
	/*when the spec is finished*/
	-webkit-animation: slideIn ease 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-fill-mode: forwards;
	/*Chrome 16+, Safari 4+*/
	-moz-animation: slideIn ease 1s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-moz-animation-fill-mode: forwards;
	/*FF 5+*/
	-o-animation: slideIn ease 1s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-o-animation-fill-mode: forwards;
	/*Not implemented yet*/
	-ms-animation: slideIn ease 1s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
	-ms-animation-fill-mode: forwards;
	/*IE 10+*/
}
#ce_lmf_eyecatcher h2 {
	color: #00A2E5;
    margin-top: 5px;
    font-size: 20px;
}
#ce_lmf_eyecatcher a {
	width: 100%;
	padding: 5px 0;
	display: block;
	background-color: #E60F82;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

@keyframes slideIn {
	0%,	100% {
		margin-left: 0;
	}
}

@-webkit-keyframes slideIn {
	0% {margin-left: -100%;}
	100% {margin-left: 0;}
}
@-moz-keyframes slideIn {
	0% {margin-left: -100%;}
	100% {margin-left: 0;}
}
@-ms-keyframes slideIn {
	0% {margin-left: -100%;}
	100% {margin-left: 0;}
}
@-o-keyframes slideIn {
	0% {margin-left: -100%;}
	100% {margin-left: 0;}
}
@keyframes slideIn {
	0% {margin-left: -100%;}
	100% {margin-left: 0;}
}

@media screen and (max-width: 768px) {
	#ce_lmf_eyecatcher {
		display: none;
	}
}