@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');

body {
	padding: 0px;
	margin: 0px;
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif !important;
}



h1, h2, h3, h4, h5, h6, p {
	padding: 0px;
	margin: 0px;
}
.loader, .loader:before, .loader:after {
	background: #FFF;
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
}
.loader:before,  .loader:after {
	position: absolute;
	top: 0;
	content: "";
}
.loader:before {
	left: -1.5em;
}
.loader {
	text-indent: -9999em;
	margin: 8em auto;
	position: relative;
	font-size: 12px;
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:after {
	left: 1.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
 @-webkit-keyframes load1 {
 0%, 80%, 100% {
 box-shadow: 0 0 #FFF;
 height: 4em;
}
 40% {
 box-shadow: 0 -2em #ffffff;
 height: 5em;
}
}
 @keyframes load1 {
 0%, 80%, 100% {
 box-shadow: 0 0 #FFF;
 height: 4em;
}
 40% {
 box-shadow: 0 -2em #ffffff;
 height: 5em;
}
}
.loader2 {
	font-size: 19px;
	margin: 5em auto;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load2 1.3s infinite linear;
	animation: load2 1.3s infinite linear;
}
 @-webkit-keyframes load2 {
 0%, 100% {
 box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
}
 12.5% {
 box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
}
 25% {
 box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
}
 37.5% {
 box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
}
 50% {
 box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
}
 62.5% {
 box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff;
}
 75% {
 box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff;
}
 87.5% {
 box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff;
}
}
 @keyframes load2 {
 0%, 100% {
 box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
}
 12.5% {
 box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
}
 25% {
 box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
}
 37.5% {
 box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
}
 50% {
 box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
}
 62.5% {
 box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff;
}
 75% {
 box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff;
}
 87.5% {
 box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff;
}
}
.loader3 {
	margin: 4em auto;
	font-size: 24px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load3 1.1s infinite ease;
	animation: load3 1.1s infinite ease;
}
 @-webkit-keyframes load3 {
 0%, 100% {
 box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
}
 12.5% {
 box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}
 25% {
 box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
 37.5% {
 box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
 50% {
 box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
 62.5% {
 box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
 75% {
 box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
 87.5% {
 box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
}
}
 @keyframes load3 {
 0%, 100% {
 box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
}
 12.5% {
 box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}
 25% {
 box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
 37.5% {
 box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
 50% {
 box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
 62.5% {
 box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
 75% {
 box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
 87.5% {
 box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
}
}
.loader4:before, .loader4:after, .loader4 {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load4 1.8s infinite ease-in-out;
	animation: load4 1.8s infinite ease-in-out;
}
.loader4 {
	margin: 8em auto;
	font-size: 12px;
	position: relative;
	text-indent: -9999em;
	-webkit-animation-delay: 0.16s;
	animation-delay: 0.16s;
}
.loader4:before {
	left: -3.5em;
}
.loader4:after {
	left: 3.5em;
	-webkit-animation-delay: 0.32s;
	animation-delay: 0.32s;
}
.loader4:before,  .loader4:after {
	content: "";
	position: absolute;
	top: 0;
}
 @-webkit-keyframes load4 {
 0%, 80%, 100% {
 box-shadow: 0 2.5em 0 -1.3em #ffffff;
}
 40% {
 box-shadow: 0 2.5em 0 0 #FFF;
}
}
 @keyframes load4 {
 0%, 80%, 100% {
 box-shadow: 0 2.5em 0 -1.3em #ffffff;
}
 40% {
 box-shadow: 0 2.5em 0 0 #FFF;
}
}
.adjust {
	min-height: 60px;
	height: auto;
}
.mt {
	margin-top: 50px;
}
.loader-fix .modal-content {
	background: none;
	box-shadow: none;
	border: none !important;
}
.banner {
	position: relative;
	width: 100%;
	padding-bottom: 50%; /* = width for a 1:1 aspect ratio */
	overflow: hidden;
	background: url(../images/main-banner.jpg) no-repeat fixed;
	background-size: cover;
	height:100vh;
}
.banner-content {
	height: 100%;
	position: absolute;
	width: 100%;
}
.banner-content .table {
	display: table;
	width: 100%;
	height: 100%;
}
.banner-content .table .table-cell {
	display: table-cell;
	vertical-align: middle;
}
.banner-text {
	font-weight: 900;
	text-align: center;
	padding-top: 25%;
}
.banner-text h1 {
	font-size: 46px;
	border-bottom: solid 1px #fff;
	display: inline-block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.banner-text h4 {
	font-size: 23px;
	padding: 0px;
	margin: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.imgautumn2 {
	background: url(../images/main-banner.jpg) no-repeat;
	background-size: cover;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	transition: all 4s ease;
}
.parallax-mirror-0 img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 4s ease;
}
.imgautumn1 img {
	-webkit-filter: none;
	filter: none;
}
.imgautumn1 {
	-webkit-filter: none;
	filter: none;
}
.imgautumn2:before {
	background: #000000;
}
.bg:before {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover; /* you change this to "contain" if you don't want the images to be cropped */
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.bg {
	color: #fff;
}
.bg:before {
	opacity: 0.2;
}
.green {
	color: #a6c850;
}
.darkBlue {
	color: #2c367d;
}
.banner-btn {
	margin: 20px auto;
	width: 656px;
	text-align: center;
}
a.readMore {
	border: solid 1px #a6c850;
	border-radius: 3px;
	padding: 5px 20px;
	color: #a6c850;
	font-size: 16px;
	display: inline-block;
	margin: 10px;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif !important;
}
a.readMore:hover, a.readMore:visited, a.readMore:focus {
	text-decoration: none;
	background: #a6c850;
	color: #fff;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
	text-decoration: none !important;
}
.banner-btn a.readMore {
	border: solid 1px #2c367d;
	color: #fff;
}
.banner-btn a.readMore:hover, a.readMore:visited, a.readMore:focus {
	background: #2c367d;
	color: #fff;
}
a.getAquote {
	border: solid 1px #fff;
	border-radius: 3px;
	padding: 5px 20px;
	color: #fff;
	font-size: 16px;
	display: inline-block;
	margin: 10px;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif !important;
}
a.getAquote:hover, a.getAquote:visited, a.getAquote:focus {
	text-decoration: none;
	background: #fff;
	color: #a6c850;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.our-services {
	background: #2c367d;
	padding: 2% 0px;
}
.our-services h1 {
	color: #fff;
	font-size: 36px;
	text-align: center;
	padding: 20px 0px;
	margin-bottom: 30px;
}
.desktop-hide {
	display: none;
}
.our-services .customNavigation {
	text-align: center;
	margin-top: 50px;
}
.our-services .customNavigation a {
	color: #fff;
	cursor: pointer;
	margin: 10px 5px;
	display: inline-block;
	font-size: 18px;
}
.our-services .customNavigation a:hover {
	color: #acd054;
}
.our-services .owl-wrapper {
	margin: 0px !important;
}
.our-services .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	height: 252px;
	padding-top: 10px;
	margin-bottom: 20px;
}
.our-services .owl-carousel .owl-wrapper, .owl-carousel .owl-item a {
	color: #fff;
	display: inline-block;
}
.our-services .owl-carousel .owl-wrapper, .owl-carousel .owl-item a:hover {
	color: #fff;
	text-decoration: none;
}
.our-services .owl-carousel .owl-wrapper, .owl-carousel .owl-item a h4 {
	font-size: 13px;
	text-align: center;
	margin-top: 65px;
	line-height: 18px;
}
.our-services .owl-carousel .item {
	border: 2px solid #ffffff;
	border-radius: 70px;
	height: 140px;
	padding: 20px 15px;
	width: 140px;
	position: relative;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.our-services .owl-carousel .item:before {
	background: url(../images/sprite.png) no-repeat -276px -449px;
	top: 100%;
	content: "";
	height: 52px;
	left: 50%;
	transform: translate(-50%, 0);
	position: absolute;
	width: 21px;
	transition: 0.4s ease-out;
}
.our-services .owl-carousel .item .service-icon-1 {
	background: url(../images/sprite.png) no-repeat -222px -510px;
	width: 61px;
	height: 54px;
	margin: 20px auto;
}
.our-services .owl-carousel .item:hover {
	border: 2px solid #acd054;
	border-radius: 70px;
	height: 140px;
	padding: 20px 15px;
	width: 140px;
	animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	transform: translate3d(0, -20px, 0);
}
.our-services .owl-carousel .item:hover .service-icon-1 {
	background-position: -161px -510px;
}
.our-services .owl-carousel .item:hover:before {
	background: url(../images/sprite.png) no-repeat -276px -350px;
	height: 80px;
	top: 102%;
}
.our-services .owl-carousel .item .service-icon-2 {
	background: url(../images/sprite.png) no-repeat -61px -530px;
	width: 61px;
	height: 54px;
	margin: 20px auto;
}
.our-services .owl-carousel .item:hover .service-icon-2 {
	background-position: -0px -513px;
}
.our-services .owl-carousel .item .service-icon-3 {
	background: url(../images/sprite.png) no-repeat -183px -564px;
	width: 61px;
	height: 54px;
	margin: 20px auto;
}
.our-services .owl-carousel .item:hover .service-icon-3 {
	background-position: -122px -564px;
}
.our-services .owl-carousel .item .service-icon-4 {
	background: url(../images/sprite.png) no-repeat -61px -584px;
	width: 61px;
	height: 54px;
	margin: 20px auto;
}
.our-services .owl-carousel .item:hover .service-icon-4 {
	background-position: -0px -567px;
}
.our-services .owl-carousel .item .service-icon-5 {
	background: url(../images/sprite.png) no-repeat -183px -618px;
	width: 61px;
	height: 54px;
	margin: 20px auto;
}
.our-services .owl-carousel .item:hover .service-icon-5 {
	background-position: -122px -618px;
}
.our-services .owl-carousel .item .service-icon-5 {
	background: url(../images/wst.png) no-repeat;
	width: 61px;
	height: 54px;
	margin: 20px auto;
}
.our-services .owl-carousel .item:hover .service-icon-5 {
	background: url(../images/wst-active.png) no-repeat;
}
.our-services .owl-carousel .item .service-icon-6 {
	background: url(../images/sprite.png) no-repeat -215px -402px;
	width: 61px;
	height: 54px;
	margin: 20px auto;
}
.our-services .owl-carousel .item:hover .service-icon-6 {
	background-position: -215px -348px;
}
.our-services .owl-carousel .item .service-icon-7 {
	background: url(../images/sprite.png) no-repeat -100px -476px;
	width: 61px;
	height: 54px;
	margin: 20px auto;
}
.our-services .owl-carousel .item:hover .service-icon-7 {
	background-position: -215px -456px;
}
.about-us {
	padding: 2% 0;
	position: relative;
}
.about-us h1 {
	font-size: 36px;
	padding: 20px 0 10px;
	margin: 0px !important;
	text-align: center;
	font-weight: normal;
}
.about-us p {
	color: #434343;
	font-size: 16px;
	margin: 30px 0;
	padding: 20px 0 10px;
	text-align: center;
}
.about-us h6 {
	color: #434343;
	font-size: 13px;
	margin: 5px 0;
	padding: 0px;
	text-align: center;
	line-height: normal;
}
.about-us h4 {
	color: #434343;
	font-size: 26px;
	margin: 50px 0 30px 0;
	padding: 20px 0 10px;
	text-align: center;
}
.about-us h5 {
	color: #434343;
	font-size: 18px;
	margin: 50px 0 30px 0;
	padding: 0;
	text-align: center;
	line-height: normal;
}
.who-we-are h3 {
	color: #2c367d;
	font-size: 20px;
	margin: 20px 0 30px 0;
	padding: 0px;
	text-align: center;
	font-weight: bold;
}
.integrity-img {
	background: url(../images/sprite.png) no-repeat -135px -87px;
	width: 133px;
	height: 113px;
	margin: 0 auto;
	background-size: 270px;
}
.transparency-img {
	background: url(../images/sprite.png) no-repeat -135px -200px;
	width: 116px;
	height: 113px;
	margin: 0 auto;
	background-size: 270px;
}
.leadership-img {
	background: url(../images/sprite.png) no-repeat -0px -258px;
	width: 100px;
	height: 113px;
	margin: 0 auto;
	background-size: 270px;
}
.excellence-img {
	background: url(../images/sprite.png) no-repeat -97px -314px;
	width: 98px;
	height: 113px;
	margin: 0 auto;
	background-size: 270px;
}
.honesty-img {
	background: url(../images/honesty-img.png) no-repeat center;
	width: 103px;
	height: 113px;
	margin: 0 auto;
	background-size: auto 92%;
}
.blue {
	color: #2574e9;
}
.procentris-team {
/*margin:20px 0px;*/
}
.procentris-team .procentris-team-pic {
	padding: 0px;
	margin: 0px;
}
.procentris-team .procentris-team-pic li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	display: inline-block;
}
/*.procentris-team .procentris-team-pic li img{
	
}*/

.procentris-team .procentris-team-pic li{ width:100%;}
.procentris-team .item-wrapper-main, .procentris-team .item-wrapper{width:100%; }
.procentris-team .item-wrapper img{width:100%; height:100%;}

.procentris-team .procentris-team-pic .owl-item {
	height: auto !important;
}
.procentris-team .procentris-team-pic .owl-item .item .item-wrapper-main {
	overflow: hidden;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.procentris-team .procentris-team-pic .owl-item .item .item-wrapper {
	position: relative;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.procentris-team .procentris-team-pic .owl-item .item .item-wrapper:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.procentris-team .procentris-team-pic .owl-item .item .item-wrapper .item-content {
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 38px;
	transition: all 0.35s ease 0s;
	opacity: 0;
	top: -50%;
	opacity: 1;
	transform: translateY(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
}
.procentris-team .procentris-team-pic .owl-item .item .item-wrapper:hover .item-content {
	opacity: 1;
	top: 50%;
	opacity: 1;
	transform: translateY(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
}
.procentris-team .procentris-team-pic .owl-item .item .item-wrapper .item-content:after {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	/* border:solid 1px #fff; */
	content: '';
}
.procentris-team .procentris-team-pic .item .item-wrapper .item-content p {
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding-top: 20%;
}
.procentris-team .procentris-team-pic .item .item-wrapper .item-content a {
	margin: 10px 0px;
	display: inline-block;
	font-size: 18px;
	color: #fff;
	padding: 5px 10px;
	border: solid 1px #fff;
	text-align: center;
	cursor: pointer;
}
.who-we-are {
	padding: 2% 0;
}
.who-we-are h1 {
	color: #434343;
	font-size: 36px;
	padding: 20px 0 10px;
	margin: 0px !important;
	text-align: center;
	font-weight: normal;
}
.who-we-are p {
	color: #434343;
	font-size: 16px;
	margin: 10px 0 50px;
	padding: 0;
	text-align: center;
}
.who-we-are h4 {
	color: #434343;
	font-size: 26px;
	margin: 30px 0 0;
	padding: 0;
	text-align: center;
}
.who-we-are h3 {
	color: #2c367d;
	font-size: 18px;
	margin: 10px 0 30px 0;
	padding: 0px;
	text-align: center;
	font-weight: bold;
}
.who-we-are .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	height: auto !important;
}
.who-we-are .customNavigation {
	text-align: center;
	margin-top: -10px;
}
.who-we-are .customNavigation a {
	color: #cccccc;
	cursor: pointer;
	margin: 10px 5px;
	display: inline-block;
	font-size: 18px;
}
.who-we-are .customNavigation a:hover {
	color: #b4d44f;
}
.more-power {
	padding: 7% 0px;
	background: #000;
	background: url(../images/more-power.jpg) no-repeat fixed;
	background-size: cover;
	position: relative;
}
.more-power-shadow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.4;
	content: '';
}
.more-power h1 {
	color: #fff;
	font-size: 36px;
	padding: 20px 0 30px 0;
	margin: 0px !important;
	text-align: center;
	font-weight: normal;
}
.more-power p {
	color: #fff;
	font-size: 16px;
	margin: 0px 0 50px;
	padding: 0;
	text-align: center;
}
.buttons {
	margin: 10px 0px 30px;
	text-align: center;
}
a.read-more {
	border: solid 1px #acd054;
	color: #acd054;
	margin: 5px;
	display: inline-block;
}
a.read-more:hover {
	color: #fff;
	background: #acd054;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
a.get-a-quote {
	background: none;
	border: solid 1px #2c367d;
	color: #2c367d;
	margin: 5px;
	display: inline-block;
}
a.get-a-quote:hover {
	background: #2c367d;
	color: #fff;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.join-us {
	padding: 8% 0px;
	background: #000;
	background: url(../images/join-us.jpg) no-repeat fixed;
	background-size: cover;
	position: relative;
}
.join-us-shadow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.4;
	content: '';
}
.join-us h1 {
	color: #fff;
	font-size: 36px;
	padding: 20px 0 30px 0;
	margin: 0px !important;
	text-align: center;
	font-weight: normal;
}
.join-us p {
	color: #fff;
	font-size: 16px;
	margin: 0px 0 50px;
	padding: 0;
	text-align: center;
}
.about-us h3 {
	color: #2c367d;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 0px 0;
	padding: 0;
	text-align: center;
}
.location-map {
	background: url(../images/sprite.png) no-repeat -0px -411px;
	width: 100px;
	height: 102px;
	margin: 0 auto;
}
.location-map-s {
	background: url(../images/sprite.png) no-repeat -244px -564px;
	width: 46px;
	height: 45px;
	margin: 0 auto;
	margin-top: 57px;
}
.location-map:before {
	background: url(../images/sprite.png) no-repeat -0px -0px;
	content: '';
	position: absolute;
	right: 0px;
	right: 250px;
	top: 0;
	width: 300px;
	height: 46px;
}
.location-map:after {
	background: url(../images/sprite.png) no-repeat -0px -46px;
	content: '';
	position: absolute;
	left: 0px;
	left: 250px;
	top: 0;
	width: 300px;
	;
	height: 46px;
}
.email-pro {
	margin: 50px 0px 10px;
	text-align: center;
}
.email-pro a {
	display: inline-block;
	margin: 0px 10px;
	color: #2c367d;
}
.social-icon {
	width: 230px;
	margin: 2em auto;
	display: inline-block;
}
.social-icon li {
	list-style-type: none;
	float: left;
}
.social-icon li a {
	padding: 5px 10px;
	font-size: 18px;
	margin: 0px 5px;
	font-weight: bold;
	border-radius: 20px;
	outline: none;
}
.social-icon li:nth-child(1) a {
	color: #f00;
	border: solid 1px #f00;
}
.social-icon li:nth-child(2) a {
	color: #3096ff;
	border: solid 1px #3096ff;
}
.social-icon li:nth-child(3) a {
	padding: 5px 13px;
	color: #4a6ea9;
	border: solid 1px #4a6ea9;
}
.social-icon li a {
	text-decoration: none;
	color: #000;
}
.social-icon li:nth-child(1) a:hover {
	border: solid 1px #f00;
	background: #f00;
	color: #FFF;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.social-icon li:nth-child(2) a:hover {
	border: solid 1px #3096ff;
	background: #3096ff;
	color: #FFF;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.social-icon li:nth-child(3) a:hover {
	border: solid 1px #4a6ea9;
	background: #4a6ea9;
	color: #FFF;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.contact-map {
	position: relative;
}
.enquiry-form {
	position: absolute;
	background: rgba(69,71,88,0.8);
	left: 0;
	top: 0;
	bottom: 0;
	max-width: 600px;
	width: 100%;
}
.enquiry-form:hover {
	background: rgba(69,71,88,1);
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.enquiry-form .enquiry-form-content {
	padding: 20px 30px;
}
.enquiry-form .enquiry-form-content h1 {
	padding: 20px 0;
	font-size: 26px;
	color: #fff;
	margin: 0px;
}
.enquiry-form .enquiry-form-content label {
	padding: 3px 0;
	font-size: 14px;
	color: #C8C8C8;
	margin: 0px;
	font-weight: normal;
}
.enquiry-form .enquiry-form-content .form-control {
	background: none;
	border: solid 1px #adadad;
	color: #fff;
	margin-bottom: 20px;
	padding-left: 7px;
}
.enquiry-form .enquiry-form-content .SelectBox {
	background: url(../images/select-arrow-white.png) no-repeat right 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
 .enquiry-form .enquiry-form-content select.SelectBox::ms-expand {
 display: none;
}
.enquiry-form .enquiry-form-content .textArea {
	height: 100px;
	resize: none;
}
.enquiry-form .enquiry-form-content .btn-default {
	background: #fff none repeat scroll 0 0;
	color: #333;
	display: inline-block;
	border: none;
	margin: 5px;
	float: right;
	font-size: 16px;
	padding: 8px 20px;
}
.footer {
	padding: 1% 0px;
	text-align: center;
	border-top: 4px solid #acd054;
}
.footer a {
	display: inline-block;
	padding: 0px 7px;
	border-left: 1px solid #8d8d8d;
	color: #8d8d8d;
	font-size: 13px;
	line-height: 13px;
}
.footer a:first-child {
	border: 0;
}
.footer h4 {
	color: #2b357b;
	font-size: 16px;
	text-align: center;
	padding: 15px 0px 0px;
	margin: 0px;
}
.proTbOBBdiv {
	text-align: center;
	margin-top: 10px;
}
.ProcentrisTbOBB {
	margin: 0px 0px -20px 0;
	display: inline-block;
	text-align: center;
}
.ProcentrisTbOBB h4 {
	display: inline-block;
	vertical-align: middle;
}
.ProcentrisTbOBB img {
	vertical-align: middle;
	display: inline-block;
	margin-top: 15px;
}
/* style.css */

.modal {
	text-align: center;
	padding: 0 !important;
}
.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}
.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.modal-content {
	border-radius: 25px;
	border: solid 5px #b2d352 !important;
}
.home-modal .modal-header {
	padding-right: 55px;
	border-bottom: none;
	padding-bottom: 0;
}
.home-modal .modal-header .close {
	background: #2c367d;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	position: absolute;
	opacity: 100;
	right: -15px;
	top: -15px;
	transition: 0.5s;
	color: #fff;
	text-shadow: none;
}
.home-modal .modal-header .close:focus {
	outline: none;
}
.home-modal .modal-header .close:hover {
	transform: rotate(180deg);
}
.home-modal .modal-body img {
	border-radius: 5px;
}
.our-services {
	position: relative;
	position: relative;
}
.our-services .bot-scroll {
	position: absolute;
	bottom: -44px;
	left: 50%;
	transform: translate(-50%, 0);
	border: solid 23px transparent;
	border-top: solid 23px #2c367d;
	display: block;
	height: 0;
	width: 0;
	cursor: pointer;
	z-index: 99;
}
.our-services .bot-scroll:after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: -15px;
	border: solid 15px transparent;
	border-top: solid 15px #fff;
	display: block;
	height: 0;
	width: 0;
	z-index: 99;
}
.our-services .bot-scroll:before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: -14px;
	border: solid 14px transparent;
	border-top: solid 14px #2c367d;
	display: block;
	height: 0;
	width: 0;
	z-index: 999;
}
.procentris-team {
	position: relative;
	position: relative;
}
.procentris-team .bot-scroll {
	position: absolute;
	bottom: -42px;
	left: 50%;
	transform: translate(-50%, 0);
	border: solid 23px transparent;
	border-top: solid 23px #acd054;
	display: block;
	height: 0;
	width: 0;
	cursor: pointer;
}
.procentris-team .bot-scroll:after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: -15px;
	border: solid 15px transparent;
	border-top: solid 15px #fff;
	display: block;
	height: 0;
	width: 0;
	z-index: 99;
}
.procentris-team .bot-scroll:before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: -14px;
	border: solid 14px transparent;
	border-top: solid 14px #acd054;
	display: block;
	height: 0;
	width: 0;
	z-index: 999;
}
.procentris-team .owl-item {
	margin-bottom: 0;
}
.imgautumn1 {
	position: relative;
}
.imgautumn1 .bot-scroll, .imgautumn2 .bot-scroll {
	position: absolute;
	bottom: -39px;
	left: 50%;
	transform: translate(-50%, 0);
	border: 0;
	display: block;
	height: 0;
	cursor: pointer;
	color: #fff;
	font-size: 80px;
}
/*.imgautumn1 .bot-scroll:after{content:""; position:absolute; bottom:-8px; left:-15px; border:solid 15px transparent; border-top:solid 15px #acd054; display:block; height:0; width:0; z-index:99;}
.imgautumn1 .bot-scroll:before{content:""; position:absolute; bottom:-5px; left:-14px; border:solid 14px transparent; border-top:solid 14px #fff; display:block; height:0; width:0; z-index:999;}
.imgautumn1 .owl-item{margin-bottom:0;}*/
.imgautumn1 .bot-scroll:hover {
	text-decoration: none;
}
.more-power {
	position: relative;
}
.more-power .bot-scroll {
	position: absolute;
	bottom: -46px;
	left: 50%;
	transform: translate(-50%, 0);
	border: solid 23px transparent;
	border-top: solid 23px #acd054;
	display: block;
	height: 0;
	width: 0;
	cursor: pointer;
	z-index: 1;
}
.more-power .bot-scroll:after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: -15px;
	border: solid 15px transparent;
	border-top: solid 15px #fff;
	display: block;
	height: 0;
	width: 0;
	z-index: 99;
}
.more-power .bot-scroll:before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: -14px;
	border: solid 14px transparent;
	border-top: solid 14px #acd054;
	display: block;
	height: 0;
	width: 0;
	z-index: 999;
}
.join-us {
	position: relative;
}
.join-us .bot-scroll {
	position: absolute;
	bottom: -46px;
	left: 50%;
	transform: translate(-50%, 0);
	border: solid 23px transparent;
	border-top: solid 23px #acd054;
	display: block;
	height: 0;
	width: 0;
	cursor: pointer;
	z-index: 1;
}
.join-us .bot-scroll:after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: -15px;
	border: solid 15px transparent;
	border-top: solid 15px #fff;
	display: block;
	height: 0;
	width: 0;
	z-index: 99;
}
.join-us .bot-scroll:before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: -14px;
	border: solid 14px transparent;
	border-top: solid 14px #acd054;
	display: block;
	height: 0;
	width: 0;
	z-index: 999;
}
.contact-map {
	position: relative;
}
.contact-map .bot-scroll2 {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0) rotate(180deg);
	border: solid 23px transparent;
	border-top: solid 23px #acd054;
	display: block;
	height: 0;
	width: 0;
	cursor: pointer;
}
.contact-map .bot-scroll2:after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: -15px;
	border: solid 15px transparent;
	border-top: solid 15px #fff;
	display: block;
	height: 0;
	width: 0;
	z-index: 99;
}
.contact-map .bot-scroll2:before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: -14px;
	border: solid 14px transparent;
	border-top: solid 14px #acd054;
	display: block;
	height: 0;
	width: 0;
	z-index: 999;
}
.banner .icon-mouse {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-animation: mouse 1s infinite;
	-moz-animation: mouse 1s infinite;
	-o-animation: mouse 1s infinite;
	animation: mouse 1s ease-out infinite;
	cursor: pointer;
}

/*.banner .icon-mouse:before{content:""; background:#fff; width:5px; height:11px; border-radius:8px; left:50%; transform:translate(-50%,0); bottom:10px; position:absolute;}*/



@-webkit-keyframes mouse {
 0% {
 bottom: 110px;
}
 50% {
 bottom: 100px;
}
 100% {
 bottom: 110px;
}
}
 @-moz-keyframes mouse {
 0% {
 bottom: 110px;
}
 50% {
 bottom: 100px;
}
 100% {
 bottom: 110px;
}
}
 @-o-keyframes mouse {
 0% {
 bottom: 110px;
}
 50% {
 bottom: 100px;
}
 100% {
 bottom: 110px;
}
}
 @keyframes mouse {
 0% {
 bottom: 110px;
}
 50% {
 bottom: 100px;
}
 100% {
 bottom: 110px;
}
}
/*.mainWrapper {
  overflow: hidden;
  position: relative;
  z-index: 3;
  min-height: 100%;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 21px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 21px -4px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 21px -4px rgba(0, 0, 0, 0.75);
  min-height:1000px;
}
.mainWrapper .menuClose {
  display: none;
  position: absolute;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.menuOpen .mainWrapper .menuClose {
  display: block;
}
#menu {
	font-size: 16px;
	width: 100%;
	margin-top: 25px;
}

@media only screen and (max-width: 767px) {
#menu {
	display: none;
}

}

@media only screen and (max-width: 991px) {
#menu ul li + li {
	margin-left: 20px;
}
}
#menu ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
#menu ul li {
	display: inline-block;
	list-style: none;
	font-weight: bold;
	font-family: 'open_sanslight';
	text-transform: uppercase;
}
#menu ul li + li {
	margin-left: 35px;
}

#menu ul li i {
	vertical-align: 4px;
	margin-left: 5px;
	font-size: 12px;
}

#menu ul li i.fa-chevron-right {
	position: relative;
    top: 4px;
	}

#menu ul li a {
	color: #fff;
	padding: 0 0 5px 0;
	display:block;
}
#menu ul li a:hover,
#menu ul li a.active {
	border-bottom: solid 2px #b4d44f;
	text-decoration: none;
}
#menu ul li a.selected {
	border-bottom-color:transparent;
	text-decoration: none;
}

#menu ul li ul {
	display: none;
	position: absolute;
	background: #2c367d;
	color: #fff;
	width: 200px;
	z-index: 999;
	margin: 0 0 0 0;
	font-size: 12px;
}
#menu ul li ul li {
	display: block;
	text-align: left;
	position:relative;
}
#menu ul li ul li + li {
	margin: 0;
	border-top: solid 1px #323d86;
}
#menu ul li ul li a {
	border:0;
	display: block;
	text-transform: capitalize;
	padding: 12px;
}
#menu ul li ul li a:hover,
#menu ul li ul li a.selected {
	border:0;
	background: #b4d44f;
}
#menu ul ul ul {
	width: 200px;
	left: 200px;
	top: 0;
	position: absolute;
	display: none;
	padding: 0px;
	border: 0px;
	margin-left:0;
}
#menu ul ul ul li + li {
	border-top:1px #A2C13F solid;
}
#menu ul ul ul li a {
	background: #b4d44f;
}
#menu ul ul ul li a:hover, #menu ul ul ul li a.selected, #menu ul ul ul li.select > a {
	background: #A2C13F;
}


body.userMenuUp .profileMenuWrapper {
  z-index: 2;
}
body .profileMenuWrapper {
  display: none;
  position: fixed;
  z-index: 0;
  height: 100%;
  width: 230px;
  right: 0;
  top: 0;
  overflow: auto;
  background: #ecf0f1;
}

body .profileMenuWrapper h2 {
  font-size: 16px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}
body .profileMenuWrapper .profileMenuInner {
  position: relative;
  height: 100%;
}
body .profileMenuWrapper .profileMenuInner:after {
  content: "";
  display: block;
  clear: both;
}
body .profileMenuWrapper .profileMenuInner .leftProfile {
  float: left;
  width: 100%;
  padding: 12px;
}
body .profileMenuWrapper .profileMenuInner .leftProfile .img-responsive {
  float: left;
  width: 50px;
  height: auto;
  margin-right: 10px;
}
body .profileMenuWrapper .profileMenuInner .leftProfile h2 {
  margin-top: 5px;
}
body .profileMenuWrapper .profileMenuInner .leftProfile p {
  margin: 0;
}
body .profileMenuWrapper .profileMenuInner .leftProfile p + p {
  margin-top: 0;
}
body .profileMenuWrapper .profileMenuInner .leftProfile p.message {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 10px;
  padding: 6px 10px;
  background: #fbfcfc;
}
body .profileMenuWrapper .profileMenuInner .leftProfile p.message:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 11px;
  bottom: 100%;
  border-left: 2px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 5px solid #fbfcfc;
}
body .profileMenuWrapper .profileMenuInner .leftProfileMenu {
  float: left;
  width: 100%;
  padding: 5px 0;
  border-top: 1px #cfd9db solid;
}
body .profileMenuWrapper .profileMenuInner .leftProfileMenu ul {
  margin: 0;
  padding: 0;
}
body .profileMenuWrapper .profileMenuInner .leftProfileMenu ul li {
  list-style: none;
}
body .profileMenuWrapper .profileMenuInner .leftProfileMenu ul li + li {
  margin-top: 1px;
}
body .profileMenuWrapper .profileMenuInner .leftProfileMenu ul li a {
  color: #000000;
  padding: 4px 12px;
  display: block;
}
body .profileMenuWrapper .profileMenuInner .leftProfileMenu ul li a:hover,
body .profileMenuWrapper .profileMenuInner .leftProfileMenu ul li a.active {
  position: relative;
  color: #FFFFFF;
  background: #cc0000;
}
body .profileMenuWrapper .profileMenuInner .leftProfileFriends {
  float: left;
  width: 100%;
  padding: 9px 12px 12px 12px;
  border-top: 1px #fbfcfc solid;
}
body .profileMenuWrapper .profileMenuInner .leftProfileFriends h2 {
  margin-bottom: 5px;
}
body .profileMenuWrapper .profileMenuInner .leftProfileFriends .friendsWrapper {
  margin-left: -2px;
  margin-right: -2px;
}
body .profileMenuWrapper .profileMenuInner .leftProfileFriends .friendsWrapper a {
  float: left;
  width: 20%;
  padding: 2px;
}
body .profileMenuWrapper .profileMenuInner .leftProfileFriends .friendsWrapper a img {
  width: 100%;
}
body .profileMenuWrapper .profileMenuInner .leftProfileFriends .friendsWrapper .more {
  float: left;
  width: 100%;
}
body .profileMenuWrapper .profileMenuInner .leftProfileFriends .friendsWrapper .more a {
  font-weight: 700;
  width: auto;
  float: right;
  height: auto;
}

body .studentSkillsMatrix h2 {
  color: #cc0000;
  margin-top: 0;
}
body .studentSkillsMatrix .red-gradient.small + h2 {
  margin-top: 7px;
}
body .studentSkillsMatrix p {
  margin: 0;
}
body .studentSkillsMatrix p + p {
  margin-top: 5px;
}
body .studentSkillsMatrix .studentSkillsMatrixSection {
  margin-top: 10px;
}
body .studentSkillsMatrix .studentSkillsMatrixSection + .studentSkillsMatrixSection {
  margin-top: 25px;
}
body .studentSkillsMatrix .studentSkillsMatrixSection .studentSkillsMatrixDigit p {
  text-align: center;
  border-bottom: 1px #d0d0d0 solid;
}
body .mainMenuWrapper {
  
  position: fixed;
  z-index: 1;
  height: 100%;
  width: 230px;
  right: 0;
  top: 0;
  padding-top: 5px;
  overflow: auto;
  background: #353535;
}

body .mainMenuWrapper ul {
  margin: 0;
  padding: 0 0 0 5px;
}
body .mainMenuWrapper ul li {
  list-style: none;
}
body .mainMenuWrapper ul li + li {
  margin-top: 1px;
}
body .mainMenuWrapper ul li a {
  color: #fff;
  padding: 4px 12px;
  display: block;
  text-decoration:none;
}
body .mainMenuWrapper ul li a i{vertical-align:4px;}
body .mainMenuWrapper ul li a:hover,
body .mainMenuWrapper ul li a.active {
  position: relative;
  color: #FFFFFF !important;
  background: #b4d44f;
  text-decoration:none;
}
body .mainMenuWrapper ul li .submenu li a {
color:#CCC; 
}



.responsiveMenu {
  float: right;
  display: none;
  font-size: 22px;
  margin-top: 15px;
}

.responsiveMenu a {
  color: #FFFFFF;
  height: 36px;
  width: 38px;
  display: block;
  position: relative;
  background: #b4d44f;
  border-radius: 3px;
}
.responsiveMenu a .fa {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
*/
/* style.css */


.software-banner {
	position: relative;
}
.sb-banner {
	background: rgba(0, 0, 0, 0) url("../images/software-banner.jpg") no-repeat scroll center top / cover;
}
.about-banner {
	background: rgba(0, 0, 0, 0) url("../images/aboutus-bg.jpg") no-repeat scroll center top / cover;
}
.wd-banner {
	background: rgba(0, 0, 0, 0) url("../images/web-development-banner.jpg") no-repeat scroll center top / cover;
}
.st-banner {
	background: rgba(0, 0, 0, 0) url("../images/software-testing.jpg") no-repeat scroll center top / cover;
}
.methodology-banner {
	background: rgba(0, 0, 0, 0) url("../images/methodology-banner.jpg") no-repeat scroll center top / cover;
}
.da-banner {
	background: rgba(0, 0, 0, 0) url("../images/design-animation-banner.jpg") no-repeat scroll center top / cover;
}
.ar-banner {
	background: rgba(0, 0, 0, 0) url("../images/augmented-reality-banner.jpg") no-repeat scroll center top / cover;
}
.te-banner {
	background: rgba(0, 0, 0, 0) url("../images/test-engineering-banner.jpg") no-repeat scroll center top / cover;
}
.ca-banner {
	background: rgba(0, 0, 0, 0) url("../images/conversion-analysis-banner.jpg") no-repeat scroll center top / cover;
}
.dc-banner {
	background: rgba(0, 0, 0, 0) url("../images/design-coding-banner.jpg") no-repeat scroll center top / cover;
}
.ux-banner {
	background: rgba(0, 0, 0, 0) url("../images/ux-banner.jpg") no-repeat scroll center top / cover;
}
.web-design-banner {
	background: rgba(0, 0, 0, 0) url("../images/web-design-banner.jpg") no-repeat scroll center top / cover;
}
.dm-banner {
	background: rgba(0, 0, 0, 0) url("../images/dm-banner.jpg") no-repeat scroll center top / cover;
}
.cw-banner {
	background: rgba(0, 0, 0, 0) url("../images/cw-banner.jpg") no-repeat scroll center top / cover;
}
.oe-banner {
	background: rgba(0, 0, 0, 0) url("../images/oe-banner.jpg") no-repeat scroll center top / cover;
}
.ga-banner {
	background: rgba(0, 0, 0, 0) url("../images/ga-banner.jpg") no-repeat scroll center top / cover;
}
.lb-banner {
	background: rgba(0, 0, 0, 0) url("../images/lb-banner.jpg") no-repeat scroll center top / cover;
}
.seo-banner {
	background: rgba(0, 0, 0, 0) url("../images/seo-banner.jpg") no-repeat scroll center top / cover;
}
.smm-banner {
	background: rgba(0, 0, 0, 0) url("../images/smm-banner.jpg") no-repeat scroll center top / cover;
}
.sitemap-banner {
	background: rgba(0, 0, 0, 0) url("../images/sitemap-banner.jpg") no-repeat scroll center top / cover;
}

.tw-banner {
	background: rgba(0, 0, 0, 0) url("../images/tw-banner.jpg") no-repeat scroll center top / cover;
}
.el-banner {
	background: rgba(0, 0, 0, 0) url("../images/el-banner.jpg") no-repeat scroll center top / cover;
}
.tool-banner {
	background: rgba(0, 0, 0, 0) url("../images/tool-banner.jpg") no-repeat scroll center top / cover;
}
.wcul-banner {
	background: rgba(0, 0, 0, 0) url("../images/wc-banner.jpg") no-repeat scroll center top / cover;
}
.software-banner-shadow {
	background: #000 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.4;
	position: absolute;
	right: 0;
	top: 0;
}
.software-banner .banner-text {
	padding: 5% 0;
	margin-top: 84px;
}
.software-banner .banner-text {
	color: #fff;
	font-size: 2px;
}
.software-banner .banner-text h3 {
	border-bottom: 4px solid #b4d44f;
	display: inline-block;
	font-size: 28px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.breadcrumbs ul {
	margin: 0px;
	padding: 0px;
}
.breadcrumbs ul li {
	display: inline-block;
	font-weight: normal;
}
.breadcrumbs ul li a, .breadcrumbs ul li span {
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 1.2px;
	position: relative;
	padding-right: 10px;
	margin-right: 5px;
}
.breadcrumbs ul li a:after {
	content: '\f105';
	font-family: fontawesome;
	font-size: 12px;
	position: absolute;
	top: 0;
	right: 0;
}
.software-content {
	padding: 3% 0px;
}
.software-content p {
	color: #868686;
	line-height: 22px;
	padding-bottom: 10px;
}
.software-category {
	background: #f7f8f9;
	padding: 3% 0;
}
.service-home-box {
	background-color: #fff;
	text-align: center;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	padding-bottom: 30px;
	padding-top: 0;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
	margin: 10px 0px;
}
.service-home-box h3 {
	padding-bottom: 15px;
	border-bottom: 3px solid #b4d44f;
	font-size: 16px;
	margin-top: 20px;
}
.service-home-box p {
	color: #868686;
	margin: 20px;
	min-height: 110px;
}
.service-home-box a.btn-border {
	color: #2e363a;
	font-size: 14px;
	border: 1px solid #919ca6;
	padding: 10px 24px;
}
.service-home-box a.btn-border:hover {
	color: #fff;
	border: 1px solid #919ca6;
	background: #9dc228;
}
.border-bottom {
	border-bottom: 3px solid #b4d44f;
}
.with_us_list {
	padding: 0px;
	margin: 0px;
}
.with_us_list li {
	color: #868686;
	font-size: 15px;
	padding: 3px;
	list-style-type: none;
	position: relative;
	padding-left: 25px;
}
.with_us_list li i {
	border-radius: 50%;
	color: #b4d44f;
	padding: 0 1px;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 6px;
}
.margin-top {
	margin-top: 40px;
}
.margin-bottom {
	margin-bottom: 40px;
}
.box-text {
	background: #2c367d;
	padding: 2% 20px;
	margin: 0px;
	font-size: 17px;
	text-align: justify;
}
.box-text p {
	color: #fff;
	line-height: normal;
}
.logo {
	margin-top: 10px;
}
.software-content h4 {
	font-size: 18px;
	line-height: 26px;
}
.software-category .item {
	margin: 0px 15px;
}
.software-category .customNavigation {
	text-align: center;
}
.software-category .customNavigation a {
	color: #BCBCBC;
	cursor: pointer;
}
.software-category .customNavigation a:hover {
	color: #acd054;
}
.with_us_list-sub {
	margin-left: 30px;
	margin-top: 7px;
}
.display-none {
	display: none;
}
.cu-banner {
	background: rgba(0, 0, 0, 0) url("../images/contactUs-banner.jpg") no-repeat scroll right top / cover;
}
.emp-notes {
	width: 100%;
	margin: 20px 0px;
}
.emp-notes .notes-header {
	background: #9fc73e;
	padding: 7px 10px;
	color: #fff;
	font-size: 18px;
	width: 100%;
}
.emp-notes .notes-content {
	background: #f0f6e1;
	padding: 10px 20px 20px 10px;
	width: 100%;
	border: solid 1px #9fc73e;
}
.emp-notes .notes-content ul {
	margin: 0px 15px;
	padding: 0px;
}
.emp-notes .notes-content ul li {
	color: #000;
	font-size: 13px;
	line-height: normal;
	list-style-type: circle;
	padding: 2px 0px;
}
.emp-notes .notes-content {
	margin: 0px;
}
.emp-notes .notes-content h4 {
	font-size: 14px;
	color: #000;
	padding: 10px 0;
	margin: 0px;
}
.rBrdcrumb {
	display: table;
	margin: 20px 0 20px;
	padding: 0;
	width: 100%;
}
.rBrdcrumb li:first-child::before {
	display: none;
}
.rBrdcrumb li::before {
	border-bottom: 1px solid #2c367d;
	border-top: 1px solid #2c367d;
	content: "";
	height: 100%;
	left: -5px;
	position: absolute;
	top: 0;
	width: 13px;
}
.rBrdcrumb li:first-child {
	padding-left: 0;
}
.rBrdcrumb li {
	display: table-cell;
	font-weight: 700;
	list-style: outside none none;
	padding: 0 13px 0 8px;
	position: relative;
	z-index: 1;
}
.rBrdcrumb li:hover a::before, .rBrdcrumb li.active a::before {
	background: rgba(0, 0, 0, 0) url("../images/arrow_3.png") no-repeat scroll right top;
	width: 13px;
}
.rBrdcrumb li:first-child a {
	border-left: solid 1px #2c367d;
}
.rBrdcrumb li:first-child a::before {
	display: none;
}
.rBrdcrumb li a::before {
	background: rgba(0, 0, 0, 0) url("../images/arrow_4.png") no-repeat scroll right top / 100% 100%;
	content: "";
	height: 100%;
	left: -13px;
	position: absolute;
	top: 0;
	width: 13px;
}
.rBrdcrumb li a {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #2c367d -moz-use-text-color;
	border-image: none;
	border-style: solid none;
	border-width: 1px 0;
	display: block;
	padding: 8px 15px;
	position: relative;
	text-align: center;
}
.rBrdcrumb li a::after {
	background: rgba(0, 0, 0, 0) url("../images/arrow_1.png") no-repeat scroll right top / 100% 100%;
	content: "";
	height: 100%;
	position: absolute;
	right: -13px;
	top: 0;
	width: 13px;
}
.rBrdcrumb li:hover a {
	background: #2c367d;
	color: #fff;
	text-decoration: none;
}
.rBrdcrumb li:hover a::after, .rBrdcrumb li.active a::after {
	background: rgba(0, 0, 0, 0) url("../images/arrow_2.png") no-repeat scroll right top;
	width: 13px;
	text-decoration: none;
}
.rBrdcrumb li.active a {
	background: #2c367d;
	color: #fff;
}
.emp-row {
	margin: 10px 0px;
}
.emp-row label {
	font-size: 13px;
	color: #666;
	padding: 5px;
	font-weight: normal;
}
.emp-row .form-control {
	margin-bottom: 5px;
}
.padding5 {
	padding: 0px 5px !important;
}
.red {
	color: #f00;
}
a:focus {
	outline: none !important;
}
a:hover, a:focus, a:visited {
}
.btn {
	padding: 6px 25px !important;
}
.emp-Form h3 {
	color: #2c367d;
	font-size: 18px;
	padding: 0px;
	margin: 20px 0 10px;
}
.emp-Form h3 em {
	color: #929292;
	font-size: 14px;
	font-style: normal;
}
.emp-Form h4 {
	color: #2c367d;
	font-size: 13px;
	line-height: normal;
	padding: 0px;
	margin: 7px 0px;
}
.emp-Form .form-control {
	border: 1px solid #9fc73e !important;
	padding: 6px 8px;
	margin-bottom: 15px;
	background: #f8f8f8;
}
.emp-Form .genderLabel {
	font-size: 13px;
	color: #5E5E5E;
	margin: 5px 3px;
}
.emp-Form .border-bottom-gray {
	border-bottom: solid 1px #B5B5B5;
	margin: 20px 0px;
	padding: 0px 15px;
}
.emp-Form .family-details {
	background: #f9f9f9;
	padding: 10px;
	border: solid 1px #ededed;
	margin-bottom: 15px;
	position: relative;
}
.emp-Form .details-control .add-more, .emp-Form .details-control .remove {
	background: #9fc73e none repeat scroll 0 0;
	border: 1px solid #84ad1f;
	border-radius: 20px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	height: 22px;
	line-height: 19px;
	margin: 5px 0;
	padding: 0;
	text-align: center;
	width: 22px;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
}
.emp-Form .details-control {
	margin: 25px 0px 10px 0px;
	position: absolute;
	bottom: 20px;
	right: 30px;
}
.emp-Form textarea.form-control {
	height: 90px;
	resize: none;
}
.next-btn {
	background: #9db747;
	float: right;
	color: #fff;
	padding: 5px 25px !important;
	font-size: 16px !important;
	margin-bottom: 15px !important;
}
.emp-Form select.form-control {
	background: url(../images/select-arrow.png) no-repeat right 8px;
	background-color: #f8f8f8 !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
 .emp-Form select.form-control::ms-expand {
 display: none;
}
#datetimepicker1 .glyphicon-time {
	display: none;
}
/*css checkbox*/

.answerCheckbox label {
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	margin-right: 15px;
	padding-left: 25px;
	position: relative;
}
.answerCheckbox {
	padding: 0px;
	margin: 10px 0px;
}
.answerCheckbox li {
	padding: 4px 0px;
	list-style-type: none;
	display: inline-block;
	margin: 20px 20px 10px;
}
.answerCheckbox li .chckbx {
	margin: 0 2px 0 0;
}
.answerCheckbox li label {
	font-size: 16px;
	color: #666666;
	font-weight: normal;
}
.answerCheckbox input[type=checkbox] {
	display: none;
}
.answerCheckbox label:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 22px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(../images/sprite.png) no-repeat -109px -297px;
}
.answerCheckbox label input[type=checkbox]:checked + span {
	background: url(../images/sprite.png) no-repeat -109px -321px;
	color: #f3f3f3;
	font-size: 30px;
	text-align: center;
	line-height: 18px;
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 24px;
	height: 22px;
}
/*css checkbox*/







/*sticky header css*/


header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
}
header #logo {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
header .nav {
	display: inline-block;
	float: right;
}
header .nav a {
	/*margin-left: 20px;*/
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.nav > li > a:focus, .nav > li > a:hover {
	background-color: transparent !important;
}
header.smaller {
	height: 80px;
	background: #fff;
	box-shadow: 0 1px 6px #ccc;
}
    header.smaller #logo {
        /*width: 150px;
      height: 75px;
      line-height: 75px;
      font-size: 30px;
        width: 30%;
	*/
        margin-top: 7px;
        width: 76px;
    }
header.smaller .nav a.menu-f {
	color: #868686 !important;
}
header.smaller .nav a {
	margin-left: 0px;
}

/* =Footer
-------------------------------------------------------------- */
/* =Extras
--------------------------------------------------------------.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
 }
 */

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 660px) {
/* =Header
  -------------------------------------------------------------- */


header #logo {
	display: block;
	float: none;
	/* margin: 0 auto;
    height: 100px;*/
	width: 76px;
	height: auto !important;
	margin-top: 10px;
	line-height: 100px;
	text-align: center;
}
header .logo {
	margin-top: 0px;
}
header .nav {
	display: block;
	float: none;
	height: 50px;
	text-align: center;
	margin: 0 auto;
}
header .nav a {
	line-height: 50px;
	margin: 0 10px;
}
header.smaller {
	height: 75px;
}
header.smaller #logo {
	height: 40px;
	line-height: 40px;
	font-size: 30px;
}
header.smaller .nav {
	height: 35px;
}
header.smaller .nav a {
	line-height: 35px;
}
}

@media all and (max-width: 600px) {
#info-bar a {
	display: block;
}
#info-bar span.all-tutorials,  #info-bar span.back-to-tutorial {
	width: 100%;
}
#info-bar span.all-tutorials,  #info-bar span.back-to-tutorial {
	float: none;
	text-align: center;
}
#info-bar span.all-tutorials {
	border-bottom: solid 1px #0793e2;
}
}
/*sticky header css ends */

