/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(12738,70): run-time error CSS1034: 
(12738,70): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(12744,70): run-time error CSS1034: 
(12744,70): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
 */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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


/**
 * @file
 * Generic theme-independent base styles.
 */

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list */
#autocomplete {
  border: 1px solid;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}
#autocomplete ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#autocomplete li {
  background: #fff;
  color: #000;
  cursor: default;
  white-space: pre;
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(../../misc/throbber.gif);
  background-position: 100% 2px; /* LTR */
  background-repeat: no-repeat;
}
html.js input.throbbing {
  background-position: 100% -18px; /* LTR */
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  height: 1em;
}
html.js fieldset.collapsed .fieldset-wrapper {
  display: none;
}
fieldset.collapsible {
  position: relative;
}
fieldset.collapsible .fieldset-legend {
  display: block;
}

/**
 * Resizable textareas.
 *
 * @see textarea.js
 */
.form-textarea-wrapper textarea {
  display: block;
  margin: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.resizable-textarea .grippie {
  background: #eee url(../../misc/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
body.drag {
  cursor: move;
}
.draggable a.tabledrag-handle {
  cursor: move;
  float: left; /* LTR */
  height: 1.7em;
  margin: -0.4em 0 -0.4em -0.5em; /* LTR */
  padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */
  text-decoration: none;
}
a.tabledrag-handle:hover {
  text-decoration: none;
}
a.tabledrag-handle .handle {
  background: url(../../misc/draggable.png) no-repeat 0 0;
  height: 13px;
  margin-top: 4px;
  width: 13px;
}
a.tabledrag-handle-hover .handle {
  background-position: 0 -20px;
}
div.indentation {
  float: left; /* LTR */
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
  padding: 0.42em 0 0.42em 0.6em; /* LTR */
  width: 20px;
}
div.tree-child {
  background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
}
div.tree-child-last {
  background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
}
div.tree-child-horizontal {
  background: url(../../misc/tree.png) no-repeat -11px center;
}
.tabledrag-toggle-weight-wrapper {
  text-align: right; /* LTR */
}

/**
 * TableHeader behavior.
 *
 * @see tableheader.js
 */
table.sticky-header {
  background-color: #fff;
  margin-top: 0;
}

/**
 * Progress behavior.
 *
 * @see progress.js
 */
/* Bar */
.progress .bar {
  background-color: #fff;
  border: 1px solid;
}
.progress .filled {
  background-color: #000;
  height: 1.5em;
  width: 5px;
}
.progress .percentage {
  float: right; /* LTR */
}
.progress-disabled {
  float: left; /* LTR */
}
/* Throbber */
.ajax-progress {
  float: left; /* LTR */
}
.ajax-progress .throbber {
  background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;
  float: left; /* LTR */
  height: 15px;
  margin: 2px;
  width: 15px;
}
tr .ajax-progress .throbber {
  margin: 0 2px;
}
.ajax-progress-bar {
  width: 16em;
}

/**
 * Inline items.
 */
.container-inline div,
.container-inline label {
  display: inline;
}
/* Fieldset contents always need to be rendered as block. */
.container-inline .fieldset-wrapper {
  display: block;
}

/**
 * Prevent text wrapping.
 */
.nowrap {
  white-space: nowrap;
}

/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */
html.js .js-hide {
  display: none;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/**
 * The .element-focusable class extends the .element-invisible class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
}

/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .clearfix {
  height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}



/**
 * @file
 * Styles for menus and navigation markup.
 */

/**
 * Markup generated by theme_menu_tree().
 */
ul.menu {
  border: none;
  list-style: none;
  text-align: left; /* LTR */
}
ul.menu li {
  margin: 0 0 0 0.5em; /* LTR */
}
ul li.expanded {
  /*list-style-image: url(../../misc/menu-expanded.png);*/
  list-style-type: circle;
}
ul li.collapsed {
  list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
  list-style-type: disc;
}
ul li.leaf {
  list-style-image: url(../../misc/menu-leaf.png);
  list-style-type: square;
}
li.expanded,
li.collapsed,
li.leaf {
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li a.active {
  color: #000;
}
td.menu-disabled {
  background: #ccc;
}

/**
 * Markup generated by theme_links().
 */
ul.inline,
ul.links.inline {
  display: inline;
  padding-left: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

/**
 * Markup generated by theme_breadcrumb().
 */
.breadcrumb {
  padding-bottom: 0.5em;
}

/**
 * Markup generated by theme_menu_local_tasks().
 */
ul.primary {
  border-bottom: 1px solid #bbb;
  border-collapse: collapse;
  height: auto;
  line-height: normal;
  list-style: none;
  margin: 5px;
  padding: 0 0 0 1em; /* LTR */
  white-space: nowrap;
}
ul.primary li {
  display: inline;
}
ul.primary li a {
  background-color: #ddd;
  border-color: #bbb;
  border-style: solid solid none solid;
  border-width: 1px;
  height: auto;
  margin-right: 0.5em; /* LTR */
  padding: 0 1em;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: 1px solid #fff;
}
ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}
ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em;
  margin: 5px;
}
ul.secondary li {
  border-right: 1px solid #ccc; /* LTR */
  display: inline;
  padding: 0 1em;
}
ul.secondary a {
  padding: 0;
  text-decoration: none;
}
ul.secondary a.active {
  border-bottom: 4px solid #999;
}


/**
 * @file
 * Styles for system messages.
 */

div.messages {
  background-position: 8px 8px; /* LTR */
  background-repeat: no-repeat;
  border: 1px solid;
  margin: 6px 0;
  padding: 10px 10px 10px 50px; /* LTR */
}

div.status {
  background-image: url(../../misc/message-24-ok.png);
  border-color: #be7;
}
div.status,
.ok {
  color: #234600;
}
div.status,
table tr.ok {
  background-color: #f8fff0;
}

div.warning {
  background-image: url(../../misc/message-24-warning.png);
  border-color: #ed5;
}
div.warning,
.warning {
  color: #840;
}
div.warning,
table tr.warning {
  background-color: #fffce5;
}

div.error {
  background-image: url(../../misc/message-24-error.png);
  border-color: #ed541d;
}
div.error,
.error {
  color: #8c2e0b;
}
div.error,
table tr.error {
  background-color: #fef5f1;
}
div.error p.error {
  color: #333;
}

div.messages ul {
  margin: 0 0 0 1em; /* LTR */
  padding: 0;
}
div.messages ul li {
  list-style-image: none;
}


/**
 * @file
 * Basic styling for common markup.
 */

/**
 * HTML elements.
 */
fieldset {
  margin-bottom: 1em;
  padding: 0.5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  border: 1px solid gray;
  height: 1px;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  border-bottom: 3px solid #ccc;
  padding-right: 1em; /* LTR */
  text-align: left; /* LTR */
}
tbody {
  border-top: 1px solid #ccc;
}
tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

/**
 * Markup generated by theme_tablesort_indicator().
 */
th.active img {
  display: inline;
}
td.active {
  background-color: #ddd;
}

/**
 * Markup generated by theme_item_list().
 */
.item-list .title {
  font-weight: bold;
}
.item-list ul {
  margin: 0 0 0.75em 0;
  padding: 0;
}
.item-list ul li {
  margin: 0 0 0.25em 1.5em; /* LTR */
  padding: 0;
}

/**
 * Markup generated by Form API.
 */
.form-item,
.form-actions {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item,
tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
.form-item .description {
  font-size: 0.85em;
}
label {
  display: block;
  font-weight: bold;
}
label.option {
  display: inline;
  font-weight: normal;
}
.form-checkboxes .form-item,
.form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em;
}
input.form-checkbox,
input.form-radio {
  vertical-align: middle;
}
.marker,
.form-required {
  color: #f00;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid red;
}

/**
 * Inline items.
 */
.container-inline .form-actions,
.container-inline.form-actions {
  margin-top: 0;
  margin-bottom: 0;
}

/**
 * Markup generated by theme_more_link().
 */
.more-link {
  text-align: right; /* LTR */
}

/**
 * Markup generated by theme_more_help_link().
 */
.more-help-link {
  text-align: right; /* LTR */
}
.more-help-link a {
  background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */
  padding: 1px 0 1px 20px; /* LTR */
}

/**
 * Markup generated by theme_pager().
 */
.item-list .pager {
  clear: both;
  text-align: center;
}
.item-list .pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: 0.5em;
}
.pager-current {
  font-weight: bold;
}

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list */
#autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js fieldset.collapsible .fieldset-legend {
  background: url(../../misc/menu-expanded.png) 5px 65% no-repeat; /* LTR */
  padding-left: 15px; /* LTR */
}
html.js fieldset.collapsed .fieldset-legend {
  background-image: url(../../misc/menu-collapsed.png); /* LTR */
  background-position: 5px 50%; /* LTR */
}
.fieldset-legend span.summary {
  color: #999;
  font-size: 0.9em;
  margin-left: 0.5em;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
tr.drag {
  background-color: #fffff0;
}
tr.drag-previous {
  background-color: #ffd;
}
.tabledrag-toggle-weight {
  font-size: 0.9em;
}
body div.tabledrag-changed-warning {
  margin-bottom: 0.5em;
}

/**
 * TableSelect behavior.
 *
 * @see tableselect.js
*/
tr.selected td {
  background: #ffc;
}
td.checkbox,
th.checkbox {
  text-align: center;
}

/**
 * Progress bar.
 *
 * @see progress.js
 */
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #ccc;
  border-color: #666;
  margin: 0 0.2em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.progress .filled {
  background: #0072b9 url(../../misc/progress.gif);
}


/* Field display */
.field .field-label {
  font-weight: bold;
}
.field-label-inline .field-label,
.field-label-inline .field-items {
  float:left; /*LTR*/
}

/* Form display */
form .field-multiple-table {
  margin: 0;
}
form .field-multiple-table th.field-label {
  padding-left: 0; /*LTR*/
}
form .field-multiple-table td.field-multiple-drag {
  width: 30px;
  padding-right: 0; /*LTR*/
}
form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
  padding-right: .5em; /*LTR*/
}

form .field-add-more-submit {
  margin: .5em 0 0;
}


.node-unpublished {
  background-color: #fff4f4;
}
.preview .node {
  background-color: #ffffea;
}
td.revision-current {
  background: #ffc;
}


#permissions td.module {
  font-weight: bold;
}
#permissions td.permission {
  padding-left: 1.5em; /* LTR */
}
#permissions tr.odd .form-item,
#permissions tr.even .form-item {
  white-space: normal;
}
#user-admin-settings fieldset .fieldset-description {
  font-size: 0.85em;
  padding-bottom: .5em;
}

/**
 * Override default textfield float to put the "Add role" button next to
 * the input textfield.
 */
#user-admin-roles td.edit-name {
  clear: both;
}
#user-admin-roles .form-item-name {
  float: left;
  margin-right: 1em;
}

/**
 * Password strength indicator.
 */
.password-strength {
  width: 17em;
  float: right;  /* LTR */
  margin-top: 1.4em;
}
.password-strength-title {
  display: inline;
}
.password-strength-text {
  float: right; /* LTR */
  font-weight: bold;
}
.password-indicator {
  background-color: #C4C4C4;
  height: 0.3em;
  width: 100%;
}
.password-indicator div {
  height: 100%;
  width: 0%;
  background-color: #47C965;
}
input.password-confirm,
input.password-field {
  width: 16em;
  margin-bottom: 0.4em;
}
div.password-confirm {
  float: right;  /* LTR */
  margin-top: 1.5em;
  visibility: hidden;
  width: 17em;
}
div.form-item div.password-suggestions {
  padding: 0.2em 0.5em;
  margin: 0.7em 0;
  width: 38.5em;
  border: 1px solid #B4B4B4;
}
div.password-suggestions ul {
  margin-bottom: 0;
}
.confirm-parent,
.password-parent {
  clear: left; /* LTR */
  margin: 0;
  width: 36.3em;
}

/* Generated by user.module but used by profile.module: */
.profile {
  clear: both;
  margin: 1em 0;
}
.profile .user-picture {
  float: right; /* LTR */
  margin: 0 1em 1em 0; /* LTR */
}
.profile h3 {
  border-bottom: 1px solid #ccc;
}
.profile dl {
  margin: 0 0 1.5em 0;
}
.profile dt {
  margin: 0 0 0.2em 0;
  font-weight: bold;
}
.profile dd {
  margin: 0 0 1em 0;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */


/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}


/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #3a589e;
    text-shadow: none;
    color: #fff;
}

::selection {
    background: #3a589e;
    text-shadow: none;
    color: #fff;
}


/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}


/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* Section + Segment colour system */


/* Membership - #438500
			Campaigning - #971c08
			Business-support - #00838d
			Training - #5a3d99
			Apprenticeships - #c23d00
			Venues - #a60069
			Uk-steel - #836b19
			Group - #3e4353
*/

html {
    /*Use -webkit-text-size-adjust:none to disable text size adjust on iOS*/
    -webkit-text-size-adjust: 1rem;
    -ms-text-size-adjust: 1rem;
    font-size: 100%;
    /*
        100% is equivalent to setting the font size to the user's preference
        => default font is 1rem = 16px ($rembase)
        62.5%   => default font is 1rem = 10px ($rembase)
        75%     => default font is 1rem = 12px ($rembase)
        87.5%   => default font is 1rem = 14px ($rembase)
    */
}

body {
    direction: ltr;
    font-size: 1rem;
    line-height: 100%;
    font-family: Helvetica, Arial, sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
}


/* Mobile and desktop toggle */

.desktop-view {
    display: none;
}


/* Custom fonts
----------------------------------------------*/

@font-face {
    font-family: 'FSAlbertPro';
    src: url('fonts/fsalbertpro-webfont.eot');
    /* IE9 Compat Modes */
    src: url('fonts/fsalbertpro-webfont.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/fsalbertpro-webfont.woff') format('woff'), /* Modern Browsers */
    url('fonts/fsalbertpro-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/fsalbertpro-webfont.svg#svgFSAlbertPro') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'FSAlbertProBold';
    src: url('fonts/fsalbertpro-bold-webfont.eot');
    /* IE9 Compat Modes */
    src: url('fonts/fsalbertpro-bold-webfont.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/fsalbertpro-bold-webfont.woff') format('woff'), /* Modern Browsers */
    url('fonts/fsalbertpro-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/fsalbertpro-bold-webfont.svg#svgFSAlbertPro') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'FSAlbertProExtrabold';
    src: url('fonts/fsalbertpro-extrabold-webfont.eot');
    /* IE9 Compat Modes */
    src: url('fonts/fsalbertpro-extrabold-webfont.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/fsalbertpro-extrabold-webfont.woff') format('woff'), /* Modern Browsers */
    url('fonts/fsalbertpro-extrabold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/fsalbertpro-extrabold-webfont.svg#svgFSAlbertPro') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?-yl0yo3');
    src: url('fonts/icomoon.eot?#iefix-yl0yo3') format('embedded-opentype'), url('fonts/icomoon.ttf?-yl0yo3') format('truetype'), url('fonts/icomoon.woff?-yl0yo3') format('woff'), url('fonts/icomoon.svg?-yl0yo3#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: agntialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-coin-pound:before {
    content: "\e641";
}

.icon-home:before {
    content: "\e631";
}

.icon-office:before {
    content: "\e640";
}

.icon-pencil2:before {
    content: "\e642";
}

.icon-play2:before {
    content: "\e632";
}

.icon-feed:before {
    content: "\e600";
}

.icon-book:before {
    content: "\e601";
}

.icon-books:before {
    content: "\e602";
}

.icon-file:before {
    content: "\e643";
}

.icon-stack:before {
    content: "\e603";
}

.icon-tag:before {
    content: "\e604";
}

.icon-phone:before {
    content: "\e605";
}

.icon-phone-hang-up:before {
    content: "\e606";
}

.icon-envelope:before {
    content: "\e607";
}

.icon-location:before {
    content: "\e633";
}

.icon-clock:before {
    content: "\e62c";
}

.icon-stopwatch:before {
    content: "\e644";
}

.icon-calendar:before {
    content: "\e608";
}

.icon-print:before {
    content: "\e638";
}

.icon-download:before {
    content: "\e639";
}

.icon-undo:before {
    content: "\e609";
}

.icon-undo2:before {
    content: "\e60a";
}

.icon-bubbles:before {
    content: "\e645";
}

.icon-users:before {
    content: "\e646";
}

.icon-search:before {
    content: "\e60b";
}

.icon-zoomin:before {
    content: "\e60c";
}

.icon-zoomout:before {
    content: "\e60d";
}

.icon-expand:before {
    content: "\e60e";
}

.icon-key:before {
    content: "\e60f";
}

.icon-lock:before {
    content: "\e610";
}

.icon-unlocked:before {
    content: "\e611";
}

.icon-settings:before {
    content: "\e612";
}

.icon-cog:before {
    content: "\e647";
}

.icon-hammer:before {
    content: "\e613";
}

.icon-menu:before {
    content: "\e614";
}

.icon-menu2:before {
    content: "\e615";
}

.icon-globe:before {
    content: "\e634";
}

.icon-star:before {
    content: "\e635";
}

.icon-star2:before {
    content: "\e636";
}

.icon-star3:before {
    content: "\e637";
}

.icon-question:before {
    content: "\e616";
}

.icon-close:before {
    content: "\e617";
}

.icon-checkmark:before {
    content: "\e618";
}

.icon-minus:before {
    content: "\e619";
}

.icon-plus:before {
    content: "\e61a";
}

.icon-play:before {
    content: "\e61b";
}

.icon-backward:before {
    content: "\e62d";
}

.icon-forward:before {
    content: "\e62e";
}

.icon-previous:before {
    content: "\e62f";
}

.icon-next:before {
    content: "\e630";
}

.icon-arrow-left:before {
    content: "\e61c";
}

.icon-arrow-left2:before {
    content: "\e61d";
}

.icon-indent-increase:before {
    content: "\e61e";
}

.icon-indent-decrease:before {
    content: "\e61f";
}

.icon-facebook:before {
    content: "\e63a";
}

.icon-facebook2:before {
    content: "\e63b";
}

.icon-instagram:before {
    content: "\e648";
}

.icon-twitter:before {
    content: "\e63c";
}
.icon-linkedin svg {
    width: 20px;
    height: 20px;
}
.icon-twitter2:before {
    content: "\e63d";
}

.icon-file-powerpoint:before {
    content: "\e620";
}

.icon-pencil:before {
    content: "\e63f";
}

.icon-user:before {
    content: "\e621";
}

.icon-cross:before {
    content: "\e622";
}

.icon-back:before {
    content: "\e623";
}

.icon-trash:before {
    content: "\e63e";
}

.icon-record:before {
    content: "\e624";
}

.icon-stop:before {
    content: "\e625";
}

.icon-arrow-left3:before {
    content: "\e626";
}

.icon-arrow-down:before {
    content: "\e627";
}

.icon-arrow-up:before {
    content: "\e628";
}

.icon-arrow-right:before {
    content: "\e629";
}

.icon-arrow-down2:before {
    content: "\e62a";
}

.icon-arrow-up2:before {
    content: "\e62b";
}


/* CUSTOM STYLE ON ICONS*/

.venues-section .icon-facebook2,
.venues-section .icon-twitter2 {
    color: #A60069;
    font-size: 1.8em;
    margin: 0 0 1em .7em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.venues-section .social-pages a:hover .icon-facebook2,
.venues-section .social-pages a:hover .icon-twitter2 {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(166, 0, 105, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(166, 0, 105, .5);
    box-shadow: 0px 0px 10px 0px rgba(166, 0, 105, .5);
}


/* SPRITE
----------------------------------------------*/

.sprite {
    background-image: url(img/sprite-venues.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    width: 30px;
}

.sprite-tube {
    background-position: 0 -30px;
}

.sprite-key {
    background-position: 0 -60px;
}

.sprite-delegates {
    background-position: 0 -90px;
}

.sprite-location {
    background-position: 0 -120px;
}

.sprite-parking {
    background-position: 0 -150px;
}

.sprite-moon {
    background-position: 0 -180px;
}

.sprite-wifi {
    background-position: 0 -340px;
}

.sprite-bus {
    background-position: 0 -372px;
}

.sprite-hammer {
    background-position: 0 -410px;
}

.sprite-building {
    background-position: 0 -443px;
}

.sprite-television {
    background-position: 0 -470px;
}

.sprite-lightning {
    background-position: 0 -502px;
}



input.date,
form .enquiry [class~="name.Start+Date"] input,
form .enquiry [class~="name.End+Date"] input {
    background-image: url(img/sprite-venues.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
}


/* Headings
----------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'FSAlbertProBold', Helvetica, Arial, sans-serif;
    clear: both;
}

h1 {
    font-size: 1.65rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 .5em 0;
    color: #000;
}

h1 a {
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 0 .5em 0 !important;
  color: #000;
}


.gdt .main-content-inner h1 {
    margin-bottom: .1em;
}

h2 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 .5em 0;
}

h2 a {
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 .5em 0 !important;
}

h3 {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 .5em 0;
}

h3 a {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 .5em 0 !important;
}

h4 {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 .5em 0;
}

h4, h4 a {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 .5em 0 !important;
}

p,
blockquote,
caption {
    font-size: .9rem;
    line-height: 1.5;
    margin: 0 0 .5em 0;
}

em,
cite {
    font-style: oblique;
}

b,
strong {
    font-weight: 700;
}

blockquote,
figure {
    padding: 1rem;
}

blockquote {
    padding-left: 60px;
    background: url(images/quote.png) no-repeat 0 1rem;
}

abbr[title] {}

sub,
sup {
    font-size: .7rem;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.2rem;
}

sub {
    bottom: -0.2rem;
}


/* Links
----------------------------------------------*/

a {
    color: #32383c;
    font-size: 0.9rem;
    outline: none;
    text-decoration: none;
}

a:visited {}

a:hover,
a:active,
a:focus {
    outline: none;
    text-decoration: underline;
}


/* Lists
----------------------------------------------*/

ul {
    list-style: disc outside;
    margin: 0 0 0 1rem;
    padding: 0;
}

li {
    font-size: .9rem;
    line-height: 1.5;
    margin: 0 0 .5em 0;
}

ol {
    list-style: decimal outside;
    margin: 0 0 0 1rem;
    padding: 0;
}

dt {
    font-weight: 700;
    font-size: .9rem;
    line-height: 1.5;
    margin: 0 0 .5em 0;
}

dd {
    font-size: .9rem;
    line-height: 1.5;
    margin: 0 0 .5em 0;
    padding-left: 1rem;
}


/* Table
----------------------------------------------*/

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    text-align: left;
    margin-bottom: .5em;
    width: 100%;
    border: 1px solid #d7d6d4;
}


table caption {
    padding: .5em;
    margin: 0;
}

th,
td {
    font-size: .9rem;
    line-height: 1.5;
    padding: .5em;
    min-height: 22px;
    border: 1px solid #d7d6d4;
}

th {
    font-weight: 700;
    text-align: center;
    background-color: #fbfaf8;
}

td img {
    margin: 0 auto;
    display: block;
}


/*this is to stop doubling up of border and a thick line*/

tr:first-child th {
    border-top: 0;
}

tr:last-child td {
    border-bottom: 0;
}

tr td:first-child,
tr th:first-child {
    border-left: 0;
}

tr td:last-child,
tr th:last-child {
    border-right: 0;
}



.LV_validation_message {
    font-weight: bold;
    margin: 0 0 0 5px;
}

.LV_valid {
    color: #00CC00;
}

.LV_invalid {
    color: #CC0000;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

.apprenticeships-section table {
    border: 1px solid #ccc;
    max-width: 700px;
}

.popup-overlay {
    display: none;
    visibility: hidden;

}

/*Responsive table pages*/

.apprenticeships-section form table p, .apprenticeships-section form table a {
    font-size: 1em;
}

.apprenticeships-section .responsive-table {
    border: 1px solid #ccc;
    display:block;
    height: 100% !important;
    position: relative;
    border: 0px solid transparent;
}

.apprenticeships-section .responsive-table tr {
    display:block;
    position: relative;
    border: 0px solid transparent;
}

.apprenticeships-section .responsive-table td {
    display:block;
    position: relative;
    height: 100% !important;
    width: 98%;
    border: 0px solid transparent;
    /*background-color: #A8A8A8 !important;*/
}

.apprenticeships-section .responsive-table td td {
    padding: 0 5px;
    margin: 0 auto;
}

.plotted-table td {
    text-align:left !important;
}

/* Contact us Responsive table */

.apprenticeships-section .contact-table {
    border: 1px solid #ccc;
    display:block;
    height: 100% !important;
    position: relative;
    border: 0px solid transparent;
}

.apprenticeships-section .contact-table tr {
    display:block;
    position: relative;
    border: 0px solid transparent;

}

.apprenticeships-section .contact-table td {
    display:block;
    position: relative;
    width: 100%;
    border: 0px solid transparent;
    background-color: #A8A8A8 !important;
    color: white;
}

.apprenticeships-section .contact-table td td {
    padding: 10px;
    width: 100%;
}

.apprenticeships-section .contact-table td:nth-child(odd) {

    background-color: #272A2F!important;

}

.apprenticeships-section .contact-table td td {
    max-width:80%;
    background-color: #C23D00!important;

}

.apprenticeships-section .contact-table td td:nth-child(odd) {
    background-color:lightgrey !important;
}


.filtering .feather h2 {
        font-weight: 600;
        font-size: 1.1em;
}

.filtering.accordions .pallet .arrow {
    font-size: 2em;
    top: .2em;
}

.filtering .type-filter {
    padding-bottom: 22px;
}

.filtering .segment-filter {
    border-top: 1px solid lightgray;
}

.filter-intro {
    font-size: .9rem;
    max-width: 800px;
}

.listing-outer .icon {
    margin-left: 15px;
}


/*Apprenticeship pages*/

.content {
    margin: 40px auto;
    max-width: 1000px;
    width: auto;
}

.ndi-section .content-landing .feature {
	width: 31.3%;
}

.content-landing .feature {
	margin: 1% 0 1% 3%;
}

.content-landing .features {
    background-color: white;
    border: 0px solid white;
}

.apprenticeships-section .image-1by4width {
	height: 20px;
	width: 20px;

}

.content-landing .link-border:hover {
    color: white;
}

.content-landing .feature .container {
    border-top: 3px solid #c33d00;
}

.content-landing .feature:nth-child(even) {
    clear: none;
}

.content-landing .thumbnail .thumbnail-img {
    height: 350px;
}

.content-landing div:first-child {
    margin-left: 0;
}

.content a {
    color: #c33d00;
}

.player-container {
	width: 850px;
    height: 500px;
    position: fixed;
    margin-top: 180px;
    left: 50%;
    margin-left: -425px;
    top: 50%;
    margin-top: -250px;
}


/*Header*/

.apprentice-nav {
    width: 100%;
    background-color: #c33d00;
    margin: 0;
    height: auto;
    float: left;
}



.apprentice-nav li {
    display: inline-block;
    color: white;
    margin: 0;
    padding: 5px;
    position: relative;
}

.apprentice-nav a {
    color: white;
    border-right: 1px solid white;
    padding: 0 15px 0 0;
}

.banner-img {
    background-image: url(img/Apprenticeships.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 250px;
    clear: both;
}

.no-js .apprenticeships-section .banner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)) !important;
}

div#InPageCTAControl_InPageCTAVisible {
    z-index: 9;
}


/*main content*/

.main {
	width: 71%;
	float:left;
	margin-left: 0;
}

.content-landing .main a {
    color: #c33d00;
    margin: 10px 0;
}

/* recaptcha */
.g-recaptcha.recaptcha-error > .invalid-message { color: #ff0000; }

@media only screen and (max-width:540px) {
    .apprentice-topLink {
        padding-right: 80px;
    }
}

.block-link {
    display: block;
}

.content-landing .main p {
    width: 100%;
}

.content {
    z-index: 5;
}

.content,
.content-page .main p {
    width: 100%;
}

.content-landing {
    width: 90%;
}

.menu-bg {
    height: 300px;
    background-size: cover;
    width: 216px;
    margin: 10px 0;
}

.vacancy-details-aside {
    width: 21%;
}

.spotlight-container {
	margin-top: 26px;
}

.spotlight-container .icon-box{
	margin-bottom: 20px;
}


.spotlight-container .landing-spotlight {
	display: inline-block;
	width: 31.3%;
    margin: 1% 0 1% 3%;

}




/*apprenticeship aside*/

.social-container {
    padding-bottom: 10px;
    text-align: center;
}

.aside {
    transition: .4s;
    margin-left: 73px;
    width: 20%;
}

.content .main a {
    font-family: Helvetica, Arial, sans-serif;
}

.social-icn {
    padding: 0 7px;
    font-size: 1.4em;
    color: #c33d00;
    transition: .5s;
}

.apprenticeships-section .social-icn:hover {
    color: #913105;
    text-decoration: none;
}

.content .aside form {
    border-top: 3px solid #c33d00;
    border-bottom: 3px solid #c33d00;
    padding: 20px 0;
    width: 100%;
}

.content form legend {
    font-family: 'FSAlbertProBold', Helvetica, Arial, sans-serif;
}

.content .aside form label {
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 22.4px;
}

.content .aside form label,
.content .aside form input {
    display: block;
}

.content .aside form input {
    width: 95%;
    padding: 5px 0 5px 5px;
    box-shadow: inset 1px 1px 0 lightgrey;
    border: solid 1px lightgrey;
}

.content .aside form input[type="checkbox"] {
    width: 25px;
    height: 25px;
    padding: 0;
    margin-top: 10px;
    clear: both;
    display: block;
    border: none;
    box-shadow: none;
}

.content textarea {
    width: 95%;
}

textarea[name="message"] {
    height: 100px;
}

label[for="checkbox-email"] {
    display: inline-block;
    width: 70%;
    margin-left: 40px;
    margin-top: -23px;
    font-size: .75em;
}

.content form input[type="submit"] {
    width: 40%;
    background-color: white;
    border: 1px solid #c33d00;
    box-shadow: none;
    margin-top: 15px;
    color: #c33d00;
    transition: .3s;
}

.content form input[type="submit"]:hover {
    background-color: #c33d00;
    border: 1px solid white;
    color: white;
}


/*Apprenticeship Content page*/

.fact-container {
    min-height: 94px;
    display: block;
    background-position: 0 0;
    padding: 20px;
    max-width: 400px;
    width: 12em;
    position: relative;
}

.fact-container .secondaryText {
    font-size: 1em;
}

.fact-container span {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: block;
    text-align: center;
    color: #fff;
}

.fact-container h1 {
    margin: 0 auto;
    font-size: 2.5rem;
    color: #fff;
    text-align: center;
}

.fact-container p {
    font-size: 1.25rem;
    line-height: 1.15;
    text-align: left;
    padding: 10px 0;
    margin: 0;
    color: #fff;
    font-family: 'FSAlbertProBold', Helvetica, Arial, sans-serif;
}

.fact {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding-bottom: 1.2em;
}

.apprentice-header .sub-navigation {
	padding: 5px 0;
}

.apprentice-header .fact-container {
    background-color: #c33d00;
    width: 316px;
    margin-right: 15%;
    z-index: 1;
    bottom: 20px;
    position: relative;
}

.apprentice-header .container-lip:before {
    color: #c33d00;
}

.container-lip {
    position: absolute;
    bottom: -2.2em;
    width: 30px;
    height: 39px;
    display: block;
    margin-left: 2em;
}

.container-lip:before {
    content: "\25E4";
}

div#accordion {
    margin-top: 30px;
    width: 100%;
}

#accordion i {
    float: right;
    margin-right: 10px;
}

.ui-accordion .ui-accordion-header {
    background-color: #c33d00;
    border-radius: 0;
}

.ui-accordion .ui-accordion-content {
    background-color: white;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    color: white;
    border: 1px solid #c33d00;
}

.ui-state-focus {
    outline: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: white;
    border: 1px solid #c33d00;
}

.apprentice-quote {
    font-size: 1em;
    margin: 20px 0;
}

.media-container {
    margin-top: 30px;
}

.media-container2 {
    display: none;
}

.apprenticeships-section .media-container iframe[id^='twitter-widget-'] {
    width: 49% !important;
    margin-right: 6px;
	height: 350px;
}

.main-img {
    width: 100%;
    margin-top: 20px;
}

.icon-box {
    background-color: #c33d00;
    width: 100%;
    height: 150px;
    position: relative;
}

.icon-box i {
    text-align: center;
    position: absolute;
    top: 25px;
    font-size: 6em;
    color: white;
    width: 100%;
}

.icon-box1 {
    margin-top: 20px;
}

.aside h3 {
    color: #c33d00;
    width: 80%;
    line-height: 24px;
    display: block;
    padding-top: 10px;
}

.aside legend {
	font-size: 1.3em;
	font-weight: 700;
}

.aside-cta-container a {
    font-weight: 600;
    color: #c33d00;
    display: block;
    margin-bottom: 20px;
}

.aside-cta-container p {
    margin-top: 10px;
}

div#ui-id-8 {
    padding: 1em .8em;
}

.content-page th {
    background-color: #ED7D31;
}

.apprenticeships-section .content-page td:first-child {
    background-color: #ED7D31;
}

.content-page .odd-row {
    background-color: #F7CAAC;
}

.content-page .even-row {
    background-color: #FBE4D5;
}

.content-page td,
.content-page th {
    border: 1px solid white;
}


.content-page tr:first-child td {

    border-top: 1px solid #ccc;
}





.content h2 {
    font-weight: 400;
}

.content-page .column-1 {
    color: white;
    font-weight: 600;
}

.content-page .row-header {
    font-weight: 600;
}

.content .inline {
    display: inline;
}

.content-page form input[type="submit"] {
    width: 100px;
}

.popup-link {
    cursor: pointer;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 5;
    width: 100%;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: none;
	cursor: pointer;
}

.popup-close {

	float: right;
    cursor: pointer;
    color: white;
    font-size: 2em;
    padding: 8px;
    border: 3px solid transparent;
    transition: .25s;
}

.popup-close:hover {
    border: 3px solid white;
    border-radius: 50%;
}

.youtube-popup {
    position: fixed;
    top: 50%;
    margin-top: -175px;
    width: 60%;
    left: 50%;
    margin-left: -30%;
    z-index: 2;
}

@media only screen and (min-width: 1200px) {
	.youtube-popup {
		width: 700px;
		margin-left: -350px;

	}

}

.youtube-wrapper-main {
    width: 48.33%;
    display: inline-block;
	float: right;
}


/* Apprenticeship listing page */

.breadcrumbs {
    margin-bottom: 20px;
}

.breadcrumbs a {
    color: #7c7c7c;
}

.breadcrumbs p {
    display: inline-block;
}

.vacancy-selector {
    background-color: #ededed;
    padding: 10px 0;
}

.vacancy-selector p {
    width: 50px;
    display: inline;
    padding: 0 10px;
}

.vacancy-selector select {
    display: inline;
    width: 115px;
    font-size: .9em;
}

.vacancy-selector .location-select {
    width: 140px;
}

.vacancy-selector input[name="maincontent_0$LocationTextBox"] {
    font-size: .9em;
}

.vacancy-listing-container {
    margin-top: 22px;
}

.vacancy-listing {
    background-color: #ededed;
    padding: 20px;
    margin-top: 20px;
	float:left;
    min-width: 95%;
}

.vacancy-top-details {
    display: inline-block;
    position: relative;
    float: left;
}

.vacancy-top-details h3 {
    font-weight: 400;
}

.vacancy-top-details ul {
    list-style: none;
    margin-left: 0;
    clear: both;
}

.vacancy-listing img {
    float: left;
    position: relative;
    top: 0;
    vertical-align: top;
    vertical-align: initial;
}

.vacancy-listing p {
    top: 6px;
    position: relative;
    clear: both;
    margin: 10px 0 15px 0;
	padding-left:20px;
}

.vacancy-listing a {
	padding-left:10px;
	margin-bottom:20px;
	float:left;
}

.vacancy-listing .vacancy-top-details a {
	padding-left:0;
	margin-bottom:0;
}

.scnd-vacancy-link {
    padding-left: 15px;
}

.social-listings-mobile {
    display: none;
}

.enquiry-mobile {
    display: none;
}

.listing-apprentice-text {
    margin-top: 40px;
    float: left;
}

.listing-text-mobile {
    display: none;
}



.apprenticeships-section .sidebar-container .spotlight{
	margin-top: 20px;

}

.apprenticeships-section .sidebar-container img {
	width: 100%;
}



/*vacancy-detail page*/

.apprenticeships-section .listing-details {
    list-style: none;
    margin-left: 0;
}

.listing-details li {
    padding: 6px 0
}

.listing-details i {
    width: 20px;
    padding-right: 1px;
    display: inline-block;
}

.inline-block {
    display: inline-block;
}

