body {
  background-color: #f6f6f6;
  position: relative;
  font-family: 'Open Sans', sans-serif;
}

h1 {
	font-family: 'Exo 2', sans-serif;
}

a {
	color: #4A90E2;
	text-decoration: none;
}

p {
	font-size: 16px;
	line-height: 1.5;
}

span.obscure {
	unicode-bidi: bidi-override;
	direction: rtl;
}

.no-break {
	white-space: nowrap;
}

.logo-container>img {
	max-width: 100%;
}

img.imgix-logo {
	max-height: 75px;
}

p.errorcode {
	font-size: 140px;
	color: #dddddd;
	font-family: 'Exo 2', sans-serif;
	font-weight: 100;
	line-height: 100%;
	margin-top: 30px;
	margin-bottom: 0;
}

a:hover {
	color: #4382CB;
	text-decoration: none;
}

.home-bar {
	margin-top: -30px;
	background-color: #984cae; 
	height: 6px;
	margin-bottom: 30px;
}

.home-bar.blue {
	background-color: #4a90e2;
}

.link-finder {
	cursor: pointer;
}

.pull-right-xs {
	float: right!important;
}

.caps {
	text-transform: uppercase;
}

.cap-md {
	text-transform: capitalize;
}

.light {
	font-weight: 200;
}

.badge {
	background-color: #aaaaaa;
}

.navbar {
	background-color: #ffffff;
	border: 0;
	border-radius: 0;
	margin-bottom: 30px;
}

a.apply-button.btn.btn-primary {
	background-color: #4a90e2;
	font-family: 'Exo 2', sans-serif;
	font-weight: 500;
}


a.apply-button.btn.btn-primary>span.glyphicon {
	margin-left: 5px;
}

aside ul {
	padding-left: 25px;
}

aside ul li {
	margin-bottom: 10px;
}

aside nav ul li {
	margin-bottom: 0;
}


nav.navbar .nav-temp a {
	max-width: 200px;
}

nav.navbar .nav-temp a>img {
	max-width: 100%;
}

nav.navbar .nav-temp p {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
}

nav {
	font-family: 'Exo 2', sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #cccccc;
}

nav.navbar .navbar-collapse {
	max-height: none;
}

nav.navbar .logo {
	width: 92px;
	margin: 9px 5px 0;
	float: left;
}

nav.navbar .logo img {
	width: 100%;
}

nav a span.tagline {
	color: #cccccc;
	display: none;
	font-size: 12px;
	margin-top: 21px;
	margin-left: 10px;
	font-weight: 300;
}
@media (min-width: 340px) {
	nav a span.tagline {
		display: inline-block;
	}
}

nav b {
	margin-left: 3px;
	position: relative;
	left: 0px;
	transition: left 0.2s ease-out;
	-moz-transition: left 0.2s ease-out;
	-webkit-transition: left 0.2s ease-out;
}

nav a:hover b {
	left: 3px;
}

nav a:hover b.expand {
	left: 0;
}

nav.navbar ul.nav.navbar-nav>.dropdown.open>a {
	background-color: #ffffff;
	color: #999999;
}

nav.navbar ul.nav.navbar-nav>.dropdown>ul.dropdown-menu>li>a, nav ul.nav.navbar-nav>.dropdown>ul.dropdown-menu>li>a:hover {
	color: #000000;
	background-color: #ffffff;
}

nav.navbar ul.nav.navbar-nav {
	margin-top: 20px;
	margin-left: 0;
}

nav.navbar ul.nav.navbar-nav>li {
	float: none;
	display: block;
	padding: 8px 8px 0;
	margin: 0;
}

nav.navbar ul>li>a {
	font-size: 16px;
}

nav.navbar ul>li>a .glyphicon {
	font-size: 55%;
	top: -1px;
}

nav.navbar ul.nav.navbar-nav>li>a {
	color: #000000;
	margin: 0;
	padding: 0;
}

nav.navbar ul.nav.navbar-nav>li:first-child {
	padding-top: 0;
}

nav.navbar ul.nav.navbar-nav.nav-industries-2>li:first-child {
	padding-top: 8px;
}

nav.navbar ul.nav.navbar-nav.nav-industries-2>li:last-child>a {
	color: #999999;
}

nav.navbar ul.nav.navbar-nav.nav-apply {
	border-left: 3px solid #4A90E2;
}

nav.navbar ul.nav.navbar-nav.nav-apply b {
	color: #4A90E2;
}

nav.navbar ul.nav.navbar-nav.nav-industries-1 {
	border-left: 3px solid #984cae;
	margin-right: 0px;
	margin-bottom: 0px;
}

nav.navbar ul.nav.navbar-nav.nav-industries-2 {
	margin-top: 0px;
	border-left: 3px solid #984cae;
}

nav.navbar ul.nav-industries-1 b, nav ul.nav-industries-2 b {
	color: #984cae;
}

nav.navbar ul.nav.navbar-nav.nav-search {
	border-left: 3px solid #ED7600;
}

nav.navbar ul.nav.navbar-nav.nav-search>li {
	padding-right: 8px;
}

nav.navbar ul form.navbar-form {
	padding: 5px 0 0;
	margin: 0;
	border: none;
}

nav.navbar ul div.btn-group.btn-group-sm, nav ul div.btn-group.btn-group-sm .btn {
	width: 100%;
}

nav.navbar ul div.btn-group.btn-group-sm {
	margin-top: 5px;
	margin-bottom: 2px;
}

nav.navbar ul .btn {
	background-color: #eeeeee;
}

nav.navbar ul div.btn-group.btn-group-sm .btn span.glyphicon {
	float: left;
	top: 3px;
	color: #555555;
}

nav.navbar .btn-group-sm>.btn, nav .input-group-sm>.form-control {
	font-size: 14px;
}

nav.navbar ul.nav.navbar-nav>li.dropdown>ul.dropdown-menu>li>a {
	font-size: 16px;
}


/* MASTHEAD */

.masthead {
	margin: -30px 0 30px;
	color: #ffffff;
	padding: 8px 0 12px;
	font-family: 'Exo 2', sans-serif;
}

.masthead h1 {
	margin: 0 0 15px;
	display: inline;
	font-size: 24px;
}

.masthead nav, .masthead aside {
	font-weight: 100;
	font-size: 15px;
	margin-top: 9px;
}

.masthead nav ul {
	margin-bottom: 0;
}

.masthead a {
	color: #ffffff;	
}

.masthead nav a {
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
}

.masthead.purple {
	background-color: #984cae;
}

.masthead.blue {
	background-color: #4a90e2;
}

.masthead.purple nav {
	color: #BB8DC9;
}

.masthead.blue nav {
	color: #8EB7E7;
}

/* End MASTHEAD */


footer.pagefooter {
	margin-top: 50px;
	background-color: #dddddd;
	padding-top: 30px;
	border-top: 1px solid #cccccc;
}

footer.pagefooter .logo {
	width: 101px;
	margin-left: 5px;
	margin-bottom: 20px;
}

footer.pagefooter .logo img {
	width: 100%;
}

footer.pagefooter p {
	font-size: 12px;
	color: #666666;
}

footer.pagefooter .social {
	margin-top: 20px;
	margin-bottom: 20px;
}

footer.pagefooter .social>ul>li {
	display: inline-block;
	margin-left: 0;
	margin-right: 10px;
}

footer.pagefooter .social>ul>li>a>div {
	width: 35px;
	height: 35px;
}

footer.pagefooter .social>ul>li>a>div:hover {
	margin: -1px;
	width: 37px;
	height: 37px;
}

