.innerHeading {
	background: url(../images/service_tbg.jpg) no-repeat center;
	background-size: cover!important;
	color: #fff;
	text-align: center;
	padding: 180px 0 40px 0;
	font-size: 25px;
	font-family: helioscond;
	font-weight: 400;
	min-height: 540px;
	line-height: 36px
}

.innerHeading h1 {
	position: relative;
	padding-bottom: 70px;
	font-size: 52px;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	line-height: normal
}

.innerHeading h1:after {
	content: '';
	width: 120px;
	height: 1px;
	background: #fff;
	position: absolute;
	bottom: 35px;
	left: 50%;
	margin-left: -60px
}

.bradcrumb {
	background: #f2f2f2;
	height: 42px
}

.bradcrumb .lft {
	float: left;
	padding: 10px 0 0 0;
	font-size: 15px;
	color: #000
}

.bradcrumb .lft a {
	color: #e14a25
}

.bradcrumb .lft a:hover {
	color: #000
}

.bradcrumb .lft span {
	margin: 0 5px
}

.bradcrumb .rgt {
	float: right;
	padding: 12px 0 0 0
}

.bradcrumb .rgt a {
	margin-left: 10px
}

.tac {
	text-align: center
}

.midCon {
	padding: 40px 0;
	overflow: hidden;
	background-size: cover!important
}

.mainHd {
	color: #575757;
	font-size: 28px;
	font-family: poppins;
	font-weight: 700;
	padding-bottom: 10px
}

.hireCon {
	margin: 40px 0
}

.hireTab {
	border: 1px solid #f6f6f6;
	border-bottom: 1px solid #dfdfdf;
	height: 68px;
	-webkit-box-shadow: -1px -1px 1px rgba(180, 180, 180, .1);
	-moz-box-shadow: -1px -1px 1px rgba(180, 180, 180, .1);
	-o-box-shadow: -1px -1px 1px rgba(180, 180, 180, .1);
	box-shadow: -1px -1px 1px rgba(180, 180, 180, .1)
}

.hireTab ul li {
	float: left;
	width: 16.66%;
	text-align: center;
	position: relative
}

.hireTab ul li i {
	display: none
}

.hireTab ul li:after {
	content: '';
	background: #dcdcdc;
	height: 46px;
	width: 1px;
	position: absolute;
	right: 0;
	top: 10px
}

.hireTab ul li.active:after {
	display: none
}

.hireTab ul li:last-child:after {
	display: none
}

.hireTab ul li a {
	color: #000;
	font-size: 19px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	position: relative;
	text-transform: uppercase;
	display: block;
	height: 65px;
	padding: 8px 0 0 0
}

.hireTab ul li a span {
	display: block
}

.hireTab ul li.active a {
	background: #00a6e9;
	color: #fff
}

.hireTab ul li.active a {
	height: 66px
}

.hireTab ul li.active a:before {
	content: '';
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #dfdfdf;
	position: absolute;
	left: 50%;
	bottom: -1px;
	margin-left: -8px
}

.hireTab ul li.active a:after {
	content: '';
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	position: absolute;
	left: 50%;
	bottom: -2px;
	margin-left: -8px
}

.hireLink li {
	float: left;
	width: 33.33%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	padding: 25px 0
}

.hireLink li a {
	display: block;
	color: #575757;
	font-size: 21px;
	position: relative;
	height: 70px;
	padding: 12px 0 0 80px
}

.hireLink li a img {
	position: absolute;
	left: 0;
	top: 0
}

.hireLink li a img.over {
	display: none
}

.hireLink li a span {
	display: inline-block;
	position: relative
}

.hireLink li a span:after {
	content: '';
	background: #ccc;
	width: 90px;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: -10px
}

.hireLink li a:hover {
	color: #e84325
}

.hireLink li a:hover span:after {
	background: #e84325
}

.hireLink.tech li {
	width: 25%
}

.hireTab ul li a.singal {
	line-height: 65px;
	padding: 0
}

.content {
	color: #2d2b2b;
	font-size: 15px;
	font-weight: 300;
	line-height: 25px;
	font-family: poppins
}

.trendingList {
	padding: 30px 35px 0 35px;
	position: relative
}

.trendingList .item {
	text-align: center
}

.trendingList .item a {
	display: block;
	border: 1px solid #fff;
	padding: 20px 5px;
	color: #575757;
	font-size: 19px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	line-height: 20px
}

.trendingList .item a span {
	display: block
}

.trendingList .item a img {
	margin: 0 auto 5px auto;
	display: block;
	max-width: 100%;
	width: auto!important;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .5
}

.trendingList .item a:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1
}

.trendingList .item a:hover {
	border: 1px solid #d0d0d0
}

.trendingList .owl-prev {
	background: url(../images/prev_arrow.png);
	width: 13px;
	height: 27px;
	opacity: .1;
	position: absolute;
	left: 0;
	top: 50%;
	overflow: hidden;
	text-indent: -200px
}

.trendingList .owl-next {
	background: url(../images/next_arrow.png);
	width: 13px;
	height: 27px;
	opacity: .1;
	position: absolute;
	right: 0;
	top: 50%;
	overflow: hidden;
	text-indent: -200px
}

.freeConsultation {
	background: #f2f2f2;
	padding: 30px 10px;
	text-align: center;
	color: #161616;
	font-size: 22px
}

.freeConsultation i {
	font-style: normal
}

.freeConsultation br {
	display: none
}

.freeConsultation span {
	display: inline-block;
	border-bottom: 2px solid #848484
}

.freeConsultation a {
	margin-left: 15px;
	background: #e84325;
	border-radius: 3px;
	padding: 10px 35px;
	font-size: 17px;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase
}

.freeConsultation a:hover {
	background: #5ba0d0
}

footer .clientList {
	padding: 0 0 30px 0
}

footer .client-Left {
	border-right: 1px solid #5c5c5c
}

.industryTop {
	background: #e3e3e3;
	padding: 40px 0
}

.industryList li {
	float: left;
	width: 30%;
	margin: 0 5% 40px 0;
	background: #fff
}

.industryList li:hover {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	-o-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc
}

.industryList li:nth-child(3n) {
	margin-right: 0
}

.industryList li .img {
	position: relative
}

.industryList li .img img {
	width: 100%;
	vertical-align: top
}

.industryList li .img .pluse {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(50, 50, 50, .8) url(../images/pluse.png) no-repeat center;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.industryList li:hover .img .pluse {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.industryList li .hd {
	background: #fff;
	border-bottom: 1px solid #ececec;
	padding: 15px 20px;
	font-size: 17px;
	color: #000;
	text-transform: uppercase;
	font-weight: 700
}

.industryList li .text {
	background: #fff;
	padding: 10px 20px;
	font-size: 17px;
	color: #646464;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif
}

a.loadBtn {
	display: inline-block;
	background: #e84325;
	padding: 10px 35px;
	border-radius: 4px;
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700
}

a.loadBtn:hover {
	background: #c62609
}

.midLft {
	width: 74%;
	float: left;
	padding-right: 40px
}

.aboutBig {
	color: #010712;
	font-size: 23px;
	font-family: 'Lato';
	font-weight: 600;
	padding-bottom: 20px;
}


.domainExpertise {
	border-top: 1px solid #dadada;
	padding: 30px 0
}

.botPad30 {
	padding-bottom: 30px!important
}

.subHd {
	color: #010712;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 10px
}

.subHd a {
	color: #010712
}

.deSlider .item {
	padding: 30px 0 0 0;
	text-align: center;
	color: #646464;
	font-size: 17px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300
}

.deSlider .item span {
	display: block;
	color: #010712;
	font-size: 21px;
	font-weight: 700;
	padding: 10px 0 5px 0
}

.deSlider.owl-carousel .owl-item .item img {
	display: block;
	margin: auto;
	max-width: 100%;
	width: auto
}

.deSlider .owl-dots {
	text-align: center;
	padding: 30px 0 0 0
}

.deSlider .owl-dots .owl-dot {
	display: inline-block;
	background: #c7c7c7;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	border-radius: 100%
}

.deSlider .owl-dots .owl-dot.active {
	background: #e14a25
}

.aboutInfo {
	border-top: 1px solid #dadada;
	padding: 30px 0
}

.infoList {
	margin-bottom: 30px
}

.infoList li {
	width: 50%;
	float: left;
	color: #010712;
	font-size: 17px;
	font-weight: 700;
	position: relative;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 20px 15px 20px 50px;
	text-transform: uppercase
}

.infoList li span {
	color: #e14a25;
	font-size: 55px;
	position: absolute;
	left: 0;
	top: 8px
}

.infoList li:nth-child(2n) {
	border-right: none;
	padding: 20px 0 20px 70px
}

.infoList li:nth-child(1),
.infoList li:nth-child(2) {
	border-top: none
}

.infoList li:nth-child(2n) span {
	left: 20px
}

.officeGallery .owl-dots {
	text-align: center;
	padding: 30px 0 0 0
}

.officeGallery .owl-dots .owl-dot {
	display: inline-block;
	background: #c7c7c7;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	border-radius: 100%
}

.officeGallery .owl-dots .owl-dot.active,
.officeGallery .owl-dots .owl-dot:hover {
	background: #e14a25
}

.coreSlider {
	padding: 0 30px;
	position: relative
}

.coreSlider .item {
	padding: 30px 0 0 0;
	text-align: center;
	color: #646464;
	font-size: 17px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300
}

.coreSlider .item span {
	display: block;
	color: #010712;
	font-size: 21px;
	font-weight: 700;
	padding: 10px 0 5px 0
}

.coreSlider.owl-carousel .owl-item .item img {
	display: block;
	margin: auto;
	max-width: 100%;
	width: auto
}

.coreSlider .owl-prev {
	background: url(../images/prev_arrow.png);
	width: 13px;
	height: 27px;
	opacity: .1;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -13px;
	overflow: hidden;
	text-indent: -200px
}

.coreSlider .owl-next {
	background: url(../images/next_arrow.png);
	width: 13px;
	height: 27px;
	opacity: .1;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -13px;
	overflow: hidden;
	text-indent: -200px
}

.midRgt {
	width: 26%;
	float: right
}

.rgtLinks ul li {
	border-top: 1px solid #dadada;
	font-size: 15px;
	font-weight: 700
}

.rgtLinks ul li:first-child {
	border: none
}

.rgtLinks ul li a {
	color: #111;
	display: block;
	background: url(../images/pluse_icon.png) no-repeat 0 10px;
	padding: 7px 0 7px 20px
}

.rgtLinks ul li a:hover {
	color: #e14a25
}

.importantLinks ul li {
	padding-bottom: 7px;
	font-size: 15px;
	position: relative
}

.importantLinks ul li a {
	background: url(../images/link_bg.gif) repeat-x;
	height: 25px;
	display: inline-block;
	line-height: 25px;
	border-radius: 4px;
	padding: 0 15px 0 22px;
	color: #000
}

.importantLinks ul li a:after {
	content: '';
	background: url(../images/black_arrow.png) no-repeat;
	position: absolute;
	left: 10px;
	top: 9px;
	width: 6px;
	height: 7px
}

.importantLinks ul li a:hover {
	background: #e14a25;
	color: #fff
}

.importantLinks ul li a:hover:after {
	background: url(../images/wht_arrow.gif) no-repeat
}

.rgtLinks ul.showHide li:nth-of-type(1n+11) {
	display: none
}

.botPad20 {
	padding-bottom: 20px
}

.reqForm {
	background: #f2f2f2;
	border: 1px solid #ebecee;
	padding: 25px;
	border-radius: 2px
}

.field {
	padding-bottom: 10px
}

.field label {
	color: #000;
	font-size: 15px;
	font-weight: 700;
	display: block;
	padding-bottom: 2px
}

.redClr {
	color: red!important
}

.formInput {
	width: 100%;
	background: #fff;
	border: 1px solid #d7d9dc;
	border-radius: 2px;
	padding: 5px 10px
}

.captcha img {
	max-width: 100%
}

.formBtn {
	width: 100%;
	border: none;
	background: #e84325;
	border-radius: 3px;
	padding: 6px;
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	cursor: pointer
}

.formBtn:hover {
	background: #3c78d3
}

.clientSlider .item {
	color: #646464;
	font-size: 18px;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif;
	width: 100%;
	background: #fff
}

.clientSlider .item .testImg {
	max-height: 100px;
	overflow: hidden;
	border: 3px solid #ffdc00;
	width: 100px!important;
	float: left;
	margin: 5px 10px 5px 1px
}

.clientSlider .item img {
	width: 100%!important
}

.clientSlider .item .testTxt {
	min-height: 110px
}

.clientSlider .item .name {
	font-weight: 700;
	padding: 10px 50px 0 0
}

.clientSlider .item .name span {
	display: block;
	font-size: 15px;
	font-weight: 400
}

.clientSlider .owl-prev {
	background: url(../images/smll_prev_arrow.png);
	width: 10px;
	height: 19px;
	opacity: .3;
	overflow: hidden;
	text-indent: -200px;
	position: absolute;
	top: -60px;
	right: -6px
}

.clientSlider .owl-next {
	background: url(../images/smll_next_arrow.png);
	width: 10px;
	height: 19px;
	opacity: .3;
	overflow: hidden;
	text-indent: -200px;
	position: absolute;
	top: -60px;
	right: -28px
}

.midRgt .clientSlider .owl-prev {
	top: -31px;
	right: 22px
}

.midRgt .clientSlider .owl-next {
	top: -31px;
	right: 0
}

.casestudySlider .item {
	background: #efefef;
	padding: 10px;
	color: #36373e;
	font-size: 17px;
	font-weight: 700
}

.casestudySlider .item img {
	margin-top: 10px
}

.casestudySlider .owl-dots {
	background: #e5e5e5;
	padding: 5px;
	text-align: center
}

.casestudySlider .owl-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #77c92e;
	margin: 0 2px
}

.casestudySlider .owl-dot.active,
.casestudySlider .owl-dot:hover {
	background: #fb0000
}

.mpLft {
	float: left;
	width: 35%;
	padding-bottom: 40px
}

.mpLft .hd {
	color: #010712;
	font-size: 41px;
	font-weight: 300;
	line-height: 45px;
	padding-bottom: 10px
}

.mpLft .hd span {
	display: block;
	font-size: 45px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: normal
}

.mpRgt {
	float: right;
	width: 65%;
	padding: 0 0 0 50px
}

.mpRgt ul li {
	margin-bottom: 40px;
	min-height: 140px;
	position: relative;
	padding: 0 0 0 160px
}

.mpRgt ul li .icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 140px;
	height: 140px;
	background: #f2f2f2;
	border-radius: 100%;
	text-align: center;
	padding-top: 25px
}

.mpRgt ul li .hd {
	display: block;
	color: #010712;
	font-size: 23px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 10px
}

.processCon {
	background: url(../images/process_bg.png) no-repeat center;
	border-top: 1px solid #dadada
}

.processCon ul {
	width: 1098px;
	margin: auto;
	position: relative;
	height: 460px
}

.processCon ul li {
	width: 230px;
	text-align: center
}

.processCon ul li .hd {
	display: block;
	color: #010712;
	font-size: 19px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 5px
}

.processCon ul li.first {
	position: absolute;
	top: 290px;
	left: -47px
}

.processCon ul li.first .icon {
	position: absolute;
	left: 74px;
	top: -185px
}

.processCon ul li.second {
	position: absolute;
	bottom: 290px;
	left: 192px
}

.processCon ul li.second .icon {
	position: absolute;
	left: 74px;
	top: 172px
}

.processCon ul li.thrid {
	position: absolute;
	top: 290px;
	left: 430px
}

.processCon ul li.thrid .icon {
	position: absolute;
	left: 74px;
	top: -185px
}

.processCon ul li.four {
	position: absolute;
	bottom: 290px;
	left: 670px
}

.processCon ul li.four .icon {
	position: absolute;
	left: 74px;
	top: 172px
}

.processCon ul li.five {
	position: absolute;
	top: 290px;
	left: 910px
}

.processCon ul li.five .icon {
	position: absolute;
	left: 74px;
	top: -185px
}

.engagingUs {
	border-top: 1px solid #dadada;
	padding: 40px 0 0 0
}

.engagingUs .subHd {
	font-size: 32px
}

.engagingUsList>li {
	border: 1px solid #dfdfdf;
	padding: 28px;
	margin: 40px 5% 0 0;
	width: 30%;
	float: left
}

.engagingUsList>li a {
	color: #e14a25;
	text-decoration: underline
}

.engagingUsList>li a:hover {
	text-decoration: none
}

.engagingUsList>li:last-child {
	margin-right: 0
}

.engagingUsList>li .hd {
	min-height: 60px;
	position: relative;
	color: #010712;
	font-size: 28px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	line-height: 33px;
	padding: 0 0 20px 35px;
	display: block
}

.engagingUsList>li .hd span {
	position: absolute;
	left: 0;
	top: 8px;
	color: #e14a25;
	font-size: 55px
}

.bulletTxt {
	padding: 20px 0 0 0
}

.bulletTxt li {
	padding: 2px 0 2px 20px;
	position: relative
}

.bulletTxt li:after {
	content: '';
	width: 7px;
	height: 7px;
	background: #fff;
	border-radius: 100%;
	border: 3px solid #d1d1d1;
	position: absolute;
	left: 0;
	top: 9px
}

.contactTop {
	color: #010712;
	font-size: 23px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 10px
}

.contactFormOut {
	border-top: 1px solid #dadada;
	padding: 40px 0
}

.contactForm {
	border: 1px solid #edeef0;
	padding: 30px 40px
}

.formField {
	padding-bottom: 20px
}

.formField.half {
	width: 48%
}

.contactInput {
	border: 1px solid #d7d9dc;
	padding: 10px;
	width: 100%;
	font-size: 15px;
	border-radius: 2px
}

.contactSelect {
	border: 1px solid #d7d9dc;
	padding: 9px 5px;
	width: 100%;
	font-size: 15px;
	border-radius: 2px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #fff url(../images/select_arrow.png) no-repeat right 10px center
}

.formField label {
	display: block;
	padding-bottom: 5px;
	color: #111;
	font-size: 17px;
	font-weight: 700
}

.formBtn.smll {
	width: auto;
	padding: 10px 35px;
	min-width: 300px;
	text-align: center
}

.contcatMap {
	width: 806px;
	height: 347px;
	position: relative;
	margin: 10px auto 40px auto;
	z-index: 100
}

.redBullet {
	background: #e14a25;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	display: block;
	cursor: pointer
}

.contcatMap .india {
	position: absolute;
	left: 548px;
	top: 162px;
	cursor: pointer
}

.contcatMap .saudiArabia {
	position: absolute;
	left: 478px;
	top: 162px;
	cursor: pointer
}

.contcatMap .usa {
	position: absolute;
	left: 174px;
	top: 115px;
	cursor: pointer
}

.contcatMap .dalls {
	position: absolute;
	left: 125px;
	top: 130px;
	cursor: pointer
}

.contcatMap .uk {
	position: absolute;
	left: 386px;
	top: 72px;
	cursor: pointer
}

.contcatMap .austraila {
	position: absolute;
	left: 650px;
	top: 268px;
	cursor: pointer
}

.round1 {
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-name: round1;
	animation-timing-function: linear;
	background: #e14a25 none repeat scroll 0 0;
	border: 1px solid #e14a25;
	border-radius: 100%;
	height: 4px;
	left: 23px;
	position: absolute;
	top: 23px;
	width: 4px
}

.round2 {
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-name: round2;
	animation-timing-function: linear;
	border: 1px solid #e14a25;
	border-radius: 100%;
	height: 26px;
	left: 12px;
	position: absolute;
	top: 12px;
	width: 26px
}

.round3 {
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-name: round3;
	animation-timing-function: linear;
	border: 1px solid #e14a25;
	border-radius: 100%;
	height: 50px;
	left: 0;
	position: absolute;
	top: 0;
	width: 50px
}

@keyframes round1 {
	0% {
		opacity: 0
	}
	20% {
		opacity: .5
	}
	30% {
		opacity: 1
	}
}

@keyframes round1 {
	0% {
		opacity: 0
	}
	20% {
		opacity: .5
	}
	30% {
		opacity: 1
	}
}

@keyframes round2 {
	0% {
		opacity: 0
	}
	40% {
		opacity: 0
	}
	60% {
		opacity: 1
	}
}

@keyframes round2 {
	0% {
		opacity: 0
	}
	40% {
		opacity: 0
	}
	60% {
		opacity: 1
	}
}

