/cody/learning-zone/website-templates/smart-interior-designs-html5-bootstrap-web-template/css/slider-style.css
.sl-slider-wrapper { width: 800px; 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;}
/* 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-horizontal .sl-slide-inner { background: #ddd;}
.sl-slide-vertical .sl-slide-inner { background: #ccc;}