/*
 * Name: Atlas
 * Author: Zengenti Ltd
 * Author URI: http://zengenti.com
 * Description: A modern front-end framework
 * Version: 0.0.2
 */
/**
 * Utilities
 */
/**
 * Grid HTML classes
 */
/**
 * Align classes
 */
/**
 * Vertical align middle
 */
/**
 * Clearfix
 */
/**
 * Makes an element visually hidden, but accessible
 * @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
/**
 * Turns off the element-invisible effect
 */
/**
 * RGBA fallback
 */
/**
 * Input placeholder color
 */
/**
 * Icons
 */
/**
 * Icons fallback
 */
/**
 * Aspect ratio
 */
/**
 * Calculate columns
 */
/**
 * Strip unit
 * It strips the unit of measure and returns it
 */
/**
 * Convert to REM
 */
/**
 * REM calc
 */
/**
 * Assets paths
 */
/**
 * Base
 */
/**
 * Global
 */
 
/**
 * Breakpoints
 * Override default settings from _mq.scss partial
 * https://github.com/sass-mq/sass-mq
 */
/**
 * Icons
 */
/**
 * Base
 * core elements
 */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
 html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
  }
  
  /**
   * Remove the margin in all browsers (opinionated).
   */
  body {
    margin: 0;
  }
  
  /* HTML5 display definitions
     ========================================================================== */
  /**
   * Add the correct display in IE 9-.
   * 1. Add the correct display in Edge, IE, and Firefox.
   * 2. Add the correct display in IE.
   */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  main,
  menu,
  nav,
  section,
  summary {
    /* 1 */
    display: block;
  }
  
  /**
   * Add the correct display in IE 9-.
   */
  audio,
  canvas,
  progress,
  video {
    display: inline-block;
  }
  
  /**
   * Add the correct display in iOS 4-7.
   */
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Add the correct display in IE 10-.
   * 1. Add the correct display in IE.
   */
  template,
  [hidden] {
    display: none;
  }
  
  /* Links
     ========================================================================== */
  /**
   * 1. Remove the gray background on active links in IE 10.
   * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
   */
  a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
  }
  
  /**
   * Remove the outline on focused links when they are also active or hovered
   * in all browsers (opinionated).
   */
  a:active,
  a:hover {
    outline-width: 0;
  }
  
  /* Text-level semantics
     ========================================================================== */
  /**
   * 1. Remove the bottom border in Firefox 39-.
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
  }
  
  /**
   * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
   */
  b,
  strong {
    font-weight: inherit;
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * Add the correct font style in Android 4.3-.
   */
  dfn {
    font-style: italic;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /**
   * Add the correct background and color in IE 9-.
   */
  mark {
    background-color: #ff0;
    color: #000;
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  /**
   * Remove the border on images inside links in IE 10-.
   */
  img {
    border-style: none;
  }
  
  /**
   * Hide the overflow in IE.
   */
  svg:not(:root) {
    overflow: hidden;
  }
  
  /* Grouping content
     ========================================================================== */
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
  }
  
  /**
   * Add the correct margin in IE 8.
   */
  figure {
    margin: 1em 40px;
  }
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
  }
  
  /* Forms
     ========================================================================== */
  /**
   * 1. Change font properties to `inherit` in all browsers (opinionated).
   * 2. Remove the margin in Firefox and Safari.
   */
  button,
  input,
  select,
  textarea {
    font: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
  }
  
  /**
   * Restore the font weight unset by the previous rule.
   */
  optgroup {
    font-weight: bold;
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  button,
  input {
    /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  button,
  select {
    /* 1 */
    text-transform: none;
  }
  
  /**
   * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
   *    controls in Android 4.
   * 2. Correct the inability to style clickable types in iOS and Safari.
   */
  button,
  html [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
    /* 2 */
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Change the border, margin, and padding in all browsers (opinionated).
   */
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
  }
  
  /**
   * Remove the default vertical scrollbar in IE.
   */
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10-.
   * 2. Remove the padding in IE 10-.
   */
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  [type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
  }
  
  /**
   * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
   */
  [type="search"]::-webkit-search-cancel-button,
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * Correct the text style of placeholders in Chrome, Edge, and Safari.
   */
  ::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
  }
  
  *, *:before, *:after {
    box-sizing: border-box;
  }
  
  html {
    background: #fff;
    color: #333;
    font-family: "Open Sans", Montserrat, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  /**
   * Remove text-shadow in selection highlight:
   * https://twitter.com/miketaylr/status/12228805301
   *
   * These selection rule sets have to be separate.
   * Customize the background color to match your design.
   */
  ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
  }
  
  ::selection {
    background: #b3d4fc;
    text-shadow: none;
  }
  
  /**
   * A better looking default horizontal rule
   */
  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
  }
  
  /**
   * Remove the gap between audio, canvas, iframes,
   * images, videos and the bottom of their containers:
   * https://github.com/h5bp/html5-boilerplate/issues/440
   */
  audio,
  canvas,
  iframe,
  img,
  svg,
  video {
    vertical-align: middle;
  }
  
  /**
   * Remove default fieldset styles.
   */
  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }
  
  /**
   * Allow only vertical resizing of textareas.
   */
  textarea {
    resize: vertical;
  }
  
  /**
   * Responsive images
   */
  img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
  }
  
  @media only screen and (max-width: 640px) {
    html {
      font-size: 14px;
    }
  }
  
  /**
   * Heading sizes
   */
  @media only screen and (min-width: 20.0625em) {
    h1 {
      font-size: 1.71875rem;
    }
    h2 {
      font-size: 1.425rem;
    }
    h3 {
      font-size: 1.35375rem;
    }
    h4 {
      font-size: 1.125rem;
    }
    h5 {
      font-size: 1.0625rem;
    }
    h6 {
      font-size: 1rem;
    }
  }
  
  @media only screen and (min-width: 40.0625em) {
    h1 {
      font-size: 3rem;
    }
    h2 {
      font-size: 1.625rem;
    }
    h3 {
      font-size: 1.375rem;
    }
    h4 {
      font-size: 1.25rem;
    }
    h5 {
      font-size: 1.125rem;
    }
    h6 {
      font-size: 1rem;
    }
  }
  
  @font-face {
    font-family: 'lola';
    src: url("../fonts/lola/FSLolaWeb-Bold.eot");
    src: url("../fonts/lola/FSLolaWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lola/FSLolaWeb-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'lola';
    src: url("../fonts/lola/FSLolaWeb-Regular.eot");
    src: url("../fonts/lola/FSLolaWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lola/FSLolaWeb-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
  }
  
  h1, h2, h3, h4, h5, h6, p, ul, ol, li {
    margin: 0 0 1.25rem 0;
  }
  
  ul, ol {
    padding-left: 1.5rem;
  }
  
  .page-wrap {
    background: #333;
    overflow: hidden;
  }
  
  .page-inner {
    background: #fff;
    position: relative;
    left: 0;
  }
  
  @media only screen and (max-width: 700px) {
    .page-inner {
      transition: left 500ms;
    }
    .reveal-nav .page-inner {
      left: -350px;
    }
  }
  
  @media only screen and (max-width: 420px) {
    .page-inner {
      transition: left 500ms;
    }
    .reveal-nav .page-inner {
      left: -260px;
    }
  }
  
  .block-primary {
    margin-top: 4rem;
    margin-bottom: 2rem;
  }
  
  @media only screen and (max-width: 640px) {
    .block-primary {
      margin: 1rem 0;
    }
  }
  
  /**
   * Components
   * singular modular items, no parent-child relationship
   */
  /**
   * Hide visually and from screen readers
   */
  .hidden {
    display: none !important;
  }
  
  /**
   * Hide only visually, but have it available for screen readers:
   * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
   */
  .visuallyhidden {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  
  /**
   * Extends the .visuallyhidden class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  
  /**
   * Hide visually and from screen readers, but maintain layout
   */
  .invisible {
    visibility: hidden;
  }
  
  /**
   * Clearfix
   */
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table;
  }
  
  .clearfix:after {
    clear: both;
  }
  
  /**
   * Small
   */
  @media only screen {
    .show-for-small-only,
    .show-for-small-up,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up {
      display: inherit !important;
    }
    .hide-for-small-only,
    .hide-for-small-up,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
      display: none !important;
    }
    .visible-for-small-only,
    .visible-for-small-up,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
    }
    .hidden-for-small-only,
    .hidden-for-small-up,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      position: absolute !important;
      width: 1px;
    }
  }
  
  /**
   * Medium
   */
  @media only screen and (min-width: 40.0625em) {
    .hide-for-small-only,
    .show-for-small-up,
    .show-for-medium-only,
    .show-for-medium-up,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up {
      display: inherit !important;
    }
    .show-for-small-only,
    .hide-for-small-up,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
      display: none !important;
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      position: absolute !important;
      width: 1px;
    }
  }
  
  /**
   * Large
   */
  @media only screen and (min-width: 64.0625em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-medium-only,
    .show-for-medium-up,
    .show-for-large-only,
    .show-for-large-up,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up {
      display: inherit !important;
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-medium-only,
    .hide-for-medium-up,
    .hide-for-large-only,
    .hide-for-large-up,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
      display: none !important;
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .visible-for-large-only,
    .visible-for-large-up,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      position: absolute !important;
      width: 1px;
    }
  }
  
  /**
   * X-large
   */
  @media only screen and (min-width: 90.0625em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-large-only,
    .show-for-large-up,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up {
      display: inherit !important;
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-large-only,
    .hide-for-large-up,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
      display: none !important;
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-large-only,
    .visible-for-large-up,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-large-only,
    .hidden-for-large-up,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      position: absolute !important;
      width: 1px;
    }
  }
  
  /**
   * XX-large
   */
  @media only screen and (min-width: 120.0625em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
      display: inherit !important;
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up {
      display: none !important;
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up {
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      position: absolute !important;
      width: 1px;
    }
  }
  
  /**
   * Orientation targeting
   */
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important;
  }
  
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
  
  @media only screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: inherit !important;
    }
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important;
    }
  }
  
  @media only screen and (orientation: portrait) {
    .show-for-portrait,
    .hide-for-landscape {
      display: inherit !important;
    }
    .hide-for-portrait,
    .show-for-landscape {
      display: none !important;
    }
  }
  
  /**
   * Touch-enabled device targeting
   */
  .show-for-touch {
    display: none !important;
  }
  
  .hide-for-touch {
    display: inherit !important;
  }
  
  .touchevents .show-for-touch {
    display: inherit !important;
  }
  
  .touchevents .hide-for-touch {
    display: none !important;
  }
  
  /**
   * Screen reader-specific classes
   */
  .show-for-sr {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  
  .show-on-focus {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  
  .show-on-focus:focus,
  .show-on-focus:active {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  
  /**
   * Print visibility
   */
  .print-only,
  .show-for-print {
    display: none !important;
  }
  
  @media print {
    .print-only,
    .show-for-print {
      display: block !important;
    }
    .hide-on-print,
    .hide-for-print {
      display: none !important;
    }
  }
  
  /**
   * Alignment classes
   */
  .text-left {
    text-align: left !important;
  }
  
  .text-right {
    text-align: right !important;
  }
  
  .text-center {
    text-align: center !important;
  }
  
  .text-justify {
    text-align: justify !important;
  }
  
  @media only screen and (max-width: 40.0525em) {
    .small-only-text-left {
      text-align: left !important;
    }
    .small-only-text-right {
      text-align: right !important;
    }
    .small-only-text-center {
      text-align: center !important;
    }
    .small-only-text-justify {
      text-align: justify !important;
    }
  }
  
  @media only screen {
    .small-text-left {
      text-align: left !important;
    }
    .small-text-right {
      text-align: right !important;
    }
    .small-text-center {
      text-align: center !important;
    }
    .small-text-justify {
      text-align: justify !important;
    }
  }
  
  @media only screen and (min-width: 40.0625em) and (max-width: 64.0525em) {
    .medium-only-text-left {
      text-align: left !important;
    }
    .medium-only-text-right {
      text-align: right !important;
    }
    .medium-only-text-center {
      text-align: center !important;
    }
    .medium-only-text-justify {
      text-align: justify !important;
    }
  }
  
  @media only screen and (min-width: 40.0625em) {
    .medium-text-left {
      text-align: left !important;
    }
    .medium-text-right {
      text-align: right !important;
    }
    .medium-text-center {
      text-align: center !important;
    }
    .medium-text-justify {
      text-align: justify !important;
    }
  }
  
  @media only screen and (min-width: 64.0625em) and (max-width: 90.0525em) {
    .large-only-text-left {
      text-align: left !important;
    }
    .large-only-text-right {
      text-align: right !important;
    }
    .large-only-text-center {
      text-align: center !important;
    }
    .large-only-text-justify {
      text-align: justify !important;
    }
  }
  
  @media only screen and (min-width: 64.0625em) {
    .large-text-left {
      text-align: left !important;
    }
    .large-text-right {
      text-align: right !important;
    }
    .large-text-center {
      text-align: center !important;
    }
    .large-text-justify {
      text-align: justify !important;
    }
  }
  
  @media only screen and (min-width: 90.0625em) and (max-width: 120.0525em) {
    .xlarge-only-text-left {
      text-align: left !important;
    }
    .xlarge-only-text-right {
      text-align: right !important;
    }
    .xlarge-only-text-center {
      text-align: center !important;
    }
    .xlarge-only-text-justify {
      text-align: justify !important;
    }
  }
  
  @media only screen and (min-width: 90.0625em) {
    .xlarge-text-left {
      text-align: left !important;
    }
    .xlarge-text-right {
      text-align: right !important;
    }
    .xlarge-text-center {
      text-align: center !important;
    }
    .xlarge-text-justify {
      text-align: justify !important;
    }
  }
  
  @media only screen and (min-width: 120.0625em) {
    .xxlarge-text-left {
      text-align: left !important;
    }
    .xxlarge-text-right {
      text-align: right !important;
    }
    .xxlarge-text-center {
      text-align: center !important;
    }
    .xxlarge-text-justify {
      text-align: justify !important;
    }
  }
  
  /**
   * Uses the $icons map defined in utilities/_variables.scss
   * Add your icon into the map and the mixin will do the rest
   *
   * If for some reason you don't want to use the icons map you can manually add in an icon, example below
   * .icon-name {
   *    font-size: rem-calc(32); // works because "width" & "height" were set on .icon using em units
   *    color: #ff0000; // works for single-colored icons, because "fill" was set to "currentColor" on .icon
   * }
   */
  .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
  }
  
  /**
   * Icons
   */
  /**
   * Icons fallback to PNGs
   * Uses Modernizr to detect svg support .no-svg
   * Remove if your not supporting older browsers
   */
  .no-svg .icon {
    width: auto;
    height: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  
  .sm-icon {
    text-decoration: none;
    float: left;
    width: 24px;
    height: 24px;
    margin-right: .5rem;
  }
  
  .sm-icon__label {
    position: absolute;
    font-size: 0;
    line-height: 0;
    text-indent: -9999;
  }
  
  .sm-icon .icon {
    width: 24px;
    height: 24px;
  }
  
  .skip-to-content {
    position: absolute;
    top: -1000px;
    left: 0;
    display: inline-block;
    width: 100%;
    background: #859A3B;
    color: #fff;
    padding: 1.25rem;
  }
  
  .skip-to-content:focus {
    position: relative;
    top: 0;
  }
  
  table {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  
  table caption {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    margin-bottom: 5px;
    background: #859A3B;
    color: #fff;
  }
  
  table tbody {
    display: table;
    width: 100%;
    border-collapse: collapse;
  }
  
  table th, table td {
    padding: 5px 10px;
    text-align: left;
  }
  
  table tr:nth-child(even) {
    background: #f4f4f4;
  }
  
  .top-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  .top-nav ul li a:focus ul {
    display:block;
  }
  .top-nav > ul > li.active > a {
    color: white;
    font-weight: bold;
  }
  
  .top-nav li {
    position: relative;
    z-index: 9999;
  }

  .top-nav ul li ul li:hover {
    background:#983d83;
  }
  .top-nav a {
    display: block;
    color: #fff;
    text-decoration: none;
  }

  .top-nav li.hasSubClosed > a::before {
  content: '\e802';
  display: block;
  position: absolute;
  top: 50%;
  right: 18px;
  font-family: "fontello";
  font-size: 20px;
  margin-top: -12px;
}
/* Used on mobile only via JS */
  .top-nav li.hasSubOpened > a::before {
  content: '\e800';
  display: inline-block;
  position: relative;
  top: 50%;
  right: -215px;
  font-family: "fontello";
  font-size: 20px;
}

.top-nav ul li ul li ul {
    display:none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 327px;
    border-radius: 3px;
    background-color: #474646;
}
.top-nav ul li ul li:hover ul {
  display: block;
}
.top-nav .hasSub ul li a{
  position: relative;
  padding: 16px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
.top-nav .hasSub ul li {
  background: #474646;
}
  
  @media only screen and (min-width: 701px) {
    .top-nav {
      text-align: center;
    }
    .top-nav > ul > li {
      display: inline-block;
      margin: 0 16px;
    }
    .top-nav > ul > li.hasSubClosed > a::before
    {
        display:none;
    }
    .top-nav > ul > li > a {
      font-size: 1.25rem;
    }
    .top-nav > ul > li > ul {
      position: absolute;
      top: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      display: none;
      width: 320px;
    }
    .top-nav > ul > li:hover > ul {
      display: block;
    }
    .top-nav ul li ul li {
      background: #333;
    }
    .top-nav > ul > li > ul:before {
      content: " ";
      display: block;
      height: 1.25rem;
      width: 100%;
    }
    .top-nav > ul > li > ul > li {
      margin-bottom: 0;
    }
    .top-nav > ul > li > ul > li > ul > li {
      margin-bottom: 0;
    }
    .top-nav > ul > li > ul > li > a {
      position: relative;
      padding: 1rem;
    }
    /* grey underline after each list item */
    .top-nav > ul > li > ul > li > a:after {
      position: absolute;
      bottom: 0;
      left: 1rem;
      right: 1rem;
      height: 2px;
      background: #4d4d4d;
      content: " ";
    }
    .top-nav > ul > li > ul > li:hover > a:after {
      background: #983d83;
      content: " ";
    }
    .top-nav > ul > li > ul > li > ul > li a:after {
      position: absolute;
      bottom: 0;
      left: 1rem;
      right: 1rem;
      height: 2px;
      background: #333;
      content: " ";
    }
    .top-nav > ul > li > ul > li > ul > li:hover a:after {
      background: #983d83;
      content: " ";
    }
  }
  
  @media only screen and (max-width: 700px) {
    .top-nav {
      text-align: left;
    }
    .top-nav > ul > li {
      display: block;
      margin: 0;
    }
    .top-nav > ul > li > a {
      position: relative;
      font-size: 1rem;
    }
    .top-nav > ul > li > a:after {
      position: absolute;
      bottom: 0;
      left: 1rem;
      right: 1rem;
      margin-bottom: -2px;
      height: 2px;
      background: #4d4d4d;
      content: " ";
    }
    .top-nav > ul > li > ul {
      display: none;
    }
    .top-nav > ul > li > ul > li {
      margin-bottom: 2px;
    }
    .top-nav > ul > li > ul > li > ul {
      width: 100%;
    }
    .top-nav > ul > li > ul > li > a {
      background: #4d4d4d;
    }
    .top-nav > ul > li > ul > li > a:hover {
      background: #9D3F97;
    }
    .top-nav a {
      padding: 1rem;
      font-weight: bold;
    }
    .nav-expand {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 3rem;
      cursor: pointer;
    }
    .nav-expand:after {
      position: absolute;
      top: 1rem;
      right: 1.5rem;
      width: 1rem;
      height: 1rem;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      border: 2px solid #fff;
      border-top-color: transparent;
      border-right-color: transparent;
      content: " ";
    }
  }
  
  .hamburger {
    position: relative;
    width: 30px;
    height: 25px;
    cursor: pointer;
    display: none;
  }
  
  .hamburger div {
    background: #ffffff;
    position: absolute;
    height: 5px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transition: all 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
    opacity: 1;
    width: 100%;
    left: 0;
  }
  
  .hamburger div:nth-child(1) {
    top: 0;
  }
  
  .hamburger div:nth-child(2), .hamburger div:nth-child(3) {
    top: 10px;
  }
  
  .hamburger div:nth-child(4) {
    top: 20px;
  }
  
  .hamburger--animate div:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
  }
  
  .hamburger--animate div:nth-child(2) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  .hamburger--animate div:nth-child(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  .hamburger--animate div:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
  }
  
  .feature-job {
    margin-bottom: 2rem;
  }
  
  .feature-job__title {
    padding: 1.25rem;
    font-size: 1.25rem;
    color: #fff;
    text-align: center;
    background-color: #333;
  }
  
  .feature-job__title a {
    color: #fff;
  }
  
  .feature-job__item {
    padding: 2rem 1.5rem;
    margin-bottom: 2rem;
    color: #fff;
    background: #983D83;
  }
  
  .feature-job__item a {
    color: #fff;
  }
  
  .feature-job__item tr:nth-child(1n) {
    background: transparent;
  }
  
  .feature-job__item tr:first-child {
    font-size: 1.25rem;
    font-weight: 600;
  }
  
  .feature-job__item tr:first-child th, .feature-job__item tr:first-child td {
    padding-top: 0;
    padding-bottom: 1.5rem;
  }
  
  .feature-job__item tr:last-child th, .feature-job__item tr:last-child td {
    padding-bottom: 0;
  }
  
  .feature-job__item th {
    width: 125px;
    padding: .3rem 1.5rem .3rem 0;
    text-align: right;
    border-right: 3px solid #fff;
    vertical-align: top;
  }
  
  .feature-job__item td {
    padding: .3rem 0 .3rem 1.25rem;
    vertical-align: top;
  }
  
  @media only screen and (max-width: 900px) and (min-width: 751px) {
    .feature-job {
      margin-bottom: 2rem;
    }
    .feature-job__title {
      padding: 1rem;
      font-size: 1rem;
      margin-bottom: .5rem;
    }
    .feature-job__item {
      padding: 1rem;
      font-size: .875rem;
    }
    .feature-job__item tr:first-child {
      font-size: .875rem;
    }
    .feature-job__item tr:first-child th, .feature-job__item tr:first-child td {
      padding-bottom: 1rem;
    }
    .feature-job__item th {
      width: 110px;
      padding-right: 1rem;
    }
    .feature-job__item td {
      padding-left: 1rem;
    }
  }
  
  @media only screen and (max-width: 750px) {
    .feature-job {
      margin-bottom: 2rem;
    }
    .feature-job__title {
      padding: .5rem;
      font-size: 1rem;
      margin-bottom: 0;
    }
    .feature-job__item a {
      color: #fff;
    }
    .feature-job__item {
      padding: 1rem;
      background: #983D83;
      color: #fff;
    }
    .feature-job__item tr:first-child {
      font-size: 1rem;
    }
    .feature-job__item tr:first-child th {
      padding: 0;
    }
    .feature-job__item tr:first-child td {
      font-weight: normal;
      padding-top: 0;
      padding-bottom: 1rem;
    }
    .feature-job__item th {
      display: block;
      width: 100%;
      padding: 0;
      text-align: left;
      border-right: none;
    }
    .feature-job__item td {
      display: block;
      padding: 0 0 1rem 0;
    }
  }
  .qlink-wrap--wide .qlink__content {
    padding-right: 4rem;
  }
  
  .qlink {
    display: table;
    width: 50%;
    margin-bottom: 2.25rem;
    float: left;
  }
  .qlink a{
    display:block;
  }
  
  .qlink:nth-child(2n+1) {
    clear: left;
  }
  
  .qlink:nth-child(4n) .qlink__heading a, .qlink:nth-child(4n+1) .qlink__heading a {
    color: #CD0067;
  }
  
  .qlink__image {
    display: table-cell;
    vertical-align: top;
    width: 190px;
    min-width: 190px;
  }
  
  .qlink__content {
    display: table-cell;
    vertical-align: top;
    padding: 0 1.25rem;
    line-height: 1.25rem;
    width: 100%;
  }
  
  .qlink__heading {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 700;
  }
  
  .qlink__heading a {
    color: #859A3B;
    text-decoration: none;
  }
  
  .qlink__heading a:hover {
    text-decoration: underline;
  }
  
  .qlink p:last-child {
    margin-bottom: 0;
  }
  
  @media only screen and (max-width: 1024px) {
    .qlink-wrap--narrow .qlink {
      width: 100%;
    }
    .qlink-wrap--narrow .qlink:nth-child(odd) .qlink__heading a {
      color: #859A3B;
    }
    .qlink-wrap--narrow .qlink:nth-child(even) .qlink__heading a {
      color: #CD0067;
    }
    .qlink-wrap--narrow .qlink__image {
      width: 135px;
      min-width: 135px;
    }
  }
  
  @media only screen and (max-width: 930px) {
    .qlink-wrap--wide .qlink__content {
      padding-right: 1.25rem;
    }
  }
  
  @media only screen and (max-width: 770px) {
    .qlink__image {
      width: 135px;
      min-width: 135px;
    }
  }
  
  @media only screen and (max-width: 700px) {
    .qlink {
      width: 100%;
    }
    .qlink:nth-child(odd) .qlink__heading a {
      color: #859A3B;
    }
    .qlink:nth-child(even) .qlink__heading a {
      color: #CD0067;
    }
  }
  
  @media only screen and (max-width: 475px) {
    .qlink {
      padding: 1rem;
      text-align: center;
      background-color: #f5f5f5;
      margin-bottom: 1rem;
    }
    .qlink__heading {
      margin-bottom: 0;
    }
    .qlink__heading a {
      color: #333 !important;
    }
    .qlink__image, .qlink p {
      display: none;
    }
  }
  
  
  .news-card {
    margin-bottom: 2rem;
    background: #f5f5f5;
  }
  
  .news-card__title {
    margin: 0;
    padding: 1rem 1.25rem;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    background-color: #859A3B;
  }
  
  .news-card__article {
    padding: 1.25rem;
  }
  
  .news-card__heading {
    margin: .875rem 0 .125rem 0;
    font-size: 1.25rem;
    font-family: lola, "Open Sans", Montserrat, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  }
  
  .news-card__date {
    font-size: .75rem;
    line-height: 1;
  }
  
  .news-card__more {
    font-weight: 600;
    color: #333;
    text-decoration: none;
  }
  
  .twitter-timeline {
    margin-bottom: 2.5rem !important;
  }
  
  @media only screen and (max-width: 640px) {
    .twitter-timeline {
      margin-top: 2rem !important;
    }
  }
  
  .content .newsevents-slider {
    position: relative;
    padding: 40px 0 15px 0;
    background-color: #f5f5f5;
    text-align: center;
    overflow: hidden;
    *zoom: 1;
  }
  
  .content .newsevents-slider:before, .content .newsevents-slider:after {
    display: table;
    line-height: 0;
    content: "";
  }
  
  .content .newsevents-slider:after {
    clear: both;
  }
  
  .content .newsevents-slider h2 {
    position: relative;
    margin: 0 auto .5rem auto;
    color: #333;
    font-size: 2.5rem;
    font-weight: 400;
    text-align: center;
    overflow: hidden;
  }
  
  .content .newsevents-slider h2 span {
    display: inline-block;
    position: relative;
  }
  
  .content .newsevents-slider h2 span:before, .content .newsevents-slider h2 span:after {
    position: absolute;
    top: .6em;
    width: 250px;
    border: 1px solid #e67328;
    content: '';
  }
  
  .content .newsevents-slider h2 span:before {
    right: 100%;
    margin-right: 10px;
  }
  
  .content .newsevents-slider h2 span:after {
    left: 100%;
    margin-left: 10px;
  }
  
  .newsevents__link {
    position: relative;
    display: block;
    height: 360px;
    width: 100%;
    text-decoration: none;
    background-size: cover;
    border-radius: 3px;
    transition: ease all 300ms;
  }
  
  .newsevents__link:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 3px;
    background: none;
    background: linear-gradient(to bottom, rgba(20, 20, 20, 0) 0%, #141414 95%);
    transition: ease all 300ms;
    content: "";
  }
  
  .newsevents__info {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
  }
  
  .newsevents__heading {
    padding: 0 10px 0 25px;
    margin-top: 15px;
    font-family: "Open Sans", Montserrat, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #ffffff;
    text-align: left;
  }
  
  .newsevents__time {
    padding: 0 0 0 25px;
    font-family: "Open Sans", Montserrat, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    color: #ffffff;
    text-align: left;
  }
  
  @media only screen and (max-width: 1024px) {
    .content article {
      padding: 0 20px;
    }
    .topTasks.container {
      padding: 20px 5px;
    }
  }
  
  
  .bordered-section {
    padding: 3.5rem 0 2.5rem 0;
    border-top: 0px;
  }
  
  
  .bordered-section a {
    text-decoration: none;
  }
  
  .bordered-section a:hover {
    text-decoration: underline;
  }
  
  .bordered-sections-header {
    text-align: center;
  }
  
  .bordered-sections-header img {
    margin: 1.5rem 0;
  }
  
  @media only screen and (max-width: 640px) {
    .bordered-section {
      padding: 1.5rem 0 .5rem 0;
    }
    .bordered-section.remove-border-mobile {
      border-top: none;
    }
  }
  
  .profile-card {
    display: table;
    margin-bottom: 2.5rem;
    color: #fff;
    background: #859A3B;
  }
  
  .profile-card__image {
    display: table-cell;
    vertical-align: bottom;
    width: 40%;
    min-width: 40%;
    background-size: cover;
    background-position: center center;
  }
  
  .profile-card__image__inner {
    width: 100%;
    padding: 40% 0;
  }
  
  .profile-card__content {
    display: table-cell;
    vertical-align: bottom;
    padding: 1rem;
  }
  
  .profile-card__heading {
    margin-bottom: .25rem;
    color: #fff !important;
    font-size: rem-cal(30);
    font-family: lola, "Open Sans", Montserrat, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  }
  
  .profile-card p:last-child {
    margin-bottom: 0;
  }
  
  @media only screen and (max-width: 640px) {
    .profile-card {
      margin-bottom: 1rem;
    }
  }
  
  /**
   * Patterns
   * objects that have children
   */
  /**
   * Row
   */
  .row {
    margin: 0 auto;
    max-width: 70rem;
    width: 100%;
  }
  
  .row:before, .row:after {
    content: " ";
    display: table;
  }
  
  .row:after {
    clear: both;
  }
  
  .row.collapse > .column {
    padding-left: 0;
    padding-right: 0;
  }
  
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  
  .row .row {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto;
  }
  
  .row .row:before, .row .row:after {
    content: " ";
    display: table;
  }
  
  .row .row:after {
    clear: both;
  }
  
  .row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto;
  }
  
  .row .row.collapse:before, .row .row.collapse:after {
    content: " ";
    display: table;
  }
  
  .row .row.collapse:after {
    clear: both;
  }
  
  /**
   * Column
   */
  .column {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
  
  .column.row {
    float: none;
  }
  
  /**
   * Grid HTML classes
   */
  @media only screen {
    .small-push-0 {
      position: relative;
      left: 0;
      right: auto;
    }
    .small-pull-0 {
      position: relative;
      right: 0;
      left: auto;
    }
    .small-push-1 {
      position: relative;
      left: 8.33333%;
      right: auto;
    }
    .small-pull-1 {
      position: relative;
      right: 8.33333%;
      left: auto;
    }
    .small-push-2 {
      position: relative;
      left: 16.66667%;
      right: auto;
    }
    .small-pull-2 {
      position: relative;
      right: 16.66667%;
      left: auto;
    }
    .small-push-3 {
      position: relative;
      left: 25%;
      right: auto;
    }
    .small-pull-3 {
      position: relative;
      right: 25%;
      left: auto;
    }
    .small-push-4 {
      position: relative;
      left: 33.33333%;
      right: auto;
    }
    .small-pull-4 {
      position: relative;
      right: 33.33333%;
      left: auto;
    }
    .small-push-5 {
      position: relative;
      left: 41.66667%;
      right: auto;
    }
    .small-pull-5 {
      position: relative;
      right: 41.66667%;
      left: auto;
    }
    .small-push-6 {
      position: relative;
      left: 50%;
      right: auto;
    }
    .small-pull-6 {
      position: relative;
      right: 50%;
      left: auto;
    }
    .small-push-7 {
      position: relative;
      left: 58.33333%;
      right: auto;
    }
    .small-pull-7 {
      position: relative;
      right: 58.33333%;
      left: auto;
    }
    .small-push-8 {
      position: relative;
      left: 66.66667%;
      right: auto;
    }
    .small-pull-8 {
      position: relative;
      right: 66.66667%;
      left: auto;
    }
    .small-push-9 {
      position: relative;
      left: 75%;
      right: auto;
    }
    .small-pull-9 {
      position: relative;
      right: 75%;
      left: auto;
    }
    .small-push-10 {
      position: relative;
      left: 83.33333%;
      right: auto;
    }
    .small-pull-10 {
      position: relative;
      right: 83.33333%;
      left: auto;
    }
    .small-push-11 {
      position: relative;
      left: 91.66667%;
      right: auto;
    }
    .small-pull-11 {
      position: relative;
      right: 91.66667%;
      left: auto;
    }
    .small-1 {
      width: 8.33333%;
    }
    .small-2 {
      width: 16.66667%;
    }
    .small-3 {
      width: 25%;
    }
    .small-4 {
      width: 33.33333%;
    }
    .small-5 {
      width: 41.66667%;
    }
    .small-6 {
      width: 50%;
    }
    .small-7 {
      width: 58.33333%;
    }
    .small-8 {
      width: 66.66667%;
    }
    .small-9 {
      width: 75%;
    }
    .small-10 {
      width: 83.33333%;
    }
    .small-11 {
      width: 91.66667%;
    }
    .small-12 {
      width: 100%;
    }
    .small-offset-0 {
      margin-left: 0 !important;
    }
    .small-offset-1 {
      margin-left: 8.33333% !important;
    }
    .small-offset-2 {
      margin-left: 16.66667% !important;
    }
    .small-offset-3 {
      margin-left: 25% !important;
    }
    .small-offset-4 {
      margin-left: 33.33333% !important;
    }
    .small-offset-5 {
      margin-left: 41.66667% !important;
    }
    .small-offset-6 {
      margin-left: 50% !important;
    }
    .small-offset-7 {
      margin-left: 58.33333% !important;
    }
    .small-offset-8 {
      margin-left: 66.66667% !important;
    }
    .small-offset-9 {
      margin-left: 75% !important;
    }
    .small-offset-10 {
      margin-left: 83.33333% !important;
    }
    .small-offset-11 {
      margin-left: 91.66667% !important;
    }
    .small-reset-order {
      float: left;
      left: auto;
      margin-left: 0;
      margin-right: 0;
      right: auto;
    }
    .column.small-centered {
      margin-left: auto;
      margin-right: auto;
      float: none;
    }
    .column.small-uncentered {
      float: left;
      margin-left: 0;
      margin-right: 0;
    }
    .column.small-centered:last-child {
      float: none;
    }
    .column.small-uncentered:last-child {
      float: left;
    }
    .column.small-uncentered.opposite {
      float: right;
    }
    .row.small-collapse > .column {
      padding-left: 0;
      padding-right: 0;
    }
    .row.small-collapse .row {
      margin-left: 0;
      margin-right: 0;
    }
    .row.small-uncollapse > .column {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      float: left;
    }
  }
  
  @media only screen and (min-width: 40.0625em) {
    .medium-push-0 {
      position: relative;
      left: 0;
      right: auto;
    }
    .medium-pull-0 {
      position: relative;
      right: 0;
      left: auto;
    }
    .medium-push-1 {
      position: relative;
      left: 8.33333%;
      right: auto;
    }
    .medium-pull-1 {
      position: relative;
      right: 8.33333%;
      left: auto;
    }
    .medium-push-2 {
      position: relative;
      left: 16.66667%;
      right: auto;
    }
    .medium-pull-2 {
      position: relative;
      right: 16.66667%;
      left: auto;
    }
    .medium-push-3 {
      position: relative;
      left: 25%;
      right: auto;
    }
    .medium-pull-3 {
      position: relative;
      right: 25%;
      left: auto;
    }
    .medium-push-4 {
      position: relative;
      left: 33.33333%;
      right: auto;
    }
    .medium-pull-4 {
      position: relative;
      right: 33.33333%;
      left: auto;
    }
    .medium-push-5 {
      position: relative;
      left: 41.66667%;
      right: auto;
    }
    .medium-pull-5 {
      position: relative;
      right: 41.66667%;
      left: auto;
    }
    .medium-push-6 {
      position: relative;
      left: 50%;
      right: auto;
    }
    .medium-pull-6 {
      position: relative;
      right: 50%;
      left: auto;
    }
    .medium-push-7 {
      position: relative;
      left: 58.33333%;
      right: auto;
    }
    .medium-pull-7 {
      position: relative;
      right: 58.33333%;
      left: auto;
    }
    .medium-push-8 {
      position: relative;
      left: 66.66667%;
      right: auto;
    }
    .medium-pull-8 {
      position: relative;
      right: 66.66667%;
      left: auto;
    }
    .medium-push-9 {
      position: relative;
      left: 75%;
      right: auto;
    }
    .medium-pull-9 {
      position: relative;
      right: 75%;
      left: auto;
    }
    .medium-push-10 {
      position: relative;
      left: 83.33333%;
      right: auto;
    }
    .medium-pull-10 {
      position: relative;
      right: 83.33333%;
      left: auto;
    }
    .medium-push-11 {
      position: relative;
      left: 91.66667%;
      right: auto;
    }
    .medium-pull-11 {
      position: relative;
      right: 91.66667%;
      left: auto;
    }
    .medium-1 {
      width: 8.33333%;
    }
    .medium-2 {
      width: 16.66667%;
    }
    .medium-3 {
      width: 25%;
    }
    .medium-4 {
      width: 33.33333%;
    }
    .medium-5 {
      width: 41.66667%;
    }
    .medium-6 {
      width: 50%;
    }
    .medium-7 {
      width: 58.33333%;
    }
    .medium-8 {
      width: 66.66667%;
    }
    .medium-9 {
      width: 75%;
    }
    .medium-10 {
      width: 83.33333%;
    }
    .medium-11 {
      width: 91.66667%;
    }
    .medium-12 {
      width: 100%;
    }
    .medium-offset-0 {
      margin-left: 0 !important;
    }
    .medium-offset-1 {
      margin-left: 8.33333% !important;
    }
    .medium-offset-2 {
      margin-left: 16.66667% !important;
    }
    .medium-offset-3 {
      margin-left: 25% !important;
    }
    .medium-offset-4 {
      margin-left: 33.33333% !important;
    }
    .medium-offset-5 {
      margin-left: 41.66667% !important;
    }
    .medium-offset-6 {
      margin-left: 50% !important;
    }
    .medium-offset-7 {
      margin-left: 58.33333% !important;
    }
    .medium-offset-8 {
      margin-left: 66.66667% !important;
    }
    .medium-offset-9 {
      margin-left: 75% !important;
    }
    .medium-offset-10 {
      margin-left: 83.33333% !important;
    }
    .medium-offset-11 {
      margin-left: 91.66667% !important;
    }
    .medium-reset-order {
      float: left;
      left: auto;
      margin-left: 0;
      margin-right: 0;
      right: auto;
    }
    .column.medium-centered {
      margin-left: auto;
      margin-right: auto;
      float: none;
    }
    .column.medium-uncentered {
      float: left;
      margin-left: 0;
      margin-right: 0;
    }
    .column.medium-centered:last-child {
      float: none;
    }
    .column.medium-uncentered:last-child {
      float: left;
    }
    .column.medium-uncentered.opposite {
      float: right;
    }
    .row.medium-collapse > .column {
      padding-left: 0;
      padding-right: 0;
    }
    .row.medium-collapse .row {
      margin-left: 0;
      margin-right: 0;
    }
    .row.medium-uncollapse > .column {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      float: left;
    }
  }
  
  @media only screen and (min-width: 64.0625em) {
    .large-push-0 {
      position: relative;
      left: 0;
      right: auto;
    }
    .large-pull-0 {
      position: relative;
      right: 0;
      left: auto;
    }
    .large-push-1 {
      position: relative;
      left: 8.33333%;
      right: auto;
    }
    .large-pull-1 {
      position: relative;
      right: 8.33333%;
      left: auto;
    }
    .large-push-2 {
      position: relative;
      left: 16.66667%;
      right: auto;
    }
    .large-pull-2 {
      position: relative;
      right: 16.66667%;
      left: auto;
    }
    .large-push-3 {
      position: relative;
      left: 25%;
      right: auto;
    }
    .large-pull-3 {
      position: relative;
      right: 25%;
      left: auto;
    }
    .large-push-4 {
      position: relative;
      left: 33.33333%;
      right: auto;
    }
    .large-pull-4 {
      position: relative;
      right: 33.33333%;
      left: auto;
    }
    .large-push-5 {
      position: relative;
      left: 41.66667%;
      right: auto;
    }
    .large-pull-5 {
      position: relative;
      right: 41.66667%;
      left: auto;
    }
    .large-push-6 {
      position: relative;
      left: 50%;
      right: auto;
    }
    .large-pull-6 {
      position: relative;
      right: 50%;
      left: auto;
    }
    .large-push-7 {
      position: relative;
      left: 58.33333%;
      right: auto;
    }
    .large-pull-7 {
      position: relative;
      right: 58.33333%;
      left: auto;
    }
    .large-push-8 {
      position: relative;
      left: 66.66667%;
      right: auto;
    }
    .large-pull-8 {
      position: relative;
      right: 66.66667%;
      left: auto;
    }
    .large-push-9 {
      position: relative;
      left: 75%;
      right: auto;
    }
    .large-pull-9 {
      position: relative;
      right: 75%;
      left: auto;
    }
    .large-push-10 {
      position: relative;
      left: 83.33333%;
      right: auto;
    }
    .large-pull-10 {
      position: relative;
      right: 83.33333%;
      left: auto;
    }
    .large-push-11 {
      position: relative;
      left: 91.66667%;
      right: auto;
    }
    .large-pull-11 {
      position: relative;
      right: 91.66667%;
      left: auto;
    }
    .large-1 {
      width: 8.33333%;
    }
    .large-2 {
      width: 16.66667%;
    }
    .large-3 {
      width: 25%;
    }
    .large-4 {
      width: 33.33333%;
    }
    .large-5 {
      width: 41.66667%;
    }
    .large-6 {
      width: 50%;
    }
    .large-7 {
      width: 58.33333%;
    }
    .large-8 {
      width: 66.66667%;
    }
    .large-9 {
      width: 75%;
    }
    .large-10 {
      width: 83.33333%;
    }
    .large-11 {
      width: 91.66667%;
    }
    .large-12 {
      width: 100%;
    }
    .large-offset-0 {
      margin-left: 0 !important;
    }
    .large-offset-1 {
      margin-left: 8.33333% !important;
    }
    .large-offset-2 {
      margin-left: 16.66667% !important;
    }
    .large-offset-3 {
      margin-left: 25% !important;
    }
    .large-offset-4 {
      margin-left: 33.33333% !important;
    }
    .large-offset-5 {
      margin-left: 41.66667% !important;
    }
    .large-offset-6 {
      margin-left: 50% !important;
    }
    .large-offset-7 {
      margin-left: 58.33333% !important;
    }
    .large-offset-8 {
      margin-left: 66.66667% !important;
    }
    .large-offset-9 {
      margin-left: 75% !important;
    }
    .large-offset-10 {
      margin-left: 83.33333% !important;
    }
    .large-offset-11 {
      margin-left: 91.66667% !important;
    }
    .large-reset-order {
      float: left;
      left: auto;
      margin-left: 0;
      margin-right: 0;
      right: auto;
    }
    .column.large-centered {
      margin-left: auto;
      margin-right: auto;
      float: none;
    }
    .column.large-uncentered {
      float: left;
      margin-left: 0;
      margin-right: 0;
    }
    .column.large-centered:last-child {
      float: none;
    }
    .column.large-uncentered:last-child {
      float: left;
    }
    .column.large-uncentered.opposite {
      float: right;
    }
    .row.large-collapse > .column {
      padding-left: 0;
      padding-right: 0;
    }
    .row.large-collapse .row {
      margin-left: 0;
      margin-right: 0;
    }
    .row.large-uncollapse > .column {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      float: left;
    }
  }
  
  /**
   * Layout
   * eg. Header, footer, sidebar
  **/
  .hide-header .header-toggle {
    display: block;
    top: calc(100px + 1rem);
  }

  .hide-header .hamburger div {
    background: #1b203d;
  }
  
  .hide-header .header {
    position: static;
    margin-top: -100px;
  }
  .header__disability-image
  {
    display:block;
  }

  .hide-header.reveal-header .header-toggle {
    display: none;
  }
  
  .hide-header.reveal-header .header {
    margin-top: 0 !important;
  }
  
  @media only screen and (max-width: 1024px) {
    .hide-header .header {
      margin-top: -140px;
    }

    
    .hide-header .header-toggle {
      top: calc(140px + 1rem);
    }

    .footerLogoList
    {
      display:block;
    }
  }
  
  @media only screen and (max-width: 700px) {
    .hide-header .header {
      margin-top: -125px;
    }

    .hide-header .header-toggle {
      top: calc(125px + 1rem);
    }
  }
  
  .header-toggle {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 9999;
  }
  
  .header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 1.25rem 0;
    transition: margin-top 400ms;
    background-color: #1b203d;
  }

  @media only screen and (max-width: 1020px) {
      .header {
          position: relative;
      }
      .header__disability-image
      {
        display:none;
      }     
  }
  @media only screen and (max-width: 641px) {
    .global-carousel--pause, .global-carousel--play {
      bottom: -8px;
      }
  }
  
  .header__inner {
    display: table;
    width: 100%;
  }
  
  .header__spacer {
    width: 225px;
    min-width: 225px;
    min-height: 1px;
  }
  
  .header--trans {
    background-color: rgba(51, 51, 51, 0.7);
  }
  
  .logo {
    display: table-cell;
    width: 150px;
    height: 60px;
    min-width: 225px;
    vertical-align: top;
    background: url("/SiteElements/images/hcc-logo-jobs.svg") bottom center no-repeat;
  }
  
  .logo__label {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }
  
  .nav-wrapper {
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: bottom;
  }
  
  .nav-toggle {
    display: none;
    float: right;
    margin: 1rem .5rem;
  }
  
  @media only screen and (max-width: 1024px) {
    .logo {
      width: 150px;
      height: 90px;
    }
    .header__spacer {
      display: none;
    }
  }
  
  @media only screen and (max-width: 1020px) {
    .logo {
      display: block;
      min-width: 0;
      width: 150px;
      height: 90px;
      float: left;
      background: url("/SiteElements/images/hcc-logo-jobs.svg") bottom center no-repeat;
    }
    .nav-wrapper {
      position: absolute;
      top: 0;
      right: -350px;
      width: 350px;
      min-height: 100vh;
      background-color: #1b203d;
    }
    .nav-toggle {
      display: block;
    }
  }
  
  @media only screen and (max-width: 420px) {
    .nav-wrapper {
      right: -260px;
      width: 260px;
    }
  }
  
  .footer {
    color: #fff;
    background-color: #1b203d;
    min-height: 345px;
  }
  
  .footer__inner {
    float: right;
  }
  
  .footer__heading {
    display: block;
    margin: 0 0 .5rem 0;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1rem;
  }
  /**
   * Vendor
   * 3rd party plugin styles
   */
  
  
  /*# sourceMappingURL=styles.css.map */
  
  .footer_Logos
  {
    position: absolute;
    float: left;
    
  }
  
  .extrafooterlogos {
    position: static;
  }
  
  .extrafooterlogos {
      position: relative;
      /* float: right; */
  }
  
  .extrafooterlogos ul li {
      list-style: none;
      display: inline;
      margin-right: 40px;
  }
  
  #c1 {
      width: 33%;
      height: 130px;
      display: inline-block;
      vertical-align: top;
  }
  
  #c2 {
      width: 33%;
       height: 130px;
       display: inline-block;
       vertical-align: top;
  }
  
  #c3 {
      width: 33%;
      /* height: 130px; */
      display: inline-block;
      vertical-align: top;
  }

    #h1 {
      /* width: 25%; */
      height: 130px;
      display: inline-block;
      vertical-align: top;
  }
  
  #h2 {
      /* width: 25%; */
      height: 130px;
      display: inline-block;
      vertical-align: top;
  }
  
  #h3 {
      /* width: 25%; */
      /* height: 130px; */
      display: inline-block;
      vertical-align: top;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      align-items: center;
      justify-items: center;
  }
    #h4 {
      /* width: auto; */
      /* height: 130px; */
      display: inline-block;
      vertical-align: top;
  }

  #h3 p {
    grid-column: 1 / span 3;
  }
  
  footer #CfooterCentre{
      /* width: 300px; */
      /* margin: 0px auto; */
      margin-left: unset !important;
  }
  
  @media only screen and (max-width: 640px) {
  #c1 
  {
      display: inherit;
  }
  
  #c2 
  {
       display: inherit;
  }
  
  #c3 
  {
      display: inherit;
  }
    #h1 
  {
      display: inherit;
  }
  
  #h2 
  {
       display: inherit;
  }
  
  #h3 
  {
      display: inherit;
  }
   #h4 
  {
      display: inherit;
  }
  
  }

  /* a:focus,
button:focus,
#searchCriteriaFieldset .btn-primary:focus,
input[type="submit"]:focus,
iframe:focus,
[tabindex]:focus:not(.Mobilenav) {
    color: #0b0c0c !important;
    background-color: #fd0 !important;
    box-shadow: 0 4px #0b0c0c !important;
    border-color: #fd0 !important;
    outline: none;
}

/* double border for editable elements */
/* input:focus,
select:focus,
textarea:focus,
area[href]:focus,
[contentEditable=true]:focus,
.addFocus:focus {
    outline: solid 3px #fd0 !important;
    border: solid 3px #0b0c0c !important;
    outline-offset: 0 !important;
} */ 


  /* ============================================================== */
