@charset "UTF-8";
/*! normalize.css v2.1.3 | 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 `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

script {
  display: none !important;
}

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

/**
 * Remove default margin.
 */
body {
  margin: 0;
  min-width: 320px;
}

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

/**
 * 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: "“" "”" "‘" "’";
}

/**
 * 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/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
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;
}
table td, table th {
  border: 1px solid #FFF;
}

table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {
  font-weight: normal;
}

iframe {
  max-width: 100%;
}

meta.foundation-mq-small {
  font-family: "only screen and (min-width: 768px)";
  width: 768px;
}

meta.foundation-mq-medium {
  font-family: "only screen and (min-width:1280px)";
  width: 1280px;
}

meta.foundation-mq-large {
  font-family: "only screen and (min-width:1440px)";
  width: 1440px;
}

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

html,
body {
  background: #FFF;
  font-size: 15px;
}

body {
  color: #404041;
  padding: 0;
  margin: 0;
  font-family: "proxima-nova", sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
}

a:hover {
  cursor: pointer;
}

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

object,
embed {
  height: 100%;
}

img {
  -ms-interpolation-mode: bicubic;
}

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

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

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

.text-justify {
  text-align: justify !important;
}

.hide {
  display: none;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1232px;
  *zoom: 1;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: left;
}
.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}
.row .row {
  width: auto;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1;
}
.row .row:before, .row .row:after {
  content: " ";
  display: table;
}
.row .row:after {
  clear: both;
}
.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
  *zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table;
}
.row .row.collapse:after {
  clear: both;
}

.column,
.columns {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  float: left;
}

@media only screen {
  .column,
.columns {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
  }

  .small-1 {
    position: relative;
    width: 12.5%;
  }

  .small-2 {
    position: relative;
    width: 25%;
  }

  .small-3 {
    position: relative;
    width: 37.5%;
  }

  .small-4 {
    position: relative;
    width: 50%;
  }

  .small-5 {
    position: relative;
    width: 62.5%;
  }

  .small-6 {
    position: relative;
    width: 75%;
  }

  .small-7 {
    position: relative;
    width: 87.5%;
  }

  .small-8 {
    position: relative;
    width: 100%;
  }

  .small-offset-0 {
    position: relative;
    margin-left: 0%;
  }

  .small-offset-1 {
    position: relative;
    margin-left: 12.5%;
  }

  .small-offset-2 {
    position: relative;
    margin-left: 25%;
  }

  .small-offset-3 {
    position: relative;
    margin-left: 37.5%;
  }

  .small-offset-4 {
    position: relative;
    margin-left: 50%;
  }

  .small-offset-5 {
    position: relative;
    margin-left: 62.5%;
  }

  .small-offset-6 {
    position: relative;
    margin-left: 75%;
  }

  [class*=column] + [class*=column]:last-child {
    float: right;
  }

  [class*=column] + [class*=column].end {
    float: left;
  }

  .column.small-centered,
.columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
}
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
  .large-1 {
    position: relative;
    width: 12.5%;
  }

  .large-2 {
    position: relative;
    width: 25%;
  }

  .large-3 {
    position: relative;
    width: 37.5%;
  }

  .large-4 {
    position: relative;
    width: 50%;
  }

  .large-5 {
    position: relative;
    width: 62.5%;
  }

  .large-6 {
    position: relative;
    width: 75%;
  }

  .large-7 {
    position: relative;
    width: 87.5%;
  }

  .large-8 {
    position: relative;
    width: 100%;
  }

  .row .large-offset-0 {
    position: relative;
    margin-left: 0%;
  }

  .row .large-offset-1 {
    position: relative;
    margin-left: 12.5%;
  }

  .row .large-offset-2 {
    position: relative;
    margin-left: 25%;
  }

  .row .large-offset-3 {
    position: relative;
    margin-left: 37.5%;
  }

  .row .large-offset-4 {
    position: relative;
    margin-left: 50%;
  }

  .row .large-offset-5 {
    position: relative;
    margin-left: 62.5%;
  }

  .row .large-offset-6 {
    position: relative;
    margin-left: 75%;
  }

  .row .large-offset-7 {
    position: relative;
    margin-left: 87.5%;
  }

  .push-1 {
    position: relative;
    left: 12.5%;
    right: auto;
  }

  .pull-1 {
    position: relative;
    right: 12.5%;
    left: auto;
  }

  .push-2 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .pull-2 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .push-3 {
    position: relative;
    left: 37.5%;
    right: auto;
  }

  .pull-3 {
    position: relative;
    right: 37.5%;
    left: auto;
  }

  .push-4 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .pull-4 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .push-5 {
    position: relative;
    left: 62.5%;
    right: auto;
  }

  .pull-5 {
    position: relative;
    right: 62.5%;
    left: auto;
  }

  .push-6 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .pull-6 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .push-7 {
    position: relative;
    left: 87.5%;
    right: auto;
  }

  .pull-7 {
    position: relative;
    right: 87.5%;
    left: auto;
  }

  .column.large-centered,
.columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }

  .column.large-uncentered,
.columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }

  .column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
    float: right !important;
  }
}
/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
  display: inherit !important;
}

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
  display: none !important;
}

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
  display: inherit !important;
}

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
  display: none !important;
}

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
  display: table;
}

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
  display: table-header-group !important;
}

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
  display: table-row-group !important;
}

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
  display: table-row !important;
}

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
  display: table-cell !important;
}

/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 768px) {
  .show-for-medium,
.show-for-medium-up {
    display: inherit !important;
  }

  .show-for-small {
    display: none !important;
  }

  .hide-for-small {
    display: inherit !important;
  }

  .hide-for-medium,
.hide-for-medium-up {
    display: none !important;
  }

  /* Specific visilbity for tables */
  table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
    display: table;
  }

  thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
    display: table-header-group !important;
  }

  tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
    display: table-row-group !important;
  }

  tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
    display: table-row !important;
  }

  td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
th.show-for-medium,
th.show-for-medium-up,
th.hide-for-small {
    display: table-cell !important;
  }
}
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width:1280px) {
  .show-for-large,
.show-for-large-up {
    display: inherit !important;
  }

  .show-for-medium,
.show-for-medium-down {
    display: none !important;
  }

  .hide-for-medium,
.hide-for-medium-down {
    display: inherit !important;
  }

  .hide-for-large,
.hide-for-large-up {
    display: none !important;
  }

  /* Specific visilbity for tables */
  table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
    display: table;
  }

  thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
    display: table-header-group !important;
  }

  tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
    display: table-row-group !important;
  }

  tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
    display: table-row !important;
  }

  td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
th.show-for-large,
th.show-for-large-up,
th.hide-for-medium,
th.hide-for-medium-down {
    display: table-cell !important;
  }
}
/* X-Large Displays: 1400px and up */
@media only screen and (min-width:1440px) {
  .show-for-xlarge {
    display: inherit !important;
  }

  .show-for-large,
.show-for-large-down {
    display: none !important;
  }

  .hide-for-large,
.hide-for-large-down {
    display: inherit !important;
  }

  .hide-for-xlarge {
    display: none !important;
  }

  /* Specific visilbity for tables */
  table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
    display: table;
  }

  thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
    display: table-header-group !important;
  }

  tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
    display: table-row-group !important;
  }

  tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
    display: table-row !important;
  }

  td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
th.show-for-xlarge,
th.hide-for-large,
th.hide-for-large-down {
    display: table-cell !important;
  }
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table;
}

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !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;
  }

  /* Specific visilbity for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table;
  }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important;
  }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important;
  }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important;
  }

  td.show-for-landscape, td.hide-for-portrait,
th.show-for-landscape,
th.hide-for-portrait {
    display: table-cell !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;
  }

  /* Specific visilbity for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table;
  }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important;
  }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important;
  }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important;
  }

  td.show-for-portrait, td.hide-for-landscape,
th.show-for-portrait,
th.hide-for-landscape {
    display: table-cell !important;
  }
}
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touch .show-for-touch {
  display: inherit !important;
}

.touch .hide-for-touch {
  display: none !important;
}

/* Specific visilbity for tables */
table.hide-for-touch {
  display: table;
}

.touch table.show-for-touch {
  display: table;
}

thead.hide-for-touch {
  display: table-header-group !important;
}

.touch thead.show-for-touch {
  display: table-header-group !important;
}

tbody.hide-for-touch {
  display: table-row-group !important;
}

.touch tbody.show-for-touch {
  display: table-row-group !important;
}

tr.hide-for-touch {
  display: table-row !important;
}

.touch tr.show-for-touch {
  display: table-row !important;
}

td.hide-for-touch {
  display: table-cell !important;
}

.touch td.show-for-touch {
  display: table-cell !important;
}

th.hide-for-touch {
  display: table-cell !important;
}

.touch th.show-for-touch {
  display: table-cell !important;
}

/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*=block-grid-] {
    display: block;
    padding: 0;
    margin: 0 -10px;
    *zoom: 1;
  }
  [class*=block-grid-]:before, [class*=block-grid-]:after {
    content: " ";
    display: table;
  }
  [class*=block-grid-]:after {
    clear: both;
  }
  [class*=block-grid-] > li {
    display: inline;
    height: auto;
    float: left;
    padding: 0 10px 20px;
  }

  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 10px 20px;
  }
  .small-block-grid-1 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }

  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 10px 20px;
  }
  .small-block-grid-2 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

  .small-block-grid-3 > li {
    width: 33.3333333333%;
    padding: 0 10px 20px;
  }
  .small-block-grid-3 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }

  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 10px 20px;
  }
  .small-block-grid-4 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }

  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 10px 20px;
  }
  .small-block-grid-5 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }

  .small-block-grid-6 > li {
    width: 16.6666666667%;
    padding: 0 10px 20px;
  }
  .small-block-grid-6 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }

  .small-block-grid-7 > li {
    width: 14.2857142857%;
    padding: 0 10px 20px;
  }
  .small-block-grid-7 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }

  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 10px 20px;
  }
  .small-block-grid-8 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }

  .small-block-grid-9 > li {
    width: 11.1111111111%;
    padding: 0 10px 20px;
  }
  .small-block-grid-9 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }

  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 10px 20px;
  }
  .small-block-grid-10 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }

  .small-block-grid-11 > li {
    width: 9.0909090909%;
    padding: 0 10px 20px;
  }
  .small-block-grid-11 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }

  .small-block-grid-12 > li {
    width: 8.3333333333%;
    padding: 0 10px 20px;
  }
  .small-block-grid-12 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 768px) {
  /* Remove small grid clearing */
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none;
  }

  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none;
  }

  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none;
  }

  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none;
  }

  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none;
  }

  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none;
  }

  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none;
  }

  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none;
  }

  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none;
  }

  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none;
  }

  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none;
  }

  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none;
  }

  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 10px 20px;
  }
  .large-block-grid-1 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }

  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 10px 20px;
  }
  .large-block-grid-2 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

  .large-block-grid-3 > li {
    width: 33.3333333333%;
    padding: 0 10px 20px;
  }
  .large-block-grid-3 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }

  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 10px 20px;
  }
  .large-block-grid-4 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }

  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 10px 20px;
  }
  .large-block-grid-5 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }

  .large-block-grid-6 > li {
    width: 16.6666666667%;
    padding: 0 10px 20px;
  }
  .large-block-grid-6 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }

  .large-block-grid-7 > li {
    width: 14.2857142857%;
    padding: 0 10px 20px;
  }
  .large-block-grid-7 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }

  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 10px 20px;
  }
  .large-block-grid-8 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }

  .large-block-grid-9 > li {
    width: 11.1111111111%;
    padding: 0 10px 20px;
  }
  .large-block-grid-9 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }

  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 10px 20px;
  }
  .large-block-grid-10 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }

  .large-block-grid-11 > li {
    width: 9.0909090909%;
    padding: 0 10px 20px;
  }
  .large-block-grid-11 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }

  .large-block-grid-12 > li {
    width: 8.3333333333%;
    padding: 0 10px 20px;
  }
  .large-block-grid-12 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
