/* JavaScript Turned Off */

.no-js #preloader {

  display: none;

}

/*=Preloader ends*/

/*----------------------------------------

    Pre-loader

------------------------------------------*/

#preloader {

width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;
  background:rgba(255,255,255,1.0);

  /*background:url(../images/bg-pattern.jpg) repeat center top fixed;*/

 /* background-image: linear-gradient( rgba(0,0,0,1.0), rgba(25,120,126, 1.0),rgba(191,114,34, 1.0));*/

  /*background-color:rgba(240,240,240,0.9);*/

  /* change if the mask should have another color then white */

  z-index: 9999;

  /* makes sure it stays on top */

  overflow:hidden;

  display:flex;

  align-items: center;

	justify-content: center;

}

#preloader .conatiner{ width:80%;}

#status {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow:hidden;

  left:0;

  /* centers the loading animation horizontally one the screen */

  top:0;

  /* centers the loading animation vertically one the screen */

 /* background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);*/

  /* path to your loading animation */

  background-repeat: no-repeat;

  background-position: center;

  display:flex;

  align-items: center;

	justify-content: center;

	background:url(../images/snds-icon.png) no-repeat center;

	background-size:100px;

  /* is width and height divided by two */

}

.blob-1,.blob-2{

	width:50px;

	height:50px;

	position:absolute;

	background:#fff;

	border-radius:50%;

	top:50%;left:50%;

	transform:translate(-50%,-50%);

}

.blob-1{

	left:20%;

	animation:osc-l 2.5s ease infinite;

	background:#ff7000;

}

.blob-2{

	left:80%;

	animation:osc-r 2.5s ease infinite;

	background:#00778d;

}





@keyframes osc-l{

	0%{left:20%;}

	50%{left:50%;}

	100%{left:20%;}

}

@keyframes osc-r{

	0%{left:80%;}

	50%{left:50%;}

	100%{left:80%;}

}