.da-slider{
	width: 100%;
	min-width: 520px;
	height: 450px;
	position: relative;
	margin: auto;
	overflow: hidden;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
	background:url(../img/wallpaper/header-background2.png) repeat-x;
}
.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0%;
	text-align: left;

}
.da-slide-current{
	z-index: 2;
}
.da-slider-fb .da-slide{
	left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}
.da-slide h2,
.da-slide .dis-dev-tech,
.da-slide p,
.da-slide ul.star-list,
.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-slide ul.star-list,
.da-slide .dis-dev-tech,
.da-slider-fb .da-slide .da-link{
	left: 10%;
	opacity: 1;
}
.da-slider-fb .da-slide .da-img{
	left: 52%;
	opacity: 1;
}
.da-slide h2{
	font-family:kulturistaregular;
	color:#fff;
	font-size: 45px;
	width: 50%;
	top: 40px;
	white-space: nowrap;
	z-index: 10;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	text-transform:capitalize;
}
.da-slide p, .da-slide ul.star-list{
	width: 40%;
	top: 200px;
	color: #333;
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
}
.da-slide .da-img{
	text-align: center;
	width: 30%;
	top: 0px;
	height: 450px;
	line-height: 320px;
	left: 110%; /*60%*/
}
.da-slide .da-img img { width:auto; height:auto; max-width:none!important;}
.da-slide .da-link{
	top: 384px; /*depends on p height*/
	}
.da-slide .dis-dev-tech {top:384px; margin-left:186px;}