p.lead {
  font-size: 1.2333333333em;
  line-height: 1.6;
}

.subheader {
  line-height: 1.4;
  color: #8c8c8e;
  font-weight: 300;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr;
}

/* Default Link Styles */
a {
  color: #00548A;
  text-decoration: none;
  line-height: inherit;
}
a:hover, a:focus {
  color: #00548A;
}
a img {
  border: none;
}

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.25em;
  margin-bottom: 14px;
  text-rendering: optimizeLegibility;
}
p aside {
  font-size: 0.9333333333em;
  line-height: 1.35;
  font-style: italic;
}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "din-condensed-web", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  text-rendering: optimizeLegibility;
  margin-top: 0em;
  margin-bottom: 18px;
  line-height: 1.2em;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 60%;
  color: #8c8c8e;
  line-height: 0;
}

h1 {
  font-size: 1.6666666667em;
}

h2 {
  font-size: 1em;
}

h3 {
  font-size: 1em;
}

h4 {
  font-size: 0.8666666667em;
}

h5 {
  font-size: 1.0666666667em;
}

h6 {
  font-size: 1em;
}

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.3333333333em 0 1.2666666667em;
  height: 0;
}

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 60%;
  line-height: inherit;
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #7f0a0c;
}

/* Lists */
ul,
ol,
dl {
  font-size: 1em;
  line-height: 1.25em;
  margin-bottom: 14px;
  list-style-position: outside;
  font-family: inherit;
}

ul, ol {
  margin-left: 18px;
}
ul.no-bullet, ol.no-bullet {
  margin-left: 18px;
}

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.3333333333em;
  margin-bottom: 0;
  font-size: 1em;
  /* Override nested font-size change */
}
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit;
}
ul.square {
  list-style-type: square;
}
ul.circle {
  list-style-type: circle;
}
ul.disc {
  list-style-type: disc;
}
ul.no-bullet {
  list-style: none;
}

/* Ordered Lists */
ol li ul,
ol li ol {
  margin-left: 1.3333333333em;
  margin-bottom: 0;
}

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: bold;
}
dl dd {
  margin-bottom: 0.8em;
}

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #404041;
  border-bottom: 1px dotted #ddd;
  cursor: help;
}

abbr {
  text-transform: none;
}

/* Blockquotes */
blockquote {
  margin: 0 0 14px;
  padding: 0.6em 1.3333333333em 0 1.2666666667em;
  border-left: 1px solid #ddd;
}
blockquote cite {
  display: block;
  font-size: 0.8666666667em;
  color: #737374;
}
blockquote cite:before {
  content: "— ";
}
blockquote cite a,
blockquote cite a:visited {
  color: #737374;
}

blockquote,
blockquote p {
  line-height: 1.25em;
  color: #8c8c8e;
}

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.3333333333em 0;
  border: 1px solid #ddd;
  padding: 0.6666666667em 0.8em;
}
.vcard li {
  margin: 0;
  display: block;
}
.vcard .fn {
  font-weight: bold;
  font-size: 1em;
}

.vevent .summary {
  font-weight: bold;
}
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0666666667em;
}

@media only screen and (min-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
  }

  h1 {
    font-size: 2.3333333333em;
  }

  h2 {
    font-size: 1.6666666667em;
  }

  h3 {
    font-size: 1.3333333333em;
  }

  h4 {
    font-size: 1.2em;
  }
}
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  .hide-on-print {
    display: none !important;
  }

  .print-only {
    display: block !important;
  }

  .hide-for-print {
    display: none !important;
  }

  .show-for-print {
    display: inherit !important;
  }
}
/* Tables */
table {
  background: #EFEFEE;
  margin-bottom: 1.3333333333em;
  border: solid 1px #ddd;
}
table thead,
table tfoot {
  background: #D8D8D9;
  font-weight: normal;
}
table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td {
  padding: 0.5333333333em 0.6666666667em 0.6666666667em;
  font-size: 0.9333333333em;
  color: #404041;
  text-align: left;
}
table tr th,
table tr td {
  padding: 0.6em 0.6666666667em;
  font-size: 0.9333333333em;
  color: #222;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #EFEFEE;
}
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
  display: table-cell;
  line-height: 1.2em;
}

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-horizontal   - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out
    -                            - Examples: @include transition (all 2s ease-in-out);
    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)

------------------------------------------------------------- */
.round-corner {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

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

.off-screen, .offscreen, .print-only {
  position: absolute;
  top: -1000px;
  left: -1000px;
  height: 1px;
  width: 1px;
  display: block;
  overflow: hidden;
}

.button {
  font-family: "din-condensed-web", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1;
  background: #00416A;
  padding: 11px 13px 11px 13px;
  display: block;
  float: left;
  color: #FFF;
}
.button.round-corner {
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.button.user, .button.close, .button.plus, .button.search {
  position: relative;
  padding-right: 51px !important;
}
.button.user:after, .button.close:after, .button.plus:after, .button.search:after {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
}
.button.arrow-left, .button.arrow-right {
  position: relative;
  padding: 0 11px;
  line-height: 25px;
}
.button.arrow-left:after, .button.arrow-right:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  width: 27px;
  height: 25px;
}
.button.arrow-left {
  padding-right: 11px !important;
  padding-left: 35px !important;
}
.button.arrow-left:after {
  left: 0;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 8px;
}
.button.arrow-right {
  padding-right: 35px !important;
}
.button.arrow-right:after {
  right: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
}
.button.user:after {
  background: url(../images/button-user.png) no-repeat 50% 48%;
  background-color: #00548A;
}
.button.close:after {
  background: url(../images/button-close.png) no-repeat 50% 48%;
  background-color: #00548A;
}
.button.plus:after {
  background: url(../images/button-plus.png) no-repeat 50% 48%;
  background-color: #00548A;
}
.button.search {
  float: none;
  width: 106px;
  padding: 0 !important;
}
.button.search:after {
  background: url(../images/icon-search.png) no-repeat 50% 48%;
  background-color: #00548A;
}
.button.arrow-left:after {
  background: url(../images/icon-prev.png) no-repeat 50% 48%;
  background-color: #00548A;
}
.button.arrow-right:after {
  background: url(../images/icon-next.png) no-repeat 50% 48%;
  background-color: #00548A;
}
.button:hover {
  color: #FFF;
  text-decoration: none;
}
.button:visited {
  color: #FFF;
}

.social-media-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
.social-media-links > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.social-media-links a {
  display: block;
  margin-left: 5px;
  padding: 5px 4px;
  outline: none;
  transition: transform 0.15s;
  transform-origin: center center;
}
.social-media-links a:hover, .social-media-links a:focus {
  transform: scale(1.1);
}
.social-media-links a.facebook, .social-media-links a.twitter, .social-media-links a.youtube {
  text-indent: 9999px;
  overflow: hidden;
  width: 24px;
  height: 24px;
  display: block;
}
.social-media-links a.youtube {
  background: url(../images/youtube-square.svg) no-repeat;
  background-size: contain;
  width: 29px;
  height: 28px;
}
.social-media-links a.facebook {
  background: url(../images/facebook-navy-icon.svg) no-repeat;
  background-size: 100%;
}
.social-media-links a.twitter {
  background: url(../images/twitter-navy-icon.svg) no-repeat;
  background-size: 100%;
}

.table-row {
  display: table;
}
.table-row.full-width {
  width: 100%;
}
.table-row .table-cell {
  display: table-cell;
  vertical-align: top;
}
.table-row .table-cell.width-2 {
  width: 25%;
}
.table-row .table-cell.width-3 {
  width: 37.5%;
}
.table-row .table-cell.width-5 {
  width: 62.5%;
}
.table-row .table-cell.width-8 {
  width: 100%;
}

@-moz-keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required) {
  -moz-animation: spinner-loader 1500ms infinite linear;
  -webkit-animation: spinner-loader 1500ms infinite linear;
  animation: spinner-loader 1500ms infinite linear;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  display: inline-block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin: 1.5em;
  overflow: hidden;
  text-indent: 100%;
}

