/*!
 * Wiloke 3D SlideShow PACKAGED v1.0
 * http://wiloke.com
 * Copyright 2016 Wiloke Team
 */

.slideshow-3d .owl-item {
    -webkit-backface-visibility: visible;
}
.slideshow-3d .item {
    position: relative;
}
.item-slide3d {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: inherit;
    top: 0;
}
.item-slide3d > div {
    position: absolute;
    width: 100%;
    height: 100%;
    background: inherit;
}
.item-slide3d > div,
.slideshow-3d .item {
    background-size: cover;
    background-position: 50% 50%;
}
.slideshow-3d .item.fix-mobile .item-slide3d {
    display: none;
}
.item-slide3d.item-slide3d-z-1 {
    z-index: 100;
    opacity: .8;
}
.item-slide3d.item-slide3d-z-2 {
    z-index: 99;
    opacity: .8;
}
.item-slide3d.item-slide3d-z-3 {
    z-index: 98;
    opacity: .8;
}
.item-slide3d.item-slide3d-z-4 {
    z-index: 97;
    opacity: .8;
}
.item-slide3d.item-slide3d-z-last {
    z-index: 96;
}
.item-slide3d.item-slide3d-13,
.item-slide3d.item-slide3d-15,
.item-slide3d.item-slide3d-9,
.item-slide3d.item-slide3d-11,
.item-slide3d.item-slide3d-5,
.item-slide3d.item-slide3d-7,
.item-slide3d.item-slide3d-1,
.item-slide3d.item-slide3d-3,
.item-slide3d.item-slide3d-14,
.item-slide3d.item-slide3d-16,
.item-slide3d.item-slide3d-10,
.item-slide3d.item-slide3d-12,
.item-slide3d.item-slide3d-6,
.item-slide3d.item-slide3d-8,
.item-slide3d.item-slide3d-2,
.item-slide3d.item-slide3d-4 {
    top: 0;
}
.item-slide3d.item-slide3d-15,
.item-slide3d.item-slide3d-11,
.item-slide3d.item-slide3d-7,
.item-slide3d.item-slide3d-3 {
    right: 0;
}
.item-slide3d.item-slide3d-16,
.item-slide3d.item-slide3d-12,
.item-slide3d.item-slide3d-8,
.item-slide3d.item-slide3d-4 {
    top: auto;
    bottom: 0;
}

.item-slide3d.item-slide3d-1,
.item-slide3d.item-slide3d-3 {
    width: 7%;
}
.item-slide3d.item-slide3d-2,
.item-slide3d.item-slide3d-4 {
    height: 7%;
}
.item-slide3d.item-slide3d-5,
.item-slide3d.item-slide3d-7 {
    width: 14%;
}
.item-slide3d.item-slide3d-6,
.item-slide3d.item-slide3d-8 {
    height: 14%;
}

.item-slide3d.item-slide3d-9,
.item-slide3d.item-slide3d-11 {
    width: 21%;
}
.item-slide3d.item-slide3d-10,
.item-slide3d.item-slide3d-12 {
    height: 21%;
}
.item-slide3d.item-slide3d-13,
.item-slide3d.item-slide3d-15 {
    width: 28%;
}
.item-slide3d.item-slide3d-14,
.item-slide3d.item-slide3d-16 {
    height: 28%;
}

.item-slide3d.item-slide3d-last > div,
.item-slide3d.item-slide3d-14 > div,
.item-slide3d.item-slide3d-13 > div,
.item-slide3d.item-slide3d-10 > div,
.item-slide3d.item-slide3d-9 > div,
.item-slide3d.item-slide3d-6 > div,
.item-slide3d.item-slide3d-5 > div,
.item-slide3d.item-slide3d-2 > div,
.item-slide3d.item-slide3d-1 > div {
    top: 0; left: 0;
}
.item-slide3d.item-slide3d-15 > div,
.item-slide3d.item-slide3d-11 > div,
.item-slide3d.item-slide3d-7 > div,
.item-slide3d.item-slide3d-3 > div {
    top: 0; right: 0;
}
.item-slide3d.item-slide3d-16 > div,
.item-slide3d.item-slide3d-12 > div,
.item-slide3d.item-slide3d-8 > div,
.item-slide3d.item-slide3d-4 > div {
    bottom: 0; left: 0;
}
.slideshow-3d .owl-item {
    overflow: hidden;
}