a:hover.da-link { color:#fff!important;}
.da-dots{
	width: 965px;
	margin-left:-480px;
	position: absolute;
	text-align: left;
	left: 50%;
	bottom: 20px;
	z-index: 3;
	-moz-user-select: none;
	-webkit-user-select: none;
	background:url(../img/slider_control_bg.png) no-repeat;
	height:21px;
	padding-top:9px;
	padding-left:76px;
	bottom:90px;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #000;
	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%;
	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: #e4b42d;
	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-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out-out 0.2s;
	transition: opacity 0.4s ease-in-out-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,
.da-slide-current p,
.da-slide-current ul.star-list,
.da-slide-current .dis-dev-tech,
.da-slide-current .da-link{
	left: 10%;
	opacity: 1;
}
.da-slide-current .da-img{
	left: 52%;
	opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{
	-webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright p, .da-slide-fromright ul.star-list{
	-webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}

.da-slide-fromright .da-link{
	-webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}

.da-slide-fromright .dis-dev-tech{
	-webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}


.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim4 0.6s ease-in-out 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: 52%; 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: 52%; 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: 52%; 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: 52%; 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: 52%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
	-webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft p, .da-slide-fromleft ul.star-list{
	-webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link{
	-webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}

.da-slide-fromleft .dis-dev-tech{
	-webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in-out 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: 52%; 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: 52%; 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: 52%; 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: 52%; 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: 52%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
	-webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright p, .da-slide-toright ul.star-list{
	-webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in-out both;
	-moz-animation: toRightAnim3 0.4s ease-in-out both;
	-o-animation: toRightAnim3 0.4s ease-in-out both;
	-ms-animation: toRightAnim3 0.4s ease-in-out both;
	animation: toRightAnim3 0.4s ease-in-out both;
}

.da-slide-toright .dis-dev-tech{
	-webkit-animation: toRightAnim3 0.4s ease-in-out both;
	-moz-animation: toRightAnim3 0.4s ease-in-out both;
	-o-animation: toRightAnim3 0.4s ease-in-out both;
	-ms-animation: toRightAnim3 0.4s ease-in-out both;
	animation: toRightAnim3 0.4s ease-in-out both;
}

.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in-out both;
	-moz-animation: toRightAnim4 0.6s ease-in-out both;
	-o-animation: toRightAnim4 0.6s ease-in-out both;
	-ms-animation: toRightAnim4 0.6s ease-in-out both;
	animation: toRightAnim4 0.6s ease-in-out 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: 52%;  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: 52%;  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: 52%;  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: 52%;  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: 52%;  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-out both;
	-moz-animation: toLeftAnim1 0.6s ease-in-out both;
	-o-animation: toLeftAnim1 0.6s ease-in-out both;
	-ms-animation: toLeftAnim1 0.6s ease-in-out both;
	animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft p{
	-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft ul.star-list{
	-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}

.da-slide-toleft .dis-dev-tech{
	-webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}

.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	animation: toLeftAnim4 0.6s ease-in-out 0.5s 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; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 52%;  opacity: 1; }
	70%{ left: 30%;  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; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 52%;  opacity: 1; }
	70%{ left: 30%;  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; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 52%;  opacity: 1; }
	70%{ left: 30%;  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; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 52%;  opacity: 1; }
	70%{ left: 30%;  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; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 52%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

.da-slide h2 span { display:block; font-size:100px; text-transform:uppercase; text-shadow:1px 1px rgba(0,0,0,0.8); line-height:70px;}
h2.h2-slide span { color:#56ad56;}
h2.h2-slide1 span { color:#4db3d1;}
h2.h2-slide2 span { color:#faaf46;}
.da-slide h2 b { color:#fff;}

.icon-new1 img { background:url(../img/technology-icon-sprite.png) no-repeat; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.icon-new1 img.tech-php {background-position:-12px -40px; height:33px; width:63px; margin-top:10px;}
.icon-new1:hover > .icon-new2 img.tech-php {background-position:-12px -79px;}
.icon-new1 img.tech-ror {background-position:-151px -19px; height:49px; width:59px; margin-top:4px;}
.icon-new1:hover > .icon-new2 img.tech-ror {background-position:-151px -70px;}
.icon-new1 img.tech-flash {background-position:-294px -14px; height:55px; width:52px; margin-top:-1px;}
.icon-new1:hover > .icon-new2 img.tech-flash {background-position:-294px -69px;}
.icon-new1 img.tech-ajax {background-position:-424px -48px; height:25px; width:67px; margin-top:15px;}
.icon-new1:hover > .icon-new2 img.tech-ajax {background-position:-424px -80px;}
.icon-new1 img.tech-coldfusion {background-position:-567px -13px; height:56px; width:53px;}
.icon-new1:hover > .icon-new2 img.tech-coldfusion {background-position:-567px -69px;}

.icon-new1 img.tech-rtml {background-position:-15px -168px; height:52px; width:52px;}
.icon-new1:hover > .icon-new2 img.tech-rtml {background-position:-15px -221px;}
.icon-new1 img.tech-xml {background-position:-149px -177px; height:45px; width:65px; margin-top:5px;}
.icon-new1:hover > .icon-new2 img.tech-xml {background-position:-149px -227px;}
.icon-new1 img.tech-drupal {background-position:-292px -153px; height:58px; width:51px; margin-top:-1px;}
.icon-new1:hover > .icon-new2 img.tech-drupal {background-position:-292px -217px;}
.icon-new1 img.tech-wordpress {background-position:-431px -163px; height:56px; width:53px;}
.icon-new1:hover > .icon-new2 img.tech-wordpress {background-position:-431px -221px;}
.icon-new1 img.tech-joomla {background-position:-571px -172px; height:49px; width:49px;}
.icon-new1:hover > .icon-new2 img.tech-joomla {background-position:-571px -225px;}
.icon-new1:hover > .icon-text-new a { color:yellow!important;}

#footer-subscribe-form #footer-subscribe-email { width:100px;}

ul.hire-team-process {
    float: left;
    padding: 20px 0 50px;
    width: 100%;
}
ul.hire-team-process { margin-top:0px;}
ul.hire-team-process li {
    border-left: 1px solid #DDDDDD;
    float: left;
    padding: 10px;
    width: 188px;
	list-style:none;
	box-shadow: 1px 5px 3px -4px #d4d4d4;
	margin:3px;
	-webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease;
	min-height:287px;
	
}

ul.hire-team-process li:hover { box-shadow: 1px 5px 3px -4px #000;}
ul.hire-team-process li:first-child { border-left:0px;}


ul.hire-team-process li.step1 .thumb-area { background: url("../img/hire-team1.png") no-repeat scroll center top transparent;}
ul.hire-team-process li.step2 .thumb-area {background: url("../img/hire-team2.png") no-repeat scroll center top transparent;}
ul.hire-team-process li.step3 .thumb-area {background: url("../img/hire-team3.png") no-repeat scroll center top transparent;}
ul.hire-team-process li.step4 .thumb-area {background: url("../img/hire-team4.png") no-repeat scroll center top transparent;}
ul.hire-team-process li .thumb-area { display: block; float: left; height: 127px;  width: 100%;}
ul.hire-team-process li .title-area { color: #222222; display: block; float: left; font-family: 'HelveticaCE-Bold',Arial,sans-serif;    font-size: 16px; line-height: 20px;  padding-top: 23px;  text-align: center; width: 100%; font-weight:bold;}


ul.hire-team-process li .sub-title-area { color: #878787; display: block; float: left; font-size: 12px; line-height: 16px; padding-top: 15px;
    text-align: center; width: 100%; font-family:Arial, Helvetica, sans-serif;}
	
	
.expertise { min-height:534px;}	
.services { line-height: 21px; list-style: none outside none;  margin: 0;  padding: 0; position: absolute;}
#content .services h2 { font-size:16px; font-family:Arial, Helvetica, sans-serif!important; text-transform:capitalize; font-weight:bold; color:#76599b;}
#content .services p { padding:0px; margin:0px; font-size:12px;}
.service-expertise { border-bottom: 0 none; cursor: pointer; position: absolute; z-index: 11; border-bottom: 1px dotted #CCCCCC; padding-bottom:18px;}
   
.expertise .service-expertise.ecommerce-shopping-carts { top: 50px;  width: 230px;}
.expertise .service-expertise.cms-customisation  {top: 150px;  width: 230px;}
.expertise .service-expertise.mobileapps-development { top: 250px; width: 204px;}
.expertise .service-expertise.social-community-networks { top: 350px; width: 204px;}

.expertise .service-expertise.frameworks {  left: 670px;   top: 50px;  width: 240px;}
.expertise .service-expertise.javascript-frameworks {  left: 670px; top: 150px;  width: 240px;}
.expertise .service-expertise.markup-language {  left: 670px;  top: 250px;  width: 240px;}
.expertise .service-expertise.smo {left: 670px;  top: 350px; width: 240px;}
#screens { background:url(../img/expertise.png) no-repeat; position:absolute; top:0px; left:0px; width:379px; height:455px; left:50%; margin-left:-190px; top:50%; margin-top:-135px;}
.screen-main { left:18px; z-index:550; top:20px; }
#screens .screen {height: 291px;  position: absolute;   width: 341px;}
.screen-framework { left:18px; z-index:502; top:22px;}
.screen-cms { left:18px; z-index:501;top:22px;}
.screen-markup { left:18px; z-index:500; top:22px;}
.screen-social { left:18px; z-index:499;top:22px;}
.screen-mobile { left:18px; z-index:498; top:22px;}

.screen-javascript { left:18px; z-index:496; top:22px;}
.screen-eccomerce { left:18px; z-index:495;top:22px;}
.screen-sem { left:18px; z-index:494; top:22px;}
#content #right_panel h2 { font-size:24px;}
#myTab { margin-top:20px;}
.service-divider ul { margin-top:20px;}
.service-divider ul li { font-size:14px;}
#content h4 { text-transform:none;}
.testimonial-section cite font{font-size:12px; font-weight:bold; padding-left:2px;}
.da-slide p.full-width { width:40%; top:50px; text-align:center;}
.da-slide p.full-width a { display:inline;}
.da-slide h2.lets-start { top:360px; left:20%; margin-left:185px; font-size:40px;}
.da-slide h2.lets-start b { display:block; background:#fff; color:#333; height:45px;}
.dis-dev-tech { background:#fff; width:100%;}







.hero-container {
    margin-bottom: 150px;
    position: relative;}
	
.hero-container .traits .trait-box {
    bottom: 0;
    position: absolute;
    width: 326px;
}
.hero-container .traits .trait-box.project-sat {
    left: -2px;
}
.hero-container .traits .trait-box.services-sat {
    left: 326px;
}
.hero-container .traits .trait-box.soul {
    left: 654px;
}

.trait-bar .project-sat {
    background-color: #71C5D3;
}
.trait-bar .services-sat {
    background-color: #F5C53D;
}
.trait-bar .soul {
    background-color: #7EB66F;
}
.trait-box {
    color: #4E4E4D;
    display: block;
    height: 126px;
    margin-top: 395px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
}
.trait-box h4 {
    bottom: 15px;
    color: #787876;
    font-family: 'kulturistaregular';
    font-style: italic;
    font-weight: 300;
    position: absolute;
    width: 100%;
}
.trait-box h4 span {
    color: #4E4E4D;
    display: block;
    font-family: 'kulturistaregular';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 26px;
    text-transform: uppercase;
}
.trait-box div.figure{
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.trait-box div.figure img {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}
.trait-box .trait-emblem {
    margin: -40px auto 22px;
}
.trait-box .trait-emblem span {
    display: none !important;
}
.trait-box dl {
    border-top: 4px solid black;
}
.trait-box.project-sat dl {
    border-color: #71C5D3;
}
.trait-box.services-sat dl {
    border-color: #F5C53D;
}
.trait-box.soul dl {
    border-color: #7EB66F;
}
.trait-box dd {
    font-size: 12px;
    height: 0;
    line-height: 20px;
    opacity: 0;
    overflow: hidden;
    padding: 0 30px;
	font-family:Helvetica,sans-serif;
}
.trait-box dd span {
    background: none repeat scroll 0 0 #E8554E;
    color: white;
    display: block;
    font-family: 'kulturistaregular';
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 38px auto 40px;
    opacity: 0;
    padding: 3px 0;
    white-space: nowrap;
    width: 210px;
}
.trait-box, .trait-box div.figure, .trait-box h4 span, .trait-box dd, .trait-box dd span {
}
.trait-box:hover, .trait-box.expanded {
    background: none repeat scroll 0 0 white;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
    height: 336px;
    margin-top: 0;
    padding-top: 168px;
}
.trait-box:hover div.figure, .trait-box.expanded div.figure {
    height: 184px;
    opacity: 1;
}
.trait-box:hover h4 span, .trait-box.expanded h4 span {
    color: #8158A6;
}
.trait-box:hover dd, .trait-box.expanded dd {
    height: 148px;
    opacity: 1;
}
.trait-box:hover dd span, .trait-box.expanded dd span {
    opacity: 1;
}
.trait-box:hover dd span:hover, .trait-box.expanded dd span:hover {
    background-color: #FA5C54;
}
.trait-box:hover, .trait-box:hover h4 span, .trait-box.expanded, .trait-box.expanded h4 span {
    transition-delay: 100ms;
    transition-duration: 225ms;
}
.trait-box:hover div.figure, .trait-box.expanded div.figure {
    transition-delay: 100ms;
    transition-duration: 225ms;
}
.trait-box:hover dd, .trait-box.expanded dd {
    transition-delay: 500ms;
    transition-duration: 540ms;
}
.trait-box:hover dd span, .trait-box.expanded dd span {
    transition-delay: 1100ms;
    transition-duration: 540ms;
}

.hero-container .traits {
    bottom: -170px;
    height: 520px;
    left: 50%;
    margin-left: -489px;
    position: absolute; }
.trait-emblem.large.project-sat {
    background-position: -14px -11px;
}
.trait-box .trait-emblem {
    margin: -40px auto 22px;
}
.trait-emblem.large {
    height: 74px;
    width: 68px;
}
.trait-emblem {
    background-image: url("../img/traits.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    overflow: visible;
    position: relative;
    text-align: left;
    text-indent: -119988px;
}

.trait-emblem.large.services-sat {
    background-position: -110px -11px;
}

.trait-emblem.large.soul {
    background-position: -206px -11px;
}


.da-slide .da-img .read-more img  { position:absolute; top:270px; left:-30px;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);   transition: all 0.5s ease;}

.da-slide .da-img .read-more img:hover  {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);   transition: all 0.5s ease;}
.figure img {-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);   transition: all 0.5s ease;}
.figure img:hover {-webkit-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5);   transition: all 0.5s ease;}


		
		.da-slide .da-img .read-more img{
			
			position:absolute;
			
			left:-15%;
			margin-left:0px;
		}
		
		@-webkit-keyframes movingbox{
			0%{left:-15%;}
			50%{left:6%;}
			100%{left:-15%;}
		}
		
		.da-slide .da-img .read-more img{
			-webkit-animation:movingbox 5s infinite;
		}