form div.fancy-select {
  position: relative;
  color: #000;
  margin-bottom: 20px;
}
form div.fancy-select ul li a {
  display: block;
  text-decoration: none;
  color: #333;
}
form div.fancy-select ul li a:hover {
  color: #fff;
}
form div.fancy-select.disabled {
  opacity: 0.5;
}
form div.fancy-select div.trigger {
  color: #404041;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  width: 100%;
  padding: 0 1em;
  padding-right: 50px;
  line-height: 38px;
  border: 1px solid #EFEFEE;
  font-size: 0.9333333333em;
  /*		
  		&.open {

  			&:after {
  				@include transform(rotate(180deg));
  			}

  		}
  */
}
form div.fancy-select div.trigger:after {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  float: right;
  position: absolute;
  top: 0;
  background: url(../images/icon-select-toggle.png) no-repeat 50% 50%;
  right: 0;
  transition: all 240ms ease-out;
  -webkit-transition: all 240ms ease-out;
  -moz-transition: all 240ms ease-out;
  -ms-transition: all 240ms ease-out;
  -o-transition: all 240ms ease-out;
}
form div.fancy-select div.trigger .icon-toggle {
  background: #00548A;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
}
form div.fancy-select ul.options {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 40px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 50;
  overflow: auto;
  background: #fff;
  min-width: 100%;
  color: #404041;
  border: 1px solid #EFEFEE;
  font-size: 0.9333333333em;
  transition: opacity 100ms ease-out, top 100ms ease-out, visibility 100ms ease-out;
  -webkit-transition: opacity 100ms ease-out, top 100ms ease-out, visibility 100ms ease-out;
  -moz-transition: opacity 100ms ease-out, top 100ms ease-out, visibility 100ms ease-out;
  -ms-transition: opacity 100ms ease-out, top 100ms ease-out, visibility 100ms ease-out;
  -o-transition: opacity 100ms ease-out, top 100ms ease-out, visibility 100ms ease-out;
}
form div.fancy-select ul.options.open {
  visibility: visible;
  opacity: 1;
  /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
  /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
  transition: opacity 100ms ease-out, top 100ms ease-out;
  -webkit-transition: opacity 100ms ease-out, top 100ms ease-out;
  -moz-transition: opacity 100ms ease-out, top 100ms ease-out;
  -ms-transition: opacity 100ms ease-out, top 100ms ease-out;
  -o-transition: opacity 100ms ease-out, top 100ms ease-out;
}
form div.fancy-select ul.options.overflowing {
  transition: opacity 100ms ease-out, bottom 100ms ease-out, visibility 100ms ease-out;
  -webkit-transition: opacity 100ms ease-out, bottom 100ms ease-out, visibility 100ms ease-out;
  -moz-transition: opacity 100ms ease-out, bottom 100ms ease-out, visibility 100ms ease-out;
  -ms-transition: opacity 100ms ease-out, bottom 100ms ease-out, visibility 100ms ease-out;
  -o-transition: opacity 100ms ease-out, bottom 100ms ease-out, visibility 100ms ease-out;
}
form div.fancy-select ul.options.overflowing.open {
  transition: opacity 100ms ease-out, bottom 100ms ease-out;
  -webkit-transition: opacity 100ms ease-out, bottom 100ms ease-out;
  -moz-transition: opacity 100ms ease-out, bottom 100ms ease-out;
  -ms-transition: opacity 100ms ease-out, bottom 100ms ease-out;
  -o-transition: opacity 100ms ease-out, bottom 100ms ease-out;
}
form div.fancy-select ul.options li {
  padding: 8px 14px;
  margin: 0;
  cursor: pointer;
  white-space: nowrap;
  transition: all 150ms ease-out;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  background: #00548A;
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
form div.fancy-select ul.options li:nth-child(odd) {
  background: #00548A;
}
form div.fancy-select ul.options li.hover {
  background: #00416A;
  color: #fff;
}

/* 

	Table of Contents
	- - - - - - - - -
	Typography
	Wrapper and Page
	Main
	Media Queries
	Print
	Font-face
	- - - - - - - - -

*/
/* #Typography 

	Drop your basic typography definitions here.

*/
h1 {
  font-size: 2.3333333333em;
}

h2 {
  font-size: 1.6666666667em;
}

h3 {
  font-size: 1.3333333333em;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1.0666666667em;
}

h6 {
  font-size: 1em;
}

p a {
  color: #00548A;
  text-decoration: underline;
}
p a:hover {
  text-decoration: none;
}

ul li, ol li {
  margin-bottom: 12px;
}

/* #accordion

	Custom block.

*/
.accordion {
  list-style: none;
  display: block;
  margin: 0 0 1.5em;
  padding: 0;
}
.accordion .ui-collapsible {
  margin-bottom: 2px;
}
.accordion .ui-collapsible.ui-collapsible-open [data-collapse=content] {
  display: block;
}
.accordion .ui-collapsible.ui-collapsible-close > [data-collapse=content] {
  display: none;
}
.accordion .ui-collapsible [data-collapse=control] {
  position: relative;
  display: block;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  min-height: 60px;
  padding: 12px 40px 12px 20px;
  font-family: "din-condensed-web", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.1;
  color: #00416A;
  text-decoration: none;
  background-color: #EFEFEE;
  transition: background-color 0.15s;
}
.accordion .ui-collapsible [data-collapse=control]::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 7px 0 7px 17px;
  border-color: transparent transparent transparent #00416A;
  transition: transform 0.3s;
  transform-origin: center center;
}
.accordion .ui-collapsible [data-collapse=control]:focus, .accordion .ui-collapsible [data-collapse=control]:hover {
  text-decoration: none;
  background-color: #e5e5e3;
}
.accordion .ui-collapsible [data-collapse=control][aria-expanded=true]:after {
  transform: translateY(-50%) rotate(90deg);
}
.accordion .ui-collapsible [data-collapse=control] > span {
  display: block;
}
.accordion .ui-collapsible [data-collapse=content] > div {
  padding: 18px 20px 6px;
}
/* #Wrapper and Page 

	General document styles here.

*/
/* #Main

	The rest of the project meat should go here.

*/
#logo {
  display: block;
  margin: 0;
  padding: 0;
}

#aus_sport_pilot {
  display: block;
  margin-top: 12px;
  max-width: 166px;
}

header {
  position: relative;
  padding: 20px 0 0 0;
  /*

  	// "flat" layout styling for the flyout-navigation.

  	#topnav { // NAV element
  		a {
  			color: white;
  			&:hover,
  			&:focus {
  				text-decoration: none;
  			}
  		}
  		ul.topnavigation {
  			display: flex;
  			align-items: center;
  			margin: 0;
  		    margin-right: 200px;
  			padding: 0;
  			list-style: none;
  			font-size: 26px;
  			> li {
  				flex: none;
  				display: block;
  			}
  			li {
  				vertical-align: middle;
  				margin: 0;
  				&.sfHover {
  					background: $theme-color-8;
  				}
  				&.list-home {
  					.menu-home { // A element
  						text-indent: -9999px;
   						margin-right: 6px;
  						width: 25px;
  						height: 49px;
  						background: url(../images/home-icon.svg) no-repeat 0 0;
  						background-size: 23px 25px;
  						background-position: center center;
  						&:hover,
  						&:focus {
  							background-color: $theme-color-8;
  						}
  					}
  				}
  				a {
  				}
  			}
  			> li {
  				> a {
  					display: flex;
  					justify-content: center;
  					align-items: center;
  					//vertical-align: middle;
  					height: 49px;
  					width: 100%;
  					font-family: "din-condensed-web",sans-serif;
  					font-style: normal;
  					font-weight: 300; // Light version			
  					padding: 0 20px;
  					-webkit-font-smoothing: antialiased;
  					&:hover,
  					&:focus {
  						color: white;
  						//@include transform(translateY(2px));
  					}
  				}
  			}
  		}
  		ul.subnav {
  			display: flex;
  			align-items: center;
  			position: absolute;
  			z-index: 99;
  			top: 49px;
  			height: 100px;
  			margin: 0;
  			overflow: visible !important;
  			font-size: 22px; //em-calc(14);
  		    left: 0;
  		    right: 0;
  		    width: auto;
  			background: $theme-color-8;
  			// Pseudo-element to span the full-widht of the view-port.
  			&:before {
  				content: '';
  				display: block;
  				position: absolute;
  				z-index: -1;
  				left: 50%;
  				top: 0;
  				bottom: 0;
  				width: 100vw;
  				transform: translateX(-50%);
  				background: $theme-color-8;
  			}
  			// Box-shadow Pseudo-element to span the full-widht of the view-port.
  			// @note: uncomment to display.
  			// @note: with the transition between submenus the shadow appears to not be super-smooth so comment out here.
  //			&:after {
  //				content: '';
  //				display: block;
  //				position: absolute;
  //				z-index: -2;
  //				//width: 100%;
  //				left: 50%;
  //				top: 100%;
  //				width: 100vw;
  //				height: 12px;
  //				transform: translateX(-50%);
  //				background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, transparent 100%);
  //			}
  			li {
  				//flex: auto;
  				//height: 40px;
  // 				position: relative;
  				display: block;
  				margin: 0;
  				padding: 0;
  				a {
  					display: flex;
  					justify-content: center;
  					align-items: center;
  					//display: block;
  					padding: 0 20px;
  					height: 100px;
  					&:hover,
  					&:focus {
  						background-color: $theme-color-3;
  						color: white;
  					}
  					> span {

  					}
  				}
  				&.sfHover {
  					a {
  						background-color: $theme-color-3;
  						color: white;
  					}
  				}
  			}
  			ul {
   				top: 100%;
  				background-color: $theme-color-3;
  				// Pseudo-element to span the full-widht of the view-port.
  				&:before {
  					background-color: $theme-color-3;
  				}
  				li {
  					margin: 0;	
  					a {
  						&:hover,
  						&:focus {
  							background-color: darken($theme-color-3, 5%);
  						}
  					}
  				}
  			}
  		}
  	}
  	*/
}
header > .row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
header a:hover {
  text-decoration: none;
}
header .logo a {
  display: block;
  text-indent: -9999px;
  background: url(../images/logo.png) no-repeat;
  max-width: 380px;
  width: 100%;
  height: 73px;
  background-size: 100% auto;
}
header .toolbox {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
}
header .toolbox a {
  margin-left: 10px;
}
header #primary_nav {
  color: white;
  background: #00416A;
}
header #primary_nav > div {
  position: relative;
  max-width: 1232px;
  min-height: 50px;
  margin: 0 auto;
}
header #primary_nav > div .social-media-links {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 40px;
  left: auto;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding-right: 10px;
}
header #primary_nav > div .search-wrapper {
  position: absolute;
  z-index: 20;
  top: 0;
  bottom: 0;
  right: 0;
  width: 28px;
  left: auto;
}
header #topnav {
  font-family: "din-condensed-web", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.3333333333em;
  -webkit-font-smoothing: antialiased;
}
header #topnav a {
  color: white;
  -webkit-transition: all, 0.2s, ease-in-out;
  -khtml-transition: all, 0.2s, ease-in-out;
  -moz-transition: all, 0.2s, ease-in-out;
  -ms-transition: all, 0.2s, ease-in-out;
  -o-transition: all, 0.2s, ease-in-out;
  transition: all, 0.2s, ease-in-out;
}
header #topnav a:hover {
  text-decoration: none;
}
header #topnav ul.topnavigation {
  display: table;
  list-style: none;
  margin: 0;
  padding: 0;
}
header #topnav ul.topnavigation li {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
}
header #topnav ul.topnavigation li.list-home .menu-home {
  text-indent: -9999px;
  margin-right: 6px;
  width: 40px;
  height: 49px;
  background: url(../images/home-icon.svg) no-repeat 0 0;
  background-size: 23px 25px;
  background-position: center center;
}
header #topnav ul.topnavigation > li {
  position: relative;
}
header #topnav ul.topnavigation > li > a {
  display: table-cell;
  width: 100%;
  height: 49px;
  padding: 0 5px 0 20px;
  vertical-align: middle;
}
header #topnav ul.topnavigation > li > a:hover {
  color: white;
  -webkit-transform: translateY(2px);
  -khtml-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
}
header #topnav ul.subnav {
  position: absolute;
  top: 49px;
  background: #00548A;
  z-index: 99;
  margin: 0;
  overflow: visible !important;
  font-size: 0.9333333333em;
  width: 200px;
}
header #topnav ul.subnav li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
header #topnav ul.subnav li a {
  display: block;
  height: auto;
  padding: 11px 20px;
}
header #topnav ul.subnav li a:hover {
  color: white;
  background: #3CA4D4;
}
header #topnav ul.subnav li.sfHover a {
  color: white;
  background: #3CA4D4;
}
header #topnav ul.subnav ul {
  left: 100%;
  top: 0;
  min-width: 170px;
  background: #3CA4D4;
}
header #topnav ul.subnav ul li {
  margin: 0;
}
header #topnav ul.subnav ul li a:hover {
  background: #00416A;
}

#mobile_controls {
  position: relative;
  height: 60px;
}
#mobile_controls .social-media-links {
  position: absolute;
  z-index: 1;
  right: 50px;
  top: 0;
}
#mobile_controls .search-trigger {
  height: 40px;
  top: 10px;
  right: 12px;
  border-radius: 2px;
  background-size: 28px;
  background-image: url(../images/search-icon-invert.svg);
}
#mobile_controls .search-trigger:hover, #mobile_controls .search-trigger:focus {
  background-image: url(../images/search-icon-invert.svg);
}
#mobile_controls .search-trigger.active {
  background-image: url(../images/search-icon.svg);
}