footer.pagefooter nav>ul {
	list-style-type: none;
	padding-left: 0;
}

footer.pagefooter nav>ul>li {
	font-family: 'Exo 2', sans-serif;
	margin-bottom: 7px;
	display: inline-block;
}

footer.pagefooter nav>ul>li:first-child {
	font-weight: bold;
}

footer.pagefooter nav>ul>li>a {
	color: #666666;

	font-size: 14px;
	line-height: 20px;
	padding: 5px;
}

footer.pagefooter .footerbottom {
	border-top: 1px solid #cccccc;
	padding-top: 8px;
	margin-top: 0;
}

footer.pagefooter .footerbottom p {
	font-size: 9px;
}

footer.pagefooter .footerbottom p a {
	color: #999999;
	margin-left: 10px;
}

.grid article>img, .list article>img {
	width: 100%;
	min-height: 100%;	
}

.grid-1>article div.itemlabel p a, .grid-2>article div.itemlabel p a {
	display: none;
}

.grid article, .grid aside.gridquote:hover, .jobsrow article, .list article {
	position: relative;
	top: 0px;
	transition: top 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-moz-transition: top 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-transition: top 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.grid article:hover, .grid aside.gridquote:hover, .jobsrow article:hover, .list article:hover {
	top: -2px;
	box-shadow: 0px 6px 5px -6px #999999;
}

.grid article, .list article {
	background-color:#ffffff;
	background-image: linear-gradient(to top,#642F71, #C8B8D1);
	min-height: 20px;
	margin-bottom: 10px;
	border: 1px solid #dddddd;
	overflow: hidden;
	z-index: 1;

	color: #ffffff;
	font-family: 'Exo 2', sans-serif;	
}

.grid .col-xs-20>aside {
	height: auto;
}

section.grid {
	padding-left: 0;
	padding-right: 0;
}

.grid aside {
	overflow: hidden;
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	padding: 15px;
	position: relative;
}

.grid aside.gridtextbox h1 {
	margin-top: 0;
	font-size: 24px;
	margin-bottom: 14px;
	color: #984cae;
	font-weight: 500;
}

.grid aside.gridtextbox h1 strong {
	font-weight: 500;
}

.grid aside.gridtextbox p {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 8px;
}

.grid aside.gridquote, .grid aside.gridquote a {
	background-color: #4A90E2;
	color: #ffffff;
	font-family: 'Exo 2', sans-serif;
	font-weight: 200;	
}

.grid aside.gridquote>div {
	width: 43px;
	height: 37px;
	margin-bottom: 10px;
}

.grid aside.gridquote p {
	font-size: 20px;
	line-height: 1.3;
}


.grid aside.gridtextbox {
	background-color: #ffffff;
}

article div.itemlabel {
	position: absolute;
	top: 0;
	padding: 3px 6px;
	color: #ffffff;
	font-family: 'Exo 2', sans-serif;
}

article div.itemlabel p {
	margin-bottom: 0;
	font-size: 10px;
}

article div.itemlabel p a {
	font-weight: 200;
	color: #ffffff;
	padding-left: 5px;
}

.grid article header, .list article header {
	position: absolute;
	bottom: 0;
	width: 100%;

	text-shadow: 0px 1px 3px #000000;
	padding: 8px 3% 8px;

	background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,0.5) 30px);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#60000000, endColorstr=#cc000000)";
}

.grid article header h1, .list article header h1 {
	margin: 2px 0 5px;
}

.grid article header h1 a, .list article header h1 a {
	color: #ffffff;
}

.grid article header p, .list article header p {
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 200;
	margin-bottom: 0;
}

.grid article header p a, .list article header p a {
	padding: 0 2px;
}


/* grid job */

.grid article.gridjob p a {
	color: #97DDFF;
}

article.gridjob div.itemlabel {
	background-color: #4A90E2;
}


/* grid article */

.grid article p a, .list article p a {
	color: #d886ef;
}

article.gridarticle div.itemlabel {
	background-color: #984cae;
}


/* grid quiz */

.grid article.gridquiz p a {
	color: #FFC34D;
}

article.gridquiz div.itemlabel {
	background-color: #ED7600;
}


/* grid Size-1 */

.grid>.grid-1>* {
	height: 160px;
}

.grid>.grid-1>article h1 {
	font-size: 19px;
	margin-bottom: 5px;
}

.grid>.grid-1>article header p span {
	display: none;
}

.grid>.grid-1>article header p {
	margin-bottom: 0px;
}

/* grid Size-2 + list item */

.grid>.grid-2>*, .list article {
	height: 160px;
}

.grid>.grid-2>article h1, .list article h1 {
	font-size: 19px;
	margin-bottom: 5px;
}

.grid>.grid-2>article header p span, .list article header p span {
	display: none;
}

.grid>.grid-2>article header p {
	margin-bottom: 0;
}

/* grid Size-3 */

.grid>.grid-3>* {
	height: 250px;
}

.grid>.grid-3>article h1 {
	font-size: 28px;
}


.guide nav li {
	border-left: 3px solid transparent;
	padding-right: 20px;
}

.guide nav li a {
	color: #4A90E2;
	line-height: 1.4;
	padding: 6px 10px;
	font-size: 16px;
}

.guide nav li a span {
	color: #cccccc;
	font-size: 10px;
	padding-left: 6px;
}

.guide nav li a:hover {
	color: #4382CB;
	background-color: transparent;
}

.guide nav li a:hover span {
	color: #4382CB;
}

.guide div.guidesponsor {
	margin: 0 20px 0 10px;
}

.guide div.guidesponsor>p {
	font-size: 13px;
	margin-top: 20px;
}

.guide div.guidesponsor a {
	display: block;
	margin-right: 20px;
	max-width: 200px;
}

aside.bannercontainer {
	padding: 7px 10px 20px;
	border-bottom: 1px solid #cccccc;
}

aside.bannercontainer>p {
	font-size: 10px;
	line-height: 10px;
	color: #cccccc;
	margin-bottom: 3px;
}

aside.bannercontainer>a {
	display: block;
	border: 1px solid #dddddd;
}

aside.bannercontainer>a>img {
	width: 100%;
}


section.pagesection>h1, .guide nav>h1, section.latestarticles>h1, aside.further-reading>h1 {
	color: #666666;
	font-size: 23px;
	font-weight: 700;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 20px;
}

section.industrynews>h1 {
	margin-bottom: 5px;
}

section.lead-grid {
	position: relative;
}

aside.hub-sponsorship {
	position: absolute;
	right: 0;
	padding: 5px 20px;
	display: table;
}

aside.hub-sponsorship>div {
	display: table-cell;
	vertical-align: middle;
}

aside.hub-sponsorship a {
	display: block;
	margin-top: 10px;
	text-align: center;
}

aside.hub-sponsorship p {
	margin: 0;
	text-align: center;
	font-size: 13px;
	font-family: 'Exo 2', sans-serif;
	color: #cccccc;
}


section.jobsrow {
	margin-bottom: 20px;
}

section.pagesection>h1 {
	display: inline-block;
}

section.pagesection>a {
	display: inline-block;
	position: relative;
	top: -2px;
	margin-left: 20px;
}

section.guide, section.pagesection {
	margin-top: 10px;
	border-top: 2px solid #cccccc;
	padding-top: 30px;
}

.guide nav>h1 {
	margin-top: 0;
	margin-bottom: 15px;
}

span.guideheader {
	color: #999999;
	font-family: 'Exo 2', sans-serif;
	font-size: 13px;
	line-height: 1.4;
	margin-bottom: 5px;
	display: block;
}

