.pulsate {
     animation: pulsate 1.5s ease-in-out 1 both;
}
.pulsate_infinite {
     animation: pulsate 2.6s ease-in-out infinite both;
}

.pulsate_big {
     animation: pulsate-big 1.5s ease-in-out 1 both;
}
.pulsate_big_infinite {
     animation: pulsate-big 2.6s ease-in-out infinite both;
}


.encourage_pull {
     animation: column_pull_from_closed 0.4s ease-in-out 1 both;
}



/* Key Frames */
/**
 * ----------------------------------------
 * animation pulsate
 * ----------------------------------------
 */
@keyframes pulsate {
     0% { transform: scale(1); }
     12% { transform: scale(1.15); }
     25% { transform: scale(1); }
     37% { transform: scale(1.3); }
     50%, 100% {transform: scale(1);}
}
/* Key Frames */
/**
 * ----------------------------------------
 * animation pulsate-big
 * ----------------------------------------
 */
@keyframes pulsate-big {
     0% { transform: scale(1); }
     12% { transform: scale(1.2); }
     25% { transform: scale(1); }
     37% { transform: scale(1.45); }
     50%, 100% {transform: scale(1);}
}
/**
 * ----------------------------------------
 * animation column_pull
 * ----------------------------------------
 */
@keyframes column_pull_from_closed {
     0% { width: 78px; }
     60% { width: 93px; }
     70% { width: 78px; }
     80%, 86% { width: 70px; }
     100% { width: 78px; }
}

/* 0% { width: 78px; }
75% { width: 84px; }
95% {width:  78px; }
97% { width: 76px; }
100% { width: 78px; } */