.margin-top-15 {
	margin-top: 15px;
}
.work-period {
	float: left;
	width: 45% !important;
	margin-left: 5px;
	margin-right: 5px;
}
.photos {
	border: 1px solid #9fc73e;
	border-radius: 4px;
	width: 100%;
	float: left;
	padding: 10px 30px 4px;
	margin: 0px 0 30px 0;
}
.photos .placeholder-img {
	background: url('../images/sprite.png') no-repeat -0px -92px;
	width: 150px;
	height: 191px;
	margin: 2px auto;
}
.photos .btn-default {
	border: solid 1px #2c367d;
	background: #fff;
	color: #2c367d;
	width: 120px;
	margin: 10px auto;
}
.photos .btn-default:hover {
	color: #fff;
	background: #2c367d;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.photos h3 {
	font-size: 13px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #444444;
	text-align: center;
	margin: 10px 0px 20px 0px;
}
.photos p {
	font-size: 15px;
	color: #444;
	text-align: center;
	margin-bottom: 15px;
}
.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}
.getting-started {
	margin: 15px;
	padding: 0px;
}
.getting-started li {
	padding: 0px;
	margin: 5px 0px;
	color: #868686;
	font-size: 15px;
}
.tools-bg {
	background: url(../images/tools-bg2.jpg) no-repeat fixed 0 0 / cover !important;
}
.tools-bg h1, .tools-bg p {
	color: #333 !important;
}
.tool {
	border: solid 1px #C7C7C7;
	background: rgba(255,255,255,0.85);
	padding: 15px;
	text-align: center;
	margin: 15px 0px;
	min-height:142px;
}
.tool img {
	padding-bottom: 15px;
}
.tool p {
	font-size: 12px;
	text-align: center;
	line-height: normal;
	padding: 0px;
	margin: 0px;
}
.business-info-img {
	width: 40%;
	margin: 40px auto;
	display: block;
	border: solid 12px #fff;
	box-shadow: 0 1px 2px 1px #D7D7D7;
}
.business-info-img:before {
	border: 2px solid #acd054;
	content: "";
	height: 200px;
	left: 27%;
	position: absolute;
	top: 5%;
	width: 200px;
	z-index: -1;
}
.business-info-img:after {
	border: 2px solid #2c367c;
	content: "";
	height: 200px;
	right: 27%;
	position: absolute;
	bottom: 5%;
	width: 200px;
	z-index: -1;
}
.business-info-img:hover:after {
	background: #2c367c;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.business-info-img:hover:before {
	background: #acd054;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.company-reports {
	background: rgba(0, 0, 0, 0) url("../images/513065512-edit.jpg") no-repeat fixed left 0 / cover;
	padding: 5% 0;
	position: relative;
}
.company-reports h1 {
	color: #fff;
	font-size: 42px;
	font-weight: normal;
	margin: 0 !important;
	padding: 20px 0 30px;
	line-height: 40px;
}
.company-reports p {
	color: #fff;
	font-size: 16px;
	margin: 0 0 50px;
	padding: 0;
}
.strategic-points {
	color: #2a387e;
	font-size: 17px;
	line-height: 18px;
	margin-left: 50px;
	padding: 18px 3px;
	position: relative;
}
.a-icon:before {
	background: url("../images/a.png") no-repeat;
	content: "";
	height: 42px;
	left: -53px;
	position: absolute;
	top: 18px;
	width: 42px;
}
.b-icon:before {
	background: url("../images/b.png") no-repeat;
	content: "";
	height: 42px;
	left: -53px;
	position: absolute;
	top: 18px;
	width: 42px;
}
.strategic-mrs-img {
	width: 50%;
	margin: 80px auto 40px auto;
	display: block;
	border: solid 12px #fff;
	box-shadow: 0 1px 2px 1px #D7D7D7;
	position: relative;
	margin-top: 80px;
}
.strategic-mrs-img:before {
	border: 2px solid #acd054;
	content: "";
	height: 200px;
	left: 20%;
	position: absolute;
	top: 20%;
	width: 200px;
	z-index: -1;
}
.strategic-mrs-img:after {
	border: 2px solid #2c367c;
	bottom: 20%;
	content: "";
	height: 200px;
	position: absolute;
	right: 20%;
	width: 200px;
	z-index: -1;
}
.strategic-mrs-img:hover:after {
	background: #2c367c;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.strategic-mrs-img:hover:before {
	background: #acd054;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.industry-report {
	background: rgba(0, 0, 0, 0) url("../images/industry.jpg") no-repeat fixed 0 0 / cover;
	padding: 5% 0;
	position: relative;
}
.industry-report h1 {
	color: #fff;
	font-size: 42px;
	font-weight: normal;
	line-height: 40px;
	margin: 0 !important;
	padding: 20px 0 30px;
}
.industry-report p {
	font-size: 16px;
	color: #fff;
}
.features-list {
	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
	border: 1px solid #fff;
	margin: 15px 0;
	padding: 15px;
	text-align: center;
	height: 100px;
}
.features-list p {
	font-size: 16px;
	color: #000;
	text-align: left;
	line-height: normal;
	margin-left: 25px;
}
.features-list p:before {
	position: absolute;
	content: "\f058";
	font-size: 20px;
	color: #000;
	font-family: FontAwesome;
	margin-left: -25px;
	margin-top: 2px;
}
.margin-left {
	margin-left: 15px;
}
.upload-photo {
	margin-top: 50px;/*margin-bottom:50px;*/
}
.upload-photo h4 {
	text-align: center;
}
.tech-areas {
	background: url(../images/bg-application.jpg) no-repeat right bottom;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-shadow: 0 0 4px rgba(0,0,0,0.1);
}

