{
color:#595959;
font-family:'Open Sans', sans-serif
}
#wrap {
	height: auto;
	margin: 0 auto;
	overflow: auto;
	padding: 10px;
	width: 1000px
}
.txt_center {
	text-align: center
}
.left {
	float: left
}
.right {
	float: right
}
.clear {
	clear: both
}
.space {
	clear: both;
	height: 10px
}
.space1 {
	clear: both;
	height: 20px
}
.space2 {
	clear: both;
	height: 30px
}
.space3 {
	clear: both;
	height: 60px
}
.space4 {
	clear: both;
	height: 80px
}
.space5 {
	clear: both;
	height: 95px
}
.center {
	width: 1160px;
	margin: 0 auto;
	position: relative
}
.separator {
	clear: both;
	height: 3px
}
.title-line h1 {
	margin-top: 0px !important;
	gpadding: 20px;
}
.line {
	width: 100%;
	height: 30px;
	position: absolute;
	top: 0
}
.hide, .hide2 {
	display: none!important
}
.show {
	display: block
}
.relative {
	position: relative
}
.absolute {
	position: absolute
}
.top-div {
	background: url(../images/header-bg.png);
	float: left;
	border-bottom: 2px solid #8b8b8b;
	width: 100%;
	z-index: 5;
	position: relative;
	top: 12px;
}
.top-div02 {
	float: left;
	width: 100%;
	z-index: 5;
	position: relative;
	top: 15px;
}
.main-logo {
	margin: 10px 0 0 10px
}
.top_cont ul li {
	float: left;
	font-size: 13px;
	margin: 6px 0 3px 0;
	padding: 5px 9px 9px 9px;
	color: #fff;
}
.email-icon {
	position: relative;
	top: -2px
}
.top_cont ul li:last-child {
	border-left: medium none
}
.top_cont ul li a {
	color: #fff;
	text-decoration: none
}
.request_quote, .request_quote a:hover {/* background:none repeat scroll 0 0 #c90303!important; */
	height: 15px;
}
.h-start-project {
	background: 0;
	bottom: 154px;
	left: 120px;
	padding: 30px 118px;
	position: absolute;
	z-index: 9999999
}
.h-start-project2 {
	background: 0;
	bottom: 154px;
	left: 80px;
	padding: 30px 118px;
	position: absolute;
	z-index: 9999999
}
.h-start-project3 {
	background: 0;
	bottom: 0;
	left: 0;
	padding: 30px 0;
	position: absolute;
	z-index: 2
}
.banner-buttons h3 {
	position: absolute;
	left: 0;
	bottom: 120px;
	z-index: 2;
	color: #fff;
	font-size: 22px;
}
.p-gallery ul li {
	float: left;
	list-style: outside none none;
	margin: 10px 15px
}
.content-div {
	font-size: 18px;
	font-weight: 300;
	line-height: 25px;
	font-family: "Lato", sans-serif
}
.content-div h1 {
	font-size: 30px;
	padding: 10px 0;
	font-weight: 400;
	color: #241b18
}
.thre-box-txt {
	margin: 0;
	width: 50%
}
.home-app-gallery-div, .industrywide-div {
	margin: 0 0 40px 0;
	position: relative
}
.project-initiazation-div, .working-process-div, .development-methodologies-div, .team-structure-div {
	position: relative
}
#xprocess li .front span {
	background-image: url(../images/process-imgs.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline-block;
	height: 190px!important;
	margin: 10px 0 0;
	width: 185px!important
}
.wedo_processn h3 {
	padding-bottom: 32px;
	text-align: center;
	font-size: 34px;
	font-weight: 600
}
#xprocess li>div {
	position: absolute;
	left: 0;
	top: 0;
	padding: 12% 0;
	height: 84%;
	width: 190px;
	text-align: center;
	transition: .6s
}
#xprocess li .front {
	z-index: 10;
	background: #fff;
	width: 192px
}
#xprocess li h6 {
	color: #313131;
	font-size: 22px;
	height: 33px
}
#xprocess li .front span {
	margin: -36px 0 0 0;
	background-position: 0 0;
	height: 190px;
	width: 200px;
	display: table
}
#xprocess li.pro_roi .front span {
	background-position: 25px 0
}
#xprocess li.pro_prototype .front span {
	background-position: -144px 0
}
#xprocess li.pro_design .front span {
	background-position: -323px 0
}
#xprocess li.pro_program .front span {
	background-position: -488px 0
}
#xprocess li.pro_qa .front span {
	background-position: -656px 0
}
#xprocess li.pro_mark .front span {
	background-position: -827px 0
}
#xprocess li.pro_roi .back {
	background: #1f9fc1
}
#xprocess li.pro_prototype .back {
	background: #e2096f
}
#xprocess li.pro_design .back {
	background: #d47300
}
#xprocess li.pro_program .back {
	background: #03aed3
}
#xprocess li.pro_qa .back {
	background: #8cd303
}
#xprocess li.pro_mark .back {
	background: #4f4f4f
}
.andrpg #xprocess li.pro_mark .front span {
	background-position: -854px 0
}
.fbpg #xprocess li.pro_mark .front span {
	background-position: -731px 0
}
.gamespg #xprocess li.pro_mark .front span {
	background-position: -976px 0
}
#xprocess .li2>div {
	right: 0;
	top: 0;
	padding: 12% 0;
	height: 84%;
	width: 192px;
	text-align: center;
	transition: .6s
}
#xprocess li.pro_prototype .front span:after, #xprocess li.pro_roi .front span:after {
	width: 54px;
	height: 18px;
	display: block;
	content: "";
	background: url(../image/sprite.png) no-repeat -834px -219px;
	margin: 140px 0 0 31px
}
#xprocess li .back {
	color: #fff;
	background: #fff;
	padding: 12% 0 11.5%;
	width: 191px;
	margin-left: 0;
	text-align: center
}
#xprocess li .back h6 {
	color: #fff
}
#xprocess li .back p {
	padding: 7px;
	text-align: center;
	font-size: 13px
}
#xprocess li:hover .front, #xprocess li .back {
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
	z-index: 0
}
#xprocess li:hover .back {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	z-index: 10
}
.portfilo-div {
	width: 100%
}
.portfilo-div ul li {
	list-style: none;
	position: relative
}
.portfilo-div .portfilio-img1 {
	background: url(../images/portfolio/portfolio-1.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img2 {
	background: url(../images/portfolio/portfolio-2.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img3 {
	background: url(../images/portfolio/portfolio-3.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img4 {
	background: url(../images/portfolio/portfolio-4.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img5 {
	background: url(../images/portfolio/portfolio-5.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img6 {
	background: url(../images/portfolio/portfolio-6.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img7 {
	background: url(../images/portfolio/portfolio-7.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img8 {
	background: url(../images/portfolio/portfolio-8.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img9 {
	background: url(../images/portfolio/portfolio-9.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img10 {
	background: url(../images/portfolio/portfolio-10.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img11 {
	background: url(../images/portfolio/portfolio-11.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img12 {
	background: url(../images/portfolio/portfolio-12.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img13 {
	background: url(../images/portfolio/portfolio-13.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img14 {
	background: url(../images/portfolio/portfolio-14.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img15 {
	background: url(../images/portfolio/portfolio-15.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img16 {
	background: url(../images/portfolio/portfolio-16.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img17 {
	background: url(../images/portfolio/portfolio-17.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img18 {
	background: url(../images/portfolio/portfolio-18.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img19 {
	background: url(../images/portfolio/portfolio-19.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.portfilo-div .portfilio-img20 {
	background: url(../images/portfolio/portfolio-20.jpg) center center no-repeat;
	background-size: cover;
	height: 638px
}
.protfolio-txt-div {
	background: url(../images/nav-bg.png) repeat;
	width: 100%;
	height: 638px;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}
.protfolio-txt-center {
	width: 650px;
	margin: 100px auto;
	color: #fff;
	text-align: center
}
.protfolio-txt-center hr {
	background: #fff;
	border: 0 none;
	height: 1px;
	margin: 5px 0
}
.protfolio-txt-center h1 {
	color: #fff;
	font-size: 45px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 20px 0
}
.protfolio-txt-center h2 {
	color: #fff;
	font-weight: normal
}
.view-details {
	width: 241px;
	position: relative;
	margin: 0 auto
}
.view-details a {
	font-size: 23px;
	padding: 0;
	height: 128px;
	width: 128px;
	text-decoration: none;
	margin: 0 50px;
	position: absolute;
	bottom: 25px;
	background: url(../images/view-button.png) no-repeat top center;
	opacity: .8
}
.view-details a:hover, .hide-details a:hover {
	opacity: 1
}
.hide-details a {
	font-size: 23px;
	padding: 0;
	height: 128px;
	width: 128px;
	display: inline-block;
	text-decoration: none;
	margin: 0 -71px;
	position: absolute;
	bottom: 25px;
	background: url(../images/hide-button.png) no-repeat top center;
	opacity: .8
}
.client-logo img {
	text-align: center!important
}
.client-logo li {
	float: left;
	margin: 5px 10px;
	position: relative
}
.client-logo li .logo1 {
	background: url(../images/client-logo/billholt-g.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li:hover .logo1 {
	background: url(../images/client-logo/billholt-c.png) no-repeat top center
}
.client-logo li .logo2 {
	background: url(../images/client-logo/knitspeakir-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo3 {
	background: url(../images/client-logo/5050-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo4 {
	background: url(../images/client-logo/payne-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo5 {
	background: url(../images/client-logo/pulla-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo6 {
	background: url(../images/client-logo/utility-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo7 {
	background: url(../images/client-logo/ripe-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo8 {
	background: url(../images/client-logo/rew-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo9 {
	background: url(../images/client-logo/brandon-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo10 {
	background: url(../images/client-logo/comics-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo11 {
	background: url(../images/client-logo/dezine-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo12 {
	background: url(../images/client-logo/floorenz-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo13 {
	background: url(../images/client-logo/adamcus-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo14 {
	background: url(../images/client-logo/ivanstek-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo15 {
	background: url(../images/client-logo/iosweep-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
s .client-logo li .logo16 {
	background: url(../images/client-logo/fastservice-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo17 {
	background: url(../images/client-logo/mycase-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo18 {
	background: url(../images/client-logo/select-entry-system-c.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo017 {
	background: url(../images/client-logo/isochronics-logo.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo018 {
	background: url(../images/client-logo/qr-scanner-logo.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.client-logo li .logo019 {
	background: url(../images/client-logo/edi-logo.png) no-repeat top center;
	height: 250px;
	width: 250px;
	text-align: center;
	display: block
}
.development-methodologies-div ul li {
	list-style: none;
	float: left;
	width: 30%;
	margin: 0 20px 0 10px;
	text-align: center
}
.development-methodologies-div h2 {
	padding: 20px;
	font-size: 32px;
	font-weight: 300
}
.form-home {
	margin: 0 0 0 125px
}
.form-div {
	position: relative
}
.form-div h1 {
	background: none repeat scroll 0 0 #fff!important;
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
	z-index: 5
}
.form-div .line {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #000;
	position: absolute;
	top: 0
}
.form_tittle {
	margin: 20px 0 35px 0;
	font-size: 33px;
	color: #303030;
	background: #f2f2f2;
	padding: 30px 10px
}
.form_tittle2 {
	margin: 0 0 35px 0;
	font-size: 33px;
	color: #fff;
	background: #00a1dd;
	padding: 30px 10px
}
.form_tittle22 {
	margin: 0;
	font-size: 33px;
	color: #fff;
	background: #d42222;
	padding: 30px 10px
}
.form_tittle3 {
	margin: 20px 0 35px 0;
	font-size: 33px;
	color: #fff;
	padding: 30px 10px;
	background: #ff5757
}
.form_tittle4 {
	margin: 0 0 30px 0;
	font-size: 33px;
	color: #2a2a2a;
	padding: 5px 10px
}
.form_tittle4 span {
	font-size: 16px
}
.form_tittle5 {
	margin: 0 0 30px 0;
	font-size: 33px;
	color: #fff;
	background: #3e3d3d;
	padding: 30px 10px
}
.form_tittle_bg {
	margin: 0;
	font-size: 33px;
	background: #191818;
	color: #fff;
	padding: 30px 10px
}
.form_bg {
	background: #e7e7e7
}
.home_form {
	width: 640px;
	padding: 0;
	margin: 00px 30px 0 0
}
.form_left_txt {
	margin: 4px 0 0 30px;
	font-weight: 300
}
.form_left_txt p {
	padding: 10px
}
.inner-input-field {
	float: left;
	margin: 6px 5px;
	width: 280px
}
.inner-input-field2 {
	float: left;
	margin: 6px 5px;
	width: 290px
}
.inner-input-field22 {
	float: left;
	margin: 4px 5px
}
.inner-input-field img {
	margin: 0 0 0 5px
}
.inner-input {
	border: 0;
	color: #666;
	background: #fff;
	font-size: 12px;
	padding: 10px 0 10px 27px;
	width: 253px;
	height: 19px
}
.inner-input:hover, .inner-input:focus, .inner-input1:hover, .inner-input1:focus, .inner-input3:hover, .inner-input2:focus, .inner-input2:hover, .inner-input4:focus, .inner-txtarea:hover, .inner-txtarea:focus, .inner-select:hover, .inner-select:focus {
	-webkit-box-shadow: 0 0 6px 0 rgba(46,48,50,0.75);
	-moz-box-shadow: 0 0 6px 0 rgba(46,48,50,0.75);
	box-shadow: 0 0 6px 0 rgba(46,48,50,0.75)
}
.inner-input1 {
	border: 0;
	color: #666;
	margin: 0;
	padding: 10px;
	width: 60px;
	height: 19px;
	background: #f5f5f5
}
.inner-input2 {
	background: #f5f5f5;
	border: 0;
	color: #666;
	margin: 0 5px;
	padding: 10px;
	width: 266px;
	height: 17px
}
.inner-input3 {
	border: 0;
	color: #666;
	margin: 0;
	padding: 10px 34px;
	width: 129px;
	height: 19px
}
.inner-input4 {
	border: 0;
	color: #666;
	font-size: 16px;
	margin: 0 0 0 5px;
	padding: 10px;
	width: 40px;
	height: 18px;
	background: #f5f5f5
}
.inner-select {
	background: #f5f5f5;
	border: 0;
	color: #666;
	font-size: 12px;
	padding: 12px 28px;
	width: 280px;
	height: 40px
}
.inner-txtarea {
	width: 550px;
	height: 130px;
	margin: 0 0 10px 0;
	padding: 10px;
	color: #666;
	border: 0;
	resize: none;
	background: #f5f5f5
}
.inner-submit {
	border: 0;
	background: #c90303;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	padding: 5px;
	width: 120px;
	height: 36px
}
.testimonial-div {
	background: #d1d1d1;
	padding: 15px 0px;
	position: relative
}
.footer {
	font-weight: 200;
	font-style: normal
}
.footer-top {
	background: #313131;
	padding: 0;
	border-top: 2px solid #969696
}
.footer-bottom {
	padding: 10px;
	color: #fff;
	margin: 15px 0 0 0;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666
}
.footer-top-box {
	width: 190px;
	height: 285px;
	padding: 30px 40px;
	border-left: 1px solid #000
}
.border-non {
	border-left: none
}
.footer-top-box h3 {
	color: #fff;
	font-size: 25px;
	margin-bottom: 12px;
	font-weight: 200;
	font-style: normal
}
.footer-top-box h4 {
	color: #fff;
	font-size: 16px;
	margin: 2px 0
}
.quicklink-div {
	border-bottom: 1px solid #000
}
.quicklink-div ul li {
	list-style: url(../images/footer-point.png);
	margin: 0 0 1px 12px
}
.non-bullet ul li {
	list-style: none;
	margin: 0 0 2px 12px
}
.non-bullet img {
	margin: 0 5px 2px 0
}
.adress-div {
	padding: 30px 05px;
	color: #fff
}
.adress-box {
	width: 227px;
	font-size: 16px
}
.adress-box p {
	padding: 0
}
.adress-box h3 {
	color: #fff;
	font-size: 25px;
	margin-bottom: 12px;
	font-weight: 200;
	font-style: normal
}
.adress-box ul li {
	margin: 10px 0
}
.foote-map {
	margin: 0 0 0 -10px;
	height: 180px
}
.footerLft_info p, .footerRgt_info p {
	color: #fff;
	padding: 2px 0
}
.footer_disclaimer {
	color: #595959;
	font-size: 11.5px;
	padding: 5px 0
}
.back-to-top {
	background-color: rgba(235,235,235,0.8);
	color: #000;
	display: none;
	font-size: 12px;
	padding: 1em;
	position: fixed;
	right: 0;
	text-decoration: none;
	top: 2em;
	z-index: 2147483647
}
.back-to-top:hover {
	background-color: rgba(135,135,135,0.5)
}
.scrollup {
	background: url("../images/icon_top.png") no-repeat scroll 0 0 rgba(0,0,0,0);
	bottom: 90px;
	display: none;
	height: 40px;
	opacity: .8;
	position: fixed;
	right: 100px;
	text-indent: -9999px;
	width: 40px;
	z-index: 2147483647
}
.sitemap_container {
	margin: 0 auto;
	padding: 55px 0 5px;
	width: 1160px
}
.sitemap_container h1 {
	color: #c01d68;
	font-weight: 700
}
.sitemaplist {
	margin: 3px 0 89px;
	overflow: hidden;
	padding: 0
}
.sitemaplist>li {
	border-bottom: 1px solid #c6c6c6;
	display: block;
	float: left;
	font-size: 15px;
	margin: 0 60px 0 0;
	padding: 14px 0;
	width: 318px
}
.sitemaplist>li a {
	color: #313131
}
.sitemaplist li.clearfix {
	border: medium none;
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	width: 100%
}
.sitemaplist>li ul {
	margin: 5px 0 0;
	padding: 0
}
.sitemaplist>li ul li {
	background: url("/assets/image/sprite.png") no-repeat scroll -1141px -622px rgba(0,0,0,0);
	padding: 2px 0 2px 18px
}
.sitemaplist li a[href="javascript:;"] {
	cursor: text
}
.sitemaplist>li ul li a {
	color: #555;
	font-size: 13px;
	text-decoration: underline
}
.sitemaplist>li ul li a:hover {
	text-decoration: none
}
.sitemaplist>li.submenu {
	height: 221px
}
.sitemaplist>li.sitefix {
	padding: 10px 0 36px!important
}
.order-div {
	background: #c90303;
	color: #fff;
	padding: 8px;
	font-size: 18px
}
.cont-chck input {
	float: left;
	margin: 2px 0 0 0
}
.cont-chck input {
	float: left;
	margin: 7px 0 0 0
}
.col-md-400 {
	width: 30%;
	float: left
}
.cont-chck span {
	display: inline-block;
	margin: 0 0 0 4px;
	font-size: 12px;
	height: 16px;
	color: darkgrey
}
.cont-chck-input {
	border: 1px solid darkgray;
	padding: 2px 0 2px 10px;
	float: left;
	width: 50%;
	color: darkgray;
	border-radius: 5px
}
.number-foot {
	position: relative;
	top: -45px;
	left: 0
}
#floating-form-wrap {
	background: #232323 url(../images/request.png);
	display: block;
	background-repeat: no-repeat;
	height: 345px;
	margin-right: -297px;
	margin-top: -220px;
	position: fixed;
	right: 0;
	top: 66.5%;
	width: 350px;
	cursor: pointer;
	z-index: 99;
	display: block;
}
.formdv {
	padding: 10px 12px 25px 50px
}
.floating-form h5, .floating-form p.hd5 {
	color: #aaa;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.1;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Lato', sans-serif
}
.floating-form h4, .floating-form p.hd4 {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	line-height: 2.1;
	font-family: 'Lato', sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase
}
#side_form {
	font-size: 12px
}
.inner-select77 {
	border: 2px solid #eaeaea;
	color: #666;
	font-size: 12px;
	padding: 7px 25px;
	width: 391px;
	height: 39px
}
.inner-input-field77 {
	float: left;
	margin: 4px 5px;
	width: 360px
}
.inner-input-field277 {
	float: left;
	margin: 4px 5px;
	width: 390px
}
.inner-input177 {
	border: 2px solid #eaeaea;
	color: #666;
	margin: 0;
	padding: 10px;
	width: 60px;
	height: 14px;
	background: #fff
}
.inner-input377 {
	border: 2px solid #eaeaea;
	color: #666;
	margin: 0;
	padding: 10px 34px;
	width: 230px;
	height: 14px
}
.inner-txtarea77 {
	width: 370px;
	height: 50px;
	margin: 0 0 10px 0;
	padding: 10px;
	color: #666;
	border: 2px solid #eaeaea;
	resize: none
}
.zopim {
	right: 54px!important;
}
.methology-div-1 {
	text-align: center
}
.methology-div-1 h1 {
	padding: 20px;
	font-size: 32px;
	font-weight: 300
}
.team {
	margin-left: 8%
}
#xprocess li .front span {
	background-image: url(../images/process-imgs.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline-block;
	height: 120px;
	margin: 30px 0 0;
	width: 200px
}
.wedo_process_warpern {
	height: auto;
	width: 100%
}
.wedo_processn {
	width: 1160px;
	margin: 0 auto;
	padding: 40px 0 0 0
}
.wedo_processn h3 {
	padding-bottom: 32px;
	text-align: center;
	font-size: 34px;
	font-weight: 600
}
#xprocess li {
	border-left: 1px solid #fff;
	position: relative;
	width: 190px;
	text-align: center;
	height: 330px;
	display: block;
	float: left;
	z-index: 0
}
#xprocess li>div {
	position: absolute;
	left: 0;
	top: 0;
	padding: 12% 0;
	height: 84%;
	width: 190px;
	text-align: center;
	transition: .6s
}
#xprocess li .front {
	z-index: 10
}
#xprocess li h6 {
	color: #fff;
	font-size: 22px;
	height: 33px
}
#xprocess li .front span {
	margin: 30px 0 0 0;
	background-position: 0 0;
	height: 120px;
	width: 120px;
	display: inline-block
}
#xprocess li.pro_roi .front span {
	background-position: 31px -30px
}
#xprocess li.pro_prototype .front span {
	background-position: -133px -30px
}
#xprocess li.pro_design .front span {
	background-position: -304px -30px
}
#xprocess li.pro_program .front span {
	background-position: -486px -30px
}
#xprocess li.pro_qa .front span {
	background-position: -656px -30px
}
#xprocess li.pro_mark .front span {
	background-position: -820px -30px
}
.andrpg #xprocess li.pro_mark .front span {
	background-position: -854px 0
}
.fbpg #xprocess li.pro_mark .front span {
	background-position: -731px 0
}
.gamespg #xprocess li.pro_mark .front span {
	background-position: -976px 0
}
#xprocess .li2>div {
	right: 0;
	top: 0;
	padding: 12% 0;
	height: 84%;
	width: 192px;
	text-align: center;
	transition: .6s
}
#xprocess li.pro_prototype .front span:after, #xprocess li.pro_roi .front span:after {
	width: 54px;
	height: 18px;
	display: block;
	content: "";
	background: url(../image/sprite.png) no-repeat -834px -219px;
	margin: 140px 0 0 31px
}
#xprocess li .back {
	color: #303030;
	background: #fff;
	padding: 17% 0 11.5%;
	width: 191px;
	margin-left: 0;
	text-align: center
}
#xprocess li .back h6 {
	color: #303030;
	color: #fff
}
#xprocess li .back p {
	padding: 7px;
	text-align: center;
	font-size: 12px;
	color: #fff
}
#xprocess li:hover .front, #xprocess li .back {
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
	z-index: 0
}
#xprocess li:hover .back {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	z-index: 10
}
.sthder {
	width: 100%;
	float: left;
	padding: 0;
	background: #000;
	position: fixed;
	z-index: 5;
	top: 0;
}
.img-center {
	max-width: 100%;
	height: auto
}
#tawkchat-minified-iframe-element-rectangle {
	margin-right: 120px!important
}
.margn-90 {
	margin-top: -90px
}
.rslides li img {
	margin: -90px 0 0 0
}
.top_cont ul li+li+li {
	padding: 0 !important;/* background: #000; */
*/
}
.banner-div {
	position: relative;
	width: 100%;
	float: left;
}
.google-iphone-icons {
	position: absolute;
	bottom: 0;
	left: 80px;
	z-index: 4;
	width: 100%;
	height: 200px;
}
.h-start-project122 {
	background: 0;
	bottom: 70px;
	left: 0;
	/* padding: 23px 0; */
	position: absolute;
	z-index: 2;
}
.education-icon-mob {
	background: url(../images/sprite-minimize.png) no-repeat -118px -23px;
	width: 97px;
	height: 41px;
	display: inline-block
}
.retail-icon-mob {
	background: url(../images/sprite-minimize.png) no-repeat -280px -6px;
	width: 70px;
	height: 47px;
	display: inline-block
}
.home-icon-mob {
	background: url(../images/sprite-minimize.png) no-repeat -135px -91px;
	width: 63px;
	height: 50px;
	display: inline-block
}
.plus-icon-mob {
	background: url(../images/sprite-minimize.png) no-repeat -189px -167px;
	width: 53px;
	height: 53px;
	display: inline-block
}
.dollar-icon-mob {
	background: url(../images/sprite-minimize.png) no-repeat -70px -6px;
	width: 32px;
	height: 61px;
	display: inline-block
}
.travel-icon-mob {
	background: url(../images/sprite-minimize.png) no-repeat -3px -167px;
	width: 48px;
	height: 48px;
	display: inline-block
}
.food-icon-mob {
	background: url(../images/sprite-minimize.png) no-repeat -62px -92px;
	width: 47px;
	height: 47px;
	display: inline-block
}
.media-icon-mob {
	background: url(../images/sprite-minimize.png) no-repeat -280px -168px;
	width: 63px;
	height: 47px;
	display: inline-block
}
.automative-icon-mob {
	background: url(../images/sprite-minimize.png) no-repeat -284px -100px;
	width: 62px;
	height: 43px;
	display: inline-block
}
.email-icon-minimize {
	background: url(../images/sprite-minimize.png) no-repeat -9px -116px;
	width: 15px;
	height: 11px;
	display: inline-block
}
.phone-icon-minimize {
	background: url(../images/sprite-minimize.png) no-repeat -9px -87px;
	width: 14px;
	height: 20px;
	display: inline-block
}
.close-pic {
	background: url(../images/sprite-minimize.png) no-repeat -105px -275px;
	width: 43px;
	height: 43px;
	display: inline-block
}
.rating01-minimize {
	background: url(../images/sprite-minimize.png) no-repeat -242px -279px;
	width: 103px;
	height: 19px;
	display: inline-block;
	left: 1px;
	top: 2px;
	position: relative
}
.rating02-minimize {
	background: url(../images/sprite-minimize.png) no-repeat -243px -307px;
	width: 102px;
	height: 19px;
	display: inline-block;
	left: 1px;
	top: 2px;
	position: relative
}
.rating03-minimize {
	background: url(../images/sprite-minimize.png) no-repeat -244px -333px;
	width: 102px;
	height: 19px;
	display: inline-block;
	left: 1px;
	top: 2px;
	position: relative
}
.adress-box p {
	padding: 0;
	margin: 0 0 5px
}
.adress-box-icon {
	top: 5px;
	position: relative
}
.address-icon-minimize {
	background: url(../images/sprite-minimize.png) no-repeat -8px -56px;
	width: 20px;
	height: 18px;
	display: inline-block;
	position: relative;
	left: 2px
}
.arrow-minimize {
	background: url(../images/sprite-minimize.png) no-repeat -116px -219px;
	width: 7px;
	height: 4px;
	display: inline-block;
	position: relative;
	left: 0;
}
.serviceboxes {
	/* background: #ecf0f1 none repeat scroll 0 0; */
	margin-top: 25px;
	/* padding-bottom: 25px; */
	width: 100%;
	position: relative;
	float: left;
}
.serviceboxes a {
	background-color: transparent !important;
	border: none !important;
	width: 100%;
	background: #ecf0f1 none repeat scroll 0 0;
	float: left;
}
.serviceboxes a {
	/* background-color: #fff; */
    /* border-right: solid 1px #efefef; */
    /* border-bottom: solid 1px #efefef; */
	text-align: center;
	display: block;
	text-decoration: none;
	padding-top: 30px;
	padding-bottom: 30px;
	-webkit-transition: all 1s ease;
	width: 100%;
	-moz-transition: all 1s ease;
	cursor: default;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.serviceboxes a {
	padding:20px 10px;
	min-height: 175px;
	cursor:pointer;
}
.serviceboxes a i.anapp {
	background-position: -100px 0px;
}
.serviceboxes a i {
	background-image: url(../images/services-icons.png);
	text-indent: -9999999px;
}
.serviceboxes h2 {
	font-size: 19px;
}
.serviceboxes i, .serviceboxes h2 {
	margin-top: 10px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	color:#000;
}
.serviceboxes h2 span {
	display: block;
}
.serviceboxes a i.ipapp {
	background-position: 0px 0px;
}
.serviceboxes a i {
	background-image: url(../images/services-icons.png);
	text-indent: -9999999px;
}
.serviceboxes a i.ipgapp {
	background-position: -400px 0px;
}
.serviceboxes a i {
	background-image: url(../images/services-icons.png);
	text-indent: -9999999px;
}
.serviceboxes a i.webapp {
	background-position: -700px 0px;
}

.serviceboxes a i.cmsapp {
	background-position: -885px 0px;
}

.serviceboxes a i.entapp {
	background-position: -795px 0px;
}


.serviceboxes a i {
	background-image: url(../images/services-icons.png);
	text-indent: -9999999px;
}
.serviceboxes i {
	display: block;
	margin: 0 auto;
	color: #9ea0a1;
	width: 100px;
	height: 60px;
	font-size: 50px;
	line-height: 60px;
	background-repeat: no-repeat;
	color: #9ea0a1;
}
.serviceboxes a:hover {
	background-color: #f10b01 !important;
	border-right: solid 1px #f10b01!important;
}
.serviceboxes a:hover {
	border-right: solid 1px #5a5a5a;
	border-bottom: solid 1px #5a5a5a;
	text-decoration: none;
	background-color: #333;
	color: #ffffff;
	box-shadow: 0px 0px 30px #888888;
	float: left;
	z-index: 44;
}
.boxrow1 a:hover {
	border-top: solid 1px #5a5a5a;
}
.serviceboxes a:hover h2 {
	color: #FFF;
}
.serviceboxes a:hover i.ipapp {
	background-position: 0px -60px;
}
.serviceboxes a:hover i.anapp {
	background-position: -100px -60px;
}
.serviceboxes a:hover i.ipgapp {
	background-position: -400px -60px;
}
.serviceboxes a:hover i.webapp {
	background-position: -700px -60px;
}

.serviceboxes a:hover i.entapp {
	background-position: -795px -60px;
}

.serviceboxes a:hover i.cmsapp {
	background-position: -885px -60px;
}
.work-sec {
	padding: 0px 0;
	position: relative;
	text-align: center;
	background: #fff;
}
.work-sec h2, .work-sec span.libr {
	margin: 0;
	color: #383838;
}
.mnSecton h2 {
	font-size: 30px;
	padding: 10px 0 20px 0;
	font-weight: 400;
	color: #241b18;
}
.work-sec p {
	color: #383838;
}
.portfolio-sec {
	margin: 40px 0 0;
}
.portfolio-sec .grid-two-block > * {
	float: left;
	width: 47%;
	position: relative;
	height: 270px;
	overflow: hidden;
	margin: 0 0 10px 10px;
	background-size: cover;
	display: inline-block;
}
.portfolio-sec .grid-item .content {
	padding: 14% 0 0;
	color: #fff;
	display: block;
	background: rgba(0, 0, 0, 0.30);
	height: 100%;
	overflow: hidden;
}
.grid-item .content, .portfolio-sec .grid-item p {
	text-decoration: none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.portfolio-sec .grid-item h3 {
	font-weight: 300;
	text-align: center;
	font-size: 30px;
	color: #fff;
}
.portfolio-sec .grid-item p {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 1px;
	text-align: center;
}
.portfolio-sec .grid-item p button {
	font-size: 12px;
	color: #fff;
	background: #f10b01;
	padding: 9px 30px;
	border-radius: 20px;
	text-transform: uppercase;
	min-width: 140px;
	text-align: center;
}
.portfolio-sec .grid-item:hover p.pro-out {
	margin: 0;
}
.portfolio-sec .grid-item:hover .content {
	background: rgba(0, 0, 0, 0.60);
}
.portfolio-sec .grid-item:hover p.pro-in {
	font-size: 0;
}
.portfolio-sec .grid-item p.pro-out {
	margin: 300px 0 0;
}
.serviceboxes p {
	color: #241b18;
	font-size: 14px;
	position: relative;
	display: none;
	color: #fff;
}
.serviceboxes a:hover p {
	display: block;
}
.serviceboxes a+a:hover p {
	display: block;
}
.serviceboxes a+a+a:hover p {
	display: block;
}
.serviceboxes a+a+a+a:hover p {
	display: block;
}
.no-pad {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.servicebg {
	width: 100%;
	height: 175px;
	position: absolute;
}