.slideshow-3d .owl-stage {
    -webkit-transition-timing-function: cubic-bezier(.02, .01, .47, 1) !important;
    -moz-transition-timing-function: cubic-bezier(.02, .01, .47, 1) !important;
    transition-timing-function: cubic-bezier(.02, .01, .47, 1) !important;
}

.slideshow-3d .owl-item.abc .item-slide3d.item-slide3d-z-2 {
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
}

.slideshow-3d .owl-item.slider3dfix + .owl-item .item-slide3d.item-slide3d-z-2,
.slideshow-3d .owl-item.active + .owl-item .item-slide3d.item-slide3d-z-2 {
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
    -moz-transition-delay: 0 !important;
    transition-delay: 0 !important;
}

.slideshow-3d .owl-item .item-slide3d.item-slide3d-z-3 {
    -webkit-transform: translateX(500px);
    -ms-transform: translateX(500px);
    transform: translateX(500px);
}
.slideshow-3d .owl-item.slider3dfix + .owl-item .item-slide3d.item-slide3d-z-3,
.slideshow-3d .owl-item.active + .owl-item .item-slide3d.item-slide3d-z-3 {
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px);
    -moz-transition-delay: 0 !important;
    transition-delay: 0 !important;
}
.slideshow-3d .owl-item .item-slide3d.item-slide3d-z-4 {
    -webkit-transform: translateX(700px);
    -ms-transform: translateX(700px);
    transform: translateX(700px);
}
.slideshow-3d .owl-item.slider3dfix + .owl-item .item-slide3d.item-slide3d-z-4,
.slideshow-3d .owl-item.active + .owl-item .item-slide3d.item-slide3d-z-4 {
    -webkit-transform: translateX(-700px);
    -ms-transform: translateX(-700px);
    transform: translateX(-700px);
    -moz-transition-delay: 0 !important;
    transition-delay: 0 !important;
}

.slideshow-3d .owl-item .item-slide3d.item-slide3d-z-last {
    -webkit-transform: translateX(900px);
    -ms-transform: translateX(900px);
    transform: translateX(900px);
}
.slideshow-3d .owl-item.slider3dfix + .owl-item .item-slide3d.item-slide3d-z-last,
.slideshow-3d .owl-item.active + .owl-item .item-slide3d.item-slide3d-z-last {
    -webkit-transform: translateX(-900px);
    -ms-transform: translateX(-900px);
    transform: translateX(-900px);
    -moz-transition-delay: 0 !important;
    transition-delay: 0 !important;
}
.slideshow-3d .owl-item.slider3dfix .item-slide3d,
.slideshow-3d .owl-item.active .item-slide3d {
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
}


