.gap,
.mainhead-about {
	width: 100%;
	padding: 3% 7%;
	float: left
}

.flip_container p,
.industry-Sec h2,
.mainhead-about h1 {
	font-family: "Bell MT"
}

.mainhead-about {
	background: url(../images/header-banner-about-us.jpg) center left no-repeat;
	color: #fff;
	text-align: left
}

.gap {
	color: #000
}

.mainhead-about h1 {
	font-size: 40px;
	line-height: 50px;
	margin: 4px 0 15px
}

.industry-Sec h2 {
	font-size: 38px
}

.flip_container .inner-box-about p {
	padding: 10px 3px 0
}

.flip_container p {
	margin: 0;
	font-size: 39px;
	color: #368dd1
}

.flipper .det {
	font-family: 'Segoe UI';
	font-size: 19px
}

.inner-box-about {
	padding: 46px 1px 3px
}

p.demo {
	margin: 30px 0;
	font-size: 16px;
	text-align: center
}

p.demo a {
	color: #ff0;
	text-decoration: none
}

p.demo a:hover {
	color: #fff;
	text-decoration: underline
}

code {
	box-shadow: 1px 10px 10px rgba(0, 0, 0, .3);
	display: block;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	width: 300px;
	padding: 20px;
	margin: 0 auto 50px;
	background: #333
}

.back,
.flip_container,
.flipper,
.front {
	width: 250px;
	height: 257px
}

.industry-Sec-about-us-why {
	float: left;
	width: 100%;
	padding: 3% 7%
}

.industry-Sec-about-us-why h2 {
	font-family: "Bell MT";
	font-size: 36px;
	line-height: 40px
}

.back .hed {
	font-family: 'Segoe UI Bold';
	font-size: 18px;
	padding: 1px 1px 7px
}

.back p {
	font-family: 'Segoe UI';
	font-size: 16px;
	color: #fff
}

.flip_container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
	margin: 21px 0 19px 32px;
	position: relative;
	cursor: pointer
}

.flip_container:hover .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.flip_container:hover .back {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

.flip_container .flipper {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	margin: auto;
	position: relative
}

.flip_container .back,
.flip_container .front {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: #f0f0f0;
	border: 2px solid #f2d64f;
	display: table;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0
}

.flip_container .back p,
.flip_container .front p {
	vertical-align: middle
}

.flip_container .front {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	z-index: 2
}

.flip_container .back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	padding: 37px 12px 1px 13px;
	background: #368dd1
}

.icon_01,
.icon_01:focus,
.icon_01:hover,
.icon_02,
.icon_02:focus,
.icon_02:hover,
.icon_03,
.icon_03:focus,
.icon_03:hover,
.icon_04,
.icon_04:focus,
.icon_04:hover,
.icon_05,
.icon_05:focus,
.icon_05:hover,
.icon_06,
.icon_06:focus,
.icon_06:hover,
.icon_07,
.icon_07:focus,
.icon_07:hover,
.icon_08,
.icon_08:focus,
.icon_08:hover,
.icon_09,
.icon_09:focus,
.icon_09:hover,
.icon_10,
.icon_10:focus,
.icon_10:hover,
.icon_11,
.icon_11:focus,
.icon_11:hover,
.icon_12,
.icon_13,
.icon_13:focus,
.icon_13:hover,
.icon_14,
.icon_14:focus,
.icon_14:hover,
.icon_15,
.icon_15:focus,
.icon_15:hover,
.icon_16,
.icon_16:focus,
.icon_16:hover,
.icon_17,
.icon_17:focus,
.icon_17:hover,
.icon_18,
.icon_18:focus,
.icon_18:hover,
.icon_19,
.icon_19:focus,
.icon_19:hover,
.icon_20,
.icon_20:focus,
.icon_20:hover,
.icon_21,
.icon_21:focus,
.icon_21:hover,
.icon_22,
.icon_22:focus,
.icon_22:hover,
.icon_23,
.icon_23:focus,
.icon_23:hover,
.icon_24,
.icon_24:focus,
.icon_24:hover {
	padding: 15px 0 15px 65px
}