.width-set {
    width: 36%;
}

.bottom-text-container {
    margin-top: 30px;
}

.bottom-text-container a {
    font-weight: 600;
}

.apprenticeships-section .sidebar-container .apply-cta {
	border-width: 0px 0px;
    border-top: 3px solid #C23D00;
	border-bottom: 3px solid #C23D00;
    padding: 25px 0;
	margin-top: 10px;
}

.apprenticeships-section .spotlight ul {
	margin-left: 0;

}

.apply-cta-mobile {
    display: none;
}

.apply-cta a {
    color: #c33d00;
    font-size: 1.3em;
    font-weight: 600;
}

.apply-disclaimer {
    margin: 20px 0;
}

.apply-disclaimer ul {
    list-style: none;
    margin-top: 10px;
    margin-left: 0;
}

.apply-disclaimer i {
    margin-right: 10px;
}

.vacancy-social-container .social-icn {
    padding: 0 5px;
}

.icon-checkmark {
	color: green;
}

.apply-cta ~ p {
	border-bottom: 0px solid transparent;

}

 .infographicDesktop iframe {
        width: 720px;

    }

/*Vacancy location page*/

.vacancy-listing img {margin-right:20px; padding-bottom: 20px;}


/* Icons and Sprites */

.icons {
    background-image: url('img/icons-sprite.png');
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
}


/*logo tweak*/

.eef-logo {
    float: left;
    padding: 1.2em 0 0 .4em;
}

.logo {
    height: 32px;
    padding: 0;
    width: 110px;
    background: transparent url(img/eef-logo-segment-mobile.png) no-repeat 0 0;
}

.venues-section .logo {
    background-image: url(img/venues-logo.png);
    background-size: 32px 32px;
}

.eef-home .logo {
    background-image: url(img/eef-logo-mobile.png);
}


/*end logo tweak*/

.eef-home .login {
    background-position: -64px -5px;
    margin-left: 5px;
    width: 25px;
    height: 25px;
    top: 5px;
}

.eef-home .media {
    background-position: -64px -173px;
    margin-left: 5px;
    width: 25px;
    height: 25px;
    top: 5px;
}

.eef-home .media:hover {
    background-position: -64px -149px;
}

.eef-home .login:hover {
    background-position: -65px -96px;
}

.eef-home .search {
    background-position: -137px -8px;
    margin-left: 5px;
    height: 25px;
    width: 20px;
}

.eef-home .search:hover {
    background-position: -140px -153px;
}

.group-lip {
    top: 0;
    left: 25%;
    background-position: -103px -8px;
    width: 30px;
    height: 30px;
}

.business-support-lip {
    top: 0;
    left: 35%;
    background-position: -103px -48px;
    width: 30px;
    height: 30px;
}

.section-key {
    background-position: -168px -7px;
    width: 105px;
    height: 5px;
    display: block;
    margin-left: 10%;
    top: 0.4em;
}

.nav-arrow {
    width: 8px;
    height: 11px;
    float: right;
    margin-right: 5%;
    top: 0.55em;
}

.membership-nav-arrow {
    background-position: -7px -148px;
}

.campaigning-nav-arrow {
    background-position: -7px -198px;
}

.business-nav-arrow {
    background-position: -7px -48px;
}

.training-nav-arrow {
    background-position: -7px -98px;
}

.apprenticeships-nav-arrow {
    background-position: -7px -248px;
}

.venues-nav-arrow {
    background-position: -7px -298px;
}

.uk-steel-nav-arrow {
    background-position: -7px -348px;
}

.group-nav-arrow {
    background-position: -7px -395px;
}

.profile {
    background-position: -285px -71px;
    height: 81px;
    float: left;
    width: 85px;
    margin-right: 5%;
    margin-top: 0;
}

.resources {
    background-position: -116px -208px;
    height: 81px;
    float: left;
    width: 116px;
    margin-right: 8%;
}

.search {
    background-position: -139px -153px;
    margin-left: 5px;
    height: 25px;
    width: 20px;
}

.search:hover {
    background-position: -139px -126px;
}

.login {
    background-position: -64px -29px;
    margin-left: 5px;
    width: 25px;
    height: 25px;
    top: 5px;
}

.login:hover {
    background-position: -65px -123px;
}

.media {
    background-position: -64px -223px;
    margin-left: .7em;
    width: 25px;
    height: 25px;
    top: 5px;
}

.media:hover {
    background-position: -64px -199px;
}

.icon-plus {
    font-size: 0.7rem;
}

.icon-phone,
.icon-envelope,
.icon-question {
    font-size: 1.5rem;
}

.document-icons {
    width: 36px;
    height: 40px;
    float: left;
    margin-right: 0.8em;
    background-position: -57px -498px
}

.pdf {
    background-position: -56px -354px;
}

.word {
    background-position: -56px -305px;
}

.excel {
    background-position: -57px -402px;
}

.zip {
    background-position: -56px -257px;
}

.ppt {
    background-position: -57px -453px;
}

.jpg {
    background-position: -57px -545px;
}

.png {
    background-position: -57px -594px;
}

.download-file input[type=submit],
.download-file input[type=submit]:hover {
    background: none;
    border: none;
    padding: 0;
}


/* EEF home section colouring */

.main-nav .eef-home-section-nav a {
    color: #222;
    border-color: #222;
}

#maincontent_0_PageContent_CronerPostLandingControl_CronorAccessPanel {
        clear: both;
    }


/* Membership section colouring */

.eef-home .main-nav .membership-section a,
.footer .membership-label,
.membership-section .link-border,
.membership-section input[type="submit"].remove-delegate,
.membership-section input[type="submit"].edit-delegate,
.membership-section .download-file .download-file input[type=submit] {
    color: #00838D;
}

.eef-home .membership,
.membership-section .sub-navigation,
.membership-section .contact-fixed li,
.membership-section .button:hover {
    background-color: #00838D;
}

.membership,
.membership-section .fact-container {
    background-color: rgba(0, 131, 141, .95);
    border-color: rgba(0, 131, 141, .95);
}

.uk-steel-section .icon-linkedin svg {
    fill: #836B19;
}

a.membership-highlight,
.membership-section .highlight,
.membership-section a,
.main-nav .membership-section-nav {
    color: #00838D;
    border-color: #00838D;
}

.membership-section .affiliate-membership .change-details,
.membership-section .course-page .change-details,
.footer .membership-section a,
.membership-section.mobile-navigation .casestudy-page .content-wrapper .nav-arrow {
    color: #00838D;
}

.membership-section .affiliate-membership .change-details,
.membership-section .course-page .change-details,
.membership-section .side-nav li,
.membership-section .link-border,
.membership-section .row.payment-options-group > .payment-modes-container > .payment-modes .radio-field .option-details .image {
    border: #00838D 1px solid;
}

.membership-section .affiliate-membership .change-details:hover,
.membership-section .course-page .change-details:hover,
.membership-section .row.payment-options-group > .payment-modes-container > .payment-modes .radio-field .option-details input[type="radio"]:checked + .image,
.membership-section .side-nav li a:hover {
    background: #00838D;
    color: #fff;
}

.membership-section .contact-us,
.membership-section.full-width-template-style .contact-us {
    border-top: 3px solid #00838D;
    border-bottom: 3px solid #00838D;
}

.membership-spotlight-highlight {
    color: pink;
    font-size: 5em;
}

.membership-section .affiliate-membership .change-details .action-icon,
.membership-section .course-page .change-details .action-icon,
.membership-section .row.payment-options-group > .payment-modes-container > .payment-modes .radio-field .option-details .image svg {
    fill: #00838D;
}

/* Campaigning section colouring */

.eef-home .main-nav .campaigning-section a,
.footer .campaigning-label,
.eef-home .main-nav .campaigning-section a,
.campaigning-section .link-border,
.campaigning-section a,
.campaigning-section input[type="submit"].remove-delegate,
.campaigning-section input[type="submit"].edit-delegate {
    color: #5A3D99;
}

.eef-home .campaigning,
.campaigning-section .contact-fixed li {
    background-color: #5A3D99;
}

.campaigning-section .fact-container {
    background-color: rgba(90, 61, 153, .95);
}

.campaigning-section .background-highlight,
.campaigning-section .button:hover {
    background-color: #5A3D99;
}

.uk-steel-section .icon-linkedin svg {
    fill: #836B19;
}

.campaigning-highlight,
.campaigning-section .highlight,
.campaigning-section a,
.main-nav .campaigning-section-nav a,
.campaigning-section.mobile-navigation .casestudy-page .content-wrapper .nav-arrow {
    color: #5A3D99;
    border-color: #5A3D99;
}

.campaigning-section .side-nav li,
.campaigning-section .link-border {
    border: #5A3D99 1px solid;
}

.campaigning-section .side-nav li a:hover {
    background: #5A3D99;
    color: #fff;
}

.campaigning-section .contact-us,
.campaigning-section.full-width-template-style .contact-us {
    border-top: 3px solid #5A3D99;
    border-bottom: 3px solid #5A3D99;
}


/* Business-support-section colouring */

.eef-home .main-nav .business-support-section a,
.footer .business-label,
.business-support-section .link-border,
.business-support-highlight {
    color: #438500;
}

.business-support,
.ndi-section .background-highlight,
.ndi-section .fact-container,
.business-support-section .background-highlight,
.business-support-section .fact-container {
    background-color: rgba(67, 133, 0, .95);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#438500', endColorstr='#438500');
    color: #fff;
}

.ndi-section .fact-container,
.ndi-section .contact-fixed li,
.ndi-section .button:hover {
    background-color: #cf9fdd;
}

.business-support-section .fact-container,
.business-support-section .contact-fixed li,
.business-support-section .button:hover {
    background-color: #438500;
}

.ndi-section .icon-linkedin svg {
     fill: #cf9fdd;
}

.business-support-section .icon-linkedin svg {
    fill: #438500;
}

.business-highlight,
.ndi-section .highlight,
.ndi-section a,
.business-support-section .highlight,
.business-support-section a,
.main-nav .business-section-nav a,
.ndi-section input[type="submit"].remove-delegate,
.ndi-section input[type="submit"].edit-delegate,
.ndi-section.mobile-navigation .casestudy-page .content-wrapper .nav-arrow,
.business-support-section input[type="submit"].remove-delegate,
.business-support-section input[type="submit"].edit-delegate,
.business-support-section.mobile-navigation .casestudy-page .content-wrapper .nav-arrow {
    color: #438500;
    border-color: #438500;
}

.ndi-section .a-to-z-listing .anchor-links {
    letter-spacing: 0.3em;
}

.ndi-section .a-to-z-listing a {
    font-size: 1em;
}

.ndi-section .a-to-z-links .item-key {
    font-size: 1.5rem;
    line-height: initial;
    margin: 1rem 0 0.8rem;
}

.ndi-section .a-to-z-links {
    width: 49.5%;
    float: left;
}

.ndi-section .sub-navigation ul li {
    border-color: #cf9fdd;
}

.business-support-section .sub-navigation ul li {
    border-color: #7ED824;
}

.ndi-section .side-nav li,
.ndi-section .link-border {
    border: 1px solid #cf9fdd;
    border: 0.1rem solid #cf9fdd;
}

.business-support-section .side-nav li,
.business-support-section .link-border {
    border: #438500 1px solid;
}

.ndi-section .sub-navigation li a {
    border-right: 1px solid #cf9fdd;
}

.business-support-section .sub-navigation li a {
    border-right: 1px solid #438500;
}

.ndi-section .contact-us,
.ndi-section.full-width-template-style .contact-us {
    border-top: 3px solid #cf9fdd;
    border-bottom: 3px solid #cf9fdd;
}

.business-support-section .contact-us,
.business-support-section.full-width-template-style .contact-us {
    border-top: 3px solid #438500;
    border-bottom: 3px solid #438500;
}

.ndi-section .side-nav li a:hover {
    background: #cf9fdd;
    color: #fff;
}
.business-support-section .side-nav li a:hover {
    background: #438500;
    color: #fff;
}

/*  ndi-section colouring
--------------------------*/

.ndi-section .background-highlight,
.ndi-section .fact-container {
    background-color: rgba(207, 159, 221, 0.95);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#438500', endColorstr='#438500');
    color: #ffffff;
}

.ndi-section .fact-container,
.ndi-section .contact-fixed li,
.ndi-section .button:hover {
     background-color: #cf9fdd;
}

.ndi-section .icon-linkedin svg {
     fill: #cf9fdd;
}

.ndi-section .highlight,
.ndi-section a,
.ndi-section input[type="submit"].remove-delegate,
.ndi-section input[type="submit"].edit-delegate,
.ndi-section.mobile-navigation .casestudy-page .content-wrapper .nav-arrow {
    color: #cf9fdd;
    border-color: #cf9fdd;
    border-left: transparent;
}

.ndi-section .a-to-z-listing .anchor-links {
    letter-spacing: 0.3em;
}

.ndi-section .a-to-z-listing a {
    font-size: 16px;
    font-size: 1.6rem;
}

.ndi-section .a-to-z-listing > .anchor-links a,
.ndi-section .a-to-z-listing ul li a {
    font-size: 10px;
    font-size: 1rem;
}

.ndi-section .a-to-z-links .item-key {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: initial;
    margin: 10px 0 8px;
    margin: 1rem 0 0.8rem;
}

.ndi-section .a-to-z-links {
    width: 49.5%;
    float: left;
}

.ndi-section .sub-navigation ul li {
     border-color: #cf9fdd;
}

.ndi-section .side-nav li,
.ndi-section .link-border {
    border: 1px solid #cf9fdd;
    border: 0.1rem solid #cf9fdd;
}


.ndi-section .sub-navigation li a {
    border-right: 1px solid #cf9fdd;
    border-right: 0.1rem solid #cf9fdd;
}

.ndi-section .contact-us,
.ndi-section.full-width-template-style .contact-us {
    border-top: 3px solid #cf9fdd;
    border-top: 0.3rem solid #cf9fdd;
    border-bottom: 3px solid #cf9fdd;
    border-bottom: 0.3rem solid #cf9fdd;
}

.ndi-section .side-nav li a:hover {
    background: #cf9fdd;
    color: #fff;
}

/* Training section colouring */

.eef-home .main-nav .training-section a,
.footer .training-label,
.training-section .link-border,
.training-section input[type="submit"].remove-delegate,
.training-section input[type="submit"].edit-delegate {
    color: #971C08;
}

.training,
.training-section .fact-container {
    background-color: rgba(151, 28, 8, .95);
    color: #fff;
}

.eef-home .training,
.training-section .contact-fixed li,
.training-section .button:hover {
    background-color: #971C08;
    color: #fff;
}

.training-section .icon-linkedin svg {
    fill: #971C08;
}

.training-highlight,
.training-section .highlight,
.training-section a,
.main-nav .training-section-nav a,
.training-section.mobile-navigation .casestudy-page .content-wrapper .nav-arrow {
    color: #971C08;
    border-color: #971C08;
}

.training-side-nav li,
.training-section .link-border {
    border: #971C08 1px solid;
}

.training-section .side-nav li a:hover,
.training-section .background-highlight {
    background: #971C08;
    color: #fff;
}

.training-section .contact-us,
.training-section.full-width-template-style .contact-us {
    border-top: 3px solid #971C08;
    border-bottom: 3px solid #971C08;
}


/* Apprenticeships section colouring */

.eef-home .main-nav .apprenticeships-section a,
.footer .apprenticeships-label,
.apprenticeships-section .link-border,
.apprenticeships-section input[type="submit"].remove-delegate,
.apprenticeships-section input[type="submit"].edit-delegate {
    color: #C23D00;
}

.apprenticeships {
    background-color: rgba(194, 61, 0, .95);
}

.eef-home .apprenticeships,
.apprenticeships-section .fact-container,
.apprenticeships-section .contact-fixed li,
.apprenticeships-section .background-highlight,
.apprenticeships-section .button:hover {
    background-color: #C23D00;
}

.apprenticeships-section .icon-linkedin svg {
    fill: #C23D00;
}

.apprenticeships-highlight,
.apprenticeships-section .highlight,
.apprenticeships-section a,
.main-nav .apprenticeships-section-nav a,
.apprenticeships-section.mobile-navigation .casestudy-page .content-wrapper .nav-arrow {
    color: #C23D00;
    border-color: #C23D00;
}

.apprenticeships-side-nav li,
.apprenticeships-section .link-border {
    border: #C23D00 1px solid;
}

.apprenticeships-section .side-nav li a:hover {
    background: #C23D00;
    color: #fff;
}

.apprenticeships-section .contact-us,
.apprenticeships-section.full-width-template-style .contact-us {
    border-top: 3px solid #C23D00;
    border-bottom: 3px solid #C23D00;
}


/* Venues section colouring */

.eef-home .main-nav .venues-section a,
.footer .venues-label,
.venues-section .link-border,
.venues-section input[type="submit"].remove-delegate,
.venues-section input[type="submit"].edit-delegate {
    color: #A60069;
}

.venues,
.venues-section .fact-container,
.venues-section .background-highlight {
    background-color: rgba(166, 0, 105, .95);
}

.eef-home .venues,
.venues-section .contact-fixed li,
.venues-section .button:hover,
.venues-section .sub-navigation {
    background-color: #A60069;
}

.venues-section .icon-linkedin svg {
    fill: #A60069;
}

.venues-highlight,
.venues-section .highlight,
.venues-section a,
.main-nav .venues-section-nav a,
.venues-section.mobile-navigation .casestudy-page .content-wrapper .nav-arrow {
    color: #A60069;
    border-color: #A60069;
}

.venues-section .side-nav li,
.venues-section .link-border {
    border: #A60069 1px solid;
}

.venues-section .sub-navigation ul li {
    border-color: #D60088;
}

.venues-section .side-nav li a:hover {
    background: #D60088;
    color: #fff;
}

.venues-section .contact-us,
.venues-section.full-width-template-style .contact-us {
    border-top: 3px solid #D60088;
    border-bottom: 3px solid #D60088;
}


/* UK Steel section colouring */

.eef-home .main-nav .uk-steel-section a,
.footer .uk-steel-label,
.uk-steel-section .link-border,
.uk-steel-section input[type="submit"].remove-delegate,
.uk-steel-section input[type="submit"].edit-delegate {
    color: #836B19;
}

.uk-steel,
.uk-steel-section .fact-container {
    background-color: rgba(131, 107, 25, .95);
}

.eef-home .uk-steel,
.uk-steel-section .contact-fixed li,
.uk-steel-section .background-highlight,
.uk-steel-section .button:hover {
    background-color: #836B19;
}
.uk-steel-section .icon-linkedin svg {
    fill: #836B19;
}

.uk-steel-highlight,
.uk-steel-section .highlight,
.uk-steel-section a,
.uk-steel-section .business-support-section-highlight .spotlight a,
.main-nav .uk-steel-section-nav a,
.uk-steel-section.mobile-navigation .casestudy-page .content-wrapper .nav-arrow {
    color: #836B19;
    border-color: #836B19;
}

.uk-steel-side-nav li,
.uk-steel-section-section .link-border {
    border: #836B19 1px solid;
}

.uk-steel-section .side-nav li a:hover {
    background: #836B19;
    color: #fff;
}

.uk-steel-section .contact-us,
.uk-steel-section.full-width-template-style .contact-us {
    border-top: 3px solid #836B19;
    border-bottom: 3px solid #836B19;
}

/* Group section colouring */

.eef-home .main-nav .group-section a,
.footer .group-label,
.group-section .link-border,
.group-section input[type="submit"].remove-delegate,
.group-section input[type="submit"].edit-delegate,
.group-section .download-file input[type=submit] {
    color: #3a589e;
}

.group,
.group-section .fact-container {
    background-color: rgba(58, 88, 158, .95);
}

.eef-home .group,
.group-section .contact-fixed li,
.group-section .background-highlight,
.group-section .button:hover {
    background-color: #3a589e;
}

.group-highlight,
.group-section .highlight,
.group-section a,
.group-section.mobile-navigation .casestudy-page .content-wrapper .nav-arrow {
    color: #3a589e;
    border-color: #3a589e;
}

.group-section .side-nav li,
.group-section .link-border {
    border: #3a589e 1px solid;
}

.group-section .side-nav li a:hover {
    background: #3a589e;
    color: #fff;
}

.group-section .contact-us,
.group-section.full-width-template-style .contact-us {
    border-top: 3px solid #3a589e;
    border-bottom: 3px solid #3a589e;
}

.group-section .scfSubmitButton,
.group-section .form-submit {
    border: #3a589e 1px solid;
    background: none;
    color: #3a589e;
}

.group-section .scfSubmitButton:hover,
.group-section .form-submit:hover,
.group-section .scfSubmitButton:focus,
.group-section .form-submit:focus {
    background: #3a589e;
    color: #fff;
}

.membership-section .scfSubmitButton,
.membership-section .form-submit {
    border: #00838D 1px solid;
    background: none;
    color: #00838D;
}

.membership-section .scfSubmitButton:hover,
.membership-section .form-submit:hover,
.membership-section .scfSubmitButton:focus,
.membership-section .form-submit:focus {
    background: #00838D;
    color: #fff;
}

.campaigning-section .scfSubmitButton,
.campaigning-section .form-submit {
    border: #5A3D99 1px solid;
    background: none;
    color: #5A3D99;
}

.campaigning-section .scfSubmitButton:hover,
.campaigning-section .form-submit:hover,
.campaigning-section .scfSubmitButton:focus,
.campaigning-section .form-submit:focus {
    background: #5A3D99;
    color: #fff;
}

.eef-home .main-nav .ndi-section a,
.footer .ndi-label,
.ndi-section .link-border,
.ndi-section input[type="submit"].remove-delegate,
.ndi-section input[type="submit"].edit-delegate {
    color: #cf9fdd;
}

.ndi-section .scfSubmitButton,
.ndi-section .form-submit {
    border: 1px solid #cf9fdd;
    border: 0.1rem solid #cf9fdd;
    background: none;
    color: #cf9fdd;
}

.ndi-section .scfSubmitButton:hover,
.ndi-section .form-submit:hover,
.ndi-section .scfSubmitButton:focus,
.ndi-section .form-submit:focus {
    background: #cf9fdd;
    color: #fff;
}
.business-support-section .scfSubmitButton,
.business-support-section .form-submit {
    border: #438500 1px solid;
    background: none;
    color: #438500;
}

.business-support-section .scfSubmitButton:hover,
.business-support-section .form-submit:hover,
.business-support-section .scfSubmitButton:focus,
.business-support-section .form-submit:focus {
    background: #438500;
    color: #fff;
}

.training-section .scfSubmitButton,
.training-section .form-submit,
.mp-container .scfSubmitButton {
    border: #971C08 1px solid;
    background: transparent none;
    color: #971C08;
}

.training-section .scfSubmitButton:hover,
.training-section .form-submit:hover,
.training-section .scfSubmitButton:focus,
.training-section .form-submit:focus,
.course-waiting-list-form .scfSubmitButton:hover,
.course-waiting-list-form .scfSubmitButton:focus {
    background: #971C08;
    color: #fff;
}

.apprenticeships-section .scfSubmitButton,
.apprenticeships-section .form-submit {
    border: #C23D00 1px solid;
    background: none;
    color: #C23D00;
}

.apprenticeships-section .scfSubmitButton:hover,
.apprenticeships-section .form-submit:hover,
.apprenticeships-section .scfSubmitButton:focus,
.apprenticeships-section .form-submit:focus {
    background: #C23D00;
    color: #fff;
}

.venues-section .scfSubmitButton,
.venues-section .form-submit {
    border: #A60069 1px solid;
    background: none;
    color: #A60069;
}

.venues-section .scfSubmitButton:hover,
.venues-section .form-submit:hover,
.venues-section .scfSubmitButton:focus,
.venues-section .form-submit:focus {
    background: #A60069;
    color: #fff;
}

.uk-steel-section .scfSubmitButton,
.uk-steel-section .form-submit {
    border: #836B19 1px solid;
    background: none;
    color: #836B19;
}

.uk-steel-section .scfSubmitButton:hover,
.uk-steel-section .form-submit:hover,
.uk-steel-section .scfSubmitButton:focus,
.uk-steel-section .form-submit:focus {
    background: #836B19;
    color: #fff;
}

.content-block .job-title-list ul {
    padding-left: 0;
}

.job-title-list li {
    float: left;
    width: 48%;
    list-style: none;
    margin-bottom: 0;
}

.job-title-list li:first-child {
    clear: left;
}

.form-right-column .row.job-title-list label {
    margin-top: 0.75em;
    width: 75%;
}

.clear-child {
    clear: left;
}

.user-preference-form-wrapper {
    margin-bottom: 2em;
}

.iframe-component iframe {
    width: 100%;
    clear: both;
    display: block;
    margin: 2em 0;
    border: 0;
}


/* Cross-section link styling */

.group-section .membership-section-highlight a,
.campaigning-section .membership-section-highlight a,
.ndi-section .membership-section-highlight a,
.business-support-section .membership-section-highlight a,
.training-section .membership-section-highlight a,
.apprenticeships-section .membership-section-highlight a,
.venues-section .membership-section-highlight a,
.uk-steel-section .membership-section-highlight a {
    color: #00838D
}

.group-section .campaigning-section-highlight a,
.membership-section .campaigning-section-highlight a,
.ndi-section .campaigning-section-highlight a,
.business-support-section .campaigning-section-highlight a,
.training-section .campaigning-section-highlight a,
.apprenticeships-section .campaigning-section-highlight a,
.venues-section .campaigning-section-highlight a,
.uk-steel-section .campaigning-section-highlight a {
    color: #5A3D99
}

.group-section .business-support-section-highlight a,
.membership-section .business-support-section-highlight a,
.campaigning-section .business-support-section-highlight a,
.training-section .business-support-section-highlight a,
.apprenticeships-section .business-support-section-highlight a,
.venues-section .business-support-section-highlight a,
.uk-steel-section .business-support-section-highlight a {
    color: #438500
}

.group-section .training-section-highlight a,
.membership-section .training-section-highlight a,
.campaigning-section .training-section-highlight a,
.ndi-section .training-section-highlight a,
.business-support-section .training-section-highlight a,
.apprenticeships-section .training-section-highlight a,
.venues-section .training-section-highlight a,
.uk-steel-section .training-section-highlight a {
    color: #971C08
}

.group-section .apprenticeships-section-highlight a,
.membership-section .apprenticeships-section-highlight a,
.campaigning-section .apprenticeships-section-highlight a,
.ndi-section .apprenticeships-section-highlight a,
.business-support-section .apprenticeships-section-highlight a,
.training-section .apprenticeships-section-highlight a,
.venues-section .apprenticeships-section-highlight a,
.uk-steel-section .apprenticeships-section-highlight a {
    color: #C23D00
}

.group-section .venues-section-highlight a,
.membership-section .venues-section-highlight a,
.campaigning-section .venues-section-highlight a,
.ndi-section .venues-section-highlight a,
.business-support-section .venues-section-highlight a,
.training-section .venues-section-highlight a,
.apprenticeships-section .venues-section-highlight a,
.uk-steel-section .venues-section-highlight a {
    color: #A60069
}

.group-section .uk-steel-section-highlight a,
.membership-section .uk-steel-section-highlight a,
.campaigning-section .uk-steel-section-highlight a,
.ndi-section .uk-steel-section-highlight a,
.business-support-section .uk-steel-section-highlight a,
.training-section .uk-steel-section-highlight a,
.apprenticeships-section .uk-steel-section-highlight a,
.venues-section .uk-steel-section-highlight a {
    color: #836B19
}

.membership-section .group-section-highlight a,
.campaigning-section .group-section-highlight a,
.ndi-section .group-section-highlight a,
.business-support-section .group-section-highlight a,
.training-section .group-section-highlight a,
.apprenticeships-section .group-section-highlight a,
.venues-section .group-section-highlight a,
.uk-steel-section .group-section-highlight a {
    color: #3a589e;
}


/* Main navigation - top bar */

.main-nav {
    list-style: none;
    padding: 20px;
    margin: 0;
    background: #fff;
    display: none;
    border-bottom: 2px solid #B0ABAB;
    clear: both;
}

.main-nav ul {
    list-style: none;
    margin-left: 0;
}

.main-nav ul ul {
    padding-left: 5%;
}

.main-nav li a {
    width: 100%;
    display: block;
    padding: 10px 0;
    font-weight: bold;
}

.eef-home .main-nav li a {
    color: #000;
}

.no-js .main-nav {
    display: block;
    padding: 0;
}

.no-js .main-nav li a {
    padding: .1em;
}

.no-js .main-nav ul ul {
    padding-left: .5em;
}

.button:hover {
    background-color: #3a589e;
    color: #fff;
}

.ndi-section a.button:hover,
.business-support-section a.button:hover {
    background-color: #cf9fdd;
}
.ndi-section .feature .container {
    border-top: 3px solid #cf9fdd;
    border-top: 0.3rem solid #cf9fdd;
}


.membership-section a.button:hover {
    background-color: #00838D;
}


/* VIDEOS
-------------------*/

.video-box {
    background-color: #000;
    text-align: center;
    max-width: 480px;
}

.venues-section .listing-item .video-box {
    max-width: 290px;
}


/* FEATURES
-------------------*/

.features {
    background-color: #F9FAFC;
    border: 1px solid #D3D3D3;
    padding: 2% 0;
}

.right-column .features {
    padding: 15px;
}

.right-column .features:not(.open-course) {
    margin-bottom: 2em;
}

.right-column .open-course {
    margin-bottom: 1em;
}

.features h2 {
    margin: 0 2%;
    padding-bottom: 1em;
    border-bottom: 1px solid #D3D3D3;
}

.right-column .features h2 {
    font-size: 1.2em;
    margin: 0;
    padding-bottom: 1em;
    border: none 0;
    padding: 0;
}

.right-column .features .clearfix {
    border-top: 1px solid #D3D3D3;
    margin-top: 1em;
    padding-top: 1em;
}

.right-column .features .clearfix:first-of-type {
    border-top: none 0;
    margin-top: 0;
    padding-top: 0;
}

.feature {
    margin-left: 2%;
    margin-top: 1.5em;
    width: 96%;
}

.uk-steel-section .feature .container {
    border-top: 3px solid #836B19;
}

.feature .container {
    border-bottom: 3px solid #971C08;
    padding: 1em;
}

.group-section .feature .container {
    border-bottom: 3px solid #3a589e;
    padding: 1em;
}

.feature .cta {
    text-align: right;
    margin-top: 1.5em;
}


.listing {
    list-style: none none;
    margin-left: 0;
}

.feature h3 {
    font-size: 1em;
    margin: 0;
    padding: 0 0 1em 0;
    clear: none;
}

.training-section .feature h3 {
  font-size: 0.95em;
}

.right-column .features h3 {
    margin: 1em 0 0 0;
}

.feature a {
    margin: 0;
}

.feature .link-border {
    background-color: transparent;
}

.feature .thumbnail {
    text-align: center;
}

.feature .thumbnail img {
    display: inline-block;
}


/* IN PAGE SEARCH
-------------------*/

.in-page-search::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: .9em;
    color: #000;
}

.in-page-search:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: .9em;
    opacity: 1;
    color: #000;
}

.in-page-search::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: .9em;
    opacity: 1;
    color: #000;
}

.in-page-search:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: .9em;
    color: #000;
}

.in-page-search {
    background: #D3D3D3;
    padding: .4em;
    margin-bottom: 1em;
}

.in-page-search input[type=text] {
    padding: .5em;
    width: 64%;
    margin: 0;
    border: 1px solid #EFF1F3;
    font-size: .9em;
    line-height: 1.3;
}

.in-page-search input[type=submit] {
    background: #F7F9FC;
    border-color: #F7F9FC;
    float: right;
    font-weight: bold;
    font-size: 0.9rem;
    padding: .6em;
    margin: 0;
    width: 26%;
    border: none;
}

.in-page-search input[type=submit]:hover {
    background: #222;
    border-color: #222;
    color: #fff;
}


/*RELATED SPOTLIGHTS & SEARCH*/

.filtering h2 {
    font-weight: 400;
    font-family: Helvetica, Arial, sans-serif;
}

.search-filter-container .filtering h2 {
    margin-top: 0;
    font-size: 1rem;
}

.spotlight.group-related a,
.tag {
    color: #3A589E;
    margin-right: .2em;
}

.search-results .membership-related,
.filtering .membership-related {
    border-color: #00838D;
}

.spotlight.membership-related a,
.membership-related .tag {
    color: #00838D;
}

.search-results .campaigning-related,
.filtering .campaigning-related {
    border-color: #5A3D99;
}

.spotlight.campaigning-related a,
.campaigning-related .tag {
    color: #5A3D99;
}

.search-results .business-related,
.filtering .business-related {
    border-color: #438500;
}

.spotlight.business-related a,
.business-related .tag {
    color: #438500;
}

.search-results .training-related,
.filtering .training-related {
    border-color: #971C08;
}

.spotlight.training-related a,
.training-related .tag {
    color: #971C08;
}

.search-results .apprenticeships-related,
.filtering .apprenticeships-related {
    border-color: #C23D00;
}

.spotlight.apprenticeships-related a,
.apprenticeships-related .tag {
    color: #C23D00;
}

.search-results .venues-related,
.filtering .venues-related {
    border-color: #D60088;
}

.spotlight.venues-related a,
.venues-related .tag {
    color: #D60088;
}

.search-results .steel-related,
.filtering .steel-related {
    border-color: #836B19;
}

.spotlight.steel-related a,
.steel-related .tag {
    color: #3a589e;
}

.search-results input[type=text] {
    width: 60%;
    margin-right: 5%;
}

.apprenticeships-section .scfCaptchaLimitGeneralPanel tr:nth-child(2) {
    display: none;
}


/* MOBILE NAVIGATION
---------------------*/

.mobile-additional {
    display: none;
}

.no-js .mobile-additional {
    display: block;
}

.mobile-navigation .mobile-additional {
    display: block;
}

.mobile-navigation .header {
    position: relative;
    height: 100%;
}

.mobile-navigation .header-tools li {
    padding-top: 0.6em;
}

.mobile-navigation .eef-logo {
    padding-top: 1.4em;
}

.mobile-navigation.venues-section .eef-logo {
    padding: 5px;
}

.mobile-navigation .main-nav {
    padding: 0;
    border: none 0;
    padding-bottom: 4em;
    overflow-y: auto;
    box-sizing: border-box;
    height: 100%;
    position: relative;
}

.mobile-navigation .nav-segmented {
    overflow-y: visible;
}

.navigation-opened {
    position: fixed;
}

.navigation-opened .navigation-wrapper {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 100;
}

.mobile-navigation .casestudy-page .content-wrapper .nav-arrow,
.casestudy-page .content-wrapper .nav-arrow {
    float: left;
    top: -0.2em;
    margin: 0 0.3em 0 0;
    font-size: 1.5em;
    background-color: transparent;
    border-left: none;
    height: auto;
    padding: 0;
    width: auto;
    top: -0.2em;
    position: relative;
    background-image: none;
}

.mobile-navigation .nav-arrow {
    background-color: #222;
    background-image: none;
    border-left: .5rem solid #222;
    clear: left;
    color: #fff;
    cursor: pointer;
    float: none;
    font-size: 2rem;
    height: 2.5rem;
    margin: 0 .5rem 0 0;
    padding: .2em 0 0 0;
    text-align: left;
    top: auto;
    width: 2.5rem;
    position: static;
    vertical-align: middle;
}

.mobile-navigation .nav-arrow.disable {
    cursor: default;
    color: rgba(255, 255, 255, .2);
}

.mobile-navigation .expanded .nav-arrow {
    border-color: #fff;
    background-color: #fff;
}

.mobile-navigation .membership-section-nav .nav-arrow {
    background-color: #00838d;
    border-color: #00838d;
}

.mobile-navigation .membership-section-nav.expanded .nav-arrow {
    color: #00838d;
    border-color: #fff;
    background-color: #fff;
}

.mobile-navigation .campaigning-section-nav .nav-arrow {
    background-color: #5a3d99;
    border-color: #5a3d99;
}

.mobile-navigation .campaigning-section-nav.expanded .nav-arrow {
    color: #5a3d99;
    border-color: #fff;
    background-color: #fff;
}

.mobile-navigation .business-section-nav .nav-arrow {
    background-color: #438500;
    border-color: #438500;
}

.mobile-navigation .business-section-nav.expanded .nav-arrow {
    color: #438500;
    border-color: #fff;
    background-color: #fff;
}

.mobile-navigation .training-section-nav .nav-arrow {
    background-color: #971c08;
    border-color: #971c08;
}

.mobile-navigation .training-section-nav.expanded .nav-arrow {
    color: #971c08;
    border-color: #fff;
    background-color: #fff;
}

.mobile-navigation .apprenticeships-section-nav .nav-arrow {
    background-color: #c23d00;
    border-color: #c23d00;
}

