/*
 ::Table Of Content
 1). Hero Section
 2). Workflow Section
 3). Share-idea Section
 4). Environment Section
 5). Bestheating Section
 6). Quality-work Section
 7). Clients Section
 8). Blog Section
 9). Testimonial Section
 10). Newsletter Section
 11). Press-release SectionL
 12). Employee Section
 13). Certification Section
 14). Testimonial-page Styling
 15). Contact-page Styling
 16). About-page Styling
 17). Blog-page Styling
 18). Blog Post page Styling
 19). Design page Styling
 20). development-service page Styling
 21). Verticals page Styling
 22). Differences- Page Styling
 23). IOS Development- Page Styling
 24). Development- Page Styling
 25). Work Page Styling
 -----------------------------------------------*/

/*
 1). Hero Section
 ----------------------------------------------*/
.development-content{position: relative;}
.hero-section {
	/*margin-top: 133px;*/
	padding-top: 133px;
	/*background: url(../images/back-shadow1.png) 0 160px no-repeat;*/
	padding-bottom: 94px;
	background-color: #ffffff;
	position: relative;
	z-index: 10;
}
.hero-section .bg-image{
	position: absolute;
	left:0;
	top: 244px;
	background-image: url(../images/back-shadow1.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 760px;
	height: 760px;
	z-index: -1;
}
.hero-content {
	float: left;
	width: 74%;
}
.hero-image {
	float: right;
	width: 25%;
	text-align: right;
	margin-top: -133px;
	position: relative;
}
.hero-image-outer {
	background: url(../images/hero-slide-wrap1.html) left top no-repeat;
	width: 276px;
	height: 814px;
	background-size: 100%;
	position: absolute;
	z-index: 10;
	margin: 0 auto;
}
.hero-image-outer a {
	display: inline-block;
	float: left;
	margin-left: 8px;
	margin-top: 87px;
}

.hero-image-outer a img {
	width: 100%;
	max-width: 233px;
	height: 635px;
	transform: translateZ(16px);
	display: none;
}
.hero-image-outer a span {
	display: inline-block;
	position: relative;
}
.hero-image-outer a:hover span:after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 233px;
	height: 635px;
	background-color: #00b449;
	opacity: 0.37;
	z-index: 5;
	transform: translateZ(16px);
}
.hero-section .main-msg {
	text-align: left;
	letter-spacing: -0.2px;
	padding-bottom: 19px;
}

.hero-content > small {
	display: block;
	color: #010101;
	font-size: 1.6em;
	font-family: 'nexa_lightregular', sans-serif;
	width: 75%;
	line-height: 1.5;
	margin-bottom: 33px;
}
.hero-image-wrap
{
	position: absolute;
	top:-38px;
}




.explore-hero-screens {
	float: right;
	margin-top: 133px;
	text-align: right;
	margin-right: 55px;
}
.explore-hero-screens a {
	display: block;
	position: relative;
}
.explore-hero-screens a:after {
	content: "";
	position: absolute;
	right: -60px;
	top: 18px;
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	background-position: -374px -36px;
	width: 50px;
	height: 14px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.explore-hero-screens a:hover:after{
	background-position:-360px -36px; 
}
.explore-hero-screens strong {
	display: block;
	color: #202020;
	font-size: 2.5em;
	padding-bottom: 2px;
}
.explore-hero-screens small {
	color: #202020;
	font-size: 1.7em;
	font-family: 'nexa_lightregular', sans-serif;
}

/*
 2). Workflow Section
 ----------------------------------------------*/

.workflow {
	background-color: #0a9dcd;
	z-index: 10;
	padding-top: 56px;
	padding-bottom: 50px;
	border-bottom: solid 10px #11729f;
}
.workflow .main-msg {
	color: #ffffff;
}
.workflow-inner {
	margin-top: 30px;
}
.workflow h4 {
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 12px;
}
.workflow p {
	text-align: center;
}
.workflow-block {
	float: left;
	position: relative;
	z-index: 5;
	width: 50%;
}
.workflow-block:nth-child(2) {
	margin-left: -22.5%;
	z-index: 4;
}
.workflow-block:nth-child(3) {
	margin-left: -28%;
	z-index: 3;
	margin-top: 36px;
}
.workflow-block-inner {
	width: 48%;
}
.workflow-block-first {
	margin-left: 20%;
	margin-top: -17px;
}
.workflow-block-second {
	margin-left: 20%;
	margin-top: -20px;
}
.workflow-block-third {
	margin-left: 28%;
	margin-top: -34px;
}

/*
 3). Share-idea-section
 ----------------------------------------------*/

.share-idea {
	padding: 73px 0;
	/*background: url(../images/back-shadow2.png) right top no-repeat;*/
	background-color: #ffffff;
	position: relative;
	z-index: 10;
}
.share-idea .bg-image{
	position: absolute;
	right:326px;
	top: 0;
	background-image: url(../images/back-shadow2_1.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 872px;
	height: 315px;
	z-index: -1;
}
.share-idea .bg-image-right{
	position: absolute;
	right:0;
	top: 0;
	background-image: url(../images/back-shadow2_2.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 326px;
	height: 300px;
	z-index: -1;
}
.share-text {
	float: left;
	width: 66.5%;
}
.share-text h2 {
	color: #0a9dcd;
	font-size: 4.7em;
	text-align: left;
	padding-bottom: 8px;
}
.share-text h3 {
	letter-spacing: -0.4px;
}
.share-btn {
	float: left;
	width: 21%;
	margin-top: 16px;
}
.share-btn a {
	display: block;
}

/*
 4). Environment Section
 ----------------------------------------------*/

.environment {
	z-index: 11;
	background-color: #ff9705;
	padding: 62px 0 0;
}
.environment-inner {
	background-color: #0a9dcd;
	width: 50%;
	position: absolute;
	top: 0;
	height: 100%;
	right: 0;
	z-index: 5;
}

.environment .container {

}
.env-image {
	float: left;
	width: 45%;
	position: relative;
	z-index: 10;
	top: 108px;
	left: 3%;
}
.design-environment, .developement-environment {
	width: 25%;
	float: left;
	position: relative;
	z-index: 10;
	padding-left: 25px;
	padding-right: 25px;
}
.developement-environment {
	float: right;
}
.environment h2 {
	padding-bottom: 25px;
}
.environment p {
	margin-bottom: 37px;
	color: #fff;
}
.design-environment h2, .design-environment p {
	text-align: right;
}
.environment .right-align {
	margin-bottom: 50px;
}
.environment .btn {
	padding: 18px 36px;
}

/*
 5). Bestheating Section
 ----------------------------------------------*/

.bestheating {
	top: -45px;
	border-top: solid 10px #f5f5f5;
	border-bottom: solid 10px #f5f5f5;
	z-index: 15;
	padding-top: 70px;
	background-color: #ffffff;
}
.bestheating .main-msg {
	color: #e66700;
	padding-bottom: 12px;
}
.bestheating h2 {
	color: #0a9dcd;
	padding-bottom: 38px;
}

.bestheating figure {
	float: left;
	width: 38.7%;
}
.bestheating figure img {
	width: 392px;
}
.heating-content {
	float: left;
	display: table;
	width: 60%;
}
.heating-inner {
	display: table-cell;
	vertical-align: middle;
	height: 388px;
}
.bestheating h3 {
	font-size: 3.7em;
	color: #202020;
	font-family: 'nexa_boldregular', sans-serif;
	padding-bottom: 30px;
}
.bestheating .row {
	overflow: hidden;
	margin-bottom: 18px;
}
.bestheating .row strong {
	float: left;
	width: 20.5%;
	color: #202020;
	font-size: 1.4em;
	text-transform: uppercase;
	font-family: 'nexa_boldregular', sans-serif;
	letter-spacing: 1px;
}
.bestheating .row small {
	float: right;
	width: 79%;
	color: #202020;
	font-size: 1.6em;
	font-family: 'nexa_lightregular', sans-serif;
	line-height: 1.1;
}
.bestheating i.icon-host,.bestheating i.icon-host-css-chopper {
	left: 7px;
	margin-bottom: 20px;
}

.home-project {
	overflow: hidden;
	position: relative;	
}
.home-project.none .home-project__inner{
	border-bottom: none;
}
.developement-environment img{display: none}
.home-project__clip {
	clip: rect(auto, auto, auto, auto);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 38.7%
}
.home-project__clip+ .wrap {
	position: relative;
	display: table;
	margin-left: 40%;
	padding-top: 150px;
}
.home-project__inner.first-slide .home-project__clip+ .wrap
{
	padding-top: 0;
}
.home-project__content{
	width: 70%;
}
.home-project__phone {
	display: block;
	left: 27.5%;
	max-width: 314px;
	max-height: 637px;
	position: fixed;
	top: 55%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	vertical-align: middle;
}
.home-project__inner {
	padding: 1% 0 15%;
	border-bottom: solid 10px #f5f5f5;
}
.home-project__inner.first-slide{
	padding-top: 17%;
}
.home-project__inner.last-slide{
	padding-bottom: 25%;
}

.first-slide .home-project__phone{
	position: relative;	
	margin-left: 43%;
	top: 47%;
}
.relative{
	position: relative !important;
    top: 62%;
    left: 71%;
}

.first-slide .home-project__phone.fixed-slide{
	position: fixed;
	    margin-left: -1px;
    top: 55%;
}

.phone__reveal {
	height: 72%;
	left: 8.5%;
	position: absolute;
	top: 13%;
	width: 83.5%
}
.phone__reveal:hover .overlay-button{	
	visibility: visible;
}
.phone__reveal__wrap {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 100%
}

.overlay-button{
	visibility: hidden;
	background: rgba(66, 171, 71, 0.37);
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 99;
	text-align: center;
}

.overlay-button img{
	left:0;
	right: 0;
	top:0;
	bottom: 0;
	margin: auto;
	position: absolute;
	width: 200px;
	height: 62px;
}
.home-projects{
	position: relative;
}
.best-heating_pos{
	position: fixed !important;
	top:50% !important;
}
.best-heating_pos_ab{
	 
	top:95% !important;
}

.nav--home-projects {
	position: absolute;
	right: 8%;                            
	top: 6%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.nav--home-projects a {
	background: #d1d1d1;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 40px;
	margin: 5px 0;
}
.nav--home-projects a:hover {
	background: #ff9705;
}
.nav--home-projects a:active{
	background: #ff9705;
}

/*
 6). Quality-work Section
 ----------------------------------------------*/

.quality-work {
	background-color: #ff9705;
	padding-top: 45px;
	border-bottom: solid 10px #febd00;
}
.quality-work .main-msg {
	padding-bottom: 12px;
	color: #ffffff;
}
.quality-work h2 {
	padding-bottom: 78px;
}
.quality-work-block {
	float: left;
	width: 50%;
	margin-bottom: 61px;
	padding-left: 53px;
}
.quality-image {
	float: left;
	width: 21%;
	margin-right: 6%;
	margin-top: 4px;
}

.quality-content {
	float: left;
	width: 66%;
}
.quality-content strong, .quality-content span {
	display: block;
	font-size: 4em;
	color: #ffffff;
	padding-bottom: 2px;
}
.quality-content span {
	font-size: 2.5em;
	text-transform: uppercase;
	padding-bottom: 20px;
}
.quality-content p {
	color: #c1f9c4;
	font-size: 1.6em;
}
.quality-work-block{
	
}
.quality-work-block i:after{
height: 100%;width: 100%;position: absolute;content: " "; opacity: 0;left:0;top:0;
-webkit-transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-ms-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
transition: opacity 0.8s;
}
.quality-work-block:hover i:after{opacity: 1;}

.quality-developed .icon-multiple:after{
	background-position: -1px -278px;
}
.quality-downloaded .icon-graph:after{
	background-position: -225px -278px;
}
.quality-employee .icon-conference:after{
	background-position: -111px -278px;
}
.quality-quality .icon-quality:after{
	background-position: -350px -280px;
}


/*
 7). Clients Section
 ----------------------------------------------*/

.clients {
	padding-top: 62px;
	padding-bottom: 50px;
	/*background: url(../images/back-shadow3.png) -20% 100% no-repeat;*/
	background-color: #ffffff;
	z-index: 6;
}
.clients .bg-image{
	position: absolute;
	/*left:-20%;*/
	left:-11%;
	/*bottom: -19px;*/
	bottom: 69px;
	background-image: url(../images/back-shadow3.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 763px;
	height: 872px;
	z-index: -1;
}
.clients .main-msg {
	padding-bottom: 9px;
	color: #86acae;
}
.clients h2 {
	color: #0a9dcd;
}
.clients-inner {
	margin-top: 65px;
}
.client-content {
	float: left;
	width: 28%;
	margin-top: 21px;
	padding-left: 3px;
	margin-right: 6%;
}
.client-images {
	float: left;
	width: 66%;
}
.clients h4 {
	color: #202020;
	text-transform: uppercase;
	padding-bottom: 20px;
}
.clients p {
	color: #202020;
	margin-bottom: 23px;
}
.client-images ul {
	margin-bottom: 13px;
}
.client-images li {
	float: left;
	display: table;
	width: 32%;
	margin: 0 1% 13px;
	text-align: center;
}
.client-images li:nth-child(3n+1) {
	margin-left: 0;
}
.client-images li:nth-child(3n) {
	margin-right: 0;
}
.client-images li span {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 161px;
	background-color: rgb( 238, 238, 238 );
}
.clients .more {
	color: #202020;
}
.clients .more:hover {
	color: #f25c2a;
}
.clients .more:after {
	background-position: -373px -36px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.clients .more:hover:after {
	background-position: -360px -36px;
}

/*
 8). Blog Section
 ----------------------------------------------*/

.blog {
	background-color: #006ba5;
	padding-top: 53px;
	z-index: 20;
}
.blog .main-msg {
	padding-bottom: 9px;
	color: #ffffff;
}
.blog .center {
	margin-top: 15px;
	margin-bottom: 10px;
}
#blog-slider {
	width: 100%;
	overflow: hidden;
}
#blog-slider li {
	width: 25%;
	float: left;
	position: relative;
	top: 50px;
	height: 295px;
}

#blog-slider li a {
	display: block;
	position: relative;
	height: 295px;
	-moz-transition: height 0.5s, -moz-transform 0.5s;
	-webkit-transition: height 0.5s, -webkit-transform 0.5s;
	transition: height 0.5s, transform 0.5s;
	background-color: #002552;
}

#blog-slider li:hover a {	
	position: relative;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
	background-color: rgb( 14, 70, 141 );
   box-shadow: 0px 0px 24px 0px rgb( 3, 50, 109 );
}

#blog-slider img {
	width: 100%;
	height: 101%;
	
}
#blog-slider .caption {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: table;
	padding: 0 50px;
}
.caption-inner {
	display: table-cell;
	vertical-align: middle;
	height: 245px;
	transition: all 1s linear 0s;
	-webkit-transition: all 1s linear 0s;
	-moz-transition: all 1s linear 0s;
}
#blog-slider li:hover .caption-inner{
	height: 265px;
}
#blog-slider li:hover img{
	/*height: 265px;*/
	transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
}
#blog-slider .caption small {
	display: block;
	color: #69d46e;
	font-size: 1.5em;
	padding-bottom: 20px;
}
#blog-slider .caption span {
	color: #ffffff;
	font-size: 2.2em;
	line-height: 1.1;
}

/*
 9). Testimonial Section
 ----------------------------------------------*/