.mobile-menu-trigger {
  position: absolute;
  left: 20px;
  bottom: 10px;
  width: 40px;
  height: 40px;
  background: url(../images/mobile-menu.svg) no-repeat;
  background-size: 100%;
  border-radius: 2px;
  cursor: pointer;
}
.mobile-menu-trigger.open {
  background-image: url(../images/mobile-menu-close.svg);
}

#mobilenav {
  display: none;
  position: absolute;
  z-index: 150;
  top: 140px;
  left: 0;
  right: 0;
  max-height: calc(100vh - 140px);
  padding-bottom: 90px;
  font-size: 20px;
  font-family: "din-condensed-web", sans-serif;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  background-color: #3CA4D4;
}
#mobilenav a {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 60px;
  padding: 0 20px;
  padding-top: 15px;
  color: white;
  text-decoration: none;
}
#mobilenav ul {
  display: block;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
#mobilenav ul li {
  display: block;
  margin: 0;
  padding: 0;
}
#mobilenav ul li.active {
  background-color: #F96345;
}
#mobilenav ul li.active li.active {
  background-color: #f84e2c;
}
#mobilenav small {
  display: none;
}
#mobilenav .secondarynavigation ul {
  display: block;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
#mobilenav .secondarynavigation a {
  padding-top: 0;
  padding-left: 40px;
}
.shortcut-links {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  left: 65px;
  right: 60px;
  height: 100%;
  display: none;
}
.shortcut-links a:hover, .shortcut-links a:focus {
  color: white;
  text-decoration: none;
}

.membership-join-button, .login-button, .manage-my-membership-button, .aircraft-ownership-search-button, .shop-button, .log-out-button, .home-button {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  height: 40px;
  width: auto;
  min-width: 100px;
  line-height: 1;
  text-align: left;
  padding: 10px 12px;
  color: white;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  font-family: "din-condensed-web", sans-serif;
  font-weight: 300;
  background-repeat: no-repeat;
  background-color: #00416A;
  background-size: contain;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
}
.membership-join-button span, .login-button span, .manage-my-membership-button span, .aircraft-ownership-search-button span, .shop-button span, .log-out-button span, .home-button span {
  display: inline-block;
}
.membership-join-button:hover, .login-button:hover, .manage-my-membership-button:hover, .aircraft-ownership-search-button:hover, .shop-button:hover, .log-out-button:hover, .home-button:hover, .membership-join-button:focus, .login-button:focus, .manage-my-membership-button:focus, .aircraft-ownership-search-button:focus, .shop-button:focus, .log-out-button:focus, .home-button:focus {
  color: white;
  background-color: #3CA4D4;
}

.home-button {
  /*
  	position: absolute;
  	z-index: 1;
      left: 60px;
      top: 10px;
  */
  min-width: 40px;
  text-align: left;
  background: url(../images/home-icon.svg) no-repeat;
  padding-right: 40px;
  background-size: auto 70%;
  background-position: right 4px top 50%;
  background-color: #00416A;
}

.login-button, .manage-my-membership-button, .aircraft-ownership-search-button, .shop-button, .log-out-button {
  text-align: left;
  padding-right: 45px;
  background-image: url(../images/person-login-cta.svg);
  background-size: auto 80%;
  background-position: right 4px top 50%;
  background-color: #00416A;
}

.log-out-button {
  text-align: left;
}

.shop-button {
  text-align: left;
  padding-right: 40px;
  margin-right: 0;
  background-image: url(../images/shopping-cta.svg);
  background-size: auto 70%;
  background-color: #F96345;
}

.aircraft-ownership-search-button {
  background-image: none;
  padding: 10px 6px;
}

.manage-my-membership-button {
  background-image: none;
  padding: 10px 6px;
}

.search-trigger {
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: 17px;
  height: 49px;
  width: 40px;
  font-size: 0;
  background: url(../images/search-icon.svg) no-repeat 50%;
  background-size: 24px 24px;
}
.search-trigger:hover, .search-trigger:focus {
  background-color: #2c98ca;
}
.search-trigger.active {
  background-color: #50AED9;
}

#search_container {
  display: none;
  position: absolute;
  z-index: 20;
  right: 0;
  left: 0;
  top: 100%;
}
#search_container.active {
  display: block;
}
#search_container .search-wrapper {
  position: relative;
  max-width: 1232px;
  margin: 0 auto;
}
#search_container .search-wrapper .search-form {
  position: absolute;
  right: 0;
  padding: 20px 20px;
  background-color: #50AED9;
  box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.25);
  /*
  background: #00416A;
  position: absolute;
  top: 100%;
  padding: 10px 10px;
  z-index: 100;
  @include border-radius-separate($topLeftRadius: 0, $topRightRadius: 0, $bottomLeftRadius: 8px, $bottomRightRadius: 8px);
  */
}
#search_container .search-wrapper .search-form.active .search-trigger {
  background-color: #50AED9;
}
#search_container .search-wrapper .search-form.active form {
  display: flex;
}
#search_container .search-wrapper form {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#search_container .search-wrapper label {
  display: none;
}
#search_container .search-wrapper input[type=search] {
  margin-right: 16px;
  padding: 0 16px;
  font-size: 22px;
  width: auto;
  height: 46px;
  border: 0;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all, 0.3s, ease-in-out;
  -khtml-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -ms-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all, 0.3s, ease-in-out;
}
#search_container .search-wrapper input[type=submit] {
  display: inline-block;
  width: 46px;
  height: 46px;
  margin: 0;
  padding: 0;
  font-size: 0;
  background-color: #00416A;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(../images/search-submit-icon.svg);
  background-size: 34px 34px;
  border: 0;
  outline: none;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  transition: background 0.15s;
}
#search_container .search-wrapper input[type=submit]:hover, #search_container .search-wrapper input[type=submit]:focus {
  background-color: #f93a14;
}

html {
  background: #EFF0EF;
}

body.loading .content.highlights-wrapper {
  min-height: 329px;
}
body.loading .content.highlights-wrapper .highlight-wrapper-right, body.loading .content.highlights-wrapper .highlight-wrapper-left {
  background-color: transparent !important;
}

#main .content.home-info {
  background: #F96345;
  padding: 30px 0;
  margin-bottom: 50px;
}
#main .content.home-info ul.home-info-cta {
  display: table;
  width: 100%;
  margin: 0;
}
#main .content.home-info ul.home-info-cta li {
  margin: 0;
  display: table-cell;
  width: 25%;
}
#main .content.home-info li:last-child a {
  border-right: 1px solid #FFF;
}
#main .content.home-info .custom-block.call-to-action a.cta-button {
  color: #FFF;
  display: block;
  border-left: 1px solid #FFF;
  padding: 50px 30px 0 40px;
  background-position: 40px 0;
  /*
  &.cta-button-1 {
  	background: url(/application/modules/cta/icons/icon-cta-1.png) no-repeat 40px 0;
  }

  &.cta-button-2 {
  	background: url(/application/modules/cta/icons/icon-cta-2.png) no-repeat 40px 0;
  }

  &.cta-button-3 {
  	background: url(/application/modules/cta/icons/icon-cta-3.png) no-repeat 40px 0;
  }

  &.cta-button-4 {
  	background: url(/application/modules/cta/icons/icon-cta-4.png) no-repeat 40px 0;
  }

  &.cta-button-5 {
  	background: url(/application/modules/cta/icons/icon-cta-5.png) no-repeat 40px 0;
  }

  &.cta-button-6 {
  	background: url(/application/modules/cta/icons/icon-cta-6.png) no-repeat 40px 0;
  }

  &.cta-button-7 {
  	background: url(/application/modules/cta/icons/icon-cta-7.png) no-repeat 40px 0;
  }

  &.cta-button-8 {
  	background: url(/application/modules/cta/icons/icon-cta-8.png) no-repeat 40px 0;
  }

  &.cta-button-9 {
  	background: url(/application/modules/cta/icons/icon-cta-9.png) no-repeat 40px 0;
  }

  &.cta-button-10 {
  	background: url(/application/modules/cta/icons/icon-cta-10.png) no-repeat 40px 0;
  }
  */
}
#main .content.home-info .into-text {
  color: #FFF;
  font-size: 1.2em;
  line-height: 1.3888888889em;
  margin-bottom: 0;
}
#main .content.highlights-wrapper {
  position: relative;
  overflow: hidden;
}
#main .content.highlights-wrapper .inner {
  background: url(../images/highlight-bg.png) no-repeat 50%;
  background-size: auto 100%;
  position: relative;
  z-index: 1;
}
#main .content.highlights-wrapper .highlight-wrapper-right, #main .content.highlights-wrapper .highlight-wrapper-left {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  z-index: 0;
}
#main .content.highlights-wrapper .highlight-wrapper-left {
  background-color: #3DA4D3;
  left: 0;
}
#main .content.highlights-wrapper .highlight-wrapper-right {
  background-color: #95D7E8;
  right: 0;
}
#main .content.highlights-wrapper .highlight-title {
  font-family: "din-condensed-web", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #FFF;
  font-size: 3.3333333333em;
  line-height: 1em;
  margin-top: 60px;
  margin-bottom: 10px;
}
#main .content.highlights-wrapper .highlight-summary {
  font-size: 1.2em;
  line-height: 1.3888888889em;
  color: #FFF;
  margin-bottom: 60px;
}
#main .content.highlights-wrapper .highlight-overlay {
  overflow: hidden;
}
#main .content.highlights-wrapper .highlight-img {
  padding-left: 18px;
}
#main .content.highlights-wrapper .highlight-img img {
  display: none;
}
#main .content.highlights-wrapper .highlight-img-wrapper:after {
  content: " ";
  display: block;
  background: url(../images/highlight-mask.png) no-repeat 0 50%;
  width: 100%;
  height: 100%;
  background-size: cover;
}
#main .content.highlights-wrapper a.button {
  margin-bottom: 60px;
}
#main .content.highlights-wrapper .flexslider {
  overflow: visible !important;
}
#main .content.highlights-wrapper .flexslider ul {
  list-style: none;
  margin: 0;
  margin: 0;
}
#main .content.highlights-wrapper .flexslider ul li {
  margin: 0;
  display: none;
}
#main .content.highlights-wrapper .flexslider .flex-control-nav {
  position: absolute;
  right: 50px;
  bottom: 60px;
  list-style: none;
  z-index: 100;
  margin: 0;
}
#main .content.highlights-wrapper .flexslider .flex-control-nav li {
  float: left;
  margin: 0;
  margin-left: 11px;
}
#main .content.highlights-wrapper .flexslider .flex-control-nav li a {
  border: 1px solid #FFF;
  width: 10px;
  height: 10px;
  display: block;
  text-indent: -9999px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#main .content.highlights-wrapper .flexslider .flex-control-nav li a.flex-active {
  background: #FFF;
}
#main .content.main {
  padding-bottom: 50px;
}
#main .content.main .section-title {
  font-family: "din-condensed-web", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.6666666667em;
  margin-bottom: 25px;
}
#main .content.main .home-main-right {
  border-left: 1px solid rgba(130, 125, 120, 0.25);
  padding-left: 48px;
}
#main .content.main .right-sidebar .custom-block .section-title {
  font-size: 1.3333333333em;
  padding-left: 44px;
  border-bottom: 1px solid #EFEFEE;
  padding-bottom: 15px;
  margin-bottom: 0 !important;
}
#main .content.main .right-sidebar .custom-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#main .content.main .right-sidebar .custom-block ul li {
  position: relative;
  margin: 0;
}
#main .content.main .right-sidebar .custom-block ul li > a {
  color: #404041;
  font-size: 0.9333333333em;
  line-height: 1.4285714286em;
  display: block;
  border-bottom: 1px solid #EFEFEE;
  padding: 11px 20px 10px 20px;
}
#main .content.main .custom-block.related-links .section-title {
  font-size: 1.3333333333em;
  padding-left: 44px;
  border-bottom: 1px solid #EFEFEE;
  padding-bottom: 15px;
  margin-bottom: 0 !important;
}
#main .content.main .custom-block.related-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#main .content.main .custom-block.related-links ul li {
  position: relative;
  margin: 0;
}
#main .content.main .custom-block.related-links ul li > a {
  color: #404041;
  font-size: 0.9333333333em;
  line-height: 1.4285714286em;
  display: block;
  border-bottom: 1px solid #EFEFEE;
  padding: 11px 20px 10px 20px;
}
#main .content.breadcrumb {
  padding: 25px 0;
}
#main .content.breadcrumb .breadcrumbs {
  font-size: 0.9333333333em;
  color: #827D78;
}
#main .content.breadcrumb a {
  color: #00548A;
}
#main .content.breadcrumb a:hover {
  text-decoration: underline;
}
#main .content.CMSSearchResults.searchresults .CMSSearchBox {
  background: #EFEFEE;
  padding: 30px;
}
#main .content.CMSSearchResults.searchresults input[type=text] {
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  height: 40px;
  border: 0;
  padding: 0 20px;
  width: 100%;
}
#main .content.CMSSearchResults.searchresults input[type=submit] {
  background: none;
  border: 0;
  color: #FFF;
  padding: 0;
  margin: 0;
  line-height: 1;
  padding: 11px 13px 11px 13px;
}
#main .content.CMSSearchResults.searchresults .CMSResult {
  border-left: 0;
  padding-left: 0;
  margin: 43px 0px 50px 0;
}
#main .content.CMSSearchResults.searchresults .CMSResult .CMSResultTitle a {
  color: #00548A;
}
#main .content.CMSSearchResults.searchresults .CMSResult p {
  margin: 12px 0;
}
#main .content.CMSSearchResults.searchresults .CMSResult .CMSResultText strong {
  background-color: yellow;
}
#main .content.CMSSearchResults.searchresults .CMSResult .CMSResultLink {
  font-size: initial;
}
#main .content.CMSSearchResults.searchresults .CMSResult .CMSResultDate {
  font-size: 0.8em;
}
#main .content.login {
  background: url(../images/login-bg.png) no-repeat 50%;
  background-size: cover;
  padding: 40px 0;
  margin-bottom: 257px;
}
#main .content.login .section-title {
  font-size: 1.6666666667em;
  font-family: "din-condensed-web", sans-serif;
  font-style: normal;
  font-weight: 400;
}
#main .content.login input[type=submit] {
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  line-height: 1;
  color: #FFF;
  padding: 11px 55px 11px 13px;
}
#main .content.login form {
  border-top: 1px solid #FFF;
  padding-top: 20px;
  margin-top: 20px;
}
#main .content.login .login-form .field {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
#main .content.login .login-form .field.forgot-password {
  clear: both;
  text-align: right;
  padding-top: 20px;
}
#main .content.login .login-form .field > div {
  flex: 1;
}
#main .content.login .login-form .field > div:first-child {
  flex: 0 1 30%;
}
#main .content.login .login-form .field label {
  width: 126px;
  line-height: 40px;
}
#main .content.login .login-form .field input[type=text],
#main .content.login .login-form .field input[type=password] {
  width: 100%;
  height: 40px;
  padding: 0 20px;
  border: 0;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
