/* ========================================================================
    Slideset Animation
 ========================================================================== */
.ba-slideset .slideset-content {
    overflow: hidden;
    position: relative;
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
}

.ba-slideset .slideset-content .active {
    opacity: 1 !important;
    transition: left .5s linear, opacity .5s linear, width .5s linear;
    -webkit-transition: left .5s linear, opacity .5s linear, width .5s linear;
}

/*
/* Single
*/

/* Fade Single */
.ba-slideset.single.slideset-fade .slideset-content .right-animation,
.ba-slideset.single.slideset-fade .slideset-content .left-animation {
    display: block;
    opacity: 0;
    transition: opacity .5s linear;
    -webkit-transition: opacity .5s linear ;
}

.ba-slideset.single.slideset-fade .slideset-content .prev-animation,
.ba-slideset.single.slideset-fade .slideset-content .next-animation {
    animation: fade-single .5s linear ;
    -webkit-animation: fade-single .5s linear ;
    z-index: 2
}

@-webkit-keyframes fade-single {
    0%{ opacity: 0; }
    100%{ opacity: 1; }
}

@keyframes fade-single {
    0%{ opacity: 0; }
    100%{ opacity: 1; }
}

/* Horisontal-offset Single */
.ba-slideset.single.horisontal-offset .slideset-content .left-animation {
    display: block;
    left:100% !important;
    transition: left .5s linear;
    -webkit-transition: left .5s linear;
}

.ba-slideset.single.horisontal-offset .slideset-content .right-animation {
    display: block;
    left:0% !important;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: left .5s linear, .5s linear, transform .5s linear;
    -webkit-transition: left .5s linear, .5s linear, transform .5s linear;
}

.ba-slideset.single.horisontal-offset .slideset-content .prev-animation {
    animation: horisontal-offset-prev .5s linear ;
    -webkit-animation: horisontal-offset-prev .5s linear ;
    z-index: 2
}

.ba-slideset.single.horisontal-offset .slideset-content .next-animation {
    animation: horisontal-offset-next .5s linear ;
    -webkit-animation: horisontal-offset-next .5s linear ;
    z-index: 2
}

/* Horisontal-offset-fast Single */
.ba-slideset.single.horisontal-fast .slideset-content .active {
    z-index: 1;
}

.ba-slideset.single.horisontal-fast .slideset-content .left-animation {
    display: block;
    left: 100 !important;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: left .5s .2s linear, transform .5s .2s linear;
    -webkit-transition: left .5s .2s linear, transform .5s .2s linear;
    z-index: 5;
}

.ba-slideset.single.horisontal-fast .slideset-content .right-animation {
    display: block;
    left:0 !important;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: left .5s .2s linear, transform .5s .2s linear;
    -webkit-transition: left .5s .2s linear, transform .5s .2s linear;
    z-index: 5;
}

.ba-slideset.single.horisontal-fast .slideset-content .prev-animation {
    animation: horisontal-offset-prev .5s linear ;
    -webkit-animation: horisontal-offset-prev .5s linear ;
    z-index: 2
}

@-webkit-keyframes horisontal-offset-prev {
    0%{ opacity: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); }
    100%{ opacity: 1; transform: translateX(1); -webkit-transform: translateX(1); }
}

@keyframes horisontal-offset-prev {
    0%{ opacity: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); }
    100%{ opacity: 1; transform: translateX(1); -webkit-transform: translateX(1); }
}

.ba-slideset.single.horisontal-fast .slideset-content .next-animation {
    animation: horisontal-offset-next .5s linear ;
    -webkit-animation: horisontal-offset-next .5s linear ;
    z-index: 2
}

@-webkit-keyframes horisontal-offset-next {
    0%{ opacity: 0; transform: translateX(100%); -webkit-transform: translateX(100%); }
    100%{ opacity: 1; transform: translateX(1); -webkit-transform: translateX(1); }
}