/* Added by AM 18.1.18                Hero Block                  */
/* ============================================================== */
.hero-block
{
    background-size: cover;
}

.hero-block__info
{
    position: relative;
    padding: 150px 0px 150px 0px;
    color: #fff;  
    max-width: 500px;    
}
    /* Default attributes which are only applied during mobile */
    /* The class is applied in razor but mobiile will always be shown centrally*/
    .hero-block__info--right
    {
        margin: 0 auto;
    }
    .hero-block__info--left
    {
        margin: 0 auto;
    }
    .hero-block__info--centre
    {
        margin: 0 auto;
    }


.hero-block__inner
{
    position:relative;
    z-index: 1;
}

.hero-block__inner a
{
    font-size: 18px;
    text-align: left;
}

.hero-block__inner p
{
    font-size:125%;
}

.hero-block__title
{
    font-size: 2.4em;    
}

.hero-block__btn
{
    display: block;
    margin: 0 .625rem 1rem 0;
    border-radius: 2px;
    padding: 18px;
    font-weight: 400;
    letter-spacing: 0.2pt;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.23), 0px 5px 15px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.23), 0px 5px 15px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.23), 0px 5px 15px rgba(0, 0, 0, 0.19);
}

.hero-block__inner a:not(.hero-block__btn),
.hero-block__inner a:hover,
.hero-block__inner a:visited,
.hero-block__inner a:link:not(.hero-block__btn),
.hero-block__inner a:active
{
    text-decoration: underline;
}

