.da-slider{
	width: 100%;
	height: 400px;
	top: 0px;
	position: relative;
	margin: 0px 0px;
	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{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	text-align: left;
}
.da-slide-current{
	z-index: 1000;
}
.da-slider-fb .da-slide{
	left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
	position: absolute;
	opacity: 0;
	left: 110%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
	left: 10%;
	opacity: 1;
}
.da-slider-fb .da-slide .da-img{
	left: 60%;
	opacity: 1;
}
.da-slide h2{
	color: #fff;
	width: 50%;
	top: 10px;
	white-space: nowrap;
	z-index: 10;
	font-family: 'pt_sansregular';
	font-weight: 700;
	text-shadow: 3px 3px 1px #aaa;
	-webkit-text-shadow: 3px 3px 1px #aaa;
	-moz-text-shadow: 3px 3px 1px #aaa;
	-o-text-shadow: 3px 3px 1px #aaa;
}

.da-slide p{
	width: 40%;
	top: 155px;
	font-family: 'pt_sansregular';
	color: #FFFFFF;
	height: auto;
	overflow: hidden;
}
.da-slide .da-img{
	text-align: center;
	width: 40%;
	top: 0px;
	height: 450px;
	line-height: 320px;
	left: 110%; /*60%*/
	overflow: hidden;
}
.da-slide .da-link{
	top: 270px; /*depends on p height*/
	border-radius: 30px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 8px solid rgba(255,255,255,0.8);
	padding: 2px 20px 0px;
	font-size: 18px;
	line-height: 30px;
	width: 80px;
	text-align: center;
	background: rgba(255,255,255,0.2);
}
.da-slide .da-link:hover{
	background: rgba(255,255,255,0.3);
}
.da-dots{
	
	position: absolute;
	right: 0px;
	padding-right: 5%;
	bottom: 0px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #333;
	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: 10px;
	height: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #888;
	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;
}


.da-slide-current h2 {
	text-shadow: 3px 3px 1px #aaa;
	-webkit-text-shadow: 3px 3px 1px #aaa;
	-moz-text-shadow: 3px 3px 1px #aaa;
	-o-text-shadow: 3px 3px 1px #aaa;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
	left: 10%;
	width: 40%;
	opacity: 1;
	font-family: 'pt_sansregular';
}
.da-slide-current .da-img{
	left: 60%;
	opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{
	-webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	animation: fromRightAnim1 0.6s ease-in 0.8s both;
}
.da-slide-fromright p{
	-webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	animation: fromRightAnim2 0.6s ease-in 0.8s both;
}
.da-slide-fromright .da-link{
	-webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	animation: fromRightAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	animation: fromRightAnim4 0.6s ease-in 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
	-webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}
.da-slide-fromleft p{
	-webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}
.da-slide-fromleft .da-link{
	-webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
	-webkit-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in 0.6s both;
	animation: toRightAnim1 0.6s ease-in 0.6s both;
}
.da-slide-toright p{
	-webkit-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in 0.3s both;
	animation: toRightAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in both;
	-moz-animation: toRightAnim3 0.4s ease-in both;
	-o-animation: toRightAnim3 0.4s ease-in both;
	-ms-animation: toRightAnim3 0.4s ease-in both;
	animation: toRightAnim3 0.4s ease-in both;
}
.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in both;
	-moz-animation: toRightAnim4 0.6s ease-in both;
	-o-animation: toRightAnim4 0.6s ease-in both;
	-ms-animation: toRightAnim4 0.6s ease-in both;
	animation: toRightAnim4 0.6s ease-in both;
}
@-webkit-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h2{
	-webkit-animation: toLeftAnim1 0.6s ease-in both;
	-moz-animation: toLeftAnim1 0.6s ease-in both;
	-o-animation: toLeftAnim1 0.6s ease-in both;
	-ms-animation: toLeftAnim1 0.6s ease-in both;
	animation: toLeftAnim1 0.6s ease-in both;
}
.da-slide-toleft p{
	-webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	animation: toLeftAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.4s ease-in both;
	-moz-animation: toLeftAnim3 0.4s ease-in both;
	-o-animation: toLeftAnim3 0.4s ease-in both;
	-ms-animation: toLeftAnim3 0.4s ease-in both;
	animation: toLeftAnim3 0.4s ease-in both;
}
.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	animation: toLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}


