@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,400,500,700,900&display=swap");
div.row {
  clear: left;
  padding: unset;
  width: 100%;
}

.ds-custom #wrapper {
  padding-bottom: unset;
  padding-top: unset;
  position: relative;
}

.ds-custom #wrapper .portlet-column-content.empty {
  padding: unset;
}

.ds-custom #wrapper .portlet-title-text {
  display: none;
}

.ds-custom #wrapper .portlet-content, .ds-custom #wrapper .portlet-minimized .portlet-content-container {
  padding: unset;
}

.ds-custom #wrapper .portlet-decorate .portlet-content {
  border: unset;
}

.ds-custom #wrapper .portlet {
  margin: 0;
}

.ds-custom #wrapper .row {
  margin: 0 !important;
}

.ds-custom #wrapper .col-xs-1, .ds-custom #wrapper .col-sm-1, .ds-custom #wrapper .col-md-1, .ds-custom #wrapper .col-lg-1, .ds-custom #wrapper .col-xs-2, .ds-custom #wrapper .col-sm-2, .ds-custom #wrapper .col-md-2, .ds-custom #wrapper .col-lg-2, .ds-custom #wrapper .col-xs-3, .ds-custom #wrapper .col-sm-3, .ds-custom #wrapper .col-md-3, .ds-custom #wrapper .col-lg-3, .ds-custom #wrapper .col-xs-4, .ds-custom #wrapper .col-sm-4, .ds-custom #wrapper .col-md-4, .ds-custom #wrapper .col-lg-4, .ds-custom #wrapper .col-xs-5, .ds-custom #wrapper .col-sm-5, .ds-custom #wrapper .col-md-5, .ds-custom #wrapper .col-lg-5, .ds-custom #wrapper .col-xs-6, .ds-custom #wrapper .col-sm-6, .ds-custom #wrapper .col-md-6, .ds-custom #wrapper .col-lg-6, .ds-custom #wrapper .col-xs-7, .ds-custom #wrapper .col-sm-7, .ds-custom #wrapper .col-md-7, .ds-custom #wrapper .col-lg-7, .ds-custom #wrapper .col-xs-8, .ds-custom #wrapper .col-sm-8, .ds-custom #wrapper .col-md-8, .ds-custom #wrapper .col-lg-8, .ds-custom #wrapper .col-xs-9, .ds-custom #wrapper .col-sm-9, .ds-custom #wrapper .col-md-9, .ds-custom #wrapper .col-lg-9, .ds-custom #wrapper .col-xs-10, .ds-custom #wrapper .col-sm-10, .ds-custom #wrapper .col-md-10, .ds-custom #wrapper .col-lg-10, .ds-custom #wrapper .col-xs-11, .ds-custom #wrapper .col-sm-11, .ds-custom #wrapper .col-md-11, .ds-custom #wrapper .col-lg-11, .ds-custom #wrapper .col-xs-12, .ds-custom #wrapper .col-sm-12, .ds-custom #wrapper .col-md-12, .ds-custom #wrapper .col-lg-12 {
  padding: unset;
  width: unset;
  margin: unset;
  float: none;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-custom #wrapper {
    padding: 0;
    margin: 0;
  }
  .ds-custom .portlet-decorate .portlet-content {
    border: none;
    margin: 0;
    padding: 0;
  }
  .ds-custom .col-xs-1, .ds-custom .col-sm-1, .ds-custom .col-md-1, .ds-custom .col-lg-1, .ds-custom .col-xs-2, .ds-custom .col-sm-2, .ds-custom .col-md-2, .ds-custom .col-lg-2, .ds-custom .col-xs-3, .ds-custom .col-sm-3, .ds-custom .col-md-3, .ds-custom .col-lg-3, .ds-custom .col-xs-4, .ds-custom .col-sm-4, .ds-custom .col-md-4, .ds-custom .col-lg-4, .ds-custom .col-xs-5, .ds-custom .col-sm-5, .ds-custom .col-md-5, .ds-custom .col-lg-5, .ds-custom .col-xs-6, .ds-custom .col-sm-6, .ds-custom .col-md-6, .ds-custom .col-lg-6, .ds-custom .col-xs-7, .ds-custom .col-sm-7, .ds-custom .col-md-7, .ds-custom .col-lg-7, .ds-custom .col-xs-8, .ds-custom .col-sm-8, .ds-custom .col-md-8, .ds-custom .col-lg-8, .ds-custom .col-xs-9, .ds-custom .col-sm-9, .ds-custom .col-md-9, .ds-custom .col-lg-9, .ds-custom .col-xs-10, .ds-custom .col-sm-10, .ds-custom .col-md-10, .ds-custom .col-lg-10, .ds-custom .col-xs-11, .ds-custom .col-sm-11, .ds-custom .col-md-11, .ds-custom .col-lg-11, .ds-custom .col-xs-12, .ds-custom .col-sm-12, .ds-custom .col-md-12, .ds-custom .col-lg-12 {
    padding: 0;
    width: unset;
    margin: 0;
    float: none;
  }
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none;
}

/*  display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body, html {
  min-height: 100%;
  height: 100%;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* added to reset */
ul, a {
  list-style: none;
  text-decoration: none;
  padding: 0;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

#container {
  overflow: hidden;
}

/* Alt tag update */
img[alt=""],
img:not([alt]) {
  border: 5px dashed #c00;
}

/*----------------------------*/
/*	   	  Main Elements  	  */
/*----------------------------*/
#outer-topnavigation {
  display: none;
}

#outer-bottomnavigation {
  display: none;
}

#outer-navigation {
  display: none;
}

#sub-navigation {
  display: none;
}

#inner-header h1 {
  display: none;
}

#sideleft-navigation {
  display: none;
}

#sideright-navigation {
  display: none;
}

#outer-slideshow {
  display: none;
}

#outer-clientfooter {
  display: none;
}

#outer-languagebar {
  display: none;
}

#breadcrumbs {
  display: none;
}

/* Make sure these add up to your sites width */
#sidebar-left, #content {
  float: left;
  margin-right: 2%;
}

#sidebar-left {
  display: none;
}

#content {
  width: 56%;
}

#sidebar-right {
  width: 38%;
  float: right;
}

/*----------------------------*/
/*	  MISC/GENERAL STYLES  	  */
/*----------------------------*/
/* HELPER CLASSES */
.last {
  margin-right: 0 !important;
}

.profileimg {
  margin: 0 15px 15px 0;
  float: left;
  width: 22%;
}

.fullwidth {
  width: 100%;
}

.fullimg img {
  width: 100%;
}

.clear {
  clear: both;
}

#content iframe, .module iframe {
  width: 100%;
}

.download {
  background: url(/cs/groups/hays_common/@uk/@content/documents/webassets/hays_1236390.png) 10px center no-repeat;
  display: block;
  padding: 15px 0px 15px 53px;
  text-decoration: none !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.download:hover {
  background: url(/cs/groups/hays_common/@uk/@content/documents/webassets/hays_1236390.png) 10px 0px no-repeat;
}

.downloadword {
  background: url(/cs/groups/hays_common/@uk/@content/documents/webassets/hays_1230454.png) 10px center no-repeat;
  display: block;
  padding: 15px 0px 15px 53px;
  text-decoration: none !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.downloadword:hover {
  background: url(/cs/groups/hays_common/@uk/@content/documents/webassets/hays_1230454.png) 10px 0px no-repeat;
}

.downloadpowerpoint {
  background: url(/cs/groups/hays_common/@uk/@content/documents/webassets/hays_1776888.png) 10px center no-repeat;
  display: block;
  padding: 15px 0px 15px 53px;
  text-decoration: none !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.downloadpowerpoint:hover {
  background: url(/cs/groups/hays_common/@uk/@content/documents/webassets/hays_1776888.png) 10px center no-repeat;
}

.map-wrapper {
  width: 100%;
  height: 434px;
  overflow: hidden;
}

.map-wrapper iframe {
  margin-top: -46px;
}

p.text-center {
  padding: 20px;
  color: #ffffff;
}

/*// GRID */
/*----------------------------*/
/*	   	  Header style   	  */
/*----------------------------*/
/*----------------------------*/
/*	   	  Slideshow style  	  */
/*----------------------------*/
#outer-slideshow {
  position: relative;
  padding: 0;
  zoom: 1;
  z-index: 1;
}

#inner-slideshow {
  position: relative;
  height: 375px;
  z-index: 0;
  zoom: 1;
}

#inner-slideshow .strapline {
  background: #fff;
  position: absolute;
  z-index: 9;
  bottom: 20px;
  left: 20px;
  padding: 40px;
  color: #333;
}

