.da-slider{
	width: 100%;
	position: relative;
	overflow: hidden;
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
}
.da-slide-current{z-index: 999;}
.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: left;
}
.da-bg img{width: 100%;height: 100%;}

.da-slider-fb .da-slide{
	left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}
.da-slide .kare-title{z-index:2;}
.da-slide .kare-text{z-index:2;}
.da-slide .kare-button{z-index:2;}
.da-slide .da-img{z-index:2;}
.da-slide .kare-title,
.da-slide .kare-text,
.da-slide .kare-button,
.da-slide .da-img{
	position: absolute;
	opacity: 0;
}
.da-slide .da-bg{

	opacity: 0;
	z-index:1;
}

.da-slider-fb .kare-title,
.da-slider-fb .kare-text,
.da-slider-fb .kare-button,
.da-slider-fb .da-img,
.da-slider-fb .da-bg{
opacity: 1;
}
.da-slide-current .kare-title,
.da-slide-current .kare-text,
.da-slide-current .kare-button,
.da-slide-current .da-img,
.da-slide-current .da-bg{
opacity: 1;
}


.kare-title{
	white-space: nowrap;
}
.da-slide .kare-text, .da-slide .kare-button{
	overflow: hidden;
	padding: 10px;
}
.da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 20px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 3px;
	cursor: pointer;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
	-webkit-transition: opacity 0.4s ease-in-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out 0.2s;
	transition: opacity 0.4s ease-in-out 0.2s;
}
.da-slider:hover .da-arrows span{
	opacity: 1;
}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	background: transparent url(../images/arrows.png) no-repeat top left;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
	background-position: top right;
}
.da-arrows span.da-arrows-prev{
	left: 15px;
}
.da-arrows span.da-arrows-next{
	right: 15px;
}



/* Slide in from the right*/
.da-slide-fromright .kare-title{
	-webkit-animation: fromRightAnim 1.4s ease-in 0.3s both;
	-moz-animation: fromRightAnim 1.4s ease-in 0.3s both;
	-o-animation: fromRightAnim 1.4s ease-in 0.3s both;
	-ms-animation: fromRightAnim 1.4s ease-in 0.3s both;
	animation: fromRightAnim 1.4s ease-in 0.3s both;
}
.da-slide-fromright .kare-text{
	-webkit-animation: fromRightAnim 1.4s ease-in 0.5s both;
	-moz-animation: fromRightAnim 1.4s ease-in 0.5s both;
	-o-animation: fromRightAnim 1.4s ease-in 0.5s both;
	-ms-animation: fromRightAnim 1.4s ease-in 0.5s both;
	animation: fromRightAnim 1.4s ease-in 0.5s both;
}
.da-slide-fromright .kare-button{
	-webkit-animation: fromRightAnim 1.4s ease-in 0.7s both;
	-moz-animation: fromRightAnim 1.4s ease-in 0.7s both;
	-o-animation: fromRightAnim 1.4s ease-in 0.7s both;
	-ms-animation: fromRightAnim 1.4s ease-in 0.7s both;
	animation: fromRightAnim 1.4s ease-in 0.7s both;
}
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim 1.4s ease-in 0.9s both;
	-moz-animation: fromRightAnim 1.4s ease-in 0.9s both;
	-o-animation: fromRightAnim 1.4s ease-in 0.9s both;
	-ms-animation: fromRightAnim 1.4s ease-in 0.9s both;
	animation: fromRightAnim 1.4s ease-in 0.9s both;
}
.da-slide-fromright .da-bg{
	-webkit-animation: fromRightAnim 1.4s ease-in 0.1s both;
	-moz-animation: fromRightAnim 1.4s ease-in 0.1s both;
	-o-animation: fromRightAnim 1.4s ease-in 0.1s both;
	-ms-animation: fromRightAnim 1.4s ease-in 0.1s both;
	animation: fromRightAnim 1.4s ease-in 0.1s both;
}