.mobile-navigation .apprenticeships-section-nav.expanded .nav-arrow {
    color: #c23d00;
    border-color: #fff;
    background-color: #fff;
}

.mobile-navigation .venues-section-nav .nav-arrow {
    background-color: #d60088;
    border-color: #d60088;
}

.mobile-navigation .venues-section-nav.expanded .nav-arrow {
    color: #d60088;
    border-color: #fff;
    background-color: #fff;
}

.mobile-navigation .uk-steel-section-nav .nav-arrow {
    background-color: #836b19;
    border-color: #836b19;
}

.mobile-navigation .uk-steel-section-nav.expanded .nav-arrow {
    color: #836b19;
    border-color: #fff;
    background-color: #fff;
}

.mobile-navigation .ndi-section-nav .nav-arrow {
    background-color: #cf9fdd;
    border-color: #cf9fdd;
}

.mobile-navigation .ndi-section-nav.expanded .nav-arrow {
    color: #cf9fdd;
    border-color: #fff;
    background-color: #fff;
}

.mobile-navigation .group-section-nav .nav-arrow {
    background-color: #3a589e;
    border-color: #3a589e;
}

.mobile-navigation .group-section-nav.expanded .nav-arrow {
    color: #3a589e;
    border-color: #fff;
    background-color: #fff;
}

.mobile-navigation li li .nav-arrow {
    display: none;
}

.mobile-navigation .nav-section {
    display: inline-block;
    vertical-align: middle;
}

.mobile-navigation .main-nav li {
    padding: .1rem;
    margin: 0;
    border-bottom: 1px solid #b0abab;
}

.mobile-navigation .main-nav li li {
    border: none 0;
    padding: 0;
    height: auto;
}

.mobile-navigation .main-nav li a {
    color: #222;
    padding: 0;
}

.mobile-navigation .main-nav li .section-highlight {
    padding: .35rem 0;
}

.mobile-navigation .nav-section-cloned {
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow-y:auto;
}

.mobile-navigation .nav-section-cloned.active-trail {
    background-color: #e6e6e6;
    box-sizing: border-box;
    position: absolute;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 100vh;
}

.mobile-navigation .nav-section-cloned .nav-children {
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    min-height:2200px;
    width: 100%;
}

.mobile-navigation .nav-section-cloned.membership-section-nav .nav-children {
    border-bottom-color: #b0abab;
}

.mobile-navigation .nav-section-cloned.membership-section-nav .nav-children {
    border-bottom-color: #00838D;
}

.mobile-navigation .nav-section-cloned.business-section-nav .nav-children {
    border-bottom-color: #438500;
}

.mobile-navigation .nav-section-cloned.training-section-nav .nav-children {
    border-bottom-color: #971C08;
}

.mobile-navigation .nav-section-cloned.apprenticeships-section-nav .nav-children {
    border-bottom-color: #C23D00;
}

.mobile-navigation .nav-section-cloned.venues-section-nav .nav-children {
    border-bottom-color: #D60088;
}

.mobile-navigation .nav-section-cloned.group-section-nav .nav-children {
    border-bottom-color: #3E4353;
}

.mobile-navigation .nav-section-cloned .nav-children li {
    padding: 0;
    border: none 0;
}

.mobile-navigation .nav-section-cloned li .active-page {
    border-left-width: .1em;
    border-left-style: solid;
}

.mobile-navigation .nav-section-cloned li a {
    padding: .7em 4em .7em .5em;
    margin-left: .5em;
    width: auto;
    font-size: 1.1em;
}

.mobile-navigation .nav-section-cloned li li a {
    padding: .5em 4em .5em 1em;
    margin-left: 0;
}

.mobile-navigation .nav-section-cloned .section-highlight {
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.2em;
    margin: .3em 2.3em .5em .25em;
    padding: .5em 0 .5em .25em;
    display: block;
}

.mobile-navigation .nav-section-cloned .active-page,
.mobile-navigation .main-nav .active-trail .section-highlight {
    border-left-width: .1em;
    border-left-style: solid;
}

.mobile-navigation .main-nav .active-trail .section-highlight {
    padding-left: .35rem;
}

.mobile-navigation .nav-section-cloned .nav-arrow {
    background-color: transparent;
    color: #222;
    border: 1px solid #222;
    cursor: pointer;
    float: right;
    font-size: 2em;
    height: auto;
    margin: 0 .25em 0 0;
    padding: .2em;
    width: auto;
    text-indent: 0;
}

.mobile-navigation .nav-section-cloned .main-cross {
    border: none 0;
    background-color: #222;
    color: #fff;
    margin: .3em .2em;
}

.mobile-navigation .nav-section-cloned.membership-section-nav .main-cross {
    background-color: #00838D;
}

.mobile-navigation .nav-section-cloned.business-section-nav .main-cross {
    background-color: #438500;
}

.mobile-navigation .nav-section-cloned.training-section-nav .main-cross {
    background-color: #971C08;
}

.mobile-navigation .nav-section-cloned.apprenticeships-section-nav .main-cross {
    background-color: #C23D00;
}

.mobile-navigation .nav-section-cloned.venues-section-nav .main-cross {
    background-color: #D60088;
}

.mobile-navigation .nav-section-cloned.group-section-nav .main-cross {
    background-color: #3A589E;
}

.mobile-navigation .nav-section-cloned.uk-steel-section-nav .main-cross {
    background-color: #836B19;
}
.mobile-navigation .nav-section-cloned.ndi-section-nav .main-cross {
    background-color: #cf9fdd;
}

.mobile-navigation .nav-section-cloned.campaigning-section-nav .main-cross {
    background-color: #5A3D99;
}


/* Absolute Center CSS Spinner */

.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 7.5em;
    left: 0;
    bottom: 0;
    right: 0;
}


/* Transparent Overlay */

.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 7.5em;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 1);
}


/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 1.5em;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgb(58, 88, 158) 1.5em 0 0 0, rgb(0, 131, 141) 1.1em 1.1em 0 0, rgb(90, 61, 153) 0 1.5em 0 0, rgb(67, 133, 0) -1.1em 1.1em 0 0, rgb(151, 28, 8) -1.5em 0 0 0, rgb(194, 61, 0) -1.1em -1.1em 0 0, rgb(166, 0, 105) 0 -1.5em 0 0, rgb(131, 107, 25) 1.1em -1.1em 0 0;
    box-shadow: rgb(58, 88, 158) 1.5em 0 0 0, rgb(0, 131, 141) 1.1em 1.1em 0 0, rgb(90, 61, 153) 0 1.5em 0 0, rgb(67, 133, 0) -1.1em 1.1em 0 0, rgb(151, 28, 8) -1.5em 0 0 0, rgb(194, 61, 0) -1.1em -1.1em 0 0, rgb(166, 0, 105) 0 -1.5em 0 0, rgb(131, 107, 25) 1.1em -1.1em 0 0;
}


/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media only screen and (min-width:600px) {
    /* Absolute Center CSS Spinner */
    .loading {
        top: 6.1em;
    }
    /* Transparent Overlay */
    .loading:before {
        top: 6.1em;
    }
}


/*----------------------
END MOBILE NAVIGATION */


/* SEARCH FILTER
-------------------*/

.filtering label {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.filtering h2,
.filtering .submit {
    margin: 1em 0;
}

/*Hide Content type checkbox in site search*/
#maincontent_0_TemplateTypeFilter_ContentTypeListView_lbl_8, #maincontent_0_TemplateTypeFilter_ContentTypeListView_chk_8  {
    display:none;
}


/*------------------
END SEARCH FILTER */


/* ACCORDIONS
-------------------*/

.js .accordions {
    clear: both;
    margin-bottom: 1em;
}

.js .accordions .pallet {
    cursor: pointer;
}

.js .accordions .pallet {
    background-color: #222;
    color: #fff;
    margin-bottom: 1px;
    padding: 15px 30px 15px 15px;
    position: relative;
}

.js .training-section .accordions .pallet {
    background-color: #971C08;
}

.js .venues-section .accordions .pallet {
    background-color: #A60069;
}

.js .accordions .pallet span {
    position: absolute;
    right: 15px;
    top: .7em;
}

.js .accordions .feather {
    padding: 15px;
    margin: 0 1px;
    -webkit-box-shadow: 0px 0px 5px #222;
    -moz-box-shadow: 0px 0px 5px #222;
    box-shadow: 0px 0px 5px #222;
}

.js .training-section .accordions .feather {
    -webkit-box-shadow: 0px 0px 5px #971C08;
    -moz-box-shadow: 0px 0px 5px #971C08;
    box-shadow: 0px 0px 5px #971C08;
}

.js .venues-section .accordions .feather {
    -webkit-box-shadow: 0px 0px 5px #A60069;
    -moz-box-shadow: 0px 0px 5px #A60069;
    box-shadow: 0px 0px 5px #A60069;
}

.js .accordions .arrow {
    vertical-align: middle;
}


/*--------------
END ACCORDIONS */


/* GALEERY
-------------------*/

.gallery a {
    float: left;
    margin: 0 0.5em 0.5em 0;
    width: 115px;
    height: 8.8em;
    overflow: hidden;
    cursor: zoom-in;
    position: relative;
}

.gallery a .icon-zoomin {
    color: white;
    font-size: 1.5em;
    position: absolute;
    right: 10px;
    top: 10px;
}

.venues-section .gallery {
    max-width: 720px;
}

.venues-section .gallery a {
    margin: 0 3% 2.5% 0;
    width: 31.33%;
    height: auto;
}

.venues-section .gallery a.main {
    width: 65.66%;
}


.venues-section .gallery a.last {
    margin-right: 0;
}

.apprenticeships-section .gallery a.main {
    width: 65.66%;
}

.apprenticeships-section .gallery {
    max-width: 720px;
}

.apprenticeships-section .gallery a {
    margin: 0 3% 2.5% 0;
    width: 31.33%;
    height: auto;
}

.apprenticeships-section .gallery a.last {
    margin-right: 0;
}


/*------------
END GALLERY */

.intro-title-nav {
    font-size: 1.45rem;
    padding-bottom: 0.9em;
    border-bottom: 1px solid grey;
    width: 95%;
}

.tab {
    display: inline-block;
    padding-right: 4%;
    height: 4.3em;
}

.tab.active {
    background: #ECECEC
}

.explore-nav,
.header-tools {
    position: relative;
    top: -0.5em;
}

.explore-nav {
    cursor: pointer;
}

.search-dropdown {
    clear: both;
    display: none;
}

.search-dropdown .options {
    color: #fff;
    padding-top: 1em;
}

.search-dropdown .options input,
.search-dropdown .options label {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.search-dropdown .options label {
    font-weight: 400;
    margin: 0 1em 0 .5em;
}

.search-dropdown .options p {
    display: inline-block;
    margin: 0;
}

.no-js .search-dropdown {
    display: block;
    padding: 0;
    background-color: transparent;
}

.search-dropdown input[type=text] {
    padding: .5em;
    width: 63%;
    margin-right: 2%;
    display: inline-block;
    clear: none;
    text-align: center;
    float: left;
    border: 1px solid #EFF1F3;
}

.search-dropdown input[type="submit"] {
    padding: .65em;
    width: 28%;
    float: left;
    margin: 0;
    clear: none;
    font-weight: bold;
    font-size: 0.9rem;
    height: 2.6em;
    border: none;
}

.lt-ie10 .search-dropdown input[type="submit"] {
    font-size: 0.96rem;
    padding: 0.56em;
}

.eef-home .search-dropdown input[type="submit"] {
    background-color: #EFF1F3;
    border: none;
    height: 2.6em;
}

.eef-home .search-dropdown input[type="submit"]:hover {
    background: #E0E0E0;
}

.search-dropdown fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

.sub-navigation {
    display: none;
}

.active-tab {
    background: #4c5158;
}

.eef-home .active-tab {
    background: #fff;
}

.search-dropdown {
    background: #4c5158;
    padding: 1%;
}

.eef-home .search-dropdown {
    background: #fff;
}

.navigation-wrapper {
    background: #282b30;
}

.eef-home .navigation-wrapper {
    background: #f7f9fc;
}

.navigation-wrapper .header-tools li .tab-nav {
    color: #fff;
    font-size: 0.8rem;
    font-family: 'FSAlbertPro', Arial, Helvetica, sans-serif;
}

.navigation-wrapper .header-tools li span[class*="icon"] {
    color: #c1c1c1;
    font-size: 1.7em;
}

.eef-home .navigation-wrapper .header-tools li .tab-nav,
.eef-home .navigation-wrapper .header-tools li [class*="icon"] {
    color: #222;
}

.navigation-wrapper .header-tools li [class*="icon"]:hover,
.eef-home .navigation-wrapper .header-tools li [class*="icon"]:hover {
    color: #c1c1c1;
}

.navigation-wrapper .header-tools li span.tab-nav {
    text-align: center;
    float: none;
    width: auto;
    margin: 0 auto;
    display: block;
}

.tab-nav,
.seach-tab,
.login-tab {
    clear: both;
}

#breadcrumb {
    display: none;
}

#breadcrumb li.current {
    font-weight: bold;
    font-size: 0.9rem;
}

.header-tools,
.header-tools li {
    list-style: none;
    display: inline-block;
}

.eef-home .header-banner-full-width {
    width: 100%;
    background: #3d4353;
}

.eef-home .header-inner .fact {
    padding-bottom: 1em;
}

.header-tools {
    margin: 0;
    float: right;
    padding: 0;
    top: 0;
    width: 11.7em;
    display: block;
}

.header-tools li {
    cursor: pointer;
    text-align: center;
    float: right;
    display: block;
    padding: 0.4em;
    margin: 0;
}

.header-tools li a {
    display: block;
    width: auto;
}

.header-tools li.dropdown-nav {
    display: block!important;

}

.no-js .header-tools {
    display: none;
}

.header-tools .media-tab a {
    float: none;
}

.header-tools .resources-tab {
    display: none;
}

.header-tools li a p {
    display: inline-block;
}

.header-banner {
    background: url('/images/group-homepage/background-2.png') no-repeat center center;
    min-height: 24.1em;
    display: block;
    position: relative;
}

.header-inner {
    position: relative;
}

