/* Welcome Page */

.welcome_icons{
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	}
.spark_icons{
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	}
.welcome_icons span, .spark_icons span{
	position: absolute;
}
.welcome_icons span b, .spark_icons span b i, .spark_icons span b{
	position: absolute;
	width: 100%;
	height: 100%;
	}
/*.welcome_icons span i{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-animation: top_btm linear 6000ms;
	animation: top_btm linear 6000ms;
	-webkit-animation-delay: 1500ms;
	animation-delay: 1500ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	}*/
.spark_icons span b i, .welcome_icons span:nth-child(7) i, .welcome_icons span:nth-child(5) i{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-animation: top_btm linear 8000ms;
	animation: top_btm linear 8000ms;
	-webkit-animation-delay: 1500ms;
	animation-delay: 1500ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	}
@-webkit-keyframes top_btm{
	0% , 100%   { -webkit-transform: translateY(0) }
	25%   { -webkit-transform: translateY(-20px) }
	50%  { -webkit-transform: translateY(0px) }
	75%  { -webkit-transform: translateY(20px) }
	}
@keyframes top_btm{
	0% , 100%   { transform: translateY(0) }
	25%   { transform: translateY(-20px) }
	50%  { transform: translateY(0px) }
	75%  { transform: translateY(20px) }
	}
.welcome_icons span{
	position: absolute;
	opacity: 0;
	left: 43%;
	top: 43%;
	right: 43%;
	bottom: 43%;
	-webkit-transition: all ease-in-out 900ms;
	transition: all ease-in-out 900ms;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	}
.IAmPresent.active .welcome_icons span{
	-webkit-transform:  rotateY(0deg);
	transform:  rotateY(0deg);
	opacity: 0.4;
	}
.welcome_icons span i{
	position: absolute;
	width: 100%;
	height: 100%;
	}
.icon1{
	width: 152px;
	height: 51px;
}
.IAmPresent.active .icon1{
	left: 18%;
	top: 17%;
	}
.icon2{
	width: 168px;
	height: 65px;
	}
.IAmPresent.active .icon2{
	left: 34%;
	top: 72%;
	}
.icon3{
	width: 254px;
	height: 95px;
	}
.IAmPresent.active .icon3{
	left: 2%;
	top: 47%;
	}
.icon4{
	width: 233px;
	height: 97px;
	}
.IAmPresent.active .icon4{
	left: 8%;
	top: 78%;
	}
.icon5{
	width: 188px;
	height: 45px;
	}
.IAmPresent.active .icon5{
	left: 52%;
	top: 15%;
	}
.icon6{
	width: 280px;
	height: 62px;
	}
.IAmPresent.active .icon6{
	left: 30%;
	top: 23%;
	}
.icon7{
	width: 159px;
	height: 59px;
	}
.IAmPresent.active .icon7{
	left: 4%;
	top: 33%;
	}
.icon8{
	width: 72px;
	height: 24px;
	}
.IAmPresent.active .icon8{
	left: 72%;
	top: 14%;
	}
.icon9{
	width: 188px;
	height: 36px;
	}
.IAmPresent.active .icon9{
	left: 65%;
	top: 29%;
	}
.icon10{
	width: 310px;
	height: 126px;
	}
.IAmPresent.active .icon10{
	left: 75%;
	top: 38%;
	}
.icon11{
	width: 238px;
	height: 91px;
	}
.IAmPresent.active 	.icon11{
	left: 76%;
	top: 72%;
	}
.icon12{
	width: 252px;
	height: 88px;
	}
.IAmPresent.active .icon12{
	left: 49%;
	top: 81%;
	}
.icon-1{
	background-position: 0px -88px;
	}
.icon-2{
	background-position: -72px -138px;
	}
.icon-3{
	background-position: -240px -138px;
	}
.icon-4{
	background-position: 0px -233px;
	}
.icon-5{
	background-position: -152px -87px;
	}
.icon-6{
	background-position: -268px -454px;
	}
.icon-7{
	background-position: -233px -233px;
	}
.icon-8{
	background-position: -0px -138px;
	}
.icon-9{
	background-position: -268px -418px;
	}
.icon-10{
	background-position: -268px -292px;
	}
.icon-11{
	background-position: -0px -418px;
	}
.icon-12{
	background-position: -0px -330px;
	}
.welcome_icons span i{
	-webkit-animation-duration: 10000ms;
	animation-duration: 10000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-delay: 1500ms;
	animation-delay: 1500ms;
	}

.welcome_icons span:nth-child(1) i, .welcome_icons span:nth-child(4) i, .welcome_icons span:nth-child(10) i{
	-webkit-animation-name: shack_icon;
	animation-name: shack_icon;
	}
@-webkit-keyframes shack_icon{
	0%{-webkit-transform:rotate(0deg);}
	20%{-webkit-transform:rotate(5deg);}
	40%{-webkit-transform:rotate(-5deg);}
	60%{-webkit-transform:rotate(5deg);}
	80%{-webkit-transform:rotate(-5deg);}
	100%{-webkit-transform:rotate(0deg);}
	}
@keyframes shack_icon{
	0%{transform:rotate(0deg);}
	20%{transform:rotate(5deg);}
	40%{transform:rotate(-5deg);}
	60%{transform:rotate(5deg);}
	80%{transform:rotate(-5deg);}
	100%{transform:rotate(0deg);}
	}
.welcome_icons span:nth-child(9) i, .welcome_icons span:nth-child(12) i{
	-webkit-animation-duration: 2800ms;
	animation-duration: 2800ms;
	-webkit-animation-name: shack2_icon;
	animation-name: shack2_icon;
	}
@-webkit-keyframes shack2_icon{
	0%{-webkit-transform:rotate(0deg) translateX(0px);}
	20%{-webkit-transform:rotate(1deg) translateX(1px);}
	40%{-webkit-transform:rotate(-1deg) translateX(-1px);}
	60%{-webkit-transform:rotate(1deg) translateX(1px);}
	80%{-webkit-transform:rotate(-1deg) translateX(-1px);}
	100%{-webkit-transform:rotate(0deg) translateX(0px);}
	}