.guide section>h1 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 30px;
}

.guide section>p {
	margin-bottom: 25px;
}

.guide nav {
	padding-top: 0px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}

.guide section, section.brancharticles {
	padding-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}

.guide nav.affix, aside.guide.affix {
	position: static;
}

.guide nav.affix-bottom {
	position: relative;
}

.outlinelink {
	clear: both;
	float: right;
	font-family: 'Exo 2', sans-serif;
}

.outlinelink a span {
	color: #cccccc;
	display: inline-block;
	position: relative;
	font-size: 10px;
	padding-left: 6px;
	top: -5px;

	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.outlinelink a:hover span {
	color: #4382CB;
}

section.industrynews>h1 {
	margin-top: 0;
}

section.industrynews article {
	margin-left: 5px;
}

section.industrynews article>h1 {
	font-size: 20px;
}

section.industrynews article>p {
	font-size: 14px;
}

section.industrynews footer {
	padding-left: 5px;
}

article.job-tile {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	padding: 15px;
	margin-bottom: 5px;
}

article.job-tile h1 {
	font-size: 20px;
}

article.job-tile p {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 0;
}

article.job-tile>a {
	height: 75px;
	margin-left: 10px;
	margin-right: 10px;
	display: block;
	position: relative;
}

article.job-tile>a>img {
	position: absolute;
	margin: auto;
	vertical-align: middle;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 150px;
}


/* ARTICLE */

div.article-mainimage {
	overflow: hidden;
	position: relative;
	padding: 0;
	margin-top: -30px;
	border-bottom: 1px solid #cccccc;
	text-align: center;

	margin-bottom: 15px;
}

div.article-mainimage img {
	z-index: -10;
	margin: 0 -100%;

	min-width: 100%;
	height: 230px;
}

div.article-mainimage header {
	width: 100%;
	text-align: left;
	
	padding: 15px 5px 15px;
	color: #000000;

	background-color: #ffffff;
	border-top: 1px solid #eeeeee;
}

div.article-mainimage header h1 {
	margin-top: 0;
	font-size: 30px;
	font-weight: 400;
}

header nav.breadcrumbs {
	font-size: 14px;
	font-weight: 200;
	margin-bottom: 10px;
}

header nav.breadcrumbs>div {
	display: inline;
}

header nav.breadcrumbs>div>span {
	padding: 5px;
}

div.article-mainimage header nav.breadcrumbs a {
	color: #984cae;
}

div.article-mainimage header p.strapline {
	font-size: 16px;
	font-weight: 200;
	margin-top: 15px;
	margin-bottom: 0;
	
}

.pagebody {
	margin-top: 30px;
	padding: 0 20px;
}

.pagebody>p:first-child, .pagebody h1:first-child, .pagebody h2:first-child, .pagebody h3:first-child, .pagebody h4:first-child {
	margin-top: 0;
}


article.article .pagebody {
	margin-top: 38px;
	padding-top: 25px;
	border-top: 1px solid #cccccc; 
}


article.article .pagebody>p:first-child:first-letter, article.strut .pagebody>p:first-child:first-letter {
	float: left;
	color: #984cae;
	font-family: 'Exo2', sans-serif;
	font-weight: 200;
	font-size: 60px;
	line-height: 40px;
	margin: 0 0 0 -4px;
	padding: 7px 3px 0 0;
}


article.article.jarticle .pagebody>p:first-child:first-letter {
	color: #4a90e2;
}

.pagebody hr {
	border-top: 1px solid #cccccc;
	margin-top: 30px;
	margin-bottom: 40px;
}

.pagebody p, .pagebody li {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 18px;
}

.pagebody li {
	margin-bottom: 8px;
}

.pagebody h1, .pagebody h2, .pagebody h3, .pagebody h4 {
	font-family: 'Exo 2', sans-serif;
	margin-top: 26px;
	margin-bottom: 18px;
}

article.article .pagebody h1, article.article .pagebody h2, article.article .pagebody h3, article.article .pagebody h4 {
	color: #984cae;
}

.pagebody h2 {
	font-size: 26px;
}

.pagebody h3 {
	font-size: 20px;
}

.pagebody h1 strong, .pagebody h2 strong, .pagebody h3 strong, .pagebody h4 strong {
	font-weight: 400;
}

.pagebody aside.box {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	padding: 10px 15px 0px;

	width: 100%;
	margin-bottom: 20px;
}

.pagebody aside.box p, .pagebody aside.box li {
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 15px;
}

.pagebody aside.box h1, .pagebody aside.box h2, .pagebody aside.box h3, .pagebody aside.box h4 {
	margin-top: 22px;
	margin-bottom: 15px;
}

.pagebody aside.box h1:first-child, .pagebody aside.box h2:first-child, .pagebody aside.box h3:first-child, .pagebody aside.box h4:first-child {
	margin-top: 5px;
}

.pagebody aside.box h2 {
	font-size: 22px;
}

.pagebody aside.box h3 {
	font-size: 18px;
}

.pagebody aside.box img {
	display: block;
	border: 1px solid #dddddd;
	width: 100%;
	height: auto;
	margin-top: 5px;
	margin-bottom: 15px;
}

.pageinfo {
	color: #aaaaaa;
	padding: 3px 8px 0;
	margin-bottom: 8px;
}

.pageinfo .glyphicon {
	font-size: 110%;
	top: 2px;
	padding-right: 5px;
}

.pageinfo.readtime {
	text-align: right;
}

.pageinfo.articleauthor a {
	color: #aaaaaa;
}

.pageinfo.employerarticle.affix {
	position: static;
}

.pageinfo.employerarticle {
	margin-top: 50px;
	padding-right: 30px;
}

.employerarticle h1 {
	margin-bottom: 20px;
}

.employerarticle p {
	font-size: 13px;
	color: #cccccc;
}


/* End ARTICLE */


/* ARTICLES */

section.brancharticles:first-child {
	margin-top: -20px;
}

section.brancharticles>h1 {
	margin: 0 0 5px;
	font-size: 23px;
}

section.brancharticles span.allarticles {
	display: block;
	color: #aaaaaa;
	font-weight: 200;

	margin-bottom: 15px;
}

section.brancharticles span.allarticles a {
	font-weight: normal;
}

section.brancharticles.latestarticles {
	border-bottom-width: 2px;
}

section.brancharticles.latestarticles>h1 {
	margin-bottom: 20px;
}

.list article header p {
	display: none;
}

.all>.list article header p {
	display: block;
}

/* End ARTICLES */


/* JOBS */

.jobs.courses { 
	margin-top: -15px;
}

.jobs .filters {
	margin-top: -30px;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	background-color: #8eb7e7;
	color: #4a90e2;

	text-align: center;
}

.jobs .filters p {
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 5px;
  	font-family: 'Open Sans', sans-serif;
}

.jobs .filters ul li {
	display: inline-block;
	margin-left: 22px;
}

.jobs .filters ul li.selected {
	margin-left: 5px;

	padding: 10px;
	font-size: 18px;
	background-color: #4a90e2;
	color: #ffffff;
}

.jobs .filters ul li a {
	padding: 10px;
	font-size: 18px;
	display: block;

	transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-webkit-transition: background-color 0.15s ease-in-out;	
}

.jobs .filters ul li.selected a {
	padding: 0;
}

.jobs .filters a.remove-filter {
	display: inline;
	float: right;
	padding: 0;
	margin-left: 8px;
}

.jobs .filters a.remove-filter span.glyphicon {
	margin-right: 0;
	color: #ffffff;
}

.jobs .filters ul li.disabled {
	color: #bbd3ee;
	padding: 11px;
	font-size: 18px;
}

.jobs .filters p.disabled {
	color: #bbd3ee;
}

.jobs .filters ul li:not(.selected):not(.disabled):hover a {
	background-color: #81afe6;
}

.jobs .filters ul li span.glyphicon {
	margin-right: 6px;
	color: #8eb7e7;
}

.jobs .filters ul li .light {
	margin-left: 5px;
	margin-right: 3px;	
}

.jobs .filters ul li a {
	font-size: 18px;
	color: #ffffff;
	padding-right: 7px;
}

.jobs .filters ul li span {
	font-size: 14px;
	color: #4a90e2;
}

.jobs .filters ul li.selected span {
	color: #8eb7e7;
}

.order {
	margin-bottom: 40px;
	padding: 10px;
	border-bottom: 2px solid #cccccc;

	color: #888888;
}

.order ul {
	display: inline-block;
	margin-left: 10px;
	color: #4a90e2;
}

.order li {
	padding: 2px 8px;
}

.order li.selected {
	font-weight: 700;
}

.empty {
	display: block;
	margin: 50px auto;
	font-size: 24px;
	color: #cccccc;
}

.opportunities-container section {
	border-bottom: 1px solid #dddddd;
	padding-top: 5px;
	padding-bottom: 15px;
}

.opportunities-container section header {
	padding: 0;
}

.opportunities-container section header>div {
	width: 100%;
	max-height: 75px;
}

.opportunities-container section header h1 a {
	display: block;
	width: 100%;
	height: 100%;
}

h1 img.imgix-logo {
	max-width: 150px;
	max-height: 75px;
}

article.opportunity-row {
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	margin: 10px;

	position: relative;
	top: 0px;
	transition: top 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-moz-transition: top 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-transition: top 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


article.opportunity-row:hover {
	top: -2px;
	box-shadow: 0px 6px 5px -6px #999999;
}

article.opportunity-row .apply-container {
	text-align: left;
}

article.opportunity-row .apply-more {
	display: inline-block;
	margin-top: 18px;
	margin-left: 15px;
	margin-bottom: 11px;
}

article.opportunity-row h1 {
	margin-top: 0;
	font-size: 20px;
}

article.opportunity-row ul {
	margin-bottom: 0;
	margin-top: 6px;
}

article.opportunity-row ul li {
	margin-top: 3px;
	margin-right: 15px;
}

p.employer-description {
	font-size: 14px;
	line-height: 1.3;
	color: #888888;
	font-family: font-family: 'Exo 2', sans-serif;

	margin-top: 15px;
}

.opportunities-container section p.jobs-more {
	color: #cccccc;
	margin: 5px 20px;
	font-size: 14px;
}

.opportunities-container section p.jobs-more .glyphicon {
	padding-right: 5px;
}

.job-countdown {
	color: #cccccc;
	font-weight: 200;
	font-style: italic;
	padding-left: 10px;
}

.advertisers .order {
	margin-top: -15px;
}

.advertisers main section {
	border-bottom: 1px solid #dddddd;
	padding: 0 10px;
}

.advertisers main section>h1 { 
	font-size: 28px;
	margin-bottom: 30px;
}

.advertisers main article {
	padding: 0 25px;
	text-align: center;
	margin-bottom: 50px;
}

.advertisers main article a.logo-container {
	position:relative; 
	margin-bottom: 25px;
}


/* End JOBS */


/* STRUT */

header.titleblock {
	color: #ffffff;
	margin-top: -30px;
	margin-bottom: 20px;
	font-family: 'Exo 2', sans-serif;
}

header.titleblock.blue {
	background-color: #8EB7E7;
}

header.titleblock.purple {
	background-color: #BB8DC9;
}

header.titleblock>.container {
	padding: 10px 10px;
}

header.titleblock, header.titleblock nav, header.titleblock a {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.42857143;
	margin-bottom: 10px;
}

header.titleblock.blue .header, header.titleblock.blue nav, header.titleblock.blue a {
	color: #BAD4F2;
}

header.titleblock.purple .header, header.titleblock.purple nav, header.titleblock.purple a {
	color: #D6BADE;
}

header.titleblock nav ul {
	margin-bottom: 0;
}

header.titleblock nav li span.light {
	padding-left: 10px;
}

header.titleblock h1 {
	margin-top: 0;
	font-size: 30px;
	font-weight: 300;
}

header.titleblock.blue h1 .light {
	color: #BBD3EE;
}

article.strut .pagebody h2, article.strut .pagebody h3, article.strut .pagebody h4 {
	color: #984cae;
}

article.opportunity .pagebody h2, article.opportunity .pagebody h3, article.opportunity .pagebody h4 {
	color: #8EB7E7;
}

article.article.jarticle .pagebody h2, article.article.jarticle .pagebody h3, article.article.jarticle .pagebody h4 {
	color: #8EB7E7;
}

article.advertiser .pagebody h2, article.advertiser .pagebody h3, article.advertiser .pagebody h4 {
	color: #8EB7E7;
}

aside.further-reading {
	border-top: 1px solid #cccccc;
	margin-top: 10px;
	padding-top: 30px;
}

article.strut, article.opportunity, article.advertiser {
	margin-top: -30px;
}

article.strut aside.guide {
	margin-bottom: 30px;
}

article.opportunity aside.guide {
	margin-top: 25px;
	margin-bottom: 20px;
}

article.strut aside.guide>nav {
	border-top: 2px solid #cccccc;
	padding-top: 20px;
}

article.strut aside.guide.affix, article.opportunity aside.guide.affix, article.advertiser aside.guide.affix {
	top: 50px;
}

article .logo-container {
	display: block;
	width: 100%;
	height: 100%;
}

article.opportunity aside.guide section:first-child, article.article.jarticle aside.employerarticle section:first-child {
	margin-top: -20px;
}

article.opportunity aside.guide section, article.article.jarticle aside.employerarticle section {
	margin-top: 0;

	padding-top: 20px;
	padding-bottom: 20px;

	color: #555555;

	border-bottom: 1px solid #dddddd;
}

article.opportunity aside.guide section>p, article.article.jarticle aside.employerarticle section>p {
	margin-bottom: 0;
}

article.opportunity aside.guide section ul, article.article.jarticle aside.employerarticle section ul {
	margin-bottom: 25px;
}

article.opportunity aside.guide section li, article.article.jarticle aside.employerarticle section li {
	margin-bottom: 10px;
}

article.opportunity aside.guide section li:last-child, article.article.jarticle aside.employerarticle section li:last-child {
	margin-bottom: 0;
}

article.opportunity aside.guide section .job-countdown, article.article.jarticle aside.employerarticle section .job-countdown {
	font-size: 15px;
	margin-top: 5px;
	color: #aaaaaa;
	margin-bottom: 0;
}

article.advertiser section:first-of-type {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

article.advertiser section.pagecontainer h1 {
	margin-bottom: 40px;
}

article.advertiser aside.guide {
	margin-bottom: 40px;
}

article.advertiser aside.guide .logo-container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 30px;

	width: 80%;
	max-width: 210px;
}

.home-hubs section>h1 {
	margin-bottom: 30px;
	display: inline-block;
}

.home-hubs.guide {
	border-top: 2px solid #cccccc;
}

.home-hubs.guide>section {
	margin-top: 0 !important;
	border-bottom: 2px solid #cccccc;
}

.home-hubs .all-link {
	margin-left: 20px;
}

.home-hubs section>.all-link {
	margin-top: 15px;
}

.home-hubs section .grid-container {
	padding: 0;
}

.home-hubs section .grid-container .all-link {
	margin-right: 6px;
	margin-bottom: 10px;
}

.home-hubs section .grid {
	padding: 0;
}

.home-hubs section nav {
	border-top: 1px solid #cccccc;
	border-bottom: 0;
	padding-top: 15px;
}

.home-hubs section nav h1 {
	font-size: 18px;
	margin: 8px -5px 12px;
}

.home-hubs section nav li {
	padding: 0;
}

.home-hubs section nav li a {
	color: #4A90E2;
	font-size: 15px
}

.home-hubs section nav .guidesponsor {
	margin-left: 10px;
	margin-top: -5px;
	margin-bottom: 10px;
	padding-top: 20px;
}

.home-hubs section .jobsrow {
	border-top: 1px solid #cccccc;
}

.home-hubs section .row {
	margin: 0;
}

.home-hubs section .jobsrow>h1 {
	display: inline-block;
	color: #666666;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}

.home-hubs section .jobsrow>.all-link {
	margin-top: 21px;
}

.home-hubs section .jobsrow>.all-link.visible-xs {
	margin-top: 5px;
	margin-bottom: -10px;
}

section.jobsrow.pagesection>.all-link {
	margin-top: 7px;
}

section.grid>.all-link, section.lead-grid>.all-link {
	margin-right: 7px;
}

/* End STRUT */


/* STATICS */

article.static .pagebody h2, article.static .pagebody h3, article.static .pagebody h4 {
	color: #984cae;
}

article.static .pagebody {
	margin-top: 10px;
}

article.static h1 {
	margin: 0 0 40px;
}

article.about section {
	border-bottom: 1px solid #cccccc;
	padding: 30px 0 20px;
}

article.about section:first-child {
	padding-top: 0;
}

article.about section h1 {
	color: #984cae;
	font-weight: 100;
}

article.about section img {
	width: 100%;
}

article.about aside nav {
	margin-top: 10px;
}

article.about .picture-container {
	float: right;
	position: relative;
	margin: 0px -10px 20px 20px;
	width: 50%;
	height: auto;
}

article.about header {
	text-align: center;
	top: 50%;
}

article.about div.article-mainimage header h1 {
	font-size: 40px;
	font-weight: 100;
}

article.about div.article-mainimage img {
	position: absolute;

	top: -100%;
	bottom: -100%;
	left: -100%;
	right: -100%;
	margin: auto;	

	height: 100%;
}

article.about div.article-mainimage header {
	position: absolute;
	bottom: -1px;
	padding: 25px 0 25px;

	color: #ffffff;
	text-shadow: 0px 1px 3px #000000;
	border-top: none;

	background-color: transparent;
	background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,0.50) 70px);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#60000000, endColorstr=#cc000000)";
}


/* Login */

.modal .modal-content {
	overflow: hidden;
	background-color: #f6f6f6;
}

.modal .modal-header {
	background-color: #984cae;
	color: #ffffff;

	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: none;
}

.modal .modal-header h3.modal-title {
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
}

.modal .forgotten-link {
	display: block;
	margin-top: 5px; 
}

.modal input {
	margin-bottom: 5px;
}

.modal h5 {
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;	
	color: #984cae;
	font-size: 18px;
	margin-top: 4px;
	margin-bottom: 15px;
}

.modal .join-reasons ul {
	padding-left: 20px;
}

.login .join-reasons li {
	margin-bottom: 6px;
	color: #984cae;
}

.modal li span {
	color: #333333;
}

.modal .join-reasons {
	font-size: 15px;
	line-height: 21px;
}

.modal .signin .input-group {
	margin-bottom: 5px;
}

.form-grouping {
	margin-bottom: 20px;
}

.modal h4 {
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;
	color: #666;
	font-size: 22px;
	margin: 0 0 15px;
}

.modal hr {
	border-top: 1px solid #ddd;
	margin: 10px 0 20px;
}

.modal .join hr {
	margin-top: 0;
}

.modal .form-label {
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;
	color: #666;
	margin-bottom: 5px;
	display: inline-block;
}

.modal .gender .form-label {
	margin-bottom: 10px;
}

.modal .tc-link {
	margin-top: 6px;
}

.modal button.btn-primary {
	background-color: #4a90e2;
	font-family: 'Exo 2', sans-serif;
	font-weight: 500;
}

.modal button .glyphicon {
	font-size: 65%;
	top: 0;
}

.modal .alert ul {
	margin-bottom: 0;
}

.join-done {
	padding-top: 40px;
	padding-bottom: 50px;
}

.join-done .glyphicon {
	font-size: 60px;
	color: #bbbbbb;
}

.join-done .glyphicon.glyphicon-ok {
	color: #75b347;
}

.join-done p {
	font-family: 'Exo 2', sans-serif;
	font-weight: 200;
	font-size: 24px;
	color: #999999;
}

#user-button {
	width: 80%;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;	
}

