@font-face {
    font-family: 'proxima_novablack';
    src: url('../fonts/proximanova-black-webfont.eot');
    src: url('../fonts/proximanova-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-black-webfont.woff') format('woff'),
         url('../fonts/proximanova-black-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-black-webfont.svg#proxima_novablack') format('svg');
    font-weight: normal;
    font-style: normal;

}
.banner-out .row{background: transparent url(../images/banner-main-third.jpg) no-repeat 0% 0%;}
.da-slider{width:100%;	min-width: 520px;height: 492px;	position: relative;	margin: 0 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;}
.da-slide{position: absolute;width: 100%;height: 100%;	top: 0px;left:0;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 h1,.da-slide .h-one, .da-slide p, .da-slide .da-link, .da-slide .da-img{position: absolute;opacity: 0;left: 110%;}
.da-slider-fb .da-slide h1,.da-slider-fb .da-slide .h-one,
.da-slider-fb .da-slide p, .da-slider-fb .da-slide .da-link{left: 4%;	opacity: 1;}
.da-slider-fb .da-slide .da-img{left: 55%;	opacity: 1;}
.da-slide h1,.da-slide .h-one{top: 55px;z-index: 0;}
.da-slide h1,.da-slide .h-one.posn-second { top: 45px;}	
.h-one.posn-second{ text-indent: 3px; }
.da-slide p{top: 301px;	overflow: hidden;}
.da-slide p.posn-change { top:291px;}
.da-slide p.forth{width:514px; top: 253px;}
.da-slide .da-img{text-align: center;width: 48%;left: 110%; }
.da-slide .da-img.dansing2{width: 38%; text-align: right;}
.da-slide .da-link{top:396px;padding: 0;}
.da-slide .da-link.space-top {top:404px;}
.da-slide .da-link:hover{}
.da-dots{position: absolute;text-align: right;	right:55px;	bottom: 20px;	z-index: 2000;	-moz-user-select: none;	-webkit-user-select: none;	-o-user-select: none;user-select: none;}
.da-dots span{display: inline-block;position: relative;width: 8px;	height: 8px;	border-radius: 50%;	background: #9fb1ba;margin: 0 10px 0 0;	cursor: pointer;}
.da-dots span.da-dots-current{background: #ea3d34;}
.da-arrows{-moz-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;}
.da-arrows span{position: absolute;	top: 50%;height: 30px;width: 30px;	border-radius: 50%;	background: #ffffff; 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-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: 0;}
.da-arrows span:after{content: '';	position: absolute;	width: 20px;height: 20px;top:5px;	left:5px; background:#000; border-radius: 50%;	box-shadow:1px 1px 2px rgba(0,0,0,0.1);
-webkit-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);-webkit-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);	-webkit-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 h1, .da-slide-current p,
.da-slide-current .da-link{left: 10%;	opacity: 1;}
.da-slide-current .da-img{left: 50%;opacity: 1;}
/*==========================================*/
.agile-img { margin-left:10px; }
.link-sec-banner ul{ width:633px;}

.da-relavive{ position: relative; height: 446px;}
.da-relavive img,.notes-sec-banner{ position: absolute;}
.dansing2{ top: 46px}
.dansing2 img,.dansing div,.dansing img{ position: absolute}
.dansing{position: relative;}
.cms-combo img{position: absolute;top: 0px;left: 0px;}
.squre-point img,.squre-point div{position: absolute;top: 0px;left: 0px;}
.cms-combo .tech-name{top: 7px;opacity: 1;transform: scale(0,0);}
.cms-combo .left-notes{top:47px;opacity: 1;transform: scale(0,0);}
.squre-point .right-notes{opacity: 1;transform: scale(0,0);}
.cms-combo .wp{left: 12px;}
.cms-combo .magent{left: 54px;}
.cms-combo .drup{left: 93px;}
.cms-combo .jooml{left: 132px;}
.cms-combo .not1{left: 12px;}
.cms-combo .not2{left: 51px;}
.cms-combo .not3{left: 58px;top:77px;}
.cms-combo .not4{left: 89px;}
.cms-combo .tick{left: 99px;top:54px;opacity: 0;}
.cms-combo .not5{left: 123px;}
.squre-point .not6{left: 12px;top:20px;}
.squre-point .not7{left: 18px;top:54px;}
.squre-point .not8{left: 22px;top:88px;}
.squre-point .not9{left: 84px;top:56px;}
.squre-point .not10{left: 83px;top:91px;}
.squre-point .not11{left: 89px;top:130px;}
.squre-point .not12{left: 150px;top:29px;}
.squre-point .not13{left: 178px;top:28px;}
.squre-point .not14{left: 139px;top:59px;}
.squre-point .not15{left: 161px;top:61px;}
.squre-point .not16{left: 157px;top:94px;}
.squre-point .not17{left: 139px;top:131px;}
/*.squre-point .tictac-con1{width:106.307px; height:2.825px;left:39px;top: 48px;overflow: hidden;}
.squre-point .tictac-con2{width:110.414px; height:3.232px;left:43px;top: 83px;overflow: hidden;}
.squre-point .tictac-con3{width:105.952px; height:5.768px;left:51px;top: 119px;overflow: hidden;}
.squre-point .tictac-con4{width:4.699px;height:129.808px;left:62px;top: 24px;overflow: hidden;}
.squre-point .tictac-con5{width:4.619px; height:129.808px;left:117px;top: 24px;overflow: hidden;}
.squre-point .tictac-con1 .tictac-line1{position:absolute; top: 0px;left:-106.307px;width:106.307px; height:2.825px;}
.squre-point .tictac-con2 .tictac-line2{position:absolute; top: 0px;left:-110.414px;width:110.414px; height:3.232px;}
.squre-point .tictac-con3 .tictac-line3{position:absolute; top: 0px;left:-105.952px;width:105.952px; height:5.768px;}
.squre-point .tictac-con4 .tictac-line4{position:absolute; top: -129.808px;left:0px;width:4.699px;height:129.808px;}
.squre-point .tictac-con5 .tictac-line5{position:absolute; top: -129.808px;left:0px;width:4.619px; height:129.808px;}*/
.da-slide-current .cms-combo .tick{-moz-animation: tick 0.3s ease-out 4.1s 1 normal both;	-webkit-animation: tick 0.3s ease-out 4.1s 1 normal both;
	-ms-animation: tick 0.3s ease-out 4.1s 1 normal both;	animation: tick 0.3s ease-out 4.1s 1 normal both;}
@-moz-keyframes tick{from {opacity: 0;}
  	to  {opacity: 1;}
}
@-ms-keyframes tick{
	from {opacity: 0;}
  	to  {opacity: 1;}
}
@-webkit-keyframes tick{
	from {opacity: 0;}
  	to  {opacity: 1;}
}
.dansing .tictac-line1{top: 49px;right:-260px;width:106.307px; height:2.825px;}
.da-slide-current .dansing .tictac-line1{
	-moz-animation: drawline1 0.1s ease-out 1.2s 1 normal both;
	-webkit-animation: drawline1 0.1s ease-out 1.2s 1 normal both;
	-ms-animation: drawline1 0.1 ease-out 1.2s 1 normal both;
	animation: drawline1 0.1s ease-out 1.2s 1 normal both;
}
@-moz-keyframes drawline1{
	from {right: -260px;opacity: 0}
  	to  {right: 63px;opacity: 1}
}
@-ms-keyframes drawline1{
	from {right: -260px;opacity: 0}
  	to  {right: 63px;opacity: 1}
}
@-webkit-keyframes drawline1{
	from {right: -260px;opacity: 0}
  	to  {right: 63px;opacity: 1}
} 
.dansing .tictac-line2{top: 84px;right:-260px;width:110.414px; height:3.232px;}
.da-slide-current .dansing .tictac-line2{
	-moz-animation: drawline2 0.1s ease-out 1.5s 1 normal both;
	-webkit-animation: drawline2 0.1s ease-out 1.5s 1 normal both;
	-ms-animation: drawline2 0.1s ease-out 1.5s 1 normal both;
	animation: drawline2 0.1s ease-out 1.5s 1 normal both;
}
@-moz-keyframes drawline2{
	from {right: -260px;opacity: 0}
  	to  {right: 56px;opacity: 1}
}
@-ms-keyframes drawline2{
	from {right: -260px;opacity: 0}
  	to  {right: 56px;opacity: 1}
}
@-webkit-keyframes drawline2{
	from {right: -260px;opacity: 0}
  	to  {right: 56px;opacity: 1}
} 
.dansing .tictac-line3{ top: 119px;right:-260px;width:105.952px; height:5.768px;}
.da-slide-current .dansing .tictac-line3{
	-moz-animation: drawline3 0.1s ease-out 1.8s 1 normal both;
	-webkit-animation: drawline3 0.1s ease-out 1.8s 1 normal both;
	-ms-animation: drawline3 0.1s ease-out 1.8s 1 normal both;
	animation: drawline3 0.1s ease-out 1.8s 1 normal both;
}
@-moz-keyframes drawline3{
	from {right: -260px;opacity: 0}
  	to  {right: 52px;opacity: 1}
}
@-ms-keyframes drawline3{
	from {right: -260px;opacity: 0}
  	to  {right: 52px;opacity: 1}
}
@-webkit-keyframes drawline3{
	from {right: -260px;opacity: 0}
  	to  {right: 52px;opacity: 1}
} 
.dansing .tictac-line4{ top: -300px;right:139px;width:4.699px;height:129.808px;}
.da-slide-current .dansing .tictac-line4{
	-moz-animation: drawline4 0.3s ease-out 2.1s 1 normal both;
	-webkit-animation: drawline4 0.3s ease-out 2.1s 1 normal both;
	-ms-animation: drawline4 0.3s ease-out 2.1s 1 normal both;
	animation: drawline4 0.3s ease-out 2.1s 1 normal both;
}
@-moz-keyframes drawline4{
	from {top: -300px;opacity: 0}
  	to  {top: 27px;opacity: 1}
}
@-ms-keyframes drawline4{
	from {top: -300px;opacity: 0}
  	to  {top: 27px;opacity: 1}
}
@-webkit-keyframes drawline4{
	from {top: -300px;opacity: 0}
  	to  {top: 27px;opacity: 1}
} 
.dansing .tictac-line5{ top: -300px;right:85px;width:4.619px; height:129.808px;}
.da-slide-current .dansing .tictac-line5{
	-moz-animation: drawline5 0.3s ease-out 2.4s 1 normal both;
	-webkit-animation: drawline5 0.3s ease-out 2.4s 1 normal both;
	-ms-animation: drawline5 0.3s ease-out 2.4s 1 normal both;
	animation: drawline5 0.3s ease-out 2.4s 1 normal both;
}
@-moz-keyframes drawline5{
	from {top: -300px;opacity: 0}
  	to  {top: 27px;opacity: 1}
}
@-ms-keyframes drawline5{
	from {top: -300px;opacity: 0}
  	to  {top: 27px;opacity: 1}
}
@-webkit-keyframes drawline5{
	from {top: -300px;opacity: 0}
  	to  {top: 27px;opacity: 1}
} 
.dansing .charMouth{width: 10px;height: 0px;position: absolute;right: 247px; top: 157px;background-image:linear-gradient(to bottom,#bb552a,#893915);border-radius: 0px 0px 5px 5px;
transform: rotate(-11deg);}
.lipMovemnt{-moz-animation: lipMovemnt 0.5s ease-in-out 0s 2 normal both;-webkit-animation: lipMovemnt 0.5s ease-in-out 0s 2 normal both;-ms-animation: lipMovemnt 0.5s ease-in-out 0s 2 normal both;
	animation: lipMovemnt 0.5s ease-in-out 0s 2 normal both;}
@-moz-keyframes lipMovemnt{
	from {height: 0px;}
	20%{height: 5px;}
	40%{height: 4px;}
	60%{height: 3px;}
	80%{height: 5px;}
  	to  {height: 0px;}
}
@-ms-keyframes lipMovemnt{
	from {height: 0px;}
	20%{height: 5px;}
	40%{height: 4px;}
	60%{height: 3px;}
	80%{height: 5px;}
  	to  {height: 0px;}
}
@-webkit-keyframes lipMovemnt{
	from {height: 0px;}
	20%{height: 5px;}
	40%{height: 4px;}
	60%{height: 3px;}
	80%{height: 5px;}
  	to  {height: 0px;}
} 
.dansing .cms-combo{ left: -250px; top: 0;opacity: 0;
-webkit-transition:all 0.5s ease-out 1.2s;
    -moz-transition: all 0.5s ease-out 1.2s;
    -o-transition: all 0.5s ease-out 1.2s;}
    
    .da-slide-current div.dansing2 .cms-combo{
	left: 125px;opacity: 1
}
.da-slide-current .cms-combo .magent,.da-slide-current .cms-combo .not1,.da-slide-current .cms-combo .not5,
.da-slide-current .squre-point .not6,.da-slide-current .squre-point .not10,.da-slide-current .squre-point .not17{
	-moz-animation: leftboard 0.4s ease-out 2.5s 1 normal both;
	-webkit-animation: leftboard 0.4s ease-out 2.5s 1 normal both;
	-ms-animation: leftboard 0.4s ease-out 2.5s 1 normal both;
	animation: leftboard 0.4s ease-out 2.5s 1 normal both;
}
.da-slide-current .cms-combo .wp,.da-slide-current .cms-combo .jooml,.da-slide-current .cms-combo .not2,
.da-slide-current .squre-point .not7,.da-slide-current .squre-point .not11,.da-slide-current .squre-point .not15{
	-moz-animation: leftboard 0.4s ease-out 2.7s 1 normal both;
	-webkit-animation: leftboard 0.4s ease-out 2.7s 1 normal both;
	-ms-animation: leftboard 0.4s ease-out 2.7s 1 normal both;
	animation: leftboard 0.4s ease-out 2.7s 1 normal both;
}
.da-slide-current .cms-combo .not3,.da-slide-current .cms-combo .drup,
.da-slide-current .squre-point .not8,.da-slide-current .squre-point .not13,.da-slide-current .squre-point .not16{
	-moz-animation: leftboard 0.4s ease-out 2.9s 1 normal both;
	-webkit-animation: leftboard 0.4s ease-out 2.9s 1 normal both;
	-ms-animation: leftboard 0.4s ease-out 2.9s 1 normal both;
	animation: leftboard 0.4s ease-out 2.9s 1 normal both;
}
.da-slide-current .squre-point .not9,.da-slide-current .cms-combo .not4,.da-slide-current .squre-point .not12,.da-slide-current .squre-point .not14{
	-moz-animation: leftboard 0.4s ease-out 3.1s 1 normal both;
	-webkit-animation: leftboard 0.4s ease-out 3.1s 1 normal both;
	-ms-animation: leftboard 0.4s ease-out 3.1s 1 normal both;
	animation: leftboard 0.4s ease-out 3.1s 1 normal both;
}
@-moz-keyframes leftboard{
	0% {transform: scale(0); }   
    40% {transform: scale(1.2); }
    60% {transform: scale(0.9); }
    100% {transform: scale(1);}  
}
@-ms-keyframes leftboard{
	0% {transform: scale(0); }   
    40% {transform: scale(1.2); }
    60% {transform: scale(0.9); }
    100% {transform: scale(1);} 
}
@-webkit-keyframes leftboard{
	0% {transform: scale(0); }   
    40% {transform: scale(1.2); }
    60% {transform: scale(0.9); }
    100% {transform: scale(1);} 
}


.dansing .squre-point{right: -260px; top: 0;opacity:0;
-webkit-transition:all 0.5s ease-out 1.2s;
    -moz-transition: all 0.5s ease-out 1.2s;
    -o-transition: all 0.5s ease-out 1.2s;}
    
.da-slide-current div.dansing2 .squre-point{right: 0;opacity:1}
.dansing .dansing-img{right: 42px; top: 450px;opacity:0
	-webkit-transition:all 0.5s ease-out 1.5s;
    -moz-transition: all 0.5s ease-out 1.5s;
    -o-transition: all 0.5s ease-out 1.5s;}
.da-slide-current .dansing .dansing-img{top: 134px;opacity:1}
.b2desk{top:59px; height:86%; }
.notes-sec-banner{height: 69px;left: -23px;padding-top: 28px;text-align: left;width: 554px; padding-left: 20px; padding-right: 20px;}
.notes-sec-banner.pixel-play{bottom:39px;padding-left: 0;padding-right: 0;width: 600px;}
.notes-sec-banner.pixel-play span{ padding-left: 20px;}
.da-slide-current .notes-sec-banner.pixel-play p{ left: 20px !important; padding: 0}
.notes-sec-banner p,.notes-sec-banner span{  /*left:20px !important;*/padding: 0 0%;text-align: left;top: 0;/*width: 92%;*/ display: block;}
.notes-sec-banner p{ top: 50px;font-size:17px; padding-top:5px; padding-right: 30px; }
.notes-sec-banner p.notes-second { font-size: 15px;}

.notes-sec-banner span{font-size: 21px; color: #fff; font-family: 'Camphor W01 Bold'; padding: 0; line-height: 1; display: block;}
.notes-sec-banner span mark{color: #ef3e31;}
.first_b{ right: 13px;}
.first_b .notes-sec-banner{ position: absolute; left:-2px;}
.work-outer{ position: absolute;width: 100%; display: table; margin-top: 308px;}
.work-first a img{ position: relative}
.work-first a div{ position: relative}                          
.circleDiv{width: 84px;height: 84px;border-radius: 50%;}
.circle1 .circleDiv{background: #84cebb}
.circle2 .circleDiv{background: #f2655b}
.circle3 .circleDiv{background: #3e6576}
.circle4 .circleDiv{background: #e6f5f1;}
.circle5 .circleDiv{background: #fcb124;overflow: hidden;}
.circle5 .circleDiv img{-webkit-transition:all 800ms ease-in-out;-moz-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;-ms-transition:all 800ms ease-in-out;transition:all 800ms ease-in-out;}
.circle1,.circle2,.circle3,.circle4,.circle5{left:1200px;opacity: 0;}
.circle1{-webkit-transition: all 0.5s linear 1s;-moz-transition: all 0.5s linear 1s;-o-transition: all 0.5s linear 1s;}
.circle2{-webkit-transition: all 0.5s linear 1.2s;-moz-transition: all 0.5s linear 1.2s;-o-transition: all 0.5s linear 1.2s;}
.circle3{-webkit-transition: all 0.5s linear 1.4s;-moz-transition: all 0.5s linear 1.4s;-o-transition: all 0.5s linear 1.4s;}
.circle4{-webkit-transition: all 0.5s linear 1.6s;-moz-transition: all 0.5s linear 1.6s;-o-transition: all 0.5s linear 1.6s;}
.circle5{-webkit-transition: all 0.5s linear 1.8s;-moz-transition: all 0.5s linear 1.8s;-o-transition: all 0.5s linear 1.8s;}

.da-slide-current .work-outer div.circle1{left: 0px;opacity:1;}
.da-slide-current .work-outer div.circle2{left:100px;opacity:1;}
.da-slide-current .work-outer div.circle3{left:200px;opacity:1;}
.da-slide-current .work-outer div.circle4{left:300px;opacity:1;}
.da-slide-current .work-outer div.circle5{left:400px;opacity:1;}

.project-count{ position:absolute; width: 358px;margin-top:181px;padding-left:265px;
-webkit-transform:scale(0,0); -moz-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0);
-webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -o-transform-origin:50% 50%; -ms-transform-origin:50% 50%;
-webkit-transition:all 800ms ease-out 1s;-moz-transition:all 800ms ease-out 1s;-o-transition:all 800ms ease-out 1s;-ms-transition:all 800ms ease-out 1s;transition:all 800ms ease-out 1s;}
.da-slide-current .first_b div.project-count{-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1);}
.first_b .notes-sec-banner p,.first_b .notes-sec-banner span{ color: #0e3d52}
.first_b .notes-sec-banner span{ font-family: 'Camphor W01 Heavy'; font-size: 19px; font-weight: 400;}
.first_b div.notes-sec-banner{ background: rgba(255,255,255,0.81);  top:-700px;opacity:0;
	-webkit-transition: all 2.0s ease-out;-moz-transition: all 2.0s ease-out;-o-transition: all 2.0s ease-out;}
.da-slide-current .first_b div.notes-sec-banner{top:54px;opacity: 1;}
.b2desk img{height: auto;position: relative;right:57px;top:0;width: auto;}
.desktop-effect{height: auto;position: relative;right:57px;top:0;width: auto;}
.desktop-effect img{ position: absolute;}
img.banner-2-desk{right: 195px;top: -400px;opacity:0;-webkit-transition: all 0.7s ease-out 0.8s;   -moz-transition: all 0.7s ease-out 0.8s;   -o-transition: all 0.7s ease-out 0.8s;}
.da-slide-current img.banner-2-desk{top: -2px;opacity: 1}

img.banner-2-mob{right: 164px;top: 330px;opacity: 0;}
.da-slide-current img.banner-2-mob {
	-moz-animation: banner-2-mob 0.5s ease-out 1.5s 1 normal both;	-webkit-animation: banner-2-mob 0.5s ease-out 1.5s 1 normal both;	-ms-animation: banner-2-mob 0.5s ease-out 1.5s 1 normal both;
	animation: banner-2-mob 0.5s ease-out 1.5s 1 normal both;}
@-moz-keyframes banner-2-mob{
	from {top: 330px;opacity: 0;}
  	to  {top: 172px;opacity: 1;}
}
@-ms-keyframes banner-2-mob{
	from {top: 330px;opacity: 0;}
  	to  {top: 172px;opacity: 1;}
}
@-webkit-keyframes banner-2-mob{
	from {top: 330px;opacity: 0;}
  	to  {top: 172px;opacity: 1;}
} 

img.banner-2-tab{left: 136px;top: 370px;opacity: 0;}
.da-slide-current img.banner-2-tab{	-moz-animation: banner-2-tab 0.5s ease-out 3s 1 normal both;-webkit-animation: banner-2-tab 0.5s ease-out 3s 1 normal both;	-ms-animation: banner-2-tab 0.5s ease-out 3s 1 normal both; animation: banner-2-tab 0.5s ease-out 3s 1 normal both;}
@-moz-keyframes banner-2-tab{
	from {top: 370px;opacity: 0;}
  	to  {top: 126px;opacity: 1;}
}
@-ms-keyframes banner-2-tab{
	from {top: 370px;opacity: 0;}
  	to  {top: 126px;opacity: 1;}
}
@-webkit-keyframes banner-2-tab{
	from {top: 370px;opacity: 0;}
  	to  {top: 126px;opacity: 1;}
} 
img.banner-2-h5{left: 680px;top: 182px;z-index: 9;	-webkit-transform-origin:30% 100%; -moz-transform-origin:30% 100%; -o-transform-origin:30% 100%; -ms-transform-origin:30% 100%;}
.skateJumpMove{-moz-animation: banner-2-h5 0.6s 2s 1 normal both;-webkit-animation: banner-2-h5 0.6s 2s 1 normal both;	-ms-animation: banner-2-h5 0.6s 2s 1 normal both;	animation: banner-2-h5 0.6s 2s 1 normal both;}
@-moz-keyframes banner-2-h5{
	from {top: 182px;left:680px;-moz-animation-timing-function: ease-out;}
	15%{top: 178px;}
  	56% {top: 30px; -moz-animation-timing-function: ease-in;}
  	100%{top: 170px;left:280px;-moz-animation-timing-function: linear;-moz-animation-duration:2.5s;
  		transform: rotate(0deg);-moz-transform: rotate(0deg);}
}

@-ms-keyframes banner-2-h5{
	from {top: 182px;left:680px;-moz-animation-timing-function: ease-out;}
	15%{top: 178px;}
  	56% {top: 30px; -moz-animation-timing-function: ease-in;}
  	100%{top: 170px;left:280px;-moz-animation-timing-function: linear;-moz-animation-duration:2.5s;
  		transform: rotate(0deg);-moz-transform: rotate(0deg);}  	
}

@-webkit-keyframes banner-2-h5{
	from {top: 182px;left:680px;-webkit-animation-timing-function: ease-out;}
	15%{top: 178px;}
  	56% {top: 30px; -webkit-animation-timing-function: ease-in;}
  	100%{top: 170px;left:280px; -webkit-animation-timing-function: linear;-webkit-animation-duration:2.5s;
  		transform: rotate(0deg);-webkit-transform: rotate(0deg);}  	
}
.skateRotateStop{
	-moz-animation: skateStop 0.6s ease-out 0s 1 normal both;
	-webkit-animation: skateStop 0.6s ease-out 0s 1 normal both;
	-ms-animation: skateStop 0.6s ease-out 0s 1 normal both;
	animation: skateStop 0.6s ease-out 0s 1 normal both ;
}
@-moz-keyframes skateStop {
	from{top: 170px;left:280px;transform: rotate(0deg);-moz-transform: rotate(0deg);}
	to{top:182px;left:40px;transform: rotate(12deg);-moz-transform: rotate(12deg);}
}
@-ms-keyframes skateStop {
	from{top: 170px;left:280px;transform: rotate(0deg);-ms-transform: rotate(0deg);}
	to{top:182px;left:40px;transform: rotate(12deg);-ms-transform: rotate(12deg);}	
}
@-webkit-keyframes skateStop {
	from{top: 170px;left:280px;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
	to{top:182px;left:40px;transform: rotate(12deg);-webkit-transform: rotate(12deg);}
}
img.banner-2-h5css{ right: -127px;top: 175px;opacity: 0;}
.da-slide-current img.banner-2-h5css{
	-moz-animation: banner-2-books 0.7s ease-out 2.5s 1 normal both;
	-webkit-animation: banner-2-books 0.7s ease-out 2.5s 1 normal both;
	-ms-animation: banner-2-books 0.7s ease-out 2.5s 1 normal both;
	animation: banner-2-books 0.7s ease-out 2.5s 1 normal both;
}
@-moz-keyframes banner-2-books{
	0%{right: -127px;opacity: 0;}
	100%{right: 50px;opacity: 1;}
}

@-ms-keyframes banner-2-books{
	0%{right: -127px;opacity: 0;}
	100%{right: 50px;opacity: 1;}
}

@-webkit-keyframes banner-2-books{
	0%{right: -127px;opacity: 0;}
	100%{right: 50px;opacity: 1;}
}
.dot1{
	-moz-animation: dot-first 1.5s ease-in-out 0s infinite normal;
	-webkit-animation: dot-first 1.5s ease-in-out 0s infinite normal;
	-o-animation: dot-first 1.5s ease-in-out 0s infinite normal;
	-ms-animation: dot-first 1.5s ease-in-out 0s infinite normal;
	animation: dot-first 1.5s ease-in-out 0s infinite normal;
}
@-moz-keyframes dot-first{
	0%{top: 50px;}
	50%{top: 25px;}
	100%{top: 50px;}
}

@-ms-keyframes dot-first{
	0%{top: 50px;}
	50%{top: 25px;}
	100%{top: 50px;}
}

@-webkit-keyframes dot-first{
	0%{top: 50px;}
	50%{top: 25px;}
	100%{top: 50px;}
} 
.dot2{
	-moz-animation: dot-second 1.5s ease-in-out 0.2s infinite normal;
	-webkit-animation: dot-second 1.5s ease-in-out 0.2s infinite normal;
	-o-animation: dot-second 1.5s ease-in-out 0.2s infinite normal;
	-ms-animation: dot-second 1.5s ease-in-out 0.2s infinite normal;
	animation: dot-second 1.5s ease-in-out 0.2s infinite normal;
}
@-moz-keyframes dot-second{
	0%{top: 30px;}
	50%{top: 45px;}
	100%{top: 30px;}
}

@-ms-keyframes dot-second{
	0%{top: 30px;}
	50%{top: 45px;}
	100%{top: 30px;}
}

@-webkit-keyframes dot-second{
	0%{top: 30px;}
	50%{top: 45px;}
	100%{top: 30px;}
}
  
.dot3{
	-moz-animation: dot-third 1.5s ease-in-out 0.1s infinite normal;
	-webkit-animation: dot-third 1.5s ease-in-out 0.1s infinite normal;
	-o-animation: dot-third 1.5s ease-in-out 0.1s infinite normal;
	-ms-animation: dot-third 1.5s ease-in-out 0.1s infinite normal;
	animation: dot-third 1.5s ease-in-out 0.1s infinite normal;
}
@-moz-keyframes dot-third{
	0%{top: 43px;}
	50%{top: 25px;}
	100%{top: 43px;}
}

@-ms-keyframes dot-third{
	0%{top: 43px;}
	50%{top: 25px;}
	100%{top: 43px;}
}

@-webkit-keyframes dot-third{
	0%{top: 43px;}
	50%{top: 25px;}
	100%{top: 43px;}
}


.wheelRot{
	-moz-animation: wheel 1.5s linear 0s infinite normal;
	-webkit-animation: wheel 1.5s linear 0s infinite normal;
	-o-animation: wheel 1.5s linear 0s infinite normal;
	-ms-animation: wheel 1.5s linear 0s infinite normal;
	animation: wheel 1.5s linear 0s infinite normal;
}
@-moz-keyframes wheel{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@-ms-keyframes wheel{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@-webkit-keyframes wheel{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
p.dfn{color: #FFFFFF;display: block;font-family: 'Camphor W01 Regular';font-size: 3em;top:265px; line-height:1.2;text-shadow:1px 1px 0px rgba(0, 0, 0, .4); -webkit-text-shadow: 1px 0 2px rgba(0, 0, 0, 0.7);}
p.dfn.posn-chnage {top:255px;}

.da-slide .da-img.first_slide{width: 45%;}
.progress_bar {width:0px;height:5px;position:relative;background:rgba(256, 256, 256, .5);z-index:2002} 
.flow-chart{ width: 52% !important;}
.flow-chart img{ }
.flow-chart img.main-img{left: -42px;top: -23px;}
.center-php{}
.center-php img{ position: relative;right: 50px; top: 57px}
.center-box{ position: relative;top: 57px;right: 50px;}
.center-box img{ position: absolute;}
.center-box .centerNmachine{left:163px; top: 132px;}
.center-box .features_text{ position: relative;top: 57px;right: 40px; width: 598px; height: 347px;}

.features_text img{transform: scale(0);}
.features_text .features_text1{left: 49px; top: 284px;}
.features_text .features_text2{left: 129px; top: 224px;}
.features_text .features_text3{left: 587px; top: 204px;}
.features_text .features_text4{left: 539px; top: 144px;}
.features_text .features_text5{left: 490px; top: 66px;}
.features_text .features_text6{left: 539px; top: -9px;}
.features_text .features_text7{left: 432px; top: -24px;}

.da-slide-current .features_text .features_text1,.da-slide-current .features_text .features_text4{
	-moz-animation: txt1 0.7s ease-in-out 4.5s 1 normal both;
	-webkit-animation: txt1 0.7s ease-in-out 4.5s 1 normal both;
	-o-animation: txt1 0.7s ease-in-out 4.5s 1 normal both;
	-ms-animation: txt1 0.7s ease-in-out 4.5s 1 normal both;
	animation: txt1 0.7s ease-in-out 4.5s 1 normal both;
}
.da-slide-current .features_text .features_text3{
	-moz-animation: txt1 0.7s ease-in-out 4.8s 1 normal both;
	-webkit-animation: txt1 0.7s ease-in-out 4.8s 1 normal both;
	-o-animation: txt1 0.7s ease-in-out 4.8s 1 normal both;
	-ms-animation: txt1 0.7s ease-in-out 4.8s 1 normal both;
	animation: txt1 0.7s ease-in-out 4.8s 1 normal both;
}
.da-slide-current .features_text .features_text6{
	-moz-animation: txt1 0.7s ease-in-out 5.1s 1 normal both;
	-webkit-animation: txt1 0.7s ease-in-out 5.1s 1 normal both;
	-o-animation: txt1 0.7s ease-in-out 5.1s 1 normal both;
	-ms-animation: txt1 0.7s ease-in-out 5.1s 1 normal both;
	animation: txt1 0.7s ease-in-out 5.1s 1 normal both;
}
.da-slide-current .features_text .features_text7,.da-slide-current .features_text .features_text2{
	-moz-animation: txt1 0.7s ease-in-out 5.7s 1 normal both;
	-webkit-animation: txt1 0.7s ease-in-out 5.7s 1 normal both;
	-o-animation: txt1 0.7s ease-in-out 5.7s 1 normal both;
	-ms-animation: txt1 0.7s ease-in-out 5.7s 1 normal both;
	animation: txt1 0.7s ease-in-out 5.7s 1 normal both;
}
.da-slide-current .features_text .features_text5{
	-moz-animation: txt1 0.7s ease-in-out 5.4s 1 normal both;
	-webkit-animation: txt1 0.7s ease-in-out 5.4s 1 normal both;
	-o-animation: txt1 0.7s ease-in-out 5.4s 1 normal both;
	-ms-animation: txt1 0.7s ease-in-out 5.4s 1 normal both;
	animation: txt1 0.7s ease-in-out 5.4s 1 normal both;
}
@-moz-keyframes txt1{
	0% {transform: scale(0);}  
	25% {transform: scale(1.2);}  
    50% {transform: scale(0.9); }  
    75% {transform: scale(1.1); }  
    100% {transform: scale(1);}  
}
@-ms-keyframes txt1{
	0% {transform: scale(0);}  
	25% {transform: scale(1.2);}  
    50% {transform: scale(0.9); }  
    75% {transform: scale(1.1); }  
    100% {transform: scale(1);} 
}
@-webkit-keyframes txt1{
	0% {-webkit-transform: scale(0);}  
	25% {-webkit-transform: scale(1.2);}  
    50% {-webkit-transform: scale(0.9); }  
    75% {-webkit-transform: scale(1.1); }  
    100% {-webkit-transform: scale(1);} 
}

.center-box img.machine{ left:0px /*120px*/;top: 176px; z-index: 99}
.center-box img.machine_dropper{ left:-1px /*120px*/;top: -16px; z-index: 101;
	-webkit-transform-origin:5% 100%; -moz-transform-origin:5% 100%; -o-transform-origin:5% 100%; -ms-transform-origin:5% 100%;}
.center-box .glow_line{position:absolute; background-color: 0x00ff0000;width: 4px;
	box-shadow: 0px 0px 8px 0px rgba(144, 221, 5, 0.7);opacity:0;}
.center-box .glow_line1{left:251px;top:49px;height: 339px;
	transform: rotate(30deg);-webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); -o-transform:rotate(30deg); -ms-transform:rotate(30deg);}
.center-box .glow_line2{left:338px;top:205px;height: 323px;transform: rotate(90deg);-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.center-box .glow_line3{left:429px;height: 336px;top:53px;transform: rotate(-30deg);-webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); -o-transform:rotate(-30deg); -ms-transform:rotate(-30deg);}

.arrow-flow { vertical-align: middle;}
.img-custom { margin: 0 -6px 0 5px;
    vertical-align: middle;
}

.da-slide-current .center-box .glow_line{
	-moz-animation: glow 1.5s ease-in-out 3.5s infinite normal both;
	-webkit-animation: glow 1.5s ease-in-out 3.5s infinite normal both;
	-o-animation: glow 1.5s ease-in-out 3.5s infinite normal both;
	-ms-animation: glow 1.5s ease-in-out 3.5s infinite normal both;
	animation: glow 1.5s ease-in-out 3.5s infinite normal both;
}
@-moz-keyframes glow{
	0%{box-shadow: 0px 0px 8px 2px rgba(144, 221, 5, 0.7);opacity: 0;}
	50%{box-shadow: 0px 0px 8px 8px rgba(144, 221, 5, 0.7);opacity: 1;}
	100%{box-shadow: 0px 0px 8px 2px rgba(144, 221, 5, 0.7);opacity: 0.2;}
}

@-ms-keyframes glow{
	0%{box-shadow: 0px 0px 8px 2px rgba(144, 221, 5, 0.7);opacity: 0;}
	50%{box-shadow: 0px 0px 8px 8px rgba(144, 221, 5, 0.7);opacity: 1;}
	100%{box-shadow: 0px 0px 8px 2px rgba(144, 221, 5, 0.7);opacity: 0.2;}
}

@-webkit-keyframes glow{
	0%{box-shadow: 0px 0px 8px 2px rgba(144, 221, 5, 0.7);opacity: 0;}
	50%{box-shadow: 0px 0px 8px 8px rgba(144, 221, 5, 0.7);opacity: 1;}
	100%{box-shadow: 0px 0px 8px 2px rgba(144, 221, 5, 0.7);opacity: 0.2;}
}

.pause{position: absolute; right: 28px; bottom: 19px; background:url(../images/pause.png) left top no-repeat; width: 15px; height: 15px; text-indent: -9999px; display: block;z-index: 2001;}
.h-one{color: #FFFFFF;font-family: 'proxima_novablack';font-size: 100px;line-height: 1;padding: 0; text-shadow:1px 1px 0px rgba(0, 0, 0, .4);}
.bling_DotDiv{position:absolute; width: 52px;height: 28px;left:240px;top:50px; z-index: 12;}
.bling_DotDiv div{position: absolute;width: 8px;height: 8px;border-radius: 50%;background-color: #ff0000;opacity: 0}
.bling_DotDiv .bling_lower{top:19px;}
.bling_DotDiv .bling_upper{top:2px;}
.bling_DotDiv .bling_Dot1{left:1px;}
.bling_DotDiv .bling_Dot2{left:21px;}
.bling_DotDiv .bling_Dot3{left:41px;}

.blingDot{
	-moz-animation: blingDot 0.5s ease-out 0.5s 1 normal both;
	-webkit-animation: blingDot 0.5s ease-out 0.5s 1 normal both;
	-o-animation: blingDot 0.5s ease-out 0.5s 1 normal both;
	-ms-animation: blingDot 0.5s ease-out 0.5s 1 normal both;
	animation: blingDot 0.5s ease-out 0.5s 1 normal both;
}
@-moz-keyframes blingDot{
	from {opacity: 1;}
	40%{opacity: 1;}
	to{opacity: 0;}
}
@-ms-keyframes blingDot{
	from {opacity: 1;}
	40%{opacity: 1;}
	to{opacity: 0;}
}
@-webkit-keyframes blingDot{
	from {opacity: 1;}
	40%{opacity: 1;}
	to{opacity: 0;}
}
.heading-six span{ display: block;margin-top: -6px;}
.heading-six span small{ float: left; font-size: 100%;}
.heading-six img{float: left;margin-left: -22px;margin-top: -10px;position: relative;z-index: -1;}
.six-sencha img{ position: relative;left: -96px;top: 18px;}
.da-slide .da-img.six-desktop{width: 45%; top: 340px;}
.six-desktop img{float: right;padding-right: 68px;}
.six-desktop img.six-apple{float: left; padding: 0; margin-left: -70px;}
.first-para.para-six{ width: 38%}
.da-slide .da-img.platform{ width: 322px;margin-left: -70px; top: 386px; background: none; padding: 0;}
.da-slide .da-img.platform p{ padding: 0; top: 30px; color: #ffffff;}
.seven-one{width: 465px;}
.da-slide .da-img.seven-two{ margin-left: -305px;width: 469px;}
.da-slide .da-img.seven-third{width: 45%; text-align: right;}
.seven-one img{ height: 492px;margin-left: -70px;margin-top: -60px;width: 100%;}
.seven-two img{height: 492px; }
.seven-third img{height: 492px;}
.fig-marvinthird{position: absolute;right: 5px;color: #3E6475;font-family: 'Camphor W01 regular';font-size:19px;line-height: 1.2;text-align: right;top: 92px;width: 223px;z-index: 101;}
.name-desc{background:rgba(255, 255, 255, 0.8);}
.name-desc em{ font-size: 22px;}
.name-desc span{ font-size:12px;}
.name-desc a{ font-size: 11px}
.h-one.seven-one-testi{}
.seven-one-testi{ height: 81.2%;top: 92px !important;width: 395px;}
.seven-one-testi .fig-marvinthird{ top: 0}
.seven-one-testi .name-desc{float: right;margin-right: 0;text-align: right;width: 226px;left: 30%;} 
.seven-one-testi .fig-marvinthird{ width: 190px}
.project-count-desc{ text-align: left;font-family: 'Camphor W01 Thin';}


.senchs-box{position: relative;left: -96px;top: 18px;}  
.senchs-box img{ left: 0;position: absolute;top: 49px;}
.senchs-box img.sencha-center{ left: 219px;top: 64px;}
.senchs-box img.sencha-track{ left: 153px;top: 0px;}

.banner-out h1,.banner-out .h-one { font-family: 'proxima_novablack' !important; text-shadow: 1px 1px 0px rgba(0, 0, 0, .4);} 
.banner-out .h-one span.spc-right {padding-left:8px;}



.da-slide h1.hsmall{
	color: #FFFFFF;display: block;font-family: 'Camphor W01 Regular' !important;font-size: 3em;top:265px; line-height:1.2;text-shadow:1px 1px 0px rgba(0, 0, 0, .4); -webkit-text-shadow: 1px 0 2px rgba(0, 0, 0, 0.7);
}






/*=========================================*/
/* Animation classes and animations */
/* Slide in from the right*/
.da-slide-fromright h1,.da-slide-fromright .h-one{
	-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{
	-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;/* text-shadow:1px 1px 0px rgba(0, 0, 0, .4);*/
}
.globe{ position:relative; left:230px;top:-146px; border: 1px solid #ffffff; border-radius: 50%;width: 25px ;height: 25px;overflow:hidden;  box-shadow: 1px 1px 0px rgba(0, 0, 0, .4);}
.globe .globe-img1{position: absolute;max-width: 71px ;height: 25px;left:0px;}
.globe .globe-img2{position: absolute;max-width: 71px ;height: 25px;left:45px;}

.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 .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: 4%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 4%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 4%; opacity: 0; }
	100%{ left: 4%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}

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

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

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

@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left:4%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left:4%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 4%; opacity: 0; }
	100%{ left: 4%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h1,.da-slide-fromleft .h-one{
	-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{
	-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 .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: 4%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 4%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 4%; opacity: 0; }
	100%{ left: 4%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}

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

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

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

@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 4%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left:4%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 4%; opacity: 0; }
	100%{ left: 4%; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h1,.da-slide-toright .h-one{
	-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{
	-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 .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: 4%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 4%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 4%;  opacity: 1; }
	99%{ left: 4%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 55%;  opacity: 1; }
	30%{ left: 50%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

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

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

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

@keyframes toRightAnim1{
	0%{ left: 4%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 4%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left: 4%;  opacity: 1; }
	99%{ left: 4%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 55%;  opacity: 1; }
	30%{ left: 50%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h1,.da-slide-toleft .h-one{-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 .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 .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: 4%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 4%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 4%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 4%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 4%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 4%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 4%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 4%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 4%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 4%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 4%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 4%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 4%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 4%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 4%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

.alive_bg{background:url(../images/alive_bg.png) right 61px no-repeat; padding-right:64px; position:absolute; bottom:0px; right:-27px; z-index: 20000; text-indent: -999999px;}
/*============================= custome css3 ===================*/
#odometer{ min-width: 225px; margin-left: -15px;}
#odometer .odometer-inside{width: 100%;}
.flow-chart .number-points{position: relative;left: -87px;top: 154px;}
.flow-chart img{-moz-transition: top 2s ease-out; -webkit-transition: top 2s ease-out;  -o-transition: top 2s ease-out;}
.point-1,.point-3,.point-4,.point-5,.point-6,.point-2{ -moz-transition: top 2s ease-out; -webkit-transition: top 2s ease-out;   -o-transition: top 2s ease-out;   position: absolute;}
.flow-chart .point-1{left: -262px; top:-13px;}
.flow-chart .point-2{left: -83px; top:4px;}
.flow-chart .point-3{  right: 636px;top: -64px;}
.flow-chart .point-4{ top: -27px;right: 524px;}
.flow-chart .point-5{ top: -58px;right: 415px;}
.number,.rght-number{left: 8px;top: 0px;position: absolute;
transition: all 300ms ease-out 0s; -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s;}
.points:hover .number,.points.hover .number{top: -81px;left: 81px;opacity: 0;z-index: 150;}
.points:hover .rght-number,.points.hover .rght-number{top: -72px;left: -72px;opacity: 0;z-index: 150;}
.crcle,.detail{transition: transform 250ms ease-in-out 0s; -moz-transition: transform 250ms ease-in-out 0s; -webkit-transition: -webkit-transform 250ms ease-in-out 0s; -ms-transition: transform 250ms ease-in-out 0s; cursor: pointer;}
.crcle{transform: scale(0.12,0.12);-webkit-transform: scale(0.12,0.12);-moz-transform: scale(0.12,0.12);-o-transform: scale(0.12,0.12);-ms-transform: scale(0.12,0.12); box-shadow: 40px 40px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 40px 40px 0 rgba(0, 0, 0, 0.2);	width: 246px; height: 246px; border-radius: 50%;position: absolute;background:#84cebb;}

.points:hover .crcle,.points.hover .crcle{box-shadow: 7px 14px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 7px 14px 0 rgba(0, 0, 0, 0.2);}
.point-2 .crcle{background: #fdc150}
.point-3 .crcle{background: #ef3e31}
.point-4 .crcle{background: #0e3d52}
.point-6 .crcle{background: #4d9da8;}
.point-6{left:409px;top: -129px;}
.point-1 .crcle,.point-2 .crcle,.point-3 .crcle,.point-4 .crcle,.point-5 .crcle,.point-6 .crcle {transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%;}

.title-img{ padding: 15px 0; height: 60px;}
.title-img.top-space{ padding:18px 0 15px 0;}
.detail{transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); -webkit-transform: scale(0,0); 	width: 246px; height: 246px;position: absolute;}
.lft-detail{transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%;-webkit-transform-origin: 0% 50%; }
.rght-detail{transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%;-webkit-transform-origin: 100% 50%; }
.point-6 .detail{transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%;
	-webkit-transform-origin: 100% 50%; }
.d-heading{font-family:'Camphor W01 Heavy'; text-shadow: 0 1px 0 rgba(0,0,0,0.22); -webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.22); -o-text-shadow: 0 1px 0 rgba(0,0,0,0.22); text-transform: uppercase; font-size: 22px; color: #ffffff; display: block;padding: 30px 0 0}
.d-heading.padd-top-plus {padding:50px 0 4px;}
.d-heading.minus-spc {padding:38px 0 4px;}
.d-heading.minus-spc-second {padding:41px 0 4px;}

.d-txt{ color: #0e3d52; font-size: 14px;font-family:'Camphor W01 Regular'; display: block; line-height:17px;}
.d-txt.clr-fourth { color:#fcd8d6;}
.d-txt span{display: block;}
.d-txt em{font-family:'Camphor W01 Italic'; font-style: normal; font-weight: normal; font-size: 100%}
.d-txt.clr-change{ color: #9fb1ba;}
.label span.light-heading,.rght-label span.light-heading{font-family:'Camphor W01 Light'; text-shadow: 0 1px 0 rgba(0,0,0,0.22); -webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.22); -o-text-shadow: 0 1px 0 rgba(0,0,0,0.22); text-transform: uppercase; font-size: 14px; color: #ffffff; width: 120px; display: block; line-height: 1.2}
.point-4 span.light-heading{margin-left: -40px;padding-top: 39px }
.point-5 span.light-heading{  text-align: left;padding-top: 42px;}
.point-6 span.light-heading{ margin: -30px 0 0 -12px;text-align: left;}
.point-1 span.light-heading{margin:-40px 0 0 -10px; text-align: left;}
.point-2 span.light-heading{margin: 41px 0 0 -41px;}
.point-3 span.light-heading{ margin: -33px 0 0 -44px;}
.label{height: 30px;left: 0px;position: absolute;top: 108px;width: 30px;}
.rght-label{height: 30px;left: 216px;position: absolute;top: 108px;width: 30px;}
.label span,.rght-label span{line-height: 28px; padding: 0}
.points:hover .crcle,.points:hover .detail,.points.hover .crcle,.points.hover .detail{transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); z-index: 99}
.work-outer .work-first{ position: absolute;}
.radio-bounse{ position: absolute; top: 25px; left: 25px;}
.da-slide .heading-six span{ position: relative; height: 107px;}
.da-slide .battery{ position:absolute; background:#ffffff;right:31px; bottom:47px; margin:0; float:none; width:0; height:12px;
-webkit-animation: hslide 5s infinite; -moz-animation: hslide 5s infinite; -o-animation: hslide 5s infinite; -ms-animation: hslide 5s infinite;animation: hslide 5s infinite;}

@keyframes hslide{
	0%{ width:0;}
	100%{width:26px; }
}
@-moz-keyframes hslide{
	0%{ width:0;}
	100%{width:26px; }
}
@-webkit-keyframes hslide{
	0%{ width:0;}
	100%{width:26px; }
}
@-ms-keyframes hslide{
	0%{ width:0;}
	100%{width:26px; }
}
.da-slide img.dot-map{
    -webkit-animation: dot-map 0.5s infinite;
	-moz-animation: dot-map 0.5s infinite;
	-o-animation: dot-map 0.5s infinite;
	-ms-animation: dot-map 0.5s infinite;
	animation: dot-map 0.5s infinite;
}
@-moz-keyframes dot-map{
	0%{transform: rotate(-5deg); }
	50%{transform: rotate(0deg); }
	100%{transform: rotate(-5deg); }
}

@-webkit-keyframes dot-map{	0%{transform: rotate(-5deg); }
	50%{transform: rotate(0deg); }
	100%{transform: rotate(-5deg); }	
}

@-ms-keyframes dot-map{
	0%{transform: rotate(-5deg); }
	50%{transform: rotate(0deg); }
	100%{transform: rotate(-5deg); }	
}
.center-box img.centerImg{z-index: 200;top: 140px;}
.center-box img.ee{left: 182px;top: -10px;z-index: 100;
-moz-transform:rotateZ(-14deg); -o-transform:rotateZ(-14deg); -ms-transform:rotateZ(-14deg);
-webkit-transform-origin:40% 0%; -moz-transform-origin:40% 0%; -o-transform-origin:40% 0%; -ms-transform-origin:40% 0%;}
.center-box img.ee_hanger{left: 218px;top: -3px;z-index:98;
-moz-transform:rotate(4deg); -o-transform:rotate(4deg); -ms-transform:rotate(4deg);}
.effect{ position: relative;left:50px;}
.pyramid .effect img.ee_hanger{-moz-animation: eeH 1s ease-in-out 2s 1 normal forwards;	-webkit-animation: eeH 1s ease-in-out 2s 1 normal forwards;	-o-animation: eeH 1s ease-in-out 2s 1 normal forwards;
-ms-animation: eeH 1s ease-in-out 2s 1 normal forwards;	animation: eeH 1s ease-in-out 2s 1 normal forwards;}





@keyframes eeH{
	0%{transform: rotate(4deg);top:-3px;left: 218px;}
	25%{transform: rotate(6deg); top:5px;left:219px;}
	50%{transform: rotate(8deg); top:8px;left:220px;}
	75%{transform: rotate(10deg); top:11px;left:221px;}
	100%{transform: rotate(12deg);top:15px;left: 222px;}
}
@-moz-keyframes eeH{
	0%{transform: rotate(4deg);top:-3px;left: 218px;}
	25%{transform: rotate(6deg); top:5px;left:219px;}
	50%{transform: rotate(8deg); top:8px;left:220px;}
	75%{transform: rotate(10deg); top:11px;left:221px;}
	100%{transform: rotate(12deg);top:15px;left: 222px;}

}
@-webkit-keyframes eeH{
	0%{transform: rotate(4deg);top:-3px;left: 218px;}
	25%{transform: rotate(6deg); top:5px;left:219px;}
	50%{transform: rotate(8deg); top:8px;left:220px;}
	75%{transform: rotate(10deg); top:11px;left:221px;}
	100%{transform: rotate(12deg);top:15px;left: 222px;}
	
}
.pyramid .effect img.ee{
    -moz-animation: ee 1.5s linear 2s 1 normal both;
	-webkit-animation: ee 1.5s linear 2s 1 normal both;
	-ms-animation: ee 1.5s linear 2s 1 normal both;
	animation: ee 1.5s linear 2s 1 normal both;
}
.safari .pyramid .effect img.ee{
    -moz-animation: eeee 1.5s linear 2s 1 normal both;
	-webkit-animation: eeee 1.5s linear 2s 1 normal both;
	-ms-animation: eeee 1.5s linear 2s 1 normal both;
	animation: eeee 1.5s linear 2s 1 normal both;
}

/*for chrome only start*/

/*for chrome only end*/

@-ms-keyframes ee{
	0%{transform: rotate(-10deg); top:-10px;left:182px;}
	25%{transform: rotate(-5deg); top:-5;left:185px;}
	50%{transform: rotate(0deg); top:0px;left:190px;}
	75%{transform: rotate(5deg); top:5px;left:191;}
	100%{transform: rotate(0deg); top:10px;left:182px;}
}
@-moz-keyframes ee{
	0%{transform: rotate(-10deg); top:-10px;left:182px;}
	25%{transform: rotate(-5deg); top:-5;left:185px;}
	50%{transform: rotate(0deg); top:0px;left:190px;}
	75%{transform: rotate(5deg); top:5px;left:191;}
	100%{transform: rotate(0deg); top:10px;left:192px;}
}
@-webkit-keyframes ee{
	0%{-webkit-transform: rotate(-10deg); top:-10px;left:182px;}
	25%{-webkit-transform: rotate(-5deg); top:-5;left:185px;}
	50%{-webkit-transform: rotate(0deg); top:0px;left:190px;}
	75%{-webkit-transform: rotate(5deg); top:5px;left:191;}
	100%{-webkit-transform: rotate(0deg); top:10px;left:182px;}
}
@-webkit-keyframes eeee{
	0%{-webkit-transform: rotate(-10deg); top:-10px;left:182px;}
	25%{-webkit-transform: rotate(-5deg); top:-5;left:185px;}
	50%{-webkit-transform: rotate(0deg); top:0px;left:190px;}
	75%{-webkit-transform: rotate(5deg); top:5px;left:191;}
	100%{-webkit-transform: rotate(0deg); top:10px;left:192px;}
}
.pyramid .effect img.machine_dropper{
	-moz-animation: dropper 1.5s ease-out 2s 1 normal forwards;
	-webkit-animation: dropper 1.5s ease-out 2s 1 normal forwards;
	-o-animation: dropper 1.5s ease-out 2s 1 normal forwards;
	-ms-animation: dropper 1.5s ease-out 2s 1 normal forwards;
	animation: dropper 1.5s ease-out 2s 1 normal forwards;
}
@keyframes dropper{
	0%{transform: rotateZ(0deg); }
	100%{transform: rotateZ(4deg);}
}
@-moz-keyframes dropper{
	0%{transform: rotateZ(0deg); }
	100%{transform: rotateZ(4deg);}
}
@-webkit-keyframes dropper{
	0%{-webkit-transform: rotateZ(0deg);}
	100%{-webkit-transform: rotateZ(4deg);}
}

.pyramid .effect{
	-webkit-animation: effect 1.5s ease-out 1s both;
	-moz-animation: effect 1.5s ease-out 1s both;
	-o-animation: effect 1.5s ease-out 1s both;
	-ms-animation: effect 1.5s ease-out 1s both;
	animation: effect 1.5s ease-out 1s both;
}
@keyframes effect{
	0%{ left: 50;}
	100%{left: 110px;}
}
@-moz-keyframes effect{
	0%{ left: 50}
	100%{left: 100px;}
}
@-webkit-keyframes effect{
	0%{ left: 50}
	100%{left: 100px;}
}
@-o-keyframes effect{
	0%{ left: 50}
	100%{left: 100px;}
}

.da-slide-current .spin {
    animation: spin 10s linear 0s infinite normal;
    -moz-animation: spin 10s linear 0s infinite normal;
    -webkit-animation: spin 10s linear 0s infinite normal;
}
   
@keyframes spin {
    0% { transform: rotate(0deg); transform-origin: 50% 50%;}
    100% { transform: rotate(360deg); }
}
@-moz-keyframes spin {
    0% { -moz-transform: rotate(0deg);-moz-transform-origin: 50% 50%; }
    100% { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    0% {-webkit-transform: rotate(0deg); -webkit-transform-origin: 50% 50%;}
    100% { -webkit-transform: rotate(360deg); }
}
.link-sec-banner ul li.clr-it {}


/*CSS for ie9 start */



/*CSS for ie9 end */



@media only screen and (min-width:1201px) and (max-width:1399px){
	.da-slide h1.hsmall{
		font-size: 2.5em;
	}
	
	
}
@media handheld, only screen and (max-width:1344px){
.flow-chart img.main-img {left:-43px; top:-20px;}	
.point-6 {left:398px; top:-175px;}
.flow-chart .point-3 {right:534px; top:-61px;}
.flow-chart .point-4 {right: 426px; top:-32px;}
}

@media handheld, only screen and (max-width:1280px){
.h-one {font-size: 90px;}	
.globe {left:207px; top:-133px;}
p.dfn {font-size:2.7em;}
.notes-sec-banner {width: 489px;}
.first_b .notes-sec-banner span {font-size: 18px;}
.notes-sec-banner p {font-size: 16px;}
.alive_bg {bottom: 11px; right:-29px;}
.first-para {width: 572px;}
.notes-sec-banner.pixel-play {width: 557px;}
.da-slide-current div.dansing2 .cms-combo {left: 74px;}
.arrow-flow {padding-bottom: 5px; vertical-align: middle;}
.flow-chart .point-1 {left:-138px; top:-24px;}
.flow-chart .point-2 {left: 18px; top:-5px;}
.flow-chart .point-3 {right: 509px; top:-69px;}
.flow-chart .point-4 {right:412px;  top:-37px;}
.flow-chart .point-5 {right:314px; top:-62px;}
.point-6 {left:363px; top:-165px;}
.bling_DotDiv {left: 217px; top: 42px;}
img.banner-2-desk {right: 174px;}	
}


@media handheld, only screen and (max-width:1200px){
.h-one {font-size:80px;}	
.globe {left:182px; top:-121px;}
p.dfn {font-size:2.7em; width: 507px; top:227px;}  
.link-sec-banner ul li {font-size: 12px; padding: 0 13px 0 0;}
.first-para {width: 504px;}
.notes-sec-banner {width: 435px;}
.first_b .notes-sec-banner span {font-size:16px;}
.notes-sec-banner p {font-size:14px; line-height:20px;}
.project-count-desc {font-size: 2.1em;}
.alive_bg {bottom:10px; right:-29px; padding-bottom: 5px;}
.notes-sec-banner.pixel-play {width:495px; bottom:32px;height: 90px;left:-23px;padding-top: 14px;}
.link-sec-banner ul li a.view-more-red.spc-right {margin-right: 5px;}
.bling_DotDiv {left: 193px;top:34px;}
p.dfn.posn-chnage {top: 220px;}
.da-slide p.posn-change {top: 280px;}
.da-slide-current div.dansing2 .cms-combo {left: 22px;}
.arrow-flow {padding-bottom: 5px; vertical-align: middle; width: 45px;}
.da-slide p.forth {top: 228px;width:422px;}
.flow-chart .point-1 {left:-138px; top:-34px;}
.flow-chart .point-2 {left:-7px; top:-17px;}
.flow-chart .point-3 {right:475px; top:-75px;}
.flow-chart .point-4 {right:382px;  top:-47px;}
.flow-chart .point-5 {right:301px; top:-68px;}
.point-6 {left:293px; top:-165px;}
.center-box {right: 116px; top: 57px;}
.img-custom {width: 51px;}
img.banner-2-desk {right: 131px;}
.da-slide h1.hsmall{
		font-size: 2.5em;
		width: 45%;
  top: 215px;
	}
}


@media handheld, only screen and (max-width:1139px){
.h-one {font-size:62px;}
.da-slide h1, .da-slide .h-one.posn-second {top: 59px;}
	
.globe {left:142px; top:-101px;}
.banner-out h1 span.spc-right {padding-left: 14px;}
p.dfn {font-size:2.1em; width:419px; top:199px;}
.da-slide .da-link {top:368px;}
.da-slide p.first-para {width:390px; top: 250px;}
.link-sec-banner ul li {font-size: 12px; padding: 0 13px 0 0;}
.link-sec-banner ul li.clr-it { clear: both; float: none;}
.first_b .notes-sec-banner {left: -58px;}
.alive_bg {bottom:5px; right:-32px; padding-bottom:23px;}
.bling_DotDiv {left:149px;top:19px;}
.desktop-effect {right: 67px}
p.dfn.posn-chnage {top: 190px;}
.notes-sec-banner.pixel-play {left:-74px;}
.da-slide-current div.dansing2 .cms-combo {left:-29px;}
.arrow-flow {padding-bottom: 5px; vertical-align: middle; width:38px;}
.da-slide p.posn-change {top: 251px;}
.da-slide p.forth {top:194px;width:364px;}
.flow-chart .point-1 {left:-142px; top:-46px;}
.flow-chart .point-2 {left:-17px; top:-31px;}
.flow-chart .point-3 {right:440px; top:-80px;}
.flow-chart .point-4 {right:360px;  top:-59px;}
.flow-chart .point-5 {right:296px; top:-73px;}
.point-6 {left:234px; top:-169px;}
.center-box {right: 158px; top: 57px;}
#odometer {margin-left: -69px;}
.project-count {padding-left:209px;}
.work-outer {margin-left:-57px;}
.img-custom {width: 43px;}

img.banner-2-tab {left: 88px;}
.dansing .charMouth {right:228px;}

@-moz-keyframes banner-2-books{
	0%{right: -42px;opacity: 0;}
	100%{right: 50px;opacity: 1;}
}

@-ms-keyframes banner-2-books{
	0%{right: -42px;opacity: 0;}
	100%{right: 50px;opacity: 1;}
}

@-webkit-keyframes banner-2-books{
	0%{right: -42px;opacity: 0;}
	100%{right: 50px;opacity: 1;}
}	
}

@media handheld, only screen and (max-width:1024px){

.flow-chart .point-1 {
    left: -251px;
    top: -46px;
}

.flow-chart .point-2 {
    left: -132px;
    top: -30px;
}


.flow-chart .point-3 {
    right: 542px;
    top: -80px;
}


.flow-chart .point-4 {
    right: 462px;
    top: -59px;
}


.flow-chart .point-5 {
    right: 391px;
    top: -78px;
}


.point-6 {
    left: 234px;
    top: -133px;
}

.notes-sec-banner p{top: 71px; color: #fff}
	
}

@media handheld, only screen and (max-width:1023px){
.da-slide .da-img.first_slide,.da-slide-current .da-img ,.da-slide-fromright .da-img, .da-slide-fromleft .da-img, #odometer, .da-slide-current .first_b div.notes-sec-banner, .first_b, .da-slide .da-img.dansing2 {display:none !important;}
.da-slide p.first-para {width:auto; top:279px; padding-right: 30px;}
p.dfn {width: auto; top:242px;}
h1 {font-size:8em;}
.link-sec-banner ul li.clr-it {clear:none; float:left;}
.h-one {font-size: 80px;}
.globe {left:185px; top:-120px;}
.alive_bg {bottom: -7px;right:-30px;}
p.dfn.posn-chnage {top: 245px;}
.da-slide p.posn-change {top:283px;}
.da-slide p.forth {top: 231px;}
.arrow-flow {width: 48px;}
.img-custom {width: 48px;}
}


@media only screen and (max-width:640px){
.da-slide h1.hsmall{top: 233px;}
.da-slide .da-link{top: 380px;}
.globe{left:183px;}
}



@media handheld, only screen and (max-width:600px){
h1 {font-size:7.5em;}
.h-one {font-size:75px;}
.arrow-flow {width: 40px; padding-bottom:5px;}
.da-slide p.forth {top:218px;}	
.da-slide h1.hsmall{width:100%;}
}

@media handheld, only screen and (max-width:599px){
.h-one {font-size:60px;}	
h1 {font-size:6em;}
.da-dots {right: 82px;}
.pause {right: 52px;}
.globe {left: 138px; top:-94px; height: 18px; width: 18px;}
.link-sec-banner ul li.clr-it {clear:both; float:none;}
.da-slide p.first-para {top:260px;}
p.dfn {width: auto; top:200px; padding-right: 30px;}
.alive_bg {bottom:2px;right:-32px; padding-bottom:26px;}
p.dfn.posn-chnage {top: 210px;}
.da-slide p.posn-change {top:264px;}
.da-slide p.forth {top:187px;}
.arrow-flow {width: 35px; padding-bottom: 0px;}
.img-custom {width:38px;}
.da-slider {min-width:300px;}
.link-sec-banner ul {width: auto;}

.da-slide h1.hsmall{top: 207px;}

}

@media handheld, only screen and (max-width:479px){
	
.h-one {font-size:46px;}	
h1 {font-size:4.6em;}
.da-slide h1, .da-slide .h-one, .da-slide .h-one.posn-second {top:55px;}
.alive_bg {background: none;}
.globe {left:104px; top:-75px;}
.banner-out h1 span.spc-right {padding-left:18px;}
p.dfn { top: 166px;}
.da-slide p.first-para {top:227px;}
.link-sec-banner ul li {line-height: 22px !important;}
.link-sec-banner ul li.clr-it {margin-bottom:13px;}
.link-sec-banner ul li a.view-more-red {width: 135px !important;}
.da-slide .h-one.posn-second img { width:37px;}
p.dfn.posn-chnage {top:164px;}
.arrow-flow {width: 26px;}
.da-slide.da-slide-fromright.da-slide-current.pyramid .h-one {font-size:38px;}
.img-custom { width:27px; margin: 0 -4px 0 2px;}
.da-slide p.first-para.forth {top: 140px;}
.da-slide p.first-para{top: 250px}
.da-slide h1.hsmall{top: 164px;}
.da-slide p.posn-change{top: 221px;}
.agile-img{ margin-left: 5px; } 
.da-slide p.first-para{ padding-top: 0 !important; }

}

@media handheld, only screen and (max-width:1023px){

.da-img.first_slide , 
#odometer ,
.da-img.b2desk,
.da-img.dansing2,
.da-img.flow-chart,
.da-img.center-php{ display: none !important; }

}



}