/* line 1, ../sass/style-slider.scss */
.sl-slider-wrapper {
  width: 800px;
  /*height: 400px;*/
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

/* line 9, ../sass/style-slider.scss */
.sl-slider {
  position: absolute;
  top: 0;
  left: 0;
}

/* Slide wrapper and slides */
/* line 17, ../sass/style-slider.scss */
.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* line 27, ../sass/style-slider.scss */
.sl-slide {
  z-index: 1;
}

/* The duplicate parts/slices */
/* line 33, ../sass/style-slider.scss */
.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 */
/* line 50, ../sass/style-slider.scss */
.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);
}

/* line 61, ../sass/style-slider.scss */
.sl-slide-horizontal .sl-content-slice:first-child {
  top: -200px;
  padding: 200px 200px 0px 200px;
}

/* line 66, ../sass/style-slider.scss */
.sl-slide-horizontal .sl-content-slice:nth-child(2) {
  top: 50%;
  padding: 0px 200px 200px 200px;
}

/* Vertical slice */
/* line 73, ../sass/style-slider.scss */
.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);
}

/* line 84, ../sass/style-slider.scss */
.sl-slide-vertical .sl-content-slice:first-child {
  left: -200px;
  padding: 200px 0px 200px 200px;
}

/* line 89, ../sass/style-slider.scss */
.sl-slide-vertical .sl-content-slice:nth-child(2) {
  left: 50%;
  padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
/* line 96, ../sass/style-slider.scss */
.sl-content-wrapper {
  position: absolute;
}

/* line 100, ../sass/style-slider.scss */
.sl-content {
  width: 100%;
  height: 100%;
  background: #fff;
}

/* Default styles for background colors */
/* line 107, ../sass/style-slider.scss */
.sl-slide-horizontal .sl-slide-inner {
  background: #ddd;
}

/* line 111, ../sass/style-slider.scss */
.sl-slide-vertical .sl-slide-inner {
  background: #ccc;
}

/* line 116, ../sass/style-slider.scss */
.nav-arrows span {
  position: absolute;
  z-index: 2000;
  top: 50%;
  width: 40px;
  height: 40px;
  border: 8px solid #ddd;
  border: 8px solid rgba(150, 150, 150, 0.4);
  text-indent: -90000px;
  margin-top: -40px;
  cursor: pointer;
  transform: rotate(45deg);
}

/* line 130, ../sass/style-slider.scss */
.nav-arrows span:hover {
  border-color: rgba(150, 150, 150, 0.9);
}

/* line 134, ../sass/style-slider.scss */
.nav-arrows span.nav-arrow-prev {
  left: 5%;
  border-right: none;
  border-top: none;
}