/********************		Typography
\********************/
/********************		Colors 
\********************/
/********************		Responsive
\********************/
/*	prefixes all selectors in all breakpoints up to $ie-breakpoint with .ie
	ensures IE<9 gets these rules that would otherwise be hidden inside a media query
	requires an element with .ie to wrap all elements in only IE<9, for example http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
*/
/********************		Grid
\********************/
/********************		Buttons
\********************/
/********************		Messages
\********************/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/*
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

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

/*
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 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 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

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

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

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

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

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

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

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

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

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

/*
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/*
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * 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.
 */
img {
  border: 0;
}

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

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

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

/*
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

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

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
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;
}

/*
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/*
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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

.clear {
  clear: both;
}

/* small >>> large */
/* small <<< large */
/* between specified breakpoints */
.grid {
  margin-left: -0.75em;
  margin-right: -0.75em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

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

.grid > .grid {
  margin-left: 0;
}

.homepage-intro, .homepage-sidebar, .page-content, .left-nav, .main-content, .sidebar, .logo-wrapper, .strapline, .search-wrapper, .site-footer .accreditations, .site-footer .copyright, .site-footer .social-media, .map-content {
  display: inline-block;
  width: 100%;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: top;
  margin-right: -0.25em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  *display: inline;
  *zoom: 1;
  *behavior: url(../../webint/thirdparty/boxsizing.html);
}

/*
	used to hold content within grid columns, purposes:
		- decouples ems from grid-items and their content
*/
.grid-content {
  zoom: 1;
}

.grid-content:before, .grid-content:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.grid-content:after {
  clear: both;
}

.centered .grid-content {
  text-align: left;
}

.homepage-intro, .homepage-sidebar, .page-content, .left-nav, .main-content, .sidebar, .logo-wrapper, .strapline, .search-wrapper, .map-content {
  width: 100%;
}

@media only all and (min-width: 32em) {
  .homepage-intro, .homepage-sidebar {
    width: 100%;
  }
  .page-content {
    width: 75%;
  }
}

.ie .homepage-intro, .ie .homepage-sidebar {
  width: 100%;
}

.ie .page-content {
  width: 75%;
}

@media only all and (min-width: 49em) {
  .homepage-intro, .homepage-sidebar {
    width: 100%;
  }
  .left-nav, .sidebar, .logo-wrapper, .search-wrapper {
    width: 25%;
  }
  .main-content, .strapline {
    width: 50%;
  }
  .map-content {
    width: 71.42857%;
  }
}

.ie .homepage-intro, .ie .homepage-sidebar {
  width: 100%;
}

.ie .left-nav, .ie .sidebar, .ie .logo-wrapper, .ie .search-wrapper {
  width: 25%;
}

.ie .main-content, .ie .strapline {
  width: 50%;
}

.ie .map-content {
  width: 71.42857%;
}

@media only all and (min-width: 60em) {
  .homepage-sidebar {
    width: 33.33333%;
  }
  .homepage-intro {
    width: 66.66667%;
  }
  .site-footer .accreditations, .site-footer .social-media {
    width: 25%;
  }
  .site-footer .copyright {
    width: 75%;
  }
}

.ie .homepage-sidebar {
  width: 33.33333%;
}

.ie .homepage-intro {
  width: 66.66667%;
}

.ie .site-footer .accreditations, .site-footer .ie .accreditations, .ie .site-footer .social-media, .site-footer .ie .social-media {
  width: 25%;
}

.ie .site-footer .copyright, .site-footer .ie .copyright {
  width: 75%;
}

/*
	Responsive visual aids
*/
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.field, .ss-toggle {
  padding: 5px;
  clear: both;
}

.Actions {
  margin: 0.8em;
  text-align: center;
  margin-bottom: 1em;
}

select, button, label {
  cursor: pointer;
}

label.left {
  display: block;
  padding: 0.3em 0;
}

@media only screen and (min-width: 768px) {
  label.left {
    float: left;
    width: 150px;
  }
  .middleColumn,
  label.right,
  .message {
    margin-left: 150px;
  }
}

.stacked label.left {
  float: none;
}

.stacked .middleColumn,
.stacked label.right {
  margin-left: 0;
}

label.right {
  display: block;
  font-style: italic;
  color: #999;
}

input.text,
input[type=text],
textarea,
select {
  border: 1px solid #AAA;
  padding: 0.4em 0.5em;
  text-transform: uppercase;
  width: 93%;
  max-width: 20em;
  box-shadow: inset 0;
}

input.file {
  width: 100%;
}

.boxshadow input.text,
.boxshadow input[type=text],
.boxshadow textarea,
.boxshadow select {
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
}

input.text:focus,
input[type=text]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #666;
}

select {
  width: 100%;
  min-width: 200px;
}

.optionset ul {
  list-style: none;
  padding: 0.3em;
}

.optionset ul:after {
  content: " ";
  height: 0;
  clear: both;
  display: block;
}

.optionset > label {
  display: block;
}

.action {
  color: #FFF;
  background: url(../images/40px-white-emboss.html) repeat-x top #ed1c24;
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0.4em 1.1em 0.4em 1.1em;
  border: none;
  border-radius: 1.5em;
}

.action:hover {
  color: #FFF;
  border-color: #5B5B5B;
  border-bottom-color: #000;
  background-color: #444;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 0 #000;
}

.action:active {
  color: #FFF;
  border-color: #1d1d1d;
  background-color: #1d1d1d;
  box-shadow: inset 0 1px 10px #000;
  text-shadow: 0 1px 0 #000;
  color: #DDD;
}

.action:hover .icon-search, .action:active .icon-search {
  background-position: -125px 0px;
}

.action:active .icon-search {
  opacity: 0.8;
}

/* dmy date */
.field.date .day, .field.date .month, .field.date .year {
  width: 18%;
}

/* datepicker */
input.date {
  background: url(../images/icons/date.html) no-repeat 97% 6px;
}

/* timepicker */
input.timepicker {
  background: url(../images/icons/clock.html) no-repeat 97% 50%;
}

/* composite */
.composite {
  padding: 0.6em 0.8em 1em;
  border: 2px solid #DDD;
  margin-bottom: 1.5em;
}

/* messages */
.message {
  padding: 0.5em;
  background-color: #EEE;
  display: inline-block;
}

.message.required {
  background-color: #9e0101;
  color: #FFF;
}

.borderradius .message {
  -webkit-border-radius: 0 0 0.4em 0.4em;
  -moz-border-radius: 0 0 0.4em 0.4em;
  -ms-border-radius: 0 0 0.4em 0.4em;
  -o-border-radius: 0 0 0.4em 0.4em;
  border-radius: 0 0 0.4em 0.4em;
}