.heading-common {
    font-size: 38px;
    color: #000;
    line-height: 50px;
    margin: 0 0 20px;
    font-weight: normal;
}

.heading-common span {
        color: #000;
}
.usa-address {
	margin-bottom: 5%;
}
.usa-address .address {
	padding: 15px;
}
.usa-address .address div {
	background: #f7f7f7;
	padding: 90px 15px;
	border-radius: 50%;
	position: relative;
	height: 350px;
	width: 350px;
	margin: auto;
}
.usa-address .address div:after {
	content: "";
	border: solid 10px transparent;
	border-top: solid 30px #f7f7f7;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
}
.declareCheckbox {
	position: relative;
	margin: 20px 2px 20px 0;
}
.declareCheckbox .chckbx {
}
.declareCheckbox label {
	font-size: 16px;
	color: #666666;
	font-weight: normal;
	padding: 5px 0 0 30px;
}
.declareCheckbox input[type=checkbox] {
	display: none;
}
.declareCheckbox label:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 22px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 5px;
	background: url(../images/sprite.png) no-repeat -109px -297px;
}
.declareCheckbox label input[type=checkbox]:checked + span {
	background: url(../images/sprite.png) no-repeat -109px -321px;
	color: #f3f3f3;
	font-size: 30px;
	text-align: center;
	line-height: 18px;
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 24px;
	height: 22px;
}
/*Fixed background for IOS device*/
.ios-device .banner {
	z-index: 1;
}
.ios-device .imgautumn1:before {
	content: "";
	background-attachment: scroll;
	position: absolute;
	background-size: cover;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	right: 0;
}
.ios-device .more-power {
	/*z-index: 0;*/
	position: relative;
}
.ios-device .more-power:before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	top: 0;
	bottom: 0;
	background: url(../images/more-power.jpg) no-repeat center;
	background-size: cover;
	background-attachment: scroll;
}
.ios-device .join-us {
/*z-index: 0;
    overflow: hidden;*/
}
.ios-device .join-us:before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	top: 0;
	bottom: 0;
	background: url(../images/join-us.jpg) no-repeat center;
	background-size: cover;
	background-attachment: scroll;
}
.nav-icons a.prev {
	position: absolute;
	top: 46%;
	left: 20px;
	color: #fff;
	font-size: 28px;
	cursor: pointer;
}
.nav-icons a.next {
	position: absolute;
	top: 46%;
	right: 20px;
	color: #fff;
	font-size: 28px;
	cursor: pointer;
}
.email-sent {
	color: #fff;
}

