@charset "UTF-8";
/* Author: Mediasphere */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * 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; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 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 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%;
  height: 100%; }

body {
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 1.5;
  color: #2d2d2d;
  background-color: #fff;
  height: 100%;
  width: 100%;
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale; }

img {
  max-width: 100%; }

/* Typography
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: 'pantonbold';
  color: #C9171F; }

h1 {
  font-size: 39px;
  line-height: 1.2;
  letter-spacing: -1px; }

h2 {
  font-size: 33px;
  line-height: 1.25;
  letter-spacing: -1px; }

h3 {
  font-size: 28px;
  line-height: 1.3;
  letter-spacing: -.5px; }

h4 {
  font-size: 24px;
  line-height: 1.35;
  letter-spacing: -.5px; }

h5 {
  font-size: 19px;
  line-height: 1.4;
  letter-spacing: 0; }

h6 {
  font-size: 16px;
  line-height: 1.45;
  letter-spacing: 0; }

/* Links
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
a {
  color: #C9171F;
  text-decoration: none; }

a:active, a:focus, a:hover {
  color: #97141A;
  text-decoration: underline; }

p {
  margin-top: 0;
  font-family: "Open Sans";
  font-size: 1.6rem;
  line-height: 2.4rem; }

b, strong {
  font-weight: 700; }

i, em {
  font-style: italic; }

/* Lists
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
ol, ul {
  padding-left: 0;
  margin-top: 0; }

li {
  margin-bottom: 1rem; }

/* Spacing
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
button, .button {
  margin-bottom: 1rem; }

input, textarea, select, fieldset {
  margin-bottom: 1.5rem; }

pre, blockquote, dl, figure, table, p, ul, ol {
  margin-bottom: 0.8rem; }

/* Clearing
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

.reset, .clr {
  display: block;
  clear: both;
  font-size: 0px;
  line-height: 0;
  height: 0px;
  margin: 0;
  padding: 0;
  border: medium none; }

.clearfix {
  *zoom: 1; }

.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: ""; }

.clearfix:after {
  clear: both; }

.separator {
  clear: both;
  display: block;
  padding: 10px; }

/* Box Sizing
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* Utilities
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
.u-full-width {
  width: 100%;
  box-sizing: border-box;
  padding: 0; }

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }

.u-pull-right {
  float: right; }

.u-pull-left {
  float: left; }

/* Misc
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
hr {
  color: #071a58;
  text-align: center;
  width: 84%;
  margin: 48px auto;
  padding: 0;
  border: none;
  border-top: medium double #071a58; }
  hr:after {
    content: "\00B0";
    display: inline-block;
    position: relative;
    background-color: white;
    font-size: 2em;
    top: -0.66em;
    padding: 0 0.25em; }

fieldset {
  border: none;
  padding: 0px; }

table {
  width: 100%;
  text-align: left; }

select, input {
  color: #071a58; }

input[type="password"], input[type="text"] {
  border: 1px solid #cccccc;
  width: 260px;
  padding: 5px; }

/* ADDITIONAL DEFAULT STYLES
================================================== */
.left {
  float: left; }

.right {
  float: right; }

.center {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  clear: both;
  text-align: center; }

.clear {
  clear: both; }

.hide, .displaynone, .none {
  display: none; }

.small {
  font-size: 13px; }

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