.holder-validation input.text,
.holder-validation textarea,
.holder-validation select,
.holder-required input.text,
.holder-required textarea,
.holder-required select {
  -webkit-border-radius: 0.4em 0.4em 0.4em 0;
  -moz-border-radius: 0.4em 0.4em 0.4em 0;
  -ms-border-radius: 0.4em 0.4em 0.4em 0;
  -o-border-radius: 0.4em 0.4em 0.4em 0;
  border-radius: 0.4em 0.4em 0.4em 0;
}

.holder-required input.text,
.holder-required textarea,
.holder-required select {
  border-color: #9e0101;
}

.checkboxset li {
  float: left;
  margin-right: 5px;
  width: 150px;
}

/* htmleditor */
.htmleditor.field table.mceLayout {
  width: 100%;
  border-color: #AAA;
}

.holder-required.htmleditor .mceLayout {
  border-color: #9e0101;
}

/* toggle composite field */
.ui-accordion-header {
  font-size: 1em;
  margin-bottom: 0;
  padding: 0.5em;
  cursor: pointer;
  outline: none;
  border: 1px dotted #AAA;
  font-weight: bold;
  background: white;
}

/* fieldgroup */
.fieldholder-small {
  margin-bottom: 1px;
}

.fieldholder-small-label {
  display: inline-block;
  width: 100px;
}

a {
  color: #ed1c24;
  text-decoration: none;
}

a:visited {
  color: #ed1c24;
}

a:hover {
  color: #f14b52;
  text-decoration: underline;
}

a:active {
  color: #970c11;
}