@keyframes horisontal-offset-next {
    0%{ opacity: 0; transform: translateX(100%); -webkit-transform: translateX(100%); }
    100%{ opacity: 1; transform: translateX(1); -webkit-transform: translateX(1); }
}

/* Zoom-in Single */
.ba-slideset.single.slideset-zoom-in .slideset-content .active {
    z-index: 1;
}

.ba-slideset.single.slideset-zoom-in .slideset-content .left-animation {
    display: block;
    opacity: 0;
    transform: scale(.7);
    -webkit-transform: scale(.7);
    transition: left .5s linear, opacity .5s linear, transform .5s linear;
    -webkit-transition: left .5s linear, opacity .5s linear, transform .5s linear;
}

.ba-slideset.single.slideset-zoom-in .slideset-content .right-animation {
    display: block;
    opacity: 0;
    left:0% !important;
    transform: scale(.7);
    -webkit-transform: scale(.7);
    transition: left .5s linear, opacity .5s linear, transform .5s linear;
    -webkit-transition: left .5s linear, opacity .5s linear, transform .5s linear;
}

.ba-slideset.single.slideset-zoom-in .slideset-content .prev-animation,
.ba-slideset.single.slideset-zoom-in .slideset-content .next-animation {
    animation: zoom-in-slideset .5s linear ;
    -webkit-animation: zoom-in-slideset .5s linear ;
    z-index: 2
}