@keyframes shack2_icon{
	0%{transform: rotate(0deg) translateX(0px);}
	20%{transform: rotate(1deg) translateX(1px);}
	40%{transform: rotate(-1deg) translateX(-1px);}
	60%{transform: rotate(1deg) translateX(1px);}
	80%{transform: rotate(-1deg) translateX(-1px);}
	100%{transform: rotate(0deg) translateX(0px);}
	}
.welcome_icons span:nth-child(3) i, .welcome_icons span:nth-child(11) i, .welcome_icons span:nth-child(6) i{
	-webkit-animation-name: animate3_icon;
	animation-name: animate3_icon;
	}
@-webkit-keyframes animate3_icon{
	0%{-webkit-transform: scale(1);}
	20%{-webkit-transform: scale(0.95);}
	40%{-webkit-transform: scale(1.05);}
	60%{-webkit-transform: scale(0.95);}
	80%{-webkit-transform: scale(1.05);}
	100%{-webkit-transform: scale(1);}
	}
@keyframes animate3_icon{
	0%{transform: scale(1);}
	20%{transform: scale(0.95);}
	40%{transform: scale(1.05);}
	60%{transform: scale(0.95);}
	80%{transform: scale(1.05);}
	100%{transform: scale(1);}
	}
.welcome_icons span:nth-child(8) i, .welcome_icons span:nth-child(2) i{
	-webkit-animation-duration: 3000ms;
	animation-duration: 3000ms;
	-webkit-animation-name: animate4_icon;
	animation-name: animate4_icon;
	}
@-webkit-keyframes animate4_icon{
	0%{-webkit-transform: translateY(0px);}
	20%{-webkit-transform: translateY(5px);}
	40%{-webkit-transform: translateY(-5px);}
	60%{-webkit-transform: translateY(5px);}
	80%{-webkit-transform: translateY(-5px);}
	100%{-webkit-transform: translateY(0px);}
	}
@keyframes animate4_icon{
	0%{transform: translateY(0px);}
	20%{-transform: translateY(5px);}
	40%{transform: translateY(-5px);}
	60%{transform: translateY(5px);}
	80%{transform: translateY(-5px);}
	100%{transform: translateY(0px);}
	}
.spark_icons span{
	opacity: 0.7;
	-webkit-transition: all ease-in-out 700ms;
	transition: all ease-in-out 700ms;
	-webkit-transform: scale(0);
	transform: scale(0);
	}
.IAmPresent.active .spark_icons span{
	-webkit-transform: scale(1);
	transform: scale(1);
	}
.spark1, .spark2{
	width: 34px;
	height: 34px;
	left: 25%;
	top: 73%;
	}
.spark2{
	left: 58%;
	top: 26%;
	}
.spark-1, .spark-2{
	background-position: -397px 0px;
	}
.spark3, .spark4, .spark5{
	width: 22px;
	height: 22px;
	left: 45%;
	top: 82%;
	}
.spark4{
	left: 20%;
	top: 32%;
	}
.spark5{
	left: 71%;
	top: 75%;
	}
.spark-3, .spark-4, .spark-5{
	background-position: -440px 0px;
	}
.spark6{
	width: 35px;
	height: 35px;
	left: 9%;
	top: 67%;
	}
.spark-6{
	background-position: -447px -29px;
	}
.spark7{
	width: 27px;
	height: 25px;
	left: 65%;
	top: 66%;
	}
.spark-7{
	background-position: -470px 0px;
	}
.spark8{
	width: 50px;
	height: 29px;
	left: 84%;
	top: 29%;
	}
.spark-8{
	background-position: -498px 0px;
	}
.spark9{
	width: 15px;
	height: 15px;
	left: 16%;
	top: 45%;
	}
.spark-9{
	background-position: -555px 0px;
	}
.spark10{
	width: 15px;
	height: 16px;
	left: 46%;
	top: 19%;
	}
.spark-10{
	background-position: -574px 0px;
	}
.spark11{
	width: 21px;
	height: 20px;
	left: 75%;
	top: 40%;
	}
.spark-11{
	background-position: -398px -36px;
	}
.spark12{
	width: 14px;
	height: 15px;
	left: 94%;
	top: 68%;
	}
.spark-12{
	background-position: -423px -36px;
	}
.spark13{
	width: 14px;
	height: 16px;
	left: 44%;
	top: 65%;
	}
.spark-13{
	background-position: -489px -31px;
	}
.spark-24{
	background-position: -407px -60px;
	}
.spark14, .spark15, .spark16{
	width: 5px;
	height: 5px;
	left: 55%;
	top: 12%;
	}
.spark-14, .spark-15, .spark-16{
	background-color: #924c5d;
	border-radius: 50%;
	}
.spark15{
	left: 63%;
	top: 9%;
	}
.spark16{
	left: 48%;
	top: 9%;
	}
.spark24{
	left: 30%;
	top: 25%;
	}
.spark17{
	width: 10px;
	height: 10px;
	left: 65%;
	top: 19%;
	}
.spark-17{
	background-color: #ed4c31;
	border-radius: 50%;
	}
.spark18, .spark19, .spark20, .spark21, .spark22, .spark23{
	width: 6px;
	height: 6px;
	left: 21%;
	top: 45%;
	}
.spark-18, .spark-19, .spark-20, .spark-21, .spark-22, .spark-23{
	background-color: #04bc90;
	border-radius: 50%;
	}
.spark19{
	left: 18%;
	top: 62%;
	}
.spark20{
	left: 69%;
	top: 34%;
	}
.spark21{
	left: 83%;
	top: 63%;
	}
.spark22{
	left: 80%;
	top: 15%;
	}
.spark23{
	left: 92%;
	top: 13%;
	}
.spark24{
	width: 14px;
	height: 14px;
	left: 33%;
	top: 35%;
	}
.IAmPresent.active .spark_icons span:nth-child(1){
	-webkit-transition-delay: 1100ms;
	transition-delay: 1100ms;
	}
