form{
	position:relative;
}

form.success::before{
	content: "";
    background-image: url(images/check.png);
    width: 90px;
    height: 90px;
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 45px);
    opacity: .8;
    animation-name: zoom;
    animation-duration: .25s;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

form.working::before{
	content: "";
    background-image: url(images/loading.png);
    width: 90px;
    height: 90px;
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 45px);
    opacity: .8;
    animation-name: jworx-form-working;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    background-size: 100%;
	
}

@keyframes zoom{
	0%{background-size: 90%;}
	100%{background-size: 100%;}
}

@keyframes jworx-form-working{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(359deg);}
}

form > div{
	transition:opacity .15s;
}

form.success > div,
form.working > div{
	opacity:.2;
}