@keyframes round3 {
	0% {
		opacity: 0
	}
	50% {
		opacity: 0
	}
	90% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes round3 {
	0% {
		opacity: 0
	}
	50% {
		opacity: 0
	}
	90% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.contactPopup {
	width: 420px;
	border: 1px solid #d7d9dc;
	border-radius: 2px;
	background: #fff;
	position: absolute;
	left: -190px;
	bottom: 20px;
	z-index: 10000;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	display: none
}

.contactPopup:after {
	content: '';
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-top: 20px solid #fff;
	position: absolute;
	left: 50%;
	bottom: -20px;
	margin-left: -15px
}

.contactPopup:before {
	content: '';
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-top: 20px solid #ccc;
	position: absolute;
	left: 50%;
	bottom: -21px;
	margin-left: -15px
}

.contactPopup .lft {
	float: left;
	width: 45%
}

.contactPopup .lft img {
	vertical-align: top
}

.contactPopup .rgt {
	float: left;
	width: 55%;
	font-family: 'Roboto Condensed', sans-serif
}

.contactPopup .hd {
	border-bottom: 1px solid #d7d9dc;
	padding: 10px;
	color: #010712;
	font-size: 22px
}

.contactPopup .hd img {
	vertical-align: middle;
	margin: 0 5px 3px 0
}

.contactPopup .address {
	border-bottom: 1px solid #d7d9dc;
	padding: 10px;
	color: #363636;
	font-size: 14px
}

.contactPopup .bot {
	padding: 5px 10px
}

.contactPopup .phone {
	display: block;
	color: #363636;
	font-size: 14px;
	background: url(../images/phone_icon.png) no-repeat 5px 3px;
	padding: 3px 0 5px 30px
}

.contactPopup .fax {
	display: block;
	color: #363636;
	font-size: 14px;
	background: url(../images/fax_icon.png) no-repeat 7px 6px;
	padding: 3px 0 5px 30px
}

.contactPopup .email {
	display: block;
	color: #363636;
	font-size: 14px;
	background: url(../images/atrate.png) no-repeat 8px 6px;
	padding: 3px 0 5px 30px
}

.contactPopup .email a,
.contactPopup .fax a,
.contactPopup .phone a {
	color: #363636
}

.dialBefore {
	display: block;
	color: #646464;
	font-size: 13px;
	padding: 5px
}

.hrContacts {
	display: none
}

.officeTime {
	border-top: 1px solid #dadada;
	padding: 40px 0 0 0
}

.timeList {
	padding: 30px 0 0 0
}

.timeList li {
	float: left;
	width: 48%;
	color: #010712;
	font-size: 19px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	border-right: 1px solid #c1c1c1;
	padding: 0 20px 0 65px;
	position: relative
}

.timeList li img {
	position: absolute;
	left: 0;
	top: -4px
}

.timeList li:last-child {
	border: none;
	width: 52%;
	padding-left: 90px
}

.timeList li:last-child img {
	left: 25px
}

.contcatLink {
	background: #f2f2f2
}

.contcatLink li {
	border-bottom: 1px solid #fff;
	padding: 14px 14px 14px 50px;
	color: #000;
	font-size: 17px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	position: relative
}

.contcatLink li:first-child {
	border: none;
	padding-bottom: 0
}

.contcatLink li a {
	color: #000
}

.contcatLink li img.afj {
	top: 14px;
	position: absolute;
	left: 18px
}

.contcatLink li img.callHR {
	top: 14px;
	position: absolute;
	left: 26px;
	width: 12px
}

.contcatLink li img.call {
	top: 19px;
	left: 22px;
	position: absolute
}

.contcatLink li img.req {
	top: 17px;
	position: absolute;
	left: 18px
}

.flexsinOnline li {
	color: #646464;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 5px 0
}

.flexsinOnline li a {
	color: #1e4288
}

.flexsinOnline li img {
	vertical-align: middle;
	margin: 0 4px 2px 0
}

.pfTopTxt {
	background: #f5f5f5;
	border-bottom: 1px solid #d9dbde;
	padding: 40px;
	text-align: center;
	margin-top: -20px;
	color: #1f1f1f;
	font-size: 23px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif
}

.pfTab {
	background: #f5f5f5;
	border-bottom: 1px solid #d9dbde;
	text-align: center
}

.pfTab ul li {
	color: #575757;
	font-size: 15px;
	font-weight: 700;
	border-right: 1px solid #d9dbde;
	position: relative;
	display: inline-block;
	margin-left: -3px
}

.pfTab ul li a i {
	display: none
}

.pfTab ul li:last-child {
	border: none
}

.pfTab ul li a {
	display: inline-block;
	padding: 20px 25px;
	color: #575757
}

.pfTab ul li a.active,
.pfTab ul li a:hover {
	background: #e14a25;
	color: #fff
}

.pfTab ul li a.active:after,
.pfTab ul li a:hover:after {
	content: '';
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #e14a25;
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -4px
}

.pfTab ul li.complete a {
	color: #0c6!important
}

.pfSearchCon {
	padding: 15px 10px 25px 10px;
	background: #efefef;
	background: -moz-linear-gradient(top, #efefef 0, #fff 100%);
	background: -webkit-linear-gradient(top, #efefef 0, #fff 100%);
	background: linear-gradient(to bottom, #efefef 0, #fff) 100%)
}

.pfSearchBox {
	padding: 0 10px;
	width: 33.33%;
	float: left
}

.pr {
	position: relative
}

a.searchLink {
	display: block;
	width: 100%;
	border: 1px solid #dcdde0;
	border-radius: 2px;
	padding: 15px;
	background: #fff url(../images/select_arrow.png) no-repeat right 15px center;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: 14px;
	color: #707070
}

.searchPopup {
	position: absolute;
	left: 0;
	top: 100%;
	border: 1px solid #dcdde0;
	background: #fff;
	z-index: 10000;
	width: 100%;
	margin-top: -1px;
	display: none;
	max-height: 250px;
	overflow: auto
}

.searchPopup ul li {
	border-bottom: 1px solid #dcdde0;
	padding: 7px 10px 7px 22px;
	cursor: pointer;
	background: url(../images/black_arrow.png) no-repeat 10px 14px;
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif
}

.searchPopup ul li:hover {
	background: #eee url(../images/black_arrow.png) no-repeat 10px 14px
}

.searchPopup ul li:last-child {
	border-bottom: none
}

.pfList ul li {
	float: left;
	width: 33%;
	margin-right: .5%;
	margin-bottom: 15px
}

.pfList ul li:nth-child(3n) {
	margin-right: 0
}

.pfList ul li:nth-child(3n+1) {
	clear: both
}

.botlbg {
	background: url(../images/pf_bot_lbg.png) no-repeat left bottom
}

.botrbg {
	background: url(../images/pf_bot_rbg.png) no-repeat right bottom;
	padding-bottom: 25px
}

.pfList ul li .pfImg {
	vertical-align: top;
	width: 100%
}

.pfImgBox {
	position: relative
}

.pfList ul li .pfBot .rgt {
	float: right;
	padding: 10px 15px 0 0
}

.pfList ul li .pfBot .rgt a {
	background: url(../images/pf_social.png) no-repeat;
	display: inline-block;
	height: 32px;
	margin-left: 8px;
	width: 32px
}

.pfList ul li .pfBot .rgt a.share {
	background-position: 0 0
}

.pfList ul li .pfBot .rgt a.share:hover {
	background-position: 0 -33px
}

.pfList ul li .pfBot .rgt a.facebook {
	background-position: -33px 0
}

.pfList ul li .pfBot .rgt a.facebook:hover {
	background-position: -33px -33px
}

.pfList ul li .pfBot .rgt a.twitter {
	background-position: -66px 0
}

.pfList ul li .pfBot .rgt a.twitter:hover {
	background-position: -66px -33px
}

.mobPFList {
	padding: 30px 0 0 0
}

.mobPFList ul li {
	float: left;
	width: 33%;
	margin-right: .5%;
	margin-bottom: 15px
}

.mobPFList ul li:nth-child(3n) {
	margin-right: 0
}

.mobPFBox {
	border: 1px solid #dedede
}

.mobPFBox .hd {
	color: #575757;
	font-size: 15px;
	font-weight: 700;
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.mobPFBox .hd img {
	vertical-align: middle;
	margin: 0 5px 0 0;
	width: 35px!important;
	display: inline-block!important
}

.mobPFImg {
	position: relative
}

.mobPFImg img {
	width: 100%;
	vertical-align: top
}

.hireTab.techo ul li {
	width: 16%
}

.hireTab.techo ul li:nth-child(4) {
	width: 20%
}

.hireTab.techo ul li a {
	padding: 20px 0 0 0
}

.uiuxList ul li {
	padding: 30px
}

.uiuxList ul li:nth-child(2n) {
	background: url(../images/uiux_bg.jpg) no-repeat center;
	background-size: cover
}

.uiuxList ul li .imgBox {
	float: right;
	width: 55%;
	text-align: center
}

.uiuxList ul li .imgBox img {
	max-width: 100%;
	vertical-align: top
}

.uiuxList ul li .detBox {
	float: left;
	width: 45%;
	padding: 50px 50px 50px 0
}

.uiuxList ul li .detBox span {
	display: block;
	color: #111;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 700;
	padding-bottom: 10px
}

.uiuxList ul li:nth-child(2n) .imgBox {
	float: left
}

.uiuxList ul li:nth-child(2n) .detBox {
	float: right;
	padding: 50px 0 50px 50px
}

.uiuxList ul li a.readMore {
	width: auto;
	height: auto;
	font-size: 17px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	line-height: normal;
	padding: 7px 35px;
	border-radius: 4px;
	margin-top: 20px
}

.solutionTop {
	text-align: center;
	color: #010712;
	font-size: 23px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 40px
}

.solutionList {
	padding-bottom: 40px;
	text-align: center
}

.solutionList ul li {
	width: 18.4%;
	margin: 0 2% 20px -4px;
	text-align: center;
	color: #454951;
	font-size: 19px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	display: inline-block
}

.solutionList ul li:nth-child(5n) {
	margin-right: 0
}

.solutionList ul li a {
	color: #454951;
	width: 100%;
	display: inline-block;
	background: #f9f9f9;
	border: 1px solid #efefef;
	padding: 40px 5px;
	border-radius: 2px;
	-moz-box-shadow: 2px 2px 4px rgba(186, 186, 186, .3);
	-webkit-box-shadow: 2px 2px 4px rgba(186, 186, 186, .3);
	-o-box-shadow: 2px 2px 4px rgba(186, 186, 186, .3);
	box-shadow: 2px 2px 4px rgba(186, 186, 186, .3)
}

.solutionList ul li a span {
	display: block
}

.solutionList ul li a img {
	display: block;
	margin: 0 auto 20px auto
}

.solutionList ul li a img.ro {
	display: none
}

.solutionList ul li a:hover img.ro {
	display: block
}

.solutionList ul li a:hover img.front {
	display: none
}

.solutionList ul li a:hover {
	background: url(../images/solution_over_bg.jpg) no-repeat center;
	background-size: cover;
	color: #fff
}

.ourClientList {
	text-align: center
}

.ourClientList ul li {
	border: 1px solid #e8e8e8;
	width: 19.6%;
	background: #f2f2f2;
	margin: 0 .5% .5% -4px;
	display: inline-block
}

.ourClientList ul li:nth-child(2n) {
	background: #fff
}

.ourClientList ul li:nth-child(5n) {
	margin-right: 0
}

.ourClientList ul li span {
	display: inline-block;
	width: 100%;
	padding: 35px 10px;
	text-align: center
}

.ourClientList ul li span img {
	max-width: 100%
}

.solutionTab {
	border: 1px solid #f6f6f6;
	border-bottom: 1px solid #dfdfdf;
	height: 68px;
	margin-bottom: 20px;
	-webkit-box-shadow: -1px -1px 1px rgba(180, 180, 180, .1);
	-moz-box-shadow: -1px -1px 1px rgba(180, 180, 180, .1);
	-o-box-shadow: -1px -1px 1px rgba(180, 180, 180, .1);
	box-shadow: -1px -1px 1px rgba(180, 180, 180, .1)
}

.solutionTab ul li {
	float: left;
	width: 33.33%;
	text-align: center;
	position: relative
}

.solutionTab ul li:after {
	content: '';
	background: #dcdcdc;
	height: 46px;
	width: 1px;
	position: absolute;
	right: 0;
	top: 10px
}

.solutionTab ul li:last-child:after {
	display: none
}

.solutionTab ul li a {
	color: #000;
	font-size: 19px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	position: relative;
	text-transform: uppercase;
	display: block;
	height: 65px;
	padding: 18px 0 0 0
}

.solutionTab ul li a span {
	display: block
}

.solutionTab ul li a:hover,
.solutionTab ul li.active a {
	background: #efefef;
	background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
	background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
	background: linear-gradient(to bottom, #fff 0, #efefef) 100%)
}

.solutionTab ul li a:hover:before,
.solutionTab ul li.active a:before {
	content: '';
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #dfdfdf;
	position: absolute;
	left: 50%;
	bottom: -1px;
	margin-left: -4px
}

.solutionTab ul li a:hover:after,
.solutionTab ul li.active a:after {
	content: '';
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	position: absolute;
	left: 50%;
	bottom: -2px;
	margin-left: -4px
}

.content p {
	color: #000000;
	font-weight: 400;
	padding-bottom: 0;
	line-height: 40px!important;
	text-align: justify;
	margin: 10px 0px;
	font-size: 17px;
	font-family: "Roboto Slab", serif;
}

.blog-image {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: -36px!important
}

.contentBx {
	overflow: hidden
}

.smllHd {
	color: #000;
	font-size: 18px;
	font-weight: 700;
	display: block;
	text-transform: uppercase;
	padding-bottom: 10px;
	font-family: 'Roboto Condensed', sans-serif
}

.checkTxt {
	padding-bottom: 20px
}

.checkTxt li {
	padding: 6px 0 6px 15px;
	position: relative
}

.checkTxt li:after {
	content: '';
	background: #6c6c6c;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 16px
}

.checkTxt li.half {
	float: left;
	width: 50%;
	padding-right: 20px
}

.solServices ul li {
	float: left;
	width: 50%;
	position: relative;
	padding: 6px 0 6px 35px
}

.solServices ul li span {
	position: absolute;
	left: 0;
	top: 7px;
	text-align: center;
	width: 31px;
	display: block
}

.erpList ul li {
	width: 48%;
	float: left;
	margin: 0 4% 25px 0;
	position: relative;
	padding: 0 0 0 70px
}

.erpList ul li:nth-child(2n) {
	margin-right: 0
}

.erpList ul li .hd {
	display: block;
	font-weight: 500;
	color: #000
}

.erpList ul li .img {
	display: block;
	border: 1px solid #ccc;
	position: absolute;
	left: 0;
	top: 7px;
	padding: 5px
}

.erpList ul li .img img {
	vertical-align: middle;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .6
}

.erpList ul li:hover .img img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1
}

.wsww .lft {
	width: 48%;
	float: left
}

.wsww .lft ul li {
	margin-bottom: 20px
}

.wsww .lft ul li span {
	font-weight: 500;
	color: #000;
	margin-right: 5px
}

.wsww .rgt {
	width: 48%;
	float: right
}

.wsww .rgt ul li {
	padding: 0 0 0 12px;
	margin-bottom: 20px;
	position: relative
}

.wsww .rgt ul li:after {
	content: '';
	background: #6c6c6c;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 12px
}

a.moreBtn {
	display: block;
	background: #e84325;
	border-radius: 4px;
	font-size: 17px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	margin-top: 10px;
	color: #fff;
	text-transform: uppercase;
	padding: 8px;
	text-align: center
}

a.moreBtn:hover {
	background: #c4351b
}

a.moreBtn .minuse {
	display: none
}

a.moreBtn.active .pluse {
	display: none
}

a.moreBtn.active .minuse {
	display: block
}

a.itLinks {
	display: block;
	background: url(../images/it_link_bg.jpg) no-repeat center;
	background-size: cover;
	color: #e14a25;
	font-size: 27px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	border: 1px solid #e8e8e8;
	height: 90px;
	line-height: 90px;
	padding-left: 100px;
	position: relative;
	margin-bottom: 10px
}

a.itLinks span {
	color: #000
}

a.itLinks .img {
	width: 80px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-right: 1px solid #e8e8e8;
	text-align: center;
	padding-top: 12px
}

.adsCon {
	padding: 40px 0;
	overflow: hidden
}

.adsLIst li {
	width: 31.66%;
	float: left;
	margin: 25px 2.5% 0 0;
	padding: 50px 20px;
	text-align: center;
	border: 1px solid #efefef;
	background: #fff;
	-webkit-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-moz-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-o-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	box-shadow: 4px 4px 5px rgba(178, 178, 178, .3)
}

.adsLIst li:nth-child(3n) {
	margin-right: 0
}

.adsLIst li:hover {
	background: #f9f9f9
}

.adsLIst li h2 {
	font-size: 19px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	padding-bottom: 10px;
	color: #232832
}

.adsLIst li h2 a {
	color: #232832
}

.adsLIst li h2 a:hover {
	color: #e14a25
}

.adsLIst li img {
	margin: 0 auto 20px auto;
	display: block
}

.technologicalCom {
	background: #f8f8f8 url(../images/tec_com_bg.jpg) no-repeat right;
	background-size: auto 100%;
	padding: 40px 0;
	overflow: hidden
}

.techologySlider {
	padding: 20px 25px;
	position: relative
}

.techologySlider .item {
	padding: 0 7px 7px 0
}

.techologySlider .item a,
.techologySlider .item span {
	display: block;
	border: 1px solid #efefef;
	-webkit-box-shadow: 2px 2px 3px rgba(178, 178, 178, .3);
	-moz-box-shadow: 2px 2px 3px rgba(178, 178, 178, .3);
	-o-box-shadow: 2px 2px 3px rgba(178, 178, 178, .3);
	box-shadow: 2px 2px 3px rgba(178, 178, 178, .3);
	background: #fff;
	text-align: center;
	padding: 15px
}

.techologySlider .owl-stage .item img {
	max-width: 100%;
	width: auto!important;
	margin: auto
}

.techologySlider .owl-prev {
	background: url(../images/prev_arrow.png);
	width: 13px;
	height: 27px;
	margin-top: -14px;
	opacity: .1;
	position: absolute;
	left: 0;
	top: 50%;
	overflow: hidden;
	text-indent: -200px
}

.techologySlider .owl-next {
	background: url(../images/next_arrow.png);
	width: 13px;
	height: 27px;
	margin-top: -14px;
	opacity: .1;
	position: absolute;
	right: 5px;
	top: 50%;
	overflow: hidden;
	text-indent: -200px
}

.donainExpertise {
	background: #fff;
	padding: 40px 0;
	overflow: hidden;
	border-bottom: 1px solid #ebebeb
}

.expertiseSlider {
	padding: 20px 25px;
	position: relative
}

.expertiseSlider .item {
	border-top: 1px solid #dadada;
	padding-top: 100px;
	text-align: center;
	position: relative
}

.expertiseSlider .item a {
	color: #575757;
	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif
}

.expertiseSlider .item a span {
	display: block
}

.expertiseSlider .owl-stage .item img {
	max-width: 100%;
	width: auto!important;
	margin: 0 auto 5px auto
}

.expertiseSlider .line {
	background: #dadada;
	height: 80px;
	width: 1px;
	position: absolute;
	left: 50%;
	top: 0
}

.expertiseSlider .line:after {
	content: '';
	width: 13px;
	height: 13px;
	background: #dadada;
	border-radius: 100%;
	position: absolute;
	bottom: 0;
	left: -6px
}

.expertiseSlider .line.blue {
	background: #0cf
}

.expertiseSlider .line.blue:after {
	background: #0cf
}

.expertiseSlider .line.green {
	background: #51c336
}

.expertiseSlider .line.green:after {
	background: #51c336
}

.expertiseSlider .line.darkBlue {
	background: #255ccc
}

.expertiseSlider .line.darkBlue:after {
	background: #255ccc
}

.expertiseSlider .line.lightGreen {
	background: #00ddce
}

.expertiseSlider .line.lightGreen:after {
	background: #00ddce
}

.expertiseSlider .line.red {
	background: #f96057
}

.expertiseSlider .line.red:after {
	background: #f96057
}

.expertiseSlider .line.yellow {
	background: #ff9700
}

.expertiseSlider .line.yellow:after {
	background: #ff9700
}

.expertiseSlider .owl-prev {
	background: url(../services/icon/prev_arrow.png);
	width: 13px;
	height: 27px;
	opacity: .1;
	position: absolute;
	left: 0;
	top: 7px;
	overflow: hidden;
	text-indent: -200px
}

.expertiseSlider .owl-next {
	background: url(../services/icon/next_arrow.png);
	width: 13px;
	height: 27px;
	opacity: .1;
	position: absolute;
	right: 5px;
	top: 7px;
	overflow: hidden;
	text-indent: -200px
}

.pdLifeCycle {
	background: #fff;
	padding: 40px 0;
	overflow: hidden
}

.cycleCon {
	width: 440px;
	margin: 180px auto;
	position: relative
}

.hexagonGray {
	width: 440px;
	height: 260px;
	background: #f5f5f5;
	position: relative;
	margin: auto;
	z-index: 99
}

.hexagonGray:before {
	content: "";
	position: absolute;
	top: -130px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 220px solid transparent;
	border-right: 220px solid transparent;
	border-bottom: 130px solid #f5f5f5
}

.hexagonGray:after {
	content: "";
	position: absolute;
	bottom: -130px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 220px solid transparent;
	border-right: 220px solid transparent;
	border-top: 130px solid #f5f5f5
}

.hexagonWht {
	width: 400px;
	height: 240px;
	background: #fff;
	position: absolute;
	margin: auto;
	top: 10px;
	left: 20px;
	z-index: 100
}

.hexagonWht:before {
	content: "";
	position: absolute;
	top: -120px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 200px solid transparent;
	border-right: 200px solid transparent;
	border-bottom: 120px solid #fff
}

.hexagonWht:after {
	content: "";
	position: absolute;
	bottom: -120px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 200px solid transparent;
	border-right: 200px solid transparent;
	border-top: 120px solid #fff
}

.hexagonWht .hd {
	color: #080507;
	font-size: 45px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding-top: 50px;
	line-height: 48px
}

.hexagonWht .hd span {
	display: block
}

.cycleCon .textBox {
	position: absolute;
	width: 290px;
	font-family: 'Roboto Condensed', sans-serif
}

.cycleCon .textBox .line {
	width: 100px;
	height: 2px;
	display: block;
	position: absolute
}

.cycleCon .textBox .line:after {
	content: '';
	width: 13px;
	height: 13px;
	border-radius: 100%;
	position: absolute
}

.cycleCon .textBox .hd {
	font-size: 28px;
	text-transform: uppercase;
	font-weight: 700;
	display: block
}

.cycleCon .textBox ul li {
	color: #646464;
	font-size: 21px;
	font-weight: 300;
	padding: 4px 10px 4px 0;
	position: relative
}

.cycleCon .textBox ul li span {
	margin-right: 5px
}

.cycleCon .analysis {
	left: -305px;
	top: -120px;
	text-align: right
}

.cycleCon .analysis .line {
	background: #ff9d0f;
	right: -100px;
	top: 57px;
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	transform: rotate(35deg)
}

.cycleCon .analysis .line:after {
	background: #ff9d0f;
	bottom: -5px;
	left: -10px
}

.cycleCon .analysis .hd {
	color: #ff9700;
	padding: 7px 15px 0 0
}

.cycleCon .analysis ul li {
	padding: 4px 15px 4px 0
}

.cycleCon .analysis ul li span {
	color: #ff9d0f
}

.cycleCon .design {
	right: -305px;
	top: -120px
}

.cycleCon .design .line {
	background: #0cf;
	left: -100px;
	top: 57px;
	-moz-transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
	transform: rotate(-35deg)
}

.cycleCon .design .line:after {
	background: #0cf;
	bottom: -5px;
	right: -10px
}

.cycleCon .design .hd {
	color: #0cf;
	padding: 7px 0 0 15px
}

.cycleCon .design ul li {
	padding: 4px 0 4px 27px
}

.cycleCon .design ul li span {
	color: #0cf;
	position: absolute;
	left: 15px;
	top: 5px
}

.cycleCon .planning {
	left: -377px;
	top: 70px;
	text-align: right
}

.cycleCon .planning .line {
	background: #f96057;
	right: -100px;
	top: 67px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg)
}

.cycleCon .planning .line:after {
	background: #f96057;
	bottom: -5px;
	right: -10px
}

.cycleCon .planning .hd {
	color: #f96057;
	padding: 7px 25px 0 0
}

.cycleCon .planning ul li {
	padding: 4px 25px 4px 0
}

.cycleCon .planning ul li span {
	color: #f96057
}

.cycleCon .development {
	right: -377px;
	top: 70px
}

.cycleCon .development .line {
	background: #51c336;
	left: -100px;
	top: 67px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg)
}

.cycleCon .development .line:after {
	background: #51c336;
	bottom: -5px;
	left: -10px
}

.cycleCon .development .hd {
	color: #51c336;
	padding: 7px 0 0 25px
}

.cycleCon .development ul li {
	padding: 4px 0 4px 37px
}

.cycleCon .development ul li span {
	color: #51c336;
	position: absolute;
	left: 25px;
	top: 5px
}

.cycleCon .initiation {
	left: -305px;
	top: 310px;
	text-align: right
}

.cycleCon .initiation .line {
	background: #00ddce;
	right: -100px;
	top: -4px;
	-webkit-transform: rotate(-35deg);
	-moz-transform: rotate(-35deg);
	transform: rotate(-35deg)
}

.cycleCon .initiation .line:after {
	background: #00ddce;
	bottom: -5px;
	left: -10px
}

.cycleCon .initiation .hd {
	color: #00ddce;
	padding: 7px 15px 0 0
}

.cycleCon .initiation ul li {
	padding: 4px 15px 4px 0
}

.cycleCon .initiation ul li span {
	color: #00ddce
}

.cycleCon .testing {
	right: -305px;
	top: 310px
}

.cycleCon .testing .line {
	background: #255ccc;
	left: -100px;
	top: -4px;
	-moz-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg)
}

.cycleCon .testing .line:after {
	background: #255ccc;
	bottom: -5px;
	right: -10px
}

.cycleCon .testing .hd {
	color: #255ccc;
	padding: 7px 0 0 15px
}

.cycleCon .testing ul li {
	padding: 4px 0 4px 27px
}

.cycleCon .testing ul li span {
	color: #255ccc;
	position: absolute;
	left: 15px;
	top: 5px
}

.benefitCon {
	background: url(../images/benefit_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 40px 0;
	overflow: hidden
}

.benefitList {
	padding-top: 40px
}

.benefitList li {
	float: left;
	width: 33.33%;
	position: relative;
	color: #646464;
	font-size: 23px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom: 50px;
	padding-left: 84px
}

.benefitList li span {
	display: block
}

.benefitList li img {
	position: absolute;
	left: 0;
	top: 2px
}

.botPfCon {
	padding: 40px 0;
	border-top: 1px solid #eee
}

.botPfCon .lft {
	float: left;
	width: 60%
}

.csSlider {
	background: #efefef;
	padding: 30px 30px 0 30px
}

.csSlider .owl-prev {
	background: url(../images/prev_arrow.png);
	width: 13px;
	height: 27px;
	opacity: .3;
	position: absolute;
	left: 7px;
	top: 50%;
	overflow: hidden;
	text-indent: -200px
}

.csSlider .owl-next {
	background: url(../images/next_arrow.png);
	width: 13px;
	height: 27px;
	opacity: .3;
	position: absolute;
	right: 7px;
	top: 50%;
	overflow: hidden;
	text-indent: -200px
}

.csSlider .item {
	max-height: 240px;
	overflow: hidden;
	position: relative;
	opacity: .3
}

.csSlider .item:hover .homePfOver {
	display: block
}

.csSlider .owl-item.active .item {
	opacity: 1
}

.botPfCon .rgt {
	float: left;
	width: 40%;
	padding: 0 0 0 40px;
	position: relative
}

.botPfCon .rgt .client-video {
	position: absolute;
	left: 50px;
	top: 35px
}

.botPfCon .rgt .client-video ul li {
	padding: 0;
	margin-bottom: 15px
}

.botPfCon .client-video ul li a:after {
	display: none
}

.botPfCon .client-video ul li a.active .video-icon {
	opacity: 1
}

.botPfCon .client-video ul li a.active {
	opacity: .6
}

.videoPopup {
	position: absolute;
	right: 0;
	top: 35px;
	width: 100%;
	z-index: 100;
	padding-left: 50px;
	display: none
}

.videoInner {
	position: relative;
	padding-bottom: 56.25%;
	border: 5px solid #eee;
	background: #eee
}

.videoFile {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none
}

.close {
	background: #eee;
	text-align: right;
	padding: 5px 5px 0 5px;
	text-transform: uppercase
}

.wdList li {
	width: 47%;
	float: left;
	position: relative;
	min-height: 100px;
	margin: 40px 6% 0 0;
	padding-left: 120px
}

.wdList li:nth-child(2n) {
	margin-right: 0
}

.wdList li img {
	position: absolute;
	left: 0;
	top: 0
}

.wdList li .hd {
	display: block;
	font-size: 23px;
	padding-bottom: 5px;
	font-family: poppins;
	text-transform: uppercase;
	color: #232832
}

.wdList li .hd a {
	color: #232832
}

.wdList li .hd a:hover {
	color: #e45e3e
}

.wdList li.last {
	width: 100%
}

.technicalExpertise {
	background: url(../images/expertise_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 40px 0;
	overflow: hidden
}

.tbletBox {
	background: #fff;
	border: 2px solid #b9b9b9;
	border-radius: 30px;
	max-width: 1050px;
	margin: 20px auto 0 auto;
	padding: 80px 100px;
	position: relative;
	-o-box-shadow: 0 3px 1px #878787;
	-moz-box-shadow: 0 3px 1px #878787;
	-webkit-box-shadow: 0 3px 1px #878787;
	box-shadow: 0 3px 1px #878787
}

.tbletBox:before {
	content: '';
	background: url(../images/tablet_left.gif);
	width: 47px;
	height: 48px;
	position: absolute;
	left: 24px;
	top: 50%;
	margin-top: -24px
}

.tbletBox:after {
	content: '';
	background: url(../images/tablet_right.gif);
	width: 18px;
	height: 17px;
	position: absolute;
	right: 40px;
	top: 50%;
	margin-top: -16px
}

.expertiseTab li {
	width: 33.33%;
	float: left;
	border-right: 1px solid #000;
	line-height: 37px;
	font-size: 25px;
	font-weight: 700;
	position: relative
}

.expertiseTab li:last-child {
	border: none
}

.expertiseTab li a {
	display: table;
	vertical-align: middle;
	height: 260px;
	background: #0cf;
	width: 100%;
	text-align: center;
	color: #fff
}

.expertiseTab li a span {
	display: table-cell;
	vertical-align: middle
}

.expertiseTab li.active a {
	background: #f6f6f6;
	color: #000
}

.expertiseTab li.active:after {
	content: '';
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #f6f6f6;
	position: absolute;
	left: 50%;
	bottom: -16px;
	margin-left: -8px
}

.expertiseBox {
	background: #000;
	padding: 0 20px;
	min-height: 380px
}

.expertiseLinks {
	float: left;
	width: 25%;
	padding: 40px 10px;
	font-family: 'Roboto Condensed', sans-serif
}

.expertiseLinks.half {
	width: 50%
}

.expertiseLinks span {
	display: block;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 10px
}

.expertiseLinks ul li {
	padding: 0 0 15px 10px;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	position: relative
}

.expertiseLinks ul li a {
	color: #fff
}

.expertiseLinks ul li:after {
	content: '';
	width: 4px;
	height: 4px;
	background: #e14a25;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 11px
}

.expertiseLinks ul li a:hover {
	color: #e14a25
}

.modelList li {
	float: left;
	width: 20%;
	text-align: center;
	padding: 40px 0
}

.modelList li .img {
	background: url(../images/polygone.png);
	width: 208px;
	height: 182px;
	margin: auto;
	display: block;
	padding-top: 40px
}

.modelList li .txt {
	display: block;
	color: #575757;
	font-size: 19px;
	font-weight: 700;
	padding: 15px 0;
	font-family: 'Roboto Condensed', sans-serif
}

.serviceBg {
	background: url(../images/service_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 20px 20px 0 20px
}

.techBg {
	background: url(../images/tech_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 20px 20px 0 20px
}

.offerList ul li {
	float: left;
	padding: 0 0 30px 55px;
	position: relative;
	width: 33.33%;
	line-height: 21px
}

.offerList ul li span {
	display: block
}

.offerList ul li img {
	left: 0;
	position: absolute;
	top: 5px
}

.videoCon {
	background: #f2f2f2;
	padding: 30px;
	border: 1px solid #efefef;
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1)
}

.videoLft {
	float: left;
	width: 50%
}

.videoRgt {
	float: left;
	width: 50%;
	padding: 0 10px 0 30px;
	overflow: auto
}

.videoLink li {
	padding-bottom: 10px;
	font-size: 21px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700
}

.videoLink li:last-child {
	padding-bottom: 0
}

.videoLink li a {
	display: block;
	color: #8d8c8c;
	padding: 12px 15px 12px 65px;
	background: #fff;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.videoLink li a:after {
	content: '';
	width: 32px;
	height: 32px;
	background: #b4b3b3 url(../images/play_wht.png) no-repeat center;
	position: absolute;
	left: 20px;
	top: 10px;
	border-radius: 100%
}

.videoLink li a:hover,
.videoLink li.active a {
	color: #fff;
	background: #38d5fc
}

.videoLink li a:hover:after,
.videoLink li.active a:after {
	background: #fff url(../images/play_blue.png) no-repeat center
}

.testimonialList {
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px
}

.testimonialList li {
	padding: 35px;
	width: 33.33%;
	background: #fff;
	position: relative;
	color: #000
}

.testimonialList li .top {
	position: relative;
	min-height: 50px;
	margin-bottom: 15px;
	padding-left: 62px
}

.testimonialList li .img {
	position: absolute;
	left: 0;
	top: 0
}

.testimonialList li .img img {
	width: 50px;
	height: 50px;
	border: 1px solid #a8a2a2
}

.testimonialList li .clientName {
	color: #324f8d;
	font-size: 14px
}

.testimonialList li .clientName span.hd {
	color: #e14a25;
	font-weight: 700;
	display: block;
	font-size: 18px;
	padding: 0 0 4px 0
}

.testimonialList li .clientName span.hd span {
	font-size: 15px;
	display: inline-block;
	margin-left: 5px
}

.testimonialList li .clientName img {
	vertical-align: middle;
	margin: 0 0 5px 2px;
	display: none
}

.testimonialList li:nth-child(2n) {
	background: #01b4f1;
	color: #fff
}

.testimonialList li .contentTxt {
	font-size: 18px;
	line-height: 25px;
	font-weight: 300
}

.testimonialList li:nth-child(2n) .img img {
	border: 1px solid #fff
}

.testimonialList li:nth-child(2n) .clientName {
	color: #fff
}

.testimonialList li:nth-child(2n) .clientName span {
	color: #000
}

.customerRating {
	background: #f2f2f2;
	padding: 30px;
	border: 1px solid #efefef;
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	margin-bottom: 60px;
	color: #656565;
	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif
}

.customerRating .hd {
	display: block;
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 5px;
	color: #000
}

.orangeClr {
	color: #e84325
}

.blcClr {
	color: #000
}

.techTopList li {
	float: left;
	width: 48%;
	border: 1px solid #efefef;
	margin: 40px 4% 0 0;
	padding: 40px;
	text-align: center;
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
	-o-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .1)
}

.techTopList li:nth-child(2n) {
	margin-right: 0
}

.techTopList li img {
	display: block;
	margin: auto
}

.techTopList li span {
	display: block;
	color: #232832;
	font-size: 23px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	line-height: normal;
	padding: 25px 0 10px 0
}

.ourExpertise {
	background: url(../images/benefit_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 50px 0;
	overflow: hidden
}

.expertiseList>li {
	background: #fff;
	width: 48%;
	float: left;
	margin: 40px 4% 0 0;
	-moz-box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
	border: 1px solid #efefef
}

.expertiseList>li:nth-child(2n) {
	margin-right: 0
}

.expertiseList li .hd {
	background: #00adef;
	padding: 30px;
	color: #fff;
	font-size: 26px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700
}

.expertiseList li .content {
	padding: 40px;
	height: 29pc
}

.expertiseList li .hd.blue {
	background: #a92133
}

.arrowTxt {
	font-family: poppins
}

.expertiseList li .hd.green {
	background: #a92133
}

.arrowTxt {
	padding: 20px 0 0 0
}

.arrowTxt li {
	font-size: 17px;
	font-weight: 300!important;
	padding: 7px 0 7px 20px;
	background: url(../images/blc_arrow.png) no-repeat 0 16px
}

.arrowTxt.blue li {
	color: #545152;
	font-weight: 300
}

.arrowTxt.green li {
	color: #545152;
	font-weight: 300
}

.ckyList>li {
	border-bottom: 1px solid #e1e1e1;
	padding: 25px 0
}

.ckyList>li:last-child {
	border: none
}

.ckyList>li .hd {
	float: left;
	width: 45%;
	color: #232832;
	font-size: 23px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700
}

.ckyList>li .hd img {
	vertical-align: middle;
	margin-right: 10px
}

.ckyList>li .bulletList {
	width: 55%;
	float: left
}

.ckyList>li .bulletList li {
	float: left;
	width: 50%;
	color: #646464;
	font-size: 19px;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 6px 0 6px 10px;
	position: relative;
	text-transform: uppercase
}

.ckyList>li .bulletList li:after {
	content: '';
	width: 4px;
	height: 4px;
	background: #646464;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 17px
}

.ckyList>li .bulletList.blue li:after {
	background: #0cf
}

.ckyList>li .bulletList.green li:after {
	background: #51c336
}

.ckyList>li .bulletList.darkBlue li:after {
	background: #255ccc
}

.ckyList>li .bulletList.red li:after {
	background: #f96057
}

.dimondBg {
	background: url(../images/dimond_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 50px 0;
	overflow: hidden
}

.techBotList>li {
	background: #efefef;
	width: 100%;
	float: left;
	margin: 0 6% 40px 0;
	padding: 0;
	-moz-box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
	height: 33pc;
	overflow-y: scroll
}

.techBotList>li:nth-child(2n) {
	margin-right: 0
}

.dedicatedHd {
	color: #fff;
	font-size: 28px;
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	padding-bottom: 10px;
	background: #a92133;
	padding: 20px
}

.dedicatedTxt {
	color: #424242;
	font-size: 15px;
	font-weight: 300;
	font-family: poppins;
	line-height: 33px;
	padding: 20px
}

.redBulletTxt li {
	color: #575757;
	font-size: 17px;
	font-weight: 700;
	padding: 8px 0 8px 20px;
	background: url(../images/red_bullet.jpg) no-repeat 0 14px
}

.statsList {
	border-top: 1px solid #e2e2e3
}

.statsList li {
	border-left: 1px solid #ccc;
	padding: 20px 20px 20px 65px;
	margin-top: 40px;
	width: 22%;
	float: left;
	color: #646464;
	font-size: 20px;
	font-weight: 700;
	position: relative
}

.statsList li:last-child {
	border-right: 1px solid #e2e2e3
}

.statsList li span {
	position: absolute;
	left: 20px;
	top: -2px;
	color: #e14a25;
	font-size: 68px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif
}

.statsList li:nth-child(3),
.statsList li:nth-child(4) {
	width: 28%
}

.certificationList {
	background: #f7f6f7;
	margin-bottom: 20px
}

.certificationList li {
	border-bottom: 1px solid #dadada;
	padding: 20px 20px 0 20px
}

.certificationList li:last-child {
	border-bottom: none
}

.certificationList li img {
	float: right;
	margin: 5px 0 20px 15px
}

.allianceList {
	text-align: center
}

.allianceList ul li {
	border: 1px solid #e8e8e8;
	width: 24.5%;
	background: #fff;
	margin: 0 .66% .66% -4px;
	display: inline-block;
	vertical-align: top
}

.allianceList ul li:nth-child(2n) {
	background: #f2f2f2
}

.allianceList ul li:nth-child(4n) {
	margin-right: 0
}

.allianceList ul li span {
	display: table;
	height: 120px;
	width: 100%;
	padding: 0 10px;
	text-align: center
}

.allianceList ul li span img {
	max-width: 100%;
	vertical-align: top
}

.allianceList ul li span span {
	display: table-cell;
	height: auto;
	width: auto;
	padding: 0;
	vertical-align: middle
}

.followLinks li {
	border-bottom: 1px solid #dadada;
	font-size: 15px;
	font-weight: 700
}

.followLinks li:last-child {
	border-bottom: none
}

.followLinks li a {
	display: block;
	padding: 7px 0;
	color: #000
}

.followLinks li a:hover {
	color: #e14a25
}

.followLinks li a img {
	vertical-align: middle;
	margin: 0 4px 3px 0
}

.acBox {
	background: #f8f8f8;
	border: 1px solid #dedede;
	padding: 10px 2% 0 2%
}

.acBox li {
	border: 1px solid #d7d7d7;
	padding: 5px;
	width: 46%;
	margin: 0 2% 10px 2%;
	background: #fff;
	float: left;
	text-align: center
}

.acBox li img {
	vertical-align: top;
	max-width: 100%
}

.jobList>li {
	padding-bottom: 20px
}

.jpbHd {
	background: #f2f2f2;
	padding: 12px 190px 12px 20px;
	font-size: 21px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	position: relative
}

.jpbHd span {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #000;
	font-size: 17px
}

.jpbHd span a {
	display: inline-block;
	background: #e84325;
	border-radius: 3px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 5px 12px;
	margin-left: 5px
}

.jpbHd span a:hover {
	background: #bd3210
}

.jobDet {
	border: 1px solid #e5e5e5;
	padding: 20px;
	color: #646464;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	line-height: 21px
}

.jobDet .hd {
	font-weight: 700;
	display: block;
	padding-bottom: 5px;
	font-size: 17px
}

a.moreLink {
	color: #e84325;
	text-decoration: underline
}

a.moreLink:hover {
	text-decoration: none
}

.listBullet {
	padding-bottom: 15px
}

.listBullet li {
	padding: 0 0 8px 10px;
	position: relative;
	line-height: normal
}

.listBullet li:after {
	content: '';
	width: 3px;
	height: 3px;
	position: absolute;
	left: 0;
	top: 9px;
	background: #646464;
	border-radius: 3px
}

.careerTop {
	margin-bottom: 20px;
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff
}

.careerTop img {
	width: 100%;
	vertical-align: top
}

.careerTop .hd {
	font-size: 40px;
	font-weight: 700;
	position: absolute;
	right: 0;
	top: 30px;
	width: 280px
}

.careerTop .txt {
	position: absolute;
	right: 0;
	width: 280px;
	bottom: 40px;
	font-size: 21px;
	font-weight: 300;
	padding-right: 30px
}

.careerTop .txt a {
	display: block;
	background: #e84325;
	border-radius: 3px;
	padding: 6px 5px;
	font-size: 19px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin-top: 20px
}

.careerTop .txt a:hover {
	background: #bd3210
}

.careerList li {
	float: left;
	width: 47%;
	padding: 30px;
	margin-right: 6%;
	margin-top: 40px;
	border: 1px solid #dedede;
	-moz-box-shadow: px 3px 5px rgba(0, 0, 0, .1);
	-o-box-shadow: px 3px 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow: px 3px 5px rgba(0, 0, 0, .1);
	box-shadow: px 3px 5px rgba(0, 0, 0, .1);
	font-family: 'Roboto Condensed', sans-serif;
	background: #f8f8f8
}

.careerList li:nth-child(2n) {
	margin-right: 0
}

.careerList li .hd {
	display: block;
	color: #000;
	font-size: 29px;
	line-height: 33px;
	text-transform: uppercase;
	padding-bottom: 10px
}

.careerList li .hd span {
	display: block
}

.careerList li a.link {
	display: inline-block;
	margin-top: 30px;
	border: 1px solid #e84325;
	border-radius: 3px;
	padding: 8px 15px;
	color: #e84325;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase
}

.careerList li a.link:hover {
	background: #e84325;
	color: #fff
}

.formField.quli {
	width: 25%;
	margin-right: 3%;
	float: left
}

.formField.srp {
	width: 39%;
	margin-right: 3%;
	float: left
}

.formField.tech {
	width: 30%;
	float: left
}

.tctxt {
	display: block;
	text-align: right;
	padding-top: 5px;
	color: #646464;
	font-size: 11px
}

.browseBox {
	border: 1px solid #d7d9dc;
	background: #fff;
	padding: 10px
}

.threeColList li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-top: 40px;
	padding: 0 0 0 55px;
	position: relative;
	min-height: 60px
}

.threeColList li:nth-child(3n) {
	margin-right: 0
}

.threeColList li .hd {
	color: #232832;
	font-size: 25px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	padding-bottom: 5px
}

.threeColList li .hd a {
	color: #232832
}

.threeColList li .hd a:hover {
	color: #e14a25
}

.threeColList li .icon {
	position: absolute;
	left: 0;
	top: 7px
}

.expertiseCon {
	padding: 40px 0 0 0;
	font-family: 'Roboto Condensed', sans-serif
}

.expertiseTxt {
	padding: 40px;
	font-size: 18px;
	line-height: 25px;
	color: #646464;
	height: 20pc;
	text-align:justify
}

.expertiseTxt span {
	display: block;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	padding-bottom: 5px
}

.expertiseTxt ul {
	padding-top: 5px
}

.expertiseTxt ul li {
	padding: 5px 0 5px 12px;
	position: relative
}

.expertiseTxt ul li:before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: #646464;
	position: absolute;
	left: 0;
	top: 17px
}

.expertiseTxt.new {
	padding: 25px
}

.expertiseTxt.new ul li {
	padding: 14px 0 14px 70px;
	position: relative;
	font-size: 21px
}

.expertiseTxt.new ul li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px
}

.expertiseTxt.new ul li:before {
	display: none
}

.expertiseTxt.blueClr ul li:before {
	background: #1456c1
}

.expertiseTxt.greenClr ul li:before {
	background: #1456c1
}

.expertiseTxt.orngClr ul li:before {
	background: #f27920
}

.blueClr {
	color: #1456c1!important
}

.greenClr {
	color: #1456c1 !important
}

.deDesignCon {
	background: url(../images/de_design_bg.jpg) no-repeat center top;
	background-size: cover;
	overflow: hidden
}

.deLft {
	float: left;
	width: 50%;
	background: rgba(255, 255, 255, .9)
}

.deLft .inner {
	width: 585px;
	float: right;
	padding: 50px 50px 50px 0
}

.deLinks li {
	float: left;
	width: 48%;
	margin: 20px 4% 0 0;
	font-size: 17px;
	font-family: 'Roboto Condensed', sans-serif;
	word-break: break-word
}

.deLinks li:nth-child(2n) {
	margin-right: 0
}

.deLinks li a {
	border: 1px solid #ddd;
	display: block;
	color: #575757;
	padding: 20px 10px 20px 70px;
	position: relative;
	min-height: 90px
}

.deLinks li.single a {
	padding: 32px 10px 20px 80px
}

.deLinks li a span {
	display: block
}

.deLinks li a:hover,
.deLinks li.active a {
	border: 1px solid #0cf;
	color: #fff;
	background: #0cf
}

.deLinks li a img {
	width: 50px;
	position: absolute;
	left: 10px;
	top: 20px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.deLinks li a img.ro {
	display: none
}

.deLinks li a:hover img.front,
.deLinks li.active a img.front {
	display: none
}

.deLinks li a:hover img.ro,
.deLinks li.active a img.ro {
	display: block
}

.deRgt {
	float: right;
	width: 50%
}

.deRgt .inner {
	width: 585px;
	float: left;
	padding: 210px 0 210px 121px
}

.deRgt .inner.mac {
	padding: 170px 0 170px 121px
}

.dimondBox {
	background: #fff;
	position: relative;
	width: 464px;
	padding: 0 45px;
	text-align: center
}

.dimondBox:before {
	content: '';
	border-left: 232px solid transparent;
	border-right: 232px solid transparent;
	border-bottom: 130px solid #fff;
	position: absolute;
	top: -130px;
	left: 0
}

.dimondBox:after {
	content: '';
	border-left: 232px solid transparent;
	border-right: 232px solid transparent;
	border-top: 130px solid #fff;
	position: absolute;
	bottom: -130px;
	left: 0
}

.dimondBox .icon img {
	margin-top: -60px;
	position: relative;
	z-index: 10
}

.uppcase {
	text-transform: uppercase
}

.dimondBox.contentBx {
	overflow: visible
}

.webSliderCon {
	background: rgba(255, 255, 255, .8);
	padding: 30px 0
}

.webSlider {
	position: relative
}

.webSlider .item {
	min-height: 100px;
	position: relative
}

.webSlider .item span img {
	width: auto;
	max-width: 90%!important;
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.webSlider .owl-prev,
.whySlider .owl-prev {
	background: url(../images/prev_ar.png);
	width: 25px;
	height: 42px;
	opacity: .4;
	position: absolute;
	left: -45px;
	top: 50%;
	margin-top: -21px;
	overflow: hidden;
	text-indent: -200px
}

.webSlider .owl-prev:hover,
.whySlider .owl-prev:hover {
	opacity: .6
}

.webSlider .owl-next,
.whySlider .owl-next {
	background: url(../images/next_ar.png);
	width: 25px;
	height: 42px;
	opacity: .4;
	position: absolute;
	right: -45px;
	top: 50%;
	margin-top: -21px;
	overflow: hidden;
	text-indent: -200px
}

.webSlider .owl-next:hover,
.whySlider .owl-next:hover {
	opacity: .6
}

.whySlider {
	margin-top: 40px
}

.whySlider .item .content {
	border: 1px solid #d8d8d8;
	padding: 25px;
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0 1px;
	height: 12pc
}

.whySlider .item .content span {
	display: block;
	color: #575757;
	font-size: 23px;
	text-transform: uppercase;
	padding-bottom: 10px
}

.whySlider .item .content.redBor {
	border-top: 6px solid #e14a25
}

.whySlider .item .content.greenBor {
	border-top: 6px solid #51c336
}

.whySlider .item .content.blueBor {
	border-top: 6px solid #255ccc
}

.whySlider .item .content.ligtGreenBor {
	border-top: 6px solid #00ddce
}

.whySlider .item .content.ornageBor {
	border-top: 6px solid #f47e0b
}

.whySlider .item .content.perpuleBor {
	border-top: 6px solid #6f06ab
}

.deCrmCon {
	background: url(../images/de_crm_bg.jpg) no-repeat center top;
	background-size: cover;
	overflow: hidden
}

.deCmsCon {
	background: url(../images/de_cms_bg.jpg) no-repeat center top;
	background-size: cover;
	overflow: hidden
}

.dePortalCon {
	background: url(../images/de_portal_bg.jpg) no-repeat center top;
	background-size: cover;
	overflow: hidden
}

.deEcommerceCon {
	background: url(../images/de_ecommerce_bg.jpg) no-repeat center top;
	background-size: cover;
	overflow: hidden
}

.deBusinessCon {
	background: url(../images/de_business_bg.jpg) no-repeat center top;
	background-size: cover;
	overflow: hidden
}

.pfDetTop {
	background: #f2f2f2;
	padding: 20px
}

.pfDetHd {
	color: #010712;
	font-size: 23px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	padding-bottom: 20px
}

.detToLft {
	width: 72%;
	float: left
}

.detBigImg {
	float: left;
	width: 59%;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.detBigImg img {
	width: 100%
}

.detInfo {
	float: left;
	width: 41%;
	padding: 0 0 0 20px
}

.detInfoBox {
	border-bottom: 1px solid #d6d7d9;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-family: 'Roboto Condensed', sans-serif
}

.detInfoBox .hd {
	color: #121824;
	font-size: 17px;
	line-height: 15px;
	padding-bottom: 5px
}

.detInfoBox span {
	display: inline-block;
	margin: 5px 2px 0 0;
	background: #a4a4a4;
	color: #fff;
	font-size: 14px;
	padding: 6px 8px
}

.detInfoBox span:hover {
	background: #51c336
}

.detBigImg .owl-nav {
	display: none
}

#thumbSlider .owl-item {
	width: 30%!important;
	margin-right: 5%!important;
	margin-bottom: 10px
}

#thumbSlider .owl-item:nth-child(3n) {
	margin-right: 0!important
}

#thumbSlider .owl-item a img {
	border: 6px solid #d0cdcd;
	vertical-align: top
}

#thumbSlider .owl-item a.active img {
	border: 6px solid #fec1b6
}

#thumbSlider .owl-stage {
	width: 100%!important
}

.detToRgt {
	width: 28%;
	float: left;
	padding: 0 0 0 20px
}

.detToRgt .reqForm {
	border: 1px solid #e5e6e7;
	background: #fff;
	padding: 25px
}

.detTxtBox {
	border-bottom: 1px solid #ccc;
	padding: 20px 0
}

.detTxtBox p:last-child,
.detTxtBox ul:last-child {
	padding-bottom: 0
}

.detTxtBox.last {
	border: none;
	padding-bottom: 0
}

.detTxtBox .checkTxt {
	padding: 10px 0 20px 0
}

.pfImgBox:hover .seopfOver {
	display: block
}

.seopfOver {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	display: none
}

.seopfOver .hd {
	color: #1e4288;
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	border: none;
	padding: 5px;
	text-align: center;
	background: #eee;
	font-weight: 700;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.seopfOver .hd span {
	display: block;
	font-size: 15px;
	color: #000;
	font-weight: 300
}

.mobSlider .seopfOver .hd,
.seoSlider .seopfOver .hd {
	font-size: 22px
}

.mobSlider .seopfOver .hd span,
.seoSlider .seopfOver .hd span {
	font-size: 13px
}

.seopfOver .bot {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.seopfOver .bot .lft {
	float: left;
	padding: 12px 0 10px 10px;
	color: #fff;
	font-size: 18px
}

.seopfOver .bot .lft a {
	color: #666;
	text-decoration: none
}

.seopfOver .bot .lft a:hover {
	text-decoration: underline
}

.seopfOver .bot .rgt {
	float: right;
	padding: 7px 10px 10px 0
}

.seopfOver .bot .rgt a {
	background: url(../images/pf_social.png) no-repeat;
	display: inline-block;
	height: 32px;
	margin-left: 5px;
	width: 32px
}

.seopfOver .bot .rgt a.share {
	background-position: 0 0
}

.seopfOver .bot .rgt a.share:hover {
	background-position: 0 -33px
}

.seopfOver .bot .rgt a.facebook {
	background-position: -33px 0
}

.seopfOver .bot .rgt a.facebook:hover {
	background-position: -33px -33px
}

.seopfOver .bot .rgt a.twitter {
	background-position: -66px 0
}

.seopfOver .bot .rgt a.twitter:hover {
	background-position: -66px -33px
}

.seopfOver .info {
	height: 100%;
	display: table;
	width: 100%;
	cursor: pointer
}

.seopfOver .info .inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff
}

.seopfOver .info .name {
	font-size: 22px;
	text-transform: capitalize;
	padding: 0 10px 5px 10px
}

.seopfOver .info .name a {
	color: #000;
	text-decoration: underline
}

.seopfOver .info .name a:hover {
	text-decoration: none
}

.seopfOver .info .tags span {
	display: inline-block;
	margin: 2px;
	background: #3362af;
	color: #fff;
	padding: 3px 10px;
	font-size: 15px;
	text-transform: uppercase
}

.pfImgBox:hover .homePfOver {
	display: block
}

.seoDetfeedback {
	padding-bottom: 20px
}

.detfeedback .userInfo {
	float: left;
	margin: 7px 15px 0 0
}

.detfeedback .userInfo img {
	width: 70px!important;
	border: 3px solid #ffdc00
}

.detfeedback .name {
	color: #646464;
	font-size: 21px;
	padding: 10px 0 0 0;
	font-family: 'Roboto Condensed', sans-serif
}

.detfeedback .name span {
	display: block;
	font-size: 17px;
	font-weight: 300
}

.resultList li {
	background: #fff;
	width: 32%;
	float: left;
	margin: 20px 2% 0 0;
	padding: 30px;
	border: 1px solid #efefef;
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
	-o-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
	color: #000;
	font-size: 23px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 30px;
	font-weight: 500
}

.resultList li:nth-child(3n) {
	margin-right: 0
}

.resultList li span {
	display: block;
	line-height: normal;
	font-size: 67px;
	font-weight: 700
}

.resultList li.vi span {
	color: #84b931
}

.resultList li.ti span {
	color: #e14a25
}

.resultList li.il span {
	color: #452b81
}

.seoTable {
	padding: 40px 0 0 0
}

.seoTable .googleHd {
	background: #e4e4e4!important;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 20px;
	border-bottom: 1px solid #fff
}

.seoTable .googleHd img {
	vertical-align: middle;
	margin: 0 0 3px 2px
}

.seoTable td {
	padding: 15px 20px;
	color: #646464;
	font-size: 18px;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif;
	background: #fff;
	text-align: center
}

.seoTable tr td:first-child {
	text-align: left
}

.seoTable tr:nth-child(2n) td {
	background: #f2f2f2
}

.tableTab ul li {
	width: 40%;
	float: left;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif
}

.tableTab ul.double li {
	width: 20%
}

.tableTab ul li:first-child {
	width: 60%;
	text-align: right
}

.tableTab ul li span {
	font-size: 17px;
	color: #000;
	font-weight: 700;
	display: block;
	padding: 0 10px;
	height: 42px;
	line-height: 42px
}

.tableTab ul li a {
	display: block;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	color: #000;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	height: 42px;
	line-height: 42px;
	background: #f4f4f4;
	position: relative
}

.tableTab ul li.active a {
	background: #fff
}

.tableTab ul li.active a:after {
	content: '';
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-top: 6px solid #fff;
	position: absolute;
	left: 50%;
	bottom: -4px;
	margin-left: -3px
}

.tableTab ul li a img {
	vertical-align: middle;
	margin: 0 0 2px 2px
}

.smllTxt {
	color: #646464;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif;
	margin-top: -5px
}

.seoSlider {
	padding: 10px 0 0 0
}

.seoSlider .seopfOver .info .name {
	font-size: 18px
}

.pfwebSlider {
	padding: 0
}

.pfwebSlider .homePfOver .info .name {
	font-size: 18px
}

.mobPfDetTop {
	background: #f2f2f2;
	margin-bottom: 60px;
	padding: 20px 20px 0 20px
}

.mobSlider {
	padding: 10px 0 0 0
}

.mobSlider .seopfOver .info .name {
	font-size: 18px
}

.detPfLft {
	width: 60%;
	float: left;
	padding-right: 30px;
	position: relative
}

.detPfRgt {
	width: 40%;
	float: left;
	background: #f2f2f2
}

.detPfRgt .item {
	background: #f2f2f2!important
}

.detPfRgt .smllHd {
	background: #fff
}

.mobDetfeedback {
	background: #f2f2f2;
	padding: 30px
}

.mobDetTop {
	min-height: 60px;
	position: relative;
	padding: 0 0 0 80px;
	color: #5c5c5c;
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 20px
}

.mobDetTop .hd {
	display: block;
	color: #000;
	font-size: 17px;
	padding-bottom: 5px
}

.mobDetTop .icon {
	position: absolute;
	left: 0;
	top: 0
}

.mobDetTop .icon img {
	width: 60px
}

.mobDetTop .application {
	float: left;
	width: 30%
}

.mobDetTop .industry {
	float: left;
	width: 30%;
	padding-left: 20px
}

.mobDetTop .techology {
	float: left;
	width: 40%;
	padding-left: 20px
}

.mobDetTop .tag {
	display: inline-block;
	margin: 0 2px 5px 0;
	background: #a4a4a4;
	color: #fff;
	font-size: 14px;
	padding: 6px 8px
}

.mobDetTop .tag:hover {
	background: #51c336
}

.mobDetSlider {
	padding: 0 45px;
	position: relative;
	margin-top: 85px
}

.mobDetSlider .owl-prev {
	position: absolute;
	left: 0;
	top: 50%;
	background: url(../images/mob_det_prev.png);
	width: 33px;
	height: 81px;
	margin-top: -40px;
	overflow: hidden;
	text-indent: -200px
}

.mobDetSlider .owl-next {
	position: absolute;
	right: 0;
	top: 50%;
	background: url(../images/mob_det_next.png);
	width: 33px;
	height: 81px;
	margin-top: -40px;
	overflow: hidden;
	text-indent: -200px
}

.mobDetSliderOut {
	position: relative
}

.mobDetSliderOut .mobCover {
	position: absolute;
	left: 50%;
	top: -56px;
	margin-left: -120px;
	z-index: 100
}

.mobDetSlider .owl-item {
	opacity: .2
}

.mobDetSlider .owl-item.center {
	opacity: 1
}

.mobPFImg:hover .seopfOver {
	display: block
}

.newsInput {
	border: 1px solid #d7d9dc;
	border-radius: 2px;
	padding: 8px 10px;
	width: 100%;
	background: url(../images/search_icon.png) no-repeat right 10px center
}

.newsList {
	padding-bottom: 20px
}

.newsList ul li {
	border-top: 1px solid #dadada;
	padding: 20px 0;
	font-family: 'Roboto Condensed', sans-serif
}

.newsList ul li:first-child {
	padding-top: 0;
	border: none
}

.newsHd {
	min-height: 80px;
	position: relative;
	padding: 0 0 0 70px
}

.newsHd a {
	color: #666;
	font-size: 27px;
	font-weight: 700
}

.newsHd a:hover {
	color: #e84325
}

.newsHd .date {
	background: #017ac1;
	width: 50px;
	height: 50px;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 6px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	text-transform: uppercase;
	padding-top: 5px
}

.newsHd .date span {
	display: block;
	font-size: 11px
}

.newsList ul li:hover .newsHd .date {
	background: #e84325
}

.newsList ul li .content a {
	color: #e84325;
	margin-left: 5px
}

.newsList ul li .content a:hover {
	text-decoration: underline
}

.budgetLft {
	width: 60%;
	float: left
}

.budgetRgt {
	width: 40%;
	float: left;
	padding: 0 0 0 10px
}

.browseBoxRQ {
	border: 1px solid #d7d9dc;
	border-radius: 2px;
	height: 40px;
	padding: 7px 50px 0 10px;
	position: relative;
	background: #fff
}

.browseLink {
	width: 50px;
	height: 100%;
	background: #f0f0f0 url(../images/attachment_ic.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	border-left: 1px solid #d7d9dc
}

.browseLink input {
	font-size: 24px;
	opacity: 0
}

.fileName {
	display: block;
	width: 100%;
	color: #3a3a3a;
	font-size: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 3px 10px 0 0
}

.csSlider .homePfOver,
.pfImgBox .homePfOver {
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none
}

.pfImgBox .homePfOver .hd {
	color: #1e4288;
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	border: none;
	padding: 5px;
	text-align: center;
	background: #eee;
	font-weight: 700
}

.pfImgBox .hd span {
	display: block;
	font-size: 15px;
	color: #000;
	font-weight: 300
}

.csSlider .homePfOver .info .name a,
.pfImgBox .homePfOver .info .name a {
	color: #333
}

.csSlider .homePfOver .info .tags span,
.pfImgBox .homePfOver .info .tags span {
	background: #3362af;
	color: #fff
}

.csSlider .homePfOver .bot,
.pfImgBox .homePfOver .bot {
	height: 45px;
	border-top: none
}

.csSlider .homePfOver .bot .lft a,
.pfImgBox .homePfOver .bot .lft a {
	color: #666
}

.csSlider .homePfOver .bot .rgt a.share,
.pfImgBox .homePfOver .bot .rgt a.share {
	background-position: 0 0
}

.csSlider .homePfOver .bot .rgt a.share:hover,
.pfImgBox .homePfOver .bot .rgt a.share:hover {
	background-position: 0 -33px
}

.csSlider .homePfOver .bot .rgt a.facebook,
.pfImgBox .homePfOver .bot .rgt a.facebook {
	background-position: -33px 0
}

.csSlider .homePfOver .bot .rgt a.facebook:hover,
.pfImgBox .homePfOver .bot .rgt a.facebook:hover {
	background-position: -33px -33px
}

.csSlider .homePfOver .bot .rgt a.twitter,
.pfImgBox .homePfOver .bot .rgt a.twitter {
	background-position: -66px 0
}

.csSlider .homePfOver .bot .rgt a.twitter:hover,
.pfImgBox .homePfOver .bot .rgt a.twitter:hover {
	background-position: -66px -33px
}

.csSlider .homePfOver .hd,
.pfwebSlider .homePfOver .hd {
	color: #1e4288;
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	border: none;
	padding: 5px;
	text-align: center;
	background: #eee;
	font-weight: 700
}

.csSlider .hd span,
.pfwebSlider .hd span {
	display: block;
	font-size: 13px;
	color: #000;
	font-weight: 300
}

.whyChooseCon {
	background: url(../images/why_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 40px 0;
	overflow: hidden
}

.whyList {
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	margin-top: 20px
}

.whyList li {
	width: 33.33%;
	float: left;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	color: #000;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 35px 35px 35px 80px;
	position: relative
}

.whyList li span {
	position: absolute;
	left: 35px;
	top: 28px;
	color: #e14a25;
	font-size: 55px
}

.fourColList li {
	float: left;
	width: 24%;
	margin-right: 1.33%;
	margin-top: 40px;
	padding: 0 0 0 55px;
	position: relative;
	min-height: 60px
}

.fourColList li:nth-child(4n) {
	margin-right: 0
}

.fourColList li .hd {
	color: #23283;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	padding-bottom: 5px
}

.fourColList li .icon {
	position: absolute;
	left: 0;
	top: 7px
}

.dmList li {
	width: 23%;
	float: left;
	margin: 25px 2.66% 0 0;
	padding: 20px;
	text-align: center;
	border: 1px solid #efefef;
	background: #fff;
	-webkit-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-moz-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-o-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	box-shadow: 4px 4px 5px rgba(178, 178, 178, .3)
}

.dmList li:nth-child(4n) {
	margin-right: 0
}

.dmList li:hover {
	background: #e14a25
}

.dmList li h2 {
	font-size: 19px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	padding-bottom: 5px;
	color: #232832;
	text-transform: uppercase;
	position: relative
}

.dmList li h2 a {
	color: #000
}

.dmList li:hover h2 a {
	color: #fff
}

.dmList li h2:before {
	content: '';
	background: #d6d7d8;
	width: 100px;
	height: 1px;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -50px
}

.dmList li:hover h2:before {
	background: #a80000
}

.dmList li img {
	margin: 0 auto 40px auto;
	display: block
}

.dmList li img.ro {
	display: none
}

.dmList li:hover img.ro {
	display: block
}

.dmList li:hover img.front {
	display: none
}

.dmList li:hover .content {
	color: #fff
}

.dmExpertseList {
	padding: 50px 0
}

.dmExpertseList li {
	width: 14.28%;
	float: left
}

.dmExpertseList li:nth-child(2n) {
	padding-top: 90px
}

.dmExpertseBox {
	background: url(../images/polygone.png);
	width: 208px;
	height: 182px;
	text-align: center;
	padding-top: 67px
}

.transformList {
	margin: 40px 0 60px 0
}

.transformList li {
	float: left;
	width: 20%;
	border-left: 2px solid #ccc;
	padding: 5px 20px;
	position: relative
}

.transformList li .hd {
	color: #232832;
	font-size: 21px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	padding: 5px 0
}

.transformList li:before {
	content: '';
	top: 0;
	left: -6px;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #ccc
}

.transformList li:after {
	content: '';
	bottom: 0;
	left: -6px;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #ccc
}

.transformList li:nth-child(1) {
	border-left: 2px solid #0cf
}

.transformList li:nth-child(1):before {
	background: #0cf
}

.transformList li:nth-child(1):after {
	background: #0cf
}

.transformList li:nth-child(2) {
	border-left: 2px solid #51c336
}

.transformList li:nth-child(2):before {
	background: #51c336
}

.transformList li:nth-child(2):after {
	background: #51c336
}

.transformList li:nth-child(3) {
	border-left: 2px solid #255ccc
}

.transformList li:nth-child(3):before {
	background: #255ccc
}

.transformList li:nth-child(3):after {
	background: #255ccc
}

.transformList li:nth-child(4) {
	border-left: 2px solid #f96057
}

.transformList li:nth-child(4):before {
	background: #f96057
}

.transformList li:nth-child(4):after {
	background: #f96057
}

.transformList li:nth-child(5) {
	border-left: 2px solid #ff9700
}

.transformList li:nth-child(5):before {
	background: #ff9700
}

.transformList li:nth-child(5):after {
	background: #ff9700
}

.strengthList {
	margin: 20px 0 0 0;
	border-right: 1px solid #dcdcdc
}

.strengthList li {
	float: left;
	width: 25%;
	padding: 20px 20px 20px 145px;
	border-left: 1px solid #dcdcdc;
	color: #646464;
	font-size: 19px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	position: relative
}

.strengthList li span {
	color: #e14a25;
	font-size: 58px;
	position: absolute;
	left: 20px;
	top: 5px
}

.grayTxtBox {
	background: #eceee6;
	background: -moz-linear-gradient(top, #eceee6 0, #f7f7f7 100%);
	background: -webkit-linear-gradient(top, #eceee6 0, #f7f7f7 100%);
	background: linear-gradient(to bottom, #eceee6 0, #f7f7f7 100%);
	color: #232832;
	font-size: 23px;
	text-transform: uppercase;
	margin-top: 40px;
	text-align: center;
	padding: 40px;
	line-height: 30px
}

.seotfList {
	margin: 40px 0 20px 0
}

.seotfList>li {
	float: left;
	width: 33.33%;
	border-left: 2px solid #ccc;
	padding: 5px 30px;
	position: relative
}

.seotfList>li .hd {
	color: #8c0720!important;
	font-size: 25px;
	font-family: poppins;
	text-transform: uppercase;
	padding-bottom: 10px;
	font-weight: 600
}

.seotfList>li.blue .hd {
	color: #0cf
}

.seotfList>li.green .hd {
	color: #51c336
}

.seotfList>li.red .hd {
	color: #f96057
}

.seotfList>li:before {
	content: '';
	top: 0;
	left: -6px;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #ccc
}

.seotfList>li:after {
	content: '';
	bottom: 0;
	left: -6px;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #ccc
}

.seotfList li.blue {
	border-left: 2px solid #8c0720
}

.seotfList li.blue:before {
	background: #8c0720
}

.seotfList li.blue:after {
	background: #8c0720
}

.seotfList li.green {
	border-left: 2px solid #8c0720
}

.seotfList li.green:before {
	background: #8c0720
}

.seotfList li.green:after {
	background: #8c0720
}

.seotfList li.red {
	border-left: 2px solid #8c0720
}

.seotfList li.red:before {
	background: #8c0720
}

.seotfList li.red:after {
	background: #8c0720
}

.seotfList li ul li {
	padding: 5px 0 5px 10px;
	position: relative
}

.seotfList li ul li:before {
	content: '';
	height: 4px;
	width: 4px;
	background: #646464;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 17px
}

.yellowClr {
	color: #ff9700
}

.advantageList li {
	float: left;
	width: 48%;
	margin: 30px 4% 0 0;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 0 0 0 45px;
	position: relative
}

.advantageList li:nth-child(2n) {
	margin-right: 0
}

.advantageList li .hd {
	font-size: 25px;
	text-transform: uppercase;
	padding-bottom: 5px;
	color: #1456c1 !important;
	font-family: poppins;
	font-weight: 500
}

.advantageList li span {
	position: absolute;
	left: 0;
	top: -10px;
	font-size: 55px;
	font-weight: 700;
	color: #1456c1! important
}

.competenceBox {
	float: left;
	width: 52%;
	padding: 20px 40px 0 0
}

.competenceList {
	padding: 20px 0 0 0
}

.competenceList li {
	float: left;
	width: 33.33%
}

.competenceList li .dmExpertseBox {
	background: url(../images/polygone.png);
	background-size: cover;
	width: 190px;
	height: 166px;
	padding-top: 57px;
	margin: auto
}

.planTextBox {
	float: right;
	background: #fff;
	width: 48%;
	text-align: center;
	padding: 50px;
	border: 1px solid #efefef;
	-webkit-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-moz-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-o-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	color: #000;
	font-size: 22px
}

.planTextBox .txt {
	text-decoration: underline;
	padding-bottom: 40px;
	display: block
}

.planTextBox .hd {
	font-size: 23px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 40px;
	display: block;
	text-transform: uppercase
}

.planTextBox a {
	display: block;
	width: 250px;
	height: 40px;
	background: #e84325;
	border-radius: 3px;
	text-align: center;
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	margin: auto;
	line-height: 40px
}

.planTextBox a:hover {
	background: #c82508
}

.darkBlueClr {
	color: #255ccc!important
}

.tcList li {
	float: left;
	width: 33.33%;
	padding: 45px 0 0 32px;
	color: #575757;
	font-size: 23px;
	font-family: 'Roboto Condensed', sans-serif;
	position: relative
}

.tcList li span {
	position: absolute;
	left: 0;
	top: 33px;
	font-size: 40px;
	font-weight: 700
}

.webSlider .owl-next.disabled,
.webSlider .owl-prev.disabled {
	display: none!important
}

.ourExpertiseList li {
	width: 48%;
	background: #fff;
	margin: 20px 4% 0 0;
	text-align: center;
	float: left;
	padding: 30px 5px;
	color: #646464;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	border: 1px solid #efefef;
	-webkit-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-moz-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-o-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	box-shadow: 4px 4px 5px rgba(178, 178, 178, .3)
}

.ourExpertiseList li:nth-child(2n) {
	margin-right: 0
}

.feaTab {
	padding: 20px 15px 0 15px;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #fff 30%, #f4f4f4 100%);
	background: -webkit-linear-gradient(top, #fff 0, #fff 30%, #f4f4f4 100%);
	background: linear-gradient(to bottom, #fff 0, #fff 30%, #f4f4f4 100%);
	overflow: hidden;
	position: relative
}

.feaTab:after {
	content: '';
	width: 17px;
	height: 11px;
	display: block;
	background: url(../images/indicate_arrow.png) no-repeat;
	position: absolute;
	left: 594px;
	bottom: 0
}

.feaTab ul li {
	padding: 0 0 30px 0
}

.feaTab ul li a {
	display: block;
	height: 41px;
	position: relative;
	background: url(../images/fea_tab_bgn.png) no-repeat 45px center;
	color: #7b7b7b;
	font-size: 18px;
	line-height: 41px;
	padding: 0 0 0 75px
}

.feaTab ul li a:hover,
.feaTab ul li.active a {
	color: #000
}

.feaTab ul li.active a:before {
	content: '';
	width: 1px;
	height: 512px;
	background: #ddd;
	position: absolute;
	left: 587px;
	top: 21px
}

.feaTab ul li.active a:after {
	content: '';
	width: 223px;
	height: 1px;
	background: #ddd;
	position: absolute;
	left: 365px;
	top: 21px
}

.feaTab ul li a .count {
	width: 48px;
	height: 48px;
	display: block;
	position: absolute;
	left: 15px;
	top: -5px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 48px;
	border-radius: 48px;
	background: #faae3a;
	background: -moz-linear-gradient(top, #faae3a 0, #f69e2c 100%);
	background: -webkit-linear-gradient(top, #faae3a 0, #f69e2c 100%);
	background: linear-gradient(to bottom, #faae3a 0, #f69e2c 100%)
}

.feaDet {
	border: 1px solid #f4f4f4;
	border-bottom: none;
	padding: 0 20px;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #f2f2f2 100%);
	background: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%);
	background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%)
}

.feaDet .feacontent {
	padding: 15px 0 0 0
}

.feaDet .lft {
	float: left;
	padding: 10px 0 0 0;
	width: 50%
}

.feaDet .rgt {
	float: right;
	width: 50%;
	padding: 0 0 0 20px
}

.techWeuse {
	text-align: center;
	border-top: 1px solid #f8f8f8;
	padding: 30px 0 0 0
}

.techWeuse ul li {
	float: left;
	width: 20%;
	border: 1px solid #f4f4f4;
	border-right: none;
	padding: 10px
}

.techWeuse ul li:last-child {
	border-right: 1px solid #f4f4f4
}

.techWeuse ul.four li {
	width: 25%
}

.competenceList li .dmExpertseBox.mobile {
	padding-top: 42px
}

.bg1 {
	background: url(../images/bg1.jpg) no-repeat center top;
	background-size: cover
}

.bg2 {
	background: url(../images/bg2.jpg) no-repeat center top;
	background-size: cover
}

.bg3 {
	background: url(../images/bg3.jpg) no-repeat center top;
	background-size: cover
}

.bg4 {
	background: url(../images/bg4.jpg) no-repeat center bottom;
	background-size: cover
}

.bg5 {
	background: url(../images/bg5.jpg) no-repeat center bottom;
	background-size: cover
}

.mobileBg {
	background: url(../images/mobile_bg.jpg) no-repeat center;
	background-size: cover
}

.bg6 {
	background: url(../images/bg6.jpg) no-repeat center top;
	background-size: cover
}

.bg7 {
	background: url(../images/bg7.jpg) no-repeat center top;
	background-size: cover
}

.bg8 {
	background: url(../images/bg8.jpg) no-repeat center top;
	background-size: cover
}

.bg9 {
	background: url(../services/bg9.jpg) no-repeat center top;
	background-size: cover
}

.bg10 {
	background: url(../images/bg10.jpg) no-repeat center top;
	background-size: cover
}

.bg11 {
	background: url(../images/bg11.jpg) no-repeat center top;
	background-size: cover
}

.emList li {
	float: left;
	width: 25%;
	text-align: center;
	padding: 40px 10px 0 10px
}

.mobileExpertise {
	padding: 30px 0 0 0
}

.mobileExpertise li {
	float: left;
	width: 16.66%;
	text-align: center;
	color: #575757;
	font-size: 19px;
	font-family: 'Roboto Condensed', sans-serif
}

.mobileExpertise li img {
	display: block;
	margin: 0 auto 10px auto
}

.grayBg {
	background: #f8f8f8
}

.mobBusiness {
	border-right: 1px solid #d7d7d7;
	padding: 30px 0 0 0
}

.mobBusiness li {
	float: left;
	width: 25%;
	border-left: 1px solid #d7d7d7;
	text-align: center;
	color: #646464;
	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	line-height: 20px;
	padding: 0 10px 20px 10px
}

.mobBusiness li span {
	display: block;
	line-height: normal;
	color: #e14a25;
	font-size: 90px;
	font-weight: 700
}

.helpBusiness {
	padding: 30px 0 0 0
}

.helpBusiness li {
	float: left;
	width: 22%;
	margin-right: 4%;
	text-align: center;
	color: #232832;
	font-size: 19px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	border: 1px solid #efefef;
	background: #fff;
	-webkit-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-moz-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-o-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	padding: 35px 10px
}

.helpBusiness li img {
	display: block;
	margin: 0 auto 10px auto
}

.helpBusiness li:last-child {
	margin-right: 0
}

.mobileAdvantage {
	border-top: 4px solid #c7c8ca;
	margin: 180px 0 0 0
}

.mobileAdvantage li {
	float: left;
	width: 16.66%;
	position: relative;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 100px 0 0 0;
	color: #646464;
	font-size: 19px;
	font-weight: 700;
	line-height: 22px
}

.mobileAdvantage li .number {
	width: 107px;
	height: 107px;
	font-size: 47px;
	line-height: 107px;
	position: absolute;
	top: -135px;
	left: 50%;
	margin-left: -53px
}

.mobileAdvantage li.blue .number {
	background: url(../images/blue_hx.png);
	color: #0cf
}

.mobileAdvantage li.green .number {
	background: url(../images/green_hx.png);
	color: #51c336
}

.mobileAdvantage li.darkBlue .number {
	background: url(../images/darkblue_hx.png);
	color: #255ccc
}

.mobileAdvantage li.lightGreen .number {
	background: url(../images/lightgreen_hx.png);
	color: #00ddce
}

.mobileAdvantage li.red .number {
	background: url(../images/red_hx.png);
	color: #f96057
}

.mobileAdvantage li.yellow .number {
	background: url(../images/yellow_hx.png);
	color: #ff9700
}

.mobileAdvantage li .line {
	width: 4px;
	background: #ccc;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -2px
}

.mobileAdvantage li .line:before {
	content: '';
	width: 16px;
	height: 16px;
	border: 4px solid #ccc;
	border-radius: 100%;
	position: absolute;
	left: -10px;
	top: -15px;
	background: #fff
}

.mobileAdvantage li .line:after {
	content: '';
	width: 9px;
	height: 9px;
	border-radius: 100%;
	position: absolute;
	left: -3px;
	bottom: -7px;
	background: #ccc
}

.mobileAdvantage li.blue .line {
	background: #0cf
}

.mobileAdvantage li.blue .line:before {
	border: 4px solid #0cf
}

.mobileAdvantage li.blue .line:after {
	background: #0cf
}

.mobileAdvantage li.green .line {
	background: #51c336
}

.mobileAdvantage li.green .line:before {
	border: 4px solid #51c336
}

.mobileAdvantage li.green .line:after {
	background: #51c336
}

.mobileAdvantage li.darkBlue .line {
	background: #255ccc
}

.mobileAdvantage li.darkBlue .line:before {
	border: 4px solid #255ccc
}

.mobileAdvantage li.darkBlue .line:after {
	background: #255ccc
}

.mobileAdvantage li.lightGreen .line {
	background: #00ddce
}

.mobileAdvantage li.lightGreen .line:before {
	border: 4px solid #00ddce
}

.mobileAdvantage li.lightGreen .line:after {
	background: #00ddce
}

.mobileAdvantage li.red .line {
	background: #f96057
}

.mobileAdvantage li.red .line:before {
	border: 4px solid #f96057
}

.mobileAdvantage li.red .line:after {
	background: #f96057
}

.mobileAdvantage li.yellow .line {
	background: #ff9700
}

.mobileAdvantage li.yellow .line:before {
	border: 4px solid #ff9700
}

.mobileAdvantage li.yellow .line:after {
	background: #ff9700
}

.platformList {
	padding: 40px 0 0 0
}

.platformList li {
	float: left;
	width: 25%;
	border-right: 1px solid #d6d6d6;
	padding: 10px 20px;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif
}

.platformList li:last-child {
	border: none
}

.platformList li span {
	display: block;
	font-size: 23px;
	font-weight: 700;
	padding: 5px 0 10px 0
}

.lightGrayBg {
	background: #fafafa
}

.platformExpertise {
	padding-bottom: 20px
}

.platformExpertise li {
	float: left;
	width: 25%;
	margin: 20px 0;
	color: #575757;
	font-size: 21px;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 0 10px 0 70px;
	position: relative;
	display: table;
	min-height: 60px;
	line-height: 23px
}

.platformExpertise li span {
	display: table-cell;
	vertical-align: middle
}

.platformExpertise li img {
	position: absolute;
	left: 0;
	top: 0
}

.padBot0 {
	padding-bottom: 0!important
}

.mobileInfo {
	border-top: 1px solid #e2e2e2;
	background: rgba(255, 255, 255, .5)
}

.mobileInfo ul li {
	float: left;
	width: 16.66%;
	padding: 25px 20px 25px 36px;
	color: #010712;
	font-weight: 700;
	font-size: 18px;
	position: relative
}

.mobileInfo ul li span {
	display: block
}

.mobileInfo ul li .count {
	font-style: normal;
	color: #e14a25;
	font-weight: 700;
	font-size: 50px;
	position: absolute;
	left: 0;
	top: 17px
}

.dot .owl-dots {
	text-align: center;
	padding: 20px 0 0 0
}

.dot .owl-dots .owl-dot {
	display: inline-block;
	background: #cccdd0;
	width: 10px;
	height: 10px;
	margin: 0 3px;
	border-radius: 100%
}

.dot .owl-dots .owl-dot.active {
	background: #0cf
}

.botPad10 {
	padding-bottom: 10px!important
}

.bigdataList {
	position: relative
}

.bigdataList>ul>li {
	float: left;
	width: 49%;
	margin: 0 2% 20px 0;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	border: 1px solid #efefef;
	background: #fff;
	-webkit-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-moz-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-o-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	padding: 35px 100px
}

.bigdataList>ul>li:nth-child(2n) {
	margin-right: 0
}

.bigdataIcon {
	background: url(../images/gray_hx.png);
	width: 208px;
	height: 240px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -140px 0 0 -104px;
	text-align: center;
	padding-top: 70px
}

.ssCon {
	text-align: center;
	padding: 10px 0 0 0
}

.ssBox {
	width: 334px;
	height: 384px;
	position: relative;
	text-align: center;
	color: #fff;
	display: inline-block;
	margin: 0 25px
}

.ssBox .mainHd {
	color: #fff
}

.ssBox .content {
	color: #fff
}

.ssFront {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.ssFront img {
	display: block;
	margin: 0 auto 10px auto
}

.ssOver {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	padding: 70px 25px 0 25px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.ssOver img {
	display: block;
	width: 120px;
	margin: 0 auto 10px auto
}

.ssBox:hover .ssOver {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.ssBox.four {
	margin-top: -65px
}

.ssBox.five {
	margin-top: -65px
}

.biConsultingBg {
	background: url(../images/biconsulting_bg.png)
}

.biConsultingOver {
	background: url(../images/biconsulting_ro_bg.png)
}

.dataintegrationBg {
	background: url(../images/dataintegration_bg.png)
}

.dataintegrationOver {
	background: url(../images/dataintegration_ro_bg.png)
}

.datawarehousingBg {
	background: url(../images/datawarehousing_bg.png)
}

.datawarehousingOver {
	background: url(../images/datawarehousing_ro_bg.png)
}

.analyticsBg {
	background: url(../images/analytics_bg.png)
}

.analyticsOver {
	background: url(../images/analytics_ro_bg.png)
}

.datareportingBg {
	background: url(../images/datareporting_bg.png)
}

.datareportingOver {
	background: url(../images/datareporting_ro_bg.png)
}

.bigdataEx {
	padding: 30px 0 0 0
}

.bigdataEx li {
	float: left;
	width: 50%;
	padding: 10px 55px;
	position: relative;
	border-right: 1px solid #a7a7a7
}

.bigdataEx li:last-child {
	border: none
}

.dbTxtSlider {
	color: #575757;
	font-size: 21px;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 0 0 0 75px;
	position: relative
}

.dbTxtSlider img {
	width: auto!important;
	position: absolute;
	left: 0;
	top: 0
}

.webSlider.dbS .item {
	min-height: 120px;
	position: relative
}

.mobAppList {
	padding: 40px 0 0 0
}

.mobAppList li {
	float: left;
	width: 30%;
	margin-right: 5%;
	padding: 10px 0;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif
}

.mobAppList li:last-child {
	margin-right: 0
}

.mobAppList li span {
	display: block;
	font-size: 23px;
	font-weight: 700;
	padding: 5px 0 10px 0;
	color: #000
}

.bigdataInfo {
	border: 1px solid #dcdcdc;
	margin: 40px 0 0 0
}

.bigdataInfo ul li {
	float: left;
	width: 25%;
	border-right: 1px solid #dcdcdc;
	padding: 40px 10px 40px 50px;
	position: relative;
	color: #010712;
	font-size: 19px;
	font-weight: 700;
	text-transform: uppercase
}

.bigdataInfo ul li:last-child {
	border: none
}

.bigdataInfo ul li span {
	color: #e14a25;
	font-size: 55px;
	position: absolute;
	left: 10px;
	top: 31px
}

.bpaFeaturesList li {
	width: 46%;
	float: left;
	margin: 25px 8% 0 0;
	font-family: 'Roboto Condensed', sans-serif
}

.bpaFeaturesList li:nth-child(2n) {
	margin-right: 0
}

.bpaFeaturesList li span {
	display: block;
	color: #575757;
	font-size: 21px;
	padding-bottom: 2px
}

.autonationInfo {
	background: rgba(255, 255, 255, .5);
	padding: 16px 0;
	margin-top: 20px;
	text-align: center
}

.autonationInfo ul li {
	border-left: 1px solid #e3e3e3;
	color: #646464;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	height: 70px;
	display: inline-block;
	padding: 0 20px;
	margin-left: 3px;
	vertical-align: top
}

.autonationInfo ul li:first-child {
	border-left: none
}

.autonationInfo ul li span {
	color: #e14a25;
	font-size: 32px;
	font-weight: 700
}

.autonationInfo ul li.padT {
	padding-top: 15px
}

.cloudBox {
	background: url(../services/icon/cloud_hx_bg.png);
	background-size: cover;
	width: 382px;
	height: 334px;
	display: inline-block;
	vertical-align: top;
	padding: 25px 45px 0 45px
}

.cloudBox .hd {
	font-size: 19px;
	text-transform: uppercase;
	padding: 5px 0;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 700
}

.cloudBox .content {
	padding: 0 30px;
	font-size: 17px;
	line-height: normal
}

.cloudBoxBig {
	background: url(../services/icon/cloud_hx_bg_big.png);
	background-size: cover;
	width: 542px;
	height: 350px;
	display: inline-block;
	margin: 60px -75px 0 -75px;
	vertical-align: bottom;
	padding: 35px 85px 0 85px
}

.cloudBoxBig .hd {
	font-size: 23px;
	text-transform: uppercase;
	padding: 10px 0;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 700
}

.cloudBoxBig .content {
	padding: 0;
	font-size: 19px;
	line-height: normal
}

.cloudEcpertise li {
	float: left;
	width: 18%;
	margin-right: 2.5%;
	border: 1px solid #efefef;
	background: #fff;
	-webkit-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-moz-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-o-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	text-align: center;
	padding: 40px 5px
}

.cloudEcpertise li:last-child {
	margin-right: 0
}

.cloudPartner {
	border-top: 1px solid #dcdcdc;
	margin-top: 40px;
	padding: 40px 0 0 0
}

.cloudPartnerList {
	margin: 40px 0 0 0;
	border-left: 1px solid #dcdcdc
}

.cloudPartnerList li {
	float: left;
	width: 25%;
	border-right: 1px solid #dcdcdc;
	padding: 0 35px;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif
}

.cloudPartnerList li span {
	display: block;
	color: #000;
	font-size: 19px;
	font-weight: 500;
	padding: 10px 0 5px 0
}

.wearableExpertise {
	padding: 20px 0 0 0
}

.wearableExpertise li {
	float: left;
	width: 25%;
	padding: 0 20px 0 35px;
	position: relative;
	color: #575757;
	font-size: 21px;
	font-family: 'Roboto Condensed', sans-serif
}

.wearableExpertise li span {
	position: absolute;
	left: 0;
	top: -8px;
	color: #e14a25;
	font-weight: 700;
	font-size: 48px
}

.outsourcingBox {
	background: #fafafa
}

.outsourcingBox .rgt {
	float: right;
	width: 40%
}

.outsourcingBox .lft {
	float: left;
	width: 60%;
	background: url(../images/os_bg.jpg) no-repeat left top;
	background-size: cover;
	padding: 10px 15px
}

.globalLinks {
	margin-top: 5px
}

.globalLinks li {
	color: #888;
	float: left;
	border-top: 1px solid #ececec;
	border-left: 1px solid #ececec;
	height: 70px;
	position: relative;
	width: 33.33%;
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 18px
}

.globalLinks li:nth-child(3n+1) {
	border-left: none
}

.globalLinks li:nth-child(-n+3) {
	border-top: none
}

.globalLinks li a {
	display: block;
	color: #888;
	padding: 12px 0 0 90px;
	position: relative;
	height: 60px
}

.globalLinks li a span {
	display: block
}

.globalLinks li a:hover {
	color: #e14a25
}

.globalLinks li a:after {
	content: '';
	background: #c3c3c3;
	height: 1px;
	width: 65px;
	position: absolute;
	left: 90px;
	top: 52px
}

.globalLinks li a:hover:after {
	background: #e14a25
}

.globalLinks li a .iconBx {
	display: block;
	width: 51px;
	text-align: center;
	position: absolute;
	left: 25px;
	top: 12px
}

.globalLinks li a .iconBx img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .5
}

.globalLinks li a:hover .iconBx img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1
}

.globalLinks li:nth-child(3n+1) .iconBx {
	left: 0
}

.globalLinks li:nth-child(3n+1) a {
	padding-left: 65px
}

.globalLinks li:nth-child(3n+1) a:after {
	left: 65px
}

.wsww.wswwOut .rgt ul li {
	margin-bottom: 10px
}

.culstingList li {
	border-top: 1px solid #ececec;
	padding: 12px 0
}

.culstingList li:first-child {
	padding-top: 0;
	border: none
}

.culstingList li span {
	display: block;
	color: #e14a25;
	font-weight: 700;
	padding-bottom: 2px;
	font-size: 19px
}

.trademarkTable {
	background: #eaeaea;
	width: 100%
}

.trademarkTable td {
	padding: 10px;
	font-size: 16px;
	background: #fff
}

.trademarkTable .hd td {
	background: #f7f6f7;
	font-weight: 700
}

.trademarkLogo {
	padding: 50px 10px;
	text-align: center
}

.roiList li {
	margin-bottom: 20px
}

.roiList li .hd {
	font-weight: 700;
	color: #000;
	padding-bottom: 5px
}

.roiList li .box {
	background: #eee;
	padding: 5px 10px 5px 80px;
	position: relative;
	margin-bottom: 10px
}

.roiList li .box span {
	width: 60px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #e14a25 url(../images/check.png) no-repeat center
}

.itServicesList {
	margin-bottom: 30px
}

.itServicesList li {
	float: left;
	width: 25%;
	text-align: center
}

.itServicesList li .box {
	width: 160px;
	height: 160px;
	margin: auto;
	background: #ccc;
	border-radius: 100%;
	border: 5px solid #fff;
	-moz-box-shadow: 0 5px 7px rgba(0, 0, 0, .4);
	-o-box-shadow: 0 5px 7px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, .4);
	box-shadow: 0 5px 7px rgba(0, 0, 0, .4);
	color: #fff;
	font-size: 22px;
	line-height: 27px;
	display: table;
	padding: 0 15px
}

.itServicesList li .box.grayBg {
	background: #828282
}

.itServicesList li .box.blueBg {
	background: #378cc3
}

.itServicesList li .box.yellowBg {
	background: #f1a52b
}

.itServicesList li .box.redBg {
	background: #d6454a
}

.itServicesList li .box span {
	display: table-cell;
	vertical-align: middle
}

.tecTable {
	background: #eaeaea;
	width: 100%;
	margin-top: 5px
}

.tecTable td {
	padding: 10px;
	font-size: 16px;
	background: #fff;
	vertical-align: top
}

.tecTable .tecHd td {
	background: #f7f6f7;
	font-weight: 700
}

ul.redBulletNew li {
	padding: 1px 0 1px 10px;
	position: relative
}

ul.redBulletNew li:before {
	content: '';
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-left: 4px solid #e14a25;
	position: absolute;
	left: 0;
	top: 10px
}

ul.redBulletNew li a:hover {
	color: #e14a25
}

.tecTable td a:hover {
	color: #e14a25
}

.parkList li {
	width: 32%;
	float: left;
	margin-right: 2%;
	background: #22acce;
	text-align: center;
	position: relative;
	font-family: 'Roboto Condensed', sans-serif
}

.parkList li:last-child {
	margin-right: 0
}

.parkList li .image {
	padding: 15px;
	background: #f5f5f5
}

.parkList li .hd {
	border-top: 1px solid #fff;
	padding: 10px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
	background: #f5f5f5
}

.parkList li .desc {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #22acce;
	color: #fff;
	font-size: 16px;
	padding: 15px;
	line-height: 22px
}

.parkList li:hover .desc {
	display: block
}

.partnerAdv li {
	width: 24%;
	float: left;
	margin: 0 1.33% 10px 0;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	background: #eceaea;
	font-size: 15px;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif
}

.partnerAdv li:nth-child(4n) {
	margin-right: 0
}

.partnerTxt {
	text-transform: uppercase;
	padding: 10px;
	height: 70px
}

.partnerTxt span {
	background-color: #e14a25;
	padding: 0 5px
}

.partnerAdv li:hover .partnerTxt span {
	background-color: #1e4288
}

.partnerIcon1 {
	background: url(../images/partner_icon1.png);
	width: 140px;
	height: 90px;
	margin: auto
}

.partnerAdv li:hover .partnerIcon1 {
	background-position: 0 -90px
}

.partnerIcon2 {
	background: url(../images/partner_icon2.png);
	width: 140px;
	height: 90px;
	margin: auto
}

.partnerAdv li:hover .partnerIcon2 {
	background-position: 0 -90px
}

.partnerIcon3 {
	background: url(../images/partner_icon3.png);
	width: 140px;
	height: 90px;
	margin: auto
}

.partnerAdv li:hover .partnerIcon3 {
	background-position: 0 -90px
}

.partnerIcon4 {
	background: url(../images/partner_icon4.png);
	width: 140px;
	height: 90px;
	margin: auto
}

.partnerAdv li:hover .partnerIcon4 {
	background-position: 0 -90px
}

.partnerIcon5 {
	background: url(../images/partner_icon5.png);
	width: 140px;
	height: 90px;
	margin: auto
}

.partnerAdv li:hover .partnerIcon5 {
	background-position: 0 -90px
}

.partnerIcon6 {
	background: url(../images/partner_icon6.png);
	width: 140px;
	height: 90px;
	margin: auto
}

.partnerAdv li:hover .partnerIcon6 {
	background-position: 0 -90px
}

.partnerIcon7 {
	background: url(../images/partner_icon7.png);
	width: 140px;
	height: 90px;
	margin: auto
}

.partnerAdv li:hover .partnerIcon7 {
	background-position: 0 -90px
}

.partnerIcon8 {
	background: url(../images/partner_icon8.png);
	width: 140px;
	height: 90px;
	margin: auto
}

.partnerAdv li:hover .partnerIcon8 {
	background-position: 0 -90px
}

.lightGreenClr {
	color: #00ddce
}

.bigdataList.imList ul li {
	padding: 30px
}

.bigdataList.imList ul li .content {
	padding: 0 50px
}

.mainHd.uppcase {
	font-size: 23px;
	color: #8c0720!important
}

li.eqHeight ul li {
	color: black;
	font-size: 15px;
	line-height: 17px
}

.threeBoxList>li {
	padding: 20px;
	background: #fff;
	float: left;
	width: 32%;
	margin: 20px 2% 0 0;
	-moz-box-shadow: 1px 1px 1px 1px #d5d5d5;
	-o-box-shadow: 1px 1px 1px 1px #d5d5d5;
	-webkit-box-shadow: 1px 1px 1px 1px #d5d5d5;
	box-shadow: 1px 1px 15px 1px #d5d5d591;
	height: 13pc
}

.threeBoxList>li:nth-child(3n) {
	margin-right: 0
}

.bullet li {
	font-size: 19px;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 6px 0 6px 25px;
	position: relative
}

.bullet li:before {
	content: '';
	border: 3px solid #dedede;
	background: #fff;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 10px
}

.keyCapabilities {
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
	margin-top: 20px
}

.keyCapabilities li {
	float: left;
	width: 33.3%;
	background: rgba(255, 255, 255, .5);
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font-size: 20px;
	font-weight: 700;
	padding: 30px 50px
}

.keyCapabilities li:hover {
	background: #fff
}

.margTop0 {
	margin-top: 0
}

.threeList li {
	float: left;
	width: 30%;
	margin: 40px 5% 0 0;
	padding: 10px 0;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif
}

.threeList li:nth-child(3n) {
	margin-right: 0
}

.threeList li span {
	display: block;
	font-size: 23px;
	font-weight: 700;
	padding: 5px 0 10px 0;
	color: #000
}

.strengthList li.thr {
	padding-left: 120px
}

.strengthList li.fur {
	padding-left: 85px
}

.bdExpertise li {
	float: left;
	margin: 40px 5% 0 0;
	width: 30%;
	color: #575757;
	font-size: 23px;
	font-family: 'Roboto Condensed', sans-serif;
	padding-left: 75px;
	position: relative;
	min-height: 60px;
	display: table
}

.bdExpertise li:nth-child(3n) {
	margin-right: 0
}

.bdExpertise li span {
	display: table-cell;
	vertical-align: middle
}

.bdExpertise li img {
	position: absolute;
	left: 0;
	top: 0
}

.dedicatedTeamMod {
	text-align: center;
	padding: 20px 0 0 0
}

.dedicatedTeamMod img {
	margin: 0 15px
}

.dtmAdvantage li {
	float: left;
	width: 46%;
	margin: 40px 8% 0 0;
	color: #646464;
	font-size: 21px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	position: relative;
	padding: 0 0 0 40px
}

.dtmAdvantage li:nth-child(2n) {
	margin-right: 0
}

.dtmAdvantage li span {
	position: absolute;
	left: 0;
	top: -10px;
	font-size: 55px;
	font-weight: 700
}

.bigdataList.iotService>ul>li {
	text-align: left;
	padding: 35px
}

.bigdataList.iotService ul li .mainHd {
	font-weight: 400;
	font-size: 25px;
	padding-bottom: 5px
}

.bulletHalf {
	padding: 10px 0 0 0
}

.bulletHalf li {
	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 6px 0 6px 25px;
	position: relative;
	z-index: 100;
	color: #646464;
	float: left;
	width: 50%
}

.bulletHalf li:before {
	content: '';
	border: 3px solid #dedede;
	background: #fff;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 7px
}

.midHd {
	font-size: 26px;
	font-family: poppins;
	padding-bottom: 10px;
	font-weight: 500
}

.webSolutionList {
	padding: 40px 0 0 0
}

.webSolutionList li {
	float: left;
	width: 13%;
	margin-right: 4.4%
}

.webSolutionList li:last-child {
	margin-right: 0
}

.webSolutionList li span {
	display: block;
	border: 1px solid #efefef;
	-webkit-box-shadow: 2px 2px 3px rgba(178, 178, 178, .3);
	-moz-box-shadow: 2px 2px 3px rgba(178, 178, 178, .3);
	-o-box-shadow: 2px 2px 3px rgba(178, 178, 178, .3);
	box-shadow: 2px 2px 3px rgba(178, 178, 178, .3);
	background: #fff;
	text-align: center;
	padding: 15px
}

.webSolutionList li span img {
	max-width: 100%;
	width: auto!important;
	margin: auto
}

.threeBoxList.shade>li {
	-moz-box-shadow: 0 0 8px rgba(90, 90, 90, .1);
	-o-box-shadow: 0 0 8px rgba(90, 90, 90, .1);
	-webkit-box-shadow: 0 0 8px rgba(90, 90, 90, .1);
	box-shadow: 0 0 8px rgba(90, 90, 90, .1)
}

.legacyAdvate li {
	margin: 40px 0 0 0;
	float: left;
	width: 25%;
	padding: 10px 10px 10px 60px;
	border-left: 1px solid #dcdcdc;
	color: #646464;
	font-size: 19px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	position: relative
}

.legacyAdvate li:nth-child(4n) {
	border-right: 1px solid #dcdcdc
}

.legacyAdvate li span {
	position: absolute;
	left: 20px;
	top: -5px;
	color: #e14a25;
	font-size: 58px
}

.greenBg {
	background: #96c11f;
	color: #fff
}

.greenBg .content,
.greenBg .content p,
.greenBg .mainHd {
	color: #fff
}

.blueBg {
	background: #4badc8;
	color: #fff
}

.blueBg .content,
.blueBg .content p,
.blueBg .mainHd {
	color: #fff
}

.engagingist li {
	padding: 6px 0 6px 22px;
	position: relative;
	width: 25%;
	float: left
}

.engagingist li:before {
	content: '';
	border: 3px solid rgba(0, 0, 0, .4);
	background: #fff;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 13px
}

.chooseBox {
	border: 1px solid #efefef;
	background: #fff;
	-webkit-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-moz-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-o-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	padding: 30px 80px;
	margin-bottom: 40px
}

.engageAdvatge li {
	border: 1px solid #d8d8d8;
	padding: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	float: left;
	width: 24%;
	margin: 10px 1.33% 0 0
}

.engageAdvatge li:nth-child(4n) {
	margin-right: 0
}

.engageAdvatge li span {
	display: block;
	color: #010712;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 10px
}

.engageAdvatge li.blueBor {
	border-top: 8px solid #0cf
}

.engageAdvatge li.greenBor {
	border-top: 8px solid #51c336
}

.engageAdvatge li.darkblueBor {
	border-top: 8px solid #255ccc
}

.engageAdvatge li.redBor {
	border-top: 8px solid #f96057
}

.arrowTxt.padT0 {
	padding-top: 0
}

.statsList.borNone {
	border-top: none
}

.statsList.borNone li {
	margin-top: 0
}

.techBotList.margBotNone>li {
	margin-bottom: 0
}

.planTable {
	margin-bottom: 30px
}

.planTable table {
	background: #dedede
}

.planTable td {
	background: #fff;
	text-align: center;
	padding: 10px;
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif
}

.planTable td:first-child {
	text-align: left
}

.getStarted {
	text-align: center;
	font-size: 35px;
	color: #e14a25
}

.planTable .planSubHd td {
	background: #eee;
	font-size: 17px;
	font-weight: 600
}

.planTable .ppcHd td {
	background: #e14a25;
	font-size: 17px;
	font-weight: 600;
	color: #fff
}

.planTable .planBtns td {
	background: #dedede
}

.planTable .planBtns td a {
	display: block;
	background: #e14a25;
	padding: 6px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 3px;
	width: 90%;
	margin: auto
}

.planTable .planBtns td a:hover {
	background: #d13711
}

.planTable td.planHd {
	padding: 0;
	vertical-align: top
}

.planTable td.planHd .planHdBlc {
	background: #333;
	padding: 5px;
	color: #fff;
	font-size: 17px;
	text-transform: uppercase
}

.planTable td.planHd .planPriceNew {
	padding: 15px 0 0 0
}

.planTable td.planHd .planPriceNew span {
	padding: 5px;
	font-size: 24px;
	font-weight: 600
}

.planTable td.planHd .month {
	padding: 0 0 10px 0;
	color: #999
}

.planTable td.planHd .bronze {
	color: #cc3635
}

.planTable td.planHd .silver {
	color: #286b7b
}

.planTable td.planHd .gold {
	color: #ea594e
}

.planTable td.planHd .platinum {
	color: #b02c20
}

.planTable td.planHd .titanium {
	color: #41a3c6
}

.reqBox {
	background: #eee;
	padding: 0 240px 0 10px;
	border: 1px solid #ccc;
	font-size: 25px;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	color: #274e99;
	font-weight: 700;
	position: relative;
	margin-bottom: 30px;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-o-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
	height: 60px;
	line-height: 55px
}

.reqBox span {
	color: #e14a25
}

.reqBox a {
	display: block;
	position: absolute;
	right: -1px;
	top: -1px;
	width: 240px;
	background: #3761b2;
	height: 60px;
	color: #fff;
	-moz-box-shadow: 0 0 10px #0d3581 inset;
	-webkit-box-shadow: 0 0 10px #0d3581 inset;
	-o-box-shadow: 0 0 10px #0d3581 inset;
	box-shadow: 0 0 10px #0d3581 inset
}

.monthDur {
	border-bottom: 1px solid#ccc;
	border-top: 1px solid#ccc;
	padding: 5px;
	margin: 0 10px 10px 10px;
	color: #999
}

.goProtable {
	border: 5px solid #eee
}

.goProtable li {
	padding: 6px 20% 6px 30px;
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	border-bottom: 1px dashed #ccc;
	background: #fff;
	position: relative
}

.goProtable li:before {
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #666;
	position: absolute;
	left: 10px;
	top: 10px
}

.goProtable li:after {
	content: '';
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-left: 4px solid #fff;
	position: absolute;
	left: 15px;
	top: 12px
}

.goProtable li span {
	position: absolute;
	right: 0;
	top: 8px;
	width: 20%
}

.goProtable li.gray {
	background: #eee
}

.goProtable li:last-child {
	border-bottom: none;
	background: #d3d3d3;
	font-size: 16px;
	text-align: right
}

.goProtable li:last-child div {
	margin-right: -100px
}

.goProtable li:last-child span {
	font-size: 24px;
	font-weight: 700;
	color: #e34a27;
	margin: 0 5px;
	display: inline-block;
	vertical-align: middle;
	position: static;
	width: auto
}

.goProtable li:last-child:after,
.goProtable li:last-child:before {
	display: none
}

.reasonBox {
	padding: 20px;
	background: #f3fbff;
	border: 1px solid #99bacb;
	font-family: 'Roboto Condensed', sans-serif
}

.reasonBox ul li {
	font-size: 15px;
	padding: 0 0 15px 20px;
	position: relative;
	width: 48%;
	float: left;
	margin-right: 4%
}

.reasonBox ul li:nth-child(2n) {
	margin-right: 0
}

.reasonBox ul li span {
	display: block;
	font-weight: 600;
	font-size: 17px;
	padding-bottom: 2px
}

.reasonBox ul li:before {
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #38a1d1;
	position: absolute;
	left: 0;
	top: 6px
}

.reasonBox ul li:after {
	content: '';
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-left: 4px solid #fff;
	position: absolute;
	left: 5px;
	top: 8px
}

.tooltipCov {
	position: relative;
	cursor: pointer
}

.tooltipBox {
	position: absolute;
	width: 300px;
	background: #fff;
	position: absolute;
	bottom: 102%;
	left: -25px;
	border: 1px solid #ccc;
	padding: 5px 10px;
	display: none
}

.tooltipCov:hover .tooltipBox {
	display: block
}

.nasscomImg {
	float: left;
	width: 32%;
	margin: 5px 20px 10px 0;
	padding: 5px;
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	-o-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc
}

.sitemapLinks {
	padding: 0 0 20px 10px
}

.sitemapLinks li {
	float: left;
	width: 25%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	padding: 3px 0 3px 12px;
	background: url(../images/black_arrow.png) no-repeat 0 9px
}

.sitemapLinks li a {
	color: #333
}

.sitemapLinks li a:hover {
	color: #e14a25
}

.sitemapHd {
	padding: 0 0 0 10px;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 5px;
	font-weight: 600;
	color: #e14a25
}

.thanksBox {
	max-width: 700px;
	margin: 50px auto;
	border: 10px solid #eee;
	background: #fff;
	padding-bottom: 50px;
	font-family: 'Roboto Condensed', sans-serif
}

.thnaksTxt {
	text-align: center;
	padding: 50px 25px;
	font-size: 18px
}

.thnaksTxt span {
	display: block;
	padding-bottom: 15px;
	font-size: 24px;
	color: #1e4288
}

.thnaksBtn {
	background: #f1fafe;
	border-bottom: 1px solid #bae7fa;
	border-top: 1px solid #bae7fa;
	text-align: center;
	padding: 20px
}

.thnaksBtn a {
	display: inline-block;
	margin: 0 5px;
	background: #1e4288;
	color: #fff;
	padding: 6px 15px;
	border-radius: 3px;
	text-transform: uppercase
}

.thnaksBtn a:hover {
	background: #05286b
}

.errorHd {
	font-size: 55px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding: 30px 10px
}

.errorTxt {
	font-size: 18px;
	text-align: center;
	padding: 0 20px 40px 20px
}

.errorBot {
	background: #eee;
	text-align: center;
	font-size: 18px;
	padding: 60px 0 20px 0;
	margin-top: -40px
}

.errorImg {
	text-align: center;
	padding: 0 30px
}

.invoiceNo {
	float: right;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 5px
}

.innuInput {
	padding: 5px;
	width: 90px
}

.pgBox {
	position: relative;
	padding: 0 0 0 55px
}

.pgIcon {
	position: absolute;
	left: 0;
	top: 6px
}

.amountLft {
	float: left;
	width: 62%
}

.amountRgt {
	float: left;
	width: 38%;
	padding-left: 10px
}

.totalAmout {
	font-size: 18px;
	color: #e14a25
}

.policyTxt {
	background: #f3fbff;
	border: 1px solid #99bacb;
	padding: 20px
}

.midRgt #recaptcha1,
.midRgt #recaptcha1>div {
	max-width: 100%;
	transform: scale(.84);
	-webkit-transform: scale(.84);
	transform-origin: left top;
	-webkit-transform-origin: left top;
	margin-bottom: -10px
}

.detToRgt #recaptcha1,
.detToRgt #recaptcha1>div {
	max-width: 100%;
	transform: scale(.81);
	-webkit-transform: scale(.81);
	transform-origin: left top;
	-webkit-transform-origin: left top
}

.pfwebSlider .owl-prev {
	background: url(../images/smll_prev_arrow.png);
	width: 10px;
	height: 19px;
	opacity: .3;
	overflow: hidden;
	text-indent: -200px;
	position: absolute;
	top: -30px;
	right: 22px;
	display: block!important
}

.pfwebSlider .owl-next {
	background: url(../images/smll_next_arrow.png);
	width: 10px;
	height: 19px;
	opacity: .3;
	overflow: hidden;
	text-indent: -200px;
	position: absolute;
	top: -30px;
	right: 0;
	display: block!important
}

.contactSlider {
	display: none!important
}

.contactSlider .item {
	padding: 1px
}

.contactSlider .contactPopup {
	width: 100%;
	border-radius: 0;
	position: static;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: block
}

.contactSlider .contactPopup:after {
	display: none
}

.contactSlider .contactPopup:before {
	display: none
}

.gitHd>span {
	display: inline-block;
	position: relative;
	margin-bottom: 40px
}

.gitHd>span span {
	position: absolute;
	right: 0;
	top: 100%;
	font-size: 13px;
	text-transform: none;
	font-weight: 300;
	color: #999
}

.gitList li {
	width: 35%;
	float: left;
	margin-bottom: 35px;
	border-left: 1px solid #ccc;
	padding: 0 0 0 90px;
	min-height: 40px;
	position: relative;
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 20px
}

.gitList li:nth-child(3n+1) {
	padding: 0 0 0 60px;
	border-left: none;
	width: 30%
}

.gitList li .icon {
	position: absolute;
	left: 30px;
	top: 3px
}

.gitList li:nth-child(3n+1) .icon {
	left: 0
}

.afjList {
	display: inline-block;
	margin: 10px 0 30px 0;
	font-size: 19px;
	text-transform: none;
	color: #010712;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif
}

.afjList a {
	color: #010712
}

.afjList span {
	margin: 0 12px
}

.afjList img {
	vertical-align: middle;
	margin: 0 5px 4px 0
}

.afjList img.phone {
	height: 22px
}

.eightColList {
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc
}

.eightColList li {
	width: 25%;
	float: left;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	color: #000;
	font-size: 20px;
	padding: 25px 10px;
	position: relative;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif
}

.eightColList li span {
	color: #e14a25;
	font-weight: 700;
	font-size: 24px
}

.viewPFLik {
	text-align: right;
	font-family: 'Roboto Condensed', sans-serif;
	z-index: 100;
	font-size: 18px;
	font-weight: 700;
	position: absolute;
	right: 30px;
	bottom: 0
}

.viewPFLik a {
	color: #e84325;
	text-decoration: underline
}

.viewPFLik a:hover {
	text-decoration: none
}

.detPfLft .pfwebSlider {
	margin-bottom: 10px
}

.midRgt .rgtForm .field textarea {
	height: 140px
}

a.blcLink {
	color: #000;
	font-weight: 500;
	text-decoration: underline
}

a.blcLink:hover {
	text-decoration: none
}

.newCaptchBox {
	font-size: 14px
}

.captchaHd {
	display: block;
	padding-bottom: 5px;
	font-size: 16px
}

.capthhaNumber {
	background: #eee;
	border: 1px solid #ccc;
	padding: 9px;
	display: inline-block;
	margin: 0 5px 0 0;
	min-width: 70px;
	text-align: center
}

.captchaInput {
	width: 90px;
	margin: 0 5px
}

a.refreshLink {
	margin-left: 5px;
	font-size: 13px;
	text-decoration: underline
}

.rgtCaptchaHd {
	display: block;
	padding-bottom: 5px;
	font-size: 12px
}

.rgtCapthhaNumber {
	background: #eee;
	border: 1px solid #ccc;
	padding: 6px 8px;
	font-size: 14px;
	display: inline-block;
	margin: 0 3px 0 0;
	vertical-align: middle;
	min-width: 70px;
	text-align: center
}

.rgtCaptchaInput {
	width: 80px;
	margin: 0 3px;
	padding: 8px
}

a.rgtRefreshLink {
	margin-left: 5px;
	font-size: 13px;
	text-decoration: underline
}

.detToRgt .rgtCaptchaHd {
	font-size: 11px
}

.careerCon .freeConsultation {
	display: none
}

.pcCon {
	background: url(../images/pc_trexture_bg.jpg);
	padding: 50px 0;
	color: #fff;
	text-align: center;
	font-size: 19px;
	font-family: Roboto, sans-serif;
	font-weight: 300;
	line-height: 26px
}

.pcCon span {
	font-size: 31px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	line-height: normal;
	padding-bottom: 10px;
	display: block
}

.pcSlider {
	position: relative
}

.pcSlider {
	border-right: 2px solid #fff
}

.pcSlider .item {
	border: 2px solid #fff;
	border-right: none
}

.pcSlider .owl-prev {
	position: absolute;
	left: 0;
	width: 30px;
	height: 80px;
	top: 50%;
	margin-top: -40px;
	background: #fff url(../images/smll_prev_arrow.png) no-repeat center;
	overflow: hidden;
	text-indent: -2000px
}

.pcSlider .owl-next {
	position: absolute;
	right: 0;
	width: 30px;
	height: 80px;
	top: 50%;
	margin-top: -40px;
	background: #fff url(../images/smll_next_arrow.png) no-repeat center;
	overflow: hidden;
	text-indent: -2000px
}

.jobInfo li {
	padding: 2px 0;
	font-size: 14px;
	line-height: normal;
	font-weight: 400
}

.jobInfo li span {
	display: inline-block;
	margin-right: 5px;
	font-weight: 300
}

.keysiklls {
	margin: 5px 0 25px 0
}

.keysiklls span {
	display: inline-block;
	background: #eee;
	padding: 2px 10px;
	line-height: normal;
	margin-top: 4px;
	font-size: 14px
}

a.showFullJob .lessBx {
	display: none
}

a.showFullJob.active .moreBx {
	display: none
}

a.showFullJob.active .lessBx {
	display: inline
}

.listIcon {
	padding-top: 25px;
	max-width: 950px;
	margin: auto
}

.listIcon li {
	background: url(../images/bullet_icon.png) no-repeat 0 11px;
	float: left;
	font-size: 20px;
	padding: 5px 0 5px 25px;
	position: relative;
	width: 50%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300
}

.content.me {
	font-size: 20px;
	line-height: 28px
}

.mobileExpertiseSlider {
	margin: 30px 0 0 0;
	position: relative
}

.mobileExpertiseSlider .item {
	text-align: center;
	color: #575757;
	font-size: 19px;
	font-family: 'Roboto Condensed', sans-serif
}

.mobileExpertiseSlider .item img {
	display: block;
	margin: 0 auto 10px auto;
	width: 70%!important;
	max-width: 110px
}

.mobileExpertiseSlider .owl-prev {
	background: url(../images/prev_ar.png);
	width: 25px;
	height: 42px;
	opacity: .4;
	position: absolute;
	left: -45px;
	top: 50%;
	margin-top: -21px;
	overflow: hidden;
	text-indent: -200px
}

.mobileExpertiseSlider .owl-prev:hover {
	opacity: .6
}

.mobileExpertiseSlider .owl-next {
	background: url(../images/next_ar.png);
	width: 25px;
	height: 42px;
	opacity: .4;
	position: absolute;
	right: -45px;
	top: 50%;
	margin-top: -21px;
	overflow: hidden;
	text-indent: -200px
}

.mobileExpertiseSlider .owl-next:hover {
	opacity: .6
}

.sdTopList>li {
	background: #fff;
	width: 48%;
	float: left;
	margin: 0 4% 0 0;
	-moz-box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
	border: 1px solid #efefef;
	min-height: 190px;
	position: relative
}

.sdTopList>li:nth-child(2n) {
	margin-right: 0
}

.sdTopList>li .imgBox {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 170px;
	background: #039;
	border: 10px solid #fff
}

.sdTopList>li .imgBox img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto
}

.sdTopList>li.web .imgBox {
	background: #22d3ff
}

.sdTopList>li.mobile .imgBox {
	background: #51c336
}

.sdTopList>li .detBox {
	padding: 20px 20px 20px 190px
}

.sdTopList>li .detBox span {
	font-size: 25px;
	display: block;
	line-height: normal;
	padding-bottom: 5px;
	font-weight: 400
}

.verticalsBg {
	background: url(../images/verticals_bg.jpg) no-repeat center top;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.industryBox:hover .verticalsBg {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2)
}

.expertiseBg {
	background: url(../images/sd_expertise_bg.jpg) no-repeat center top;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.industryBox:hover .expertiseBg {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2)
}

.verticalsBot {
	border-top: 1px solid rgba(255, 255, 255, .5);
	clear: both;
	position: relative;
	padding: 25px 0;
	text-align: right
}

.verticalsBot a {
	margin-right: 25px
}

.expertiseBot {
	border-top: 1px solid rgba(255, 255, 255, .5);
	clear: both;
	position: relative;
	padding: 25px 0;
	text-align: left
}

.expertiseBot a {
	margin-left: 25px
}

.qatList li {
	float: left;
	width: 32%;
	margin: 40px 2% 0 0
}

.qatList li:nth-child(3n) {
	margin-right: 0
}

.qatList li .top {
	position: relative;
	min-height: 60px;
	padding: 0 0 0 65px
}

.qatList li .top img {
	position: absolute;
	left: 0;
	top: 0
}

.qatList li .top .hd {
	color: #232832;
	font-size: 20px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 10px;
	text-transform: uppercase;
	line-height: 22px
}

.qatList li .top .hd span {
	display: block
}

.testingPlatform {
	padding: 40px 0;
	overflow: hidden;
	background: url(../images/testing_platform_bg.jpg) no-repeat center top;
	background-size: cover
}

.whtClr {
	color: #fff!important
}

.testingPlList li {
	float: left;
	width: 31%;
	background: #fff;
	padding: 40px;
	margin: 20px 3.5% 0 0;
	float: left;
	font-size: 19px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif
}

.testingPlList li:last-child {
	margin-right: 0
}

.testingPlList li span {
	display: block;
	padding-bottom: 15px;
	font-size: 27px;
	text-transform: uppercase
}

.lightRedClr {
	color: #e14a25
}

.approchList li {
	float: left;
	width: 32%;
	margin: 40px 2% 0 0;
	position: relative;
	padding: 0 0 0 80px
}

.approchList li:last-child {
	margin-right: 0
}

.approchList li .hd {
	display: block;
	font-size: 23px;
	padding-bottom: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	color: #232832
}

.approchList li .hd a {
	color: #232832
}

.approchList li .hd a:hover {
	color: #e45e3e
}

.approchList li img {
	position: absolute;
	left: 0;
	top: 5px
}

.topBor {
	border-top: 1px solid #f1f1f1
}

.ourProcessList {
	border: 1px solid #fff;
	border-top: none;
	border-right: none;
	background: url(../images/our_approc_bg.jpg) no-repeat center top;
	margin-top: 40px
}

.ourProcessList li {
	float: left;
	width: 33.33%;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 40px;
	color: rgba(255, 255, 255, .3);
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 700
}

.ourProcessList li span {
	display: block
}

.ourProcessList li:hover {
	background: rgba(81, 195, 54, .7);
	color: #fff
}

.cognitiveDEList {
	margin-top: 20px
}

.cognitiveDEList li {
	background: #666;
	float: left;
	width: 49%;
	margin: 20px 2% 0 0;
	text-align: center;
	padding: 50px 70px;
	color: #fff;
	font-size: 19px;
	font-family: Roboto, sans-serif;
	line-height: 26px
}

.cognitiveDEList li:nth-child(2n) {
	margin-right: 0
}

.cognitiveDEList li span {
	display: block;
	font-size: 37px;
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 10px;
	line-height: normal
}

.cognitiveDEList li.chatBots {
	background: url(../services/icon/chat_bots_bg.jpg) no-repeat center top;
	background-size: cover
}

.cognitiveDEList li.videoAnalytics {
	background: url(../services/icon/video_analytics_bg.jpg) no-repeat center top;
	background-size: cover
}

.cognitiveDEList li.smartKiosk {
	background: url(../services/icon/smart_kiosk_bg.jpg) no-repeat center top;
	background-size: cover
}

.cognitiveDEList li.retainAnalytics {
	background: url(../services/icon/retain_analytics_bg.jpg) no-repeat center top;
	background-size: cover
}

.aiMidCon {
	background: url(../services/icon/ai_mid_bg.jpg) no-repeat center;
	background-size: cover
}

.aiMidCon ul {
	position: relative;
	margin: 20px 0;
	width: 100%
}

.aiMidCon ul li {
	float: left;
	width: 46%;
	margin-right: 8%;
	color: #fff;
	font-size: 18px;
	font-family: Roboto, sans-serif;
	line-height: 26px;
	padding: 0 0 0 160px;
	position: relative;
	min-height: 122px
}

.aiMidCon ul li:nth-child(2n) {
	margin-right: 0
}

.aiMidCon ul li img {
	position: absolute;
	left: 0;
	top: 0
}

.aiMidCon ul li span {
	display: block;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: normal;
	padding-bottom: 5px
}

.aiMidCon ul li:nth-child(2n):before {
	content: '';
	height: 100%;
	width: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	margin-left: -8%
}

.topPad40 {
	padding-top: 60px
}

.seoTableW {
	width: 100%;
	border-spacing: 0
}

.width60 {
	width: 60%
}

.width20 {
	width: 20%
}

ul.detList {
	padding-top: 10px
}

ul.detList li {
	padding: 4px 0 4px 15px;
	position: relative
}

ul.detList li:before {
	content: '';
	width: 6px;
	height: 6px;
	background: #666;
	border-radius: 6px;
	position: absolute;
	left: 0;
	top: 14px
}

.contcatMap .paris {
	position: absolute;
	left: 405px;
	top: 120px;
	cursor: pointer
}

.contactTopNew {
	color: #010712;
	font-size: 19px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 15px
}

.contactFormNew {
	border: 1px solid #edeef0;
	padding: 25px 30px;
	background: url(../images/contact_new_bg.jpg) no-repeat;
	background-size: cover
}

.contactFormNew .formField label {
	color: #7c7c7c
}

.contactFormNew .contactInput {
	border: 1px solid #b8b8b8
}

.contactFormNew .contactSelect {
	border: 1px solid #b8b8b8
}

.contactFormNew textarea {
	height: 122px
}

.contactBot {
	padding-bottom: 15px
}

.contactFormNew .newCaptchBox {
	padding-top: 5px
}

.contactFormNew .captchaHd {
	display: inline-block;
	color: #7e7e7e;
	font-size: 15px;
	padding: 0 22px 0 0
}

.contactBtn {
	text-align: center;
	padding-top: 30px
}

.contactFormNew .formBtn.smll {
	padding: 8px 35px;
	height: 40px
}

.joinUs {
	background: url(../images/joinus_bg.jpg) no-repeat center;
	height: 286px;
	width: 100%;
	position: relative
}

.joinUs .follow {
	position: absolute;
	left: 0;
	top: 20px;
	width: 100%;
	text-align: center
}

.joinUs .follow span {
	color: #fff;
	font-size: 17px;
	display: block;
	padding-bottom: 10px
}

.joinUs .follow a {
	display: inline-block;
	margin: 0 3px;
	background: url(../images/new_social.png) no-repeat;
	width: 30px;
	height: 30px
}

.joinUs .follow a.twitter {
	background-position: 0 0
}

.joinUs .follow a.twitter:hover {
	background-position: 0 bottom
}

.joinUs .follow a.facebook {
	background-position: -35px 0
}

.joinUs .follow a.facebook:hover {
	background-position: -35px bottom
}

.joinUs .follow a.gpluse {
	background-position: -70px 0
}

.joinUs .follow a.gpluse:hover {
	background-position: -70px bottom
}

.joinUs .follow a.linkedin {
	background-position: -106px 0
}

.joinUs .follow a.linkedin:hover {
	background-position: -106px bottom
}

.joinUs .join {
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 100%;
	text-align: center
}

.joinUs .join span {
	display: block;
	padding-bottom: 10px;
	font-size: 21px;
	color: #fff
}

.joinUs .join a {
	display: inline-block;
	background: #e84325;
	color: #fff;
	font-size: 15px;
	border: 1px solid #fff;
	border-radius: 2px;
	padding: 7px 25px
}

.joinUs .join a:hover {
	background: #3c78d3
}

.contactTab {
	margin-top: 40px
}

.contactTab ul {
	border: 2px solid #d1d1d1;
	border-radius: 3px
}

.contactTab ul li {
	float: left;
	width: 25%;
	background: #f2f2f2;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	border-right: 2px solid #d1d1d1
}

.contactTab ul li:last-child {
	border: none
}

.contactTab ul li a {
	display: block;
	height: 44px;
	line-height: 44px;
	color: #010712;
	position: relative
}

.contactTab ul li a span.mob {
	display: none
}

.contactTab ul li a:hover {
	color: #31363f
}

.contactTab ul li.active a {
	background: #31363f;
	color: #fff;
	-moz-box-shadow: 0 0 0 2px #31363f;
	-o-box-shadow: 0 0 0 2px #31363f;
	-webkit-box-shadow: 0 0 0 2px #31363f;
	box-shadow: 0 0 0 2px #31363f
}

.contactTab ul li.active:first-child a {
	border-radius: 3px 0 0 3px
}

.contactTab ul li.active:last-child a {
	border-radius: 0 3px 3px 0
}

.contactAddress {
	padding: 0 2px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.contactAddress li {
	width: 50%;
	float: left;
	border-right: 2px solid #ebecee;
	border-bottom: 2px solid #ebecee;
	padding: 30px;
	font-family: 'Roboto Condensed', sans-serif
}

.contactAddress li:last-child {
	border-right: none
}

.contactAddress li:first-child {
	padding-left: 0
}

.contactAddress.four li {
	width: 25%
}

.contactAddress.four li:nth-child(odd) {
	border-right: none
}

.contactAddress.three li:nth-child(2) {
	padding: 30px
}

.contactAddress.three li {
	width: 33.33%
}

.contactAddress li .hd {
	color: #010712;
	font-size: 23px;
	text-transform: uppercase;
	padding-bottom: 8px;
	font-weight: 700
}

.contactAddress li .address {
	color: #868686;
	font-size: 17px;
	padding: 0 0 0 25px;
	margin-bottom: 10px;
	background: url(../images/address_in.png) no-repeat 4px 3px
}

.contactAddress li .phone {
	color: #363636;
	font-size: 19px;
	padding: 0 0 0 25px;
	margin-bottom: 10px;
	background: url(../images/phone_in.png) no-repeat 6px 4px
}

a.viewMap {
	display: inline-block;
	background: #f7f7f7 url(../images/address_in.png) no-repeat 20px center;
	border: 1px solid #d1d1d1;
	padding: 8px 20px 8px 40px;
	color: #7a7676;
	font-size: 15px;
	margin-top: 5px
}

.contactImgSlider {
	float: right;
	width: 50%;
	position: relative
}

.contactImgSlider .owl-prev {
	background: url(../images/contact_la.jpg);
	width: 26px;
	height: 24px;
	position: absolute;
	right: 27px;
	bottom: 0;
	overflow: hidden;
	text-indent: -200px
}

.contactImgSlider .owl-next {
	background: url(../images/contact_ra.jpg);
	width: 26px;
	height: 24px;
	position: absolute;
	right: 0;
	bottom: 0;
	overflow: hidden;
	text-indent: -200px
}

.contactMapBx {
	float: left;
	width: 50%;
	height: 305px
}

.contactMapBx .mapIn {
	height: 100%
}

.dtList {
	margin: 0 -10px
}

.dtList li {
	width: 33.33%;
	float: left;
	position: relative;
	min-height: 100px;
	margin: 40px 0 0 0;
	text-align: left;
	vertical-align: top;
	padding: 0 10px
}

.dtList li .inner {
	position: relative;
	padding-left: 85px
}

.dtList li img {
	position: absolute;
	left: 0;
	top: 0
}

.dtList li .hd {
	display: block;
	font-size: 23px;
	padding-bottom: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	color: #232832
}

.dtList li .hd a {
	color: #232832
}

.dtList li .hd a:hover {
	color: #e45e3e
}

.graayBg {
	background: #f6f6f6
}

.dteList {
	margin: 0 -10px
}

.dteList li {
	float: left;
	width: 25%;
	padding: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	height: 10pc
}

.dteList li a {
	display: block;
	position: relative;
	padding: 20px 10px;
	text-align: center;
	color: #fff;
	overflow: hidden;
	height: 100%;
	font-family: poppins;
	background: #8c0720db!important
}

.dteList li a img {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0 auto
}

.dteList li a .hd {
	position: relative;
	z-index: 1;
	font-size: 20px;
	font-weight: 400;
	padding-bottom: 10px;
	display: block
}

.dteList li a .txt {
	position: relative;
	z-index: 1;
	font-size: 14px;
	font-weight: 400;
	display: block
}

.dteList li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover!important;
	opacity: .1;
	transition: all .3s linear 0s;
	transform: scale(1.1)
}

.dteList li a:hover:before {
	opacity: .2;
	transform: scale(1)
}

.dteList li:nth-child(1) a {
	background: #00a2ec
}

.dteList li:nth-child(1) a:before {
	background: url(../services/icon/dte_img8.jpg) no-repeat center
}

.dteList li:nth-child(2) a {
	background: #f47920
}

.dteList li:nth-child(2) a:before {
	background: url(../images/dte_img8.jpg) no-repeat center
}

.dteList li:nth-child(3) a {
	background: #51c336
}

.dteList li:nth-child(3) a:before {
	background: url(../services/icon/dte_img8.jpg) no-repeat center
}

.dteList li:nth-child(4) a {
	background: #f96057
}

.dteList li:nth-child(4) a:before {
	background: url(../services/icon/dte_img8.jpg) no-repeat center
}

.dteList li:nth-child(5) a {
	background: #638e97
}

.dteList li:nth-child(5) a:before {
	background: url(../services/icon/dte_img8.jpg) no-repeat center
}

.dteList li:nth-child(6) a {
	background: #9b7d8c
}

.dteList li:nth-child(6) a:before {
	background: url(../services/icon/dte_img8.jpg) no-repeat center
}

.dteList li:nth-child(7) a {
	background: #beaf6e
}

.dteList li:nth-child(7) a:before {
	background: url(../services/icon/dte_img8.jpg) no-repeat center
}

.dteList li:nth-child(8) a {
	background: #00ddce
}

.dteList li:nth-child(8) a:before {
	background: url(../services/icon/dte_img8.jpg) no-repeat center
}

.dtwhyList {
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc
}

.dtwhyList li {
	width: 33.33%;
	float: left;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	padding: 30px 20px 30px 60px;
	position: relative;
	height: 11pc
}

.dtwhyList li span {
	position: absolute;
	left: 20px;
	top: 19px;
	color: #8c0720;
	font-size: 50px
}

.orngClr {
	color: #f27920
}

.expertiseList.col3>li {
	width: 31%;
	margin-right: 3.5%
}

.expertiseList.col3>li:nth-child(2n) {
	margin-right: 3.5%
}

.expertiseList.col3>li:nth-child(3n) {
	margin-right: 0
}

.solMidCon {
	width: 100%;
	position: relative;
	font-family: "Roboto Condensed", sans-serif;
	margin-top: 10px
}

.solTSLft {
	float: left;
	width: 30%;
	padding: 0 30px 0 0
}

.solTSRgt {
	float: right;
	width: 70%
}

.banTxt {
	width: 56%;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px
}

.banTxt span {
	font-size: 27px;
	font-weight: 700;
	display: block;
	padding-bottom: 20px;
	line-height: normal
}

.banTxt .txt {
	padding: 20px
}

.tsBanTxt {
	position: absolute;
	left: 0;
	top: 0
}

.tsBanTxt .txt {
	background: #00b4f1
}

.bsBanTxt {
	position: absolute;
	left: 0;
	top: 0
}

.bsBanTxt .txt {
	background: #8c07207d;
	font-family: poppins;
	font-size: 15px
}

.deBanTxt {
	position: absolute;
	right: 0;
	top: 0
}

.deBanTxt .txt {
	background: #f30617
}

.iotCapBanTxt {
	position: absolute;
	left: 0;
	top: 0
}

.iotCapBanTxt .txt {
	background: #f8682c
}

.solBanImg {
	padding-top: 40px
}

a.solBPBox {
	position: relative;
	margin-top: 30px;
	max-height: 240px;
	overflow: hidden;
	display: block
}

a.solBPBox img {
	width: 100%;
	vertical-align: top
}

a.solBPBox .hd {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 10px 15px;
	background: rgba(0, 0, 0, .4);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	display: block
}

a.solBPBox .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 15px;
	background: rgba(0, 0, 0, .4);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	display: block
}

.solListLink {
	width: 46%;
	padding-top: 10px
}

.solListLink li {
	font-size: 18px
}

.solListLink li:last-child a {
	border: none
}

.solListLink li a {
	color: #565656;
	display: block;
	border-bottom: 1px dashed #ddd;
	padding: 18px 0 18px 30px;
	position: relative
}

.solListLink li a:hover {
	color: #e14a25
}

.solListLink li a:before {
	content: '';
	border: 1px solid #383838;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 20px
}

.solListLink li a:hover:before {
	border: 1px solid #e14a25
}

.solListLink li a:after {
	content: '';
	width: 7px;
	height: 7px;
	background: url(../images/link_arrow.png);
	position: absolute;
	left: 7px;
	top: 26px
}

.solListLink li a:hover:after {
	background-position: 0 -7px
}

.solDELft {
	float: left;
	width: 70%
}

.solDERgt {
	float: right;
	width: 30%;
	padding: 0 0 0 30px
}

.busSolLink {
	margin: 0 -10px
}

.busSolLink>li {
	font-size: 18px;
	width: 33.33%;
	float: left;
	padding: 0 10px
}

.busSolLink>li:nth-child(3n) {
	margin-right: 0
}

.busSolLink>li>a,
.busSolLink>li>span {
	color: #565656;
	display: block;
	padding: 18px 0 18px 30px;
	position: relative;
	border-bottom: 1px dashed #ddd;
	height: 100%
}

.busSolLink>li>a:hover {
	color: #e14a25
}

.busSolLink>li>a:before,
busSolLink>li>span:before {
	content: '';
	border: 1px solid #383838;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 19px
}

.busSolLink>li>a:hover:before {
	border: 1px solid #e14a25
}

.busSolLink>li>a:after,
.busSolLink>li>span:after {
	content: '';
	width: 7px;
	height: 7px;
	background: url(../services/icon/link_arrow.png);
	position: absolute;
	left: 7px;
	top: 25px
}

.busSolLink>li>a:hover:after {
	background-position: 0 -7px
}

.busSolLink.new>li {
	width: 25%
}

.subLink {
	padding-left: 30px
}

.subLink li {
	font-size: 18px
}

.subLink li a {
	color: #565656;
	display: block;
	padding: 18px 0 18px 20px;
	position: relative;
	border-bottom: 1px dashed #d1d3d5
}

.subLink li a:after {
	content: '';
	width: 7px;
	height: 7px;
	background: url(../images/link_arrow.png);
	position: absolute;
	left: 0;
	top: 26px
}

.subLink li a:hover {
	color: #e14a25
}

.subLink li a:hover:after {
	background-position: 0 -7px
}

.subLink.new li a {
	padding: 8px 0 8px 20px
}

.subLink.new li a:after {
	top: 17px
}

.trendingListNew {
	padding-top: 50px;
	position: relative
}

.trendingListNew .item {
	background: #f3f4f4
}

.trendingListNew .item img {
	margin: 0 auto;
	padding: 35px 0;
	display: block;
	max-width: 100%;
	width: 70px!important;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.trendingListNew .item .name {
	background: #515151;
	font-size: 18px;
	color: #fff;
	padding: 5px;
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
	display: block
}

.trendingListNew .item .name span {
	display: block
}

.trendingListNew .item:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}

.trendingListNew .item:hover .name {
	background: #0cf
}

.trendingListNew .owl-prev {
	background: url(../images/prev_arrow.png);
	background-size: cover;
	width: 8px;
	height: 17px;
	opacity: .5;
	position: absolute;
	right: 18px;
	top: 20px;
	overflow: hidden;
	text-indent: -200px
}

.trendingListNew .owl-next {
	background: url(../images/next_arrow.png);
	background-size: cover;
	width: 8px;
	height: 17px;
	opacity: .5;
	position: absolute;
	right: 2px;
	top: 20px;
	overflow: hidden;
	text-indent: -200px
}

.trendingListNew .owl-dots {
	padding-top: 20px;
	text-align: center
}

.trendingListNew .owl-dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #000;
	margin: 0 2px;
	border-radius: 100%
}

.trendingListNew .owl-dot.active,
.trendingListNew .owl-dot:hover {
	background: #e14a25
}

.blockchainDECon {
	background: url(../images/blockchain_de_bg.jpg) no-repeat center top;
	background-size: cover;
	overflow: hidden
}

.phoneNumberList {
	margin-top: -10px;
	padding-bottom: 8px
}

.phoneNumberList li {
	padding: 12px 15px;
	background: #e14a25;
	font-size: 17px;
	margin-bottom: 7px;
	color: #fff;
	font-weight: 600;
	position: relative;
	overflow: hidden
}

.phoneNumberList li:hover {
	background: #3c78d3
}

.phoneNumberList li span {
	margin-right: 5px
}

.iotBanner {
	background: url(../images/iot_banner_bg.jpg) no-repeat center;
	background-size: cover
}

.iotBanner .lft {
	float: left;
	width: 56%;
	padding: 105px 40px 20px 0;
	font-size: 23px;
	font-weight: 700;
	color: #fff;
	font-family: "Roboto Condensed", sans-serif
}

.iotBanner .lft h1 {
	font-size: 47px;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-weight: 700
}

.iotBanner .lft h1 span {
	text-transform: none
}

.iotBanner .rgt {
	float: right;
	padding: 105px 0 20px 0;
	width: 44%;
	text-align: center
}

.iotSolBg {
	background: url(../images/iot_sol_bg.jpg) no-repeat center;
	background-size: cover
}

.iotSolLft {
	width: 45%;
	float: left;
	padding: 0 50px 0 100px;
	text-align: right;
	position: relative
}

.iotSolLft .mainHd {
	position: relative;
	padding-top: 20px
}

.iotSolLft .mainHd:after {
	content: '';
	width: 230px;
	height: 6px;
	background: #22d3ff;
	position: absolute;
	right: 0;
	top: 0
}

.iotSolRgt {
	float: right;
	padding: 0 100px 0 40px;
	position: relative;
	width: 55%
}

.iotSolRgt:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0, #dfdfdf 50%, rgba(125, 185, 232, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0, #dfdfdf 50%, rgba(125, 185, 232, 0) 100%);
	background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0, #dfdfdf 50%, rgba(125, 185, 232, 0) 100%)
}

.iotSolRgt li {
	padding: 5px 15px;
	background: #fff;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	margin-bottom: 10px
}

.iotSolRgt li:last-child {
	margin-bottom: 0
}

.iotSolRgt li span {
	color: #22d3ff;
	font-size: 20px;
	padding-bottom: 4px;
	line-height: normal;
	display: block;
	font-weight: 500
}

.iotSolRgt.content {
	font-size: 15px;
	line-height: 20px
}

.tableOut {
	display: table;
	width: 100%;
	height: 100%
}

.tableInner {
	display: table-cell;
	vertical-align: middle
}

.hiwCon {
	background: #484848
}

.hiwCon .mainHd {
	color: #fff
}

.hiwCon .content {
	color: rgba(255, 255, 255, .6)
}

.iotHIW {
	margin: 180px auto;
	max-width: 1016px
}

.iotHIW li {
	width: 254px;
	height: 165px;
	float: left;
	background: url(../images/iot_ioc_bg.png) no-repeat;
	position: relative
}

.iotHIW li:first-child {
	background: url(../images/iot_ioc_bg_lft.png) no-repeat right
}

.iotHIW li:last-child {
	background: url(../images/iot_ioc_bg_rgt.png) no-repeat left
}

.iotHIW li .iconBox {
	width: 110px;
	height: 110px;
	background: #fff;
	margin: 27px auto 0 auto;
	border: 6px solid #4a4a4a;
	border-radius: 100%;
	position: relative
}

.iotHIW li .iconBox img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto
}

.iotHIW li .number {
	position: absolute;
	bottom: -48px;
	left: 0;
	text-align: center;
	width: 100%;
	font-size: 31px;
	color: rgba(255, 255, 255, .3);
	font-weight: 700
}

.iotHIW li:nth-child(even) .number {
	top: -48px;
	bottom: inherit
}

.iotHIW li .text {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	top: -140px;
	font-size: 16px;
	color: #fff
}

.iotHIW li:nth-child(even) .text {
	bottom: -140px;
	top: inherit
}

.iotHIW li .text:before {
	content: '';
	background: #000;
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	border-radius: 100%;
	position: absolute;
	top: 115px;
	left: 50%;
	margin-left: -6px
}

.iotHIW li:nth-child(1) .text:before {
	background: #ee642a
}

.iotHIW li:nth-child(2) .text:before {
	background: #91c300
}

.iotHIW li:nth-child(3) .text:before {
	background: #00b4f1
}

.iotHIW li:nth-child(4) .text:before {
	background: #feb703
}

.iotHIW li:nth-child(even) .text:before {
	bottom: 115px;
	top: inherit
}

.iotHIW li .text:after {
	content: '';
	background: url(../images/dot_line.png);
	width: 6px;
	height: 46px;
	position: absolute;
	top: 55px;
	left: 50%;
	margin-left: -1px
}

.iotHIW li:nth-child(even) .text:after {
	bottom: 55px;
	top: inherit
}

.iotIndustry li {
	background: #f3f4f4;
	padding: 10px 10px 20px 10px;
	text-align: center;
	float: left;
	width: 18%;
	margin: 25px 2.5% 0 0;
	color: #000;
	font-size: 19px;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.iotIndustry li:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.iotIndustry li:nth-child(5n) {
	margin-right: 0
}

.iotIndustry li img {
	display: block;
	margin: 0 auto 5px auto
}

.iotCaseStudy {
	background: #f1f1f1
}

.iotCaseStudy .mainHd {
	padding: 0 0 10px 35px
}

.clientlogoBx span.botTxt.padT0 {
	padding-top: 0
}

.iotCasestudy {
	padding: 0 35px
}

.iotCasestudy .lft {
	float: left;
	width: 60%;
	position: relative
}

.iotCasestudy .lft .tags {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 15px;
	background: rgba(0, 0, 0, .5)
}

.iotCasestudy .lft .tags span {
	display: inline-block;
	padding: 4px 10px;
	background: #fff;
	border-radius: 2px;
	color: #333;
	margin: 5px
}

.iotCasestudy .rgt {
	float: left;
	width: 40%;
	padding: 0 0 0 30px;
	margin-top: -5px
}

.iotCasestudy .rgt .heading {
	font-size: 24px;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	padding-bottom: 10px
}

.industrySlider .owl-prev,
.iotCasestudy .owl-prev {
	background: url(../images/prev_arrow.png);
	width: 13px;
	height: 27px;
	opacity: .3;
	overflow: hidden;
	text-indent: -200px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -14px
}

.industrySlider .owl-next,
.iotCasestudy .owl-next {
	background: url(../images/next_arrow.png);
	width: 13px;
	height: 27px;
	opacity: .3;
	overflow: hidden;
	text-indent: -200px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -14px
}

.iotBanner.blockchainBanner {
	background: url(../images/blockchain_banner_bg.jpg) no-repeat center;
	background-size: cover
}

.blockchainHIW {
	margin: 220px auto 200px auto;
	width: 84%
}

.blockchainHIW li {
	height: 28px;
	width: 20%;
	float: left;
	position: relative
}

.blockchainHIW li .roundBox {
	width: 28px;
	height: 28px;
	border: 5px solid #000;
	background: #fff;
	position: relative;
	z-index: 5;
	margin: auto;
	border-radius: 100%
}

.blockchainHIW li:before {
	content: '';
	height: 3px;
	width: 50%;
	background: #c3c3c3;
	position: absolute;
	left: 0;
	top: 13px
}

.blockchainHIW li:after {
	content: '';
	height: 3px;
	width: 50%;
	background: #c3c3c3;
	position: absolute;
	right: 0;
	top: 13px
}

.blockchainHIW li:nth-child(1):before {
	display: none
}

.blockchainHIW li:nth-child(1) .roundBox {
	border: 5px solid #ee642a
}

.blockchainHIW li:nth-child(2) .roundBox {
	border: 5px solid #feb703
}

.blockchainHIW li:nth-child(3) .roundBox {
	border: 5px solid #19bec8
}

.blockchainHIW li:nth-child(4) .roundBox {
	border: 5px solid #91c300
}

.blockchainHIW li:nth-child(5) .roundBox {
	border: 5px solid #00b4f1
}

.blockchainHIW li:nth-child(5):after {
	display: none
}

.blockchainHIW li .roundBox .dot {
	width: 6px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -3px
}

.blockchainHIW li:nth-child(2n) .roundBox .dot {
	bottom: inherit;
	top: 30px
}

.blockchainHIW li .roundBox .dot i {
	width: 2px;
	height: 2px;
	display: block;
	margin: auto;
	background: #fff;
	margin: 8px auto 0 auto
}

.blockchainHIW li:nth-child(2n) .roundBox .dot i {
	margin: 0 auto 8px auto
}

.blockchainHIW li .roundBox .dot i.mid {
	width: 3px;
	height: 3px
}

.blockchainHIW li:nth-child(1) .roundBox .dot i {
	background: #ee642a
}

.blockchainHIW li:nth-child(2) .roundBox .dot i {
	background: #feb703
}

.blockchainHIW li:nth-child(3) .roundBox .dot i {
	background: #19bec8
}

.blockchainHIW li:nth-child(4) .roundBox .dot i {
	background: #91c300
}

.blockchainHIW li:nth-child(5) .roundBox .dot i {
	background: #00b4f1
}

.blockchainHIW li .iconBox {
	position: absolute;
	left: 50%;
	margin-left: -53px;
	bottom: 53px
}

.blockchainHIW li:nth-child(2n) .iconBox {
	bottom: inherit;
	top: 53px
}

.blockchainHIW li .text {
	color: #868686;
	font-size: 14px;
	font-weight: 300;
	position: absolute;
	left: -20%;
	bottom: 175px;
	width: 140%;
	text-align: center
}

.blockchainHIW li .text span {
	display: block;
	font-size: 18px;
	color: #565656;
	font-weight: 700;
	padding-bottom: 5px
}

.blockchainHIW li:nth-child(2n) .text {
	bottom: inherit;
	top: 175px
}

.industrySlider {
	padding: 0
}

.industrySlider .item {
	font-family: 'Roboto Condensed', sans-serif;
	border: 1px solid #efefef;
	background: #fff;
	-webkit-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-moz-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	-o-box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	box-shadow: 4px 4px 5px rgba(178, 178, 178, .3);
	padding: 25px;
	margin: 25px 8px;
	position: relative
}

.industrySlider .item .mainHd {
	font-weight: 700;
	font-size: 25px;
	padding-bottom: 5px;
	color: #8c0720!important
}

.perpuleClr {
	color: #452b81!important
}

.iotBanner.biBanner {
	background: url(../images/bi_banner_bg.jpg) no-repeat center;
	background-size: cover
}

.industrySlider .owl-dots {
	text-align: center
}

.industrySlider .owl-dot {
	width: 14px;
	height: 14px;
	display: inline-block;
	background: #ccc;
	border-radius: 100%;
	margin: 0 5px
}

.industrySlider .owl-dot.active,
.industrySlider .owl-dot:hover {
	background: #e14a25
}

.biHIW li {
	float: left;
	width: 20%;
	padding: 25px 10px 0 10px;
	text-align: center;
	position: relative
}

.biHIW li .hd {
	height: 80px;
	background: #ee642a;
	margin-bottom: 26px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	padding: 0 15px;
	position: relative;
	display: table;
	width: 100%
}

.biHIW li .hd span {
	display: table-cell;
	vertical-align: middle
}

.biHIW li .hd:before {
	content: '';
	width: 18px;
	height: 10px;
	background: #ee642a;
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -9px
}

.biHIW li .hd:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -20px;
	margin-top: 10px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 16px solid #ee642a
}

.biHIW li:nth-child(2) .hd {
	background: #91c300
}

.biHIW li:nth-child(2) .hd:before {
	background: #91c300
}

.biHIW li:nth-child(2) .hd:after {
	border-top: 16px solid #91c300
}

.biHIW li:nth-child(3) .hd {
	background: #feb703
}

.biHIW li:nth-child(3) .hd:before {
	background: #feb703
}

.biHIW li:nth-child(3) .hd:after {
	border-top: 16px solid #feb703
}

.biHIW li:nth-child(4) .hd {
	background: #00b4f1
}

.biHIW li:nth-child(4) .hd:before {
	background: #00b4f1
}

.biHIW li:nth-child(4) .hd:after {
	border-top: 16px solid #00b4f1
}

.biHIW li:nth-child(5) .hd {
	background: #19bec8
}

.biHIW li:nth-child(5) .hd:before {
	background: #19bec8
}

.biHIW li:nth-child(5) .hd:after {
	border-top: 16px solid #19bec8
}

.biHIW li .txt {
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	padding-top: 25px
}

.biHIW li .img {
	padding-top: 25px
}

.biHIW li .arrow {
	position: absolute;
	left: 97%;
	top: 225px
}

.biHIW li:last-child .arrow {
	display: none
}

.biHIW li .arrow:before {
	content: '';
	width: 10px;
	height: 10px;
	background: #686868;
	position: absolute;
	left: 0;
	top: 9px
}

.biHIW li .arrow:after {
	content: '';
	position: absolute;
	left: 9px;
	top: 0;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #686868
}

.iotBanner.aiBanner {
	background: url(../images/ai_banner_bg.jpg) no-repeat center;
	background-size: cover
}

.aiHIW li {
	height: 50px;
	float: left;
	width: 19%;
	padding: 0 20px 0 50px;
	position: relative;
	margin: 160px 0 200px 0
}

.aiHIW li .hd {
	background: #ee642a;
	font-size: 14px;
	color: #fff;
	padding: 8px 0 8px 32px;
	position: relative;
	height: 50px
}

.aiHIW li .hd:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
	border-bottom: 25px solid transparent;
	border-top: 25px solid transparent;
	border-left: 20px solid #ee642a
}

.aiHIW li .icon {
	width: 74px;
	height: 74px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: -12px;
	background: #ee642a;
	border: 7px solid #484848;
	z-index: 1
}

.aiHIW li .icon img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.aiHIW li:nth-child(2) .hd {
	background: #91c300
}

.aiHIW li:nth-child(2) .hd:after {
	border-left: 20px solid #91c300
}

.aiHIW li:nth-child(2) .icon {
	background: #91c300
}

.aiHIW li:nth-child(3) .hd {
	background: #feb703
}

.aiHIW li:nth-child(3) .hd:after {
	border-left: 20px solid #feb703
}

.aiHIW li:nth-child(3) .icon {
	background: #feb703
}

.aiHIW li:nth-child(4) .hd {
	background: #00b4f1
}

.aiHIW li:nth-child(4) .hd:after {
	border-left: 20px solid #00b4f1
}

.aiHIW li:nth-child(4) .icon {
	background: #00b4f1
}

.aiHIW li .text {
	position: absolute;
	top: 100%;
	left: 62px;
	border-left: 5px solid #ee642a;
	padding: 20px 0 20px 15px;
	color: rgba(255, 255, 255, .6);
	font-size: 16px;
	font-weight: 300;
	width: 200px;
	line-height: 23px
}

.aiHIW li:nth-child(2n) .text {
	top: inherit;
	bottom: 100%
}

.aiHIW li:nth-child(2) .text {
	border-left: 5px solid #91c300
}

.aiHIW li:nth-child(3) .text {
	border-left: 5px solid #feb703
}

.aiHIW li:nth-child(4) .text {
	border-left: 5px solid #00b4f1
}

.aiHIW li:nth-child(5) {
	width: 24%;
	padding: 0 0 0 50px
}

.aiHIW li:nth-child(5) .roundBox {
	width: 230px;
	height: 230px;
	border: 25px solid #fff;
	position: absolute;
	left: 45px;
	top: -90px;
	border-radius: 100%;
	z-index: 2
}

.aiHIW li:nth-child(5) .smllRoundBox {
	width: 160px;
	height: 160px;
	border: 20px solid #19bec8;
	position: absolute;
	left: 10px;
	top: 10px;
	border-radius: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	padding-top: 42px;
	line-height: 20px
}

.aiHIW li:nth-child(5) .text {
	top: 30px;
	left: 80px;
	border-left: 5px solid #19bec8;
	padding: 125px 0 20px 15px
}

.aiHIW li:nth-child(5) .icon {
	width: 64px;
	height: 64px;
	left: 15px;
	top: -7px;
	z-index: 3;
	background: #19bec8
}

.aiHIW li:nth-child(5) .upArrow {
	position: absolute;
	right: -5px;
	top: 7px;
	z-index: 3
}

.aiTransformation {
	background: url(../images/ai_cap_bg.jpg) no-repeat center;
	background-size: cover
}

.aiTransformation .mainHd {
	color: #fff
}

.aiTransformation .content {
	color: #fff
}

.aiTransformationList {
	max-width: 950px;
	margin: auto;
	padding-top: 20px
}

.aiTransformationList li {
	float: left;
	width: 49%;
	margin: 0 2% 20px 0;
	background: #000;
	padding: 25px 140px 25px 25px;
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	font-weight: 300
}

.aiTransformationList li span {
	display: block;
	font-size: 20px;
	padding-bottom: 5px
}

.aiTransformationList li:nth-child(2n) {
	margin-right: 0;
	text-align: right;
	padding: 25px 25px 25px 140px
}

.aiBlueBg {
	background: #4f9fc9!important
}

.aiRedBg {
	background: #e46450!important
}

.aiGreenBg {
	background: #59af7b!important
}

.aiPerpuleBg {
	background: #7857c9!important
}

.aiCenIcon {
	width: 170px;
	height: 95px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -47px 0 0 -85px;
	text-align: center;
	box-shadow: 0 0 15px rgba(0, 0, 0, .4)
}

.aiCenIcon:before {
	content: '';
	border-left: 85px solid transparent;
	border-right: 85px solid transparent;
	border-bottom: 55px solid #fff;
	position: absolute;
	left: 0;
	bottom: 100%
}

.aiCenIcon:after {
	content: '';
	border-left: 85px solid transparent;
	border-right: 85px solid transparent;
	border-top: 55px solid #fff;
	position: absolute;
	left: 0;
	top: 100%
}

.mainBigHd {
	color: #fff;
	font-size: 36px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	padding-bottom: 10px
}

.blockchainSolBg {
	background: url(../images/blockchain_solution_bg.jpg) no-repeat center;
	background-size: cover
}

.blockchainSolBg .content {
	color: #fff
}

.blockchainSol {
	padding: 80px 0 0 0
}

.blockchainSol li {
	width: 370px;
	float: left;
	margin-bottom: 80px;
	text-align: right;
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	padding-right: 12px;
	position: relative
}

.blockchainSol li:nth-child(2n) {
	float: right;
	text-align: left;
	padding-left: 12px
}

.blockchainSol li:nth-child(2n+1) {
	clear: both
}

.blockchainSol li span {
	display: block;
	padding-bottom: 8px;
	font-size: 22px;
	font-weight: 400;
	color: #f56023
}

.blockchainSol li:after {
	content: '';
	width: 2px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: #f56023
}

.blockchainSol li:nth-child(2n):after {
	right: inherit;
	left: 0
}

.blockchainSol li:nth-child(2) span {
	color: #feb703
}

.blockchainSol li:nth-child(2):after {
	background: #feb703
}

.blockchainSol li:nth-child(3) span {
	color: #91c300
}

.blockchainSol li:nth-child(3):after {
	background: #91c300
}

.blockchainSol li:nth-child(4) span {
	color: #00b4f1
}

.blockchainSol li:nth-child(4):after {
	background: #00b4f1
}

.blockchainSolIcon {
	width: 260px;
	height: 260px;
	border-radius: 100%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -130px 0 0 -130px;
	-moz-box-shadow: 0 0 0 14px rgba(23, 21, 21, .3);
	-webkit-box-shadow: 0 0 0 14px rgba(23, 21, 21, .3);
	box-shadow: 0 0 0 14px rgba(23, 21, 21, .3)
}

.blockchainSolIcon img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto
}

.biSolBg {
	background: url(../images/bi_sol_bg.jpg) no-repeat center;
	background-size: cover
}

.biSolBg .content {
	color: #fff
}

.biSolTxtCon {
	max-width: 980px;
	margin: auto
}

.biSolList {
	width: 56%;
	float: left;
	padding: 20px 0
}

.biSolList li {
	margin-top: 40px;
	color: #fff;
	padding: 0 0 0 85px;
	position: relative
}

.biSolList li .icon {
	position: absolute;
	left: 0;
	top: 5px;
	width: 60px;
	height: 60px;
	background: #ee642a;
	border-radius: 4px
}

.biSolList li:nth-child(2) .icon {
	background: #91c300
}

.biSolList li:nth-child(3) .icon {
	background: #feb703
}

.biSolList li:nth-child(4) .icon {
	background: #00b4f1
}

.biSolList li .icon img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto
}