.hero-block__inner .hero-block__btn
{
    text-decoration: none;
}

/* Overlays */
.hero-block--dark
{
box-shadow: inset 0px 0px 0 5000px rgba(0,0,0,0.7);
}

.hero-block--light
{
box-shadow: inset 0px 0px 0 5000px rgba(255,255,255,0.7);
}


@media only screen and (min-width: 901px)
{
    .hero-block__info
    {        
        max-width: 500px;       
    }
    
    .hero-block__info--left
    {

        margin-left: 5%; 
    }

    .hero-block__info--right
    {
        float: right;
        margin-right: 5%; 
    }

    .hero-block__info--centre
    {
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1301px)
{
    .hero-block
    {
        padding-top: 0;
        background-position: center center;
    }

    .hero-block__info
    {
        max-width: 500px;      
    }
    .hero-block__info--left
    {
        margin-left: 14%;  
    }
    .hero-block__info--right
    {
        margin-right: 14%;    
    }
    .hero-block__info--centre
    {
        margin: 0 auto;
    }
}

@media only screen and (max-width:600px)
{
    .hero-block__info
    {
        padding: 100px 50px 100px 50px;
    }

    
    .hero-block__btn
    {
        display: block;
        margin: 0;
        padding: 1.50em 1.25em 1.25em 1.25em;
    }
    
    .hero-block__inner a
    {
        margin: 0 0 1rem 0;
    }

    .hero-block__position--left
    {
        background-position: 0%;
    }

    .hero-block__position--right
    {
        background-position: 100%;
    }
    
    .hero-block__position--centre
    {
        background-position: 50%;
    }
}
/* ============================================================== */

  
.banner_title {
  font-size: 2.3em;
}

.banner_subtitle {
  font-size: 1.5em;
}

@media only screen and (min-width: 1281px) {
  
      .banner_title {
        font-size: 2.8em;
    }
  
      .banner_subtitle {
        font-size: 2.2em;
    }
  
  }


/*JS 08/04 fix for video on recuitment template */ 

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.footer-grid {
    padding: 1.25em;
    display: grid;
    margin: auto;
    min-height: 165px !important;
    grid-template-columns: 1fr 1fr 2fr 1fr;
    align-items: center;
    justify-items: center;
    
    
    
    
    
    

    @media screen and (max-width: 1020px) {
      grid-template-columns: 1fr 1fr;
    }

    @media screen and (max-width: 720px) {
      grid-template-columns: 1fr;
    }
}



#styleOptions ul{
  list-style: none;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, auto);
  padding: 0;
  
  
  
  

  @media screen and (max-width: 720px) {
    grid-template-columns: 1fr;justify-items: center;
  }
}
   