.IAmPresent.active .spark_icons span:nth-child(2){
	-webkit-transition-delay: 1400ms;
	transition-delay: 1400ms;
	}
.IAmPresent.active .spark_icons span:nth-child(3){
	-webkit-transition-delay: 1700ms;
	transition-delay: 1700ms;
	}
.IAmPresent.active .spark_icons span:nth-child(4){
	-webkit-transition-delay: 2000ms;
	transition-delay: 2000ms;
	}
.IAmPresent.active .spark_icons span:nth-child(5){
	-webkit-transition-delay: 2300ms;
	transition-delay: 2300ms;
	}
.IAmPresent.active .spark_icons span:nth-child(6){
	-webkit-transition-delay: 2600ms;
	transition-delay: 2600ms;
	}
.IAmPresent.active .spark_icons span:nth-child(7){
	-webkit-transition-delay: 2900ms;
	transition-delay: 2900ms;
	}
.IAmPresent.active .spark_icons span:nth-child(8){
	-webkit-transition-delay: 3200ms;
	transition-delay: 3200ms;
	}
.IAmPresent.active .spark_icons span:nth-child(9){
	-webkit-transition-delay: 3500ms;
	transition-delay: 3500ms;
	}
.IAmPresent.active .spark_icons span:nth-child(10){
	-webkit-transition-delay: 3800ms;
	transition-delay: 3800ms;
	}
.IAmPresent.active .spark_icons span:nth-child(11){
	-webkit-transition-delay: 4100ms;
	transition-delay: 4100ms;
	}
.IAmPresent.active .spark_icons span:nth-child(12){
	-webkit-transition-delay: 4400ms;
	transition-delay: 4400ms;
	}
.IAmPresent.active .spark_icons span:nth-child(13){
	-webkit-transition-delay: 4700ms;
	transition-delay: 4700ms;
	}
.IAmPresent.active .spark_icons span:nth-child(14){
	-webkit-transition-delay: 5100ms;
	transition-delay: 5100ms;
	}
.IAmPresent.active .spark_icons span:nth-child(15){
	-webkit-transition-delay: 5400ms;
	transition-delay: 5400ms;
	}
.IAmPresent.active .spark_icons span:nth-child(16){
	-webkit-transition-delay: 5700ms;
	transition-delay: 5700ms;
	}
.IAmPresent.active .spark_icons span:nth-child(17){
	-webkit-transition-delay: 6000ms;
	transition-delay: 6000ms;
	}
.IAmPresent.active .spark_icons span:nth-child(18){
	-webkit-transition-delay: 6300ms;
	transition-delay: 6300ms;
	}
.IAmPresent.active .spark_icons span:nth-child(19){
	-webkit-transition-delay: 6600ms;
	transition-delay: 6600ms;
	}
.IAmPresent.active .spark_icons span:nth-child(20){
	-webkit-transition-delay: 6900ms;
	transition-delay: 6900ms;
	}
.IAmPresent.active .spark_icons span:nth-child(21){
	-webkit-transition-delay: 7200ms;
	transition-delay: 7200ms;
	}
.IAmPresent.active .spark_icons span:nth-child(22){
	-webkit-transition-delay: 7500ms;
	transition-delay: 7500ms;
	}
.IAmPresent.active .spark_icons span:nth-child(23){
	-webkit-transition-delay: 7800ms;
	transition-delay: 7800ms;
	}
/*.IAmPresent.active .spark_icons span:nth-child(24){
	-webkit-transition-delay: 8100ms;
	transition-delay: 8100ms;
	}*/

.IAmPresent.active .spark24{
	-webkit-animation: spark24 linear 2.5s;
	animation: spark24 linear 2.5s;
	-webkit-animation-delay: 1500ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 0;
	}
@-webkit-keyframes spark24{
	0%, 50%, 100% { opacity: 0; }
	25%, 75%  { opacity: 1; }
	}
@keyframes spark24{
	0%, 50%, 100% { opacity: 0; }
	25%, 75%  { opacity: 1; }
	}
/*.icon1{
	width: 152px;
	height: 51px;
	left: 9%;
	top: 17%;
	}
.icon-1{
	background-position: 0px -87px;
	}
.icon2{
	width: 168px;
	height: 65px;
	left: 4%;
	top: 33%;
	}
.icon-2{
	background-position: -72px -138px;
	}
.icon3{
	width: 254px;
	height: 95px;
	left: 2%;
	top: 55%;
	}
.icon-3{
	background-position: -240px -138px;
	}
.icon4{
	width: 233px;
	height: 97px;
	left: 12%;
	bottom: 8%;
	}
.icon-4{
	background-position: 0px -233px;
	}
.icon5{
	width: 188px;
	height: 45px;
	left: 46%;
	top: 15%;
	}
.icon-5{
	background-position: -152px -87px;
	}
.icon6{
	width: 280px;
	height: 62px;
	left: 32%;
	top: 23%;
	}
.icon-6{
	background-position: -268px -454px;
	}
.icon7{
	width: 159px;
	height: 59px;
	left: 40%;
	bottom: 20%;
	}
.icon-7{
	background-position: -233px -233px;
	}
.icon8{
	width: 72px;
	height: 24px;
	right:20%;
	top: 19%;
	}
.icon-8{
	background-position: -0px -138px;
	}
.icon9{
	width: 188px;
	height: 36px;
	right: 13%;
	top: 38%;
	}
.icon-9{
	background-position: -268px -418px;
	}
.icon10{
	width: 310px;
	height: 126px;
	right: 3%;
	bottom: 28%;
	}
.icon-10{
	background-position: -268px -292px;
	}
.icon11{
	width: 238px;
	height: 91px;
	right: 1%;
	bottom: 5%;
	}
.icon-11{
	background-position: -0px -418px;
	}
.icon12{
	width: 252px;
	height: 88px;
	right: 25%;
	bottom: 8%;
	}
.icon-12{
	background-position: -0px -330px;
	}*/
	
/* Who_We_Are_page  Building_animation */
.buildin_ani{
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 400px;
	opacity: 0.3;
	}