#inner-slideshow h1 {
  font-size: 2em;
  font-weight: bold;
}

#inner-slideshow h2 {
  font-size: 1.6em;
  font-weight: bold;
}

#inner-slideshow p {
  font-size: 0.9em;
  font-weight: normal;
}

/*----------------------------*/
/*	  Main navigation style	  */
/*----------------------------*/
#outer-navigation {
  background: #eee;
}

#inner-navigation {
  background: #999;
  height: 56px;
}

#inner-navigation li {
  float: left;
}

#inner-navigation li a {
  display: block;
  padding: 0 20px;
  line-height: 56px;
  color: #fff;
}

#inner-navigation li a:hover, #inner-navigation li.active a {
  background: #da1e1e;
}

/*----------------------------*/
/*	  Top navigation style	  */
/*----------------------------*/
#outer-topnavigation {
  background: #eee;
}

#inner-topnavigation {
  background: #999;
  height: 56px;
}

#inner-topnavigation li {
  float: left;
}

#inner-topnavigation li a {
  display: block;
  padding: 0 20px;
  line-height: 56px;
  color: #fff;
}

#inner-topnavigation li a:hover, #inner-topnavigation li.active a {
  background: #da1e1e;
}

/*--------------------------------*/
/*	  Bottom navigation style	  */
/*--------------------------------*/
#outer-bottomnavigation {
  background: #eee;
  margin: 0 0 20px 0;
}

#inner-bottomnavigation {
  background: #999;
  height: 56px;
}

#inner-bottomnavigation li {
  float: left;
}

#inner-bottomnavigation li a {
  display: block;
  padding: 0 20px;
  line-height: 56px;
  color: #fff;
}

#inner-bottomnavigation li a:hover, #inner-bottomnavigation li.active a {
  background: #da1e1e;
}

/*--------------------------------*/
/*	  header navigation style	  */
/*--------------------------------*/
/*--------------------------------*/
/*	         Job cards      	  */
/*--------------------------------*/
.module div#toggle-bar {
  display: none;
}

div#toggle-bar {
  background: #fff;
  min-height: 35px;
  border-bottom: solid 1px #ccc;
}

#toggle-bar h1 {
  font-size: 1.2em !important;
  margin: 0 !important;
  color: #444 !important;
  float: left;
}

.job-card-toggle {
  width: 25px;
  height: 25px;
  float: right;
  cursor: pointer;
  opacity: 0.4;
}

.job-card-toggle#tile {
  background: url(../imgs/tile.png) center no-repeat;
  -webkit-background-size: 100%;
  margin-right: 10px;
}

.job-card-toggle#table {
  background: url(../imgs/table.png) center no-repeat;
  background-size: 100%;
}

.job-card-toggle.active {
  opacity: 1;
}

/*----------------------------*/
/*	 	 Content styles	      */
/*----------------------------*/
#inner-main {
  max-width: 100%;
}

#content {
  width: 100%;
}

/*----------------------------*/
/*	Sidebar + module style    */
/*----------------------------*/
#sidebar-left {
  display: block;
  width: 100%;
}

#sidebar-right {
  display: block;
  width: 100%;
}

/* Individual module boxes and remove ones not getting used */
/*----------------------------*/
/*    Client footer styles	  */
/*----------------------------*/
#outer-clientfooter {
  background-color: #f5f5f5;
  padding: 40px 0;
}

#inner-clientfooter h1:after {
  content: "";
  display: table;
  clear: both;
}

.explore-card {
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px rgba(0, 0, 0, 0.05);
}

.explore-card .explore-descr {
  background-color: #fff;
  padding: 20px;
  font-size: 0.9em;
  line-height: 1.4em;
  font-weight: normal;
  color: #444;
}

.explore-descr h1 {
  font-size: 1.2em;
}

.explore-card a {
  display: block;
  margin-top: 15px;
  /* background-color: #ddd; */
  color: #777;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  border-top: solid 1px #eee;
  padding-top: 15px;
}

/*----------------------------*/
/*	 	  Custom styles	      */
/*----------------------------*/
p.job-button {
  border: 3px solid #fff;
  display: inline-block;
  padding: 10px 25px;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

p.job-button:hover {
  background-color: #64a198;
}

/*----------------------------*/
/*	 	   Typography	      */
/*----------------------------*/
/* Module */
a.Viewall {
  display: block;
  margin: 10px 0px;
  background: url(../imgs/joblink_bullet.png) 95% center no-repeat #eee;
  padding: 20px;
  color: #333;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a.Viewall:hover {
  background-color: #ddd;
  color: #222;
  text-decoration: none;
}

/* Client footer */
/*BULLET TO THE JOB LINKS, ADD THEM HERE */
.module .jobTitle a, table.Micro a:link {
  display: block;
  /*background: url(../imgs/joblink_bullet.png) left center no-repeat; padding-left:20px;*/
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.module .jobTitle a:hover, table.Micro a:hover {
  /*background: url(../imgs/joblink_bullet.png) 5px center no-repeat;*/
}

/* Job links */
#content .jobTitle a,
.jobTitle,
.jobRate,
table.Micro a,
table.Micro a:link, table.Micro a:visited {
  /*color: #da1e1e;*/
  text-decoration: none;
  display: block;
}

#content .jobTitle a:hover,
.module .jobTitle a:hover,
table.Micro a:hover, table.Micro a:focus {
  /*color: #da1e1e;*/
  text-decoration: none;
  display: block;
}

/* JOB TABLE HOVER EFFECTS */
tr.MicroItem:hover, tr.jobListItem:hover, tr.MicroAltItem:hover, tr.jobListItemAlt:hover {
  background-color: #da1e1e;
  color: #fff;
}

tr.MicroItem:hover a, tr.jobListItem:hover a, tr.MicroAltItem:hover a, tr.jobListItemAlt:hover a {
  color: #fff !important;
}

/* Applylinks */
.applylinks {
  cursor: pointer;
  padding: 20px 35px !important;
  text-decoration: none !important;
  margin: 20px 10px 0 0;
  font-weight: normal;
  position: relative;
  display: inline-block;
  border: none !important;
  border-radius: 2px !important;
  text-shadow: none !important;
}

a.detailedBack:hover {
  background: #bbb;
}

a.detailedApply:hover {
  background: #2ECC40 !important;
}

/*-----------------------------------------*/
/* DETAILED JOB STYLES */
/*-----------------------------------------*/
/* Job titles */
.title, .detailedTitle {
  padding-top: 10px;
  margin: 0;
  color: #da1e1e;
  font-size: 1.8em !important;
}

/* Job details bulletpoints */
.recordInfo li {
  line-height: 18px;
  list-style: square;
  list-style-type: square;
  list-style-position: outside;
  margin: 0 0 5px 10px;
}

/* RSS links */
.rsslink, .rsslink img, .rsslinkLocal {
  display: none;
}

.rsslink span, .rsslink {
  float: left;
  padding: 0px 0px 10px 0px;
  text-indent: 5px;
}

.rsslink img {
  float: left;
}

.rsslinkLocal {
  float: left;
  padding: 0 0 0 15px;
  margin-bottom: 15px;
  text-indent: 5px;
  background: url(http://www1.hays.com/jobs/styleapps/template-assets/rss.png) no-repeat top left;
}

.jobTitle, .jobRate {
  vertical-align: middle;
}

/* Job Description */
/* Job Closing Date */
.detailedOffice, .detailedPhone, .detailedEmail, .detailedContact, .detailedRef, .detailedClosingDate, .detailedType, .detailedSalary, .detailedLocation {
  border-right: solid thin #ddd;
  border-top: solid thin #ddd;
  border-left: solid thin #ddd;
  padding: 0 0px;
  margin: 0 !important;
}

.detailedEmail span, .detailedPhone span, .detailedOffice span, .detailedContact span,
.detailedRef span, .detailedClosingDate span, .detailedType span, .detailedSalary span, .detailedLocation span {
  width: 160px;
  display: inline-block;
  font-weight: normal;
  padding: 10px;
  color: #555;
  border-right: solid 4px #ddd;
  margin-right: 19px;
  background-color: #eee;
  font-size: 1em;
}

.detailedEmail, .detailedRef {
  margin: 0 0 30px 0 !important;
  border-bottom: solid thin #ddd;
}

.detailedContact {
  margin: 30px 0 0 0 !important;
}

/* Hide 1 of 1 jobs text below table */
p.Micro, span#MSearch br {
  display: none !important;
}

hr {
  border: 0;
  height: 1px;
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/*hr { border: 0; height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(242,101,45,0.5), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(242,101,45,0.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(242,101,45,0.5), rgba(0,0,0,0));
	}*/
/*---------------------------------------------*/
/*	 	   Page: Tab styles				       */
/*---------------------------------------------*/
ul#tabnav {
  float: left;
  padding: 0px;
  margin: 30px 0px 0px 0px;
  width: 100%;
}

ul#tabnav li {
  float: left;
  list-style: none;
  width: 33.33333%;
  margin: 0;
  padding: 0;
}

ul#tabnav li a {
  float: left;
  background: #ececec;
  padding: 15px;
  width: 100%;
  text-decoration: none !important;
  color: #666;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  border-top: 4px solid #fff;
  font-weight: lighter;
}