#main .content.login .login-form .button {
  float: right;
  padding: 0 !important;
}
#main .content.login .register-button {
  display: block;
  color: #FFF;
  font-size: 1.6666666667em;
  font-family: "din-condensed-web", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  width: 100%;
  padding: 36px 42.5px 36px 20px;
  text-align: right;
  background: #00548A;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

#shade {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 100;
  padding: 30px;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: 0.45s;
}
#shade.show {
  opacity: 1;
}

#popup {
  position: relative;
  max-width: 920px;
  max-height: 90vh;
  color: black;
  background: white;
  opacity: 0;
  transform: translateY(-20px);
  font-size: 20px;
  text-align: center;
  box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.5);
  transition: 0.45s;
  overflow: auto;
  padding-top: 40px;
  background-color: black;
}
#popup.show {
  opacity: 1;
  transform: translateY(0);
}
#popup #close {
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  background-image: url(../images/button-close.svg);
  background-size: contain;
}
#popup iframe {
  display: block;
  margin: 0;
  padding: 0;
}

.custom-block.youtube {
  margin-bottom: 30px;
}
.custom-block.call-to-action {
  margin-bottom: 1px;
  display: table;
  width: 100%;
}
.custom-block.call-to-action a {
  font-size: 1.3333333333em;
  line-height: 1em;
  font-family: "din-condensed-web", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #FFF;
  display: table-cell;
  height: 79px;
  vertical-align: middle;
  padding: 10px 10px 10px 70px;
}
.custom-block.call-to-action a.cta-button.cta-button-1 {
  background: url(/application/modules/cta/icons/icon-cta-1.png) no-repeat 22px 50%;
}
.custom-block.call-to-action a.cta-button.cta-button-2 {
  background: url(/application/modules/cta/icons/icon-cta-2.png) no-repeat 22px 50%;
}
.custom-block.call-to-action a.cta-button.cta-button-3 {
  background: url(/application/modules/cta/icons/icon-cta-3.png) no-repeat 22px 50%;
}
.custom-block.call-to-action a.cta-button.cta-button-4 {
  background: url(/application/modules/cta/icons/icon-cta-4.png) no-repeat 22px 50%;
}
.custom-block.call-to-action a.cta-button.cta-button-5 {
  background: url(/application/modules/cta/icons/icon-cta-5.png) no-repeat 22px 50%;
}
.custom-block.call-to-action a.cta-button.cta-button-6 {
  background: url(/application/modules/cta/icons/icon-cta-6.png) no-repeat 22px 50%;
}
.custom-block.call-to-action a.cta-button.cta-button-7 {
  background: url(/application/modules/cta/icons/icon-cta-7.png) no-repeat 22px 50%;
}
.custom-block.call-to-action a.cta-button.cta-button-8 {
  background: url(/application/modules/cta/icons/icon-cta-8.png) no-repeat 22px 50%;
}
.custom-block.call-to-action a.cta-button.cta-button-9 {
  background: url(/application/modules/cta/icons/icon-cta-9.png) no-repeat 22px 50%;
}
.custom-block.call-to-action a.cta-button.cta-button-10 {
  background: url(/application/modules/cta/icons/icon-cta-10.png) no-repeat 22px 50%;
}
.custom-block.in-this-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.custom-block.in-this-section ul li {
  margin-bottom: 1px;
}
.custom-block.in-this-section ul li a {
  display: block;
  background: #00548A;
  color: #FFF;
  font-size: 0.9333333333em;
  padding: 10px 18px 11px 18px;
  -webkit-transition: all, 0.2s, linear;
  -khtml-transition: all, 0.2s, linear;
  -moz-transition: all, 0.2s, linear;
  -ms-transition: all, 0.2s, linear;
  -o-transition: all, 0.2s, linear;
  transition: all, 0.2s, linear;
}
.custom-block.in-this-section ul li a:hover {
  text-decoration: none;
  background: #3CA4D4;
}
.custom-block.in-this-section ul li > ul {
  height: 0;
  overflow: hidden;
}
.custom-block.in-this-section ul li > ul > li {
  margin-bottom: 0;
}
.custom-block.in-this-section ul li > ul > li > a {
  padding-left: 36px;
}
.custom-block.in-this-section ul li.active > a, .custom-block.in-this-section ul li.active a {
  background: #3CA4D4;
}
.custom-block.in-this-section ul li.active > ul {
  height: auto;
  border-top: 1px solid white;
}
.custom-block.in-this-section ul li.active > ul > li.active > a, .custom-block.in-this-section ul li.active > ul > li > a:hover, .custom-block.in-this-section ul li.active > ul > li > a:focus {
  background-color: #00548A;
}
.custom-block.related-links {
  margin: 55px 0;
}
.custom-block.related-links .section-title {
  background: url(../images/icon-related-links-1.png) no-repeat 20px 0;
}
.custom-block.related-links .section-title.related-links-icon-1 {
  background: url(../images/icon-related-links-1.png) no-repeat 20px 0;
}
.custom-block.related-links .section-title.related-links-icon-2 {
  background: url(../images/icon-related-links-2.png) no-repeat 20px 0;
}
.custom-block.related-links .section-title.related-links-icon-3 {
  background: url(../images/icon-related-links-3.png) no-repeat 20px 0;
}
.custom-block.articles-listing .item {
  margin-bottom: 30px;
}
.custom-block.articles-listing .article-image {
  width: 120px;
  padding-right: 15px;
}
.custom-block.tags {
  margin-bottom: 50px;
}
.custom-block.tags .section-title {
  background: url(../images/icon-tags.png) no-repeat 20px 2px;
}
.custom-block.tags ul li {
  margin: 0;
}
.custom-block.tags ul li:before {
  content: "›";
  position: absolute;
  left: 20px;
  top: 10px;
}
.custom-block.tags ul li a {
  padding: 11px 20px 10px 31px !important;
}
.custom-block.tags ul li a.current {
  font-weight: bold;
}
.custom-block.tweets .section-title {
  background: url(../images/icon-twitterblue.png) no-repeat 20px 2px;
}
.custom-block.tweets ul li {
  margin: 0;
}
.custom-block.tweets ul li .tweet-content {
  padding: 20px;
  border-bottom: 1px solid #EFEFEE;
}
.custom-block.tweets ul li .tweet-content a {
  color: #00548A;
}
.custom-block.tweets ul li .tweet-content .tweet-text {
  margin-bottom: 18px;
  font-size: 0.9333333333em;
}
.custom-block.tweets ul li .tweet-content .buttons {
  font-size: 0.8666666667em;
}
.custom-block.tweets ul li .tweet-content .buttons span:after {
  content: " | ";
  margin: 0 5px;
  color: #DFE0DE;
}
.custom-block.tweets ul li .tweet-content .buttons span:last-child:after {
  content: "";
  margin: 0;
}
.custom-block.tweets ul li .tweet-content .buttons a {
  font-family: "din-condensed-web", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
}
.custom-block.newsletter-wrapper {
  background-color: #00416A;
}
.custom-block.newsletter-wrapper .newsletter-signup {
  display: flex;
  justify-content: center;
  max-width: 1232px;
  margin: 0 auto;
  margin-bottom: 1px;
  padding: 10px 10px 10px 59px;
}
.custom-block.newsletter-wrapper .heading {
  font-size: 1.33333em;
  line-height: 1.33333em;
  font-family: "din-condensed-web", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #FFF;
  display: table-cell;
  padding-right: 20px;
}
.custom-block.newsletter-wrapper form {
  flex: 0 1 300px;
}
.custom-block.newsletter-wrapper form > div {
  display: inline-block;
  vertical-align: bottom;
}
.custom-block.newsletter-wrapper form > div:first-of-type {
  width: calc(100% - 60px);
}
.custom-block.newsletter-wrapper form > div input[type=text] {
  border-radius: 5px;
  border: 0;
  padding: 6px 10px;
  width: 100%;
}
.custom-block.newsletter-wrapper form > div input[type=submit] {
  background: #3CA4D4;
  color: #FFF;
  font-family: "din-condensed-web", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.1em;
  display: block;
  float: right;
  padding: 5px 4px;
  margin-left: 5px;
  appearance: none;
  -webkit-appearance: initial;
  border: 0;
  border-radius: 6px;
  vertical-align: bottom;
}
.custom-block a.view-all {
  margin-top: 10px;
}
.custom-block .item {
  margin-bottom: 20px;
}
.custom-block .item .meta {
  font-size: 0.8666666667em;
  color: #404041;
  margin-bottom: 10px;
}
.custom-block .item .title {
  font-size: 1.3333333333em;
  font-family: "din-condensed-web", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #00416A;
  margin-bottom: 10px;
}
.custom-block .item .title a {
  color: #00416A;
}
.custom-block .item .tags {
  color: #706F71;
  font-size: 0.8666666667em;
}
.custom-block .item .tags a {
  color: #706F71;
}
.custom-block .item .tags a:hover {
  text-decoration: underline;
}
.custom-block .item .tags:before {
  content: "›";
}