.augmented-vid {
	margin-top: 20px;
}

.augmented-vid p{
	font-size:14px;
	margin: 10px 0px;
    padding: 0;
	min-height:65px;
}
.augmented-vid iframe {
	margin-bottom: -5px;
    margin-top: 25px;
}

.augmented-vid  .read-more {
	margin:5px 0px;	
}
.augmented-vid .vidCaption {background:#f3f3f3; padding:5px 15px 15px 15px;}
.about-banner .software-banner-shadow {background:none !important;}
/*media query starts */

@media only screen and (max-width:1199px) {
.location-map:after, .location-map:before {
	display: none;
}
.enquiry-form {
	max-width: 440px;
}
.answerCheckbox li {
	margin: 20px 5px 10px;
}
}

@media only screen and (min-width:991px) and (max-width:1199px) {
.features-list {
	height: auto;
}
}

@media only screen and (min-width:661px) and (max-width:767px) {
header.smaller #logo {
	max-height: 40px;
	width: auto;
}
header.smaller {
	height: 60px;
}
}

@media only screen and (min-width:768px) and (max-width:990px) {
	
.tool {
	min-height:160px;
}
.sm-wdth20 {
	width: 20% !important;
}
header.smaller {
	height: 60px;
}
.strategic-mrs-img:before {
	height: 300px;
	left: -10%;
	top: -10%;
	width: 350px;
}
.strategic-mrs-img:after {
	bottom: -10%;
	height: 300px;
	right: -10%;
	width: 300px;
}
}

