.section__form.loading:before,
.section__form.loading:after {
	position: absolute;
	content: '';
	z-index: 2;
	display: block;
}

.section__form.loading:before {
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	border: 4px solid rgba(0, 0, 0, 0.1);
	border-top: 4px solid #3498db;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin: -20px 0 0 -20px
}

.section__form.loading:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	background-color: transparent;
}

.section__form form li {
	transition: opacity .4s; 
}

.section__form.loading form li {
	z-index: -1;
	opacity: .5;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}