/* PAGE PRELOADER */
.no-js body.preloader {display: none;}

body.preloader:before {content:''; background-color: #fff; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9998; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

body.preloader:after {content:''; width: 42px; height: 42px; border: 2px solid #0580A9; border-radius: 30px; opacity: 0; -webkit-animation: preloader-pulsating-circle 1s ease-out; animation: preloader-pulsating-circle 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;  top: calc(50% - 21px); left: calc(50% - 21px); z-index: 9999; position: absolute;}

@-webkit-keyframes preloader-pulsating-circle {
  0% {
	-webkit-transform: scale(0.1);
			transform: scale(0.1);
	opacity: 0.0; }
  50% {
	opacity: 1; }
  100% {
	-webkit-transform: scale(1.2);
			transform: scale(1.2);
	opacity: 0; } 
}

@keyframes preloader-pulsating-circle {
  0% {
	-webkit-transform: scale(0.1);
			transform: scale(0.1);
	opacity: 0.0; }
  50% {
	opacity: 1; }
  100% {
	-webkit-transform: scale(1.2);
			transform: scale(1.2);
	opacity: 0; } 
}
/* end PAGE PRELOADER */