.button, .info-button, .success-button, .alert-button, .error-button, .general-button, .disabled-button {
  background-image: linear-gradient(bottom, #a13612 18%, #f15d28 70%);
  background-image: -o-linear-gradient(bottom, #a13612 18%, #f15d28 70%);
  background-image: -moz-linear-gradient(bottom, #a13612 18%, #f15d28 70%);
  background-image: -webkit-linear-gradient(bottom, #a13612 18%, #f15d28 70%);
  background-image: -ms-linear-gradient(bottom, #a13612 18%, #f15d28 70%);
  float: right;
  margin-top: -0.3em;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.18, #a13612), color-stop(0.7, #f15d28));
  padding: 0.45em 0.65em;
  color: #FFF;
  text-decoration: none;
  font-size: 0.9em;
  display: inline-block;
  border: none;
  border-radius: 0.3em;
  line-height: 120%;
}

.button:visited, .info-button:visited, .success-button:visited, .alert-button:visited, .error-button:visited, .general-button:visited, .disabled-button:visited {
  color: #FFF;
}

.button:active, .info-button:active, .success-button:active, .alert-button:active, .error-button:active, .general-button:active, .disabled-button:active {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.button:hover, .info-button:hover, .success-button:hover, .alert-button:hover, .error-button:hover, .general-button:hover, .disabled-button:hover {
  color: #fff;
}

.button.big, .big.info-button, .big.success-button, .big.alert-button, .big.error-button, .big.general-button, .big.disabled-button {
  font-size: 1.2em;
  padding: 0.5em 0.7em;
}

.button.huge, .huge.info-button, .huge.success-button, .huge.alert-button, .huge.error-button, .huge.general-button, .huge.disabled-button {
  font-size: 2em;
}

.info-button {
  background-color: #33a1ff;
  background: #42a8ff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #42a8ff 0%, #299cff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42a8ff), color-stop(100%, #299cff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #42a8ff 0%, #299cff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #42a8ff 0%, #299cff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #42a8ff 0%, #299cff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #42a8ff 0%, #299cff 100%);
  /* W3C */
  text-shadow: 0 1px 0 #007ce6;
}

.info-button:hover {
  background-color: #4dadff;
  background: #52afff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #52afff 0%, #33a1ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52afff), color-stop(100%, #33a1ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #52afff 0%, #33a1ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #52afff 0%, #33a1ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #52afff 0%, #33a1ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #52afff 0%, #33a1ff 100%);
  /* W3C */
  color: #FFF;
  text-decoration: none;
}

.info-button:focus {
  outline: 1px dotted #999;
}

.info-button:active {
  background-color: #1a95ff;
  background: #1493ff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1493ff 0%, #33a1ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1493ff), color-stop(100%, #33a1ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1493ff 0%, #33a1ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1493ff 0%, #33a1ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1493ff 0%, #33a1ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #1493ff 0%, #33a1ff 100%);
  /* W3C */
  box-shadow: inset 0 0.1em 0.3em #007ce6;
  color: #d6ecff;
  outline: none;
}

.success-button {
  background-color: #83dd3a;
  background: #8bdf47;
  /* Old browsers */
  background: -moz-linear-gradient(top, #8bdf47 0%, #7edb31 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8bdf47), color-stop(100%, #7edb31));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8bdf47 0%, #7edb31 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8bdf47 0%, #7edb31 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #8bdf47 0%, #7edb31 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #8bdf47 0%, #7edb31 100%);
  /* W3C */
  text-shadow: 0 1px 0 #5ead1e;
}

.success-button:hover {
  background-color: #91e150;
  background: #93e254;
  /* Old browsers */
  background: -moz-linear-gradient(top, #93e254 0%, #83dd3a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93e254), color-stop(100%, #83dd3a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #93e254 0%, #83dd3a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #93e254 0%, #83dd3a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #93e254 0%, #83dd3a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #93e254 0%, #83dd3a 100%);
  /* W3C */
  color: #FFF;
  text-decoration: none;
}

.success-button:focus {
  outline: 1px dotted #999;
}

.success-button:active {
  background-color: #75d825;
  background: #73d425;
  /* Old browsers */
  background: -moz-linear-gradient(top, #73d425 0%, #83dd3a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #73d425), color-stop(100%, #83dd3a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #73d425 0%, #83dd3a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #73d425 0%, #83dd3a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #73d425 0%, #83dd3a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #73d425 0%, #83dd3a 100%);
  /* W3C */
  box-shadow: inset 0 0.1em 0.3em #5ead1e;
  color: #e6f8d7;
  outline: none;
}

.alert-button {
  background-color: #ffc833;
  background: #ffcc42;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffcc42 0%, #ffc529 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcc42), color-stop(100%, #ffc529));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffcc42 0%, #ffc529 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffcc42 0%, #ffc529 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffcc42 0%, #ffc529 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffcc42 0%, #ffc529 100%);
  /* W3C */
  text-shadow: 0 1px 0 #e6a800;
}

.alert-button:hover {
  background-color: #ffcf4d;
  background: #ffd052;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffd052 0%, #ffc833 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd052), color-stop(100%, #ffc833));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffd052 0%, #ffc833 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffd052 0%, #ffc833 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffd052 0%, #ffc833 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffd052 0%, #ffc833 100%);
  /* W3C */
  color: #FFF;
  text-decoration: none;
}

.alert-button:focus {
  outline: 1px dotted #999;
}

.alert-button:active {
  background-color: #ffc11a;
  background: #ffc014;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffc014 0%, #ffc833 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc014), color-stop(100%, #ffc833));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffc014 0%, #ffc833 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffc014 0%, #ffc833 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffc014 0%, #ffc833 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffc014 0%, #ffc833 100%);
  /* W3C */
  box-shadow: inset 0 0.1em 0.3em #e6a800;
  color: #fff4d6;
  outline: none;
}

.error-button {
  background-color: #dd3a3a;
  background: #df4747;
  /* Old browsers */
  background: -moz-linear-gradient(top, #df4747 0%, #db3131 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #df4747), color-stop(100%, #db3131));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #df4747 0%, #db3131 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #df4747 0%, #db3131 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #df4747 0%, #db3131 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #df4747 0%, #db3131 100%);
  /* W3C */
  text-shadow: 0 1px 0 #ad1e1e;
}

.error-button:hover {
  background-color: #e15050;
  background: #e25454;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e25454 0%, #dd3a3a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e25454), color-stop(100%, #dd3a3a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e25454 0%, #dd3a3a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e25454 0%, #dd3a3a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e25454 0%, #dd3a3a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e25454 0%, #dd3a3a 100%);
  /* W3C */
  color: #FFF;
  text-decoration: none;
}

.error-button:focus {
  outline: 1px dotted #999;
}

.error-button:active {
  background-color: #d82525;
  background: #d42525;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d42525 0%, #dd3a3a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d42525), color-stop(100%, #dd3a3a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d42525 0%, #dd3a3a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d42525 0%, #dd3a3a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d42525 0%, #dd3a3a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d42525 0%, #dd3a3a 100%);
  /* W3C */
  box-shadow: inset 0 0.1em 0.3em #ad1e1e;
  color: #f8d7d7;
  outline: none;
}

.general-button {
  background-color: #5E809E;
  background: #6788a4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6788a4 0%, #5a7b98 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6788a4), color-stop(100%, #5a7b98));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6788a4 0%, #5a7b98 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6788a4 0%, #5a7b98 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #6788a4 0%, #5a7b98 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #6788a4 0%, #5a7b98 100%);
  /* W3C */
  text-shadow: 0 1px 0 #41596e;
}

.general-button:hover {
  background-color: #6d8da8;
  background: #708faa;
  /* Old browsers */
  background: -moz-linear-gradient(top, #708faa 0%, #5E809E 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #708faa), color-stop(100%, #5E809E));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #708faa 0%, #5E809E 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #708faa 0%, #5E809E 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #708faa 0%, #5E809E 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #708faa 0%, #5E809E 100%);
  /* W3C */
  color: #FFF;
  text-decoration: none;
}

.general-button:focus {
  outline: 1px dotted #999;
}

.general-button:active {
  background-color: #54738e;
  background: #53708b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #53708b 0%, #5E809E 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #53708b), color-stop(100%, #5E809E));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #53708b 0%, #5E809E 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #53708b 0%, #5E809E 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #53708b 0%, #5E809E 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #53708b 0%, #5E809E 100%);
  /* W3C */
  box-shadow: inset 0 0.1em 0.3em #41596e;
  color: #dee5eb;
  outline: none;
}

.disabled-button {
  background-color: #999;
  background: #a1a1a1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a1a1a1 0%, #949494 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1a1a1), color-stop(100%, #949494));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a1a1a1 0%, #949494 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a1a1a1 0%, #949494 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a1a1a1 0%, #949494 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #a1a1a1 0%, #949494 100%);
  /* W3C */
  text-shadow: 0 1px 0 #737373;
}

.disabled-button:hover {
  background-color: #a6a6a6;
  background: #a8a8a8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a8a8a8 0%, #999 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a8a8), color-stop(100%, #999));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a8a8a8 0%, #999 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a8a8a8 0%, #999 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a8a8a8 0%, #999 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #a8a8a8 0%, #999 100%);
  /* W3C */
  color: #FFF;
  text-decoration: none;
}

.disabled-button:focus {
  outline: 1px dotted #999;
}

.disabled-button:active {
  background-color: #8c8c8c;
  background: #8a8a8a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #8a8a8a 0%, #999 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(100%, #999));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8a8a8a 0%, #999 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8a8a8a 0%, #999 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #8a8a8a 0%, #999 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #8a8a8a 0%, #999 100%);
  /* W3C */
  box-shadow: inset 0 0.1em 0.3em #737373;
  color: #eaeaea;
  outline: none;
}

img {
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
}

img.left {
  float: left;
  margin: 0.4em 1em 0.4em 0em;
  width: auto;
  height: auto;
}

img.right {
  float: right;
  margin: 0.4em 0em 0.4em 1em;
  width: auto;
  height: auto;
}

img.center {
  max-width: 100%;
  width: auto;
  height: auto;
  clear: both;
  display: block;
  margin: 0 auto;
}

.captionImage {
  max-width: 100%;
  position: relative;
}

.captionImage .caption {
  margin: 0;
  font-size: 0.8em;
  padding: 0.8em;
  background-color: #ed1c24;
  color: #FFF;
}

.rgba .captionImage .caption {
  position: absolute;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

ul {
  padding: 0;
  margin: 0.5em 0 0.5em 2em;
}

ul li {
  margin: 0.5em 0;
}

p {
  margin: 1em 0;
  line-height: 140%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 0.5em;
  line-height: 130%;
  font-family: "Proxima-Nova", Arial, serif, sans-serif;
  word-spacing: 1px;
  font-weight: 100;
}

h1 {
  font-size: 1.5em;
  margin: 0.5em 0 0 0;
  line-height: 110%;
  font-weight: normal;
  color: #333;
  font-family: "Proxima-Nova", Arial, sans-serif;
}

h2 {
  font-size: 1.3em;
  margin: 0.8em 0 0.6em;
  line-height: 1.2em;
  font-family: "Proxima-Nova", Arial, sans-serif;
  color: #e7121a;
  font-weight: 100;
}

h3 {
  font-size: 1.4em;
  font-family: "Proxima-Nova", Arial, sans-serif;
}

h4 {
  font-size: 1.4em;
  font-family: "Proxima-Nova", Arial, sans-serif;
  color: #333;
  margin-top: 0;
  font-weight: 300;
}

h5 {
  font-size: 0.8em;
  font-weight: 700;
  margin: 1.3em 0 0.5em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Proxima-Nova", Arial, serif, sans-serif;
}

h6 {
  font-size: 0.9em;
  margin: 1.3em 0 0.5em;
}

strong, b {
  font-weight: bold;
}

blockquote {
  font-style: italic;
}

ul {
  list-style-image: url("../images/bullet.jpg");
  margin-left: 1em;
}

.button-group {
  display: inline-block;
  position: relative;
}

.button-group .button-dropdown {
  position: absolute;
  top: 100%;
  left: -9001px;
  background-color: #FFF;
  min-width: 150%;
  margin: 0.4em 0 0 0;
  border: 1px solid #999;
  padding: 0.3em;
  border-top-color: #BBB;
  border-top-color: #888;
  border-radius: 0.3em;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

.button-group .button-dropdown:before,
.button-group .button-dropdown:after {
  position: absolute;
  bottom: 100%;
  left: 6px;
  content: "";
  border-bottom: 6px solid #999;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.button-group .button-dropdown:after {
  left: 7px;
  border-width: 5px;
  border-bottom-color: #FFF;
}

.button-group.open .button-dropdown {
  left: 0;
}

.button-group.right.open .button-dropdown {
  left: auto;
  right: 0;
}

.button-group.right .button-dropdown:before {
  left: auto;
  right: 6px;
}

.button-group.right .button-dropdown:after {
  left: auto;
  right: 7px;
}

.button-group .menu {
  line-height: 1em;
  list-style: none;
  padding: 0.3em 0;
  font-size: 14px;
}

.button-group .menu a {
  display: block;
  padding: 0.4em 1.5em 0.4em 1em;
  color: #333;
}

.button-group .menu a:hover {
  text-decoration: none;
  background-color: #ed1c24;
  color: #FFF;
}

.button-group .menu li {
  margin: 0;
}

.button-group .menu .divider {
  border-top: 1px solid #BBB;
  margin: 0.3em 0;
}

.homepage-banner {
  background: transparent url(../images/homepage-banner-placeholder.html) top center no-repeat;
  background-size: cover;
  height: 250px;
  position: relative;
}

.homepage-banner .wrapper {
  padding: 0;
}

.homepage-banner h4 {
  color: #fff;
  font-size: 1.3em;
  text-transform: uppercase;
  padding: 1em 1em 0 1em;
  font-family: "Proxima-Nova", Arial, serif, sans-serif;
  margin: 0;
}

.homepage-banner p {
  font-size: 0.9em;
  margin: 0.7em;
  text-shadow: none;
}

.homepage-banner a, .homepage-banner a:visited {
  color: #fff;
  text-transform: uppercase;
}

@media only all and (min-width: 60em) {
  .homepage-banner {
    margin-top: 0;
  }
}

.ie .homepage-banner {
  margin-top: 0;
}

#features {
  display: none;
}

#features ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: url("../images/features-bg-mob.html") top left no-repeat;
}

#features ul li {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
}

#features ul li a, #features ul li a:visited {
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 1em 0 1em 0;
}

@media only all and (min-width: 32em) {
  #features {
    background-image: url("../images/features-bg.html");
    background-position: top left;
    background-repeat: repeat-x;
    padding: 0.5em 0 1em 0;
    text-align: center;
    display: inherit;
  }
  #features ul {
    margin: 0;
    padding: 3.5em 1em 3.5em 1em;
    list-style: none;
    font-size: 1.05em;
    background: none;
  }
  #features ul li {
    display: inline;
    padding: 0 1em 0 0.5em;
    background: url("../images/features-nav-bullet.html") right no-repeat;
    text-transform: none;
    border: none;
  }
  #features ul li:last-child {
    background: none;
  }
  #features ul li a, #features ul li a:visited {
    color: #fff;
    text-decoration: none;
    background: none;
    display: inherit;
  }
  #features ul li a:hover {
    color: #c7e2ef;
  }
  .homepage-banner .quote {
    text-align: left;
  }
}

.ie #features {
  background-image: url("../images/features-bg.html");
  background-position: top left;
  background-repeat: repeat-x;
  padding: 0.5em 0 1em 0;
  text-align: center;
  display: inherit;
}

.ie #features ul {
  margin: 0;
  padding: 3.5em 1em 3.5em 1em;
  list-style: none;
  font-size: 1.05em;
  background: none;
}

.ie #features ul li {
  display: inline;
  padding: 0 1em 0 0.5em;
  background: url("../images/features-nav-bullet.html") right no-repeat;
  text-transform: none;
  border: none;
}