[data-block-class="blockOfcustom_block tiles block editable"] .UIPageEditTab {
  left: 0 !important;
}

.tiles .raa-tiles {
  font-family: "din-condensed-web", sans-serif;
  font-style: normal;
  font-weight: 300;
  background: white;
  -webkit-font-smoothing: antialiased;
}
.tiles .raa-tiles ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1232px;
  margin: 0 auto;
  list-style: none;
  color: white;
}
.tiles .raa-tiles ul > li {
  flex: 0 1 308px;
  flex-basis: 25%;
  position: relative;
  height: 280px;
  margin: 0;
  padding: 0;
  color: white;
  /*
  			&.raa-tiles-color-white {
  				color: white;				
  			}
  */
}
.tiles .raa-tiles ul > li.raa-tiles-background-orange {
  background-color: #FA6446;
}
.tiles .raa-tiles ul > li.raa-tiles-background-grey {
  background-color: #4D4D4D;
}
.tiles .raa-tiles ul > li.raa-tiles-background-blue {
  background-color: #50AED9;
}
.tiles .raa-tiles ul > li.raa-tiles-background-blue-gradient {
  background: linear-gradient(90deg, #2c9acc 0%, #3CA5D5 7%, #94D8E9 30%, #94D8E9 36%, #3CA5D5 100%);
}
.tiles .raa-tiles ul > li.tile-image > div > a, .tiles .raa-tiles ul > li.tile-video > div > a {
  display: block;
  padding: 0;
}
.tiles .raa-tiles ul > li.horizontalrectangle {
  flex: 0 1 616px;
  flex-basis: 50%;
}
.tiles .raa-tiles ul > li.horizontalrectangle > div {
  z-index: 10;
}
.tiles .raa-tiles ul > li.verticalrectangle > div {
  z-index: 10;
  bottom: -100%;
}
.tiles .raa-tiles ul > li > div {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
  /*
  					> picture {
  						display: block;
  						> img {
  							display: block;
  							width: 100%;
  							width: auto;
  							height: auto;
  						    position: absolute;
  						    z-index: 1;
  						    left: 50%;
  						    top: 50%;
  						    transform: translate(-50%, -50%);
  						    min-width: 100%;
  						    min-height: 100%;
  						    max-width: none;
  						    max-height: none;
  						}
  					}
  */
}
.tiles .raa-tiles ul > li > div > a {
  display: flex;
  flex-direction: column;
  position: absolute;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 12%;
  text-align: center;
}
.tiles .raa-tiles ul > li > div > a > div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.tiles .raa-tiles ul > li > div > a > span {
  flex: 0 1 33%;
  display: block;
  line-height: 1.2;
}
.tiles .raa-tiles a {
  color: inherit;
  font-size: 38.51px;
}
.tiles .raa-tiles picture {
  display: block;
}

@media only screen and (max-width: 1232px) {
  .tiles .raa-tiles ul > li {
    height: 0;
    padding-bottom: 22.7%;
  }
  .tiles .raa-tiles ul > li.tile-image > div > a img, .tiles .raa-tiles ul > li.tile-video > div > a img {
    width: 100%;
  }
  .tiles .raa-tiles ul > li > div > a img {
    width: 7.3vw;
  }
  .tiles .raa-tiles a {
    font-size: 3.126vw;
  }
}
@media only screen and (max-width: 768px) {
  .tiles .raa-tiles ul > li {
    flex-basis: 50%;
    height: 0;
    padding-bottom: 45.45%;
    order: 2;
  }
  .tiles .raa-tiles ul > li.horizontalrectangle {
    flex: 0 1 100%;
    order: 1;
  }
  .tiles .raa-tiles ul > li.verticalrectangle > div {
    bottom: 0;
  }
  .tiles .raa-tiles ul > li > div > a img {
    width: 14.6vw;
  }
  .tiles .raa-tiles ul > li > div > picture {
    display: block;
  }
  .tiles .raa-tiles ul > li > div > picture > img {
    display: block;
    width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
  }
  .tiles .raa-tiles a {
    font-size: 6.252vw;
  }
}
@media only screen and (max-width: 440px) {
  .tiles .raa-tiles ul > li {
    flex-basis: 100%;
    height: 0;
    padding-bottom: 90.1%;
  }
  .tiles .raa-tiles ul > li.horizontalrectangle {
    flex: 0 1 100%;
    padding-bottom: 45%;
  }
  .tiles .raa-tiles ul > li.verticalrectangle > div {
    bottom: 0;
  }
  .tiles .raa-tiles ul > li > div > a img {
    width: 29.2vw;
  }
  .tiles .raa-tiles a {
    font-size: 12.504vw;
  }
}
/* Publications */
.publications-listing table {
  margin: 1.3333333333em 0;
}
.publications-listing table tr {
  vertical-align: top;
}
.publications-listing table td.time {
  white-space: nowrap;
}
.publications-listing .resource-links {
  list-style: none;
  display: block;
  margin: 0;
}
.publications-listing .resource-links > li {
  display: block;
}
.publications-listing .resource-links a {
  text-decoration: underline;
  color: #00548A;
}
.publications-listing .resource-links a:hover, .publications-listing .resource-links a:focus {
  text-decoration: none;
}
.publications-listing .resource-links .resource-link-url {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

.publications-filter {
  margin-bottom: 30px;
  padding: 15px 20px 20px;
  color: white;
  background: #F96345;
}
.publications-filter label {
  margin: 5px 10px 0 0;
  display: inline-block;
}
.publications-filter select {
  display: inline-block;
  width: auto;
  min-height: 30px;
  min-width: 200px;
  max-width: 100%;
  margin: 5px 10px 0 0;
  padding: 5px 10px;
  border: none;
  background-color: white;
}
.supports-appearance .publications-filter select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0;
  background-image: url(../images/select-icon.png);
  background-repeat: no-repeat;
  background-color: white;
  background-position: right 10px top 50%;
  border-radius: 5px;
}
.publications-filter input[type=submit] {
  display: inline-block;
  margin: 5px 10px 0 0;
  padding: 5px 10px;
  font-family: "din-condensed-web", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
}
.supports-appearance .publications-filter input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0;
  color: white;
  background-color: #00416A;
  border: none;
  border-radius: 5px;
}

.resource-link .file-details {
  white-space: nowrap;
}
.resource-link .file-details > span {
  margin-left: 3px;
  padding-left: 19px;
  text-transform: lowercase;
  background-repeat: no-repeat;
  background-position: 3px center;
}

.pagination {
  position: relative;
  margin: 1.3333333333em 0;
}
.pagination .prev, .pagination .next {
  position: absolute;
  top: 0;
}
.pagination .prev a.button, .pagination .next a.button {
  font-size: 0.9333333333em;
}
.pagination .prev a.disabled, .pagination .next a.disabled {
  cursor: default;
  opacity: 0.6;
}
.pagination .prev a:hover, .pagination .next a:hover {
  color: #FFF;
}
.pagination .prev {
  left: 0;
}
.pagination .next {
  right: 0;
}
.pagination .pagination-links {
  text-align: center;
  line-height: 25px;
  padding: 0 70px;
}
.pagination .pagination-links ul {
  list-style: none;
  margin: auto;
  padding: 0;
}
.pagination .pagination-links ul li {
  margin: 0;
  line-height: 25px;
}
.pagination .pagination-links ul li:after {
  content: " | ";
  margin: 0 10px;
  color: #DFE0DE;
}
.pagination .pagination-links a {
  color: #00548A;
  padding: 0 3px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.pagination .pagination-links a:hover {
  text-decoration: none;
}
.pagination .pagination-links a:hover:after {
  text-decoration: none;
}
.pagination .pagination-links .last:after {
  content: "";
  margin: 0;
}
.pagination .pagination-links .active a {
  background: #00548A;
  color: #FFF;
}

/* Error box for the login pages */
p.error {
  margin: 20px 0;
  padding: 20px;
  background-color: #CC0000;
  color: white;
}

p.notice {
  margin: 20px 0;
  padding: 20px;
  background-color: green;
  color: white;
}

/* faq-help-button : Large panel button on the login page for FAQ tips */
div.faq-help-button p a {
  display: block;
  padding: 30px 20px;
  text-decoration: none;
  border-radius: 8px;
  background-color: #00416A;
  color: white;
}
div.faq-help-button p a:hover {
  background-color: #3CA4D4;
}
div.faq-help-button p a span {
  display: block;
}
div.faq-help-button p a span.label-head {
  font-size: 1.4em;
  margin-bottom: 0.6em;
}
div.faq-help-button p a span.label-body {
  line-height: 1.4em;
}

.new-login-process {
  background-color: #00416A;
}
.new-login-process .row .inner {
  padding: 30px 20px;
  color: white;
}
.new-login-process .row .inner span.label-head {
  display: block;
  color: white;
  font-size: 1.4em;
  margin-bottom: 0.6em;
}

.new-login-popup, .member-verification-popup {
  display: none;
  position: fixed;
  z-index: 3;
  left: 50%;
  top: 220px;
  width: 600px;
  color: white;
  margin: 0;
  padding: 40px 110px 40px 50px;
  background-color: #FA6446;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
  transform: translateX(-50%);
}
.new-login-popup .close-control, .member-verification-popup .close-control {
  display: block;
  position: absolute;
  z-index: 1;
  top: 35px;
  right: 35px;
  width: 45px;
  height: 45px;
  line-height: 1;
  margin: 0;
  font-size: 0;
}
.new-login-popup .close-control:before, .member-verification-popup .close-control:before, .new-login-popup .close-control:after, .member-verification-popup .close-control:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 45px;
  height: 5px;
  background: white;
}
.new-login-popup .close-control:before, .member-verification-popup .close-control:before {
  transform: rotate(45deg);
}
.new-login-popup .close-control:after, .member-verification-popup .close-control:after {
  transform: rotate(-45deg);
}
.new-login-popup > h2, .member-verification-popup > h2 {
  margin: 0 0 20px;
  color: inherit;
}
.new-login-popup > div ol, .member-verification-popup > div ol,
.new-login-popup > div ul,
.member-verification-popup > div ul {
  margin-left: 30px;
}
.new-login-popup a, .member-verification-popup a {
  color: inherit;
  text-decoration: underline;
}
.member-verification-popup form > div {
  margin: 30px 0 0;
}
.member-verification-popup form .button {
  padding: 0;
}
.member-verification-popup form input[type=checkbox] {
  position: absolute;
  display: inline-block;
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
  border: 0;
  background: white;
  vertical-align: top;
}
.member-verification-popup form input[type=checkbox] + label {
  display: block;
  padding-left: 30px;
}
.member-verification-popup form .buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.member-verification-popup form input[type=button],
.member-verification-popup form input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0;
  margin: 0;
  padding: 11px 10px 11px 13px;
  line-height: 1;
  color: #FFF;
  white-space: nowrap;
  background: none;
  border: 0;
}

