/*
	* LayerSlider Plugin: Origami Slide Transition
	*
	* (c) 2011-2018 George Krupa, John Gera & Kreatura Media
	*
	* Plugin web:			https://layerslider.kreaturamedia.com/
	* licenses:				http://codecanyon.net/licenses/standard
*/



.ls-origami-block {
    position: absolute;
    height : 100%;
    top : 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ls-origami-tile {
    position: absolute;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 20;
}

.ls-origami-tile {
    width: 100%;
    height: 100%;
}

.ls-origami-left .ls-origami-tile {
    left: 100%;
    top: 0;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.ls-origami-left > .ls-origami-tile {
    width: 50%;
    left: 0;
}

.ls-origami-right .ls-origami-tile {
    right: 100%;
    top: 0;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.ls-origami-right > .ls-origami-tile {
    width: 50%;
    right: 0;
}

.ls-origami-top .ls-origami-tile {
    left: 0;
    top: 100%;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

.ls-origami-top > .ls-origami-tile {
    height: 50%;
    top: 0;
}

.ls-origami-bottom .ls-origami-tile {
    left: 0;
    bottom: 100%;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.ls-origami-bottom > .ls-origami-tile {
    height: 50%;
    bottom: 0;
}

.ls-light,
.ls-origami-image-holder {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.ls-light {
    z-index: 1;
}

.ls-origami-image-holder {
    z-index: 10;
}

.ls-origami-image-holder > img {
    position: relative;
    z-index: 2;
}

.ls-white {
    background: white;
}

.ls-black {
    background: black;
}