#styleOptions a {
  border-radius: 5px;
  line-height: 1.8em;
  /* display: inline; */
  width: 130px;
  white-space: nowrap;
}
   
a.hiContrast {
  color: yellow; 
  background: black; 
  padding: 10px; 
  text-decoration: none; 
  border: 2px solid black;
}

a.hiContrast:hover {
  color: yellow;
}
 
a.loContrast {
  color: Grey; 
  background: PaleGoldenRod; 
  padding: 10px; 
  text-decoration: none; 
  border: 2px solid PaleGoldenRod;
}

a.resetStyle {
  padding: 10px; 
  border: 2px solid black; 
  text-decoration: none; 
  color: #444;
  background-color: white;
}

.altStandardAside ul:not([class]) li::before {
  content: '•';
  color: #983d83;
  float: left;
  font-size: 1.5em;
  line-height: .8em;
  width: .7em;
}


.altStandardAside ul:not([class]) {
  list-style: none;
  padding-left: 1.4em;
}

.altStandardAside ul:not([class]) li {
  margin: .5em 0;
  text-indent: -1em;
}

.header .panel {
  background-color: inherit !important;
}

.header .panel ul li{
  float: left;
  list-style: none;
  padding-left: 10px;
}

.header .panel {
    width: 317px !important;
}