.eef-home .header-inner h1,
.eef-home .header-inner p {
    color: #fff;
    font-size: 3.4rem;
    text-align: center;
    margin-bottom: 0;
    line-height: 1;
    font-family: 'FSAlbertProExtrabold';
    text-shadow: 2px 0px 20px rgb(76, 76, 76);
    -moz-text-shadow: 2px 0px 20px rgb(76, 76, 76);
    -webkit-text-shadow: 2px 0px 20px rgb(76, 76, 76);
    filter: dropshadow(color=#4c4c4c, offx=2, offy=0);
    display: block;
}

.eef-home .header-inner p {
    font-size: 1.9rem;
}

.eef-home .header-inner {
    top: 15.5em;
}

.content-wrapper {
    margin: 1.2em;
}


/* Dropdown content from tabs */

.header-dropdown {
    display: none;
    clear: both;
    padding: 20px;
    background: #4c5158;
    z-index: 9999;
}

.eef-home .header-dropdown {
    background: #fff;
}

.header-dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-dropdown li {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #d3d3d3;
    width: 100%;
}

.header-dropdown li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.header-dropdown p {
    font-weight: bold;
    font-size: 0.9rem;
    color: #ccd2da;
}

.header-dropdown [class^="icon-"],
.header-dropdown [class*=" icon-"] {
    height: 1.5em;
    color: #ccd2da;
    float: left;
    font-size: 3.4em;
    margin-right: .5em;
    display: block;
}

.eef-home .header-dropdown p {
    color: #222;
}

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

.eef-home .header-dropdown a {
    color: #32383c;
}

.no-js .header-dropdown {
    display: block;
}

.no-js .header-dropdown p {
    display: none;
}

.no-js .header-dropdown [class^="icon-"],
.no-js .header-dropdown [class*=" icon-"] {
    font-size: 1.2em;
    margin-bottom: .5em;
}

/* HR and employment law dropdown styling (EEF-16766) */

.dropbtn-hr {
    background-color: #438500;
    color: white;
    padding: 12px;
    font-size: 16px;
    text-decoration: none;
    border: none;
    cursor: pointer;
}
.dropdown-hr {
    position: relative;
    display: inline-block;
}
.dropdown-content-hr {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content-hr a {
    color: black !important;
    padding: 12px 12px !important;
    font-size: 12px !important;
    text-decoration: none !important;
    display: block !important;
}
.dropdown-content-hr a:hover {
    background-color: #f1f1f1
}
.dropdown-hr:hover .dropdown-content-hr {
    display: block;
}
.dropdown-hr:hover .dropbtn-hr {
    background-color: #438500;
}

/* Fact container styling */

.header-inner .fact {
    padding-bottom: 0;
    min-height: 6em;
}

.fact-container {
    min-height: 94px;
    display: block;
    background-position: 0 0;
    padding: 20px;
    max-width: 400px;
    width: 12em;
    position: relative;
}

.fact-container span {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: block;
    text-align: center;
    color: #fff;
    ;
}

.fact-container h1 {
    margin: 0 auto;
    font-size: 2.5rem;
    color: #fff;
    text-align: center;
}

.fact-container p {
    font-size: 1.25rem;
    line-height: 1.15;
    text-align: left;
    padding: 10px 0;
    margin: 0;
    color: #fff;
    font-family: 'FSAlbertProBold', Helvetica, Arial, sans-serif;
}

.fact {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding-bottom: 1.2em;
}

.sidebar-container .fact {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 0em 0 1em;
    margin: 1.2em;
}

.container-lip {
    position: absolute;
    bottom: -2.2em;
    width: 30px;
    height: 30px;
    display: block;
    margin-left: 2em;
    position: absolute;
}

.container-lip:before {
    content: "\25E4";
    font-size: 3.5em;
}

.group-section .container-lip:before {
    color: #3a589e;
}

.membership-section .container-lip:before {
    color: #00838D;
}

.campaigning-section .container-lip:before {
    color: #5A3D99;
}

.ndi-section .container-lip:before {
    color: #cf9fdd;
}

.business-support-section .container-lip:before {
    color: #438500;
}

.training-section .container-lip:before {
    color: #971C08;
}

.apprenticeships-section .container-lip:before {
    color: #C23D00;
}

.venues-section .container-lip:before {
    color: #A60069;
}

.uk-steel-section .container-lip:before {
    color: #836B19;
}


/*-no banner on mobile fix*/

.banner {
    background-position: center -1000px;
    background-repeat: no-repeat;
}

.fact-container {
    min-height: 0;
    margin: 1em 1.2em;
    width: auto;
    z-index: 50;
}

.header-inner {
    text-align: center;
}


/*-no banner on mobile fix*/


/*Only define section here once for container-lip*/

.ndi-section .container-lip:before,
.ndi-section .fact-container .container-lip:before {
    color: #cf9fdd;
}

.business-support-section .container-lip:before,
.business-support-section .fact-container .container-lip:before {
    color: #438500;
}

.training-section .container-lip:before,
.training-section .fact-container .container-lip:before {
    color: #971C08;
}

.membership-section .container-lip:before,
.membership-section .fact-container .container-lip:before {
    color: #00838D;
}

.group-section .container-lip:before,
.group-section .fact-container .container-lip:before {
    color: #3A589E;
}

.campaigning-section .container-lip:before,
.campaigning-section .fact-container .container-lip:before {
    color: #5A3D99;
}

.fact-outer {
    display: block;
    padding-bottom: 2.15em;
}

.ndi-section .fact-outer,
.business-support-section .fact-outer {
    background: url('img/business-support-quote-lip.png') no-repeat 0 100%;
}

.membership-section .fact-outer {
    background: url('img/membership-quote-lip.png') no-repeat 0 100%;
}

.campaigning-section .fact-outer {
    background: url('img/campaigning-quote-lip.png') no-repeat 0 100%;
}

.group-section .fact-outer {
    background: url('img/group-quote-lip.png') no-repeat 0 100%;
}

.training-section .fact-outer {
    background: url('img/training-quote-lip.png') no-repeat 0 100%;
}

.apprenticeships-section .fact-outer {
    background: url('img/apprenticeships-quote-lip.png') no-repeat 0 100%;
}

.venues-section .fact-outer {
    background: url('img/venues-quote-lip.png') no-repeat 0 100%;
}

.uk-steel-section .fact-outer {
    background: url('img/uk-steel-quote-lip.png') no-repeat 0 100%;
}

.sidebar-container .fact-outer.circle,
.sidebar-container .fact-outer.square,
.sidebar-container .fact-outer.hexagon,
.sidebar-container .fact-outer.speech,
.sidebar-container .fact-outer.thought,
.sidebar-container .fact-outer.arrow,
.sidebar-container .fact-outer.tube,
.sidebar-container .fact-outer.square-speech {
    border: none;
    background: none;
}

.sidebar-container .fact-outer.circle .fact-container {
    background-image: url('img/circle-container.png');
    background-color: #00838D;
    border: none;
    height: 16.5em;
    width: 16em;
}

.group-section .sidebar-container .fact-outer.circle .fact-container {
    background-color: #3a589e;
}

.ndi-section .sidebar-container .fact-outer.circle .fact-container {
    color: #cf9fdd;
}

.business-support-section .sidebar-container .fact-outer.circle .fact-container {
    background-color: #438500;
}

.campaigning-section .sidebar-container .fact-outer.circle .fact-container {
    background-color: #5A3D99;
}

.training-section .sidebar-container .fact-outer.circle .fact-container {
    background-color: #971C08;
}

.apprenticeships-section .sidebar-container .fact-outer.circle .fact-container {
    background-color: #C23D00;
}

.uk-steel-section .sidebar-container .fact-outer.circle .fact-container {
    background-color: #836B19;
}

.venues-section .sidebar-container .fact-outer.circle .fact-container {
    background-color: #A60069;
}

.membership-section .sidebar-container .fact-outer.circle .fact-container {
    background-color: #00838D;
}

.sidebar-container .fact-outer.circle .fact-container .fact {
    border: none;
    margin: 3.8em 2.8em 1em 2.8em;
    padding: 0.5em 0 1.2em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff;
    float: left
}

.sidebar-container .fact-outer.circle .fact-container .fact .bold {
    line-height: 0.9;
    color: #fff;
    margin: 0;
    padding: 0;
}

.sidebar-container .fact-outer.circle .fact-container .fact p {
    color: #fff;
    padding-top: 1.8em;
}

.sidebar-container .fact-outer.square .fact-container {
    background-image: none;
    height: 11em;
    width: 14.4em;
    background-color: #00838D;
}

.sidebar-container .fact-outer.square .fact-container .fact {
    margin: 1.2em;
    padding: 0.5em 0 2.2em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 1.4em;
}

.sidebar-container .fact-outer.square .fact-container .fact .bold,
.sidebar-container .fact-outer.square .fact-container .fact p,
.sidebar-container .hexagon p,
.sidebar-container .hexagon .bold,
.sidebar-container .arrow p,
.sidebar-container .arrow .bold,
.sidebar-container .tube p,
.sidebar-container .tube .bold {
    color: #fff;
}

.group-section .sidebar-container .fact-outer.square .fact-container {
    background-color: #3a589e;
}

.membership-section .sidebar-container .fact-outer.square .fact-container {
    background-color: #00838D;
}

.campaigning-section .sidebar-container .fact-outer.square .fact-container {
    background-color: #5A3D99;
}

.ndi-section .sidebar-container .fact-outer.square .fact-container {
    background-color: #cf9fdd;
}

.business-support-section .sidebar-container .fact-outer.square .fact-container {
    background-color: #438500;
}

.training-section .sidebar-container .fact-outer.square .fact-container {
    background-color: #971C08;
}

.apprenticeships-section .sidebar-container .fact-outer.square .fact-container {
    background-color: #C23D00;
}

.uk-steel-section .sidebar-container .fact-outer.square .fact-container {
    background-color: #836B19;
}

.venues-section .sidebar-container .fact-outer.square .fact-container {
    background-color: #A60069;
}

.sidebar-container .fact-outer.hexagon .fact-container {
    background-image: url('img/hexagon-container.png');
    background-color: #00838D;
    border: none;
    height: 16.5em;
    width: 16em;
    margin-left: -1em;
}

.sidebar-container .fact-outer.hexagon .fact-container .fact {
    float: left;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin: 3.7em 4.2em 4.2em 4.2em;
}

.group-section .sidebar-container .fact-outer.hexagon .fact-container {
    background-color: #3a589e;
}

.membership-section .sidebar-container .fact-outer.hexagon .fact-container {
    background-color: #00838D;
}

.campaigning-section .sidebar-container .fact-outer.hexagon .fact-container {
    background-color: #5A3D99;
}

.ndi-section .sidebar-container .fact-outer.hexagon .fact-container {
    background-color: #cf9fdd;
}
.business-support-section .sidebar-container .fact-outer.hexagon .fact-container {
    background-color: #438500;
}

.training-section .sidebar-container .fact-outer.hexagon .fact-container {
    background-color: #971C08;
}

.apprenticeships-section .sidebar-container .fact-outer.hexagon .fact-container {
    background-color: #C23D00;
}

.uk-steel-section .sidebar-container .fact-outer.hexagon .fact-container {
    background-color: #836B19;
}

.venues-section .sidebar-container .fact-outer.hexagon .fact-container {
    background-color: #A60069;
}

.sidebar-container .fact-outer.speech .fact-container {
    background-image: url('img/speech-bubble-container.png');
    background-color: #00838D;
    border: none;
    height: 16.5em;
    width: 16em;
}

.sidebar-container .fact-outer.speech .fact-container .fact {
    float: left;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin: 7.3em 2.1em 4.2em 2.1em;
    text-align: center;
    padding-bottom: 0.5em;
    padding-top: 0.1em;
}

.sidebar-container .fact-outer.speech .fact-container .fact p {
    font-style: italic;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.sidebar-container .fact-outer.speech .fact-container .fact .bold {
    color: #fff;
    font-style: normal;
    font-size: 2.4rem;
    padding-top: 0.2em;
    padding-bottom: 0.1em;
}

.group-section .sidebar-container .fact-outer.speech .fact-container {
    background-color: #3a589e;
}

.membership-section .sidebar-container .fact-outer.speech .fact-container {
    background-color: #00838D;
}

.campaigning-section .sidebar-container .fact-outer.speech .fact-container {
    background-color: #5A3D99;
}

.ndi-section .sidebar-container .fact-outer.speech .fact-container {
    background-color: #cf9fdd;
}

.business-support-section .sidebar-container .fact-outer.speech .fact-container {
    background-color: #438500;
}

.training-section .sidebar-container .fact-outer.speech .fact-container {
    background-color: #971C08;
}

.apprenticeships-section .sidebar-container .fact-outer.speech .fact-container {
    background-color: #C23D00;
}

.uk-steel-section .sidebar-container .fact-outer.speech .fact-container {
    background-color: #836B19;
}

.venues-section .sidebar-container .fact-outer.speech .fact-container {
    background-color: #A60069;
}

.sidebar-container .fact-outer.thought .fact-container {
    background-image: url('img/thought-bubble.png');
    background-color: #00838D;
    border: none;
    height: 16.5em;
    width: 16em;
    margin-left: -1em;
}

.sidebar-container .fact-outer.thought .fact-container .fact {
    float: left;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin: 4em 4.1em 4.2em 2.5em;
    text-align: center;
    padding-bottom: 0.5em;
    width: 69%
}

.sidebar-container .fact-outer.thought .fact-container .fact p {
    font-style: italic;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.sidebar-container .fact-outer.thought .fact-container .fact .bold {
    color: #fff;
    font-style: normal;
    font-size: 2.4rem;
    padding-top: 0;
}

.group-section .sidebar-container .fact-outer.thought .fact-container {
    background-color: #3a589e;
}

.membership-section .sidebar-container .fact-outer.thought .fact-container {
    background-color: #00838D;
}

.campaigning-section .sidebar-container .fact-outer.thought .fact-container {
    background-color: #5A3D99;
}

.ndi-section .sidebar-container .fact-outer.thought .fact-container {
    background-color: #cf9fdd;
}
.business-support-section .sidebar-container .fact-outer.thought .fact-container {
    background-color: #438500;
}

.training-section .sidebar-container .fact-outer.thought .fact-container {
    background-color: #971C08;
}

.apprenticeships-section .sidebar-container .fact-outer.thought .fact-container {
    background-color: #C23D00;
}

.uk-steel-section .sidebar-container .fact-outer.thought .fact-container {
    background-color: #836B19;
}

.venues-section .sidebar-container .fact-outer.thought .fact-container {
    background-color: #A60069;
}

.sidebar-container .fact-outer.arrow .fact-container {
    background-image: url('img/arrow-container.png');
    background-color: #00838D;
    border: none;
    height: 16.2em;
    width: 16em;
    margin-left: -1em;
}

.sidebar-container .fact-outer.arrow .fact-container .fact {
    float: left;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin: 3.6em 4.1em 4.2em 4.1em;
    text-align: center;
    padding-bottom: 0.5em;
}

.sidebar-container .fact-outer.arrow .fact-container .fact p {
    font-style: italic;
    color: #fff;
    font-size: 1rem
}

.sidebar-container .fact-outer.arrow .fact-container .fact .bold {
    color: #fff;
    font-style: normal;
    font-size: 3rem;
}

.group-section .sidebar-container .fact-outer.arrow .fact-container {
    background-color: #3a589e;
}

.membership-section .sidebar-container .fact-outer.arrow .fact-container {
    background-color: #00838D;
}

.campaigning-section .sidebar-container .fact-outer.arrow .fact-container {
    background-color: #5A3D99;
}

.ndi-section .sidebar-container .fact-outer.arrow .fact-container {
    background-color: #cf9fdd;
}
.business-support-section .sidebar-container .fact-outer.arrow .fact-container {
    background-color: #438500;
}

.training-section .sidebar-container .fact-outer.arrow .fact-container {
    background-color: #971C08;
}

.apprenticeships-section .sidebar-container .fact-outer.arrow .fact-container {
    background-color: #C23D00;
}

.uk-steel-section .sidebar-container .fact-outer.arrow .fact-container {
    background-color: #836B19;
}

.venues-section .sidebar-container .fact-outer.arrow .fact-container {
    background-color: #A60069;
}

.sidebar-container .fact-outer.tube .fact-container {
    background-image: url('img/tube-container.png');
    background-color: #00838D;
    border: none;
    height: 16.3em;
    width: 16em;
    margin-left: -1.1em;
}

.sidebar-container .fact-outer.tube .fact-container .fact {
    float: left;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin: 6.6em 3.8em 2.2em 4.2em;
    text-align: center;
    padding-bottom: 0.5em;
}

.sidebar-container .fact-outer.tube .fact-container .fact p {
    font-style: italic;
    color: #fff;
    padding: 0;
}

.sidebar-container .fact-outer.tube .fact-container .fact p.highlight {
    padding-top: 0.5em
}

.sidebar-container .fact-outer.tube .fact-container .fact .bold {
    color: #fff;
    font-style: normal;
    font-size: 2.4rem;
}

.sidebar-container .fact-outer.tube .fact-container .fact .highlight.bold {
    padding-top: 0;
}

.group-section .sidebar-container .fact-outer.tube .fact-container {
    background-color: #3a589e;
}

.membership-section .sidebar-container .fact-outer.tube .fact-container {
    background-color: #00838D;
}

.campaigning-section .sidebar-container .fact-outer.tube .fact-container {
    background-color: #5A3D99;
}

.ndi-section .sidebar-container .fact-outer.tube .fact-container {
    background-color: #cf9fdd;
}

.business-support-section .sidebar-container .fact-outer.tube .fact-container {
    background-color: #438500;
}

.training-section .sidebar-container .fact-outer.tube .fact-container {
    background-color: #971C08;
}

.apprenticeships-section .sidebar-container .fact-outer.tube .fact-container {
    background-color: #C23D00;
}

.uk-steel-section .sidebar-container .fact-outer.tube .fact-container {
    background-color: #836B19;
}

.venues-section .sidebar-container .fact-outer.tube .fact-container {
    background-color: #A60069;
}

.sidebar-container .fact-outer.square-speech .fact-container {
    background-image: url('img/square-thought-container.png');
    background-color: #00838D;
    border: none;
    height: 15.3em;
    width: 16em;
}

.sidebar-container .fact-outer.square-speech .fact-container .fact {
    float: left;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin: 2.5em 2.1em 4.2em 2.1em;
    text-align: center;
    padding-bottom: 0;
    padding-top: 0;
}

.sidebar-container .fact-outer.square-speech .fact-container .fact p {
    font-style: italic;
    color: #fff;
    padding-bottom: 1.5em;
    padding-top: 0.5em;
}

.sidebar-container .fact-outer.square-speech .fact-container .fact .bold {
    color: #fff;
    font-style: normal;
    font-size: 2.4rem;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.group-section .sidebar-container .fact-outer.square-speech .fact-container {
    background-color: #3a589e;
}

.membership-section .sidebar-container .fact-outer.square-speech .fact-container {
    background-color: #00838D;
}

.campaigning-section .sidebar-container .fact-outer.square-speech .fact-container {
    background-color: #5A3D99;
}

.ndi-section .sidebar-container .fact-outer.square-speech .fact-container
.business-support-section .sidebar-container .fact-outer.square-speech .fact-container {
    background-color: #438500;
}

.training-section .sidebar-container .fact-outer.square-speech .fact-container {
    background-color: #971C08;
}

.apprenticeships-section .sidebar-container .fact-outer.square-speech .fact-container {
    background-color: #C23D00;
}

.uk-steel-section .sidebar-container .fact-outer.square-speech .fact-container {
    background-color: #836B19;
}

.venues-section .sidebar-container .fact-outer.square-speech .fact-container {
    background-color: #A60069;
}


/* Signpost navigation */

.signpost-nav {
    color: #fff;
    position: relative;
    top: -2.2em;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.signpost-nav ul {
    margin: 0 auto;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.signpost-nav a {
    padding: 10px;
    color: #fff;
    display: block;
    text-decoration: none;
    font-weight: bold;
    font-family: 'FSAlbertProBold', Helvetica, Arial, sans-serif;
    font-size: 1.1rem;
}

.signpost-nav li {
    margin: 3px 10px 0;
}

.signpost-nav p {
    margin-bottom: 0;
}

.side-nav ul {
    list-style: none;
    margin: 20px 0 0 0;
}

.side-nav li {
    background: #fff;
}

.side-nav li a {
    padding: 1em;
    display: block;
}

.section-finder {
    margin: 30px 0;
}

.signpost-nav .membership:hover {
    background: #008f99;
}

.signpost-nav .campaigning:hover {
    background: #6242a6;
}

.signpost-nav .business-support:hover {
    background: #499100;
}

.signpost-nav .training:hover {
    background: #a31d08;
}

.signpost-nav .apprenticeships:hover {
    background: #cf4100;
}

.signpost-nav .venues:hover {
    background: #b20071;
}

.signpost-nav .group:hover {
    background: #3f60ab;
}

.signpost-nav .uk-steel:hover {
    background: #8f741b;
}

.signpost-nav .ndi:hover {
    background-color: #cf9fdd;
}
.ndi {
    background-color: #d596e8;
}


/* Fixed Contact CTA */

.contact-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
}

.contact-fixed ul {
    margin: 0;
    list-style: none;
    width: 100%;
    display: block;
    float: left;
    background: #fff;
}

.contact-fixed li {
    float: left;
    display: inline;
    width: 49.67%;
    border: 1px solid #fff;
    text-align: center;
    margin: 0 0 0 0;
}

.contact-fixed li a {
    padding: 0.5em 0;
    display: block;
    text-decoration: none;
    color: #fff;
}

.contact-fixed li .icon-phone,
.contact-fixed li .icon-envelope {
    color: #fff;
}

.contact-fixed p {
    padding-left: 10px;
    margin: 0;
    display: inline;
    position: relative;
    top: -0.3em;
}

.contact-fixed li.change-cta {
    width: 100%;
}

.contact-fixed .contact-phone .venues-contact,
.contact-fixed .contact-phone .training-contact {
    display: none;
}

.venues-section .contact-fixed .contact-phone .common-contact,
.training-section .contact-fixed .contact-phone .common-contact {
    display: none;
}

.venues-section .contact-fixed .contact-phone .venues-contact {
    display: block;
}

.training-section .contact-fixed .contact-phone .training-contact {
    display: block;
}

.ndi-section .sidebar-container .fact,
.business-support-section .sidebar-container .fact,
.group-section .sidebar-container .fact,
.membership-support-section .sidebar-container .fact,
.campaigning-support-section .sidebar-container .fact {
    padding: 0.65em 0;
    margin: 1.25em 1.25em 1.25em 0.85em;
    border-top: 1px solid #438500;
    border-bottom: 1px solid #438500;
}

.group-section .sidebar-container .fact {
    border-top: 1px solid #3a589e;
    border-bottom: 1px solid #3a589e;
}


/* ADD THE TRAM LINES FOR ALL OTHER SEGMENTS */

.membership-section .sidebar-container .fact {
    border-top: 1px solid #00838D;
    border-bottom: 1px solid #00838D;
}


/* ADD THE TRAM LINES FOR ALL OTHER SEGMENTS */

.campaigning-section .sidebar-container .fact {
    border-top: 1px solid #5A3D99;
    border-bottom: 1px solid #5A3D99;
}


/* ADD THE TRAM LINES FOR ALL OTHER SEGMENTS */

.ndi-section .sidebar-container .fact-container,
.business-support-section .sidebar-container .fact {
    border-top: 1px solid #438500;
    border-bottom: 1px solid #438500;
}

.training-section .sidebar-container .fact {
    border-top: 1px solid #971C08;
    border-bottom: 1px solid #971C08;
}

.apprenticeships-section .sidebar-container .fact {
    border-top: 1px solid #C23D00;
    border-bottom: 1px solid #C23D00;
}

.venues-section .sidebar-container .fact {
    border-top: 1px solid #A60069;
    border-bottom: 1px solid #A60069;
}

.uk-steel-section .sidebar-container .fact {
    border-top: 1px solid #836B19;
    border-bottom: 1px solid #836B19;
}

.eef-home .fact p {
    text-align: center;
}


/*Case study page*/

.full-width-template-style h1 {
    font-size: 1.3rem;
    margin-bottom: 15px;
}

.full-width-template-style h2,
.full-width-template-style h3 {
    font-size: 1.2rem;
    margin-bottom: 25px;
}


/*.full-width-template-style p { font-size: 1rem; margin-bottom: 20px; }*/

.full-width-template-style .fact-container p {
    font-size: 1.3rem;
    margin-bottom: 0;
}

.full-width-template-style .image-caption p {
    font-size: 1rem;
    margin-bottom: 0;
}

.full-width-template-style p.quote-text {
    font-size: 1.5rem;
    text-align: center;
    padding: 0;
}

.full-width-template-style .landing-text,
.full-width-template-style .content-text {
    width: 95%;
}

.training-section .landing-text {
    width: auto;
    display: block;
    float: none;
    clear: both;
}

.full-width-template-style .content-text {
    width: 100%;
}

.full-width-template-style .content-image-container {
    width: 280px;
    /*margin: 0 auto 30px;*/
}

.full-width-contentWrapper {
    background-color: #3e4353;
    color: #fdfdfd;
    margin-top: 20px;
}

.content-contained {
    width: 85%;
    margin: 0 auto;
    padding: 40px 0 20px;
}

.content-containedInnerLeft {
    width: 100%;
}

img.full-width-contentImage {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.full-width-template-style .spotlight {
    margin: 0 0 30px;
}

.full-width-template-style .spotlight p {
    font-size: 0.8em;
}

.horizontal-divider {
    padding-bottom: 20px;
    background: url('img/horizontal-divider.jpg') no-repeat bottom center;
    margin: 20px auto 40px !important;
    display: block;
}

.text-center {
    text-align: center;
}


/*Link border outline*/

.link-border {
    display: inline-block;
    text-decoration: none;
    padding: 0.5em 0.8em;
    background: #fff;
}


/* Spotlights */


/* general spotlight styling */

.spotlight {
    margin: 30px 0;
    width: 100%;
    clear: both;
}

.double-spotlights .spotlight img {
    width: 100%;
}

.landing-news .spotlight {
    margin: 0;
}

.spotlight-title {
    font-weight: bold;
    font-size: 1.1rem;
    font-family: 'FSAlbertProBold', Helvetica, Arial, sans-serif;
    line-height: 1.2;
    margin: 1em 0;
    display: block;
}

.spotlight-inner-title {
    margin: 10px 0;
    display: block;
}

.section-finder {
    background: #f9fafc;
    border: 1px solid #d3d3d3;
    padding: 20px;
}

.section-finder ul {
    list-style: none;
    margin: 0;
    padding-top: 1.2em;
    border-top: 1px solid #d3d3d3;
    width: 90%;
}

.spotlight-small-text,
.group-section .spotlight-small-text,
.download-file input[type=submit].spotlight-small-text {
    color: #8c9397;
    font-family: 'FSAlbertProBold', Arial, sans-serif;
    color: #959da3;
    margin-bottom: 0;
}

.download-file input[type=submit].spotlight-small-text {
    font-size: 0.8rem;
}

.main-content .spotlight-image-container {
    max-width: 100%;
    max-height: 16em;
    overflow: hidden;
}

.bottom-row {
    float: left;
    width: 100%;
}

.course-page .bottom-row {
    margin: 1em 0;
}

.content-area .bottom-row {
    border-top: 1px solid #d3d3d3;
    margin-top: 1em;
}

.bottom-row .spotlight .spotlight-image-container {
    overflow: hidden;
    max-width: 100%;
    max-height: 14em;
}

.bottom-row .quote-spotlight,
.segment-homepage .quote-spotlight a {
    display: block;
}

.course-page .bottom-row .quote-spotlight {
    margin: 0;
    text-align: left;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bottom-row .quote-spotlight .link-title {
    display: none;
}

.landing-page .news-items .list-item {
    clear: both;
    width: 100%;
    float: left;
    margin: 0.5em 0 1em 0;
}

.landing-page .news-items img {
    width: 35%;
    float: left;
    margin-right: 1.5em;
}

.landing-page .news-items .spotlight-inner-title {
    margin-top: 0;
}

.landing-page .news-items .news-content-container {
    width: 50%;
    float: right;
}


/* Event spotlight styling*/

.latest-event-spotlight img {
    margin-bottom: 20px;
    display: block;
}

.event-title {
    font-size: 1.3rem;
}

.event-calendar {
    padding: 11px 3px;
    background-position: -302px -5px;
    float: right;
    position: relative;
    top: 0;
    width: 3em;
}

.event-calendar .date {
    font-size: 1.5rem;
    line-height: 1;
}

.event-calendar p {
    width: 60%;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    line-height: 1.3;
    font-size: 0.9rem;
    color: #9ba1a5;
}

.event-description,
.featured-description {
    margin: 20px 0;
}

.sidebar-container .event-calendar {
    padding: 11px 13px;
    width: 1.6em;
    margin-top: 1.5em;
}

.sidebar-container .event-calendar p {
    margin: 0;
}


/* Media spotlight styling */

.media-spotlight ul {
    margin: 0;
    list-style: none;
}

.media-spotlight li {
    clear: both;
    margin-bottom: 1.4em;
}

.sidebar-container .media-spotlight li {
    width: 100%;
}

.content-block .media-spotlight ul {
    margin: 0;
}


/* Quote spotlight styling */

.quote-text {
    font-family: 'Times New Roman';
    font-style: italic;
    color: #51595f;
    font-size: 1.53rem;
    margin: 20px 0 40px 0;
    line-height: 1.4;
    /*display:inline-block;*/
}

.quote-text a {
    font-size: 1.53rem;
}

.boxout .quote-text {
    margin: 0 0 .5em 0;
    font-size: 1.2em;
}

.quote-small-variant {
    font-family: 'Times New Roman';
    font-style: italic;
    color: #51595f;
    font-size: 1.2em;
    line-height: 1.4;
    /*display:inline-block;*/
}


/* Guide & document spotlight styling */

.download {
    background-position: -143px -43px;
    height: 20px;
    width: 15px;
    float: left;
    top: 4px;
}

.bottom-row ul {
    list-style: none;
    margin: 0;
}


/* Need to convert from landing to more generic class */

.landing-list,
.landing-news,
.highlight-list,
.policy-campaign .landing-list {
    padding-top: 2.3em;
    margin: 2.3em 0;
    border-top: 1px solid #d3d3d3
}

.policy-campaign .landing-list {
    margin-bottom: 0;
}

.highlight-list {
    border-top: 0;
    padding-top: 0;
}

.landing-list ul,
.landing-news ul,
.highlight-list ul {
    list-style: none;
    margin: 0;
}

.landing-list li,
.landing-news li,
.highlight-list li {
    margin-top: 2.3em;
}


/*.landing-news li:first-child {margin-top:0;}*/

.landing-list ul a,
.highlight-list ul a {
    margin: 5px 0;
    display: block;
    font-size: 1rem;
}

.landing-news .spotlight-inner-title,
.highlight-list .spotlight-inner-title {
    margin-bottom: 0;
}

.landing-news .spotlight-small-text,
.highlight-list .spotlight-small-text {
    margin-top: 0;
    text-transform: uppercase;
}

.landing-news p,
.highlight-list p {
    margin: 10px 0;
}

.landing-list ul li {
    margin-bottom: 2em;
}


/* Sidebar container styling */

.sidebar-container {
    /*border-top:1px solid #d3d3d3;*/
}

.three-column .sidebar-container {
    border-top: 0;
}

.sidebar-h4 {
    font-size: 1.3rem;
}

.sidebar-container .spotlight-guide .spotlight-inner-title {
    margin-bottom: 0;
}

.sidebar-container .spotlight-small-text {
    margin-top: 0;
}

.uk-steel-section .sidebar-container p,
.apprenticeships-section .sidebar-container p {
    margin: 10px 0;
    text-align:center;
}

.sidebar-container p {
    margin: 10px 0;
    text-align:left;
}

.sidebar-container .fact-container {
    width: 12.5em;
    padding: 0;
    margin: 0;
    height: 11.4em;
}

.ndi-section .sidebar-container .fact-container
.business-support-section .sidebar-container .fact-container {
    border-left: 2px solid #438500;
    border-right: 2px solid #438500;
    border-top: 2px solid #438500;
}

.membership-section .sidebar-container .fact-container {
    border-left: 2px solid #00838D;
    border-right: 2px solid #00838D;
    border-top: 2px solid #00838D;
}

.campaigning-section .sidebar-container .fact-container {
    border-left: 2px solid #5A3D99;
    border-right: 2px solid #5A3D99;
    border-top: 2px solid #5A3D99;
}

.training-section .sidebar-container .fact-container {
    border-left: 2px solid #971C08;
    border-right: 2px solid #971C08;
    border-top: 2px solid #971C08;
}

.apprenticeships-section .sidebar-container .fact-container {
    border-left: 2px solid #C23D00;
    border-right: 2px solid #C23D00;
    border-top: 2px solid #C23D00;
}

.venues-section .sidebar-container .fact-container {
    border-left: 2px solid #A60069;
    border-right: 2px solid #A60069;
    border-top: 2px solid #A60069;
}

.uk-steel-section .sidebar-container .fact-container {
    border-left: 2px solid #836B19;
    border-right: 2px solid #836B19;
    border-top: 2px solid #836B19;
}

.group-section .sidebar-container .fact-container {
    border-left: 2px solid #3a589e;
    border-right: 2px solid #3a589e;
    border-top: 2px solid #3a589e;
}

.business-support-sidebar-fact-lip {
    height: 36px;
    width: 39px;
    top: -2.1em;
    left: 32%;
    background-position: -99px -87px;
}

.business-support .sidebar-container .fact {
    margin: 20px;
    border-top: 1px solid #438500;
    border-bottom: 1px solid #438500;
}

.sidebar-container .fact-container {
    background: #fff;
    filter: none;
}

.sidebar-container .fact p {
    text-align: center;
    margin: 0;
    padding: 0 1em;
    font-size: 0.9rem;
}

.sidebar-container .fact .bold {
    font-size: 3rem;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
    line-height: 0.8;
}

.further-reading {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 20px 0;
}

.further-reading.stand-alone {
    border-top: none 0;
    margin-top: 0;
}

.further-reading.stand-alone li {
    margin-bottom: 1em;
}

.further-reading ul,
.share-content ul {
    margin: 0;
    list-style: none;
}

.share-content .social-sharing {
    width: 100%;
    padding-left: 0;
}

.ndi-section a.facebook,
.business-support-section a.facebook {
    color: #3b5998;
}

.ndi-section a.tweet,
.business-support-section a.tweet {
    color: #4099ff;
}

.ndi-section a.linkedin,
.business-support-section a.linkedin {
    color: #007bb6;
}

.sidenav-container {
    display: none;
    background: #f9fafc;
}

table img {
    max-width: none;
}


/* Sidebar styling */

.sidebar-navigation li {
    font-size: 1em;
}

.sidebar-navigation ul {
    margin: 0;
    list-style: none;
}

.sidebar-navigation ul li {
    margin: .5em 0;
}

.sidebar-navigation a {
    font-size: .9em;
    display: block;
    margin: 0;
    padding-right: 10px;
}

.sidebar-navigation > ul > li > a {
    font-size: 1em;
    padding-right: 10px;
}

.sidebar-navigation li li a {
    padding-bottom: .5em;
}

.sidebar-navigation ul ul {
    padding: .5em 0 .5em 10px;
    border-left: 1px solid #c0c7cd;
}

.sidebar-navigation ul ul ul {
    background-color: #f1f2f6;
    border: none 0;
}

.sidebar-navigation ul ul ul ul {
    background-color: transparent;
    padding-left: 0;
}

.sidebar-navigation li li li li {
    padding-left: 1em;
}

.sidebar-navigation li li li li:before {
    content: "▸";
    color: #C0C7CD;
    line-height: 1em;
    width: .6em;
    height: 1em;
    margin: .1em 0 0 -1em;
    float: left;
}

.sidebar-navigation p:first-child {
    font-weight: bold;
}

.sidebar-navigation p:first-child a {
    font-size: 1em;
}

.sidebar-container .spotlight,
.sidebar-container .fact-outer {
    width: 100%;
    clear: both;
}

.sidebar-container .spotlight.fact-container {
    width: 200px;
    margin: 0 auto;
}


/* Filter styling - article/news/blogs */

.show-option {
    font-weight: bold;
    display: block;
    margin-bottom: 0.5em;
    position: relative;
    top: 2px;
}

.uk-steel-section .listing-type-filter select option.active {
    background: #836B19;
    color: #ffffff;
}

.uk-steel-section .listing-type-filter {
    margin: 0;
}

.uk-steel-section .listing-type-filter .stylish-form .stylish-select {
    border-radius: 5px;
}

.uk-steel-section .listing-type-filter .stylish-form .selected .ico {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 26px;
    border: none;
    background: #b7b7b7;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.uk-steel-section .listing-type-filter .stylish-form .selected .ico:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #ffffff;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.uk-steel-section .listing-type-filter .stylish-form .stylish-select.checkbox-dropdown label {
    margin-top: 0;
    height: auto;
    line-height: 16px;
    margin-bottom: 0;
    display: block;
    padding: 10px 0 10px 41px;
}

.uk-steel-section .listing-type-filter .stylish-form .stylish-ds[data-type="checkbox"] > span.checked {
    background: #836B19;
    width: 15px;
    height: 15px;
}

.uk-steel-section .listing-type-filter .stylish-form .stylish-select.checkbox-dropdown .stylish-ds[data-type="checkbox"] > span {
    border: none;
}

.uk-steel-section .listing-type-filter .stylish-form .stylish-ds {
    border: 1px solid #836B19;
    border-radius: 0;
    width: 20px;
    height: 20px;
    margin: 7px 0 0 10px;
}

.uk-steel-section .listing-type-filter .stylish-form .stylish-select > .dropdown-list .dropdown-option {
    padding: 0;
}

.listing-type-filter {
    margin: 2em 0;
}

.listing-type-filter ul {
    list-style: none;
    margin: 0;
}

.listing-type-filter li span {
    cursor: pointer;
}

.listing-type-filter a {
    color: #000;
    font-size: .95rem;
}

.section-filter {
    clear: both;
}

.section-filter input,
.section-filter label {
    display: inline-block;
    clear: left;
    margin-bottom: 0.5em;
    font-size: 0.9rem;
}

.section-filter label {
    margin-left: 1em;
    clear: none;
    font-weight: normal;
}


/* Footer styling */


/*.venues-section .footer-col:not(.right),
.venues-section .footer-site-links{display:none;}
.venues-section .footer-col p.copyright{margin:0;font-weight:700;}
.venues-section .footer-col p.copyright span{display:block;}*/

.footer {
    text-align: left;
    display: block;
    float: left;
    background-color: #f3f5f9;
    width: 96%;
    padding: 2em 2% 4em;
}

.footer-inner {
    margin: 0 25px;
}

.footer ul {
    margin: 0;
}

.footer ul li {
    list-style-type: none;
    display: block;
    margin-bottom: 16px;
}

.mobile-navigation .footer ul li {
    margin-bottom: .5em;
}

.footer ul li a {
    font-size: 1em;
}

.footer ul.footer-site-links li {
    width: 50%;
    float: left;
}

.footer-col {
    margin-bottom: 32px;
}

.footer-col p {
    margin-bottom: 24px;
    line-height: 1.88em;
}

.footer-col p.copyright {
    font-size: 0.75rem;
    clear: both;
    margin: 0;
    float: left;
    width: 100%;
}

.eef-home .footer-col p.copyright {
    float: none;
}

.footer-site-links {
    width: 100%;
}

.footer .footer-site-links a {
    color: #000;
}

.eef-home .footer-col {
    float: none;
    width: 100%;
    text-align: center;
}

.eef-home .footer ul {
    width: 100%;
}

.eef-home .footer {
    padding-bottom: 0;
}

.partners {
    padding: 1em 0;
    text-align: center;
    float: left;
    width: 100%;
}

.partners img {
    margin: .5em;
    max-height: 60px;
    width: auto;
}


/* Content Elements */

.content-area {
    margin-bottom: 2em;
}

.body-text,
.landing-text {
    line-height: 1.5;
    font-size: 0.9rem;
}

.last-reviewed {
    clear: both;
}

.date,
p.date {
    text-transform: uppercase;
    font-size: 1em;
}

.download-file .document-icons {
    margin-top: .3em;
}

.content-area h2 {
    margin-top: 30px;
}

.policy-campaign .content-area h2 {
    margin-top: 0;
}

.opening-text,
.opening-text li,
.opening-text p,
.landing-text,
.landing-text p,
.landing-text li {
    color: #51595f;
    font-size: 1.1rem;
    line-height: 1.2;
    margin-bottom: 1em;
}

.opening-text li {
    margin-bottom: 0.5em;
}

.opening-text a,
.landing-text a {
    font-size: 1.1rem;
}

.description-text p {
    font-size: 1rem;
    line-height: 1.5;
}

.landing-text a {
    font-size: 1.1rem;
}

.opening-text .published-date {
    font-size: 0.9rem;
}

.opening-text .author-job-title,
.author-name {
    float: left;
}

.col-5,
.col-6 {
    width: 100%;
}

.quote-spotlight .quote-text {
    margin-bottom: 0.42em;
    line-height: 1.2;
    font-size: 1.3rem;
}

.course-page .quote-spotlight p {
    margin: 0 0 .5em 0;
    font-size: 1em;
}

.course-page .quote-spotlight .quote-text {
    font-size: 1.5em;
}

.link-title,
.no-link-title {
    font-size: 1.3rem;
    margin-bottom: 1em;
    display: block;
    font-family: 'FSAlbertProBold';
    line-height: 1;
}

.content-block {
    margin: 20px 0 25px;
    clear: both;
}

.course-page .content-block {
    margin: 0;
}

.contact-us {
    padding: 1em 0;
}

.contact-us .icon-home {
    color: #971C08;
}

.contact-us p:first-child {
    font-size: 1.3rem;
    color: #000;
    font-family: 'FSAlbertProBold', Helvetica, Arial, sans-serif;
    padding-bottom: 0.5em;
}

.training-section .contact-us p:first-child {
    padding: 0;
}

.content-image-container {
    position: relative;
}

.content-image-container img {
    width: 100%;
}

.author {
    margin: 2em 0;
}

.author-job-title {
    /*width:55%;margin:1em 0 0 1em;*/
}

.author-name {
    /*margin-left:1em;*/
}

.author-social-details {
    margin: 0 0 2em 0;
    /*width:55%;*/
    list-style: none;
    float: left;
}

.author-social-details li {
    width: auto;
    margin-right: 0.4em;
    padding-right: 0.4em;
    line-height: 0.8em;
}

.author-social-details li:last-child {
    border-right: none;
}

.image-caption {
    position: relative;
    width: 100%;
    background: #000;
    bottom: 0;
    opacity: 0.85;
}

.image-caption p {
    color: #fff;
    padding: 0.2em 1em;
    margin-bottom: 0;
}

.mission-statement p,
.mission-statement a {
    font-family: 'FSAlbertPro', Helvetica, Arial, sans-serif;
    font-size: 1.1rem;
    line-height: 1.2;
}

.mission-statement a {
    color: #3A589E;
}
.ndi-section a.download-info,
.business-support-section a.download-info {
    font-size: 0.8rem;
    font-weight: normal;
    color: #959da3;
    font-weight: bold;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 2em 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-email,
.home-phone {
    font-size: 1.5rem;
    text-decoration: underline;
}

.home-phone {
    text-decoration: none;
    font-weight: bold;
}

.aside-content {
    margin-top: 30px;
}

.aside-images img {
    display: inline-block;
    width: 49%;
    margin-bottom: 2px;
    float: left;
    margin-right: 2px;
}

.content-block ul {
    margin: 1em 0;
    padding-left: 1em;
}

.landing-page .content-block ul {
    padding-left: 0;
}

.venues-section .listing-outer LI .info LI {
    list-style: none;
}

.content-block.further-reading ul {
    margin: 0;
    padding-left: 0;
}

.email {
    margin-right: 0.5em;
}

.intro-block {
    border-bottom: 1px solid #d3d3d3;
}

.course-page .intro-block {
    border-bottom: none 0;
}

.policy-campaign .intro-block {
    border-bottom: 0;
}

.download-section ul {
    margin: 0;
    list-style: none;
}

.download-section li {
    margin-bottom: 1.5em;
}

.download-section li a {
    display: block;
}

.download-section a.document-title {
    float: left;
    margin-right: 1em;
}

.content-wrapper.banner-logo {
    display: none;
}

.content-wrapper.banner-logo:before {
    content: '';
    background: url('img/EEF_UK_Steel_White.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    height: 75px;
    width: 128px;
}

.lt-ie9 .content-wrapper.banner-logo:before {
    background: url('img/EEF_UK_Steel_White_oldie.png');
    background-repeat: no-repeat;
}

.campaign-logo {
    margin: 1em 0 2em;
}

.listing-item .item-related {
    display: block;
    margin-top: .5em;
}

.listing-item .image-container {
    width: 13em;
    float: left;
    width: 13em;
    overflow: hidden;
    margin-right: 1em;
    min-height: 9.5em;
}

.listing-item .info {
    border: 1px solid #D3D3D3;
    border-top: 3px solid #A60069;
    padding: 1em;
}

.listing-item .info li {
    margin-bottom: .5em;
}

.listing-item .cta {
    text-align: right;
    margin: 0;
}

venues-section .listing-item .cta {
    text-align: left;
}

.opening-text p.last-reviewed {
    font-size: 0.9rem;
    margin-bottom: 2em;
}

.navigation-wrapper .header-tools li span.icon-search {
    font-size: 1.35em;
}

.navigation-wrapper .header-tools .tab-search .tab-nav {
    padding-top: 0.35em;
}

.latest-event-spotlight .spotlight-small-text {
    width: 75%;
    display: inline-block;
}

.sidebar-container .latest-event-spotlight {
    margin-left: 0;
}

.back-button {
    clear: both;
    display: block;
    margin: 2em 0 1.5em;
    font-weight: bold;
}

.boxout {
    background: #ececec;
    padding: 1em;
    border: 1px solid #d3d3d3;
    margin-bottom: 0.75em;
    margin-top: 1em;
}

.security-info {
    padding: 1em;
    background: rgba(58, 88, 158, 0.14);
    border: 1px solid #3a589e;
    margin: 1em 0;
    display: block;
    overflow: hidden;
}

.security-info span {
    font-size: 1.2rem;
    float: left;
    color: #3a589e;
}

.security-info p {
    margin: 0;
    padding-top: 0.2em;
    display: inline-block;
}


.group-section .security-info span {
    font-size: 1.8rem;
}

.security-info a {
    font-size: 0.9rem;
}

.group-section .security-info p {
    float: left;
    width: 89%;
    padding-top: 0;
    font-size: .9rem;
    color: black;
}

.group-section .content-page .opening-text.hse {
   width: 100%;
}

#maincontent_0_Preview_CronerPostControl_CronorNoAccessPanel .security-info {
    display: inline-block;
}

#maincontent_0_PageContent_CronerPostLandingControl_CronorAccessPanel input[type="submit"] {
    background-color: #3a589e;
    color: white;
    width: 50%;
    display: block;
    height: auto;
    border-radius: 10px;
    white-space: normal;
}

#maincontent_0_PageContent_CronerPostControl_CronorAccessPanel input[type="submit"]:hover {
    background-color: white  ;

    color: #3a589e;
}

/*inline listing snippet*/

.inline-listing {
    margin-bottom: 1em;
}

.inline-listing img {
    float:left;
}

.inline-listing ul {
    margin: 0;
    padding: 0;
    list-style: none none;
    float: left;
    width: 100%;
}

.inline-listing ul li {
    float: left;
    margin: 0 1em .5em 0;
    padding-right:0;
}


/* List styling - article, thumbnail, standard */

.social .listing-outer {
    margin-top: 1em;
}

.listing-outer ul {
    list-style: none;
    margin: 0;
    list-style: none;
}

.listing-outer li {
    margin: 2.5em 0;
    width: 100%;
}

.apprentices-section .listing-thumbnail .listing-outer li {
    width:30%;
    vertical-align: top;
    margin-bottom: 2%;
    margin-right: 1.5em;
}

.apprenticeships-section .inline-listing li a {
    display: block;
    clear: both;
}


.venues-section .listing-outer:not(.standard) ul {
    margin: 0 0 1em 0;
    padding: 0;
}

.venues-section .listing-outer:not(.standard) li {
    margin-top: 0;
    list-style: none none;
}

.venues-section .listing-outer:not(.standard) > ul > li {
    text-align: center;
}

.venues-section .listing-outer:not(.standard) .listing-item,
.venues-section .listing-outer:not(.standard) .spotlight {
    max-width: 290px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.post-date,
.post-time {
    text-transform: uppercase;
    color: #959da3;
    font-weight: bold;
    font-size: 0.8rem;
    display: inline;
    margin-right: 1em;
}

.post-date {
    display: block;
}

.listing-outer a,
.listing-outer .campaigning-highlight,
.listing-outer .membership-highlight,
.listing-outer .venues-highlight,
.listing-outer .business-highlight,
.listing-outer .group-highlight,
.listing-outer .uk-steel-highlight,
.listing-outer .training-highlight {
    font-weight: bold;
}

.venues-section .listing-outer:not(.standard) a:not(.button) {
    display: block;
}

.venues-section .listing-outer:not(.standard) img {
    display: block;
    max-width: 290px;
    width: 100%;
}

.venues-section .listing-outer:not(.standard) a:first-of-type img,
.venues-section .listing-outer:not(.standard) a:first-of-type .video-box {
    margin-top: .5em;
}

.venues-section .listing-outer:not(.standard) a p {
    font-weight: 400;
    margin-top: 1em;
}

.listing-outer .content-block a {
    font-weight: normal;
}

.listing-outer .content-block a {
    font-weight: normal;
}

.listing-outer.standard img {
    margin-bottom: 1.4em;
}

.listing-title,
.social .listing-outer a p {
    clear: both;
    float: none;
    display: block;
}

.pagination {
    display: block;
    margin-top: 2em;
    float: left;
    width: 100%;
}

.pagination ol {
    list-style: none;
    margin: 0.15em 0 0 0.35em;
    float: left;
    display: inline;
}

.pagination li {
    width: auto;
    display: inline;
    float: left;
    margin-right: 0.3em;
    line-height: 0.5;
    font-size: 1.4rem;
    vertical-align: middle;
    background: rgb(218, 218, 218);
}

.pagination li a {
    vertical-align: middle;
    color: #000;
    padding: 0.5em;
    display: block;
    border: none;
}

.pagination .icon-control {
    padding: 0.3em;
}

.pagination li:hover,
.pagination li .active-page {
    background: rgb(235, 235, 235);
}

.pagination li:last-child {
    border-right: 0;
}

.pagination p {
    float: left;
    display: inline;
}

.active-page {
    font-weight: bold;
}

.social .listing-outer .listing-title,
.social .listing-outer a p {
    margin: 1em 0;
    font-size: 1.2rem;
}


/*.social .listing-outer ul {margin:2em 0 4em;}*/

.social .listing-outer ul ul {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}

.social .listing-outer .listing-outer li {
    margin: 0.5em 0 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #d3d3d3;
}

.social .listing-outer li:last-child,
.social .listing-outer ul li ul li {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}


/*	.listing-outer.social img {max-width:75%;height:40px;}*/

.social-pages {
    text-align: right;
    max-width: 290px;

}
.uk-steel-section .social-pages  {
    margin: 10px 0;
    text-align: center;
    border-bottom: 3px solid #836B19;
}
.apprenticeships-section .social-pages {
    border-bottom: 3px solid #c33d00;
}

.social-pages a {
    display: inline-block;
    text-decoration: none;
}

.list-logo {
    margin: 0 20px 50px;
}

.list-logo a {
    display: inline-block;
    width: 30%;
    margin-left: 2%;
    margin-bottom: 3%;
}

.list-logo a:first-child {
    margin-left: 0;
}

.list-logo img {
    border: 1px solid #ced0d2;
    width: 100%;
}

.list-logo.item-set {
    margin: 2em 0;
}

.list-logo.item-set a {
    width: 45%;
    margin-left: 5%;
    vertical-align: top;
}

.past-events,
.upcoming-events {
    display: block;
    margin-top: 2em;
}

.past-events .icon,
.upcoming-events .icon {
    margin-right: 0.5em;
}

.list-logo.item-set a:nth-child(2),
.list-logo.item-set a:nth-child(4) {
    margin-right: 0;
}

.list-logo.item-set a:nth-child(3),
.list-logo.item-set a:nth-child(4) {
    margin-top: 1em;
}

.list-logo.item-set img {
    margin-bottom: 0.5em;
}

.listing-item ul {
    padding-left: 2em;
}

.listing-item ul li {
    list-style: initial;
    list-style-type: disc;
    display: list-item;
    margin: 0.5em 0;
}

.listing-item p {
    clear: both;
}

.standard .listing-item p {
    clear: none;
}

.standard .listing-item .locations p {
    clear: left;
}

.media-spotlight .read-all,
.author-listing .read-all,
.read-all {
    float: right;
    text-align: right;
    font-weight: bold;
}

.further-reading .read-all {
    float: left;
}


/*Events*/
.instance {
    padding: 15px 0;
    background-color: #F9FAFC;
}

.from {
    color: #959da3;
}

.locations strong {
    display: block;
}

.locations span:not(.icon-home) {
    display: block;
}

.locations span.arrow {
    padding: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 1.3em;
    line-height: 1;
}

.locations p {
    clear: both;
    margin-top: 1em;
}

.locations .list p:not(:first-child) {
    padding-top: 1.5em;
    border-top: 1px dotted #c0c7cd;
}

.locations .list .instance {
    padding-left: .5em;
    padding-right: .5em;
}

.locations .from {
    margin: 0;
}

.locations[data-js-related=course] .from {
    color: #222;
    font-weight: 700;
}

.js .locations .from {
    cursor: pointer;
}

.open-course .locations .from {
    display: none;
}

.locations[data-js-related=course] {
    min-height: 0em;
}

.course-detail-button {
    font-weight: 700;
}

.locations .list .button {
    margin-top: .5em;
    background-color: transparent;
}

.locations .list .button:hover {
    background-color: #971C08;
}


.instance a {
    font-size: 1.3em;
    font-weight:bold;

}

.training-section .instance a {
	font-size: 0.9em;
}

.ndi-section .instance:nth-child(odd),
.business-support-section .instance:nth-child(odd) {
    background-color: white;

}

.ndi-section [data-widget=more],
.business-support-section [data-widget=more] {
    width: 8em;
    background-color: white;
    color: #438500;
    border:1px solid #438500 !important;
}

.ndi-section [data-widget=more]:hover,
.business-support-section [data-widget=more]:hover {
    width: 8em;
    background-color:#438500;
    color: white;
    border:1px solid white !important;
}

/*Courses*/

.no-touch .course-keys {
    display: none;
}

.course {
    margin-bottom: 1em;
    padding: 1em;
}

.course:nth-child(even) {
    background-color: #f9fafc;
}

.course:nth-child(odd) {
    background-color: #fff;
}

.course h3 a {
    font-size: 1.2em;
}

.course .locations .button,
.course-page .locations .button {
    padding: 0.3em 0.6em;
    width: 8em;
    text-align: center;
}

.course-page .course-info {
    position: relative;
    color: #222;
}

.course-info dt {
    float: left;
    padding-right: .5em;
    margin: 0;
}

.mp-container .course-info dd {
    padding-right: 1em;
}

.course-info dd {
    padding: 0
}

.course-info dt.keys,
.course-info dt.accreditation,
.course-info dt.rating {
    position: absolute;
    z-index: -1;
    top: 0;
}

dd.keys {
    padding: 0;
}


/*Keys as tooltip for touchable devices*/

.touch dd.keys {
    margin-top: 1em;
    position: relative;
}

.touch dd.keys [data-action="close"] {
    position: absolute;
    right: 0;
    top: 0;
}

.touch .course-page dd.keys [data-action="close"] {
    right: 60px;
}

.touch dd.keys.close [data-action="close"] {
    display: none;
}

.touch dd.keys.close .definition {
    display: none;
}

.touch dd.keys.open {
    padding: 0 1em 1em 1em;
    border-left: 2px solid #c1c1c1;
    float: left;
    clear: both;
    width: calc(100% - 2em);
}

.touch .course-page dd.keys.open {
    padding-right: 80px;
    width: calc(100% - 1em - 80px);
}

.touch dd.keys.open [data-action="open"] {
    display: none;
}

.touch dd.keys.open span[class*=icon] {
    clear: left;
    display: inline-block;
    float: left;
    margin-top: .5em;
}

.touch dd.keys.open .definition {
    display: block;
    margin-top: 1em;
}

.course-info dd.keys {
    display: block;
}

.course-info [class^="icon-"],
.course-info [class*=" icon-"] {
    font-size: 1.7em;
    margin-right: .5em;
    cursor: help;
}

.course-info .rating [class^="icon-"],
.course-info .rating [class*=" icon-"] {
    font-size: 1em;
    margin-right: .1em;
    cursor: default;
}

.no-touch dd.keys .key-info {
    display: none;
}

.touch dd.keys .key-item {
    display: block;
}

.course-info dd.rating,
.course-info dd.accreditation {
    clear: both;
    float: none;
    left: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
}

.course-info dd.accreditation {
    top: 0;
}

.course-info dd.rating {
    top: 65px;
}

.locations .intro .icon-home {
    font-size: 2.5em;
    float: left;
    margin-right: .3em;
}

.course .locations .intro {
    display: none;
}

.course-info .icon-star3 {
    color: #222;
    font-size: 1.8em;
}


/*Course page*/

.course-page .right-column {
    clear: both;
}

.js .course-page .right-column .sidebar-container {
    visibility: hidden;
}

.course-page .right-column .spotlight img {
    max-width: 40%;
    float: left;
    margin: 0 1em .2em 0;
}

.course-page .right-column .spotlight .spotlight-inner-title {
    margin-top: 0;
}

.course-page .sidebar-container .spotlight,
.venues-section .sidebar-container .spotlight {
    clear: both;
    margin: 0 0 1em 0;
    float: left;
    width: auto;
    max-width: 100%;
}

.venues-section .sidebar-container .spotlight .spotlight-inner-title img {
    margin-bottom: 1em;
    display: block;
}

.venues-section .sidebar-container .spotlight a:not(.spotlight-inner-title) {
    font-weight: 700;
}

.right-column .features .spotlight {
    margin: 1em 0 0;
}


/*Course page - Booking*/
.web-form .mandatory,
.course-page .web-form .error {
    color: #ff0000;
}

.course-page .web-form .course-info dd {
    margin-left: 6em;
}

.course-page .web-form .button {
    padding: .32em;
}

.course-page .web-form p {
    font-size: .95em;
}

.course-page .web-form select,
.course-page .web-form input {
    width: auto;
    max-width: 100%;
}

.course-page .web-form input[type="submit"].form-submit,
.course-page .web-form input[type="button"].form-submit {
    width: auto;
    margin: 0;
    padding: 0.5em;
}

input[type="submit"].scfSubmitButton:disabled,
.web-form input[type="submit"].form-submit:disabled,
.web-form input[type="button"].form-submit:disabled {
    background-color: #d2d3d5;
    border-color: #d2d3d5;
    color: #fff;
}

.js .course-page .web-form td:before {
    position: static;
    display: block;
}

.course-page .web-form input[type="submit"].edit-delegate,
.course-page .web-form input[type="submit"].remove-delegate {
    margin: 0 .5em 0 0;
    padding: 0;
    border: none 0;
}

.course-page .web-form .radio-option,
.course-page .web-form .radio-option label,
.course-page .web-form .radio-option input {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.course-page .web-form .radio-option {
    margin-right: 1em;
}

.course-page .web-form table tr,
.course-page .web-form table th {
    background-color: transparent;
    border: none 0;
}

.course-page .web-form table tbody tr {
    position: relative;
}

.course-page .web-form table td {
    vertical-align: top;
}

.course-page .web-form table td.trash {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
}

/* payment options */
.payment-options-dropdown { padding-left: 42%; }

.row.payment-options-group > .payment-modes-container,
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field { display: table; width: 100%; }
.row.payment-options-group > .payment-modes-container { padding-top: 12px; }
.row.payment-options-group > .payment-modes-container > label.select-options-label,
.row.payment-options-group > .payment-modes-container > .payment-modes { display: table-cell; vertical-align: top; }
.row.payment-options-group > .payment-modes-container > label.select-options-label { float: none; width: 42%; padding-right: 1em; }
.row.payment-options-group > .payment-modes-container > label.select-options-label [data-ng-show].ng-hide:not(.slideable) { margin-top: 1em; }
.row.payment-options-group > .payment-modes-container > .payment-modes { width: 60%; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field { position: relative; margin-bottom: 20px; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field .option-details { position: relative; display: table-cell; vertical-align: top; width: 90px; height: 75px; vertical-align: middle; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field .label-description { display: table-cell; vertical-align: middle; padding: 0 20px 0 20px; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field .select-label { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field .option-details .image { position: relative; width: 86px; height: 71px; padding: 0; border: solid 2px #971d08; background-color: #ffffff; overflow: hidden; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field .option-details input[type="radio"] { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; opacity: 0; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field .option-details .image svg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 44px; width: 60px; margin: auto; padding: 0; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field.online-selection-mode .image svg { width: 55px; height: 55px; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field.offline-selection-mode .image svg { width: 58px; height: 50px; }

.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field .select-label:hover + .option-details .image { background-color: #fff6f4; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field .option-details .image svg { fill: #971d08; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field .option-details input[type="radio"]:checked + .image { background-color: #971d08; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field .option-details input[type="radio"]:checked + .image svg { fill: #ffffff; }

/* tls disabled */
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field.online-selection-mode.disabled { opacity: 0.2; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field.online-selection-mode.disabled:focus { outline: none; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field.online-selection-mode.disabled .select-label:hover + .option-details .image { background-color: #ffffff; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field.online-selection-mode.disabled .select-label { cursor: default; }
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field.online-selection-mode.disabled .select-label:focus { outline: none; }

/* edit user details */
 .web-form .edit-user-details { padding-top: 15px; padding-bottom: 10px; margin-top: 15px; }
 .web-form .edit-user-details .edit-controls { margin-bottom: 15px; }
 .web-form .edit-user-details h3 { margin-top: 8px; padding-left: 15px; padding-right: 15px; }
 .web-form .edit-user-details label:not(.radio),
 .web-form .edit-user-details input[type="text"],
 .web-form .row.booking-details .course-info .details-list .detail-title,
 .web-form .row.booking-details .course-info .details-list .detail-summary { width: auto; display: table-cell; margin: 0; background: none; }
 .web-form .edit-user-details .inputs-container { padding-left: 15px; padding-right: 15px; }
 .web-form .edit-user-details .input-group:not(:last-child) { width: 100%; float: left; margin-bottom: 0.7em; padding: 0; }
 .web-form .edit-user-details label:not(.radio),
 .web-form .row.booking-details .course-info .details-list .detail-title { min-width: 120px; max-width: 120px; height: auto; font-weight: bold; }
 .web-form .edit-user-details input[type="text"] { padding: 0; border: none; }
 .web-form .edit-user-details .row { margin-bottom: 0; }
 .change-details { width: auto; margin: 0; padding: 0.4em 0.8em; border: #971c08 1px solid; background: transparent none; color: #971c08; }
 .change-details .action-icon { width: 18px; height: 18px; margin-right: 8px; fill: #971c08; }
 .change-details .action-icon,
 .change-details span,
 .web-form .edit-user-details h3,
 .change-details { display: inline-block; vertical-align: middle; }
 .change-details span { margin-top: 3px; }
 .change-details:hover { background: #971c08; color: #ffffff; }
 .membership-section .affiliate-membership .change-details:hover .action-icon,
.membership-section .course-page .change-details:hover .action-icon,
 .change-details:hover .action-icon { fill: #ffffff; }
 .course-info { background-color: transparent; }

#online-payment[disabled] { background-color: #c1c1c1; }
#online-payment[disabled] .image,
.row.payment-options-group > .payment-modes-container > .payment-modes .radio-field .option-details #online-payment[disabled] .image { border: solid 2px #949494; }

/* delegate details */
.fields-group { display: table; width: 100%; background-color: #f9fafc; border: solid 1px #d9d9d9; margin-bottom: 1em; }
.fields-group .spacing { padding: 10px 15px 15px; }
.fields-group .edit-delegates th { padding-top: 1.2em;  }
.fields-group .edit-delegates td.no { padding-left: 1.2em; }
.fields-group .edit-delegates td.remove { padding-right: 0.7em; }

/* review and payment */
.web-form div.info { display: none; border: 0.15em solid #eaa90d; margin: 0.5em 0; color: #eaa90d; padding: 0.75em 0; background: url(/assets/icons/info_icon.png) no-repeat 0.75em 50%; }
.web-form div.info span { display: block; margin-left: 2.75em; font-size: 0.95em; }
.course-page .web-form .step-5.hide,
.course-page .web-form .step-5.hide .loading { display: none !important; }
.course-page .web-form.success .step-5 .loading,
.course-page .web-form.success .slideable,
.course-page .web-form .step-4.hide,
.course-page .web-form.error .slideable,
.course-page .web-form.error .loading.step-4,
.course-page .web-form .step-4.loading { display: none; }
.course-page .web-form .payment-select { margin-bottom: 1em; }
.course-page .web-form.success .payment-confirm,
.course-page .web-form .info.visible,
.course-page .web-form .step-4.loading.visible,
.course-page .web-form.error .step-4,
.course-page .web-form.error .step-4 .info.redirect-info,
.course-page .web-form.success .step-5 { display: block; }
.course-page .web-form.error .info.redirect-info { border: 0.15em solid #ff0000; color: #ff0000; background: url(/assets/icons/error_icon.png) no-repeat 0.75em 50%; }
.affiliate-membership.web-form .payment-confirm,
.course-page .web-form .payment-confirm { background: #f9fafc; border: 0.15em solid #d9d9d9; padding: 0.8em 0.8em 0.3em; font-size: 0.95em; }
.affiliate-membership.web-form .payment-confirm .payment-confirm-table,
.course-page .web-form .payment-confirm .payment-confirm-table { display: table; width: 100%; }
.web-form .payment-confirm .payment-confirm-table .text-container p { display: inline-block; }
.web-form .payment-confirm .payment-confirm-table .text-container .bold { font-weight: bold; width: 12%; }
.course-page .web-form .thank-you-message { display: none; margin: 10px 0; }
.web-form .register-details { margin-top: 0; }
.web-form .register-details p:first-child { margin-bottom: 2em; }
.web-form .register-details .row p { margin-left: 27%; font-style: italic; width: 46%; margin-bottom: 5px; }
.web-form .register-details .row p strong { margin-bottom: 0.6em; }
.web-form .register-details input[type="submit"] { margin-top: 15px; }
.web-form .register-details p.enable-next { margin-left: 0; }
.web-form .register-details strong { margin-bottom: 0.5em; display: block; }
.web-form .register-details > .row > p.info { display: block; }
.web-form .register-details .row .mandatory { display: none; }
.course-page .web-form .register-details > .row label { width: 25%; }
.course-page .web-form.success .thank-you-message { display: block; }

/* TLS warning message */
.affiliate-membership .left-column { overflow: hidden; }
.tls-warning-message-container { display: none; }
.tls-warning-message { position: relative; display: none; float: left; width: auto; font-weight: bold; line-height: 14px; line-height: 1.4rem; border: 2px solid #eaa90d; margin: 10px 0 20px 0px; color: #eaa90d; padding: 15px 15px 15px 50px; }
.tls-warning-message .info-icon { position: absolute; width: 24px; height: 24px; top: 15px; bottom: 0; left: 13px; background: url("/assets/icons/info_icon.png") no-repeat center; }

/* booking details */
.course-page .web-form .row.booking-details { margin-top: 10px; }
.course-page .booking-details h3:first-child { margin-bottom: 20px; }
.course-page .web-form .row.booking-details .course-info { display: table; width: 100%; }
.course-page .web-form .row.booking-details .course-info .details-list { display: table; list-style: none; padding: 0; margin-bottom: 0; }
.course-page .web-form .row.booking-details .course-info .details-list li:last-child { margin-bottom: 0; }
.course-page .web-form .row.booking-details .course-info .course-info-left,
.course-page .web-form .row.booking-details .course-info .course-info-right { float: none; display: table-cell; width: 50%; vertical-align: top; }
.course-page .web-form .promo-not-applicable,
.course-page .web-form .promo-service-error { display: none; margin-left: 42%; margin-top: 0.5em; background: none; font-size: 15px; }
.content-block { margin-bottom: 0; }
.web-form.success #RealExMessage { display: block !important; }
.web-form.success .payment-confirm { display: block; margin-bottom: 15px; }
#RealExMessage { display: none !important; box-shadow: 0 0 5px #00838D; width: 98.5%; padding: 20px; display: block; }

/* WFFM membership form styling */
.affiliate-membership .scfForm { font-family: Helvetica, Arial, sans-serif; }
.affiliate-membership .scfSectionContent { box-sizing: border-box; }
.affiliate-membership .step2 .scfSectionContent { margin-bottom: 0; padding: 15px 15px 0; }
.affiliate-membership .navButtons .scfSectionContent { padding: 0 15px; }
.affiliate-membership .step3 .scfSectionContent > p { font-style: italic; }
.affiliate-membership .row.payment-options-group > .payment-modes-container > label.select-options-label { width: 36%; }
.affiliate-membership .payment-options-dropdown { padding-left: 0; }
.affiliate-membership .payment-options-dropdown > select { float: left; }
.affiliate-membership .scfForm textarea { height: 114px; }
.affiliate-membership .edit-user-details .inputs-container { box-sizing: border-box; }
.affiliate-membership .edit-user-details .column:first-child { width: calc(43% - 10px); float: left; margin-right: 10px; }
.affiliate-membership .edit-user-details .column { width: 56%; float: right; font-size: 14px; }
.affiliate-membership .edit-user-details .column:first-child .label { max-width: 120px; }
.affiliate-membership .edit-user-details .column:first-child .value { width: calc(100% - 130px); }
.affiliate-membership .edit-user-details .label { float: left; font-weight: bold; max-width: 145px; }
.affiliate-membership .edit-user-details .value { float: right; width: calc(100% - 155px); }
.affiliate-membership.web-form .scfSubmitButtonBorder { clear: none; float: left; }
.affiliate-membership .payment-options-dropdown .scfValidator { display: none; }
.affiliate-membership .scfSectionContent > .form-label { clear: none; width: auto; }
.affiliate-membership .scfCaptchaGeneralPanel > label { display: none; }
.affiliate-membership.web-form .payment-confirm { box-sizing: border-box; }
.affiliate-membership.web-form .register-details { float: left; display: block; box-sizing: border-box; font-size: 14px; }
.affiliate-membership.web-form .register-details label { float: left; width: 38%; font-size: 14px; }
.affiliate-membership.web-form .register-details .row p { margin-left: 38%; width: 62%; }

.affiliate-membership.web-form .register-details .registration { background: none; bordeR: 1px solid #00838D; padding: 0.5em 0.8em; color: #00838D; }
.affiliate-membership.web-form .register-details .registration:disabled,
.affiliate-membership.web-form .register-details .registration:disabled:hover { background-color: #d2d3d5; border-color: #d2d3d5; color: #fff; }
.affiliate-membership.web-form .register-details .registration:hover { background: #00838D; color: #ffffff; }

.icon-trash,
.edit-delegate {
    cursor: pointer;
    border: #222 1px solid;
    color: #222;
    display: inline-block;
    padding: .5em;
}

.group-section .icon-trash,
.group-section .edit-delegate {
    border-color: #3a589e;
    color: #3a589e;
}

.membership-section .icon-trash,
.membership-section .edit-delegate {
    border-color: #00838D;
    color: #00838D;
}

.campaigning-section .icon-trash,
.campaigning-section .edit-delegate {
    border-color: #5A3D99;
    color: #5A3D99;
}

.ndi-section .icon-trash,
.ndi-section .edit-delegate,
.business-support-section .icon-trash,
.business-support-section .edit-delegate {
    border-color: #438500;
    color: #438500;
}

.training-section .icon-trash,
.training-section .edit-delegate {
    border-color: #971C08;
    color: #971C08;
}

.apprenticeships-section .icon-trash,
.apprenticeships-section .edit-delegate {
    border-color: #C23D00;
    color: #C23D00;
}

.venues-section .icon-trash,
.venues-section .edit-delegate {
    border-color: #A60069;
    color: #A60069;
}

.uk-steel-section .icon-trash,
.uk-steel-section .edit-delegate {
    border-color: #836B19;
    color: #836B19;
}

.icon-trash:hover,
.edit-delegate:hover {
    background-color: #222;
    color: #fff;
}

.group-section .icon-trash:hover,
.group-section .edit-delegate:hover {
    background-color: #3a589e;
    color: #fff;
}

.membership-section .icon-trash:hover,
.membership-section .edit-delegate:hover {
    background-color: #00838D;
    color: #fff;
}

.campaigning-section .icon-trash:hover,
.campaigning-section .edit-delegate:hover {
    background-color: #5A3D99;
    color: #fff;
}

.ndi-section .icon-trash:hover,
.ndi-section .edit-delegate:hover,
.business-support-section .icon-trash:hover,
.business-support-section .edit-delegate:hover {
    background-color: #438500;
    color: #fff;
}

.training-section .icon-trash:hover,
.training-section .edit-delegate:hover {
    background-color: #971C08;
    color: #fff;
}

.apprenticeships-section .icon-trash:hover,
.apprenticeships-section .edit-delegate:hover {
    background-color: #C23D00;
    color: #fff;
}

.venues-section .icon-trash:hover,
.venues-section .edit-delegate:hover {
    background-color: #A60069;
    color: #fff;
}

.uk-steel-section .icon-trash:hover,
.uk-steel-section .edit-delegate:hover {
    background-color: #836B19;
    color: #fff;
}

#courseForm .enable-next,
.aff .enable-next { margin-bottom: 0; }

.enable-next {
    margin-top: .5em;
}

.add-delegate {
    padding: .5em 1em;
}

.edit-delegate {
    padding: .5em;
    display: inline-block;
    margin-bottom: 1em;
}

.course-page .web-form .delegate p:not(.modify) {
    display: inline-block;
    margin-right: 1em;
}

.course-page .web-form .self-attendance label {
    width: auto;
    display: inline-block;
}

.web-form .row.accomodation {
    margin: 1em 0;
}

.course-page [data-js=course-booking-form] {
    margin-bottom: 2em;
}

.course-page .disabled {
    background: transparent;
}

.course-page .web-form .row.add-delegate input {
    background-color: #222;
    color: #fff;
}

.group-section .course-page .web-form .row.add-delegate input {
    background-color: #3a589e;
    color: #fff;
}

.membership-section .course-page .web-form .row.add-delegate input {
    background-color: #00838D;
    color: #fff;
}

.campaigning-section .course-page .web-form .row.add-delegate input {
    background-color: #5A3D99;
    color: #fff;
}

.business-support-section .course-page .web-form .row.add-delegate input {
    background-color: #438500;
    color: #fff;
}

.training-section .course-page .web-form .row.add-delegate input {
    background-color: #971C08;
    color: #fff;
}

.apprenticeships-section .course-page .web-form .row.add-delegate input {
    background-color: #C23D00;
    color: #fff;
}

.venues-section .course-page .web-form .row.add-delegate input {
    background-color: #A60069;
    color: #fff;
}

.uk-steel-section .course-page .web-form .row.add-delegate input {
    background-color: #836B19;
    color: #fff;
}

.course-page .web-form .remove input,
.course-page .web-form .edit-delegate input {
    background-color: #222;
    border: #222 1px solid;
    color: #fff;
    width: auto;
    margin: 0;
    padding: 0.5em;
}

.group-section .course-page .web-form .remove input,
.group-section .course-page .web-form .edit-delegate input {
    background-color: #3a589e;
    border-color: #3a589e;
}

.membership-section .course-page .web-form .remove input,
.membership-section .course-page .web-form .edit-delegate input {
    background-color: #00838D;
    border-color: #00838D;
}

.campaigning-section .course-page .web-form .remove input,
.campaigning-section .course-page .web-form .edit-delegate input {
    background-color: #5A3D99;
    border-color: #5A3D99;
}

.business-support-section .course-page .web-form .remove input,
.business-support-section .course-page .web-form .edit-delegate input {
    background-color: #438500;
    border-color: #438500;
}

.training-section .course-page .web-form .remove input,
.training-section .course-page .web-form .edit-delegate input {
    background-color: #971C08;
    border-color: #971C08;
}

.apprenticeships-section .course-page .web-form .remove input,
.apprenticeships-section .course-page .web-form .edit-delegate input {
    background-color: #C23D00;
    border-color: #C23D00;
}

.venues-section .course-page .web-form .remove input,
.venues-section .course-page .web-form .edit-delegate input {
    background-color: #A60069;
    border-color: #A60069;
}

.uk-steel-section .course-page .web-form .remove input,
.uk-steel-section .group-section .course-page .web-form .edit-delegate input {
    background-color: #836B19;
    border-color: #836B19;
}

.course-page .web-form .remove input:hover,
.course-page .web-form .row.add-delegate input:hover,
.course-page .web-form .edit-delegate input:hover {
    background-color: #fff;
    color: #971C08;
}

.group-section .course-page .web-form .remove input:hover,
.group-section .course-page .web-form .row.add-delegate input:hover,
.group-section .course-page .web-form .edit-delegate input:hover {
    color: #3a589e;
}

.membership-section .course-page .web-form .remove input:hover,
.membership-section .course-page .web-form .row.add-delegate input:hover,
.membership-section .course-page .web-form .edit-delegate input:hover {
    color: #00838D;
}

.campaigning-section .course-page .web-form .remove input:hover,
.campaigning-section .course-page .web-form .row.add-delegate input:hover,
.campaigning-section .course-page .web-form .edit-delegate input:hover {
    color: #5A3D99;
}

.business-support-section .course-page .web-form .remove input:hover,
.business-support-section .course-page .web-form .row.add-delegate input:hover,
.business-support-section .course-page .web-form .edit-delegate input:hover {
    color: #438500;
}

.training-section .course-page .web-form .remove input:hover,
.training-section .course-page .web-form .row.add-delegate input:hover,
.training-section .course-page .web-form .edit-delegate input:hover {
    color: #971C08;
}

.apprenticeships-section .course-page .web-form .remove input:hover,
.apprenticeships-section .course-page .web-form .row.add-delegate input:hover,
.apprenticeships-section .course-page .web-form .edit-delegate input:hover {
    color: #C23D00;
}

.venues-section .course-page .web-form .remove input:hover,
.venues-section .course-page .web-form .row.add-delegate input:hover,
.venues-section .course-page .web-form .edit-delegate input:hover {
    color: #A60069;
}

.uk-steel-section .course-page .web-form .remove input:hover,
.uk-steel-section .course-page .web-form .row.add-delegate input:hover,
.uk-steel-section .course-page .web-form .edit-delegate input:hover {
    color: #836B19;
}

.course-page .web-form .row.add-delegate input:disabled,
.course-page .web-form .remove .icon-trash[disabled] {
    background-color: #d2d3d5;
    border-color: #d2d3d5;
    color: #fff;
    cursor: default;
}

[data-js=fieldset] {
    clear: both;
}

[data-js=legend] {
    border: 1px solid #222;
    background-color: #222;
    color: #fff;
    padding: 15px;
    margin: 0 0 1px 0;
}

.group-section [data-js=legend] {
    background-color: #3a589e;
    border-color: #3a589e;
}

.membership-section [data-js=legend] {
    background-color: #00838D;
    border-color: #00838D;
}

.campaigning-section [data-js=legend] {
    background-color: #5A3D99;
    border-color: #5A3D99;
}

.business-support-section [data-js=legend] {
    background-color: #438500;
    border-color: #438500;
}

.training-section [data-js=legend] {
    background-color: #971C08;
    border-color: #971C08;
}

.apprenticeships-section [data-js=legend] {
    background-color: #C23D00;
    border-color: #C23D00;
}

.venues-section [data-js=legend] {
    background-color: #A60069;
    border-color: #A60069;
}

.uk-steel-section [data-js=legend] {
    background-color: #836B19;
    border-color: #836B19;
}

.disabled [data-js=legend] {
    background-color: #D2D3D5;
    border-color: #D2D3D5;
}

.completed [data-js=legend] {
    background-color: #fff;
    color: #222;
}

.training-section .completed [data-js=legend] {
    color: #971C08;
}

[data-ng-show].ng-hide:not(.slideable) {
    opacity: 0;
}

[data-ng-show]:not(.slideable) {
    opacity: 1;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

[data-js=fieldset-content] {
    padding: 15px;
    margin: 0 1px;
    -webkit-box-shadow: 0px 0px 5px #222;
    -moz-box-shadow: 0px 0px 5px #222;
    box-shadow: 0px 0px 5px #222;
    float: left;
    width: 100%;
    width: calc(100% - 2px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.group-section [data-js=fieldset-content] {
    -webkit-box-shadow: 0px 0px 5px #3a589e;
    -moz-box-shadow: 0px 0px 5px #3a589e;
    box-shadow: 0px 0px 5px #3a589e;
}

.membership-section [data-js=fieldset-content] {
    -webkit-box-shadow: 0px 0px 5px #00838D;
    -moz-box-shadow: 0px 0px 5px #00838D;
    box-shadow: 0px 0px 5px #00838D;
}

.campaigning-section [data-js=fieldset-content] {
    -webkit-box-shadow: 0px 0px 5px #5A3D99;
    -moz-box-shadow: 0px 0px 5px #5A3D99;
    box-shadow: 0px 0px 5px #5A3D99;
}

.business-support-section [data-js=fieldset-content] {
    -webkit-box-shadow: 0px 0px 5px #438500;
    -moz-box-shadow: 0px 0px 5px #438500;
    box-shadow: 0px 0px 5px #438500;
}

.training-section [data-js=fieldset-content] {
    -webkit-box-shadow: 0px 0px 5px #971C08;
    -moz-box-shadow: 0px 0px 5px #971C08;
    box-shadow: 0px 0px 5px #971C08;
}

.apprenticeships-section [data-js=fieldset-content] {
    -webkit-box-shadow: 0px 0px 5px #C23D00;
    -moz-box-shadow: 0px 0px 5px #C23D00;
    box-shadow: 0px 0px 5px #C23D00;
}

.venues-section [data-js=fieldset-content] {
    -webkit-box-shadow: 0px 0px 5px #A60069;
    -moz-box-shadow: 0px 0px 5px #A60069;
    box-shadow: 0px 0px 5px #A60069;
}

.uk-steel-section [data-js=fieldset-content] {
    -webkit-box-shadow: 0px 0px 5px #836B19;
    -moz-box-shadow: 0px 0px 5px #836B19;
    box-shadow: 0px 0px 5px #836B19;
}

.disabled [data-js=fieldset-content],
.completed [data-js=fieldset-content] {
    display: none;
}

.js [data-be=display] {
    display: none;
}

.no-js [data-js=display] {
    display: none;
}

.course-page .web-form .loading {
    position: static;
    height: 7em;
}

.course-page .web-form .loading:before {
    position: relative;
    background-color: transparent;
    top: 0;
}

.course-page .web-form .loading:not(:required):after {
    margin-top: -3.5em;
}

.js .course-page .web-form [data-js-first-load=hide] {
    display: none;
}

[data-js="note-panel"] {
    background-color: #F9FAFC;
    border: 1px solid #D3D3D3;
    padding: 15px;
    margin-top: 10px;
}

[data-js="note-panel"] p {
    margin: 0;
}

.js [data-js="note-panel"] {
    display: none;
}


/*non js version*/

.no-js .course-page .web-form .loading,
.no-js .course-page .custom-form .loading,
.no-js .course-page .web-form .error,
.no-js .course-page .web-form .icon-trash,
.no-js .course-page .web-form .use-detail,
.no-js .course-page .web-form [data-ng-show="courseData.step==4"] [data-ng-if="courseData.useDetails"] {
    display: none;
}

.no-js .apprenticeships-section .pallet {
    padding: 10px;

}

.no-js .apprenticeships-section .pallet .arrow {
    position:relative;
    top:4px;

}


/* waiting list widget*/

.waiting-list-widget {
    padding: 1rem;
    background-color: #F1F2F6;
}

.waiting-list-widget p,
.waiting-list-widget label,
.waiting-list-widget input,
.waiting-list-widget input[type="submit"].form-submit {
    margin: 0;
}

.waiting-list-widget input[type="submit"].form-submit {
    width: auto;
    background-color: #fff;
}

[class~="name.elqCustomerGUID"],
[class~="name.xelqCustomerGUID"] {
    display: none;
}


/* RATING
-----------------------*/

.icon-star3 {
    color: #eb741d;
}


/* FACETED NAVIGATION
-----------------------*/

.faceted-navigation {
    margin-top: 1em;
    height: auto;
}

.faceted-navigation fieldset {
    border: none 0;
    margin: 0;
    padding: 0;
}

.faceted-navigation legend {
    margin-bottom: 0;
}

.faceted-navigation legend span {
    vertical-align: top;
}

.faceted-navigation .arrow {
    display: none;
}

.faceted-navigation [data-js="container"],
.faceted-navigation .container {
    margin-top: 1em;
}

.faceted-navigation .sub-categories {
    margin-bottom: .5em;
}

.faceted-navigation ul,
.faceted-navigation ul li {
    margin: 0;
    padding: 0;
    list-style: none none;
}

.faceted-navigation .submit-filter {
    margin-top: .5em;
}

.js .faceted-navigation [data-js=sub-category] {
    float: left;
    display: block;
    clear: left;
}

.faceted-navigation label {
    display: block;
    font-weight: 400;
    font-size: .9em;
    padding: .2em 0 0 1em;
    margin: 0;
    vertical-align: middle;
}

.faceted-navigation label em {
    font-style: normal;
}

.faceted-navigation li input {
    display: inline-block;
    padding: 0;
    margin: 0 .5em 0 0;
    vertical-align: middle;
}

.faceted-navigation input[type="submit"].form-submit {
    width: auto;
    margin: 0;
}

@media only screen and (min-width:600px) and (max-width:1023px),
only screen and (min-device-width:600px) and (max-device-width:1023px) and (max-aspect-ratio: 1 / 1) {
    .faceted-navigation .sub-categories ul, .faceted-navigation .other-categories ul {
        -ms-column-count: 3;
        -ms-column-gap: 1em;
        -o-column-count: 3;
        -o-column-gap: 1em;
        -webkit-column-count: 3;
        -webkit-column-gap: 1em;
        -moz-column-count: 3;
        -moz-column-gap: 1em;
        column-count: 3;
        column-gap: 1em;
    }
    .faceted-navigation .sub-categories ul li,
    .faceted-navigation .other-categories ul li {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        column-break-inside: avoid;
        break-inside: avoid;
        break-inside: avoid-column;
    }
}

.js .faceted-navigation .submit-filter {
    position: absolute;
    left: -100%;
    z-index: -100000000;
}


/* LOADER
-----------------------*/

.js [data-ajax=container] {
    position: relative;
}

.loader-container {
    background-color: rgba(255, 255, 255, .8);
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.loader-container .loading {
    position: relative;
}

.loader-container .loading:before {
    position: relative;
    background-color: transparent;
}

.mfp-iframe-scaler .loader-container {
    margin: 6px;
    height: calc(100% - 12px);
    width: calc(100% - 12px);
    z-index: 1;
}


/* VENUES
-----------------------*/

.landing-text .info li {
    list-style: none none;
}

.landing-text .info ul {
    margin: 0;
}

.venues-section .landing-text .icon-phone,
.venues-section .landing-text .icon-envelope {
    color: #A60069;
    vertical-align: top;
}

.venues-section .landing-text .map img {
    margin-bottom: 1em;
}

.venues-section .landing-text .em {
    font-size: 1.2em;
}

.venues-section .landing-text .contact {
    margin-bottom: 1em;
}

.venues-section .landing-text .contact p {
    margin-bottom: .5em;
}

.info li .button {
    margin-left: 2em;
}


/* show more widget*/

[data-widget=more] {
    cursor: pointer;
    background-color: #971C08;
    color: #fff;
    border-top: none !important;
    text-align: center;
    padding: .5em !important;
}


/*Profile page*/

.profile-page .intro-block {
    width: 100%;
    border-bottom: none;
    margin-bottom: 25px;
}

.profile-page .further-reading {
    border-bottom: none;
}

.profile-page .further-reading ul {
    margin: 20px 0;
    padding-left: 0;
}

.profile-details {
    margin-top: 20px;
    margin-left: 0;
}

img.profile-image {
    display: inline-block;
    vertical-align: top;
}

.profile-details p,
.author p {
    font-size: 1rem
}

.profile-details p.profile-titles {
    font-weight: bold;
    font-size: 0.9rem;
    text-transform: uppercase;
    color: #959da3;
}


/* Map styling */

#map {
    display: block;
    width: 83%;
    height: 150px;
    margin: 0 17% 1em 0
}

#map-content {
    display: block;
    width: 83%;
    height: 200px;
    margin: 0 17% 1em 0;
}

#map.large {
    height: 500px;
}

.overlay {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 60px;
    line-height: 80px;
    opacity: 0.8;
    background: #4477aa;
    border: solid 3px #336699;
    border-radius: 4px;
    padding: 0 4px;
}

.overlay_arrow {
    left: 50%;
    margin-left: -16px;
    width: 0;
    height: 0;
    position: absolute;
}

.overlay_arrow.above {
    bottom: -15px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #336699;
}

.overlay_arrow.below {
    top: -15px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #336699;
}


/* Event booking */

.book-event {
    position: relative;
    margin: 0 -1.2em;
    padding: 1.2em;
    background: #f9fafc;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    margin-top: 2em;
}

.book-event .row {
    margin: 0;
    clear: both;
    width: 100%;
    float: left;
}

.book-event .row:first-child {
    margin-top: 0;
}

.book-event h3 {
    font-size: 1.45rem;
}

.book-event select {
    width: auto;
}

.js .book-event input[type="submit"] {
    display: none;
}

.sidebar-container .book-event {
    display: none;
}


/* Login and register styling */

.login-block {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 1.45em;
    margin-top: 0;
}

.register-block ul {
    margin-left: 0;
    list-style: none;
}

.register-block ul span {
    margin-right: 1em;
}

span.icon-checkmark {
    color: green;
}


/* Form elements */

.web-form .row {
    margin: 0 0 2em 0;
    clear: both;
}

label {
    margin-bottom: 0.5em;
    margin-top: 1em;
    font-size: 0.95rem;
}

input[type="text"],
input[type="date"],
input[type="password"],
select,
input[type="email"],
input[type="telephone"],
input[type="file"],
select.additional-long {
    width: 40%;
    padding: .6em;
    border: 1px solid #D2D3D5;
}

.vacancy-selector input {
    display: inline;
    width: 100px;
    padding: 5px;
    border: 1px solid lightgrey;

}
.vacancy-selector .selector-container > input {
    padding: 0.3em 0.5em;
    margin-top: 26px;
}
textarea {
    border: 1px solid #D2D3D5;
}

select {
    padding: 0.2em;
    width: 83%;
}

select.title,
input[type="text"].postcode,
select.additional-short {
    width: 20%;
}

input[type="radio"] {
    width: 15px;
    height: 15px;
}

input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
    padding: 0.5em;
    font-size: 0.95rem;
    width: auto;
}

input[type="submit"]:hover {
    background: #D2D3D5;
}

legend {
    font-weight: bold;
    margin-bottom: 1em;
    font-family: 'FSAlbertProBold';
    font-size: 1.45rem;
    line-height: 1;
}

fieldset {
    margin: 2em 0;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 2em;
}

.radio-option {
    margin: 0 2em 0 0.5em;
}

.terms-conditions-check,
.terms-conditions-text {
    float: left;
    display: inline;
}

.terms-conditions-check {
    margin-top: 0.2em;
}

.terms-conditions-text {
    width: 85%;
    margin-left: 0.5em;
    margin-top: 0.2em;
    font-weight: normal;
}

tr:hover {
    background: #d3d3d3;
    color: #000;
}

.apprenticeships-section tr:hover {
    background: transparent;

}

.contact-table tbody {
    border-top: 0px solid transparent;
}

input[type="submit"].form-submit {
    width: 100%;
    margin: 2em 0;
}

.option-list input,
.option-list label {
    float: left;
    clear: left;
    margin-top: 1em;
}

.option-list label {
    clear: none;
    font-weight: normal;
    margin-left: 0.5em;
    width: 90%;
    margin-right: 0;
}

.option-list .title-label {
    font-weight: 700;
    margin-left: 0;
}

.passStrengthify {
    margin: 2em 0 1em;
}

.passStrengthify div {
    margin-bottom: 1em;
}

.preferences label.tag,
.preferences input[type="radio"],
.personal-details input[type="radio"],
.personal-details label.tag {
    float: left;
    font-weight: normal;
}

.row.floated {
    margin: 1em 0 0.5em 0;
}

.floated input,
.floated label {
    float: left;
}

.floated label {
    margin: 0 0 0 0.5em;
    font-weight: normal;
}

.row.delegate-summary {
    padding: 1em;
    background: #f9fafc;
    border-top: 1px solid #d3d3d3;
    margin: 0;
}

.row.delegate-summary.primary-delegate {
    margin-top: 1em;
}

.row.delegate-summary span {
    clear: both;
    display: block;
    margin: 0.5em 0 0;
    float: left
}

input[type="submit"].remove-delegate,
input[type="submit"].edit-delegate {
    background: none;
    border: none;
    color: #438500;
    font-weight: normal;
    padding: 0;
    display: block;
    margin: 0.2em 0;
    float: left;
    margin-top: 1em;
}

input[type="submit"].edit-delegate {
    clear: left;
    margin-right: 1em;
}

input[type="submit"].remove-delegate {
    border-left-style: solid;
    border-left-width: 1px;
    padding-left: 1em;
}

input[type="text"].error,
input[type="date"].error,
input[type="password"].error,
select.error,
input[type="email"].error,
input[type="telephone"].error {
    border: 2px solid red;
}

.error-text {
    clear: both;
    margin: 0.5em 0;
    font-size: 0.8rem;
    font-style: italic;
    display: block;
    color: red;
}

.row.delegate-summary .confirm-inline {
    float: left;
    clear: none;
    margin-right: 0.3em;
}

.row.delegate-summary .confirm-inline.new-line {
    clear: left;
}

.row.delegate-summary:last-of-type {
    border-bottom: 1px solid #d3d3d3;
}

.search-results .content-area {
    width: 100%;
}

.search-title,
.search-keyword {
    float: left;
    line-height: 0.8;
}

.search-keyword {
    font-size: 1.65rem;
    font-weight: 700;
    font-family: 'FSAlbertProBold', Helvetica, Arial, sans-serif;
    margin-left: 0.3em;
}

.search-results-number {
    margin-top: 2em;
}

.search-results-number span {
    font-weight: 700;
}

.search-submit {
    margin-top: 1em;
}

.search-dropdown::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 0.9rem;
    color: #000;
}

.search-dropdown:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 0.9rem;
    opacity: 1;
    color: #000;
}

.search-dropdown::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 0.9rem;
    opacity: 1;
    color: #000;
}

.search-dropdown:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: 0.9rem;
    color: #000;
}

.eef-home .search-dropdown::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 0.9rem;
    color: #000;
}

.search-dropdown:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 0.9rem;
    opacity: 1;
    color: #000;
}

.search-dropdown::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 0.9rem;
    opacity: 1;
    color: #000;
}

.booking-summary {
    float: left;
    padding: 1em 1.5em 0;
    width: 85%;
    background: #f3f5f9;
    margin-bottom: 1em;
}

.form-title {
    margin-bottom: 0.5em;
    margin-top: 1em;
    font-size: 0.95rem;
    display: block;
    font-weight: bold;
}

#maincontent_0_ForgottenDetailsLink {
    display: block;
    margin-top: 1em;
}

.scfCaptchTop .scfMultipleLineGeneralPanel {
    width: 90%;
}

.scfCaptchTop .scfCaptchaBorder {
    float: left;
    clear: both;
    display: block;
}

.scfCaptchTop .scfCaptchaGeneralPanel #table1 {
    margin-top: 0;
}

.scfCaptchTop .web-form table td {
    padding-left: 0
}

.scfCaptchTop .scfCaptcha img {
    margin: 0;
    width: 100%;
}

.scfCaptchTop #table1 td {
    float: left;
    display: inline;
    clear: none;
}

.scfCaptchTop #table1 td:first-child,
.scfCaptcha .scfCaptchTop img,
.scfCaptchTop td:first-child {
    width: 100%;
    padding-left: 0;
    border: 2px solid #ececec;
    margin-left: 0;
}

.scfCaptchTop #table1 td:first-child,
.scfCaptchTop td:first-child {
    width: 80%;
}

.scfCaptchTop #table1 tr:first-child {
    margin-top: 2em;
    display: block;
}

.scfCaptchTop .scfCaptchaGeneralPanel td input {
    margin-left: 0;
}

.scfCaptchTop .scfCaptchaLabel,
.scfCaptchaBorder .scfCaptchaLabel {
    display: none;
}

.scfCaptchTop .scfCaptchaLimitGeneralPanel td {
    padding-left: 0;
}

.scfCaptchTop .scfCaptchaLimitGeneralPanel td:first-child {
    width: 80%;
    float: left;
    margin-bottom: 1em;
}

.terms-conditions-check {
    margin-top: 2em;
}

.terms-conditions-check label {
    float: left;
    margin: 0;
    width: auto;
    margin-left: 0.5em;
    font-weight: normal;
}

.terms-conditions-check input {
    float: left;
}

.row .terms-conditions-check label {
    width: auto;
}

.scfDatePickerBorder {
    float: left;
}

.content-block .scfMultipleLineGeneralPanel {
    width: 100%;
}

.custom-form .radio-panel input,
.custom-form .terms-conditions-check {
    margin-top: 0;
}

.custom-form .row label.terms-conditions-label,
.custom-form .keep-updated-label label {
    margin-left: 1.5em;
    width: auto;
}

.custom-form .row .delegate-access label {
    width: auto;
    display: inline;
    margin-left: 0.5em;
}


/* Form elements */

.web-form .intro-block {
    border: none 0;
}

.web-form .content-block h1 {
    display: none;
}

.web-form fieldset {
    border: none 0;
    margin: 0 0 .5em 0;
    padding: 0;
}

.web-form .textbox-list-item {
    margin: 0 0 .5em 0;
    clear: both;
    float: left;
    width: 100%;
}

.web-form legend {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 .5em 0;
    padding: 0;
}

.web-form label {
    display: block;
    font-weight: normal;
    width: auto;
    float: none;
    margin: 0 0 .5em 0;
}

form .web-form input,
form .web-form select,
.web-form .scfSingleLineGeneralPanel,
.web-form .scfEmailGeneralPanel,
.web-form .scfDropListGeneralPanel,
.web-form .scfCheckBoxListGeneralPanel,
.web-form .scfRadioButtonListGeneralPanel,
.web-form .scfRadioButtonListLabel,
.web-form .scfCheckBoxListLabel,
.web-form .scfFileUploadGeneralPanel {
    width: auto;
}

.web-form .scfRadioButtonList {
    display: block;
    float: left;
}

.web-form .scfCheckBoxListGeneralPanel,
.web-form .scfRadioButtonListGeneralPanel {
    clear: both;
}

.web-form .scfDropListGeneralPanel,
.web-form .scfSingleLineGeneralPanel,
.web-form .scfEmailGeneralPanel,
.web-form .scfPasswordGeneralPanel,
.web-form .scfRadioButtonListGeneralPanel,
.web-form .scfCheckBoxListGeneralPanel {
    float: none;
}

.web-form .scfValidatorRequired,
.web-form .scfRequired {
    float: none;
    margin-left: 1em;
}

.web-form .scfValidatorRequired {
    color: #971c08;
}

.web-form .scfValidationSummary {
    background-color: #fbf3f2;
    border-left: 2px solid #971c08;
    color: #971c08;
    padding: .1em 1em;
    margin: 1em;
}

.mp-container .scfValidationSummary {
    margin: 0;
}

.web-form .scfSectionContent {
    padding: 1em 1em 1em 0;
    border-bottom: 1px solid #D3D3D3;
    margin: 0 0 1em 0;
}

.web-form table,
.web-form table tbody,
.web-form table td,
.web-form table tr {
    border: none 0;
    background-color: transparent;
    padding: 0;
}

.web-form table td {
    padding: .5em;
}

.web-form .scfCheckbox label,
.web-form .scfCheckBoxList label,
.web-form .scfRadioButtonList label {
    margin: 0 0 0 1em;
    display: inline-block;
	width: 85%;
}

.web-form .scfSubmitButtonBorder {
    clear: both;
}

.ndi-section .web-form .scfSubmitButtonBorder {
    padding-top: 10px;
    padding-top: 1rem;
}

.web-form .scfRadioButtonListBorder,
.web-form .scfCheckBoxListBorder,
.web-form .scfCheckboxBorder {
    float: left;
    margin-top: 1.5em;
}

.web-form .scfPasswordGeneralPanel {
    width: auto;
}

form .web-form select {
    padding: 0.5em;
    width: 13.5em;
}

.web-form .scfCheckBoxListLabel,
.web-form .scfRadioButtonListLabel {
    font-weight: bold;
}

.web-form [class*="UsefulInfo"] {
    display: block;
    font-size: .9em;
    font-style: oblique;
    margin-top: .5em;
}


/* MAGNIFIC POPUP FORMS
-----------------------*/

.mp-container {
    position: relative;
    padding: 0;
    height: 100%;
}

.mp-container .scfForm {
    height: auto;
}

.mp-container .web-form .scfSectionContent {
    border: none 0;
    margin: 0;
    padding: 0;
}

.mp-container .web-form .row {
    margin: 0 0 1em 0;
}

.mp-container .web-form input,
.mp-container .web-form select {
    width: auto;
    padding: .4em;
}

.mp-content {
    background-color: #fff;
    margin: 6px;
    padding: 2em;
    min-height: calc(100% - 4em - 12px);
}

.mp-container .scfCheckbox {
    width: auto;
}

.mp-container .scfCheckbox input {
    float: left;
    margin-top: .3em;
}

.mp-container .scfCheckbox label {
    display: block;
    margin: 0;
    padding-left: 1.5em;
}

form.course-waiting-list-form {
    margin: 0;
}

.mfp-iframe-holder .mfp-content {
    height: 80%;
}

.mfp-iframe-scaler iframe {
    background-color: transparent;
    z-index: 1;
}

.mfp-container {
    padding: 0;
}

/* APPRENTICESHIPS
-------------------*/

.apprenticeships-section .features {
	background-color: transparent;
	border: 0px solid transparent;
	padding: 0;

}

.apprenticeships-section .feature {
    width: 30.5%;
	margin-left: 4%;

}

.apprenticeships-section .feature:first-child {
	margin-left: 0;
}

.infographicMobile {
    display:none;
}


.apprenticeships-section img[alt="infographicmobile"] {
	display: none;
}

.apprenticeships-section .accordions ul {
	padding-left: 20px;
}

.apprenticeships-section .list-item p {
	text-align: left;
}

.apprenticeships-section .spotlight-guide ul {
	list-style: none;
}


.apprenticeships-section .accordions .pallet {
	background-color: #C23D00;
}

.apprenticeships-section .apply-disclaimer em {
	margin-right: 5px;
}

.vacancy-listing li:last-child {
    margin-bottom:0;

}

.apprenticeships-section .spotlight-guide li {
    text-indent: -23px;
    margin-left: 24px;

}




/* QUICK ENQUIRY
-------------------*/

.enquiry {
    border: 3px solid #A60069;
    border-width: 3px 0;
    padding: 1em 0;
    margin-bottom: 1em;
}
 .group-section .enquiry {
    border: 3px solid #3a589e;
    border-width: 3px 0;
    padding: 1em 0;
    margin-bottom: 1em;
}
.uk-steel-section .enquiry {
    border: 0px solid transparent;
    border-bottom: 3px solid #836B19;
}
.ndi-section .enquiry {
    border-top: 3px solid #cf9fdd;
    border-top: 0.3rem solid #cf9fdd;
    border-bottom: 3px solid #cf9fdd;
    border-bottom: 0.3rem solid #cf9fdd
}
.apprenticeships-section .enquiry {
	border: 0px solid transparent;
    border-bottom: 3px solid #C23D00;
}

.uk-steel-section .sidebar-container textarea,
.apprenticeships-section .sidebar-container textarea {
    width: 208px;
}

.apprenticeships-section .sidebar-container input[type="checkbox"] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 5px 0;
    vertical-align: top;
    position: relative;
    top: -1px;
	display: inline-block;
}

.apprenticeships-section .sidebar-container label[for="maincontent_0_ApprenticesForm_form_41550D1859FF41BDA273A85E277B7AFE_field_C392AEFA504E42E7BE9351897C720F09"] {
    width:89%;
    margin-left:6px;
}

.apprenticeships-section .scfIntroBorder {
	margin: 1em 0;
}

.apprenticeships-section .scfIntroBorder p {
	text-align: left;
}

.enquiry input[type="submit"].form-submit {
    margin: 0;
    width: auto;
}

.elqCustomerGUIDhidden {
    display:none;
}

form .enquiry input,
form .enquiry select {
    font-size: 0.95rem;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

form .enquiry .date,
form .enquiry [class~="name.Start+Date"] input,
form .enquiry [class~="name.End+Date"] input {
    padding-left: 30px;
    width: 100%;
}

.enquiry .scfDatePickerGeneralPanel {
    width: auto;
}

.enquiry [class~="name.elqCustomerGUID"],
.enquiry [class~="name.xelqCustomerGUID"] {
    display: none;
}

.uk-steel-section .enquiry .scfSectionContent {
    margin-bottom: 8px;
}
.enquiry .scfSectionContent {
    padding: 0;
    margin: 0;
    border: none 0;
}

.enquiry .scfValidationSummary {
    margin: 0;
}

.enquiry .scfMultipleLineGeneralPanel{
    width:100%;
}


/* DATEPICKER
-------------------*/

#ui-datepicker-div.ui-datepicker {
    width: auto;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-title {
    margin: 0.4em 2.3em 0.4em
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    margin-bottom: 0.2em;
}

.venues-section #ui-datepicker-div {
    border-radius: 0;
    border-color: #A60069;
    font-size: .8em;
    padding: 0;
    z-index: 101 !important;
}

.venues-section .ui-datepicker-group-first {
    border-right: 1px solid #a60069;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.venues-section .ui-datepicker .ui-datepicker-header,
.venues-section .ui-datepicker .ui-datepicker-title,
.venues-section .ui-datepicker-multi .ui-datepicker-group table,
.venues-section .ui-datepicker tr:hover,
.venues-section .ui-datepicker th,
.venues-section .ui-datepicker td,
.venues-section .ui-datepicker thead,
.venues-section .ui-datepicker tbody,
.venues-section .ui-widget-content .ui-state-highlight,
.venues-section .ui-widget-content .ui-state-default {
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    border: none 0;
}

.venues-section .ui-datepicker .ui-datepicker-prev span {
    background: url(img/sprite-venues.png) no-repeat -11px -249px;
}

.venues-section .ui-datepicker .ui-datepicker-next span {
    background: url(img/sprite-venues.png) no-repeat -11px -219px;
}

.venues-section .ui-datepicker td {
    padding: 0;
}

.venues-section .ui-datepicker td a,
.venues-section .ui-datepicker td span {
    display: block;
    padding: .2em;
}

.venues-section .ui-datepicker td a {
    color: #a60069;
}

.venues-section .ui-widget-content .ui-state-active {
    background: #fff url(img/sprite-venues.png) no-repeat 100% -300px;
    color: #fff;
}

.venues-section #ui-datepicker-div.to [data-handler=selectDay] {
    background-color: #f2d9e9;
}

.venues-section #ui-datepicker-div.to [data-handler=selectDay].over-date {
    background-color: #fff;
}

.venues-section #ui-datepicker-div.to .start-date {
    background: #fff url(img/sprite-venues.png) no-repeat 100% -300px;
}

.venues-section #ui-datepicker-div.to .start-date a {
    color: #fff;
}

.venues-section #ui-datepicker-div.to .ui-datepicker-current-day a {
    background: #fff url(img/sprite-venues.png) no-repeat 100% -271px;
}


/* TOOLTIP
-------------------*/

.js [data-js-id="tooltip"] {
    position: relative;
}

.touch [data-js-id="tooltip"] {
    width: 80%;
    /* fallback if needed */
    width: calc(100% - 2em - 20px);
}

.touchable-tooltip {
    display: block;
    float: right;
    height: 1.6em;
    width: 1.6em;
    margin: .7em .5em 0 0;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    background-color: #F7F9FC;
    color: #222;
    border: 1px solid #D3D3D3;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.5;
    text-align: center;
    font-family: 'FSAlbertPro', Arial, Helvetica, sans-serif;
}

#tooltip {
    display: block;
    padding: .5em 1em;
    font-style: normal;
    font-weight: 400;
    font-size: 0.8rem;
    font-family: 'FSAlbertPro', Arial, Helvetica, sans-serif;
}

.no-touch #tooltip {
    position: absolute;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    background-color: #F7F9FC;
    border: 1px solid #D3D3D3;
    color: #666;
    margin-top: .1em;
    left: 3em;
    z-index: 1;
    width: 90%;
}

.superscript-tooltip {
    color: #c1c1c1;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    line-height: 1.1;
    padding: 2px;
    top: -.7em;
    vertical-align: top;
}


/* Social styling */

.right-column .share-content {
    margin: 1em 0;
    padding: 15px;
}

.fb-share-button {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -moz-transform: scale(1.3);
    margin-top: 0.2em;
    width: 4.3em;
}

.share-content li {
    float: left;
    margin-left: 0.9em;
}

.uk-steel-section .IN-widget {
    display: block !important;
    margin-top: 0;
}

.IN-widget {
    margin-top: 2px;
}

#social-channels #linkedin [id*=logo] {
    height: 26px!important;
    width: 30px!important;
    background-position: 0px -559px !important;
}

#social-channels #linkedin .hovered [id*=logo],
#social-channels #linkedin .down [id*=logo] {
    height: 26px!important;
    width: 30px!important;
    background-position: 0px -559px !important;
}

#social-channels #linkedin [id*=title] {
    width: 60px!important;
    height: 23px!important;
    overflow: hidden;
    padding-right: 0px!important;
    padding-top: 2px!important;
}

#social-channels #linkedin .hovered [id*=title],
#social-channels #linkedin .down [id*=title] {
    width: 60px!important;
    height: 23px!important;
    overflow: hidden;
    padding-right: 0px!important;
    padding-top: 2px!important;
}

.email-page {
    clear: left;
    float: left;
}

.print {
    float: left;
    margin-left: 2em;
}

.tools a {
    margin: 0 1em .5em 0;
    font-size: 1em;
    display: inline-block;
    padding: 0;
    width: auto;
    height: auto;
    background-image: none;
    top: auto;
}

.tools a span {
    font-size: 1em;
    margin-right: .2em;
}

.social-footer {
    margin-top: 0.5em;
}

.social-footer:first-child {
    margin-top: 0;
}

.right-column .share-content .social-sharing {
    margin: 0;
}

.right-column .share-content .social-sharing li {
    margin-left: .3em;
}

.touch #social-channels #fb {
    padding-top: .35em;
}

.touch #social-channels #twitter {
    padding-top: .1em;
}

.form-tool tbody label {
    font-weight: normal;
    width: 85%;
    cursor: pointer;
    display: inline;
}

.form-tool input {
    margin: 0.2em 0.5em 0 0;
}

.form-tool tbody td {
    width: 95%;
    display: inline-block;
}

.form-tool tbody tr {
    display: block;
    width: 100%;
}

.form-tool .row {
    margin-bottom: 2em;
}

.form-tool .tool-email-input input {
    width: 100%;
}

.form-tool .tool-email-input {
    float: left;
}

.form-tool p {
    font-weight: normal;
    margin-bottom: 1.5em;
    clear: both;
}

.scfPasswordGeneralPanel .scfPasswordUsefulInfo {
    width: 60%;
    color: #000;
}

.message-error,
.non-edit-info {
    background: #FBF3F2;
    border-left: 2px solid #971C08;
    padding: 1em;
    width: 100%;
    color: #971C08;
    font-size: 1rem;
}

.message-success {
    background: #E0FACC;
    border-left: 2px solid #1F8000;
    padding: 1em;
    width: 100%;
    color: #1F8000;
    width: 100%
}

.message-info {
    background: #FFDFAE;
    border-left: 2px solid #D45E04;
    padding: 1em;
    width: 100%;
    color: #D45E04;
    width: 100%
}

.reset-password .message-success ul li,
.reset-password .message-error ul li,
.reset-password .message-info ul li {
    font-size: 1rem;
    margin: 0;
}

.message-success span {
    color: #1F8000;
}

.message-error span {
    color: #971C08;
}

.message-info span {
    color: #D45E04;
}

.reset-password input[type="text"],
.reset-password input[type="password"] {
    width: 80%;
}

#maincontent_0_ValidationSummary ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.reset-password fieldset {
    margin-top: 1em;
}

.reset-password .message-error,
.reset-password .message-success {
    width: 85%;
}

/* Membership form */
.affiliate-membership legend {
    background-color: #00838D;
    width: 100%;
    padding: 15px;
    color: white;
    margin-bottom: 0;
}

.affiliate-membership legend + p {
    margin-left: 0;
}

.affiliate-membership .scfSectionBorderAsFieldSet {
    margin-bottom:0;
    border-bottom: 1px solid white;
}

.affiliate-membership .scfSectionContent {
    padding: 15px;
    border: none;
}

.affiliate-membership .scfSectionContent > div {
    float: left;
    margin: 0.3em 0 1.1em;
    clear: both;
    width: 100%;
}

.affiliate-membership table {
    margin-top: 1.5em;
}

.affiliate-membership .navButtons .form-label {
    width: auto;
    float: left;
    display: inline-block;
    clear: none;
    margin: 0 0 0.8em ;
}

.affiliate-membership .navButtons .form-label:first-child {
    display: block;
}

.affiliate-membership .form-label span {
    float: left;
    margin: 20px 0;
}

.affiliate-membership .controls, .affiliate-membership .scfSubmitButton {
    width: auto;
    display: inline-block;
    padding: 4px 40px;
    border: 1px solid #00838D;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 10px;
}

.step4 .form-label {
    float: left;
    display: block;
    clear: both;
    position: relative;
}

.step4 .form-label .controls {
    padding: 4px 32px 6px 32px;
}

.step4 .form-label .controls {
    float: left;
    display: block;
    clear: both;
}


.affiliate-membership .scfSingleLineTextBorder {
    float: left;
}

.affiliate-membership .scfValidator {
    clear: both;
}


.affiliate-membership .controls a, .affiliate-membership .scfSubmitButton {
    text-decoration: none;
    color: #00838D;
}

.affiliate-membership .scfSubmitButton {
    margin-left: 15px;
    padding: 8px 40px;
    position: absolute;
    bottom: 3.7em;
    left: 137px;
    position: static;
    float: left;
}

.affiliate-membership .controls:hover, .affiliate-membership .scfSubmitButton:hover {
    background: #00838D;
    color: white;
    cursor: pointer;
}

.affiliate-membership .controls:hover a, .affiliate-membership .scfSubmitButton:hover a {
    color: white;
}

.affiliate-membership .step4 .form-label {
    display: block;
}



/* Cookie styling */

#cookie-bar {
    background: #11151D;
    line-height: 30px;
    color: #eeeeee;
    text-align: center;
    padding: 3px 0;
}

#cookie-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

#cookie-bar.fixed.bottom {
    bottom: 0;
    top: auto;
}

#cookie-bar p {
    margin: 0;
    padding: 0.3em 0;
}

#cookie-bar .cb-policy {
    font-size: 0.9rem;
    text-decoration: underline;
}

#cookie-bar a {
    color: #ffffff;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    padding: 0 6px;
    margin-left: 8px;
}

.eef-home #cookie-bar .cb-enable,
.group-section #cookie-bar .cb-enable {
    background: #3A589E;
    border: 1px solid #3A589E;
}