/*-----------------------------------------------------------------*/
.abc { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}
.seo_img {position:absolute; }
#laptop2 { left: 147px; top: 187px; width:200px; height: 120px; }
#line1 { left: 80px; width: 90px; height: 9px; top: 280px; }
#line2 { left: 320px; width: 90px; height: 9px; top: 230px; -webkit-transform: rotate(180deg); }
#line3 {  left: 130px; width: 70px; height: 70px; top: 130px; }
#dot_blog { left: 107px; top: 55px; width:120px; height: 85px; }
#dot_pb {left: 225px; top: 110px; width:120px; height: 85px;}
#dot_social {left: 382px; top: 154px; width:120px; height: 85px;}
#dot_user  { left: 58px; width: 120px; height: 85px; top: 200px; }




#desktop {left: 130px; bottom: 100px; width:300px; height: 250px;}
#laptop {left: -15px; top: 190px; width:275px; height: 160px;}
#tableth {left: 300px; bottom: 100px; width:150px; height: 100px;}
#tablet {left: 400px; top: 200px; width:100px; height: 150px;}
#phone {left: 239px; bottom: 100px; width:50px; height: 100px; -moz-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); }



.app_image {width: 100px; height: 90px; position: absolute; }
#sql { left: 10px; top: 55px; }
#magento { left: 95px; top: 10px; }
#wp { left: 95px; top: 110px ; }
#zen { left: 95px; top: 210px; }
#php1 { left: 180px; top: 55px; }
#java { left: 180px; top: 155px; }
#droopal { left: 180px; top: 255px; }
#net { left: 265px; top: 110px; }
#ajax { left: 265px; top: 210px; }
#zoomla { left: 350px; top: 155px; }


#etext { top: 240px; left: 102px; width: 55px; height: 90px;   }
#webtext { top: 200px; left: 20px; width: 400px; height: 130px; }

#complete11 { top: 120px; left: 250px; position:relative; }


#machine {  top: 43px; left: 75px; width: 15px; height: 25px;  }
#crane {  top: 0px; left: 0px; width: 250px; height: 250px;   }
#chain {  top: 67px; left: 78px; width: 9px; height: 50px; background: url(../images/chain.png) repeat-y 0% 100%; }


#earth { top: 20px; left: 20px; height: 125px; width: 125px;  }
#cpu { top: 130px; left: 300px; padding: 0px; }
#light1 {top: 98px; left: 27px; width: 10px; height: 10px; position: absolute; opacity: 0.5; }
#light2 {top: 25px; left: 47px; width: 5px; height: 5px; position: absolute; opacity: 0.5; }
#light3 {top: 41px; left: 47px; width: 5px; height: 5px; position: absolute; opacity: 0.5; }
#load1 { height: 20px; width: 180px; top: 110px; left: 140px; background: url(../images/preloader-dots.gif) repeat-y 0% 0%; -webkit-transform: rotate(20deg);  }
#load2 { height: 20px; width: 180px; top: 250px; left: 140px; background: url(../images/preloader-dots.gif) repeat-y 0% 0%;  -webkit-transform: rotate(-20deg); }
#desktop2 { top: 250px; left: 20px; height: 125px; width: 125px; }



/*-------------------------------------------------------------------------*/





.da-slide-current #laptop2{
	-moz-animation:  webdesign1 1s ease-in 2.2s both;
	-webkit-animation: webdesign1 1s ease-in 2.2s both;
	-o-animation: webdesign1 1s ease-in 2.2s both;
	-ms-animation: webdesign1 1s ease-in 2.2s both;
	animation: webdesign1 1s ease-in 2.2s both;
}

@-webkit-keyframes line1 { 0%{  left: 150px; opacity: 0; } 10% { opacity: 1;} }
@keyframes line1 {	 0%{  left: 150px; opacity: 0; } 10% { opacity: 1;} }
@-moz-keyframes line1 { 0%{  left: 150px; opacity: 0; } 10% { opacity: 1;} }

@-webkit-keyframes line3 { 0%{  opacity: 0; } }
@keyframes line3 { 0%{  opacity: 0; } }
@-moz-keyframes line3 { 0%{  opacity: 0; } }

.da-slide-current #line1{
	-moz-animation:  line1 0.5s ease-in 3.2s both;
	-webkit-animation: line1 0.5s ease-in 3.2s both;
	-o-animation: line1 0.5s ease-in 3.2s both;
	-ms-animation: line1 0.5s ease-in 3.2s both;
	animation: line1 0.5s ease-in 3.2s both;
}

