#loader-wrapper{

					position:fixed;

					top:0;

					left:0;

					width:100%;

					height:100%;

					z-index:10001;

					/*background-color:rgb(204, 204, 204);*/

/*					background-color: wheat;*/

                                        background-color: #fff;

					overflow:hidden;

				}

					#prelogo{

						display: block;

						position: relative;

						left: 50%;

						top: 50%;

						width: 325px;

						height: 156px;

						/* margin: -78px -165px 0 0; */

						margin-top: -78px;

						margin-left: -186px;

									

					}

					#loader{

						display: block;

						position:relative;

						width:75px;

						height:75px;

						border:3px solid transparent;

						border-top-color:#3498db;

						margin:0 auto;

						border-radius:50%;

						 

						-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */

						animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

 

					}

					#loader:before{

						content: "";

						position:absolute;

						border:3px solid transparent;

						border-top-color:#e74c3c;

						top:5px;

						right:5px;

						bottom:5px;

						left:5px;

						border-radius:50%;

						-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */

						-moz-animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

						-o-animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

						 animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

					}

					#loader:after{

						content: "";

						position:absolute;

						border:3px solid transparent;

						border-top-color:#f9c922;

						top:10px;

						right:10px;

						bottom:10px;

						left:10px;

					   -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */

						-moz-animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

						-o-animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

						animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

						border-radius:50%;

					}

					@-webkit-keyframes spin {

					  0%   {

							 -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */

							 -ms-transform: rotate(0deg);  /* IE 9 */

							  transform: rotate(0deg);

					  }

					 

					  100% { 

							-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */

							 -ms-transform: rotate(360deg);  /* IE 9 */

							  transform: rotate(360deg);

					  }

					}

					@-moz-keyframes spin {

					   0%   {

							 -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */

							 -ms-transform: rotate(0deg);  /* IE 9 */

							  transform: rotate(0deg);

					  }

					 

					  100% { 

							-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */

							 -ms-transform: rotate(360deg);  /* IE 9 */

							  transform: rotate(360deg);

					  }

					}

					@-o-keyframes spin {

					   0%   {

							 -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */

							 -ms-transform: rotate(0deg);  /* IE 9 */

							  transform: rotate(0deg);

					  }

					 

					  100% { 

							-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */

							 -ms-transform: rotate(360deg);  /* IE 9 */

							  transform: rotate(360deg);

					  }

					}

					@keyframes spin {

					   0%   {

							 -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */

							 -ms-transform: rotate(0deg);  /* IE 9 */

							  transform: rotate(0deg);

					  }

					 

					  100% { 

							-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */

							 -ms-transform: rotate(360deg);  /* IE 9 */

							  transform: rotate(360deg);

					  }

					}