@media (max-width: 1400px) {
    .slideshow-3d .owl-item.abc .item-slide3d.item-slide3d-z-2 {
      -webkit-transform: translateX(200px);
          -ms-transform: translateX(200px);
              transform: translateX(200px);
    }

    .slideshow-3d .owl-item.slider3dfix + .owl-item .item-slide3d.item-slide3d-z-2,
    .slideshow-3d .owl-item.active + .owl-item .item-slide3d.item-slide3d-z-2 {
      -webkit-transform: translateX(-200px);
          -ms-transform: translateX(-200px);
              transform: translateX(-200px);
      -moz-transition-delay: 0 !important;
      transition-delay: 0 !important;
    }

    .slideshow-3d .owl-item .item-slide3d.item-slide3d-z-3 {
      -webkit-transform: translateX(300px);
          -ms-transform: translateX(300px);
              transform: translateX(300px);
    }
    .slideshow-3d .owl-item.slider3dfix + .owl-item .item-slide3d.item-slide3d-z-3,
    .slideshow-3d .owl-item.active + .owl-item .item-slide3d.item-slide3d-z-3 {
      -webkit-transform: translateX(-300px);
          -ms-transform: translateX(-300px);
              transform: translateX(-300px);
      -moz-transition-delay: 0 !important;
      transition-delay: 0 !important;
    }
    .slideshow-3d .owl-item .item-slide3d.item-slide3d-z-4 {
      -webkit-transform: translateX(400px);
          -ms-transform: translateX(400px);
              transform: translateX(400px);
    }
    .slideshow-3d .owl-item.slider3dfix + .owl-item .item-slide3d.item-slide3d-z-4,
    .slideshow-3d .owl-item.active + .owl-item .item-slide3d.item-slide3d-z-4 {
      -webkit-transform: translateX(-400px);
          -ms-transform: translateX(-400px);
              transform: translateX(-400px);
      -moz-transition-delay: 0 !important;
      transition-delay: 0 !important;
    }

    .slideshow-3d .owl-item .item-slide3d.item-slide3d-z-last {
      -webkit-transform: translateX(500px);
          -ms-transform: translateX(500px);
              transform: translateX(500px);
    }
    .slideshow-3d .owl-item.slider3dfix + .owl-item .item-slide3d.item-slide3d-z-last,
    .slideshow-3d .owl-item.active + .owl-item .item-slide3d.item-slide3d-z-last {
      -webkit-transform: translateX(-500px);
          -ms-transform: translateX(-500px);
              transform: translateX(-500px);
      -moz-transition-delay: 0 !important;
      transition-delay: 0 !important;
    }
    .slideshow-3d .owl-item.slider3dfix .item-slide3d,
    .slideshow-3d .owl-item.active .item-slide3d {
      -webkit-transform: translateX(0) !important;
          -ms-transform: translateX(0) !important;
              transform: translateX(0) !important;
    }
}
@media (max-width: 900px) {
    .slideshow-3d .owl-item .item-slide3d.item-slide3d-z-2 {
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }
    .slideshow-3d .owl-item.slider3dfix + .owl-item .item-slide3d.item-slide3d-z-2,
    .slideshow-3d .owl-item.active + .owl-item .item-slide3d.item-slide3d-z-2 {
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
    }

    .slideshow-3d .owl-item .item-slide3d.item-slide3d-z-3 {
        -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px);
    }
    .slideshow-3d .owl-item.slider3dfix + .owl-item .item-slide3d.item-slide3d-z-3,
    .slideshow-3d .owl-item.active + .owl-item .item-slide3d.item-slide3d-z-3 {
        -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    .slideshow-3d .owl-item .item-slide3d.item-slide3d-z-4 {
        -webkit-transform: translateX(150px);
        -ms-transform: translateX(150px);
        transform: translateX(150px);
    }
    .slideshow-3d .owl-item.slider3dfix + .owl-item .item-slide3d.item-slide3d-z-4,
    .slideshow-3d .owl-item.active + .owl-item .item-slide3d.item-slide3d-z-4 {
        -webkit-transform: translateX(-150px);
        -ms-transform: translateX(-150px);
        transform: translateX(-150px);
    }

    .slideshow-3d .owl-item .item-slide3d.item-slide3d-z-last {
        -webkit-transform: translateX(200px);
        -ms-transform: translateX(200px);
        transform: translateX(200px);
    }
    .slideshow-3d .owl-item.slider3dfix + .owl-item .item-slide3d.item-slide3d-z-last,
    .slideshow-3d .owl-item.active + .owl-item .item-slide3d.item-slide3d-z-last {
        -webkit-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        transform: translateX(-200px);
    }
    .slideshow-3d .owl-item.slider3dfix .item-slide3d,
    .slideshow-3d .owl-item.active .item-slide3d {
        -webkit-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        transform: translateX(0) !important;
    }
}

.owl-nav {
    position: relative;
}
.owl-nav .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}
.owl-nav.active .overlay {
    display: block;
}


.slideshow-3d .item {
    height: 600px; /*DEMO HEIGHT*/
    height: calc(100vh - 40px); /*DEMO HEIGHT*/
}
.slide-info {
    position: absolute;
    z-index: 999;
    color: #fff;
    max-width: 500px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}