.da-slide-current #line2{
	-moz-animation:  line1 0.5s ease-in 3.4s both;
	-webkit-animation: line1 0.5s ease-in 3.4s both;
	-o-animation: line1 0.5s ease-in 3.4s both;
	-ms-animation: line1 0.5s ease-in 3.4s both;
	animation: line1 0.5s ease-in 3.4s both;
}

.da-slide-current #line3{
	-moz-animation:  line3 0.5s ease-in 3.6s both;
	-webkit-animation: line3 0.5s ease-in 3.6s both;
	-o-animation: line3 0.5s ease-in 3.6s both;
	-ms-animation: line3 0.5s ease-in 3.6s both;
	animation: line3 0.5s ease-in 3.6s both;
}



.da-slide-current #dot_pb { -moz-animation:  show_app 0.5s ease-in 4.1s both; -webkit-animation: show_app 0.5s ease-in 4.1s both; -o-animation: show_app 0.5s ease-in 4.1s both;
	-ms-animation: show_app 0.5s ease-in 4.1s both; animation: show_app 0.5s ease-in 4.1s both; }
.da-slide-current #dot_blog { -moz-animation:  show_app 0.5s ease-in 4.3s both; -webkit-animation: show_app 0.5s ease-in 4.3s both; -o-animation: show_app 0.5s ease-in 4.3s both;
	-ms-animation: show_app 0.5s ease-in 4.3s both; animation: show_app 0.5s ease-in 4.3s both; }
.da-slide-current #dot_social { -moz-animation:  show_app 0.5s ease-in 4.5s both; -webkit-animation: show_app 0.5s ease-in 4.5s both; -o-animation: show_app 0.5s ease-in 4.5s both;
	-ms-animation: show_app 0.5s ease-in 4.5s both; animation: show_app 0.5s ease-in 4.5s both; }
.da-slide-current #dot_user { -moz-animation:  show_app 0.5s ease-in 4.7s both; -webkit-animation: show_app 0.5s ease-in 4.7s both; -o-animation: show_app 0.5s ease-in 4.7s both;
	-ms-animation: show_app 0.5s ease-in 4.7s both; animation: show_app 0.5s ease-in 4.7s both; }





@-webkit-keyframes webdesign1 {
	0%{  top:-350px; }
	50%{ top: 200px; }
	60%{   -webkit-transform: rotate(20deg); -webkit-transform-origin: 100% 100%; }
	75%{ -webkit-transform: rotate(0deg); -webkit-transform-origin: 100% 100%; }
	85% {  -webkit-transform: rotate(-10deg); -webkit-transform-origin: 0% 100%; }
	100 {  -webkit-transform: rotate(0deg); -webkit-transform-origin: 0% 100%;  }
}
@keyframes webdesign1 {
	0%{  top:-350px; }
	50%{ top: 200px; }
	60%{   transform: rotate(20deg); transform-origin: 100% 100%; }
	75%{ transform: rotate(0deg); transform-origin: 100% 100%; }
	85% {  transform: rotate(-10deg); transform-origin: 0% 100%; }
	100 {  transform: rotate(0deg); transform-origin: 0% 100%;  }
	
}

@-moz-keyframes webdesign1 {
	0%{  top:-350px; }
	50%{ top: 200px; }
	60%{   -moz-transform: rotate(20deg); -moz-transform-origin: 100% 100%; }
	75%{ -moz-transform: rotate(0deg); -moz-transform-origin: 100% 100%; }
	85% {  -moz-transform: rotate(-10deg); -moz-transform-origin: 0% 100%; }
	100 {  -moz-transform: rotate(0deg); -moz-transform-origin: 0% 100%;  }

} 
.da-slide-current #webtext{
	-moz-animation:  webdesign1 1s ease-in 2.2s both;
	-webkit-animation: webdesign1 1s ease-in 2.2s both;
	-o-animation: webdesign1 1s ease-in 2.2s both;
	-ms-animation: webdesign1 1s ease-in 2.2s both;
	animation: webdesign1 1s ease-in 2.2s both;
}



