.navbar-default .navbar-brand .dark{
	display: none;
}
.navbar-default .navbar-brand .light{
	display: block;
}

/*  */
.form-message textarea{
	border: none !important;
}
.form-message{
	position: relative;
	border-bottom: solid 1px #999 !important;
	padding-top: 0 !important;
	margin-bottom: 35px !important
}
.form-message:after, .form-message:before{
	content: " ";
	height: calc(100% - 42px);
	width: 1px;
	background: #999;
	position: absolute;
	bottom: 0;
	left: 0;
}
.form-message:after{
	left: auto;
	right: 0;
}


.navigation-bar.main_page:not(.fixed) li a.careerZigZag,
.quot .mas42{
	color: #FFF;
}
.navigation-bar.main_page:not(.fixed) .button-container-4.quot{
	border: solid 1px #FFF;
}
.navigation-bar.main_page:not(.fixed) .button-container-4.quot:hover{	
	border: solid 1px #0097a8;
}
.navigation-bar.main_page:not(.fixed) .button-container-4.quot:hover a.careerZigZag{
	-webkit-mask: url("../images/On-hover-apply-now.png");
	mask: url("../images/On-hover-apply-now.png");    
	-webkit-mask-size: 3000% 100%;
	mask-size: 3000% 100%;
	border: none;
	color: #003d90 !important;
	cursor: pointer;
	border: none !important;
	background: #FFF;
	-webkit-animation: ani2 0.7s steps(29) forwards;
	animation: ani2 0.7s steps(29) forwards;
}
.navigation-bar.main_page:not(.fixed) .button-container-4.quot:hover span.mas42{
	color: #003d90 !important;
}
/*  */

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#FFF;
}

.overlay_sec{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	z-index: 1;	
}
.content_inner{
	/*max-width: 550px;*/
	max-width: 600px;
	height: 370px;
	position: absolute;
	/*top: calc(50% - 200px);*/
	top: calc(50% - 125px);
	left: calc(50% - 300px);
	/*left: calc(50% - 275px);*/
}
.success-screen__header{
	/*font-size: 48px;*/
	font-size: 38px;
}
.btn{
	color: #FFF !important;
	font-size: 18px;
	border: solid 1px #FFF;
	border-radius: 0;
	padding: 0;
	margin-top: 25px;
	position: relative;
	overflow: hidden;
	background: none;	
}
.mas-3.apply{
	margin-top: 16px !important;
	margin-left: 1px !important;
	color: #FFF;
}
button.careerZig-Zag.apply{
	outline: none;
	background: none;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height:51px;
	color: #FFF;
}
.button-container-2 button.apply:hover {    
	-webkit-mask: url("../images/On-hover-apply-now.png");
	mask: url("../images/On-hover-apply-now.png");    
	-webkit-mask-size: 3000% 100%;
	mask-size: 3000% 100%;
	border: none;
	color: #003d90;
	line-height:52px;
	cursor: pointer;
	border: none !important;
	background: #FFF;
	-webkit-animation: ani2 0.7s steps(29) forwards;
	animation: ani2 0.7s steps(29) forwards;
}
.departments_container{
	/* border-bottom: solid 2px #f2f2f2 */
}
span.serviceDropdownget.header.active:after,
.navbar-default .navbar-nav>li>a.active>span:after,
.navigation-bar.getNavigation.blue li span.active:after{
	background: #FFF;
}
.fixed span.serviceDropdownget.header.active:after,
.fixed.navbar-default .navbar-nav>li>a.active>span:after,
.fixed.navigation-bar.getNavigation.blue li span.active:after{
	background: #003d90;
}
section{clear: both}
.navigation-bar.getNavigation li >a,span.serviceDropdownget{color: #FFF;}
.fixed.navigation-bar.getNavigation li >a,.fixed span.serviceDropdownget{color: #003d90;}
.navbar-default .navbar-toggle .icon-bar{background: #FFF;}


@media only screen and (max-width: 1200px) {
	.right_title{margin-top: 50px;}
}


@media only screen and (max-width: 991px) {
/* .navbar-default .navbar-brand .dark {display: none;}
.navbar-default .navbar-brand .light {display: inline-block;} */
.navigation-bar.getNavigation li >a,span.serviceDropdownget{color: #003d90}
span.serviceDropdownget.header.active:after,
.navbar-default .navbar-nav>li>a.active>span:after,
.navigation-bar.getNavigation.blue li span.active:after{
	background: #003d90;
}
.navbar-default{background: #FFF;}
.technologies-1{margin-bottom:  30px;}
.fields{padding: 25px 0;}
.success-screen{height: 500px;}
.centeam_descp{text-align: center;}
.workplace .pull-right{float: none;width: 100%;}
.workplace{padding: 15px;}
.left_sqrbox{width: 100%}
.right_title,.right_title_descp{text-align: center;margin: 12px 0;}
.margin-top-30
{
	margin-top: 30px;
}
.success-screen__header{font-size: 28px;}
body{padding-top: 70px;}
}


@media only screen and (max-width: 767px) {
	.right_title{font-size: 20px; font-family: Lato-regular;line-height: 22px;}
	.right_title_descp{line-height: 24px;font-size: 16px;}
	button.careerZig-Zag,.button-container-2{width: 100%;}
	.cust_icon_1,.technologies-1,.technologies-2{height: auto}
	button.careerZig-Zag,button.careerZig-Zag1,.mas-3,.mas-9,.mas-{font-size: 12px !important; padding: 0 10px;}
	.left_sqrbox{width: 100%;height: auto; min-height: 200px;}
	.centeam_descp,.search{width: 100%;}
	.overlay_sec{width: 100%;padding: 0 15px;}
	.navigation-bar.getNavigation li >a, span.serviceDropdownget{color: #003d90}
	.margin-top-2nd	{margin-top: 30px;}
	.technologies4{height: 225px;}
	.technologies2{height: 235px;}
	.careersHeading{text-align: center;display: block;}
	.mas-3{margin-top: 21px;}
	.careersHeading{font-size: 24px; margin-bottom: 30px;}
	.closebtn img{width: 20px;}
	.overlay a{top: 135px;}
	.overlay-content h2{font-size: 24px;}
	.overlay-content h3{font-size: 16px;}
	.overlay-content p,.overlay-content p,#careerForm input, #crmWebToEntityForm input{font-size: 15px;}
}
@media only screen and (max-width: 480px) {
	.content_inner{left: 0;padding: 0 15px;width: 100%}
	.positions .technologies4,.positions .technologies2{margin-bottom: 25px;}
	.positions .col-sm-4.col-xs-6{width: 100%;}
}

@media only screen and (max-width: 360px) {
	.departments .technologies-1,.departments .technologies-2{width: 100%;}
	.departments{padding: 0 7px;}	
}
@media only screen and (max-width: 767px) {
	.mas-3.apply {
		margin-top: 18px !important;
		margin-left: 0px !important;
		color: #FFF;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {


}
@media (min-width: 992px) and (max-width: 1199px) {   	
}
/**/
@media (min-width: 768px) and (max-width: 992px) {
	.content_inner
	{
		top: calc(50% - 185px);
	}
}
@media (min-width: 320px) and (max-width: 480px) {
	.success-screen{
		height: 600px;
	}
}
@media (min-width: 320px) and (max-width: 380px) {
	.content_inner {
		width: 100%;
		top: calc(50% - 250px) !important;
	}
}
@media (min-width: 480px) and (max-width: 580px) {
	.content_inner{
		width: 460px !important;
    	top: calc(50% - 200px) !important;
    	left: calc(50% - 230px) !important;
	}
}