/*
.spi-button-square, .spi-button-square:hover {
	background-image: none !important;
}*/
.img-bordered-gray {
	border: 2px solid #cfdfda;
}
.fa-facebook:hover {
	color: #fff;
	background: #3954a1;
}
/*.fa-facebook-square {
	margin-top: -10px !important;
}*/
.fa-facebook-square:hover {
	color: #3954a1;
}
.fa-xing:hover {
	background: #006567;
	color: #fff;
}
.fa-youtube:hover {
	background: #f00;
	color: #fff;
}
.fa-pinterest:hover {
	background: #be101f;
	color: #fff;
}
.fa-instagram:hover {
	background: radial-gradient(circle at 33% 100%, #ad8f4d 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
	color: #fff;
}
#xing-share {
	background: red;
}

.p15 {
	padding: 15px !important;
}
.pt4 {
	padding-top: 4px !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pr0 {
	padding-right: 0 !important;
}
.pl0 {
	padding-left: 0 !important;
}
.pl20 {
	padding-left: 20px;
}

.pb20 {
	padding-bottom: 20px;
}
.pb40 {
	padding-bottom: 40px;
}
.ml-30 {
	margin-left: -30px !important;
}
.ml9 {
	margin-left: 9px !important;
}
.ml12 {
	margin-left: 12px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mt0 {
	margin-top: 0;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mt20 {
	margin-top: 20px;     
}
.mt27 {
	margin-top: 27px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt50 {
	margin-top: 50px;
}
.mt100 {
	margin-top: 100px !important;
}
.mb18 {
	margin-bottom: 18px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}

/*.page-content {
	padding-top: 50px;
}*/
/* .page-content#careers {
	padding-top: 0;
}
.page-content#testing-service {
	padding-top: 0;
}
.page-content#dev-service {
	padding-top: 0;
}
.page-content#location{
	padding-top: 0;
} */

q.gray-quotes::before,
q.gray-quotes::after {
	color: #eee !important;
}

/* Counters */
.counter-type-2.bordered {
	border: 1px solid #cfdfda;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	min-height: 220px;
}

.order-0-md-up-1 {
	order: 0;
}

@media (min-width: 992px) {
	.order-0-md-up-1 {
		order: 1;
	}
}

/* Career Steps Area*/
 .smpl-step {
	margin-top: 40px;
 }
 .smpl-step {
	border-bottom: solid 1px #e0e0e0;
	padding: 0 0 10px 0;
 }

 .smpl-step > .smpl-step-step {
	padding: 0;
	position: relative;
 }   

 .smpl-step > .smpl-step-step .smpl-step-num {
	font-size: 16px;
	margin-top: -20px;
	margin-left: 47px;
 }

 .smpl-step > .smpl-step-step .smpl-step-info {
	font-size: 16px;
	padding-top: 15px;
	margin-left: 30px;
 }

 .smpl-step > .smpl-step-step > .smpl-step-icon {
	position: absolute;
	width: 70px;
	height: 70px;
	display: block;
	background: #cfdfda;
	top: 45px;
	left: 50%;
	margin-top: -35px;
	margin-left: -15px;
	border-radius: 50%;
	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
	border: 1px solid #eee;
 }

 .smpl-step > .smpl-step-step > .progress {
	position: relative;
	border-radius: 0px;
	height: 12px;
	box-shadow: none;
	margin-top: 37px;
 }

.smpl-step > .smpl-step-step > .progress > .progress-bar {
    width: 0px;
    box-shadow: none;
    background: #B3E5FC;
}

 .smpl-step > .smpl-step-step.complete > .progress > .progress-bar {
	width: 100%;
 }

 .smpl-step > .smpl-step-step.active > .progress > .progress-bar {
	width: 50%;
 }

 .smpl-step > .smpl-step-step:first-child.active > .progress > .progress-bar {
	width: 0%;
 }

 .smpl-step > .smpl-step-step:last-child.active > .progress > .progress-bar {
	width: 100%;
 }

 .smpl-step > .smpl-step-step.disabled > .smpl-step-icon {
	background-color: #f5f5f5;
 }

 .smpl-step > .smpl-step-step.disabled > .smpl-step-icon:after {
	opacity: 0;
 }

 .smpl-step > .smpl-step-step:first-child > .progress {
	left: 50%;
	width: 50%;
 }

 .smpl-step > .smpl-step-step:last-child > .progress {
	width: 50%;
 }

 .smpl-step > .smpl-step-step.disabled a.smpl-step-icon {
	pointer-events: none;
 }


/*Steps to Get job for Smal and Extrasmall devices*/
.steps-sm .progress {
	width: 20px;
	height: 100px;
	background: #B3E5FC;
	margin-bottom: -20px;
	margin-top: -20px;
	/*margin-left: 40px;*/
}

.steps-sm .rounded {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #cfdfda;
	border: 1px solid #eee;
	margin-left: -40px;
	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.hover-color1:hover {
	background: rgb(254,204,204);
	/*cursor: pointer;*/
	transition: .5s;
	/*color: #fff !important;*/
}
.hover-color2:hover {
	background: rgb(171,228,254);
	/*cursor: pointer;*/
	transition: .5s;
	/*color: #fff !important;*/
}
.our-features h4 {
	font-size: 20px;
}
.hover-color1 a:hover,
.hover-color2 a:hover {
	color: #7cad3e;
}
.page-loader .fa-spinner {
	color: #7cad3e;
	font-size: 50px;
}

.section-sub-nav {
	padding-top: 20px;
	padding-bottom: 20px;
}
.section-md-top-50 {
	padding-top: 50px;	
}
.section-md-top-60 {
	padding-top: 60px;
	padding-bottom: 0 !important;
}

#testing-service .quote-body,
#dev-service .quote-body {
	margin-top: 0;
	padding-left: 15px;
}
.anchor {
   position: relative;
   top: -100px;
	visibility: hidden;
}
/*.steps-sm .smpl-step-icon.rounded .fa {
	font-size: 50px !important;
	padding-top: 10px;
	padding-left: 12px;
}*/