ul#tabnav li#active a {
  border-top: 4px solid #da1e1e;
}

ul#tabnav li#active a, ul#tabnav li a:hover {
  background: #da1e1e;
  color: #fff;
}

#tabs {
  position: relative;
  width: 100%;
  background-color: #da1e1e;
  padding: 20px;
}

#tabs h1, #tabs h2, #tabs h3, #tabs h4, #tabs h5, #tabs h6, #tabs p {
  color: #fff;
}

#tabs {
  position: relative;
  width: 100%;
  background-color: #da1e1e;
  padding: 20px;
}

#tabs {
  position: relative;
  width: 100%;
  background-color: #da1e1e;
  padding: 20px;
}

#tabs > div {
  display: none;
}

/* EXPAND AND CLOSE FAQ */
.expand {
  background: url(http://www1.hays.com/jobs/styleapps/template-assets/arrow_expand.png) no-repeat 98% center #ddd;
  background-size: 2%;
  color: #da1e1e !important;
  text-decoration: none !important;
  padding: 20px;
  margin: 10px 0px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.expand:hover {
  background-color: #da1e1e;
  color: #fff !important;
}

.expand.open {
  background: url(http://www1.hays.com/jobs/styleapps/template-assets/arrow_collapse.png) no-repeat 98% center #da1e1e;
  background-size: 2%;
  color: #fff !important;
}

.collapse {
  display: none;
}

.collapse:after {
  content: "";
  display: table;
  clear: both;
}

.collapse p {
  padding: 10px;
  margin: 0 !important;
}

/*----------------------------*/
/*	  MOBILE ELEMENTS 	  	  */
/*----------------------------*/
.show {
  display: none;
}

ul#mobilenavigation, #mobilenav, #topbar {
  display: none;
}

/*----------------------------*/
/*	  MEDIA QUERIES		 	  */
/*----------------------------*/
@media handheld, only screen and (max-width: 1200px) {
  #wrapper {
    width: auto;
    padding: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  #inner-slideshow {
    height: auto;
  }
  #inner-header, #inner-clientfooter {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* HIDE LOCATION ON JOB TABLE */
  tr.jobListItemAlt td:last-child, tr.jobListItem td:last-child, tr.MicroItem td:last-child, tr.MicroAltItem td:last-child {
    display: none;
  }
}

@media handheld, only screen and (max-width: 768px) {
  #outer-slideshow, #sidebar-right {
    margin: 0px 0px;
  }
  #inner-topnavigation, #outer-navigation, #outer-bottomnavigation, #sideright-navigation,
  #inner-bottomnavigation, #inner-navigation, #headernavigation, #inner-languagebar, #inner-slideshow .strapline h2, .strapline p {
    display: none;
  }
  .jobTable, .Micro, #mainjobs {
    font-size: 0.8em;
  }
  a.detailedBack, a.detailedApply, .applylinks {
    width: 100%;
    display: block;
    margin: 20px 0px 5px 0px;
    padding: 20px 0px;
    text-align: center;
  }
  #outer-footer {
    font-size: 0.8em;
  }
  #inner-footer .addthis_toolbox {
    float: left;
    margin: 20px 30px 0px 10px;
    clear: both;
  }
  /* START OF SLIDEOUT NAV */
  .show {
    display: block !important;
  }
  #topbar, #wrapper {
    -webkit-transition: all 400ms cubic-bezier(0.72, 0.08, 0.21, 1);
    /* older webkit */
    -webkit-transition: all 400ms cubic-bezier(0.72, 0.08, 0.21, 1.25);
    transition: all 400ms cubic-bezier(0.72, 0.08, 0.21, 1.25);
    /* custom */
  }
  ul#mobilenavigation {
    display: block;
  }
  #inner-header, #inner-clientfooter {
    padding: 15px;
  }
  #wrapper {
    padding: 0px;
    position: relative;
    width: auto;
  }
  #container {
    overflow-x: hidden !important;
  }
  .nav-open #container {
    overflow: hidden !important;
    height: 100%;
  }
  .nav-open #mobilenav {
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
  }
  .nav-open #wrapper, .nav-open #topbar {
    transform: translate(80%, 0);
    -webkit-transform: translate(80%, 0);
    -moz-transform: translate(80%, 0);
    -o-transform: translate(80%, 0);
    -webkit-box-shadow: -15px 0px 70px rgba(0, 0, 0, 0.08);
            box-shadow: -15px 0px 70px rgba(0, 0, 0, 0.08);
  }
  /* END OF SLIDEOUT NAV */
  /* PLUGINS */
  ul#tabnav li a {
    padding: 20px 0px;
    text-indent: 20px;
    margin: 5px 0px;
  }
  /* ### MOBILE MENU STYLE ### */
  .Menu {
    background: #fff;
    border-radius: 50%;
    position: absolute;
    width: 47px;
    height: 47px;
    top: 33px;
    right: 20px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    padding: 6px 9px;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
  }
  /*THREE BARS*/
  .Menu div {
    display: block;
    -webkit-transition: 0.2s linear;
    -webkit-transform-origin: center;
    background: #2e2d62;
    width: 30px;
    height: 5px;
    border-radius: 2px;
    margin-top: 5px;
  }
  .Menu.animate {
    right: 20px;
    background: #fff;
    border-radius: 50%;
  }
  #topbar {
    z-index: 9999999;
    position: fixed;
    width: 100%;
    display: block;
  }
  ul#mobilenavigation {
    background: #ddd;
    padding: 20px 0px;
    width: 100%;
    min-width: 240px;
    position: fixed;
    height: 100%;
    margin-top: 0;
    font-weight: 300;
    z-index: 999991;
    list-style: none;
    -webkit-transform: translate3d(-100%, 0, 0) translate3d(-2em, 0, 0) scale3d(0.5, 1, 1);
    transform: translate3d(-100%, 0, 0) translate3d(-2em, 0, 0) scale3d(0.5, 1, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: 0.5s;
    -moz-transform: 0.5s;
    -ms-transform: 0.5s;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-in;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  ul#mobilenavigation li {
    width: 80%;
  }
  ul#mobilenavigation li a {
    position: relative;
    display: inline-block;
    padding: 0px 20px;
    font-size: 2em;
    opacity: 0.5;
    color: #000000;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  ul#mobilenavigation li a i {
    margin-right: 0.5em;
  }
  ul#mobilenavigation li .dropdown {
    display: none;
    border-top: 0.25rem solid #2e2d62;
    margin: .5rem 20px 1rem 20px;
  }
  ul#mobilenavigation li .dropdown li {
    width: 100%;
    background: #eeeeee;
  }
  ul#mobilenavigation li .dropdown li a {
    padding: 1rem;
  }
  ul#mobilenavigation h5 {
    display: none;
    font-size: 1em;
    color: #62646D;
    padding: 12px 20px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
  }
  #mobilenavigation.nav-open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 2px 13px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 13px rgba(0, 0, 0, 0.2);
  }
  #mobilenavigation li {
    display: none;
    color: #fff;
    -webkit-transition: 0.5s;
    -moz-transform: 0.5s;
    -ms-transform: 0.5s;
    -o-transform: 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  }
  #mobilenavigation li a {
    color: #fff;
    text-decoration: none;
  }
  #mobile_back {
    display: none;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 99;
  }
  ul#mobilenavigation li.active a, ul#mobilenavigation li:hover a {
    font-weight: bold;
    opacity: 1;
  }
  /* ############## */
  /* MENU ANIMATIONS */
  /* ############## */
  .animate #rect1 {
    -webkit-transform: translateY(10px) rotate(45deg);
  }
  .animate #rect2 {
    opacity: 0;
  }
  .animate #rect3 {
    -webkit-transform: translateY(-10px) rotate(-45deg);
  }
}