.eef-home #cookie-bar .cb-enable:hover,
.group-section #cookie-bar .cb-enable:hover {
    background: #fff;
    color: #3A589E;
    border: 1px solid #3A589E;
}

.membership-section #cookie-bar .cb-enable {
    background: #00838D;
    border: 1px solid #00838D;
}

.membership-section #cookie-bar .cb-enable:hover {
    background: #fff;
    color: #00838D;
    border: 1px solid #00838D;
}

.campaigning-section #cookie-bar .cb-enable {
    background: #5A3D99;
    border: 1px solid #5A3D99;
}

.campaigning-section #cookie-bar .cb-enable:hover {
    background: #fff;
    color: #5A3D99;
    border: 1px solid #5A3D99;
}

.business-support-section #cookie-bar .cb-enable {
    background: #438500;
    border: 1px solid #438500;
}

.business-support-section #cookie-bar .cb-enable:hover {
    background: #fff;
    color: #438500;
    border: 1px solid #438500;
}

.training-section #cookie-bar .cb-enable {
    background: #971C08;
    border: 1px solid #971C08;
}

.training-section #cookie-bar .cb-enable:hover {
    background: #fff;
    color: #971C08;
    border: 1px solid #971C08;
}

.apprenticeships-section #cookie-bar .cb-enable {
    background: #C23D00;
    border: 1px solid #C23D00;
}