.b1, .b2{
	position: absolute;
	width: 100%;
	height: 0px;
	bottom: 0px;
	left: 0px;
	-webkit-transition: all ease-in-out 1000ms;
	transition: all ease-in-out 1000ms;
	}
.b1{
	z-index: 1;
	background: url(../images/wwr_building1.png) repeat-x center top;
	}
.b2{
	z-index: 0;
	background: url(../images/wwr_building2.png) repeat-x center top;
	}
.b2.g_l_bu_1{
	background: url(../images/get_l_b_1.jpg) repeat-x center top;
	}
.w_in_4 .buildin_ani{
	opacity: 1;
	}
.IAmPresent.active .b1, .IAmPresent.active .b2{
	height: 400px;
	}
/*.IAmPresent.active .fadeIn_left{
	-webkit-animation: fadeIn_left linear 800ms;
	animation: fadeIn_left linear 800ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
@-webkit-keyframes fadeIn_left{
	0%    { opacity: 0;-webkit-transform: translateX(-60px) }
	100%    { opacity: 1;-webkit-transform: translateX(0px) }
	}*/
.fadeIn_left{
	opacity: 0;
	-webkit-transition: all ease-in-out 800ms;
	transition: all ease-in-out 800ms;
	-webkit-transform: translateX(-80px);
	transform: translateX(-80px);
	}
.welcome_content .fadeIn_left{
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px);
	}
.IAmPresent.active .fadeIn_left{
	opacity: 1;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	}
.fadeIn_Top{
	opacity: 0;
	-webkit-transition: all ease-in-out 800ms;
	transition: all ease-in-out 800ms;
	-webkit-transform: translateY(-80px);
	transform: translateY(-80px);
	}
.IAmPresent.active .fadeIn_Top{
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	}
.fadeIn_Bottom{
	opacity: 0;
	-webkit-transition: all ease-in-out 800ms;
	transition: all ease-in-out 800ms;
	-webkit-transform: translateY(80px);
	transform: translateY(80px);
	}
.IAmPresent.active .fadeIn_Bottom{
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	}
.fadeIn_right{
	opacity: 0;
	-webkit-transition: all ease-in-out 800ms;
	transition: all ease-in-out 800ms;
	-webkit-transform: translateX(80px);
	transform: translateX(80px);
	}
.IAmPresent.active .fadeIn_right{
	opacity: 1;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	}
.fadeIn_TR, .fadeIn_TL, .fadeIn_BR, .fadeIn_BL{
	opacity: 0;
	-webkit-transition: all ease-in-out 800ms;
	transition: all ease-in-out 800ms;
	}
.fadeIn_TR{
	-webkit-transform: translate(150px, -150px);
	transform: translate(150px, -150px);
	}
.fadeIn_TL{
	-webkit-transform: translate(-150px, -150px);
	transform: translate(-150px, -150px);
	}
.fadeIn_BR{
	-webkit-transform: translate(150px, 150px);
	transform: translate(150px, 150px);
	}
.fadeIn_BL{
	-webkit-transform: translate(-150px, 150px);
	transform: translate(-150px, 150px);
	}
.IAmPresent.active .fadeIn_TR, .IAmPresent.active .fadeIn_TL, .IAmPresent.active .fadeIn_BR, .IAmPresent.active .fadeIn_BL{
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	}
/* What_We_do_ani */
.What_We_do_ani{
	padding-top: 50px;
	height: 215px;
	position: relative;
	width: 620px;
	margin: 0 auto;
	}
.w_single{
	width: 150px;
	height: 215px;
	position: relative;
	margin-right: 80px;
	float: left;
	}
.w_single.last{
	margin-right: 0px;
	}
.wiag{
	width: 100%;
	height: 155px;
	}
.wiat{
	color: #fff;
	font: 19px/23px 'pf_dindisplay_proregular', Arial, Helvetica, sans-serif;
	}
.wiat a{
	color: #fff;
	font: 19px/23px 'pf_dindisplay_proregular', Arial, Helvetica, sans-serif;
	opacity: 1;
	-webkit-transition: ease-in-out 400ms;
	transition: ease-in-out 400ms;
	}
.wiat a:hover{
	text-decoration: none;
	opacity: 0.7;
	}
.mac{
	width: 115px;
	height: 100px;
	position: absolute;
	left: 20px;
	top: 31px;
	}
.mac i{
	position: absolute;
	width: 100%;
	left: 0px;
	}

.mac1, .mac2, .mac3, .mac4, .mac5, .mac6, .leaf{
	opacity: 0;
	-webkit-transition: ease-in-out 200ms;
	transition: ease-in-out 200ms;
	}
.IAmPresent.active .w_single .mac1{
	-webkit-transition-delay: 1000ms;
	transition-delay: 1000ms;
	}
.IAmPresent.active .w_single .mac2{
	-webkit-transition-delay: 1200ms;
	transition-delay: 1200ms;
	}
.IAmPresent.active .w_single .mac3{
	-webkit-transition-delay: 1400ms;
	transition-delay: 1400ms;
	}
.IAmPresent.active .w_single .mac4{
	-webkit-transition-delay: 1600ms;
	transition-delay: 1600ms;
	}
.IAmPresent.active .w_single .mac5{
	-webkit-transition-delay: 1800ms;
	transition-delay: 1800ms;
	}
.IAmPresent.active .w_single .mac6{
	-webkit-transition-delay: 2000ms;
	transition-delay: 2000ms;
	}
.IAmPresent.active .w_single .leaf{
	-webkit-transition-delay: 2200ms;
	transition-delay: 2200ms;
	}
/*.IAmPresent.active .w_single .mac1{
	-webkit-transition-delay: 2800ms;
	transition-delay: 2800ms;
	}
.IAmPresent.active .w_single .mac2{
	-webkit-transition-delay: 3000ms;
	transition-delay: 3000ms;
	}
.IAmPresent.active .w_single .mac3{
	-webkit-transition-delay: 3200ms;
	transition-delay: 3200ms;
	}
.IAmPresent.active .w_single .mac4{
	-webkit-transition-delay: 3400ms;
	transition-delay: 3400ms;
	}
.IAmPresent.active .w_single .mac5{
	-webkit-transition-delay: 3600ms;
	transition-delay: 3600ms;
	}
.IAmPresent.active .w_single .mac6{
	-webkit-transition-delay: 3800ms;
	transition-delay: 3800ms;
	}
.IAmPresent.active .w_single .leaf{
	-webkit-transition-delay: 4000ms;
	transition-delay: 4000ms;
	}*/