.ie #features ul li:last-child {
  background: none;
}

.ie #features ul li a, .ie #features ul li a:visited {
  color: #fff;
  text-decoration: none;
  background: none;
  display: inherit;
}

.ie #features ul li a:hover {
  color: #c7e2ef;
}

.ie .homepage-banner .quote {
  text-align: left;
}

@media only all and (min-width: 32em) {
  .feature {
    border-bottom: none;
    background: none;
  }
}

.ie .feature {
  border-bottom: none;
  background: none;
}

#homepage-content {
  background-color: #f3f3f3;
  background-image: url("../images/homepage-content-bg.html");
  background-position: top left;
  background-repeat: repeat-x;
}

.homepage-intro {
  color: #333;
}

.homepage-intro h1 {
  font-size: 1.3em;
}

@media only all and (min-width: 32em) {
  .homepage-intro {
    /*background:url("../images/homepage-globe.jpg") no-repeat 30px 60px;*/
    background: url("../images/homepage-globe-small.html") no-repeat bottom right;
    font-size: 1em;
    min-height: 390px;
  }
  .homepage-intro h1 {
    font-size: 1.6em;
  }
  .homepage-intro p {
    font-size: 1.2em;
  }
}

.homepage-intro .ie {
  /*background:url("../images/homepage-globe.jpg") no-repeat 30px 60px;*/
  background: url("../images/homepage-globe-small.html") no-repeat bottom right;
  font-size: 1em;
  min-height: 390px;
}

.homepage-intro .ie h1 {
  font-size: 1.6em;
}

.homepage-intro .ie p {
  font-size: 1.2em;
}

.homepage-intro .content {
  padding: 1em 1em 1em 0;
}

.homepage-sidebar .content {
  /*padding:1em 0 1em 0;*/
  text-align: center;
}

.homepage-sidebar img {
  margin: 0 auto 0 auto;
}

@media only all and (min-width: 32em) {
  .homepage-sidebar img {
    float: right;
    margin: 1em 2em 1em 0;
  }
}

.homepage-sidebar .ie img {
  float: right;
  margin: 1em 2em 1em 0;
}

.homepage-sidebar .news-box {
  padding: 1em;
  float: right;
  display: inherit;
  text-align: left;
  background: #fff;
  min-height: 370px;
}