@-webkit-keyframes zoom-in-slideset {
    0%{ opacity: 0; transform: scale(.7); -webkit-transform: scale(.7); }
    100%{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
}

@keyframes zoom-in-slideset {
    0%{ opacity: 0; transform: scale(.7); -webkit-transform: scale(.7); }
    100%{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
}

/* Zoom-out Single */
.ba-slideset.single.slideset-zoom-out .slideset-content .active {
    z-index: 1;
}

.ba-slideset.single.slideset-zoom-out .slideset-content .left-animation {
    display: block;
    opacity: 0;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transition: left .5s linear, opacity .5s linear, transform .5s linear;
    -webkit-transition: left .5s linear, opacity .5s linear, transform .5s linear;
    z-index: 2
}

.ba-slideset.single.slideset-zoom-out .slideset-content .right-animation {
    display: block;
    opacity: 0;
    left:0% !important;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transition: left .5s linear, opacity .5s linear, transform .5s linear;
    -webkit-transition: left .5s linear, opacity .5s linear, transform .5s linear;
    z-index: 2
}

.ba-slideset.single.slideset-zoom-out .slideset-content .prev-animation,
.ba-slideset.single.slideset-zoom-out .slideset-content .next-animation {
    animation: zoom-out-slideset .5s linear ;
    -webkit-animation: zoom-out-slideset .5s linear ;
    z-index: 2
}

@-webkit-keyframes zoom-out-slideset {
    0%{ opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
    100%{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
}

@keyframes zoom-out-slideset {
    0%{ opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
    100%{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
}

/* Vertical Single */
.ba-slideset.single.vertical-offset .slideset-content .left-animation {
    display: block;
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: left .5s linear, opacity .5s linear, transform .5s linear;
    -webkit-transition: left .5s linear, opacity .5s linear, transform .5s linear;
}

.ba-slideset.single.vertical-offset .slideset-content .right-animation {
    display: block;
    opacity: 0;
    left:0% !important;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: left .5s linear, opacity .5s linear, transform .5s linear;
    -webkit-transition: left .5s linear, opacity .5s linear, transform .5s linear;
}

.ba-slideset.single.vertical-offset .slideset-content .prev-animation,
.ba-slideset.single.vertical-offset .slideset-content .next-animation {
    animation: vertical-single .5s linear;
    -webkit-animation: vertical-single .5s linear;
}

@-webkit-keyframes vertical-single {
    0%{ opacity: 0; transform: translateY(-100%); -webkit-transform: translateY(-100%) ); }
    100%{ opacity: 1; transform: translateY(0) ; -webkit-transform: translateY(0); }
}

@keyframes vertical-single {
    0%{ opacity: 0; transform: translateY(-100%); -webkit-transform: translateY(-100%); }
    100%{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); }
}

/*
/* Slideset
*/

/* Fade Slideset */
.ba-slideset.slideset-fade:not(.single) .slideset-content .right-animation,
.ba-slideset.slideset-fade:not(.single) .slideset-content .left-animation{
    animation: slideset-fade .5s linear;
    -webkit-animation: slideset-fade .5s linear;
    z-index: 2;
}

@-webkit-keyframes slideset-fade {
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes slideset-fade {
    0%{opacity: 0;}
    100%{opacity: 1;}
}

.ba-slideset.slideset-fade:not(.single) .slideset-content .prev-animation,
.ba-slideset.slideset-fade:not(.single) .slideset-content .next-animation {
    display: block !important;
    z-index: 1;
    animation: slideset-fade-out .5s linear both;
    -webkit-animation: slideset-fade-out .5s linear both;
    z-index: 2;
}

@-webkit-keyframes slideset-fade-out {
    0%{opacity: 1;}
    100%{opacity: 0;}
}

@keyframes slideset-fade-out {
    0%{opacity: 1;}
    100%{opacity: 0;}
}

/* Zoom-Fade Slideset */
.ba-slideset.slideset-zoom-in:not(.single) .slideset-content .right-animation,
.ba-slideset.slideset-zoom-in:not(.single) .slideset-content .left-animation {
    animation: zoom-fade-slideset .5s linear ;
    -webkit-animation: zoom-fade-slideset .5s linear ;
    z-index: 2;
}

@-webkit-keyframes zoom-fade-slideset {
    0%{opacity: 0; transform: scale(.7); -webkit-transform: scale(.7);}
    100%{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
}

@keyframes zoom-fade-slideset {
    0%{opacity: 0; transform: scale(.7); -webkit-transform: scale(.7);}
    100%{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
}

.ba-slideset.slideset-zoom-in:not(.single) .slideset-content .prev-animation,
.ba-slideset.slideset-zoom-in:not(.single) .slideset-content .next-animation {
    animation: slideset-zoom-in .5s linear both;
    -webkit-animation: slideset-zoom-in .5s linear both;
    display: block !important;
    z-index: 1;
}

@-webkit-keyframes slideset-zoom-in {
    0%{opacity: 1;}
    100%{opacity: 1;}
}

@keyframes slideset-zoom-in {
    0%{opacity: 1;}
    100%{opacity: 1;}
}

/* Zoom-out-Fade Slideset */
.ba-slideset.slideset-zoom-out:not(.single) .slideset-content .right-animation,
.ba-slideset.slideset-zoom-out:not(.single) .slideset-content .left-animation {
    display: block !important;
    opacity: 1;
    z-index: 1;
    animation: slideset-fade .5s linear;
    -webkit-animation: slideset-fade .5s linear;
}

.ba-slideset.slideset-zoom-out:not(.single) .slideset-content .prev-animation,
.ba-slideset.slideset-zoom-out:not(.single) .slideset-content .next-animation {
    display: block !important;
    animation: zoom-out-fade-slideset .5s linear both ;
    -webkit-animation: zoom-out-fade-slideset .5s linear both  ;
    z-index: 2;
}

@-webkit-keyframes zoom-out-fade-slideset {
    0%{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
    100%{opacity: 0; transform: scale(.5); -webkit-transform: scale(.5);}
}

@keyframes zoom-out-fade-slideset {
    0%{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
    100%{opacity: 0; transform: scale(.5); -webkit-transform: scale(.5);}
}


/* Horisontal Offset Slideset */
.ba-slideset.horisontal-offset:not(.single) .slideset-content .active.left-animation {
    animation: horisontal-offset-prev .5s linear ;
    -webkit-animation: horisontal-offset-prev .5s linear ;
}

.ba-slideset.horisontal-offset:not(.single) .slideset-content .active.right-animation {
    animation: horisontal-offset-next .5s linear ;
    -webkit-animation: horisontal-offset-next .5s linear ;
}

.ba-slideset.horisontal-offset:not(.single) .slideset-content .prev-animation {
    display: block;
    opacity: 0;
    position: absolute;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: left .5s linear, transform .5s linear, opacity .5s linear;
    -webkit-transition: left .5s linear, transform .5s linear, opacity .5s linear;
    z-index: 1;
}

.ba-slideset.horisontal-offset:not(.single) .slideset-content .next-animation {
    display: block;
    opacity: 0;
    position: absolute;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: left .5s linear, transform .5s linear, opacity .5s linear;
    -webkit-transition: left .5s linear, transform .5s linear, opacity .5s linear;
    z-index: 1;
}

/* Horisontal Offset Fast Slideset */
.ba-slideset.horisontal-fast:not(.single) .slideset-content .active.left-animation,
.ba-slideset.horisontal-fast:not(.single) .slideset-content .active.right-animation {
    z-index: 1;
    display: block;
    overflow: hidden;
}

.ba-slideset.horisontal-fast:not(.single) .slideset-content .active.left-animation * {
    animation: horisontal-offset-fast-prev .5s linear ;
    -webkit-animation: horisontal-offset-fast-prev .5s linear ;
}

.ba-slideset.horisontal-fast:not(.single) .slideset-content .active.right-animation * {
    animation: horisontal-fast-offset-next .5s linear ;
    -webkit-animation: horisontal-fast-offset-next .5s linear ;
}

@-webkit-keyframes horisontal-offset-fast-prev {
    0%{ transform: translateX(-60%); -webkit-transform: translateX(-60%); }
    100%{ transform: translateX(1); -webkit-transform: translateX(1); }
}

@keyframes horisontal-offset-fast-prev {
    0%{  transform: translateX(-60%); -webkit-transform: translateX(-60%); }
    100%{  transform: translateX(1); -webkit-transform: translateX(1); }
}

@-webkit-keyframes horisontal-fast-offset-next {
    0%{ transform: translateX(60%); -webkit-transform: translateX(60%); }
    100%{ transform: translateX(1); -webkit-transform: translateX(1); }
}

@keyframes horisontal-fast-offset-next {
    0%{  transform: translateX(60%); -webkit-transform: translateX(60%); }
    100%{  transform: translateX(1); -webkit-transform: translateX(1); }
}

.ba-slideset.horisontal-fast:not(.single) .slideset-content .prev-animation,
.ba-slideset.horisontal-fast:not(.single) .slideset-content .next-animation {
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 5;
}

.ba-slideset.horisontal-fast:not(.single) .slideset-content .prev-animation * {
    display: block;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: transform .7s .3s linear;
    -webkit-transition: -webkit-transform .7s .3s linear;
}

.ba-slideset.horisontal-fast:not(.single) .slideset-content .next-animation * {
    display: block;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: transform .7s .3s linear;
    -webkit-transition: -webkit-transform .7s .3s linear;
}

/* Vertical Offset Slideset */
.ba-slideset.vertical-offset:not(.single) .slideset-content .active.left-animation {
    animation: vertical-slideset .5s linear;
    -webkit-animation: vertical-slideset .5s linear;
}

@-webkit-keyframes vertical-slideset {
    0%{ opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%) ); }
    100%{ opacity: 1; transform: translateY(0) ; -webkit-transform: translateY(0); }
}

@keyframes vertical-slideset {
    0%{ opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); }
    100%{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); }
}

.ba-slideset.vertical-offset:not(.single) .slideset-content .active.right-animation {
    animation: vertical-single .5s linear;
    -webkit-animation: vertical-single .5s linear;
}

.ba-slideset.vertical-offset:not(.single) .slideset-content .next-animation {
    display: block;
    opacity: 0;
    position: absolute;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    z-index: 1;
}

.ba-slideset.vertical-offset:not(.single) .slideset-content .prev-animation {
    display: block;
    opacity: 0;
    position: absolute;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    z-index: 1;
}