@-webkit-keyframes fromRightAnim{
	0%{ left: 100%; opacity: 0; }
	100%{ opacity: 1; }
}
@-moz-keyframes fromRightAnim{
	0%{ left: 100%; opacity: 0; }
	100%{opacity: 1; }
}
@-o-keyframes fromRightAnim{
	0%{ left: 100%; opacity: 0; }
	100%{opacity: 1; }
}
@-ms-keyframes fromRightAnim{
	0%{ left: 100%; opacity: 0; }
	100%{opacity: 1; }
}
@keyframes fromRightAnim{
	0%{ left: 100%; opacity: 0; }
	100%{ opacity: 1; }
}


/* Slide in from the left*/

.da-slide-fromleft .kare-title{
	-webkit-animation: fromLeftAnim 1.4s ease-in 0.9s both;
	-moz-animation: fromLeftAnim 1.4s ease-in 0.9s both;
	-o-animation: fromLeftAnim 1.4s ease-in 0.9s both;
	-ms-animation: fromLeftAnim 1.4s ease-in 0.9s both;
	animation: fromLeftAnim 1.4s ease-in 0.9s both;
}
.da-slide-fromleft .kare-text{
	-webkit-animation: fromLeftAnim 1.4s ease-in 0.7s both;
	-moz-animation: fromLeftAnim 1.4s ease-in 0.7s both;
	-o-animation: fromLeftAnim 1.4s ease-in 0.7s both;
	-ms-animation: fromLeftAnim 1.4s ease-in 0.7s both;
	animation: fromLeftAnim 1.4s ease-in 0.7s both;
}
.da-slide-fromleft .kare-button{
	-webkit-animation: fromLeftAnim 1.4s ease-in 0.5s both;
	-moz-animation: fromLeftAnim 1.4s ease-in 0.5s both;
	-o-animation: fromLeftAnim 1.4s ease-in 0.5s both;
	-ms-animation: fromLeftAnim 1.4s ease-in 0.5s both;
	animation: fromLeftAnim 1.4s ease-in 0.5s both;
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim 1.4s ease-in 0.3s both;
	-moz-animation: fromLeftAnim 1.4s ease-in 0.3s both;
	-o-animation: fromLeftAnim 1.4s ease-in 0.3s both;
	-ms-animation: fromLeftAnim 1.4s ease-in 0.3s both;
	animation: fromLeftAnim 1.4s ease-in 0.3s both;
}
.da-slide-fromleft .da-bg{
	-webkit-animation: fromLeftAnim 1.4s ease-in 0.1s both;
	-moz-animation: fromLeftAnim 1.4s ease-in 0.1s both;
	-o-animation: fromLeftAnim 1.4s ease-in 0.1s both;
	-ms-animation: fromLeftAnim 1.4s ease-in 0.1s both;
	animation: fromLeftAnim 1.4s ease-in 0.1s both;
}

@-webkit-keyframes fromLeftAnim{
	0%{ left: -100%; opacity: 0; }
	100%{ opacity: 1; }
}
@-moz-keyframes fromLeftAnim{
	0%{ left: -100%; opacity: 0; }
	100%{ opacity: 1; }
}
@-o-keyframes fromLeftAnim{
	0%{ left: -100%; opacity: 0; }
	100%{ opacity: 1; }
}
@-ms-keyframes fromLeftAnim{
	0%{ left: -100%; opacity: 0; }
	100%{ opacity: 1; }
}
@keyframes fromLeftAnim{
	0%{ left: -100%; opacity: 0; }
	100%{ opacity: 1; }
}

/* Slide out to the right */