/*----------------------------*/
/*	  MISC/GENERAL STYLES  	  */
/*----------------------------*/
/*---------------------------------------------*/
/*	 	   Page: Google map API			       */
/*---------------------------------------------*/
#map_canvas {
  height: 400px;
  width: 100%;
  z-index: 10;
}

#map_canvas img, #map_canvas embed, #map_canvas object {
  max-width: none;
}

#buttons {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 20;
  border-radius: 4px;
  border-radius: 4px;
  height: 68px;
  display: none;
}

#buttons a {
  margin-right: 10px;
}

/*-------------------------------------------------*/
/*	 	   Page: FAQ							   */
/*-------------------------------------------------*/
/* Hide elements on pages by referencing the id page names on the body element */
ul.dropdown {
  position: relative;
}

ul.dropdown li {
  zoom: 1;
  z-index: 999;
}

ul.dropdown a:hover {
  color: #000;
}

ul.dropdown a:active {
  color: #ffa500;
}

ul.dropdown li a {
  display: block !important;
}

/* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover {
  position: relative;
}

ul.dropdown ul {
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  width: 250px;
  visibility: hidden;
  position: absolute;
  top: 100%;
  right: 0;
}

ul.dropdown ul li {
  font-weight: normal;
  background: #da1e1e;
  color: #000;
  width: 100%;
  border-bottom: 1px solid #ccc;
  float: none;
  padding: 0;
  text-indent: 20px;
}

ul.dropdown ul li a {
  border-right: none;
  width: 100%;
  display: inline-block;
  padding: 0 !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

ul.dropdown ul ul {
  right: 50%;
  top: 47px;
  margin-right: -125px;
}

ul.dropdown li:hover > ul {
  visibility: visible;
}

.sub_menu {
  display: none;
}

.pagination {
  font-size: 0.8em;
  margin-top: 10px;
}

.pagination ul {
  padding: 0 !important;
  list-style: none !important;
}

.pagination ul li {
  display: inline;
  margin-right: 13px;
  display: none;
}

.pagination li.pageNumber, .pagination li.resultCount, .pagination li.active, .pagination li.resultCount, .pagination li.next {
  display: inline-block;
}

.pagination li.pageNumber {
  padding-right: 14px !important;
}

.pagination li a {
  font-size: 1em !important;
  text-decoration: none !important;
}

li.resultCount {
  float: right;
}

li.pageNumber {
  border-right: 1px solid #ccc;
  padding-right: 5px;
  margin-right: 5px;
}

.pagination li.next a {
  background: url(/prd_contrib/groups/hays_common/@uk/@content/documents/webassets/hays_897309.png) center center #243746;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 80%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.pagination li.next a:hover {
  background-color: #5e9732;
}

#outer-slideshow {
  display: none;
}

/*------------------------*/
/*	 Hays footer styles	  */
/*------------------------*/
#outer-footer {
  font-family: 'Arial', Helvetica, sans-serif;
  background: #fff;
  border-top: 1px solid #eee;
  float: none;
  width: 100% !important;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px !important;
}

#inner-footer {
  margin: 0 auto 0 auto;
}

#inner-footer .copyright {
  font-family: Arial, Helvetica, sans-serif !important;
  float: left;
  margin: 19px 0px 0px 20px;
}

#inner-footer #hayslogo {
  float: left;
  margin: 10px 0px 0px 0px;
}

#inner-footer #disclaimer {
  clear: both;
  float: left;
  margin: 10px 0px 0px 10px;
  padding: 0px 0px 16px 0px;
  font-size: 0.8em;
  text-align: left;
  color: #777;
}

#inner-footer .addthis_toolbox {
  float: right;
  width: 138px;
  margin: 32px 30px 0px 0px;
}

#inner-footer p {
  float: left;
  color: #304a7f;
}

#inner-footer span {
  color: #333;
}

#inner-footer a {
  color: #666;
  font-weight: normal;
}

#inner-footer a:hover {
  text-decoration: none;
  color: #002776;
}

#outer-footer {
  font-family: 'Arial', Helvetica, sans-serif;
  background: #fff;
  border-top: 1px solid #eee;
  width: 100% !important;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 20px !important;
}

#outer-footer p {
  margin: 0;
}

#inner-footer-expert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 0 auto;
}

#inner-footer-expert #footerLogo-Links {
  margin: 10px 0px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 43px;
  font-size: 17px;
  margin-left: 20px;
}

div#footer-bottom {
  font-size: 13px;
  margin-bottom: 5px;
  margin-left: 11px;
}

#inner-footer-expert #footer-bottom .single-col .col.col-12 nav ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#inner-footer-expert #footer-bottom .single-col .col.col-12 nav ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#inner-footer-expert #copyright-text {
  font-family: Arial, Helvetica, sans-serif !important;
  margin: 19px 0px 0px 20px;
}

#inner-footer-expert #footerLogo {
  margin: 10px 0px 0px 0px;
}

#inner-footer-expert p {
  color: #304a7f;
}

#inner-footer-expert span {
  color: #333;
}

#inner-footer-expert a {
  margin-right: 8px;
  color: #666;
  font-weight: normal;
}

#inner-footer-expert a:hover {
  text-decoration: none;
  color: #002776;
}

#inner-footer-expert #copyright-text {
  display: none;
}

/*NEED AMEND*/
.fade-in {
  -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 1.5s both;
          animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 1.5s both;
}

