/*
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 */
cursor: default !important;
}

.ls-layers { /* Layers wrapper */ 

}

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

}

.ls-fullwidth .ls-bottom-slidebuttons a {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff;
	margin: 0 7px;
}

.ls-fullwidth .ls-bottom-slidebuttons a.ls-nav-active,
.ls-fullwidth .ls-bottom-slidebuttons a:hover {
	background-color: #f16423;
}

@media (max-width: 767px){
	.ls-overflow-visible {
		overflow: unset !important;
	}
	.full_width .ls-overflow-visible {
		overflow: visible !important;
	}
}