/****************************************/
/* Home page animation during page load */
/****************************************/

#loader {width:100%; height:100%; top:0; left:0; position:fixed; display:block; opacity:.9; background-color:#000; z-index:2999; text-align:center;}

/* Pulsating circle by Brunjo https://codepen.io/brunjo/pen/vELmaP */

.signal {position:absolute; top:50%; left:50%; width:30px; height:30px; margin:-15px 0 0 -15px; opacity:0; border:5px solid #ddd; border-radius:30px; 
			-webkit-animation:pulse 1s ease-out; -webkit-animation-iteration-count:infinite; 
					animation:pulse 1s ease-out;         animation-iteration-count:infinite;}
@-webkit-keyframes pulse {
	0% {-webkit-transform:scale(.1); opacity:0.0;}
	50% {opacity:1;}
	100% {-webkit-transform:scale(1.2); opacity:0;}
}
@keyframes pulse {
    0% {transform: scale(.1); opacity: 0.0;}
    50% {opacity: 1;}
    100% {transform: scale(1.2); opacity: 0;}
}