.sl-slider-wrapper {width: 100%;height: 400px;margin: 0 auto;position: relative;overflow: hidden;}
.sl-slider {position: absolute;top: 0;left: 0;}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {position: absolute;width: 100%;height: 100%;top: 0;left: 0;} 

.sl-slide {z-index: 1;display: none;}

/* slide content */

.sl-slider h2,
.sl-slider p {
	padding: 10px 30px 10px 30px;
	width: 70%;
	max-width: 70%;
	color: #fff;
	margin: 90px auto 0;
	position: relative;
	z-index: 100;
	text-shadow: 0 1px 6px #000;
}
.sl-slider p {margin-top: 0; font-size: 28px; line-height: 1.2;}
.sl-slider p a.btn {font-size: 16px; text-shadow: none;}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {top: -200px;padding: 200px 200px 0px 200px;}
.sl-slide-horizontal .sl-content-slice:nth-child(2) {top: 50%;padding: 0px 200px 200px 200px;}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {left: -200px;padding: 200px 0px 200px 200px;}
.sl-slide-vertical .sl-content-slice:nth-child(2) {left: 50%;padding: 200px 200px 200px 0px;}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {position: absolute;}
.sl-content {width: 100%;height: 100%;background: #fff;}

.bg-img {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* Custom navigation arrows */

.nav-arrows span {
	color: #fff;
	position: absolute;
	z-index: 2000;
	top: 50%;
	width: 40px;
	height: 60px;
	margin-top: -40px;
	cursor: pointer;
	font-size: 50px;
	line-height: 60px;

}

.nav-arrows span.nav-arrow-prev {left: 5%;}
.nav-arrows span.nav-arrow-next {right: 5%;}

/* Custom navigation dots */

.nav-dots {text-align: center;margin-top: 15px;height: 30px;width: 100%;left: 0;z-index: 1000;}

.nav-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	cursor: pointer;
}

.nav-dots span {
	margin: 6px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
}

@media (max-width: 767px) {
	.sl-slider p {font-size: 20px;}
}

@media (max-width: 480px) {
	.nav-arrows span {height: 20px; width: 20px; }
	.sl-slider-wrapper {height: 300px;}
	.sl-slider h2, .sl-slider p {width: 60%; max-width: 60%; padding-left: 38px;}
	.sl-slider h2 { margin-top: 60px; font-size: 18px !important; line-height: 1.1 !important;}
	.sl-slider p {font-size: 14px; padding-top: 0;}
	.nav-arrows span {top: 60%;width: 20px;height: 40px;font-size: 30px; line-height: 40px;}
	.nav-arrows span.nav-arrow-prev {left: 35px;}
	.nav-arrows span.nav-arrow-next {right: 35px;}
}