.homepage-sidebar .news-box h4 {
  font-size: 1.2em;
  font-weight: 100;
  font-family: "Proxima-Nova", Arial, serif, sans-serif;
  color: #260059;
}

@media only all and (max-width: 59.999em) {
  .homepage-sidebar .news-box {
    margin-bottom: 1em;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px #ccc;
  }
}

.homepage-sidebar .news-post {
  font-size: 0.85em;
  line-height: 1em;
  border-bottom: 1px dotted #666;
  padding-bottom: 1em;
}

.homepage-sidebar .news-post p {
  margin: 0.5em 0 1em 0;
  padding: 0;
}

.homepage-sidebar .news-post h6 {
  color: #0099ce;
  font-size: 1.1em;
}

@media only all and (min-width: 49em) {
  .homepage-sidebar {
    min-height: 400px;
  }
}

.homepage-sidebar .ie {
  min-height: 400px;
}

::selection, ::-webkit-selection {
  background: #ed1c24;
  color: white;
}

::-moz-selection {
  background: #ed1c24;
  color: white;
}

body {
  font-family: "Proxima-Nova", Arial, serif, sans-serif;
  font-size: 14px;
  background: #fff;
  color: #444;
  width: 100%;
  min-width: 20em;
  -webkit-font-smoothing: antialiased;
}

.wrapper {
  padding: 0 0.75em;
}

.banner {
  /* background: transparent url(../images/banner-placeholder.png) top center no-repeat; */
  background-size: cover;
  position: relative;
}

@media only all and (min-width: 49em) {
  .banner .wrapper {
    padding: 1em 0 1em 0;
  }
}

.banner .ie .wrapper {
  padding: 1em 0 1em 0;
}

@media only all and (min-width: 60em) {
  .banner {
    margin-top: 0;
  }
}

.ie .banner {
  margin-top: 0;
}

@media only all and (max-width: 48.999em) {
  .mobile-no-pad.wrapper {
    padding: 0;
  }
}

@media only all and (min-width: 49em) {
  .wrapper {
    padding: 0 0.75em;
  }
}

.ie .wrapper {
  padding: 0 0.75em;
}

@media only all and (min-width: 60em) {
  .wrapper {
    min-width: 57em;
    max-width: 82em;
    margin: 0 auto;
    padding: 0 1.5em;
  }
}

.ie .wrapper {
  min-width: 57em;
  max-width: 82em;
  margin: 0 auto;
  padding: 0 1.5em;
}

@media only all and (max-width: 48.999em) {
  .inner-wrap {
    background-color: #171717;
  }
  .request-quote-cta {
    display: none;
  }
}

@media only all and (min-width: 32em) {
  .panel {
    margin: 0.5em 0 0.5em 0;
    font-size: 0.9em;
  }
}

.ie .panel {
  margin: 0.5em 0 0.5em 0;
  font-size: 0.9em;
}

.page-content > .grid-content {
  color: #444;
  padding: 3% 4%;
  -webkit-transition: margin 0.2s ease;
  -moz-transition: margin 0.2s ease;
  -ms-transition: margin 0.2s ease;
  -o-transition: margin 0.2s ease;
  transition: margin 0.2s ease;
}

@media only all and (min-width: 32em) and (max-width: 49em) {
  .section-nav-open .page-content > .grid-content {
    margin-left: 200px;
    margin-right: -200px;
  }
}

@media only all and (min-width: 60em) {
  .left-nav .content {
    /* background:#494a4b;
		min-height:650px;
		background-image:url("../images/left-nav-bg.png");
		background-repeat:repeat-y;
		background-position:top right; */
    padding: 1em;
  }
}

.ie .left-nav .content {
  /* background:#494a4b;
		min-height:650px;
		background-image:url("../images/left-nav-bg.png");
		background-repeat:repeat-y;
		background-position:top right; */
  padding: 1em;
}

.main-content {
  background: #fafafa;
}

.main-content .content {
  padding: 0.7em;
}

.main-content .breadcrumbs {
  font-size: 0.85em;
  margin: 1em 0 1em 0;
}

.main-content .service-inserts {
  padding: 1em;
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;
}

.main-content .service-inserts .thumbnail {
  float: left;
  width: 40%;
}

.main-content .service-inserts ul {
  float: right;
  list-style: none;
  width: 58%;
  margin: 0;
  padding: 0;
  background: url("../images/icons/service-inserts-download.png") 0 0.6em no-repeat;
}

.main-content .service-inserts ul li {
  padding-left: 2.5em;
}

.main-content .service-inserts a, .main-content .service-inserts a:visited {
  color: #333;
}

.main-content .service-inserts a:hover {
  color: #ed1c24;
}

.sidebar .content {
  /* background: url('../images/sidebar-bg-shadow.png') top left repeat-y; */
}

.sidebar .content ul {
  list-style: none;
  padding-bottom: 1em;
}

.sidebar .content ul li {
  border-bottom: 1px dotted #679fa0;
  padding: 1em 0 1em 0;
  padding-left: 2em;
}

.sidebar .content ul li.news {
  background: url("../images/icons/paperclip.jpg") left no-repeat;
}

.sidebar .content ul li.operations-map {
  background: url("../images/icons/globe.jpg") left no-repeat;
}

.sidebar .content ul li.careers {
  background: url("../images/icons/recruitment.jpg") left no-repeat;
}

.sidebar .content ul li.service-inserts {
  background: url("../images/icons/download.jpg") left no-repeat;
}

.sidebar .content ul li.events {
  background: url("../images/icons/events.jpg") left no-repeat;
}

.sidebar .content ul li.contact {
  background: url("../images/icons/contact.jpg") left no-repeat;
}

.sidebar .content ul li a, .sidebar .content ul li a:visited {
  color: #666;
  text-transform: uppercase;
}

.sidebar .latest-news-sidebar h4 {
  text-transform: uppercase;
  font-size: 1em;
  font-family: "Proxima-Nova", Arial, serif, sans-serif;
  background: url("../images/latest-news-arrow.png") no-repeat left;
  padding-left: 1em;
  font-weight: bold;
}

.sidebar .latest-news-sidebar h5 {
  text-transform: none;
  font-size: 0.85em;
  letter-spacing: normal;
  font-weight: normal;
}

.sidebar .latest-news-sidebar h5 a, .sidebar .latest-news-sidebar h5 a:visited {
  color: #333;
}

.sidebar .latest-news-sidebar p {
  font-size: 0.85em;
  color: #555;
}

.news-item {
  margin: 0 0 1em 0;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
}

.news-item .date {
  font-weight: bold;
  font-size: 0.9em;
}

.news-image {
  float: left;
  width: 25%;
}

