Роман Павлов

Ловите событие animationiteration. Правда с кросс-браузерностью там вопросы.

Лейблы действительно выглядят немного замыленно.

.contact-section label {
    font-family: ProximaNovaLight;
}

label {
    font-weight: bold;
}

Думаю из-за того, что у выставленной гарнитуры нет bold начертания, то браузер пытается его имитировать. Получается это далеко не идеально и на выходе имеется "мыло".

Поменяйте на 'ProximaNovaBold', который у вас уже есть, либо поищите другое начертание, например semibold.

Немного не по теме, но всегда пишите css-свойство без префикса последним. Всегда.

.circle{
	 -moz-border-radius:50px;
	 -webkit-border-radius:50px;
	 -khtml-border-radius:50px;
	 border-radius:50px;	 
}