.shade {
  display: none;
  position: fixed;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
}

footer {
  font-size: 12px;
  color: #707070;
  background: #EFF0EF;
}
footer .main-footer {
  padding: 40px 0 80px;
  background: #E6E6E6;
}
footer .main-footer .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
footer .main-footer .row > .columns {
  flex: 0 1 20%;
}
footer .main-footer .quick-links {
  font-size: 13px;
}
footer .main-footer .quick-links ul {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
footer .main-footer .quick-links ul > li {
  display: block;
  position: relative;
  margin: 0;
  margin-bottom: 6px;
  padding: 0;
}
footer .main-footer .quick-links ul > li:before {
  content: "";
  display: inline-block;
  left: 0;
  top: 0;
  width: 3px;
  height: 5px;
  margin-right: 10px;
  background-image: url(../images/list-chevron.svg);
  background-size: contain;
}
footer .main-footer .quick-links ul > li:first-child {
  margin-bottom: 12px;
}
footer .main-footer .quick-links ul > li:first-child:before {
  display: none;
}
footer .main-footer .quick-links ul > li:first-child a {
  color: #00416A;
  font-size: 20px;
  font-family: "din-condensed-web", sans-serif;
}
footer .main-footer .quick-links ul > li a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
footer .main-footer .quick-links ul > li a:hover, footer .main-footer .quick-links ul > li a:focus {
  text-decoration: underline;
}
footer .sub-footer {
  padding: 16px 0;
}
footer .sub-footer .site-meta-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .sub-footer .site-meta-links li {
  display: inline-block;
  font-size: 12px;
}
footer .sub-footer .site-meta-links li:after {
  padding-left: 10px;
  content: " | ";
  padding-right: 10px;
}
footer .sub-footer .site-meta-links li:last-child:after {
  content: "";
  padding: 0;
}
footer .sub-footer .site-meta-links li a {
  color: inherit;
  text-decoration: none;
}
footer .sub-footer .site-meta-links li a:hover, footer .sub-footer .site-meta-links li a:focus {
  color: #706F71;
  text-decoration: underline;
}
footer .social-media-links {
  text-align: right;
}
footer .social-media-links a.facebook {
  background: url(../images/facebook-inverted-icon.svg) no-repeat;
}
footer .social-media-links a.twitter {
  background: url(../images/twitter-inverted-icon.svg) no-repeat;
}

tr[rel=relatedLinksIcon] {
  display: inline-block;
}
tr[rel=relatedLinksIcon] input[type=radio] {
  display: none;
}
tr[rel=relatedLinksIcon] input[type=radio]:checked ~ .icon-related-links {
  border: 5px solid #CFC8CC;
}
tr[rel=relatedLinksIcon] .icon-related-links {
  padding: 10px 10px 10px 10px;
  border: 5px solid #FFF;
  width: 30px;
  height: 30px;
}
tr[rel=relatedLinksIcon] .icon-related-links.icon-related-links-1 {
  background: url(../images/icon-related-links-1.png) no-repeat;
  background-size: 100%;
}
tr[rel=relatedLinksIcon] .icon-related-links.icon-related-links-2 {
  background: url(../images/icon-related-links-2.png) no-repeat;
  background-size: 100%;
}
tr[rel=relatedLinksIcon] .icon-related-links.icon-related-links-3 {
  background: url(../images/icon-related-links-3.png) no-repeat;
  background-size: 100%;
}

.UIWidget.UIForm table.UIPaddedTable {
  background: transparent;
  margin-bottom: 0;
  border: 0;
}
.UIWidget.UIForm table.UIPaddedTable tr.even, .UIWidget.UIForm table.UIPaddedTable tr.alt, .UIWidget.UIForm table.UIPaddedTable tr:nth-of-type(even) {
  background: transparent;
}
.UIWidget.UIForm table.UIPaddedTable tr th, .UIWidget.UIForm table.UIPaddedTable tr td {
  font-size: 1em;
}

/* #Media Queries 

	Some basic media query placeholders to get you started.

*/
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) {
  header #primary_nav {
    margin-top: 28px;
    display: block !important;
  }
  .hide-for-large {
    display: none !important;
  }

  #mobilenav {
    display: none !important;
  }

  .search-wrapper .search-trigger {
    position: absolute;
    float: none;
    top: 0;
  }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  body.loading .content.highlights-wrapper {
    min-height: 212px;
  }

  .row .row {
    margin-left: -20px;
    margin-right: -20px;
  }

  .column, .columns {
    padding-left: 20px;
    padding-right: 20px;
  }

  #logo {
    max-width: 260px;
  }

  #aus_sport_pilot {
    /*
    		width: 106px;
    		height: 90px;
    */
    width: 64px;
    height: 40px;
    margin: 0;
    margin-top: -2px;
    background: url(../images/australian-sport-pilot-stacked-2x.png) no-repeat;
    background-size: contain;
    background-position: center;
  }
  #aus_sport_pilot img {
    display: none;
  }

  header {
    padding: 12px 0 0 0;
  }
  header .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 10px;
  }
  header .row > .columns {
    position: static;
    float: none;
    width: auto;
    padding: 0;
    padding: 0 10px;
  }
  header .row > .columns:first-child {
    flex: 1;
    padding-left: 20px;
    padding-right: 15px;
  }
  header .logo {
    margin-bottom: 33px;
  }
  header .logo a {
    height: 53px;
    background: url(../images/logo4x.png) no-repeat;
    background-size: contain;
  }
  header .toolbox .social-links {
    margin-bottom: 15px;
  }
  header .toolbox .social-links a.facebook {
    background: url(../images/icon-facebook4x.png) no-repeat;
    background-size: 100%;
  }
  header .toolbox .social-links a.twitter {
    background: url(../images/icon-twitter4x.png) no-repeat;
    background-size: 100%;
  }
  header .toolbox .social-links a.mobile-search-trigger {
    background: url(../images/mobile-search4x.png) no-repeat;
    background-size: 100%;
  }
  header .toolbox .member-links {
    display: block;
    width: 100%;
    padding-bottom: 15px;
  }
  header .toolbox .member-links .link-wrapper {
    display: block;
    padding: 0 5px;
    float: left;
    /*
    &.login {
    	padding-right: 5px;
    }
    &.register {
    	padding-left: 5px;
    }
    */
  }
  header .toolbox .member-links .link-wrapper.one-third {
    width: 33.333%;
  }
  header .toolbox .member-links .link-wrapper.one-half {
    width: 50%;
  }
  header .toolbox .member-links .link-wrapper.full-width {
    margin-top: 10px;
    width: 100%;
  }
  header .toolbox .member-links .link-wrapper.first {
    padding-left: 0;
  }
  header .toolbox .member-links .link-wrapper.last {
    padding-right: 0;
  }
  header .toolbox .member-links .link-wrapper a {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  header #primary_nav {
    display: none;
    z-index: 100;
    position: absolute;
    top: 140px;
    width: 100%;
  }
  header #topnav {
    margin: 0 -20px;
  }
  header #topnav ul.topnavigation {
    display: block;
  }
  header #topnav ul.topnavigation li {
    display: block;
  }
  header #topnav ul.topnavigation li.active > ul.subnav {
    display: block !important;
  }
  header #topnav ul.topnavigation > li.active > a {
    background: #3CA4D4;
  }
  header #topnav ul.topnavigation > li > a {
    height: auto;
    padding: 10px 20px;
    display: block;
  }
  header #topnav ul.topnavigation > li > a:hover {
    color: #FFF;
    -webkit-transform: translateY(0px);
    -khtml-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  header #topnav ul.subnav {
    position: relative;
    top: auto;
    width: 100%;
  }
  header #topnav ul.subnav li.sfHover a {
    background: none;
  }
  header #topnav ul.subnav ul {
    left: auto;
    top: auto;
    background: rgba(60, 164, 212, 0.16);
  }
  header #topnav ul.subnav ul > li > a {
    padding-left: 40px;
  }

  #search_container .search-wrapper .search-form {
    position: static;
    padding: 12px 12px 12px 20px;
  }
  #search_container .search-wrapper .search-form input[type=search] {
    flex: 1;
    /*
    					height: 24px;
    					margin: 0;
    */
  }
  #search_container .search-wrapper .search-form input[type=search].mobile-active {
    /*
    						position: relative;
    						top: auto;
    						right: auto;
    						width: 200px;
    						border: 1px solid #3CA4D4;
    						padding: 0 24px 0 5px;
    */
  }
  #main .content.login {
    margin-bottom: 50px;
  }
  #main .content.login .login-form .field {
    display: block;
  }
  #main .content.login .login-form .field > div:first-child {
    flex: auto;
  }
  #main .content.highlights-wrapper .inner .flexslider {
    margin: 0 -20px;
  }
  #main .content.highlights-wrapper .inner .flexslider .flex-control-nav {
    bottom: 20px;
    right: 20px;
  }
  #main .content.highlights-wrapper .highlight-img-wrapper a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #main .content.home-info {
    padding-bottom: 0;
    margin-bottom: 25px;
    padding-top: 25px;
  }
  #main .content.home-info ul.home-info-cta {
    display: block;
    margin-top: 20px;
  }
  #main .content.home-info ul.home-info-cta li {
    display: block;
    width: 100%;
  }
  #main .content.home-info ul.home-info-cta li:last-child a {
    border-right: 0;
  }
  #main .content.home-info ul.home-info-cta .custom-block.call-to-action a.cta-button {
    border-left: 0;
    border-top: 1px solid #FFF;
    background-position: 0 50%;
    padding: 20px 0 20px 50px;
  }
  #main .content.main {
    padding-bottom: 0;
  }
  #main .content.main .home-main-right {
    padding-left: 0;
    padding-top: 25px;
    border-left: 0;
    height: auto !important;
  }
  #main .content.main .right-sidebar {
    margin: 30px 0;
  }
  #main .content.main .right-sidebar .custom-block .section-title {
    padding-left: 25px;
    background-position: 0 0;
  }
  #main .content.main .right-sidebar .custom-block ul li > a {
    padding-left: 0;
  }
  #main .content.breadcrumb {
    padding: 5px 0 15px;
  }
  #main .content .CMSSearchResults.searchresults form.CMSSearchBox {
    margin: 0 -20px;
    padding: 20px;
  }
  #main .content .CMSSearchResults.searchresults .CMSResult {
    margin: 25px 0;
  }

  .custom-block a.view-all {
    margin-bottom: 30px;
  }
  .custom-block.call-to-action a {
    height: auto;
    padding: 20px 10px 20px 70px;
  }
  .custom-block.call-to-action a.cta-button.cta-button-1 {
    background: url(/application/modules/cta/icons/icon-cta-1.svg) no-repeat 22px 50%;
    background-size: 30px;
  }
  .custom-block.call-to-action a.cta-button.cta-button-2 {
    background: url(/application/modules/cta/icons/icon-cta-2.svg) no-repeat 22px 50%;
    background-size: 30px;
  }
  .custom-block.call-to-action a.cta-button.cta-button-3 {
    background: url(/application/modules/cta/icons/icon-cta-3.svg) no-repeat 22px 50%;
    background-size: 30px;
  }
  .custom-block.call-to-action a.cta-button.cta-button-4 {
    background: url(/application/modules/cta/icons/icon-cta-4.svg) no-repeat 22px 50%;
    background-size: 30px;
  }
  .custom-block.call-to-action a.cta-button.cta-button-5 {
    background: url(/application/modules/cta/icons/icon-cta-5.svg) no-repeat 22px 50%;
    background-size: 30px;
  }
  .custom-block.call-to-action a.cta-button.cta-button-6 {
    background: url(/application/modules/cta/icons/icon-cta-6.svg) no-repeat 22px 50%;
    background-size: 30px;
  }
  .custom-block.call-to-action a.cta-button.cta-button-7 {
    background: url(/application/modules/cta/icons/icon-cta-7.svg) no-repeat 22px 50%;
    background-size: 30px;
  }
  .custom-block.call-to-action a.cta-button.cta-button-8 {
    background: url(/application/modules/cta/icons/icon-cta-8.svg) no-repeat 22px 50%;
    background-size: 30px;
  }
  .custom-block.call-to-action a.cta-button.cta-button-9 {
    background: url(/application/modules/cta/icons/icon-cta-9.svg) no-repeat 22px 50%;
    background-size: 30px;
  }
  .custom-block.call-to-action a.cta-button.cta-button-10 {
    background: url(/application/modules/cta/icons/icon-cta-10.svg) no-repeat 22px 50%;
    background-size: 30px;
  }
  .custom-block.in-this-section {
    margin-bottom: 25px;
  }
  .custom-block.in-this-section ul li a {
    padding: 6px 18px;
  }
  .custom-block.related-links {
    margin: 30px 0;
  }
  .custom-block.related-links .section-title {
    background-position: 0 0;
  }
  .custom-block.tweets ul li .tweet-content {
    padding: 20px 0;
    border-bottom: 1px solid #EFEFEE;
    margin-bottom: 25px;
  }
  .custom-block.tags .section-title {
    background: url(../images/icon-tags4x.png) no-repeat 20px 2px;
    background-size: 14px;
  }
  .custom-block.tags ul li:before {
    left: 0;
  }
  .custom-block.tags ul li a {
    padding-left: 11px !important;
  }
  .custom-block.tweets .section-title {
    background: url(../images/icon-twitterblue4x.png) no-repeat 20px 2px;
    background-size: 18px;
  }

  footer ul li {
    float: none;
  }
  footer ul li:after {
    content: "";
    display: none;
  }
  footer ul li a {
    display: block;
  }

  .button.user:after {
    background: url(../images/button-user4x.png) no-repeat 50% 48%;
    background-size: 13px;
  }
  .button.close:after {
    background: url(../images/button-close4x.png) no-repeat 50% 48%;
    background-size: 14px;
  }
  .button.plus:after {
    background: url(../images/button-plus4x.png) no-repeat 50% 48%;
    background-size: 14px;
  }
  .button.search {
    float: none;
    width: 106px;
    padding: 0 !important;
  }
  .button.search:after {
    background: url(../images/icon-search4x.png) no-repeat 50% 48%;
    background-size: 17px;
  }
  .button.arrow-left:after {
    background: url(../images/icon-prev4x.png) no-repeat 50% 48%;
    background-size: 6px;
  }
  .button.arrow-right:after {
    background: url(../images/icon-next4x.png) no-repeat 50% 48%;
    background-size: 6px;
  }

  .membership-join-button, .home-button, .login-button, .log-out-button, .shop-button, .aircraft-ownership-search-button, .manage-my-membership-button {
    max-width: 64px;
  }

  textarea,