/* Grid
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
.container {
  position: relative;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }

.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 90%;
    padding: 0; } }
/* For devices larger than 550px */
@media (min-width: 550px) {
  .column,
  .columns {
    margin-left: 4%; }

  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns {
    width: 4.66666666667%; }

  .two.columns {
    width: 13.3333333333%; }

  .three.columns {
    width: 22%; }

  .four.columns {
    width: 30.6666666667%; }

  .five.columns {
    width: 39.3333333333%; }

  .six.columns {
    width: 48%; }

  .seven.columns {
    width: 56.6666666667%; }

  .eight.columns {
    width: 65.3333333333%; }

  .nine.columns {
    width: 74.0%; }

  .ten.columns {
    width: 82.6666666667%; }

  .eleven.columns {
    width: 91.3333333333%; }

  .twelve.columns {
    width: 100%;
    margin-left: 0; }

  .one-third.column {
    width: 30.6666666667%; }

  .two-thirds.column {
    width: 65.3333333333%; }

  .one-half.column {
    width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns {
    margin-left: 8.66666666667%; }

  .offset-by-two.column,
  .offset-by-two.columns {
    margin-left: 17.3333333333%; }

  .offset-by-three.column,
  .offset-by-three.columns {
    margin-left: 26%; }

  .offset-by-four.column,
  .offset-by-four.columns {
    margin-left: 34.6666666667%; }

  .offset-by-five.column,
  .offset-by-five.columns {
    margin-left: 43.3333333333%; }

  .offset-by-six.column,
  .offset-by-six.columns {
    margin-left: 52%; }

  .offset-by-seven.column,
  .offset-by-seven.columns {
    margin-left: 60.6666666667%; }

  .offset-by-eight.column,
  .offset-by-eight.columns {
    margin-left: 69.3333333333%; }

  .offset-by-nine.column,
  .offset-by-nine.columns {
    margin-left: 78.0%; }

  .offset-by-ten.column,
  .offset-by-ten.columns {
    margin-left: 86.6666666667%; }

  .offset-by-eleven.column,
  .offset-by-eleven.columns {
    margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns {
    margin-left: 34.6666666667%; }

  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns {
    margin-left: 52%; } }
/*-- Panton type-face for headers --*/
@font-face {
  font-family: 'pantonlight';
  src: url("/templates/default/fonts/panton/panton-light.eot");
  src: url("/templates/default/fonts/panton/panton-light.eot?#iefix") format("embedded-opentype"), url("/templates/default/fonts/panton/panton-light.woff2") format("woff2"), url("/templates/default/fonts/panton/panton-light.woff") format("woff"), url("/templates/default/fonts/panton/panton-light.ttf") format("truetype"), url("/templates/default/fonts/panton/panton-light.svg#fcf72172dc907a960057e0a1e13efd00") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'pantonregular';
  src: url("/templates/default/fonts/panton/panton-regular.eot");
  src: url("/templates/default/fonts/panton/panton-regular.eot?#iefix") format("embedded-opentype"), url("/templates/default/fonts/panton/panton-regular.woff2") format("woff2"), url("/templates/default/fonts/panton/panton-regular.woff") format("woff"), url("/templates/default/fonts/panton/panton-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'pantonsemibold';
  src: url("/templates/default/fonts/panton/panton-semibold.eot");
  src: url("/templates/default/fonts/panton/panton-semibold.eot?#iefix") format("embedded-opentype"), url("/templates/default/fonts/panton/panton-semibold.woff2") format("woff2"), url("/templates/default/fonts/panton/panton-semibold.woff") format("woff"), url("/templates/default/fonts/panton/panton-semibold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'pantonbold';
  src: url("/templates/default/fonts/panton/panton-bold.eot");
  src: url("/templates/default/fonts/panton/panton-bold.eot?#iefix") format("embedded-opentype"), url("/templates/default/fonts/panton/panton-bold.woff2") format("woff2"), url("/templates/default/fonts/panton/panton-bold.woff") format("woff"), url("/templates/default/fonts/panton/panton-bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/*-- Open Sans type-face for body --*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(/templates/default/fonts/opensans/opensans-light.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(/templates/default/fonts/opensans/opensans-regular.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(/templates/default/fonts/opensans/opensans-semibold.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/templates/default/fonts/opensans/opensans-bold.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/*-- Source Sans Pro for body --*/
/* MAIN WRAPPER AND STICKY FOOTER
=====================================================================================
===================================================================================== */
#wrap {
  display: table;
  width: 100%;
  height: 100%; }

header, footer, main {
  display: table-row; }

header, footer {
  height: 1px; }

main {
  height: 100%; }

/* BETA BAR
=====================================================================================
===================================================================================== */
.betabar {
  display: table-row;
  position: relative;
  background-color: #E1E1E1;
  font-size: 1rem;
  text-align: center;
  width: 100%;
  height: 48px;
  padding: 10px; }
  .betabar p {
    padding: 9px 0 12px 0;
    margin-bottom: 0; }
  .betabar.betabar-float {
    position: fixed;
    top: 0;
    z-index: 99999; }

.captchaimage {
  border: 1px solid #ccc;
  width: 122px;
  margin-bottom: 10px; }

.captchareload i {
  line-height: 42px;
  margin-left: 10px;
  font-size: 22px;
  vertical-align: top; }

/* PORTAL / DASHBOARD STYLING
==============================================================================
============================================================================== */
.body-portal main {
  background: url(/templates/default/img/footer_bkgrd.svg) no-repeat bottom -104px right -195px;
  background-size: 390px; }

.body-portal main .container {
  background-color: rgba(255, 255, 255, 0.93);
  height: calc(100% - 21px); }

.portal_menu_desktop {
  display: none; }

.portal_container {
  margin-top: 15px;
  padding-bottom: 40px; }

/*-- Dashboard Logo --*/
.portal_logo {
  float: left;
  width: 120px; }

/* LEFT-MENU - WITHIN WEB CONTENT EDITOR PAGES
================================================== */
.leftmenu {
  width: 100%;
  margin: 33px auto 39px; }
  .leftmenu .accordion {
    background-color: #071a58;
    margin: 0 auto 20px;
    border-radius: 12px;
    /* submenu */ }
    .leftmenu .accordion .link {
      position: relative;
      display: block;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      margin: 0;
      padding: 1.5rem;
      padding-left: 2.5rem;
      border-bottom: 1px dashed #454444;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .leftmenu .accordion li {
      margin-bottom: 0;
      display: inline; }
      .leftmenu .accordion li .link a {
        color: #f4ebeb;
        text-decoration: none; }
      .leftmenu .accordion li .link a:hover {
        color: #C9171F; }
      .leftmenu .accordion li.open .link a {
        color: #C9171F; }
      .leftmenu .accordion li:before {
        content: "";
        display: none; }
      .leftmenu .accordion li:last-child .link {
        border-bottom: 0; }
      .leftmenu .accordion li.open:last-child .submenu {
        border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px; }
      .leftmenu .accordion li .fa-file-o,
      .leftmenu .accordion li .accordion_trigger {
        position: absolute;
        top: 17px;
        left: 24px;
        color: #595959;
        font-size: 18px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease; }
      .leftmenu .accordion li .fa-file-o {
        font-weight: bold;
        top: 18px; }
      .leftmenu .accordion li .fa-file-o:after {
        content: "";
        display: none; }
      .leftmenu .accordion li .accordion_trigger {
        font-size: 1.8rem;
        font-weight: bold;
        text-align: center;
        right: 12px;
        left: auto;
        width: 20px;
        height: 20px;
        cursor: pointer; }
        .leftmenu .accordion li .accordion_trigger:hover {
          color: #C9171F; }
        .leftmenu .accordion li .accordion_trigger:after {
          content: "";
          display: none; }
      .leftmenu .accordion li.open .link {
        color: #C9171F; }
      .leftmenu .accordion li.open .accordion_trigger {
        color: #C9171F; }
      .leftmenu .accordion li.open .fa-file-o {
        color: #C9171F; }
      .leftmenu .accordion li.open .fa-file-o:after {
        content: "";
        display: none; }
      .leftmenu .accordion li.open .accordion_trigger {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      .leftmenu .accordion li.open .accordion_trigger:after {
        content: "";
        display: none; }
      .leftmenu .accordion li.default .submenu {
        display: block; }
    .leftmenu .accordion .submenu {
      display: none;
      background-color: #EFEFEF;
      list-style: none;
      font-size: 14px;
      margin: 0;
      position: relative; }
      .leftmenu .accordion .submenu li a {
        display: block;
        color: #071a58;
        line-height: 5.2rem;
        text-decoration: none;
        height: 100%;
        margin-top: -24px;
        padding-left: 2.5rem;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease; }
      .leftmenu .accordion .submenu a:hover, .leftmenu .accordion .submenu a.submenu_active {
        background-color: #E1E1E1; }
      .leftmenu .accordion .submenu li {
        list-style: none;
        margin-bottom: 0;
        height: 50px; }
      .leftmenu .accordion .submenu > li:before {
        position: relative;
        display: block;
        z-index: 100;
        top: 1.3rem;
        width: 2.4rem;
        height: 2.4rem;
        margin-left: 2rem; }
      .leftmenu .accordion .submenu > li:after {
        position: absolute;
        top: 0;
        bottom: 20px;
        left: 2.1em;
        z-index: 90;
        margin-left: 1.5px;
        content: ""; }
      .leftmenu .accordion .submenu ul {
        display: block;
        position: relative;
        background-color: #EAE8E8;
        list-style: none;
        font-size: 14px;
        margin: 0; }
      .leftmenu .accordion .submenu ul li a {
        padding-left: 5rem; }
    .leftmenu .accordion li:last-of-type .submenu li:last-child a:hover,
    .leftmenu .accordion li:last-of-type .submenu li:last-child a.submenu_active {
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px; }
    .leftmenu .accordion .submenu_trigger_wrap {
      position: relative; }
    .leftmenu .accordion ul .sub_submenu_trigger {
      position: absolute;
      right: 15px;
      width: 18px;
      height: 18px;
      cursor: pointer; }
    .leftmenu .accordion ul li i {
      position: absolute;
      color: #595959;
      font-size: 2rem;
      top: 17px;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .leftmenu .accordion ul .sub_submenu > li:before {
      position: relative;
      display: block;
      top: 1.3rem;
      width: 2.4rem;
      height: 2.4rem;
      margin-left: 2rem;
      z-index: 100; }
    .leftmenu .accordion ul .sub_submenu > li:after {
      position: absolute;
      content: ""; }
    .leftmenu .accordion ul li.open .sub_submenu_trigger {
      color: #E8CA6A; }
    .leftmenu .accordion li .sub_submenu_trigger:hover {
      color: #E8CA6A; }
    .leftmenu .accordion li.open .sub_submenu_trigger:after {
      content: "";
      display: none; }
    .leftmenu .accordion .sub_submenu_wrap.open .sub_submenu_trigger {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

/* DASHBOARD
================================================== */
.dashboard_learner section {
  margin: 0 0 20px 0; }

.dashboard_learner section h3 {
  text-align: center; }

/* CONTRACTOR SIGNUP
================================================== */
.contractor_search_box {
  background: #EFEFEF;
  padding-top: 15px;
  text-align: center;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }

/* FRONTPAGE
================================================== */
.frontpage_login_box {
  display: block;
  background-color: #071a58;
  margin: 20px auto 20px auto;
  padding: 24px 7%;
  border-radius: 6px;
  max-width: 700px; }
  .frontpage_login_box .login_input {
    color: #808080;
    font-size: 17px;
    width: 100%;
    padding: 10px;
    height: 48px; }
  .frontpage_login_box .login_input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset; }
  .frontpage_login_box .login_error {
    color: #FB6E6E;
    text-align: center; }
  .frontpage_login_box .login_button {
    color: #fff;
    font-size: 1.5rem;
    margin: 20px 0 0 0;
    width: 100%;
    height: 48px; }
  .frontpage_login_box .login_button:hover {
    background-color: #C9171F;
    color: #fff;
    border-color: #C9171F; }
  .frontpage_login_box .login_remember {
    font-family: 'pantonbold';
    color: #fff;
    float: left;
    margin-top: 20px; }
    .frontpage_login_box .login_remember .input_checkbox {
      display: none; }
    .frontpage_login_box .login_remember .input_checkbox + label {
      padding-left: 35px; }
    .frontpage_login_box .login_remember .input_checkbox + label:hover {
      cursor: pointer; }
    .frontpage_login_box .login_remember .input_checkbox + label:before {
      cursor: pointer;
      content: "";
      position: absolute;
      margin-left: -35px;
      display: inline-block;
      font-size: 16px;
      width: 24px;
      height: 24px;
      border-radius: 4px;
      -webkit-box-shadow: inset 0px 1px 1px rgba(45, 45, 45, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
      box-shadow: inset 0px 1px 1px rgba(45, 45, 45, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
      background: -webkit-linear-gradient(top, #222 -80%, #071a58 140%);
      background: -moz-linear-gradient(top, #222 -80%, #071a58 140%);
      background: -ms-linear-gradient(top, #222 -80%, #071a58 140%);
      background: -o-linear-gradient(top, #222 -80%, #071a58 140%);
      background: linear-gradient(top, #222 -80%, #071a58 140%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 ); }
    .frontpage_login_box .login_remember .input_checkbox:checked + label:before {
      font-family: 'FontAwesome';
      content: "\f00c";
      color: #C9171F;
      text-align: center;
      line-height: 25px; }
    .frontpage_login_box .login_remember .input_checkbox:not(:checked) + label:hover:before {
      font-family: 'FontAwesome';
      content: "\f00c";
      color: rgba(151, 115, 144, 0.5);
      text-align: center;
      line-height: 25px; }
  .frontpage_login_box .forgot_password_link {
    font-family: 'pantonbold';
    color: #fff;
    float: right;
    margin-top: 20px; }

.frontpage_register_links {
  margin-bottom: 12px; }
  .frontpage_register_links .button {
    margin-bottom: 12px; }

@media screen and (max-width: 1200px) {
  .frontpage_login_box .login_remember {
    float: none;
    text-align: center; }

  .frontpage_login_box .forgot_password_link {
    float: none;
    text-align: center; } }
/* DOCUMENT LIBRARY
================================================== */
.docs_uncategorised {
  display: inline-block;
  text-align: center;
  margin-bottom: 24px; }

.docs_categorised .accordion_content {
  display: block;
  text-align: center; }

.doclist_item {
  display: inline-block;
  width: 200px;
  min-height: 140px;
  margin: 12px 15px 24px 0;
  padding: 0 15px;
  text-align: center;
  vertical-align: text-top; }

/* FRONTEND - ACTIVATION KEYS */
.activate_box {
  background: #EFEFEF;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
  padding-top: 15px;
  text-align: center; }

#output {
  float: left;
  width: 300px;
  height: 220px;
  margin: 1px 0 0 0;
  z-index: 0; }

#output li {
  width: 300px;
  position: absolute;
  left: 23px;
  top: 20px; }

#output li em {
  position: absolute;
  text-indent: -99999em;
  margin-left: -99999em; }

#cert li {
  float: left;
  background-color: #184366;
  color: #fff;
  font-weight: bold;
  width: 21px;
  height: 21px;
  margin: 0px;
  margin-right: 10px; }

#cert li a {
  display: block;
  color: #fff;
  text-align: center;
  margin: 0 auto; }

#cert li a.current {
  background-color: #fff;
  color: #184366;
  font-weight: bold;
  margin: 0px;
  padding: 2px 4px; }

.eventError {
  float: none;
  color: red;
  font-size: 10px;
  line-height: 1.2em;
  margin-left: 10px; }

.success {
  background-color: #E1FFE1;
  color: #009900;
  width: 95%;
  padding: 10px;
  border: 1px solid #009900; }

.errorBText {
  float: left;
  margin-bottom: 10px;
  margin-left: 130px; }

.status {
  position: relative;
  float: left;
  font-size: 12px;
  text-align: left;
  width: 100%; }

.red {
  color: #E11A22; }

.darkgreen {
  color: #336666; }

.black {
  color: #000; }

.green {
  color: #66d17d; }

.blue {
  color: #0080FF; }

.grey {
  color: #999999; }

.block {
  background-color: #F1F1F1;
  font-size: 90%;
  white-space: nowrap;
  padding: .2rem .5rem;
  border-radius: 4px;
  border: 1px solid #E1E1E1; }

.frontend-notification span {
  display: block;
  padding: 10px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #e1e1e1; }

/* MEDIA QUERIES ================================================================================
================================================================================================= */
@media screen and (min-width: 840px) {
  .frontpage_login .login_input_left, .frontpage_login .login_input_right {
    height: 48px; }

  .frontpage_login .login_button {
    height: 48px;
    font-size: 0.9em; }

  .frontpage_login .login_start {
    margin-bottom: 24px; }

  .frontpage_login .login_links {
    width: 75%;
    margin-top: 12px; }

  .frontpage_login .login_remember {
    float: left;
    text-align: left;
    padding: 0; }

  .forgot_password_link {
    float: right;
    text-align: right; } }
@media screen and (min-width: 960px) {
  .leftmenu {
    float: left;
    width: 300px;
    margin: 12px 48px 0 0; } }
@media screen and (min-width: 1025px) {
  /*-- Menu/Nav --*/
  ul.portal_menu_desktop {
    display: block;
    float: right;
    list-style: none;
    margin-top: 15px; }

  ul.portal_menu_desktop li {
    position: relative;
    float: left;
    margin-right: 26px; }

  ul.portal_menu_desktop li:last-child {
    margin-right: 0; }

  ul.portal_menu_desktop li a {
    font-family: 'pantonbold';
    font-size: 2rem; }

  ul.portal_menu_desktop li a:hover {
    text-decoration: none; }

  ul.portal_menu_desktop li a:focus {
    text-decoration: none;
    color: #C9171F; }

  ul.portal_menu_desktop li a:active {
    text-decoration: none;
    color: #C9171F; }

  ul.portal_menu_desktop li a:visited {
    text-decoration: none;
    color: #C9171F; }

  ul.portal_menu_desktop li a:before {
    content: '';
    position: absolute;
    display: block;
    right: 50%;
    left: 50%;
    bottom: -0.05em;
    background-color: #97141A;
    height: 3px;
    border-radius: 9px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

  ul.portal_menu_desktop > li.active > a {
    color: #97141A;
    padding-bottom: 0.08em;
    border-bottom: 3px solid #97141A; }

  ul.portal_menu_desktop > li.active > a:before {
    left: 0;
    right: 0;
    opacity: 0.35; }

  ul.portal_menu_desktop li a:hover:before {
    left: 0;
    right: 0; }

  .portal_menu_desktop li.portal_menu_dropdown:hover ul {
    display: block; }

  .portal_menu_desktop li ul {
    margin: 0;
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 1000;
    background: #F4F3F1;
    width: auto;
    white-space: nowrap;
    padding: 10px 20px;
    border-top: 3px solid #C9171F;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4); }

  .portal_menu_desktop li ul li {
    display: block;
    float: right;
    clear: both;
    margin-right: 0;
    text-align: right;
    margin-bottom: 0rem;
    font-family: 'pantonbold'; }

  .portal_menu_desktop li ul li a {
    color: #C9171F;
    font-size: 19px;
    line-height: 36px; }

  .portal_menu_desktop li ul li a:hover {
    color: #97141A; }

  .portal_menu_desktop .menu_search {
    padding: 20px; }
    .portal_menu_desktop .menu_search form {
      margin-bottom: 0; }
    .portal_menu_desktop .menu_search input[type=text] {
      display: block;
      width: 200px;
      margin-bottom: 10px; }
    .portal_menu_desktop .menu_search select {
      display: block;
      width: 200px;
      margin-bottom: 10px; }
    .portal_menu_desktop .menu_search input[type=button] {
      display: block;
      width: 200px;
      margin: 0; }

  /*-- Learner Dashboard --*/
  .dashboard_learner section h3,
  .dashboard_manager h2 {
    text-align: left;
    float: left; }

  .coursecart h3 {
    text-align: left; }

  .btn_dashboard_main {
    display: inline-block;
    float: right;
    width: inherit;
    margin: 0; } }
/* HEADER - FRONTEND
=====================================================================================
===================================================================================== */
.header_front {
  padding: 2rem auto 0;
  background-color: #071a58;
  background-image: url("/templates/default/img/carbon_fibre_big.png"); }
  .header_front .header_logo img {
    display: block;
    max-width: 30%;
    margin-top: 2rem;
    margin-bottom: 2rem; }
    @media only screen and (max-width: 659px) {
      .header_front .header_logo img {
        max-width: 70%; } }
  .header_front .calltoaction {
    line-height: 2.5em;
    text-align: center;
    margin: 0;
    margin-top: 1.5rem;
    white-space: nowrap;
    width: 50%;
    margin-top: 0;
    color: #ccc;
    font-size: 16px; }
    @media only screen and (max-width: 1024px) {
      .header_front .calltoaction {
        margin-top: 54px; } }
    @media only screen and (max-width: 659px) {
      .header_front .calltoaction {
        width: 100%; } }
    .header_front .calltoaction input {
      font-size: 1.6rem;
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      border: none;
      margin-bottom: 0.5rem; }
    .header_front .calltoaction button {
      background-color: #97141A;
      color: white;
      border: none; }
      .header_front .calltoaction button:hover {
        background-color: #C9171F; }
  .header_front nav {
    background-color: #97141A;
    height: 12px;
    border-top: 4px solid white; }

.full-menu {
  zoom: 1;
  display: none;
  margin: 0;
  padding: 0;
  list-style: none; }
  .full-menu:before, .full-menu:after {
    content: "";
    display: table; }
  .full-menu:after {
    clear: both; }
  .full-menu li {
    position: relative;
    float: left;
    margin-bottom: 0; }
    .full-menu li:last-child a {
      margin-right: 0;
      padding-right: 0; }
    .full-menu li:hover > .sub_menu {
      opacity: 1;
      visibility: visible;
      min-width: 180px;
      margin: 0; }
      .full-menu li:hover > .sub_menu .sub_menu li {
        z-index: 100; }
  .full-menu a {
    font-family: 'pantonregular';
    font-size: 1.2em;
    float: left;
    padding: 14px 0;
    color: #fff;
    text-decoration: none;
    text-align: left;
    padding-right: 29px; }
    .full-menu a:hover {
      color: white; }

.sub_menu {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 20px 0 0 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 10;
  background-color: #92040A;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
  .sub_menu a {
    display: block;
    float: none;
    min-width: 210px;
    padding: 10px;
    padding-right: 30px;
    white-space: nowrap;
    font-size: 1.1em;
    text-transform: none;
    outline: none; }
    .sub_menu a:hover {
      background-color: #97141A;
      margin: -2px 0 -3px -6px;
      padding: 12px 0 13px 16px;
      padding-right: 30px;
      -webkit-transition: background-color 0.30s;
      transition: background-color 0.30s; }
  .sub_menu li {
    display: block;
    float: none;
    margin-bottom: 0;
    padding: 3px 0 3px 6px;
    border: 0;
    -webkit-box-shadow: 0 1px 0 rgba(16, 16, 16, 0.2), 0 2px 0 rgba(84, 84, 84, 0.2);
    -moz-box-shadow: 0 1px 0 rgba(16, 16, 16, 0.2), 0 2px 0 rgba(84, 84, 84, 0.2);
    box-shadow: 0 1px 0 rgba(16, 16, 16, 0.2), 0 2px 0 rgba(84, 84, 84, 0.2); }
    .sub_menu li:last-child {
      box-shadow: none; }
      .sub_menu li:last-child a {
        padding-right: 30px; }
      .sub_menu li:last-child > a {
        border-radius: 0 0 3px 3px; }
    .sub_menu li:first-child > a {
      border-radius: 3px 3px 0 0; }
      .sub_menu li:first-child > a:hover {
        margin-top: -3px;
        padding-top: 13px; }
      .sub_menu li:first-child > a:after {
        content: '';
        position: absolute;
        left: 40px;
        top: -9px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 10px solid #92040A; }

.sub_menu .sub_menu {
  background-color: #C9171F;
  z-index: 100;
  top: 0;
  left: 210px; }
  .sub_menu .sub_menu a {
    line-height: 1.5em; }
  .sub_menu .sub_menu li {
    -webkit-box-shadow: 0 1px 0 rgba(58, 58, 58, 0.66), 0 2px 0 rgba(121, 119, 119, 0.66);
    -moz-box-shadow: 0 1px 0 rgba(58, 58, 58, 0.66), 0 2px 0 rgba(121, 119, 119, 0.66);
    box-shadow: 0 1px 0 rgba(58, 58, 58, 0.66), 0 2px 0 rgba(121, 119, 119, 0.66); }
    .sub_menu .sub_menu li:first-child a:after {
      left: -9px;
      top: 50%;
      margin-top: -20px;
      border-left: 0;
      border-bottom: 15px solid transparent;
      border-top: 15px solid transparent;
      border-right: 10px solid #C9171F; }
    .sub_menu .sub_menu li:first-child a:hover:after {
      border-bottom-color: #C9171F;
      border-right-color: #C9171F;
      border-bottom-color: transparent; }

.header-login-form {
  background-color: rgba(50, 50, 50, 0.75);
  padding: 1rem;
  border-radius: 1rem;
  margin-bottom: 2.5rem; }
  .header-login-form input[type="password"], .header-login-form input[type="text"] {
    width: 30%; }
  .header-login-form input[type="checkbox"] {
    margin-right: 1rem; }
  .header-login-form .ecommerce_checkbox,
  .header-login-form label,
  .header-login-form a {
    margin-bottom: 0;
    line-heght: 1; }

.header_front .header_logo img {
  margin-top: 5rem; }

/* HEADER - PORTAL
=====================================================================================
===================================================================================== */
.header_portal {
  background-color: #F4F3F1;
  height: 75px;
  padding: 8px 0; }
  .header_portal .portal_logo {
    float: left;
    width: 300px; }
  .header_portal img {
    height: 60px; }

/* HEADER - SUMMARY ON LEARNER DASHBOARD
=====================================================================================
===================================================================================== */
.header_summary {
  padding: 0 0 20px 0;
  background-color: #F4F3F1;
  /* Edit Profile Image Hover Effect */
  /*-- Rotating News Alerts --*/ }
  .header_summary .user_title_mobile h2 {
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 48%; }
  .header_summary .user_title_desktop h2 {
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .header_summary .user_title_mobile h2 span, .header_summary .user_title_desktop h2 span {
    font-family: 'pantonbold'; }
  .header_summary .user_title_mobile {
    display: block; }
  .header_summary .user_title_desktop {
    display: none; }
  .header_summary .edit_profile_box {
    position: relative;
    display: inline-block;
    float: left;
    width: 123px;
    height: 123px;
    margin-right: 6%;
    margin-bottom: 20px; }
    .header_summary .edit_profile_box .editprofile_container {
      overflow: hidden;
      height: 123px;
      width: 123px;
      position: absolute;
      top: 50%;
      left: 50%;
      border-radius: 6px;
      border: 1px solid #e5e5e5;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
      .header_summary .edit_profile_box .editprofile_container img {
        width: 123px;
        height: 123px; }
      .header_summary .edit_profile_box .editprofile_container:hover img {
        width: 123px;
        height: 123px;
        opacity: 0.2;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in; }
      .header_summary .edit_profile_box .editprofile_container:hover i {
        font-size: 2.4em;
        top: 50%;
        left: 30%;
        color: #C9171F;
        opacity: 1;
        -webkit-transform: rotate(-45deg) translateY(-50%) translateX(-50%);
        -ms-transform: rotate(-45deg) translateY(-50%) translateX(-50%);
        transform: rotate(-45deg) translateY(-50%) translateX(-50%); }
      .header_summary .edit_profile_box .editprofile_container:hover .editprofile_box_overlay {
        top: -139px;
        left: -93px; }
        .header_summary .edit_profile_box .editprofile_container:hover .editprofile_box_overlay .box_shaded {
          background: rgba(151, 115, 144, 0.2); }
    .header_summary .edit_profile_box .editprofile_title {
      position: relative;
      z-index: 99;
      top: 20px;
      left: -179px;
      color: #1CAFCA;
      font-size: 14px;
      letter-spacing: 0.5px; }
    .header_summary .edit_profile_box .editprofile_box_overlay {
      position: absolute;
      width: 500px;
      height: 500px;
      top: 33px;
      left: 20px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
      .header_summary .edit_profile_box .editprofile_box_overlay .box_shaded {
        width: 100%;
        height: 100%;
        background: rgba(151, 115, 144, 0.7);
        z-index: 50; }
      .header_summary .edit_profile_box .editprofile_box_overlay p {
        z-index: 51;
        position: absolute;
        top: 230px;
        left: 4px;
        font-family: 'pantonbold';
        font-size: 18px;
        color: #C9171F;
        padding-left: 6px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .header_summary .edit_profile_box .editprofile_box_overlay i {
        z-index: 51;
        position: absolute;
        top: 230px;
        left: 4px;
        color: #fff;
        font-size: 1.2em;
        text-decoration: none;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in; }
  .header_summary .summary_box {
    position: relative;
    float: left;
    background-color: #071a58;
    width: 100%;
    height: 150px;
    padding: 12px 24px 9px 28px;
    border-radius: 6px 4px 4px 6px; }
    .header_summary .summary_box:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 150px;
      width: 12px;
      background-color: #C9171F;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .header_summary .summary_box a {
      float: left;
      position: relative;
      display: inline-block;
      font-family: 'pantonbold';
      font-size: 2rem;
      width: 100%; }
    .header_summary .summary_box a span {
      float: right;
      position: relative;
      color: #C9171F;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
    .header_summary .summary_box a:hover span {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }
  .header_summary .link_documents:after {
    position: absolute;
    top: 3px;
    bottom: 0;
    right: -5px;
    padding-top: inherit;
    padding-bottom: inherit;
    width: 2rem;
    content: "\f0f6";
    font-family: 'FontAwesome';
    font-size: 1.8rem;
    text-align: center;
    color: #C9171F;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
  .header_summary .link_documents:hover:after {
    -webkit-animation: none;
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
    animation: none;
    text-indent: .1em; }
  .header_summary .scrolling_news {
    float: left;
    overflow: hidden;
    background-color: #071a58;
    width: 100%;
    height: 150px;
    margin: 15px auto 0;
    padding: 0 15px;
    border-radius: 4px;
    border-bottom-right-radius: 0; }
  .header_summary .scrolling_news ul {
    margin: 0;
    padding: 0; }
  .header_summary .scrolling_news ul li {
    list-style: none;
    color: #fff;
    height: 45px;
    margin: 9px 0;
    border-bottom: solid 2px #C9171F;
    padding-bottom: 66px; }
  .header_summary .scrolling_news ul li a {
    font-family: 'pantonbold';
    font-size: 1.7rem; }
  .header_summary .scrolling_news_base {
    float: right;
    text-align: center;
    width: 75px;
    height: 20px;
    background-color: #071a58;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .header_summary .scrolling_news_base:before {
    content: " ";
    display: inline-block;
    background-color: #071a58;
    width: 40px;
    height: 20px;
    top: 0px;
    margin-left: -66px;
    border-bottom-left-radius: 4px;
    -webkit-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    transform: skewX(45deg); }
  .header_summary .scrolling_news_base a {
    position: absolute;
    font-family: 'pantonbold';
    margin-left: -12px;
    line-height: 1.6rem;
    color: #C9171F; }
  .header_summary .scrolling_news_base a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: #97141A; }
  .header_summary .link_trainingrecords:after {
    position: absolute;
    top: 3px;
    bottom: 0;
    right: -5px;
    padding-top: inherit;
    padding-bottom: inherit;
    width: 2rem;
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 1.8rem;
    text-align: center;
    color: #C9171F;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
  .header_summary .link_trainingrecords:hover:after {
    -webkit-animation: bounceright .3s alternate ease infinite;
    animation: bounceright .3s alternate ease infinite; }

@media screen and (min-width: 550px) {
  .header_summary .user_title_mobile {
    display: none; }
  .header_summary .user_title_desktop {
    display: block; }
  .header_summary .edit_profile_box {
    width: 150px;
    height: 150px; }
    .header_summary .edit_profile_box .editprofile_container {
      height: 150px;
      width: 150px; }
      .header_summary .edit_profile_box .editprofile_container img {
        width: 150px;
        height: 150px; }
      .header_summary .edit_profile_box .editprofile_container:hover img {
        width: 150px;
        height: 150px; }
      .header_summary .edit_profile_box .editprofile_container:hover .editprofile_box_overlay {
        top: -135px;
        left: -80px; }
        .header_summary .edit_profile_box .editprofile_container:hover .editprofile_box_overlay i {
          font-size: 2.4em;
          top: 51%;
          left: 30%; }
      .header_summary .edit_profile_box .editprofile_container .editprofile_box_overlay {
        top: 33px;
        left: 75px; }
        .header_summary .edit_profile_box .editprofile_container .editprofile_box_overlay p {
          top: 57%;
          left: 23%; }
        .header_summary .edit_profile_box .editprofile_container .editprofile_box_overlay i {
          top: 270px;
          left: 4px; }
  .header_summary .summary_box {
    float: right;
    width: calc(100% - 170px);
    position: absolute;
    right: 0; }
  .header_summary .summary_box:before {
    margin-top: 0; }
  .header_summary .scrolling_news {
    margin-top: 0; } }
@media screen and (min-width: 860px) {
  .header_summary .summary_box {
    position: absolute;
    left: 0;
    margin-left: 178px;
    width: 37%; }
  .header_summary .scrolling_news {
    float: right;
    width: calc(63% - 205px); }
  .header_summary .scrolling_news_base {
    position: absolute;
    right: 0;
    bottom: 0; } }
@media screen and (min-width: 1025px) {
  .header_summary .summary_box {
    width: 37%; }
  .header_summary .scrolling_news {
    width: calc(63% - 205px); } }
@-webkit-keyframes bounceright {
  from {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px); } }
@-moz-keyframes bounceright {
  from {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px); } }
@-o-keyframes bounceright {
  from {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px); } }
@keyframes bounceright {
  from {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px); } }
/* HEADER DIVIDER
=====================================================================================
===================================================================================== */
/*-- Black Bar separating Portal header from content --*/
.portal_header_divider {
  background-color: #071a58;
  color: #FFF;
  height: 12px;
  -webkit-box-shadow: 0px 6px 7px -1px rgba(0, 0, 0, 0.39);
  -moz-box-shadow: 0px 6px 7px -1px rgba(0, 0, 0, 0.39);
  box-shadow: 0px 6px 7px -1px rgba(0, 0, 0, 0.39); }

/* MAIN NAVIGATION
=====================================================================================
===================================================================================== */
/*-- Initial responsive styling pulled from Pushy plugin --*/
/* Menu Button */
.menu-btn {
  float: right;
  position: relative;
  top: 16px;
  right: 5%;
  width: 60px;
  cursor: pointer;
  z-index: 10000;
  /* Responsive SVG Menu Icon, inspired by Frédéric Misery's Pen found here - http://codepen.io/FredM/pen/yyKrrz/ */ }
  .menu-btn .nav_icon {
    position: relative;
    height: 60px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer; }
    .menu-btn .nav_icon:hover {
      cursor: pointer; }
    .menu-btn .nav_icon span {
      display: block;
      position: absolute;
      background-color: #C9171F;
      left: 0;
      width: 100%;
      height: 6px;
      border-radius: 9px;
      opacity: 1;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      transition: .25s ease-in-out; }
      .menu-btn .nav_icon span:nth-child(1) {
        top: 0px;
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center; }
      .menu-btn .nav_icon span:nth-child(2) {
        top: 12px;
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center; }
      .menu-btn .nav_icon span:nth-child(3) {
        top: 24px;
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center; }
    .menu-btn .nav_icon.open {
      top: -8px; }
      .menu-btn .nav_icon.open span:nth-child(1) {
        background-color: #C9171F;
        top: 0;
        left: 8px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      .menu-btn .nav_icon.open span:nth-child(2) {
        width: 0%;
        opacity: 0; }
      .menu-btn .nav_icon.open span:nth-child(3) {
        background-color: #C9171F;
        top: 42px;
        left: 8px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }

.pushy {
  position: fixed;
  background-color: #071a58;
  font-weight: bold;
  width: 200px;
  height: 100%;
  top: 0;
  z-index: 9999;
  overflow: auto;
  visibility: hidden;
  -webkit-box-shadow: inset 10px 0 12px -9px rgba(0, 0, 0, 0.7);
  box-shadow: inset 10px 0 12px -9px rgba(0, 0, 0, 0.7);
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */ }
  .pushy a {
    display: block;
    color: #b3b3b1;
    padding: 15px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    text-decoration: none;
    outline: 0; }
  .pushy a:hover {
    background: #00b4ff;
    color: #FFF; }
  .pushy ul:first-child {
    margin-top: 10px; }
  .pushy.pushy-right {
    right: 0;
    -webkit-transform: translate3d(220px, 0, 0);
    -ms-transform: translate3d(220px, 0, 0);
    transform: translate3d(220px, 0, 0); }

.mobile-menu {
  list-style: none;
  list-style-image: none; }
  .mobile-menu li {
    position: relative;
    margin-bottom: 0; }
    .mobile-menu li a {
      display: block;
      font-family: 'pantonbold';
      font-size: 1.6rem;
      color: #fff;
      text-decoration: none;
      border-top: solid 1px rgba(0, 0, 0, 0.08); }
      .mobile-menu li a:first-child {
        border-top: none; }
      .mobile-menu li a:hover {
        background-color: transparent;
        color: #97141A; }
    .mobile-menu li .caret {
      background: url("/templates/default/img/mobilenav_arrow_1.png") no-repeat;
      position: absolute;
      top: 16px;
      right: 20px;
      width: 26px;
      height: 26px;
      -webkit-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .mobile-menu li .caret:hover {
        cursor: pointer; }
      .mobile-menu li .caret.opened {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
    .mobile-menu li li {
      list-style: none; }
      .mobile-menu li li a {
        font-family: 'pantonregular';
        font-size: 1.5rem;
        padding-left: 39px; }
      .mobile-menu li li .caret {
        background: url("/templates/default/img/ico/mobilenav_arrow_2.png") no-repeat;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 15px;
        height: 15px; }
        .mobile-menu li li .caret.opened {
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
  .mobile-menu ul {
    background-color: #393B3C;
    margin: 0;
    padding: 0;
    border-top: 1px solid #404040;
    -webkit-box-shadow: inset 10px 0 12px -9px rgba(0, 0, 0, 0.7);
    box-shadow: inset 10px 0 12px -9px rgba(0, 0, 0, 0.7);
    -webkit-transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
    .mobile-menu ul ul {
      background-color: #525557; }
      .mobile-menu ul ul li a {
        font-size: 1.4rem;
        padding-left: 57px; }
  .mobile-menu .sub_menu {
    display: block;
    visibility: visible;
    position: initial;
    opacity: 1; }
    .mobile-menu .sub_menu li a:hover {
      padding: 15px 30px 15px 39px;
      margin: 0; }
  .mobile-menu .sub_menu.closed {
    display: none;
    visibility: hidden;
    opacity: 0; }

/* Menu Movement */
.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-220px, 0, 0);
  -ms-transform: translate3d(-220px, 0, 0);
  transform: translate3d(-220px, 0, 0); }

.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Menu Transitions */
#container, .pushy, .push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); }

/* Site Overlay */
.site-overlay {
  display: none; }

.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  -webkit-animation: fade 500ms;
  animation: fade 500ms; }

@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* BREADCRUMBS
================================================== */
.breadcrumb_container {
  background-color: #e9e9e9; }

.breadcrumb {
  font-size: 1.2rem;
  margin-bottom: 6px;
  padding-top: 6px; }

@media screen and (min-width: 550px) {
  /*-- Mobile Nav --*/
  .pushy {
    width: 390px; }
    .pushy.pushy-right {
      right: 0;
      -webkit-transform: translate3d(390px, 0, 0);
      -ms-transform: translate3d(390px, 0, 0);
      transform: translate3d(390px, 0, 0); }

  .pushy-open-right #container,
  .pushy-open-right .push {
    -webkit-transform: translate3d(-390px, 0, 0);
    -ms-transform: translate3d(-390px, 0, 0);
    transform: translate3d(-390px, 0, 0); }

  .pushy-open-right .pushy {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  .header_front nav {
    top: 70px; } }
@media screen and (min-width: 660px) {
  .header_front .header_logo img {
    float: left; }
  .header_front .calltoaction {
    float: right;
    text-align: right; }
  .header_front nav {
    top: 3px; }

  .breadcrumb_container {
    margin-top: 0; } }
@media screen and (min-width: 1025px) {
  .menu-btn {
    display: none; }

  .header_front nav {
    height: 57px;
    top: 0; }
    .header_front nav .full-menu,
    .header_front nav .full-menu ul {
      display: block; } }
/* FOOTER
================================================== */
footer {
  position: relative;
  background-color: #071a58; }
  footer .footer_inner {
    position: relative;
    text-align: center; }
    footer .footer_inner a {
      font-family: 'pantonbold';
      color: #C9171F; }
      footer .footer_inner a:hover {
        color: #97141A;
        text-decoration: underline; }
    footer .footer_inner ul.footer_menu {
      list-style: none;
      display: inline-block;
      margin-bottom: 24px;
      width: 100%; }
      footer .footer_inner ul.footer_menu li {
        display: list-item;
        font-size: 1em;
        line-height: 6.6rem;
        height: 66px;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #3b3b3b; }
        footer .footer_inner ul.footer_menu li a {
          display: block;
          font-family: 'pantonbold';
          font-size: 1.8rem;
          color: #C9171F; }
        footer .footer_inner ul.footer_menu li:hover {
          background-color: #242424;
          color: #97141A;
          text-decoration: underline; }
    footer .footer_inner .footer_logo {
      width: 150px;
      margin: 15px 0 20px; }
    footer .footer_inner .footer_copyright_info p {
      font-size: 0.9em;
      color: #fff;
      margin-bottom: 1.2rem; }

@media screen and (min-width: 660px) {
  footer .footer_inner ul.footer_menu {
    margin-bottom: 0; }
    footer .footer_inner ul.footer_menu li {
      display: inline;
      margin-left: 10px;
      padding-left: 12px;
      border-bottom: none;
      border-left: 1px solid #ccc; }
      footer .footer_inner ul.footer_menu li:first-child {
        margin-left: 0;
        padding-left: 0;
        border-left: none; }
      footer .footer_inner ul.footer_menu li:hover {
        background-color: transparent; }
      footer .footer_inner ul.footer_menu li a {
        display: inline-block;
        font-size: 1.6rem; }
      footer .footer_inner ul.footer_menu li a:hover {
        background-color: transparent; }
  footer .footer_logo {
    float: left; }
  footer .footer_copyright_info p {
    text-align: right;
    float: right; } }
@media screen and (min-width: 840px) {
  footer .footer_inner .footer_copyright_info p {
    width: 75%; } }
/* Buttons
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  margin: 0 0.6rem;
  padding: 0 30px;
  color: #4e4d4d;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  background-color: #F9F5F3;
  color: #4e4d4d;
  border-color: #C3BDC7;
  outline: 0; }

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #C9171F;
  border-color: #C9171F; }

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #fff;
  background-color: #97141A;
  border-color: #97141A; }

.button-small {
  padding: 0 10px;
  height: 30px;
  line-height: 30px; }

.button-smaller {
  margin: 0px 0px 5px 0px;
  padding: 0 5px;
  height: 24px;
  line-height: 23px;
  font-size: 10px; }

.button-swish {
  position: relative;
  background-color: #C9171F !important;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s; }
  .button-swish:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #97141A;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    -ms-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .button-swish:hover {
    color: #fff;
    border-color: #97141A; }
    .button-swish:hover:before {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }

.button-swish,
.button-swish:before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

/* HEADING BUTTONS - THEY SIT NEXT TO HEADINGS ON PAGES WITHIN THE PORTAL
=====================================================================================
===================================================================================== */
.heading-buttons {
  float: right;
  text-align: right; }
  .heading-buttons a:last-of-type {
    margin-right: 0; }

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px;
  /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }

label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }

fieldset {
  padding: 0;
  border-width: 0; }

input[type="checkbox"],
input[type="radio"] {
  display: inline; }

label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }

/* FORM ELEMENTS
================================================== */
.form-table {
  border-collapse: collapse;
  border-spacing: 0; }

.form-table td {
  padding: 9px 5px 5px 0px; }

.form-input {
  padding: 5px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s; }

select {
  border: 1px solid #cccccc;
  padding: 5px; }

.css_username_password:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

.css_label {
  float: left;
  text-align: right;
  color: #666;
  width: 60px;
  margin: 10px 10px 6px 0; }

.checked {
  background-color: #f9f9f9; }

.btn_start_assessment {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 30px; }

.cke_editable {
  /*-- Base Image Styling --*/
  /*-- Lists --*/
  /*-- Iframe wrapper - to maintain aspect ratios when smaller --*/
  /*-- Custom Box Styling --*/
  /*-- Blockquote Styling --*/
  /* PAGE START WITH EITHER FULL-WIDTH IMAGE OR VIDEO
  ======================================================= */
  /* WELLS
  ================================================== */
  /* PANELS
  ================================================== */
  /*-- Default Panel --*/
  /* ACCORDIONS
  ================================================== */
  /* TABBED SLIDERS TEMPLATE
  ================================================== */ }
  .cke_editable img {
    max-width: 100%;
    height: auto;
    margin-bottom: 24px;
    border-radius: 4px; }
    .cke_editable img.right {
      float: right;
      margin-bottom: 24px;
      margin-left: 24px; }
    .cke_editable img.left {
      float: left;
      margin-bottom: 24px;
      margin-right: 24px; }
  .cke_editable ul {
    margin-left: 28px; }
    .cke_editable ul li {
      margin-bottom: 0; }
    .cke_editable ul ol, .cke_editable ul ul {
      margin: 2px 0 2px 28px; }
  .cke_editable ol {
    margin-left: 28px; }
    .cke_editable ol li {
      margin-bottom: 0; }
    .cke_editable ol ol, .cke_editable ol ul {
      margin: 2px 0 2px 28px; }
  .cke_editable .ckeditor_iframe {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 Aspect Ratio */
    margin-bottom: 2.4rem; }
    .cke_editable .ckeditor_iframe iframe {
      position: absolute;
      width: 100%;
      height: 100%; }
  .cke_editable .custombox {
    background-color: #FDFDFD;
    display: block;
    width: 100%;
    min-height: 66px;
    margin: 48px 0;
    padding: 20px 39px 20px;
    border-radius: 6px;
    border: 1px solid #dddddd; }
    .cke_editable .custombox p {
      font-size: 1.5em;
      font-weight: bold;
      line-height: 3.6rem; }
  .cke_editable blockquote {
    display: block;
    position: relative;
    margin: 0 0 24px 10px;
    padding: 10px 10px 1px 16px;
    font-style: italic;
    border-left: 6px solid #E1E1E1;
    background: #f9f9f9; }
    .cke_editable blockquote p.blockquote_author {
      margin-bottom: 10px;
      font-family: 'pantonbold'; }
  .cke_editable .ckeditor_fullmedia {
    position: relative;
    display: inline-block;
    width: calc(100% + 66px);
    left: -33px;
    margin-top: -33px;
    margin-bottom: 24px; }
    .cke_editable .ckeditor_fullmedia:after {
      display: block;
      content: '';
      padding-top: 56.25%;
      /* 16:9 ratio - divide height by width and multiply by 100 */ }
    .cke_editable .ckeditor_fullmedia img, .cke_editable .ckeditor_fullmedia iframe {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 0;
      border: none;
      border-radius: 0; }
  .cke_editable .ckeditor_well {
    background-color: #fff;
    min-height: 48px;
    margin: 0 auto 24px;
    padding: 20px 28px 0px;
    border: 1px solid #C7C7C7;
    border-radius: 4px; }
    .cke_editable .ckeditor_well p {
      color: #373737; }
    .cke_editable .ckeditor_well.grey {
      background-color: #f5f5f5;
      border-color: #C7C7C7; }
    .cke_editable .ckeditor_well.gold {
      background-color: #fdf3cf;
      border-color: #cea000; }
    .cke_editable .ckeditor_well.red {
      background-color: #ffe4e3;
      border-color: #be2d2a; }
    .cke_editable .ckeditor_well.green {
      background-color: #f2f2d1;
      border-color: #9b9b30; }
    .cke_editable .ckeditor_well.blue {
      background-color: #d8f4fe;
      border-color: #06a7e2; }
    .cke_editable .ckeditor_well.purple {
      background-color: #f6ecf7;
      border-color: #7d4082; }
  .cke_editable .ckeditor_panel {
    background-color: #f4f4f4;
    min-height: 66px;
    margin: 0 auto 24px;
    border-bottom: 2px solid #797979;
    border-radius: 5px;
    /*-- Key Point Panel --*/
    /*-- Activity Panel --*/
    /*-- More Info Panel --*/
    /*-- Hot Tip Panel --*/
    /*-- For Example Panel --*/ }
    .cke_editable .ckeditor_panel .ckepanel_title {
      position: relative;
      background-color: #393939;
      height: 54px;
      border-radius: 5px 5px 0 0;
      color: #ffffff;
      font-size: 24px;
      line-height: 54px; }
      .cke_editable .ckeditor_panel .ckepanel_title:before {
        content: url("/templates/default/img/ckeditor_templates/panel_icon_default.png");
        position: relative;
        top: 6px;
        left: 25px;
        margin-right: 40px; }
    .cke_editable .ckeditor_panel .ckepanel_content {
      padding: 20px 28px 2px; }
    .cke_editable .ckeditor_panel.keypoint {
      background-color: #ffe4e3;
      border-bottom-color: #F4C9C8; }
    .cke_editable .ckeditor_panel.keypoint .ckepanel_title {
      background-color: #be2d2a; }
    .cke_editable .ckeditor_panel.keypoint .ckepanel_title:before {
      content: url("/templates/default/img/ckeditor_templates/panel_icon_keypoint.png"); }
    .cke_editable .ckeditor_panel.activity {
      background-color: #f2f2d1;
      border-bottom-color: #DCDBA3; }
    .cke_editable .ckeditor_panel.activity .ckepanel_title {
      background-color: #9b9b30; }
    .cke_editable .ckeditor_panel.activity .ckepanel_title:before {
      content: url("/templates/default/img/ckeditor_templates/panel_icon_activity.png"); }
    .cke_editable .ckeditor_panel.moreinfo {
      background-color: #f6ecf7;
      border-bottom-color: #E1C5E3; }
    .cke_editable .ckeditor_panel.moreinfo .ckepanel_title {
      background-color: #7d4082; }
    .cke_editable .ckeditor_panel.moreinfo .ckepanel_title:before {
      content: url("/templates/default/img/ckeditor_templates/panel_icon_moreinfo.png"); }
    .cke_editable .ckeditor_panel.hottip {
      background-color: #d8f4fe;
      border-bottom-color: #A4D4E5; }
    .cke_editable .ckeditor_panel.hottip .ckepanel_title {
      background-color: #06a7e2; }
    .cke_editable .ckeditor_panel.hottip .ckepanel_title:before {
      content: url("/templates/default/img/ckeditor_templates/panel_icon_hottip.png"); }
    .cke_editable .ckeditor_panel.example {
      background-color: #fdf3cf;
      border-bottom-color: #E9D79A; }
    .cke_editable .ckeditor_panel.example .ckepanel_title {
      background-color: #cea000; }
    .cke_editable .ckeditor_panel.example .ckepanel_title:before {
      content: url("/templates/default/img/ckeditor_templates/panel_icon_example.png");
      top: 15px; }
  .cke_editable .ckeditor_accordion {
    list-style: none;
    width: 100%;
    margin: 0 auto 24px;
    margin-left: 0; }
    .cke_editable .ckeditor_accordion li:before {
      content: "";
      display: none; }
    .cke_editable .ckeditor_accordion .ckeditor_accordion_link {
      display: block;
      position: relative;
      background-color: #C9171F;
      font-size: 26px;
      font-weight: normal;
      color: #fff;
      margin-bottom: 10px;
      padding: 9px 75px 9px 24px;
      border-radius: 6px;
      border-bottom: 2px solid #92040A;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      cursor: pointer; }
      .cke_editable .ckeditor_accordion .ckeditor_accordion_link:hover {
        background-color: #97141A; }
      .cke_editable .ckeditor_accordion .ckeditor_accordion_link:after {
        content: "";
        position: absolute;
        display: inline-block;
        float: right;
        top: 0;
        right: 57px;
        height: 100%;
        border-right: 2px solid #92040A; }
      .cke_editable .ckeditor_accordion .ckeditor_accordion_link i {
        position: absolute;
        top: 16px;
        left: 12px;
        font-size: 18px;
        color: #fff;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease; }
        .cke_editable .ckeditor_accordion .ckeditor_accordion_link i.fa-caret-down {
          top: 8px;
          right: 18px;
          left: auto;
          font-size: 1.8em; }
        .cke_editable .ckeditor_accordion .ckeditor_accordion_link i.fa-caret-down:after {
          content: "";
          display: none; }
    .cke_editable .ckeditor_accordion li {
      margin-left: 0; }
      .cke_editable .ckeditor_accordion li.open .ckeditor_accordion_link {
        background-color: #97141A;
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
        .cke_editable .ckeditor_accordion li.open .ckeditor_accordion_link:after {
          border-color: #C9171F; }
      .cke_editable .ckeditor_accordion li.open i.fa-caret-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      .cke_editable .ckeditor_accordion li.default .ckeditor_accordion_content {
        display: block; }
    .cke_editable .ckeditor_accordion .ckeditor_accordion_content {
      display: none;
      background-color: #FFFFFF;
      font-size: 14px;
      width: 100%;
      margin: -12px 0 10px;
      padding: 24px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      border-bottom: 3px solid #97141A; }
      .cke_editable .ckeditor_accordion .ckeditor_accordion_content li {
        list-style: none; }
  .cke_editable .ckeditor_tabs {
    width: 100%;
    margin: 0;
    overflow: hidden;
    list-style: none; }
    .cke_editable .ckeditor_tabs li:before {
      content: "";
      display: none; }
    .cke_editable .ckeditor_tabs ul.ckeditor_tabs_headers {
      position: relative;
      margin: 0;
      z-index: 100; }
      .cke_editable .ckeditor_tabs ul.ckeditor_tabs_headers li {
        display: block;
        float: left;
        background-color: #97141A;
        margin-bottom: 0;
        margin-right: 2px;
        margin-left: 0;
        background-color: #C9171F;
        font-size: 24px;
        line-height: 46px;
        color: #fff;
        padding: 0 20px;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        font-weight: normal;
        cursor: pointer; }
        .cke_editable .ckeditor_tabs ul.ckeditor_tabs_headers li:last-child {
          margin-right: 0; }
        .cke_editable .ckeditor_tabs ul.ckeditor_tabs_headers li:hover {
          background-color: #97141A; }
        .cke_editable .ckeditor_tabs ul.ckeditor_tabs_headers li.active {
          background-color: #97141A; }
    .cke_editable .ckeditor_tabs .ckeditor_tabs_content {
      clear: both;
      padding: 15px;
      background: #ffffff;
      z-index: 10;
      -webkit-perspective: 2500px;
      -moz-perspective: 2500px;
      perspective: 2500px;
      display: none;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      border-bottom: 2px solid #C9171F; }
      .cke_editable .ckeditor_tabs .ckeditor_tabs_content.ckeditor_tab_active {
        display: block; }
  @media screen and (max-width: 860px) {
    .cke_editable .ckeditor_tabs > ul.ckeditor_tabs_headers li {
      display: block;
      float: none;
      border-top-right-radius: 0px;
      border-top-left-radius: 0px;
      margin-right: 0;
      border-bottom: 1px solid #97141A; }
      .cke_editable .ckeditor_tabs > ul.ckeditor_tabs_headers li:first-child {
        border-top-right-radius: 6px;
        border-top-left-radius: 6px; }
      .cke_editable .ckeditor_tabs > ul.ckeditor_tabs_headers li:last-child {
        border-bottom: 4px solid #97141A; } }

/* This styling is important for the Backend CKEditor, The display:block for
 * some reason prevents the browser navigating away from the entire page when
 * the backspace is used in certain ways (IE select all text and press backspace)
*/
body.cke_editable {
  padding: 1rem;
  display: block; }

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@-o-keyframes slideUp {
  0% {
    -webkit-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@-moz-keyframes slideUp {
  0% {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
.animation-slideUp {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideUp;
  -moz-animation-name: slideUp;
  -o-animation-name: slideUp;
  animation-name: slideUp; }

/* PAGINATION
================================================== */
.pagination {
  font-size: 10px;
  height: 33px;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 16px; }

.pagination a {
  padding: 10px 10px; }

td, th {
  padding: 12px 15px;
  border-bottom: 1px solid #E1E1E1; }

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

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

/* TABLES
================================================== */
.table {
  margin-bottom: 32px;
  border: 1px solid #E1E1E1;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 6px; }

.table th {
  background: #EEE;
  padding: 10px; }

.table td {
  padding: 10px; }

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

.table input, .table textarea, .table select, .table fieldset,
.form-table input, .form-table textarea, .form-table select, .form-table fieldset {
  margin-bottom: 0; }

.form-table tr {
  margin-bottom: 6px; }

.form-table th, .form-table td {
  border-bottom: none; }

.table.oddeven tr:nth-child(even) {
  background-color: #f9f9f9; }

.table.oddeven tr:nth-child(odd) {
  background-color: #fff; }

/* BUSINESS - MY STAFF TAB */
.businessresults {
  margin-top: 10px; }

.businessresults th {
  background-color: #071a58;
  padding: 5px; }

.businessresults td {
  padding: 5px;
  font-size: 14px; }

.businessresults tr:nth-child(even) {
  background-color: #f9f9f9; }

.businessresults tr:nth-child(odd) {
  background-color: white; }

/* Reports Page */
.body-adduser table {
  background-color: rgba(255, 255, 255, 0.93); }

/**
 * Dashboard Accordions 
 *
 * NOTE: THIS SHOULD BE DECONSTRUCTED AND CREATED AS A GENERIC
*/
.cc_accordion {
  list-style: none;
  width: 100%;
  margin: 0 !important;
  padding: 0;
  overflow: hidden;
  -webkit-perspective: 900;
  -ms-perspective: 900;
  perspective: 900; }
  .cc_accordion li {
    position: relative;
    padding: 0;
    margin: 0; }
    .cc_accordion li:nth-of-type(1) {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s; }
    .cc_accordion li:before {
      content: "";
      display: none;
      list-style: none;
      list-style-type: none;
      margin-left: 0;
      left: 0; }
    .cc_accordion li:first-child h2 {
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; }
    .cc_accordion li:last-child h2 {
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }
    .cc_accordion li:last-child h2.last-collapsed {
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }
    .cc_accordion li:last-child h2.last-expanded {
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px; }
    .cc_accordion li:last-child input[type=checkbox]:checked ~ h2 {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .cc_accordion li:hover h2 {
      color: #C9171F; }
    .cc_accordion li i {
      position: absolute;
      top: -4px;
      right: 0;
      margin: 24px;
      -webkit-transform: translate(-6px, 0);
      -ms-transform: translate(-6px, 0);
      transform: translate(-6px, 0); }
      .cc_accordion li i:before {
        content: "";
        position: absolute;
        background-color: #FFF;
        width: 4px;
        height: 12px;
        border-radius: 4px;
        -webkit-transform: translate(4px, 0) rotate(45deg);
        -ms-transform: translate(4px, 0) rotate(45deg);
        transform: translate(4px, 0) rotate(45deg); }
      .cc_accordion li i:after {
        content: "";
        position: absolute;
        background-color: #FFF;
        width: 4px;
        height: 12px;
        border-radius: 4px;
        -webkit-transform: translate(-2px, 0) rotate(-45deg);
        -ms-transform: translate(-2px, 0) rotate(-45deg);
        transform: translate(-2px, 0) rotate(-45deg); }
    .cc_accordion li input[type=checkbox] {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
      z-index: 1;
      cursor: pointer; }
      .cc_accordion li input[type=checkbox]:checked ~ .accordion_content {
        max-height: inherit;
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); }
      .cc_accordion li input[type=checkbox]:checked ~ i:before {
        -webkit-transform: translate(-2px, 0) rotate(45deg);
        -ms-transform: translate(-2px, 0) rotate(45deg);
        transform: translate(-2px, 0) rotate(45deg); }
      .cc_accordion li input[type=checkbox]:checked ~ i:after {
        -webkit-transform: translate(4px, 0) rotate(-45deg);
        -ms-transform: translate(4px, 0) rotate(-45deg);
        transform: translate(4px, 0) rotate(-45deg); }
    .cc_accordion li h2 {
      display: block;
      background-color: #071a58;
      font-size: 1.3em;
      line-height: 24px;
      text-align: left;
      font-weight: 300;
      letter-spacing: 1px;
      color: #fff;
      margin: 0;
      padding: 12px 33px 15px 24px;
      cursor: pointer; }
    .cc_accordion li .accordion_content {
      position: relative;
      background-color: #EFEFEF;
      font-size: 0.9em;
      line-height: 26px;
      letter-spacing: 1px;
      color: rgba(48, 69, 92, 0.8);
      max-height: 0;
      margin-top: 0;
      margin-bottom: 5px;
      padding: 10px 15px 0 15px;
      border-bottom-left-radius: 6px;
      overflow: hidden;
      border-bottom-right-radius: 6px;
      opacity: 0;
      z-index: 2;
      -webkit-transform: translate(0, 50%);
      -ms-transform: translate(0, 50%);
      transform: translate(0, 50%); }
    .cc_accordion li .no-select, .cc_accordion li h2 {
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-user-select: none; }

.accordion_content, .cc_accordion li i:before, .cc_accordion li i:after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* ALPHALINKS
================================================== */
#alphalinks {
  text-align: center;
  margin: 0 auto 24px;
  padding: 0; }

#alphalinks a.navbox {
  background-color: #eee;
  color: #071a58;
  line-height: 4rem;
  text-decoration: none;
  margin: 0;
  padding: 5px 10px; }

#alphalinks a.navbox:hover {
  background-color: #071a58;
  color: #FFF; }

#alphalinks a.navbox.isselected {
  background-color: #071a58;
  color: #FFF;
  text-decoration: none; }

#alphalinks a.navbox.isselected:hover {
  background-color: #eee;
  color: #071a58; }

/* ITEM BOX - COURSE / MODULE BOXES
=====================================================================================
===================================================================================== */
.item_box {
  display: block;
  float: left;
  width: 25%;
  margin: 0; }
  .item_box:nth-of-type(4n+5) {
    clear: left; }
  .item_box .item_container {
    background: #F9F9F9;
    position: relative;
    font-size: 14px;
    width: 210px;
    margin: 0 auto 12px;
    overflow: hidden;
    border: 1px solid #E5E5E5;
    border-radius: 4px; }
    .item_box .item_container:nth-of-type(4n+5) {
      clear: left;
      margin-left: 0; }
    .item_box .item_container img {
      width: 208px;
      height: 208px;
      margin: 0;
      padding: 0;
      border: none; }
    .item_box .item_container .button {
      padding: 0 15px;
      margin: 0 0.3rem 0 0; }
    .item_box .item_container .dashboard_item_info {
      padding: 10px; }
    .item_box .item_container .dashboard_item_link {
      display: block;
      overflow: hidden;
      font-family: 'pantonbold';
      font-size: 18px;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-bottom: 10px; }
    .item_box .item_container .dasbhoard_item_status {
      text-align: center;
      margin-bottom: 10px; }
    .item_box .item_container .dashboard_item_pricing {
      display: block;
      background-color: #eee;
      height: 48px;
      padding: 10px; }
    .item_box .item_container .dashboard_item_pricing span {
      font-family: 'pantonsemibold';
      font-size: 1.6em;
      line-height: 1.3em; }
    .item_box .item_container .dashboard_item_progress_bar {
      display: block;
      margin-bottom: 10px; }
      .item_box .item_container .dashboard_item_progress_bar .progress_percent {
        background: #D9D9D9;
        display: inline-block;
        width: 130px;
        height: 30px;
        border-radius: 4px; }
      .item_box .item_container .dashboard_item_progress_bar .progress_percent span {
        display: block;
        height: 30px;
        background: #071a58;
        border-radius: 4px; }
      .item_box .item_container .dashboard_item_progress_bar .progress_value {
        float: right;
        font-size: 130%;
        line-height: 30px;
        text-align: right; }
    .item_box .item_container .dashboard_item_ribbon {
      position: absolute;
      float: right;
      background-color: #C9171F;
      top: 24px;
      right: -41px;
      width: 171px;
      height: 42px;
      color: #fff;
      font-weight: bold;
      font-size: 1.3rem;
      line-height: 1.7rem;
      text-align: center;
      padding-top: 4px;
      text-transform: uppercase;
      -webkit-box-shadow: 0px 3px 5px 0px rgba(61, 49, 4, 0.24);
      box-shadow: 0px 3px 5px 0px rgba(61, 49, 4, 0.24);
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .item_box .item_container .dashboard_item_cpd {
      position: absolute;
      background-color: #C9171F;
      top: 185px;
      right: 8px;
      color: #fff;
      font-size: 11px;
      line-height: 14px;
      text-transform: uppercase;
      border-radius: 3px;
      padding: 5px 10px; }
    .item_box .item_container .btn_portal_learnmore {
      display: block;
      height: 60px;
      padding: 12px; }
    .item_box .item_container .btn_portal_learnmore a {
      width: 100%;
      margin-right: 0 !important; }

@media screen and (max-width: 1025px) {
  /* 3x column display */
  .item_box {
    width: 33%;
    margin: 0 auto 12px; }

  .item_box:nth-of-type(2n+3) {
    clear: none; }

  /* first item on next line */
  .item_box:nth-of-type(3n+4) {
    clear: left; }

  /* first item on next line */
  .item_box:nth-of-type(4n+5) {
    clear: none; }

  /* first item on next line */ }
@media screen and (max-width: 800px) {
  /* 2x column display */
  .item_box {
    width: 50%;
    margin: 0 auto 12px; }

  .item_box:nth-of-type(2n+3) {
    clear: left; }

  /* first item on next line */
  .item_box:nth-of-type(3n+4) {
    clear: none; }

  /* first item on next line */
  .item_box:nth-of-type(4n+5) {
    clear: none; }

  /* first item on next line */ }
@media screen and (max-width: 530px) {
  /*-- 1x column display --*/
  .item_box {
    width: 100%;
    margin: 0 auto 12px; } }
/* ITEM ROW - COURSE / MODULE ROWS (LIST VIEW)
=====================================================================================
===================================================================================== */
.item_row {
  margin: 0 auto 16px;
  padding-bottom: 24px;
  border-bottom: 2px solid #484848; }
  .item_row:first-of-type {
    padding-top: 6px; }
  .item_row:last-of-type {
    border-bottom: none; }
  .item_row a.button {
    float: right; }
  .item_row img {
    margin: 12px 0 24px;
    width: 220px;
    height: 220px;
    border-radius: 6px;
    border: 1px solid #E1E1E1; }
  .item_row .cart_item_details .cart_item_desc {
    float: right;
    width: calc(100% - 255px);
    margin-top: 6px;
    margin-bottom: 0; }
  .item_row .item_progress_bar {
    float: left;
    width: 220px; }
    .item_row .item_progress_bar .progress_percent {
      background: #D9D9D9;
      display: inline-block;
      width: 155px;
      height: 38px;
      border-radius: 4px; }
    .item_row .item_progress_bar .progress_percent span {
      display: block;
      height: 38px;
      background: #071a58;
      border-radius: 4px; }
    .item_row .item_progress_bar .progress_value {
      float: right;
      font-size: 150%;
      line-height: 38px;
      text-align: right; }
  .item_row .cartitem_registered {
    float: left;
    color: #3FC34C;
    font-family: 'pantonsemibold';
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin: 6px auto 12px; }
  .item_row .pricetag_big {
    float: left;
    width: 220px;
    margin-top: -6px; }

@media screen and (max-width: 660px) {
  .item_row {
    text-align: center; }
    .item_row a.button {
      width: 66%;
      float: none;
      margin: 0 auto 12px; }
    .item_row img {
      display: block;
      margin: 12px auto 24px; }
    .item_row .cart_item_details .cart_item_desc {
      float: none;
      margin: 6px auto 33px;
      width: 100%; }
    .item_row .pricetag_big {
      width: 66%;
      float: none;
      margin: 0 auto 12px; } }
/* TOP RIGHT HEADING BUTTONS - FOR LIST PAGES ONLY
=====================================================================================
===================================================================================== */
.item_h2_buttons {
  float: right;
  margin-top: 6px; }
  .item_h2_buttons .button {
    margin-bottom: 12px; }

@media screen and (max-width: 660px) {
  .item_h2_buttons {
    float: none;
    clear: both;
    text-align: center; }
    .item_h2_buttons a {
      width: 66%; } }
/* PRICE TAG STYLE
=====================================================================================
===================================================================================== */
.pricetag_big {
  background-color: #EFEFEF;
  font-family: 'pantonbold';
  font-size: 24px;
  line-height: 50px;
  text-align: center;
  border-radius: 6px; }

/* DETAILED VIEW - FOR INDIVIDUAL ITEM
=====================================================================================
===================================================================================== */
.item_details h2 {
  float: left;
  width: 100%;
  margin-bottom: 33px; }
.item_details .btns_return {
  position: absolute;
  right: 0;
  top: 3px; }
  .item_details .btns_return .button {
    margin-right: 0; }
.item_details .media_box {
  float: right;
  width: 250px; }
  .item_details .media_box img {
    padding: 0;
    width: 250px;
    margin: 6px 0 24px;
    border: 1px solid #e5e5e5;
    border-radius: 4px; }
  .item_details .media_box .media_video {
    width: 100%;
    max-width: 630px;
    margin: 0 auto 33px; }
  .item_details .media_box .media_video_frame {
    width: 330px;
    height: 190px; }
  .item_details .media_box .media_pricetag {
    width: 250px; }
  .item_details .media_box .item_progress_bar {
    display: block;
    margin-bottom: 10px; }
    .item_details .media_box .item_progress_bar .progress_percent {
      background: #D9D9D9;
      display: inline-block;
      width: 185px;
      height: 38px;
      border-radius: 4px; }
    .item_details .media_box .item_progress_bar .progress_percent span {
      display: block;
      height: 38px;
      background: #071a58;
      border-radius: 4px; }
    .item_details .media_box .item_progress_bar .progress_value {
      float: right;
      font-size: 150%;
      line-height: 38px;
      text-align: right; }
.item_details .view_desc {
  float: left;
  width: calc(100% - 280px);
  margin-top: 0;
  margin-bottom: 39px; }
.item_details .view_info {
  float: left;
  clear: left;
  text-align: left; }
  .item_details .view_info .cartitem_registered {
    color: #3FC34C;
    font-family: 'pantonsemibold';
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin: 0; }

@media screen and (max-width: 660px) {
  .item_details {
    float: none;
    position: relative; }
    .item_details .btns_return {
      position: relative;
      width: 100%;
      margin: 12px auto;
      text-align: center; }
      .item_details .btns_return a {
        width: 66%;
        margin: 0; }
    .item_details .media_box {
      float: none;
      margin: 0 auto; }
    .item_details .view_desc {
      float: none;
      display: block;
      width: 100%;
      margin: 24px auto; }
    .item_details .view_info {
      float: none;
      display: block;
      width: 100%;
      margin: 12px auto;
      text-align: center; }
      .item_details .view_info .button {
        width: 66%;
        margin: 0 0 10px; } }
/* VISITOR PORTAL LOGIN PAGE STYLING ==========================================================================
========================================================================== */
.loginpage_visitor {
  /*-- Style Overrides for BetaBar on the Induction Portal page  --*/ }
  .loginpage_visitor .betabar {
    position: absolute;
    background-color: rgba(225, 225, 225, 0.66);
    z-index: 10; }
  .loginpage_visitor .betabar p {
    padding: 0; }
  .loginpage_visitor main {
    background: url("/files/style/") no-repeat center center;
    background-size: cover; }
  .loginpage_visitor .visitor_wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%; }
    .loginpage_visitor .visitor_wrapper .visitor_logo {
      position: absolute;
      text-align: left;
      top: 24px;
      padding: 0 0 24px 48px; }
    .loginpage_visitor .visitor_wrapper .visitor_logo img {
      width: 360px;
      max-width: inherit; }
    .loginpage_visitor .visitor_wrapper .visitor_box {
      max-width: 650px;
      background-color: rgba(45, 45, 45, 0.93);
      text-align: center;
      margin: 0 auto;
      padding: 20px;
      border-radius: 6px; }
    .loginpage_visitor .visitor_wrapper .visitor_box h1 {
      color: #fff;
      text-align: center;
      margin-bottom: 50px;
      margin-top: 20px; }
    .loginpage_visitor .visitor_wrapper .visitor_box .button {
      width: 90%;
      margin-bottom: 30px;
      font-size: 15px;
      line-height: 54px;
      height: 54px; }
  @media screen and (max-width: 1025px) {
    .loginpage_visitor .visitor_wrapper {
      padding: 0 4% 15% 4%; }
      .loginpage_visitor .visitor_wrapper .visitor_logo {
        position: relative;
        width: 100%;
        margin: 12px auto 24px;
        padding: 12px 0;
        text-align: center; }
      .loginpage_visitor .visitor_wrapper .visitor_logo img {
        width: 60%;
        max-width: 300px; } }

.slider-wrapper {
  margin-top: 1rem;
  border: 2px solid white;
  -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
  max-width: 1024px;
  border-radius: 4px; }

.box {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 2rem;
  border: 2px solid white;
  -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  min-height: 360px;
  background-repeat: no-repeat;
  background-position: bottom right; }
  .box ul {
    padding-left: 18px; }

.box-1 {
  min-height: 400px;
  background-image: url("/templates/default/img/box-bg-1.jpg"); }

.box-2 {
  min-height: 400px;
  background-image: url("/templates/default/img/box-bg-2.jpg"); }

/* INDUCTION PORTAL LOGIN PAGE STYLING ==========================================================================
========================================================================== */
.loginpage_login,
.loginpage_learner,
.loginpage_contractor,
.loginpage_induction {
  /*-- Style Overrides for BetaBar on the Induction Portal page  --*/
  /*-- Base 'FullPage Scrolling' Styling, from Alvaro Trigo - https://github.com/alvarotrigo/fullPage.js, * MIT licensed  --*/
  /*-- Main Induction Page(s) Styling --*/
  /* 1st/Login Page */
  /* 2nd/Choices Page */
  /* MEDIA QUERIES ================================================================================
  ================================================================================================= */ }
  .loginpage_login .betabar,
  .loginpage_learner .betabar,
  .loginpage_contractor .betabar,
  .loginpage_induction .betabar {
    position: fixed;
    background-color: rgba(225, 225, 225, 0.66);
    padding: 0;
    height: auto;
    z-index: 10; }
  .loginpage_login #section0,
  .loginpage_learner #section0,
  .loginpage_contractor #section0,
  .loginpage_induction #section0 {
    background: url("/files/style/") no-repeat center left;
    background-size: cover; }
  .loginpage_login .section,
  .loginpage_learner .section,
  .loginpage_contractor .section,
  .loginpage_induction .section {
    background-size: cover; }
  .loginpage_login .fp-section,
  .loginpage_learner .fp-section,
  .loginpage_contractor .fp-section,
  .loginpage_induction .fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box;
    /* <=28 */
    box-sizing: border-box; }
  .loginpage_login .fp-slide,
  .loginpage_learner .fp-slide,
  .loginpage_contractor .fp-slide,
  .loginpage_induction .fp-slide {
    float: left; }
  .loginpage_login .fp-slide, .loginpage_login .fp-slidesContainer,
  .loginpage_learner .fp-slide,
  .loginpage_learner .fp-slidesContainer,
  .loginpage_contractor .fp-slide,
  .loginpage_contractor .fp-slidesContainer,
  .loginpage_induction .fp-slide,
  .loginpage_induction .fp-slidesContainer {
    height: 100%;
    display: block; }
  .loginpage_login .fp-slides,
  .loginpage_learner .fp-slides,
  .loginpage_contractor .fp-slides,
  .loginpage_induction .fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out; }
  .loginpage_login .fp-section.fp-table, .loginpage_login .fp-slide.fp-table,
  .loginpage_learner .fp-section.fp-table,
  .loginpage_learner .fp-slide.fp-table,
  .loginpage_contractor .fp-section.fp-table,
  .loginpage_contractor .fp-slide.fp-table,
  .loginpage_induction .fp-section.fp-table,
  .loginpage_induction .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%; }
  .loginpage_login .fp-tableCell,
  .loginpage_learner .fp-tableCell,
  .loginpage_contractor .fp-tableCell,
  .loginpage_induction .fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%; }
  .loginpage_login .fp-slidesContainer,
  .loginpage_learner .fp-slidesContainer,
  .loginpage_contractor .fp-slidesContainer,
  .loginpage_induction .fp-slidesContainer {
    float: left;
    position: relative; }
  .loginpage_login .fp-controlArrow,
  .loginpage_learner .fp-controlArrow,
  .loginpage_contractor .fp-controlArrow,
  .loginpage_induction .fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .loginpage_login .fp-controlArrow.fp-prev,
  .loginpage_learner .fp-controlArrow.fp-prev,
  .loginpage_contractor .fp-controlArrow.fp-prev,
  .loginpage_induction .fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent; }
  .loginpage_login .fp-controlArrow.fp-next,
  .loginpage_learner .fp-controlArrow.fp-next,
  .loginpage_contractor .fp-controlArrow.fp-next,
  .loginpage_induction .fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff; }
  .loginpage_login .fp-scrollable,
  .loginpage_learner .fp-scrollable,
  .loginpage_contractor .fp-scrollable,
  .loginpage_induction .fp-scrollable {
    overflow: scroll; }
  .loginpage_login .fp-notransition,
  .loginpage_learner .fp-notransition,
  .loginpage_contractor .fp-notransition,
  .loginpage_induction .fp-notransition {
    -webkit-transition: none !important;
    transition: none !important; }
  .loginpage_login #fp-nav,
  .loginpage_learner #fp-nav,
  .loginpage_contractor #fp-nav,
  .loginpage_induction #fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0); }
  .loginpage_login #fp-nav.right,
  .loginpage_learner #fp-nav.right,
  .loginpage_contractor #fp-nav.right,
  .loginpage_induction #fp-nav.right {
    right: 17px; }
  .loginpage_login #fp-nav.left,
  .loginpage_learner #fp-nav.left,
  .loginpage_contractor #fp-nav.left,
  .loginpage_induction #fp-nav.left {
    left: 17px; }
  .loginpage_login .fp-slidesNav,
  .loginpage_learner .fp-slidesNav,
  .loginpage_contractor .fp-slidesNav,
  .loginpage_induction .fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1; }
  .loginpage_login .fp-slidesNav.bottom,
  .loginpage_learner .fp-slidesNav.bottom,
  .loginpage_contractor .fp-slidesNav.bottom,
  .loginpage_induction .fp-slidesNav.bottom {
    bottom: 17px; }
  .loginpage_login .fp-slidesNav.top,
  .loginpage_learner .fp-slidesNav.top,
  .loginpage_contractor .fp-slidesNav.top,
  .loginpage_induction .fp-slidesNav.top {
    top: 17px; }
  .loginpage_login #fp-nav ul,
  .loginpage_login .fp-slidesNav ul,
  .loginpage_learner #fp-nav ul,
  .loginpage_learner .fp-slidesNav ul,
  .loginpage_contractor #fp-nav ul,
  .loginpage_contractor .fp-slidesNav ul,
  .loginpage_induction #fp-nav ul,
  .loginpage_induction .fp-slidesNav ul {
    margin: 0;
    padding: 0; }
  .loginpage_login #fp-nav ul li,
  .loginpage_login .fp-slidesNav ul li,
  .loginpage_learner #fp-nav ul li,
  .loginpage_learner .fp-slidesNav ul li,
  .loginpage_contractor #fp-nav ul li,
  .loginpage_contractor .fp-slidesNav ul li,
  .loginpage_induction #fp-nav ul li,
  .loginpage_induction .fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative; }
  .loginpage_login .fp-slidesNav ul li,
  .loginpage_learner .fp-slidesNav ul li,
  .loginpage_contractor .fp-slidesNav ul li,
  .loginpage_induction .fp-slidesNav ul li {
    display: inline-block; }
  .loginpage_login #fp-nav ul li a,
  .loginpage_login .fp-slidesNav ul li a,
  .loginpage_learner #fp-nav ul li a,
  .loginpage_learner .fp-slidesNav ul li a,
  .loginpage_contractor #fp-nav ul li a,
  .loginpage_contractor .fp-slidesNav ul li a,
  .loginpage_induction #fp-nav ul li a,
  .loginpage_induction .fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none; }
  .loginpage_login #fp-nav ul li a.active span,
  .loginpage_login .fp-slidesNav ul li a.active span,
  .loginpage_login #fp-nav ul li:hover a.active span,
  .loginpage_login .fp-slidesNav ul li:hover a.active span,
  .loginpage_learner #fp-nav ul li a.active span,
  .loginpage_learner .fp-slidesNav ul li a.active span,
  .loginpage_learner #fp-nav ul li:hover a.active span,
  .loginpage_learner .fp-slidesNav ul li:hover a.active span,
  .loginpage_contractor #fp-nav ul li a.active span,
  .loginpage_contractor .fp-slidesNav ul li a.active span,
  .loginpage_contractor #fp-nav ul li:hover a.active span,
  .loginpage_contractor .fp-slidesNav ul li:hover a.active span,
  .loginpage_induction #fp-nav ul li a.active span,
  .loginpage_induction .fp-slidesNav ul li a.active span,
  .loginpage_induction #fp-nav ul li:hover a.active span,
  .loginpage_induction .fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%; }
  .loginpage_login #fp-nav ul li a span,
  .loginpage_login .fp-slidesNav ul li a span,
  .loginpage_learner #fp-nav ul li a span,
  .loginpage_learner .fp-slidesNav ul li a span,
  .loginpage_contractor #fp-nav ul li a span,
  .loginpage_contractor .fp-slidesNav ul li a span,
  .loginpage_induction #fp-nav ul li a span,
  .loginpage_induction .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
  .loginpage_login #fp-nav ul li:hover a span, .loginpage_login .fp-slidesNav ul li:hover a span,
  .loginpage_learner #fp-nav ul li:hover a span,
  .loginpage_learner .fp-slidesNav ul li:hover a span,
  .loginpage_contractor #fp-nav ul li:hover a span,
  .loginpage_contractor .fp-slidesNav ul li:hover a span,
  .loginpage_induction #fp-nav ul li:hover a span,
  .loginpage_induction .fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px; }
  .loginpage_login #fp-nav ul li .fp-tooltip,
  .loginpage_learner #fp-nav ul li .fp-tooltip,
  .loginpage_contractor #fp-nav ul li .fp-tooltip,
  .loginpage_induction #fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0; }
  .loginpage_login #fp-nav ul li:hover .fp-tooltip, .loginpage_login #fp-nav.fp-show-active a.active + .fp-tooltip,
  .loginpage_learner #fp-nav ul li:hover .fp-tooltip,
  .loginpage_learner #fp-nav.fp-show-active a.active + .fp-tooltip,
  .loginpage_contractor #fp-nav ul li:hover .fp-tooltip,
  .loginpage_contractor #fp-nav.fp-show-active a.active + .fp-tooltip,
  .loginpage_induction #fp-nav ul li:hover .fp-tooltip,
  .loginpage_induction #fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1; }
  .loginpage_login #fp-nav ul li .fp-tooltip.right,
  .loginpage_learner #fp-nav ul li .fp-tooltip.right,
  .loginpage_contractor #fp-nav ul li .fp-tooltip.right,
  .loginpage_induction #fp-nav ul li .fp-tooltip.right {
    right: 20px; }
  .loginpage_login #fp-nav ul li .fp-tooltip.left,
  .loginpage_learner #fp-nav ul li .fp-tooltip.left,
  .loginpage_contractor #fp-nav ul li .fp-tooltip.left,
  .loginpage_induction #fp-nav ul li .fp-tooltip.left {
    left: 20px; }
  .loginpage_login .induction_main,
  .loginpage_learner .induction_main,
  .loginpage_contractor .induction_main,
  .loginpage_induction .induction_main {
    margin-top: -12px;
    -webkit-animation: login-fadein 0.9s;
    -moz-animation: login-fadein 0.9s;
    animation: login-fadein 0.9s; }
  .loginpage_login .logo_main,
  .loginpage_learner .logo_main,
  .loginpage_contractor .logo_main,
  .loginpage_induction .logo_main {
    width: 100%;
    margin: 12px auto 15px;
    padding: 12px 0;
    text-align: center; }
  .loginpage_login .logo_main img,
  .loginpage_learner .logo_main img,
  .loginpage_contractor .logo_main img,
  .loginpage_induction .logo_main img {
    width: 48%;
    max-width: 300px; }
  .loginpage_login .induction_login,
  .loginpage_learner .induction_login,
  .loginpage_contractor .induction_login,
  .loginpage_induction .induction_login {
    background-color: rgba(45, 45, 45, 0.93);
    width: 95%;
    max-width: 500px;
    margin: 0 auto;
    padding: 33px 0 24px;
    border-radius: 6px; }
  .loginpage_login .induction_login_form,
  .loginpage_learner .induction_login_form,
  .loginpage_contractor .induction_login_form,
  .loginpage_induction .induction_login_form {
    margin-bottom: 0; }
  .loginpage_login .induction_login .login_input,
  .loginpage_learner .induction_login .login_input,
  .loginpage_contractor .induction_login .login_input,
  .loginpage_induction .induction_login .login_input {
    color: #808080;
    font-size: 17px;
    width: 100%;
    height: 48px;
    padding: 10px; }
  .loginpage_login .induction_login .login_input:-webkit-autofill,
  .loginpage_learner .induction_login .login_input:-webkit-autofill,
  .loginpage_contractor .induction_login .login_input:-webkit-autofill,
  .loginpage_induction .induction_login .login_input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset; }
  .loginpage_login .induction_login .login_buttons,
  .loginpage_learner .induction_login .login_buttons,
  .loginpage_contractor .induction_login .login_buttons,
  .loginpage_induction .induction_login .login_buttons {
    margin-top: 9px; }
  .loginpage_login .login_button,
  .loginpage_learner .login_button,
  .loginpage_contractor .login_button,
  .loginpage_induction .login_button {
    position: relative;
    display: block;
    background-color: transparent;
    color: #fff;
    font-size: 1.5rem;
    width: 100%;
    height: 48px;
    border-color: #fff;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: border-color 0.4s, color 0.4s;
    transition: border-color 0.4s, color 0.4s; }
  .loginpage_login .login_button::before,
  .loginpage_learner .login_button::before,
  .loginpage_contractor .login_button::before,
  .loginpage_induction .login_button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #C9171F;
    border-radius: 4px;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    -ms-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .loginpage_login .login_button,
  .loginpage_login .login_button::before,
  .loginpage_learner .login_button,
  .loginpage_learner .login_button::before,
  .loginpage_contractor .login_button,
  .loginpage_contractor .login_button::before,
  .loginpage_induction .login_button,
  .loginpage_induction .login_button::before {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .loginpage_login .login_button:hover,
  .loginpage_learner .login_button:hover,
  .loginpage_contractor .login_button:hover,
  .loginpage_induction .login_button:hover {
    color: #fff;
    border-color: #C9171F;
    border-radius: 6px; }
  .loginpage_login .login_button:hover::before,
  .loginpage_learner .login_button:hover::before,
  .loginpage_contractor .login_button:hover::before,
  .loginpage_induction .login_button:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .loginpage_login .induction_login #login_error,
  .loginpage_learner .induction_login #login_error,
  .loginpage_contractor .induction_login #login_error,
  .loginpage_induction .induction_login #login_error {
    color: #FF6C37;
    padding: 9px 0 24px;
    text-align: center; }
  .loginpage_login .induction_login .forgot_password_link,
  .loginpage_learner .induction_login .forgot_password_link,
  .loginpage_contractor .induction_login .forgot_password_link,
  .loginpage_induction .induction_login .forgot_password_link {
    font-family: 'pantonbold';
    text-align: center;
    padding-top: 9px; }
  .loginpage_login .frontpage_register_links,
  .loginpage_learner .frontpage_register_links,
  .loginpage_contractor .frontpage_register_links,
  .loginpage_induction .frontpage_register_links {
    text-align: center;
    margin: 48px 0 12px; }
  .loginpage_login .induction_login .login_rememberme,
  .loginpage_learner .induction_login .login_rememberme,
  .loginpage_contractor .induction_login .login_rememberme,
  .loginpage_induction .induction_login .login_rememberme {
    font-family: 'pantonbold';
    float: left;
    left: 22%;
    color: #fff; }
  .loginpage_login .login_rememberme,
  .loginpage_learner .login_rememberme,
  .loginpage_contractor .login_rememberme,
  .loginpage_induction .login_rememberme {
    position: relative;
    margin: 0 auto;
    text-align: center; }
  .loginpage_login .induction_checkbox,
  .loginpage_learner .induction_checkbox,
  .loginpage_contractor .induction_checkbox,
  .loginpage_induction .induction_checkbox {
    margin-right: 28px; }
  .loginpage_login .login_rememberme label,
  .loginpage_learner .login_rememberme label,
  .loginpage_contractor .login_rememberme label,
  .loginpage_induction .login_rememberme label {
    cursor: pointer;
    position: absolute;
    font-size: 2.2rem;
    width: 24px;
    height: 24px;
    top: 1px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
    background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
    background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
    background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
    background: -o-linear-gradient(top, #222 0%, #45484d 100%);
    background: linear-gradient(top, #222 0%, #45484d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 ); }
  .loginpage_login .login_rememberme label:after,
  .loginpage_learner .login_rememberme label:after,
  .loginpage_contractor .login_rememberme label:after,
  .loginpage_induction .login_rememberme label:after {
    content: '';
    position: absolute;
    background-color: transparent;
    top: 6px;
    left: 4px;
    width: 15px;
    height: 9px;
    border: 3px solid #C9171F;
    border-top: none;
    border-right: none;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .loginpage_login .login_rememberme label:hover::after,
  .loginpage_learner .login_rememberme label:hover::after,
  .loginpage_contractor .login_rememberme label:hover::after,
  .loginpage_induction .login_rememberme label:hover::after {
    opacity: 0.3; }
  .loginpage_login .login_rememberme input[type=checkbox]:checked + label:after,
  .loginpage_learner .login_rememberme input[type=checkbox]:checked + label:after,
  .loginpage_contractor .login_rememberme input[type=checkbox]:checked + label:after,
  .loginpage_induction .login_rememberme input[type=checkbox]:checked + label:after {
    opacity: 1; }
  .loginpage_login .links_legal,
  .loginpage_learner .links_legal,
  .loginpage_contractor .links_legal,
  .loginpage_induction .links_legal {
    margin-top: 12px;
    margin-bottom: -12px; }
  .loginpage_login .links_legal ul,
  .loginpage_learner .links_legal ul,
  .loginpage_contractor .links_legal ul,
  .loginpage_induction .links_legal ul {
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 12px auto -20px; }
  .loginpage_login .links_legal li,
  .loginpage_learner .links_legal li,
  .loginpage_contractor .links_legal li,
  .loginpage_induction .links_legal li {
    display: list-item;
    background-color: rgba(45, 45, 45, 0.93);
    margin: 0;
    padding: 0;
    height: 48px;
    border-bottom: 1px solid rgba(42, 40, 40, 0.78); }
  .loginpage_login .links_legal li:first-child,
  .loginpage_learner .links_legal li:first-child,
  .loginpage_contractor .links_legal li:first-child,
  .loginpage_induction .links_legal li:first-child {
    -webkit-box-shadow: 0px -3px 3px -1px rgba(36, 24, 8, 0.3);
    box-shadow: 0px -3px 3px -1px rgba(36, 24, 8, 0.3); }
  .loginpage_login .links_legal li:last-child,
  .loginpage_learner .links_legal li:last-child,
  .loginpage_contractor .links_legal li:last-child,
  .loginpage_induction .links_legal li:last-child {
    border-radius: 0 0 4px 4px;
    border-bottom: 0; }
  .loginpage_login .links_legal li a,
  .loginpage_learner .links_legal li a,
  .loginpage_contractor .links_legal li a,
  .loginpage_induction .links_legal li a {
    display: block;
    font-family: 'pantonbold';
    font-size: 1.7rem;
    line-height: 4.8rem; }
  .loginpage_login .links_legal li a:hover,
  .loginpage_learner .links_legal li a:hover,
  .loginpage_contractor .links_legal li a:hover,
  .loginpage_induction .links_legal li a:hover {
    background-color: rgba(37, 36, 36, 0.78);
    color: #97141A; }
  .loginpage_login .btn_induction_register,
  .loginpage_learner .btn_induction_register,
  .loginpage_contractor .btn_induction_register,
  .loginpage_induction .btn_induction_register {
    margin: 33px auto;
    width: 85%;
    max-width: 460px;
    height: 48px;
    font-size: 1.5rem;
    line-height: 4.6rem;
    -webkit-transition: color 0.3s;
    transition: color 0.3s; }
    .loginpage_login .btn_induction_register:before,
    .loginpage_learner .btn_induction_register:before,
    .loginpage_contractor .btn_induction_register:before,
    .loginpage_induction .btn_induction_register:before {
      display: none; }
    .loginpage_login .btn_induction_register span,
    .loginpage_learner .btn_induction_register span,
    .loginpage_contractor .btn_induction_register span,
    .loginpage_induction .btn_induction_register span {
      display: none; }
    .loginpage_login .btn_induction_register:hover span,
    .loginpage_learner .btn_induction_register:hover span,
    .loginpage_contractor .btn_induction_register:hover span,
    .loginpage_induction .btn_induction_register:hover span {
      opacity: 0; }
  .loginpage_login .induct_opt_main,
  .loginpage_learner .induct_opt_main,
  .loginpage_contractor .induct_opt_main,
  .loginpage_induction .induct_opt_main {
    width: 93%;
    margin: 24px auto 200px; }
  .loginpage_login #section1 h2, .loginpage_login #section1 h4, .loginpage_login #section1 h5,
  .loginpage_learner #section1 h2,
  .loginpage_learner #section1 h4,
  .loginpage_learner #section1 h5,
  .loginpage_contractor #section1 h2,
  .loginpage_contractor #section1 h4,
  .loginpage_contractor #section1 h5,
  .loginpage_induction #section1 h2,
  .loginpage_induction #section1 h4,
  .loginpage_induction #section1 h5 {
    color: #2B2B2B; }
  .loginpage_login .induction_options,
  .loginpage_learner .induction_options,
  .loginpage_contractor .induction_options,
  .loginpage_induction .induction_options {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 6px;
    padding: 6px; }
  .loginpage_login .induction_options p,
  .loginpage_learner .induction_options p,
  .loginpage_contractor .induction_options p,
  .loginpage_induction .induction_options p {
    padding: 0 12px; }
  .loginpage_login .row induction_options h5,
  .loginpage_learner .row induction_options h5,
  .loginpage_contractor .row induction_options h5,
  .loginpage_induction .row induction_options h5 {
    font-size: 1.2rem; }
  .loginpage_login .induct_opt_first,
  .loginpage_learner .induct_opt_first,
  .loginpage_contractor .induct_opt_first,
  .loginpage_induction .induct_opt_first {
    margin: 0 auto 24px;
    left: 0;
    right: 0; }
  .loginpage_login .induct_opt_first:after,
  .loginpage_learner .induct_opt_first:after,
  .loginpage_contractor .induct_opt_first:after,
  .loginpage_induction .induct_opt_first:after {
    content: "";
    display: block;
    position: relative;
    background-color: #e0e0e0;
    width: 93%;
    height: 6px;
    margin: 0 auto;
    margin-top: 39px;
    right: 0%;
    border-radius: 3px; }
  .loginpage_login .induction_options img,
  .loginpage_learner .induction_options img,
  .loginpage_contractor .induction_options img,
  .loginpage_induction .induction_options img {
    display: block;
    margin: 0 auto 24px; }
  .loginpage_login .icon_building, .loginpage_login .icon_contractor,
  .loginpage_learner .icon_building,
  .loginpage_learner .icon_contractor,
  .loginpage_contractor .icon_building,
  .loginpage_contractor .icon_contractor,
  .loginpage_induction .icon_building,
  .loginpage_induction .icon_contractor {
    width: 57%;
    height: 183px; }
  .loginpage_login .induction_options h4,
  .loginpage_learner .induction_options h4,
  .loginpage_contractor .induction_options h4,
  .loginpage_induction .induction_options h4 {
    margin-bottom: 24px; }
  .loginpage_login .induct_opt_text,
  .loginpage_learner .induct_opt_text,
  .loginpage_contractor .induct_opt_text,
  .loginpage_induction .induct_opt_text {
    margin-bottom: 24px; }
  .loginpage_login .induct_opt_text p,
  .loginpage_learner .induct_opt_text p,
  .loginpage_contractor .induct_opt_text p,
  .loginpage_induction .induct_opt_text p {
    margin-bottom: 0.9rem; }
  .loginpage_login .btn_induct_option,
  .loginpage_learner .btn_induct_option,
  .loginpage_contractor .btn_induct_option,
  .loginpage_induction .btn_induct_option {
    position: relative;
    display: block;
    background-color: #fff;
    color: #2B2B2B;
    margin-bottom: 24px;
    border-color: #fff;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: border-color 0.4s, color 0.4s;
    transition: border-color 0.4s, color 0.4s; }
  .loginpage_login .btn_induct_option::before,
  .loginpage_learner .btn_induct_option::before,
  .loginpage_contractor .btn_induct_option::before,
  .loginpage_induction .btn_induct_option::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2B2B2B;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    -ms-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .loginpage_login .btn_induct_option,
  .loginpage_login .btn_induct_option::before,
  .loginpage_learner .btn_induct_option,
  .loginpage_learner .btn_induct_option::before,
  .loginpage_contractor .btn_induct_option,
  .loginpage_contractor .btn_induct_option::before,
  .loginpage_induction .btn_induct_option,
  .loginpage_induction .btn_induct_option::before {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .loginpage_login .btn_induct_option:hover,
  .loginpage_learner .btn_induct_option:hover,
  .loginpage_contractor .btn_induct_option:hover,
  .loginpage_induction .btn_induct_option:hover {
    color: #fff;
    border-color: #2B2B2B; }
  .loginpage_login .btn_induct_option:hover::before,
  .loginpage_learner .btn_induct_option:hover::before,
  .loginpage_contractor .btn_induct_option:hover::before,
  .loginpage_induction .btn_induct_option:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .loginpage_login .induct_copyright_info,
  .loginpage_learner .induct_copyright_info,
  .loginpage_contractor .induct_copyright_info,
  .loginpage_induction .induct_copyright_info {
    width: 48%;
    margin: 0 0 48px 24px; }
  .loginpage_login .induct_copyright_info p,
  .loginpage_learner .induct_copyright_info p,
  .loginpage_contractor .induct_copyright_info p,
  .loginpage_induction .induct_copyright_info p {
    color: #2A2A2A;
    font-size: 1.2rem;
    line-height: 2.2rem;
    margin-bottom: 1rem;
    padding-right: 24px; }
  .loginpage_login .induct_copyright_info a,
  .loginpage_learner .induct_copyright_info a,
  .loginpage_contractor .induct_copyright_info a,
  .loginpage_induction .induct_copyright_info a {
    color: #d3bcce; }
  .loginpage_login .induct_copyright_info a:hover,
  .loginpage_learner .induct_copyright_info a:hover,
  .loginpage_contractor .induct_copyright_info a:hover,
  .loginpage_induction .induct_copyright_info a:hover {
    color: #5f3a57; }
  @media screen and (min-width: 480px) {
    .loginpage_login .induction_login .login_rememberme,
    .loginpage_learner .induction_login .login_rememberme,
    .loginpage_contractor .induction_login .login_rememberme,
    .loginpage_induction .induction_login .login_rememberme {
      left: 28%; } }
  @media screen and (min-width: 550px) {
    .loginpage_login .induction_login .login_rememberme,
    .loginpage_learner .induction_login .login_rememberme,
    .loginpage_contractor .induction_login .login_rememberme,
    .loginpage_induction .induction_login .login_rememberme {
      display: block;
      position: absolute;
      left: 30%; }
    .loginpage_login .induction_login .forgot_password_link,
    .loginpage_learner .induction_login .forgot_password_link,
    .loginpage_contractor .induction_login .forgot_password_link,
    .loginpage_induction .induction_login .forgot_password_link {
      display: block;
      position: relative;
      width: 200%;
      margin-top: 33px; }
    .loginpage_login .induction_options,
    .loginpage_learner .induction_options,
    .loginpage_contractor .induction_options,
    .loginpage_induction .induction_options {
      margin-top: 48px; }
    .loginpage_login #section1 h4,
    .loginpage_learner #section1 h4,
    .loginpage_contractor #section1 h4,
    .loginpage_induction #section1 h4 {
      width: 84%; }
    .loginpage_login .induct_opt_main,
    .loginpage_learner .induct_opt_main,
    .loginpage_contractor .induct_opt_main,
    .loginpage_induction .induct_opt_main {
      margin-bottom: 120px; }
    .loginpage_login .induct_opt_first,
    .loginpage_learner .induct_opt_first,
    .loginpage_contractor .induct_opt_first,
    .loginpage_induction .induct_opt_first {
      position: absolute;
      width: 88%; }
    .loginpage_login .induct_opt,
    .loginpage_learner .induct_opt,
    .loginpage_contractor .induct_opt,
    .loginpage_induction .induct_opt {
      position: relative;
      display: block;
      width: 188%;
      margin-top: 552px; }
    .loginpage_login .icon_building, .loginpage_login .icon_contractor,
    .loginpage_learner .icon_building,
    .loginpage_learner .icon_contractor,
    .loginpage_contractor .icon_building,
    .loginpage_contractor .icon_contractor,
    .loginpage_induction .icon_building,
    .loginpage_induction .icon_contractor {
      width: 48%;
      height: 160px; }
    .loginpage_login .btn_induct_option,
    .loginpage_learner .btn_induct_option,
    .loginpage_contractor .btn_induct_option,
    .loginpage_induction .btn_induct_option {
      margin-top: 39px; }
    .loginpage_login .induct_copyright_info,
    .loginpage_learner .induct_copyright_info,
    .loginpage_contractor .induct_copyright_info,
    .loginpage_induction .induct_copyright_info {
      padding-bottom: 15px; } }
  @media screen and (min-width: 660px) {
    .loginpage_login #section0,
    .loginpage_learner #section0,
    .loginpage_contractor #section0,
    .loginpage_induction #section0 {
      background-position: top 60% right 40%; }
    .loginpage_login #section1,
    .loginpage_learner #section1,
    .loginpage_contractor #section1,
    .loginpage_induction #section1 {
      background-size: 420px;
      background-position: bottom -157px right -210px; }
    .loginpage_login #section1 h4,
    .loginpage_learner #section1 h4,
    .loginpage_contractor #section1 h4,
    .loginpage_induction #section1 h4 {
      width: 60%; }
    .loginpage_login .induct_opt_main,
    .loginpage_learner .induct_opt_main,
    .loginpage_contractor .induct_opt_main,
    .loginpage_induction .induct_opt_main {
      margin-bottom: 200px; }
    .loginpage_login .induct_opt,
    .loginpage_learner .induct_opt,
    .loginpage_contractor .induct_opt,
    .loginpage_induction .induct_opt {
      margin-top: 630px; }
    .loginpage_login .induction_options h4,
    .loginpage_learner .induction_options h4,
    .loginpage_contractor .induction_options h4,
    .loginpage_induction .induction_options h4 {
      margin-bottom: 39px; }
    .loginpage_login .icon_building, .loginpage_login .icon_contractor,
    .loginpage_learner .icon_building,
    .loginpage_learner .icon_contractor,
    .loginpage_contractor .icon_building,
    .loginpage_contractor .icon_contractor,
    .loginpage_induction .icon_building,
    .loginpage_induction .icon_contractor {
      width: 57%;
      height: 220px; }
    .loginpage_login .induct_copyright_info,
    .loginpage_learner .induct_copyright_info,
    .loginpage_contractor .induct_copyright_info,
    .loginpage_induction .induct_copyright_info {
      margin: 0 0 0 48px; }
    .loginpage_login .induct_copyright_info p,
    .loginpage_learner .induct_copyright_info p,
    .loginpage_contractor .induct_copyright_info p,
    .loginpage_induction .induct_copyright_info p {
      font-size: 1.4rem; } }
  @media screen and (min-width: 840px) {
    .loginpage_login .login_links,
    .loginpage_learner .login_links,
    .loginpage_contractor .login_links,
    .loginpage_induction .login_links {
      margin: -9px 0 6px 0; }
    .loginpage_login .induction_login .login_rememberme,
    .loginpage_learner .induction_login .login_rememberme,
    .loginpage_contractor .induction_login .login_rememberme,
    .loginpage_induction .induction_login .login_rememberme {
      position: relative;
      left: 0; }
    .loginpage_login .induction_login .forgot_password_link,
    .loginpage_learner .induction_login .forgot_password_link,
    .loginpage_contractor .induction_login .forgot_password_link,
    .loginpage_induction .induction_login .forgot_password_link {
      text-align: right;
      width: 100%;
      margin-top: 0;
      padding-top: 0; }
    .loginpage_login .links_legal ul,
    .loginpage_learner .links_legal ul,
    .loginpage_contractor .links_legal ul,
    .loginpage_induction .links_legal ul {
      background-color: rgba(45, 45, 45, 0.93);
      margin-top: -6px;
      border-radius: 0 0 4px 4px;
      -webkit-box-shadow: 0px -3px 3px -1px rgba(36, 24, 8, 0.3);
      box-shadow: 0px -3px 3px -1px rgba(36, 24, 8, 0.3); }
    .loginpage_login .links_legal li,
    .loginpage_learner .links_legal li,
    .loginpage_contractor .links_legal li,
    .loginpage_induction .links_legal li {
      display: inline;
      background-color: transparent;
      margin: 0 18px;
      padding-right: 36px;
      border-right: 3px solid #C9171F;
      border-bottom: none; }
    .loginpage_login .links_legal li:first-child,
    .loginpage_learner .links_legal li:first-child,
    .loginpage_contractor .links_legal li:first-child,
    .loginpage_induction .links_legal li:first-child {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .loginpage_login .links_legal li:last-child,
    .loginpage_learner .links_legal li:last-child,
    .loginpage_contractor .links_legal li:last-child,
    .loginpage_induction .links_legal li:last-child {
      padding-right: 0;
      border-radius: 0;
      border-right: none; }
    .loginpage_login .links_legal li a,
    .loginpage_learner .links_legal li a,
    .loginpage_contractor .links_legal li a,
    .loginpage_induction .links_legal li a {
      display: inline-block;
      font-size: 1.5rem; }
    .loginpage_login .links_legal li a:hover,
    .loginpage_learner .links_legal li a:hover,
    .loginpage_contractor .links_legal li a:hover,
    .loginpage_induction .links_legal li a:hover {
      background-color: transparent; }
    .loginpage_login .induct_opt_first:after,
    .loginpage_learner .induct_opt_first:after,
    .loginpage_contractor .induct_opt_first:after,
    .loginpage_induction .induct_opt_first:after {
      width: 65%; } }
  @media screen and (min-width: 960px) {
    .loginpage_login #section1 h4,
    .loginpage_learner #section1 h4,
    .loginpage_contractor #section1 h4,
    .loginpage_induction #section1 h4 {
      width: 84%; }
    .loginpage_login .induction_options,
    .loginpage_learner .induction_options,
    .loginpage_contractor .induction_options,
    .loginpage_induction .induction_options {
      margin-top: 39px; }
    .loginpage_login .induct_opt_first,
    .loginpage_learner .induct_opt_first,
    .loginpage_contractor .induct_opt_first,
    .loginpage_induction .induct_opt_first {
      position: inherit;
      width: 100%; }
    .loginpage_login .induct_opt_first:after,
    .loginpage_learner .induct_opt_first:after,
    .loginpage_contractor .induct_opt_first:after,
    .loginpage_induction .induct_opt_first:after {
      position: absolute;
      top: -6px;
      right: 50%;
      width: 3px;
      height: 88%; }
    .loginpage_login .induct_opt,
    .loginpage_learner .induct_opt,
    .loginpage_contractor .induct_opt,
    .loginpage_induction .induct_opt {
      position: inherit;
      width: 100%;
      margin-top: 0; }
    .loginpage_login .induct_opt_text,
    .loginpage_learner .induct_opt_text,
    .loginpage_contractor .induct_opt_text,
    .loginpage_induction .induct_opt_text {
      margin-bottom: 24px;
      padding: 0 12px;
      min-height: 280px; }
    .loginpage_login .induct_copyright_info,
    .loginpage_learner .induct_copyright_info,
    .loginpage_contractor .induct_copyright_info,
    .loginpage_induction .induct_copyright_info {
      width: 48%;
      margin: 0 0 -33px 57px; } }
  @media screen and (min-width: 1025px) {
    .loginpage_login .logo_main,
    .loginpage_learner .logo_main,
    .loginpage_contractor .logo_main,
    .loginpage_induction .logo_main {
      position: absolute;
      text-align: left;
      top: 12px;
      padding: 0 0 24px 48px; }
    .loginpage_login .logo_main img,
    .loginpage_learner .logo_main img,
    .loginpage_contractor .logo_main img,
    .loginpage_induction .logo_main img {
      width: 360px;
      max-width: inherit; }
    .loginpage_login .induction_main,
    .loginpage_learner .induction_main,
    .loginpage_contractor .induction_main,
    .loginpage_induction .induction_main {
      margin-top: 120px; }
    .loginpage_login .induction_login .login_button,
    .loginpage_learner .induction_login .login_button,
    .loginpage_contractor .induction_login .login_button,
    .loginpage_induction .induction_login .login_button {
      margin: 12px 0; }
    .loginpage_login .btn_induction_register::before,
    .loginpage_learner .btn_induction_register::before,
    .loginpage_contractor .btn_induction_register::before,
    .loginpage_induction .btn_induction_register::before {
      content: ' \ ';
      position: absolute;
      display: block;
      background-color: #F9F9F9;
      width: 6%;
      height: 6px;
      margin-top: 75px;
      margin-left: 228px;
      -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(0, 1, 1);
      -ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(0, 1, 1);
      transform: rotate3d(0, 0, 1, 45deg) scale3d(0, 1, 1);
      -webkit-transition: -webkit-transform 0.5s;
      transition: transform 0.5s; }
    .loginpage_login .btn_induction_register:hover::before,
    .loginpage_learner .btn_induction_register:hover::before,
    .loginpage_contractor .btn_induction_register:hover::before,
    .loginpage_induction .btn_induction_register:hover::before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
      -ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
      transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); }
    .loginpage_login .btn_induction_register span,
    .loginpage_learner .btn_induction_register span,
    .loginpage_contractor .btn_induction_register span,
    .loginpage_induction .btn_induction_register span {
      position: absolute;
      display: block;
      font-size: 1.5rem;
      font-weight: 400;
      color: #fff;
      text-transform: none;
      font-style: italic;
      margin-left: 291px;
      margin-top: 24px;
      opacity: 0;
      -webkit-transform: translate3d(-10px, -10px, 0);
      -ms-transform: translate3d(-10px, -10px, 0);
      transform: translate3d(-10px, -10px, 0);
      -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
      transition: transform 0.5s, opacity 0.5s; }
    .loginpage_login .btn_induction_register:hover span,
    .loginpage_learner .btn_induction_register:hover span,
    .loginpage_contractor .btn_induction_register:hover span,
    .loginpage_induction .btn_induction_register:hover span {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0) rotate(-2deg);
      -ms-transform: translate3d(0, 0, 0) rotate(-2deg);
      transform: translate3d(0, 0, 0) rotate(-2deg); }
    .loginpage_login .induct_opt_text,
    .loginpage_learner .induct_opt_text,
    .loginpage_contractor .induct_opt_text,
    .loginpage_induction .induct_opt_text {
      min-height: 210px;
      margin-bottom: 12px; }
    .loginpage_login .induct_copyright_info,
    .loginpage_learner .induct_copyright_info,
    .loginpage_contractor .induct_copyright_info,
    .loginpage_induction .induct_copyright_info {
      position: absolute;
      bottom: 0;
      margin-bottom: 42px; } }
  @media screen and (min-width: 1200px) {
    .loginpage_login .induct_opt_text,
    .loginpage_learner .induct_opt_text,
    .loginpage_contractor .induct_opt_text,
    .loginpage_induction .induct_opt_text {
      min-height: 150px; }
    .loginpage_login .induct_copyright_info,
    .loginpage_learner .induct_copyright_info,
    .loginpage_contractor .induct_copyright_info,
    .loginpage_induction .induct_copyright_info {
      margin-bottom: 6px; } }

/* ECOMMERCE PORTAL LOGIN PAGE STYLING ==========================================================================
========================================================================== */
.loginpage_ecommerce {
  /* MEDIA QUERIES ================================================================================
  ================================================================================================= */ }
  .loginpage_ecommerce section {
    padding: 2.4rem 0; }
  .loginpage_ecommerce .ecommerce_login_wrapper {
    background: url("/files/style/") no-repeat center center;
    background-size: cover;
    width: 100%;
    padding: 34px; }
    .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login {
      background-color: rgba(45, 45, 45, 0.93);
      max-width: 510px;
      margin: 0 auto;
      padding: 33px 24px;
      border-radius: 6px; }
      .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login .login_input {
        color: #808080;
        font-size: 17px;
        width: 100%;
        height: 48px;
        padding: 10px; }
        .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login .login_input:-webkit-autofill {
          -webkit-box-shadow: 0 0 0px 1000px white inset; }
      .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login .login_button {
        position: relative;
        display: block;
        background-color: transparent;
        color: #fff;
        font-size: 1.5rem;
        width: 100%;
        height: 48px;
        border-color: #fff;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition: border-color 0.4s, color 0.4s;
        transition: border-color 0.4s, color 0.4s; }
        .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login .login_button:hover {
          color: #fff;
          border-color: #C9171F;
          border-radius: 6px; }
        .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login .login_button:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #C9171F;
          border-radius: 4px;
          z-index: -1;
          opacity: 0;
          -webkit-transform: scale3d(0.7, 1, 1);
          -ms-transform: scale3d(0.7, 1, 1);
          transform: scale3d(0.7, 1, 1);
          -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
          transition: transform 0.4s, opacity 0.4s;
          -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
          transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
          -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
          transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
        .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login .login_button:hover::before {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
      .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login #login_error {
        font-weight: bold;
        text-align: center;
        color: #E03F0A;
        padding: 9px 0 39px; }
      .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login .forgot_password_link {
        font-family: 'pantonbold';
        text-align: center; }
      .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login .frontpage_register_links {
        text-align: center;
        margin: 48px 0 12px; }
      .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login .login_rememberme {
        font-family: 'pantonbold';
        float: left;
        left: 22%;
        color: #fff;
        position: relative;
        margin: 0 auto;
        text-align: center; }
        .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login .login_rememberme label {
          cursor: pointer;
          position: absolute;
          font-size: 2.2rem;
          width: 24px;
          height: 24px;
          top: 1px;
          border-radius: 4px;
          -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
          box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
          background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
          background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
          background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
          background: -o-linear-gradient(top, #222 0%, #45484d 100%);
          background: linear-gradient(top, #222 0%, #45484d 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 ); }
          .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login .login_rememberme label:after {
            content: '';
            position: absolute;
            background-color: transparent;
            top: 6px;
            left: 4px;
            width: 15px;
            height: 9px;
            border: 3px solid #C9171F;
            border-top: none;
            border-right: none;
            opacity: 0;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login .login_rememberme label:hover:after {
            opacity: 0.3; }
        .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login .login_rememberme input[type=checkbox]:checked + label:after {
          opacity: 1; }
      .loginpage_ecommerce .ecommerce_login_wrapper .ecommerce_login .ecommerce_checkbox {
        margin-right: 28px; }
  .loginpage_ecommerce .btn_ecommerce_register {
    margin: 0 auto 33px;
    width: 75%;
    max-width: 390px;
    height: 48px;
    font-size: 1.5rem;
    line-height: 4.6rem;
    -webkit-transition: color 0.3s;
    transition: color 0.3s; }
    .loginpage_ecommerce .btn_ecommerce_register:before {
      display: none; }
    .loginpage_ecommerce .btn_ecommerce_register span {
      display: none; }
    .loginpage_ecommerce .btn_ecommerce_register:hover span {
      opacity: 0; }
  .loginpage_ecommerce .ecomm_courses {
    background-color: #EBEBEB;
    border-top: 1px solid #ddd; }
  .loginpage_ecommerce .ecomm_events {
    background-color: #F2F4F3;
    border-top: 1px solid #DEDEDE; }
  .loginpage_ecommerce .ecomm_media .ecomm_media_items {
    width: 1000px; }
    .loginpage_ecommerce .ecomm_media .ecomm_media_items .ecomm_media_item {
      width: 200px;
      height: 363px;
      margin: 0 auto;
      border-radius: 6px;
      border-bottom-right-radius: 28px;
      background: #97141A; }
      .loginpage_ecommerce .ecomm_media .ecomm_media_items .ecomm_media_item h4 {
        color: #fff;
        margin-bottom: 0;
        padding-left: 20px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
      .loginpage_ecommerce .ecomm_media .ecomm_media_items .ecomm_media_item h3 {
        color: #fff;
        font-size: 2rem;
        padding-left: 20px; }
      .loginpage_ecommerce .ecomm_media .ecomm_media_items .ecomm_media_item h3:hover {
        color: rgba(255, 255, 255, 0.75); }
      .loginpage_ecommerce .ecomm_media .ecomm_media_items .ecomm_media_item h2 {
        position: absolute;
        text-align: left;
        bottom: -13px;
        color: #fff;
        font-size: 3rem;
        padding-left: 20px; }
      .loginpage_ecommerce .ecomm_media .ecomm_media_items .ecomm_media_item img {
        width: 100%; }
    .loginpage_ecommerce .ecomm_media .ecomm_media_items .owl-controls {
      margin-top: 24px;
      height: 22px;
      text-align: center;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: transparent; }
      .loginpage_ecommerce .ecomm_media .ecomm_media_items .owl-controls .owl-page {
        display: inline-block;
        zoom: 1; }
        .loginpage_ecommerce .ecomm_media .ecomm_media_items .owl-controls .owl-page span {
          display: block;
          width: 12px;
          height: 12px;
          margin: 5px 7px;
          filter: Alpha(Opacity=50);
          opacity: 0.5;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          border-radius: 20px;
          background: #869791; }
        .loginpage_ecommerce .ecomm_media .ecomm_media_items .owl-controls .owl-page.active span, .loginpage_ecommerce .ecomm_media .ecomm_media_items .owl-controls .owl-page:hover span {
          filter: Alpha(Opacity=100);
          opacity: 1; }
  .loginpage_ecommerce .ecomm_media .btn_ecomm_seeall {
    width: 39%;
    margin-top: 24px; }
  @media screen and (max-width: 1200px) {
    .loginpage_ecommerce .ecomm_media .ecomm_media_items {
      width: 770px;
      margin: 0 auto; } }
  @media screen and (max-width: 930px) {
    .loginpage_ecommerce .ecomm_media .ecomm_media_items {
      width: 530px;
      margin: 0 auto; } }
  @media screen and (max-width: 660px) {
    .loginpage_ecommerce .btn_ecommerce_register {
      width: 90%; }
    .loginpage_ecommerce .ecomm_media .ecomm_media_items {
      width: 255px;
      margin: 0 auto; } }

@-webkit-keyframes login-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2em);
    -ms-transform: translateY(2em);
    transform: translateY(2em); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@-moz-keyframes login-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2em);
    -ms-transform: translateY(2em);
    transform: translateY(2em); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@keyframes login-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2em);
    -ms-transform: translateY(2em);
    transform: translateY(2em); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
/* EDIT PROFILE
================================================== */
a#changepwd {
  background-color: #f3f3f3;
  font-size: 14px;
  color: #000;
  text-decoration: none;
  padding: 5px;
  border: 1px solid #b4b4b4; }

#div_updatepwd {
  background-color: #f0f0f0;
  margin-top: 10px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px; }
  #div_updatepwd button {
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0; }
  #div_updatepwd button:last-of-type {
    margin-bottom: 0; }

#userprofilepic label {
  font-size: 15px;
  font-weight: bold; }
#userprofilepic small {
  font-size: 14px; }
#userprofilepic img {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 auto 20px;
  padding: 0;
  border-radius: 6px;
  border: 1px solid #e5e5e5; }

.editprofile_info {
  display: block;
  width: 100%;
  margin-bottom: 15px; }

.editprofile_btns {
  display: block;
  margin-bottom: 57px; }

.editprofile_btns button {
  display: block;
  width: 160px;
  margin: 0 auto 15px; }

.editprofile select,
.editprofile input {
  width: 100%;
  padding-left: 12px; }

/* USER UPLOAD POPUP - UPLOAD FILE / EXPIRY DATES
================================================== */
.user_uploads_container {
  visibility: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -200px;
  z-index: 101;
  width: 360px; }
  .user_uploads_container .user_uploads_content {
    background-color: #fff;
    padding: 15px 20px;
    border-radius: 6px; }
    .user_uploads_container .user_uploads_content .button {
      margin-left: 0; }
  .user_uploads_container .user_uploads_blackout {
    position: fixed;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.3;
    z-index: -1; }

@media screen and (min-width: 550px) {
  .editprofile_btns {
    display: inline-block;
    margin: 6px 0 3px; }

  .editprofile_btns button {
    float: left;
    margin: inherit; }

  .editprofile_btns button:first-of-type {
    margin-right: 48px; } }
@media screen and (min-width: 660px) {
  #userprofilepic img {
    float: left; }

  .editprofile_info {
    float: right;
    text-align: left;
    width: calc(100% - 180px); }

  .editprofile_info h4 {
    text-align: left; } }
@media screen and (min-width: 960px) {
  #editProfileInfo {
    float: left;
    width: 36%; }

  #editProfileForm {
    float: right;
    width: 52%; }

  #userprofilepic img {
    float: none; }

  .editprofile_info {
    float: none;
    width: 100%; }

  .editprofile_btns {
    display: block; }

  .editprofile_btns button {
    display: inline;
    float: none;
    width: inherit; }

  .editprofile_btns button:first-of-type {
    margin-right: 12px; }

  .editprofile_hr {
    display: none; } }
/* TRAINING RECORDS
================================================== */
.trainingrecord_selection_bar {
  background-color: #EEE;
  margin: 32px auto;
  padding: 15px 24px;
  border-radius: 6px; }
  .trainingrecord_selection_bar select {
    margin-bottom: 0; }
  .trainingrecord_selection_bar button {
    margin: 0;
    float: right; }

.ep_hidden {
  display: none !important; }

.tr_input_date input,
.tr_input_desc input {
  width: 84% !important;
  min-width: 102px !important;
  padding-left: 9px; }

@media screen and (max-width: 660px) {
  .trainingrecord_selection_bar select {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1.5rem; }
  .trainingrecord_selection_bar button {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 80%;
    float: none; } }
/* TRAINING RECORDS - PRINT
================================================== */
.resume_default {
  background-color: #fff;
  color: #474747;
  font-size: 15px;
  line-height: 1.8em;
  width: 960px;
  margin: 39px auto; }
  .resume_default h1 {
    display: block;
    color: #C9171F;
    background: #EFEFEF;
    border-bottom: 5px solid #E1E1E1;
    font-size: 4em;
    padding: 10px 10px; }
  .resume_default .contact td {
    border-bottom: none; }
  .resume_default .records th:first-child, .resume_default .records td:first-child {
    padding-left: 10px; }
  .resume_default .records th {
    background: #EFEFEF; }

.course_area {
  position: relative;
  margin: 0 auto;
  max-width: 1600px;
  padding: 0 24px;
  box-sizing: border-box; }
  .course_area .course_content {
    float: left;
    display: inline-block;
    width: calc(100% - 360px);
    margin-bottom: 24px; }
    .course_area .course_content.hide_menu {
      width: 100%; }
  .course_area aside {
    float: right;
    width: 330px;
    margin-bottom: 24px; }
  .course_area .hr_cc_divider {
    display: none;
    margin-bottom: 66px; }

.course_page {
  background-color: #EFEFEF;
  width: 100%;
  height: 100%;
  min-height: 240px;
  display: inline-block;
  border-radius: 6px; }
  .course_page .coursepage_title {
    background-color: #C9171F;
    color: #fff;
    width: 100%;
    min-height: 54px;
    padding: 6px 12px 0 15px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 0; }
    .course_page .coursepage_title h3 {
      display: inline-block;
      color: #fff;
      margin-bottom: 0;
      width: calc(100% - 125px);
      padding: 2px 0 7px 18px; }
    .course_page .coursepage_title .courseheader_prevnext {
      font-size: 3.3em;
      color: #fff;
      margin-top: -2px;
      margin-left: 20px;
      margin-right: 5px; }
    .course_page .coursepage_title .courseheader_prevnext:hover {
      text-decoration: none;
      color: #EFEFEF; }
    .course_page .coursepage_title .courseheader_menu {
      font-size: 33px;
      color: #fff;
      margin-top: 7px;
      margin-left: 7px; }
    .course_page .coursepage_title .courseheader_menu:active, .course_page .coursepage_title .courseheader_menu:visited, .course_page .coursepage_title .courseheader_menu:focus {
      color: #fff;
      text-decoration: none; }
    .course_page .coursepage_title .courseheader_menu:hover {
      text-decoration: none;
      color: #EFEFEF; }
  .course_page .coursepage_content {
    width: 100%;
    padding: 33px 33px 12px; }

.coursepage_prevnext {
  width: 100%;
  margin: 33px auto 0;
  text-align: center; }

.coursepage_prevnext a {
  width: 120px;
  margin: 0; }

.coursepage_content .coursepage_prevnext a {
  margin-bottom: 15px; }

.button.btn_submit {
  background-color: #44ba44;
  border-color: #44ba44; }

.button.btn_submit:hover {
  background-color: #399f39;
  border-color: #399f39; }

/*-- Accordion Navigation --*/
.course_nav {
  width: 100%; }
  .course_nav h3 {
    display: block;
    background-color: #C9171F;
    color: #fff;
    font-size: 2.4rem;
    min-height: 54px;
    margin-bottom: 0;
    padding: 12px 12px 9px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
  .course_nav .accordion {
    width: 100%;
    margin: 0 auto 48px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden; }
    .course_nav .accordion li {
      display: block;
      list-style: none;
      position: relative;
      font-size: 14px;
      line-height: 5.2rem;
      margin: 0; }
      .course_nav .accordion li a {
        display: block;
        color: #071a58;
        line-height: 30px;
        padding-top: 10px;
        padding-bottom: 11px;
        text-decoration: none;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease; }
      .course_nav .accordion li.section span {
        display: block;
        padding-left: 60px;
        background-color: #2d2d2d;
        border-bottom: 1px dashed #454444;
        color: #fff;
        font-weight: 700;
        cursor: pointer; }
        .course_nav .accordion li.section span:hover {
          background-color: #2d2d2d; }
        .course_nav .accordion li.section span i {
          position: absolute;
          top: 18px;
          left: 24px;
          color: #595959;
          font-size: 18px;
          -webkit-transition: all 0.4s ease;
          transition: all 0.4s ease; }
          .course_nav .accordion li.section span i.fa-chevron-down {
            right: 12px;
            left: auto;
            font-size: 16px; }
      .course_nav .accordion li.assessment {
        background-color: #EFEFEF;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
        padding-left: 60px;
        font-weight: 700; }
        .course_nav .accordion li.assessment.active {
          background-color: #ddd; }
      .course_nav .accordion li.page {
        background-color: #EFEFEF;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
        padding-left: 60px; }
        .course_nav .accordion li.page.active {
          background-color: #ddd; }
      .course_nav .accordion li .submenu {
        display: none;
        margin: 0;
        padding: 0; }
        .course_nav .accordion li .submenu.open {
          display: block; }
      .course_nav .accordion li.assessment:before, .course_nav .accordion li.page:before {
        content: "";
        position: absolute;
        display: block;
        z-index: 100;
        top: 1.3rem;
        left: 0;
        width: 2.4rem;
        height: 2.4rem;
        margin-left: 2rem;
        border: 2px solid #C9171F;
        line-height: 1.5rem;
        text-align: center;
        background-color: #fff;
        border-radius: 100em; }
      .course_nav .accordion li.assessment:after, .course_nav .accordion li.page:after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 2.1em;
        z-index: 90;
        margin-left: 1.5px;
        border-left: 2px solid #C9171F;
        content: ""; }
    .course_nav .accordion > li:last-child:after {
      bottom: 20px; }

@media screen and (max-width: 1025px) {
  .course_area .course_content {
    float: none;
    width: 100%; }
  .course_area aside {
    float: none;
    width: 330px; }
  .course_area .hr_cc_divider {
    display: block; } }
/* ASSESSMENT PAGES
================================================== */
.assessment-break {
  border-bottom: 1px dotted #ccc;
  height: 2px;
  margin-top: 15px; }

.assessment-break:last-of-type {
  margin-bottom: -12px;
  border-bottom: 0; }

.question_separator {
  border-bottom: 1px dotted #ccc;
  height: 2px;
  margin-top: -6px;
  margin-bottom: 33px; }

.question_separator:last-of-type {
  margin-bottom: 0;
  border-bottom: none; }

#QuestionDiv {
  padding-bottom: 20px; }

table.questionTable td {
  padding: 5px;
  border-bottom: 0; }

table.questionTable td input {
  margin-bottom: 0; }

table.questionTable textarea {
  resize: vertical;
  max-height: 240px; }

.question-list {
  background-color: #f9f9f9;
  padding: 24px 33px;
  border-radius: 6px; }

.question-list ul {
  list-style-position: inside;
  margin: 0 0 10px 0;
  padding: 15px; }

.question-text {
  margin-bottom: 10px;
  padding-top: 15px; }

.question-text p {
  color: #000;
  font-size: 14pt; }

.question-correct-answers {
  margin-bottom: 10px;
  font-size: 16px; }

.course_your_answers {
  list-style-type: none; }
  .course_your_answers li.question-ticked {
    background: url(/templates/default/img/checkbox-ticked.jpg) no-repeat;
    line-height: 30px;
    vertical-align: middle;
    padding-left: 30px; }
  .course_your_answers li.question-wrong {
    background: url(/templates/default/img/checkbox-wrong.jpg) no-repeat;
    line-height: 30px;
    vertical-align: middle;
    padding-left: 30px; }
  .course_your_answers li.question-unticked {
    background: url(/templates/default/img/checkbox-unticked.jpg) no-repeat;
    line-height: 30px;
    vertical-align: middle;
    padding-left: 30px; }

/* PAGE HEADING AND BUTTONS - ON LIST VIEW
=====================================================================================
===================================================================================== */
.manageusers_list h2 {
  float: left; }

/* SEARCH BOX - ON LIST VIEW
=====================================================================================
===================================================================================== */
.manageusers_searchbox {
  margin: 0 auto 24px; }
  .manageusers_searchbox label {
    float: left;
    line-height: 36px;
    margin-right: 15px; }
  .manageusers_searchbox select {
    float: left;
    width: 18%;
    margin-right: 15px; }
  .manageusers_searchbox input {
    float: left;
    width: 13%;
    margin-right: 15px; }
  .manageusers_searchbox .btn_search {
    float: right;
    width: 20%; }

@media screen and (max-width: 1025px) {
  .manageusers_searchbox {
    text-align: center; }
    .manageusers_searchbox label {
      float: none; }
    .manageusers_searchbox select {
      width: 100%; }
    .manageusers_searchbox input {
      width: 100%; }
    .manageusers_searchbox .btn_search {
      float: none;
      width: 100%;
      margin: 0; } }
/* MANAGER DASHBOARD STYLING
========================================================================== */
.trainee_list_box {
  display: block;
  float: left;
  width: 25%;
  margin: 0; }
  .trainee_list_box .trainee_list_container {
    position: relative;
    font-size: 14px;
    width: 210px;
    margin: 0 auto 10px;
    padding-bottom: 20px;
    border-bottom: 2px solid #E1E1E1; }
    .trainee_list_box .trainee_list_container img {
      display: block;
      margin: 10px auto;
      width: 187px;
      border: 1px solid #e5e5e5;
      border-radius: 4px; }
    .trainee_list_box .trainee_list_container .trainee_list_details {
      margin: 0 auto;
      text-align: center; }
      .trainee_list_box .trainee_list_container .trainee_list_details .trainee_list_link {
        display: block;
        overflow: hidden;
        font-family: 'pantonbold';
        font-size: 24px;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 10px; }
      .trainee_list_box .trainee_list_container .trainee_list_details p {
        display: block !important;
        font-size: 14px;
        margin: 5px 0px 15px 0px;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }

.btn_manager_switch {
  width: 100%;
  text-align: center;
  margin: 0;
  margin-top: -3px;
  border-radius: 0; }

.mico {
  display: inline-block;
  height: 30px;
  width: 0;
  padding-left: 30px;
  background-image: url("/templates/default/img/sprite_manageusers.png"); }

.mico span {
  position: absolute;
  text-indent: -9999em;
  margin-left: -9999em;
  left: -9999em; }

.micocourse {
  background-position: 0 -30px; }

.micolearningprogram {
  background-position: 0 -30px; }

.micoevents {
  background-position: 0 -60px; }

.micoedit {
  background-position: 0 -90px; }

.micodelete {
  background-position: 0 -120px; }

.micoreset {
  background-position: 0 -150px; }

.micocourse:hover {
  background-position: -30px -30px; }

.micolearningprogram:hover {
  background-position: 0 -30px; }

.micoevents:hover {
  background-position: -30px -60px; }

.micoedit:hover {
  background-position: -30px -90px; }

.micodelete:hover {
  background-position: -30px -120px; }

.micoreset:hover {
  background-position: -30px -150px; }

.mp_userdetails {
  background-color: rgba(255, 255, 255, 0.93); }
  .mp_userdetails table {
    width: 100%; }
    .mp_userdetails table th,
    .mp_userdetails table td {
      padding: 12px 0; }
    .mp_userdetails table.userdetails_table_left {
      display: inline-table;
      width: 46%; }
    .mp_userdetails table.userdetails_table_right {
      display: inline-table;
      width: 46%;
      float: right; }

/* User Details Page */
.heading-bar {
  background-color: #333332;
  font-family: 'pantonbold';
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
  padding: 12px;
  border-radius: 4px; }

@media screen and (max-width: 1025px) {
  .mp_userdetails table.userdetails_table_left {
    display: table;
    width: 100%; }
  .mp_userdetails table.userdetails_table_right {
    display: table;
    width: 100%;
    float: none; }

  /* 3x column display */
  .trainee_list_box {
    width: 33%;
    margin: 0 auto 12px; }

  .trainee_list_box:nth-of-type(2n+3) {
    clear: none; }

  /* first item on next line */
  .trainee_list_box:nth-of-type(3n+4) {
    clear: left; }

  /* first item on next line */
  .trainee_list_box:nth-of-type(4n+5) {
    clear: none; }

  /* first item on next line */ }
@media screen and (max-width: 800px) {
  /* 2x column display */
  .trainee_list_box {
    width: 50%;
    margin: 0 auto 12px; }

  .trainee_list_box:nth-of-type(2n+3) {
    clear: left; }

  /* first item on next line */
  .trainee_list_box:nth-of-type(3n+4) {
    clear: none; }

  /* first item on next line */
  .trainee_list_box:nth-of-type(4n+5) {
    clear: none; }

  /* first item on next line */ }
@media screen and (max-width: 530px) {
  /*-- 1x column display --*/
  .trainee_list_box {
    width: 100%;
    margin: 0 auto 12px; } }
ul.learning_program_courselist {
  clear: both;
  margin-left: 0;
  list-style: none; }
  ul.learning_program_courselist li {
    line-height: 26px;
    background: #EFEFEF;
    border: 1px solid #E1E1E1;
    border-radius: 6px;
    padding: 10px; }
    ul.learning_program_courselist li a {
      color: #071a58; }
    ul.learning_program_courselist li span {
      display: inline-block;
      float: right;
      background: #C9171F;
      color: white;
      border-radius: 6px;
      font-size: 11px;
      text-transform: uppercase;
      padding: 0 10px; }
    ul.learning_program_courselist li.faded span {
      background: #E1E1E1;
      color: white;
      border-radius: 6px;
      font-size: 12px;
      text-transform: uppercase;
      padding: 0 10px; }

@media screen and (min-width: 660px) {
  .learning_program_view img {
    float: right;
    width: inherit;
    max-width: inherit; }

  .learning_program_view .pricetag_big {
    float: right;
    clear: right;
    width: 100%; } }
/* FRONTEND GALLERY */
.gallery-list-albums {
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 6px; }

.gallery-list-albums img {
  width: 140px;
  border-right: 1px solid #ccc;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.gallery-list-albums .gallery-list-text {
  margin-left: 150px; }

.gallery-view-albums {
  list-style: none; }

.gallery-view-albums li {
  float: left;
  margin-right: 10px; }

.gallery-view-albums li a {
  display: block;
  width: 150px;
  height: 150px;
  line-height: 150px;
  border: 1px solid #ccc;
  border-radius: 6px; }

.gallery-view-albums li img {
  max-width: 150px;
  max-height: 150px;
  vertical-align: middle; }

/* PAGE HEADING AND BUTTONS - ON LIST VIEW
=====================================================================================
===================================================================================== */
.events_list h2 {
  float: left; }

/* SEARCH BOX - ON LIST VIEW
=====================================================================================
===================================================================================== */
.events_searchbox {
  margin: 0 auto 24px; }
  .events_searchbox label {
    float: left;
    line-height: 36px;
    margin-right: 15px; }
  .events_searchbox select {
    width: 30%;
    margin-right: 20px; }
  .events_searchbox input {
    width: 30%; }
  .events_searchbox .btn_search {
    float: right;
    width: 20%; }

@media screen and (max-width: 1025px) {
  .events_searchbox {
    text-align: center; }
    .events_searchbox label {
      float: none; }
    .events_searchbox select {
      width: 100%; }
    .events_searchbox input {
      width: 100%; }
    .events_searchbox .btn_search {
      float: none;
      width: 100%;
      margin: 0; } }
.events_register {
  width: 75%;
  margin: 0 auto 24px auto; }
  .events_register td.events_regdetes {
    background-color: #eee;
    font-weight: bold;
    padding-left: 39px; }

@media screen and (max-width: 660px) {
  .events_register {
    width: 100%; } }
/* PAGE HEADING AND BUTTONS - ON LIST VIEW
=====================================================================================
===================================================================================== */
.webinars_list h2 {
  float: left; }

/* SEARCH BOX - ON LIST VIEW
=====================================================================================
===================================================================================== */
.webinars_searchbox {
  margin: 0 auto 24px; }
  .webinars_searchbox label {
    float: left;
    line-height: 36px;
    margin-right: 15px; }
  .webinars_searchbox select {
    width: 30%;
    margin-right: 20px; }
  .webinars_searchbox input {
    width: 30%; }
  .webinars_searchbox .btn_search {
    float: right;
    width: 20%; }

@media screen and (max-width: 1025px) {
  .webinars_searchbox {
    text-align: center; }
    .webinars_searchbox label {
      float: none; }
    .webinars_searchbox select {
      width: 100%; }
    .webinars_searchbox input {
      width: 100%; }
    .webinars_searchbox .btn_search {
      float: none;
      width: 100%;
      margin: 0; } }
/* CART PAGE
=====================================================================================
===================================================================================== */
.webinar_cart .cart_table_itemname {
  margin-bottom: 0; }
.webinar_cart .cc_cart_paybtn {
  float: right;
  width: auto; }
.webinar_cart .cc_cart_btns {
  float: left; }
  .webinar_cart .cc_cart_btns .button {
    width: auto; }

@media screen and (max-width: 660px) {
  .webinar_cart .cc_cart_paybtn {
    float: none;
    display: block;
    width: 66%;
    text-align: center;
    margin: 0 auto; }
  .webinar_cart .cc_cart_btns {
    float: none; }
    .webinar_cart .cc_cart_btns .button {
      display: block;
      width: 66%;
      text-align: center;
      margin: 0 auto 12px; } }
/*===  WEBINARS  ===*/
.webinar_view {
  float: left; }

.webinars h2,
.webinar_view h2 {
  margin-bottom: 24px; }

.mywebinars h2 {
  margin-bottom: 0; }

.webinar_view_times {
  text-align: center;
  margin: 57px auto 48px; }

.webinar_view_info {
  text-align: center;
  margin: 42px auto -12px; }

.webinar_view_info a {
  text-align: center;
  width: 240px; }

.webinar_view_btns a {
  display: block;
  width: 66%;
  margin: 0 auto 20px; }

.mywebinar_item {
  padding: 33px 0 9px; }

.mywebinar_view_times {
  margin: 48px auto 39px; }

.mywebinar_view_times p {
  margin-bottom: 1rem; }

.mywebinar_item_join {
  margin: 39px auto 24px; }

.mywebinar_btn_list {
  display: block;
  width: 66%;
  margin: 12px auto;
  text-align: center; }

@media screen and (min-width: 660px) {
  .webinar_view h2 {
    margin-bottom: 33px; }

  .webinar_view_intro {
    float: right;
    clear: both;
    width: 240px; }

  .webinar_view_desc {
    float: left;
    width: calc(100% - 280px);
    margin-top: 0;
    margin-bottom: 39px; }

  .webinar_view img {
    float: right;
    width: inherit;
    max-width: inherit; }

  .webinar_view .pricetag_big {
    float: right;
    clear: right;
    width: 100%; }

  .webinar_view .cartitem_registered {
    clear: left;
    text-align: left;
    width: inherit;
    margin: -3px auto 12px; }

  .webinar_view_times {
    float: right;
    clear: right;
    text-align: right;
    margin-top: 24px; }

  .webinar_view_info a {
    float: left; }

  .webinar_view_btns {
    position: absolute;
    float: right;
    text-align: right;
    right: 0;
    margin-top: 6px; }

  .webinar_view_btns a {
    width: inherit; }

  .webinar_view_btns a:first-of-type {
    float: left; }

  .webinar_view_btns a:last-of-type {
    float: right;
    margin-left: 24px; }

  .mywebinar_btn_list {
    position: absolute;
    float: right;
    text-align: right;
    top: 0;
    right: -6px;
    margin-top: 6px; }

  .mywebinars h2 {
    margin-bottom: 24px; }

  .mywebinar_item {
    float: left; }

  .mywebinar_item_intro {
    float: left; }

  .webinar_view img {
    float: right;
    width: inherit; }

  .mywebinar_view_times {
    float: left;
    clear: left;
    text-align: left;
    margin-top: 0;
    margin-bottom: 6px; }

  .mywebinar_item_details {
    float: right;
    width: calc(100% - 280px); }

  .mywebinar_item_details p {
    text-align: left; }

  .mywebinar_item_join {
    float: right;
    margin-top: 12px; }

  .mywebinar_btn_list {
    top: 0;
    width: initial; } }
/* PAGE HEADING AND BUTTONS - ON LIST VIEW
=====================================================================================
===================================================================================== */
.jobs_list h2 {
  float: left; }

/* SEARCH BOX - ON LIST VIEW
=====================================================================================
===================================================================================== */
.jobs_searchbox {
  margin: 0 auto 24px; }
  .jobs_searchbox label {
    float: left;
    line-height: 36px;
    margin-right: 15px; }
  .jobs_searchbox select {
    width: 50%;
    margin-right: 20px; }
  .jobs_searchbox input {
    width: 50%; }
  .jobs_searchbox .btn_search {
    float: right;
    width: 20%; }

@media screen and (max-width: 1025px) {
  .jobs_searchbox {
    text-align: center; }
    .jobs_searchbox label {
      float: none; }
    .jobs_searchbox select {
      width: 100%; }
    .jobs_searchbox input {
      width: 100%; }
    .jobs_searchbox .btn_search {
      float: none;
      width: 100%;
      margin: 0; } }
/*===  JOBS  ===*/
.jobs_list .item_row .cart_item_desc {
  width: 100% !important; }

.btn_jobapply {
  width: 240px; }

@media screen and (max-width: 660px) {
  .btn_jobapply {
    display: block;
    width: 100%;
    margin: 12px auto;
    text-align: center;
    width: 66%; } }
/* PAGE HEADING AND BUTTONS - ON LIST VIEW
=====================================================================================
===================================================================================== */
.eshop_list h2 {
  float: left; }

/* SEARCH BOX - ON LIST VIEW
=====================================================================================
===================================================================================== */
.eshop_searchbox {
  margin: 0 auto 24px; }
  .eshop_searchbox label {
    float: left;
    line-height: 36px;
    margin-right: 15px; }
  .eshop_searchbox select {
    width: 30%;
    margin-right: 20px; }
  .eshop_searchbox input {
    width: 50%; }
  .eshop_searchbox .btn_search {
    float: right;
    width: 20%; }

@media screen and (max-width: 1025px) {
  .eshop_searchbox {
    text-align: center; }
    .eshop_searchbox label {
      float: none; }
    .eshop_searchbox select {
      width: 100%; }
    .eshop_searchbox input {
      width: 100%; }
    .eshop_searchbox .btn_search {
      float: none;
      width: 100%;
      margin: 0; } }
/* NEWS PAGE
================================================== */
.newsitem hr {
  margin: 33px auto; }

.newsitem:last-of-type hr {
  display: none; }

.newsitem_title_date {
  margin-bottom: 24px; }

.news_date {
  float: right;
  position: relative;
  background-color: #071a58;
  font-family: 'pantonsemibold';
  font-size: 16px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  width: 75px;
  height: 75px;
  margin: 0 auto;
  padding-top: 18px;
  padding-bottom: 20px;
  -webkit-border-radius: 50%;
  border-radius: 50%; }
  .news_date:after {
    display: inline-block;
    position: absolute;
    content: "";
    background-color: transparent;
    top: -5px;
    left: -5px;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    border: 2px solid #373737; }
  .news_date span {
    font-family: 'pantonbold';
    font-size: 1rem;
    display: block;
    text-transform: uppercase; }

/* PAGE HEADING AND BUTTONS - ON LIST VIEW
=====================================================================================
===================================================================================== */
.coursecart_list h2 {
  float: left; }

/* SEARCH BOX - ON LIST VIEW
=====================================================================================
===================================================================================== */
.coursecart_searchbox {
  margin: 0 auto 24px; }
  .coursecart_searchbox label {
    float: left;
    line-height: 36px;
    margin-right: 15px; }
  .coursecart_searchbox select {
    width: 30%;
    margin-right: 20px; }
  .coursecart_searchbox input {
    width: 30%; }
  .coursecart_searchbox .btn_search {
    float: right;
    width: 20%; }

@media screen and (max-width: 1025px) {
  .coursecart_searchbox {
    text-align: center; }
    .coursecart_searchbox label {
      float: none; }
    .coursecart_searchbox select {
      width: 100%; }
    .coursecart_searchbox input {
      width: 100%; }
    .coursecart_searchbox .btn_search {
      float: none;
      width: 100%;
      margin: 0; } }
/* CART PAGE
=====================================================================================
===================================================================================== */
.coursecart_cart .cart_table_itemname {
  margin-bottom: 0; }
.coursecart_cart .cc_cart_paybtn {
  float: right;
  width: auto; }
.coursecart_cart .cc_cart_btns {
  float: left; }
  .coursecart_cart .cc_cart_btns .button {
    width: auto; }

@media screen and (max-width: 660px) {
  .coursecart_cart .cc_cart_paybtn {
    float: none;
    display: block;
    width: 66%;
    text-align: center;
    margin: 0 auto; }
  .coursecart_cart .cc_cart_btns {
    float: none; }
    .coursecart_cart .cc_cart_btns .button {
      display: block;
      width: 66%;
      text-align: center;
      margin: 0 auto 12px; } }
.completedcourses h2 {
  margin-bottom: 39px; }

.course_results {
  background-color: #F9F9F9;
  width: 100%;
  min-height: 200px;
  padding: 20px;
  margin-bottom: 24px;
  border: 1px solid #CCC;
  border-radius: 6px; }
  .course_results .course_thumbnail {
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 160px;
    height: 160px; }
  .course_results .course_info {
    float: left;
    margin: 0 20px; }
    .course_results .course_info .bkg_table_details {
      list-style: none; }
      .course_results .course_info .bkg_table_details li {
        display: inline;
        padding: 5px 12px;
        border-left: 2px solid #C9171F; }
        .course_results .course_info .bkg_table_details li:first-child {
          border-left: 3px solid #C9171F; }
        .course_results .course_info .bkg_table_details li.assessment_title_results {
          font-size: 1.6rem;
          font-weight: bold; }
    .course_results .course_info .button:first-of-type {
      margin-left: 0; }

@media screen and (max-width: 960px) {
  .course_results .course_info .bkg_table_details li {
    display: list-item;
    border-left: 3px solid #C9171F;
    margin-bottom: 0px; } }
@media screen and (max-width: 760px) {
  .course_results .course_thumbnail {
    margin: 0 calc(50% - 81px) 20px; } }
@media screen and (max-width: 560px) {
  .course_results .course_info {
    float: none; }
  .course_results .button {
    display: block;
    width: 100%;
    margin: 10px 0 0 0; } }
.freewall_container {
  padding: 15px 3%; }

#dashboard_myprogress, #dashboard_mylearning {
  position: relative;
  background-color: rgba(244, 241, 245, 0.66);
  width: 100%;
  height: 100%;
  min-height: 420px;
  padding: 24px 33px 12px 33px;
  border-top: 1px solid #f0ebeb;
  border-bottom: 1px solid #f0ebeb; }

#dashboard_myprogress:before, #dashboard_mylearning:before {
  content: "";
  background: url(/templates/default/img/lms_footer_bkgrd.svg) no-repeat bottom -104px right -195px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  opacity: 0.1; }

#dashboard_mylearning {
  background-color: rgba(235, 230, 237, 0.66); }

#dashboard_mylearning .dashboard_data_heading {
  display: inline-block;
  padding-left: 24px; }

.dashboard_mm_container {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 6px auto 24px; }

.dashboard_mm_container div.module_mini {
  background-color: #B28FBF;
  position: absolute;
  min-width: 120px;
  min-height: 150px;
  border-radius: 6px; }

.dashboard_mm_container > .ss-placeholder-child {
  background: transparent;
  border: 1px dashed blue; }

/*-- Module 'Mini' Default Sizes --*/
.mm_large {
  width: 480px;
  height: 480px; }

.mm_med {
  width: 480px;
  height: 240px; }

.mm_small {
  width: 240px;
  height: 240px; }

.mm_handle {
  float: right;
  width: 34px;
  height: 39px;
  font-size: 2em;
  text-align: center;
  line-height: 1.3em;
  padding-top: 4px;
  cursor: move;
  cursor: -webkit-grab; }

.free-wall .cell {
  background-color: #071a58;
  right: 0;
  padding: 12px 20px;
  border-radius: 4px;
  overflow: hidden; }
  .free-wall .cell h5 {
    text-align: left;
    color: #fff;
    margin-top: -2px; }
  .free-wall .cell .cover {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 39px; }
  .free-wall .cell .handle {
    font-size: 2em;
    text-align: center;
    line-height: 1.3em;
    padding-top: 4px;
    cursor: move;
    cursor: -webkit-grab;
    color: #fff; }
  .free-wall .cell.cell_linked {
    background-color: #C9171F; }
    .free-wall .cell.cell_linked h5 a {
      position: relative;
      color: #fff; }
      .free-wall .cell.cell_linked h5 a:hover {
        color: #fff; }
      .free-wall .cell.cell_linked h5 a:after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: -28px;
        padding-top: inherit;
        padding-bottom: inherit;
        width: 2rem;
        content: "\f054";
        font-family: 'FontAwesome';
        font-size: 1.8rem;
        text-align: center;
        color: #fff;
        -webkit-transition: 0.2s;
        transition: 0.2s; }
      .free-wall .cell.cell_linked h5 a :hover:after {
        color: #46a5a0;
        -webkit-animation: bounceright .3s alternate ease infinite;
        animation: bounceright .3s alternate ease infinite; }
  .free-wall .cell .mm_content {
    display: block;
    position: absolute;
    background-color: #EFEFEF;
    width: 100%;
    height: calc(100% - 48px);
    left: 0;
    bottom: 0;
    padding: 12px; }

.dashboard_mm_filter {
  display: block;
  position: relative;
  margin: 0 auto 48px;
  cursor: pointer; }

.dashboard_mm_filter select {
  position: relative;
  float: right; }

.filter-items {
  padding: 10px 0px; }

.filter-label.active,
.filter-label:hover {
  background-color: #ebe9e7;
  color: #4e4d4d;
  border-color: #e8e6e4;
  outline: 0; }

/* My Progress */
#progress_percentage {
  position: absolute;
  top: 29%;
  right: 0;
  left: 0;
  font-size: 1.5rem;
  text-align: center;
  color: #f57f20; }

.progress_status {
  margin-top: 6px; }

.progress_status h5 {
  display: block;
  text-align: center;
  margin-bottom: 0; }

.progress_status p {
  display: inline-block;
  font-size: 1.4em;
  font-family: 'pantonbold';
  color: #bf2020;
  margin-left: 6px; }

.mm_progressall canvas {
  display: block;
  position: relative;
  width: 100% !important;
  height: 100% !important; }

/* CPD Renewal Date */
.mm_cpdrenewal {
  display: block;
  width: 150px;
  height: 150px;
  margin: 12px auto 0; }

.cpdrenewal_date {
  background-color: #3B5E85;
  position: absolute;
  right: 0;
  left: 0;
  width: 120px;
  height: 120px;
  border-radius: 12px; }

.date_month, .date_number, .date_day {
  font-size: 0.5em;
  text-transform: uppercase;
  letter-spacing: 0.4em;
  color: #fff; }

.date_number h4 {
  font-size: 6em;
  text-align: center;
  letter-spacing: 0.1em;
  color: #fff;
  margin-top: -20px; }

.date_day {
  margin-top: -20px; }

.cpdrenewal_date_cover1 {
  position: absolute;
  background-color: #4b7db4;
  width: 120px;
  height: 120px;
  margin-top: 2px;
  margin-left: 17px;
  color: #fff;
  border-radius: 12px;
  -webkit-transform: rotate(-10deg) translate(7px, 8px);
  -moz-transform: rotate(-10deg) translate(7px, 8px);
  -ms-transform: rotate(-10deg) translate(7px, 8px);
  -o-transform: rotate(-10deg) translate(7px, 8px);
  transform: rotate(-10deg) translate(7px, 8px); }

.cpdrenewal_date_cover2 {
  position: absolute;
  background-color: #5a82af;
  width: 120px;
  height: 120px;
  margin-top: 1px;
  margin-left: 13px;
  color: #fff;
  border-radius: 12px;
  -webkit-transform: rotate(5deg) translate(-4px, 4px);
  -moz-transform: rotate(5deg) translate(-4px, 4px);
  -ms-transform: rotate(5deg) translate(-4px, 4px);
  -o-transform: rotate(5deg) translate(-4px, 4px);
  transform: rotate(5deg) translate(-4px, 4px); }

/* My Learning Style */
.mm_learningstyle {
  margin: 0 48px 0 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px 12px; }

.mm_learningstyle canvas {
  margin: 4px auto 0; }

/* My Completed Courses */
.mm_completed_courses {
  width: 100%;
  height: 100%;
  padding-top: 6px; }

.mm_completed_courses ul {
  margin-left: 12px; }

.cke_editable .mm_completed_courses li {
  margin-bottom: 6px; }

.mm_completed_courses li:before {
  content: "";
  display: none; }

.mm_completed_courses li a.mm_completedcourse_link {
  display: inline-block;
  font-family: 'pantonsemibold';
  margin-top: 9px;
  margin-left: 6px;
  vertical-align: top; }

.mm_completed_courses li img {
  width: 42px;
  height: 42px;
  border: 2px solid rgba(87, 120, 158, 0.57);
  border-radius: 4px; }

/* Animated Completion Ticks */
.cc_completion_tick {
  position: relative;
  float: right;
  width: 48px;
  height: 48px;
  margin-top: -4px;
  margin-right: 6px;
  -webkit-transform: scale(0.3, 0.3);
  -ms-transform: scale(0.3, 0.3);
  transform: scale(0.3, 0.3); }

.cc_completion_tick label {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 60px;
  height: 20px;
  background-color: #fff; }

.cc_completion_tick input[type="checkbox"] {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 60px;
  height: 20px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 20; }

.cc_completion_tick input[type="checkbox"]:checked ~ label {
  background-color: #e9454a;
  -webkit-box-shadow: 0 0 12px #e9454a;
  -moz-box-shadow: 0 0 12px #e9454a;
  box-shadow: 0 0 12px #e9454a; }

.cc_completion_tick input[type="checkbox"]:checked ~ div .checkbox:before {
  -webkit-animation: rotate 2.5s linear both;
  animation: rotate 2.5s linear both; }

.cc_completion_tick input[type="checkbox"]:checked ~ div .checkbox:after {
  -webkit-animation: checking 2.5s linear both;
  animation: checking 2.5s linear both; }

.cc_completion_tick div {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.cc_completion_tick .checkbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  overflow: hidden; }

.cc_completion_tick .checkbox:before, .cc_completion_tick .checkbox:after {
  content: '';
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%; }

.cc_completion_tick .checkbox:before {
  border: solid 20px transparent;
  border-top-color: #32A845;
  border-radius: 50%;
  clip: rect(0px, 200px, 200px, 200px);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.cc_completion_tick .checkbox:after {
  border-bottom: 20px solid #32A845;
  border-left: 26px solid #32A845;
  -webkit-transform: rotate(-45deg) translate(40%, -40%) skew(-9deg);
  -ms-transform: rotate(-45deg) translate(40%, -40%) skew(-9deg);
  transform: rotate(-45deg) translate(40%, -40%) skew(-9deg);
  -webkit-animation: checking-reverse 0.6s linear both;
  animation: checking-reverse 0.6s linear both; }

@-webkit-keyframes checking {
  0%,90% {
    clip: rect(0px, 12px, 0px, 0px); }
  95% {
    clip: rect(0px, 12px, 200px, 0px); }
  100% {
    clip: rect(150px, 100px, 200px, 0px); } }
@keyframes checking {
  0%,90% {
    clip: rect(0px, 12px, 0px, 0px); }
  95% {
    clip: rect(0px, 12px, 200px, 0px); }
  100% {
    clip: rect(150px, 100px, 200px, 0px); } }
@-webkit-keyframes checking-reverse {
  0% {
    clip: rect(150px, 100px, 200px, 0px); }
  40% {
    clip: rect(150px, 12px, 200px, 0px); }
  100% {
    clip: rect(150px, 12px, 0px, 0px); } }
@keyframes checking-reverse {
  0% {
    clip: rect(150px, 100px, 200px, 0px); }
  40% {
    clip: rect(150px, 12px, 200px, 0px); }
  100% {
    clip: rect(150px, 12px, 0px, 0px); } }
@-webkit-keyframes rotate {
  10% {
    clip: rect(0px, 200px, 200px, 0px); }
  90% {
    clip: rect(0px, 200px, 200px, 0px);
    -webkit-transform: rotate(-1090deg);
    -ms-transform: rotate(-1090deg);
    transform: rotate(-1090deg); }
  91%,99% {
    -webkit-transform: rotate(-1090deg);
    -ms-transform: rotate(-1090deg);
    transform: rotate(-1090deg); }
  100% {
    clip: rect(0px, 0px, 200px, 0px);
    -webkit-transform: rotate(-1090deg);
    -ms-transform: rotate(-1090deg);
    transform: rotate(-1090deg); } }
@keyframes rotate {
  10% {
    clip: rect(0px, 200px, 200px, 0px); }
  90% {
    clip: rect(0px, 200px, 200px, 0px);
    -webkit-transform: rotate(-1090deg);
    -ms-transform: rotate(-1090deg);
    transform: rotate(-1090deg); }
  91%,99% {
    -webkit-transform: rotate(-1090deg);
    -ms-transform: rotate(-1090deg);
    transform: rotate(-1090deg); }
  100% {
    clip: rect(0px, 0px, 200px, 0px);
    -webkit-transform: rotate(-1090deg);
    -ms-transform: rotate(-1090deg);
    transform: rotate(-1090deg); } }
/* Courses Not Started */
.mm_coursesnotstarted {
  width: 100%;
  height: 100%;
  padding-top: 6px; }

.mm_coursesnotstarted ul {
  margin-top: 15px;
  margin-left: 12px; }

.cke_editable .mm_coursesnotstarted li {
  margin-bottom: 24px; }

.mm_coursesnotstarted li:before {
  content: "";
  display: none; }

.mm_coursesnotstarted li a.mm_coursenotstarted_link {
  display: inline-block;
  position: absolute;
  font-family: 'pantonsemibold';
  margin-top: -4px;
  margin-left: 12px;
  padding-right: 24px;
  vertical-align: top; }

.mm_coursesnotstarted li img {
  width: 42px;
  height: 42px;
  border: 2px solid rgba(87, 120, 158, 0.57);
  border-radius: 4px; }

/* Courses Expiring */
.mm_coursesexpiring {
  width: 100%;
  height: 100%;
  padding-top: 6px; }

.mm_coursesexpiring ul {
  margin-left: 12px; }

.cke_editable .mm_coursesexpiring li {
  margin-bottom: 6px; }

.mm_coursesexpiring li:before {
  content: "";
  display: none; }

.mm_coursesexpiring li a.mm_courseexpiring_link {
  display: inline-block;
  font-family: 'pantonsemibold';
  margin-top: 9px;
  margin-left: 6px;
  vertical-align: top; }

.mm_coursesexpiring li img {
  width: 42px;
  height: 42px;
  border: 2px solid rgba(87, 120, 158, 0.57);
  border-radius: 4px; }

.cc_expirysignal {
  position: relative;
  float: right;
  background-color: #db1616;
  width: 36px;
  height: 36px;
  margin-top: 2px;
  margin-right: 6px;
  border-radius: 50%; }

.cc_expirysignal:before {
  content: "\f12a";
  display: block;
  position: absolute;
  font-family: 'fontawesome';
  font-size: 2em;
  color: #DCD8E0;
  top: -5px;
  left: 12px;
  -webkit-animation-name: blink;
  -moz-animation-name: blink;
  -o-animation-name: blink;
  animation-name: blink;
  -webktit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-iteration-count: 3;
  -moz-animation-iteration-count: 3;
  -o-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s; }

@-webkit-keyframes blink {
  50% {
    opacity: 0; } }
@-moz-keyframes blink {
  50% {
    opacity: 0; } }
@-o-keyframes blink {
  50% {
    opacity: 0; } }
@keyframes blink {
  50% {
    opacity: 0; } }
/* Courses In Progress */
.mm_courseprogress {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 48px 0 0;
  padding: 12px 24px; }

.mm_courseprogress canvas {
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
  padding: 20px 24px 9px; }

/* Activity Report */
.mm_activityreport {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 48px 0 0;
  padding: 12px 24px; }

.mm_activityreport canvas {
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
  padding: 20px 24px 9px; }

/* Course Pass Rates */
.mm_coursepassrates {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 48px 0 0;
  padding: 12px 24px; }

.mm_coursepassrates canvas {
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
  padding: 20px 24px 9px; }

/* Events Booked */
.mm_bookedevents {
  width: 100%;
  height: 100%;
  padding-top: 6px; }

.mm_bookedevents ul {
  margin-left: 12px; }

.cke_editable .mm_bookedevents li {
  margin-bottom: 6px; }

.mm_bookedevents li:before {
  content: "";
  display: none; }

.mm_bookedevents li a.mm_bookedevents_link {
  display: inline-block;
  font-family: 'pantonsemibold';
  margin-top: 9px;
  margin-left: 6px;
  vertical-align: top; }

.mm_bookedevents li img {
  width: 42px;
  height: 42px;
  border: 1px solid #5F80A6;
  border-radius: 4px; }

/* Events Completed */
.mm_completedevents {
  width: 100%;
  height: 100%;
  padding-top: 6px; }

.mm_completedevents ul {
  margin-top: 15px;
  margin-left: 12px; }

.cke_editable .mm_completedevents li {
  margin-bottom: 24px; }

.mm_completedevents li:before {
  content: "";
  display: none; }

.mm_completedevents li a.mm_completedevents_link {
  display: inline-block;
  position: absolute;
  font-family: 'pantonsemibold';
  margin-top: -4px;
  margin-left: 12px;
  padding-right: 24px;
  vertical-align: top; }

.mm_completedevents li img {
  width: 42px;
  height: 42px;
  border: 1px solid #b3a2b7;
  border-radius: 4px; }

/* Webinars Booked */
.mm_bookedwebinars {
  width: 100%;
  height: 100%;
  padding-top: 6px; }

.mm_bookedwebinars ul {
  margin-left: 12px; }

.cke_editable .mm_bookedwebinars li {
  margin-bottom: 6px; }

.mm_bookedwebinars li:before {
  content: "";
  display: none; }

.mm_bookedwebinars li a.mm_bookedwebinars_link {
  display: inline-block;
  font-family: 'pantonsemibold';
  margin-top: 9px;
  margin-left: 6px;
  vertical-align: top; }

.mm_bookedwebinars li img {
  width: 42px;
  height: 42px;
  border: 1px solid #5F80A6;
  border-radius: 4px; }

/* Webinars Completed */
.mm_completedwebinars {
  width: 100%;
  height: 100%;
  padding-top: 6px; }

.mm_completedwebinars ul {
  margin-top: 15px;
  margin-left: 12px; }

.cke_editable .mm_completedwebinars li {
  margin-bottom: 24px; }

.mm_completedwebinars li:before {
  content: "";
  display: none; }

.mm_completedwebinars li a.mm_completedwebinars_link {
  display: inline-block;
  position: absolute;
  font-family: 'pantonsemibold';
  margin-top: -4px;
  margin-left: 12px;
  padding-right: 24px;
  vertical-align: top; }

.mm_completedwebinars li img {
  width: 42px;
  height: 42px;
  border: 1px solid #5F80A6;
  border-radius: 4px; }

/* Average Course Time */
.mm_averagecoursetime canvas {
  position: absolute;
  bottom: 12px; }

.mm_averagecoursetime {
  margin: 0 48px 0 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 48px; }

.mm_averagecoursetime canvas {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 24px;
  margin: 0 auto;
  width: 100% !important;
  height: 88% !important; }

/* Total Training Hours */
.mm_totaltraininghrs {
  background-color: #d8d3d9;
  width: 160px;
  height: 160px;
  margin: 0 auto;
  padding-top: 39px;
  padding-left: 15px;
  border: 1px solid #e8781e;
  border-radius: 50%; }

.mm_totaltraininghrs h1 {
  display: inline;
  font-size: 4.6em;
  color: #f57f20; }

.mm_totaltraininghrs h3 {
  display: inline;
  padding-left: 2px;
  color: #f57f20; }

/*  Risk Profile */
.mm_riskprofile {
  padding-top: 12px; }

.mm_riskprofile canvas {
  padding-top: 15px;
  padding-right: 24px;
  overflow: visible; }

/* Leadership Profile */
.mm_leadershipprofile {
  margin-left: -6px;
  padding-top: 0; }

.mm_leadershipprofile canvas {
  padding-top: 15px;
  padding-right: 24px; }

/*-- Latest News Alerts --*/
.mm_news {
  overflow: hidden;
  width: 100%;
  height: 150px;
  margin: 0 auto;
  padding: 0 6px;
  border-radius: 4px;
  border-bottom-right-radius: 0; }

.mm_news ul {
  margin: 0;
  padding: 0;
  margin-top: -9px; }

.mm_news ul li {
  list-style: none;
  line-height: 3rem;
  color: #373737;
  height: 45px;
  margin: 12px 0;
  border-bottom: solid 2px #F07734;
  padding-bottom: 73px; }

.mm_news ul li:before {
  content: "";
  display: none; }

.mm_news ul li a {
  font-family: 'pantonbold';
  font-size: 1.7rem; }

/* Data Visualisation Styling for Manager Dashboard
================================================== */
#dashboard_visualreports {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 420px;
  padding: 12px 33px 12px 33px; }

#dashboard_visualreports .dashboard_data_heading {
  text-align: center; }

/* Team Induction Status */
#teaminduction_percentage {
  position: absolute;
  top: 41%;
  right: 0;
  left: 0;
  font-size: 2.4rem;
  text-align: center;
  color: #f57f20; }

/* Team Course Completion Status, Team Course Completion Times, Team Course Pass Rates and Team Activity Report */
.mm_coursecompletionstatus, .mm_coursecompletiontimes, .mm_teamcoursepassrates, .mm_teamactivityreport {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 48px 0 0;
  padding: 12px 24px; }

.mm_coursecompletionstatus canvas, .mm_coursecompletiontimes canvas, .mm_teamcoursepassrates canvas, .mm_teamactivityreport canvas {
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
  padding: 20px 24px 9px; }

/* Team Event & Webinar Registration */
.mm_teameventregistration ul, .mm_teamwebinarregistration ul {
  margin-left: 0; }

.cke_editable .mm_teameventregistration li, .cke_editable .mm_teamwebinarregistration li {
  display: inline-block;
  width: 42%;
  height: 20%;
  margin: 12px 15px 2% 15px; }

.mm_teameventregistration li h5, .mm_teamwebinarregistration li h5 {
  text-align: center;
  margin-top: 2px;
  margin-bottom: 6px; }

.mm_teameventregistration li:before, .mm_teamwebinarregistration li:before {
  content: "";
  display: none; }

/* Re-Induction Date */
.mm_reinduction {
  display: block;
  width: 150px;
  height: 150px;
  margin: 12px auto 0; }

.reinduction_date {
  background-color: #3B5E85;
  position: absolute;
  right: 0;
  left: 0;
  width: 120px;
  height: 120px;
  border-radius: 12px; }

.date_month, .date_number, .date_day {
  font-size: 0.5em;
  text-transform: uppercase;
  letter-spacing: 0.4em;
  color: #fff; }

.date_number h4 {
  font-size: 6em;
  text-align: center;
  letter-spacing: 0.1em;
  color: #fff;
  margin-top: -20px; }

.date_day {
  margin-top: -20px; }

.reinduction_date_cover1 {
  position: absolute;
  background-color: #4b7db4;
  width: 120px;
  height: 120px;
  margin-top: 2px;
  margin-left: 17px;
  color: #fff;
  border-radius: 12px;
  -webkit-transform: rotate(-10deg) translate(7px, 8px);
  -moz-transform: rotate(-10deg) translate(7px, 8px);
  -ms-transform: rotate(-10deg) translate(7px, 8px);
  -o-transform: rotate(-10deg) translate(7px, 8px);
  transform: rotate(-10deg) translate(7px, 8px); }

.reinduction_date_cover2 {
  position: absolute;
  background-color: #5a82af;
  width: 120px;
  height: 120px;
  margin-top: 1px;
  margin-left: 13px;
  color: #fff;
  border-radius: 12px;
  -webkit-transform: rotate(5deg) translate(-4px, 4px);
  -moz-transform: rotate(5deg) translate(-4px, 4px);
  -ms-transform: rotate(5deg) translate(-4px, 4px);
  -o-transform: rotate(5deg) translate(-4px, 4px);
  transform: rotate(5deg) translate(-4px, 4px); }

/* Team Risk Profiles (Operational, Strategic etc.) */
.mm_operationalriskprofiles canvas,
.mm_strategicriskprofiles canvas,
.mm_complianceriskprofiles canvas,
.mm_financialriskprofiles canvas,
.mm_reputationalriskprofiles canvas {
  margin: -9px auto 0; }

/* Team Capability Profiles (Leadership, Collaboration etc.) */
.mm_leadershipcapabilityprofiles canvas,
.mm_collaborationcapabilityprofiles canvas,
.mm_adaptabilitycapabilityprofiles canvas,
.mm_creativitycapabilityprofiles canvas,
.mm_innovationcapabilityprofiles canvas {
  margin: 12px auto 0; }

/* Group Documents */
.mm_documents ul {
  margin: 4px 0 0 12px; }

.mm_documents li {
  display: inline-block;
  text-align: center;
  width: 120px;
  margin-right: 4%;
  vertical-align: top; }

.mm_documents li:before {
  content: "";
  display: none; }

.mm_documents li img {
  width: 75px; }

.signout_table {
  float: left;
  width: 45%; }
  .signout_table .input {
    width: 100%; }

.signout_or {
  float: left;
  width: 10%;
  text-align: center; }

@media screen and (max-width: 960px) {
  .signout_table {
    float: none;
    width: 100%; }

  .signout_or {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 32px; } }

/*# sourceMappingURL=main.css.map */