/* RUI: REA User Interface library - Core - v5.2.1
   Copyright 2016, REA Group */

/*
  *
  * REA Group User Interface Library
  * Reset CSS
  * Reset browser defaults
  * Based on normalize.css
  *
---------------------------------------------------------------------------------------------------------------------------------------------------- */
/**
 * SCSS Colours
 */
/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
/*
* Corrects block display not defined in IE6/7/8/9 & FF3
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block; }

/*
* Corrects inline-block display not defined in IE6/7/8/9 & FF3
*/
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
* Prevents modern browsers from displaying 'audio' without controls
*/
audio:not([controls]) {
  display: none; }

/*
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
* Known issue: no IE6 support
*/
[hidden] {
  display: none; }

/* =============================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
*   http://clagnut.com/blog/348/#c790
* 2. Keeps page centred in all browsers regardless of content height
* 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
*   www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.5;
  background: #fff; }

button,
input,
select,
textarea {
  font-family: "Museo-Sans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #697684; }

/* 
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
*/
::-moz-selection {
  background: #333f48;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #333f48;
  color: #fff;
  text-shadow: none; }

/* =============================================================================
Links
========================================================================== */
/*
* Addresses outline displayed oddly in Chrome
*/
a:focus {
  outline: thin dotted; }

/*
* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test
*/
a:hover,
a:active {
  outline: 0; }

/* =============================================================================
Typography
========================================================================== */
/*
* Addresses styling not present in IE7/8/9, S5, Chrome
*/
abbr[title] {
  border-bottom: 1px dotted; }

/*
* Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
*/
strong {
  font-weight: normal;
  font-family: "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif; }

blockquote {
  margin: 1em 40px; }

/*
* Addresses styling not present in S5, Chrome
*/
dfn {
  font-style: italic; }

/*
* Addresses styling not present in IE6/7/8/9
*/
mark {
  background: #ff0;
  color: #000; }

/*
* Corrects font family set oddly in IE6, S4/5, Chrome
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/*
* Improves readability of pre-formatted text in all browsers
*/
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
* 1. Addresses CSS quotes not supported in IE6/7
* 2. Addresses quote property not supported in S4
*/
/* 1 */
q {
  quotes: none; }

/* 2 */
q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 10px; }

/*
* Prevents sub and sup affecting line-height in all browsers
* gist.github.com/413930
*/
sub,
sup {
  font-size: 10px;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul,
ol {
  margin: 0;
  padding: 0; }

dd {
  margin: 0 0 0 40px; }

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

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
  border-style: none; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/*
* Corrects overflow displayed oddly in IE9 
*/
svg:not(:root) {
  overflow: hidden; }

/*
* Addresses margin not present in IE6/7/8/9, S5, O11
*/
figure {
  margin: 0; }

/*
* Corrects margin displayed oddly in IE6/7
*/
form {
  margin: 0; }

/*
* Define consistent margin and padding
*/
fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
* 1. Corrects color not being inherited in IE6/7/8/9
* 2. Corrects alignment displayed oddly in IE6/7
*/
legend {
  border: 0;
  /* 1 */
  *margin-left: -7px;
  /* 2 */ }

/*
* 1. Corrects font size not being inherited in all browsers
* 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome
* 3. Improves appearance and consistency in all browsers
*/
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
* 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet
* 2. Corrects inner spacing displayed oddly in IE6/7
*/
button,
input {
  line-height: normal;
  /* 1 */
  *overflow: visible;
  /* 2 */ }

/*
* Corrects overlap and whitespace issue for buttons and inputs in IE6/7
* Known issue: reintroduces inner spacing
*/
table button,
table input {
  *overflow: auto; }

/*
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
* 2. Corrects inability to style clickable 'input' types in iOS
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */ }

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

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

/*
* Corrects inner padding displayed oddly in S5, Chrome on OSX
*/
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
* Corrects inner padding and border displayed oddly in FF3/4
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
* 1. Removes default vertical scrollbar in IE6/7/8/9
* 2. Improves 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; }

th {
  text-align: left; }

th,
td {
  vertical-align: baseline; }

/*
  *
  * REA Group User Interface Library
  * Utility CSS
  * General helper styles
  *
  ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Indenting text (eg: hiding the text in browser) */
.rui-text-indent {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block; }

