#overlay-loader{
	position: fixed;
	/*background-color: rgba(2540,240,240,0.9);*/
	background-color: rgba(95,111,129,0.9);
	/*background-color: rgba(0,0,0,0.8);*/
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
	display: none;
}
#loader {
	display:block;
	position:relative;
	left:50%;
	top:50%;
	width:150px;
	height:150px;
	margin:-75px 0 0 -75px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border:3px solid transparent;
	border-top-color:#046dab;
	-webkit-animation:spin 2s linear infinite;
	-moz-animation:spin 2s linear infinite;
	-o-animation:spin 2s linear infinite;
	animation:spin 2s linear infinite;
	z-index:1001
}
#loader:before {
	content:"";
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border:3px solid transparent;
	border-top-color:white;
	-webkit-animation:spin 3s linear infinite;
	-moz-animation:spin 3s linear infinite;
	-o-animation:spin 3s linear infinite;
	animation:spin 3s linear infinite
}
#loader:after {
	content:"";
	position:absolute;
	top:15px;
	left:15px;
	right:15px;
	bottom:15px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border:3px solid transparent;
	border-top-color:#f08331;
	-webkit-animation:spin 1.5s linear infinite;
	-moz-animation:spin 1.5s linear infinite;
	-o-animation:spin 1.5s linear infinite;
	animation:spin 1.5s linear infinite
}
#loader-message {
	display:block;
	position: relative;
	left: calc(50% - 110px);
	top: calc(50% + 10px);
	z-index:1002
}


@-webkit-keyframes spin {
	0% {
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes spin {
	0% {
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}

/*<!-- Loader html -->*/
/*<div id="overlay-loader">
	<div id="loader"></div>
	<div id="loader-message"></div>
</div>*/

/*$('#overlay-loader').fadeIn(400);*/



/* loader pulse */
.pulse-loader {
    height: 50px;
    margin: 0 auto;
    position: relative;
    width: 50px;
  }
  .pulse-loader:before, .pulse-loader:after {
    -webkit-animation-name: pulse-loader;
            animation-name: pulse-loader;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    box-shadow: 0 0 5px #3498db;
    border-radius: 50%;
    border: 3px solid #3498db;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .pulse-loader:after {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
  }
  
  @-webkit-keyframes pulse-loader {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
  @keyframes pulse-loader {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
/* loader HTML */
/*
<div class="pulse-loader"></div>
*/