@media (min-width:980px) and (max-width:1130px) {
	.back,
	.flip_container,
	.flipper,
	.front {
		width: 100%;
		height: 260px
	}
}

@media (min-width:860px) and (max-width:998px) {
	.flip_container {
		margin: 21px 0 19px -16px
	}
}

@media (max-width:767px) {
	.flip_container {
		margin: 21px 0 19px -16px
	}
}

.indusrt-list ul a:focus,
.indusrt-list ul a:hover {
	text-decoration: none
}

.indusrt-list ul a:hover {
	background-color: #05b5b5
}

.icon_01 {
	background: url(../images/icon/icon_01.png) left 10px center no-repeat
}

.icon_01:focus,
.icon_01:hover {
	background: url(../images/icon/icon_01-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_02 {
	background: url(../images/icon/icon_02.png) left 10px center no-repeat
}

.icon_02:focus,
.icon_02:hover {
	background: url(../images/icon/icon_02-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_03 {
	background: url(../images/icon/icon_03.png) left 10px center no-repeat
}

.icon_03:focus,
.icon_03:hover {
	background: url(../images/icon/icon_03-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_04 {
	background: url(../images/icon/icon_04.png) left 10px center no-repeat
}

.icon_04:focus,
.icon_04:hover {
	background: url(../images/icon/icon_04-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_05 {
	background: url(../images/icon/icon_05.png) left 10px center no-repeat
}

.icon_05:focus,
.icon_05:hover {
	background: url(../images/icon/icon_05-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_06 {
	background: url(../images/icon/icon_06.png) left 10px center no-repeat
}

.icon_06:focus,
.icon_06:hover {
	background: url(../images/icon/icon_06-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_07 {
	background: url(../images/icon/icon_07.png) left 10px center no-repeat
}

.icon_07:focus,
.icon_07:hover {
	background: url(../images/icon/icon_07-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_08 {
	background: url(../images/icon/icon_08.png) left 10px center no-repeat
}

.icon_08:focus,
.icon_08:hover {
	background: url(../images/icon/icon_08-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_09 {
	background: url(../images/icon/icon_09.png) left 10px center no-repeat
}

.icon_09:focus,
.icon_09:hover {
	background: url(../images/icon/icon_09-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_10 {
	background: url(../images/icon/icon_10.png) left 10px center no-repeat
}

.icon_10:focus,
.icon_10:hover {
	background: url(../images/icon/icon_10-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_11 {
	background: url(../images/icon/icon_11.png) left 10px center no-repeat
}

.icon_11:focus,
.icon_11:hover {
	background: url(../images/icon/icon_11-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_12 {
	background: url(../images/icon/icon_12.png) left 10px center no-repeat
}

.icon_12:focus,
.icon_12:hover {
	background: url(../images/icon/icon_12-h.png) left 10px center no-repeat #05b5b5;
	padding: 15px 0 15px 65px;
	color: #fff!important
}

.icon_13 {
	background: url(../images/icon/icon_13.png) left 10px center no-repeat
}

.icon_13:focus,
.icon_13:hover {
	background: url(../images/icon/icon_13-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_14 {
	background: url(../images/icon/icon_14.png) left 10px center no-repeat
}

.icon_14:focus,
.icon_14:hover {
	background: url(../images/icon/icon_14-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_15 {
	background: url(../images/icon/icon_15.png) left 10px center no-repeat
}

.icon_15:focus,
.icon_15:hover {
	background: url(../images/icon/icon_15-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_16 {
	background: url(../images/icon/icon_16.png) left 10px center no-repeat
}

.icon_16:focus,
.icon_16:hover {
	background: url(../images/icon/icon_16-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_17 {
	background: url(../images/icon/icon_17.png) left 10px center no-repeat
}

.icon_17:focus,
.icon_17:hover {
	background: url(../images/icon/icon_17-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_18 {
	background: url(../images/icon/icon_18.png) left 10px center no-repeat
}

.icon_18:focus,
.icon_18:hover {
	background: url(../images/icon/icon_18-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_19 {
	background: url(../images/icon/icon_19.png) left 10px center no-repeat
}

.icon_19:focus,
.icon_19:hover {
	background: url(../images/icon/icon_19-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_20 {
	background: url(../images/icon/icon_20.png) left 10px center no-repeat
}

.icon_20:focus,
.icon_20:hover {
	background: url(../images/icon/icon_20-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_21 {
	background: url(../images/icon/icon_21.png) left 10px center no-repeat
}

.icon_21:focus,
.icon_21:hover {
	background: url(../images/icon/icon_21-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_22 {
	background: url(../images/icon/icon_22.png) left 10px center no-repeat
}

.icon_22:focus,
.icon_22:hover {
	background: url(../images/icon/icon_22-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_23 {
	background: url(../images/icon/icon_23.png) left 10px center no-repeat
}

.icon_23:focus,
.icon_23:hover {
	background: url(../images/icon/icon_23-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.icon_24 {
	background: url(../images/icon/icon_24.png) left 10px center no-repeat
}

.icon_24:focus,
.icon_24:hover {
	background: url(../images/icon/icon_24-h.png) left 10px center no-repeat #05b5b5;
	color: #fff!important
}

.sicon_01,
.sicon_01:hover,
.sicon_02,
.sicon_02:hover,
.sicon_03,
.sicon_03:hover,
.sicon_04,
.sicon_05,
.sicon_05:hover,
.sicon_06,
.sicon_06:hover,
.sicon_07,
.sicon_07:hover,
.sicon_08 {
	padding: 15px 20px 15px 150px
}

.sicon_01 {
	background: url(../images/icon/sicon_01.html) left 20px center no-repeat
}

.sicon_01:hover {
	background: url(../images/icon/sicon_01-h.html) left 20px center no-repeat #0a73ce;
	color: #fff!important
}

.sicon_02 {
	background: url(../images/icon/sicon_02.html) left 20px center no-repeat
}

.sicon_02:hover {
	background: url(../images/icon/sicon_02-h.html) left 20px center no-repeat #0a73ce;
	color: #fff!important
}

.sicon_03 {
	background: url(../images/icon/sicon_03.html) left 20px center no-repeat
}

.sicon_03:hover {
	background: url(../images/icon/sicon_03-h.html) left 20px center no-repeat #0a73ce;
	color: #fff!important
}

.sicon_04 {
	background: url(../images/icon/sicon_04.html) left 20px center no-repeat
}

.sicon_04:hover {
	background: url(../images/icon/sicon_04-h.html) left 20px center no-repeat #0a73ce;
	padding: 15px 20px 15px 150px;
	color: #fff!important
}

.sicon_05 {
	background: url(../images/icon/sicon_05.html) left 20px center no-repeat
}

.sicon_05:hover {
	background: url(../images/icon/sicon_05-h.html) left 20px center no-repeat #0a73ce;
	color: #fff!important
}

.sicon_06 {
	background: url(../images/icon/sicon_06.html) left 20px center no-repeat
}

.sicon_06:hover {
	background: url(../images/icon/sicon_06-h.html) left 20px center no-repeat #0a73ce;
	color: #fff!important
}

.sicon_07 {
	background: url(../images/icon/sicon_07.html) left 20px center no-repeat
}

.sicon_07:hover {
	background: url(../images/icon/sicon_07-h.html) left 20px center no-repeat #0a73ce;
	color: #fff!important
}

.services-Sec3 {
	padding: 0 7% 4%;
	width: 100%;
	float: left
}

.services-Sec3 h1 {
	font-family: "Bell MT";
	font-size: 36px;
	line-height: 42px;
	margin: 4px 0 5px;
	background: url(../images/global-icon.jpg) left center no-repeat;
	padding: 40px 0 40px 140px
}

.services-list ul li:hover {
	background-color: #8fdab4!important;
	color: #fff!important
}

@media(max-width:480px) {
	.services-list ul li {
		background-position: top left!important;
		padding: 75px 15px 15px!important;
		background-size: 65px!important;
		margin-top: 12px!important
	}
}

.global_box {
	background: #e6f1fa;
	margin: 0;
	padding: 30px
}

.bglight {
	background: #f0f4f6!important;
	border-top: 1px solid #c3c3c3!important
}

.bglight .bdr-left {
	border-left: 1px solid #c3c3c3!important
}

.services-list ul li {
	margin-right: 4%
}

.indusrt-list ul li {
	width: 100%
}

.active-cell img {
	margin: 0 auto
}

@media screen and (max-width:40em) {
	.services-list>ul li:nth-child(odd) {
		clear: left
	}
}

@media screen and (min-width:75em) {
	.services-list>ul li:nth-child(3n+1) {
		clear: left
	}
	.services-list>ul li:nth-child(odd) {
		clear: none
	}
}

@media screen and (min-width:80em) {
	.services-list>ul li {
		width: 46%;
		float: left
	}
	.services-list>ul li:nth-child(3n+1),
	.services-list>ul li:nth-child(odd) {
		clear: none
	}
}

.indusrt-list ul li {
	font-size: 16px;
	line-height: 22px;
	margin-right: 15px
}

.dropdown-menu>.active>a {
	background-color: #fff!important
}

@media(min-width:768px) {
	#menu-industry-practices-footer {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2
	}
	#menu-industry-practices-footer li {
		width: 100%;
		float: left;
		clear: both
	}
}

.industry-Sec2 {
	padding-top: 1%
}

.navbar .dropdown-menu li a {
	width: 100%
}

@media(min-width:1024px) {
	.mega_menu {
		width: 950px!important;
		left: -530px;
		right: -475px;
		margin: 0 auto;
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3
	}
	.mega_menu>li {
		display: block;
		padding: 0 5px;
		float: left;
		clear: both;
		width: 100%
	}
}

@media(min-width:768px) and (max-width:1023px) {
	.mega_menu {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		min-width: 767px!important;
		left: -383px;
		right: -383px;
		margin: 0 auto
	}
	.mega_menu>li {
		display: block;
		padding: 0 5px;
		float: left;
		clear: both;
		width: 100%
	}
}

#menu-main-menu .dropdown i.fa {
	display: none
}

@media(min-width:768px) and (max-width:991px) {
	.navbar-collapse.collapse {
		margin-top: 28px
	}
}

@media(max-width:768px) {
	.mega_menu {
		-webkit-column-count: auto;
		-moz-column-count: auto;
		column-count: auto;
		overflow: hidden
	}
	#menu-main-menu a {
		text-align: left!important
	}
	#menu-main-menu .dropdown-menu {
		color: #333;
		position: relative;
		box-shadow: none!important;
		right: 0;
		left: 0;
		width: 100%;
		min-width: auto!important
	}
	#menu-main-menu .dropdown a {
		color: #333!important
	}
	#menu-main-menu .dropdown i.fa-plus:after {
		content: "+"
	}
	#menu-main-menu .dropdown i.fa-plus.activated {
		font-size: 51px;
		line-height: 15px;
		padding: 6px 10px 17px
	}
	#menu-main-menu .dropdown i.fa-plus.activated:after {
		content: "-"
	}
	#menu-main-menu .dropdown i.fa {
		font-size: 30px;
		font-style: normal;
		position: absolute;
		right: 10px;
		border: 1px solid #333;
		padding: 3px 10px 10px;
		line-height: 25px;
		top: 5px;
		z-index: 999;
		background: #fff;
		display: block
	}
}

@media(max-width:1000px) {
	.indusrt-list ul {
		-webkit-column-count: 1!important;
		-moz-column-count: 1!important;
		column-count: 1!important
	}
	.indusrt-list ul li {
		line-height: 60px!important;
		overflow: hidden
	}
}