/*.IAmPresent.active .w_single .mac2{
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
	}
.IAmPresent.active .w_single .mac3{
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms;
	}
.IAmPresent.active .w_single .mac4{
	-webkit-transition-delay: 600ms;
	transition-delay: 600ms;
	}
.IAmPresent.active .w_single .mac5{
	-webkit-transition-delay: 800ms;
	transition-delay: 800ms;
	}
.IAmPresent.active .w_single .mac6{
	-webkit-transition-delay: 1000ms;
	transition-delay: 1000ms;
	}
.IAmPresent.active .w_single .leaf{
	-webkit-transition-delay: 1200ms;
	transition-delay: 1200ms;
	}*/
.IAmPresent.active .w_single .mac1, .IAmPresent.active .w_single .mac2, .IAmPresent.active .w_single .mac3, .IAmPresent.active .w_single .mac4, .IAmPresent.active .w_single .mac5, .IAmPresent.active .w_single .mac6, .IAmPresent.active .w_single .leaf{
	opacity: 1;
	}
.mac1{
	height: 17px;
	top: -50px;
	background-position: 0px -945px;
	}
.mac2{
	height: 16px;
	top: -66px;
	background-position: 0px -929px;
	}
.mac3{
	height: 17px;
	top: -80px;
	background-position: 0px -912px;
	}
.mac4{
	height: 18px;
	top: -100px;
	background-position: 0px -894px;
	}
.mac5{
	height: 17px;
	top: -116px;
	background-position: 0px -877px;
	}
.mac6{
	height: 16px;
	top: -130px;
	background-position: 0px -861px;
	}
.IAmPresent.active .w_single .mac1{
	top: 84px;
	}
.IAmPresent.active .w_single .mac2{
	top: 68px;
	}
.IAmPresent.active .w_single .mac3{
	top: 51px;
	}
.IAmPresent.active .w_single .mac4{
	top: 33px;
	}
.IAmPresent.active .w_single .mac5{
	top: 16px;
	}
.IAmPresent.active .w_single .mac6{
	top: 0px;
	}
/*.IAmPresent.active .w_single .mac1{
	-webkit-animation: mac1 linear 200ms;
	animation: mac1 linear 200ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
@-webkit-keyframes mac1{
	0%    { -webkit-transform: translateY(-100px);opacity: 0; }
	1%    { opacity: 1; }
	100%  { -webkit-transform: translateY(0px);opacity: 1; }
	}
.IAmPresent.active .w_single .mac2{
	-webkit-animation: mac2 linear 200ms;
	-webkit-animation-delay: 200ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
@-webkit-keyframes mac2{
	0%    { -webkit-transform: translateY(-100px);opacity: 0; }
	1%    { opacity: 1; }
	100%  { -webkit-transform: translateY(0px);opacity: 1; }
	}
.IAmPresent.active .w_single .mac3{
	-webkit-animation: mac3 linear 200ms;
	-webkit-animation-delay: 400ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
@-webkit-keyframes mac3{
	0%    { -webkit-transform: translateY(-100px);opacity: 0; }
	1%    { opacity: 1; }
	100%  { -webkit-transform: translateY(0px);opacity: 1; }
	}
.IAmPresent.active .w_single .mac4{
	-webkit-animation: mac4 linear 200ms;
	-webkit-animation-delay: 600ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
@-webkit-keyframes mac4{
	0%    { -webkit-transform: translateY(-100px);opacity: 0; }
	1%    { opacity: 1; }
	100%  { -webkit-transform: translateY(0px);opacity: 1; }
	}
.IAmPresent.active .w_single .mac5{
	-webkit-animation: mac5 linear 200ms;
	-webkit-animation-delay: 800ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
@-webkit-keyframes mac5{
	0%    { -webkit-transform: translateY(-100px);opacity: 0; }
	1%    { opacity: 1; }
	100%  { -webkit-transform: translateY(0px);opacity: 1; }
	}
.IAmPresent.active .w_single .mac6{
	-webkit-animation: mac6 linear 200ms;
	-webkit-animation-delay: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
@-webkit-keyframes mac6{
	0%    { -webkit-transform: translateY(-100px);opacity: 0; }
	1%    { opacity: 1; }
	100%  { -webkit-transform: translateY(0px);opacity: 1; }
	}*/
.mac i.leaf{
	width: 29px;
	height: 33px;
	left: 55px;
	top: -31px;
	-webkit-transform: rotate(32deg) translate(17px, -22px);
	transform: rotate(32deg) translate(17px, -22px);
	}
.IAmPresent.active .w_single .leaf{
	-webkit-transform: rotate(0deg) translate(0px, 0px);
	transform: rotate(0deg) translate(0px, 0px);
	}
.leaf b{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-position: -19px -824px;
	}
.w_single:hover .leaf b{
	-webkit-animation: leaf_s linear 2s;
	animation: leaf_s linear 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	}
@-webkit-keyframes leaf_s {
	0%, 100%  { -webkit-transform: rotate(0deg) translate(0px, 0px); } 
	50%  { -webkit-transform: rotate(-16deg) translate(-3px, -2px); }
	}
@keyframes leaf_s {
	0%, 100%  { transform: rotate(0deg) translate(0px, 0px); } 
	50%  { transform: rotate(-16deg) translate(-3px, -2px); }
	}
/*.IAmPresent.active .w_single .mac i.leaf{
	-webkit-animation: leaf linear 200ms;
	-webkit-animation-delay: 1200ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
@-webkit-keyframes leaf{
	0%    { -webkit-transform: rotate(32deg) translate(17px, -22px);opacity: 0; }
	1%    { opacity: 1; }
	100%  { -webkit-transform: rotate(0deg) translate(0px, 0px);opacity: 1; }
	}*/


