/* ------------
Main Site Structure
--------------*/
#loading, #loadingVideo{
	float:left;
	width:100%;
	line-height:40px;
	height:40px;
	background:#016275;
	text-align:center;
	color:#FFF;
	margin-top:20px;
}

.expander{display:none;}

.btn-vac-result{
    	width: auto;
    	padding: 5px 10px;
    	float: left;
    	background: #016275;
    	color: #FFF;
    	margin-right: 10px;
    	margin-top: 10px;
    	text-align: center;
    	margin-bottom: 10px;
		border-radius: 5px;
}

.btn-circle {
 	width: 60px;
 	height: 60px;
 	text-align: center;
 	padding: 15px 18px;
 	font-size: 24px;
  	line-height: 1.428571429;
  	border-radius: 30px;
   	background: #fff;
   	color:#016275;
   	border:solid 1px #016275;
}

.btn-circle.active{
	padding: 15px 15px !important;
}

.btn-circle:hover, .btn-circle.active{
	background:#016275;	
	color:#fff;
}


#site-right-col{background:#fff;margin-top:0px;}

.btn-success{
	background:#fff;
	border:solid 1px #016275;
	color:#000;
	text-decoration:uppercase;
}

.btn-success:hover{
	background:#4E4E4E;
	color:#fff;
	border:solid 1px #4E4E4E;
}

.btn-default{
	padding: 10px 35px;
    background: #016275;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    border:solid 1px #016275;
    text-transform: uppercase;
}

.btn-default:hover{
	background: #878787;
    border:solid 1px #878787;
    color:#fff;
    border-radius: 5px
}

.btn-default.alt{
	 background: #fff;
	 border:solid 1px #016275;
	 color:#016275;
	 text-transform: uppercase;
}

.btn-default.alt:hover{
	background: #016275;
    color: #fff;
    border:solid 1px #016275;
}

.btn-blue{
	background: #016275;
	padding: 10px 35px;
    color: #fff;
    text-align: center;
    display: inline-block;
    border:solid 1px #016275;
    border-radius: 5px;
    text-transform: uppercase;
}

.btn-blue:hover{
	background: #FFF;
	border:solid 1px #016275;
	color: #016275;
}

.btn-pink{
	  padding: 10px 35px;
    background: #016275;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    height: auto !important;
    border: solid 1px #016275;
    text-transform: uppercase;
}

.btn-pink:hover{
	    background: #878787;
    border: solid 1px #878787;
    color: #fff;
    border-radius: 5px;}

.btn-yellow{
	background: #016275;
	padding: 10px 35px;
    color: #fff !important;
    text-align: center;
    display: inline-block;
    border:solid 1px #016275;
    border-radius: 5px;
   text-transform: uppercase;
}
.btn-yellow:hover{background: #9B9D9C;border:solid 1px #9B9D9C;color: #fff !important;}
/* ------------
Header
--------------*/
header{height:auto; position: relative; z-index: 999;}
header #logo{margin:18px 0 10px;}

.header-strapline-holder{
	background:#383c3d;
}

.header-strapline{
	font-weight:700;
	font-size:15px;
	height:45px;
	color:#fff;
	line-height:45px;
}

.header-strapline a{
	color:#fff;
}

.header-strapline a:hover{
	color:#016275;
}



.navbar-toggle span{
	background: #FFF;
	width: 25px;
	border-radius: 0px;
  height: 7px;
}

.navbar-toggle .text-bar{
	color: #FFF;
	
}

.navbar-toggle .icon-bar{
	height: 3px;
}

.navbar-toggle{
	margin-top: 63px;
	margin-right: 0px;
}

.navbar-toggle.toggle2{
	margin-top: 0px;
}

/* ------------
Carousel
--------------*/
#myCarousel{
	height:583px;
	float: left;
	width: 100%;
}

#myCarousel .carousel-inner{
	position: absolute;	
}

#myCarousel .item{
	height: 565px;
}

#myCarousel .carousel-inner .item {
	transition-property: opacity;
}

 #myCarousel .carousel-inner .item,
 #myCarousel .carousel-inner .active.left,
 #myCarousel .carousel-inner .active.right {
            opacity: 0;
        }

#myCarousel .carousel-inner .active,
#myCarousel .carousel-inner .next.left,
#myCarousel .carousel-inner .prev.right {
            opacity: 1;
        }

#myCarousel .carousel-inner .next,
#myCarousel .carousel-inner .prev,
#myCarousel .carousel-inner .active.left,
#myCarousel .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