.news-item-details {
  float: right;
  width: 70%;
}

.insert {
  border-bottom: 1px dotted #666;
  padding: 0.5em 0 0.5em 3em;
  background: url("../images/pdf-icon.png") left no-repeat;
}

.filesize {
  color: #666;
  font-size: 0.8em;
}

.site-header {
  color: #818080;
  background-color: #000;
  font-family: "Proxima-Nova", Arial, serif, sans-serif;
  padding: 0.3em 0 0.5em 0;
  border-bottom: 1px solid #58585a;
  zoom: 1;
}

.site-header:before, .site-header:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.site-header:after {
  clear: both;
}

@media only all and (min-width: 60em) {
  .site-header .wrapper {
    background-image: url("../images/header-bg-x.jpg");
    background-position: 250px 0px;
    background-repeat: no-repeat;
    min-height: 110px;
  }
}

.site-header .ie .wrapper {
  background-image: url("../images/header-bg-x.jpg");
  background-position: 250px 0px;
  background-repeat: no-repeat;
  min-height: 110px;
}

.logo-wrapper {
  text-align: center;
  padding-bottom: 0.5em;
}

.strapline .content {
  background: url("../images/strapline.png") 110px 40px no-repeat;
  min-height: 40px;
}

.search-wrapper {
  padding: 2.3em 0 0 0;
  text-align: right;
}

.search-wrapper input {
  width: 80%;
}

@media only all and (max-width: 48.999em) {
  .search-wrapper {
    display: none;
  }
}

.top-nav-wrapper {
  text-align: center;
}

@media only all and (min-width: 49em) {
  .top-nav-wrapper {
    background: #e9e9e9 url("../images/top-nav-bg.png") repeat-x bottom left;
  }
}

.top-nav-wrapper .ie {
  background: #e9e9e9 url("../images/top-nav-bg.png") repeat-x bottom left;
}

.top-nav ul {
  list-style: none;
  padding: 0 0 1.2em 0;
  margin: 0;
  font-size: 0.9em;
}

@media only all and (min-width: 49em) {
  .top-nav ul {
    padding-top: 1em;
  }
}

.top-nav ul .ie {
  padding-top: 1em;
}

.top-nav ul li a, .top-nav ul li a:visited {
  width: 50%;
  box-sizing: border-box;
  background: #222;
  color: #fff;
  text-align: center;
  float: left;
  margin: 0;
  display: block;
  border: 1px solid #fff;
  padding: 0.8em;
}

.top-nav ul li a:hover {
  background: #444;
}

@media only all and (min-width: 49em) {
  .top-nav ul li {
    display: inline;
  }
  .top-nav ul li a, .top-nav ul li a:visited {
    margin: 0 2em 0 2em;
    width: auto;
    float: none;
    text-align: left;
    text-transform: uppercase;
    color: #333;
    padding-bottom: 0.5em;
    border: none;
    background: none;
    display: inherit;
  }
  .top-nav ul li a:hover {
    border-bottom: 2px solid #ed1c24;
    text-decoration: none;
    color: #000;
    background: none;
  }
}

.ie .top-nav ul li {
  display: inline;
}

.ie .top-nav ul li a, .ie .top-nav ul li a:visited {
  margin: 0 2em 0 2em;
  width: auto;
  float: none;
  text-align: left;
  text-transform: uppercase;
  color: #333;
  padding-bottom: 0.5em;
  border: none;
  background: none;
  display: inherit;
}

.ie .top-nav ul li a:hover {
  border-bottom: 2px solid #ed1c24;
  text-decoration: none;
  color: #000;
  background: none;
}

@media only all and (max-width: 59.999em) {
  .section-nav,
  .section-nav-toggle {
    display: none;
  }
}

@media only all and (min-width: 60em) {
  .section-nav-toggle,
  .section-nav .nav-toggle {
    display: none;
  }
  .section-nav h4 {
    color: #ed1c24;
    font-size: 1.2em;
  }
  .section-nav ul {
    margin: 0;
    padding: 0 0.3em 0 0;
    list-style: none;
    font-size: 0.9em;
  }
  .section-nav .nav-link {
    color: #333;
    display: block;
    border-bottom: 1px dotted #888;
    padding: 0.5em 0 0.5em 0;
    background: url("../images/left-nav-arrow.png") 0 0.9em no-repeat;
  }
  .section-nav .nav-link:hover {
    color: #ed1c24;
    text-decoration: none;
  }
  /* 2nd level */
  .section-nav ul ul {
    font-size: 1em;
  }
  .section-nav ul ul .nav-link {
    color: #333;
    background-image: url("../images/left-nav-arrow.png");
  }
  .section-nav ul ul .nav-link:hover {
    color: #666;
  }
  .section-nav ul ul li a {
    padding: 0.5em 1em 0.5em 1.8em;
    border-bottom: none;
    background-position: 0.7em 0.9em;
    background-repeat: no-repeat;
    text-transform: none;
  }
  /* 3rd level */
  .section-nav ul ul ul {
    margin: 0;
    font-size: 1em;
  }
  .section-nav ul ul li {
    padding: 0 0 0 1em;
    margin: 0;
  }
  .section-nav ul ul ul li a {
    background: #696969;
    padding: 0.5em 1em 0.5em 1.8em;
    border-bottom: none;
    background-image: url("../images/left-nav-arrow.png");
    background-position: 0.7em 0.9em;
    background-repeat: no-repeat;
    text-transform: none;
  }
}

.ie {
  /* 2nd level */
  /* 3rd level */
}

.ie .section-nav-toggle,
.ie .section-nav .nav-toggle {
  display: none;
}

.ie .section-nav h4 {
  color: #ed1c24;
  font-size: 1.2em;
}

.ie .section-nav ul {
  margin: 0;
  padding: 0 0.3em 0 0;
  list-style: none;
  font-size: 0.9em;
}

.ie .section-nav .nav-link {
  color: #333;
  display: block;
  border-bottom: 1px dotted #888;
  padding: 0.5em 0 0.5em 0;
  background: url("../images/left-nav-arrow.png") 0 0.9em no-repeat;
}

.ie .section-nav .nav-link:hover {
  color: #ed1c24;
  text-decoration: none;
}

.ie .section-nav ul ul {
  font-size: 1em;
}

.ie .section-nav ul ul .nav-link {
  color: #333;
  background-image: url("../images/left-nav-arrow.png");
}

.ie .section-nav ul ul .nav-link:hover {
  color: #666;
}

.ie .section-nav ul ul li a {
  padding: 0.5em 1em 0.5em 1.8em;
  border-bottom: none;
  background-position: 0.7em 0.9em;
  background-repeat: no-repeat;
  text-transform: none;
}