.biSolList li span {
	text-transform: uppercase;
	font-size: 22px;
	display: block;
	padding-bottom: 4px
}

.biSolImg {
	width: 44%;
	float: right;
	text-align: center;
	padding: 80px 0 0 0
}

.moreRead {
	display: block;
	padding-top: 10px
}

.moreRead a {
	color: #e84325;
	text-decoration: underline
}

.moreRead a:hover {
	text-decoration: none
}

.overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	overflow: auto;
	z-index: 10000;
	background: rgba(0, 0, 0, .9)
}

.overlay .tableInner {
	padding: 20px
}

.isoPopup {
	max-width: 700px;
	margin: auto;
	padding: 10px;
	position: relative;
	background: #fff
}

.isoPopup img {
	width: 100%;
	max-height: 80%
}

.closeIosPopup {
	position: absolute;
	right: -12px;
	top: -12px;
	width: 30px;
	height: 30px;
	background: #e14a25;
	border-radius: 100%;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer
}

body.active {
	overflow: hidden
}

.contactFormNew .formField {
	padding-bottom: 15px
}

.contactFormNew .invoiceTA {
	height: 70px
}

a.refreshBtn {
	border: 1px solid #d7d9dc;
	display: inline-block;
	padding: 0 15px;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle
}

a.refreshBtn:hover {
	background: #fff;
	color: #e14a25
}