#myCarousel p{
	font-size: 23px;
	color: #016275;
	line-height:30px;
	font-weight:normal;
}


#myCarousel .item > div{
 margin-top: 220px;
}

#myCarousel .item > div h2{
	color: #FFF;	
	font-size: 46px;
	line-height:50px;
}

#myCarousel .item .header, #myCarousel .item .content_area{
  background-color: #016275;
  color: #FFF;
  margin-bottom: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#myCarousel .item .content_area{
	margin-bottom:30px;
}


.ban_defaultFade{
	margin-bottom: 30px;
} 

/* ------------
Header Bars
--------------*/
.header-bar-md{float: left; width: 100%; background-size: cover;height:300px; margin-bottom: 25px;}
.header-bar-md > div{margin-top: 70px;}
.header-bar-md > div.noStrapline{margin-top: 100px;}

.header-bar-md > .container{background:transparent;}

.header-bar-md > div h2, .header-bar-md > div h1{
	color: #FFF;
    text-shadow: 1px 1px 2px #1d1d1e;
    font-size: 35px;
    margin-bottom: 10px;
    line-height: 40px;
    text-transform: uppercase;
 }
.header-bar-md > div p,
.header-bar-md > div strong{
	font-size: 18px;
    color: #FFF;
    line-height: 30px;
    text-shadow: 1px 1px 2px #1d1d1e;
    font-weight: normal;
}

