/*

You can type here custom CSS code, which will be loaded both on your admin and front-end pages. Please make sure to not override layout properties (positions and sizes), as they can interfere with the sliders built-in responsive functionality. Here are few example targets to help you get started:

*/



.ls-container { /* Slider container */



}



.ls-layers { /* Layers wrapper */ 



}



.ls-3d-box div { /* Sides of 3D transition objects */ 



}





.ls-background-overlay{ /* Adds a gradient overlay on the slides so featured text is more legible */

	content: "";

	width: 100%;

	height: 100%;

	top:0;

	left: 0;

	position: absolute;

	background-image: linear-gradient(to top, rgba(12, 35, 68, 1.0), rgba(12, 35, 68, 0.0));

	z-index:100;

}