.ocpHd {
	border-top: 1px solid #b9b9b9;
	color: #000;
	font-size: 17px;
	padding: 12px 30px 12px 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	position: relative;
	cursor: pointer
}

.ocpHd:before {
	content: '';
	background: #e14a25;
	width: 3px;
	height: 11px;
	position: absolute;
	top: 19px;
	right: 4px
}

.ocpHd:after {
	content: '';
	background: #e14a25;
	width: 11px;
	height: 3px;
	position: absolute;
	top: 23px;
	right: 0
}

.ocpHd.active:before {
	display: none
}

.newClientList {
	border: 1px solid #ececec;
	border-bottom: none;
	border-left: none
}

.newClientList li {
	width: 33.33%;
	float: left;
	padding: 15px 10px;
	border-bottom: 1px solid #ececec;
	border-left: 1px solid #ececec
}

.newClientList li:nth-child(2n) {
	background: #f2f2f2
}

.newClientList li img {
	max-width: 100%
}

.midRgt .officeGallery .owl-dots {
	background: #e5e5e5;
	padding: 5px;
	text-align: center;
	margin-top: 10px
}

.midRgt .officeGallery .owl-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #77c92e;
	margin: 0 2px
}

.casestudySlider .owl-dot.active,
.midRgt .officeGallery .owl-dot:hover {
	background: #fb0000
}

