/* You can type here any CSS code that will be loaded both on your admin and front-end pages.
Let us help you by giving a few exmaple CSS classes: */

/* Front-end sliders & preview */

.ls-container { /* The slider itself */

}

.ls-slide { 

}

.ls-slide a:hover {
	color: blue;
	text-decoration: underline;
}

.ls-slide #yourID {

}

.ls-slide .yourClass {

}

/* Side color of 3D objects */
.ls-3d-box div { background: #777; }


.glass {
position: absolute;	
}


.glass-right {
	animation: move 5s infinite;
	animation-timing-function: ease-in-out;
	-moz-animation: move 5s infinite;
	-moz-animation-timing-function: ease-in-out;
	-webkit-animation: move 5s infinite;
	-webkit-animation-timing-function: ease-in-out;
	-o-animation: move 5s infinite;
	-o-animation-timing-function: ease-in-out;
	animation-play-state: running;
	-moz-animation-play-state: running;
	-webkit-animation-play-state: running;
}
 .glass-left  {
	animation: move-2 5s infinite;
	animation-timing-function: ease-in-out;
	-moz-animation: move-2 5s infinite;
	-moz-animation-timing-function: ease-in-out;
	-webkit-animation: move-2 5s infinite;
	-webkit-animation-timing-function: ease-in-out;
	-o-animation: move-2 5s infinite;
	-o-animation-timing-function: ease-in-out;
	animation-play-state: running;
	-moz-animation-play-state: running;
	-webkit-animation-play-state: running;
}




@keyframes move {
  0% {
   		 padding-left: 10px;
		padding-top: 10px;
  }
  50% {
   		padding-left: 0px;
		padding-top: 0px;

  }
	100% {
		padding-left: 10px;
		padding-top: 10px;
	}
}

@keyframes move-2 {
  0% {
   		 padding-left: 0px;
		padding-top: 0px;
  }
  50% {
   		padding-left: 10px;
		padding-top: 10px;

  }
	100% {
		padding-left: 0px;
		padding-top: 0px;
	}
}



@-webkit-keyframes move {
  0% {
   		 padding-left: 10px;
		padding-top: 10px;
  }
  50% {
   		padding-left: 0px;
		padding-top: 0px;

  }
	100% {
		padding-left: 10px;
		padding-top: 10px;
	}
}

@-webkit-keyframes move-2 {
  0% {
   		 padding-left: 0px;
		padding-top: 0px;
  }
  50% {
   		padding-left: 10px;
		padding-top: 10px;

  }
	100% {
		padding-left: 0px;
		padding-top: 0px;
	}
}

@-moz-keyframes move {
  0% {
   		 padding-left: 10px;
		padding-top: 10px;
  }
  50% {
   		padding-left: 0px;
		padding-top: 0px;

  }
	100% {
		padding-left: 10px;
		padding-top: 10px;
	}
}

@-moz-keyframes move-2 {
  0% {
   		 padding-left: 0px;
		padding-top: 0px;
  }
  50% {
   		padding-left: 10px;
		padding-top: 10px;

  }
	100% {
		padding-left: 0px;
		padding-top: 0px;
	}
}