.sl-slider-wrapper
{
    position: relative;

    overflow: hidden;

    width: 800px;
    height: 400px;
    margin: 0 auto;
}

.sl-slider
{
    position: absolute;
    top: 0;
    left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

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

/* The duplicate parts/slices */

.sl-content-slice
{
    position: absolute;

    overflow: hidden;

    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;

    opacity: 1;
    background: #fff;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
         -o-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice
{
    left: -200px;

    width: 100%;
    height: 50%;

    -webkit-transform: translateY(0%) scale(1);
       -moz-transform: translateY(0%) scale(1);
        -ms-transform: translateY(0%) scale(1);
         -o-transform: translateY(0%) scale(1);
            transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child
{
    top: -200px;

    padding: 200px 200px 0 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2)
{
    top: 50%;

    padding: 0 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice
{
    top: -200px;

    width: 50%;
    height: 100%;

    -webkit-transform: translateX(0%) scale(1);
       -moz-transform: translateX(0%) scale(1);
        -ms-transform: translateX(0%) scale(1);
         -o-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child
{
    left: -200px;

    padding: 200px 0 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2)
{
    left: 50%;

    padding: 200px 200px 200px 0;
}

/* 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-horizontal .sl-slide-inner
{
    background: #ddd;
}

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

.NoWrap {
  white-space: normal !important;
}