.midRgt .videoBox {
	border: 1px solid #e9e9e9;
	padding: 1px
}

.midRgt .videpPopup {
	float: right;
	width: 81%
}

.midRgt .videoInner {
	position: relative;
	padding-bottom: 54%;
	border: 5px solid #bababa
}

.midRgt .videoFile {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: top;
	border: none
}

.midRgt .videoList ul {
	padding: 6px 14px 0 5px;
	text-align: center;
	float: left;
	width: 19%
}

.midRgt .videoList ul li {
	display: block;
	text-align: center;
	margin: 0 0 6px 0
}

.midRgt .videoList ul li a {
	display: block;
	width: 100%;
	position: relative;
	border-radius: 100%
}

.midRgt .videoList ul li a:after {
	content: '';
	background: rgba(255, 255, 255, .7);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.midRgt .videoList ul li a img {
	border-radius: 100%;
	border: 3px solid #bababa
}

.midRgt .videoList ul li a .video-icon {
	border: none;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto
}

.midRgt .videoList ul li a.active .video-icon {
	display: none
}

.midRgt .videoList ul li a.active:after {
	display: none
}

.midRgt .videoList ul li a.active:before {
	content: '';
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-left: 6px solid #bababa;
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -6px;
	margin-left: -1px
}

.formField.traFee {
	padding-left: 55px
}

.devopsExLft {
	float: left;
	width: 47%
}

.expBulletList li {
	border-bottom: 1px dashed #d6d6d6;
	color: #565656;
	font-size: 18px;
	padding: 10px 0 10px 30px;
	position: relative;
	line-height: 26px;
	font-family: 'Roboto Condensed', sans-serif
}

.expBulletList li:last-child {
	border-bottom: none
}

.expBulletList li:before {
	content: '';
	width: 18px;
	height: 18px;
	border: 1px solid #363636;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 12px
}

.expBulletList li:after {
	content: '';
	width: 7px;
	height: 7px;
	position: absolute;
	left: 7px;
	top: 19px;
	background: url(../images/link_arrow.png)
}

.devopsExRgt {
	float: left;
	width: 53%;
	padding: 10px 0 0 125px;
	position: relative
}

.devopsExRgt .text {
	width: 72%;
	position: absolute;
	left: 30px;
	top: -30px;
	background: #f8682c;
	padding: 25px;
	color: #fff;
	font-size: 23px;
	font-weight: 700;
	line-height: 27px;
	font-family: 'Roboto Condensed', sans-serif
}

.devopsBenLft {
	float: left;
	width: 48%;
	background: #22d3ff;
	padding: 25px 40px;
	margin-top: 10px;
	border: 1px solid #efefef;
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .1)
}