@media only screen and (max-width:991px) {
.emp-Form .details-control {
	right: 10px;
}
.rBrdcrumb li a span {
	display: none;
}
.banner-text {
	padding-top: 10%;
}
.responsiveMenu {
	display: block;
}
#menu {
	display: none;
}
.banner {
	padding-bottom: 65%;
}
.our-services h1 {
	color: #fff;
	font-size: 28px;
	text-align: center;
	padding: 10px 0px;
}
.procentris-team .procentris-team-pic .item .item-wrapper .item-content p {
	padding-top: 10%;
}
.enquiry-form {
	max-width: 380px;
}
/* style.css */
#menu ul li + li {
	margin-left: 20px;
}
/* style.css */
}

@media only screen and (min-width:1200px) {
.emp-Form .education h4 {
	height: 36px;
}
}

@media only screen and (max-width:768px) {
.enquiry-form {
	position: static;
	max-width: 100%;
}
.industry-report h1{font-size:36px;}
.company-reports h1{font-size:36px;}
}

@media only screen and (max-width:767px) {
.augmented-vid p{
	font-size:13px;
	min-height:auto;
}
.strategic-mrs-img:before, .strategic-mrs-img:after, .business-info-img:after, .business-info-img:before {
	display: none;
}
.company-reports h1, .industry-report h1 {
	font-size: 30px;
}
.strategic-mrs-img:after {
	display: none;
}
.strategic-mrs-img, .business-info-img {
	margin: 20px auto 40px;
	width: 100%;
}
.margin-top {
	margin-top: 10px;
}
.software-content h1 {
	font-size: 32px;
	line-height: 30px;
	margin-top: 20px;
}
.work-period {
	float: left;
	margin: 5px 0 !important;
	width: 100% !important;
}
.emp-Form .details-control {
	bottom: 0;
	float: right;
	margin: 10px 0 0;
	position: relative;
	right: 40px;
}
.answerCheckbox li {
	margin: 0px;
	padding: 0px;
}
.emp-Form .form-control {
	margin-bottom: 10px;
}
.emp-Form .family-details .form-control {
	margin-bottom: 2px !important;
}
.padding5 {
	padding: 0px 15px !important;
}
.software-content h4 {
	font-size: 14px;
	line-height: 22px;
}
.more-power, .join-us {
	background-position: 50%;
}
#menu ul li i.fa-chevron-right {
	display: none !important;
}
.border-bottom {
	border: none;
}
.software-banner .banner-text h3, .software-content h3 {
	font-size: 18px;
}
.enquiry-form {
	max-width: 100%;
}
.enquiry-form .enquiry-form-content {
	padding: 20px 15px;
}
.enquiry-form {
	position: static;
	background: rgba(69, 71, 88) none repeat scroll 0 0;
}
.enquiry-form .enquiry-form-content .form-control {
	margin-bottom: 15px;
}
.contact-map iframe {
	height: auto;
	width: 100%;
}
.location-map {
	margin-top: 25px;
}
.location-map-s {
	margin-top: 15px;
}
.menu-nav .menubar {
	display: none;
}
.desktop-hide {
	display: block;
}
.banner-content .table {
	display: none;
}
.banner-text {
	padding-top: 15px;
}
.banner-text h1 {
	font-size: 28px;
	color: #000;
	border-color: #000;
	margin: 0px 0px 5px 0px;
}
.banner-text h4 {
	font-size: 14px;
	color: #000;
	margin-bottom: 20px;
}
.our-services h1, .about-us h1, .who-we-are h1, .more-power h1, .join-us h1 {
	font-size: 24px;
	padding: 10px 0px;
	margin-bottom: 10px;
}
.about-us p, .who-we-are p, .more-power p, .join-us p {
	font-size: 13px;
	margin: 0;
	padding: 20px 0 10px;
}
.about-us h5 {
	font-size: 14px;
	margin: 20px 0;
}
.about-us h4 {
	font-size: 20px;
	margin: 0;
}
.who-we-are h4 {
	font-size: 18px;
}
.who-we-are h3 {
	font-size: 14px;
}
.our-services .customNavigation {
	margin-top: 0;
}
a.getAquote, a.readMore, a.read-more, a.get-a-quote {
	font-size: 12px;
	padding: 5px 8px !important;
	margin: 10px 2px;
}
.inner-right-column img {
	margin: 6% 0;
}
.company-reports {
	background-position: right 0;
}