@-webkit-keyframes etext {
	0%{  top:-350px; }
	10%{ top: 240px; }
	13%{ top: 280px; left: 97px; }
	16%{ -webkit-transform : rotate(-15deg) skew(10deg,-20deg) }
	18%{ top: 320px; left: 92px; }
	20%{ -webkit-transform : rotate(-30deg) skew(20deg,-40deg) }
	54%{ top: 320px; left: 92px; -webkit-transform : rotate(-30deg) skew(20deg,-40deg)   }
	58%{ -webkit-transform : rotate(0deg) skew(0deg,0deg); left: 75px;}
	63%{  top: 220px;  }
	72%{ left: 102px; }
	81%{ top: 240px; }
}
@keyframes etext {
	0%{  top:-350px; }
	10%{ top: 240px; }
	13%{ top: 280px; left: 97px; }
	16%{ transform : rotate(-15deg) skew(10deg,-20deg) }
	18%{ top: 320px; left: 92px; }
	20%{ transform : rotate(-30deg) skew(20deg,-40deg) }
	54%{ top: 320px; left: 92px; transform : rotate(-30deg) skew(20deg,-40deg)   }
	58%{ transform : rotate(0deg) skew(0deg,0deg); left: 75px;}
	63%{  top: 220px;  }
	72%{ left: 102px; }
	81%{ top: 240px; }
	
}

@-moz-keyframes etext {
	0%{  top:-350px; }
	10%{ top: 240px; }
	13%{ top: 280px; left: 97px; }
	16%{ -moz-transform : rotate(-15deg) skew(10deg,-20deg) }
	18%{ top: 320px; left: 92px; }
	20%{ -moz-transform : rotate(-30deg) skew(20deg,-40deg) }
	54%{ top: 320px; left: 92px; -moz-transform : rotate(-30deg) skew(20deg,-40deg)   }
	58%{ -moz-transform : rotate(0deg) skew(0deg,0deg); left: 75px;}
	63%{  top: 220px;  }
	72%{ left: 102px; }
	81%{ top: 240px; }

} 
.da-slide-current #etext{
	-moz-animation:  etext 5s ease-in 2.2s both;
	-webkit-animation: etext 5s ease-in 2.2s both;
	-o-animation: etext 5s ease-in 2.2s both;
	-ms-animation:etext 5s ease-in 2.2s both;
	animation: etext 5s ease-in 2.2s both;
}


@-webkit-keyframes comp {
	0%{left: 600px; }
	21.4%{left: 40px; }
	78.6%{ left: 40px; }
	
}
@keyframes comp {
	0%{left: 600px; }
	21.4%{left: 40px; }
	78.6%{ left: 40px; }	
}

@-moz-keyframes comp {
	0%{left: 600px; }
	21.4%{left: 40px; }
	78.6%{ left: 40px; }

} 
.da-slide-current #complete11{
	-moz-animation:  comp 3.5s linear 3.7s both;
	-webkit-animation: comp 3.5s linear 3.7s both;
	-o-animation: comp 3.5s linear 3.7s both;
	-ms-animation: comp 3.5s linear 3.7s both;
	animation: comp 3.5s linear 3.7s both;
}

@-webkit-keyframes chain{
	0%{ height: 50px; left: 47px; }
	20%{ height: 150px; left: 47px; }
	25%{ height: 150px; left: 47px; }
	45%{ height: 60px; left: 47px; }
	65%{ height: 43px; left: 78px; }
	85%{ height: 70px;  }
	100% { height: 30px; }
	
}
@keyframes chain {
	0%{ height: 50px; left: 47px; }
	20%{ height: 150px; left: 47px; }
	25%{ height: 150px; left: 47px; }
	45%{ height: 60px; left: 47px; }
	65%{ height: 43px; left: 78px; }
	85%{ height: 70px;  }
	100% { height: 30px; }
	
	
}

@-moz-keyframes chain {
	0%{ height: 50px; left: 47px; }
	20%{ height: 150px; left: 47px; }
	25%{ height: 150px; left: 47px; }
	45%{ height: 60px; left: 47px; }
	65%{ height: 43px; left: 78px; }
	85%{ height: 70px;  }
	100% { height: 30px; }
	

} 
.da-slide-current #chain{
	-moz-animation: chain 2s linear 4.45s both;
	-webkit-animation: chain 2s linear 4.45s both;
	-o-animation: chain 2s linear 4.45s both;
	-ms-animation: chain 2s linear 4.45s both;
	animation: chain 2s linear 4.45s both;
}