.devopsBenRgt {
	float: right;
	width: 48%;
	background: #51c336;
	padding: 25px 40px;
	margin-top: 10px;
	border: 1px solid #efefef;
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .1)
}

.devopsBenList li {
	color: #fff;
	font-size: 19px;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 6px 0
}

.devopsBenList li span {
	font-size: 23px
}

.devopsYechList li {
	float: left;
	width: 16.66%;
	text-align: center;
	padding: 10px 5px 0 5px
}

.devopsYechList li span {
	display: inline-block;
	background: #fff;
	border: 1px solid #efefef;
	padding: 10px 5px;
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .1)
}

.devopsWorkImg {
	padding-top: 10px
}

.whyDevopsLft {
	width: 48%;
	float: left;
	background: #fff;
	padding: 20px 30px;
	margin-top: 10px;
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.whyDevopsLft li {
	padding: 12px 0 12px 30px;
	color: #8c0720;
	font-size: 17px;
	position: relative
}

.whyDevopsLft li:before {
	content: '';
	width: 18px;
	height: 18px;
	border: 1px solid #e14a25;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 12px
}

.whyDevopsLft li:after {
	content: '';
	width: 7px;
	height: 7px;
	position: absolute;
	left: 7px;
	top: 19px;
	background: url(../images/link_arrow.png) 0 -7px
}

.whyDevopsRgt {
	width: 48%;
	float: right;
	margin-top: 10px
}

.whyDevopsRgt li {
	color: #646464;
	font-size: 17px;
	font-weight: 300;
	padding: 10px 0 10px 15px;
	position: relative
}

.whyDevopsRgt li:before {
	content: '';
	background: #cacaca;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 17px
}

.innerHeading.portfolio {
	background: url(../images/pf_banner_bg.jpg) no-repeat center;
	background-size: cover!important;
	position: relative
}

.innerHeading.portfolio:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .6)
}