.who-we-are .sm-wdth20{ border:solid 1px #E5E5E5; padding:25px 0 0 0; box-sizing:border-box; border-collapse:collapse; margin-bottom:-1px; margin-right:-1px; }


.sub-heading {
    font-size: 16px;
    line-height: 20px;
}

}

@media only screen and (max-width:600px) {
.display-none {
	display: block;
}
.inner-right-column img {
	margin: 10% 0;
}
.seo-banner {
	background-position: left -250px top;
}
}
#map {
	height: 544px;
}

@media only screen and (max-width:600px) {
#map {
	height: 250px;
}

}

@media only screen and (max-width:420px) {
.software-banner .banner-text {
	margin-top: 50px;
}

}
.parallax-window {
	background: transparent;
}
.disclaimer {
	min-height: calc(100vh - 400px);
}
.btn-more {
	transition: 1s;
}
.openings-container {
	padding: 2% 0;
}
a.aheaderlogo img {
	display: inline-block;
}
.heading-ef {
	font-size: 22px;
	border-bottom: solid 1px #E9E9E9;
	padding-bottom: 8px;
}
.sub-heading {
	padding-bottom: 8px;
	line-height: 33px;
	margin-bottom: 20px;
	font-size: 22px;
}



.menu_close_icon {
	cursor: pointer;
	position: absolute;
	right: 23px;
	top: 23px;
	width: 22px;
	height: 25px;
}
.menu_close_icon:before,
.menu_close_icon:after {
	position: absolute;
	left: 9px;
	content: ' ';
	height: 26px;
	width: 4px;
	background-color: #2c367d;
}
.menu_close_icon:hover:before,
.menu_close_icon:hover:after {
	background-color: #3399cc;
}
.menu_close_icon:before {
	transform: rotate(45deg);
}
.menu_close_icon:after {
	transform: rotate(-45deg);
}

