.da-slider
{
    position: absolute;
    top:0;
    left:0;
	width: 100%;
    height:100%;
}
.da-slide
{
    background-color: #000;
    backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
/* makes sure top slide is always visible first */
.da-slide:first-child
{
    z-index:1;
}
.da-slider-active .da-slide-current .bg-image-container
{
    -webkit-transition-duration: 0ms;
    -moz-transition-duration: 0ms;
    -ms-transition-duration: 0ms;
    -o-transition-duration: 0ms;
    transition-duration: 0ms;
}
.da-slider-active .da-slide-previous .bg-image-container
{
	z-index: 1;
    -webkit-transition: opacity 600ms ease-in;
    -moz-transition: opacity 600ms ease-in;
    -ms-transition: opacity 600ms ease-in;
    -o-transition: opacity 600ms ease-in;
    transition: opacity 600ms ease-in; 
}
.da-slider-active .da-slide-previous
{
	z-index: 2;
}
.da-slider-active .da-slide-current
{
	z-index: 3;
}
.da-slider-fb .da-slide
{
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.da-slider-fb  .da-slide.da-slide-current
{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
/* Animation classes and animations */
/* Slide in from the right*/
.da-slide-fromright
{
	-webkit-animation: fromRightAnim1 400ms ease-in;
	-moz-animation: fromRightAnim1 400ms ease-in;
	-ms-animation: fromRightAnim1 400ms ease-in;
	-o-animation: fromRightAnim1 400ms ease-in;
	animation: fromRightAnim1 400ms ease-in;
}
.da-slide-fromright .bg-image-container
{
    opacity:1;
}
@-webkit-keyframes fromRightAnim1
{
	0%
    {
        -webkit-transform: translateX(100%);
    }
	100%
    {
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fromRightAnim1
{
	0%
    {
        -moz-transform: translateX(100%);
    }
	100%
    {
        -moz-transform: translateX(0);
    }
}
@-ms-keyframes fromRightAnim1
{
	0%
    {
        -ms-transform: translateX(100%);
    }
	100%
    {
        -ms-transform: translateX(0);
    }
}
@-o-keyframes fromRightAnim1
{
	0%
    {
        -o-transform: translateX(100%);
    }
	100%
    {
        -o-transform: translateX(0);
    }
}
@keyframes fromRightAnim1
{
	0%
    {
        transform: translateX(100%);
    }
	100%
    {
        transform: translateX(0);
    }
}
/* examples of other animations:
keyframes fromRightAnim3{
	0%{ left:00%; opacity: 1; }
	1%{ left:0%; opacity: 1; }
	100%{ left:0%; opacity: 1; }
}
keyframes fromRightAnim4{
	0%{ left:00%; opacity: 1; }
	100%{ left: 60%; opacity: 1; }
}
*/
/* Slide in from the left*/
.da-slide-fromleft
{
	-webkit-animation: fromLeftAnim1 400ms ease-in;
	-moz-animation: fromLeftAnim1 400ms ease-in;
	-ms-animation: fromLeftAnim1 400ms ease-in;
	-o-animation: fromLeftAnim1 400ms ease-in;
	animation: fromLeftAnim1 400ms ease-in;
}
.da-slide-fromleft .bg-image-container
{
    opacity:1;
}
@-webkit-keyframes fromLeftAnim1
{
	0%
    {
        -webkit-transform: translateX(-100%);
    }
	100%
    {
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fromLeftAnim1
{
	0%
    {
        -moz-transform: translateX(-100%);
    }
	100%
    {
        -moz-transform: translateX(0);
    }
}
@-ms-keyframes fromLeftAnim1
{
	0%
    {
        -ms-transform: translateX(-100%);
    }
	100%
    {
        -ms-transform: translateX(0);
    }
}
@-o-keyframes fromLeftAnim1
{
	0%
    {
        -o-transform: translateX(-100%);
    }
	100%
    {
        -o-transform: translateX(0);
    }
}
@keyframes fromLeftAnim1
{
	0%
    {
        transform: translateX(-100%);
    }
	100%
    {
        transform: translateX(0);
    }
}
/* Slide out to the right */
.da-slide-toright
{
    -webkit-animation: toRightAnim1 0;
    -moz-animation: toRightAnim1 0;
    -ms-animation: toRightAnim1 0;
    -o-animation: toRightAnim1 0;
    animation: toRightAnim1 0;
    -webkit-animation-delay:400ms;
    -moz-animation-delay:400ms;
    -ms-animation-delay:400ms;
    -o-animation-delay:400ms;
    animation-delay:400ms;
}
.da-slide-toright .bg-image-container
{
    opacity:0;
}
@-webkit-keyframes toRightAnim1
{
	0%
    {
        -webkit-transform: translateX(0);
    }
	100%
    {
        -webkit-transform: translateX(100%);
    }
}
@-moz-keyframes toRightAnim1
{
	0%
    {
        -moz-transform: translateX(0);
    }
	100%
    {
        -moz-transform: translateX(100%);
    }
}
@-ms-keyframes toRightAnim1
{
	0%
    {
        -ms-transform: translateX(0);
    }
	100%
    {
        -ms-transform: translateX(100%);
    }
}
@-o-keyframes toRightAnim1
{
	0%
    {
        -o-transform: translateX(0);
    }
	100%
    {
        -o-transform: translateX(100%);
    }
}
@keyframes toRightAnim1
{
	0%
    {
        transform: translateX(0);
    }
	100%
    {
        transform: translateX(100%);
    }
}
/* Slide out to the left*/
.da-slide-toleft
{
    -webkit-animation: toLeftAnim1 0;
    -moz-animation: toLeftAnim1 0;
    -ms-animation: toLeftAnim1 0;
    -o-animation: toLeftAnim1 0;
    animation: toLeftAnim1 0;
    -webkit-animation-delay:400ms;
    -moz-animation-delay:400ms;
    -ms-animation-delay:400ms;
    -o-animation-delay:400ms;
    animation-delay:400ms;
}
.da-slide-toleft .bg-image-container
{
    opacity:0;
}
@-webkit-keyframes toLeftAnim1
{
	0%
    {
        -webkit-transform: translateX(0);
    }
	100%
    {
        -webkit-transform: translateX(-100%);
    }
}
@-moz-keyframes toLeftAnim1
{
	0%
    {
        -moz-transform: translateX(0);
    }
	100%
    {
        -moz-transform: translateX(-100%);
    }
}
@-ms-keyframes toLeftAnim1
{
	0%
    {
        -ms-transform: translateX(0);
    }
	100%
    {
        -ms-transform: translateX(-100%);
    }
}
@-o-keyframes toLeftAnim1
{
	0%
    {
        -o-transform: translateX(0);
    }
	100%
    {
        -o-transform: translateX(-100%);
    }
}
@keyframes toLeftAnim1
{
	0%
    {
        transform: translateX(0);
    }
	100%
    {
        transform: translateX(-100%);
    }
}