.da-slide-toright .kare-title{
	-webkit-animation: toRightAnim 1.4s ease-in 0.3s both;
	-moz-animation: toRightAnim 1.4s ease-in 0.3s both;
	-o-animation: toRightAnim 1.4s ease-in 0.3s both;
	-ms-animation: toRightAnim 1.4s ease-in 0.3s both;
	animation: toRightAnim 1.4s ease-in 0.3s both;
}
.da-slide-toright .kare-text{
	-webkit-animation: toRightAnim 1.4s ease-in 0.5s both;
	-moz-animation: toRightAnim 1.4s ease-in 0.5s both;
	-o-animation: toRightAnim 1.4s ease-in 0.5s both;
	-ms-animation: toRightAnim 1.4s ease-in 0.5s both;
	animation: toRightAnim 1.4s ease-in 0.5s both;
}
.da-slide-toright .kare-button{
	-webkit-animation: toRightAnim 1.4s ease-in 0.7s both;
	-moz-animation: toRightAnim 1.4s ease-in 0.7s both;
	-o-animation: toRightAnim 1.4s ease-in 0.7s both;
	-ms-animation: toRightAnim 1.4s ease-in 0.7s both;
	animation: toRightAnim 1.4s ease-in 0.7s both;
}
.da-slide-toright .da-img{
	-webkit-animation: toRightAnim 1.4s ease-in 0.9s both;
	-moz-animation: toRightAnim 1.4s ease-in 0.9s both;
	-o-animation: toRightAnim 1.4s ease-in 0.9s both;
	-ms-animation: toRightAnim 1.4s ease-in 0.9s both;
	animation: toRightAnim 1.4s ease-in 0.9s both;
}
.da-slide-toright .da-bg{
	-webkit-animation: toRightAnim 1.4s ease-in 0.1s both;
	-moz-animation: toRightAnim 1.4s ease-in 0.1s both;
	-o-animation: toRightAnim 1.4s ease-in 0.1s both;
	-ms-animation: toRightAnim 1.4s ease-in 0.1s both;
	animation: toRightAnim 1.4s ease-in 0.1s both;
}

@-webkit-keyframes toRightAnim{
	0%{ opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim{
	0%{ opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim{
	0%{ opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim{
	0%{ opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim{
	0%{ opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

/* Slide out to the left*/

.da-slide-toleft .kare-title{
	-webkit-animation: toLeftAnim 1.4s ease-in 0.9s both;
	-moz-animation: toLeftAnim 1.4s ease-in 0.9s both;
	-o-animation: toLeftAnim 1.4s ease-in 0.9s both;
	-ms-animation: toLeftAnim 1.4s ease-in 0.9s both;
	animation: toLeftAnim 1.4s ease-in 0.9s both;
}
.da-slide-toleft .kare-text{
	-webkit-animation: toLeftAnim 1.4s ease-in 0.7s both;
	-moz-animation: toLeftAnim 1.4s ease-in 0.7s both;
	-o-animation: toLeftAnim 1.4s ease-in 0.7s both;
	-ms-animation: toLeftAnim 1.4s ease-in 0.7s both;
	animation: toLeftAnim 1.4s ease-in 0.7s both;
}
.da-slide-toleft .kare-button{
	-webkit-animation: toLeftAnim 1.4s ease-in 0.5s both;
	-moz-animation: toLeftAnim 1.4s ease-in 0.5s both;
	-o-animation: toLeftAnim 1.4s ease-in 0.5s both;
	-ms-animation: toLeftAnim 1.4s ease-in 0.5s both;
	animation: toLeftAnim 1.4s ease-in 0.5s both;
}
.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim 1.4s ease-in 0.3s both;
	-moz-animation: toLeftAnim 1.4s ease-in 0.3s both;
	-o-animation: toLeftAnim 1.4s ease-in 0.3s both;
	-ms-animation: toLeftAnim 1.4s ease-in 0.3s both;
	animation: toLeftAnim 1.4s ease-in 0.3s both;
}
.da-slide-toleft .da-bg{
	-webkit-animation: toLeftAnim 1.4s ease-in 0.1s both;
	-moz-animation: toLeftAnim 1.4s ease-in 0.1s both;
	-o-animation: toLeftAnim 1.4s ease-in 0.1s both;
	-ms-animation: toLeftAnim 1.4s ease-in 0.1s both;
	animation: toLeftAnim 1.4s ease-in 0.1s both;
}

@-webkit-keyframes toLeftAnim{
	0%{opacity: 1; }
	100%{ left: -100%; opacity: 0; }
}
@-moz-keyframes toLeftAnim{
	0%{opacity: 1; }
	100%{ left: -100%; opacity: 0; 
}
@-o-keyframes toLeftAnim{
	0%{opacity: 1; }
	100%{ left: -100%; opacity: 0; 
}
@-ms-keyframes toLeftAnim{
	0%{opacity: 1; }
	100%{ left: -100%; opacity: 0; 
}
@keyframes toLeftAnim{
	0%{opacity: 1; }
	100%{ left: -100%; opacity: 0; 
}