.andriod{
	position: absolute;
	left: 19px;
	top: 0px;
	width: 112px;
	height: 130px;
	}
.andriod i, .andriod i b, .windows i, .windows i b{
	position: absolute;
	}
.andriod i b, .windows i b{
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	}
.a_hd b, .a_lh b, .a_rh b{
	-webkit-transition: all ease-in-out 500ms;
	transition: all ease-in-out 500ms;
	-webkit-transform: rotate(0deg) translate(0px, 0px);
	transform: rotate(0deg) translate(0px, 0px);
	}
.a_hd{
	width: 74px;
	height: 41px;
	left: 19px;
	top: 0px;
	}
.a_hd b{
	background-position: -141px -825px;
	}
.w_single:hover .a_hd b{
	-webkit-transform: rotate(30deg) translate(6px, -19px);
	transform: rotate(30deg) translate(6px, -19px);
	}
.a_body{
	width: 74px;
	height: 87px;
	left: 19px;
	top: 43px;
	}
.a_body b{
	background-position: -141px -868px;
	}
.a_lh{
	width: 17px;
	height: 50px;
	left: 0px;
	top: 43px;
	}
.w_single:hover .a_lh b{
	-webkit-transform: rotate(42deg) translate(-10px, 5px);
	transform: rotate(42deg) translate(-10px, 5px);
	}
.a_lh b{
	background-position: -122px -867px;
	}
.a_rh{
	width: 17px;
	height: 50px;
	left: 95px;
	top: 43px;
	}
.a_rh b{
	background-position: -217px -867px;
	}
.w_single:hover .a_rh b{
	-webkit-transform: rotate(-42deg) translate(10px, 4px);
	transform: rotate(-42deg) translate(10px, 4px);
	}
.windows{
	width: 133px;
	height: 130px;
	position: absolute;
	left: 9px;
	top: 0px;
	}
.w_single:hover .windows{
	-webkit-animation: windows linear 1500ms;
	animation: windows linear 1500ms;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	}
@-webkit-keyframes windows {
	0%, 100%   {-webkit-transform: perspective(400px) rotateY(0deg);}
    50%  {-webkit-transform: perspective(400px) rotateY(-20deg);}
}
@keyframes windows {
	0%, 100%   {transform: perspective(400px) rotateY(0deg);}
    50%  {transform: perspective(400px) rotateY(-20deg);}
}
.w_1{
	width: 54px;
	height: 50px;
	left: 0px;
	top: 11px;
	}
.w_1 b{
	background-position: -246px -834px;
	}
.w_2{
	width: 71px;
	height: 61px;
	left: 62px;
	top: 0px;
	}
.w_2 b{
	background-position: -308px -823px;
	}
.w_3{
	width: 54px;
	height: 50px;
	left: 0px;
	top: 69px;
	}
.w_3 b{
	background-position: -246px -892px;
	}
.w_4{
	width: 71px;
	height: 61px;
	left: 62px;
	top: 69px;
	}
.w_4 b{
	background-position: -308px -892px;
	}
.what_we_bg_ani{
	width: 100%;
	position: absolute;
	height: 540px;
	bottom: 0px;
	}
.what_we_bg_ani .bg_ani1{
	position: absolute;
	width: 246px;
	height: 407px;
	left: 0px;
	right: 0px;
	margin: auto;
	bottom: -407px;
	background-position: -153px -1095px;
	-webkit-transition: all ease-in-out 800ms;
	transition: all ease-in-out 800ms;
	}
.IAmPresent.active .what_we_bg_ani .bg_ani1{
	bottom: 0px;
	}
.what_we_bg_ani span i{
	position: absolute;
	opacity: 0;
	-webkit-transition: all ease-in-out 200ms;
	transition: all ease-in-out 200ms;
	-webkit-transform: scale(0);
	transform: scale(0);
	}
.IAmPresent.active .what_we_bg_ani span i{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	}
.wticon1{
	width: 48px;
	height: 48px;
	left: -77px;
	bottom: 75px;
	background-position: -76px -1378px;
	}
.wticon2{
	width: 72px;
	height: 72px;
	left: -113px;
	bottom: 146px;
	background-position: -40px -1283px;
	}
.wticon3{
	width: 48px;
	height: 48px;
	left: -153px;
	bottom: 231px;
	background-position: -0px -1222px;
	}
.wticon4{
	width: 37px;
	height: 37px;
	left: -76px;
	bottom: 242px;
	background-position: -77px -1221px;
	}
.wticon5{
	width: 48px;
	height: 49px;
	left: -61px;
	bottom: 302px;
	background-position: -92px -1150px;
	}
.wticon6{
	width: 74px;
	height: 74px;
	left: -153px;
	bottom: 304px;
	background-position: -3px -1124px;
	}
.wticon7{
	width: 49px;
	height: 49px;
	left: -80px;
	bottom: 382px;
	background-position: -73px -1070px;
	}
.wticon8{
	width: 72px;
	height: 72px;
	left: -24px;
	top: -107px;
	background-position: -129px -990px;
	}
.wticon9{
	width: 49px;
	height: 49px;
	left: 69px;
	top: -97px;
	background-position: -222px -1000px;
	}
.wticon10{
	width: 73px;
	height: 73px;
	left: 131px;
	top: -136px;
	background-position: -285px -961px;
	}
.wticon11{
	width: 48px;
	height: 48px;
	right: -36px;
	top: -64px;
	background-position: -384px -1033px;
	}
.wticon12{
	width: 37px;
	height: 37px;
	right: -94px;
	top: -23px;
	background-position: -455px -1073px;
	}
.wticon13{
	width: 72px;
	height: 72px;
	right: -102px;
	top: 29px;
	background-position: -426px -1123px;
	}
.wticon14{
	width: 49px;
	height: 49px;
	right: -131px;
	top: 107px;
	background-position: -480px -1201px;
	}
.wticon15{
	width: 49px;
	height: 49px;
	right: -73px;
	top: 144px;
	background-position: -422px -1239px;
	}