.password-reset h1 {
	margin-bottom: 30px;
	font-weight: 200;
	color: #666666;
}

.password-reset input {
	margin-bottom: 5px;
}

.password-reset {
	margin-bottom: 100px;
}

.modal-body.paywall-subhead {
	background-color: #bb8dc9;
	color: #ffffff;
	font-size: 15px;
}

/* End Login */

/* Search */

.search-results header.full-page {
	margin-bottom: -50px;
	padding-top: 50px;
	padding-bottom: 120px;
}

.search-results .order {
	margin-top: 15px;
	padding-bottom: 25px;
}

.search-results main {
	padding-left: 20px;
	padding-right: 20px;
}

.search-results article {
	position: relative;
}

.search-results article {
	padding-bottom: 15px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 15px;
}

.search-results article .itemlabel {
	top: 1px;
	left: 1px;
}

.search-results article h1 {
	font-size: 26px;
	margin-top: 0;
}

.search-results article .breadcrumbs {
	font-size: 14px;
	margin-bottom: 5px;
	margin-left: 85px;
}

.search-results article .strapline {
	font-size: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.search-results article .strapline li {
	padding-left: 0;
	padding-right: 20px;
}

.search-results article .search-image {
	width: 200px;
	height: 112px;
	margin-right: 20px;
	border: 1px solid #dddddd;
	overflow: hidden;
	padding: 0;
}

.search-results article .search-image a {
	display: block;
	width: 100%;
	height: 100%;
}

.search-results article .search-image a img {
	height: 100%;
	min-width: 100%;
}

.search-results article .search-logo {
	width: 190px;
	height: 112px;
	margin-right: 30px;
	overflow: hidden;
	padding: 0;
}

.search-results article .search-logo a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.search-results article .search-logo a img {
	position: absolute;
	margin: auto;
	vertical-align: middle;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	max-width: 100%
}

/* VIDEO */

article.article.video {
	margin-top: -30px;
}

article.article.video .container-fluid {
	background-color: #333333;
	margin-bottom: 15px;
}

article.article.video header {
	margin-top: 20px;
	color: #eeeeee;
}

article.article.video header nav.breadcrumbs {
	color: #666666;
}

article.article.video header nav.breadcrumbs a {
	color: #999999;
}

article.article.video header h1 {
	font-weight: normal;
}

article.article.video header .strapline {
	margin-top: 20px;
	font-size: 20px;
	font-weight: 200;
	color: #cccccc;
}

.video-container {
	margin: 20px 15px 40px;
	margin-left: auto;
	margin-right: auto;
	max-width: 910px;
}

aside.sidebar {
	border-bottom:2px solid #dddddd;
	margin-bottom:20px;
	padding-bottom:20px;
}

aside.sidebar h3 {
	font-size:20px;
	color:#984cae;
	margin-top:5px;
}

aside.sidebar.social .share, section.post.footer.social .share {
	width:30px;
	height:30px;
	display:inline-block;
	color:#FFFFFF;
	text-align:center;
	line-height:30px;
	font-size:15px;
	transition:0.4s ease opacity;
	margin-top:15px;
}

aside.sidebar.social .share i, section.post.footer.social .share i {
	line-height:30px;
}

aside.sidebar.social .share:hover, section.post.footer.social .share:hover { opacity:0.8; }

aside.sidebar.social .share.facebook, section.post.footer.social .share.facebook { background-color:#335298; }
aside.sidebar.social .share.twitter, section.post.footer.social .share.twitter { background-color:#50aaf1; }
aside.sidebar.social .share.google, section.post.footer.social .share.google { background-color:#df442b; }
aside.sidebar.social .share.linkedin, section.post.footer.social .share.linkedin { background-color:#007ab5; }
aside.sidebar.social .share.pinterest, section.post.footer.social .share.pinterest { background-color:#bd081c; }

aside.sidebar .btn { background-color: #eeeeee; font-size:12px; width:60%; font-family:'Exo 2', sans-serif; }
aside.sidebar .btn span.glyphicon { float:left; top:3px; color:#555555; }

aside.sidebar .btn #user-button { margin-bottom:-2px; }
aside.sidebar .btn .glyphicon { margin-bottom: -2px; }

aside.sidebar.posts div.post, section.post.footer.related div.post {
	background-size:contain;
	display:block;
	margin:15px 0;
}

aside.sidebar.posts div.post.has-image a.post-image, section.post.footer.related div.post.has-image a.post-image {
	min-height:125px;
	background-size:cover;
	display:block;
}

aside.sidebar.posts.featured div.post .description {
	background-color:#9948b0;
	width: 100%;
}

aside.sidebar.posts.featured div.post .description h4 a, aside.sidebar.posts.featured div.post .description p {
	color:#FFFFFF;
}

aside.sidebar.posts div.post .description h4 a:hover {
	opacity:0.7;
}

aside.sidebar.posts div.post .description, section.post.footer.related div.post .description {
	padding:10px 15px;
	background-color:#e2e2e2;
	transition:0.2s linear all;
	width: 100%;
}

aside.sidebar.posts div.post .description h4 a, section.post.footer.related div.post .description h4 a {
	color:#9948b0;
	font-size:14px;
	font-weight:400;
	transition:0.2s 0.1s linear all;
}

aside.sidebar.posts div.post .description p, section.post.footer.related div.post .description p {
	color:#333333;
	font-size:12px;
	transition:0.2s 0.1s linear all;
	margin-bottom:3px;
}

aside.sidebar.twitter p { margin-top:20px; }
aside.sidebar.twitter .tweet { display:none; }
aside.sidebar.twitter .tweet.current { display:block; }
aside.sidebar.twitter .tweet a { font-size:14px; }

aside.sidebar.twitter p, aside.sidebar.twitter a {
	color:#9948b0;
	font-size:16px;
	line-height:16px;
}

section.post.footer.related div.post h4 a:hover {
	opacity:0.8;
}

section.post.footer {
	margin:10px 0;
	padding:25px 0;
	border-top:2px solid #dddddd;
}

section.post.footer h3 {
	font-size:24px;
	color:#9948b0;
	font-family:'Exo 2', sans-serif;
	line-height:30px;
	margin-right:30px;
}

section.post.footer.social h3 {
	float:left;
}

section.post.footer.social .share { margin-top:0px; line-height:30px; }

section.post.footer.related .posts {
	display:flex;
	align-content:stretch;
	align-items:stretch;
	overflow:hidden;
}

section.post.footer.related div.post {
	position:relative;
	/*display:flex;*/
	width:45%;
	margin-right:15px;
	background-color:#e2e2e2;
	display:block;
	float:left;
}

section.post.footer.related div.post .description {
	/*position:absolute;*/
	/*bottom:0;*/
}

aside.quote {
	clear:both;
	background:#e7e7e7;
	display:block;
	padding:30px 30px 30px 50px;
	width:100%;
	margin:20px 0 20px 0;
	position:relative;
}

aside.quote:before {
	content: '"';
	position:absolute;
	top:5px;
	left:15px;
	color:#9948b0;
	font-size:50px;
	font-style:italic;
}

aside.quote p {
	margin:0;
}

aside.banner {
	display:block;
	padding:30px 0;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	clear:both;
	margin:30px 0;
}

aside.banner img {
	width:100%;
}

.employerarticle .logo-container {
	height:auto;
}

@media (max-width:768px) {
	.pageinfo.articleauthor {
		float:left;
	}
	aside.banner {
		display:none;
	}
}

@media (min-width: 768px) {

	.pull-right-sm {
		float: right!important;
	}

	.pull-left-sm {
		float: left!important;
	}

	.pull-right-xs {
		float: left!important;
	}

	nav.navbar .nav-temp p {
		text-align: center;
	}

	nav.navbar .logo {
		width: 184px;
		margin: 27px 5px 13px;
		float: none;
	}

	nav.navbar a span.tagline {
		margin-top: 0;
		margin-left: 4px;
		font-size: 13px;
		font-weight: normal;
	}

	nav.navbar ul.nav.navbar-nav {
		margin: 20px 0 20px 4px;
	}

	nav.navbar ul.nav.navbar-nav>li {
		padding: 6px 8px 0;
	}

	nav.navbar ul>li>a {
		font-size: 13px;
	}

	nav.navbar ul.nav.navbar-nav>li:first-child {
		padding-top: 0;
		padding-bottom: 6px;
	}

	nav.navbar ul.nav.navbar-nav.nav-industries-2>li:first-child {
		padding-top: 0;
		padding-bottom: 0;
	}

	nav.navbar ul.nav.navbar-nav.nav-industries-1 {
		margin-bottom: 20px;
	}

	nav.navbar ul.nav.navbar-nav.nav-industries-2 {
		margin-top: 44px;
		border-left: 1px solid #984cae;
	}

	nav.navbar ul.nav.navbar-nav.nav-search {
		margin-top: 44px;
		width: 45px;
		margin-right: 0;
	}

	nav.navbar .btn-group-sm>.btn, nav .input-group-sm>.form-control {
		font-size: 12px;
	}

	nav.navbar ul.nav.navbar-nav>li.search-sm {
		padding-top: 0;
		margin-top: 4px;
		margin-bottom: -5px;
	}

	nav.navbar ul.nav.navbar-nav.nav-search>li {
		padding-right: 0;
	}

	nav.navbar ul.nav.navbar-nav>li.dropdown.open>ul.dropdown-menu {
		max-height: 110px;
		padding-bottom: 10px;
		opacity: 1;
		float: none;
		overflow: visible;

		transition: max-height 0.3s linear, opacity 0.4s ease-out;
		-moz-transition: max-height 0.3s linear, opacity 0.4s ease-out;
		-webkit-transition: max-height 0.3s linear, opacity 0.4s ease-out;
	}

	nav.navbar ul.nav.navbar-nav>li.dropdown>ul.dropdown-menu {
		position: relative;
		display: block;
		border: none;
		min-width: 5px;
		box-shadow: none;
		padding-top: 0;
		padding-bottom: 0;

		overflow: hidden;
		max-height: 0px;
		opacity: 0;
		transition: max-height 0.3s linear, opacity 0.4 ease-in;
		-moz-transition: max-height 0.3s linear, opacity 0.4s ease-in;
		-webkit-transition: max-height 0.3s linear, opacity 0.4s ease-in;
	}

	nav.navbar ul.nav.navbar-nav>li.dropdown>ul.dropdown-menu>li>a {
		padding: 6px 0 0 8px;
		font-size: 13px;
	}

	.masthead nav, .masthead aside {
		margin-top: 12px;
	}

	footer.pagefooter p {
		font-size: 14px;
	}

	footer.pagefooter .social {
		margin-top: 0;
		margin-bottom: 0;
	}

	footer.pagefooter .social>ul>li {
		display: block;
		margin: 0px;
	}

	footer.pagefooter nav {
		float: right;
	}

	footer.pagefooter nav>ul {
		border-left: 2px solid #aaaaaa;
	}

	footer.pagefooter nav>ul>li {
		display: block;
		margin-left: 5px;
	}

	footer.pagefooter nav>ul>li>a {
		font-size: 16px;
	}

	footer.pagefooter .footerbottom {
		margin-top: 20px;
	}

	footer.pagefooter .footerbottom p {
		font-size: 11px;
	}

	.grid article header p, .list article header p {
		font-size: 13px;
	}

	/* grid Size-1 */

	.grid>.grid-1>*, aside.hub-sponsorship {
		height: 130px;
	}

	.grid>.grid-1>article h1 {
		font-size: 17px;
		margin-bottom: 0px;
	}

	.grid>.grid-1>article header p {
		display: none;
		margin-bottom: 10px;
	}


	/* grid Size-2 */

	.grid>.grid-2>* {
		height: 270px;
	}

	.grid.grid-narrow>.grid-2>* {
		height: 270px;
	}

	.grid>.grid-2>article h1 {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.grid>.grid-2>article header p {

	}

	.grid>.grid-2>article header p span {
		display: inline;
	}


	/* grid Size 3 */

	.grid>.grid-3>* {
		height: 270px;
	}

	.grid>.grid-3>article h1 {
		font-size: 30px;
		margin-bottom: 10px;
	}


	.grid.grid-narrow>.grid-3>* {
		height: 270px;
	}

	.grid.grid-narrow>.grid-3>article h1 {
		font-size: 30px;
		margin-bottom: 6px;
	}


	.guide section>h1 {
		font-size: 36px;
	}

	.grid aside.gridquote>div {
		width: 58px;
		height: 50px;
	}

	.grid aside.gridquote p {
		font-size: 26px;
	}

	section.pagesection>h1, .guide nav>h1 {
		margin-left: -5px;
	}


	/* ARTICLE */

	div.article-mainimage {
		height: 470px;
		margin-bottom: 50px;
	}

	div.article-mainimage.noimage {
		height: auto;
	}

	div.article-mainimage img {
		position: absolute;

		top: -100%;
		bottom: -100%;
		left: -100%;
		right: -100%;
		margin: auto;	

		width: 100%;
		height: auto;
	}

	div.article-mainimage header {
		position: absolute;
		bottom: 0;
		padding: 25px 0 25px;

		color: #ffffff;
		text-shadow: 0px 1px 3px #000000;
		border-top: none;

		background-color: transparent;
		background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,0.50) 70px);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#60000000, endColorstr=#cc000000)";

	}

	div.article-mainimage.noimage header {
		position: relative;
		background-image: none;
		background-color: #BB8DC9;
		text-shadow: none;
	}

	div.article-mainimage header h1 {
		font-size: 45px;
	}

	header nav.breadcrumbs {
		font-size: 18px;
	}

	div.article-mainimage header nav.breadcrumbs a {
		color: #dddddd;
		color: rgba(255,255,255,0.80);
	}

	div.article-mainimage header p.strapline {
		font-size: 20px;
		margin-top: 15px;
		padding: 0 5px;
	}

	.pagebody {
		margin-top: 0;
	}

	article.article .pagebody {
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
	}

	article.article .pagebody>p:first-child:first-letter, article.strut .pagebody>p:first-child:first-letter {
		font-size: 105px;
		line-height: 70px;
		margin: 0 0 0 -5px;
		padding: 5px 5px 0 0;
	}

	.pagebody p, .pagebody li {
		font-size: 17px;
	}


	.pageinfo {
		padding: 3px 0 0;
	}

	.pageinfo.readtime {
		text-align: left;
		position: relative;
	}

	.pageinfo.employerarticle.affix {
		position: fixed;
		top: -20px;
		width: 172px;
	}

	/* END ARTICLE */

	/* ARTICLES */

	.masthead h1 {
		font-size: 30px;
	}

	section.brancharticles span.allarticles {
		float: right;
		display: block;
		position: relative;
		top: -26px;
		color: #aaaaaa;
		font-weight: 200;
		margin-bottom: 0;
	}

	section.brancharticles>h1 {
		font-size: 28px;
	}

	.list article {
		height: 180px;
	}

	.list article h1 {
		font-size: 22px;
	}

	.list article header p {
		display: block;
	}

	.list article header p span {
		display: inline;
	}

	/* END ARTICLES */


	/* JOBS */

	.jobs .filters {
		text-align: left;
	}

	.jobs .filters p {
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 40px;
	}

	.jobs .filters ul li {
		margin-left: 0;
	}

	.jobs .filters ul li.selected {
		margin-left: -24px;
	}

	section h1 img {
		max-width: 30%;
	}

	article.opportunity-row h1 {
		font-size: 22px;
	}

	article.opportunity-row ul {
		margin-top: 12px;
	}

	article.opportunity-row .apply-container {
		text-align: center;
	}

	article.opportunity-row .apply-more {
		display: block;
		margin-top: 7px;
		margin-left: 0;
		margin-bottom: 0;
	}

	.advertisers main article {
		height: 200px;
		margin-bottom: 0;
	}

	.advertisers main article a.logo-container {
		height: 70px;
		position:relative;
	}

	.advertisers main article a.logo-container>img {
		position:absolute;
	    top:0;
	    bottom:0;
	    left: 0;
	    right: 0;
	    margin: auto;
	} 

	/* End JOBS */

	
	/* STRUT */
	
	header.titleblock {
		margin-bottom: 50px;
	}

	header.titleblock, header.titleblock nav, header.titleblock a {
		font-size: 20px;
	}

	header.titleblock>.container {
		padding: 30px 15px;
	}

	header.titleblock h1 {
		font-size: 40px;
	}

	aside.further-reading {
		border-top: 1px solid #cccccc;
		margin-top: 10px;
		padding-top: 30px;
	}

	article.opportunity aside.guide {
		margin-top: -30px;
		margin-bottom: 40px;
	}

	/* END STRUT */

	section h1 img {
		max-height: 100%;
	}

	section.grid>.all-link, section.lead-grid>.all-link {
		bottom: 28px;
		margin-right: 5px;
		position: relative;
		z-index: 0;
	}

	article.about div.article-mainimage {
		margin-bottom: 30px;
	}

	article.about div.article-mainimage header h1 {
		font-size: 60px;
	}

	article.about .pagebody {
		margin-top: 30px;
	}

	article.about div.article-mainimage img {
		height: auto;
	}

	.search-results .order {
		margin-top: -35px;
	}

	.search-results article .breadcrumbs.no-image {
		margin-left: 90px;
		margin-bottom: 10px;
	}

	.search-results article .breadcrumbs.no-image-guide {
		margin-left: 60px;
		margin-bottom: 10px;
	}

	/* VIDEO */
	article.article.video .container-fluid {
		margin-bottom: 50px;
	}
}


@media (min-width: 992px) {

	.pull-right-sm {
		float: left!important;
	}

	.pull-right-md {
		float: right!important;
	}

	.grid>.blank-right-md {
		margin-right: 20%;
	}

	nav.navbar {
		font-size: 13px;
	}

	nav.navbar ul>li>a, nav ul>li>a {
		font-size: 15px;
	}

	nav.navbar ul.nav.navbar-nav.nav-search {
		width: 180px;
		margin-top: 20px;
	}

	nav.navbar ul.nav.navbar-nav>li.search-sm {
		padding-top: 2px;
	}
	nav.navbar ul.nav.navbar-nav.nav-temp>li.search-sm {
		padding-top: 11px;
	}

	nav.navbar ul.nav.navbar-nav {
		margin: 20px 8px 20px;
	}

	nav.navbar ul.nav.navbar-nav>li {
		padding: 6px 0 0 12px;
	}

	nav.navbar ul.nav.navbar-nav>li.dropdown>ul.dropdown-menu>li>a {
		font-size: 15px;
	}

	article div.itemlabel p {
		font-size: 12px;
	}


	/* grid Size-1 */

	.grid>.grid-1>*, aside.hub-sponsorship {
		height: 120px;
	}

	.grid>.grid-1>article h1 {

	}

	.grid>.grid-1>article header p {
		display: none;
		margin-bottom: 10px;
	}


	/* grid Size-2 */

	.grid>.grid-2>* {
		height: 250px;
	}

	.grid.grid-narrow>.grid-2>* {
		height: 250px;
	}

	.grid>.grid-2>article h1 {
		font-size: 30px;
		margin-bottom: 6px;
	}

	.grid>.grid-2>article header p {

	}

	.grid>.grid-2>article header p span {
		display: inline;
	}


	/* grid Size-3 */

	.grid>.grid-3>* {
		height: 380px;
	}

	.grid>.grid-3>article h1 {
		font-size: 35px;
	}

	.grid.grid-narrow>.grid-3>* {
		height: 250px;
	}

	.guide nav {
		padding-top: 0;
		padding-bottom: 0;
		border-bottom: none;
	}

	.guide nav>h1 {
		margin-bottom: 25px;
	}

	.guide nav li a {
		color: #666666;
		font-size: 13px;
	}

	.guide nav li a:hover {
		color: #4A90E2;
	}

	.guide nav li.active {
		border-left: 3px solid #984cae;
	}

	.guide nav li.active a {
		color: #984cae;
		font-weight: bold;
		padding-right: 3px;
	}

	.guide section:first-child {
		margin-top: -25px;
	}

	.guide nav.affix {
		top: 25px;
		width: 180px;
	}

	.guide nav.affix, aside.guide.affix {
		position: fixed;
	}

	section.industrynews {
		max-height: 520px;
		max-height: 490px\9;
		overflow: hidden;
		border-top: none;
		margin-top: 0;
		padding-top: 0;
		padding-left: 15px;
		padding-bottom: 30px;
	}

	section.industrynews>h1 {
		margin-left: 0;
	}

	section.industrynews footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 80px;
		padding-top: 55px;
		background-image: linear-gradient(to bottom, rgba(242,242,242,0),rgba(242,242,242,1) 45px);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00f6f6f6, endColorstr=#fff6f6f6)";
	}

	section.industrynews footer a {
		display: block;
		background-color: #f6f6f6;
	}


	/* ARTICLE */

	div.article-mainimage header h1 {
		font-size: 50px;
	}

	div.article-mainimage header p.strapline {
		font-size: 22px;
	}

	.pageinfo.employerarticle.affix {
		width: 180px;
	}

	/* End ARTICLE */

	/* JOBS */
	section  h1 img {
		max-width: 100%;
	}
	/* End JOBS */

	/* STRUT */
	article.strut aside.guide, article.opportunity aside.guide {
		margin-top: 0;
	}

	article.strut aside.guide>nav {
		border-top: none;
		padding-top: 0;
	}

	article.strut aside.guide.affix, article.opportunity aside.guide.affix, article.advertiser aside.guide.affix {
		top: 50px;
		width: 190px;
	}

	article.opportunity aside.guide.affix, article.advertiser aside.guide.affix {
		width: 228px;
	}
	/* End STRUT */


	.list .col-md-6 {
		width: 33.33%;
	}

	.brancharticles .list div:nth-child(n+4) {
		display: none;
	}

	.home-hubs section nav {
		border-top: 0;
		padding-top: 0;
	}

	.home-hubs section nav h1 {
		margin: 8px 5px 12px;
	}

	.home-hubs section nav li {
		border-bottom: 1px solid #dddddd;
		padding: 2px 0;
		padding-right: 4px;
	}

	.home-hubs section nav li a {
		font-size: 14px;
	}

	.home-hubs section nav .guidesponsor {
		margin-left: 5px;
		margin-top: 10px;
		margin-bottom: 30px;
	}

	article.about div.article-mainimage {
		margin-bottom: 50px;
	}

	article.about .pagebody {
		margin-top: 0;
	}

	article.about .picture-container {
		margin: 0px -18% 20px 20px;
		width: 40%;
	}

	.modal-lg {
		width: 800px;
	}

	.login .join-reasons {
		font-size: 17px;
		line-height: 26px;
	}

	article.article .pagebody {
		padding-right:75px;
	}

	aside.quote {
		margin-left:-50px;
		width:110%;
	}

	.pagebody aside.box {
		width: 65%;
		margin:30px -45px 30px 20px;
		float:right;
	}
	
}


@media (min-width: 1200px) {

	.cap-md {
		text-transform: none;
	}

	nav.navbar ul.nav.navbar-nav {
		margin: 20px 20px 20px;
	}

	nav.navbar ul>li>a, nav ul>li>a {
		font-size: 17px;
	}

	nav ul.nav.navbar-nav>li.dropdown>ul.dropdown-menu>li>a {
		font-size: 17px;
	}

	nav.navbar .logo {
		width: 218px;
		margin: 20px 5px 9px;
	}

	nav.navbar a span.tagline {
		margin-left: 6px;
		font-size: 15px;
	}

	/* grid Size-1 */

	.grid>.grid-1>*, aside.hub-sponsorship {
		height: 130px;
	}

	.grid>.grid-1>article h1 {
		font-size: 17px;
	}


	/* grid Size-2 */

	.grid>.grid-2>* {
		height: 270px;
	}

	.grid>.grid-2>article h1 {
		font-size: 30px;
	}

	.grid.grid-narrow>.grid-2>* {
		height: 270px;
	}


	/* grid Size-3 */

	.grid>.grid-3>* {
		height: 410px;
	}	

	.grid>.grid-3>article h1 {
		font-size: 40px;
	}

	.grid.grid-narrow>.grid-3>* {
		height: 270px;
	}


	.guide nav.affix {
		width: 220px;
	}

	section.industrynews {
		max-height: 560px;
		max-height: 530px\9;
	}

	.pageinfo.employerarticle {
		padding-right: 70px;
	}

	.pageinfo.employerarticle.affix {
		width: 220px;
	}

	.list article {
		height: 220px;
	}

	.list article h1 {
		font-size: 26px;
	}

	article.strut aside.guide.affix {
		width: 230px;
	}

	article.opportunity aside.guide.affix, article.advertiser aside.guide.affix {
		width: 220px;
	}

	.home-hubs section nav li {
		padding: 6px 0;
	}

	.home-hubs section nav li a {
		font-size: 16px
	}

}