@-webkit-keyframes machine{
	0%{ left: 44px; }
	
}
@keyframes machine {
	0%{ left: 44px; }
	
}

@-moz-keyframes machine {
	0%{ left: 44px; }	

} 
.da-slide-current #machine{
	-moz-animation:  machine 0.4s linear 5.35s both;
	-webkit-animation: machine 0.4s linear 5.35s both;
	-o-animation: machine 0.4s linear 5.35s both;
	-ms-animation: machine 0.4s linear 5.35s both;
	animation: machine 0.4s linear 5.35s both;
}










@keyframes show_app{ 0%{ transform: scale(0); } 50%{  transform: scale(1.15);   } 75%{  transform: scale(0.9);   } 100%{  transform: scale(1);  } }
@-moz-keyframes show_app{ 0%{ -moz-transform: scale(0); } 50%{  -moz-transform: scale(1.15);   } 75%{  -moz-transform: scale(0.9);   } 100%{  -moz-transform: scale(1);  } } 
@-webkit-keyframes show_app{ 0%{ -webkit-transform: scale(0); } 50%{  -webkit-transform: scale(1.15);   } 75%{  -webkit-transform: scale(0.9);   } 100%{  -webkit-transform: scale(1);  } }

.da-slide-current #zoomla {-moz-animation:  show_app 0.5s ease-in-out 2.2s both; -webkit-animation: show_app 0.5s ease-in-out 2.2s both; -o-animation: show_app 0.5s ease-in-out 2.2s both;
	-ms-animation: show_app 0.5s ease-in-out 2.2s both; animation: show_app 0.5s ease-in-out 2.2s both; }
.da-slide-current #net {-moz-animation:  show_app 0.5s ease-in-out 2.4s both; -webkit-animation: show_app 0.5s ease-in-out 2.4s both; -o-animation: show_app 0.5s ease-in-out 2.4s both;
	-ms-animation: show_app 0.5s ease-in-out 2.4s both; animation: show_app 0.5s ease-in-out 2.4s both; }
.da-slide-current #ajax {-moz-animation:  show_app 0.5s ease-in-out 2.6s both; -webkit-animation: show_app 0.5s ease-in-out 2.6s both; -o-animation: show_app 0.5s ease-in-out 2.6s both;
	-ms-animation: show_app 0.5s ease-in-out 2.6s both; animation: show_app 0.5s ease-in-out 2.6s both; }
.da-slide-current #php1 {-moz-animation:  show_app 0.5s ease-in-out 2.8s both; -webkit-animation: show_app 0.5s ease-in-out 2.8s both; -o-animation: show_app 0.5s ease-in-out 2.8s both;
	-ms-animation: show_app 0.5s ease-in-out 2.8s both; animation: show_app 0.5s ease-in-out 2.8s both; }
.da-slide-current #java {-moz-animation:  show_app 0.5s ease-in-out 3s both; -webkit-animation: show_app 0.5s ease-in-out 3s both; -o-animation: show_app 0.5s ease-in-out 3s both;
	-ms-animation: show_app 0.5s ease-in-out 3s both; animation: show_app 0.5s ease-in-out 3s both; }
.da-slide-current #droopal {-moz-animation:  show_app 0.5s ease-in-out 3.2s both; -webkit-animation: show_app 0.5s ease-in-out 3.2s both; -o-animation: show_app 0.5s ease-in-out 3.2s both;
	-ms-animation: show_app 0.5s ease-in-out 3.2s both; animation: show_app 0.5s ease-in-out 3.2s both; }
.da-slide-current #magento {-moz-animation:  show_app 0.5s ease-in-out 3.4s both; -webkit-animation: show_app 0.5s ease-in-out 3.4s both; -o-animation: show_app 0.5s ease-in-out 3.4s both;
	-ms-animation: show_app 0.5s ease-in-out 3.4s both; animation: show_app 0.5s ease-in-out 3.4s both; }
.da-slide-current #wp {-moz-animation:  show_app 0.5s ease-in-out 3.6s both; -webkit-animation: show_app 0.5s ease-in-out 3.6s both; -o-animation: show_app 0.5s ease-in-out 3.6s both;
	-ms-animation: show_app 0.5s ease-in-out 3.6s both; animation: show_app 0.5s ease-in-out 3.6s both; }