.ie .section-nav ul ul ul {
  margin: 0;
  font-size: 1em;
}

.ie .section-nav ul ul li {
  padding: 0 0 0 1em;
  margin: 0;
}

.ie .section-nav ul ul ul li a {
  background: #696969;
  padding: 0.5em 1em 0.5em 1.8em;
  border-bottom: none;
  background-image: url("../images/left-nav-arrow.png");
  background-position: 0.7em 0.9em;
  background-repeat: no-repeat;
  text-transform: none;
}

.mob-nav {
  font-weight: 600;
  zoom: 1;
}

.mob-nav:before, .mob-nav:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.mob-nav:after {
  clear: both;
}

.mob-nav li {
  margin: 0;
}

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

.mob-nav ul li {
  list-style-image: none;
}

@media only all and (max-width: 59.999em) {
  .mob-nav {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #ccc;
    background: #EEE;
  }
  .mob-nav .nav-link {
    padding: 0.8em 0.8em 0.8em 1em;
    display: block;
    text-decoration: none;
    color: #1a1a1a;
    border-bottom: 1px solid #FFF;
    font-weight: normal;
    text-transform: uppercase;
    background: url("../images/mobile-nav-item-bg.png") #f5f5f5 repeat-y bottom right;
    font-weight: bold;
  }
  .mob-nav .arrow {
    padding: 0.3em;
    background: #FFF;
    border-radius: 50%;
    width: 0.8em;
    height: 0.8em;
    display: inline-block;
    border: 1px solid #333;
    color: #333;
    vertical-align: middle;
    line-height: 0.8em;
    text-align: center;
    font-size: 0.7em;
    font-style: normal;
    margin-right: 0.6em;
  }
  .nav-link:hover {
    color: #ed1c24;
    text-decoration: none;
  }
  .mob-nav.open {
    max-height: 900px;
  }
  .mob-nav-toggle {
    font-size: 1em;
    margin-top: 0.8em;
    line-height: 1em;
    display: block;
    color: #666;
    background: #ccc;
    padding: 0.8em;
    text-decoration: none;
    cursor: pointer;
    font-weight: 700;
  }
  .mob-nav-toggle.open {
    background: #AAA;
  }
  .mob-nav ul ul {
    padding-left: 1.5em;
    background: #E8E8E8;
  }
  .icon-menu {
    display: block;
    float: left;
    width: 1.4em;
    border-top: 0.2em solid;
    margin-right: 0.7em;
    vertical-align: middle;
  }
  .icon-menu:before {
    display: block;
    content: "";
    margin-top: 0.2em;
    border-top: 0.2em solid;
  }
  .icon-menu:after {
    display: block;
    content: "";
    margin-top: 0.18em;
    border-top: 0.2em solid;
  }
  .mob-nav-toggle:hover,
  .mob-nav-toggle:active {
    color: #333;
    text-decoration: none;
  }
  .mob-nav-toggle.open {
    color: #333;
  }
}

@media only all and (min-width: 60em) {
  .mob-nav,
  .mob-nav-toggle {
    display: none;
  }
}

.ie .mob-nav,
.ie .mob-nav-toggle {
  display: none;
}

.site-logos {
  border-top: 1px solid #ccc;
  padding: 1em;
  text-align: center;
  margin-top: 1em;
  background-color: #f3f3f3;
}

.site-logos a {
  display: inline-block;
  padding: 0 1em;
  vertical-align: middle;
  height: 60px;
}

.site-logos a img {
  display: block;
  width: auto;
  max-height: 100%;
  min-height: 100%;
}

.site-footer {
  background-color: #FFF;
  border-top: 1px solid #ccc;
  color: #666;
  padding: 1em 0 1em 0;
}

.site-footer a, .site-footer a:visited {
  color: #666;
}

.site-footer a:hover {
  color: #ed1c24;
  text-decoration: none;
}

.site-footer .accreditations {
  text-align: center;
}

.site-footer .accreditations .content {
  text-align: center;
}

.site-footer .accreditations .content img {
  max-height: 80px;
  display: block;
  margin: 0 auto 10px auto;
}

.site-footer .copyright {
  font-size: 0.8em;
}

.site-footer .copyright p:first-child {
  margin-top: 0;
}

.site-footer .copyright p {
  margin: 0 0 0.2em 0;
}

.site-footer .copyright p.locations {
  font-size: 1.6em;
}

.site-footer .copyright .content {
  padding-top: 0;
}

.site-footer .social-media img {
  margin: 0 0.3em 0 0.3em;
}

.site-footer .social-media img:hover {
  opacity: 0.8;
}

.site-footer .social-media .content {
  padding-top: 0;
}

.site-footer .content {
  font-size: 0.9em;
  padding: 1.4em 0 1.4em 0;
  text-align: center;
}

.site-footer .content p {
  color: #7d7d7d;
  margin-top: 0.8em;
  font-size: 1.1em;
}

@media only all and (min-width: 32em) {
  .site-footer .content {
    text-align: left;
  }
}

.site-footer .ie .content {
  text-align: left;
}

.icon-darr {
  display: inline-block;
  border-top: 0.4em solid;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  vertical-align: middle;
}

.jvectormap-label {
  position: absolute;
  background-color: #f4f3f1;
  box-shadow: 1px 2px 6px #666666;
  padding: 0 0.5em 0.5em 0.5em;
}