/* owl pagination css 01-07-21 */
.customNavigation {
    display: none !important;
}

.owl-theme .owl-pagination {
    text-align: center;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
}

    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #869791;
    }

.anniversaryIcon_header {
	position: absolute;
	left: 90px;
	top: 4px;
	display: block;
	margin: 0 auto;
	animation: fadeIn;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.anniversaryWrap {
	display: block;
	width: 194px;
	height: 132px;
	margin: 15% auto 0;
	position: relative;
}

.anniversaryIcon_greyscale {
	display: block;
	margin: 0 auto;
	animation: fadeOut;
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	filter: grayscale(100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}

.anniversaryIcon {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	margin: 0 auto;
	animation: fadeOutt;
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@media only screen and (min-width:1800px) {
	.anniversaryWrap {
		margin: 25% auto 0;
	}
}

@media only screen and (max-width:991px) {
	.anniversaryWrap {
		margin-top: 10%;
	}

	.banner-text {
		padding-top: 0;
	}
}

@media only screen and (max-width:767px) {
	.anniversaryWrap {
		position: absolute;
		top: 20%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin-top: 50%;
	}

	.banner-text {
		padding-top: 20px;
	}

	.anniversaryIcon_header {
		animation-delay: 5s;
	}
}

@media only screen and (max-width:400px) {
	.anniversaryWrap {
		top: 25%;
		width: 120px;
	}

		.anniversaryWrap img {
			width: 100%;
			height: auto;
		}
}

@keyframes fadeOutt {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	80% {
		opacity: 1;
	}

	90% {
		opacity: 0.7;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.7;
	}

	80% {
		opacity: 0.2;
	}

	100% {
		opacity: 0;
	}
}


@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}