/*
	Careers
*/
@media (min-width: 1300px) {
	.careers{
		min-height:800px
	}
}
.careers{
	min-height: -webkit-calc(100vh - 168px);
	min-height: -moz-calc(100vh - 168px);
	min-height: -ms-calc(100vh - 168px);
	min-height: -o-calc(100vh - 168px);
	min-height: calc(100vh - 168px);
	padding-top:10px;
}
.title{
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:35px;
	font-weight:bold;
	line-height:43px;
	background: -webkit-linear-gradient(#0046B0, #19347D);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.sub-title{
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:18px
}
.sub-title-career{
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:20px;
	font-weight:bold;
	background: -webkit-linear-gradient(#0046B0, #19347D);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.featured-title{
	padding:25px 80px 25px 80px;
}
.featured-container,
.back-container{
	padding:0px 80px 0px 80px;
}

.job-container{
	padding:30px 20px 0 20px;
	letter-spacing:1px;
	
}
.job-container > a{
	text-decoration:none
}
.back-container{
	margin-top:25px
}
@media only screen and (max-width: 1299px){ 
	.featured-container,
	.back-container,
	.featured-title{
		padding:25px 5px;
	}
}
.job-title-container{
	width:100%;
	height:110px;
    display: table;
    color: #FFF;
	background-image:url(../img/careers/job-bg.png);
	background-size: 100% 100%;
}
.job-title-container p {
	vertical-align: middle;
	display: table-cell;
	font-size:20px;
	font-weight:bold;
	
}
p.job-location{
	white-space: nowrap;
	overflow:hidden;
    text-overflow:ellipsis;
	font-size:18px;
	color:#727376;
	line-height:18px;
	padding-top:5px;
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:18px
}
p.job-department{
	font-size:18px;
	color:#727376;
	line-height:16px;
	margin-top:-2px;
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:18px
}
@media only screen and (max-width: 1299px){ 
	.job-container{
		padding:20px 5px 0 5px;
		
	}
	.job-title-container p {
		font-size:18px;
		
	}
	p.job-location,
	p.job-department{
		font-size:14x;
	}
}
/* form-container */
.form-container{
	padding:20px 15px 80px 15px;
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	position:absolute;
	/* height: 100%; */
	/* height: 80%; */
	height:800px;
	right:0;
	/*min-height: 100% !important;*/
	background-color:#E6E7E8;
	overflow-y:scroll; overflow-x:hidden;
}


/*no available careers*/
.no-careers {
    /* text-align: center; 
    margin: 50px auto;  
    max-width: 600px; */

	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 50vh;
    text-align: center;
}

.no-careers h2, .no-careers p {
    margin: 10px 0;
	font-weight: bold;
}
/*no available careers*/

@media only screen and (max-width: 1299px){ 
	.form-container{
		padding-top:40px;
		font-family:AvantGarde-Dm-BT , Fallback, sans-serif;
		position:relative;
	}

}
.normal{
	font-family:AvantGarde-Bk-BT , Fallback, sans-serif;
	font-size:13px
}
.btn-orange{
	font-size:20px;
	margin-top:40px;
}

.btn-orange:active {
	outline: 0;
}
.btn-orange:focus {
	outline: 0;
}
.btn-danger,
.btn-dangerr:focus,
.btn-danger:hover{
	color:#fff;
	background-color:#a94442;
}
.helper{
	color:#a94442;
}
.has-error.has-feedback > .form-control{
	color:#a94442;
}
.has-error.has-feedback > select.form-control option:first-child{
	color:#a94442;
}
.has-error.has-feedback > select.form-control option:nth-child(n+2){
	color:#000;
}
.has-error.has-feedback input[type=text].form-control{
	color:#a94442;
}





/*new style*/
.job-container-2{
	padding:30px 20px 0 20px;
	letter-spacing:1px;
}
.job-container-2 > a{
	text-decoration:none
}

@media only screen and (max-width: 1299px){ 
	.job-container-2{
		padding:20px 5px 0 5px;
		
	}
	.job-title-container-2 p {
		font-size:18px;
		
	}
	p.job-location-2,
	p.job-department-2{
		font-size:14x;
	}
}




.job-title-container-2{
	width:100%;
	/* width:80%; */
	height:320px;
    /* display: table; */
	display: block;
    color: #FFF;
	/* background-image:url(../img/careers/job-bg.png); */
	border: 2px solid #4294e0cc;
	/* border: 2px solid #60bff7; */
	border-radius: 6px;
	background-size: 100% 100%;
	transition: all 0.3s ease;
}

.job-title-container-2:hover {
    transform: translateY(-5px) scale(1.02); /* move up & slightly bigger */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); /* shadow pop */
    border-color: #4294e0; /* optional: stronger border color */
}

.job-title-container-2 p {
	display: table-row;  
	vertical-align: middle;
	line-height:2;
	/* display: table-cell; */
	font-size:20px;
	font-weight:bold;
	color: #0020af;
}


/* p.job-title{
	display: flex;
	white-space: nowrap;
	overflow:hidden;
    text-overflow:ellipsis;
	font-size:18px;
	color:#727376;
	line-height:2;
	padding-top:5px;
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:18px;

	color: #082d92dc;
	
	flex-direction: column;      
    justify-content: center;     
    align-items: center; 

} */



p.job-title {
    display: block;             
    max-width: 280px;           
    margin: 0 auto;             
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;         

    font-size: 15px;
    line-height: 2;
    padding-top: 5px;
    font-family: AvantGarde-Md-BT , Fallback, sans-serif;
    /* color: #3355cc; */
	color:black;
	font-weight: bold !important;
}

/* p.job-location-2{
	display: flex;
	white-space: nowrap;
	overflow:hidden;
    text-overflow:ellipsis;
	font-size:18px;
	color:#727376;
	line-height:2;
	padding-top:5px;
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:15px;

	color: #0020af;

	flex-direction: column;      
    justify-content: center;     
    align-items: center; 
} */

p.job-location-2 {
    display: block;             
    max-width: 200px;           
    margin: 0 auto;             
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;         

    font-size: 15px;
    line-height: 2;
    padding-top: 5px;
    font-family: AvantGarde-Md-BT , Fallback, sans-serif;
    color: #3355cc;
}


p.job-department-2{
	display: flex;     
	font-size:18px;
	color:#727376;
	/* line-height:16px; */
	line-height:2;
	margin-top:-2px;
	padding-top:30px;
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:15px;

	color:  #3355cc;
	
	flex-direction: column;      /* stack <p> vertically */
    justify-content: center;     /* center vertically */
    align-items: center; 

	/* margin-bottom:0px; */
}

p.job-available{
	display: flex;     
	font-size:18px;
	color:#727376;
	/* line-height:16px; */
	line-height:2;
	/* margin-top:0px; */
	margin-top:-2px;
	/* margin-bottom:0px; */
	padding-top:30px;
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:15px;

	color:  #3355cc;
	
	flex-direction: column;      /* stack <p> vertically */
    justify-content: center;     /* center vertically */
    align-items: center; 
}



p.view-button{
	display:flex;
    line-height:2;
	flex-direction: column;
	justify-content: center;
	align-items: center; 
	animation: none !important;
	font-size: 15px;
	/* color:#0f0501be; */
	color:black;
	transition: transform 0.3s ease;
	padding-top: 20px;
	display: inline-block;
}

p.image-size{
	display:flex;
	line-height:15;
	flex-direction: column;
	justify-content: center;
	align-items: center; 
	padding-top:20px;
}


.job-title-container-2:hover .view-button {
    transform: scale(1.1);   /* grow effect */
    transition: transform 0.3s ease;
}



.job-title-container-2:hover .view-button::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px; /* adjust distance from text */
    width: 100%;
    height: 2px;
    /* background: red;
    transform: scaleX(0);
    transform-origin: left;
    animation: underlineLoop 1s linear infinite; */ 
	background: linear-gradient(to right, #fc6700 50%, transparent 100%); /*rgb(241, 58, 58)*/
    background-size: 200% 100%; /* double width for sliding */
    animation: underlineSweep 1.5s linear infinite;
}

@keyframes underlineSweep {
    /* 0%   { transform: scaleX(1); }
    50%  { transform: scaleX(1); }
    100% { transform: scaleX(0); } */

	0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}


/* .top-bg {

	 height: 380px;      

	 width:100%;

    background: url('../img/careers/career.jpg');


    background-size: contain;       
    background-repeat: no-repeat;   
	     background-size: cover;

} */


.top-bg {
    height: auto;
    width: 100%;
    overflow: hidden;
}

.banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* fills div, crops if necessary */
    object-position: center;
}





.equal-height {
    display: flex;
}

.equal-height > [class*="col-"] {
    display: flex;
    flex-direction: column;
}