.notice {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: black;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.15em;
    margin: 0 auto;
    padding: 15px 35px 15px 65px;
    position: absolute;
    left:33%;
    text-align: left;
    z-index: 999;
}

 .notice p {
    margin: 0 auto;
    max-width: 500px;
}

 .notice ul {
    margin-top: 0;
    padding: 0 10px 0 15px;
}

.notice a {
    color: white;
}

 .notice button {
    border: 2px solid #b4bbc2;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -pie-border-radius: 100%;
    border-radius: 100%;
    background: none;
    top: 3px;
    font-size: .75em;
    position: absolute;
    right: 3px;
    text-indent: -999em;
    width: 28px;
    height: 28px;
    overflow: hidden;
    z-index: 5;
}

.notice button:after {
    content: '\e813';
    color: #b4bbc2;
    font-family: "fontello";
    display: inline-block;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 200%;
    height: 100%;
    left: 0;
    line-height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    text-align: center;
    text-indent: 0;
}

 .notice:before {
    background: black url('../../siteelements/images/icon-alert.svg') no-repeat top left;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: 8px;
    width: 40px;
    height: 35px;
}

@media only screen and (max-width: 1020px) {
 .notice {
        -webkit-border-radius: 0px 0px 3px 3px;
        -moz-border-radius: 0px 0px 3px 3px;
        -pie-border-radius: 0px 0px 3px 3px;
        border-radius: 0px 0px 3px 3px;
        left: 0;
        width: 100%;
    }
}


.whitelink {
    color: white !important;
}

.tdropdownaction {
    cursor: pointer;
}


.tdropdownaction a {
    color: #005EA5;
    text-decoration: underline;
}

#h3 a{
  display: inline-block;
}

@media only screen and (max-width: 1024px) {
  #h1, #h2, #h3, #h4{
    width: 100%;
  }

  #h3, #h4{
    /* margin-left: 100px; */
  }
}

a:focus img {
    border-color: #0b0c0c;
    outline: 3px solid #0b0c0c;
    -webkit-box-shadow: 0 0 0 6px #fd0;
    -moz-box-shadow: 0 0 0 6px #fd0;
    box-shadow: 0 0 0 6px #fd0;
}

a:focus,
button:focus,
#searchCriteriaFieldset .btn-primary:focus,
input[type="submit"]:focus,
iframe:focus,
[tabindex]:focus:not(.Mobilenav) {
    color: #0b0c0c !important;
    background-color: #fd0 !important;
    box-shadow: 0 4px #0b0c0c !important;
    border-color: #fd0 !important;
    outline: none;
}