.header-bar-sm{
	background:#000;
	margin-bottom:20px;
	padding: 10px 0px;
	float: left;
	margin-top: -25px;
	width: 100%;
}
.header-bar-sm a{color:#fff;text-decoration:none;}
.header-bar-sm a:hover{color:#016275;text-decoration:none;}

.header-bar-md.client{height:auto;}




/* ------------
The knowledge hub
--------------*/
.knowledge-results-section{}
.knowledge-results-section.inactive-view{display:none;}
.knowledge-sub-nav{line-height:63px;border-bottom:solid 1px #f2f3f5;}
.knowledge-sub-nav a{padding:0 15px;color:#a7a8aa;}
.knowledge-sub-nav a:hover, .knowledge-sub-nav a.currentLink{padding:0 15px;color:#016275;}
.knowledge-results-holder{}
.knowledge-filter-holder{line-height:110px;border-bottom:solid 2px #f2f3f5;margin-bottom:26px;color:#3c3f44;}
.knowledge-filter-holder i{color:#a7a8aa;cursor: pointer;margin-left:5px;}
.knowledge-filter-holder i.active-view{color:#016275;}
.knowledge-listitem-holder{padding-bottom:35px;}
.knowledge-listitem-holder .btn-default{background:#fff;color:#464650;border-color:#fff;border-radius:8px;margin:0 5px;}
.knowledge-listitem-holder .btn-default:hover, .knowledge-listitem-holder .btn-default.currentLink{color:#fff;background:#016275;}

.knowledge-results{
	margin-bottom:30px;
}

.knowledge-results .inner{
	background:#fff;
	box-shadow: 0px 0px 5px #ccc;
	height:380px;
	font-size:13px;
	line-height:20px;
	overflow:hidden;
}

.knowledge-results .news-title{
	font-weight: 700;
	color:#3f434c;
	padding:10px;
}

.knowledge-results .news-title a{
	color:#3f434c;
	text-decoration:none;
}

.knowledge-results .news-title a:hover{
	color:#016275;
	text-decoration:none;
}

.knowledge-results .news-summary{
	color:#7f7f7f;
	padding:0 10px 10px 10px;
}

.knowledge-results .news-category{
	color:#7f7f7f;
	padding:10px 10px 0px 10px;
}

.knowledge-results-list{margin-bottom:20px;}
.knowledge-results-list .news-title a{color:#464451;font-size:18px;}
.knowledge-results-list .news-title a:hover{color:#016275;}
/* ------------
The knowledge hub details
--------------*/
.knowledge-details h1{
	font-size:30px;
}

.knowledge-details .summary{
	font-weight:700;
	color:#464451;
	margin-top:10px;
}

.knowledge-details .article-image{
	margin-top:30px;
	margin-bottom:30px;
}

.knowledge-details .socialMediaBarHolder{
	border-top:solid 1px #dadada;
	margin-top:50px;
	margin-bottom:50px;
}

.knowledge-details .socialMediaShareBar{
	float:left;
	padding:20px 0;
}



.knowledge-details-related{

}

.knowledge-details-related h2{
    padding-top: 0;
    margin-top: 0;
    text-align: center;
    padding-bottom: 90px;
}

.contentMenuHolder{
	background: #000;
	width: 100%;
	float: left;
	margin-top: -25px;
	margin-bottom: 25px;
}

.content-menu-holder{
	margin-bottom:0px;
	line-height:63px;
	text-align:center;
	
}

.content-menu-holder a{
	color:#FFF;
	padding:0 15px;
	width: auto;
	font-weight:700;
}

.content-menu-holder a:hover{
	color:#016275;
}

.content-page-holder{
	margin-bottom:50px;
}

.content-page-holder ul{
	margin-bottom:20px;
}

.content-page-holder ul li{
	list-style:disc;
	margin-left:20px;
}
/* ------------
Vacancy Results
--------------*/
.vac-result-row{border-bottom:solid 1px #016275;padding:33px 0;color:#7e7e7e;}
.vac-result-row.jobType2{color: #000;}

.vac-result-row a .jobtitle{color:#50525f;font-size:20px;}
.vac-result-row:hover{cursor:pointer;background:#f6f7f9;}


.vac-result-row a.btn-default{
	margin-top: 10px;
}

.vac-result-row a.btn-default:hover{

}


.vac-result-row:hover .jobtitle{color:#016275;}
.vac-result-row .logo img{box-shadow: 2px 2px 15px #e1e1e1;}

.vac-result-row.jobType2{background:rgba(135,135,135,0.3);}

.vac-result-row .jobtitle {font-size: 18px;}

/* ------------
Vacancy Details
--------------*/
.vac-apply-row{
	/*border-top:solid 1px #f3f3f3;
	border-bottom:solid 1px #f3f3f3;
	padding:20px 0;
	margin-bottom:40px;*/
	padding:0;
	margin-bottom:0;
}

.vac-apply-row.bottom{
	margin-top:40px;
}

.vacDetails-detailData,h2.vac_details_job_description{color:#464451;}
h2.vac_details_job_description{font-weight:700;margin-top:20px;}
.vacDetails-job-summary{
	font-weight:bold;
	padding-top:60px;
	padding-bottom:10px;
	color:#464451;
	font-size:18px;
}
.vacDetails-job-details ul{margin:0 0 20px 40px;}
.vacDetails-job-details ul li{list-style: disc;}
.vacDetails-job-details h2{font-size:22px;}
.vacDetails-cli-form{
	background:none;
	/*box-shadow: 0px 0px 20px #ccc;*/
	border:solid 1px #016275;
	padding:35px 0 25px 0;
	border-radius:5px;
	margin-top:20px;
}

.vacDetails-cli-form .imgLink{
	float: left;
}
.vacDetails-cli-form img{border:solid 1px #f3f3f3;margin:0 0 25px 0;padding: 0;}

.vacDetails-cli-form .comp-title a,.vacDetails-cli-form .comp-title{color:#464451;font-weight:700;}
.vacDetails-cli-form .comp-title a:hover{color:#016275;}

.siteForm,
.vacDetails-apply-form{
	background:none;
	/*box-shadow: 0px 0px 20px #ccc;*/
	margin-bottom:100px;
	margin-top:50px;
}

.vacDetails-apply-form{
	margin-top: 0px;
	margin-bottom: 0px;
	border:solid 1px #CCC;
	margin-bottom:20px;
	padding-bottom:20px;
	border-radius: 10px;
}

.vacDetailsRegLogButtons{
	margin-bottom: 30px;
	margin-top: 30px;
	border-top: 1px solid #CCC;
	padding-top: 15px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 15px;
}

.vacDetailsRegLogButtons > a{
	width: 43%;
	margin-left: 3%;
	margin-right: 3%;
}

.siteForm{
	padding: 20px;
}

.vacDetails-btn{
	background:#f7f8fa;
	line-height:50px;
	text-align: center;
	font-weight:700;
	color:#abacae;
	cursor:pointer;
	border-radius:0 10px 0 0;
}

.vacDetails-btn:first-child{
	border-radius:10px 0 0 0;
}

.vacDetails-btn.active{
	background:#016275;
	color:#fff;
}

.socialMediaShareBar{
	float:right;
	padding:10px 0;
}

.socialMediaShareBar:before{
	content:"Share:";
}

.socialMediaShareBar .fa{
	font-size:20px;
	margin-left:16px;
}

.socialMediaShareBar .fa-linkedin{
	color:#007dba;
}

.socialMediaShareBar .fa-twitter{
	color:#4aabfa;
}

.socialMediaShareBar .fa-facebook{
	color:#516296;
}

.socialMediaShareBar .fa:hover{color:#464451;}

/* ------------
Footer
--------------*/
footer{background: #000;float:left;width:100%; padding-top: 10px;}
.alien-footer{background:url(../../gfx/footer_social_left.png) no-repeat;background-position : calc(100% - 320px) bottom;}
.footer-nav-holder{color:#9898a2;}
.footer-nav-holder h3{color:#016275;}
.footer-nav-holder a{color:#fff;}
.footer-nav-holder a:hover{color:#016275;}

.footer-copyright-holder{line-height:30px;color:#FFF;font-size:13px;margin-top:15px;}
.footer-copyright-holder ul{margin:0;padding:0;}
.footer-copyright-holder ul li{float:left;padding-left:15px;}
.footer-copyright-holder a{color:#FFF;text-decoration:none;}
.footer-copyright-holder a:hover{color:#016275;text-decoration:none;}

.footerSubMenuItem,.footerMenuItem{margin-bottom:4px;}
.footerSubMenuItem a{color:#016275;font-size:19px;}
.footerMenuItem.header a{color:#FFF;font-weight:700;font-size:19px;}
.footerSubMenuItem:hover a, .footerMenuItem.header:hover a{color:#016275;}

.footer-nav-menu-holder{margin-bottom:20px;}
.footer-nav-menu-holder ul.footerMenu{margin-top: 10px;}
.footer-nav-menu-holder ul.footerMenu li{margin-right:20px;float:left;}
.footer-nav-menu-holder ul.footerMenu li:first-child{}

iframe{max-width: 100%;}

#loginTabs .tab{
	border: 0px;
	background: #f7f7f7;
	text-align: center;
	color: #838383;
}
#loginTabs .tab1{
	border-radius: 10px 0px 0px 0px;
}
#loginTabs .tab2{
	border-radius: 0px 10px 0px 0px;
}

#loginTabs .tab1.active{
	background: #016275;
	color: #fff;
}

#loginTabs .tab2.active{
	background: #016275;
	color: #FFF;
}



.logonFrmHolder > div > div {
	border: 1px solid #CCC;
  background-color: white;
  border-radius: 10px !important;
  padding-bottom: 50px;
  padding-top: 0px;
}

.logonFrmHolder > div > div #loginTabs{
	margin-top: -1px;
}

#registerLinks > div {
	background: none;
	box-shadow: none;
	padding-top: 30px;
	padding-bottom: 30px; 
	border: 0;
}


.logonFrmHolder .form_row,
.logonFrmHolder .fullWidth{
	width: 80%;
	margin-left: 10%;
	margin-top: 10px;
}

.logonFrmHolder .form_row > .field.ext{
	width: 100%;
}


.formHolder{
	width: 100%;
	margin-bottom: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	border: 1px solid #CCC;
	border-radius: 10px;
	background: #FFF;
	float: left;
	margin-top: 20px;
}

.formHolder .formText > strong{
	font-size: 20px;
	color:#016275;
} 

.formHolder > .row{
	padding-left: 15px;
	padding-right: 15px;
}

.formHolder .cont .left,
.formHolder .cont .right{
	float: left;
	width: 48%;
	margin-right: 4%;
}
.formHolder .cont .right{
	margin-right: 0px;
}



.formHolder .header{
	    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #555;
}

.formHolder .header p,
.formHolder .header ul,
.formHolder .header ul li{
	font-weight: normal;
	font-size: 14px;
	color: #838383;
}

.registerTabs{
	background: #FFF;
}
.registerTabs .left,
.registerTabs .right{
	width: 50%;
	float: left;
	text-align: center;
	margin-top: -15px;
	margin-bottom: 15px;
   
}

.registerTabs .left a{
	border-radius: 10px 0px 0px 0px;
}

.registerTabs .right a{
	border-radius: 0px 10px 0px 0px;
}

.registerTabs .active a,
.registerTabs .left:hover a,
.registerTabs .right:hover a{
	color: #fff;
}


.registerTabs a{
	width: 100%;
	padding: 10px;
	float: left;
	background: #f7f7f7;
  text-align: center;
  color: #838383;

}

.registerTabs .left:hover a,
.registerTabs .left.active a{
	background: #016275;
	color: #016275;
}

.registerTabs .right:hover a,
.registerTabs .right.active a{
	background: #016275;
	color: #fff;
}

.loggedInTitle h1{
	text-align: center;
	text-transform: capitalize;
}





.loginMenu{
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	padding-top: 10px;
	float: left;
	width: 100%;
}



.loginMenu > a{
	padding-left: 15px;
	padding-right: 15px;
	color: #FFF;
}
.loginMenu > a:hover{
	color: #016275;
}

.loginMenu > ul{
	text-align:center;
	float:left;
}

.loginMenu > ul li{
	display: inline-block;
}


.acctounSectionTitle{}

.acctounSectionContent{
	background: #FFF;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 30px #CCC;
	margin-bottom: 30px;
	margin-top: 20px;
	padding-left: 40px;
	padding-right: 40px;
}

#cliAccountOverview .title p{
	padding-top: 10px;
}

#cliAccountOverview .button{
	margin-bottom: 5px;
	margin-top: 5px;
}

#cliAccountOverview .button a{
	width: 120px;
	float: right;
}


.fa{
	    font-family: FontAwesome !important;
}

#JBE_Settings{margin-bottom:30px; margin: 0px auto; width:100%;}


.selectAllBtn a{
	color: #016275;
	font-size: 14px;
}

.advText h2{
	padding-top: 12px;
padding-bottom: 0px;
line-height: 20px;
}

#l_displayCountryTitle{
	float: left; 
	width: 40%;
	font-weight: bold;
}

.CountryTitleLink{
	float: left;
	margin-bottom: 10px;
}

.CountryTitleLink a{
	font-size: 13px;
    border: 1px solid #CCC;
    padding: 5px 10px 0px;
    border-radius: 5px;
    /* margin-bottom: 10px; */
    background: #f0f0f0;
    color: #333;
}

.cliHistory.key_holder{
	  width: 100%;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    box-shadow: 0px 0px 30px #CCC;
    border-radius: 10px;
    border: 0px;
    background: #FFF;
    float: left;
    margin-top: 20px;
    text-align: left;
}

.cliHistory.key_holder .type{
margin-bottom: 5px;
    text-align: center;
}


.cliHistory.key_holder .type span{
	background: #DEDEDE;
 	color: #666666;
 	border: 1px solid #CCCCCC;
 	padding: 0px 5px;
	text-align: center;
	width: 100%;
	float: left;
}

.cliHistory.key_holder .type.jobType1 span{
	background: #FCFCFC;
	text-align: center;
}

.cliHistory.key_holder .type.jobType2 span{
	background: #FFCCCC;
	text-align: center;
}

.cliHistory.key_holder .type.jobType3 span{
	background: #D6EEFC;
	text-align: center;
}

.form-group.jobType2 .input-group,
.form-group.jobType1 .input-group{
	margin-bottom: 5px;
	margin-top: 5px;
}

.form-group.inactive > div{
	background: #DEDEDE;
	border-bottom: 1px solid #CCC;
}

.form-group.jobType3 > div{
	background: #D6EEFC;
	border-bottom: 1px solid #CCC;
}

.form-group.jobType2 > div{
	background: #FFCCCC;
	border-bottom: 1px solid #CCC;
}

.form-group.jobType1 > div{
	background: #FFF;
	border-bottom: 1px solid #CCC;
}

.titleHolder{
	width: 100%;
    margin-bottom: 35px;
	float: left;
	margin-top:35px;
}

.titleLine {
    height: 3px;
    width: 100%;
    background: #016275;
    float: left;
    margin-top: 20px;
}

.footer-content{color:#fff;font-size:19px;background:url(../../gfx/footer_social.png) right top no-repeat; text-align:center}
.footer-content-holder{margin-left:80px;}
.footer-content-holder a:hover{text-decoration:none;color:#868686;}



#clientListItems{
	margin-top: 15px;
	margin-bottom: 15px;
}

#clientListItems .clientListItem{
	padding: 20px 10px;
	border-bottom: 1px solid #016275;
}

#clientListItems .clientListItem:first-child{
	border-top: 1px solid #016275;
}

#clientListItems .clientListItem h2{
	text-transform: capitalize;
	font-size: 24px;
}


#clientListItems .clientListItem .btn-default{
	padding: 3px 10px;
}

#clientListItems .clientListItem .content .row{
	margin-bottom: 5px;
}

#clientListItems .clientListItem .content .row div:first-child{
	padding-top: 3px;
}


.vacDetails-cli-form a{
	margin-bottom: 10px;
	padding: 5px 10px;
	width: 100%;
}


.cke{
	float: left;
	width: 100% !important;
}