form.checkout{
	position: relative;
}
form.checkout:after{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	visibility:hidden;
	opacity: 0;
	transition: all .3s linear;
}
form.checkout:before{
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	background:url(https://easytic.se/wp-content/plugins/woocommerce/assets/images/icons/loader.svg) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	width:33px;
	height:33px;
	animation:spin;
	-webkit-animation-name: spin;
	animation-name: spin;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	animation-duration:1s;
	animation-iteration-count: infinite;
	visibility:hidden;
	opacity: 0;
	transition: all .3s linear;
}
@-webkit-keyframes spin { 
    from { 
        -webkit-transform: rotate(0deg); 
    } to { 
        -webkit-transform: rotate(360deg); 
    }
}
@keyframes spin { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(360deg); 
    }
}
form.checkout.loading:before{
	opacity: .8;
	visibility: visible;
}
form.checkout.loading:after{
	visibility: visible;
	opacity: .5;
}