.apprenticeships-section #cookie-bar .cb-enable:hover {
    background: #fff;
    color: #C23D00;
    border: 1px solid #C23D00;
}

.venues-section #cookie-bar .cb-enable {
    background: #D60088;
    border: 1px solid #D60088;
}

.venues-section #cookie-bar .cb-enable:hover {
    background: #fff;
    color: #D60088;
    border: 1px solid #D60088;
}

.uk-steel-section #cookie-bar .cb-enable {
    background: #836B19;
    border: 1px solid #836B19;
}

.uk-steel-section #cookie-bar .cb-enable:hover {
    background: #fff;
    color: #836B19;
    border: 1px solid #836B19;
}

.contact-fixed li:first-child {
    border-left: 0;
}

.contact-fixed li:nth-child(2) {
    border-right: 0;
}

.contact-fixed li:last-child {
    border-left: 0;
    border-right: 0;
}

.web-form .user-preference-form .scfCheckBoxList label,
.web-form .user-preference-form .scfCheckBoxList input {
    float: none;
    display: inline-block;
}

.web-form .contact-disclaimer {
    width: 100%;
    float: left;
}

.web-form .contact-disclaimer input {
    float: left;
}

.web-form .user-preference-form .contact-disclaimer label {
    width: 80%;
    display: inline-block;
    margin-left: 1em;
}

.web-form .user-preference-form .contact-disclaimer-options {
    margin-top: 1em;
    font-weight: bold;
    width: 100%;
    float: left;
}

.disabled {
    background: rgb(235, 235, 235);
}

.hidden {
    visibility: hidden;
}

.scfIntroBorder {
    margin: 2em 0;
}

.scfSectionContent .scfCaptcha .scfCaptchTop img {
    border: none;
}

.scfCaptchTop #table1 td:nth-child(2) {
    margin-left: 0.6em;
}

form {
    position: relative;
}

.form-captcha #table4 tr:nth-child(2) {
    display: none;
}

.fix-bottom {
    position: absolute;
    bottom: -5em;
}

.scfForm .scfDatePickerGeneralPanel .ui-icon-calendar,
.scfForm .scfDatePickerGeneralPanel .ui-icon-datepicker {
    display: none;
}

.use-details label {
    padding-left: 0.5em;
    margin-bottom: 0;
    float: left;
}

.row.call-us-details {
    margin-top: 2em;
}

.page-404 .content-wrapper {
    width: 100%;
    margin: 3em 0 0;
}

.page-404-title {
    clear: both;
    width: 85%;
    line-height: 0.8;
    color: #3a589e;
    border-bottom: 1px solid #3a589e;
    padding-bottom: 1em;
    display: block;
    margin: 0 auto;
}

.page-404-title span {
    font-size: 5rem;
}

.page-404-content {
    float: none;
    width: 85%;
    clear: both;
    margin: 0 auto;
    margin-top: 2em;
}

.web-form ul {
    padding-left: 1.5em;
}

.feature h3 a {
    font-size: 1em;
}

.callout .listing li {
    margin-bottom: 0.4em;
}

.apprenticeships-section .scfCaptchaLimitGeneralPanel {
        width: 252px;
    }

.apprenticeships-section .scfCaptchTop .scfCaptchaGeneralPanel td input {
    margin-left: 5px;
}