.innerHeading.portfolio .container {
	position: relative;
	z-index: 100
}

.pfMianBg {
	background: url(../images/pf_main_bg.jpg) no-repeat center top fixed;
	background-size: cover!important
}

.pfMianBg .midCon .container {
	max-width: 1700px
}

.pfLft {
	float: left;
	width: 25%;
	background: #fff
}

.pfLftHd {
	background: #f3f3f4;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	cursor: pointer;
	position: relative
}

.pfLftHd span {
	display: block
}

.pfLftHd a {
	color: #fff!important;
	display: block;
	padding: 12px 20px
}

.pfLftHd.active:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none
}

.pfLftHd.expertise {
	background: #15b8f9
}

.pfLftHd.expertise.active,
.pfLftHd.expertise:hover {
	background: #00a6e9
}

.pfLftHd.verticals {
	background: #6ce450
}

.pfLftHd.verticals.active,
.pfLftHd.verticals:hover {
	background: #51c336
}

.pfLftHd.technologies {
	background: #f16543;
	border-bottom: none
}

.pfLftHd.technologies.active,
.pfLftHd.technologies:hover {
	background: #e14a25
}

.pfLeftMenu {
	padding: 15px 20px;
	overflow: auto;
	background: #fff
}

.pfLeftMenu li {
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	padding: 5px 0
}

.pfLeftMenu li a {
	color: #666;
	display: inline-block;
	padding: 0 0 0 20px;
	position: relative
}

.pfLeftMenu li a.active {
	font-size: 16px
}

.pfLeftMenu li a:before {
	content: '';
	background: #000;
	position: absolute;
	left: 0;
	top: 7px;
	width: 11px;
	height: 3px
}

.pfLeftMenu li a:after {
	content: '';
	background: #000;
	position: absolute;
	left: 4px;
	top: 3px;
	width: 3px;
	height: 11px
}

.pfLeftMenu li a.active:before {
	left: 0;
	top: 7px;
	width: 13px;
	height: 3px
}

.pfLeftMenu li a.active:after {
	left: 5px;
	top: 2px;
	width: 3px;
	height: 13px
}

.pfLeftMenu.expertise li a.active,
.pfLeftMenu.expertise li a:hover {
	color: #00a6e9
}

.pfLeftMenu.expertise li a:before {
	background: #00a6e9
}

.pfLeftMenu.expertise li a:after {
	background: #00a6e9
}

.pfLeftMenu.verticals li a.active,
.pfLeftMenu.verticals li a:hover {
	color: #51c336
}

.pfLeftMenu.verticals li a:before {
	background: #51c336
}

.pfLeftMenu.verticals li a:after {
	background: #51c336
}

.pfLeftMenu.technologies li a.active,
.pfLeftMenu.technologies li a:hover {
	color: #e14a25
}

.pfLeftMenu.technologies li a:before {
	background: #e14a25
}

.pfLeftMenu.technologies li a:after {
	background: #e14a25
}

.pfRgt {
	float: right;
	width: 75%;
	padding-left: 20px
}

.pfSeach {
	border: 1px solid #d9dadd;
	background: #fff;
	height: 45px;
	padding-right: 120px;
	position: relative
}

.pfSearchInput {
	width: 100%;
	padding: 13px;
	border: none
}

.pfSearchBtn {
	height: 35px;
	width: 120px;
	border: none;
	border-left: 1px solid #d7d9dc;
	position: absolute;
	right: 0;
	top: 4px;
	background: #fff url(../images/search_icon_new.png) no-repeat 16px center;
	cursor: pointer;
	color: #a3a3a3;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	padding-left: 15px
}

.pfSearchBtn:hover {
	color: #000
}

.newPflist li {
	float: left;
	margin-top: 20px;
	font-family: 'Roboto Condensed', sans-serif
}

.newPflist li>div {
	height: 100%;
	background: #fff;
	overflow: hidden;
	position: relative
}

.newPflist li .imageBg {
	background-size: cover!important;
	background-position: center top!important;
	height: 300px;
	position: relative
}

.newPfDet {
	padding: 30px
}

.newPfDet .hd {
	color: #020a17;
	font-size: 23px;
	font-weight: 700;
	padding-bottom: 10px
}

.newPfDet .hd a {
	color: #020a17
}

.newPfDet .hd a:hover {
	color: #23a1ee!important
}

.newPfDet .tagBx {
	padding-bottom: 10px
}

.newPfDet .tagBx strong {
	display: block;
	color: #020a17;
	font-size: 15px;
	font-weight: 400
}

.newPfDet .tagBx span {
	display: inline-block;
	background: #23a1ee;
	font-size: 15px;
	color: #fff;
	padding: 8px 12px;
	margin: 5px 5px 0 0
}

.newPfDet .txt {
	color: #020a17;
	font-size: 17px;
	line-height: 22px;
	padding-top: 5px;
	font-family: Roboto, sans-serif;
	font-weight: 300
}

.newPflist li:nth-child(5n-4) {
	width: 50%;
	padding-right: 10px
}

.newPflist li:nth-child(5n-3) {
	width: 50%;
	padding-left: 10px
}

.newPflist li:nth-child(5n-2) {
	width: 60%;
	height: 500px!important;
	padding-right: 1px
}

.newPflist li:nth-child(5n-2) .imageBg {
	height: 500px
}

.newPflist li:nth-child(5n-2) .imageBg:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(64, 64, 64, .8)
}

.newPflist li:nth-child(5n-2) .newPfDet {
	padding: 40px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.newPflist li:nth-child(5n-2) .newPfDet .hd {
	color: #fff;
	font-size: 29px;
	padding-bottom: 20px
}

.newPflist li:nth-child(5n-2) .newPfDet .hd a {
	color: #fff
}

.newPflist li:nth-child(5n-2) .newPfDet .tagBx strong {
	color: #fff;
	font-size: 19px
}

.newPflist li:nth-child(5n-2) .newPfDet .tagBx span {
	font-size: 17px
}

.newPflist li:nth-child(5n-2) .newPfDet .txt {
	color: #fff;
	font-size: 18px;
	line-height: 24px
}

.newPflist li:nth-child(5n-1) {
	width: 40%;
	height: 249px!important;
	padding-left: 1px
}

.newPflist li:nth-child(5n-1) .imageBg {
	height: 248px
}

.newPflist li:nth-child(5n-1) .imageBg:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(64, 64, 64, .8)
}

.newPflist li:nth-child(5n-1) .newPfDet {
	padding: 20px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.newPflist li:nth-child(5n-1) .newPfDet .hd {
	color: #fff;
	font-size: 18px
}

.newPflist li:nth-child(5n-1) .newPfDet .hd a {
	color: #fff
}

.newPflist li:nth-child(5n-1) .newPfDet .tagBx {
	padding-bottom: 8px
}

.newPflist li:nth-child(5n-1) .newPfDet .tagBx strong {
	font-size: 13px;
	color: #fff
}

.newPflist li:nth-child(5n-1) .newPfDet .tagBx span {
	font-size: 13px;
	padding: 5px 8px;
	display: none;
	margin: 3px 3px 0 0
}

.newPflist li:nth-child(5n-1) .newPfDet .tagBx span:nth-child(2) {
	display: inline-block
}

.newPflist li:nth-child(5n-1) .newPfDet .tagBx span:nth-child(3) {
	display: inline-block
}

.newPflist li:nth-child(5n-1) .newPfDet .txt {
	display: none
}

.newPflist li:nth-child(5n) {
	width: 40%;
	height: 249px!important;
	margin-top: 2px;
	padding-left: 1px
}

.newPflist li:nth-child(5n) .imageBg {
	height: 248px
}

.newPflist li:nth-child(5n) .imageBg:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(64, 64, 64, .8)
}

.newPflist li:nth-child(5n) .newPfDet {
	padding: 20px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.newPflist li:nth-child(5n) .newPfDet .hd {
	color: #fff;
	font-size: 18px
}

.newPflist li:nth-child(5n) .newPfDet .hd a {
	color: #fff
}

.newPflist li:nth-child(5n) .newPfDet .tagBx {
	padding-bottom: 8px
}

.newPflist li:nth-child(5n) .newPfDet .tagBx strong {
	font-size: 13px;
	color: #fff
}

.newPflist li:nth-child(5n) .newPfDet .tagBx span {
	font-size: 13px;
	padding: 5px 8px;
	display: none;
	margin: 3px 3px 0 0
}

.newPflist li:nth-child(5n) .newPfDet .tagBx span:nth-child(2) {
	display: inline-block
}

.newPflist li:nth-child(5n) .newPfDet .tagBx span:nth-child(3) {
	display: inline-block
}

.newPflist li:nth-child(5n) .newPfDet .txt {
	display: none
}

.pfBannerHd h1 {
	font-size: 52px;
	font-weight: 700;
	font-family: Roboto, sans-serif;
	color: #fff;
	text-transform: none;
	padding: 0 60px 30px 60px
}

.pfBannerHd h1:after {
	display: none
}

.banExp {
	float: left;
	width: 50%;
	padding-right: 30px;
	text-align: left;
	position: relative
}

.banExp:before {
	content: '';
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-right: 4px solid #fff;
	position: absolute;
	bottom: 11px;
	right: 3px;
	display: none
}

.banExp:after {
	content: '';
	height: 90%;
	width: 1px;
	position: absolute;
	top: 10%;
	right: 0;
	background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0, rgba(210, 211, 213, .76) 49%, rgba(214, 214, 214, .75) 50%, rgba(125, 185, 232, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0, rgba(210, 211, 213, .76) 49%, rgba(214, 214, 214, .75) 50%, rgba(125, 185, 232, 0) 100%);
	background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0, rgba(210, 211, 213, .76) 49%, rgba(214, 214, 214, .75) 50%, rgba(125, 185, 232, 0) 100%)
}

.banExp .hd {
	display: block;
	color: #fff;
	font-size: 22px;
	padding-bottom: 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700
}

.banExp .iner {
	float: right
}

.banInd {
	float: left;
	width: 50%;
	padding-left: 29px;
	text-align: left;
	position: relative
}

.banInd:before {
	content: '';
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-left: 4px solid #fff;
	position: absolute;
	bottom: 11px;
	left: 2px;
	display: none
}

.banInd .hd {
	display: block;
	color: #fff;
	font-size: 22px;
	padding-bottom: 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700
}

.banInd .iner {
	float: left
}

.pfBannerHd .banTags {
	background: #008acb;
	display: inline-block;
	padding: 2px 4px;
	color: #fff;
	font-size: 16px;
	vertical-align: top;
	margin-top: 8px;
	display: none
}

.pfBannerHd .banTags:nth-child(1),
.pfBannerHd .banTags:nth-child(2),
.pfBannerHd .banTags:nth-child(3) {
	display: block
}

.pfDetTopTxt {
	color: #646464;
	font-size: 21px;
	padding-bottom: 20px;
	font-weight: 300;
	line-height: 28px;
	font-family: 'Roboto Condensed', sans-serif
}

.detStats {
	margin: 0 -5px
}

.detStats li {
	float: left;
	width: 50%;
	padding: 0 5px
}

.detStats li>div {
	background: #ccc;
	height: 100%;
	padding: 30px 40px;
	color: #fff;
	font-size: 38px;
	font-family: 'Roboto Condensed', sans-serif
}

.detStats li>div span {
	display: block;
	font-size: 72px;
	font-weight: 700;
	font-family: Roboto, sans-serif
}

.detStats li>div span i {
	font-size: 20px;
	font-style: normal;
	font-weight: 400
}

.detStats li:nth-child(1)>div {
	background: #00a2ec url(../images/time_duration_bg.png) no-repeat right top;
	background-size: auto 100%
}

.detStats li:nth-child(2)>div {
	background: #51c336 url(../images/efforts_month_bg.png) no-repeat right top;
	background-size: auto 100%
}

.detStats li i {
	font-size: 23px;
	font-style: normal
}

.businessNeedsBg {
	background: url(../images/business_needs_bg.jpg) no-repeat center;
	background-size: cover
}

.pfDetContent.businessNeedsBg ul li {
	float: left;
	width: 50%
}

.pfDetNewHd {
	color: #e84325;
	font-size: 25px;
	line-height: normal;
	padding-bottom: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500
}

.pfDetContent {
	color: #646464;
	font-size: 19px;
	line-height: 24px;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif
}

.pfDetContent strong {
	display: block;
	color: #e84325;
	font-size: 19px;
	font-weight: 500;
	padding-bottom: 5px
}

.pfDetContent ul li {
	padding: 4px 0 4px 25px;
	position: relative
}

.pfDetContent ul li:before {
	content: '';
	background: url(../images/orqnge_check.png);
	width: 15px;
	height: 12px;
	position: absolute;
	left: 0;
	top: 8px
}

.orangeBg {
	background: url(../images/pf_det_orange_bg.jpg) no-repeat center;
	background-size: cover;
	position: relative
}

.orangeBg:after {
	content: '';
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, .2);
	position: absolute;
	left: 50%;
	top: 0
}

.techLogoList {
	float: left;
	width: 50%;
	padding: 40px
}

.techLogoList li {
	float: left;
	width: 25%;
	text-align: center;
	padding: 10px 0
}

.techLogoList li>div {
	padding: 15px 0
}

.logoSlider li img {
	max-width: 100%;
	margin: 10px auto
}

.pfClinetList {
	float: right;
	width: 50%;
	padding: 40px;
	position: relative;
	font-family: 'Roboto Condensed', sans-serif
}

.pfClinetList .lft {
	float: left;
	width: 30%
}

.pfClinetList .lft .clLogo {
	text-align: center;
	padding: 5px;
	border: 1px solid #fff;
	margin-top: 5px
}

.pfClinetList .lft .clImg {
	background: #fff;
	padding: 3px
}

.pfClinetList .lft .clImg img {
	width: 100%;
	vertical-align: top
}

.pfClinetList .rgt .clName {
	color: #fff;
	font-size: 22px;
	padding: 15px 0 0 0;
	font-weight: 300;
	font-weight: 600;
	line-height: 22px
}

.pfClinetList .rgt .clName span {
	font-size: 17px;
	font-weight: 400
}

.pfClinetList .rgt {
	float: left;
	width: 70%;
	padding: 0 0 0 20px
}

.pfClinetList .rgt .clientfeedHd {
	background: url(../images/feedback-icon-lw.png) left top no-repeat, url(../images/feedback-icon-rw.png) right top no-repeat;
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin: 0 auto 15px auto;
	max-width: 380px;
	padding: 0
}

.pfClinetList .rgt .clientfeedHd span {
	font-size: 27px;
	color: #fff;
	display: block;
	padding-bottom: 5px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	padding: 0 50px
}

.pfClinetList .rgt .hd {
	color: #fff;
	font-size: 22px;
	padding-bottom: 15px
}

.pfClinetList .rgt .text {
	color: #fff;
	font-size: 18px;
	line-height: 24px
}

.pfDetContent.successCon {
	font-size: 21px;
	line-height: 28px
}

.pfDetContent.successCon ul li {
	color: #68cb51
}

.pfDetContent.successCon ul li:before {
	content: '';
	background: url(../images/green_check.png);
	width: 15px;
	height: 12px;
	position: absolute;
	left: 0;
	top: 11px
}

.pfScreen {
	background: #f2f2f2
}

.pfScreenSlider .item {
	padding: 4px
}

.pfScreenSlider .item img {
	border: 1px solid #000
}

