@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');
* {-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
 html, body { margin: 0;padding: 0;height: 100%; }
html {scroll-behavior: smooth;}
 body {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;font-family: 'Roboto', sans-serif;background-color: #FFFFFF;}


::-webkit-input-placeholder {color:#999;font-size:18px;padding:0px 5px;line-height:45px}
:-moz-placeholder { color:#999;font-size:18px;padding:0px 5px;line-height:45px}
::-moz-placeholder {color:#999;font-size:18px;padding:0px 5px;line-height:45px}
:-ms-input-placeholder {color:#999;font-size:18px;padding:0px 5px;line-height:45px}
@font-face {font-family: 'mjhicons';src: url('https://media.myjobhelper.com/css/font/mjhicons.eot?24490269');src: url('https://media.myjobhelper.com/css/font/mjhicons.eot?24490269#iefix') format('embedded-opentype'),url('https://media.myjobhelper.com/css/font/mjhicons.woff?24490269') format('woff'),url('https://media.myjobhelper.com/css/font/mjhicons.ttf?24490269') format('truetype'),url('https://media.myjobhelper.com/css/font/mjhicons.svg?24490269#mjhicons') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'mjhicons';src: url('https://media.myjobhelper.com/css/font/mjhicons.eot?24490269');src: url('https://media.myjobhelper.com/css/font/mjhicons.eot?24490269#iefix') format('embedded-opentype'),url('https://media.myjobhelper.com/css/font/mjhicons.woff?24490269') format('woff'),url('https://media.myjobhelper.com/css/font/mjhicons.ttf?24490269') format('truetype'),url('https://media.myjobhelper.com/css/font/mjhicons.svg?24490269#mjhicons') format('svg');font-weight: normal;font-style: normal;}
.clear {float:none;clear:both;}


.is-visible {animation: scale 0.8s ease-in-out forwards;}
.animate {display: block;text-align:center;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.animate:before {content: "";position: absolute; z-index: -1;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: scaleX(0);transform: scaleX(0);  -webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;color:#ff9900}



.animate:hover, .animate:focus, .animate:active {background:transparent;color: white;}
.animate:hover:before, .animate:focus:before, .animate:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}

@keyframes scale {
  0%   {transform: scale(1.0);}
  50% {transform: scale(1.1);}
100% {transform: scale(1.0);}
}


.expand {
	-webkit-animation: expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}


@-webkit-keyframes expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}


	#header {transition: all 0.5s ease;top:0;background:white;border-bottom:solid 1px #333;display: flex;flex-direction: row;align-items: self-end;box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 30%);border-bottom: solid 2px #000;}
.scrolled {padding:0px 10px;0}
	.header-logo {width: 30%;padding:10px}
	.header-logo img {width:100%;height:auto}
	.header-nav {width: 75%;text-align:right}
.sub-text {text-align:center;margin:0 0 20px 0;font-style:italic;font-size:0.9em}

.dropdown-content a::before {content: '';display: block;width: 30px;height: 30px;background-size: contain;display:inline-block;vertical-align:middle;background-repeat:no-repeat;padding:3px 10px 0 0;}
.nav-find:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-findajob.png);}
.nav-blog:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-blog.png);}
.nav-alerts:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-alerts.png);}
.nav-unsub:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-unsub.png);}
.nav-advertise:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-advertise.png);}
.nav-partner:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-partner.png)}
.nav-billing:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-billing.png)}
.nav-contact:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-contact.png)}
.nav-about:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-about.png);}
.nav-careers:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-careers.png);}
.nav-press:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-press.png);}
.nav-reporting:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-reporting.png);}
.nav-travel:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-travel.png);}
.nav-faq:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-faq.png);}
.nav-help:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-help.png);}
.nav-account:before {background-image: url(https://media.careerdiversity.com/img/mjh-icons-account.png);}


#nav {
  position: relative;
  max-width: 100%;
  color: #0e3274;
  margin:0 15px -3px 0;
font-weight:normal;
}
.nav-container {float:right}
.topnav {

  background-color: #FFFFFF;
}

.topnav a {
  float: left;
  display: block;
  color: #333;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
.button-post {background:#fcaf1f !important;font-size:20px !important;font-weight:bold;color:#FFF !important;text-shadow: 1px 1px 1px #000000;}
.active {	
  background-color: #CCCCCC;
  color: white;
}

.topnav 	.icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: #0e3274;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: #0e3274;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #0e3274;
  color:#FFFFFF;
}

.dropdown-content a:hover {
  background-color: #0e3274;
  color:#FFFFFF ;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width:60em) {
  .topnav a, .dropdown .dropbtn, .nav-mobile  {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
font-size:2em;
padding:5px 10px;
background: #0e3274;
    color: white;
  }
	.nav-mobile {position:absolute;margin:0;width:300px;border:solid 2px #000;top:54px;right:0;background:white;}

  .topnav.responsive {position: relative;display:block;}


  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .icon {
    position: relative;

  }

  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
.topnav.responsive .nav-mobile {display: block}
}


/* Multiselect */



		.combobox {
			width: auto;
			display: table-cell;
			position: relative;
		}

		#textbox {
		    font-size: 1.1em;
    color: #000000;
    background-color: #fff;
    font-weight: normal;
    width: 254px;
    outline: none;
    min-height: 22px;
    padding: 15px 40px 15px 20px;
    margin: 0;
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: solid 2px #1e4faa;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
		}
		#textbox.selections {color: #069;}
		.combobox button.toggle:focus {
			outline: none;
			box-shadow: none;
		}
		.combobox button.toggle {
			background-color: #fff;
			padding: 0;
			border-top: 8px solid #6c6c6c;
			border-right: 8px solid transparent;
			border-bottom: none;
			border-left: 8px solid transparent;
			position: absolute;
			right: 10px;
			top: 25px;
			width: 16px;
		}

		.combobox button.clear {
			display: none;
			position: absolute;
			top: 13px;
			right: 4px;
			width: 31px;
			height: 26px;
			background-color: #fff;
			border: none;
		}

		.combobox button.clear::before {
			content: '×';
			position: absolute;
			top: 5px;
			left: 6px;
			z-index: 1;
			background-color: #6c6c6c;
			border-radius: 100%;
			font-size: 19px;
			color: #fff;
			line-height: 1;
			width: 21px;
			height: 21px;
		}

		.combobox button.clear:focus::before,
		.combobox button.clear:hover::before {background-color: #069;}

		.combobox ul {
			display: none;
			list-style: none;
			background-color: #fff;
			font-size: 1em;
			width: 99%;
			margin: 0;
			padding: 10px 0;
			border: 1px solid #999;
			border-radius: 5px;
border-top-left-radius: 0px;
    border-top-right-radius: 0px;
		}

		.combobox li {
			font-weight: bold;
			padding: 15px 0 15px 50px;
			position: relative;
		}

		.combobox .activedescendant {
			background-color: #ddd;
			color: #069;
		}

		.combobox li[aria-selected="true"] {color: #000;}

		.combobox li[aria-selected="true"].activedescendant {color: #069;}

		.combobox li span.check::before {
			position: absolute;
			content: ' ';
			line-height: 1;
			text-align: center;
			left: 20px;
			top: 14px;
			border-radius: 3px;
			width: 15px;
          height:15px;
			margin-right: 10px;
			border: 1px solid #7B8E9B;
			background: #f9f9f9;
		}

		.combobox li[aria-selected="true"] span.check::before {content: "✓";}

#footer {display:block;background:rgb(14 50 116);color:white;padding:60px;text-align:center;font-size:1.1em;line-height:1.7em}
#footer a, #footer a:visited {color:white;display: inline-block;padding: 0 5px;}
.service-social {margin: 0 0 20px 0;}
#footer i.icon-twitter-squared {font-size:2em}

.truste-cookie {position:fixed;bottom:60px;right:10px;z-index:200}
.truste-cookie a {text-decoration:none !important;border:none !important;    color: #333 !important;background: #d2e3fc !important;font-weight: bold;padding: 10px !important;border-radius: 8px;font-size:15px;text-shadow:none !important} 

	 @media (max-width: 60em) {
		 label, input[type=text], input[type=tel], input[type=password],.checkbox.column {display:block}
	#header {padding:10px 15px;align-items:center}
.header-logo {width: 100%;padding: 0;}
#nav > ul > li > ul {box-shadow:none;border:none;}
#nav > ul > li:not(:last-child):not(:first-child) {border-bottom: 1px solid #0e3274;width:225px;   border-right: solid 2px #000;
    border-left: solid 2px #000;}
#nav > ul > li > ul > li > a:before {display:none}
.nav-unsub, .nav-contact {border-bottom:solid 2px #0e3274}
#footer {padding:20px}

	}