input[type=text],
input[type=search],
input[type=number],
input[type=email],
input[type=password],
input[type=submit],
input[type=button] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  table.smallscreen-responsive {
    width: 100%;
    background: white;
    border: none;
  }
  table.smallscreen-responsive thead {
    position: absolute;
    z-index: -1;
  }
  table.smallscreen-responsive tbody {
    display: block;
  }
  table.smallscreen-responsive tbody tr {
    display: block;
  }
  table.smallscreen-responsive tbody tr:last-child {
    border: none;
  }
  table.smallscreen-responsive tbody tr ~ tr {
    margin-top: 1.3333333333em;
  }
  table.smallscreen-responsive tbody th {
    display: none;
  }
  table.smallscreen-responsive tbody td {
    display: block;
    position: relative;
    min-height: 50px;
    border: none;
    background-color: #EFEFEE;
    border: none;
  }
  table.smallscreen-responsive tbody td[data-tableheading]:before {
    content: attr(data-tableheading);
    display: block;
    position: relative;
    top: -9px;
    margin-left: -9px;
    margin-right: -9px;
    vertical-align: top;
    text-align: left;
    padding: 0.6em 0.66667em;
    background-color: #D8D8D9;
    white-space: normal;
  }
  table.smallscreen-responsive tbody td:first-child {
    border-top: 1px solid white;
  }
  table.smallscreen-responsive tbody td.hidden-cell {
    display: none;
  }
  table.smallscreen-responsive tbody td br {
    display: none;
  }

  .smallscreen-responsive-table-wrapper {
    margin-bottom: 20px;
    overflow-x: auto;
  }
  .smallscreen-responsive-table-wrapper > table {
    margin-bottom: 10px;
  }

  .new-login-popup, .member-verification-popup {
    top: 30px;
    width: calc(100% - 40px);
    margin: auto;
    padding: 20px;
  }
  .new-login-popup > h2, .member-verification-popup > h2 {
    margin-right: 60px;
  }
  .new-login-popup .close-control, .member-verification-popup .close-control {
    top: 20px;
    right: 20px;
  }
  .new-login-popup form .buttons, .member-verification-popup form .buttons {
    flex-direction: column;
  }
  .new-login-popup form .buttons > div ~ div, .member-verification-popup form .buttons > div ~ div {
    margin-top: 20px;
  }
  .new-login-popup form .button.close:after, .member-verification-popup form .button.close:after,
.new-login-popup form .button.user:after,
.member-verification-popup form .button.user:after,
.new-login-popup form .button.plus:after,
.member-verification-popup form .button.plus:after,
.new-login-popup form .button.arrow-left:after,
.member-verification-popup form .button.arrow-left:after,
.new-login-popup form .button.arrow-right:after,
.member-verification-popup form .button.arrow-right:after,
.new-login-popup form .button.search:after,
.member-verification-popup form .button.search:after {
    height: 100%;
  }
  .new-login-popup form input[type=button], .member-verification-popup form input[type=button],
.new-login-popup form input[type=submit],
.member-verification-popup form input[type=submit] {
    text-align: left;
    white-space: normal;
  }

  footer .main-footer .row {
    display: block;
  }
  footer .sub-footer .site-meta-links {
    text-align: left;
  }
  footer .sub-footer .site-meta-links > li {
    display: block;
  }
  footer .sub-footer .site-meta-links > li a {
    display: inline-block;
  }
}
@media only screen and (max-width: 430px) {
  .membership-join-button, .home-button, .login-button, .log-out-button, .shop-button, .aircraft-ownership-search-button, .manage-my-membership-button {
    background-image: none;
    text-align: center;
    padding: 0 10px;
    min-width: 50px;
  }
}
/* Publications */
.publications-listing {
  overflow: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header .toolbox .mobile-menu-trigger {
    background: url(../images/mobile-menu.svg) no-repeat;
    background-size: 100%;
  }
  header .toolbox .social-links a.facebook {
    background: url(../images/icon-facebook.svg) no-repeat;
    background-size: 100%;
  }
  header .toolbox .social-links a.twitter {
    background: url(../images/icon-twitter.svg) no-repeat;
    background-size: 100%;
  }
  header .toolbox .social-links a.mobile-search-trigger {
    background: url(../images/mobile-search.svg) no-repeat;
    background-size: 100%;
  }

  .custom-block.tags .section-title {
    background: url(../images/icon-tags.svg) no-repeat 20px 2px;
    background-size: 14px;
  }
  .custom-block.tweets .section-title {
    background: url(../images/icon-twitterblue.svg) no-repeat 20px 2px;
    background-size: 18px;
  }

  .button.user:after {
    background: url(../images/button-user.svg) no-repeat 50% 48%;
    background-size: 13px;
  }
  .button.close:after {
    background: url(../images/button-close.svg) no-repeat 50% 48%;
    background-size: 14px;
  }
  .button.plus:after {
    background: url(../images/button-plus.svg) no-repeat 50% 48%;
    background-size: 14px;
  }
  .button.search:after {
    background: url(../images/icon-search.svg) no-repeat 50% 48%;
    background-size: 17px;
  }
  .button.arrow-left:after {
    background: url(../images/icon-prev.svg) no-repeat 50% 48%;
    background-size: 6px;
  }
  .button.arrow-right:after {
    background: url(../images/icon-next.svg) no-repeat 50% 48%;
    background-size: 6px;
  }

  .search-wrapper .search-form input[type=submit].mobile-active {
    background: url(../images/mobile-search.svg) no-repeat;
    background-size: 100%;
  }
}
/* #Print

	Put your print styles here.

*/
/* #Font-face

	This is the proper syntax for an @font-face file
	Just create a "fonts" folder at the root,
	copy your FontName into code below and remove
	comment brackets 

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

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