.sl-slider-wrapper {
	width: 100%;
	height: 503px;
	position: relative;
	overflow: hidden;
}

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

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

/* 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;
}

/* Default styles for background colors */
.sl-slide{
	display: none;
}
.sl-slide-horizontal .sl-slide-inner {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0509+0,8f0222+79,7f0402+81,6d0019+100 */

background: rgb(255,5,9); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,5,9,1) 0%, rgba(143,2,34,1) 79%, rgba(127,4,2,1) 81%, rgba(109,0,25,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,5,9,1)), color-stop(79%,rgba(143,2,34,1)), color-stop(81%,rgba(127,4,2,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,5,9,1) 0%,rgba(143,2,34,1) 79%,rgba(127,4,2,1) 81%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,5,9,1) 0%,rgba(143,2,34,1) 79%,rgba(127,4,2,1) 81%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,5,9,1) 0%,rgba(143,2,34,1) 79%,rgba(127,4,2,1) 81%,rgba(109,0,25,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,5,9,1) 0%,rgba(143,2,34,1) 79%,rgba(127,4,2,1) 81%,rgba(109,0,25,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0509', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

.sl-slide-vertical .sl-slide-inner {
	background-color: #E67E22;
}

.item3 .sl-slide-inner {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+1,898989+73,898989+73,e1e1e1+75,f6f6f6+100 */

background: rgb(226,226,226); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(226,226,226,1) 1%, rgba(137,137,137,1) 73%, rgba(137,137,137,1) 73%, rgba(225,225,225,1) 75%, rgba(246,246,246,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(226,226,226,1)), color-stop(73%,rgba(137,137,137,1)), color-stop(73%,rgba(137,137,137,1)), color-stop(75%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 1%,rgba(137,137,137,1) 73%,rgba(137,137,137,1) 73%,rgba(225,225,225,1) 75%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(226,226,226,1) 1%,rgba(137,137,137,1) 73%,rgba(137,137,137,1) 73%,rgba(225,225,225,1) 75%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(226,226,226,1) 1%,rgba(137,137,137,1) 73%,rgba(137,137,137,1) 73%,rgba(225,225,225,1) 75%,rgba(246,246,246,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(226,226,226,1) 1%,rgba(137,137,137,1) 73%,rgba(137,137,137,1) 73%,rgba(225,225,225,1) 75%,rgba(246,246,246,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.item5 .sl-slide-inner {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,333333+11,000000+56,111111+60,2b2b2b+72,4c4c4c+82,666666+82,666666+82,666666+87,595959+95,595959+95,4c4c4c+100,2b2b2b+100,474747+100 */

background: rgb(51,51,51); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(51,51,51,1) 11%, rgba(0,0,0,1) 56%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 72%, rgba(76,76,76,1) 82%, rgba(102,102,102,1) 82%, rgba(102,102,102,1) 82%, rgba(102,102,102,1) 87%, rgba(89,89,89,1) 95%, rgba(89,89,89,1) 95%, rgba(76,76,76,1) 100%, rgba(43,43,43,1) 100%, rgba(71,71,71,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(11%,rgba(51,51,51,1)), color-stop(56%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(72%,rgba(43,43,43,1)), color-stop(82%,rgba(76,76,76,1)), color-stop(82%,rgba(102,102,102,1)), color-stop(82%,rgba(102,102,102,1)), color-stop(87%,rgba(102,102,102,1)), color-stop(95%,rgba(89,89,89,1)), color-stop(95%,rgba(89,89,89,1)), color-stop(100%,rgba(76,76,76,1)), color-stop(100%,rgba(43,43,43,1)), color-stop(100%,rgba(71,71,71,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 11%,rgba(0,0,0,1) 56%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 72%,rgba(76,76,76,1) 82%,rgba(102,102,102,1) 82%,rgba(102,102,102,1) 82%,rgba(102,102,102,1) 87%,rgba(89,89,89,1) 95%,rgba(89,89,89,1) 95%,rgba(76,76,76,1) 100%,rgba(43,43,43,1) 100%,rgba(71,71,71,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 11%,rgba(0,0,0,1) 56%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 72%,rgba(76,76,76,1) 82%,rgba(102,102,102,1) 82%,rgba(102,102,102,1) 82%,rgba(102,102,102,1) 87%,rgba(89,89,89,1) 95%,rgba(89,89,89,1) 95%,rgba(76,76,76,1) 100%,rgba(43,43,43,1) 100%,rgba(71,71,71,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 11%,rgba(0,0,0,1) 56%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 72%,rgba(76,76,76,1) 82%,rgba(102,102,102,1) 82%,rgba(102,102,102,1) 82%,rgba(102,102,102,1) 87%,rgba(89,89,89,1) 95%,rgba(89,89,89,1) 95%,rgba(76,76,76,1) 100%,rgba(43,43,43,1) 100%,rgba(71,71,71,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 11%,rgba(0,0,0,1) 56%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 72%,rgba(76,76,76,1) 82%,rgba(102,102,102,1) 82%,rgba(102,102,102,1) 82%,rgba(102,102,102,1) 87%,rgba(89,89,89,1) 95%,rgba(89,89,89,1) 95%,rgba(76,76,76,1) 100%,rgba(43,43,43,1) 100%,rgba(71,71,71,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#474747',GradientType=0 ); /* IE6-9 */


}

.item4 .sl-slide-inner {
	background: #9B59B6;
}

.item6 .sl-slide-inner {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7c100+0,bc8c12+72,e2b616+72,f8b500+74,c98e18+100 */

background: #f7c100; /* Old browsers */

background: -moz-linear-gradient(top,  #f7c100 0%, #bc8c12 72%, #e2b616 72%, #f8b500 74%, #c98e18 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #f7c100 0%,#bc8c12 72%,#e2b616 72%,#f8b500 74%,#c98e18 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #f7c100 0%,#bc8c12 72%,#e2b616 72%,#f8b500 74%,#c98e18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c100', endColorstr='#c98e18',GradientType=0 ); /* IE6-9 */


}

.item7 .sl-slide-inner {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c9699+0,6e7774+60,6e7774+60,6e7774+72,6e7774+72,5e5e5e+73,474747+100 */

background: #8c9699; /* Old browsers */

background: -moz-linear-gradient(top,  #8c9699 0%, #6e7774 60%, #6e7774 60%, #6e7774 72%, #6e7774 72%, #5e5e5e 73%, #474747 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #8c9699 0%,#6e7774 60%,#6e7774 60%,#6e7774 72%,#6e7774 72%,#5e5e5e 73%,#474747 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #8c9699 0%,#6e7774 60%,#6e7774 60%,#6e7774 72%,#6e7774 72%,#5e5e5e 73%,#474747 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c9699', endColorstr='#474747',GradientType=0 ); /* IE6-9 */


}

.item8 .sl-slide-inner {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#959595+0,0d0d0d+46,010101+50,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100;Black+Gloss+Pipe */

background: #959595; /* Old browsers */

background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */

}

.item9 .sl-slide-inner {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#545b56+0,6e7774+71,6e7774+72,232d24+72,232d24+100 */

background: #545b56; /* Old browsers */

background: -moz-linear-gradient(top,  #545b56 0%, #6e7774 71%, #6e7774 72%, #232d24 72%, #232d24 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #545b56 0%,#6e7774 71%,#6e7774 72%,#232d24 72%,#232d24 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #545b56 0%,#6e7774 71%,#6e7774 72%,#232d24 72%,#232d24 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545b56', endColorstr='#232d24',GradientType=0 ); /* IE6-9 */




}



.sl-slider h2 {
	padding: 170px 0 0;
	margin: 0;
	position: relative;
	font-size: 60px;
	line-height: normal;
	z-index: 100;
}
.sl-slider h2, .sl-slider h3{
	color: #fff;
}

.sl-slider h3 {
	margin-top: 0;
	position: relative;
	line-height: normal;
	z-index: 100;
}
.sl-slider h5 {
	padding: 170px 0 0;
	margin: 0;
	position: relative;
	font-size: 60px;
	line-height: normal;
	z-index: 100;
}
.sll-slider h5, .sll-slider h6{
	color: #666;
}
.sl-slider h6 {
	margin-top: 0;
	position: relative;
	line-height: normal;
	z-index: 100;

}
/* Custom navigation arrows */
.nav-arrows{
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -40px;
	height: 80px;
	display: block;
	z-index: 2000;
}
.nav-arrows span {
	position: absolute;
	cursor: pointer;
	width: 50px;
	height: 80px;
	display: block;
	line-height: 80px;
	font-size: 48px;
	color: rgba(255,255,255,.3);
	text-align: center;
	cursor: pointer;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	-ms-transition: 300ms;
	transition: 300ms;
}
.nav-arrows span:hover {
	color: #fff;	
}
.nav-arrows span.nav-arrow-prev {
	left: 0;
}

.nav-arrows span.nav-arrow-next {
	right: 0;
}

/* Animations for content elements */

@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) rotate(360deg);}
	100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
	0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
	0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
	0% {-webkit-transform: translateY(40px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
	0% {-moz-transform: translateY(40px);}
	100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
	0% {-o-transform: translateY(40px);}
	100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
	0% {-ms-transform: translateY(40px);}
	100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
	0% {transform: translateY(40px);}
	100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
	0% {-moz-transform: scale(1);}
	100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
	0% {-ms-transform: scale(1);}
	100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
	0% {transform: scale(1);}
	100% {transform: scale(0.5);}
}
@-webkit-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}


/* Media Queries for custom slider */

@media screen and (max-width: 660px) {
	.demo-1 .deco {
		width: 130px;
		height: 130px;
		margin-left: -65px;
		margin-bottom: 50px;
	}

	.demo-1 [data-icon]:after {
		width: 110px;
		height: 110px;
		line-height: 110px;
		font-size: 40px;
		margin: -55px 0 0 -55px;
	}

	.demo-1 .sl-slide blockquote {
		margin-bottom: -120px;
	}

	.demo-1 .sl-slide h2 {
		line-height: 22px;
		font-size: 18px;
		margin-bottom: -40px;
		letter-spacing: 8px;
	}

	.demo-1 .sl-slide blockquote p:before {
		line-height: 10px;
		width: 40px;
		height: 40px;
		font-size: 120px;
		left: -45px;
	}

	.demo-2 .sl-slider-wrapper {
		height: 500px;
	}

	.demo-2 .sl-slider h2 {
		font-size: 36px;
	}

	.demo-2 .sl-slider blockquote {
		font-size: 16px;
	}

}