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

font-family: 'Open Sans', sans-serif;
	
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-smooth: always;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased; background: #f1f1f1 !important; padding: 0px; margin: 0px; }
::-moz-selection { background: #333333; color:#ffffff; }
.clr { clear: both; }
.left { float: left; }
.right { float: right; }

a { text-decoration: none; }

@media only screen 
and (min-width : 1024px) {

.header-nav-icon { display: none; }
#mobile-navigation { display: none; }

.container { max-width: 1300px; margin: 0px auto; }
	

header { padding: 25px 0 0 0; }

	#map { height: 300px; width: 100%;}
	
.fixed { position: fixed; margin-top: -25px; width: 100%; height: 90px; background-color: rgba(0, 0, 0, 0.9); z-index: 9000; }
.fixed .logo { float:none; position:fixed; top:0; margin-top:20px; margin-left: 100px; }

.middle { text-align: center; margin: auto;	}

.nav { color: #FE7307; font-size: 11px; margin: 28px auto 0 auto; padding: 10px 0px 0px 0px; }
.nav a { color: #fff; text-transform: uppercase; font-size: 13px; margin-top: 15px; margin: 11px 10px 0; font-weight: 400; line-height: 100%; 	-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; }
.nav a:hover { color: #00213d; }
	
.fixed .container { width: 1000px; margin: auto; background: #111; padding: 10px; }

.headImg { width: 100%; height: 330px; background-size: cover; background-position: center; margin-top: 0px; padding: 0px 0px 0px 0px; }
.headImg .contentArea { }
.headImg .text { font-size: 68px; line-height: 95px; font-weight: 200; color: #ffffff; text-transform: uppercase; text-align: center; }
.headImg .text.twolines { margin: -40px 0px 0px 0px; }
.headImg .head-overlay { width: 100%; height: 100%; background: rgba(0,33,61,0.6); padding-top: 130px; box-sizing: border-box; color: #fff; font-weight: 400; font-size: 60px; }

#overlay { width: 100%; height: 100%; position: fixed; display: block; z-index: 10; background-color:rgba(0,0,0,0.7); display: none; }
#overlay .close { position: absolute; top: 0px; right: 10px; color: #ffffff; font-weight: 600; font-size: 36px; cursor: pointer; }
.overlayBox { z-index: 20; width: 940px; height: 240px; background: #ffffff; padding: 30px 30px 30px 30px; position: absolute; top: 50%; left: 50%; margin: -150px 0px 0px -500px; display: none; }

.confirm-bar { background: #73d76b; color: #fff; padding: 10px; text-align: center; }
.error-bar { background: #eb3158; color: #fff; padding: 10px; text-align: center; }
.error-bar a { color: #fff !important; }

.contentBox { width: 100%; padding: 30px 30px 10px 30px; float: left; background: #ffffff; margin: 30px 30px 30px 0px; box-sizing: border-box; }
.contentBox img { width: 100%; height: 100%; }
.contentBox p { font-size: 16px; line-height: 24px; text-align: justify; font-weight: 300; color: #3c3c3b; margin: 0px 0px 20px 0px; }
.contentBox ul { font-weight: 300; margin: 0px 0px 20px 0px; margin-left: 0px; padding-left: 0px; color: #3c3c3b; }
.contentBox ul li { font-weight: 300; margin: 5px 0px 0px 40px; text-align: left; line-height: 25px; }
.contentBox strong { font-weight: bold; }
.contentBox .subHeader { font-size: 15px; font-weight: 600; margin: 0px 0px 10px 0px; }
.contentBox .cta { width: 620px; height: 50px; line-height: 50px; text-align: center; background: #00213d; color: #ffffff; font-size: 17px; text-transform: uppercase; display: block; font-weight: 300; margin: 30px 0px -10px -30px; }
.contentBox .cta:hover { cursor: pointer; background: #000; }
.contentBox .news_article { }
.contentBox .news_article .img { width: 620px; height: 240px; margin: -30px 0px 0px -30px; }
.contentBox .news_article .head { font-size: 28px; font-weight: 300; color: #00213d; margin: 20px 0px 0px 0px; }
.contentBox .news_article .content { font-size: 14px; line-height: 18px; color: #777777; text-align: justify; }

}

.content-left-col { width: 48%; float: left; margin-right: 4%; }
.content-right-col { width: 48%; float: left; }

left-col { width: 60%; margin-right: 5%; float: left; }
.right-col { width: 30%; float: right; padding: 0px; margin: 0px; }

.right-col #comments { width: 100%; background: #f1f1f1; border:none; margin-top: 20px; border-bottom: #eb3158 2px solid; resize: none; padding:10px; box-sizing:border-box; font-size:16px; margin-bottom: 30px; }

.right-col h2 { color: #333; text-transform: capitalize; margin-top: 0px; padding-top: 0px; font-size: 25px; line-height:35px; }
.right-col h3 { color: #666; font-size: 18px; text-align: left; margin-bottom: 20px; }
.right-col .button { display: block; float: none !important; margin-left: 0px;  padding: 15px; color: #fff; background: #eb3158; text-transform: uppercase; text-decoration: none; transition: all .2s ease-in-out; margin-bottom: 10px; border-bottom: #d61b42 3px solid; }
.right-col .button:hover { background: #000; }
.right-col .a2a_kit { margin-top: 15px; padding: 10px; border-bottom: #ccc 2px solid; color: #333; float: none; }
.right-col .a2a_kit .label { float:left; margin-right: 15px; }
.right-col .a2a_kit .fa { color: #eb3158; }

.right-col .staff-photo { display: block; float: none; }

.job-desc ul { color: #333; line-height: 30px; }
.job-desc .job-info { border: #ececec 1px solid; padding: 20px; text-align: left; color: #333; font-size: 18px; background: #fcfcfc; margin-top: 40px; }
.job-desc .job-info .labels { float: left; width: 200px; }
.job-desc .job-info .labels span { display: block; line-height: 30px; }
.job-desc .job-info .values { float: left; width: 250px; }
.job-desc .job-info .values span { display: block; line-height: 30px; font-weight: bold;  width: 120%; overflow: hidden; white-space: nowrap; }
.job-desc .left-col a { color: #d61b42; text-decoration: none; }

.right-col .phone, .email { display: block; float: left; margin-right: 30px; margin-top:0px; font-size: 20px; color: #444; white-space: nowrap; }
.right-col .email .fa { color: #eb3158; }
.right-col .phone .fa { color: #eb3158; }
.right-col .email a { color: #000; text-decoration: none; }
.right-col .phone a { color: #000; text-decoration: none; }

.footerLinks a:hover { color: #ccc !important; }

.serviceBoxes {
  margin-bottom: 40px;
  max-width: 1300px;
  margin: auto;
}
  .serviceBoxes .serviceBox {
    background-color: #00213d;
    display: block;
    width: 100%;
    margin: 0 auto 40px;
	  padding-top: 60px;
    text-align: center;
    vertical-align: center;
	  transition: all .2s ease-in-out;
  }
  @media screen and (min-width: 790px) {
    .serviceBoxes .serviceBox {
      background-color: #004784;
      display: inline-block;
      width: 24.5%;
  	  padding-top: 60px;
      text-align: center;
      vertical-align: center;
    	margin-bottom: 40px;
  	  transition: all .2s ease-in-out;
    } 
	  
	  .apply_button { display: block; float: right; width: 200px !important; padding: 15px; background: #000; text-align: center; color: #fff !important;}

}

ul li { line-height: 30px; }

/**/

@media screen and (min-width: 400px) {
	
	  .headImg { width: 100%; height: 330px; background-size: cover; background-position: center; margin-top: 0px; padding: 0px 0px 0px 0px; }
	.headImg .contentArea { }
	.headImg .text { font-size: 68px; line-height: 95px; font-weight: 200; color: #ffffff; text-transform: uppercase; text-align: center; }
	.headImg .text.twolines { margin: -40px 0px 0px 0px; }
	.headImg .head-overlay { width: 100%; height: 100%; background: rgba(0,33,61,0.6); padding-top: 130px; box-sizing: border-box; color: #fff; font-weight: 400; font-size: 60px; }

}

@media screen and (min-width: 300px) {
	
	.headImg { width: 100%; height: 400px; background-size: cover; background-position: center; margin-top: 0px; padding: 0px 0px 0px 0px; }
	.headImg .contentArea { }
	.headImg .text { font-size: 68px; line-height: 95px; font-weight: 200; color: #ffffff; text-transform: uppercase; text-align: center; }
	.headImg .text.twolines { margin: -40px 0px 0px 0px; }
	.headImg .head-overlay { width: 100%; height: 100%; background: rgba(0,33,61,0.2); padding-top: 160px; box-sizing: border-box; color: #fff; font-weight: 400; font-size: 60px; }
	.headImg .head-overlay span { background: rgba(0,33,61,0.7); padding-left: 10px; padding-right: 10px; }
	.apply_button { width: 90%; }
	.confirm-bar { background: #73d76b; color: #fff; padding: 10px; text-align: center; }
	.error-bar { background: #eb3158; color: #fff; padding: 10px; text-align: center; }
	.error-bar a { color: #fff !important; }

}

    .serviceBoxes .serviceBox img {
      max-height: 70px;
    }
    @media screen and (min-width: 790px) {
      .serviceBoxes .serviceBox img {
        max-height: 90px;
      } }

	.serviceBoxes .serviceBox .find {
		background: #00213d;
		width: 100%;
		display:block;
		position: relative;
		bottom: 0;
		margin-top: 40px;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
	}

	.serviceBoxes .serviceBox .find:hover { background: #000; }

    .serviceBoxes .serviceBox:hover {
      background-color: #0270ce;
	  transform: scale(1.05);
	}

  @media screen and (min-width: 790px) {
    .serviceBoxes .serviceBox:nth-child(5) {
      margin: 0 2%; } }


    .serviceBoxes .serviceBox .serviceText {
      color: #FFFFFF;
      padding: 30px 0 0 0;
      display: block;
      max-width: 80%;
      max-height: 12px;
      margin: 0 auto;
      text-transform: uppercase;
      background-size: 50%;
      background-repeat: no-repeat;
      vertical-align: middle;
      font-weight: 700;
      font-size: .8em; }
      @media screen and (min-width: 790px) {
        .serviceBoxes .serviceBox .serviceText {
          padding: 30px 0 0 0;
          max-width: 60%;
          font-size: 1em; } }
      @media screen and (min-width: 960px) {
        .serviceBoxes .serviceBox .serviceText {
          padding: 50px 0 0 0;
          max-width: 90%; } }

.footerContainer {
  background-color: #000;
  padding: 30px 5%;
  color: #FFFFFF;
  overflow: hidden; }
  .footerContainer .footerTop .footerHead {
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 700; }
  .footerContainer .footerTop .footerSocialLinks {
    float: right; }
    .footerContainer .footerTop .footerSocialLinks a {
      font-family: FontAwesome;
      margin-left: 10px;
      color: #FFFFFF; }
      .footerContainer .footerTop .footerSocialLinks a:hover {
        color: #00213d; }
  .footerContainer .footerLine {
    width: 100%;
    border: 1px solid;
    border-color: #e4e4e4;
    margin-top: 10px; }
  .footerContainer .footerLeft {
    display: inline-block;
    max-width: 44%;
    margin-top: 20px; }
    @media screen and (min-width: 790px) {
      .footerContainer .footerLeft {
        max-width: none;
        } }
    .footerContainer .footerLeft a {
      color: #FFFFFF; }
      .footerContainer .footerLeft a:hover {
        color: #ccc !important; }
    .footerContainer .footerLeft .formInput {
      display: inline-block;
	}
      .footerContainer .footerLeft .formInput label {
        color: #FFFFFF;
        display: block;
        text-transform: uppercase;
        font-size: .8em;
        margin-bottom: 15px; }
      .footerContainer .footerLeft .formInput input {
        margin-bottom: 10px;
        color: #e4e4e4;
        padding: 10px;
        border: 2px solid;
        border-color: #00213d;
        font-size: .8em; }
        @media screen and (min-width: 790px) {
          .footerContainer .footerLeft .formInput input {
            margin-bottom: 20px;
            font-size: 1em; } }
        .footerContainer .footerLeft .formInput input.mailingInput {
          width: 90%;
          margin-right: 10px; }
          @media screen and (min-width: 790px) {
            .footerContainer .footerLeft .formInput input.mailingInput {
              width: 240px; } }
      @media screen and (max-width: 790px) {
        .footerContainer .footerLeft .formInput a {
          display: block;
          max-width: 64px; } }
      .footerContainer .footerLeft .formInput a:hover {
        color: #FFFFFF;
        background-color: #c24d0b; }
    .footerContainer .footerLeft .searchButton {
      display: inline-block;
      background-color: #00213d;
      padding: 10px;
      color: #FFFFFF;
      margin-bottom: 20px; }
      @media screen and (min-width: 790px) {
        .footerContainer .footerLeft .searchButton {
          margin-bottom: 0; } }
    .footerContainer .footerLeft p {
      vertical-align: bottom;
      font-size: .6em; }
      @media screen and (min-width: 790px) {
        .footerContainer .footerLeft p {
          font-size: .8em; } }
  .footerContainer .footerRight {
    display: inline-block;
    float: right;
    text-align: left; }
    .footerContainer .footerRight .footerLinks {
      display: block;
      vertical-align: top;
      margin-right: 0;
      text-align: right; }
      .footerContainer .footerRight .footerLinks:first-child {
        display: none; }
.footerContainer .footerRight .footerLinks p { line-height: 20px; }
      @media screen and (min-width: 790px) {
        .footerContainer .footerRight .footerLinks {
          display: inline-block;
          margin-right: 40px; }
          .footerContainer .footerRight .footerLinks:first-child {
            display: inline-block; }
          .footerContainer .footerRight .footerLinks:nth-child(2n) {
            margin-right: 0; } }
      .footerContainer .footerRight .footerLinks h4 {
        text-transform: uppercase;
        margin-bottom: 0;
        font-size: .8em; }
        @media screen and (min-width: 790px) {
          .footerContainer .footerRight .footerLinks h4 {
            font-size: inherit; } }
      .footerContainer .footerRight .footerLinks p {
        display: block;
        color: #FFFFFF;
        margin: 10px 0;
        font-size: .7em; }
        @media screen and (min-width: 790px) {
          .footerContainer .footerRight .footerLinks p {
            font-size: .8em; } }
      .footerContainer .footerRight .footerLinks a {
        display: block;
        color: #FFFFFF;
        margin: 10px 0;
        font-size: .7em; }
        @media screen and (min-width: 790px) {
          .footerContainer .footerRight .footerLinks a {
            font-size: .8em;
            display: block; } }
        .footerContainer .footerRight .footerLinks a:hover {
          color: #00213d; }

.getSocial {
  padding: 60px 0;
  overflow: hidden;
  background: #fff;
}
  .getSocial h1 {
    color: #00213d;
    text-align: center;
    text-transform: uppercase;
    font-size: 2em;
	font-weight: 200;
    margin-bottom: 30px;
    margin-top: 0; }
	@media screen and (min-width: 790px) {
		.getSocial h1 {
			font-size: 5em;
		    text-align: left;
		}
	}
  .getSocial .twitterBox {
    width: 100%;
    background-color: #00aced;
    float: left;
    text-align: left;
    margin-bottom: 20px;
    padding: 20px 0; }
    @media screen and (min-width: 790px) {
      .getSocial .twitterBox {
        width: 50%;
        margin-bottom: 0;
        padding: 20px; } }
    .getSocial .twitterBox .twitterUser {
      color: #FFFFFF;
      margin-left: 30px; }
      @media screen and (min-width: 790px) {
        .getSocial .twitterBox .twitterUser {
          margin-left: 0; } }
      .getSocial .twitterBox .twitterUser:before {
        font-family: FontAwesome;
        content: "\f099";
        width: 20px;
        display: inline-block; }
    .getSocial .twitterBox p {
      color: #FFFFFF;
      margin-left: 30px; }
      @media screen and (min-width: 790px) {
        .getSocial .twitterBox p {
          margin-left: 0; } }
    .getSocial .twitterBox h4 {
      color: #000000;
      font-size: .7em;
      margin: 0;
      margin-left: 30px; }
      @media screen and (min-width: 790px) {
        .getSocial .twitterBox h4 {
          margin-left: 0; } }
  .getSocial .socialButtons {
    display: inline-block;
    text-align: right;
    float: left;
    width: 100%; }
    @media screen and (min-width: 790px) {
      .getSocial .socialButtons {
        width: 40%;
        float: right; } }
    .getSocial .socialButtons .getSocialBox {
      display: block;
      height: 10%;
      padding: 10px 30px;
      text-align: center;
      width: auto;
      color: #FFFFFF;
      font-size: .9em;
      margin-bottom: 5px; }
      .getSocial .socialButtons .getSocialBox:before {
        font-family: FontAwesome;
        width: 30px;
        display: inline-block; }
      .getSocial .socialButtons .getSocialBox:hover {
        background-color: #333333; }
    .getSocial .socialButtons .fbSocial {
      background-color: #3b5998; }
      .getSocial .socialButtons .fbSocial:before {
        content: "\f09a"; }
    .getSocial .socialButtons .liSocial {
      background-color: #007bb6; }
      .getSocial .socialButtons .liSocial:before {
        content: "\f0e1"; }
    .getSocial .socialButtons .gpSocial {
      background-color: #dd4b39; }
      .getSocial .socialButtons .gpSocial:before {
        content: "\f0d5"; }


.mainHead {
  background-color: #fff;
  padding: 65px 5% 24px; }
  .mainHead img {
    max-height: 40px; }
    @media screen and (min-width: 960px) {
      .mainHead img {
        max-height: 60px; } }
  .mainHead .headerNav {
    float: right;
    display: none; }
    @media screen and (min-width: 790px) {
      .mainHead .headerNav {
        display: block;
        margin-top: 11px; } }
    @media screen and (min-width: 960px) {
      .mainHead .headerNav {
        margin-top: 22px; } }
    .mainHead .headerNav a {
      text-transform: capitalize;
      text-decoration: none;
      color: #333;
      margin-left: 22px;
      font-size: .9em;
      transition: color .3s ease-in-out;
      font-weight: 400; }
      @media screen and (min-width: 790px) {
        .mainHead .headerNav a {
          font-size: .8em; } }
      @media screen and (min-width: 960px) {
        .mainHead .headerNav a {
          font-size: 1em; } }
      .mainHead .headerNav a:hover {
        color: #3e8fc7; }
  .mainHead .mobileNav {
    float: right;
    text-transform: uppercase;
    margin-top: 10px; }
    @media screen and (min-width: 790px) {
      .mainHead .mobileNav {
        display: none; } }
  .mainHead .mobileInActive {
    color: #00213d; }
    .mainHead .mobileInActive:hover {
      color: #000; }
    .mainHead .mobileInActive:before {
      font-family: 'FontAwesome';
      content: "\f0c9";
      margin-right: 5px; }
  .mainHead .mobileActive {
    color: #ffffff; }
    .mainHead .mobileActive:hover {
      color: #00213d; }
    .mainHead .mobileActive:before {
      font-family: 'FontAwesome';
      content: "\f00d";
      margin-right: 5px; }

.mobileNavBar {
  width: 50%;
  float: right;
  background-color: orange;
  display: block;
  z-index: 1;
  transition: max-height 1s ease-in-out; }
  .mobileNavBar a {
    color: #FFFFFF;
    background-color: #00213d;
    display: block;
    padding: 12px 5vw 12px 0;
    text-align: right;
    border-top: 1px solid;
    border-color: #333333;
    text-transform: uppercase; }
    .mobileNavBar a:hover {
      color: #333333; }
  @media screen and (min-width: 790px) {
    .mobileNavBar {
      display: none; } }

.mobileNavInActive {
  max-height: 0;
  display: none; }

.mobileNavActive {
  max-height: 200px;
  display: block;
  position: absolute;
  right: 0; }

.globalContainer {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  text-align: center; }
  .globalContainer .containerBox {
    overflow: hidden;
     }
    @media screen and (min-width: 790px) {
      .globalContainer .containerBox {
        } }

.searchBox {
  text-align: left;
  padding: 0;
  background-size: cover;
  background-position: center;
  background-image: url('../img/search-bg.jpg');
  height: auto;
}

@media screen and (min-width: 790px) {
  .searchBox {
    background: none; }
  }

.searchBox img { display: block; margin: auto; margin-bottom: 20px; margin-top: 10px; }

  .searchBox h1 {
    color: #fff;
    padding: 0;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 1.7em;
	text-align: center;
}
  .searchBox .searchArea {
    background: rgba(0,0,0,0.7);
    padding: 20px 0;
    width: 100%;
    text-align: center;
	margin: auto;
}
    @media screen and (min-width: 790px) {
      .searchBox .searchArea {
        overflow: hidden;
		  padding: 60px 0 20px;
        text-align: left; } }
    .searchBox .searchArea h2 {
      color: #FFFFFF;
      padding: 0;
      margin: 0;
      font-size: 1em;
      text-transform: uppercase;
	  text-align: center;
	}
    .searchBox .searchArea .formInput {
      display: block; width: 100%; }
      @media screen and (min-width: 790px) {
        .searchBox .searchArea .formInput {
		  text-align: center;	
          display: inline-block; } }
      .searchBox .searchArea .formInput label {
        color: #FFFFFF;
        display: block;
        text-transform: uppercase;
        font-size: .8em;
        margin-bottom: 5px; }
      .searchBox .searchArea .formInput input {
        margin-bottom: 20px;
        color: #000;
        padding: 10px;
        border: 2px solid;
        border-color: #00213d;
        font-size: 1em;
		width: 100%}
        .searchBox .searchArea .formInput input.jobTitleInput {
          width: 80%; }
          @media screen and (min-width: 790px) {
            .searchBox .searchArea .formInput input.jobTitleInput {
              width: 50%;
              margin: 0 auto; } }
        .searchBox .searchArea .formInput input.locationInput {
          width: 90%; }
          @media screen and (min-width: 790px) {
            .searchBox .searchArea .formInput input.locationInput {
              width: 222px; } }
    .searchBox .searchArea .searchTools {
      display: block;
      margin: 0 auto 10px;
      width: 100%;
      text-align: left;
       }
      @media screen and (min-width: 790px) {
        .searchBox .searchArea .searchTools {
          display: block;
          float: left;
          text-align: inherit;
          margin-bottom: 20px; } }
      .searchBox .searchArea .searchTools .tooltip {
        color: #e4e4e4;
        font-size: .8em;
        font-weight: 400;
        display: inline-block;
        text-decoration: none; }
      .searchBox .searchArea .searchTools .tooltip:hover {
        color: #00213d; }
      .searchBox .searchArea .searchTools .searchButton {
        display: block;
        background-color: #00213d;
        padding: 10px;
        color: #FFFFFF;
        width: 80%;
		margin: auto;
		text-align: center;
		border: none;
		  font-size: 14px;
		}
        @media screen and (min-width: 790px) {
          .searchBox .searchArea .searchTools .searchButton {
			  margin-top: 20px;
            width: 50%; } }
      .searchBox .searchArea .searchTools .searchButton:hover {
        background-color: #000; cursor: pointer; }

.mainTextBox {
  color: #333333;
  width: 100%;
  margin: 0 auto;
  padding: 40px;
  background: none;
	box-sizing:border-box;
	margin-top: 40px;
	text-align:left;
}
  .mainTextBox h2 {
    font-size: 2em;
    text-transform: uppercase;
	color: #00213d;
}
  .mainTextBox p {
    font-size: 0.9em;
	line-height: 2em;
	  font-weight: light;
}

.blackBtn {
  background-color: #000;
  border: 0;
  color: #FFFFFF;
  transition: all .3s ease-in-out;
  display: inline-block;
  text-decoration: none; }
  .blackBtn:hover {
    color: #000;
    background-color: #ccc; }

.headerBtn {
  max-height: 40px;
  margin: 0;
  padding: 14px 12px;
  font-size: .6em;
  text-transform: uppercase;
  font-weight: 700; }
  @media screen and (min-width: 790px) {
    .headerBtn {
      padding: 12px 30px;
      font-size: .8em; } }

	.headerCV:after {
	  margin-left: 5px;
	  content: "add cv"; }
	  @media screen and (min-width: 790px) {
	    .headerCV:after {
	      content: "submit your cv"; } }

	.headerJob:after {
	  margin-left: 5px;
	  content: "post job"; }
	  @media screen and (min-width: 790px) {
	    .headerJob:after {
	      content: "register job"; } }

.topHead {
  background-color: #00213d;
  min-height: 39px;
  padding: 0 5%;
  position: fixed;
  width: 100%;
  z-index:999;
}
  .topHead .headerSocialLinks {
    float: right;
    margin-top: 10px;
	padding-right: 10%;
}
    .topHead .headerSocialLinks a {
      font-family: FontAwesome;
      margin-left: 10px;
      color: #fff;
      font-size: .8em; }
      @media screen and (min-width: 960px) {
        .topHead .headerSocialLinks a {
          font-size: inherit; } }
      .topHead .headerSocialLinks a:hover {
        color: #ccc; }

.globalContainer {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  }
  .globalContainer .containerBox {
    overflow: hidden;
     }
    @media screen and (min-width: 790px) {
      .globalContainer .containerBox {
         } }

.topLink {
  width: 100%;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  transition: color .2s ease-in-out;
  background-size: contain;
	font-family: 'FontAwesome', sans-serif;
}
.topLink.blueTopLink {
  background-image: url(../img/top-t-b.png);
}
.topLink.blueTopLink a {
  color: #ffffff;
  text-decoration: none;
  transition: color .2s ease-in-out;
  margin-top: 28px;
  display: inline-block;
}
.topLink.blueTopLink a:hover {
  color: #00213d;
}
.topLink.blueBgTopLink {
	background-color: #2d293f;
}
.topLink.greyLightBgTopLink {
	background-color: #f1f1f1;
}

.topLink.greyTopLink {
  background-image: url(../img/top-t-g.png);
}
.topLink.greyTopLink a {
  color: #414141;
  text-decoration: none;
  transition: color .2s ease-in-out;
  margin-top: 28px;
  display: inline-block;
}
.topLink.greyTopLink a:hover {
  color: #00213d;
}
.topLink.whiteTopLink {
  background-image: url(../img/top-t-w.png);
}
.topLink.whiteTopLink a {
  color: #414141;
  text-decoration: none;
  transition: color .2s ease-in-out;
  margin-top: 28px;
  display: inline-block;
	text-align: center !important;
}
.topLink.whiteTopLink a:hover {
  color: #00213d;
}

.credit { font-size: 14px; color: #ccc; display: block; width: 100%; margin-bottom:5px; }
.credit p { float: left; }
.credit a { height: 10px; width: 36px; background: url(../img/boldid-logo.png) no-repeat; background-size: cover; display: block; float: left; margin-top: 13px; margin-left: 5px; }
.credit a:hover { background: url(../img/boldid-logo-white.png) no-repeat; background-size: cover; }

.ftJobs .jobs {
    overflow: hidden;
    padding-bottom: 20px; }
  .ftJobs .jobCard {
    float: left;
    width: 98%;
    text-align: center;
    border: 2px solid;
    border-color: #ebebeb;
    margin-bottom: 20px;
	background: #fff !important;
	}
.ftJobs .jobCard .jobRight h1 { font-size: 15px; margin-top: 0px;}
.ftJobs .jobCard .jobRight p { font-size: 13px; color: #333; }
    @media screen and (min-width: 790px) {
      .ftJobs .jobCard {
        float: left;
        width: 48.5%;
        text-align: center;
		  background: #f1f1f1;
        border: 2px solid;
        border-color: #ebebeb;
        margin-bottom: 20px; margin-right: 1%; } }
        
    .ftJobs .jobCard .jobLeft {
      display: inline-block;
      width: 90%;
      padding: 5% 5% 0 5%;
      text-align: center; }
      @media screen and (min-width: 790px) {
        .ftJobs .jobCard .jobLeft {
          width: 40%;
          padding: 5%;
          text-align: left; } }
      .ftJobs .jobCard .jobLeft h1 {
        margin: 0;
        font-size: 1em;
	    font-weight: 700;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	    line-height: 1.5em;
	    height: 3em;
   	    overflow: hidden;
        text-align: center; }
        @media screen and (min-width: 790px) {
          .ftJobs .jobCard .jobLeft h1 {
            text-align: left; } }
      .ftJobs .jobCard .jobLeft p {
        margin: 10px 0 0 0;
        font-size: .8em;
        text-align: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
}
        @media screen and (min-width: 790px) {
          .ftJobs .jobCard .jobLeft p {
            text-align: left; } }
    .ftJobs .jobCard .jobRight {
      display: inline-block;
      width: 90%;
      padding: 5%;
      text-align: left; }
      @media screen and (min-width: 790px) {
        .ftJobs .jobCard .jobRight {
          width: 40%;
          padding: 5%;
          text-align: left;
          float: right; } }
      .ftJobs .jobCard .jobRight span {
        display: block;
        font-size: .8em;
        margin-bottom: 7px;
        text-align: center; }
        @media screen and (min-width: 790px) {
          .ftJobs .jobCard .jobRight span {
            text-align: left; } }
        .ftJobs .jobCard .jobRight span:before {
          color: #00213d;
          font-family: FontAwesome;
          width: 20px;
          display: inline-block;
          font-size: 1.1em; }
      .ftJobs .jobCard .jobRight .salary:before {
        content: "\f154"; }
      .ftJobs .jobCard .jobRight .contract:before {
        content: "\f15c"; }
      .ftJobs .jobCard .jobRight .industry:before {
        content: "\f0c3"; }
    .ftJobs .jobCard .jobButtons {
      width: 99%;
      margin: 0 auto;
      display: inline-block; }
      .ftJobs .jobCard .jobButtons .jobButton {
        width: 99%;transition: all .2s ease-in-out;
        display: inline-block;
        background-color: #26557e;
        vertical-align: top;
        padding: 10px 0;
        font-size: .8em;
        text-transform: uppercase;
        color: #fff; }
        @media screen and (min-width: 790px) {
          .ftJobs .jobCard .jobButtons .jobButton {
            width: 49%; } }
        .ftJobs .jobCard .jobButtons .jobButton:hover {
          background-color: #00213d; }
      @media screen and (min-width: 790px) {
        .ftJobs .jobCard .jobButtons .jobDesc {
          float: left; } }
      .ftJobs .jobCard .jobButtons .jobApply {
        margin: 2px 0; }
        @media screen and (min-width: 790px) {
          .ftJobs .jobCard .jobButtons .jobApply {
            float: right;
            margin: 0; } }

	.ftJobs .view-vacancies {
		display: block;
		padding: 15px;
		background: #00213d;
		width: 200px;
		margin: auto;
		margin-top: 30px;
		transition: all .2s ease-in-out;
		margin-bottom: 20px;
		color: #fff;
	}

	.ftJobs .view-vacancies:hover {
		background: #00213d;
		transform: scale(1.05);
	}

#contact-form { padding-top: 50px; max-width: 850px; margin: auto; }
#form { max-width: 850px; margin: auto; margin-top: 40px; }
.contact-h2 { font-size: 20px !important; text-align: center !important; color: #333; }
#form .contact-form-left { float: left; width: 47.5%; margin-right: 5%; margin-bottom: 15px; }
#form .contact-form-right { float: left; width: 47.5%;  margin-bottom: 15px; }
#form input[type=text] { width: 100%; padding: 15px; box-sizing: border-box; font-size: 15px; border: none; border-bottom: #003a5d 2px solid; background: #fff; border-radius: 3px; }
#form .textarea { width: 100%; padding: 15px; box-sizing: border-box; font-size: 15px; resize: none; height: 250px; margin-bottom: 0px; border: none; background: #fff; border-bottom: #003a5d 2px solid; border-radius: 3px; }
#form input[type=submit] { background: #333; padding: 15px 25px 15px 25px; margin-top: 10px; color: #fff; transition: all .2s ease-in-out; font-size: 18px; border: none; width: 200px; margin: 20px auto; border-bottom: #000 3px solid; display: block; font-weight: bold; border-radius: 5px; }
#form input[type=submit]:hover { background: #000; cursor: pointer; }
#form h2 { font-weight: lighter; font-size: 22px; margin-bottom: 50px; color: #444; }
#form h1 { color: #003a5d; font-size: 40px; margin-top: 0px; padding-top: 0px; font-weight: lighter; }

#overlay { position: absolute; background: rgba(0,0,0,0.9) ; width: 100%; height: 100%; z-index: 999; display: none; }

#overlay #bookcall { background: #f6f8fa ;  width: 500px; position: absolute; left: 50%; margin-left: -250px; top: 5%; text-align: center; padding: 25px 40px 40px 40px; border: rgba(0,0,0,0.9) 10px solid; box-sizing: border-box; }

#overlay #bookcall h1 { font-size: 35px; margin-top: 10px; margin-bottom: 10px; }
#overlay #bookcall h2 {  color: #555; font-weight: 400; font-size: 18px; margin-bottom: 30px; line-height: 27px; margin-top: 10px; padding-top: 0px; }
#overlay #bookcall input[type=text] { display: block; width: 100%; padding: 12px; box-sizing: border-box; font-size: 17px; color: #000; border: none; background: #ececec; margin-bottom: 10px; border-bottom: #ccc 2px solid; }
#overlay #bookcall input[type=submit] { display: block; width: 100%; padding: 12px; box-sizing: border-box; font-size: 18px; color: #fff; border: none; background: #00213d; margin-bottom: 10px; font-weight: bold; transition: all .2s ease-in-out; cursor:pointer; -webkit-appearance: none;  }
#overlay #bookcall input[type=submit]:hover { background: #000;}
#overlay #bookcall .close { width: 25px; height: 25px; margin-top: 15px; margin-right: 5px; background: url(../img/close.png); display: block; float: right; text-decoration: none; background-size: contain; opacity: 0.5; transition: all .2s ease-in-out; }
#overlay #bookcall .close:hover { opacity:1.0; }
#overlay #bookcall  form .custom-file-input { margin-bottom: 15px; margin-top: 5px; float:left; }
#overlay #bookcall  form .custom-file-input::-webkit-file-upload-button { visibility: hidden; width: 100px; margin-bottom: 10px; }
#overlay #bookcall  form .custom-file-input::before { content: 'Find File'; display: inline-block; background: #666; width: 100px; text-align: center; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; font-weight: 400; font-size: 15px; height: 40px; line-height: 40px; color: #fff; float: left; }
#overlay #bookcall  form .custom-file-input::before:hover { background: #000; }
#overlay #bookcall  form .custom-file-input:active::before { background: #000; }
.file_extensions { font-size: 12px; text-align: left; margin-bottom: 15px; color: #333; }
	
.menu_overlay { display: none; width: 100%; height: 200%; min-height: 500px; background: rgba(0,0,0,0.95); position: absolute; left: 0px; z-index: 99999; top: 132px; }
.menu_overlay .menu_holder { margin: 0px 0px 0px 0px; padding-top: 30px; }
.menu_overlay .menu_holder a { font-size: 22px; line-height: 35px; color: #ffffff; text-align: center; display: block; font-weight: 100; text-transform: capitalize; margin: 0px 0px 0px 0px; text-decoration: none; }
.menu_overlay .menu_holder a:hover { color: #3e8fc7; }
.menu_overlay .container { width: 100% !important; }
#mobile-close-button { display: none; }
#news-container .jobCard .jobRight { height: 130px;}

@media screen and (max-width: 790px) {
	
.content-left-col { width: 100%; float: none !important; }
.content-right-col { width: 100%; float: none !important; }
.headImg .head-overlay span { background: rgba(0,33,61,0.7); padding-left: 10px; padding-right: 10px; font-size: 40px;}
	
}