.testimonial-wrapper {
	padding-top: 50px;
	padding-bottom: 70px;
	/*background: url(../images/back-shadow4.png) left top no-repeat;*/
	background-color: #ffffff;
	z-index: 8;
}
.testimonial-wrapper .bg-image-right{
	position: absolute;
	left:16.5%;
	top: 0;
	background-image: url(../images/back-shadow4_1.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 557px;
	height: 608px;
	z-index: -1;
}
.testimonial-wrapper .bg-image{
	position: absolute;
	left:0;
	bottom: -70px;
	background-image: url(../images/back-shadow4_2.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 762px;
	height: 365px;
	z-index: -1;
}
.testimonial-wrapper .main-msg {
	padding-bottom: 9px;
	color: #83a8aa;
}
.testimonial-wrapper h2 {
	color: #0a9dcd;
	padding-bottom: 48px;
}
.testimonial-inner {
	background-color: #eee;
	overflow: hidden;
}
ul.testimonial-navigation {
	float: right;
	width: 25.5%;
	text-align: center;
	min-height: 650px;
}
ul.testimonial-navigation li.slick-slide {
	padding: 25px 0;
	border: none;
	outline: none;
}
ul.testimonial-navigation li a {
	display: inline-block;
}
.testimonial-inner .slick-slider {
	margin-bottom: 0;
}
.slick-slider .slick-list{
	padding: 0 !important;
	/*margin: 20px 0;*/
}
ul.testimonial-navigation li i {
	/*width: 130px;*/
	height: 115px;
}
.testimonial-content {
	float: left;
	width: 74.5%;
	background-color: #002552;
	padding-top: 60px;
	padding-left: 35px;
	padding-right: 50px;
	padding-bottom: 20px;
	min-height: 650px;
	position: relative;
}
.testimonial-content:after {
	content: "";
	position: absolute;
	right: -30px;
	top: 75px;
	border-top: solid 30px #002552;
	border-right: solid 30px transparent;
}

/*#testimonial-second .testimonial-content:after{
	top: 240px;
}

#testimonial-third .testimonial-content:after{
	top: 400px;
}*/
#testimonial-second{
	margin-bottom: 75px;
}

.video-wrap {
	margin-bottom: 28px;
	position: relative;
	width:100%;
	height: 420px;
}
.video-wrap iframe{
	width: 100%;
	height: 100%;
}
/*.play-video{
	position: absolute;
	left:50%;
	top:50%;
	background: url(../images/play.png) left top no-repeat;
	width: 176px;
	height: 176px;
	-webkit-transform: translate(-50% ,-50%);
	-moz-transform: translate(-50% ,-50%);
	-ms-transform: translate(-50% ,-50%);
	-o-transform: translate(-50% ,-50%);
	transform: translate(-50% ,-50%);
	opacity: 0.67;
}*/
.play-video:hover{
	opacity: 1;
}
.testimonial-wrapper blockquote {
	text-align: center;
	/*width: 80%;*/
	width: 81%;
	margin: 0 auto;
}
.testimonial-wrapper blockquote p {
	color: #ffffff;
	font-style: italic;
	font-weight: 600;
	margin-bottom: 30px;
}
.testimonial-wrapper blockquote strong, .testimonial-wrapper blockquote span {
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1.7em;
	padding-bottom: 5px;
}
.testimonial-wrapper blockquote span {
	font-family: 'nexa_lightregular', sans-serif;
}

.hp-icon {
	display: inline-block;
	width: 85px;
	height: 85px;
	background: url(../images/vintage-icon.html) center center no-repeat;
}
.fix-icon{
	display: inline-block;
	width: 85px;
	height: 85px;
	background: url(../images/fix-icon.html) center center no-repeat;
}

.necco-icon {
	display: inline-block;
	width: 132px;
	height: 62px;
	background: url(../images/ged-icon.html) center center no-repeat;
}
.gsk-icon {
	display: inline-block;
	width: 113px;
	height: 77px;
	background: url(../images/css-test-icon.html) center center no-repeat;
}
.intel-icon {
	display: inline-block;
	width: 96px;
	height: 63px;
	background: url(../images/fun-with-icon.html) center center no-repeat;
}
.coca-icon {
	display: inline-block;
	width: 127px;
	height: 38px;
	background: url(../images/cocacola.html) center center no-repeat;
} 
/*ul.testimonial-navigation li.slick-current i.hp-icon{
	background-image: url(../images/hp-active.png);
}
ul.testimonial-navigation li.slick-current i.necco-icon{
	background-image: url(../images/necco-active.png);
}
ul.testimonial-navigation li.slick-current i.gsk-icon{
	background-image: url(../images/gsk-active.png);
}
ul.testimonial-navigation li.slick-current i.coca-icon{
	background-image: url(../images/cocacola-active.png);
}
ul.testimonial-navigation li.slick-current i.intel-icon{
	background-image: url(../images/intel-active.png);
}*/


/*
 10). Newsletter Section
 ----------------------------------------------*/
.newsletter {
	background-color: #ff9705;
	padding: 48px 0 48px;
	border-bottom: solid 10px #febd00;
	z-index: 10;
}

.newsletter h2 {
	padding-bottom: 16px;
}
.newsletter small {
	text-align: center;
	display: block;
	color: #ffffff;
	font-size: 1.6em;
	font-family: 'nexa_lightregular', sans-serif;
	padding-bottom: 25px;
}
.subscribe-form {
	width: 72%;
	margin: 0 auto;
	position: relative;
}
.subscribe-form .form-field {
	float: left;
	width: 75%;
	border: none;
	color: #888888;
	font-size: 1.5em;
	text-transform: uppercase;
	font-family: 'nexa_boldregular', sans-serif;
	padding-left: 83px;
	height: 53px;
	background-image: url(../images/sprite.png);
	background-position: -585px 6px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	
}
/*.subscribe-form .form-field:focus{
	background-position:-690px -1751px; 
}*/
.subscribe-form::before {
    background-image: url("../images/sprite.png");
    background-position:-718px -1766px;
    background-repeat: no-repeat;
    content: " ";
    display: inline-block;
    height: 23px;
    left: 28px;
    position: absolute;
    top: 15px;
    width: 31px;
    opacity: 0;
    -webkit-transition: opacity 0.8s;
    -moz-transition: opacity 0.8s;
    -ms-transition: opacity 0.8s;
    -o-transition: opacity 0.8s;
    transition: opacity 0.8s;
}
.subscribe-form.active::before{
	opacity: 1
}
.subscribe-form .form-field:focus:-ms-input-placeholder {  
   color: #0a9dcd;  
   opacity: 1;
}
.subscribe-form .form-field:focus::-moz-placeholder {  /* Firefox 19+ */
   color: #0a9dcd;  
   opacity: 1;
}
.subscribe-form .form-field:focus:-moz-placeholder { /* Firefox 18- */
   color: #0a9dcd;  
   opacity: 1;
}
.subscribe-form .form-field:focus::-webkit-input-placeholder {
   color: #0a9dcd;
   opacity: 1;
}







.subscribe-form .submit {
	float: left;
	width: 25%;
	border-radius: 0;
	height: 53px;
	padding: 10px;
	cursor: pointer;
}

/*
 11). Press-release Section
 ----------------------------------------------*/

.press-release {
	padding: 56px 0 136px;
	/*background: url(../images/back-shadow5.png) right 40% no-repeat;*/
	background-color: #ffffff;
	z-index: 20;
}
.press-release .bg-image-top {
    background-image: url("../images/back-shadow5_1.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 145px;
    left: 50%;
    margin-left: -134px;
    position: absolute;
    top: 0;
    width: 181px;
    z-index: -1;
}
.press-release .bg-image-right{
	position: absolute;
	right:0;
	top: 0;
	background-image: url(../images/back-shadow5_2.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 359px;
	height: 326px;
	z-index: -1;
}
.press-release .bg-image{
	position: absolute;
	right:5%;
	bottom: -250px;
	background-image: url(../images/back-shadow5_3.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 367px;
	height: 526px;
	z-index: -1;
}
.press-release h2 {
	color: #03326d;
	padding-bottom: 28px;
}
.press-release .main-msg {
	color: #83a8aa;
}

.press-release small {
	display: block;
	width: 32%;
	margin: 0 auto;
	line-height: 1.4;
	color: #000000;
	font-size: 1.6em;
	font-family: 'nexa_lightregular', sans-serif;
	text-align: center;
	margin-bottom: 38px;
}
.slicon-slider-wrap {
	width: 66%;
	margin: 0 auto;
	position: relative;
}
.slicon-slider-wrap:after, .slicon-slider-wrap:before {
	content: "";
	position: absolute;
	left: 8px;
	top: 2px;
	width: 48px;
	height: 143px;
	background-image: url(../images/green-border-left.html);
}
.slicon-slider-wrap:after {
	left: auto;
	right: 2px;
	background-image: url(../images/green-border-right.html);
}
.slicon-slider-wrap ul {
	width: 78%;
	margin: 0 auto;
}
.magazine {
    float: left;
    margin-left: 11%;
    width: 151px;
    margin-right: 2.2%;
    padding-bottom: 50px;
    height: 151px;
    background: url(../images/slicon-india.html) 0 0 no-repeat;
}
.slicon-content {
	float: left;
	width: 55%;
	margin-top: 15px;
}
.slicon-content h3 {
	font-size: 3em;
	font-family: 'nexa_boldregular', sans-serif;
	letter-spacing: 0.5px;
	margin-bottom: 32px;
}
.slicon-content > img {
	margin: 0;
}

.slicon-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a ,.slicon-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link ,.slicon-slider-wrap .bx-pager-item a{
	width: 26px;
	height: 26px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	background: none;
	margin: 0 0px;
	position: relative;
	display: block;

}
.gm-style .gm-style-iw div div{
	overflow: hidden !important;
}
.slicon-slider-wrap .bx-wrapper .bx-pager .bx-pager-item
{
	width:30px;
	height: 30px;
	margin: 0 5px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:2px solid #b8b8b8;
}
.slicon-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a.active:after {
	width: 12px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	left: 50%;
	margin-left: -6px;
	position: absolute;
	content: "";
	background-color: #ff9705;
	border-radius: 20px;
}
.slicon-slider-wrap .bx-wrapper .bx-pager .bx-pager-item, .slicon-slider-wrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
}
.slicon-slider-wrap .bx-wrapper .bx-pager, .slicon-slider-wrap .bx-wrapper .bx-controls-auto {
	bottom: -25px;
	left: 45%;
	margin-right: -30px;
	top: auto;
}

/*
 12). Employeee Section
 ----------------------------------------------*/
.employee{
	background-color: #000000;
	z-index: 20;
}
.ri-grid {
	margin: 0 auto;
	position: relative;
	height: auto;
}

.ri-grid ul {
	list-style: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.ri-grid ul li {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-o-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	background: #000;
}
.ri-grid ul li a {
	display: block;
	outline: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #333;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	
}
.ri-loading-image {
	display: none;
}
.ri-grid-size-1 {
	width: 100%;
}
.ri-grid-size-2 {
	width: 100%;
}
.ri-grid-size-3 {
	width: 100%;
	margin-top: 0px;
}

.employee li img {
	width: 100%;
	/*max-height: 246px;*/
}
.employee .caption {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	top: 40%;
}
.employee .caption h3 {
	font-size: 4.5em;
	color: #fff;
	padding-top: 20px;
}

/*
 13). Certification Section
 ----------------------------------------------*/
.certification {
	padding: 20px 0;
	
	
}
.certification .container {
	width: 730px;
	margin: 0 auto;
}
.certification ul {
	text-align: center;
	display: table;
	width: 100%;
	position: relative;
	right:18px;
}
.certification li {
	display: table-cell;
	vertical-align: middle;
	height: 100px;
	width: 33.3%;
}

/*dummy*/
/*
 1). Hero Section
 ----------------------------------------------*/



/*
 14). Testimonial-page Styling
 ----------------------------------------------*/

.testimonial-page .testimonial-inner{
	margin-bottom: 60px;
}
.testimonial-page .testimonial-wrapper{
	background-image: none;
	background-color: transparent;
	padding-top: 15px;
}

.section-head{
	text-align: center;
	padding-top: 80px;	
	padding-bottom: 60px;
	
}
.section-head .main-msg{	
	letter-spacing: 0;
	padding-bottom: 25px;
	color: #f25c2a;
}
.section-head h2{
	text-transform: uppercase;
	color: #0a9dcd;
	font-size: 7.7em;
	letter-spacing: 2px;
	padding-bottom: 6px;
}

.section-head p{
	margin: 0 auto;
	width: 40%;
	text-align: center;
	color: #0a9dcd;
	font-size: 1.8em;
	line-height: 1.4;
}
.testimonial-wrapper .section-head{
	padding-top: 65px;
	padding-bottom: 75px;
	margin-bottom: 58px;
}
.testimonial-wrapper .section-head{
	background-color: #0a9dcd;
}
.testimonial-wrapper .section-head h2{
	color: #ffffff;
}
.testimonial-wrapper .section-head .main-msg{
	color: #abcacc;
}
.testimonial-wrapper .section-head p{
	color: #abcacc;
}
.testimonial-block blockquote p{
	font-size: 2.7em;
	width: 85%;
	margin: 0 auto 30px;
}
.testimonial-block{
	display: table;
	width: 100%;
	height: 600px;
}
.testimonial-block blockquote{
	vertical-align: middle;
	display: table-cell;
}


/*
 15). Contact-page Styling
 ----------------------------------------------*/
.contact-wrapper{
	/*margin-bottom: 40px;*/
}
.map-section{
	background: url(../images/map.jpg) center top no-repeat;
	background-size: cover;
	height: 530px;
	/*margin-bottom: 65px;*/
	position: relative;
}

.gm-style .gm-style-iw {
 left: 28px !important;
    top: 37px !important;
}

	.gm-style-iw + div {
    right: 31px !important;
    top: 45px !important;

}
.contact-information{
	float: left;
	width: 35%;
}
.contact-form{
	float: right;
	width: 59%;
}
.contact-wrap-inner h4{
	color: #11729f;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-bottom: 45px;
}
.contact-information h5{
	font-size: 1.5em;
	color: #11729f;
	font-family: 'nexa_boldregular', sans-serif;
	text-transform: uppercase;
	padding-bottom: 5px;
}
.contact-information .first h5{
	padding-bottom: 12px;
}
.contact-information span{
	display: block;
	color: #010101;
	font-size: 1.5em;
	font-family: 'nexa_lightregular', sans-serif;
	line-height: 1.7;
}
.contact-information span a{
	color: #010101;
}
.contact-information span.mail a{
	color: #f25c2a;
}
.touch-row{
	margin-bottom: 24px;
}
.contact-information .first{
	margin-bottom: 33px;
}
.touch-row ul li{
	padding: 4px 0;
}
.contact-form .form-row{
	margin-bottom: 16px;position: relative;
}
.contact-form .form-row input[type="submit"]{
	margin-top: 23px;
	margin-bottom: 4px;
	padding: 16px;
	width: 40%;
	border-radius: 4px;
	cursor: pointer;
}
.contact-form .form-row .form-field, .contact-form .form-row select, .contact-form .form-row textarea{
	width: 100%;
	border: solid 1px #bbbbbb;
	color: #939393;
	font-size: 1.4em;
	font-family: 'nexa_boldregular', sans-serif;
	text-transform: uppercase;
	height: 45px;
	padding: 14px;
}
.contact-form .form-row textarea{
	height: 150px;
}
.contact-form .form-row select:focus{
	outline: none;
}
.development-service-section .custom-btn , .development-service-section-outer .custom-btn{
	width: auto;
	padding:13px 65px 13px 30px;
}
/*
 16). About-page Styling
 ----------------------------------------------*/
.about-wrpper{
	padding-bottom: 0;
}
.about-video-wrap{
	margin-top: 40px;
	position: relative;
	background: url(../images/about-video.jpg) center top no-repeat;
	height: 388px;
	text-align: center;
}
.about-video-wrap span{
	color: #ff9705;
	text-transform: uppercase;
	font-size: 2.5em;
	display: block;
	padding-top: 12px;
}


.about-wrpper .section-head{
	padding-bottom: 0;
	margin-bottom: 0;
}
.core-value, .story {
    background-color: #ff9705; 
    padding-top: 46px;
    padding-bottom: 78px;
    border-bottom: solid 10px #febd00;
    z-index: 11;
}
.core-value h2{
	padding-bottom: 48px;
}
.core-value-block, .webtech-feature-block{
	float: left;
	width: 28.3%;
	text-align: center;
	margin: 0 2.5%;
}
.core-value-block i{
	margin-bottom: 24px;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}
.core-value-block h4, .webtech-feature-block h4{
	text-transform: uppercase;
	padding-bottom: 26px;
}
.core-value-block p{
	color: #c1f9c4;
}
.apps-love:hover .icon-apps-love{
	background-position: -1px -649px;
}
.core-revenue:hover .icon-revenue{
	background-position: -128px -649px;
}
.core-charts:hover .icon-charts{
	background-position: -273px -649px;
}
.core-globe:hover .icon-globe{
	background-position: -551px -1249px;
}
.multi-device:hover .icon-multi-device{
	background-position: -413px -1249px;
}


.webtech-feature{
	padding-top: 84px;
	padding-bottom: 14px;
}
.webtech-feature h2{
	color: #0a9dcd;
	letter-spacing: -0.5px;
	padding-bottom: 86px;
}
.webtech-feature-block{
	width: 30%;
	margin: 0 1.65% 44px
}
.webtech-feature-block i{
	margin-bottom: 22px;
}
.webtech-feature-block h4{
	font-size: 2.4em;
	color: #0a9dcd;
	padding-bottom: 16px;
}

.webtech-feature-block p{
	width: 95%;
	margin: 0 auto;
	color: #0a9dcd;
}
.icon-business{
	width: 100px;
	height: 100px;
	background-position: -1px -942px;
	
}
.icon-content{
	width: 100px;
	height: 100px;
	background-position: -143px -942px;
}
.icon-mobile{
	width: 100px;
	height: 100px;
	background-position: -275px -942px;
}
.icon-org{
	width: 100px;
	height: 100px;
	background-position: -412px -942px;
}
.icon-decesion{
	width: 100px;
	height: 100px;
	background-position: -547px -942px;
}
.icon-revenue-alt{
	width: 100px;
	height: 100px;
	background-position: -652px -942px;
}
.feature-business:hover .icon-business{
	background-position: -1px -770px;
}
.feature-content:hover .icon-content{
	background-position: -143px -770px;
}
.feature-mobile:hover .icon-mobile{
	background-position: -275px -770px;
}
.feature-revenue:hover .icon-revenue{
	background-position: -653px -941px;
}
.feature-org:hover .icon-org{
	background-position: -412px -770px;
}
.feature-decesion:hover .icon-decesion{
	background-position: -547px -770px;
}
.feature-revenue:hover  .icon-revenue-alt{
	background-position: -652px -770px;
}


.story{
	padding-top: 60px;
	padding-bottom: 76px;
}
.story h2{
	padding-bottom: 42px;
}
.story-content{
	float: left;
	width: 40%;
}
.story-gallery{
	width: 57.5%;
	float: right;
	margin-top:75px
}
.story-content p{
	margin-bottom: 24px;
	color: #ffffff;
}
#story-slider .slide, #story-slider .slide img{
	width: 100%;
	
}
 #story-slider .slide img
 {
 	max-height: 410px;
 	height: 100%;
 }
.team{
	background-color: #eeeeee;
	padding-top: 74px;
	padding-bottom: 55px;
}
.team h2{
	text-transform: uppercase;
	color: #0a9dcd;
	padding-bottom: 72px;
}
.team-inner{
	margin: 0 3%;
}
.team-block{
	float: left;
	width: 23%;
	margin: 0 1% 20px;
	text-align: center;
}
.team a{
	position: relative;
	display: inline-block;
}
.team-overlay{
	position: absolute;
	left:0;
	top:0;
	
	width: 100%;
	background: rgba(6, 47, 99, 0);
	height: 100%;
	transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	text-align: center;
	z-index: 50;
}
.team-overlay span{
	position:absolute;
	margin: 0 auto;
	top:50%;
	 transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);
	 left: 0;
  right: 0;
  height: auto;
  width: auto;
}
.team a:hover .team-overlay{	
	background: rgba(6, 47, 99, 0.4);
}
.team-overlay strong{
	display: block;
	color: #ffffff;
	font-size: 3.5em;	
	padding-bottom: 28px;	
	opacity: 0;	
	transition: all 1s ease-in-out 0s;
}
.team-overlay small{
	display: block;
	color: #cde3ff;
	font-size: 2em;
	text-align: center;
	opacity: 0;	
	transition: all 1s ease-in-out 0s;
}

.team a:hover .team-overlay strong, .team a:hover .team-overlay small{
	opacity: 1;	
}


/*
 17). Blog-page Styling
 ----------------------------------------------*/

.blog-information-bg{
	background: url(../images/blog-background.jpg) center top no-repeat;
	background-size: auto;
	background-attachment: fixed;
	height: 430px;
	margin-top: 3px;
	padding-top: 45px;
	text-align: center;
	margin-bottom: 50px;
}
.blog-information-bg span, .blog-block span, .blog-post-wrapper span.date{
	font-size: 1.5em;
	color: #69d46e;
	text-transform: uppercase;
	display: block;
	padding-bottom: 15px;
}
.blog-information-bg h3, .blog-post-wrapper h3{
	font-size: 3.6em;
	width: 80%;
	margin: 0 auto 35px;
	color: #ffffff;
	font-family: 'nexa_boldregular', sans-serif;
	line-height: 1.2;
}
.blog-information-bg p{
	color: #ffffff;
	width: 86%;
	margin: 0 auto 30px;
	text-align: center;
}
.blog-information-bg .custom-btn{
	width: auto;
	padding-right: 6%;
}
.blog-block{
	float: left;
	width: 32%;
	margin: 0 1% 30px;
	min-height: 538px;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
.blog-block:nth-child(3n+1){
	margin-left: 0;
}
.blog-block:nth-child(3n){
	margin-right: 0;
}
.blog-block:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
.blog-block span{
	padding-bottom: 24px;
	margin-top: 24px;
}
.blog-block img{
	/*height: 246px;*/
	
}
.blog-block h4{
	color: #0a9dcd;
	font-size: 2.2em;
	line-height: 1.1;
	padding-bottom: 18px;
}
.blog-block h4 a{
	color: #0a9dcd;
}
.blog-block p{
	color: #000000;
	font-size: 1.6em;
	margin-bottom: 15px;
}

.pagination{
	text-align: center;
	margin-bottom: 60px;
}
.pagination li{
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 36px;
	vertical-align: middle;
	text-align: center;
	border: solid 1px #0a9dcd;
	border-right: none;
	margin-left: -3px;
}
.pagination li:last-child{
	border-right: solid 1px #0a9dcd;
}
.pagination li.arrow-inactive{
	border-color: #acacac;	
}
.pagination li a.icon-inactive{
	background-position: -323px -57px;
	width: 36px;
    height: 28px;
}
.pagination li.arrow-inactive a{
	cursor: text;
}
.pagination li a.icon-active{
	background-position: -323px -7px;
	width: 36px;
    height: 28px;
}
.pagination li a{
	font-size: 1.6em;
	color: #0a9dcd;
	display: block;
	width: 38px;
	height: 37px;
	transition: all 1s ease-in 0s;
}
.pagination li a.active, .pagination li:hover a{
	background-color: #0a9dcd;
	color: #ffffff;
}
.pagination li.arrow:hover a{
	background-color: transparent;
}

/*
 18). BlogPost-page Styling
 ----------------------------------------------*/

.blog-post-wrapper{
	padding-top: 80px;
	margin-bottom: 64px;
}
.blog-post-wrapper span.date{
	text-align: center;
}
.blog-post-wrapper h3{
	color: #0a9dcd;
	text-align: center;
	width: 100%;
	margin-bottom: 40px;
}
.blog-image{
	margin-bottom: 50px;
}
.blog-image img{
	height: 530px;
}
.post-info{
	color: #202020;
	font-size: 1.9em;
	line-height: 1.4;
	letter-spacing: -0.2px;
	margin-bottom: 32px;
}

.blog-post-wrapper p{
	color: #000000;
	font-size: 1.6em;
	letter-spacing: -0.2px;
	margin-bottom: 24px;
}
.blog-post-wrapper p strong{
	font-family: 'nexa_boldregular', sans-serif;
}
.blog-post-wrapper h4{
	color: #0a9dcd;
	font-size: 3.1em;
	padding-top: 5px;
    line-height: 1.3;
    padding-bottom: 26px;
    letter-spacing: -0.4px;
}

.share{
	margin-top: 51px;
	margin-bottom: 48px;
}

.blog-post-wrapper h5{
	font-size: 1.7em;
	text-transform: uppercase;
	letter-spacing: -0.2px;
	padding-bottom: 10px;
}
.icon-share{
	background-position: 0 -882px;
	display: inline-block;
	height: 38px;
	width: 310px;
}
.blog-post-wrapper h5 i{
	font-style: normal;
	color: #0a9dcd;
}
.blog-post-wrapper .post{
	border: solid 1px #ff9705;
	margin-top: 16px;
	padding: 41px 47px 47px;
	margin-bottom: 31px;
}
.blog-post-wrapper .post strong{
	display: block;
	font-size: 1.7em;
	text-transform: capitalize;
	padding-bottom: 22px;
}
.blog-post-wrapper .post p{
	margin-bottom: 0;
}

.blog-post-wrapper .reply{
	margin-left: 9.3%;
	margin-bottom: 60px;
	position: relative;
}
.blog-post-wrapper .reply:before{
	content: "";
	position: absolute;
	left:54px;
	top:-18px;
	background: url(../images/tip.png);
	width: 40px;
	height: 19px;
}
.comment-box{
	background-color: #ff9705;
	padding: 38px 43px 26px;
}
.comment-box h5{
	color: #ffffff;
	font-size: 3em;
	text-transform: none;
	letter-spacing: -0.2px;
	padding-bottom: 35px;
}
.comment-row{
	margin-bottom: 13px;
	overflow: hidden;
	width: 100%;
}
.comment-col{
	width: 49%;
	float: left;
	position: relative;
}
.comment-row .left{
	margin-right: 1%;
}
.comment-row .right{
	margin-left: 1%;
}

.comment-row .field, .comment-row textarea{
	width: 100%;
	border: none;
	font-size: 1.4em;
	text-transform: uppercase;
	padding: 13px 15px;
	font-family: 'nexa_boldregular', sans-serif;
	color: #b7b7b7;
}
.comment-row textarea{
	height: 150px;
}

.comment-box .btn-row{
	margin-top: 26px;
}

.comment-box .btn-row .info-btn{
	padding: 15px 40px;
	border-radius: 6px;
	cursor: pointer;
}

.blog-listing h3{
	text-align: center;
	font-size: 3em;
	font-family: 'nexa_boldregular', sans-serif;
	padding-bottom: 40px;
}

/*
 19). Design-page Styling
 ----------------------------------------------*/
.design-wrapper-section .section-head p{
	width: 50%;
}
.design-wrapper-section .section-head{
	padding-bottom: 64px;
}
.Design-excellence{
	background-color: #ff9705;
	padding: 80px 0;

}
.Design-excellence h2, .Interactive-life h2{
	width: 60%;
	margin: 0 auto;
	text-align: center;
	line-height: 1;
    letter-spacing: -1px;
    padding-bottom: 60px;
    text-transform: capitalize;
}
.Design-excellence-image{
	float: right;
	width: 44%;
	
   
}
.Design-excellence-word{
	float: left;
	width: 54%;
}
.Design-excellence p, .Interactive-life p{
	color: #ffffff;
	margin-bottom: 23px;
}

/*.Design-excellence .Design-excellence-image img{
	position: relative;
	top: 86px;
}*/
.design-calculation{
	background:#0a9dcd;
	min-height: 530px;
	overflow:hidden;
	padding-top: 83px;

	position: relative;
}
.design-calculation ul{  bottom: 0;width:100%;left:0px;right:0px;text-align:center;
    position: absolute;}
.design-calculation li{
	background: #0a3e7f;
  display: inline-block;
  margin-left:15px;
    width: 40px;
}
.design-calculation li.x-large{height: 299px;}
.design-calculation li.large{height: 281px;margin-top: 18px}
.design-calculation li.medium{height: 245px; margin-top: 54px}
.design-calculation li.small{height: 221px;margin-top: 78px}
.design-calculation li.x-small{height: 197px; margin-top: 102px}


.design-calculation.active  li.x-large{height: 299px;}
.design-calculation li.large{height: 281px;margin-top: 18px}
.design-calculation li.medium{height: 245px; margin-top: 54px}
.design-calculation li.small{height: 221px;margin-top: 78px}
.design-calculation li.x-small{height: 197px; margin-top: 102px}


.design-calculation li , .design-calculation li.graph-27{
	 -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
	-webkit-transition: all 0.1s linear 0.1s;
	-moz-transition: all 0.1s linear 0.1s;
	-ms-transition: all 0.1s linear 0.1s;
	-o-transition: all 0.1s linear 0.1s;
	transition: all 0.1s linear 0.1s;
}

.design-calculation li.graph-2 , .design-calculation li.graph-26{
	-webkit-transition: all 0.1s linear 0.2s;
	-moz-transition: all 0.1s linear 0.2s;
	-ms-transition: all 0.1s linear 0.2s;
	-o-transition: all 0.1s linear 0.2s;
	transition: all 0.1s linear 0.2s;
}
.design-calculation li.graph-3 , .design-calculation li.graph-25{
	-webkit-transition: all 0.2s linear 0.4s;
	-moz-transition: all 0.2s linear 0.4s;
	-ms-transition: all 0.2s linear 0.4s;
	-o-transition: all 0.2s linear 0.4s;
	transition: all 0.1s linear 0.3s;
}
.design-calculation li.graph-4 , .design-calculation li.graph-24{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.1s linear 0.4s;
}
.design-calculation li.graph-5 , .design-calculation li.graph-23{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.1s linear 0.5s;
}
.design-calculation li.graph-6 , .design-calculation li.graph-22{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.1s linear 0.6s;
}
.design-calculation li.graph-7 , .design-calculation li.graph-21{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.1s linear 0.7s;
}
.design-calculation li.graph-8 ,.design-calculation li.graph-20{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.1s linear 0.8s;
}
.design-calculation li.graph-9 , .design-calculation li.graph-19{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.1s linear 0.9s;
}
.design-calculation li.graph-10 , .design-calculation li.graph-18{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.1s linear 1s;
}
.design-calculation li.graph-11 , .design-calculation li.graph-17{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.1s linear 1.1s;
}
.design-calculation li.graph-12 , .design-calculation li.graph-16{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.1s linear 1.2s;
}
.design-calculation li.graph-13 , .design-calculation li.graph-15{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.1s linear 1.3s;
}
.design-calculation li.graph-14{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.1s linear 1.4s;
}
/*.design-calculation li.graph-15{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.2s linear 2.8s;
}
.design-calculation li.graph-16{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.2s linear 3s;
}
.design-calculation li.graph-17{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.2s linear 3.2s;
}
.design-calculation li.graph-18{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.2s linear 3.4s;
}
.design-calculation li.graph-19{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.2s linear 3.6s;
}
.design-calculation li.graph-20{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.2s linear 3.8s;
}
.design-calculation li.graph-21{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.2s linear 4s;
}
.design-calculation li.graph-22{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.2s linear 4.2s;
}
.design-calculation li.graph-23{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.2s linear 4.4s;
}
.design-calculation li.graph-24{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.2s linear 4.6s;
}
.design-calculation li.graph-25{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.2s linear 4.8s;
}
.design-calculation li.graph-26{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.2s linear 5s;
}*/
/*.design-calculation li.graph-27{
	-webkit-transition: all 0.2s linear 0.2s;
	-moz-transition: all 0.2s linear 0.2s;
	-ms-transition: all 0.2s linear 0.2s;
	-o-transition: all 0.2s linear 0.2s;
	transition: all 0.2s linear 5.2s;
}*/

.design-calculation.active .chart , .design-calculation.active  li{
	 -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}
.design-calculation .container{z-index: 10;}
.chart {
    bottom: 0;
    position: absolute;
    text-align: center;
    transform: translateY(100%);
    width: 100%;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.design-calculation h2{
	padding-bottom: 50px;
	text-transform: capitalize;
}
.design-calculation p{
	text-align: center;
	width: 55%;
	margin: 0 auto;
	color: #ffffff;
	margin-bottom: 25px;
}
.Interactive-life{
	background-color: #ff9705;
	padding-top: 63px;
	padding-bottom: 185px;
}
.Interactive-life h2{
	padding-bottom: 70px;
}

.Interactive-life .Design-excellence-image{
	width: 62%;
}
.Interactive-life .Design-excellence-word{
	width: 35%;
	padding-top: 48px;
}
.Interactive-life p{
	letter-spacing: -0.3px;
}

.design-steps .step{
	float: left;
	width: 50%;
	background-color: #0a9dcd;
	text-align: center;
	position: relative;
}
.design-steps .step2, .design-steps .step4{
	background-color: #043068;
}
.design-steps .step3{
	float: right;
}

.design-steps .step .design-step-outer{
	display: table;
	width: 100%;
}

.design-steps .step .design-step-inner{
	display: table-cell;
	vertical-align: middle;
	height: 584px;
}
.design-steps small{
	display: block;
	font-size: 1.7em;
	color: #ffffff;
	text-transform: uppercase;
	padding-bottom: 5px;
	font-family: 'nexa_lightregular', sans-serif;
}
.design-steps h2{
	padding-bottom: 40px;
}
.design-steps p{
	color: #ffffff;
	width: 68%;
	margin: 0 auto 24px;
}
.design-steps .step1:after{
	content: "";
	position: absolute;
	right: -52px;
	top:50%;
	margin-top: -37.5px;
	background: url(../images/step.png) right center no-repeat;
	width: 104px;
	height: 75px;
	z-index: 20;
}
.design-steps .step2:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom:-37px;
	margin-left: -52px;
	background: url(../images/step.png) right center no-repeat;
	width: 104px;
	height: 75px;
	z-index: 20;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.design-steps .step3:after{
	content: "";
	position: absolute;
	left: -52px;
	top:50%;
	margin-top: -37.5px;
	background: url(../images/step.png) right center no-repeat;
	width: 104px;
	height: 75px;
	z-index: 20;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.design-work{
	padding-top: 63px;
	margin-bottom: 28px;
}

.design-work h2{
	color: #0a9dcd;
	padding-bottom: 51px;
}
.design-work p{
	color: #0a9dcd;
	width: 62%;
	margin: 0 auto 55px;
	text-align: center;
	font-family: 'nexa_boldregular', sans-serif;
}
/*.design-work .bx-viewport:after, .design-work .bx-viewport:before{
	content: "";
	position: absolute;
	left:0;
	top:0;
	width: 40%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	z-index: 99;
}*/
/*.design-work .bx-viewport:before{	
	right:0;
	left: auto;
}*/
.design-work .slick-prev {
	left:30%;
	background-position: -613px -113px;
	height: 51px;
	width: 27px;
	background-color:transparent; 
	z-index: 100;
}

.design-work .slick-next {
	right: 30%;
	background-position: -664px -113px;
	height: 51px;
	width: 27px;
	background-color:transparent;
	z-index: 100;
}


/*
 20). development-service page Styling
 ----------------------------------------------*/

.development-service-section{
	background-color: #ff9705;
	padding: 78px 0;
	min-height: 520px;
	overflow: hidden;
	
}
.development-service-section.secondary{

	background-color: #0a9dcd;
}
.development-service-section.info, .development-service-section-outer.info{
	background-color: #0a9dcd;
}

.development-service-section.secondary  .development-service-image{
	right: auto;left: 0;
	width: 38%!important;
}

.development-service-section.secondary .development-service-text{
	float: right;
	width: 56%;
}
.development-service-text{
	width: 52%;
}
.v-middle{
	top:50% !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.development-service-image{
width: 41%;
position:absolute;
right:0;	
top:10px;
	vertical-align: middle;

}
.development-service-section.last  .development-service-image
{
	bottom: 0;
	top: auto;
}
.development-service-text h2{
	text-align: left;
	padding-bottom: 40px;
}

.development-service-text p{
	color: #ffffff;
	margin-bottom:25px;
	letter-spacing: -0.2px;
}

.development-service-section-outer .development-service-text{
	padding-right: 8%;
}
.development-service-section-outer.info .development-service-text{
	padding-right: 0;
	padding-left: 8%;
}

/*
 21). Verticals-page Styling
 ----------------------------------------------*/
.verticals-wrapper{
	margin-top: 15px;
}

.verticals-bg,.verticals-wrapper .bg-education{
	/*background: url(../images/vreticals-bg.jpg) center top no-repeat;*/
	
	background-attachment: fixed;
	height: 545px;
	padding-top: 126px;
	text-align: center;
}
.verticals-wrapper .bg-education{
	background: url(../images/Online-Advertising.jpg) center top no-repeat;
	background-size: cover;
	
}
.verticals-wrapper .bg-travel{
	background: url(../images/about.jpg) center top no-repeat;
	background-size: cover;
}
.verticals-wrapper .bg-health-care{
	background: url(../images/online.jpg) center top no-repeat;
	background-size: cover;
	
}
.verticals-wrapper .bg-navigation{
	background: url(../images/web.jpg) center top no-repeat;
	background-size: cover;
	
}
.verticals-wrapper .bg-retail{
	background: url(../images/Online-Advertising.jpg) center top no-repeat;
	background-size: cover;
	
}
.verticals-wrapper .bg-social-network{
	background: url(../images/contact.jpg) center top no-repeat;
	background-size: cover;
	
}
.verticals-bg span.main-msg, .verticals-bg h2, .verticals-bg p{
	color: #ffffff;
}

.digital-health,.inno{
	background-color: #ff9705;
	padding-top: 75px;	
	padding-bottom: 132px;
	position: relative;
	z-index: 10;
	
}
.digital-health h2{
	padding-bottom: 40px;
}
.digital-health1 h2{
	padding-bottom: 30px;
}
.digital-health1{
	padding-bottom: 50px;
}
.digital-health p{
	color: #ffffff;
	width: 84%;
	margin: 0 auto 25px;
	text-align: center;
}

.verticals-steps{	
	background-color: #0a9dcd;
	padding-top: 146px;
	position: relative;
	z-index: 11;
	border-bottom: solid 10px #227ca6;
	padding-bottom: 10px;
}
.verticals-steps:before{
	content: "";
	position: absolute;
	top:-85px;
	left: 50%;
	max-width: 729px;
	width: 100%;
	margin-left: -364.5px;
	height: 142px;
	/*background-image: url(../images/healthcare-image.png);*/
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.nav-bg-one:before{
	background-image: url(../images/nav-bg-page6.html);
}
.nav-bg-two:before{
	background-image: url(../images/nav-bg-1.png);
}
.nav-bg-three:before{
	background-image: url(../images/nav-bg-5.png);
}
.nav-bg-four:before{
	background-image: url(../images/nav-bg-2.html);
}
.nav-bg-five:before{
	background-image: url(../images/nav-bg-4.png);
}
.nav-bg-six:before{
	background-image: url(../images/nav-bg-3.html);
}
.verticals-steps h2{
	padding-bottom: 20px;
}
.verticals-steps p{
	width: 85%;
	margin: 0 auto 77px;
	color: #e8f0fb;
	text-align: center;
}

.verticals-steps ul{
	padding-left: 22%;
	position: relative;
}
.verticals-steps ul:before{
	position: absolute;
	left:13.5%;
	top: 6%;
	content: "";
	width: 3px;
	height: 80%;
	background-color: #fff;
}
.verticals-steps li{
	display: block;
	padding-bottom: 54px;
	position: relative;
}
.verticals-steps li:before{
	position: absolute;
	left:-12.15%;
	top: 28%;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #0a9dcd;
	border:6px solid #fff;
}

.verticals-steps li:first-child:before{
	top: 10%;
}

.verticals-steps li small{
	float: left;
	width: 17%;
	margin-left: 2px;
}

.verticals-steps li div{
	float: left;
	width: 82%;
}

.icon-plan{
	width: 70px;
	height: 100px;
	background-position: -1px -1134px;
}
.icon-idea{
	width: 80px;
	height: 100px;
	background-position: -84px -1142px;
}
.icon-build{
	width: 102px;
	height: 100px;
	background-position: -167px -1142px;
}
.icon-launch{
	width: 92px;
	height: 100px;
	background-position: -274px -1142px;
}

.verticals-steps li strong{
	display: block;
	font-size: 2.1em;
	text-transform: uppercase;
	color: #ffffff;
	padding-bottom: 6px;
}

.verticals-steps li span{
	color: #e8f0fb;
	font-size: 1.6em;
	font-family: 'nexa_lightregular', sans-serif;
	line-height: 1.5;
}
.verticals-steps li:hover .icon-plan{
	background-position: -1px -1240px;
}
.verticals-steps li:hover .icon-idea{
	background-position: -84px -1248px;
}
.verticals-steps li:hover .icon-build{
	background-position: -167px -1248px;
}
.verticals-steps li:hover .icon-launch{
	background-position: -274px -1248px;
}

.ask-for-app{
	position: relative;
	z-index: 11;
	display: table;
	width: 100%;
}
.education-app, .travel-app{
	background: url(../images/education-app.jpg) left top no-repeat;
	height: 349px;
	width: 50%;
	background-size: 100% 100%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.travel-app{
	background: url(../images/travel-app.html) left top no-repeat;
	background-size: 100% 100%;
}
.ask-for-app h2{
	padding-bottom: 12px;
}
.ask-for-app a{
	width: auto;
	padding-right: 60px;
	display: inline-block;
}


.verticals-wrapper .share-idea{
	padding: 86px 0;
}


/*
 22). Differences- Page Styling
 ----------------------------------------------*/

.differences-wrapper .section-head{
	padding-bottom: 73px;
}

.differences-wrapper .core-value{
	padding-top: 54px;
	padding-bottom: 46px;
}
.differences-wrapper .core-value h2{
	padding-bottom: 54px;
}
.number-listing{
	padding-top: 57px;
	padding-bottom: 50px;
}
.number-listing .bg-image{
	position: absolute;
	left:0;
	top: 0;
	background-image: url(../images/back-shadow1.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 760px;
	height: 760px;
	z-index: -1;
}
.differences-wrapper .press-release{
	padding-bottom: 105px;
}
.press-release .bg-image-upper{
	position: absolute;
	left:0;
	top: 0;
	background-image: url(../images/back-shadow5_2.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 577px;
	height: 526px;
	z-index: -1;
}
.number-listing-inner{
	margin-left: 4.5%;
}
.number-text{
	float: left;
	width: 100%;
}

.digits{
	float: left;
	width: 27%;
	margin-left: 8.5%;
}

.number-listing h2{
	color: #202020;
	text-align: left;
	padding-bottom: 28px;
	letter-spacing: -0.5px;
	padding-top: 14px;
}
.number-listing p{
	color: #202020;
	margin-bottom: 25px;
}
.number-listing li{
	display: block;
	margin-bottom: 30px;
}
.number-listing li:nth-child(2){
	margin-bottom: 46px;
}
.number-listing li:nth-child(3){
	margin-bottom: 52px;
}
.number-listing li span{
	display: block;
}
.number-listing li strong{
	color: #0a9dcd;
	font-size: 10.73em;
	margin-right: 10px;
	text-transform: uppercase;
}

.number-listing li small{
	display: block;
	text-transform: uppercase;
	color: #0a9dcd;
	font-size: 2.053em;
	position: relative;
	top: -6px;
	right: 6px;
	text-align: center;
}

.icon-plane{
	width: 40px;
	height: 90px;
	background-position: -543px -767px;
	top: 5px;
}

.icon-mind{
	width: 82px;
	height: 90px;
	background-position: -436px -528px;
	left: -5px;
}
.icon-timer{
	width: 100px;
	height: 100px;
	background-position: -650px -528px;
	    top: -5px;
    left: -15px;
}
.work-flow-process{
	background-color: #0a9dcd;
	padding-top: 50px;
	padding-bottom: 85px;
	border-bottom: solid 10px #002f6b;
}
.work-flow-process h2{
	padding-bottom: 73px;
}
.work-flow-process ul{
	text-align: center;
	position: relative;
}
.work-flow-process ul:after{
	content: "";
	position: absolute;
	left: 18%;
	bottom: -20px;
	width: 65%;
	height: 3px;
	background-color: #ffffff;
	z-index: 1;
}
.work-flow-process li{
	display: inline-block;
	text-align: center;
	width: 16%;
	position: relative;
}
.work-flow-process li:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -30px;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	background-color: #0a9dcd;
	border: solid 6px #ffffff;
	border-radius: 50%;
	z-index: 2;
}
.work-flow-process li i{
	margin-bottom: 15px;
}
.work-flow-process li strong{
	display: table;
	width: 100%;
}
.work-flow-process li small{
	display: table-cell;
	vertical-align: middle;
	height: 60px;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1.8em;
	line-height: 1.2;
}

.icon-chatting{
	background-position: 0 -1363px;
	width: 100px;
	height: 95px;
}
.icon-strategy{
	background-position: -100px -1363px;
	width: 100px;
	height: 95px;
}
.icon-design{
	background-position: -209px -1363px;
	width: 100px;
	height: 95px;
}
.icon-develop{
	background-position: -327px -1363px;
	width: 100px;
	height: 95px;
}
.icon-marketing{
	background-position: -456px -1363px;
	width: 100px;
	height: 95px;
}

.work-flow-process li:hover .icon-chatting{
	background-position: 0 -1462px;
}
.work-flow-process li:hover .icon-strategy{
	background-position: -100px -1462px;
}
.work-flow-process li:hover .icon-design{
	background-position: -209px -1462px;
}
.work-flow-process li:hover .icon-develop{
	background-position: -327px -1462px;
}
.work-flow-process li:hover .icon-marketing{
	background-position: -456px -1462px;
}

.know-more{
	background-color: #ff9705;
	padding-top: 67px;
	padding-bottom: 52px;
	border-bottom: solid 10px #febd00;
}
.know-more h2{
	padding-bottom: 66px;
}
.know-more-inner{
	display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	width: 100%;
}
.know-more-perks{
	 flex: 1;
	width: 47.5%;
	margin: 0 2.5%;
	background-color: #ffffff;
	border: solid 20px #f4f4f4;
	border-radius: 10px;
	padding: 48px 25px 0px 34px;
	position: relative;
}
.know-more-perks:before{
	content: "";
	position: absolute;
	left: 50%;
	top:-60px;
	width: 193px;
	height: 65px;
	margin-left: -96.5px;
	background: url(../images/board-top-holder.html) center top no-repeat;
}

.service-perks{
	margin-left: 0;
}
.discount-perks{
	margin-right: 0;
}
.know-more h4{
	text-align: center;
	color: #202020;
	text-transform: uppercase;
	padding-bottom: 54px;
	letter-spacing: -1px;
}
.perk-row{
	border-bottom: solid 1px #f4f4f4;
	margin-bottom: 30px;	
}
.perk-row:last-child{
	border-bottom: none;
}
.perk-row h5{
	overflow: hidden;
}
.know-more strong{
	display: block;
	font-size: 1.5em;
	color: #0a9dcd;
	padding-bottom: 11px;
	float: left;
	letter-spacing: -0.5px;
	width: 82%;
}
.know-more small{
	float: right;
	position: relative;
	top:5px;
	width: 18%;
	right:15px;
	text-align: right;
	font-size: 2.1em;
	color: #0a9dcd;
}
.know-more span{
	display: block;
	line-height: 1.2;
	color: #0a9dcd;
	font-size: 1.6em;
	font-family: 'nexa_lightregular', sans-serif;
	padding-bottom: 30px;
	width: 78%;
}
.know-more span a{
	font-size: 100%;
	color: #0a9dcd;
	font-family: 'nexa_boldregular', sans-serif;
}
.know-more .discount-perks strong, .know-more .discount-perks span, .know-more .discount-perks small, .know-more .discount-perks span a{
	color: #ff9705;
}

/*
 23). IOS Development- Page Styling
 ----------------------------------------------*/

.develop-ios-page .development-service-section h2{
	padding-bottom: 67px;
}

.develop-ios-page .development-service-text{
	width: 48%;
}
.develop-ios-page .development-service-image{
	width: 36%;
}

.develop-ios-page .development-service-section.info{
	padding-top: 60px;
}
.develop-ios-page .development-service-section.info .development-service-image{
	width: 48%;
    margin-left: -10%;
    margin-top: -30px;
}

.develop-ios-page .development-service-section.info .development-service-text{
	margin-top: 15px;
}
.develop-ios-page .development-service-section.last .development-service-image{
	margin-top: 0;
}
.develop-ios-page .testimonial-wrapper{
	background-color: #0a9dcd;
	padding-bottom: 90px;
}
.develop-ios-page .testimonial-wrapper h2{
	color: #ffffff;
}
.develop-ios-page .video-wrap img{
	width: 100%;
}

.develop-ios-page .testimonial-inner{
	background: transparent;
}

/*
 24). Development- Page Styling
 ----------------------------------------------*/

.development-page{
	margin-top: 15px;
}
.development-information-bg{
	background: url(../images/development-bg.html) center top no-repeat;
	/*height: 560px;*/
	/*background-size: cover;*/
	background-attachment: fixed;
	
}
.development-page .story-one-bg{
	background: url(../images/story-img-1.html) center top no-repeat;
	background-size: cover;
}
.development-page .story-two-bg{
	background: url(../images/story-three.html) center top no-repeat;
	background-size: cover;
}
.development-page .story-three-bg{
	background: url(../images/img-story-2.html) center top no-repeat;
	background-size: cover;
}
.development-page .story-four-bg{
	background: url(../images/story-img-3.html) center top no-repeat;
	background-size: cover;
}

.development-information-bg .container{
	display: table;
}
.development-information-bg .section-head{
	display: table-cell;
	vertical-align: middle;
	height: 545px;
	padding: 0;
}
.development-page span.main-msg,  .development-page .section-head h2, .development-page .section-head p{
	color: #ffffff;
}
.development-page .section-head p{
	width: 55%;
}
.development-page .development-service-section{
	padding-top: 98px;
}

.development-page .development-service-image{
	margin-top: -62px;
}
.development-page .development-service-text, .development-page .development-service-image{
	height: auto;
}
.development-page .webtech-feature{

	background-color: #ffffff;
	padding-bottom: 75px;
	z-index: 11;
}
.development-page .webtech-feature .bg-image{
	position: absolute;
	left:-10%;
	top: 0;
	background-image: url(../images/back-shadow4_1.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 557px;
	height: 608px;
	z-index: -1;
}
.development-page .webtech-feature .bg-image-right{
	position: absolute;
	right:0;
	top: 50%;
	background-image: url(../images/back-shadow7_1.png);
	background-position: left top;
	background-repeat: no-repeat;
	width:807px;
	height: 777px;
	z-index: -1;
}
.development-page .webtech-feature .bg-image-bottom{
	position: absolute;
	left:23%;
	top: 95%;
	background-image: url(../images/back-shadow7_2.png);
	background-position: left top;
	background-repeat: no-repeat;
	width:877px;
	height: 959px;
	z-index: -1;
}
.icon-design-alt{
	background-position: 0 -1571px;
	width: 100px;
	height: 95px;
}
.icon-develop-alt{
	background-position: -137px -1568px;
	width: 105px;
	height: 100px;
}
.icon-store{
	background-position: -285px -1570px;
	width: 105px;
	height: 100px;
}

.feature-design:hover .icon-design-alt{
	background-position: 0 -1691px;
}

.feature-develop:hover .icon-develop-alt{
	background-position: -137px -1688px;
}
.feature-plane:hover .icon-plane{
	background-position: -560px -649px;
}

.feature-store:hover .icon-store{
	background-position: -285px -1690px;
}

.development-page .core-value{
	padding-top: 56px;
}
.develop-duration{
	padding-top: 58px;
	padding-bottom: 82px;
	z-index: 11;
	position: relative;
}
.develop-duration .bg-image{
	position: absolute;
	left:0;
	top: 40%;
	background-image: url(../images/back-shadow7_1.png);
	background-position: left top;
	background-repeat: no-repeat;
	width:877px;
	height: 959px;
	z-index: -1;
}
.development-page .testimonial-wrapper .bg-image-right{
	position: absolute;
	right:5%;
	top: -30%;
	left: auto;
	background-image: url(../images/back-shadow7_3.png);
	background-position: right top;
	background-repeat: no-repeat;
	width:878px;
	height: 963px;
	z-index: -1;
}
.development-page .testimonial-wrapper .bg-image-bottom{
	position: absolute;
	top: 72%;
	left: 9%;
	/*background-image: url(../images/back-shadow7_4.png);*/
	background-position: right top;
	background-repeat: no-repeat;
	width:550px;
	height: 1292px;
	z-index: -1;
}
.verticals-wrapper .share-idea .bg-image{
	position: absolute;
	bottom: 0;
	left: 20%;
	background-image: url(../images/back-shadow1.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	width:760px;
	height: 300px;
	z-index: -1;
}
.develop-duration h2{
	color: #0a9dcd;
	padding-bottom: 69px;
	letter-spacing: -0.5px;
}
.develop-duration ul{
	position: relative;
}
.develop-duration ul:before{
	content: "";
	position: absolute;
	left: 50%;
	margin-left: 4.5px;
	top:0;
	width: 3px;
	height: 1033px;
	background: #0a9dcd;
}
.develop-duration li{
	width: 100%;
	position: relative;
}
.develop-duration li:nth-child(odd){
	float: left;
	text-align: right;
	padding-right: 54.2%;
}
.develop-duration li:nth-child(even){
	float: right;
	text-align: left;
	padding-left: 54.8%;
	margin-top: -47px;
	margin-bottom: 18px;
}
.develop-duration li:nth-child(odd):after, .develop-duration li:nth-child(even):after{
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -5px;
	top:0;
	width: 10px;
	height: 10px;
	background: #ffffff;
	border: solid 6px #0a9dcd;
	border-radius: 50%;
}

.develop-duration li small{
	display: block;
	text-transform: uppercase;
	color: #55b359;
	font-size: 1.5em;
	padding-bottom: 8px;
	padding-right: 1%;
}
.develop-duration li:nth-child(even) small{
	padding-left: 2%;
	padding-right: 0;
}
.develop-duration li h4{
	color: #0a9dcd;
	text-transform: uppercase;
	line-height: 1.2;
	padding-bottom: 18px;
	padding-right: 1%;
}
.develop-duration li:nth-child(even) h4{
	padding-bottom: 10px;
}
.develop-duration li p{
	color: #0a9dcd;
	margin-bottom: 25px;
	padding-right: 2%;
}
.develop-info-list{
	background-color: #0a9dcd;
	border-radius: 6px;
	padding: 10px 10px 18px;
	width: 86.5%;
	float: right;
	display: none;
}
.develop-duration li:nth-child(even) .develop-info-list{
	float: left;
}

.develop-info-list-inner{
	float: left;
	width: 50%;
}
.develop-info-list-inner em{
	float: left;
	width: 45%;
}
.develop-info-list-inner span{
	float: left;
	width: 55%;
	margin-top: 16px;
}
.icon-cup{
	width: 40px;
	height: 52px;
	background-position: -575px -209px;
	left: -18px;
    top: 1px;
}


.icon-pizza{
	width: 48px;
	height: 52px;
	background-position: -637px -214px;
	top: 10px;
    left: -12px;
}
.develop-duration li:nth-child(even) .icon-cup, .develop-duration li:nth-child(even) .icon-pizza{
	left: 14px;
}

.develop-info-list-inner strong{
	display: block;
	font-size: 3em;
	color: #ffffff;
	text-align: left;
	padding-bottom: 1px;
}
.develop-info-list-inner span small{
	text-transform: uppercase;
	display: block;
	font-size: 1.2em;
	color: #ffffff;
	text-align: left;
	padding-bottom: 0;
	padding-right: 0;
}
.stats{
	background-color: #0a9dcd;
	padding-top: 47px;
	z-index: 11;
	
}
.stats h2{
	padding-bottom: 52px;
}
.stats ul{
	text-align: center;
}
.stats li{
	display: block;
}
.stats li h2{
	padding-bottom: 11px;
}

.stats li span{
	display: block;
	color: #abcacc;
	font-size: 1.6em;
	padding-bottom: 65px;
}
.stats li span small{
	display: inline-block;
	font-size: 100%;
	font-family: 'nexa_lightregular', sans-serif;
	padding-bottom: 0;
}
.deactive-star, .active-star{
	display: inline-block;
	width: 250px;
	height: 42px;
	background: url(../images/star-inactive.html) left center repeat-x;
	position: relative;
}

.active-star{
	background-image: url(../images/star-active.png);
	position: absolute;
	left:0;
	top:0;
}
.star-4{
	width: 200px;
}

.stats .deactive-star{
	margin-bottom: 20px;
}
.development-page .video-wrap img{
	width: 100%;
}
.development-page .testimonial-inner{
	background: transparent;
}
.development-page .testimonial-wrapper blockquote p, .development-page .testimonial-wrapper blockquote strong, .development-page .testimonial-wrapper blockquote span{
	color: #0a9dcd;
}
.development-page .workflow{
	padding: 15px 0 0 0;
}
/*.workflow-hovered{
	display: block;
}*/
.development-page .workflow .workflow-hovered{
	display: block;
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(5, 40, 94, 0.6);
	z-index: 90;
	text-align: center;
	padding-top: 130px;
}
.workflow-hovered h2{
	padding-bottom: 25px;
}
.workflow-hovered a{
	width: auto;
	padding-right: 4%;
}


















/*
 25). Work - Page Styling
 ************************************* /
*/

.work-page .section-head{
	padding-bottom: 58px;
}
.filter-area{
	background-color: #ff9705;
}
.filter-area ul{
	margin-left: 4px;
}
.filter-area li{
	float: left;
	padding:26px 40px;
}
.filter-area li.active{
	background-color: #166a1a;
}
.filter-area li a{
	text-transform: uppercase;
	color: #ffffff;
	font-size: 1.7em;
}

.icon-list{
	width: 25px;
	height: 20px;
	background-position: -550px -362px;
	margin-right: 12px;
	top: -3px;
}
.icon-grid{
	width: 25px;
	height: 20px;
	background-position: -612px -362px;
	margin-right: 12px;
	top: -3px;
}
.icon-camera{
	width: 65px;
	height: 50px;
	background-position: -209px -84px;
}

.work-map{
	background: url(../images/map-alt.jpg) center top no-repeat;
	height:618px;
	background-size: cover;
}
.table-block{
	display: table;
	width: 100%;
}
.table-cell-block{
	display: table-cell;
	vertical-align: middle;
	height: 500px;
}
.work-page .development-service-section i{
	margin-bottom: 25px;
}
.work-page .development-service-section strong{
	display: block;
	font-size: 7.7em;
	color: #ffffff;
	padding-bottom: 40px;
}

.work-page .text-left{
	width: 100%;
}
.work-page .development-service-section a{
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	font-size: 1.7em;	
	margin-bottom: 22px;
	position: relative;
}

.work-page .development-service-section a.read-more:after, .work-page .development-service-section a.download:after{
	background-image: url(../images/sprite.png);
	background-position: -330px 0;
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	right: -40px;
	top:0;
	width: 30px;
	height: 18px;
}
.work-page .development-service-section a.download:after{
	background-position: -657px -357px;
	height: 30px;
}
.work-photosharing{
	background: url(../images/photosharing.html) center top no-repeat;
	height:618px;
	background-size: cover;
}
.work-solid-brain{
	background: url(../images/portfolio-img/solid-banner.jpg) center top no-repeat;
	height:618px;
	background-size: cover;
}
.lebosharing{
	background: url(../images/lebo-bg.jpg) center top no-repeat;
	height:618px;
	background-size: cover;
}
.work-Alphabet{
	background: url(../images/math-bg.html) center top no-repeat;
	/*height:618px;*/
	min-height:520px;
	background-size: cover;
}
.development-service-section.work-Alphabet{
	padding:68px 0;
}

.development-service-section.work-maths .development-service-image{
	width: 48%;
	margin-top: 50px;
}


/*.others .development-service-image img{
	position: absolute;
    left: -45%;
    max-width: 100%;
    top: -55px;
    width: 100%;
}*/
.image-grid-rotater ul{
	overflow: hidden;
}
.image-grid-rotater li{
	width: 25%;
	float: left;
	position: relative;
	border: 1px solid #dadada;
	
}
.image-grid-rotater li img{
	width: 100%;
}
.overlay-grid-wrap{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(149, 150, 155, 0.19);
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-align: center;
		
}
.overlay-grid-wrap.warning{
	background: rgba(247, 219, 41, 0.8);
}
.overlay-grid-wrap.info{
	background: rgba(14, 70, 141, 0.8);
}
.overlay-grid-wrap.success{
	background: rgba(39, 100, 42, 0.8);
}
.overlay-grid{
	position: absolute;
	left:0;
	right: 0;
	margin: 0 auto;
	padding: 0 50px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-sand-transform: translateY(-50%);
	height: auto;
}
.image-grid-rotater li:hover  .overlay-grid-wrap{
	visibility: visible;
	
	
}
.overlay-grid strong{
	display: block;
	font-size: 5.3em;
	color: #ffffff;
	padding-bottom: 55px;
}
.overlay-grid p{
	color: #fff;
	margin-bottom: 35px;
}
.overlay-grid a{
	color: #fff;
	font-size: 1.3em;
	border-radius: 12px;
	background-color: #00b0db;
	text-align: center;
	padding: 15px 10%;
	text-transform: uppercase;
	margin-right: 20px;
}


















/*dummy*/
/*
 1). Hero Section
 ----------------------------------------------*/
.hero-image-outer {
	/*background: rgba(0, 0, 0, 0) url("../images/hero-slide-wrap2.png") no-repeat scroll left top /100% auto;*/
	background-image: url("../images/hero-slide-wrap2.html");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 1;
	 transition: transform 1s;
}
.hero-image {
	float: right;
	width: 25%;
	text-align: right;
	/*margin-top: -97px;*/
	margin-top: -108px;
	position: relative;
}
.hero-image-outer {
	background: url(../images/hero-slide-wrap1.html) left top no-repeat;
	width: 276px;
	height: 814px;
	background-size: 100%;
	position: absolute;
	z-index: 10;
	margin: 0 auto;
}
.hero-image-outer a {
	display: inline-block;
	float: left;
	margin-left: 8px;
	margin-top: 87px;
}

.hero-image-outer a img {
	width: 100%;
	max-width: 233px;
	height: 635px;
	transform: translateZ(16px);
	display: none;
}
.hero-image-outer a span {
	display: inline-block;
	position: relative;
}
.hero-image-outer a:hover span:after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 233px;
	height: 635px;
	background-color: #00b449;
	opacity: 0.37;
	z-index: 5;
	transform: translateZ(16px);
}
.hero-section .main-msg {
	text-align: left;
	letter-spacing: -0.2px;
	padding-bottom: 19px;
}

.hero-content > small {
	display: block;
	color: #010101;
	font-size: 1.6em;
	font-family: 'nexa_lightregular', sans-serif;
	width: 75%;
	line-height: 1.5;
	margin-bottom: 33px;
}
.hero-image-wrap
{
	position: absolute;
	top:-38px;
}





.app {
	height: 814px;
	position: absolute;
	right: 35px;
	top: 135px;
	opacity: 0.9;
	width: 100%;
	background-repeat: no-repeat;
	background-size: 238px 100%;
	 transition: 1s;
	border-radius: 2px;
	transform: skewY(5.4deg) rotateY(5deg) translate(41px , -71px);
	-moz-transform: skewY(5.4deg) rotateY(5deg) translate(41px , -71px);
	-ms-transform: skewY(5.4deg) rotateY(5deg) translate(41px ,-71px);
	-webkit-transform: skewY(5.4deg) rotateY(5deg) translate(41px ,-71px);
}
.ms-screen-1 {
	background-image: url(../images/screen0_1.html);
	z-index: 99;
}

.ms-screen-2 {
	background-image: url(../images/screen0_2.html);
	z-index: 4;
}

.ms-screen-3 {
	background-image: url(../images/screen0_3.html);
	z-index: 3;
}
.ms-screen-4 {
	background-image: url(../images/screen0_4.html);
	z-index: 2;
}

 

@media all and  (min-width: 1341px) {
.layer .hero-image-outer {
	-moz-transform:skewY(0deg) rotateY(5deg) translate(122px, -54px) !important;
	-ms-transform:skewY(0deg) rotateY(5deg) translate(122px, -54px) !important;
	-webkit-transform: skewY(0deg) rotateY(5deg)  translate(122px, -54px) !important;
	transform: skewY(0deg) rotateY(5deg)  translate(122px, -54px) !important;
}

.layer .ms-screen-2 {
	-moz-transform: skewY(5.5deg) rotateY(5deg) translate(28%, -92px) !important;
	-ms-transform:skewY(5.5deg) rotateY(5deg) translate(28%, -92px) !important;
	-webkit-transform: skewY(5.5deg) rotateY(5deg) translate(28%, -92px) !important;
	transform:skewY(5.5deg) rotateY(5deg) translate(28%, -92px) !important;
}
.layer .ms-screen-3 {
	-moz-transform:skewY(6.5deg) rotateY(5deg) translate(38%, -109px) !important;
	-ms-transform: skewY(6.5deg) rotateY(5deg) translate(38%, -109px) !important;
	-webkit-transform: skewY(6.5deg) rotateY(5deg) translate(38%, -109px) !important;
	transform:skewY(6.5deg) rotateY(5deg) translate(38%, -109px) !important;
}
.layer .ms-screen-4 {
	-moz-transform:skewY(6.3deg) rotateY(1deg) translate(48%, -123px) !important;
	-ms-transform: skewY(6.3deg) rotateY(1deg) translate(48%, -123px) !important;
	-webkit-transform:skewY(6.3deg) rotateY(1deg) translate(48%, -123px) !important;
	transform: skewY(6.3deg) rotateY(1deg) translate(48%, -123px) !important;
}
}
/*
 2). Workflow Section
 ----------------------------------------------*/
.left1 {
	transition: transform 1s;
}
.workflow-block:nth-child(2) {
	margin-left: -50%;
	opacity: 0;
}
.workflow-block:nth-child(3) {
	display: none;
	margin-left: -50%;
	opacity: 0;
}
.workflow-block:nth-child(3) > img {
	transform: rotate(-6deg);
}
.unrotated {
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: rotate 2s;
}

.workflow-block img {
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg) -webkit-transform : rotate(0deg);
	transform: rotate(0deg);
}

.workflow-block .rotated {

/*	transform: rotate(-6deg); *//* Standard syntax */
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
	-moz-animation-duration: 1s; /* Chrome, Safari, Opera */
	-ms-animation-duration: 1s; /* Chrome, Safari, Opera */
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
}

/*
 4). Environment Section
 ----------------------------------------------*/
.env-image {
	position: relavite;
	top: 162px;
}
.env-image > img {
	position: absolute;
}

.center.env-image > img:nth-child(1) {

	margin-top: 51px;
	left: 200px;
	opacity: 0;
	transition: all 1s ease 0.3s;
	-moz-transition: all 1s ease 0.3s;
	-webkit-transition: all 1s ease 0.3s;
	-o-transition: all 1s ease 0.3s;
	-ms-transition: all 1s ease 0.3s;
}

.center.env-image > img:nth-child(2) {
	left: 185px;
	top: 380px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	z-index: 4;
}
.center.env-image > img:nth-child(3) {
	margin-top: 67px;
	z-index: 3;
	right: 200px;
	opacity: 0;
	transition: all 0.2s ease 0.3s;
	-moz-transition: all 0.2s ease 0.3s;
	-webkit-transition: all 0.2s ease 0.3s;
	-o-transition: all 0.2s ease 0.3s;
	-ms-transition: all 0.2s ease 0.3s;
}
.development.center.env-image > img:nth-child(2){
	top:0;
}
.development.center.env-image > img:nth-child(3){
	opacity:1;
	right: -14px;
}
.development.center.env-image > img:nth-child(1){
	transition: all 0.2s ease 0.3s;
	-moz-transition: all 0.2s ease 0.3s;
	-webkit-transition: all 0.2s ease 0.3s;
	-o-transition: all 0.2s ease 0.3s;
	-ms-transition: all 0.2s ease 0.3s;
	opacity:1;
	left: -26px;
}
.blockActive {
	background:#ff9705 !important;
}



@media all and (min-width: 768px) and (max-width: 1023px) {
	.hero-image {
    margin-top: -97px;
    right: 19px;
}
	.app{
		 background-size: 201px 100%;
	}
	.hero-image-outer{
		transform:skewY(-5deg) translate(3px, 20px);
	}
	.layer .hero-image-outer {
		transform: skewY(-6deg)   translate(57px, -4px) !important;
		-moz-transform: skewY(-6deg)  translate(57px, -4px) !important;
		-webkit-transform:skewY(-6deg)   translate(57px, -4px) !important;
		-ms-transform: skewY(-6deg) rotateY(5deg) translate(57px, -4px) !important;
	}
	 
	.layer .ms-screen-2 {
		transform:skewY(5.5deg)  translate(60px, -83px) !important;
		-moz-transform:skewY(5.5deg)  translate(60px, -83px) !important;
		-webkit-transform: skewY(5.5deg)   translate(60px, -83px) !important;
		-ms-transform:skewY(5.5deg) translate(60px, -83px) !important;
	}
	.layer .ms-screen-3 {
		transform: skewY(3.4deg)   translate(72px, -85px) !important;
		-moz-transform: skewY(3.4deg)  translate(72px, -85px) !important;
		-webkit-transform:skewY(3.4deg)  translate(72px, -85px) !important;
		-ms-transform: skewY(3.4deg)  translate(72px, -85px) !important;
	}
	.layer .ms-screen-4 {
		transform:skewY(7.4deg)  translate(84px, -102px) !important;
		-moz-transform:skewY(7.4deg) translate(84px, -102px) !important;
		-webkit-transform:skewY(7.4deg) translate(84px, -102px) !important;
		-ms-transform: skewY(7.4deg)  translate(84px, -102px) !important;
	}
}
 

@media all and (min-width: 1024px) and (max-width: 1340px) {
	 
	.layer .hero-image-outer {
	-moz-transform:skewY(0deg) rotateY(5deg) translate(66px, -39px) !important;
	-ms-transform:skewY(0deg) rotateY(5deg) translate(66px, -39px) !important;
	-webkit-transform:skewY(0deg) rotateY(5deg) translate(66px, -39px) !important;
	transform: skewY(0deg) rotateY(5deg) translate(66px, -39px) !important;
}

.layer .ms-screen-2 {
	-moz-transform: skewY(5.5deg) rotateY(5deg) translate(65px, -89px) !important;
	-ms-transform:skewY(5.5deg) rotateY(5deg) translate(65px, -89px) !important;
	-webkit-transform: skewY(5.5deg) rotateY(5deg) translate(65px, -89px) !important;
	transform:skewY(5.5deg) rotateY(5deg) translate(65px, -89px) !important;
}
.layer .ms-screen-3 {
	-moz-transform:skewY(6.5deg) rotateY(5deg) translate(80px, -100px) !important;
	-ms-transform: skewY(6.5deg) rotateY(5deg) translate(80px, -100px) !important;
	-webkit-transform: skewY(6.5deg) rotateY(5deg) translate(80px, -100px) !important;
	transform:skewY(6.5deg) rotateY(5deg) translate(80px, -100px) !important;
}
.layer .ms-screen-4 {
	-moz-transform:skewY(6.3deg) rotateY(1deg) translate(96px, -108px) !important;
	-ms-transform:skewY(6.3deg) rotateY(1deg) translate(96px, -108px) !important;
	-webkit-transform:skewY(6.3deg) rotateY(1deg) translate(96px, -108px) !important;
	transform:skewY(6.3deg) rotateY(1deg) translate(96px, -108px) !important;
}

}

@media all and (max-width: 767px) {
 .ms-screen-1 {
 display:none;
}	
 .ms-screen-2 {
 display:none;
}
 
 
  .ms-screen-2 {
  display:none;
}
  .ms-screen-3 {
  display:none;
}
  .ms-screen-4 {
	 display:none; 
}
}



body *{  
       -webkit-backface-visibility: hidden;    
}
.slick-slider{
touch-action: pan-y;
-ms-touch-action: pan-y;
}
.hero-section em{
	transition:background-position 0.5s ease ;
}
.workflow{
	z-index:11;
}
.clients em{
	 
	transition:background-position 0.5s ease ;
}
.quality-work{
	z-index: 10;
}
.testimonial-wrapper .bg-image-right{
	left:258px;
}


 .clients em , .testimonial-wrapper em ,.press-release em ,footer em {
	transition:background-position 0.5s ease ;
}
.design-work .bx-viewport::after, .design-work .bx-viewport::before{display: none}
.design-work #design-slider .slick-slide{opacity: 0.5;-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;}
 .design-work #design-slider .slick-slide.slick-center{opacity: 1;}
.employee h2{margin-bottom: 15px;}
.filter-content > div{display: none}
/*.filter-content > div.active{display: block}*/
.Interactive-life .Design-excellence-word img{
	/*-webkit-transform: translateX(-500px);
	-moz-transform: translateX(-500px);
	-ms-transform: translateX(-500px);
	-o-transform: translateX(-500px);
	transform: translateX(-500px);*/
	opacity:0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.racer {
    position: relative;
   -webkit-transform: translateX(-500px);
-moz-transform: translateX(-500px);
-ms-transform: translateX(-500px);
-o-transform: translateX(-500px);
transform: translateX(-500px);
    opacity: 0;
    margin-left:-100px;
}
.rabbit{ 
-webkit-transform: translateX(-500px);
-moz-transform: translateX(-500px);
-ms-transform: translateX(-500px);
-o-transform: translateX(-500px);
transform: translateX(-500px);
-webkit-transition-delay: 0.3s !important;
-moz-transition-delay: 0.3s !important;
-ms-transition-delay: 0.3s !important;
-o-transition-delay: 0.3s !important;
transition-delay: 0.3s !important;
}
.toy{ 
	-webkit-transform:  translateX(-500px) translateY(110px);
-moz-transform:  translateX(-500px) translateY(110px);
-ms-transform:  translateX(-500px) translateY(110px);
-o-transform: translateX(-500px) translateY(110px);
transform:  translateX(-500px) translateY(110px);
	-webkit-transition-delay: 0.6s !important;
-moz-transition-delay: 0.6s !important;
-ms-transition-delay: 0.6s !important;
-o-transition-delay: 0.6s !important;
transition-delay: 0.6s !important;
	}
.Interactive-life.active .Design-excellence-word img{
    position: relative;
 -webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
    opacity: 1;
}
.Interactive-life.active .Design-excellence-word img.rabbit{
	 -webkit-transform: translateX(180px);
-moz-transform: translateX(180px);
-ms-transform: translateX(180px);
-o-transform: translateX(180px);
transform: translateX(180px);
}
.Interactive-life.active .Design-excellence-word img.toy{
	 	-webkit-transform:  translateX(-15px) translateY(110px);
-moz-transform:  translateX(-15px) translateY(110px);
-ms-transform:  translateX(-15px) translateY(110px);
-o-transform: translateX(-15px) translateY(110px);
transform:  translateX(-15px) translateY(110px);
}
.Interactive-life.active .Design-excellence-word , .design-steps .step1.active:after{
	-webkit-transform: translate(0px) ;
	-moz-transform: translate(0px);
	-ms-transform: translate(0px);
	-o-transform: translate(0px);
	transform: translate(0px);
	opacity: 1;
}
.design-steps .step1::after{
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
	-ms-transform: translateX(-200px);
	-o-transform: translateX(-200px);
	transform: translateX(-200px);
	opacity:0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.design-steps .step2::after{
	-webkit-transform: translateY(-200px) rotate(90deg);
	-moz-transform: translateY(-200px) rotate(90deg);
	-ms-transform: translateY(-200px) rotate(90deg);
	-o-transform: translateY(-200px) rotate(90deg);
	transform: translateY(-200px) rotate(90deg);
	opacity:0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
 .design-steps .step2.active:after{
 	-webkit-transform: translateY(0px) rotate(90deg);
	-moz-transform: translateY(0px) rotate(90deg);
	-ms-transform: translateY(0px) rotate(90deg);
	-o-transform: translateY(0px) rotate(90deg);
	transform: translateY(0px) rotate(90deg);
	opacity:1;
 }
.design-steps .step3:after{
	-webkit-transform: translateX(200px) rotate(180deg);
	-moz-transform: translateX(200px) rotate(180deg);
	-ms-transform: translateX(200px) rotate(180deg);
	-o-transform: translateX(200px) rotate(180deg);
	transform: translateX(200px) rotate(180deg);
	opacity:0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
 .design-steps .step3.active:after{
 	-webkit-transform: translateX(0px) rotate(180deg);
	-moz-transform: translateX(0px) rotate(180deg);
	-ms-transform: translateX(0px) rotate(180deg);
	-o-transform: translateX(0px) rotate(180deg);
	transform: translatX(0px) rotate(180deg);
	opacity:1;
 }

/*
 ==========================Error Page=============================================*/
.error-content {
    float: left;
    padding-left: 8%;
    padding-top: 120px;
    width: 70%;
}
.error-image{float: left;width: 30%;float: right;margin-top: 4px;}
.error-page h2{  color: #0a9dcd;
    font-size: 45.41px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 104%;
   padding-right:15%;
    text-align: left;
    text-transform: uppercase;}
.error-page p {
    color: #202020;
    font-size: 19px;
    line-height: 150%;
    margin-top: 17px;
    padding-left: 2px;
     font-family: "nexa_boldregular",sans-serif;
     padding-right:20%;
}
.error-page {padding-bottom: 98px;background: url("../images/back-shadow1.png") no-repeat left 242px;}
.error-page li {
    color: #000;
    font-family: "nexa_lightregular",sans-serif;
    font-size: 16px;
	position: relative;
	padding-left: 36px;
	margin-bottom: 14px;
}
.error-page li a{color:#0a9dcd;font-family: "nexa_boldregular",sans-serif; }
.error-page li:before{
	content: " ";
	height: 11px;width: 11px;
	display: inline-block;
	border-radius:50%; 
	background: #0a9dcd;
	position: absolute;
	left:4px;	
}
.error-content  ul {
    margin-top: 33px;
}
/*
 ==========================Policy Page=============================================*/
.policy h1{
	text-align: center;
	margin-top: 12px;
}
.policy {
    padding: 78px 0;
}
.policy .main-msg{
	color: #f25c2a;
}
.policy p{font-size: 16px;color: #000;margin-bottom: 25px;    margin-top: 12px;}
.policy p strong{font-family: "nexa_boldregular",sans-serif; }
.policy p:first-of-type strong{font-size: 19px;}
.policy .container{padding: 0 5.8%;}
.policy h2{font-size: 31px;color: #0a9dcd;text-align: left;margin-bottom: 25px;}
/*
 ========================== Thanks Page =============================================*/
.thanks{text-align: center;background:#fff url("../images/ok.png") no-repeat center center;padding: 30px;position: absolute;left:0;top:0;right: 0;bottom: 0;width: 100%;display: none;}
.thanks h2{color:#0a9dcd;font-size: 42px;}
.thanks h2 span{border-bottom:5px solid  }
.thanks h3{ font-size: 23px;color: #0a9dcd;margin-top: 20px;text-transform: uppercase;}
.thanks p{font-size: 19px;color: #0a9dcd;margin-top: 25px;}
.contact-form {position: relative;}
.Design-excellence-image{margin-top: 23px;}
.develop-ios-page .quality .development-service-image{width: 45%;}
.develop-ios-page .quality .development-service-text , .filter-content .others .development-service-text {width: 50%;}
 .filter-content .others .development-service-image{width: 71%;left:-22%;}
.blog-block .plane-btn::after{background-position: -373px -18px;right: -28px;}
.blog-block .plane-btn:hover:after{background-position: -361px -18px;}
.blog .bx-wrapper:hover .bx-viewport.full-shadow::after {
	bottom:-3px;	
}
 .blog .bx-wrapper:hover .bx-viewport.full-shadow1:before{
	bottom:-3px;
}
.video-wrap iframe{width:100%;}
/*
 ========================== Hire dedicated developer Page =============================================*/
.hire-text h3
{
	font-size: 3.1em;	
}
.hire-text h3 span
{
	font-family: 'nexa_boldregular', sans-serif;
	text-transform: uppercase;
}
.hire-btn{width: 30%; float:left; margin-top: 15px;}
.hire-btn a
{
	background: #ff9705;
	color:#ffffff;
	border:1px solid #ff9705;
	width: 100%;
	padding-left: 45px;
}
.hire-btn .default-btn:hover, .time-chart-dedicated .default-btn:hover  ,.hire-content .default-btn:hover{
    background-color: #166a1a;
    border-color: #166a1a;
    }
.hire-feature {background: #ff9705;}
.hire-feature .webtech-feature-block i{ background-image: url(../images/sprite-2.png);}
.hire-feature .icon-business{background-position: -100px 19px; width: 80px; height: 100px;}
.hire-feature .feature-business:hover .icon-business {
    background-position: -4px 24px;
}
.hire-feature .icon-content{background-position: -104px -91px; width: 100px; height: 100px;}
.hire-feature .feature-content:hover .icon-content {
    background-position: 0px -91px;
}
.hire-feature .icon-mobile{background-position: -119px -399px; width: 90px; height: 100px;}
.hire-feature .feature-mobile:hover .icon-mobile {
    background-position: -4px -397px;
}
.hire-feature .icon-revenue-alt{background-position: -114px -191px; width: 90px; height: 100px;}
.hire-feature .feature-revenue:hover .icon-revenue-alt {
    background-position: -2px -192px;
}
.hire-feature .icon-org{background-position: -116px -294px; width: 90px; height: 100px;}
.hire-feature .feature-org:hover .icon-org {
    background-position: -4px -295px;
}
.hire-feature .icon-decesion{background-position: -316px 3px; width: 100px; height: 100px;}
.hire-feature .feature-decesion:hover .icon-decesion {
    background-position: -209px 3px;
}
.hire-feature .webtech-feature-block h4 span{display: block;}
.hire-feature .webtech-feature-block h4{color:#ffffff;}
.hire-feature .webtech-feature-block p{color:#c1f9c4;}
.hire-feature.webtech-feature h2{color: #fff;}
.next-development-link{
	background: #ff9705;
}
.next-development-link a{font-size: 1.7em; color:#ffffff; text-align: right; min-height: 76px; padding: 30px 55px 30px 0px;font-family: 'nexa_lightregular', sans-serif; text-transform: uppercase; width: 250px;}
.next-development-link .apps-page-link{float:left; border-right:1px solid #1a791e; background: url(../images/hire-back-arrow.png) 25% 13px no-repeat;}
.next-development-link .game-page-link{float:right; border-left:1px solid #1a791e; text-align: left; padding-left: 65px; padding-right:0; background: url(../images/hire-next-arrow.png) 87% 13px no-repeat}
.hire-banner{background: url(../images/hire-banner-img.html) 0 0 no-repeat; padding: 98px 0px 115px;}
.hire-one-ios{background: url(../images/hire-three-img.jpg) 0 0 no-repeat; -webkit-background-size: cover; background-size:cover;}
.hire-andrio-two{background: url(../images/hire-four-img.jpg) 0 0 no-repeat; -webkit-background-size: cover;background-size:cover;}
.hire-face-three{background: url(../images/hire-two-img.jpg) 0 0 no-repeat; -webkit-background-size: cover;background-size:cover}
.hire-mob-four{background: url(../images/hire-one-img.jpg) 0 0 no-repeat; -webkit-background-size: cover;background-size:cover}
.hire-content h1{font-size: 5.9em; color: #fff; font-family: 'nexa_boldregular', sans-serif;text-align: center; padding-bottom: 12px; }
.hire-content span.label{font-size: 1.7em; color:#fff; margin-bottom: 16px; font-family: 'nexa_lightregular', sans-serif; text-transform: uppercase; display: block;text-align: center; }
.hire-content p{font-size: 1.8em; color: #fff;text-align: center; width:72%; margin: 0 auto; margin-bottom: 37px;}
/*.hire-content .default-btn{width: 280px; text-align: center;padding-right: 70px; display: block; margin:0 auto; background: #ff9705;}*/
.hire-content .default-btn{width: 229px; text-align: center;padding-right: 19px;padding-left:0px; display: block; margin:0 auto; background: #ff9705;}
.hire-content .hire-info{font-size: 1.9em; color:#fff; margin-top:30px; text-transform: uppercase; text-align: center; display: block;  font-family: 'nexa_lightregular', sans-serif;}
.hire-content .hire-info span{font-family: 'nexa_boldregular', sans-serif;   }
.apps-professional{background: #0a9dcd; padding-top: 60px; padding-bottom: 60px;}
.apps-professional h2 span{display: block;}
.professional-info{padding-top: 50px;}
.professional-info .left-info-hire{float:left; width:43%; margin-right:5%;}
.right-info-hire{float: right; width:43%;}
.time-chart-dedicated h2{color:#0a9dcd;}
.time-chart-dedicated{padding-top: 47px; padding-bottom: 80px;}
.first-f{width: 155px; height: 155px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; background: #0a9dcd; position: relative; margin: -62px auto 0px;   }
.first-f canvas{position: absolute; top: -10px; left: -10px;}
.hours-listing {margin-top: 120px;}
.first-f .label-hrs{position: absolute; left: 50%; top:50%; -webkit-transform: translate(-53%,-50%);
-moz-transform: translate(-53%,-50%);
-ms-transform: translate(-53%,-50%);
-o-transform: translate(-53%,-50%);
transform: translate(-53%,-50%); font-size: 7.9em; color:#ffffff; font-family: 'nexa_boldregular', sans-serif; text-align: center; width: 55%;}
.first-f .label-hrs span{font-size: 21px; display: block; font-family: 'nexa_lightregular', sans-serif;}
.hours-listing > li{background: #2c6ab9; margin-left: 20px; width: 31.4%; float: left; position: relative; padding: 0px 31px 30px; }
.listing-hour-info li{font-size: 1.8em; position: relative; color:#ffffff; font-family: 'nexa_lightregular', sans-serif; text-align: center; line-height: 24px; padding-top: 26px; padding-bottom: 28px;}
.listing-hour-info li strong{font-family: 'nexa_boldregular', sans-serif;}
.listing-hour-info li:after{position: absolute; content: ''; bottom: 0; left: 10%; width: 80%; border:1px solid #0a9dcd;}
.time-chart-dedicated .default-btn{width: 100%; margin-top: 36px; background: #ff9705; color:#ffffff; border: 1px solid #ff9705; padding-left:20px;}
.time-chart-dedicated .default-btn:after{right:6px;}
.webtech-feature-block{min-height: 310px;}
.listing-hour-info{padding-top: 10px; min-height:388px;}
.service_industry {padding-top: 90px; padding-bottom: 80px; background: #42aa47;}
.service_industry h2{text-transform: capitalize;}
.service_industry p{color:#ffffff; width: 70%; text-align: center; margin: 0 auto;padding-bottom: 15px;}
.service_industry h2 span{display: block;}
.service-header .service-head{float: left; width: 54%; padding-left: 60px;}
.service-header .industry-head{float: left; width: 46%;padding-left: 55px;}
.services-listing{    width: 75%;
    margin: 70px auto 0px;}
.apps-info-listing{margin-top: 20px;}
.apps-info-listing .service-name ,.apps-info-listing .industry-name{width:54%; float:left; display: block;padding:16px 0px 16px 60px;  font-size: 1.5em; color:#ffffff; font-family: 'nexa_lightregular', sans-serif;}
.apps-info-listing .industry-name{width:46%; font-size: 1.8em; padding-left: 110px; color:#136813;text-transform: uppercase; font-family: 'nexa_boldregular', sans-serif; background: url(../images/img-industry-1.html) 53px 10px no-repeat;  }
.apps-info-listing  li:nth-child(2n-1){background: #329c38; overflow: hidden; min-height: 50px;-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; margin-bottom:5px;}
.apps-info-listing  li {margin-bottom: 5px; overflow: hidden;}
.apps-info-listing .travel{background: url(../images/img-industry-2.html) 53px 10px no-repeat;}
.apps-info-listing .health{background: url(../images/img-industry-3.html) 53px 10px no-repeat;}
.apps-info-listing .retail{background: url(../images/img-industry-4.html) 53px 10px no-repeat;}
.apps-info-listing .financial{background: url(../images/img-industry-new-1.html) 53px 10px no-repeat;}
.apps-info-listing .edu-new{background: url(../images/img-industry-edu-icon.html) 53px 10px no-repeat;}
.apps-info-listing .life-style{background: url(../images/img-industry-life-icon.html) 53px 10px no-repeat;}
.apps-info-listing .social-nw{background: url(../images/img-industry-8.html) 53px 10px no-repeat;}
.apps-info-listing .ecomm{background: url(../images/img-industry-5.html) 53px 10px no-repeat;}
.apps-info-listing .utility{background: url(../images/img-industry-utility-icon.html) 53px 10px no-repeat;}
.apps-info-listing .entertainment{background: url(../images/img-industry-entertenment.html) 53px 10px no-repeat;}
.apps-info-listing .money-control{background: url(../images/img-industry-money-control.html) 53px 10px no-repeat;}
.services-olist li{ color:#ffffff; font-size: 18px; margin-bottom:15px;	}
.services-olist li h6{display:inline; font-size: 16px; vertical-align: middle; padding-right:5px;}

.services-olist li p{display:inline; font-size: 16px; vertical-align: top;  }














/*---niraz-css----*/
.development-service-text.right > ul li{
	font-family: "nexa_lightregular",sans-serif;
    font-size: 1.6em;
    color:#fff;
    margin-bottom: 10px;
    margin-left:15px;
    list-style: disc;
}
.digi{
	width:84%;
	margin:0px auto;
}
.fab{
	width:70%;
	padding-bottom: 20px;
}
.digi span{
	font-family: "nexa_lightregular",sans-serif;
    font-size: 1.6em;
    color:#fff;
    margin-left:15px;
}
.digi ul >li{
	color: #fff;
    font-family: "nexa_lightregular",sans-serif;
    font-size: 1.6em;
    line-height: 29px;
    list-style: outside none disc;
    margin-left: 40px;
}
/*.digi p{
	text-align: left;
}*/
.inno{
	text-align: center;
}
.innovation{
	color: #fff;
    display: inline-block;
    font-family: "nexa_lightbold",sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
}
.time-chart-dedicated .para-one{
	color: #0a9dcd;
    display: block;
    font-size: 15px;
    margin-top: 15px;
    text-align: center;
}
.services-olist li h6{
	 font-family: "nexa_mediumregular",sans-serif;
}
.development-service-section.last{
	padding-bottom:55px;
}
.contact-wrap-inner{
	padding-bottom:40px;
}
.ted{
	
	text-align: center;
}
.ted >img{
	display:inline-block;
}
.development-service-section.new-game{
	background-color: #ff9705;
	color:#fff;
}
.apps-professional.new-game{
	background-color: #ff9705;
}
.apps-professional.new-game p{
	color:#fff;
}
.development-service-text.right > .maya{
	margin-bottom:22px;
}
.work-flow-block{
	display:block;
}
.section-block .container, .section-block .development-content {
    position: static;
}
.development-content .development-service-image.right {
    bottom: -10px;
    top: auto;
    right:10%;
   }
   .development-content .development-service-image.right.ios-deve-right
   {
   	right:4.4%;
   	bottom: -104px;
   }
   
/*-------------------icon-change--11-11-15-------*/
.hire-feature .icon-appreciation{
	width:97px;
	background-position:0 -1590px;
}
.hire-feature .feature-business:hover .icon-appreciation {
    background-position: -387px -1590px;
}
.hire-feature .icon-round-clk{
	background-position:0 -932px;
}
.hire-feature .feature-content:hover .icon-round-clk{
	  background-position: -384px -935px;
}
.hire-feature .icon-inovative-dev{
	background-position: -197px -934px;
}
.hire-feature .feature-mobile:hover .icon-inovative-dev{
	  background-position: -584px -935px;
}
.hire-feature .icon-strem-wrk{
	 background-position: -197px -1596px;
}
.hire-feature .feature-org:hover .icon-strem-wrk{
	background-position: -585px -1597px;
}
/*---------------------moblie dev-page-icon---------------*/
.hire-feature .icon-accolades{
	background-position: 0 -1215px;
    width: 124px;
}
.hire-feature .feature-business:hover .icon-accolades {
    background-position: -387px -1215px;
}
.hire-feature .icon-swift-project{
	background-position: -187px -1227px;
	width: 124px;
    
}
.hire-feature .feature-content:hover .icon-swift-project{
	background-position: -573px -1226px;
} 
.hire-feature .icon-inno-blb{
	background-position: -193px -1086px;
    width: 102px;
}
.hire-feature .feature-mobile:hover .icon-inno-blb{
	background-position: -582px -1075px;
} 
.hire-feature .icon-dedicate-sol{
	background-position: 14px -1405px;
    width: 122px;
}
.hire-feature .feature-revenue:hover .icon-dedicate-sol{
	background-position: -373px -1407px;
} 
.hire-feature .icon-transparent-wrk{
	background-position: -174px -1407px;
    height: 106px;
    width:122px;
}
.hire-feature .feature-org:hover .icon-transparent-wrk{
	background-position: -563px -1407px;
} 
/*--------andriod----icon----*/
.hire-feature .icon-collaborate-ser{
	background-position: -1px -543px;
    width: 124px;
}

.hire-feature .feature-business:hover .icon-collaborate-ser{
   background-position: -388px -550px;
}
.hire-feature .icon-timeline-hind{
	background-position: -165px -540px;
    height: 105px;
    width: 124px;
}
.hire-feature .feature-content:hover .icon-timeline-hind{
  background-position: -553px -540px;
}
.hire-feature .icon-proven-meth{
	 background-position: 3px -727px;
     width: 124px;
}
.hire-feature .feature-revenue:hover .icon-proven-meth{
   background-position: -388px -727px;
}
.hire-feature .icon-struct-wrk-flow{
	 background-position: -167px -727px;
	 width:124px;
	 height:105px;
}
.hire-feature .feature-org:hover .icon-struct-wrk-flow{
	 background-position: -556px -727px;
}

.design-work #design-slider .slick-slide 
{
	position: relative;
}
.design-work #design-slider .slick-slide.slick-current.slick-active.slick-center:hover .overlay-button
{
	visibility: visible;
}
.phone__reveal .new-overlay{
	visibility: visible;
}
.phone__reveal .new-overlay{
	height: 68%;
    left: 29px;
    width: 67%;
    top:70px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.phone__reveal .new-overlay img{
	position: static;
}
.phone__reveal .new-overlay ul li{
	margin:5px 0px;
} 

.design-work #design-slider .slick-slide .overlay-button
{
	height: 68%;
    left: 29px;
    width: 67%;
    top:70px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }
  .design-work #design-slider .slick-slide .overlay-button.one-overlay {
    height: 68.4%;
    left: 27px;
    width: 69%;
    top: 69px;
   }
  .design-work #design-slider .slick-slide .overlay-button.new-dec{
  	height: 70.4%;
    left: 27px;
    width: 69%;
  }
  .design-work #design-slider .slick-slide .overlay-button.new-overgreen {
    height: 69.4%;
    left: 25px;
    width: 69%;
    top: 70px;
   }
  
.design-work #design-slider .slick-slide .overlay-button img{position: static;}
 .design-work #design-slider .slick-slide .overlay-button ul li{
	margin:5px 0px;
} 
 .design-work #design-slider .slick-slide .overlay-button ul{padding-top: 88px;} 

.testimonial .new-video-wrap{
	 height: 448px;
}

.crs-sec-newtab{
	padding: 50px 0 128px;
}
.design-wrapper-section{
	position: relative;
}
.design-wrapper-section .section-head .dg-img{
	background-image: url("../images/back-shadow1.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 760px;
    left: 0;
    position: absolute;
    top: 263px;
    width: 760px;
    opacity: 0.45;
}
.Design-excellence p:first-child,.Design-excellence-image p:first-child{
	font-weight: 600;
}
.design-calculation .container p:nth-child(2){
	font-weight: 600;
}
.design-calculation .container p:nth-child(3){
	font-family: 'nexa_lightregular';
	font-size:16px;
	opacity: .6;
	
}
.design-step-inner p:nth-child(3){
	font-weight: 600;
}

.design-work{
	background-image: url("../images/disign-background.jpg");
	background-position: 100% 33%;
    background-repeat: no-repeat;
   
   
    
	
}
.design-work .slick-slider{
	margin-left:37px;
}
.development-service-text p:first-child{
	font-weight:600;
}
.digital-health .container p:nth-child(2){
	font-weight: 600;
}
.ipad-cls-bg  p:nth-child(3){
	font-weight: 600;
}

.story-two-sec h1{
	color:#fff;
}
.ios-page-h h1{
	color:#0a9dcd;

}
.work-social{
	background: url(../images/house-bg.jpg) center top no-repeat;
	 min-height: 520px;
	background-size: cover;
	
}
.being-ridle{
	background: url(../images/being-bg.jpg) center top no-repeat;
	height:618px;
	background-size: cover;
}
.work-buffow-app{
	background: url(../images/portfolio-img/buffow-banner.jpg) center top no-repeat;
	height:618px;
	background-size: cover;
}
.work-rocket-app{
	background: url(../images/portfolio-img/rocket-banner.jpg) center top no-repeat;
	height:618px;
	background-size: cover;
}
.work-decide{
	background: url(../images/decide-bg.jpg) center top no-repeat;
	height:618px;
	background-size: cover;
}
.work-best-heating{
	background: url(../images/heating-bg.jpg) center top no-repeat;
	min-height: 512px;
	background-size: cover;
}
.Balance-heating{
	background: url(../images/balance-bg.jpg) center top no-repeat;
	min-height: 512px;
	background-size: cover;
}
.math-two{
	background: url(../images/math-two-bg.html) center top no-repeat;
	min-height: 512px;
	background-size: cover;
}
.bird-shooter-app{background-color:#eb7137!important;height:618px;}
.development-service-section.bird-shooter-app{padding:62px 0}
.development-service-section.secondary.bird-shooter-app .development-service-text{width:51.5%;padding-top:10px;}
.development-service-section.secondary.bird-shooter-app .development-service-image{width:48%;}
.work-page .development-service-section.bird-shooter-app strong{margin-top:30px;padding-bottom: 20px;}
.absolute-vintage-lITE{
	background: url(../images/portfolio-img/absolute-vintage-lite-bg.jpg) center top no-repeat; 
	background-size: cover;
	padding-top:20px; 
}
.development-service-section.absolute-vintage-lITE .development-service-text{width:62%;}
.development-service-section.absolute-vintage-lITE .development-service-image{width:27%;}
.albinfo{
	background: url(../images/portfolio-img/albinfo-bg.jpg) center top no-repeat; 
	background-size: cover;
	padding-top:20px; 
}
.development-service-section.albinfo .development-service-image{width:29%;}
.absolute-vintage{
	background: url(../images/portfolio-img/absolute-vintage-bg.jpg) center top no-repeat; 
	background-size: cover;
	padding-top:80px;
    height:618px; 	
}
.development-service-section.secondary .development-service-text{padding-top:30px;width:61%;}
.work-page .development-service-section strong{padding-top:20px;}
.bejeweled-jungle{
	background: url(../images/portfolio-img/bejeweled-jungle-bg.jpg) center top no-repeat; 
	background-size: cover;
	padding:15px 0 0 0;
    height:618px; 	
}
.development-service-section.bejeweled-jungle .development-service-text{width:64%;padding-top:50px;}
.development-service-section.bejeweled-jungle .development-service-image{width:28%;}
.agora-mall-rd{
	background: url(../images/portfolio-img/agora-mall-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:80px;
    height:618px; 	
}
.btu-calculator{
	background: url(../images/portfolio-img/btu-calculator-bg.jpg) center top no-repeat;  
	background-size: cover;
    height:616px; 
    padding:15px 0 0 0;	
}
.development-service-section.btu-calculator .development-service-text{width:57%;padding-top:50px;}
.development-service-section.btu-calculator .development-service-image{width:26%;}
.APC107{
	background: url(../images/portfolio-img/APC107-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:80px;
    height:616px; 	
}
.development-service-section.secondary.APC107 .development-service-text {padding-top:100px;}

.build-sheet{
	background: url(../images/portfolio-img/build-sheet-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:18px;
    height:616px; 	
}
.build-sheet .development-service-text{padding-top:40px;width:57%;}
.build-sheet .development-service-image{width:27%;}

.contact-pix{
	background: url(../images/portfolio-img/contact-pix-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:80px;
    height:616px; 	
}
.development-service-section.secondary.contact-pix .development-service-text{padding-top:120px;}

.doodern-buyer{
background: url(../images/portfolio-img/doodern-buyer-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:15px;
    height:618px;
}
.doodern-buyer .development-service-text{padding-top:40px;width:56%;}
.doodern-buyer .development-service-image{width:27%;}

.doodern-seller{
background: url(../images/portfolio-img/doodern-seller-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:80px;
    height:618px;
}
.development-service-section.secondary.doodern-seller .development-service-text{padding-top:90px;}

.fun-with-photo{
background: url(../images/portfolio-img/fun-with-photo-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:15px;
    height:616px;
}
.fun-with-photo .development-service-text{padding-top:40px;width:57%;}
.fun-with-photo .development-service-image{width:27%;}

.fitness-experience{
background: url(../images/portfolio-img/fitness-experience-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:80px;
    height:618px;
}
.development-service-section.secondary.fitness-experience .development-service-text{padding-top:100px;width:67%;} 
.development-service-section.secondary.fitness-experience .development-service-image{width:30%;}

.business-card{
background: url(../images/portfolio-img/business-card-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:15px;
    height:618px;
}
.business-card .development-service-text{padding-top:40px;width:57%;}
.business-card .development-service-image{width:27%;}

.hmlz-characterizaion{
background: url(../images/portfolio-img/hmlz-characterization-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:80px;
    height:618px;
}
.development-service-section.secondary.hmlz-characterizaion .development-service-text{padding-top:70px;}

.grocery-pal{
background: url(../images/portfolio-img/grocery-pal-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:15px;
    height:618px;
}
.grocery-pal .development-service-image {width:27%;}

.imitor-album{
background: url(../images/portfolio-img/imitor-album-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:80px;
    height:618px;
}
.military-planner{
background: url(../images/portfolio-img/military-planner-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:15px;
    height:618px;
}
.military-planner  .development-service-image{width:27%;}
.military-planner .development-service-text{padding-top:80px;width:60%;}

.maternity-protection{
background: url(../images/portfolio-img/maternity-protection-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:80px;
    height:618px;
}
.development-service-section.secondary.maternity-protection .development-service-text{padding-top:85px;}
.music-express{
background: url(../images/portfolio-img/music-express-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:15px;
    height:618px;
}
.development-service-section.music-express .development-service-text{padding-top:50px;width:60%;}
.development-service-section.music-express .development-service-image{width:27%;}

.node-js-portfolio{
background: url(../images/portfolio-img/node-js-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:80px;
    height:616px;
}
.development-service-section.secondary.node-js-portfolio .development-service-text{padding-top:120px;}

.password-guardian{
background: url(../images/portfolio-img/password-guardian-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:70px;
    height:616px;
}
.development-service-section.password-guardian .development-service-image{width:27%;}
.password-shelter{
background: url(../images/portfolio-img/password-shelter-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:50px;
    height:616px;
}
.development-service-section.secondary.password-shelter .development-service-text {padding-bottom:46px;}
.development-service-section.secondary.password-shelter .development-service-image{bottom:0;top:auto;}  

.pic-magic-portfolio{
background: url(../images/portfolio-img/pic-magic-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:15px;
    height:616px;
}
.development-service-section.pic-magic-portfolio .development-service-text{padding-top:30px;}
.development-service-section.pic-magic-portfolio .development-service-image{width:27%;}
.real-life-calculator{
background: url(../images/portfolio-img/real-life-calcul-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:100px;
    height:616px;
}
.development-service-section.secondary.real-life-calculator .development-service-image {
bottom:0;top:auto;
}
.development-service-section.secondary.real-life-calculator .development-service-text{
padding-bottom:56px
}
.vchat-portfolio{
background: url(../images/portfolio-img/vchat-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:15px;
    height:616px;
}
.vchat-portfolio .development-service-image{width:27%;}
.vchat-portfolio .development-service-text{padding-top:40px;}

.thread-bare{
background: url(../images/portfolio-img/thread-bare-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:0px;
    height:616px;
}
.thread-bare .container {
max-width:1600px;
height:618px;
}
.development-service-section.secondary.thread-bare .development-service-image {bottom:0;top:auto;width:44%;}
.development-service-section.secondary.thread-bare .development-service-text{width:54%;padding-right:145px;padding-top:160px;}
.weather-today{
background: url(../images/portfolio-img/weather-today-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:80px;
    height:616px;
}
.weather-today .development-service-image{bottom:0;top:auto;}
.weather-today .development-service-text{padding-bottom:36px;width:54%;}
.vetsmyway-portfolio{ 
background: url(../images/portfolio-img/vetsmyway-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:80px;
    height:618px;
}
.development-service-section.secondary.vetsmyway-portfolio .development-service-text{padding-top:70px;}
.quote-world{
background: url(../images/portfolio-img/quote-world-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:80px;
    height:618px;
}
.development-service-section.quote-world .development-service-image{bottom:0;top:auto;}
.development-service-section.quote-world .development-service-text{padding-bottom:38px;}

.business-card-mac{
background: url(../images/portfolio-img/business-card-mac-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:80px;
    height:618px;
}
.business-card-mac .container{
max-width:1510px;
height:538px;
}
.development-service-section.secondary.business-card-mac .development-service-image{bottom:0;top:auto;width:52%;}
.development-service-section.secondary.business-card-mac .development-service-text{width:45%;padding-right:6%;padding-top:56px;}
.biolife-therapy{
background: url(../images/portfolio-img/biolife-therapy-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:0px;
    height:618px;

}
.development-service-section.biolife-therapy .container{max-width:1600px;height:618px;}
.development-service-section.biolife-therapy  .development-service-image{bottom:0;top:auto;width:50%;}
.development-service-section.biolife-therapy  .development-service-text{padding-left:10%;}

.puzzle-with-choice{
background: url(../images/portfolio-img/puzzle-with-choice-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding-top:50px;
    height:618px;
}
.development-service-section.secondary.puzzle-with-choice  .development-service-image{bottom:0;top:auto;width:39%;}
.development-service-section.secondary.puzzle-with-choice .development-service-text{padding-top:70px;}
.puzzle-with-choice .container{height:570px;}
.faluplast{
background: url(../images/portfolio-img/faluplast-bg.jpg) center top no-repeat;  
	background-size: cover;
	padding:0px;
    height:618px;
}
.faluplast .container{max-width:1600px;height:618px;}
.development-service-section.faluplast  .development-service-image{bottom:0;top:auto;width:55%;}
.development-service-section.faluplast  .development-service-text{padding-left:10%;width:48%;padding-top:70px;}

.work-best-heating .port-icon-four{
	margin-bottom:20px;
}
.home-project__content .bull-icon{
	margin-bottom:20px;
}
.table-cell-block .port-icon,.math-two .port-icon{
	margin-bottom:20px;
}
.work-photosharing .port-two-icon,.lebosharing .port-two-icon,.Balance-heating .port-two-icon,.work-solid-brain .port-two-icon,.work-rocket-app .port-two-icon{
	margin-bottom:20px;
}


/*contact form thanks msg style*/
#shoewData .thankmsg h3{
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
}
.footer-links dd .tweet-t ul li a
{
	width: auto;
	height: auto;
	font-size: 15px;
	color: #0c1a3c;
	line-height: 1.5;
	font-family: 'nexa_lightregular', sans-serif;
	text-indent: 0;
	display: inline-block;
}
.footer-links dd .tweet-t ul li
{
	display: block;
	padding: 0;
	font-size: 15px;
	color: #0c1a3c;
	font-family: 'nexa_lightregular', sans-serif;
	line-height: 1.5;
}
.tweet-tweet
{
	height: 140px;
	overflow: hidden;
}

.overlay-button img.new-img-class{
	top:30%;
	display:visible;
}
.footer-links .tweet-t  div.date
{
	font-size: 13px;
	color: #202020;
	padding-top: 40px;
	position: static;
	display: block;
	font-family: 'nexa_boldregular', sans-serif;
	border: 0;
	text-transform: uppercase;
}
.blog #blog-slider li a .blog-img 
{
	height: 100%;
	position: relative;
}
.blog .bx-wrapper
{
	overflow: hidden;
	height: 295px;
}
.blog-img:after
{
	content: '';
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	/*background: #0a9dcd66;*/
	opacity: .5;
}
.hero-section .default-btn{
	width:248px;
}
.copyright a{
	color:#0c1a3c;
}
.employee #ri-grid ul li:after
{
	content: '';
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #0a9dcd;
	opacity: .5;
}
.design-work #design-slider .slick-slide .overlay-button.one-overlay ul{
	margin-top:32%; 
}


/*porfolio lightbox style start here*/
.apps-lightbox
{
	/*width: 840px;*/
	width: 1061px;
	height: 569px;
	position: absolute;
	z-index: 99999999999;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: #ffffff;
	display: block !important;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
	/*border-radius: 5px;*/
	overflow: hidden;
}
/*.blk-wrapper{
	background: hsl(0, 0%, 0%) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483647;
}*/
.apps-lightbox .flexslider{
	width:480px;
	margin:0 auto;
	
}
.light-close,.photo-close 
{
	padding: 3px;
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	z-index: 99999;
}
.thanks-media strong
{
	font-size: 20px;
	font-weight: 700;
	color:#0a9dcd;
	padding-bottom: 5px;
	display: block;

}
.thanks-media{
		margin-top: 22px;
		margin-bottom: 70px;
}

.thanks-media ul li, .touch-row li {
    display: inline-block;
    padding: 4px 3px;
}
.thanks-media ul li a, .thanks-media ul li span {
    color: #010101;
    font-size: 1.5em;
    font-family: 'nexa_lightregular', sans-serif;
    display: inline-block;
}
.thanks-media ul li a, .touch-row li a {
    text-indent: -9999px;
    display: block;
    width: 30px;
    height: 30px;
}
.vodaphone
{
	background:  url(../images/vodaphone.html) center center no-repeat;
}
.yamaha
{
	background:  url(../images/yamaha.html) center center no-repeat;
}

.intel
{
	background:  url(../images/intel.html) center center no-repeat;
}
.pmi-bg
{
	background:  url(../images/pmi.html) center center no-repeat;
}
.gsk-bg
{
	background:  url(../images/gsk.html) center center no-repeat;
}
.amdocs-bg
{
	background:  url(../images/amdoc.html) center center no-repeat;
}
.hp-h
{
	background:  url(../images/hp.html) center center no-repeat;
}
.necco-bg
{
	background:  url(../images/necco.html) center center no-repeat;
}
.pmi-pm
{
	background:  url(../images/pmi.html) center center no-repeat;
}
.app-store-icon
{
	background:  url(../images/app-sto-icon.png) center center no-repeat;
	width: 100%;
	height: 62px;
	display: inline-block;	
}
.apps-store
{
	background:  url(../images/apps-store.png) center center no-repeat;
    width: 100%;
	height: 62px;
	display: inline-block;
}
.design-work #design-slider .slick-slide .overlay-button ul li a{
	display: block;
}
.dmca-footer
{
	width: 76px;
	height: 27px;
	background:  url(../images/dmca.html) center center no-repeat;
	display: block;
	margin: 0 auto;
}

.iso-certi
{
	background:  url(../images/iso.html) center center no-repeat;
}
.silicon-india
{
	background:  url(../images/silicon-india.html) center center no-repeat;
}
.nascomm
{
	background:  url(../images/nascomm.html) center center no-repeat;
}
.overlay-button > a{
	display: block;
	position: relative;
	top: 33%;
	margin-bottom: 20px;
	
	
}
.silicon-india-logo
{
	display: block;
	width: 100%;
	min-height: 35px;
	background:  url(../images/slicon-india-logo.html) 0 0 no-repeat;
	
}
/*-------------grid------------------------*/

.blk-home{
	position: relative;
	
}
.blk-wrapper .flex-viewport
{
	overflow: visible !important;
	
}



.blk-wrapper
{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	left: 0;
	top: 0;
	z-index: 99999;
}
.show{
				z-index: 9999999999999999 !important;
				opacity: 1 !important;
			}
			.ufix-box,.photo-box{
				z-index: 0;
				opacity: 0;
				
			}
			.wrapper{
				z-index: 1
			}










.apps-lightbox .flexslider:before{
	content: "";
	position: absolute;
	left: -344px;
	top:0px;
	width: 257px;
	height:126.5%;
	background:rgba(239,239,239,0.5);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	display: block;	
	z-index: 99;
	
	
	
}

.apps-lightbox .flexslider:after{
	content: "";
	position: absolute;
	right: -344px;
	top:0px;
	width: 257px;
	height:126.5%;
	background:rgba(239,239,239,0.5);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	display: block;	
	z-index: 99;
	
	
	
	
}
.flex-direction-nav a
{
	z-index: 99999 !important;
}
#carousel .slides li{
	padding:3px 3px;
	border:1px solid transparent;
}


#carousel .slides li.flex-active-slide{
	border:1px solid #173967;
	border-radius: 5px;
	
}
#carousel1 .slides li{
	padding:3px 3px;
	border:1px solid transparent;
}
#carousel .slides li img,#carousel1 .slides li img{
	border-radius: 4px;
}
#carousel1 .slides li.flex-active-slide{
	
	border:1px solid #173967;
	border-radius: 5px;
	
}
.flexslider#slider1 .slides > li > img ,.flexslider#slider .slides > li > img
{ margin: 0 auto;}

.blk-home .slides{
	margin-bottom:0px;
}
#carousel .slides{
	margin-top:0px;
}








/*cristtmas popup*/

#offer-crismas
{
	position: relative;
	z-index: 9999999999999;
	display: none;
}
#offer-crismas .overlay-pop {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
}
#offer-crismas .light-popup {
    max-width: 757px;
    width: 100%;
    max-height: 559px;
    height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #ffffff;
}
#offer-crismas .close-btn1
{
	position: absolute;
	top: 5px;
	right:5px;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	padding: 5px;
}

/* 17 march */

.parallax-window.development-service-section.work-decide,.parallax-window.development-service-section.work-best-heating,.parallax-window.development-service-section.work-Alphabet,.parallax-window.development-service-section.lebosharing,.parallax-window.development-service-section.work-map,.parallax-window.development-service-section.work-buffow-app,.parallax-window.development-service-section.work-rocket-app,.parallax-window.development-service-section.Balance-heating,.parallax-window.development-service-section.math-two,.parallax-window.development-service-section.work-social,.parallax-window.development-service-section.being-ridle,.parallax-window.development-service-section.work-solid-brain,.parallax-window.development-service-section.absolute-vintage-lITE,.parallax-window.development-service-section.albinfo,.parallax-window.development-service-section.absolute-vintage,.parallax-window.development-service-section.bejeweled-jungle,.parallax-window.development-service-section.agora-mall-rd,.parallax-window.development-service-section.btu-calculator,.parallax-window.development-service-section.build-sheet{
	background:none;
	background-color: transparent;
	
}
.parallax-window.development-service-section.doodern-buyer,.parallax-window.development-service-section.doodern-seller,.parallax-window.development-service-section.fun-with-photo,.parallax-window.development-service-section.grocery-pal,.parallax-window.development-service-section.imitor-album,.parallax-window.development-service-section.military-planner,.parallax-window.development-service-section.music-express,.parallax-window.development-service-section.password-guardian,.parallax-window.development-service-section.password-shelter,.parallax-window.development-service-section.pic-magic-portfolio{
	background:none;
	background-color: transparent;
}
.parallax-window.development-service-section.real-life-calculator,.parallax-window.development-service-section.bird-shooter-app,.parallax-window.development-service-section.vchat-portfolio,.parallax-window.development-service-section.my-style-jewelry,.parallax-window.development-service-section.bpl-promise-section,.parallax-window.development-service-section.wonder-samsung-section,.parallax-window.development-service-section.social-poetry-section,.parallax-window.development-service-section.bring-mit-section,.parallax-window.development-service-section.korea-delivery-section,.parallax-window.development-service-section.thread-bare{
	background:none;
	background-color: transparent;
}
/* 18 march */
.my-style-jewelry {
    background:url("../images/portfolio-img/style-jewelry-img.jpg") no-repeat center top / cover ;
    min-height: 618px;
    padding-top: 15px;
}
.development-service-section.secondary.my-style-jewelry .development-service-text{
	padding-top:26px;
}
.bpl-promise-section{
	background:url("../images/portfolio-img/bpl-bg-img.jpg") no-repeat center top / cover ;
    min-height: 618px;
    padding-top: 15px;
}
.wonder-samsung-section{
	background:url("../images/portfolio-img/samsung-bg-img.jpg") no-repeat center top / cover ;
    min-height: 618px;
    padding-top: 15px;
}
.social-poetry-section{
	background:url("../images/portfolio-img/poetoo-bg-img.jpg") no-repeat center top / cover ;
    min-height: 618px;
    padding-top: 100px;
}
.bring-mit-section{
	background:url("../images/portfolio-img/bring-mit-bg-img.jpg") no-repeat center top / cover ;
    min-height: 618px;
    padding-top: 15px;
}
.korea-delivery-section{
	background:url("../images/portfolio-img/korea-delivery-bg-img.jpg") no-repeat center top / cover ;
    min-height: 618px;
    padding-top: 100px;
}

.item {
	transition: all 0.6s ease 0.2s;
	-moz-transition: all 0.6s ease 0.2s;
	-webkit-transition: all 0.6s ease 0.2s;
}
.item.lazy {
	opacity: 0;
}
.item.changed {
	opacity: 1;
}

.development-service-image.poetoo-wrapper{
	top:20px;
}
.development-service-image.alphabet-wrapper{
	top:20px;
}
.development-service-image.mathematics-wrapper{
	top:240px;
}
.development-service-image.real-wrapper{
	top:90px;
}
.development-service-image.password-wrapper{
	top:140px;
}
.development-service-image.business-pro-wrapper{
top:0;
width:28%;
}


.filter-content > #list{ background-color: #a4311e; z-index:1;}
.filter-content > #list section{ z-index: 2;}


/*08-april start here*/

.filter-content > #list{
	position: relative;
	overflow: hidden;
	background:#39923d;
}

.portfolio-primary-overlay{
	position: absolute;
	width:100%;
	height: 100%;
	top:0;
	left:0;
	background:#39923d;
	display: block;
	z-index: 1;
}

.portfolio-primary-overlay .portfolio-primary-overlay-content{
	width:555px;
	position: absolute;
	margin: 0 auto;
	left:0;
	right: 0;
	bottom: 5%;
}

.portfolio-primary-overlay .portfolio-primary-overlay-content strong{
	background: #ffffff none repeat scroll 0 0;
    border-radius: 4px;
    color: #414141;
    display: block;
    font-size: 59px;
    padding: 94px 20px 75px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 12px;
    margin-bottom: 30px;
}

.zzz-prime-img{
	 position: absolute;
   margin:-45px 0 0 -25px;
}

.portfolio-primary-overlay-content p{
	color: #fff;
	text-align: center;
	background:url("../images/prime-icon-log.html") center bottom no-repeat; 
	padding: 0 16% 50px;
	line-height: 1.2;
}





/*08-april start here*/

#commentform .comment-form-url{ clear: both;}


.text1{ 
color: #ff9705;
font-family: 'nexa_boldregular', sans-serif;
text-align: center;
line-height: 1.1;
}

.text2{ 
color: #ff9705;
		font-family: 'nexa_boldregular', sans-serif;
text-align: center;
line-height: 1.1;
}