.da-slide-current #zen{-moz-animation:  show_app 0.5s ease-in-out 3.8s both; -webkit-animation: show_app 0.5s ease-in-out 3.8s both; -o-animation: show_app 0.5s ease-in-out 3.8s both;
	-ms-animation: show_app 0.5s ease-in-out 3.8s both; animation: show_app 0.5s ease-in-out 3.8s both; }
.da-slide-current #sql {-moz-animation:  show_app 0.5s ease-in-out 4s both; -webkit-animation: show_app 0.5s ease-in-out 4s both; -o-animation: show_app 0.5s ease-in-out 4s both;
	-ms-animation: show_app 0.5s ease-in-out 4s both; animation: show_app 0.5s ease-in-out 4s both; }
	
 

@-webkit-keyframes laptop {
	0%{  top: 500px; left:60px; }
	25%{ top: 190px;  left:60px; }
	75%{  top: 190px;  left:60px;   }
	100%{ left: -15px;}
}
@keyframes laptop {
	0%{  top: 500px; left:60px; }
	25%{ top: 190px;  left:60px; }
	75%{  top: 190px;   left:60px;  }
	100%{ left: -15px;}
	
}

@-moz-keyframes laptop {
	0%{  top: 500px; left:60px; }
	25%{ top: 190px;  left:60px; }
	75%{  top: 190px;   left:60px;  }
	100%{ left: -15px;}

}
.da-slide-current #laptop{
	-moz-animation:  laptop 3s linear 2.2s both;
	-webkit-animation: laptop 3s linear 2.2s both;
	-o-animation: laptop 3s linear 2.2s both;
	-ms-animation: laptop 3s linear 2.2s both;
	animation: laptop 3s linear 2.2s both;
} 


@-webkit-keyframes tablet {
	0%{  top:-170px; left: 330px; }
	25%{ top: 200px; left: 330px; }
	75%{  top: 200px; left: 330px;   }
	100%{ left: 400px;}
}
@keyframes tablet {
	0%{  top:-170px; left: 330px; }
	25%{ top: 200px; left: 330px; }
	75%{  top: 200px; left: 330px;   }
	100%{ left: 400px;}
	
}

@-moz-keyframes tablet{
	0% { top:-170px; left: 330px; } 25%{ top: 200px; left: 330px; } 75%{  top: 200px; left: 330px;   } 100%{ left: 400px;}

} 
.da-slide-current #tablet{
	-moz-animation:  tablet 3s linear 2.2s both;
	-webkit-animation: tablet 3s linear 2.2s both;
	-o-animation: tablet 3s linear 2.2s both;
	-ms-animation: tablet 3s linear 2.2s both;
	animation: tablet 3s linear 2.2s both;
}


@-webkit-keyframes desktop1 {
	0%{  top:-270px; }
	50%{ top: 100px; }
	60%{  top: 150px;  }
	75%{ top: 100px;}
	85% { top: 120px; }
	100 { top: 100px; }
}
@keyframes desktop1 {
	0%{  top:-270px; }
	50%{ top: 100px; }
	60%{  top: 150px;  }
	75%{ top: 100px;}
	85% { top: 120px; }
	100 { top: 100px; }
	
}

@-moz-keyframes desktop1 {
	0%{  top:-270px; }
	50%{ top: 100px; }
	60%{  top: 150px;  }
	75%{ top: 100px;}
	85% { top: 120px; }
	100 { top: 100px; }

} 
.da-slide-current #desktop{
	-moz-animation:  desktop1 1s ease-in 3.2s both;
	-webkit-animation: desktop1 1s ease-in 3.2s both;
	-o-animation: desktop1 1s ease-in 3.2s both;
	-ms-animation: desktop1 1s ease-in 3.2s both;
	animation: desktop1 1s ease-in 3.2s both;
}


@-webkit-keyframes tableth {
	0%{  top:-170px; }
	50%{ top: 250px; }
	60%{   -webkit-transform: rotate(30deg); -webkit-transform-origin: 100% 100%; }
	75%{ -webkit-transform: rotate(0deg); -webkit-transform-origin: 100% 100%; }
	85% {  -webkit-transform: rotate(10deg); -webkit-transform-origin: 100% 100%; }
	100 {  -webkit-transform: rotate(0deg); -webkit-transform-origin: 100% 100%;  }
}
@keyframes tableth {
	0%{  top:-170px; }
	50%{ top: 250px; }
	60%{   transform: rotate(30deg); transform-origin: 100% 100%; }
	75%{ transform: rotate(0deg); transform-origin: 100% 100%; }
	85% {  transform: rotate(10deg); transform-origin: 100% 100%; }
	100 {  transform: rotate(0deg); transform-origin: 100% 100%;  }
	
}