/* For image replacement */
.rui-image-replacement {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

/* For image replacement
 *
 * TODO: Which one is which clown ????
 *
 */
.rui-image-replacement {
  content: "";
  display: block;
  width: 0;
  height: 100%; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.rui-hidden {
  display: none !important;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.rui-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.rui-visuallyhidden.focusable:active,
.rui-visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.rui-invisible {
  visibility: hidden; }

/* The epic clearfix for clearing container of floats - new and improved courtesy of http://nicolasgallagher.com/micro-clearfix-hack/ */
/* For modern browsers */
.rui-clearfix:before,
.rui-clearfix:after {
  content: " ";
  display: table; }

.rui-clearfix:after {
  clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.rui-clearfix {
  *zoom: 1; }

/* For clearing floats with an element so it takes up zero space*/
.rui-clearboth {
  border: none;
  clear: both;
  display: block;
  float: none;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  margin: 0;
  padding: 0; }

/* When you just want to clear stuff */
.rui-clear {
  clear: both; }

/* for when you want to truncate elegantly with .... */
.rui-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: block; }

.rui-loading {
  background: #A4A4A4 url("//s1.rui.au.reastatic.net/rui-static/img/loading_scroll.gif") no-repeat 50% 50%;
  background-size: 30px 30px; }

/* 
 *
 * REA Group User Interface Library
 * Grids CSS
 *
 */
/*
 *
 * REA STANDARD 2 COLUMN GRID
 * 1010px wide minimum
 * ASSUMPTION: Two Column layout
 * 680px responsive on the left (minimum)
 * 300px fixed on the right (suit IAB standard ad units)
 *
---------------------------------------------------------------- */
/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
/* Default is responsive but centered at a max width of 1010px */
.rui-grid {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1110px; }
  @media only screen and (max-width: 480px) {
    .rui-grid.rui-grid-mobile-bleed {
      padding: 0; } }

/* Make site non-responsive and fixed width, or when the browser wont resize gracefully (IE < 8) */
.rui-grid-fixed,
.no-boxsizing .rui-grid {
  width: 1110px; }

/* Primary column which is 680px wide and responsive */
.rui-grid {
  /* Secondary column is not responsive. Fixed at 300px wide */ }
  .rui-grid .rui-grid-primary {
    margin-right: -300px;
    width: 100%;
    float: left;
    display: block;
    padding-right: 330px;
    box-sizing: border-box; }
  .rui-grid .rui-grid-secondary {
    width: 300px;
    float: left;
    display: block; }

@media only screen and (max-width: 800px) {
  .rui-responsive .rui-grid .rui-grid-primary, .rui-responsive .rui-grid .rui-grid-secondary {
    margin: 0 0 5% 0;
    padding: 0;
    float: none;
    width: 100%; } }

/* IE support: Doesn't need responsive so don't do it! */
.no-boxsizing .rui-grid .rui-grid-primary {
  margin-right: 0;
  width: 680px;
  padding-right: 0; }

.no-boxsizing .rui-grid .rui-grid-secondary {
  margin-left: 30px; }

.rui-column {
  float: left;
  box-sizing: border-box; }

/*
 * FULLY RESPONSIVE GRID
 *
 ---------------------------------------------------------------- */
.rui-grid {
  /* Specific class if you wish to support browsers that don't support first-of-type */
  /* iPad and below switches to 2 column layout */
  /* Mobile device switches to 1 column layout */ }
  .rui-grid .rui-grid-column {
    float: left;
    box-sizing: border-box;
    margin: 0 0 5% 5%; }
  .rui-grid .rui-grid-fifth {
    width: 16%; }
  .rui-grid .rui-grid-four-fifths {
    width: 79%; }
  .rui-grid .rui-grid-quarter {
    width: 21.25%; }
  .rui-grid .rui-grid-three-quarters {
    width: 73.75%; }
  .rui-grid .rui-grid-third {
    width: 30%; }
  .rui-grid .rui-grid-two-thirds {
    width: 65%; }
  .rui-grid .rui-grid-half {
    width: 47.5%; }
  .rui-grid .rui-grid-column.first,
  .rui-grid .rui-grid-column:first-of-type {
    margin-left: 0; }
  @media (max-width: 767px) {
    .rui-grid {
      /* Only works for IE9+ */ }
      .rui-grid .rui-grid-column {
        width: 47.5%; }
      .rui-grid .rui-grid-column:nth-of-type(odd) {
        margin-left: 0; } }
  @media (max-width: 560px) {
    .rui-grid .rui-grid-column {
      float: none;
      width: auto;
      margin-left: 0; } }

/*
 *
 * REA Group User Interface Library
 * Grids CSS
 *
 */
/*
 *
 * REA STANDARD 2 rui-colUMN GRID
 * 1010px wide minimum
 * ASSUMPTION: Two rui-column layout
 * 680px responsive on the left (minimum)
 * 300px fixed on the right (suit IAB standard ad units)
 *
---------------------------------------------------------------- */
/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
/* NOTE: Uses rui-grid from rui-grid.scss */
/*
 * ADVANCED FULLY RESPONSIVE GRID
 *
 ---------------------------------------------------------------- */
.rui-grid-advanced {
  margin: 0 15px; }

.rui-grid-advanced * {
  box-sizing: border-box; }

.rui-grid-row {
  margin-right: -15px;
  margin-left: -15px; }

.rui-grid-row:before,
.rui-grid-row:after {
  display: table;
  content: " "; }

.rui-grid-row:after {
  clear: both; }

.rui-grid-advanced-mobile-bleed.rui-grid-advanced {
  margin: 0; }
  .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-1, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-sm-1, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-md-1, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-lg-1, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-2, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-sm-2, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-md-2, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-lg-2, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-3, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-sm-3, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-md-3, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-lg-3, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-4, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-sm-4, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-md-4, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-lg-4, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-5, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-sm-5, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-md-5, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-lg-5, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-6, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-sm-6, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-md-6, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-lg-6, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-7, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-sm-7, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-md-7, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-lg-7, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-8, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-sm-8, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-md-8, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-lg-8, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-9, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-sm-9, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-md-9, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-lg-9, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-10, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-sm-10, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-md-10, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-lg-10, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-11, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-sm-11, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-md-11, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-lg-11, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-12, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-sm-12, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-md-12, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-lg-12 {
    padding: 0; }

.rui-grid-advanced-mobile-bleed .rui-grid-row {
  margin: 0; }

@media (min-width: 800px) {
  .rui-grid-advanced-mobile-bleed.rui-grid-advanced {
    margin: 0 15px; }
    .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-1, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-2, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-3, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-4, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-5, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-6, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-7, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-8, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-9, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-10, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-11, .rui-grid-advanced-mobile-bleed.rui-grid-advanced .rui-col-xs-12 {
      padding: 0 15px; }
  .rui-grid-advanced-mobile-bleed .rui-grid-row {
    margin: 0 -15px; } }

.rui-col-xs-1, .rui-col-sm-1, .rui-col-md-1, .rui-col-lg-1, .rui-col-xs-2, .rui-col-sm-2, .rui-col-md-2, .rui-col-lg-2, .rui-col-xs-3, .rui-col-sm-3, .rui-col-md-3, .rui-col-lg-3, .rui-col-xs-4, .rui-col-sm-4, .rui-col-md-4, .rui-col-lg-4, .rui-col-xs-5, .rui-col-sm-5, .rui-col-md-5, .rui-col-lg-5, .rui-col-xs-6, .rui-col-sm-6, .rui-col-md-6, .rui-col-lg-6, .rui-col-xs-7, .rui-col-sm-7, .rui-col-md-7, .rui-col-lg-7, .rui-col-xs-8, .rui-col-sm-8, .rui-col-md-8, .rui-col-lg-8, .rui-col-xs-9, .rui-col-sm-9, .rui-col-md-9, .rui-col-lg-9, .rui-col-xs-10, .rui-col-sm-10, .rui-col-md-10, .rui-col-lg-10, .rui-col-xs-11, .rui-col-sm-11, .rui-col-md-11, .rui-col-lg-11, .rui-col-xs-12, .rui-col-sm-12, .rui-col-md-12, .rui-col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.rui-col-xs-1, .rui-col-xs-2, .rui-col-xs-3, .rui-col-xs-4, .rui-col-xs-5, .rui-col-xs-6, .rui-col-xs-7, .rui-col-xs-8, .rui-col-xs-9, .rui-col-xs-10, .rui-col-xs-11, .rui-col-xs-12 {
  float: left; }

.rui-col-xs-12 {
  width: 100%; }

.rui-col-xs-11 {
  width: 91.66666667%; }

.rui-col-xs-10 {
  width: 83.33333333%; }

.rui-col-xs-9 {
  width: 75%; }

.rui-col-xs-8 {
  width: 66.66666667%; }

.rui-col-xs-7 {
  width: 58.33333333%; }

.rui-col-xs-6 {
  width: 50%; }

.rui-col-xs-5 {
  width: 41.66666667%; }

.rui-col-xs-4 {
  width: 33.33333333%; }

.rui-col-xs-3 {
  width: 25%; }

.rui-col-xs-2 {
  width: 16.66666667%; }

.rui-col-xs-1 {
  width: 8.33333333%; }

.rui-col-xs-pull-12 {
  right: 100%; }

.rui-col-xs-pull-11 {
  right: 91.66666667%; }

.rui-col-xs-pull-10 {
  right: 83.33333333%; }

.rui-col-xs-pull-9 {
  right: 75%; }

.rui-col-xs-pull-8 {
  right: 66.66666667%; }

.rui-col-xs-pull-7 {
  right: 58.33333333%; }

.rui-col-xs-pull-6 {
  right: 50%; }

.rui-col-xs-pull-5 {
  right: 41.66666667%; }

.rui-col-xs-pull-4 {
  right: 33.33333333%; }

.rui-col-xs-pull-3 {
  right: 25%; }

.rui-col-xs-pull-2 {
  right: 16.66666667%; }

.rui-col-xs-pull-1 {
  right: 8.33333333%; }

.rui-col-xs-pull-0 {
  right: auto; }

.rui-col-xs-push-12 {
  left: 100%; }

.rui-col-xs-push-11 {
  left: 91.66666667%; }

.rui-col-xs-push-10 {
  left: 83.33333333%; }

.rui-col-xs-push-9 {
  left: 75%; }

.rui-col-xs-push-8 {
  left: 66.66666667%; }

.rui-col-xs-push-7 {
  left: 58.33333333%; }

.rui-col-xs-push-6 {
  left: 50%; }

.rui-col-xs-push-5 {
  left: 41.66666667%; }

.rui-col-xs-push-4 {
  left: 33.33333333%; }

.rui-col-xs-push-3 {
  left: 25%; }

.rui-col-xs-push-2 {
  left: 16.66666667%; }

.rui-col-xs-push-1 {
  left: 8.33333333%; }

.rui-col-xs-push-0 {
  left: auto; }

.rui-col-xs-offset-12 {
  margin-left: 100%; }

.rui-col-xs-offset-11 {
  margin-left: 91.66666667%; }

.rui-col-xs-offset-10 {
  margin-left: 83.33333333%; }

.rui-col-xs-offset-9 {
  margin-left: 75%; }

.rui-col-xs-offset-8 {
  margin-left: 66.66666667%; }

.rui-col-xs-offset-7 {
  margin-left: 58.33333333%; }

.rui-col-xs-offset-6 {
  margin-left: 50%; }

.rui-col-xs-offset-5 {
  margin-left: 41.66666667%; }

.rui-col-xs-offset-4 {
  margin-left: 33.33333333%; }

.rui-col-xs-offset-3 {
  margin-left: 25%; }

.rui-col-xs-offset-2 {
  margin-left: 16.66666667%; }

.rui-col-xs-offset-1 {
  margin-left: 8.33333333%; }

.rui-col-xs-offset-0 {
  margin-left: 0; }

@media (min-width: 800px) {
  .rui-col-sm-1, .rui-col-sm-2, .rui-col-sm-3, .rui-col-sm-4, .rui-col-sm-5, .rui-col-sm-6, .rui-col-sm-7, .rui-col-sm-8, .rui-col-sm-9, .rui-col-sm-10, .rui-col-sm-11, .rui-col-sm-12 {
    float: left; }
  .rui-col-sm-12 {
    width: 100%; }
  .rui-col-sm-11 {
    width: 91.66666667%; }
  .rui-col-sm-10 {
    width: 83.33333333%; }
  .rui-col-sm-9 {
    width: 75%; }
  .rui-col-sm-8 {
    width: 66.66666667%; }
  .rui-col-sm-7 {
    width: 58.33333333%; }
  .rui-col-sm-6 {
    width: 50%; }
  .rui-col-sm-5 {
    width: 41.66666667%; }
  .rui-col-sm-4 {
    width: 33.33333333%; }
  .rui-col-sm-3 {
    width: 25%; }
  .rui-col-sm-2 {
    width: 16.66666667%; }
  .rui-col-sm-1 {
    width: 8.33333333%; }
  .rui-col-sm-pull-12 {
    right: 100%; }
  .rui-col-sm-pull-11 {
    right: 91.66666667%; }
  .rui-col-sm-pull-10 {
    right: 83.33333333%; }
  .rui-col-sm-pull-9 {
    right: 75%; }
  .rui-col-sm-pull-8 {
    right: 66.66666667%; }
  .rui-col-sm-pull-7 {
    right: 58.33333333%; }
  .rui-col-sm-pull-6 {
    right: 50%; }
  .rui-col-sm-pull-5 {
    right: 41.66666667%; }
  .rui-col-sm-pull-4 {
    right: 33.33333333%; }
  .rui-col-sm-pull-3 {
    right: 25%; }
  .rui-col-sm-pull-2 {
    right: 16.66666667%; }
  .rui-col-sm-pull-1 {
    right: 8.33333333%; }
  .rui-col-sm-pull-0 {
    right: auto; }
  .rui-col-sm-push-12 {
    left: 100%; }
  .rui-col-sm-push-11 {
    left: 91.66666667%; }
  .rui-col-sm-push-10 {
    left: 83.33333333%; }
  .rui-col-sm-push-9 {
    left: 75%; }
  .rui-col-sm-push-8 {
    left: 66.66666667%; }
  .rui-col-sm-push-7 {
    left: 58.33333333%; }
  .rui-col-sm-push-6 {
    left: 50%; }
  .rui-col-sm-push-5 {
    left: 41.66666667%; }
  .rui-col-sm-push-4 {
    left: 33.33333333%; }
  .rui-col-sm-push-3 {
    left: 25%; }
  .rui-col-sm-push-2 {
    left: 16.66666667%; }
  .rui-col-sm-push-1 {
    left: 8.33333333%; }
  .rui-col-sm-push-0 {
    left: auto; }
  .rui-col-sm-offset-12 {
    margin-left: 100%; }
  .rui-col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .rui-col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .rui-col-sm-offset-9 {
    margin-left: 75%; }
  .rui-col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .rui-col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .rui-col-sm-offset-6 {
    margin-left: 50%; }
  .rui-col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .rui-col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .rui-col-sm-offset-3 {
    margin-left: 25%; }
  .rui-col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .rui-col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .rui-col-sm-offset-0 {
    margin-left: 0; } }

@media (min-width: 1140px) {
  .rui-col-md-1, .rui-col-md-2, .rui-col-md-3, .rui-col-md-4, .rui-col-md-5, .rui-col-md-6, .rui-col-md-7, .rui-col-md-8, .rui-col-md-9, .rui-col-md-10, .rui-col-md-11, .rui-col-md-12 {
    float: left; }
  .rui-col-md-12 {
    width: 100%; }
  .rui-col-md-11 {
    width: 91.66666667%; }
  .rui-col-md-10 {
    width: 83.33333333%; }
  .rui-col-md-9 {
    width: 75%; }
  .rui-col-md-8 {
    width: 66.66666667%; }
  .rui-col-md-7 {
    width: 58.33333333%; }
  .rui-col-md-6 {
    width: 50%; }
  .rui-col-md-5 {
    width: 41.66666667%; }
  .rui-col-md-4 {
    width: 33.33333333%; }
  .rui-col-md-3 {
    width: 25%; }
  .rui-col-md-2 {
    width: 16.66666667%; }
  .rui-col-md-1 {
    width: 8.33333333%; }
  .rui-col-md-pull-12 {
    right: 100%; }
  .rui-col-md-pull-11 {
    right: 91.66666667%; }
  .rui-col-md-pull-10 {
    right: 83.33333333%; }
  .rui-col-md-pull-9 {
    right: 75%; }
  .rui-col-md-pull-8 {
    right: 66.66666667%; }
  .rui-col-md-pull-7 {
    right: 58.33333333%; }
  .rui-col-md-pull-6 {
    right: 50%; }
  .rui-col-md-pull-5 {
    right: 41.66666667%; }
  .rui-col-md-pull-4 {
    right: 33.33333333%; }
  .rui-col-md-pull-3 {
    right: 25%; }
  .rui-col-md-pull-2 {
    right: 16.66666667%; }
  .rui-col-md-pull-1 {
    right: 8.33333333%; }
  .rui-col-md-pull-0 {
    right: auto; }
  .rui-col-md-push-12 {
    left: 100%; }
  .rui-col-md-push-11 {
    left: 91.66666667%; }
  .rui-col-md-push-10 {
    left: 83.33333333%; }
  .rui-col-md-push-9 {
    left: 75%; }
  .rui-col-md-push-8 {
    left: 66.66666667%; }
  .rui-col-md-push-7 {
    left: 58.33333333%; }
  .rui-col-md-push-6 {
    left: 50%; }
  .rui-col-md-push-5 {
    left: 41.66666667%; }
  .rui-col-md-push-4 {
    left: 33.33333333%; }
  .rui-col-md-push-3 {
    left: 25%; }
  .rui-col-md-push-2 {
    left: 16.66666667%; }
  .rui-col-md-push-1 {
    left: 8.33333333%; }
  .rui-col-md-push-0 {
    left: auto; }
  .rui-col-md-offset-12 {
    margin-left: 100%; }
  .rui-col-md-offset-11 {
    margin-left: 91.66666667%; }
  .rui-col-md-offset-10 {
    margin-left: 83.33333333%; }
  .rui-col-md-offset-9 {
    margin-left: 75%; }
  .rui-col-md-offset-8 {
    margin-left: 66.66666667%; }
  .rui-col-md-offset-7 {
    margin-left: 58.33333333%; }
  .rui-col-md-offset-6 {
    margin-left: 50%; }
  .rui-col-md-offset-5 {
    margin-left: 41.66666667%; }
  .rui-col-md-offset-4 {
    margin-left: 33.33333333%; }
  .rui-col-md-offset-3 {
    margin-left: 25%; }
  .rui-col-md-offset-2 {
    margin-left: 16.66666667%; }
  .rui-col-md-offset-1 {
    margin-left: 8.33333333%; }
  .rui-col-md-offset-0 {
    margin-left: 0; } }

@media (min-width: 1200px) {
  .rui-col-lg-1, .rui-col-lg-2, .rui-col-lg-3, .rui-col-lg-4, .rui-col-lg-5, .rui-col-lg-6, .rui-col-lg-7, .rui-col-lg-8, .rui-col-lg-9, .rui-col-lg-10, .rui-col-lg-11, .rui-col-lg-12 {
    float: left; }
  .rui-col-lg-12 {
    width: 100%; }
  .rui-col-lg-11 {
    width: 91.66666667%; }
  .rui-col-lg-10 {
    width: 83.33333333%; }
  .rui-col-lg-9 {
    width: 75%; }
  .rui-col-lg-8 {
    width: 66.66666667%; }
  .rui-col-lg-7 {
    width: 58.33333333%; }
  .rui-col-lg-6 {
    width: 50%; }
  .rui-col-lg-5 {
    width: 41.66666667%; }
  .rui-col-lg-4 {
    width: 33.33333333%; }
  .rui-col-lg-3 {
    width: 25%; }
  .rui-col-lg-2 {
    width: 16.66666667%; }
  .rui-col-lg-1 {
    width: 8.33333333%; }
  .rui-col-lg-pull-12 {
    right: 100%; }
  .rui-col-lg-pull-11 {
    right: 91.66666667%; }
  .rui-col-lg-pull-10 {
    right: 83.33333333%; }
  .rui-col-lg-pull-9 {
    right: 75%; }
  .rui-col-lg-pull-8 {
    right: 66.66666667%; }
  .rui-col-lg-pull-7 {
    right: 58.33333333%; }
  .rui-col-lg-pull-6 {
    right: 50%; }
  .rui-col-lg-pull-5 {
    right: 41.66666667%; }
  .rui-col-lg-pull-4 {
    right: 33.33333333%; }
  .rui-col-lg-pull-3 {
    right: 25%; }
  .rui-col-lg-pull-2 {
    right: 16.66666667%; }
  .rui-col-lg-pull-1 {
    right: 8.33333333%; }
  .rui-col-lg-pull-0 {
    right: auto; }
  .rui-col-lg-push-12 {
    left: 100%; }
  .rui-col-lg-push-11 {
    left: 91.66666667%; }
  .rui-col-lg-push-10 {
    left: 83.33333333%; }
  .rui-col-lg-push-9 {
    left: 75%; }
  .rui-col-lg-push-8 {
    left: 66.66666667%; }
  .rui-col-lg-push-7 {
    left: 58.33333333%; }
  .rui-col-lg-push-6 {
    left: 50%; }
  .rui-col-lg-push-5 {
    left: 41.66666667%; }
  .rui-col-lg-push-4 {
    left: 33.33333333%; }
  .rui-col-lg-push-3 {
    left: 25%; }
  .rui-col-lg-push-2 {
    left: 16.66666667%; }
  .rui-col-lg-push-1 {
    left: 8.33333333%; }
  .rui-col-lg-push-0 {
    left: auto; }
  .rui-col-lg-offset-12 {
    margin-left: 100%; }
  .rui-col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .rui-col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .rui-col-lg-offset-9 {
    margin-left: 75%; }
  .rui-col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .rui-col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .rui-col-lg-offset-6 {
    margin-left: 50%; }
  .rui-col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .rui-col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .rui-col-lg-offset-3 {
    margin-left: 25%; }
  .rui-col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .rui-col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .rui-col-lg-offset-0 {
    margin-left: 0; } }

/*
   REA brand font - Museo Sans

   Bulletproof font face http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
   http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

*/
/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
/* Museo Sans 300 (san serif font) */
@font-face {
  font-family: 'Museo-Sans-300';
  src: url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-300-v1.eot");
  src: url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-300-v1.eot?#iefix") format("embedded-opentype"), url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-300-v1.woff") format("woff"), url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-300-v1.ttf") format("truetype"), url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-300-v1.svg#Museo-Sans-300") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Museo Sans 500 (san serif font) */
@font-face {
  font-family: 'Museo-Sans-500';
  src: url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-500-v1.eot");
  src: url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-500-v1.eot?#iefix") format("embedded-opentype"), url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-500-v1.woff") format("woff"), url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-500-v1.ttf") format("truetype"), url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-500-v1.svg#Museo-Sans-500") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Museo Sans 700 (san serif font) */
@font-face {
  font-family: 'Museo-Sans-700';
  src: url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-700-v2.eot");
  src: url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-700-v2.eot?#iefix") format("embedded-opentype"), url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-700-v2.woff") format("woff"), url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-700-v2.ttf") format("truetype"), url("//s1.rui.au.reastatic.net/rui-static/font/museo-sans-700-v2.svg#Museo-Sans-700") format("svg");
  font-weight: normal;
  font-style: normal; }

/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
/* Home pages, micro sites */
.rui-main-logo {
  margin-bottom: 24px;
  height: 55px;
  width: 310px;
  /* On the Mobile sites, center the logo */ }
  @media only screen and (max-width: 800px) {
    .rui-main-logo {
      margin-left: auto;
      margin-right: auto;
      display: block;
      float: none; } }

.rui-rea-logo.rui-main-logo {
  background-size: 310px 55px; }

.rui-rca .rui-main-logo {
  height: 50px;
  width: 350px; }

.rui-rca .rui-rca-logo.rui-main-logo {
  background-size: 350px 50px; }

/* Used next to a leaderboard or when it needs to be smaller */
.rui-secondary-logo {
  float: left;
  margin: 30px 0 24px;
  width: 232px;
  height: 42px;
  background-size: 232px 42px; }

/* Fill the space available when it is embedded */
.rui-main-logo img,
.rui-secondary-logo img {
  width: 100%; }

/* RUI Icon font via iconmoon */
@font-face {
  font-family: 'rui-icon';
  src: url("//s1.rui.au.reastatic.net/rui-static/font/icons/2.1/rui-icon.eot");
  src: url("//s1.rui.au.reastatic.net/rui-static/font/icons/2.1/rui-icon.eot?#iefix") format("embedded-opentype"), url("//s1.rui.au.reastatic.net/rui-static/font/icons/2.1/rui-icon.woff") format("woff"), url("//s1.rui.au.reastatic.net/rui-static/font/icons/2.1/rui-icon.ttf") format("truetype"), url("//s1.rui.au.reastatic.net/rui-static/font/icons/2.1/rui-icon.svg#rui-icon") format("svg");
  font-weight: normal;
  font-style: normal; }

.rui-icon:before {
  font-family: 'rui-icon';
  content: attr(data-icon);
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.rui-icon-touch {
  position: relative; }
  .rui-icon-touch:after {
    content: " ";
    height: 48px;
    width: 48px;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    margin-left: -15px;
    margin-top: -15px; }

/* Add this class if you append your icon to a node to place the icon on the left and add spacing */
.rui-icon-left:before {
  margin-right: 0.25em; }

/* Use the following CSS code if you want to have a class per icon */
.rui-icon-arrow-down-small:before {
  content: "\e905"; }

.rui-icon-arrow-left-small:before {
  content: "\e906"; }

.rui-icon-arrow-right-small:before {
  content: "\e907"; }

.rui-icon-arrow-up-small:before {
  content: "\e908"; }

.rui-icon-back-small:before {
  content: "\e909"; }

.rui-icon-forward-small:before {
  content: "\e90a"; }

.rui-icon-video:before {
  content: "\e90b"; }

.rui-icon-search-small:before {
  content: "\e900"; }

.rui-icon-multi-user-small:before {
  content: "\e901"; }

.rui-icon-3d-tour-outline:before {
  content: "\e902"; }

.rui-icon-check-on:before {
  content: "\e903"; }

.rui-icon-check-off:before {
  content: "\e904"; }

.rui-icon-bed-small:before {
  content: "\e601"; }

.rui-icon-bath-small:before {
  content: "\e602"; }

.rui-icon-car-small:before {
  content: "\e603"; }

.rui-icon-save-hollow-small:before {
  content: "\e604"; }

.rui-icon-save-small:before {
  content: "\e605"; }

.rui-icon-3d-tour:before {
  content: "\e606"; }

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

.rui-icon-multi-user2:before {
  content: "\e609"; }

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

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

.rui-icon-multi-device:before {
  content: "\e60c"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.rui-icon-save:before {
  content: "\e024"; }

.rui-icon-save-hollow:before {
  content: "\e000"; }

.rui-icon-user-on:before {
  content: "\e001"; }

.rui-icon-user-off:before {
  content: "\e002"; }

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

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

.rui-icon-github:before {
  content: "\e013"; }

.rui-icon-multi-user:before {
  content: "\e014"; }

.rui-icon-quotes:before {
  content: "\e016"; }

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

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

.rui-icon-add:before {
  content: "\e029"; }

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

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

.rui-icon-call:before {
  content: "\e02c"; }

.rui-icon-floorplan:before {
  content: "\e02d"; }

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

.rui-icon-twitter:before {
  content: "\e02f"; }

.rui-icon-pinterest:before {
  content: "\e030"; }

.rui-icon-warning:before {
  content: "\e008"; }

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

.rui-icon-link:before {
  content: "\e00a"; }

.rui-icon-navdeck:before {
  content: "\e00b"; }

.rui-icon-video-camera:before {
  content: "\e00c"; }

.rui-icon-linkedin:before {
  content: "\e00d"; }

.rui-icon-googleplus:before {
  content: "\e019"; }

.rui-icon-avatar:before {
  content: "\e01a"; }

.rui-icon-listview:before {
  content: "\e01b"; }

.rui-icon-arrow-solid-up:before {
  content: "\e01c"; }

.rui-icon-arrow-solid-left:before {
  content: "\e01d"; }

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

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

.rui-icon-bed:before {
  content: "\e021"; }

.rui-icon-bath:before {
  content: "\e022"; }

.rui-icon-car:before {
  content: "\e023"; }

.rui-icon-mappin:before {
  content: "\e025"; }

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

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

.rui-icon-image:before {
  content: "\e004"; }

.rui-icon-tags:before {
  content: "\e005"; }

.rui-icon-iphone:before {
  content: "\e006"; }

.rui-icon-ipad:before {
  content: "\e007"; }

.rui-icon-camera:before {
  content: "\e00e"; }

.rui-icon-rss:before {
  content: "\e00f"; }

.rui-icon-comments:before {
  content: "\e010"; }

.rui-icon-calculator:before {
  content: "\e032"; }

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

.rui-icon-tick:before {
  content: "\e039"; }

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

.rui-icon-youtube:before {
  content: "\e046"; }

.rui-icon-email:before {
  content: "\e020"; }

.rui-icon-arrow-solid-right:before {
  content: "\e027"; }

.rui-icon-arrow-solid-down:before {
  content: "\e028"; }

.rui-icon-share:before {
  content: "\e031"; }

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

.rui-icon-dollar:before {
  content: "\e033"; }

.rui-icon-wordpress:before {
  content: "\e034"; }

/* 
  *  REA Group User Interface Library
  *  Typography CSS
  *  Fonts, headings, copy
  *
  ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
/* Base font size of 1em based on 16px default font size
 *
 * To acheive a certain pixel height use the following:
 *
 *  11px => 0.689
 *  12px => 0.750
 *  13px => 0.814
 *  14px => 0.875
 *  15px => 0.938
 *  16px => 1.000
 *  17px => 1.064
 *  18px => 1.125
 *  19px => 1.188
 *  20px => 1.250
 *  21px => 1.313
 *  22px => 1.375
 *  23px => 1.438
 *  24px => 1.500
 *  25px => 1.563
 *  26px => 1.625
 *  27px => 1.688
 *  28px => 1.750
 *  29px => 1.813
 *  30px => 1.875
 */
body {
  font-family: "Museo-Sans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333f48;
  font-weight: normal; }

/* Set treatment for links REA red */
a,
a:visited {
  color: #e4002b; }

a {
  text-decoration: underline; }

a:hover {
  text-decoration: none; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #333f48; }

/* As we move away from Alwyn/Museo Slab we still have the option to brand parts of the site */
h1.rui-brand-heading,
h2.rui-brand-heading,
h3.rui-brand-heading {
  font-family: "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }

h1 {
  font-size: 1.5em;
  /* 24px */ }

h2 {
  font-size: 1.375em;
  /* 22px */ }

h3 {
  font-size: 1.125em;
  /* 18px */ }

h4 {
  font-size: 1em;
  /* 16px */ }

h5 {
  font-size: 0.875em;
  /* 14px */ }

h6 {
  font-size: 0.814em;
  /* 13px */ }

/*
 *
 * LISTS
 * Sure, by default lists (li) have padding and stuff but everyone hates it.
  ---------------------------------------------------------------------------------------------------------------------------------------------------- */
ul, ol {
  list-style: none; }

/* If you want a list with padding and bullets etc, you have to ask for it */
.rui-list {
  margin: 0 0 30px 20px; }

ul.rui-list {
  list-style-type: disc; }

ol.rui-list {
  list-style-type: decimal; }

.rui-list-inline {
  margin-bottom: 30px; }

.rui-list-inline li {
  display: inline;
  margin-right: 20px; }

/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
.rui-social {
  position: relative;
  display: inline-block;
  color: #697684;
  color: rgba(105, 118, 132, 0.8); }
  .rui-social > .rui-icon {
    background: #fff;
    color: #697684;
    color: rgba(105, 118, 132, 0.8);
    cursor: pointer;
    height: 52px;
    width: 54px;
    font-size: 22px;
    text-decoration: none;
    display: block;
    border: none;
    box-sizing: content-box;
    transition: color 0.3s ease;
    border-radius: 4px;
    padding: 0; }
    .rui-social > .rui-icon[data-show-counter=true] {
      width: 64px; }
    .rui-social > .rui-icon:hover {
      color: #0084FF;
      background: #edf0f2; }
    .rui-social > .rui-icon:before, .rui-social > .rui-icon.icon-url span {
      display: block;
      line-height: 52px;
      text-align: center;
      width: 100%; }
    .rui-social > .rui-icon.icon-url {
      font-family: "Museo-Sans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
      background: #edf0f2;
      padding: 0 1em; }
      @media only screen and (max-width: 880px) {
        .rui-responsive .rui-social > .rui-icon.icon-url {
          padding: 0;
          width: auto; }
          .rui-responsive .rui-social > .rui-icon.icon-url:before {
            content: "URL";
            font-weight: bold; }
          .rui-responsive .rui-social > .rui-icon.icon-url span {
            display: none; } }
      .rui-social > .rui-icon.icon-url:hover {
        text-decoration: underline; }
  .rui-social .rui-share-counter {
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    text-align: right;
    bottom: 13%;
    right: 10%; }

.rui-social-container {
  display: block;
  -webkit-transition: opacity .2s ease-out;
  opacity: 0;
  height: 0;
  overflow: hidden; }
  .is-visible .rui-social-container {
    left: 0;
    opacity: 1;
    height: auto;
    transition-delay: 0s;
    position: absolute;
    z-index: 99;
    background: #fff;
    padding: 0 4px 4px 4px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 0 0 4px 4px; }

.rui-social-list {
  position: relative;
  float: left;
  text-align: center;
  padding: 4px;
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 4px; }
  .rui-social-list > .rui-social:only-of-type {
    cursor: pointer; }
  .rui-social-list .rui-social {
    display: block; }
    .rui-social-list .rui-social > .rui-icon {
      margin: auto; }
    .rui-social-list .rui-social:last-child {
      margin-bottom: 0; }
    .rui-social-list .rui-social.rui-social-title {
      font-family: "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 52px; }

.rui-social-list-inline {
  display: inline-block; }
  .rui-social-list-inline .rui-social {
    float: left;
    margin-right: 10px;
    line-height: 40px; }
    .rui-social-list-inline .rui-social .rui-icon:before {
      line-height: 40px; }
    .rui-social-list-inline .rui-social > .rui-icon {
      width: 42px;
      height: 40px;
      font-size: 19px; }
      .rui-social-list-inline .rui-social > .rui-icon.icon-url {
        font-size: 14px;
        margin-right: 24px;
        max-width: 180px;
        width: auto; }
        .rui-social-list-inline .rui-social > .rui-icon.icon-url span {
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          line-height: 40px; }
        @media only screen and (max-width: 880px) {
          .rui-responsive .rui-social-list-inline .rui-social > .rui-icon.icon-url {
            font-size: 13px;
            margin-right: 10px;
            width: 42px;
            background: #fff; }
            .rui-responsive .rui-social-list-inline .rui-social > .rui-icon.icon-url span {
              display: none; } }
      .rui-social-list-inline .rui-social > .rui-icon[data-show-counter=true] {
        width: 52px; }
    .rui-social-list-inline .rui-social:last-child {
      margin-right: 0; }
  .rui-social-list-inline .rui-social-title {
    margin-right: 30px;
    color: rgba(105, 118, 132, 0.8); }
    .rui-social-list-inline .rui-social-title a {
      color: rgba(105, 118, 132, 0.8); }
    @media only screen and (max-width: 800px) {
      .rui-responsive .rui-social-list-inline .rui-social-title {
        font-size: 16px;
        color: #333f48;
        margin-bottom: 4px;
        text-align: center;
        display: block;
        float: none;
        margin-right: 0; } }

/*
 *
 * REA Group User Interface Library
 * Basic REA Boilerplate
 * REA Site navigation
 *
  ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
@-webkit-keyframes $animationName {
  0% {
    opacity: 1;
    left: 15px;
    margin-left: 0;
    top: 34px;
    width: 232px; }
  20% {
    left: 15px;
    margin-left: 0;
    opacity: 0;
    top: 34px;
    width: 232px; }
  21% {
    opacity: 0;
    left: 50%;
    margin-left: -78px;
    top: 20px;
    width: 156px; }
  100% {
    left: 50%;
    margin-left: -78px;
    opacity: 1;
    top: 20px; } }

@-moz-keyframes $animationName {
  0% {
    opacity: 1;
    left: 15px;
    margin-left: 0;
    top: 34px;
    width: 232px; }
  20% {
    left: 15px;
    margin-left: 0;
    opacity: 0;
    top: 34px;
    width: 232px; }
  21% {
    opacity: 0;
    left: 50%;
    margin-left: -78px;
    top: 20px;
    width: 156px; }
  100% {
    left: 50%;
    margin-left: -78px;
    opacity: 1;
    top: 20px; } }

@-o-keyframes $animationName {
  0% {
    opacity: 1;
    left: 15px;
    margin-left: 0;
    top: 34px;
    width: 232px; }
  20% {
    left: 15px;
    margin-left: 0;
    opacity: 0;
    top: 34px;
    width: 232px; }
  21% {
    opacity: 0;
    left: 50%;
    margin-left: -78px;
    top: 20px;
    width: 156px; }
  100% {
    left: 50%;
    margin-left: -78px;
    opacity: 1;
    top: 20px; } }

@keyframes $animationName {
  0% {
    opacity: 1;
    left: 15px;
    margin-left: 0;
    top: 34px;
    width: 232px; }
  20% {
    left: 15px;
    margin-left: 0;
    opacity: 0;
    top: 34px;
    width: 232px; }
  21% {
    opacity: 0;
    left: 50%;
    margin-left: -78px;
    top: 20px;
    width: 156px; }
  100% {
    left: 50%;
    margin-left: -78px;
    opacity: 1;
    top: 20px; } }

.rui-preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important; }

@media only screen and (min-width: 2000px) {
  .rui-header .rui-grid {
    /*Problem with safari when the browser window is larger then 2000px a flicker occurs in animation*/
    webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0); } }

.rui-header {
  border-bottom: 1px solid #e3e3e3;
  background: #fff;
  text-align: left;
  line-height: 0;
  position: fixed;
  z-index: 21;
  top: 0;
  left: 0;
  width: 100%; }
  .rui-header .rui-grid {
    max-width: 1110px;
    padding: 0 15px; }
  @media only screen and (min-width: 800px) {
    .rui-header {
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden; } }
  .rui-header.rui-header-not-fixed {
    position: absolute;
    min-width: 1140px;
    border-bottom: 1px solid #e3e3e3; }
    .rui-responsive .rui-header.rui-header-not-fixed {
      min-width: 100%; }
  .rui-cobranded .rui-header {
    position: relative; }
    .rui-cobranded .rui-header .rui-header-container {
      position: static;
      height: auto;
      width: 1140px; }
    .rui-cobranded .rui-header .rui-main-nav {
      position: static; }
    .rui-cobranded .rui-header .rui-main-nav, .rui-cobranded .rui-header .rui-myrea-nav {
      padding-top: 15px; }
    .rui-cobranded .rui-header .rui-myrea-nav {
      position: relative;
      float: right; }
      .rui-cobranded .rui-header .rui-myrea-nav .rui-account-menu-container {
        bottom: -16px; }
  .rui-header a {
    text-decoration: none; }
  .rui-header .rui-header-container {
    position: relative;
    height: 156px;
    transition-property: opacity, height;
    transition-duration: .3s, .3s; }
  .rui-header .rui-nav-container {
    display: block;
    height: auto;
    position: relative; }
  .rui-header .rui-header-container, .rui-header .rui-nav-container {
    width: 1110px; }
  .rui-responsive .rui-header .rui-header-container, .rui-responsive .rui-header .rui-nav-container {
    width: auto; }
  .rui-header .rui-main-logo {
    margin: auto;
    display: block;
    width: 232px;
    height: 42px;
    background-size: 232px 42px;
    position: absolute;
    top: 34px;
    left: 50%;
    margin-left: -115px;
    z-index: 2; }
    body:not(.rui-leaderboard-layout) .rui-header .rui-main-logo {
      transition-duration: .3s; }
  .rui-header hr.rui-clearboth {
    content: "";
    display: block;
    height: 1px;
    opacity: 0;
    z-index: -1;
    background: #e3e3e3;
    position: absolute;
    width: 100%;
    visibility: visible; }
  .rui-header.rui-header-shrink hr.rui-clearboth {
    opacity: 1;
    transition-delay: .3s;
    transition-duration: 0s; }
  .rui-header .rui-burger-toggle.rui-desktop {
    outline-width: 0; }
    .rui-burger-open .rui-header .rui-burger-toggle.rui-desktop {
      color: #e4002b; }
    .rui-header .rui-burger-toggle.rui-desktop span.rui-visuallyhidden {
      font-family: 'Museo-Sans-500', helvetica, arial, sans-serif;
      font-size: 0.71em;
      letter-spacing: 0.5px;
      position: relative;
      top: -3px; }
  .rui-header .rui-burger-toggle {
    position: absolute;
    transition-duration: .2s;
    top: 25px;
    display: none;
    /*
      Important's are used here to enforce displays of burger menus under different media queries.
      I.e Mobile resolutions will only ever display mobile burgers and same for desktop.
      opacities however are used to render the animations for the different states.
    */ }
    .rui-header .rui-burger-toggle.rui-desktop {
      display: block;
      opacity: 0; }
      .ie8 .rui-header .rui-burger-toggle.rui-desktop {
        visibility: visible; }
    .rui-header .rui-burger-toggle.rui-mobile {
      display: none !important; }
    @media only screen and (max-width: 800px) {
      .rui-header .rui-burger-toggle.rui-desktop {
        display: none !important; }
      .rui-header .rui-burger-toggle.rui-mobile {
        display: block !important; } }
  .rui-header .rui-main-nav, .rui-header #rui-site-links {
    opacity: 1;
    position: absolute;
    transition-duration: 1s; }
  .rui-header .rui-mobile-nav {
    display: none; }
  .rui-header .rui-mobile-icons {
    display: none; }
  .rui-header .rui-main-nav {
    position: absolute;
    bottom: 0px; }
    .rui-header .rui-main-nav .rui-nav-tab {
      float: left; }
      .rui-header .rui-main-nav .rui-nav-tab span {
        padding: 0 14px;
        font-family: 'Museo-Sans-500', helvetica, arial, sans-serif;
        font-size: 0.875em;
        cursor: pointer; }
      .rui-header .rui-main-nav .rui-nav-tab a, .rui-header .rui-main-nav .rui-nav-tab span {
        display: block;
        line-height: 72px; }
      .rui-header .rui-main-nav .rui-nav-tab a {
        color: #484848; }
      .rui-header .rui-main-nav .rui-nav-tab.rui-nav-active a, .rui-header .rui-main-nav .rui-nav-tab:hover a {
        color: #e4002b; }
      .rui-header .rui-main-nav .rui-nav-tab:first-child a span {
        padding-left: 0; }
  .rui-header .rui-sub-nav {
    border-top: solid 1px #e3e3e3;
    background-color: #fcfcfc;
    width: 100%;
    overflow: auto; }
    .rui-header .rui-sub-nav ul {
      text-align: center;
      width: 990px;
      margin: auto;
      overflow: auto; }
    .rui-header .rui-sub-nav .rui-nav-tab {
      display: inline-block; }
      .rui-header .rui-sub-nav .rui-nav-tab span {
        padding: 0 14px;
        font-family: 'Museo-Sans-500', helvetica, arial, sans-serif;
        font-size: 0.875em;
        cursor: pointer; }
      .rui-header .rui-sub-nav .rui-nav-tab a, .rui-header .rui-sub-nav .rui-nav-tab span {
        display: block;
        line-height: 72px; }
      .rui-header .rui-sub-nav .rui-nav-tab a {
        color: #484848; }
      .rui-header .rui-sub-nav .rui-nav-tab.rui-nav-active a, .rui-header .rui-sub-nav .rui-nav-tab:hover a {
        color: #e4002b; }
      .rui-header .rui-sub-nav .rui-nav-tab:first-child a span {
        padding-left: 0; }
      .rui-header .rui-sub-nav .rui-nav-tab span {
        line-height: 42px;
        text-transform: none; }
  .rui-header .rui-myrea-nav {
    position: absolute;
    bottom: 0;
    right: 15px;
    font-size: .875em;
    font-family: 'Museo-Sans-500', helvetica, arial, sans-serif; }
    .rui-header .rui-myrea-nav .rui-user-menu {
      display: table; }
      .rui-header .rui-myrea-nav .rui-user-menu > li {
        height: 72px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px; }
    .rui-header .rui-myrea-nav .rui-button-brand {
      font-weight: normal; }
    .rui-header .rui-myrea-nav .logged-in .rui-person-guy {
      color: #333;
      text-decoration: none;
      font-size: 24px;
      line-height: 24px;
      height: 24px;
      z-index: 1;
      display: block;
      position: relative; }
      .ie8 .rui-header .rui-myrea-nav .logged-in .rui-person-guy {
        font-size: 28px; }
      .rui-header .rui-myrea-nav .logged-in .rui-person-guy.rui-icon-user-off:after {
        border: solid transparent;
        display: inline-block;
        height: 0;
        width: 0;
        position: absolute;
        content: "";
        border-top-color: #000;
        border-width: 4px;
        top: 10px;
        right: 1px; }
      .rui-header .rui-myrea-nav .logged-in .rui-person-guy:before {
        margin-right: 0.5em; }
      .rui-header .rui-myrea-nav .logged-in .rui-person-guy.rui-icon-user-off.rui-toggle-open:before {
        content: "\e001"; }
      .rui-header .rui-myrea-nav .logged-in .rui-person-guy.rui-icon-user-off.rui-toggle-open:after {
        border-bottom-color: #000;
        border-top-color: transparent;
        top: 7px; }
    .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container {
      height: 0;
      position: absolute;
      bottom: -1px;
      overflow: visible;
      z-index: 1000;
      width: 262px;
      margin: 0;
      padding: 0;
      right: -15px; }
      .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container .rui-account-menu {
        background-color: #fff;
        border: 1px solid #ccc;
        display: none;
        border-top: none;
        font-weight: normal;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 0px; }
      .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container li {
        display: block; }
        .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container li a {
          display: block;
          position: relative;
          background-color: #fff;
          line-height: 48px;
          font-size: 16px;
          padding-left: 20px;
          color: #3b3b3b;
          border-bottom: 1px solid #e3e3e3;
          transition-duration: .1s; }
          .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container li a:hover {
            background-color: #fbfbfb;
            color: #000; }
          .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container li a .rui-icon {
            position: absolute;
            font-size: 18px;
            line-height: 48px;
            top: -1px;
            color: #3b3b3b;
            float: none; }
            .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container li a .rui-icon.rui-icon-home {
              color: #40bbb2; }
            .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container li a .rui-icon.rui-icon-save {
              color: #ffbf00; }
          .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container li a .rui-icon + span {
            padding-left: 25px; }
        .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container li.last a {
          position: relative;
          line-height: 16px;
          padding-top: 18px;
          padding-bottom: 17px;
          padding-right: 15px;
          border-bottom: none; }
          .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container li.last a span {
            margin-top: 2px;
            font-size: 13px;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden; }
      .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container li.first a:before, .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container li.first a:after {
        border: solid transparent;
        display: inline-block;
        height: 0;
        width: 0;
        z-index: 1000;
        position: absolute;
        content: ""; }
      .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container li.first a:before {
        border-bottom-color: #bebebe;
        border-width: 10px;
        top: -20px;
        right: 27px; }
      .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container li.first a:after {
        border-bottom-color: #fff;
        border-width: 9px;
        top: -18px;
        right: 28px;
        content: ""; }
      .rui-header .rui-myrea-nav .logged-in .rui-account-menu-container li.first a:hover:after {
        border-bottom-color: #fbfbfb; }
  @media only screen and (max-width: 1140px) {
    .rui-responsive .rui-header.rui-header-shrink .rui-main-nav .rui-nav-tab span {
      padding: 0 11px; }
    .rui-responsive .rui-header:not(.rui-header-shrink) .rui-main-nav .rui-nav-tab span {
      padding: 0 8px;
      font-size: 12px; }
    .rui-responsive .rui-header:not(.rui-header-shrink) .rui-main-nav .rui-nav-tab:first-child a span {
      padding-left: 0; }
    .rui-responsive .rui-header .rui-myrea-nav .logged-out li {
      margin-right: 0;
      padding-left: 10px; }
      .rui-responsive .rui-header .rui-myrea-nav .logged-out li:first-child {
        font-size: 12px;
        margin-right: 10px; }
      .rui-responsive .rui-header .rui-myrea-nav .logged-out li .rui-button-brand {
        font-size: 12px;
        padding: 11px 14px; } }
  @media only screen and (min-width: 881px) and (max-width: 1140px) {
    .rui-responsive .rui-header:not(.rui-header-shrink) .rui-main-nav .rui-nav-tab span {
      padding: 0px 12px 0px 12px;
      font-size: 12px; } }
  @media only screen and (max-width: 800px) {
    .rui-responsive .rui-header.rui-header-shrink .rui-main-nav .rui-nav-tab span {
      padding: 0 6px; }
    .rui-responsive .rui-header:not(.rui-header-shrink) .rui-main-nav .rui-nav-tab span {
      padding: 0 6px; } }
  @media only screen and (max-width: 750px) {
    .rui-responsive .rui-header:not(.rui-header-shrink) .rui-main-nav .rui-nav-tab span {
      padding: 0 5px; } }
  @media only screen and (max-width: 880px) {
    .rui-responsive .rui-header .rui-myrea-nav .rui-button-brand {
      padding-top: 11px;
      padding-bottom: 11px; } }
  .rui-header.rui-header-shrink .rui-main-nav, .rui-header.rui-header-shrink #rui-site-links {
    opacity: 0;
    z-index: -1;
    transition-duration: .2s; }
  .rui-header.rui-header-shrink .rui-main-logo {
    display: inline-block;
    width: 156px;
    margin-left: -78px; }
  .rui-header.rui-header-shrink .rui-nav-container {
    text-align: center; }
  .rui-header.rui-header-shrink .rui-nav-container {
    height: auto; }
  .rui-header.rui-header-shrink .rui-burger-toggle {
    visibility: visible; }
  .rui-header.rui-header-shrink .rui-main-logo {
    top: 22px; }
  .rui-header.rui-header-shrink .rui-header-container {
    height: 72px; }
  .rui-header.rui-header-shrink .rui-burger-toggle {
    opacity: 1; }
    .ie8 .rui-header.rui-header-shrink .rui-burger-toggle {
      display: block;
      visibility: visible; }
  .rui-header.rui-header-shrink .rui-nav-container {
    z-index: 22; }
    .rui-header.rui-header-shrink .rui-nav-container .rui-main-nav, .rui-header.rui-header-shrink .rui-nav-container .rui-sub-nav {
      height: 0;
      overflow: hidden;
      position: relative; }
      .rui-header.rui-header-shrink .rui-nav-container .rui-main-nav ul, .rui-header.rui-header-shrink .rui-nav-container .rui-sub-nav ul {
        display: inline-block; }
  .rui-burger.rui-burger-open .rui-header.rui-header-shrink .rui-nav-container {
    top: 1px; }
    .rui-burger.rui-burger-open .rui-header.rui-header-shrink .rui-nav-container .rui-sub-nav, .rui-burger.rui-burger-open .rui-header.rui-header-shrink .rui-nav-container .rui-main-nav {
      left: -1px;
      height: 72px;
      opacity: 1;
      bottom: 0; }
  .rui-header.rui-header-shrink .rui-sub-nav ul {
    text-align: center; }
  .rui-burger-open:not(.ie8) .rui-header.rui-header-shrink {
    border-bottom: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 0px; }
  @media only screen and (max-width: 800px) {
    .rui-responsive .rui-header .rui-main-nav, .rui-responsive .rui-header #rui-site-links {
      opacity: 0;
      z-index: -1;
      transition-duration: .2s; }
    .rui-responsive .rui-header .rui-main-logo {
      display: inline-block;
      width: 156px;
      margin-left: -78px; }
    .rui-responsive .rui-header .rui-nav-container {
      text-align: center; }
    .rui-responsive .rui-header .rui-nav-container {
      height: auto; }
    .rui-responsive .rui-header .rui-burger-toggle {
      visibility: visible; }
    .rui-responsive .rui-header .rui-main-logo {
      top: 0; }
    .rui-responsive .rui-header .rui-header-container {
      height: 36px; }
    .rui-responsive .rui-header .rui-myrea-nav {
      padding-bottom: 10px; }
    .rui-responsive .rui-header .rui-burger-toggle {
      top: 3px; } }
  @media only screen and (max-width: 800px) and (max-width: 500px) {
    .rui-responsive .rui-header .rui-burger-toggle {
      left: 15px; } }
  @media only screen and (max-width: 800px) {
    .rui-responsive .rui-header .rui-main-nav {
      display: none; }
    .rui-responsive .rui-header .rui-main-logo {
      margin-bottom: 0;
      height: auto;
      width: 140px;
      margin-left: -70px; }
    .rui-responsive .rui-header .rui-burger-toggle, .rui-responsive .rui-header.rui-header-shrink .rui-burger-toggle {
      opacity: 1;
      z-index: 1; }
    .rui-responsive .rui-header .rui-nav-container {
      position: static; }
    .rui-responsive .rui-header #rui-site-links {
      display: none; }
    .rui-responsive .rui-header .rui-myrea-nav {
      display: none; }
    .rui-responsive .rui-header .rui-burger-toggle.rui-mobile span:first-child {
      display: none; }
    .rui-responsive .rui-header .rui-mobile-nav {
      display: block; }
    .rui-responsive .rui-header hr.rui-clearboth {
      display: none; }
    .rui-responsive .rui-header {
      position: static;
      padding-top: 12px; }
    .rui-responsive .rui-header .rui-mobile-icons {
      top: 3px;
      right: 15px;
      position: absolute;
      line-height: normal;
      font-size: 1.2em;
      display: block;
      color: #697684; } }
  .rui-leaderboard-layout .rui-header .rui-header-container {
    height: 174px;
    position: relative; }
  .rui-leaderboard-layout .rui-header #rui-site-links {
    display: none; }
  .rui-leaderboard-layout .rui-header .rui-leaderboard {
    position: absolute;
    right: 0px;
    top: 15px;
    display: block;
    line-height: 0;
    font-size: 0;
    transition-delay: .3s;
    transition-duration: .3s;
    background: #fff;
    border: none; }
  .rui-leaderboard-layout .rui-header .rui-main-logo {
    left: 15px;
    margin-left: 0; }
  .rui-leaderboard-layout .rui-header .rui-burger-toggle {
    transition-duration: 0s; }
  .rui-leaderboard-layout .rui-header.rui-header-shrink .rui-main-logo {
    left: 50%;
    margin-left: -78px;
    -webkit-animation: fadeInAndMoveLogo 1s;
    -moz-animation: fadeInAndMoveLogo 1s;
    -o-animation: fadeInAndMoveLogo 1s;
    animation: fadeInAndMoveLogo 1s; }
  .rui-leaderboard-layout .rui-header.rui-header-shrink .rui-leaderboard {
    left: 247px;
    top: -105px;
    position: relative;
    transition-delay: .05s;
    transition-duration: .05s; }
  .rui-leaderboard-layout .rui-header.rui-header-shrink .rui-burger-toggle {
    transition-delay: .3s;
    transition-duration: .5s; }
  .rui-leaderboard-layout .rui-header.rui-header-shrink .rui-header-container {
    height: 72px; }
  .rui-leaderboard-layout .rui-header .rui-myrea-nav {
    z-index: 10; }
  .rui-header .rui-leaderboard-container {
    border-bottom: 1px solid #e3e3e3;
    padding: 20px 0; }
    @media only screen and (max-width: 800px) {
      .rui-header .rui-leaderboard-container {
        display: none; } }
    .rui-header .rui-leaderboard-container > * {
      margin: 0 auto; }

/* Due to fixed position header we need to apply top padding on main content block */
body {
  clear: both;
  padding-top: 157px;
  text-align: left; }
  body.rui-leaderboard-layout {
    padding-top: 175px; }
  body.rui-responsive-leaderboard-layout {
    padding: 0; }
    @media (min-width: 800px) {
      body.rui-responsive-leaderboard-layout .rui-header {
        position: relative; } }
  body.rui-has-sub-nav {
    padding-top: 201px; }
  body.rui-has-sub-nav.rui-leaderboard-layout {
    padding-top: 220px; }
  body.rui-cobranded {
    padding-top: 0; }
  body .rui-body-content {
    padding-top: 30px; }
  @media only screen and (max-width: 800px) {
    body.rui-responsive {
      padding-top: 0px; } }

/* Goes around ads for legacy grids to add the 10px (ad column is 310px wide) */
.rui-image-wrapper {
  border: 5px solid #eee;
  display: block;
  vertical-align: bottom;
  margin-bottom: 20px; }

.ie8 .rui-header .rui-burger-toggle.rui-desktop,
.ie8 .rui-header-shrink #rui-site-links {
  display: none; }

.ie8 .rui-header.rui-header-shrink .rui-burger-toggle.rui-desktop {
  display: block; }

.ie .rui-main-nav .rui-nav-tab a span {
  letter-spacing: -0.4px; }

.ie8 hr.rui-clearboth {
  display: block; }

.ie8 hr.rui-clearboth {
  display: none; }

.ie8 .rui-header-shrink hr.rui-clearboth {
  display: block; }

/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
/*
 *
 * Buttons
 * Four Types:
 * Basic: Transparent grey stroke
 * Basic-White: White stroke transparent
 * Brand: Solid primary brand colour
 * Brand-Navy: Solid dark brand colour
  ---------------------------------------------------------------------------------------------------------------------------------------------------- */
.rui-button-basic, .rui-button-basic-light, .rui-button-brand, .rui-button-brand-dark {
  display: inline-block;
  font-family: "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 0.875em 1em;
  font-weight: normal;
  font-size: 1em;
  cursor: pointer;
  border-radius: 4px;
  line-height: 1;
  border-width: 2px;
  border-style: solid;
  color: #fff;
  background: transparent;
  text-align: center;
  transition-duration: 0.2s, 0.2s;
  transition-timing-function: ease-in, ease-out; }
  @media only screen and (max-width: 800px) {
    .rui-button-basic, .rui-button-basic-light, .rui-button-brand, .rui-button-brand-dark {
      box-sizing: border-box;
      border-width: 1px; } }

.rui-button-basic {
  color: #333f48;
  border-color: #c3c8ce; }
  .rui-button-basic:hover {
    border-color: #333f48;
    color: #333f48; }
  .rui-button-basic.rui-button-disabled, .rui-button-basic.rui-button-disabled:hover {
    color: #adb0b2;
    background: #fff; }

a.rui-button-basic {
  color: #333f48; }

.rui-button-basic-light {
  border-color: #fff; }
  .rui-button-basic-light:hover {
    background-color: #fff;
    color: #333f48; }
  .rui-button-basic-light.rui-button-disabled, .rui-button-basic-light.rui-button-disabled:hover {
    color: #a8a8a6;
    background: transparent;
    border-color: #a8a8a6; }

.rui-button-brand {
  border-color: #e4002b;
  background: #e4002b; }
  .rui-button-brand:hover {
    background-color: #a30000;
    border-color: #a30000; }
  .rui-button-brand.rui-button-disabled, .rui-button-brand.rui-button-disabled:hover {
    color: #8e9397;
    border-color: #eaebec;
    background: #eaebec; }

.rui-button-brand-dark {
  border-color: #333f48;
  background: #333f48; }
  .rui-button-brand-dark:hover {
    background-color: #161e24;
    border-color: #161e24; }
  .rui-button-brand-dark.rui-button-disabled, .rui-button-brand-dark.rui-button-disabled:hover {
    color: #8e9397;
    border-color: #eaebec;
    background: #eaebec; }

a.rui-button-basic-light,
a.rui-button-brand,
a.rui-button-brand-dark {
  color: #fff; }

.rui-button-disabled,
.rui-button-disabled:hover {
  border-color: #eaebec;
  background: #eaebec;
  color: #333f48;
  cursor: default;
  outline: none; }

.rui-button-no-style {
  border: none;
  background: none;
  margin: 0;
  padding: 0; }

/* Add to rui-button to make full width for mobile and table devices */
@media only screen and (max-width: 800px) {
  .rui-mobile-block {
    display: block;
    width: 100%; }
  .rui-button-mobile-smaller {
    font-size: 0.875em; } }

/*
 * NOT IN USE
 * Grouped Buttons
 * TODO: Finish this
  ---------------------------------------------------------------------------------------------------------------------------------------------------- */
.rui-button {
  display: block;
  float: left;
  text-decoration: none;
  padding: 8px 12px;
  margin-bottom: 20px;
  font-size: 1em;
  line-height: 20px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: whiteSmoke;
  background-image: -moz-linear-gradient(top, white, #E6E6E6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
  background-image: -webkit-linear-gradient(top, white, #E6E6E6);
  background-image: -o-linear-gradient(top, white, #E6E6E6);
  background-image: linear-gradient(to bottom, white, #E6E6E6);
  background-repeat: repeat-x;
  border: 1px solid #BBB;
  border-color: #E6E6E6 #E6E6E6 #BFBFBF;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #A2A2A2;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.rui-button-group .rui-button:last-child {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.rui-button-group .rui-button:first-child {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.rui-button-group .rui-button + .rui-button {
  margin-left: -1px; }

.rui-button-group .rui-active {
  background: #e4002b;
  color: #fff;
  text-shadow: none; }

/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
.rui-footer {
  clear: both;
  font-size: 0.75em;
  line-height: 1;
  background: #fff;
  padding-bottom: 0px;
  border-top: 1px solid #e3e3e3;
  min-width: 1140px; }
  .rui-responsive .rui-footer {
    min-width: 0; }
  .rui-footer p, .rui-footer img, .rui-footer ul, .rui-footer li {
    margin: 0;
    padding: 0;
    border: 0; }
  .rui-footer .rui-footer-faded-background {
    background: #f5f5f5; }
  .rui-footer a {
    display: inline-block;
    text-decoration: none;
    color: #9b9b9b; }
    .rui-footer a img {
      border: 0; }
    .rui-footer a:hover {
      text-decoration: none;
      color: #e4002b; }
  .rui-footer .rui-footer-column {
    padding: 0 15px;
    max-width: 1110px;
    overflow: auto;
    margin: 0 auto; }
  .rui-footer .rui-footer-social {
    padding-top: 25px;
    padding-bottom: 25px;
    float: left; }
    .rui-footer .rui-footer-social li {
      margin-right: 7px;
      margin-left: 7px; }
      .rui-footer .rui-footer-social li:first-child {
        margin-left: 0; }
      .rui-footer .rui-footer-social li a {
        border-radius: 10px;
        color: white;
        font-size: 22px;
        background-color: #bababa;
        line-height: 33px;
        width: 33px;
        height: 33px; }
        .rui-footer .rui-footer-social li a.rui-icon:before {
          line-height: 33px;
          width: 33px;
          height: 33px; }
        .rui-footer .rui-footer-social li a.rui-icon:hover {
          color: #fff; }
        .rui-footer .rui-footer-social li a.rui-icon-facebook:hover {
          background-color: #48649d; }
        .rui-footer .rui-footer-social li a.rui-icon-twitter:hover {
          background-color: #4e9ec3; }
        .rui-footer .rui-footer-social li a.rui-icon-pinterest:hover {
          background-color: #c9232d; }
        .rui-footer .rui-footer-social li a.rui-icon-linkedin:hover {
          background-color: #2286bb; }
        .rui-footer .rui-footer-social li a.rui-icon-youtube:hover {
          background-color: #ca1c26; }
        .rui-footer .rui-footer-social li a.rui-icon-googleplus:hover {
          background-color: #db4c3f; }
  .rui-footer .rui-footer-navigation {
    padding-bottom: 2.5em;
    text-align: right; }
    .rui-footer .rui-footer-navigation ul {
      text-align: center;
      display: inline-block; }
      .rui-footer .rui-footer-navigation ul:first-child {
        margin-right: 4px; }
      .rui-footer .rui-footer-navigation ul li {
        display: inline-block;
        margin-right: 25px; }
  .rui-footer .rui-footer-rea-group {
    padding-bottom: 15px; }
  .rui-footer .rui-footer-international-sites, .rui-footer .rui-footer-partner-sites {
    margin-bottom: 12px; }
    .rui-footer .rui-footer-international-sites a, .rui-footer .rui-footer-partner-sites a {
      padding: 5px 5px 5px 0px; }
    .rui-footer .rui-footer-international-sites .pipe-separator, .rui-footer .rui-footer-partner-sites .pipe-separator {
      color: #9b9b9b;
      display: inline;
      padding: 0px;
      margin: 0 4px 0 0; }
  .rui-footer #rui-footer-international-sites-content ul, .rui-footer #rui-footer-partner-sites-content ul {
    display: inline; }
  .rui-footer #rui-footer-international-sites-content li, .rui-footer #rui-footer-partner-sites-content li {
    display: inline;
    list-style-type: none; }
  .rui-footer .rui-footer-rea-sites {
    padding-top: 32px;
    overflow: hidden; }
    .rui-footer .rui-footer-rea-sites li {
      display: inline-block;
      margin-right: 16px; }
      .rui-footer .rui-footer-rea-sites li .rui-footer-rea-site-img {
        display: inline-block;
        height: 23px; }
    .rui-footer .rui-footer-rea-sites .rui-icon {
      display: none; }
    .rui-footer .rui-footer-rea-sites .rui-footer-rea-site-img {
      background: url("//s1.rui.au.reastatic.net/rui-static/img/logo-footer-sprites.png") no-repeat 0 0; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
        .rui-footer .rui-footer-rea-sites .rui-footer-rea-site-img {
          background-image: url("//s1.rui.au.reastatic.net/rui-static/img//logo-footer-spritesx2.png");
          background-size: 157px 96px; } }
    .rui-footer .rui-footer-rea-sites .reagroup.rui-footer-rea-site-img {
      width: 88px;
      background-position: 0px -50px; }
    .rui-footer .rui-footer-rea-sites .reawebsite.rui-footer-rea-site-img {
      width: 130px;
      background-position: 0 -24px; }
    .rui-footer .rui-footer-rea-sites .reacommercial.rui-footer-rea-site-img {
      width: 157px;
      background-position: 0 1px; }
  .rui-footer #rui-footer-bottom-toggles {
    display: none; }
  .rui-footer .rui-footer-navigation {
    padding-top: 3em; }
  .rui-footer .rui-footer-site-links {
    padding-top: 12px;
    padding-bottom: 12px; }
    .rui-footer .rui-footer-site-links .rui-footer-site-links-large-screen-header {
      display: block;
      margin-bottom: 7px;
      color: #777;
      font-family: "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .rui-footer .rui-footer-stock-info {
    padding: 5px 0px 12px 0px;
    color: #666666; }
  .rui-footer .rui-toggle-container {
    display: block; }

.ie8 .rui-footer #rui-footer-international-sites-content, .ie8 #rui-footer-partner-sites-content,
.ie8 .rui-footer #rui-footer-international-sites-content, .ie8 #rui-footer-partner-sites-content {
  display: block !important; }

.ie8 .rui-footer {
  min-width: 1140px; }

@media only screen and (min-width: 1141px) {
  .rui-footer .rui-footer-navigation ul:last-child li:last-child {
    margin-right: 0px;
    padding-right: 0px; }
  .rui-footer #rui-footer-international-sites-content, .rui-footer #rui-footer-partner-sites-content {
    display: block !important;
    margin-top: 15px; }
  .rui-footer .list-column-2 .pipe-separator:nth-child(4) {
    display: none; } }

@media only screen and (max-width: 770px) {
  .rui-responsive .rui-footer-stock-info span {
    line-height: 25px;
    display: block; } }

/*-- Media Selector                             --*/
/*------------------------------------------------*/
@media only screen and (max-width: 1140px) {
  .no-touch .rui-footer #rui-footer-bottom-toggles .rui-toggle-link:hover {
    background-color: #E5E5E5; }
  .rui-footer .rui-footer-column {
    width: 1110px;
    padding: 0 15px; }
  .rui-responsive .rui-footer {
    width: auto; }
    .rui-responsive .rui-footer #rui-footer-bottom-toggles {
      display: block;
      margin-bottom: 0.5em; }
      .rui-responsive .rui-footer #rui-footer-bottom-toggles .rui-toggle-link {
        border: #c2c2c2 solid 1px;
        background-color: #F8F8F8;
        padding: 5px 8px;
        margin: 0px 8px 5px 0px;
        display: inline-block;
        color: #666666;
        font-weight: normal;
        border-radius: 2px; }
        .rui-responsive .rui-footer #rui-footer-bottom-toggles .rui-toggle-link .rui-icon-arrow-solid-down {
          display: inherit; }
        .rui-responsive .rui-footer #rui-footer-bottom-toggles .rui-toggle-link .rui-icon-arrow-solid-up {
          display: none; }
        .rui-responsive .rui-footer #rui-footer-bottom-toggles .rui-toggle-link.rui-toggle-open {
          background-color: #E5E5E5; }
          .rui-responsive .rui-footer #rui-footer-bottom-toggles .rui-toggle-link.rui-toggle-open .rui-icon-arrow-solid-down {
            display: none; }
          .rui-responsive .rui-footer #rui-footer-bottom-toggles .rui-toggle-link.rui-toggle-open .rui-icon-arrow-solid-up {
            display: inherit; }
        .rui-responsive .rui-footer #rui-footer-bottom-toggles .rui-toggle-link .rui-icon-arrow-solid-down, .rui-responsive .rui-footer #rui-footer-bottom-toggles .rui-toggle-link .rui-icon-arrow-solid-up {
          font-size: 70%;
          padding-left: 8px; }
    .rui-responsive .rui-footer .rui-footer-row.rui-footer-rea-group {
      text-align: center; }
      .rui-responsive .rui-footer .rui-footer-row.rui-footer-rea-group.rui-footer-stock-info {
        float: none;
        padding-left: 2px; }
    .rui-responsive .rui-footer .rui-footer-site-links {
      padding-top: 17px; }
      .rui-responsive .rui-footer .rui-footer-site-links .rui-footer-international-sites .rui-footer-site-links-large-screen-header, .rui-responsive .rui-footer .rui-footer-site-links .rui-footer-partner-sites .rui-footer-site-links-large-screen-header {
        display: none; }
      .rui-responsive .rui-footer .rui-footer-site-links .rui-footer-international-sites .pipe-separator, .rui-responsive .rui-footer .rui-footer-site-links .rui-footer-partner-sites .pipe-separator {
        display: inline; }
      .rui-responsive .rui-footer .rui-footer-site-links span {
        font-weight: normal; }
    .rui-responsive .rui-footer #rui-footer-partner-sites-content, .rui-responsive .rui-footer #rui-footer-international-sites-content {
      margin: 0 auto;
      border: #c2c2c2 solid 1px;
      background-color: white;
      padding: 5px;
      font-weight: lighter;
      width: 95%; }
      .rui-responsive .rui-footer #rui-footer-partner-sites-content a, .rui-responsive .rui-footer #rui-footer-international-sites-content a {
        padding: 5px 9px 5px 9px; }
    .rui-responsive .rui-footer .rui-footer-column {
      margin: 0px 12px; }
    .rui-responsive .rui-footer .rui-footer-social, .rui-responsive .rui-footer .rui-footer-navigation {
      display: table;
      margin: 0 auto;
      float: none;
      padding-bottom: 25px; }
    .rui-responsive .rui-footer .rui-footer-navigation {
      padding-top: 0px; }
    .rui-responsive .rui-footer .rui-footer-column {
      margin: auto;
      width: auto;
      padding: 0; }
    .rui-responsive .rui-footer .rui-toggle-container {
      display: none; } }

/*-- Media Selector                             --*/
/*------------------------------------------------*/
@media only screen and (max-width: 569px) {
  .rui-responsive .rui-footer .rui-footer-rea-sites li {
    margin-right: -4px; }
    .rui-responsive .rui-footer .rui-footer-rea-sites li .rui-footer-rea-site-img {
      -ms-transform: scale(0.91);
      -webkit-transform: scale(0.91);
      transform: scale(0.91); } }

/*-- Media Selector                             --*/
/*------------------------------------------------*/
@media only screen and (max-width: 800px) {
  .rui-responsive .rui-footer #rui-footer-partner-sites-content a, .rui-responsive .rui-footer #rui-footer-international-sites-content a {
    padding-left: 0px;
    padding-right: 0px; }
  .rui-responsive .rui-footer .rui-footer-navigation ul {
    display: block; }
    .rui-responsive .rui-footer .rui-footer-navigation ul:first-child {
      margin-bottom: 15px; } }

/*-- Media Selector                             --*/
/*------------------------------------------------*/
@media only screen and (max-width: 565px) {
  .rui-responsive .rui-footer #rui-footer-partner-sites-content .list {
    display: block; } }

/*-- Media Selector                             --*/
/*------------------------------------------------*/
@media only screen and (max-width: 500px) {
  .rui-responsive .rui-footer {
    min-width: 320px;
    margin: auto; }
    .rui-responsive .rui-footer .rui-footer-rea-sites {
      padding-top: 25px; }
      .rui-responsive .rui-footer .rui-footer-rea-sites li {
        margin-right: 0px; }
    .rui-responsive .rui-footer .rui-footer-rea-group .rui-footer-column {
      width: 270px;
      margin: auto; }
    .rui-responsive .rui-footer .rui-footer-site-links {
      padding-top: 2px; }
      .rui-responsive .rui-footer .rui-footer-site-links .rui-footer-partner-sites .pipe-separator, .rui-responsive .rui-footer .rui-footer-site-links .rui-footer-international-sites .pipe-separator {
        display: none; }
    .rui-responsive .rui-footer #rui-footer-bottom-toggles {
      text-align: center; }
      .rui-responsive .rui-footer #rui-footer-bottom-toggles .rui-toggle-link:last-child {
        margin-right: 0px; }
    .rui-responsive .rui-footer #rui-footer-international-sites-content, .rui-responsive .rui-footer #rui-footer-partner-sites-content {
      text-align: left;
      overflow: auto;
      width: 246px;
      padding: 5px 0px 5px 0px;
      margin-left: 11px; }
      .rui-responsive .rui-footer #rui-footer-international-sites-content .list-column-1, .rui-responsive .rui-footer #rui-footer-partner-sites-content .list-column-1 {
        border-right: solid 1px #f3f3f3;
        padding-right: 20px; }
      .rui-responsive .rui-footer #rui-footer-international-sites-content .list, .rui-responsive .rui-footer #rui-footer-partner-sites-content .list {
        margin-left: 10px;
        vertical-align: top;
        display: inline-block;
        text-align: left; }
        .rui-responsive .rui-footer #rui-footer-international-sites-content .list a, .rui-responsive .rui-footer #rui-footer-partner-sites-content .list a {
          display: block;
          margin: 10px 15px 15px 20px; }
        .rui-responsive .rui-footer #rui-footer-international-sites-content .list .list-column-2, .rui-responsive .rui-footer #rui-footer-partner-sites-content .list .list-column-2 {
          margin-right: 0px;
          padding-right: 0px; }
    .rui-responsive .rui-footer #rui-footer-international-sites-content .list-column-1, .rui-responsive .rui-footer #rui-footer-partner-sites-content .list-column-1 {
      border: none;
      margin-bottom: 0px;
      padding-bottom: 0px; }
    .rui-responsive .rui-footer #rui-footer-international-sites-content .list-column-2 a:first-child, .rui-responsive .rui-footer #rui-footer-partner-sites-content .list-column-2 a:first-child {
      margin-top: 0px; }
    .rui-responsive .rui-footer #rui-footer-international-sites-content .list, .rui-responsive .rui-footer #rui-footer-partner-sites-content .list {
      margin-left: 10px;
      text-align: left;
      display: block;
      padding-right: 0px;
      padding-bottom: 0px; }
      .rui-responsive .rui-footer #rui-footer-international-sites-content .list a, .rui-responsive .rui-footer #rui-footer-partner-sites-content .list a {
        display: block; }
    .rui-responsive .rui-footer .rui-footer-column {
      overflow: hidden;
      width: 298px;
      margin: 0px auto; }
    .rui-responsive .rui-footer .rui-footer-social {
      display: table;
      margin: 0 auto;
      float: none;
      padding-top: 25px; }
    .rui-responsive .rui-footer .rui-footer-navigation {
      padding-bottom: 25px;
      float: none;
      width: 250px;
      margin-left: 38px; }
      .rui-responsive .rui-footer .rui-footer-navigation ul {
        display: inline-block;
        float: right; }
        .rui-responsive .rui-footer .rui-footer-navigation ul:first-child {
          float: left;
          margin-bottom: 0px; }
        .rui-responsive .rui-footer .rui-footer-navigation ul li {
          padding-bottom: 32px;
          position: relative;
          padding-right: 5px;
          display: block;
          text-align: left; }
          .rui-responsive .rui-footer .rui-footer-navigation ul li:last-child {
            padding-bottom: 0px; }
    .rui-responsive .rui-footer .rui-footer-rea-sites a {
      display: block; }
    .rui-responsive .rui-footer .rui-footer-rea-sites ul {
      display: table;
      margin: 0 auto;
      width: 254px;
      padding-left: 0px;
      padding-right: 0px; }
    .rui-responsive .rui-footer .rui-footer-rea-sites li {
      display: block;
      margin: 0px 0px 16px 0px;
      padding: 0px 15px 8px 15px;
      text-align: left;
      border-bottom: 1px solid #EDEDED; }
      .rui-responsive .rui-footer .rui-footer-rea-sites li .rui-footer-rea-site-img {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        width: 100%; }
      .rui-responsive .rui-footer .rui-footer-rea-sites li:last-child {
        border: none; }
    .rui-responsive .rui-footer .rui-footer-rea-sites .rui-icon {
      display: inline-block;
      float: right;
      margin-left: 15px;
      margin-top: 5px; }
      .rui-responsive .rui-footer .rui-footer-rea-sites .rui-icon:before {
        margin-right: 0px; }
    .rui-responsive .rui-footer .rui-footer-site-links {
      margin: auto;
      width: 100%; }
    .rui-responsive .rui-footer .rui-footer-stock-info {
      clear: both;
      float: none; }
      .rui-responsive .rui-footer .rui-footer-stock-info p {
        line-height: 1.5;
        text-align: center; } }

/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
.rui-burger body {
  position: relative; }

.rui-mobile-cta {
  display: none;
  position: relative;
  top: 2px; }
  @media only screen and (max-width: 800px) {
    .rui-mobile-cta {
      display: block; } }

.rui-burger-container .rui-nav-item {
  border-bottom: 1px solid #eee;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis; }
  .rui-burger-container .rui-nav-item:first-child {
    margin-top: 0; }
  .rui-burger-container .rui-nav-item a, .rui-burger-container .rui-nav-item a:hover {
    color: #333;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
    display: block;
    padding: 0 18px 0 22px;
    height: 48px;
    line-height: 48px;
    font-family: "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .rui-burger-container .rui-nav-item a:active {
    background-color: #f2f2f2; }
  .rui-burger-container .rui-nav-item .rui-icon:before {
    color: #434343;
    font-size: 19px;
    position: relative;
    top: 2px; }
  .rui-burger-container .rui-nav-item.rui-nav-active a {
    border-left: 4px solid #e4002b;
    padding-left: 18px;
    color: #e4002b; }
  .rui-burger-container .rui-nav-item.logged-in {
    position: relative; }
    .rui-burger-container .rui-nav-item.logged-in a {
      padding-right: 45px; }
    .rui-burger-container .rui-nav-item.logged-in .rui-icon:before {
      font-size: 15px;
      position: absolute;
      top: 0;
      right: 30px; }

.rui-burger-container .rui-nav-item:first {
  border-top: 1px solid "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.rui-burger-container .rui-nav-inline {
  float: left;
  width: 33.333333333%; }
  .rui-burger-container .rui-nav-inline a {
    border-left: 1px solid #f0f0f0;
    padding-left: 0;
    padding-right: 0;
    text-align: center; }
  .rui-burger-container .rui-nav-inline a:first {
    border-left: none; }
  .rui-burger-container .rui-nav-inline a:hover {
    padding-left: 18px; }

.ie9 .rui-mobile-nav, .ie8 .rui-mobile-nav {
  left: -75%; }

.ie9.rui-burger.rui-burger-open .rui-mobile-nav, .ie8.rui-burger.rui-burger-open .rui-mobile-nav {
  left: 0; }

.rui-mobile-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 75%;
  height: 100%;
  z-index: 9999;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(-200%, 0, 0);
  -o-transform: translate3d(-200%, 0, 0);
  -moz-transform: translate3d(-200%, 0, 0);
  transform: translate3d(-200%, 0, 0);
  transition-duration: .3s; }

.rui-mobile-nav .rui-nav-item-external a {
  background: url("//s1.rui.au.reastatic.net/rui-static/img/mobile-home-sprite-v1.png") no-repeat right -32px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .rui-mobile-nav .rui-nav-item-external a {
    background-image: url("//s1.rui.au.reastatic.net/rui-static/img/mobile-home-sprite@2x-v1.png");
    background-size: 45px 141px; } }

.rui-burger.rui-burger-open .rui-mobile-nav {
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

@media only screen and (max-width: 800px) {
  .rui-burger.rui-burger-open .rui-responsive .rui-overlay {
    opacity: 1;
    visibility: visible;
    transition-duration: .2s;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    z-index: 10; }
  .rui-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; } }

.rui-burger-toggle, .rui-mobile-cta, .rui-mobile-icons {
  position: relative;
  font-size: 1.2em;
  white-space: nowrap; }
  .rui-burger-toggle a, .rui-mobile-cta a, .rui-mobile-icons a, .rui-burger-toggle button, .rui-mobile-cta button, .rui-mobile-icons button {
    color: #697684; }
  .rui-burger-toggle .hit-box, .rui-mobile-cta .hit-box, .rui-mobile-icons .hit-box {
    display: block;
    width: 50px;
    height: 49px;
    position: absolute;
    top: -17px;
    left: -15px; }

.rui-toggle-link {
  cursor: pointer; }

/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
.rui-pagination {
  margin-bottom: 2em;
  line-height: normal; }

.rui-pagination li {
  display: inline-block;
  margin: 0 0.6em 0 0; }

.rui-pagination-active,
.rui-pagination .rui-pagination-number {
  font-weight: bold;
  padding: 0.6em 1em;
  cursor: pointer; }

.rui-pagination .rui-pagination-number {
  background-color: #fff;
  color: #333f48;
  border: 1px solid #c8c9c7; }

.rui-pagination a,
.rui-pagination a:visited {
  color: #333f48;
  text-decoration: none; }

.rui-pagination .rui-pagination-active,
.rui-pagination a.rui-pagination-active:visited {
  background-color: #e4002b;
  color: #fff; }

.rui-pagination .rui-pagination-active {
  border: 1px solid #e4002b; }

.rui-pagination .rui-arrow {
  margin-top: 3px; }

.rui-pagination-links {
  font-weight: bold; }

.rui-pagination .rui-pagination-next {
  margin-right: 0; }

/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
.rui-hero {
  padding: 100px 0;
  margin-top: -30px; }
  .rui-hero .rui-hero-heading {
    font-family: "Museo-Sans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1.813em;
    line-height: 1.250em;
    color: #ffffff;
    text-align: center;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
  .rui-hero .rui-hero-content {
    margin: auto;
    max-width: 750px; }