/* numbered buttons */
#activate-buttons                 { margin-top:10px;  }
/*text-transform:uppercase;*/
#activate-buttons a               { text-decoration:none; color:#337ab7; display:inline-block; font-size:20px; margin-right:10px; text-align:center;  }
#activate-buttons a:hover         { text-decoration:none; }
#activate-buttons span            { background:#369fbf; color:#FFF; display:block; height:40px; margin:0 auto 10px; padding-top:5px; width:40px; 
    border-radius:50%; }

/* active buttons */
#activate-buttons a.active span   { background:#ffba26; }


/* ANIMATIONS
============================================================================= */
/* slide out to the left */
@keyframes slideOutLeft {
	to 		{ transform: translateX(-200%); }
}
@-moz-keyframes slideOutLeft {	
	to 		{ -moz-transform: translateX(-200%); }
}
@-webkit-keyframes slideOutLeft {
	to 		{ -webkit-transform: translateX(-200%); }
}

/* slide in from the right */
@keyframes slideInRight {
	from 	{ transform:translateX(200%); }
	to 		{ transform: translateX(0); }
}
@-moz-keyframes slideInRight {
	from 	{ -moz-transform:translateX(200%); }
	to 		{ -moz-transform: translateX(0); }
}
@-webkit-keyframes slideInRight {
	from 	{ -webkit-transform:translateX(200%); }
	to 		{ -webkit-transform: translateX(0); }
}


.activate-content {
    background: #369ebe;
        padding: 0px 10px 10px;
}