.jvectormap-label.hidden {
  float: left;
  height: 0px;
  background-color: transparent;
  color: transparent;
  width: 0px;
  overflow: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.jvectormap-label.hidden h3, .jvectormap-label.hidden p {
  color: white !important;
}

.jvectormap-label h3 {
  font-size: 1.4em;
  font-family: Proxima-Nova,Arial,sans-serif;
}

.jvectormap-label p {
  margin: .2em 0;
}

@media only all and (max-width: 59.999em) {
  .map-content .content .interact-map {
    position: static;
    height: auto;
    background-image: none;
  }
  .map-content .content .interact-map .red-dot {
    width: 15px;
    display: none;
  }
  .map-content .content .interact-map .dot-1, .map-content .content .interact-map .dot-2, .map-content .content .interact-map .dot-3, .map-content .content .interact-map .dot-4, .map-content .content .interact-map .dot-5, .map-content .content .interact-map .dot-6, .map-content .content .interact-map .dot-7 {
    position: static;
    zoom: 1;
  }
  .map-content .content .interact-map .dot-1:before, .map-content .content .interact-map .dot-1:after, .map-content .content .interact-map .dot-2:before, .map-content .content .interact-map .dot-2:after, .map-content .content .interact-map .dot-3:before, .map-content .content .interact-map .dot-3:after, .map-content .content .interact-map .dot-4:before, .map-content .content .interact-map .dot-4:after, .map-content .content .interact-map .dot-5:before, .map-content .content .interact-map .dot-5:after, .map-content .content .interact-map .dot-6:before, .map-content .content .interact-map .dot-6:after, .map-content .content .interact-map .dot-7:before, .map-content .content .interact-map .dot-7:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
  }
  .map-content .content .interact-map .dot-1:after, .map-content .content .interact-map .dot-2:after, .map-content .content .interact-map .dot-3:after, .map-content .content .interact-map .dot-4:after, .map-content .content .interact-map .dot-5:after, .map-content .content .interact-map .dot-6:after, .map-content .content .interact-map .dot-7:after {
    clear: both;
  }
  .map-content .content .interact-map .dot-1 .location, .map-content .content .interact-map .dot-2 .location, .map-content .content .interact-map .dot-3 .location, .map-content .content .interact-map .dot-4 .location, .map-content .content .interact-map .dot-5 .location, .map-content .content .interact-map .dot-6 .location, .map-content .content .interact-map .dot-7 .location {
    background-color: #fff;
    opacity: 1;
    height: auto;
    box-shadow: 1px 2px 6px #666;
    margin: 10px 0;
    width: 80%;
    padding: 10px;
    background-color: #F4F3F1;
  }
  .map-content .content .interact-map .dot-1:hover .location, .map-content .content .interact-map .dot-2:hover .location, .map-content .content .interact-map .dot-3:hover .location, .map-content .content .interact-map .dot-4:hover .location, .map-content .content .interact-map .dot-5:hover .location, .map-content .content .interact-map .dot-6:hover .location, .map-content .content .interact-map .dot-7:hover .location {
    position: static;
    cursor: auto;
  }
}

.map-content .interact-map {
  position: relative;
  background-image: url("../images/australasia-2.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 380px;
}

.map-content .red-dot {
  width: 15px;
  height: auto;
  float: right;
  cursor: pointer;
}

.map-content .dot-1 {
  position: absolute;
  top: 72%;
  right: 15%;
  z-index: 3;
}

.map-content .dot-1 .red-dot {
  float: right;
}

.map-content .dot-2 {
  position: absolute;
  top: 54%;
  right: 20.5%;
  z-index: 3;
}

.map-content .dot-2 .red-dot {
  float: right;
}

.map-content .dot-3 {
  position: absolute;
  top: 11%;
  right: 51%;
  z-index: 3;
}

.map-content .dot-4 {
  position: absolute;
  top: 17%;
  right: 52.7%;
  z-index: 3;
}

.map-content .dot-5 {
  position: absolute;
  top: 13%;
  right: 53%;
  z-index: 3;
}

.map-content .dot-5 .red-dot {
  float: right;
}

.map-content .dot-6 {
  position: absolute;
  top: 35%;
  right: 83%;
  z-index: 3;
}

.map-content .dot-7 {
  position: absolute;
  top: 40%;
  right: 34.5%;
  z-index: 3;
}

.map-content .dot-1 .location, .map-content .dot-2 .location, .map-content .dot-3 .location, .map-content .dot-4 .location, .map-content .dot-5 .location, .map-content .dot-6 .location, .map-content .dot-7 .location {
  opacity: 0;
  width: 0em;
  height: 0em;
  overflow: hidden;
}

.map-content .dot-1 .location h3, .map-content .dot-2 .location h3, .map-content .dot-3 .location h3, .map-content .dot-4 .location h3, .map-content .dot-5 .location h3, .map-content .dot-6 .location h3, .map-content .dot-7 .location h3 {
  margin: 0 0 0.2em 0;
}

.map-content .dot-1 .location p, .map-content .dot-2 .location p, .map-content .dot-3 .location p, .map-content .dot-4 .location p, .map-content .dot-5 .location p, .map-content .dot-6 .location p, .map-content .dot-7 .location p {
  margin: 0.2em 0 0.2em 0;
}

.map-content .dot-1:hover, .map-content .dot-2:hover, .map-content .dot-3:hover, .map-content .dot-4:hover, .map-content .dot-5:hover, .map-content .dot-6:hover, .map-content .dot-7:hover {
  z-index: 900;
}

.map-content .dot-1:hover .location, .map-content .dot-2:hover .location, .map-content .dot-3:hover .location, .map-content .dot-4:hover .location, .map-content .dot-5:hover .location, .map-content .dot-6:hover .location, .map-content .dot-7:hover .location {
  cursor: pointer;
  position: absolute;
  background-color: #fff;
  opacity: 1;
  height: auto;
  max-height: 260px;
  z-index: 10;
  box-shadow: 1px 2px 6px #666;
  margin: -20px 0 -3px 0px;
  width: 230px;
  padding: 10px;
  background-color: #F4F3F1;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s;
}

.expansion {
  zoom: 1;
}

.expansion:before, .expansion:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.expansion:after {
  clear: both;
}

.expansion .expansion-title {
  font-size: 1.35em;
  margin: 1em 0 0.5em 0;
  line-height: 1.2em;
  font-family: Proxima-Nova,Arial,sans-serif;
  color: #50585a;
  font-weight: 700;
  text-transform: uppercase;
  color: #555;
}

.expansion .intro {
  color: #f15940;
  font-size: 1em;
  margin: .2em 0;
  padding: 0 0 1em 0;
  float: left;
  width: 80%;
}

.expansion .text-expander:hover {
  cursor: pointer;
}

.expansion .expander-ico {
  height: 23px;
  float: right;
  margin: 0 1em 0 0;
  cursor: pointer;
}

.expansion .cheat-border {
  zoom: 1;
  border-bottom: dotted 2px #777;
}

.expansion .cheat-border:before, .expansion .cheat-border:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.expansion .cheat-border:after {
  clear: both;
}

.expansion .expansion-more-info {
  max-height: 0;
  overflow: hidden;
}

.expansion .expansion-more-info.open {
  max-height: none;
  padding: 1.5em 1.5em 0.2em 0;
}

.expansion .expansion-more-info strong {
  color: #f15940;
}

.expansion .expansion-more-info p {
  color: #333;
}

.event-title-block {
  zoom: 1;
}

.event-title-block:before, .event-title-block:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.event-title-block:after {
  clear: both;
}

.event-title-block .event-title {
  float: left;
  width: 60%;
  padding-right: 1%;
  box-sizing: border-box;
}

.event-title-block .date-block {
  margin: 0.4em 0 0 0;
  float: left;
  width: 40%;
  box-sizing: border-box;
}

.event-title-block .date-block h5 {
  float: left;
  margin: 0.2em 0;
  color: #ed1c24;
}

.event-title-block .date-block span {
  color: #333333;
}