.pfScreenSlider .owl-item {
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.pfScreenSlider .owl-item.center {
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	z-index: 10
}

.pfScreenSlider.owl-carousel .owl-stage-outer {
	padding: 125px 0
}

.pfScreenSlider .owl-dots {
	text-align: center;
	padding-top: 20px
}

.pfScreenSlider .owl-dot {
	background: #afafaf;
	width: 9px;
	height: 9px;
	border-radius: 100%;
	display: inline-block;
	margin: 0 4px
}

.pfScreenSlider .owl-dot.active {
	background: #e14a25
}

.relProjectCon {
	position: relative;
	background: url(../images/rel_project_bg.jpg) repeat-x center top;
	border-top: 1px solid #f2f2f2;
	background-size: contain!important
}

.reProjectHd {
	color: #e84325;
	font-size: 30px;
	line-height: normal;
	padding-bottom: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500
}

.pfBack {
	position: absolute!important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.pfBack .item {
	width: 100%;
	height: 100%;
	background-size: cover!important
}

.pfBack .slick-list,
.pfBack .slick-track {
	height: 100%
}

.pfCover {
	position: relative;
	padding: 80px
}

.pfFront {
	background: rgba(255, 255, 255, .85)
}

.pfFront .item {
	padding: 20px;
	position: relative;
	z-index: 100
}

.itemInner {
	display: -webkit-flex;
	-webkit-flex-flow: wrap;
	display: flex;
	flex-flow: wrap;
	width: 100%
}

.pfFront .item .mobImg {
	display: none
}

.pfFront .item .rgt {
	float: right;
	width: 40%
}

.pfFront .item .lft {
	float: left;
	width: 60%;
	padding-right: 40px;
	position: relative
}

.pfFront .item .hd {
	padding: 0 0 10px 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 31px;
	font-weight: 500;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.pfFront .item .hd a {
	color: #000
}

.pfFront .item .hd a:hover {
	color: #e14a25
}

.pfFront .item .text {
	font-size: 17px;
	font-weight: 400;
	color: #000;
	line-height: 24px;
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 70px
}

.pfFront .item a.fcsBtn {
	display: inline-block;
	border: 1px solid #e84325;
	padding: 10px 35px;
	font-size: 21px;
	color: #e84325;
	position: absolute;
	left: 0;
	bottom: 0
}

.pfFront .item a.fcsBtn:hover {
	background: #e84325;
	color: #fff
}

.relProjectCon .slick-prev {
	width: 65px;
	height: 34px;
	background: url(../images/pnarrow.png) no-repeat left 10px center;
	position: absolute;
	left: -160px;
	top: 50%;
	margin-top: -17px;
	overflow: hidden;
	text-indent: -500px;
	opacity: 1;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	border: none;
	cursor: pointer
}

.relProjectCon .slick-prev:hover {
	background-position: left
}

.relProjectCon .slick-next {
	width: 65px;
	height: 34px;
	background: url(../images/pnarrow.png) no-repeat right 10px center;
	position: absolute;
	right: -160px;
	top: 50%;
	margin-top: -17px;
	overflow: hidden;
	text-indent: -500px;
	opacity: 1;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	border: none;
	cursor: pointer
}

.relProjectCon .slick-next:hover {
	background-position: right
}

.overflowVisible {
	overflow: inherit!important
}

.indRelProjectCon {
	position: relative;
	line-height: normal
}

.indRelProjectCon .slick-prev {
	width: 40px;
	height: 34px;
	background: url(../images/pnarrow.png) no-repeat left 10px center;
	position: absolute;
	left: -50px;
	top: 50%;
	margin-top: -17px;
	overflow: hidden;
	text-indent: -500px;
	opacity: 1;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	border: none;
	cursor: pointer
}

.indRelProjectCon .slick-prev:hover {
	background-position: left
}

.indRelProjectCon .slick-next {
	width: 40px;
	height: 34px;
	background: url(../images/pnarrow.png) no-repeat right 10px center;
	position: absolute;
	right: -50px;
	top: 50%;
	margin-top: -17px;
	overflow: hidden;
	text-indent: -500px;
	opacity: 1;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	border: none;
	cursor: pointer
}

.indRelProjectCon .slick-next:hover {
	background-position: right
}

.indRelProjectCon .pfCover {
	padding: 40px 50px
}

.indRelProjectCon .pfFront .item {
	padding: 10px
}

.madTopList {
	margin: 10px -10px 0 -10px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.madTopList li {
	width: 50%;
	padding: 0 10px;
	margin-top: 10px
}

.madTopList li a {
	display: block;
	background: #eee;
	border-radius: 4px;
	padding: 20px 20px 20px 90px;
	color: #fff;
	font-size: 19px;
	font-weight: 300;
	position: relative;
	height: 100%;
	min-height: 78px
}

.madTopList li a img {
	position: absolute;
	left: 20px;
	top: 25px
}

.madTopList li a span {
	display: block;
	font-size: 27px;
	text-transform: uppercase;
	padding-bottom: 5px
}

.madTopList li a.blueBg {
	background: #309bd3
}

.madTopList li a.redBg {
	background: #e84e24
}

.madTopList li a.greenBg {
	background: #7bb540
}

.madTopList li a.purpleBg {
	background: #f5b212
}

.mobMLft {
	float: left;
	width: 64%;
	padding-right: 80px
}

.mobMLft .content {
	font-size: 19px;
	line-height: 32px
}

.mobMRgt {
	float: left;
	width: 36%
}

.mobMRgt ul li {
	font-size: 20px;
	color: #000;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 8px 0 8px 35px;
	background: url(../services/icon/red_check.png) no-repeat 0 10px
}

.techCom {
	float: left;
	width: 46%;
	position: relative
}

.techCom:after {
	content: '';
	width: 1px;
	height: 75%;
	position: absolute;
	right: -8%;
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0, rgba(210, 210, 210, .44) 15%, #d2d2d2 34%, #d2d2d2 68%, rgba(210, 210, 210, .47) 85%, rgba(125, 185, 232, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0, rgba(210, 210, 210, .44) 15%, #d2d2d2 34%, #d2d2d2 68%, rgba(210, 210, 210, .47) 85%, rgba(125, 185, 232, 0) 100%);
	background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0, rgba(210, 210, 210, .44) 15%, #d2d2d2 34%, #d2d2d2 68%, rgba(210, 210, 210, .47) 85%, rgba(125, 185, 232, 0) 100%)
}

.techComList {
	margin: 0 -10px
}

.techComList li {
	padding: 25px 10px 0 10px;
	width: 50%;
	float: left
}

.ourExp {
	float: right;
	width: 46%
}

.ourExpList {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 -10px
}

.ourExpList li {
	width: 46%;
	padding: 0 10px 0 90px;
	margin-top: 22px;
	font-size: 22px;
	color: #000;
	font-family: 'Roboto Condensed', sans-serif;
	position: relative;
	min-height: 62px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center
}

.ourExpList li:nth-child(2n) {
	width: 54%
}

.ourExpList li img {
	position: absolute;
	left: 10px;
	top: 0
}

.mobInfoBox {
	float: left;
	width: 50%;
	padding-right: 60px
}

.mobInfoBox .infoList {
	margin-bottom: 0
}

.mobInfoBox .infoList li {
	font-size: 15px;
	padding: 20px 15px 20px 40px;
	border-color: #cacaca
}

.mobInfoBox .infoList li span {
	font-size: 45px;
	top: 10px
}

.mobInfoBox .infoList li:nth-child(2n) {
	padding: 20px 0 20px 60px
}

.mobTestimonialBox {
	float: right;
	width: 50%;
	background: #fff;
	padding: 40px 50px;
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
	box-shadow: 0 0 25px rgba(0, 0, 0, .1);
	margin-top: 20px
}

.mobTestimonialBox .clientfeedHd {
	background: url(../images/feedback-icon-l.png) left top no-repeat, url(../images/feedback-icon-r.png) right top no-repeat;
	display: block;
	font-size: 14px;
	color: #646464;
	text-align: center;
	padding: 0 50px;
	margin: 0 auto 25px auto;
	max-width: 380px
}

.mobTestimonialBox .clientfeedHd span {
	font-size: 28px;
	color: #000;
	display: block;
	padding-bottom: 5px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	line-height: normal
}

.mobTestimonialBox .item {
	position: relative;
	padding: 0;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif;
	min-height: 110px
}

.mobTestimonialBox .testImg {
	width: 105px!important;
	max-height: 105px;
	border: #ffc20e solid 3px;
	position: absolute;
	left: 0;
	top: 3px;
	border-radius: 4px;
	overflow: hidden
}

.mobTestimonialBox .testImg img {
	width: 100%
}

.mobTestimonialBox .testTxt {
	padding-bottom: 15px;
	font-size: 19px;
	color: #646464;
	line-height: 26px
}

.mobTestimonialBox .name {
	display: block;
	font-size: 21px;
	padding-bottom: 3px
}

.mobTestimonialBox .name span {
	display: block;
	font-size: 17px
}

.blueGrayBg {
	background: #f0f2f5
}

.techStackList {
	position: relative;
	height: 480px;
	max-width: 1120px;
	margin: 10px auto 0 auto
}

.techStackList>li:nth-child(1) {
	position: absolute;
	left: 0;
	top: 0;
	width: 37%
}

.techStackList>li:nth-child(2) {
	position: absolute;
	left: 32%;
	top: 0;
	width: 36%;
	transform: skewX(-8deg);
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	z-index: 1
}

.techStackList>li:nth-child(3) {
	position: absolute;
	left: 65%;
	top: 0;
	width: 35%
}

.techStackList li .hd {
	background: #666;
	padding: 0 40px;
	color: #fff;
	font-size: 31px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	height: 120px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	background: #8c0720!important
}

.techStackList li .hd span {
	display: block
}

.techStackList li .textBox {
	min-height: 340px;
	padding: 40px;
	background-size: cover!important
}

.techStackList li .textBox li {
	font-size: 18px;
	position: relative;
	color: #fff;
	padding: 6px 0 6px 12px
}

.techStackList li .textBox li:before {
	content: '';
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 14px
}

.techStackList>li:nth-child(1) .hd {
	background: #0cf
}

.techStackList>li:nth-child(2) .hd {
	background: #f47920;
	padding-left: 30px
}

.techStackList>li:nth-child(2) .textBox ul {
	transform: skewX(8deg);
	margin-left: 15px
}

.techStackList>li:nth-child(2) .hd .inner {
	transform: skewX(8deg)
}

.techStackList>li:nth-child(3) .hd {
	background: #51c336;
	padding-left: 100px
}

.techStackList>li:nth-child(3) .textBox ul {
	margin-left: 60px
}

.verStList {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -15px;
	padding-bottom: 30px
}

.verStList li {
	width: 33.33%;
	padding: 15px;
	margin-top: 30px
}

.verStList li a {
	display: block;
	background: #666;
	color: #fff;
	text-align: center;
	height: 80px;
	padding: 10px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 23px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center
}

.verStList li a span {
	width: 100%
}

.verStList li a.blue {
	background: #22d3ff
}

.verStList li a.orange {
	background: #ff9700
}

.verStList li a.red {
	background: #f96057
}

.verStList li a:hover {
	opacity: .8
}

.threeColList.uiTopList li {
	padding: 0 0 0 75px;
	min-height: 60px
}

.threeColList.uiTopList li .icon {
	position: absolute;
	left: 0;
	top: 4px;
	width: 60px
}

.uiTcBox {
	position: relative;
	margin: 30px auto 0 auto
}

.uiTcBox:after {
	content: '';
	width: 1px;
	height: 90%;
	position: absolute;
	left: 50%;
	top: 5%;
	background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0, rgba(210, 210, 210, .44) 15%, #d2d2d2 34%, #d2d2d2 68%, rgba(210, 210, 210, .47) 85%, rgba(125, 185, 232, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0, rgba(210, 210, 210, .44) 15%, #d2d2d2 34%, #d2d2d2 68%, rgba(210, 210, 210, .47) 85%, rgba(125, 185, 232, 0) 100%);
	background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0, rgba(210, 210, 210, .44) 15%, #d2d2d2 34%, #d2d2d2 68%, rgba(210, 210, 210, .47) 85%, rgba(125, 185, 232, 0) 100%)
}

.uiTcList {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 -10px;
	width: 48%;
	padding-left: 60px
}

.uiTcList li {
	width: 50%;
	padding: 0 10px 0 70px;
	margin-bottom: 20px;
	font-size: 19px;
	color: #646464;
	font-family: 'Roboto Condensed', sans-serif;
	position: relative;
	min-height: 51px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center
}

.uiTcList li img {
	position: absolute;
	left: 10px;
	top: 0
}

.uideList {
	margin-top: 30px;
	position: relative
}

.uideList .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -143px 0 0 -127px;
	z-index: 10
}

.uideList ul {
	margin: -5px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.uideList li {
	width: 50%;
	padding: 5px
}

.uideList li>div {
	background: #666;
	border-radius: 4px;
	position: relative;
	padding: 20px 115px 20px 90px;
	min-height: 100px;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	height: 100%
}

.uideList li:nth-child(2n)>div {
	padding: 20px 90px 20px 115px;
	text-align: right
}

.uideList li>div img {
	position: absolute;
	left: 20px;
	top: 20px
}

.uideList li:nth-child(2n)>div img {
	left: inherit;
	right: 20px
}

.uideList li>div span {
	display: block;
	font-size: 25px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	padding-bottom: 5px
}

.uideList li>div span a {
	color: #fff
}

.uideList li:nth-child(1)>div {
	background: #f55022
}

.uideList li:nth-child(2)>div {
	background: #83bb04
}

.uideList li:nth-child(3)>div {
	background: #02a4ef
}

.uideList li:nth-child(4)>div {
	background: #feb801
}

.uideList li:nth-child(5)>div {
	background: #738c5a
}

.uideList li:nth-child(6)>div {
	background: #9b7d8c
}

.flexBox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.itemsCenter {
	-webkit-align-items: center;
	align-items: center
}

.ourCapList {
	margin: -10px
}

.ourCapList li {
	padding: 10px;
	width: 33.33%
}

.ourCapList li>div {
	background: #fff;
	padding: 35px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	height: 100%;
	font-size: 19px;
	color: #646464;
	font-weight: 300;
	text-align: center;
	line-height: 24px
}

.ourCapList li>div span {
	display: block;
	font-size: 24px;
	line-height: normal;
	color: #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	padding-bottom: 10px
}

.ourCapList li>div span.skyBlueClr {
	color: #0cf
}

.ourCapList li>div span.lightRedClr {
	color: #fa756d
}

.ourCapList li>div span.greenClr {
	color: #1456c1
}

.ourCapList li>div span.darkBlueClr {
	color: #255ccc
}

.ourCapList li>div span.lightGreenClr {
	color: #638e97
}

.ourCapList li>div span.lightBrownClr {
	color: #9b7d8c
}

.industrySider {
	margin: 0 -10px
}

.industrySider .item {
	margin: 0 10px
}

.indExpertise {
	margin-bottom: 20px;
	background-size: cover!important
}

.indExpertise .inner {
	padding: 40px 60px;
	color: #fff;
	text-align: center;
	font-size: 19px;
	line-height: 26px;
	background: rgba(0, 162, 236, .8)
}

.indExpertise span {
	display: block;
	text-transform: uppercase;
	font-size: 28px;
	line-height: normal;
	font-weight: 500;
	padding-bottom: 10px
}

.indExpertise .inner.blue {
	background: rgba(0, 162, 236, .8)
}

.indExpertise .inner.orange {
	background: rgba(244, 121, 32, .8)
}

.indExpertise .inner.green {
	background: rgba(81, 195, 54, .8)
}

.indExpertise .inner.lightGreen {
	background: rgba(0, 221, 206, .8)
}

.indExpertise .inner.darkBlue {
	background: rgba(37, 92, 204, .8)
}

.indExpertise .inner.darkGreen {
	background: rgba(123, 161, 13, .8)
}

.industrySider .slick-dots {
	text-align: center;
	padding-top: 10px
}

.industrySider .slick-dots li {
	display: inline-block;
	margin: 0 5px
}

.industrySider .slick-dots li button {
	background: #ccc;
	width: 14px;
	height: 14px;
	overflow: hidden;
	font-size: 1px;
	color: #ccc;
	border: none;
	border-radius: 100%;
	cursor: pointer
}

.industrySider .slick-dots li.slick-active button,
.industrySider .slick-dots li:hover button {
	background: #e14a25;
	color: #e14a25
}

.techStackList>li .textBox .content {
	color: #fff;
	font-size: 18px;
	line-height: 30px
}

.techStackList>li:nth-child(1) .textBox .content {
	padding: 15px 65px 0 0
}

.techStackList>li:nth-child(2) .textBox .content {
	transform: skewX(8deg);
	padding: 15px 20px
}

.techStackList>li:nth-child(3) .textBox .content {
	padding: 15px 0 0 50px
}

.busSolLink>li>a span {
	font-size: 15px
}

.salesforceSol {
	margin: -20px;
	-webkit-justify-content: center;
	justify-content: center
}

.salesforceSol li {
	width: 33.33%;
	padding: 20px
}

.salesforceSol li>div {
	background: #fff;
	border: 1px solid #f0f0f0;
	padding: 20px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
	height: 100%
}

.salesforceSol li:hover>div {
	background: #f0f2f5
}

.salesforceSol li>div .hd {
	font-size: 22px;
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 10px
}

.salesforceSol li>div .hd img {
	vertical-align: middle;
	margin: 0 5px 5px 0
}

.salesforceSol li>div .content {
	font-size: 16px;
	line-height: 22px
}

.mt10 {
	margin-top: 10px
}

.rpaHelp {
	margin: -15px;
	padding-top: 15px
}

.rpaHelp li {
	width: 33.33%;
	padding: 15px
}

.rpaHelp li>div {
	border: 1px solid #e0dede;
	border-top: 5px solid #51c435;
	padding: 25px;
	height: 100%
}

.rpaHelp li>div h2 {
	padding-bottom: 10px;
	font-weight: 700;
	font-size: 22px;
	font-family: 'Roboto Condensed', sans-serif
}

.industryLink {
	max-width: 940px;
	margin: auto;
	padding-top: 10px
}

.industryLink li {
	width: 33.33%;
	padding: 15px 20px
}

.industryLink li a {
	display: block;
	border: 1px solid #efefef;
	border-radius: 4px;
	background: #fff;
	padding: 15px;
	font-weight: 700;
	text-align: center;
	color: #575757;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.industryLink li a:hover {
	background: #efefef
}

.whyChosserpa {
	margin: -15px;
	padding-top: 15px
}

.whyChosserpa li {
	width: 33.33%;
	padding: 15px
}

.whyChosserpa li>div {
	border: 1px solid #efefef;
	border-radius: 6px;
	padding: 25px;
	height: 100%
}

.whyChosserpa li>div h2 {
	padding: 10px 0;
	font-weight: 700;
	font-size: 24px;
	font-family: 'Roboto Condensed', sans-serif
}

.newsMainHd {
	font-size: 39px;
	font-weight: 700;
	padding-bottom: 10px
}

.newsContent {
	font-size: 20px;
	line-height: 32px;
	font-weight: 300;
	text-align: justify
}

.newsTab {
	margin-top: 35px
}

.newsTab li {
	border-left: 2px solid #bdbdbd;
	padding: 0 15px;
	font-size: 21px;
	font-weight: 500;
	line-height: 20px
}

.newsTab li a {
	color: #666
}

.newsTab li a:hover,
.newsTab li.active a {
	color: #000
}

.nepList {
	margin: -8px;
	padding: 30px 0 20px 0
}

.nepList li {
	width: 33.33%;
	padding: 8px
}

.nepList li:nth-child(4n+1) {
	width: 100%
}

.nepList li:nth-child(4n+1)>div:after {
	display: none
}

.nepList li:nth-child(4n+1)>div .hd {
	color: #fff!important
}

.nepList li.eventBox:nth-child(4n+1)>div .hd {
	background: #df9926
}

.nepList li.eventBox:nth-child(4n+1)>div .hd:after {
	background: #df9926
}

.nepList li.newsBox:nth-child(4n+1)>div .hd {
	background: #0f9ffa
}

.nepList li.newsBox:nth-child(4n+1)>div .hd:after {
	background: #0f9ffa
}

.nepList li.pressBox:nth-child(4n+1)>div .hd {
	background: #f16c51
}

.nepList li.pressBox:nth-child(4n+1)>div .hd:after {
	background: #f16c51
}

.nepList li>div {
	height: 100%;
	min-height: 390px;
	padding: 60px 30px;
	position: relative;
	background-size: cover!important;
	overflow: hidden
}

.nepList li>div:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.nepList li.eventBox>div:after {
	background: #df9926
}

.nepList li.newsBox>div:after {
	background: #0f9ffa
}

.nepList li.pressBox>div:after {
	background: #f16c51
}

.nepList li>div .hd {
	position: absolute;
	left: 1px;
	top: 1px;
	background: #fff;
	padding: 10px 15px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 10
}

.nepList li>div .hd:after {
	content: '';
	width: 30px;
	height: 100%;
	background: #fff;
	position: absolute;
	right: -15px;
	top: 0;
	-moz-transform: skew(-29deg, -1deg);
	-webkit-transform: skew(-29deg, -1deg);
	transform: skew(-29deg, -1deg)
}

.nepList li.eventBox>div .hd {
	color: #df9926
}

.nepList li.newsBox>div .hd {
	color: #0f9ffa
}

.nepList li.pressBox>div .hd {
	color: #f16c51
}

.nepList li>div .date {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	position: absolute;
	left: 30px;
	bottom: 20px;
	z-index: 10
}

.nepList li>div:hover .date {
	left: 40px
}

.nepList li>div .newsText {
	font-size: 24px;
	line-height: 34px;
	color: #fff;
	position: relative;
	z-index: 10
}

.nepList li>div:hover .newsText {
	padding-left: 10px
}

.nepList li>div .newsText a {
	color: #fff;
	font-size: 21px;
	font-weight: 300;
	font-style: italic;
	display: inline-block;
	border-bottom: 2px solid rgba(255, 255, 255, .3);
	margin-left: 5px
}

.nepList li>div .newsText a:hover {
	border-bottom: none;
	padding-bottom: 2px
}

.nepList li:nth-child(4n+1)>div .newsText {
	background: rgba(0, 0, 0, .65);
	position: absolute;
	right: -70px;
	top: 0;
	width: 56%;
	height: 100%;
	font-size: 22px;
	line-height: 32px;
	-moz-transform: skew(-20deg, 0deg);
	-webkit-transform: skew(-20deg, 0deg);
	transform: skew(-20deg, 0deg);
	padding: 40px 140px 40px 115px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.nepList li:nth-child(4n+1)>div:hover .newsText {
	padding-left: 125px;
	padding-right: 130px
}

.nepList li:nth-child(4n+1)>div .newsText a {
	font-size: 19px
}

.nepList li:nth-child(4n+1)>div .newsText div {
	-moz-transform: skew(20deg, 0deg);
	-webkit-transform: skew(20deg, 0deg);
	transform: skew(20deg, 0deg)
}

a.loadMore {
	display: block;
	background: url(../images/load_more_bg.jpg) center center;
	position: relative;
	text-align: center
}

a.loadMore:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: -moz-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, .02) 50%, #fff 100%);
	background: -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, .02) 50%, #fff 100%);
	background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, .02) 50%, #fff 100%)
}

a.loadMore .inner {
	display: inline-block;
	height: 48px;
	line-height: 48px;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	z-index: 10;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 0 20px
}

a.loadMore .inner:before {
	content: '';
	width: 5px;
	height: 100%;
	background: #fff;
	position: absolute;
	left: -15px;
	top: 0;
	-moz-transform: skew(-16deg, 0deg);
	-webkit-transform: skew(-16deg, 0deg);
	transform: skew(-16deg, 0deg);
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease
}

a.loadMore .inner:after {
	content: '';
	width: 5px;
	height: 100%;
	background: #fff;
	position: absolute;
	right: -15px;
	top: 0;
	-moz-transform: skew(-16deg, 0deg);
	-webkit-transform: skew(-16deg, 0deg);
	transform: skew(-16deg, 0deg);
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease
}

a.loadMore:hover .inner:before {
	width: 80%
}

a.loadMore:hover .inner:after {
	width: 80%
}

a.loadMore:hover .inner {
	color: #e84325
}

a.loadMore .inner span {
	position: relative;
	z-index: 11
}

.flexsySocial {
	padding-top: 50px
}

.flexsySocial .newsMainHd {
	position: relative;
	padding: 30px 0 20px 0;
	background: url(../images/hd_lines.png) no-repeat center top
}

.newsSubscribe {
	margin-top: 50px;
	background: #033161 url(../images/subscribe_bg.jpg) no-repeat left center;
	padding: 35px 50px;
	justify-content: space-between
}

.newsSubscribe .hd {
	color: #fff;
	font-size: 39px;
	font-weight: 700
}

.newsSubscribe a.btn {
	background: #fff;
	display: inline-block;
	color: #e84325;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 12px 40px
}

.newsSubscribe a.btn:hover {
	background: #e84325;
	color: #fff
}

.socialList {
	margin: -5px
}

.socialList li {
	width: 25%;
	padding: 5px
}

.socialList li>div {
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	overflow: hidden;
	border-radius: 2px;
	max-height: 305px;
	overflow: auto;
	height: 100%
}

.socialList li>div .iBox {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	border-top: 1px solid #fff
}

.socialList li>div .iBox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	vertical-align: top
}

.leadershipCon {
	padding: 0;
	max-width: 1920px;
	margin: auto
}

.flexsinImg img {
	width: 100%;
	vertical-align: top
}

.leaderSlider {
	position: relative;
	margin-top: -435px;
	padding: 0 40px
}

.leaderSlider .inner {
	position: relative;
	height: 800px;
	background: -moz-linear-gradient(left, rgba(254, 254, 254, .92) 0, rgba(254, 254, 254, .61) 43%, rgba(254, 254, 254, .6) 44%, rgba(254, 254, 254, .6) 100%);
	background: -webkit-linear-gradient(left, rgba(254, 254, 254, .92) 0, rgba(254, 254, 254, .61) 43%, rgba(254, 254, 254, .6) 44%, rgba(254, 254, 254, .6) 100%);
	background: linear-gradient(to right, rgba(254, 254, 254, .92) 0, rgba(254, 254, 254, .61) 43%, rgba(254, 254, 254, .6) 44%, rgba(254, 254, 254, .6) 100%)
}

.leaderBox {
	position: relative;
	background-size: cover!important;
	opacity: 0;
	visibility: hidden;
	transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-moz-transition: all 1s ease;
	position: absolute;
	top: 0;
	overflow: hidden;
	width: calc(100% - 320px);
	height: 800px;
	left: 320px
}

.leaderBox.current {
	opacity: 1;
	visibility: visible
}

.leaderBox .img img {
	width: 100%;
	vertical-align: top
}

.leaderBox .info {
	position: absolute;
	background: rgba(0, 0, 0, .6);
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -100%;
	padding: 38px;
	transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-moz-transition: all 1s ease;
	min-height: 365px
}

.leaderBox.current .info {
	bottom: 0
}

.leaderBox .info .hd {
	font-size: 37px;
	color: #fff;
	font-weight: 300;
	padding-bottom: 20px
}

.leaderBox .info .hd img {
	vertical-align: middle
}

.leaderBox .info .hd span {
	display: block;
	font-size: 19px;
	font-weight: 400
}

.leaderBox .info .text {
	font-size: 19px;
	color: #fff;
	line-height: 27px
}

.leaderTab {
	width: 320px;
	height: 100%;
	overflow: auto;
	position: absolute;
	left: 0;
	top: 0;
	padding: 20px 30px;
	background: -moz-linear-gradient(top, rgba(254, 254, 254, 0) 0, rgba(254, 254, 254, .96) 33%, #fefefe 34%, #fefefe 100%);
	background: -webkit-linear-gradient(top, rgba(254, 254, 254, 0) 0, rgba(254, 254, 254, .96) 33%, #fefefe 34%, #fefefe 100%);
	background: linear-gradient(to bottom, rgba(254, 254, 254, 0) 0, rgba(254, 254, 254, .96) 33%, #fefefe 34%, #fefefe 100%)
}

.leadershipHd {
	color: #000;
	font-size: 32px;
	padding-bottom: 20px
}

.leaderTab .menu li {
	margin-top: 18px;
	font-size: 18px;
	color: #8e8c95;
	font-weight: 400;
	cursor: pointer;
	padding-left: 20px;
	position: relative
}

.leaderTab .menu li span {
	display: block;
	font-size: 12px;
	font-weight: 400
}

.leaderTab .menu li.active,
.leaderTab .menu li:hover {
	color: #47475e
}

.leaderTab .menu li:after {
	content: '';
	width: 3px;
	height: 0;
	background: #e14a25;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.leaderTab .menu li.active:after,
.leaderTab .menu li:hover:after {
	height: 100%
}

.flexsinNewImg {
	max-width: 1480px;
	margin: auto
}

.flexsinNewImg img {
	width: 100%;
	vertical-align: top
}

.addthis_sharing_toolbox {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 101;
	margin-top: -50px
}

.addthis_sharing_toolbox .at-share-tbx-element .at-share-btn {
	margin: 0 0 5px 0;
	display: block
}

.addthis_sharing_toolbox .at-share-tbx-element .at-share-btn:focus,
.addthis_sharing_toolbox .at-share-tbx-element .at-share-btn:hover {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translate(0);
	margin-right: 5px
}

.subscribePopup {
	background: #fff;
	padding: 25px;
	border-radius: 10px;
	max-width: 400px;
	margin: auto;
	width: 90%;
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translatey(-50%) translateX(-50%);
	-webkit-transform: translatey(-50%) translateX(-50%);
	transform: translatey(-50%) translateX(-50%)
}

.subscribePopup .hd {
	font-size: 24px;
	text-align: center;
	font-weight: 600;
	padding-bottom: 15px;
	color: #000
}

.subscribePopup .formBtn {
	padding: 10px
}

.subscribePopup .closeSubscribe {
	position: absolute;
	right: 10px;
	top: 10px;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	cursor: pointer;
	background: #e84325
}

.showBtn {
	display: block;
	border: 1px solid #fff;
	border-right: none;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-weight: 400;
	color: #000;
	margin-bottom: 25px;
	position: relative;
	padding-top: 10px;
	padding: 0 30px
}

.showBtn:after {
	content: '';
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #000;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -2px
}

.leaderTab .topMenu {
	position: absolute;
	left: 0;
	top: 100%;
	background: #edece9;
	border: 1px solid #dfdfdf;
	z-index: 10;
	margin-top: -1px;
	padding: 0 30px 9px 30px;
	width: 100%
}

.leaderTab .topMenu li {
	margin: 9px 0 0 0;
	font-size: 18px;
	color: #000;
	cursor: pointer;
	padding-left: 0;
	position: relative
}

.leaderTab .topMenu li.active,
.leaderTab .topMenu li:hover {
	color: #1a448a
}

.leaderTab .topMenu li.active {
	display: none
}

.leaderTab .topMenu li:after {
	content: '';
	width: 3px;
	height: 0;
	background: #e14a25;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	display: none
}

.leaderTab .topMenu li.active:after,
.leaderTab .topMenu li:hover:after {
	height: 100%
}

.showBtn2 {
	display: block;
	border-radius: 0;
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 25px;
	position: relative;
	border-bottom: 1px solid #ebebeb;
	background: #1a448a
}

.showBtn2:after {
	content: '';
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #fff;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -2px
}

.showBtn2:before {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #d6d9d9
}

.caaTab {
	margin-bottom: 40px
}

.caaTab li {
	border-left: 2px solid #bdbdbd;
	padding: 0 15px;
	font-size: 21px;
	font-weight: 500;
	line-height: 20px
}

.caaTab li a {
	color: #666
}

.caaTab li a:hover,
.caaTab li.active a {
	color: #e14a25
}

.testimonialTop {
	color: #191c1a;
	font-size: 25px;
	font-weight: 500;
	line-height: 38px;
	margin-bottom: 30px
}

.testimonialTop .lft {
	width: calc(100% - 285px);
	float: left;
	padding-right: 50px
}

.testimonialTop .right {
	width: 285px;
	float: left
}

.clientVideoSlider .videoInner {
	background: #000;
	border: none
}

.clientVideoSlider .videoFile {
	border: 1px solid #d9d3d3;
	padding: 10px;
	background: #fff;
	z-index: 1000
}

.clientVideoSlider .owl-prev {
	position: absolute;
	left: -60px;
	top: 50%;
	margin-top: -21px;
	width: 42px;
	height: 42px;
	border: 2px solid #e1e1e1;
	background: #fff url(../images/testimonial_prev_arrow.png) no-repeat center;
	border-radius: 100%;
	overflow: hidden;
	text-indent: -200px
}

.clientVideoSlider .owl-next {
	position: absolute;
	right: -60px;
	top: 50%;
	margin-top: -21px;
	width: 42px;
	height: 42px;
	border: 2px solid #e1e1e1;
	background: #fff url(../images/testimonial_next_arrow.png) no-repeat center;
	border-radius: 100%;
	overflow: hidden;
	text-indent: -200px
}

.newTestmonial .top {
	position: relative;
	min-height: 55px;
	padding-left: 70px
}

.newTestmonial .top img {
	position: absolute;
	left: 1px;
	top: 0;
	width: 55px!important;
	height: 55px;
	border: 1px solid #aaa5a5;
	vertical-align: top
}

.newTestmonial .top span.hd {
	display: block;
	color: #e14a25;
	font-size: 19px;
	font-weight: 700;
	padding: 0
}

.newTestmonial .top span.hd span {
	font-size: 15px;
	display: inline-block;
	margin-left: 2px
}

.newTestmonial .top small {
	color: #324f8d;
	font-size: 14px;
	font-weight: 500;
	display: block
}

.newTestmonial p {
	font-size: 16px;
	color: #000;
	font-weight: 300;
	line-height: 24px;
	padding: 10px 0 0 0
}

.newTestmonial.botTM .top {
	min-height: 80px;
	padding-left: 100px
}

.newTestmonial.botTM .top img {
	width: 80px!important;
	height: 80px
}

.newTestmonial.botTM .top span.hd {
	font-size: 22px
}

.newTestmonial.botTM .top span.hd span {
	font-size: 17px
}

.newTestmonia.botTMl .top small {
	font-size: 17px
}

.newTestmonial.botTM p {
	font-size: 18px;
	line-height: 26px
}

a.loadMore.tm:before {
	background: -moz-linear-gradient(left, #e7e8ea 0, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, .02) 50%, #e7e8ea 100%);
	background: -webkit-linear-gradient(left, #e7e8ea 0, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, .02) 50%, #e7e8ea 100%);
	background: linear-gradient(to right, #e7e8ea 0, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, .02) 50%, #e7e8ea 100%)
}

.newTMCon {
	position: relative;
	padding: 120px 0
}

.newTMCon .wcBg {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-size: cover!important
}

.newTMCon .wcBg:after {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .8);
	position: absolute;
	left: 0;
	top: 0
}

.newTMCon .mainHd {
	position: relative;
	z-index: 10
}

.newTMCon .tmBg {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-size: cover!important
}

.newTMCon .tmBg:after {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	position: absolute;
	left: 0;
	top: 0
}

.newTMCon .mobTestimonialBox {
	padding: 0;
	box-shadow: none;
	margin: 0
}

.newTMCon .whtBox {
	position: relative;
	z-index: 10;
	background: #fff;
	padding: 50px
}

.oscBox {
	margin: -15px
}

.oscBox .lft {
	width: 50%;
	padding: 15px
}

.cdeBox {
	height: 100%;
	position: relative;
	min-height: 480px;
	background-size: cover!important
}

.cdeBox .text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 40px;
	font-size: 16px;
	color: #fff;
	line-height: 24px
}

.cdeBox .text span {
	display: block;
	font-size: 30px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: normal;
	padding-bottom: 10px
}

.oscBox .rgt {
	width: 50%;
	padding: 15px;
	height: 100%
}

.edeBox {
	background: #fff;
	min-height: 48%;
	box-shadow: 0 0 15px rgba(100, 100, 100, .1);
	margin-bottom: 4%
}

.edeBox .text {
	padding: 40px 80px;
	font-size: 16px;
	color: #333;
	line-height: 24px;
	text-align: center
}

.edeBox .text img {
	display: block;
	margin: 0 auto 10px auto
}

.edeBox .text span {
	display: block;
	font-size: 30px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: normal;
	padding-bottom: 10px
}

.pdeBox {
	min-height: 48%;
	background-size: cover!important
}

.pdeBox .text {
	padding: 40px 80px;
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	text-align: center
}

.pdeBox .text span {
	display: block;
	font-size: 30px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: normal;
	padding-bottom: 10px
}

.threeColumn {
	margin: -20px
}

.threeColumn li {
	width: 33.33%;
	padding: 20px
}

.darkBg {
	background: #e8e8e8
}

.pbidcList {
	margin: -10px;
	padding-top: 10px
}

.pbidcList li {
	width: 50%;
	padding: 10px
}

.pbidcList li>div {
	display: block;
	background: #eee;
	border-radius: 4px;
	padding: 20px;
	color: #fff;
	font-size: 19px;
	font-weight: 300;
	position: relative;
	height: 100%
}

.pbidcList li>div span {
	display: block;
	font-size: 27px;
	text-transform: uppercase;
	padding-bottom: 5px
}

.capabilitiesList {
	margin: -20px;
	padding-top: 10px
}

.capabilitiesList li {
	padding: 20px;
	width: 50%
}

.capabilitiesList li>div {
	position: relative;
	min-height: 62px;
	padding: 0 0 0 80px
}

.capabilitiesList li>div .icon {
	background: #2fc6ea;
	width: 62px;
	height: 62px;
	border-radius: 6px;
	position: absolute;
	left: 0;
	top: 4px
}

.capabilitiesList li>div .icon img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto
}

.meantopList {
	margin: -15px;
	padding-top: 20px
}

.meantopList li {
	padding: 15px;
	width: 25%
}

.mb30 {
	margin-bottom: 30px
}

a.reqBtn {
	background: #e14a25;
	padding: 5px 20px;
	color: #fff;
	display: inline-block;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: 500;
	font-family: Roboto, sans-serif
}

a.reqBtn:hover {
	background: #fff;
	color: #e14a25
}

.reqBoxNew {
	max-width: 770px;
	margin: 40px auto 0 auto;
	border: 1px solid #dfdfdf;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);
	min-height: 56px;
	position: relative;
	background: #fff;
	color: #646464;
	font-size: 22px;
	text-align: center;
	line-height: 56px;
	padding: 0 250px 0 10px
}

.reqBoxNew a {
	position: absolute;
	right: 8px;
	top: 8px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-transform: uppercase;
	background: #e84325;
	width: 232px;
	font-size: 15px;
	font-weight: 700;
	border-radius: 2px;
	font-family: 'Roboto Condensed', sans-serif
}

.reqBoxNew a:hover {
	background: #5ba0d0
}