.wticon16{
	width: 73px;
	height: 73px;
	right: -147px;
	top: 185px;
	background-position: -426px -1123px;
	}
.wticon17{
	width: 37px;
	height: 37px;
	right: -58px;
	top: 223px;
	background-position: -419px -1319px;
	}
.wticon18{
	width: 49px;
	height: 49px;
	right: -44px;
	bottom: 73px;
	background-position: -444px -1381px;
	}
.wticon19{
	width: 37px;
	height: 37px;
	right: 19px;
	bottom: 40px;
	background-position: -444px -1442px;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon1{
	-webkit-transition-delay: 800ms;
	transition-delay: 800ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon2{
	-webkit-transition-delay: 900ms;
	transition-delay: 900ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon3{
	-webkit-transition-delay: 1000ms;
	transition-delay: 1000ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon4{
	-webkit-transition-delay: 1100ms;
	transition-delay: 1100ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon5{
	-webkit-transition-delay: 1200ms;
	transition-delay: 1200ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon6{
	-webkit-transition-delay: 1300ms;
	transition-delay: 1300ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon7{
	-webkit-transition-delay: 1400ms;
	transition-delay: 1400ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon8{
	-webkit-transition-delay: 1500ms;
	transition-delay: 1500ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon9{
	-webkit-transition-delay: 1600ms;
	transition-delay: 1600ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon10{
	-webkit-transition-delay: 1700ms;
	transition-delay: 1700ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon11{
	-webkit-transition-delay: 1800ms;
	transition-delay: 1800ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon12{
	-webkit-transition-delay: 1900ms;
	transition-delay: 1900ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon13{
	-webkit-transition-delay: 2000ms;
	transition-delay: 2000ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon14{
	-webkit-transition-delay: 2100ms;
	transition-delay: 2100ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon15{
	-webkit-transition-delay: 2200ms;
	transition-delay: 2200ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon16{
	-webkit-transition-delay: 2300ms;
	transition-delay: 2300ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon17{
	-webkit-transition-delay: 2500ms;
	transition-delay: 2500ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon18{
	-webkit-transition-delay: 2600ms;
	transition-delay: 2600ms;
	}
.IAmPresent.active .what_we_bg_ani span i.wticon19{
	-webkit-transition-delay: 2700ms;
	transition-delay: 2700ms;
	}
/* OUR TEAM 1515 */
.our_team_bg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/team_bg.png) no-repeat center bottom;
	background-size: cover;
	-webkit-transition: 800ms;
	transition: 800ms;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	}
.IAmPresent.active .our_team_bg{
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	}
.team_process_ani i, .team_process_ani b{
	position: absolute;
	}
.team_process_ani b{
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	}
.team1{
	width: 91px;
	height: 94px;
	right: 48px;
	bottom: 0px;
	-webkit-transform: translate(100px, 105px);
	transform: translate(100px, 105px);
	}
.team1 b{
	background-position: -100px -1515px;
	}
.team2{
	width: 90px;
	height: 95px;
	right: -1px;
	bottom: 54px;
	-webkit-transform: translate(100px, 50px);
	transform: translate(100px, 50px);
	}
.team2 b{
	background-position: -211px -1626px;
	}
.team3{
	width: 90px;
	height: 95px;
	right: -1px;
	bottom: 158px;
	-webkit-transform: translate(100px, -50px);
	transform: translate(100px, -50px);
	}
.team3 b{
	background-position: -308px -1515px;
	}
.team4{
	width: 95px;
	height: 88px;
	right: 49px;
	top: 0px;
	-webkit-transform: translate(50px, -100px);
	transform: translate(50px, -100px);
	}
.team4 b{
	background-position: -205px -1515px;
	}
.team5{
	width: 95px;
	height: 88px;
	left: 47px;
	top: 0px;
	-webkit-transform: translate(-50px, -100px);
	transform: translate(-50px, -100px);
	}
.team5 b{
	background-position: 0px -1515px;
	}
.team6{
	width: 88px;
	height: 95px;
	left: 0px;
	top: 47px;
	-webkit-transform: translate(-100px, -50px);
	transform: translate(-100px, -50px);
	}
.team6 b{
	background-position: -410px -1515px;
	}
.team7{
	width: 88px;
	height: 95px;
	left: 0px;
	bottom: 54px;
	-webkit-transform: translate(-100px, 50px);
	transform: translate(-100px, 50px);
	}
.team7 b{
	background-position: -108px -1626px;
	}
.team8{
	width: 91px;
	height: 94px;
	left: 48px;
	bottom: 0px;
	-webkit-transform: translate(-100px, 105px);
	transform: translate(-100px, 105px);
	}
.team8 b{
	background-position: 0px -1626px;
	}
.team_process_ani i{
	opacity: 0;
	-webkit-transition: all ease-in-out 200ms;
	transition: all ease-in-out 200ms;
	}
.IAmPresent.active .team_process_ani .team1{
	-webkit-transition-delay: 1000ms;
	transition-delay: 1000ms;
	}
.IAmPresent.active .team_process_ani .team2{
	-webkit-transition-delay: 1200ms;
	transition-delay: 1200ms;
	}
.IAmPresent.active .team_process_ani .team3{
	-webkit-transition-delay: 1400ms;
	transition-delay: 1400ms;
	}
.IAmPresent.active .team_process_ani .team4{
	-webkit-transition-delay: 1600ms;
	transition-delay: 1600ms;
	}
.IAmPresent.active .team_process_ani .team5{
	-webkit-transition-delay: 1800ms;
	transition-delay: 1800ms;
	}
.IAmPresent.active .team_process_ani .team6{
	-webkit-transition-delay: 2000ms;
	transition-delay: 2000ms;
	}
.IAmPresent.active .team_process_ani .team7{
	-webkit-transition-delay: 2200ms;
	transition-delay: 2200ms;
	}
.IAmPresent.active .team_process_ani .team8{
	-webkit-transition-delay: 2400ms;
	transition-delay: 2400ms;
	}
.IAmPresent.active .team_process_ani i{
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	}
.team_OP{
	width: 78px;
	height: 100px;
	position: absolute;
	left: 108px;
	top: 101px;
	}
.team_OP u{
	position: absolute;
	left: 0px;
	bottom: 0px;
	-webkit-transition: all ease-in-out 300ms;
	transition: all ease-in-out 300ms;
	}
.team_OP u{
	height: 0px;
	}
.team_OP u:nth-child(1){
	left: 0px;
	width: 30px;
	background-position: -450px -1626px;
	}
.team_OP u:nth-child(2){
	left: 27px;
	width: 51px;
	background-position: -389px -1626px;
	}
.team_OP u:nth-child(3){
	left: 0px;
	width: 47px;
	background-position: -323px -1626px;
	}
.IAmPresent.active .team_OP u:nth-child(1){
	height: 33px;
	-webkit-transition-delay: 2600ms;
	transition-delay: 2600ms;
	}
.IAmPresent.active .team_OP u:nth-child(2){
	height: 77px;
	-webkit-transition-delay: 3300ms;
	transition-delay: 3300ms;
	}
.IAmPresent.active .team_OP u:nth-child(3){
	height: 100px;
	-webkit-transition-delay: 2900ms;
	transition-delay: 2900ms;
	}
.vision_ani, .web_mobile_cont_bg, .web_deve_cont_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 0;
	background: url(../images/vision_bg.png) no-repeat center;
	background-size: cover;
	-webkit-transition: all ease-in-out 600ms;
	transition: all ease-in-out 600ms;
	-webkit-transform: scale(3);
	transform: scale(3);
	opacity: 0;
	}
.IAmPresent.active .vision_ani, .IAmPresent.active .web_mobile_cont_bg, .IAmPresent.active .web_deve_cont_bg{
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	}
.web_mobile_cont_bg{
	background: url(../images/mobile_web_bg.jpg) no-repeat center;
	background-size: contain;
	}
.web_deve_cont_bg{
	background: url(../images/web_dev.jpg) no-repeat center;
	background-size: cover;
	}
/*.vision_mask{
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0px;
	top: 0px;
	background-color: #eeb05c;
	-webkit-transition: all ease-in-out 3000ms;
	transition: all ease-in-out 3000ms;
	}
.IAmPresent.active .vision_mask{
	width: 0%;
	}*/
	
/* How We Do */
.how_we_do_bg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #b12920 url(../images/how_we_do_bg.png) no-repeat center bottom;
	background-size: contain;
	-webkit-transition: all ease-in-out 600ms;
	transition: all ease-in-out 600ms;
	-webkit-transform: scale(0);
	transform: scale(0);
	}
.IAmPresent.active .how_we_do_bg{
	-webkit-transform: scale(1);
	transform: scale(1);
	}
/* Contact Style */
.contact_bg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #680b8a url(../images/contact_bg.png) no-repeat center bottom;
	background-size: 100% 100%;
	}
.input_border i, .c_f_input, .input_border.textarea_border textarea, .styledSelect, .contact_form .row label, .input_border.cap_img img, .refresh, .f_btn, .botton i{
	-webkit-transition: all ease-in-out 600ms;
	transition: all ease-in-out 600ms;
	-webkit-transition-delay: 300ms;
	transition-delay: 300ms;
	}
.input_border i.left_b, .input_border i.right_b{
	height: 0%;
	}
.IAmPresent.active .input_border i.left_b, .IAmPresent.active .input_border i.right_b{
	height: 100%;
	}
.input_border i.top_b, .input_border i.bottom_b{
	width: 0%;
	}
.IAmPresent.active .input_border i.top_b, .IAmPresent.active .input_border i.bottom_b{
	width: 100%;
	}
.c_f_input, .input_border.textarea_border textarea, .styledSelect, .contact_form .row label, .input_border.cap_img img, .refresh{
	-webkit-transition-delay: 900ms;
	transition-delay: 900ms;
	opacity: 0;
	}
.IAmPresent.active .c_f_input, .IAmPresent.active .input_border.textarea_border textarea, .IAmPresent.active .styledSelect, .IAmPresent.active .contact_form .row label, .IAmPresent.active .input_border.cap_img img{
	opacity: 1;
	}
.refresh{
	-webkit-transform: scale(0) rotate(-360deg);
	transform: scale(0) rotate(-360deg);
	}
.IAmPresent.active .refresh{
	-webkit-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
	}
.IAmPresent.active .page_scroll_info {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	}
@media (max-width: 1366px){
	.welcome_icons span b, .spark_icons span b{
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		}
	.What_We_do_cnt h3{
		font-size: 50px;
		line-height: 50px;
		}
	p{
		font: 17px/26px 'corporate_s_bq', Arial, Helvetica, sans-serif;
		}
	p .small{
		font-size: 13px;
		}
	.contact_form_page{
		padding-top: 7%;
	}
	.page_scroll_info{
		bottom: 3%;
		}
	.OP_inner_page {
		padding-top: 11%;
		}
	.OP_Animation_box {
		padding-top: 2.5%;
		}
	.e_c_frame_work ul li{
		margin-bottom: 2px;
	}
	.What_We_do.w_in_4 .web_mobile_cont{
		padding-top: 3%;
		}
	}
@media (min-width: 1367px){
	.Who_We_Are_page{
		padding-top: 13%;
		}
	.web_mobile_cont {
		padding-top: 7%;
	}
	.What_We_do_cnt {
		padding-top: 40px;
	}
	.e_c_frame_work {
		padding-top: 5%;
	}
	.e_c_frame_work h4{
		padding-top: 2%;
		}
	.What_We_do_ani {
		padding-top: 8%;
	}
	.team_process_ani{
		margin-top: 5%;
		}
	.team_text {
		padding-top: 5%;
	}
	.how_we_do_text {
		padding-top: 6%;
	}
	.OP_Animation_box {
		padding-top: 11%;
	}
	.page_title_HWD h3{
		padding-top: 1.5%;
		}
	.contact_details{
		padding-top: 8%;
		}
	.contact_form{
		padding-top: 5%;
		}
	.e_c_frame_work ul{
		padding-top: 2%;
		}
	}