.apprentice-vacancy-control {float:left;margin:0 1em 1em 0em;width:90%;}
.vacancy-selector .apprentice-vacancy-control p {float:left;clear:both;width:100%;padding-left:0;color:#51595f;font-weight:bold;}
.apprentice-vacancy-control select {float:left;clear:left;}
.apprentice-vacancy-control select#maincontent_0_DistanceDropDown {clear:left;}
.apprentice-vacancy-control span {float:left;font-size:0.9em;padding:0.4em 0.5em;color:#a8a8a8;clear:both;}
.apprentice-vacancy-control input {float:left;font-size:0.9em;padding-bottom:0.2em;margin-left:0em;}
.apprentice-vacancy-control input[type="submit"] {margin-top:0;position:relative;bottom:-25px;}
.apprentice-vacancy-control #maincontent_0_LocationTextBox {float:left;clear:both;}

.casestudy-page .three-columns .spotlight {
        clear:none;
}
.ndi-section .banner-links .banner-links-container {
    display: none;
}
.uk-steel-section .listing-type-list.hollow li {
    display: none;
}
@media only screen and (min-width: 768px) {
    /*Tablet grid - 768px*/
    .container-lip {
        bottom: -2.1em;
    }
    .page-404-title {
        clear: none;
        float: left;
        width: 25%;
        line-height: 1.2;
        color: #3a589e;
        border-bottom: 0;
        border-right: 1px solid #3a589e;
        padding-bottom: 0;
        margin-left: 0.5em;
    }
    .page-404-title span {
        font-size: 6rem;
    }
    .page-404-content {
        float: right;
        width: 70%;
        clear: none;
        margin-top: 0;
    }
    .scfCaptchTop .scfCaptchaLimitGeneralPanel td:first-child {
        width: 90%;
        margin-bottom: 0;
    }



    .email-edit {
        position: relative;
    }
    .non-edit-info {
        position: absolute;
        width: 24em;
        padding: 0.64em;
        top: 0em;
        left: 27.8em;
    }
    .non-edit-info p {
        margin: 0;
        font-size: 0.8rem;
    }
    /* Form tool styling */
    .tool-email-input,
    .tool-submit {
        clear: both;
    }
    .form-tool tbody label {
        display: block;
        margin: 0;
    }
    .form-tool input,
    .form-tool label {
        float: left;
    }
    .form-tool .textbox-list-item input,
    .form-tool .textbox-list-item label {
        float: none;
    }
    .form-tool td,
    .form-tool table {
        border: 0;
    }
    .form-tool tbody {
        padding-top: 0.5em;
        display: block;
        background: rgb(243, 243, 243);
    }
    .booking-summary {
        width: 100%;
    }
    .form-tool h2 label {
        padding-bottom: 0.5em;
        display: block;
    }
    .content-area .book-event {
        display: none;
    }
    .sidebar-container .book-event {
        display: block;
    }
    #map {
        width: 100%;
        margin: 0 auto 1em auto;
    }
    /* LOGO
    -----------------*/
    .eef-logo {
        padding-top: .8em;
    }
    .mobile-navigation .eef-logo {
        padding-top: 1em;
    }
    .logo {
        padding: 2px;
        height: 34px;
        width: 135px;
        background-image: url(img/eef-logo-segment.png);
    }
    .venues-section .logo {
        background-image: url(img/venues-logo.png);
        background-size: auto auto;
    }
    .eef-home .logo {
        background-image: url(img/eef-logo.png);
    }
    /* SEARCH FILTER
    -------------------*/
    .filtering {
        clear: both;
    }
    .two-cols {
        -webkit-column-count: 2;
        -webkit-column-gap: 2em;
        -moz-column-count: 2;
        -moz-column-gap: 2em;
        column-count: 2;
        column-gap: 2em;
    }
    .three-cols {
        -ms-column-count: 3;
        -ms-column-gap: 1.3em;
        -o-column-count: 3;
        -o-column-gap: 1.3em;
        -webkit-column-count: 3;
        -webkit-column-gap: 1.3em;
        -moz-column-count: 3;
        -moz-column-gap: 1.3em;
        column-count: 3;
        column-gap: 1.3em;
    }
    .search-filter-container .three-cols p {
        display: inline-block;
        width: 230px;
    }
    /*------------------
    END SEARCH FILTER */
    /* ACCORDIONS
    -------------------*/
    .js .mobile-only .pallet {
        cursor: default;
    }
    .js .mobile-only .arrow {
        display: none;
    }
    .js .mobile-only .feather {
        display: block !important;
    }
    /*------------------
    END ACCORDIONS */
    /* VIDEO
    -------------------*/
    .video-box {
        height: 107px;
    }
    .video-box iframe {
        height: 100%;
    }
    /* VIDEOS
    -------------------*/
    .venues-section .listing-item .video-box {
        height: 176px;
    }
    /* FEATURES
    -------------------*/
    .feature {
        float: left;
        width: 47%;
    }
    .feature:nth-child(even) {
        clear: left;
    }

	.apprenticeships-section .feature {
		clear: none;
	}

    .feature .thumbnail {
        width: 40%;
        float: left;
        margin-right: 1em;
    }

	.content-landing .feature .thumbnail {
		float: none;
		width: 100%;
	}


	.content-landing .feature .container {
		padding: 1em;
	}

    .feature .thumbnail img {
        margin-top: 1.4em;
    }
    .feature .container {
        border-top: 3px solid #971C08;
        border-bottom: none;
        padding: .6em .6em .6em 43%;
    }

    .group-section .feature .container {
         border-top: 3px solid #3a589e;
    }    

	.apprenticeships-section .feature .thumbnail {
		float: none;
		width: 100%;
	}

	.ndi-section .feature .container,
	.apprenticeships-section .feature .container {
		padding: 1em;
	}

    /* IN PAGE SEARCH
    -------------------*/
    .in-page-search input[type=text] {
        width: 67.5%;
        text-align: center;
    }
    .in-page-search {
        position: absolute;
        top: -2em;
        right: 0;
        width: 50%;
    }
    /*Events*/
    .locations strong {
        width: 15em;
        float: left;
        display: block;
    }
    .locations span:not(.icon-home):not(.arrow) {
        padding: 0 10.5em 0 15.5em;
        display: block;
    }
    /*Courses*/
    .contact-us .icon-home {
        color: #971C08;
        font-size: 2.4em;
        float: left;
        margin: .1em .2em 0 0;
    }
    .locations[data-js-related=course] {
        position: relative;
    }
    .course .course-detail-button {
        position: relative;
        margin: 0 16em 0 0;
        left: 16em;
        top: 1.5em;
        z-index: 1;
    }
    .course .course-tbc {
        position: relative;
        top: .35em;
    }
    .locations .list p {
        position: relative;
    }
    .locations .intro .icon-home {
        margin-top: -.2em;
    }
    .locations .list .instance {
        min-height: 2em;
        padding-top: 1em;
    }
    .locations .list .button {
        position: absolute;
        right: .5em;
        top: .9em;
        margin: 0;
    }
    .locations .list p:first-child .button {
        top: .4em;
    }
    .course-info dt,
    .course-info dd {
        display: inline-block;
        float: none;
    }
    .course-info dd {
        padding-right: 1em;
    }
    .course-page .course-info dt {
        clear: left;
        display: block;
        float: left;
    }
    .course-page .course-info dd {
        display: block;
        margin: 0 0 .5em 0;
    }
    .course-page .course-info dd.keys {
        float: none;
        clear: both;
    }
    .course-page .course-info dt.keys,
    .course-page .course-info dt.accreditation,
    .course-page .course-info dt.rating {
        position: absolute;
        z-index: -1;
        top: 0;
    }
    /*Course page - Booking*/
    .course-page .custom-form {
        margin-bottom: 1em;
    }
    .course-page .web-form select,
    .course-page .web-form input {
        font-size: .95em;
    }
    .course-page .web-form input[type="checkbox"] {
        margin-top: .7em;
    }
    .course-page .web-form label:not(.radio) {
        width: 40%;
        margin-right: 2%;
        margin-top: .7em;
    }
    .web-form .edit-user-details label:not(.radio) {
        margin-top: 0;
    }
    .course-page .web-form .scfSingleLineTextUsefulInfo {
        margin-left: 42%;
    }
    .course-page .web-form .radio-option label {
        float: none;
        width: auto;
    }
    .course-page .web-form .self-attendance label {
        width: auto;
    }
    .course-page .web-form table input {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .course-page .web-form .modify {
        display: inline-block;
        vertical-align: middle;
    }
    .course-page .web-form table td.trash {
        position: static;
        top: auto;
        right: auto;
    }
    .course-page .web-form .row.add-delegate {
        margin: 0 0 1.3em 0;
        padding: 0;
        text-align: right;
    }
    .course-page .web-form .row.add-delegate input {
        margin-right: 1em;
    }
    .register-details input + p {
        width: 100%;
        margin-left: 0;
    }
    .edit-delegate {
        float: left;
        margin: -2.4em 0 0 13em;
        display: block;
    }
    /*Waiting list widget*/
    .waiting-list-widget .name-field {
        float: left;
        width: 49%;
    }
    .waiting-list-widget .email-field {
        float: left;
        width: 49%;
        padding-left: 2%;
    }

     /* Responsive table classes
    -----------------------*/
	.tablet-table {
        width: 700px !important;
	}

	 /* Apprenticeship and NDI Section
    -----------------------*/

	.ndi-section .landing-text,
	.group-section .landing-text,
	.apprenticeships-section .landing-text {
		width: 97.3%;
	}

    .uk-steel-section .content-wrapper,
    .ndi-section .content-wrapper,
    .apprenticeships-section .content-wrapper {
		margin-top: 20px;
		margin-bottom:60px;
	}

	.apprenticeships-section .landing-text,
    .apprenticeships-section .landing-text .info {
        position: relative;
    }
    .apprenticeships-section .landing-text h1,
    .apprenticeships-section .landing-text .address,
    .apprenticeships-section .landing-text .info {
        padding-right: 34.33%;
    }

    .apprenticeships-section .landing-text h1 {
        padding-right: 5%;
    }

    .apprenticeships-section .landing-text .info {
        min-height: 13em;
    }
    .apprenticeships-section .landing-text .excellence,
    .apprenticeships-section .landing-text .map {
        position: absolute;
        right: 0;
    }
    .apprenticeships-section .landing-text .excellence {
        top: 20px;
		float: right;
    }
    .apprenticeships-section .landing-text .map {
        width: 31.33%;
        bottom: 0;
        text-align: right;
    }
    .apprenticeships-section .landing-text .map .cta {
            margin-top: 18px;
    }
    .apprenticeships-section .landing-text li {
        width: 100%;
    }

    .apprenticeships-section .inline-listing ul li {
        float: left;
        margin: 0 1em .5em 0;
        padding-right:0;
        width: auto;
    }

    .apprenticeships-section input[name="maincontent_0$SubmitButton"] {
        padding: 4.5px 10px;
    }

    .vacancy-selector select {
        color:#a8a8a8;
    }



    .standard .listing-item {
        max-height: 300px;

    }

    .no-js .apprenticeships-section .bellow h2 {
        color: white;
    }

    .no-js .apprenticeships-section .bellow h2, .no-js .apprenticeships-section .bellow p {
        padding-left: 10px;
    }



    /* VENUES
    -----------------------*/
    .venues-section .landing-text,
    .venues-section .landing-text .info {
        position: relative;
    }
    .venues-section .landing-text h1,
    .venues-section .landing-text .address,
    .venues-section .landing-text .info {
        padding-right: 34.33%;
    }
    .venues-section .landing-text .info {
        min-height: 13em;
    }
    .venues-section .landing-text .excellence,
    .venues-section .landing-text .map {
        position: absolute;
        right: 0;
    }
    .venues-section .landing-text .excellence {
        top: 0;
    }
    .venues-section .landing-text .map {
        width: 31.33%;
        bottom: 0;
        text-align: right;
    }
    .venues-section .landing-text .map .cta {
        margin: 0;
    }
    .venues-section .landing-text li {
        width: 50%;
        float: left;
    }
    /* no js display on top tool box */
    .no-js .header-dropdown ul {
        float: left;
        width: 32%;
        padding: 0;
        margin: 0 .6%;
    }
    /* Breadcrumb styling */
    #breadcrumb {
        display: block;
        margin: 15px 0 2em 0;
        list-style: none;
        padding: 0;
    }
    #breadcrumb li {
        display: inline;
        color: #5d5e62;
        font-size: 0.8rem;
    }
    #breadcrumb li:first-child span {
        display: none;
    }
    #breadcrumb li a {
        color: #5d5e62;
    }
    .footer #breadcrumb {
        border-bottom: 1px solid #d2d3d5;
        padding-bottom: 8px;
        margin-bottom: 32px;
    }
    .footer #breadcrumb li {
        margin-right: 10px;
        font-size: 0.9em;
        padding-right: 20px;
        background: url('img/arrow-large.png') no-repeat right center;
    }
    .footer #breadcrumb li a {
        display: inline-block;
        vertical-align: middle;
    }
    .footer #breadcrumb li:last-child {
        background: none;
    }
    .footer #breadcrumb li.current {
        font-weight: bold;
        color: #747f87;
    }
    .footer #breadcrumb li span {
        display: none;
    }
    .footer #breadcrumb li:first-child {
        display: inline-block;
    }
    /* Content styling */

    .uk-steel-section .content-wrapper.banner-logo {
        display: block;
        min-height: initial;
        width: 1080px;
        margin-top: 20px;
    }

    .banner {
        height: 20em;
        background-position: center center;
        background-size: auto 100%;
    }
    .ndi-section .banner-links {
        min-height: 50px;
        width: 100%;
        background: #5e0c6e;
    }
    .ndi-section .banner-links .banner-links-container {
        display: block;
        width: 70%;
        text-align: center;
        margin: 0 auto;
        position: relative;
        padding: 11px 20px;
    }
    .ndi-section .banner-links .banner-links-container .banner-link {
        height: 17px;
        width: 100px;
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
    }
    .fact-container {
        margin: 10.4em 1em 0;
		z-index: 0;
    }
    .content-wrapper {
        position: relative;
        margin: 2em 1.2em 0;
    }
    .section-finder {
        width: 43%;
        float: left;
        margin: 2em 5% 0 0;
        padding: 1em 2%;
    }
    .intro-block {
        display: inline-block;
        margin-bottom: 0;
    }
    .no-sidebars .intro-block {
        display: block;
    }
    .opening-text {
        width: 95%;
        float: left;
        margin-right: 5%;
    }

    .author.opening-text {
        width: 100%;
        padding-top: 20px;
        float: none;
        margin: 20px 0;
        border-top: 1px solid #d3d3d3;
    }

    .author.opening-text h3 {
        margin-bottom: 25px;
        color: #000000;
        font-size: 25px;
    }

    .course-page .opening-text {
        width: auto;
        float: left;
        margin-right: 0;
    }

    .content-page .opening-text {
        width: 62%;
    }


    .content-page .bottom-row .list-item {
        width: 30%;
    }
    .content-page .bottom-row .list-item:last-child {
        width: 30%;
        border-bottom: none;
    }
    .bottom-row {
        clear: both;
        margin-bottom: 1.5em;
    }
    .bottom-row .list-item {
        float: left;
        width: 31%;
        margin: 0 9.5%
    }

	.apprenticeships-section .bottom-row .list-item {
		width: 30.5%;
		margin: 0 0 0 4%;
	}

	.apprenticeships-section .bottom-row .list-item:first-child {
		margin-left: 0;
	}

    .course-page .bottom-row .list-item,
    .course-page .bottom-row .list-item:last-child {
        width: 50%;
        margin: 0;
    }
    .double-spotlights .list-item {
        width: 48%;
        margin: 0;
    }
    .double-spotlights .list-item:first-child {
        margin-right: 4%;
    }
    .segment-homepage .bottom-row .list-item:nth-child(3n+1) {
        clear: none;
    }
    body:not(.training-section) .segment-homepage .bottom-row .list-item:nth-child(3n+0) {
        margin-right: 40px;
    }

    .uk-steel-section .bottom-row .spotlights-title,
    .ndi-section .bottom-row .spotlights-title {
        display: block;
        font-family: 'FSAlbertProBold';
        font-size: 1.2rem;
        margin-top: 20px;
    }

    .uk-steel-section .bottom-row .list-item:nth-of-type(4n),
    .ndi-section .bottom-row .list-item:nth-of-type(4n) {
        clear: left;
    }

    .uk-steel-section .bottom-row .list-item:nth-of-type(3n),
    .ndi-section .bottom-row .list-item:nth-of-type(3n),
    .bottom-row .list-item:last-child {
        margin-right: 0;
    }

    .group-lip {
        left: -16em;
        top: 4.9em;
    }
    .contact-us {
        float: right;
        width: 25%;
        margin-top: 0.5em;
        padding: 15px;
        margin-bottom: 2em;
        margin-top: 0;
        position: relative;
        top: 0.6em;
    }
    .training-section .contact-us {
        clear: none;
        float: right;
    }
    .training-section .intro-block .spotlight {
        width: 28%;
        margin: 0;
        top: 0;
    }
    .contact-us a {
        /*margin-bottom: 10px;*/
        display: block;
    }
    .image-left {
        float: left;
        margin-right: 1em;
    }
    .image-right {
        float: right;
        margin-left: 1em;
    }
    .image-1by4width,
    .full-width-template-style .content-image-container.image-1by4width {
        width: 25%;
        float: left;
        margin-right: 1em;
    }
    .image-fullwidth,
    .full-width-template-style .content-image-container.image-fullwidth {
        width: 100%;
        clear: both;
    }
    .contact-fixed li {
        width: 49.8%
    }
    .contact-fixed li:nth-child(2),
    contact-fixed li:first-child {
        border-bottom: 0;
    }
    .further-reading li {
        width: 40%;
        margin-right: 10%;
        display: inline-block;
        vertical-align: top;
    }
    .further-reading li:nth-child(even) {
        margin-right: 0;
    }
    .landing-text {
        display: inline-block;
        vertical-align: top;
    }
    .section-key {
        margin-left: 14%;
    }
    .mission-statement {
        margin: -1.3em 0%;
        width: 64%;
    }
    .landing-list li,
    .landing-news li {
        display: inline-block;
        width: 47%;
        margin-right: 5%;
        float: left;
    }
    .landing-list li:nth-child(even),
    .landing-news li:nth-child(even) {
        margin-right: 0;
    }
    .business-support-lip {
        left: -27%;
        top: 3.9em;
    }
    .right-column {
        clear: both;
    }
    .share-content .social-sharing {
        margin-left: 0.6em;
    }
    .share-content li {
        display: inline;
        margin-right: 1%;
        padding-right: 2%;
        margin-left: 0;
    }
    .three-columns .spotlight {
        width: 30%;
        display: inline-block;
        margin-right: 3%;
        float: left;
    }
    .intro-block .spotlight {
        width: 25%;
    }
    .course-page .intro-block .spotlight {
        width: 40%;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .col-5 {
        width: 40%;
    }
    .col-6 {
        width: 60%;
    }
    .content-block img {
        margin-bottom: 0;
        width: auto;
    }
    .contact-fixed li a {
        padding: 0.5em 0;
    }
    .resources {
        margin: 0 5% 0 2%;
    }
    .news-items li p {
        width: 75%;
    }
    .landing-page .news-items .list-item {
        clear: both;
        width: 47%;
        float: left;
        margin: 0 5% 0.5em 0;
    }
    .landing-page .news-items .list-item:nth-child(2),
    .landing-page .news-items .list-item:nth-child(4) {
        margin-right: 0;
    }
    .news-content-container .spotlight-inner-title {
        margin-top: 0;
        font-size: 1rem;
    }
    .news-items .news-content-container p {
        width: 100%;
    }
    .news-items li img {
        width: 155px;
        float: left;
        margin: 0 1em 0.5em 0;
    }
    .social .news-items li img {
        width: auto;
        margin-right: 0;
    }
    .content-image-container {
        width: auto;
        display: block;
    }
    .image-caption {
        opacity: 0.6;
        -moz-opacity: 0.60;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);
        position: absolute;
    }
    .content-image-container:hover .image-caption {
        -moz-opacity: 1;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
    }
    .aside-content {
        width: 37%;
        display: inline-block;
        margin: 15px 0 30px 25px;
    }
    .author-social-details li {
        float: left;
        border-right: 1px solid #000
    }
    .download-section {
        padding: 1em 0;
        border-top: 1px solid #d3d3d3;
    }
    .download-section li a {
        display: inline;
        margin-right: 0.5em;
    }
    .share-content {
        clear: both;
        margin: 2em 0;
        float: left;
    }
    .right-column .share-content {
        clear: both;
        float: none;
    }
    .three-column .content-area {
        width: 62%;
        float: left;
        display: inline;
    }
    .three-column .right-column {
        float: right;
        width: 32.5%;
        clear: none;
        margin-right: -1.2em;
        padding: 0 3%;
        /*background: #f9fafc;*/
        margin-top: -2em;
        border-left: 1px solid #d3d3d3;
        border-bottom: 1px solid #d3d3d3;
    }
    .casestudy-page .landing-text {
        width: 60%;
        float: left;
    }
    .landing-page .news-items .list-item:nth-child(2),
    .landing-page .news-items .list-item:nth-child(4) {
        clear: none;
    }
    .gallery a {
        float: left;
        margin: 0 0.5em 0.5em 0;
        width: 170px;
    }
    .sidebar-container .event-calendar {
        margin-top: 0.5em;
    }
    /* Spotlight styling */
    .segment-homepage .spotlight {
        margin-left: 0;
    }
    .spotlight {
        width: 31%;
        margin-left: 1.5em;
        margin-bottom: 2%;
        clear: none;
        float: left;
    }
    .spotlight:first-child {
        margin-left: 0;
    }
    .main-content .latest-event-spotlight,
    .main-content .quote-spotlight {
        float: left;
        width: 47%;
        margin-top: 3.1em;
    }
    .quote-spotlight .highlight {
        clear: both;
        display: block;
    }
    .media-spotlight {
        clear: both;
        float: left;
        margin: 1em 0;
        width: 100%;
    }
    .media-spotlight li {
        clear: none;
        float: left;
        width: 20%;
        margin-right: 5%;
    }
    .media-spotlight .read-all {
        clear: both;
    }
    .spotlight-venue {
        margin-right: 0;
    }
    .media-spotlight li {
        width: 47.5%;
        margin-right: 5%;
    }
    .media-spotlight li:nth-child(even) {
        margin-right: 0;
    }
    .media-spotlight li:last-child {
        margin-right: 0;
    }
    .business-support-sidebar-fact-lip {
        left: -28%;
        top: 4.3em;
    }
    /* .spotlight-blog, .fact-outer, .spotlight-guide, .spotlight-venue {width:45%;float:left;margin-right:10%;} */
    .spotlight-guide {
        clear: both;
    }
    .spotlight-venue {
        margin-right: 0;
    }
    .bottom-row .spotlight {
        width: auto;
        clear: none;
    }
    .bottom-row .spotlight:first-child {
        margin-left: 0;
    }
    /*	.bottom-row .spotlight .spotlight-image-container {overflow:hidden;max-width:220px;max-height:105px;}*/
    .latest-event-spotlight {
        float: left;
        width: 47%;
        margin-top: 3.1em;
    }
    .sidebar-container .fact-outer.circle {
        margin-left: -1.1em;
    }
    /* Main navigation styling */
    .header {
        position: relative;
    }
    .header-inner {
        width: 100%;
        margin: 0 auto;
    }
    .eef-home .header-inner {
        width: 50%;
        margin: 0 auto;
        position: relative;
        left: -9.5em;
        top: 16.9em;
    }
    .header-tools {
        padding: 0;
        float: right;
    }
    .eef-home .header-inner h1 {
        font-size: 4rem;
    }
    .eef-home .header-inner p {
        font-size: 2rem;
    }
    /* Header tool box */
    .header-dropdown [class^="icon-"],
    .header-dropdown [class*=" icon-"] {
        height: auto;
    }
    /* Footer styling */
    .eef-home .copyright {
        width: 100%;
    }
    .copyright {
        width: 75%;
    }
    .footer-col p.copyright {
        margin: 2em 0 0 0;
    }
    /* Fact container styling */
    .fact-container {
        display: inline-block;
        width: 14.5em;
        margin: 2em;
        float: right;
    }
    .fact-container-lip {
        left: -40%;
        top: 3.7em;
    }
    .container-lip {
        display: block;
    }
    .sidebar-container .fact-container {
        margin: 0;
    }
    .sidebar-container .spotlight,
    .sidebar-container .fact-outer {
        width: 100%;
        margin-right: 0;
        float: left;
        clear: none;
    }
    .sidebar-container .spotlight:nth-child(3) {
        margin-right: 0;
    }
    .sidebar-container .spotlight.fact-container {
        width: 200px;
        margin: 0 auto;
    }
    .fact-outer {
        margin-top: 2em;
        margin-right: 0;
    }
    .right-column .fact-outer {
        padding-bottom: 2.2em;
    }
    /* Signpost styling */
    .signpost-nav {
        margin-top: -5.15em;
        left: 0;
        float: right;
        margin-right: 0;
        width: 40%;
        display: inline-block;
    }
    .signpost-nav ul {
        width: 100%;
        margin-right: 0;
        display: inline-block;
    }
    /* Sidebar styling */
    .side-nav {
        position: absolute;
        top: -19.5em;
        right: 0;
    }
    .side-nav li {
        margin-bottom: 3px;
        width: 305px;
    }
    .side-nav li a {
        padding: 0.8em;
    }
    .side-nav ul {
        margin: 3px 0 0 0;
    }
    /* Footer styling */
    .footer ul li {
        width: 33%;
        float: left;
        margin: 0 0 .5em 0;
    }
    .footer ul.footer-site-links li {
        width: auto;
        display: inline-block;
        float: none;
        margin-right: 18px;
    }
    .footer-inner {
        width: 100%;
        margin: 0 auto;
    }
    .footer-col {
        display: inline-block;
        float: left;
        margin-bottom: 22px;
    }
    .footer-col p {
        font-size: 0.95em;
        color: #32383c;
        margin-bottom: 0;
    }
    .footer-col.col-5 {
        width: 26%;
    }
    .footer-col.col-6 {
        width: 74%;
    }
    .eef-home .footer-col.col-6 {
        float: none;
        width: auto;
        display: block;
        text-align: center;
    }

    /* List styling */
    .listing-type-filter ul {
        margin: 0;
        float: left;
        width: 74%;
    }

    .members-filter .listing-type-filter ul {
        width: 100%;
    }

    .uk-steel-section .listing-type-filter .stylish-form,
    .uk-steel-section .listing-type-filter select {
        display: none;
    }

    .uk-steel-section .listing-type-list.hollow li button {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        line-height: 1.42rem;
        margin: 0;
        padding: 0;
        color: #836B19;
        outline: none;
    }

    .uk-steel-section .listing-type-list.hollow li {
        cursor: pointer;
        display: block;
        padding: 15px 20px;
        margin: 0 20px 20px 0;
        border: none;
        border: 1px solid #836B19;
    }

   .uk-steel-section .listing-type-list.hollow li:focus,
   .uk-steel-section .listing-type-list.hollow li:hover,
   .uk-steel-section .listing-type-list.hollow li.active {
        background-color: #836B19;
    }

    .uk-steel-section .listing-type-list.hollow li:focus button,
    .uk-steel-section .listing-type-list.hollow li:hover button,
    .uk-steel-section .listing-type-list.hollow li.active button {
        color: #ffffff;
    }

    .listing-type-list li {
        width: auto;
        float: left;
        margin-right: 0.5em;
        padding-right: 0.5em;
        border-right: 1px solid #000;
        line-height: 1;
        display: inline;
    }
    .listing-type-list li:last-child {
        border-right: 0;
    }
    .search-filter-container {
        width: 100%;
        display: block;
        float: left;
        clear: both;
    }
    .uk-steel-section .listing-type-filter {
        padding-top: 20px;
        margin: 0;
        border-top: 1px solid #836B19;
        border-bottom: 1px solid #836B19;
    }
    .listing-type-filter {
        float: left;
        display: inline-block;
        width: 100%;
    }
    .show-option {
        float: left;
        display: block;
        width: auto;
        margin: 0 0.5em 0 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: .8;
    }
    .section-filter {
        width: 33.5%;
        float: right;
        display: inline-block;
        clear: none;
        margin: 2em 0 0 0;
    }
    .section-filter form {
        clear: left;
        margin-top: 1.5em;
    }
    .section-filter select {
        margin-top: -0.3em;
    }
    .active-option {
        font-weight: bold;
    }
    .listing-outer li {
        clear: both;
        display: inline-block;
        margin: 1em 0;
    }
    .social .listing-outer li {
        margin-top: 0;
    }
    .listing-outer img {
        float: left;
        margin-right: 2em;
        margin-bottom: .5em;
    }
    .venues-section .listing-outer img, .apprenticeships-section .listing-outer img {
        float: none;
        margin-bottom: 0;
    }
    .listing-title {
        clear: none;
    }
    .social .listing-outer .listing-item li {
        display: block;
        width: 100%;
    }
    .past-events,
    .upcoming-events {
        float: right;
        margin-top: 0;
    }
    /*Thumbnail listing*/

    .uk-steel-section .listing-thumbnail .listing-outer ul {
        margin-left: -1.5em;
    }

    .uk-steel-section .listing-thumbnail .listing-outer ul li {
        margin-left: 1.5em;
        margin-right: 0;
    }

    .listing-thumbnail .listing-outer li,
    .venues-section .listing-outer:not(.standard) li,
    .venues-section .listing-outer:not(.standard) .list-item {
        width: 30%;
        vertical-align: top;
        margin-bottom: 2%;
        margin-right: 1.4em;
    }
    .venues-section .listing-outer:not(.standard) li,
    .venues-section .listing-outer:not(.standard) .list-item {
        clear: none;
        float: left;
        width: 31.33%;
        margin-right: 3%;
    }
    .venues-section .listing-outer:not(.standard) li:nth-of-type(3n),
    .venues-section .listing-outer:not(.standard) .list-item:nth-of-type(3n) {
        margin-right: 0;
    }
    .listing-thumbnail .listing-outer li li,
    .venues-section .listing-outer:not(.standard) .list-item li,
    .venues-section .listing-outer:not(.standard) li li {
        clear: both;
        float: none;
        width: auto;
        margin-right: 0;
        vertical-align: middle;
    }
    .listing-thumbnail .listing-outer .listing-title {
        display: inline-block;
        margin: 1em 0 1.2em;
        width: 100%;
    }

    .ndi-section .events-listing.listing-outer.standard li {
        width: 100%;
        min-height: 0;
    }

    .uk-steel-section .listing-outer.standard.grid li,
    .ndi-section .listing-outer.standard li,
    .venues-section .listing-outer.standard li,
    .apprenticeships-section .listing-outer.standard li  {
        clear: none;
        float: left;
        width: 29.33%;
        margin-right: 6%;
        min-height:420px;
    }

    .uk-steel-section .listing-outer.standard.grid li:nth-of-type(3n),
    .ndi-section .listing-outer.standard li:nth-of-type(3n),
    .venues-section .listing-outer.standard li:nth-of-type(3n),
    .apprenticeships-section .listing-outer.standard li:nth-of-type(3n)  {
        margin-right: 0;
    }

    .uk-steel-section .listing-outer.standard.grid li .image-container,
    .ndi-section .listing-outer.standard li .image-container,
    .venues-section .listing-outer.standard li .image-container,
    .apprenticeships-section .listing-outer.standard li .image-container  {
        width: auto;
        float: none;
        margin: 0 0 1em 0;
    }

    .uk-steel-section .listing-outer.standard.grid li .image-container img,
    .ndi-section .listing-outer.standard li .image-container img,
    .venues-section .listing-outer.standard li .image-container img,
    .apprenticeships-section .listing-outer.standard li .image-container img  {
        margin: 0;
    }

    .listing-thumbnail .opening-text {
        width: 100%;
        margin-bottom: 1em;
    }
    .list-logo a {
        width: 17.9%;
    }
    .listing-item .info {
        min-height: 17em;
        position: relative;
        padding-bottom: 4em;
    }
    .listing-item .info .cta {
        position: absolute;
        bottom: 1em;
    }
    .author-image,
    .profile-image-container {
        float: left;
        margin-right: 2.5%;
    }
    .profile-details {
        margin-top: 0;
    }
    .social .listing-outer li {
        border-bottom: 0;
    }
    .social .listing-outer li:last-child {
        margin-right: 0;
    }
    .social .listing-outer .listing-item {
        width: 100%;
    }
    .book-event {
        margin: 0;
        padding: 6.6em 0 0;
        border: 0;
    }
    /* Form styling */
    button[type="submit"].form-submit,
    input[type="submit"].form-submit,
    input[type="button"].form-submit {
        width: auto;
        min-width: 7em;
    }
    .user-preference-form .row {
        width: 32%;
        clear: none;
    }
    .web-form .row {
        float: left;
        margin: 0.3em 0;
        clear: both;
        width: 100%;
    }
    .form-left-column,
    .form-right-column {
        width: 32%;
        margin-right: 5%;
    }
    .form-right-column {
        margin-right: 0;
        width: 63%;
    }
    .form-left-column .row {
        clear: left;
        width: 100%;
    }
    .form-right-column .row {
        width: 100%;
    }
    .form-right-column .row label,
    .form-right-column .row input {
        width: auto;
        float: left;
        clear: none;
    }
    .form-right-column .row input:first-child {
        clear: left;
    }
    .form-right-column .row label {
        width: 45%;
    }
    .form-right-column .row .clear-left {
        clear: left;
    }
    .user-preferences {
        margin-bottom: 2em;
    }
    .update-password {
        position: relative;
    }
    .update-password input[type="password"] {
        width: 25.5%;
    }
    .inline-row {
        float: left;
        margin-right: 9%;
    }
    .update-password .confirm {
        position: absolute;
        margin-top: -1.5em;
        left: 35.7%;
        display: block;
    }
    .passStrengthify {
        width: 100%;
    }
    .web-form .scfCheckBoxLabel,
    .web-form .scfDropListLabel,
    .web-form .scfSingleLineTextLabel,
    .web-form .scfEmailLabel,
    .web-form .scfPasswordLabel,
    .web-form .scfTelephoneLabel,
    .web-form .scfDatePickerLabel,
    .web-form .scfFileUploadLabel,
    .web-form .user-preference-form label {
        display: inline-block;
        float: left;
        width: 16em;
        margin-right: 15px;
        margin-top: 4px;
    }
    .web-form [class*="UsefulInfo"] {
        margin-left: 16em;
    }
    .web-form .scfFileUploadLabel {
        width: 3.5em;
    }
    .web-form .scfCheckboxBorder {
        margin-top: 0;
    }
    .custom-form .row label {
        float: left;
        width: 15em;
    }
    .custom-form .terms-conditions-check label {
        width: auto;
    }
    .row {
        clear: both;
        display: block;
        margin: 0.3em 0;
    }
    .row input,
    .row select.title,
    .row input[type="text"].postcode,
    .row select.additional-short,
    .row select {
        width: auto;
    }
    #maincontent_0_AddDelegateButton {
        clear: both;
        display: block;
        margin-top: 1em;
    }
    .row.floated.use-details {
        margin-bottom: 1.5em;
        width: 17em;
    }
    .row.floated.use-details label {
        cursor: pointer;
    }
    #maincontent_0_AddDelegateButton {
        border: 1px solid #d3d3d3;
        background: #ececec;
        color: #000;
    }
    #maincontent_0_AddDelegateButton:hover {
        background: #fff;
    }
    .row.add-delegate {
        margin-top: 2em;
    }
    .radio-panel label {
        width: auto;
        font-weight: normal;
    }
    .radio-panel .first-option label {
        margin-right: 2em;
    }
    .radio-panel input {
        float: left;
        margin: 1em 0.5em 0 0;
    }
    .login-page input[type="text"],
    .login-page input[type="password"] {
        width: 80%;
    }
    .reset-password input[type="text"],
    .reset-password input[type="password"] {
        width: 50%;
    }
    .custom-form .row label.terms-conditions-label,
    .custom-form .keep-updated-label label {
        margin-left: 0.5em;
    }
    .web-form .additional-form-info label {
        width: 13.4em;
        padding-right: 1.6em;
    }
    /* ENQUIRY
    -----------------------*/
    form .enquiry label,
    form .enquiry input,
    form .enquiry select,
    .enquiry .scfSingleLineTextLabel,
    .enquiry .scfDropListLabel,
    .enquiry .scfDatePickerLabel,
    .enquiry .scfTelephoneLabel,
    .enquiry .scfEmailLabel,
    .enquiry .scfTelephoneGeneralPanel,
    .enquiry .scfDropListGeneralPanel {
        display: block;
        width: 100%;
        clear: both;
    }
    .enquiry .scfSubmitButton {
        width: auto;
    }
    .enquiry [class~="name.Start+Date"] {
        clear: none;
        float: left;
        width: 48%;
        margin-right: 4%;
    }
    .enquiry [class~="name.End+Date"] {
        clear: none;
        float: left;
        width: 48%;
    }
    /* MAGNIFIC POPUP FORMS
    -----------------------*/
    .mp-container .web-form .scfDroplistBorder label,
    .mp-container .web-form .scfSingleLineTextBorder label,
    .mp-container .web-form .scfEmailBorder label {
        width: 16em;
        padding-top: .5em;
        margin: 0;
    }
    .mfp-iframe-holder .mfp-content {
        height: 76%;
    }
    /* Search & Results */
    .search-dropdown input[type=text] {
        width: 67%;
    }
    .uk-steel-section .search-filter-container p {
        margin-bottom: 20px;
    }
    .uk-steel-section .search-filter-container {
        padding-top: 20px;
        border: none;
        margin-top: 0;
    }

    .search-filter-container {
        border-top: 1px solid #d3d3d3;
        padding-top: 1em;
        margin-top: 2em;
    }
    .reset-password .message-error,
    .reset-password .message-success,
    .reset-password .message-info {
        width: 78%;
    }

    .apprentice-vacancy-control { width: auto; margin: 0 1em; }
    .apprentice-vacancy-control span,
    .apprentice-vacancy-control #maincontent_0_LocationTextBox { clear: none; }
    .vacancy-selector { padding: 10px 0 13px; }
    .vacancy-selector .apprentice-vacancy-control p:first-child { padding-left: 0; min-height: 21px; }

    .vacancy-listing p { padding-left: 0; }
    .vacancy-listing a { padding: 0; margin-bottom: 0; }
    .vacancy-listing .scnd-vacancy-link { padding-left: 10px; }
}

@media only screen and (min-width: 768px) and (min-height: 939px) {
    .mfp-iframe-holder .mfp-content {
        height: 60%;
    }
}