/**
 * ----------------------------------------
 * animation fade-in-bck
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bck {
  0% {
    -webkit-transform: translateZ(80px);
            transform: translateZ(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-bck {
  0% {
    -webkit-transform: translateZ(80px);
            transform: translateZ(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation fade-in-bl
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bl {
  0% {
    -webkit-transform: translateX(-50px) translateY(50px);
            transform: translateX(-50px) translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bl {
  0% {
    -webkit-transform: translateX(-50px) translateY(50px);
            transform: translateX(-50px) translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation fade-in-br
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-br {
  0% {
    -webkit-transform: translateX(50px) translateY(50px);
            transform: translateX(50px) translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-br {
  0% {
    -webkit-transform: translateX(50px) translateY(50px);
            transform: translateX(50px) translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation fade-in-fwd
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation fade-in-tl
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-tl {
  0% {
    -webkit-transform: translateX(-50px) translateY(-50px);
            transform: translateX(-50px) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-tl {
  0% {
    -webkit-transform: translateX(-50px) translateY(-50px);
            transform: translateX(-50px) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation fade-in-tr
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-tr {
  0% {
    -webkit-transform: translateX(50px) translateY(-50px);
            transform: translateX(50px) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-tr {
  0% {
    -webkit-transform: translateX(50px) translateY(-50px);
            transform: translateX(50px) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

html body {
  font-family: "Arial", helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
}

html body {
  font-size: 11px;
}

@media screen and (min-width: 320px) {
  html body {
    font-size: calc(11px + 5 * ((100vw - 320px) / 880));
  }
}

@media screen and (min-width: 1200px) {
  html body {
    font-size: 16px;
  }
}

html body #topbar .Menu {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  top: 24px;
}

html body #topbar .Menu div {
  border-radius: 0;
}

html body #outer-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1300px + 4rem)) 1fr;
      grid-template-columns: 1fr minmax(320px, calc(1300px + 4rem)) 1fr;
  -ms-grid-rows: 1fr minmax(0, max-content);
      grid-template-rows: 1fr minmax(0, -webkit-max-content);
      grid-template-rows: 1fr minmax(0, max-content);
  grid-column-gap: 0;
  grid-row-gap: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.035);
          box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.035);
}

html body #outer-header #inner-header {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  padding: 20px 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1280px) {
  html body #outer-header #inner-header {
    padding: 20px 2em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

html body #outer-header #inner-header .logo {
  display: block;
  width: 247px;
}

html body #outer-header #inner-header .logo img {
  max-width: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html body #outer-header #inner-header .logo img {
    max-height: 72px;
  }
}

@media (max-width: 768px) {
  html body #outer-header #inner-header .logo {
    margin-right: 1rem;
  }
}

html body #outer-header #inner-header #headerLinks h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

html body #outer-header #inner-header #headerLinks h1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: .5rem;
  margin-bottom: 2rem;
}

html body #outer-header #inner-header #headerLinks h1 a.twitter svg {
  width: 28px;
  height: 22px;
}

html body #outer-header #inner-header #headerLinks h1 a.linkedin svg {
  width: 28px;
  height: 26px;
}

html body #outer-header #inner-header #headerLinks h1 a.youtube svg {
  width: 22px;
  height: 28px;
}

html body #outer-header #inner-header #headerLinks h1 a:first-of-type {
  margin-left: 0;
}

@media (max-width: 768px) {
  html body #outer-header #inner-header #headerLinks h1 {
    margin-right: 32px;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  html body #outer-header #inner-header #headerLinks h1 a {
    margin-bottom: 0;
  }
}

html body #outer-header #inner-header #headerLinks #header #headernavigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}

html body #outer-header #inner-header #headerLinks #header #headernavigation li {
  margin: 0 0.7em;
  position: relative;
  list-style-type: none;
}

html body #outer-header #inner-header #headerLinks #header #headernavigation li a {
  color: #000;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  text-transform: capitalize;
}

html body #outer-header #inner-header #headerLinks #header #headernavigation li a:hover, html body #outer-header #inner-header #headerLinks #header #headernavigation li a:focus {
  color: #2e2d62;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body #outer-header #inner-header #headerLinks #header #headernavigation li:first-child {
  margin-left: 0;
}

html body #outer-header #inner-header #headerLinks #header #headernavigation li:last-child {
  margin-right: 0;
}

html body #outer-header #inner-header #headerLinks #header #headernavigation li .dropdown {
  display: none;
  position: absolute;
  border-top: 0.25rem solid #2e2d62;
}

html body #outer-header #inner-header #headerLinks #header #headernavigation li .dropdown li {
  width: 15rem;
  background: #eeeeee;
}

html body #outer-header #inner-header #headerLinks #header #headernavigation li .dropdown li a {
  padding: 1rem;
}

html body #outer-header #inner-header #headerLinks #header #headernavigation li .dropdown li a:hover, html body #outer-header #inner-header #headerLinks #header #headernavigation li .dropdown li a:focus {
  background: rgba(0, 0, 0, 0.08);
}

html body #outer-header #inner-header #headerLinks #header #headernavigation li:hover .dropdown, html body #outer-header #inner-header #headerLinks #header #headernavigation li:focus .dropdown {
  display: block !important;
}

@media (max-width: 768px) {
  html body #outer-header #inner-header #headerLinks #header #headernavigation {
    display: none;
  }
}

@media (max-width: 768px) {
  html body #outer-header #inner-header #headerLinks {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}

html body #outer-header .colourLines {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/span 3;
  -ms-grid-row: 2;
  grid-row: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

html body #outer-header .colourLines .colourLine:nth-of-type(1) {
  height: 10px;
  width: calc(100% / 9);
  background: #008aad;
}

html body #outer-header .colourLines .colourLine:nth-of-type(2) {
  height: 10px;
  width: calc(100% / 9);
  background: #8a1a9b;
}

html body #outer-header .colourLines .colourLine:nth-of-type(3) {
  height: 10px;
  width: calc(100% / 9);
  background: #3e863e;
}

html body #outer-header .colourLines .colourLine:nth-of-type(4) {
  height: 10px;
  width: calc(100% / 9);
  background: #ff6900;
}

html body #outer-header .colourLines .colourLine:nth-of-type(5) {
  height: 10px;
  width: calc(100% / 9);
  background: #cb3564;
}

html body #outer-header .colourLines .colourLine:nth-of-type(6) {
  height: 10px;
  width: calc(100% / 9);
  background: #923d9d;
}

html body #outer-header .colourLines .colourLine:nth-of-type(7) {
  height: 10px;
  width: calc(100% / 9);
  background: #16978a;
}

html body #outer-header .colourLines .colourLine:nth-of-type(8) {
  height: 10px;
  width: calc(100% / 9);
  background: #fbbb10;
}

html body #outer-header .colourLines .colourLine:nth-of-type(9) {
  height: 10px;
  width: calc(100% / 9);
  background: #003088;
}

html body .hero .hero-wrapper .slider-area {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
      grid-template-columns: minmax(0, 1fr);
  -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
}

@media (max-width: 768px) {
  html body .hero .hero-wrapper .slider-area {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
    -ms-grid-rows: 1fr minmax(0, max-content);
        grid-template-rows: 1fr minmax(0, -webkit-max-content);
        grid-template-rows: 1fr minmax(0, max-content);
    grid-column-gap: 0;
    grid-row-gap: 0;
  }
}

html body .hero .hero-wrapper .slider-area .start-slider {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  position: relative;
  z-index: 1;
}

html body .hero .hero-wrapper .slider-area .start-slider div {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

html body .hero .hero-wrapper .slider-area .start-slider div picture {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body .hero .hero-wrapper .slider-area .start-slider div picture img {
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

@media (max-width: 768px) {
  html body .hero .hero-wrapper .slider-area .start-slider div picture img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 300px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html body .hero .hero-wrapper .slider-area .start-slider div {
    background-size: cover;
  }
  html body .hero .hero-wrapper .slider-area .start-slider div.obFitIE picture img {
    opacity: 0;
  }
}

html body .hero .hero-wrapper .slider-area .hero-text-wrapper {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  position: relative;
  z-index: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1300px + 4rem)) 1fr;
      grid-template-columns: 1fr minmax(320px, calc(1300px + 4rem)) 1fr;
  -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
}

@media (max-width: 768px) {
  html body .hero .hero-wrapper .slider-area .hero-text-wrapper {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
  }
}

html body .hero .hero-wrapper .slider-area .hero-text-wrapper .hero-text {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  padding: 2rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 1280px) {
  html body .hero .hero-wrapper .slider-area .hero-text-wrapper .hero-text {
    padding: 0 2em;
  }
}

@media (max-width: 768px) {
  html body .hero .hero-wrapper .slider-area .hero-text-wrapper .hero-text {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    padding: 0;
  }
}

html body .hero .hero-wrapper .slider-area .hero-text-wrapper .hero-text .strap {
  background-color: rgba(129, 123, 116, 0.8);
  margin-bottom: 2em;
  font-weight: 600;
  padding: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 768px) {
  html body .hero .hero-wrapper .slider-area .hero-text-wrapper .hero-text .strap {
    background-color: #817b74;
    margin-bottom: 0;
  }
}

html body .hero .hero-wrapper .slider-area .hero-text-wrapper .hero-text .strap h1 {
  color: #fff;
  font-size: 2.7rem;
  margin-bottom: 0.5em;
  font-family: "Open Sans", sans-serif;
  line-height: 3.2rem;
}

html body .hero .hero-wrapper .slider-area .hero-text-wrapper .hero-text .strap a button {
  border: 0;
  background-color: #303f42;
  color: #fff;
  font-size: 1.4em;
  padding: 15px 25px;
  margin-bottom: 0.5em;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}

html body .hero .hero-wrapper .slider-area .hero-text-wrapper .hero-text .strap a button:hover {
  background-color: #2e2d62;
}

@media (max-width: 992px) {
  html body .hero .hero-wrapper .slider-area .hero-text-wrapper .hero-text .strap {
    padding: 1.5rem;
  }
  html body .hero .hero-wrapper .slider-area .hero-text-wrapper .hero-text .strap h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  html body .hero .hero-wrapper .slider-area .hero-text-wrapper .hero-text .strap a button {
    font-size: 1em;
    padding: 15px 25px;
    margin-bottom: 0.5em;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
  }
  html body .hero .hero-wrapper .slider-area .hero-text-wrapper .hero-text .strap a button:hover {
    background-color: #2e2d62;
  }
}

@media (max-width: 480px) {
  html body .hero .hero-wrapper .slider-area .hero-text-wrapper .hero-text .strap h1 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media (max-width: 768px) {
  html body .hero .hero-wrapper .slider-area .hero-text-wrapper .hero-text .strap {
    width: 100%;
  }
}

html body .heroInner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
}

html body .heroInner .heroInnerImages {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  position: relative;
  z-index: 1;
}

html body .heroInner .heroInnerImages picture img {
  width: 100%;
}

@media (max-width: 768px) {
  html body .heroInner .heroInnerImages picture img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 275px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html body .heroInner .heroInnerImages {
    background-size: cover;
  }
  html body .heroInner .heroInnerImages.obFitIE picture img {
    opacity: 0;
  }
}

html body .heroInner .heroInnerWrapper {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  position: relative;
  z-index: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1300px + 4rem)) 1fr;
      grid-template-columns: 1fr minmax(320px, calc(1300px + 4rem)) 1fr;
  -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html body .heroInner .heroInnerWrapper .heroInnerTitle {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 2rem;
}

html body .heroInner .heroInnerWrapper .heroInnerTitle h1 {
  color: #fff;
  font-size: 4rem;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
}

@media (max-width: 480px) {
  html body .heroInner .heroInnerWrapper .heroInnerTitle h1 {
    font-size: 9vw;
  }
}

html body .module.b, html body .module.c, html body .module.h {
  display: none;
}

html body #content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1300px + 4rem)) 1fr;
      grid-template-columns: 1fr minmax(320px, calc(1300px + 4rem)) 1fr;
  -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  padding: 4em 0;
}

html body #content #text {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  padding: 0 2rem;
}

@media (max-width: 1400px) {
  html body #content #text {
    padding: 0 2em;
  }
}

html body #content #text #text {
  padding: 0;
}

html body #content #text h1 {
  color: #2e2d62;
  font-size: 2.25em;
  font-weight: 400;
  margin-bottom: 0.5em;
}

html body #content #text h1.heading {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  width: 100%;
}

html body #content #text h2 {
  color: #000;
  font-size: 2.06em;
  font-weight: 700;
  margin-bottom: 0.5em;
}

html body #content #text h3 {
  color: #000;
  font-size: 1.88em;
  font-weight: 700;
  margin-bottom: 0.5em;
}

html body #content #text h4 {
  color: #000;
  font-size: 1.69em;
  font-weight: 700;
  margin-bottom: 0.5em;
}

html body #content #text h5 {
  color: #000;
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 0.5em;
}

html body #content #text p {
  line-height: 1.5em;
  margin-bottom: 1.25em;
}

html body #content #text a {
  color: #2e2d62;
  font-weight: 600;
}

html body #content #text a:hover {
  color: #2e2d62;
}

html body #content #text ul {
  margin-bottom: 0.5em;
  list-style-type: disc;
  margin-left: 2em;
  line-height: 1.7rem;
}

html body #content #text ul li {
  padding: .4rem 0 .4rem 1.5em;
  line-height: 1.5em;
}

html body #content #text ol {
  margin-bottom: 0.5em;
  list-style-type: decimal;
  margin-left: 2em;
}

html body #content #text ol li {
  padding-left: 1.5em;
  line-height: 1.5em;
}

html body #content #text .expand {
  background-color: #e6e6e6;
  color: #fff !important;
  font-size: 1.05em;
  font-weight: 600;
}

html body #content #text .expand:hover, html body #content #text .expand.open {
  background-color: #2e2d62;
}

html body #content #text .job-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

html body #content #text .job-cards a {
  width: 32.33%;
  margin-bottom: 1em;
}

html body #content #text .job-cards a .job-card {
  height: 75px;
  border: 1px solid #2e2d62;
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

html body #content #text .job-cards a .job-card h1 {
  font-size: 1.13em;
  margin-bottom: 0;
  font-weight: 700;
  color: #2e2d62;
  margin-left: 1.15em;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body #content #text .job-cards a .job-card h1::before {
  content: url(../imgs/arrow-purple.png);
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

html body #content #text .job-cards a .job-card:hover {
  background-color: #2e2d62;
}

html body #content #text .job-cards a .job-card:hover h1 {
  color: #fff;
  margin-left: 0em;
}

html body #content #text .job-cards a .job-card:hover h1:before {
  content: none;
}

@media (max-width: 768px) {
  html body #content #text .job-cards a {
    width: 49%;
  }
  html body #content #text .job-cards a .job-card h1 {
    margin-left: 2em;
  }
}

@media (max-width: 640px) {
  html body #content #text .job-cards a {
    width: 100%;
  }
  html body #content #text .job-cards a .job-card h1 {
    margin-left: 2em;
  }
}

html body #content #text .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html body #content #text .main .side_left {
  width: 70%;
  padding-right: 40px;
}

html body #content #text .main .side_left .profile {
  margin-bottom: 2em;
}

html body #content #text .main .side_left .profile .img_profile {
  width: 140px;
  margin-bottom: 1em;
}

html body #content #text .main .side_left .profile .img_profile img {
  max-width: 100%;
  border-radius: 50%;
}

html body #content #text .main .side_left .profile .status p {
  margin-bottom: 0;
  font-weight: 700;
}

html body #content #text .main .side_left .grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #eee;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1em;
}

html body #content #text .main .side_left .grp .card {
  width: 32.333%;
}

html body #content #text .main .side_left .grp .card h4 {
  color: #dddddd;
  font-weight: 600;
  text-transform: capitalize;
}

html body #content #text .main .side_left .grp .card .icon {
  background-color: #2e2d62;
  margin-bottom: 1em;
}

html body #content #text .main .side_left .grp .card .icon .svg_holder {
  padding: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

html body #content #text .main .side_left .grp .card .icon .svg_holder svg {
  width: 80px;
  height: 80px;
}

html body #content #text .main .side_left .grp .card .icon .svg_holder svg .b1, html body #content #text .main .side_left .grp .card .icon .svg_holder svg .c1, html body #content #text .main .side_left .grp .card .icon .svg_holder svg .a1 {
  fill: #fff;
}

html body #content #text .main .side_right {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html body #content #text .main .side_right #twitterFeed {
  width: 100%;
}

html body #content #text .main .side_right #twitterFeed .twitterWrapper {
  -webkit-animation: fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.6s both;
          animation: fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.6s both;
  background: #292f33;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 1rem;
}

@media (max-width: 992px) {
  html body #content #text .main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  html body #content #text .main .side_left {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
  }
  html body #content #text .main .side_right {
    width: 100%;
    margin-top: 2rem;
  }
}

@media (max-width: 992px) and (max-width: 768px) {
  html body #content #text .main .side_right .latest_jobs {
    width: 100%;
  }
}

@media (max-width: 640px) {
  html body #content #text .main .side_left .grp .card {
    width: 49%;
  }
}

@media (max-width: 640px) {
  html body #content #text .main .side_left .grp .card {
    width: 100%;
  }
}

html body #content #text .main article p:last-of-type {
  margin-bottom: 0;
}

html body #content #text .main article p:first-of-type {
  margin-bottom: 1.25em;
}

html body #content #text .main .video-js {
  margin: 2rem 0;
  width: 100%;
  padding-top: 56.25%;
  -webkit-animation: fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1s both;
          animation: fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1s both;
}

html body #content #text .main .video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: auto;
  height: auto;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: none;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
}

html body #content #text .main .video-js .vjs-big-play-button .vjs-icon-placeholder svg {
  width: 11.6875rem;
  height: 11.6875rem;
}

html body #content #text .main .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  display: none;
}

html body #content #text .main .video-js.vjs-playing .vjs-big-play-button {
  display: none;
}

html body #content #text .main .secNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

html body #content #text .main .secNav .navBlock {
  width: calc(50% - 1rem);
}

html body #content #text .main .secNav .navBlock .imgNavBlock picture {
  display: block;
}

html body #content #text .main .secNav .navBlock .imgNavBlock picture img {
  width: 100%;
}

html body #content #text .main .secNav .navBlock .textNavBlock {
  background: #e6e6e6;
  border-top: 3px solid #923d9d;
  padding: 1rem;
}

html body #content #text .main .secNav .navBlock .textNavBlock h2 {
  font-size: 1.8rem;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
}

html body #content #text .main .secNav .navBlock .textNavBlock .cta_a {
  background: #303f42;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: inline-block;
  margin-top: 1rem;
  color: #fff;
  font-size: 1.4em;
  padding: 15px 25px;
  font-weight: normal;
}

html body #content #text .main .secNav .navBlock .textNavBlock .cta_a:hover {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: #2e2d62;
}

@media (max-width: 768px) {
  html body #content #text .main .secNav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  html body #content #text .main .secNav .navBlock {
    width: 100%;
  }
  html body #content #text .main .secNav .navBlock:first-of-type {
    margin-bottom: 2rem;
  }
}

html body #content #text .main.innerPages.split .innerContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

html body #content #text .main.innerPages.split .innerContent .leftInner {
  width: 60%;
  padding-right: 40px;
}

html body #content #text .main.innerPages.split .innerContent .rightInner {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html body #content #text .main.innerPages.split .innerContent .rightInner picture {
  width: 100%;
}

html body #content #text .main.innerPages.split .innerContent .rightInner picture img {
  width: 100%;
}

@media (max-width: 992px) {
  html body #content #text .main.innerPages.split .innerContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  html body #content #text .main.innerPages.split .innerContent .leftInner {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
  }
  html body #content #text .main.innerPages.split .innerContent .rightInner {
    width: 100%;
    margin-top: 2rem;
  }
}

html body #content #text .main.innerPages.diversityCopy .innerContent {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 0.6fr) minmax(0, 0.4fr);
      grid-template-columns: minmax(0, 0.6fr) minmax(0, 0.4fr);
  -ms-grid-rows: 1fr minmax(0, max-content);
      grid-template-rows: 1fr minmax(0, -webkit-max-content);
      grid-template-rows: 1fr minmax(0, max-content);
  grid-column-gap: 0;
  grid-row-gap: 0;
}

html body #content #text .main.innerPages.diversityCopy .innerContent .leftInner {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  padding-right: 1.25em;
}

html body #content #text .main.innerPages.diversityCopy .innerContent .leftInnerFW {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
  -ms-grid-row: 2;
  grid-row: 2;
  margin-top: 1.25em;
}

@media (max-width: 992px) {
  html body #content #text .main.innerPages.diversityCopy .innerContent {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
    -ms-grid-rows: minmax(0, max-content) minmax(0, max-content) 276px;
        grid-template-rows: minmax(0, -webkit-max-content) minmax(0, -webkit-max-content) 276px;
        grid-template-rows: minmax(0, max-content) minmax(0, max-content) 276px;
    grid-column-gap: 0;
    grid-row-gap: 0;
  }
  html body #content #text .main.innerPages.diversityCopy .innerContent .leftInner {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    padding-right: 0;
  }
  html body #content #text .main.innerPages.diversityCopy .innerContent .leftInnerFW {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
    margin-top: 1.25em;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html body #content #text .main.innerPages.opportunities .innerContent {
    height: 100%;
  }
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent h4 {
  margin-top: 2rem;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[3];
      grid-template-columns: repeat(3, minmax(0, 1fr));
  -ms-grid-rows: (minmax(0, 1fr))[5];
      grid-template-rows: repeat(5, minmax(0, 1fr));
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  -ms-grid-columns: minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr);
  -ms-grid-rows: minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr);
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block {
  -webkit-box-shadow: 10px 10px 5px -3px rgba(0, 0, 0, 0.3);
          box-shadow: 10px 10px 5px -3px rgba(0, 0, 0, 0.3);
  padding: 1rem;
  background: #2e2d62;
  border-bottom: 10px solid #ff6900;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block .block_image picture img {
  width: 100%;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block .block_copy h4 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  min-height: 2.5em;
  margin-bottom: .5em;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block .block_copy h4 a {
  color: #008aad;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block .block_copy h4 a:hover {
  color: #ff6900;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block .block_copy .t_block p {
  color: #fff;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block .block_copy .block_cta {
  background: #008aad;
  color: #fff !important;
  padding: .8em 1em;
  display: inline-block;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block .block_copy .block_cta:hover {
  background: #ff6900;
  color: #fff !important;
  padding: .8em 1em;
  display: inline-block;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(1) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(2) {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-row: 1;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(3) {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 5;
  -ms-grid-row: 1;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(4) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-row: 3;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(5) {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 3;
  -ms-grid-row: 3;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(6) {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 5;
  -ms-grid-row: 3;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(7) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 3;
  grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 5;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(8) {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 3;
  grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-row: 5;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(9) {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 3;
  grid-row: 3;
  -ms-grid-column: 5;
  -ms-grid-row: 5;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(10) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 4;
  grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-row: 7;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(11) {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 4;
  grid-row: 4;
  -ms-grid-column: 3;
  -ms-grid-row: 7;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(12) {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 4;
  grid-row: 4;
  -ms-grid-column: 5;
  -ms-grid-row: 7;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(13) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 5;
  grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-row: 9;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(14) {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 5;
  grid-row: 5;
  -ms-grid-column: 3;
  -ms-grid-row: 9;
}

html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(15) {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 5;
  grid-row: 5;
  -ms-grid-column: 5;
  -ms-grid-row: 9;
}

@media (max-width: 992px) {
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks {
    display: -ms-grid;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    -ms-grid-rows: (minmax(0, 1fr))[15];
        grid-template-rows: repeat(15, minmax(0, 1fr));
    grid-column-gap: 0;
    grid-row-gap: 1.5rem;
    -ms-grid-columns: minmax(0, 1fr);
    -ms-grid-rows: minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr) 1.5rem minmax(0, 1fr);
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(1) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(2) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row: 3;
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(3) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-row: 5;
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(4) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 4;
    grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-row: 7;
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(5) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 5;
    grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-row: 9;
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(6) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 6;
    grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-row: 11;
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(7) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 7;
    grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-row: 13;
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(8) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 8;
    grid-row: 8;
    -ms-grid-column: 1;
    -ms-grid-row: 15;
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(9) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 9;
    grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-row: 17;
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(10) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 10;
    grid-row: 10;
    -ms-grid-column: 1;
    -ms-grid-row: 19;
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(11) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 11;
    grid-row: 11;
    -ms-grid-column: 1;
    -ms-grid-row: 21;
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(12) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 12;
    grid-row: 12;
    -ms-grid-column: 1;
    -ms-grid-row: 23;
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(13) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 13;
    grid-row: 13;
    -ms-grid-column: 1;
    -ms-grid-row: 25;
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(14) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 14;
    grid-row: 14;
    -ms-grid-column: 1;
    -ms-grid-row: 27;
  }
  html body #content #text .main.innerPages.opportunities .innerContent .fullWidthContent #wrapping #blocks .block:nth-of-type(15) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 15;
    grid-row: 15;
    -ms-grid-column: 1;
    -ms-grid-row: 29;
  }
}

html body #content #text .detailedTitle {
  color: #2e2d62;
}

html body #content #text .detailedEmail span, html body #content #text .detailedPhone span, html body #content #text .detailedOffice span, html body #content #text .detailedContact span, html body #content #text .detailedRef span, html body #content #text .detailedClosingDate span, html body #content #text .detailedType span, html body #content #text .detailedSalary span, html body #content #text .detailedLocation span {
  background-color: #000;
  color: #fff;
}

@media (max-width: 480px) {
  html body #content #text .detailedEmail span, html body #content #text .detailedPhone span, html body #content #text .detailedOffice span, html body #content #text .detailedContact span, html body #content #text .detailedRef span, html body #content #text .detailedClosingDate span, html body #content #text .detailedType span, html body #content #text .detailedSalary span, html body #content #text .detailedLocation span {
    background-color: transparent;
    width: 100%;
    margin-bottom: 10px;
    border-right: 0;
    padding: 0;
    font-weight: 700;
  }
}

@media (max-width: 480px) {
  html body #content #text .detailedOffice, html body #content #text .detailedPhone, html body #content #text .detailedEmail, html body #content #text .detailedContact, html body #content #text .detailedRef, html body #content #text .detailedClosingDate, html body #content #text .detailedType, html body #content #text .detailedSalary, html body #content #text .detailedLocation {
    background-color: #2e2d62;
    width: 100%;
    margin-bottom: 10px;
    padding: 1em;
    color: #fff;
  }
}

html body #content #text .detailedBack, html body #content #text .detailedApply {
  background-color: #2e2d62;
  color: #fff;
  border-radius: 0 !important;
  padding: 1em 2em !important;
}

html body #content #text .detailedBack:hover, html body #content #text .detailedApply:hover {
  background-color: #000 !important;
  color: #fff !important;
}

html body #outer-footer {
  font-family: 'Arial', Helvetica, sans-serif;
  background: #fff;
  border-top: 1px solid #eee;
  float: none;
  width: 100% !important;
  max-width: calc(1300px + 4rem);
  margin: 0 auto;
  padding: 0 !important;
}

html body #outer-footer #inner-footer-expert {
  padding: 0 2rem !important;
  background: #fff;
}

html body #outer-footer #inner-footer-expert #footerLogo-Links a {
  margin-top: 12px;
  vertical-align: top;
  display: inline-block;
  text-decoration: none !important;
  color: #666;
  font-size: 16px;
  margin-left: 20px;
}

html body #outer-footer #inner-footer-expert #footerLogo-Links .expertLink1 {
  display: none !important;
}

html body #outer-footer #inner-footer-expert #expert-site-footer {
  padding-left: 5px;
}

html body #outer-footer #inner-footer-expert #expert-site-footer.line-footer {
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
}

html body #outer-footer #inner-footer-expert #expert-site-footer ul {
  display: inline-block;
}

html body #outer-footer #inner-footer-expert #expert-site-footer ul li {
  float: left;
  margin-bottom: 8px;
  padding: 0px 6px;
}

html body #outer-footer #inner-footer-expert #expert-site-footer ul li a {
  color: #333;
  font-size: 12px;
}

html body #outer-footer #inner-footer-expert #expert-site-footer ul li a:hover {
  color: #002776;
}

html body #outer-footer #inner-footer-expert #copyright-expert p {
  padding-bottom: 10px;
}

html body #outer-footer #inner-footer-expert #copyright-expert p a {
  margin-left: 10px;
  margin-bottom: 5px;
  font-size: 12px;
  color: #009ed9;
}

html body #outer-footer #inner-footer-expert #copyright-expert p a:hover {
  color: #002776;
}

html body .modal {
  max-width: 80%;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 10px solid #ff6900;
  padding: 30px;
}

html body .modal picture img {
  width: 100%;
  margin-bottom: 2rem;
}

html body .modal .pagetitle {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  width: 100%;
  color: #2e2d62;
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}

html body .modal .list-one-modal {
  margin-bottom: 0.5em;
  list-style-type: disc;
  margin-left: 2em;
  line-height: 1.7rem;
}

html body .modal .list-one-modal li {
  padding: .4rem 0 .4rem 1.5em;
  line-height: 1.5em;
}

html body .modal .list-one-modal li a {
  color: #303f42;
  font-weight: bold;
}

html body .modal .list-one-modal li a:hover {
  color: #2e2d62;
}

html body .modal h4 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

html body .modal a[href="#"][rel="modal:close"] {
  border: 0;
  background-color: #303f42;
  color: #fff;
  font-size: 1.4em;
  padding: 15px 25px;
  margin-top: 1rem;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: inline-block;
  cursor: pointer;
}

html body .modal a[href="#"][rel="modal:close"]:hover {
  background: #2e2d62;
}

.no-webp .rightInner.diversity {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  background: url(/imgs/diversity.jpg) no-repeat center center;
  background-size: cover;
}

@media (max-width: 992px) {
  .no-webp .rightInner.diversity {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
    margin-top: 1.25em;
  }
}

.webp .rightInner.diversity {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  background: url(/imgs/diversity.webp) no-repeat center center;
  background-size: cover;
}

@media (max-width: 992px) {
  .webp .rightInner.diversity {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
    margin-top: 1.25em;
  }
}
/*# sourceMappingURL=main.css.map */