@-moz-keyframes tableth {
	0%{  top:-170px; }
	50%{ top: 250px; }
	60%{  -moz-transform: rotate(30deg); -moz-transform-origin: 100% 100%; }
	75%{ -moz-transform: rotate(0deg); -moz-transform-origin: 100% 100%; }
	85% { -moz-transform: rotate(10deg); -moz-transform-origin: 100% 100%; }
	100 {  -moz-transform: rotate(0deg); -moz-transform-origin: 100% 100%;  }

} 
.da-slide-current #tableth{
	
	-webkit-animation: tableth 2s ease-in 3.2s both;
	-moz-animation:  tableth 2s ease-in 3.2s both;
	-o-animation: tableth 2s ease-in 3.2s both;
	-ms-animation: tableth 2s ease-in 3.2s both;
	animation: tableth 2s ease-in 3.2s both;
}



@-webkit-keyframes phone {
	0%{  left:-80px; }
	30%{ left:140px }
	50%{ left: 190px; }
	60%{   -webkit-transform: rotate(30deg); -webkit-transform-origin: 100% 100%; }
	70%{ -webkit-transform: rotate(10deg); -webkit-transform-origin: 100% 100%; }
	80% {  -webkit-transform: rotate(20deg); -webkit-transform-origin: 100% 100%; }
	90% {  -webkit-transform: rotate(5deg); -webkit-transform-origin: 100% 100%; }
	100 {  -webkit-transform: rotate(10deg); -webkit-transform-origin: 100% 100%;  }
}
@keyframes phone {
	0%{  left:-80px; }
	30%{ left:140px }
	50%{ left: 190px; }
	60%{   transform: rotate(30deg); transform-origin: 100% 100%; }
	70%{ transform: rotate(10deg); transform-origin: 100% 100%; }
	80% {  transform: rotate(20); transform-origin: 100% 100%; }
	90% {  transform: rotate(5deg); transform-origin: 100% 100%; }
	100 {  transform: rotate(10deg); transform-origin: 100% 100%;  }
	
}

@-moz-keyframes phone {
	0%{  left:-80px; }
	30%{ left:140px }
	50%{ left: 190px; }
	60%{   -moz-transform: rotate(30deg); -moz-transform-origin: 100% 100%; }
	70%{ -moz-transform: rotate(10deg); -moz-transform-origin: 100% 100%; }
	80% {  -moz-transform: rotate(20deg); -moz-transform-origin: 100% 100%; }
	90% {  -moz-transform: rotate(5deg); -moz-transform-origin: 100% 100%; }
	100 {  -moz-transform: rotate(10deg); -moz-transform-origin: 100% 100%;  }

} 
.da-slide-current #phone{
	-moz-animation:  phone 1.3s ease-in 4.2s both;
	-webkit-animation: phone 1.3s ease-in 4.2s both;
	-o-animation: phone 1.3s ease-in 4.2s both;
	-ms-animation: phone 1.3s ease-in 4.2s both;
	animation: phone 1.3s ease-in 4.2s both;
}




/* ----------------------------------------------------------------------*/

#da-slider1 {
	width: 100%;
	margin: 0px auto;
	height: 200px;
	padding: 0px;
}

#da-slider1 .da-slide-current p, #da-slider1 .da-slide p{
	width: 80%;
	top: 0px;
	margin: 0px auto;
	text-align: center;
	font-family: 'pt_sansregular';
	font-size: 0.9em;
}
#da-slider1 .da-slide-current p span, #da-slider1 .da-slide p span {
	
	font-size: 1em;
	text-shadow: 1px 1px 1px #ccc;
	-webkit-text-shadow: 1px 1px 1px #ccc;
	-moz-text-shadow: 1px 1px 1px #ccc;
	-o-text-shadow: 1px 1px 1px #ccc;
}

#da-slider1 .da-slide{
	padding: 0px;
	margin: 0px;
}


#da-slider1 .da-dots{
	
	position: absolute;
	right: 10%;
	padding: 0px;
	bottom: 0px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots1 span{
	display: inline-block;
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #333;
	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-dots1 span.da-dots-current1:after{
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}