@media only screen and (min-width: 1024px) {
    /*Desktop grid - 1024px*/
    .mobile-view {
        display: none;
    }
    .desktop-view {
        display: block;
    }
    .page-404 .content-wrapper {
        margin: 3em 0;
        float: none;
    }
    .page-404 .content-area {
        width: 965px;
        float: none;
        margin: 0 auto;
    }
    .page-404-title {
        margin-left: 1.5em;
        width: 20%;
    }
    .page-404-content {
        width: 75%;
    }
    .content-landing .main .link-border {
        margin-left: 80px;
        width: 70px;
        text-align: center;
    }
    /* SEARCH FILTER
    -------------------*/
    .search-results .filtering .three-cols {
        -webkit-column-count: auto;
        -webkit-column-gap: 0;
        -moz-column-count: auto;
        -moz-column-gap: 0;
        column-count: auto;
        column-gap: 0;
    }
    .search-results .filtering {
        clear: none;
        width: 23%;
        float: right;
        padding: 0 2%;
    }
    .search-results .listing-outer {
        float: left;
        width: 71%;
        background: #FFF;
        margin-top: -1.2em;
        padding-top: 1.3em;
        padding-right: 2%;
        margin-bottom: 0;
        padding-bottom: 2em;
    }
    .search-results .pagination {
        float: left;
        width: 71%;
        clear: both;
    }
    /*------------------
    END SEARCH FILTER */
    /* VIDEO
    -------------------*/
    .video-box {
        height: 150px;
    }
    /* VIDEOS
    -------------------*/
    .venues-section .listing-item .video-box {
        height: 164px;
    }
    /* FEATURES
    -------------------*/
    .group-section .feature {
         width: 30.7%;
    }
    .feature {
        width: 22.5%;
    }
    .feature:nth-child(even) {
        clear: none;
    }
    .feature .thumbnail {
        width: auto;
        float: none;
    }
    .feature .thumbnail img {
        margin-top: 0;
    }

    .apprenticeships-section .feature .thumbnail img {
        min-height: 350px;
    }

    .feature .container {
        padding-left: 1em;
    }

    .no-touch .uk-steel-section .feature,
    .no-touch .ndi-section .feature {
        width: 30.7% !important;
    }

    .no-touch .feature {
        position: relative;
        cursor: pointer;
    }
    .no-touch .feature h3 {
        padding: 0;
        height: 2.6em;
    }

    .apprenticeships-section .no-touch .feature h3 {
        height: 1.6em;
    }

    .no-touch .feature .thumbnail {
        min-height: 300px;
        margin: 0;
    }
    .no-touch .feature .container {
        background-color: rgba(255, 255, 255, .9);
        position: absolute;
        bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

/*
	.social-pages {
		border-bottom: 0px solid transparent;

	}
*/

    .no-touch .feature .callout {
        margin-top: 1em;
    }
    .right-column .features .spotlight {
        clear: none;
    }
    /* IN PAGE SEARCH
    -------------------*/
    .in-page-search {
        top: -1.25em;
    }
    .in-page-search input[type=text] {
        width: 69%;
    }
    /* FACETED NAVIGATION
    -----------------------*/
    .js .faceted-navigation .arrow {
        display: none;
    }
    .js .faceted-navigation.opened .icon-arrow-up2 {
        display: none;
    }
    .js .faceted-navigation legend {
        cursor: default;
    }
    .js .faceted-navigation [data-js="container"] {
        max-height: 30em;
    }
    /*Courses*/
    /*.course-info dd.rating{bottom:1.5em;}*/
    .right-column .locations .list strong {
        width: auto;
        float: none
    }
    .right-column .locations .list span {
        padding-left: 0;
    }
    .right-column .locations .list .instance span {
        padding: 0;
    }
    .instance span {
        max-width: 62%;
    }
    .locations .intro .icon-home {
        margin-top: 0;
    }
    .right-column .locations .list .button,
    .right-column .locations .list p:first-child .button {
        bottom: 0;
        top: auto;
    }
    .training-section .segment-homepage .three-column {
        clear: both;
    }
    .training-section .intro-block {
        background: #ffffff;
        position: relative;
        padding-bottom: 1em;
    }
    .course-page .opening-text {
        width: 56%;
    }
    .course-page .web-form .opening-text {
        width: 75%;
    }
    /* MAGNIFIC POPUP FORMS
    -----------------------*/
    /*.mfp-iframe-holder .mfp-content{height:50%;}*/
    /* ENQUIRY
    -----------------------*/
    form .enquiry label,
    form .enquiry input,
    form .enquiry select {
        display: block;
        width: 100%;
    }
    .group-section form .enquiry input {
        display: inline-block;
        width: auto;
    }
    .group-section form .enquiry label {
        vertical-align: text-top;
    }
    
    
    /* Breadcrumb styling */
    .banner {
        height: 15.6em;
        background-size: cover;
    }
    /* Section highlight & Colouring */
    .header-tools li.dropdown-nav {
        display: none!important;
    }
    /*border highlight for all sections on homepage*/
    .eef-home .membership-highlight {
        border-bottom: 5px solid #00838D;
    }
    .eef-home .campaigning-highlight {
        border-bottom: 5px solid #5A3D99;
    }
    .eef-home .business-highlight {
        border-bottom: 5px solid #438500;
    }
    .eef-home .training-highlight {
        border-bottom: 5px solid #971C08;
    }
    .eef-home .apprenticeships-highlight {
        border-bottom: 5px solid #C23D00;
    }
    .eef-home .venues-highlight {
        border-bottom: 5px solid #A60069;
    }
    .eef-home .uk-steel-highlight {
        border-bottom: 5px solid #836B19;
    }
    .eef-home .group-highlight {
        border-bottom: 5px solid #3a589e;
    }
    /*border highlight for active-trail/hover state*/
    .active-trail .membership-highlight,
    .main-nav .membership-section-nav a:hover {
        border-bottom: 5px solid #00838D;
    }
    .active-trail .campaigning-highlight,
    .main-nav .campaigning-section-nav a:hover {
        border-bottom: 5px solid #5A3D99;
    }
    .active-trail .business-highlight,
    .main-nav .business-section-nav a:hover {
        border-bottom: 5px solid #438500;
    }
    .active-trail .training-highlight,
    .main-nav .training-section-nav a:hover {
        border-bottom: 5px solid #971C08;
    }
    .active-trail .apprenticeships-highlight,
    .main-nav .apprenticeships-section-nav a:hover {
        border-bottom: 5px solid #C23D00;
    }
    .active-trail .venues-highlight,
    .main-nav .venues-section-nav a:hover {
        border-bottom: 5px solid #A60069;
    }
    .active-trail .uk-steel-highlight,
    .main-nav .uk-steel-section-nav a:hover {
        border-bottom: 5px solid #836B19;
    }
    .active-trail .group-highlight,
    .main-nav .group-section-nav a:hover {
        border-bottom: 5px solid #3a589e;
    }

    .active-trail .ndi-highlight,
    .main-nav .ndi-section-nav a {
        border: none;
    }

    .active-trail .ndi-highlight,
    .main-nav .ndi-section-nav a.active-page {
        border-bottom: 3.5px solid #cf9fdd;
        border-bottom: 0.35rem solid #cf9fdd;
    }
   .active-trail .ndi-highlight,
   .main-nav .ndi-section-nav a:hover {
        border-bottom: 3.5px solid #cf9fdd;
        border-bottom: 0.35rem solid #cf9fdd;
    }

    /* Navigation & Header styling */
    .logo {
        margin-right: 7px;
    }
    .explore-nav,
    .section-key,
    .intro-title-nav,
    .header-tools li a p {
        display: none;
    }
    .tab {
        float: left;
        padding-right: 0;
        height: 3.3em;
        background: none;
    }
    .main-nav {
        background: none;
        float: left;
        display: block!important;
        padding: 1.55em 0 0 0 !important;
        border-bottom: none;
        clear: none;
        height: auto !important;
    }
    .main-nav li {
        margin: 0;
        float: left;
    }
    .main-nav li:last-child {
        margin-right: 0;
    }
    .main-nav li span {
        display: none;
    }
    .no-js .mobile-additional {
        display: none;
    }
    .header-tools .resources-tab {
        display: block;
    }
    .header-tools li {
        padding: .4em .3em 1.1em .3em;
    }
    .main-nav li a {
        font-family: 'FSAlbertPro', Arial, Helvetica, sans-serif;
        padding: 7px .2rem .8em .2rem;
        width: auto;
        text-align: center;
        font-size: 0.9rem;
        font-weight: normal;
        color: #fff;
        margin-right: 3px;
    }
    .main-nav .membership-section-nav a,
    .main-nav .campaigning-section-nav a,
    .main-nav .business-section-nav a,
    .main-nav .training-section-nav a,
    .main-nav .apprenticeships-section-nav a,
    .main-nav .venues-section-nav a,
    .main-nav .uk-steel-section-nav a,
    .main-nav .group-section-nav a {
        color: #fff;
    }
    .main-nav ul ul {
        display: none;
    }
    .header {
        width: 1000px;
        margin: 0 auto;
    }
    .header-tools {
        padding-right: 0;
        display: block;
        width: 20%;
    }
    .header-tools li p {
        display: none;
    }
    .header-banner {
        min-height: 400px;
        padding-top: 0;
    }
    .eef-home .header-banner-full-width {
        width: 100%;
        background: #3d4353;
    }
    .eef-home .header-banner-container {
        width: 1018px;
        margin: 0 auto;
    }
    .eef-home .header-banner {
        height: 375px;
        background: url('/images/group-homepage/background-2.png') no-repeat 0 bottom #3d4353;
    }
    .eef-home .header-inner {
        left: -14em;
        top: 17.3em;
        width: 100%;
    }
    .eef-home.header-inner p {
        text-align: left;
        left: 5.5em;
        position: relative;
    }
    .eef-home .header-inner h1 {
        font-size: 6rem;
    }
    .eef-home .navigation-wrapper .header-tools li span.search-tab,
    .eef-home .navigation-wrapper .header-tools li span.login-tab {}
    .eef-home .main-nav .campaigning-section a,
    .eef-home .main-nav .business-support-section a,
    .eef-home .main-nav .membership-section a,
    .eef-home .main-nav .training-section a,
    .eef-home .main-nav .apprenticeships-section a,
    .eef-home .main-nav .venues-section a,
    .eef-home .main-nav .uk-steel-section a,
    .eef-home .main-nav .group-section a {
        color: #32383c;
        font-family: 'FSAlbertProBold', Helvetica, Arial, sans-serif;
        ;
    }
    .eef-home .main-nav a {
        border-color: #f7f9fc;
    }
    .sub-navigation {
        width: 100%;
        position: relative;
        display: block;
    }
    .sub-navigation ul {
        width: 980px;
        margin: 0 auto;
        padding: .5em 20px;
        padding-right: 0;
    }
    .venues-section .sub-navigation ul {
        padding: 1.2em 20px;
    }
    .sub-navigation ul li {
        display: inline-block;
        margin: 0 0 .4em 0;
        border-right-style: solid;
        border-width: 1px;
        line-height: 0.9;
    }
    .sub-navigation ul li:last-child {
        border-right: 0;
    }
    .sub-navigation li a {
        border-right: 0;
        padding: 0 0 3px 0;
        margin: 0 10px;
    }
    .sub-navigation li a:hover {
        text-decoration: none;
        border-bottom: 1px solid #fff;
    }
    .sub-navigation li.active-trail a {
        border-bottom: 1px solid #fff;
    }
    .sub-navigation a {
        color: #fff;
        font-size: 0.9rem;
        padding: 0 10px;
        font-family: 'FSAlbertPro', Helvetica, Arial, sans-serif;
    }
    .sub-navigation li:last-child a {
        border-right: none;
        line-height: 0.9;
    }
    .business-support-lip {
        left: -15em;
    }
    .business-support-sidebar-fact-lip {
        left: 20%;
        top: -0.19em;
    }
    .side-nav {
        top: -15.5em;
        right: 0;
    }
    .search-dropdown {
        position: absolute;
        right: 0;
        top: 4.3em;
        z-index: 999;
        width: 50%;
    }
    .search-dropdown input[type="submit"] {
        padding: .65em;
        width: 27%;
    }
    .eef-home .header-inner p {
        position: relative;
        width: 55%;
        margin: 0 auto;
    }
    .mission-statement {
        margin: 1.7em 0%;
    }

    .content-body-piece {
    font-size: 15px;
    line-height: 20px;
}

    /* Sidebar styling */
    .sidenav-container {
        border-right: 1px solid #d3d3d3;
        position: absolute;
        width: 100%;
        height: 100%;
        left: -48em;
        float: left;
        display: block;
    }
    .sidebar-navigation {
        float: right;
        width: 23.9%;
        padding: 2.5% 0;
    }
    /* Fact container styling */
    .fact-container {
        margin: 1em 0 0;
        width: 322px;
        min-height: 94px;
    }

	.apprenticeships-section .fact-container {
		width: 315px;
	}

    .fact-container h1 {
        font-size: 2.97rem;
    }
    .fact-container p {
        font-size: 1.3rem;
        padding: 10px 15px;
        margin: 0;
    }
    .fact-container-lip {
        top: 4.7em;
    }
    /* Signpost navigation styling */
    .side-nav li a {
        padding: 0.5em;
    }
    .signpost-nav {
        left: 0.5em;
        margin-top: -24.05em;
        display: inline-block;
        width: 300px;
    }
    .signpost-nav ul {
        width: 300px;
        margin: 8px 0;
    }
    .signpost-nav li:first-child {
        margin-top: 0;
    }
    /* Content styling */
    .content-wrapper {
        width: 1000px;
        margin: 2rem auto;
        min-height: 350px;
    }
    .course-page .content-wrapper,
    .landing-page .content-wrapper,
    .content-wrapper.web-form,
    .segment-homepage .content-wrapper,
    .breakout-page .content-wrapper {
        margin-top: 20px;
    }
    .breakout-page .landing-text {
        width: 69%;
        width: calc(75% - 54px);
    }
    .breakout-page .contact-us {
        float: right;
    }
    .landing-text {
        width: 80%;
    }
    .venues-section .landing-text {
        width: auto;
        margin: 0;
    }
    .training-section .landing-text .columns-duo {
        -webkit-columns: auto 2;
        -moz-columns: auto 2;
        columns: auto 2;
    }
    .landing-list li,
    .landing-news li {
        margin-top: 1em;
        vertical-align: top;
    }
    .contact-us {
        width: 25%;
    }
    .section-finder {
        width: 260px;
    }
    .bottom-row {
        clear: both;
    }

    .bottom-row .list-item {
        width: 203px;
        float: left;
        margin: 0 40px 0 0;
    }

    .ndi-section .three-column .bottom-row .list-item {
        margin: 0;
        width: 46%;
        width: calc(50% - 20px);
    }

    .ndi-section .three-column .bottom-row .list-item:nth-child(2n + 1) {
        margin-left: 40px;
    }

	.apprenticeships-section .bottom-row .list-item {
		width: 30.5%;
		margin: 0 0 0 4%;
	}

	.apprenticeships-section .list-item:first-child {
		margin-left: 0;
	}

    .bottom-row .list-item:last-child {
        margin-right: 0
    }
    .content-area {
        float: right;
        width: 73%;
        padding-left: 3%;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .no-sidebar .content-area {
        width: 100%;
    }
    .three-column .content-area {
        float: left;
        width: 50.8%;
        padding-left: 25%;
        background: #fff;
        margin-top: 0;
        padding-top: 1.3em;
        padding-right: 2%;
        margin-bottom: 0;
        padding-bottom: 2em;
    }
    .three-column .right-column {
        width: 100%;
        margin: 0;
        border-bottom: 0;
    }
    .left-column {
        width: 72%;
        margin-right: 5%;
        float: left;
    }
    .course-page .left-column {
        width: 56%;
        margin-right: 4%;
    }
    .full-width-template-style .left-column {
        margin-right: 0;
    }
    .right-column {
        width: 21%;
        float: right;
        clear: none;
        padding-left: 1.9%;
        position: relative;
        top: -1.25em;
    }

    .uk-steel-section .right-column,
    .ndi-section .right-column,
    .apprenticeships-section .right-column {
        margin-top: 37px;
    }

    .venues-section .right-column {
        border: none 0;
        margin-top: 20px;
    }
    .course-page .right-column {
        clear: none;
        width: 40%;
        border-left: none 0;
        position: static;
        top: auto;
        margin: 0;
        padding: 0;
    }
    .three-column .right-column {
        width: 18%;
        float: right;
        padding: 0 2%;
        top: 0;
    }

    .business-support-section  .three-column .right-column {
        width: 18%;

    }
    .business-support-section  .three-column .content-area {
        width: 48.8%;
        padding-left: 27%;
    }

    .full-width-background {
        background: #f9fafc;
    }
    .content-page .bottom-row .list-item {
        width: 29%;
    }
    .listing-item .image-container {
        min-height: 11.5em;
    }
    .training-section .contact-us {
        width: 25%;
    }
    .casestudy-page .landing-text {
        width: 80%;
    }
    .landing-page .news-items .news-content-container {
        width: 45%;
        float: left;
    }
    .landing-page .news-items img {
        width: 155px;
        float: left;
        margin: 0 1em 0.5em 0;
    }
    /* Spotlight styling */
    .main-content .three-column .quote-spotlight {
        float: left;
        width: 290px;
        margin-right: 40px;
    }
    .three-column .spotlight {
        margin-left: 0;
    }
    .section-finder,
    .latest-event-spotlight,
    .three-column .media-spotlight,
    .main-content .quote-spotlight {
        float: left;
        width: 290px;
        margin-right: 40px;
    }
    .media-spotlight {
        margin-right: 0;
    }
    .latest-event-spotlight,
    .three-column .quote-spotlight {
        margin-top: 3.1em;
    }
    .bottom-row .quote-spotlight {
        margin-top: 30px;
    }
    .three-column .media-spotlight {
        clear: none;
        margin-right: 0;
        margin-top: 3.1em;
    }
    .three-column .media-spotlight li {
        clear: both;
        float: none;
        width: auto;
        margin-right: 0;
    }
    .bottom-row .list-item:last-child {
        border-top: none;
    }
    .double-spotlights .list-item {
        width: 48%;
        margin-right: 0;
    }
    .double-spotlights .list-item:first-child {
        margin-right: 4%;
    }
    .double-spotlights .list-item:last-child {
        width: 48%;
    }
    .bottom-row .spotlight-contact {
        margin: 30px 0;
        width: auto;
    }
    .bottom-row .spotlight-contact img {
        width: auto;
        float: none;
        height: auto;
        margin-right: 0;
    }
    .spotlight-blog,
    .fact-outer,
    .spotlight-guide,
    .spotlight-venue {
        width: auto;
        float: none;
        margin-right: 0;
        clear: both;
    }
    /* Fixed CTA styling */
    .contact-fixed {
        position: fixed;
        right: 0;
        top: 23.3em;
        width: 5.8em;
        height: 100px;
        z-index: 100;
    }
    .contact-fixed li {
        float: none;
        width: 100%;
        display: block;
    }
    .contact-fixed li:first-child {
        border-left: 1px solid #fff;
        border-bottom: 0;
    }
    .contact-fixed li:last-child {
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .contact-fixed p {
        padding: 10px 5px 0;
    }
    .contact-fixed span {
        padding-top: 5px;
    }
    .contact-fixed span,
    .contact-fixed p {
        display: block;
    }
    /* Dropdown content from tabs */
    .header-dropdown {
        position: absolute;
        top: 4.3em;
        z-index: 999;
        right: 0;
        padding: 2% 1%;
        width: 45%;
    }
    .header-dropdown li {
        text-align: center;
        clear: none;
        width: 47%;
        padding: 0 1%;
        border-bottom: none;
        border-right: 1px solid #d3d3d3;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .header-dropdown li:last-child {
        border-right: none;
    }
    .header-dropdown li span {
        margin: 0 auto;
        display: block;
        float: none;
    }
    .header-dropdown [class^="icon-"],
    .header-dropdown [class*=" icon-"] {
        float: none;
        margin: 0 0 .5em 0;
    }
    .no-js .header-dropdown {
        background-color: transparent;
        position: static;
        top: auto;
        right: auto;
        width: auto;
        float: right;
        width: 78%;
        clear: none;
        margin: 10px 0 0 0;
        padding: 0;
    }
    .no-js .header-dropdown li {
        text-align: left;
        float: none;
        clear: both;
        width: auto;
        border: none 0;
    }
    .no-js .header-dropdown [class^="icon-"],
    .no-js .header-dropdown [class*=" icon-"] {
        float: left;
        margin-right: .5em;
    }
    .no-js .header-tools {
        display: none;
    }
    .no-js .search-dropdown input[type=text],
    .no-js .search-dropdown input[type=submit] {
        width: auto;
        display: inline-block;
    }
    .no-js .search-dropdown {
        width: 28.6%;
        top: 181px;
    }
    /* Footer styling */
    .footer-inner,
    .header-inner {
        width: 1000px;
    }
    .footer {
        padding: 2em 0;
        width: 100%;
    }
    /*Case study*/
    .content-contained {
        width: 1000px;
    }
    .content-containedInnerLeft {
        width: 70%;
    }
    .full-width-template-style h1 {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .full-width-template-style h2,
    .full-width-template-style h3 {
        font-size: 1.4rem;
        margin-bottom: 30px;
    }
    .landing-text p/*, .landing-text a*/
    {
        font-size: 1.1rem;
        margin-bottom: 25px;
    }
    .landing-text p a {
        font-size: 1.1rem;
    }
    .full-width-template-style p.quote-text {
        font-size: 1.6rem;
    }
    .list-logo {
        margin: 0 0 50px;
    }
    .list-logo.item-set a {
        width: 23%;
    }
    .list-logo.item-set a,
    .list-logo.item-set a:nth-child(2),
    .list-logo.item-set a:nth-child(3) {
        margin-left: 2%;
        margin-top: 0;
    }
    .list-logo.item-set a:first-child {
        margin-left: 0;
    }
    .list-logo.item-set a:last-child {
        margin-top: 0;
    }
    .list-logo a .thumb-row-image-container {
        overflow: hidden;
    }
    .list-logo a.item-1 .desktop-view {
        display: none;
    }
    .list-logo a.item-1 .mobile-view {
        display: block;
    }
    .list-logo a.item-2 .desktop-view {
        display: block;
    }
    .list-logo a.item-2 .mobile-view {
        display: none;
    }
    .list-logo a.item-2 {
        width: 48.5%;
    }
    .list-logo a.item-2 .thumb-row-image-container {
        height: 7.9em;
    }
    .list-logo a.item-2 .thumb-row-image-container img {
        height: 7.9em;
    }
    .list-logo a.item-3 .desktop-view {
        display: block;
    }
    .list-logo a.item-3 .mobile-view {
        display: none;
    }
    .list-logo a.item-3 {
        width: 74%;
    }
    .list-logo a.item-3 .thumb-row-image-container {
        height: 7.9em;
    }
    .list-logo a.item-3 .thumb-row-image.container img {
        height: 7.9em;
    }
    .list-logo a.item-4 .desktop-view {
        display: block;
    }
    .list-logo a.item-4 .mobile-view {
        display: none;
    }
    .list-logo a.item-4 {
        width: 100%;
    }
    .list-logo a.item-4 .thumb-row-image-container {
        height: 7.9em;
    }
    .list-logo a.item-4 .thumb-row-image-container img {
        margin-top: -55px;
    }
    .list-logo a.item-4 .thumb-row-image.container img {
        height: 7.9em;
    }
    /* Login and register styling */
    .login-block,
    .register-block {
        width: 40%;
        float: left;
        display: inline;
        clear: none;
        border-right: 1px solid #d3d3d3;
        border-bottom: none;
        padding-right: 3.45em;
    }
    .register-block {
        border-right: none;
        padding: 0 0 0 3.45em;
        margin-top: 0;
    }
    .login-page .content-area {
        width: 100%;
        padding-left: 0;
    }
    .login-page .intro-block {
        border-bottom: 0;
        display: block;
    }
    /* Event booking */
    .book-event {
        padding-top: 6em;
    }
    .reset-password input[type="text"],
    .reset-password input[type="password"] {
        width: 35%;
    }
    .reset-password .message-error,
    .reset-password .message-success,
    .reset-password .message-info {
        width: 50%;
    }
    .instance span {
        max-width: 62%;
    }
}

@media only screen and (min-width: 1024px) and (min-height: 995px) {
    .mfp-iframe-holder .mfp-content {
        height: 52%;
    }
    .instance span {
        max-width: 100%;
    }
}

@media only screen and (min-width: 1500px) {
    .header, .sub-navigation ul {
        width: 1115px;
    }
    .logo,
    .eef-home .logo {
        margin-right: 70px;
    }
    .instance span {
        max-width: 62%;
    }
}

@media only screen and (max-width: 1023px) {
    /*Apprenticeship Ipad widths*/

    .apprenticeships-section .sidebar-container p {
		max-width: 100%;
		clear: both;
	}
    .apprenticeships-section .sidebar-container input, .apprenticeships-section .sidebar-container textarea, .apprenticeships-section .sidebar-container select {
        width: 300px;
    }

    .apprenticeships-section .sidebar-container .scfCheckbox {
        margin-top:20px;
    }

    .apprenticeships-section .sidebar-container input[type="submit"] {width:100px;}

	.bottom-text-container a[title="Apply now"] {
		display: none;

	}

	.apprenticeships-section .sidebar-container .list-item {
		float: left;
		display: inline-block;
		width: 30%;
		max-width: 200px;

	}



	.apprenticeships-section .sidebar-container .list-item {
		border: 0px solid transparent;
		border-width: 1px 0;
		margin-right: 30px;
		margin-left: 0;
	}

	.apprenticeships-section .sidebar-container >.list-item:nth-of-type(1) {
		border: 0px solid transparent;
		border-width: 1px 0;
		margin-left: 0;
	}

	.content {
		width: 95%;
	}

	.apprenticeships-section .content {
		width: 100%;
	}

    .content .main {
        width: 100%;
    }
    .content .aside {
        clear: both;
        width: 100%;
        margin-left: 0;
    }
    .social2 {
        text-align: center;
        margin-top: 50px;
    }
    .social2 a {
        padding: 0 20px;
    }
    .media-container {
        display: none;
    }
    .media-container2 {
        display: block;
    }
    .youtube-wrapper {
        width: 49%;
        display: inline-block;
		float: right;
    }
    .content form legend {
        font-family: helvetica, arial, sans-serif;
    }
    .content form label,
    .content form input {
        display: block;
        width: 200px;
    }

	.content form label[for="checkbox-email"] {
		width: 400px;
	}

    .apprenticeships-section .sidebar-container input[type="checkbox"] {
        bottom: 0;
    }

	.aside-container {
		width: 49%;
		float: left;
	}

	.aside-container2 {
		float: right;
		margin-top: 20px;

	}

	.content .aside form input[type="checkbox"] {
		padding: 0;
	}


    .social-container {
        margin-bottom: 15px;
    }

    .icon-linkedin svg {
        width: 48px;
    }

    .social-icn {
        font-size: 3.4em;
        padding: 0 26px;
    }
    .content .aside form input,
    .content .aside form textarea {
        width: 501px;
    }
    .content .aside form select {
        width: 507px;
    }
    .content-page .aside form input[type="checkbox"] {
        width: 25px;
    }

    .content form input[type="submit"] {
        width: 200px;
    }
    .content-page .aside form select {
        width: 250px;
    }
    .content-page .aside form textarea {
        width: 300px;
        height: 200px;
    }
    .content-landing .thumbnail .thumbnail-img {
        height: auto;
    }
    .content-landing .callout .listing li {
        margin-left: 10px;
    }
    .content-landing .main .link-border {
        margin-left: 30px;
        width: 70px;
        text-align: center;
    }
    /*Listings page*/
    .content-apprentice-listings {
        margin: 40px auto;
        width: 90%;
    }
    .vacancy-selector {
        width: 100%;
    }
    .vacancy-selector p:first-child {
        padding-left: 25px;
    }
    .content .vacancy-selector input {
        width: 100px;
        display: inline-block;
    }
    .social-container-listings {
        margin-top: 30px;
    }
    .social-container-listings .social-icn {
        font-size: 4.2em;
        padding: 0 30px;
    }
    .apply-cta-mobile {
        display: block;
        margin-bottom: 30px;
    }
    .inline-block {
        display: block;
    }
    .vacancy-social-container {
        margin-top: 30px;
    }
    .vacancy-social-container .social-icn {
        font-size: 4em;
        padding: 0 20px;
    }
    .popup-close {
        left: 93%;
    }

	.apply-cta-desktop {
		display: none;
	}

	/*VACANCY DETAILS*/

	.apprenticeships-section .sidebar-container .apply-cta {
		border-bottom: 3px solid #C23D00;
	}

	.apprenticeships-section .sidebar-container li {
		width: 70%;

	}
}

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) {
    .course-page .web-form table td { padding-left: 1.2em; padding-right: 1.2em; }
    .web-form .row.add-delegate { margin-bottom: 0.5em; }
}

@media only screen and (max-width:767px) {

    .apprenticeships-section .responsive-table td.empty {
        display: none;
    }

    .infographicDesktop {
        margin: 0 auto;
        width:100%;
    }

    .infographicDesktop iframe {
        width: 450px;
        position:relative;
        left: 50%;
        margin-left: -225px;
    }

    .apprenticeships-section .contact-table td {

     width: 100%;

    }

    .apprenticeships-section .contact-table td td {
        padding: 10px;
        width: 100%;
    }



    .js .faceted-navigation legend, .js .faceted-navigation [data-js="switcher"] {
        cursor: pointer;
    }
    .js .faceted-navigation .arrow {
        display: inline-block;
        margin-top: .1em;
    }
    .js .faceted-navigation .icon-arrow-up2 {
        display: none;
    }
    .js .faceted-navigation.opened .icon-arrow-up2 {
        display: inline-block;
    }
    .js .faceted-navigation.opened .icon-arrow-down2 {
        display: none;
    }
    .js .faceted-navigation [data-js="container"] {
        max-height: 0px;
        overflow: hidden;
        margin: 0;
        -webkit-transition: max-height, .5s ease;
        -moz-transition: max-height, .5s ease;
        -ms-transition: max-height, .5s ease;
        -o-transition: max-height, .5s ease;
        transition: max-height, .5s ease;
    }
    .js .faceted-navigation.opened [data-js="container"] {
        max-height: 30em;
        -webkit-transition: max-height, .5s linear;
        -moz-transition: max-height, .5s linear;
        -ms-transition: max-height, .5s linear;
        -o-transition: max-height, .5s linear;
        transition: max-height, .5s linear;
    }
    .content-landing .feature,
    .content-landing .features {
        width: 100%;
        margin-left: 0;
    }
    .content-landing .callout .listing li {
        margin-left: 0px;
    }
    .content {
        margin: 40px auto;
    }
    .content-apprentice-listings {
        margin: 40px auto;
    }
    .content .main p {
        width: 100%;
    }
    .apprentice-block {
        width: 32%;
    }
    .menu-bg {
        width: 100%;
    }
    .content .main {
        width: 100%;
    }
    .content .aside {
        width: 100%;
        clear: both;
    }
    .content .aside form input,
    .content .aside form textarea {
        width: 300px;
    }
    .content .aside form textarea {
        height: 150px;
    }
    .content .aside form select {
        width: 307px;
    }
    .content form input[type="submit"] {
        width: 130px;
    }

	.apprenticeships-section .fact-container {
		display: none;
	}

    .apprentice-header .fact-container {
        margin: 0;
        position: relative;
        top: 20px;
        left: 40%;
        width: 240px;
    }

	.content form label[for="checkbox-email"] {
		width: 400px;
	}

    .social2 {
        text-align: center;
        margin-top: 50px;
    }
    .social2 a {
        padding: 0 20px;
    }
    .content-page {
        margin: 40px auto;
    }
    div#accordion {
        width: 100%;
    }
    .main-img {
        width: 100%;
    }
    .media-container {
        display: none;
    }
    .media-container2 {
        display: block;
    }
    .youtube-wrapper {
        width: 100%;
        display: inline-block;
        margin-top: 20px;
    }
    .content iframe[id^='twitter-widget-'] {
        width: 100% !important;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .popup-close {
        left: 90%;
    }

	/*Apprentice landing*/
	.apprenticeships-section .feature {
		width: 100%;
		margin-left: 0;
	}

	.apprenticeships-section .feature .container {
		border-top: 3px solid #c33d00;
		border-bottom: 0px solid transparent;
	}
   
	.apprenticeships-section .list-item {
		width: 31.3%;
		margin: 1% 0 1% 3%;
		clear: none;
		float: left;
	}

	.apprenticeships-section .list-item:first-child {
		margin-left: 0;
	}

	.apprenticeship-section .social-pages {
		clear: both;
		display: block;
	}

    /*Apprentice listings*/
    .content .breadcrumbs p {
        width: 8px;
    }
    .vacancy-selector p {
        padding: 5px 0;
        margin: 0;
    }

	.vacancy-selector select,
    .vacancy-selector input {
        width: 200px;
		padding: 10px;
    }

	.vacancy-selector input[type="text"] {
		width: 179px;
	}

	.vacancy-selector input[type="submit"] {
		margin-top: 15px;
		display: block;
		width: 140px;
	}

	.vacancy-selector p {
		width: 140px;
	}
    .vacancy-selector p,
    .vacancy-selector select,
    .content .vacancy-selector input {
        display: block;
        text-align: left;
    }
    .social-container-listings .social-icn {
        font-size: 4em;
        padding: 0 20px;
    }
    .width-set {
        width: 57%;
    }
    .vacancy-selector p:first-child {
        padding-left: 0;
    }
    .selector-container {
        margin-left: 20px;
    }



	.vacancy-listing p {padding-left:0;}
	.vacancy-listing a {margin-bottom:0;padding-left:0;}
	.vacancy-listing .scnd-vacancy-link {padding-left:10px;}

    .course-page .web-form .row.booking-details .course-info .course-info-left,
    .course-page .web-form .row.booking-details .course-info .course-info-right { display: block; width: 100%; }
}

@media only screen and (max-width: 480px) {

    #maincontent_0_PageContent_CronerPostLandingControl_CronorAccessPanel input[type="submit"] {
      width: 100%;
      clear: both;
    }

    #maincontent_0_PageContent_CronerPostLandingControl_CronorAccessPanel {
        clear: both;
    }


    .apprenticeships-section .contact-table {max-width:301px !important}

    .apprenticeships-section .contact-table td {

     width: 88%;

    }

    .apprenticeships-section .contact-table td td {
        width: 100%;
    }

    .content {
        margin: 40px auto;
        width: 94%;
    }
    .content-page {
        margin: 40px auto;
    }
    .content main {
        margin-top: 30px;
    }
    .content main p {
        width: 100%;
    }
    .banner-img {
        display: none;
    }
    .apprentice-block {
        width: 100%;
    }
    .apprentice-become {
        border-bottom: 3px solid #c33d00;
    }
    .content .aside form input {
        width: 200px;
    }
    .content .aside form select {
        width: 208px;
    }
    .content .aside form textarea {
        width: 90%;
        height: 150px;
    }
    .content .aside form input[type="submit"] {
        width: 90px;
    }
    .social-container {
        text-align: center;
    }
    .social-container img {
        width: 35px;
    }
    .icon-linkedin svg {
        width: 37px;
    }
    .social-icn {
        font-size: 2.6em;
        padding: 0 10px;
    }
    .content-page .aside form textarea {
        width: 250px;
    }

    .infographicDesktop {
        display: none;
    }

    .infographicMobile {
        display: block;
        position:relative;

    }

    .infographicMobile iframe {
        display: block;
        position:relative;
        margin: 0 auto;
    }


    .apprenticeships-section .sidebar-container input[type="checkbox"] {
        bottom: 43px;
    }

	.content form label[for="checkbox-email"] {
		width: 250px;
	}

	.apprenticeships-section .sidebar-container .scfCheckbox {
        margin-top:0px;
    }

    .apprenticeships-section .sidebar-container input, .apprenticeships-section .sidebar-container textarea, .apprenticeships-section .sidebar-container select {width:200px;}

	.apprenticeships-section .list-item {
		width: 270px;
		margin: 1% auto;
		clear: both;
		float: none;
	}

	.apprenticeships-section .sidebar-container .list-item, .apprenticeships-section #maincontent_0_rightcolumnplaceholder_1_parentConainerDiv  {
		width: 100%;
		max-width: 100%;
		margin: 0px auto;
	}

	.apprenticeships-section .list-item:first-child {
		margin: 1% auto;
	}

	.apprenticeships-section .spotlight {
		margin: 30px auto;
		width:100%;
	}

	.apprenticeships-section .spotlight p {
		max-width: 300px;
	}

	.apprenticeships-section img[alt="infographic"] {
		display: none;
	}

	.apprenticeships-section .spotlight img {
		width: 100%;
	}

	.spotlight-container .landing-spotlight {
		width: 100%;
		margin: 20px 0;
	}



    .social2 {
        text-align: center;
        margin-top: 50px;
    }
    .social2 a {
        padding: 0 10px;
    }

	.aside-container {
		width: 100%;
		float: left;
	}

    .ui-accordion .ui-accordion-icons {
        padding-left: 1em;
    }
    .content iframe[id^='twitter-widget-'] {
        width: 100% !important;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .media-container {
        display: none;
    }
    .media-container2 {
        display: block;
    }
    .youtube-wrapper {
        width: 100%;
    }
    .venues-section #ui-datepicker-div {
        width: 220px !important;
    }
    .venues-section .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100%;
    }
    .venues-section .ui-datepicker-group-first {
        border-right: 0;
        border-bottom: 1px solid #A60069;
    }
    .venues-section .ui-datepicker-group-last {
        clear: left;
    }

	/*APPRENTICESHIP CONTENT PAGE*/
	.apprenticeships-section img[alt="infographicmobile"] {
		display: block;
	}

    .infographicMobile iframe {
        width: 290px;
        height:200px;
        position:relative;
        left:50%;
        margin-left: -145px;
    }


    /*APPRENTICESHIP LISTING PAGE*/
    .vacancy-selector {
        width: 95%;
    }

	.vacancy-selector input[type="submit"] {
		margin-top: 20px;

	}

    .vacancy-listing {
        padding: 0;
        height: auto;
		float:left;
    }
    .vacancy-listing img {
        width: 100%;
    }
    .vacancy-top-details {
        top: 0;
        margin: 20px 0;
        padding:  0 20px 0px 20px;
    }
    .content-apprentice-listings .vacancy-listing p {
        padding: 0 20px 20px 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .content-apprentice-listings .vacancy-listing .bottom-links {
        padding: 0 20px 20px 20px;
        margin-bottom: 20px;
        position: relative;
        top: -18px;
    }
    .content-apprentice-listings .social-container-listings .social-icn {
        font-size: 3em;
        padding: 0 10px;
    }
    .aside-cta-container {
        margin-top: 20px;
    }
    .social-listings-mobile {
        display: block;
    }
    .social-listings-desktop {
        display: none;
    }
    .enquiry-mobile {
        display: block;
    }
    .listing-apprentice-text {
        display: none;
    }
    .listing-text-mobile {
        display: block;
    }
    .width-set {
        width: 100%;
    }
    .content .vacancy-selector input {
        width: 178px;
    }
	.content .vacancy-selector p {
	font-weight: 600;
    font-size: 1em;
	}
    .vacancy-social-container .social-icn {
        font-size: 2.3em;
        padding: 0 10px;
    }
    .popup-close {
        left: 80%;
    }
    .youtube-popup {
        width: 96%;
        left: 50%;
        margin-left: -48%;
    }
    .vacancy-social-container {
        display: none;
    }

	.vacancy-listing p {padding-left:20px;}
	.vacancy-listing a {margin-bottom:20px;padding-left:10px;}

}

@media only screen and (max-width: 768px) {
    .affiliate-membership .row.payment-options-group > .payment-modes-container > label.select-options-label,
    .row.payment-options-group > .payment-modes-container > label.select-options-label,
    .row.payment-options-group > .payment-modes-container > .payment-modes { display: inline-block; width: 100%; }
    .payment-options-dropdown { padding-left: 0; }
    .affiliate-membership .edit-user-details .column:first-child,
    .affiliate-membership .edit-user-details .column { width: 100%; margin: 0; }
    .affiliate-membership .edit-user-details .label,
    .affiliate-membership .edit-user-details .column:first-child .label { max-width: none; }
    .affiliate-membership .edit-user-details .value,
    .affiliate-membership .edit-user-details .column:first-child .value { width: 100%; }
    .affiliate-membership.web-form .edit-user-details .input-group:last-child { margin-bottom: 0.7em; }

    .web-form .payment-confirm .payment-confirm-table .text-container .bold { width: 100%; margin-bottom: 0; }
    .affiliate-membership.web-form .register-details .row p,
    .course-page .web-form .register-details > .row label,
    .affiliate-membership.web-form .register-details label,
    .web-form .register-details .row .info { width: 100%; margin-left: 0; }
    .course-page .web-form .promo-not-applicable,
    .course-page .web-form .promo-service-error { margin: 0.5em 0 0; }
}

@media only screen and (max-width: 390px) {
    .g-recaptcha { -webkit-transform:scale(0.77); -moz-transform:scale(0.77); -ms-transform:scale(0.77); -o-transform:scale(0.77); transform:scale(0.77); -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -ms-transform-origin:0 0; -o-transform-origin:0 0; transform-origin:0 0; }
    .course-page .web-form .edit-user-details input[type="text"] { padding: 0.7em 0; }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */


/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}


/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}


/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}


/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/*
 * ---------------------------------------- *
 * Name:      Codehouse Stylish Forms       *
 * Version:   3.1.0                         *
 * Author:    Matt O'Neill | Joe Moore      *
 * Status:    Release                       *
 * ---------------------------------------- *
 */
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stylish-form .stylish-text,.stylish-form .stylish-number,.stylish-form .stylish-email,.stylish-form .stylish-password,.stylish-form .stylish-textarea{position:relative}.stylish-form .stylish-text > input,.stylish-form .stylish-number > input,.stylish-form .stylish-email > input,.stylish-form .stylish-password > input,.stylish-form .stylish-textarea > textarea{color:#555;background:none;border:none;outline:none;width:100%;height:42px;position:absolute;left:0;top:0;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.stylish-form .stylish-textarea > textarea{height:100%;resize:none!important;top:0;padding:10px}.stylish-form .stylish-text > span,.stylish-form .stylish-number > span,.stylish-form .stylish-email > span,.stylish-form .stylish-password > span,.stylish-form .stylish-textarea > span{border:1px solid #ccc;display:block;height:42px}.stylish-form .stylish-textarea > span{height:100px}.stylish-form .stylish-text.disabled,.stylish-form .stylish-number.disabled,.stylish-form .stylish-email.disabled,.stylish-form .stylish-password.disabled,.stylish-form .stylish-textarea.disabled,.stylish-form .stylish-ds.disabled[data-type="checkbox"]{background-color:#ccc}.stylish-form .stylish-ds.disabled[data-type="radio"] > span{border-radius:20px;background-color:#ccc}.stylish-form .stylish-text > input.date,.stylish-form .stylish-number > input.date,.stylish-form .stylish-text > span.date,.stylish-form .stylish-number > span.date{width:60px;margin-right:-2px;left:0;padding:0 10px}.stylish-form .stylish-ds{display:block;width:40px;height:40px;position:relative;float:left;border:1px solid #ccc}.stylish-form .stylish-ds > *{width:100%;height:100%}.stylish-form .stylish-ds > span{position:absolute}.stylish-form .stylish-ds > input[type="checkbox"],.stylish-form .stylish-ds > input[type="radio"]{cursor:pointer;margin:0}.stylish-form .stylish-ds[data-type="checkbox"] > span.checked{width:34px;height:34px;padding:3px;background:#555}.stylish-form .stylish-ds[data-type="radio"]{border:none}.stylish-form .stylish-ds[data-type="radio"] > span{border-radius:20px;border:1px solid #ccc}.stylish-form .stylish-ds[data-type="radio"] > span.checked{width:34px;height:34px;padding:3px;background:#555}.stylish-form .stylish-select{border:1px solid #ccc;position:relative;cursor:pointer;outline:none}.stylish-form .stylish-select.disabled{background:#ccc}.stylish-form .stylish-select > span.selected{display:block;padding:5px 30px 5px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stylish-form .stylish-select > span > span.ico{position:absolute;top:21px;right:21px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #555}.stylish-form .stylish-select > .dropdown-list{display:none;cursor:pointer;position:absolute;top:106%;left:0;z-index:3;background:#fff;border:1px solid #ccc;list-style:none;padding:0;margin:0;width:100%;overflow:auto}.stylish-form .stylish-select > .dropdown-list.show-above{top:auto;bottom:100%}.stylish-form .stylish-select > .dropdown-list .dropdown-option{background:#fff;padding:5px 10px;outline:none}.stylish-form .stylish-select > .dropdown-list .dropdown-option.disabled,.stylish-form .stylish-select > .dropdown-list .dropdown-option.disabled:hover{background:#fff;color:#ccc;cursor:default}.stylish-form .stylish-select > .dropdown-list .dropdown-option.group span{display:block;cursor:default;font-weight:700;font-style:italic}.stylish-form .stylish-select > .dropdown-list .dropdown-option.group ul{list-style:none}.stylish-form .stylish-select.focus,.stylish-form .stylish-select.active{background-color:#fafafa}.stylish-form .stylish-select > .dropdown-list .dropdown-option:hover,.stylish-form .stylish-select > .dropdown-list .dropdown-option.option-selected{background-color:#c2c5c8}.stylish-form .stylish-select > .dropdown-list .dropdown-option.group:hover,.stylish-form .stylish-select > .dropdown-list .dropdown-option.group.option-selected{background:none}.stylish-form .stylish-select.checkbox-dropdown .stylish-ds[data-type="checkbox"] > span{border-color:#222}.stylish-form .stylish-select.checkbox-dropdown label{height:42px;line-height:42px;margin-bottom:0;display:block}.stylish-form .ui-slider.ui-slider-horizontal{background:#999;height:6px;margin-top:24px}.stylish-form .ui-slider-range{background:#fff;height:6px}.stylish-form .ui-slider-handle{background:#fff;height:27px;width:10px;margin-top:-5px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}.stylish-form .ui-slider-handle:first-of-type{margin-left:0}