/* RUI: REA User Interface library - Advertorial - v2.8.9
   Copyright 2016, REA Group */

.ad {
  overflow: hidden;
}

.sub-nav {
  position: relative;
  z-index: 10;
  width: 16%;
}

.rui-ad-hidden {
  display: none;
}
/* RUI: REA User Interface library - Auto-Complete Component - v3.0.3
   Copyright 2016, REA Group */

/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
.rui-auto-complete-list {
  cursor: default;
  z-index: 1000;
  list-style: none;
  display: block;
  outline: none;
  border-width: 0px 1px 1px 1px;
  border-color: rgba(0, 0, 0, 0.1);
  border-style: solid;
  background: #fff;
  padding: 0.5em;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
  border-radius: 0px 0px 1px 1px;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz--border-radius: 0px 0px 3px 3px; }

.no-rgba .rui-auto-complete-list {
  border-color: #e6e6e6; }

.rui-auto-complete-list .rui-auto-complete-item .rui-icon-add {
  position: absolute;
  right: 6px;
  top: 1px;
  display: none; }

.rui-auto-complete-list .rui-auto-complete-item.selected .rui-icon-add {
  display: block; }

.rui-auto-complete-list .rui-auto-complete-item a {
  text-decoration: none;
  display: block;
  min-height: 0;
  /* support: IE7 */
  font-size: 0.9em;
  font-weight: normal;
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px;
  color: #3b3b3b;
  line-height: 2em;
  padding: 1px 0.5em 1px 0.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 30px;
  position: relative; }

.rui-auto-complete-list .rui-auto-complete-item a .partialMatch {
  font-weight: bold;
  font-family: "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.rui-auto-complete-list .rui-auto-complete-item.selected a {
  font-weight: normal;
  background-color: #dfecf8;
  color: #296dd3; }

.rui-search-container .rui-input {
  font-size: 1.125em;
  letter-spacing: 0;
  width: 100%;
  -webkit-appearance: none;
  box-shadow: none !important;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1; }

@media (min-width: 480px) {
  .rui-search-container .rui-input {
    border-right: none;
    padding-right: 9em; } }

.rui-search-container {
  position: relative; }

.rui-auto-complete-list, .rui-auto-complete-list a, .rui-auto-complete-list li,
.rui-search-container,
.rui-search-container a,
.rui-search-container li {
  font-weight: 300;
  font-family: "Museo-Sans-300", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.rui-search-container .rui-icon.rui-icon-cross {
  display: block;
  font-size: 0.9em;
  color: #a3a3a3;
  display: none;
  position: absolute;
  top: 30%;
  text-decoration: none;
  width: 100%;
  cursor: pointer;
  text-align: center; }
.rui-search-container .rui-icon.rui-icon-cross:before {
  margin-right: 0; }

.rui-search-container .clear-text-container {
  position: absolute;
  right: 6.1em;
  display: block;
  background-color: white;
  width: 3.5em;
  height: 90%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 5%; }

.rui-search-container .rui-search-button {
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  width: 5.5em;
  font-size: 1.125em;
  background: #e4002b;
  border: none;
  color: #fff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 100%; }

.ie8 .rui-search-container .rui-input {
  border: 1px solid #e6e6e6; }

.ie8 .rui-auto-complete-list {
  border-color: #e6e6e6; }

.rui-search-container.list-visible .rui-search-button {
  border-bottom-right-radius: 0px; }

.rui-search-container.list-visible .rui-input {
  border-bottom-left-radius: 0px; }

.rui-search-button .rui-icon:before {
  font-size: 1.5em;
  margin: 0 auto;
  text-align: center; }

.rui-search-container .rui-input::-ms-clear {
  display: none; }

@media only screen and (max-width: 480px) {
  .rui-responsive .rui-search-container.rui-search-mobile .rui-search-button {
    width: 100%;
    display: block;
    position: inherit;
    right: auto;
    top: auto;
    font-family: "Museo-Sans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 1em 0 0 0;
    padding: 14px 0;
    border-radius: 4px;
    height: auto; }
  .rui-responsive .rui-search-container.rui-search-mobile .rui-search-button .rui-icon-search {
    display: none; }
  .rui-responsive .rui-search-container.rui-search-mobile .rui-search-button .rui-visuallyhidden {
    clip: inherit;
    height: auto;
    margin: 0;
    overflow: inherit;
    padding: 0;
    position: inherit;
    width: auto; }
  .rui-responsive .rui-search-container.rui-search-mobile-no-button .rui-search-button {
    display: none; }
  .rui-responsive .rui-search-container.rui-search-mobile .clear-text-container, .rui-responsive .rui-search-container.rui-search-mobile-no-button .clear-text-container {
    top: 0.2em;
    height: 2em;
    right: 0.5em;
    width: 2em; } }

/* RUI: REA User Interface library - Forms - v1.0.2
   Copyright 2016, REA Group */

/*
 *
 * REA Group User Interface Library
 * REA Forms, Buttons
 *
  -------------------------------------------------------------------------- */
/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
.rui-callout-container {
  position: absolute;
  padding: 9px 14px;
  background: #353f48;
  background: rgba(53, 63, 72, 0.9);
  border-radius: 4px;
  color: #fff;
  line-height: 20px;
  padding-right: 42px;
  width: 300px;
  display: block;
  box-sizing: border-box;
  height: 0;
  opacity: 0;
  font-family: 'Museo-Sans-300';
  margin-top: 10px;
  transform: translate3d(0, 10px, 0);
  -webkit-transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0); }
.rui-callout-container ::selection {
  color: #e4002b; }
.rui-callout-container.animate {
  transition-duration: .6s;
  -webkit-transition-duration: .6s;
  -moz-transition-duration: .6s; }
.rui-callout-container.fadeIn {
  height: auto;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); }
.rui-callout-container.fadeOut {
  height: auto;
  opacity: 0;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); }
.rui-callout-container .rui-callout-content {
  font-size: 14px;
  display: block;
  box-sizing: border-box;
  white-space: normal; }
.rui-callout-container .rui-callout-arrow {
  content: "";
  position: absolute;
  margin-top: 5px;
  top: -15px;
  display: block;
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(53, 63, 72, 0.9); }
.ie8 .rui-callout-container .rui-callout-arrow {
  display: block;
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #353f48; }
.rui-callout-container.arrow-top-right .rui-callout-arrow {
  right: 0;
  margin-right: 16px;
  margin-left: 0; }
.rui-callout-container.arrow-top-left .rui-callout-arrow {
  left: 0;
  margin-left: 16px;
  margin-right: 0; }
.rui-callout-container .rui-icon {
  background-color: #56606a;
  border-radius: 3px;
  padding: 0 5px;
  font-size: 10px;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  right: 12px;
  cursor: pointer; }
.rui-callout-container .rui-icon:before {
  margin-top: 1px;
  margin-right: 0; }

/* RUI: REA User Interface library - Charts - v4.1.0
   Copyright 2016, REA Group */

.rui-chart-mobile-chart .highcharts-tooltip {
  display: none; }

.rui-chart-mobile-chart .visible {
  visibility: visible; }

.highcharts-container {
  background: #fcfcfc; }

.rui-chart {
  background: #fcfcfc;
  border: 1px solid #e8e8e8; }

.rui-chart-mobile-legend {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #e8e8e8;
  border-radius: 0.5em/0.5em;
  font-size: 13px;
  padding: 6px;
  margin: 0 10px 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.rui-chart-legend-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.rui-chart-legend-footer {
  padding-left: 4px;
  font-size: 11px;
  color: #777; }

.rui-chart-circle {
  border-radius: 50px;
  border-style: solid;
  border-width: 3px;
  width: 4px;
  height: 4px;
  background: #fff;
  z-index: 2;
  left: 8px;
  position: absolute; }

.rui-chart-strike {
  width: 16px;
  height: 3px;
  top: 4px;
  left: 5px;
  position: absolute; }

.rui-chart-legend-label {
  position: relative;
  width: 200px;
  top: 4px; }

.rui-chart-legend-label span {
  float: left;
  margin-left: 28px;
  margin-top: -3px;
  font-size: 13px; }

.rui-chart-legend-text {
  margin-left: 120px; }

/* RUI: REA User Interface library - Core - v6.5.0
   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 */
  outline: none;
}

/*
* 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: 500px) {
  .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%;
  float: right;
}
.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; }
  .sub-nav {
    position: relative;
    z-index: 10;
    width: 16%;
  }
}
@media (max-width: 560px) {
  .rui-grid .rui-grid-column {
    float: none;
    width: auto;
    margin-left: 0; } }

/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
/*
 * 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("http://s1.rui.au.reastatic.net/rui-static/font/museo-sans-300-v1.eot");
  src: url("http://s1.rui.au.reastatic.net/rui-static/font/museo-sans-300-v1.eot?#iefix") format("embedded-opentype"), url("http://s1.rui.au.reastatic.net/rui-static/font/museo-sans-300-v1.woff") format("woff"), url("http://s1.rui.au.reastatic.net/rui-static/font/museo-sans-300-v1.ttf") format("truetype"), url("http://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("http://s1.rui.au.reastatic.net/rui-static/font/museo-sans-500-v1.eot");
  src: url("http://s1.rui.au.reastatic.net/rui-static/font/museo-sans-500-v1.eot?#iefix") format("embedded-opentype"), url("http://s1.rui.au.reastatic.net/rui-static/font/museo-sans-500-v1.woff") format("woff"), url("http://s1.rui.au.reastatic.net/rui-static/font/museo-sans-500-v1.ttf") format("truetype"), url("http://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("http://s1.rui.au.reastatic.net/rui-static/font/museo-sans-700-v2.eot");
  src: url("http://s1.rui.au.reastatic.net/rui-static/font/museo-sans-700-v2.eot?#iefix") format("embedded-opentype"), url("http://s1.rui.au.reastatic.net/rui-static/font/museo-sans-700-v2.woff") format("woff"), url("http://s1.rui.au.reastatic.net/rui-static/font/museo-sans-700-v2.ttf") format("truetype"), url("http://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
 */
/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
/* RUI Icon font via iconmoon */
@font-face {
  font-family: 'rui-icon';
  src: url("//s1.rui.au.reastatic.net/rui-static/font/icons/2.6/rui-icon.eot");
  src: url("//s1.rui.au.reastatic.net/rui-static/font/icons/2.6/rui-icon.eot?#iefix") format("embedded-opentype"), url("//s1.rui.au.reastatic.net/rui-static/font/icons/2.6/rui-icon.woff") format("woff"), url("//s1.rui.au.reastatic.net/rui-static/font/icons/2.6/rui-icon.ttf") format("truetype"), url("//s1.rui.au.reastatic.net/rui-static/font/icons/2.6/rui-icon.svg#rui-icon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* 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: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-play-video:before {
  content: "\e92e"; }

.rui-icon-star-half-small:before {
  content: "\e92d"; }

.rui-icon-arrow-next:before {
  content: "\e92a"; }

.rui-icon-arrow-previous:before {
  content: "\e92b"; }

.rui-icon-question-small:before {
  content: "\e90f"; }

.rui-icon-question:before {
  content: "\e929"; }

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

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

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

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

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

.rui-icon-remove:before {
  content: "\e917"; }

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

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

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

.rui-icon-camera-small-inverted:before {
  content: "\e90c"; }

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

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

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

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

.rui-icon-play-small-inverted:before {
  content: "\e912"; }

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

.rui-icon-3d-tour-small-inverted:before {
  content: "\e915"; }

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

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

.rui-icon-filters:before {
  content: "\e919"; }

.rui-icon-filters-small:before {
  content: "\e91a"; }

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

.rui-icon-bell:before {
  content: "\e91c"; }

.rui-icon-bell-small:before {
  content: "\e91d"; }

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

.rui-icon-print:before {
  content: "\e91f"; }

.rui-icon-print-small:before {
  content: "\e920"; }

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

.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-inverted:before {
  content: "\e914"; }

.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-minimise-small:before {
  content: "\e932"; }

.rui-icon-expand:before {
  content: "\e930"; }

.rui-icon-expand-small:before {
  content: "\e931"; }

.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;
  outline:none;
}

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

/**
 * 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; }
.rui-button-basic.small, .rui-button-basic-light.small, .rui-button-brand.small, .rui-button-brand-dark.small {
  padding: 0.4em 1em;
}
@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; }

.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; }

/* RUI: REA User Interface library - Forms - v1.1.1
   Copyright 2016, REA Group */

/*
 *
 * REA Group User Interface Library
 * REA Forms, Buttons
 *
  -------------------------------------------------------------------------- */
/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
/* eh? */
/* 25px */
.rui-form {
  margin-bottom: 1.5625em; }

fieldset {
  margin: 0;
  padding: 0; }

.rui-form-element {
  display: block;
  margin-bottom: 1.5625em; }

.rui-form-compact .rui-form-element {
  margin-bottom: 0.5em; }

/* Provide equal margin regardless of being compact form design or not */
.rui-form-compact .rui-form-element:last-child,
.rui-form-compact fieldset:last-child .rui-form-element {
  margin-bottom: 1.5625em; }

/* Should be hidden by JS but if not then make it pretty */
.rui-select {
  border: 2px solid #c3c8ce;
  padding: 13px 16px;
  width: 100%;
  color: #333f48; }

.rui-icon-select-touch-friendly {
  position: absolute;
  line-height: 16.5px;
  font-size: 0.8em;
  margin: 15px 0;
  margin-left: -30px;
  position: absolute;
  color: #697684; }

.rui-input {
  border: 2px solid #c3c8ce;
  padding: 13px 16px;
  border-radius: 4px;
  color: #333f48;
  background-color: #fff;
  font-size: 1em;
  font-family: "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-appearance: none;
  /* Get rid of the inner shadow on ipad */
  -moz-appearance: none;
  /* Same on mobile mozilla */ }
@media only screen and (max-width: 719px) {
  .rui-input {
    border-width: 1px; } }

select.rui-input {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.rui-input:focus {
  outline: none; }

.rui-input-error .rui-input {
  border-color: #ff5961;
  color: #ff5961; }

.rui-input-error .rui-input span {
  color: #ff5961; }

.rui-input,
.rui-select-menu,
.rui-select li {
  box-sizing: border-box;
  width: 100%; }

/* Basically a legend or label, when displayed control how it looks to be consistent. TODO: Improve this */
.rui-form .rui-form-hint {
  padding: 0;
  margin: 0 0 20px;
  color: #111;
  display: block;
  font-size: 1.125em; }

textarea.rui-input {
  min-height: 100px;
  max-height: 150px;
  overflow-y: auto; }

/*
 * Placeholder text
 *
 */
:-moz-placeholder,
::-webkit-input-placeholder {
  color: #999fa3;
  font-style: normal; }

/*
 * Set the font to black once drop-down value is selected
 */
.rui-input.rui-select.rui-image-icon.rui-image-icon-dropdown.rui-toggle-link.rui-value-selected {
  color: #111; }

.rui-input::-webkit-input-placeholder, -moz-placeholder {
  font-style: normal; }

.rui-input-error .rui-input::-webkit-input-placeholder {
  color: #ff5961;
  font-style: normal; }

.rui-input-error .rui-input::-moz-placeholder {
  color: #ff5961;
  font-style: normal; }

/* firefox 19+ */
.rui-input-error input:-moz-placeholder {
  color: #ff5961;
  font-style: normal; }

/*
 * For browsers that don't support placeholder text, and also for whatever
 * reason you want the labels displayed
 *
 */
.rui-form label span {
  display: block;
  font-weight: normal;
  font-family: "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: normal;
  margin-bottom: 0.75em;
  /* 12px */ }

.rui-form label span .rui-form-tagline {
  float: right;
  line-height: 1.5;
  font-size: 0.75em;
  color: #b4bac1; }

/* Have to undo above for the span which gets output inside the rui select menu */
.rui-form label .rui-select-wrapper span {
  display: table-cell;
  font-weight: normal;
  margin-bottom: 0;
  font-family: "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* For the Compact Form design, labels are effectively hidden */
.rui-form-compact label span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.rui-select-menu {
  display: none;
  border: 2px solid #c3c8ce;
  border-top: none;
  border-radius: 4px;
  cursor: pointer;
  padding: 3px 0;
  margin-top: -2px;
  position: absolute;
  background: white;
  max-height: 224px;
  overflow-y: auto;
  z-index: 100;
  font-size: 0.875em; }
.rui-select-menu li {
  padding: 3px 7px;
  margin: 0 3px;
  border-radius: 4px;
  position: relative; }
.rui-select-menu li .rui-select-subtitle {
  font-size: 0.875em; }
.rui-select-menu li .rui-checkbox-hide {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==") 0 0 repeat; }
.rui-select-menu li input[type=checkbox] {
  float: left;
  margin-top: 2px; }
.rui-select-menu li .rui-label {
  display: inline-block;
  padding-left: 5px; }
.rui-select-menu li.rui-current-list {
  color: #fff;
  background: #0084FF;
  cursor: pointer; }
@media only screen and (max-width: 719px) {
  .rui-select-menu {
    border-width: 1px;
    margin-top: -1px; } }

.rui-input-error .rui-select-menu {
  border-color: #ff5961; }

.rui-select-menu li.rui-disabled {
  color: #aaa;
  background: #fff; }
.rui-select-menu li.rui-disabled input[type=checkbox] {
  display: none; }
.rui-select-menu li.rui-disabled, .rui-select-menu li.rui-disabled * {
  cursor: auto; }

.rui-select-wrapper {
  outline: none;
  border-radius: 4px; }
.rui-select-wrapper:after, .rui-select-wrapper:before {
  opacity: 1; }
.ie8 .rui-select-wrapper:after, .ie8 .rui-select-wrapper:before {
  display: block; }
.rui-select-wrapper.rui-select-focused .rui-select-link, .rui-select-wrapper.rui-select-open .rui-select-link {
  position: relative; }

/* Only do this if it's the converted desktop version */
.rui-select-wrapper .rui-select .rui-icon {
  float: right; }

.rui-select-wrapper .rui-select .rui-icon:before {
  margin-right: 0; }

.rui-select-link {
  width: 100%;
  display: table;
  table-layout: fixed; }
.rui-select-link input {
  position: absolute;
  border: none;
  cursor: auto;
  -webkit-appearance: none;
  appearance: none;
  width: 1px !important;
  height: 1px;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  z-index: -1 !important; }
.rui-select-link > span {
  line-height: normal;
  padding-right: 18px;
  width: 100%;
  text-decoration: none;
  color: #333f48; }
.rui-select-link > span, .rui-select-link > i {
  display: table-cell;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
.rui-select-link > i {
  position: relative;
  line-height: .6em;
  font-size: 0.8em; }

.rui-toggle-open,
.rui-select-open .rui-select {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.rui-select-open .rui-select-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.rui-form-icon {
  position: relative; }

.rui-form-icon .rui-input {
  padding-left: 48px; }

.rui-form-icon .rui-icon {
  position: absolute;
  z-index: 11;
  font-size: 1.125em; }

/* Compact and modern browser view */
.rui-form-icon .rui-icon {
  bottom: 0.5em;
  left: 1em; }

.rui-input-error .rui-icon {
  color: #ff5961; }

/* Toggle Controls */
.rui-select-wrapper {
  position: relative; }

.rui-select-wrapper .rui-input {
  cursor: pointer; }

.rui-toggle-container {
  display: none; }

.rui-relative-toggle {
  position: relative; }

.rui-relative-toggle .rui-toggle-container {
  position: absolute; }

/*
 * Checkboxes
  -------------------------------------------------------------------------- */
.rui-checkbox input[type=checkbox] {
  display: none;
  /* use native checkbox for ie8 */ }
.rui-checkbox input[type=checkbox] + label:before {
  font-family: 'rui-icon';
  display: inline-block;
  color: #c3c8ce;
  content: "\e904";
  /* unchecked icon */
  position: relative;
  font-size: 1.5em;
  letter-spacing: .3em;
  /* space between checkbox and label */
  top: .1em; }
.rui-checkbox input[type=checkbox]:checked + label:before {
  content: "\e903";
  /* checked icon */
  color: #2d71d7; }
.rui-checkbox input[type=checkbox]:disabled + label {
  color: #aaa; }
.lt-ie9 .rui-checkbox input[type=checkbox] {
  display: inline-block;
  margin-right: .3em; }
.lt-ie9 .rui-checkbox input[type=checkbox] + label:before {
  content: ""; }

.rui-checkbox.rui-input-error input[type=checkbox] + label {
  color: #ff5961; }
.rui-checkbox.rui-input-error input[type=checkbox] + label:before {
  color: #ff5961; }

/*
 *
 * Non-Compact form
 * For IE8 & IE9 which doesn't support placeholder text or the complex pseudo
 * css selectors which enable our rui-compact-form design
 * we will render the forms with the labels displayed above the fields and no
 * fields nested.
 * DEPENDENCY: The IE classes on the html tag - in this case the .lt-ie10
 * which is for all browsers IE9 and below
 * NOTE: You can always render this by default by removing
 * the .rui-compact-form class
 *
  -------------------------------------------------------------------------- */
/* Instead of collapsing the label text, displays it above the input */
.lt-ie10 .rui-form-compact label span {
  height: auto;
  margin: auto;
  overflow: auto;
  padding: 0;
  position: static;
  width: 100%;
  display: block;
  margin-bottom: 5px; }

/*
 *
 * Messages - Errors and Confirmation
 *
  -------------------------------------------------------------------------- */
/* Defaults to the error colours */
.rui-message {
  margin-bottom: 1.5625em;
  border-radius: 4px;
  padding: .8125em 1.5em .8125em 1em;
  color: #fff;
  position: relative; }
.rui-message.rui-dismissible:after {
  cursor: pointer;
  font-family: 'rui-icon';
  content: "\e600";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  position: absolute;
  right: 1.125em;
  top: 1.4em;
  font-size: .75em; }
@media only screen and (max-width: 719px) {
  .rui-message.rui-message-mobile-fixed {
    position: fixed;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%; } }

.rui-message strong {
  font-family: "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
  color: #fff; }

.rui-error {
  background: #ff5961; }

.rui-success {
  background: #00c694; }

/* Light blue */
.rui-info {
  background: #0084FF; }

/* Orange */
.rui-warning {
  background: #ffb200; }

/*
 * Arrows
 * Use CSS for arrows instead of images
 * TODO: Is this the best method?
  -------------------------------------------------------------------------- */
.rui-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  content: ""; }

.rui-arrow-up {
  border-bottom: 8px solid black;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent; }

.rui-arrow-down {
  border-top: 8px solid black;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent; }

.rui-arrow-left {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid black; }

.rui-arrow-right {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid black; }

/* RUI: REA User Interface library - Header Footer - v1.4.9
   Copyright 2016, REA Group */

/**
 * 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 #e3e3e3;
  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: #333f48;
  font-size: .875em;
  font-weight: normal;
  text-decoration: none;
  display: block;
  padding: 0 18px 0 22px;
  height: 48px;
  line-height: 48px;
  font-family: "Museo-Sans-300", "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-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; }

.rui-burger-container .rui-nav-main a, .rui-burger-container .rui-nav-main a:hover {
  font-family: "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.rui-mobile-nav {
  display: none; }

.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-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; }

/**
 * 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;
  z-index: 20;
  position: relative;
}
.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; } }

/*
 *
 * REA Group User Interface Library
 * REA Header
 * 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-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-person-guy {
  font-size: 28px; }
.rui-header .rui-person-guy:before {
  margin-right: 0.5em; }
.rui-header .rui-person-guy.rui-icon-user-off.rui-toggle-open:after {
  border-bottom-color: #000;
  border-top-color: transparent;
  top: 7px; }
.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-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; }
@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; } }
@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-burger-toggle.rui-mobile span:first-child {
    display: none; }
  .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; } }

@media only screen and (min-width: 801px) {
  .rui-header-mobile-only {
    display: none !important;
    visibility: hidden !important; } }

/* 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
 */
.rui-myrea-nav {
  position: absolute;
  bottom: 0;
  right: 15px;
  font-size: .875em;
  font-family: "Museo-Sans-300", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.rui-myrea-nav .rui-button-brand {
  font-weight: normal; }
@media only screen and (max-width: 880px) {
  .rui-myrea-nav .rui-button-brand {
    padding: 11px 14px; } }
@media only screen and (max-width: 880px) {
  .rui-myrea-nav .rui-button-brand {
    padding-top: 11px;
    padding-bottom: 11px; } }
.rui-myrea-nav .rui-login-buttons {
  display: table; }
@media only screen and (max-width: 800px) {
  .rui-myrea-nav .rui-login-buttons {
    display: none; } }
.rui-myrea-nav .rui-person-guy-menu {
  display: none; }
@media only screen and (max-width: 800px) {
  .rui-myrea-nav .rui-person-guy-menu {
    display: table; } }
.rui-myrea-nav.is-logged-in .rui-login-buttons {
  display: none; }
.rui-myrea-nav.is-logged-in .rui-person-guy-menu {
  display: table; }

@media only screen and (max-width: 880px) {
  .rui-login-btn {
    font-size: 12px; } }

.rui-user-menu-item {
  height: 72px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px; }
@media only screen and (max-width: 800px) {
  .rui-responsive .rui-user-menu-item {
    height: auto; } }
@media only screen and (max-width: 1140px) {
  .logged-out .rui-user-menu-item {
    margin-right: 0;
    padding-left: 10px; }
  .logged-out .rui-user-menu-item:first-child {
    margin-right: 10px; } }

.rui-account-menu-container {
  height: 0;
  position: absolute;
  bottom: -1px;
  overflow: visible;
  z-index: 1000;
  width: 262px;
  margin: 0;
  padding: 0;
  right: -15px; }

.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-mobile-only .rui-account-menu {
  border: none;
  box-shadow: none; }

.rui-side-panel .rui-account-menu {
  display: block; }

.rui-account-menu-item > a {
  display: block;
  text-decoration: none;
  position: relative;
  background-color: #fff;
  line-height: 44px;
  font-size: 14px;
  color: #333f48;
  border-bottom: 1px solid #e3e3e3;
  transition-duration: .1s;
  padding: 0 18px 0 22px;
  height: 48px; }
.rui-account-menu-item > a:hover {
  background-color: #fbfbfb;
  color: #000; }

.disable-nav .rui-account-menu-item > a {
  pointer-events: none;
  color: #c8c9c7; }

@media only screen and (min-width: 801px) {
  .rui-account-menu-item.first a:before, .rui-account-menu-item.first a:after {
    border: solid transparent;
    display: inline-block;
    height: 0;
    width: 0;
    z-index: 1000;
    position: absolute;
    content: ""; }
  .rui-account-menu-item.first a:before {
    border-bottom-color: #BEBEBE;
    border-width: 10px;
    top: -20px;
    right: 27px; }
  .rui-account-menu-item.first a:after {
    border-bottom-color: #fff;
    border-width: 9px;
    top: -18px;
    right: 28px;
    content: ""; }
  .rui-account-menu-item.first a:hover:after {
    border-bottom-color: #fbfbfb; } }

.rui-account-menu-item.last {
  text-align: center;
  padding: 20px;
  box-sizing: border-box; }

.rui-account-menu-item span.rui-user-email {
  font-size: 14px;
  margin-bottom: 20px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 16px;
  overflow: hidden; }

.rui-account-menu-item .rui-button-basic {
  margin-bottom: 8px; }

.rui-account-menu-item .rui-button-basic,
.rui-account-menu-item .rui-button-brand {
  width: 100%;
  box-sizing: border-box; }

.rui-account-menu-item .rui-icon {
  font-size: 18px;
  line-height: 44px;
  color: #333f48;
  float: none; }

.disable-nav .rui-account-menu-item .rui-icon {
  color: #c8c9c7; }

.rui-account-menu-item .rui-icon + span {
  padding-left: 15px; }

/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
.rui-side-panel {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: 9999;
  overflow: hidden; }
.rui-side-panel.is-open {
  visibility: visible;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }
.rui-side-panel__overlay {
  transition-duration: .2s;
  background-color: #21282e;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  visibility: hidden; }
.rui-side-panel.is-open .rui-side-panel__overlay {
  opacity: .8;
  visibility: visible;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }
.rui-side-panel__close {
  position: absolute;
  top: 0;
  left: 100%;
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 1.8em;
  line-height: 50px;
  text-align: center;
  cursor: pointer; }
.rui-side-panel.is-right .rui-side-panel__close {
  left: -50px; }
.rui-side-panel__content {
  background-color: #fff;
  height: 100%; }
.rui-side-panel__cont {
  position: absolute;
  height: 100%;
  width: 240px;
  transition-duration: .3s;
  visibility: hidden;
  -webkit-transform: translate3d(-200%, 0, 0);
  -o-transform: translate3d(-200%, 0, 0);
  -moz-transform: translate3d(-200%, 0, 0);
  transform: translate3d(-200%, 0, 0); }
@media only screen and (min-width: 400px) {
  .rui-side-panel__cont {
    width: 300px; } }
.rui-side-panel.is-right .rui-side-panel__cont {
  right: 0;
  -webkit-transform: translate3d(200%, 0, 0);
  -o-transform: translate3d(200%, 0, 0);
  -moz-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0); }
.rui-side-panel.is-open .rui-side-panel__cont {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.ie9 .rui-side-panel__cont,
.ie8 .rui-side-panel__cont {
  left: -300px; }

.ie9 .rui-side-panel.is-right .rui-side-panel__cont,
.ie8 .rui-side-panel.is-right .rui-side-panel__cont {
  left: 100%; }

.ie9 .rui-side-panel.is-open .rui-side-panel__cont,
.ie8 .rui-side-panel.is-open .rui-side-panel__cont {
  left: 0; }

/* RUI: REA User Interface library - Mapping - v2.0.2
   Copyright 2016, REA Group */

.rui-map {
  width: 100%;
  height: 350px;
  margin: 20px 0; }

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/*Dont set left/top position here, calculated in rui-marker-label.js*/
.map-marker-label {
  position: absolute; }

.map-marker-label.visited {
  /*visited state of label*/ }

.map-marker-label.sold {
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  font-size: 12px !important;
  padding: 0 8px;
  background: #f7a645;
  background: -webkit-linear-gradient(left, #f8af4c 50%, #f7a645 50%, #f7a645 100%);
  background: linear-gradient(to right, #f8af4c 50%, #f7a645 50%, #f7a645 100%);
  border-radius: 2px;
  border: 1px solid rgba(119, 119, 119, 0.5); }

.map-marker-label.sold:before {
  position: absolute;
  width: 7px;
  height: 7px;
  content: " ";
  bottom: -5px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background: #f7a645;
  background: -webkit-linear-gradient(bottom left, #f8af4c 50%, #f7a645 50%, #f7a645 100%);
  background: linear-gradient(to top right, #f8af4c 50%, #f7a645 50%, #f7a645 100%);
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-bottom: 1px solid rgba(119, 119, 119, 0.5);
  border-right: 1px solid rgba(119, 119, 119, 0.5);
  border-radius: 5px 0 0; }

.ie8 .flyout_bg {
  background: #ccc; }

/* Don't set width/height/left/top/right/bottom/position/margin/float, etc on .flyout_content - its
 * dimensions are managed by flyout.js.  Padding is OK though.
 */
.flyout_content {
  background: #fff;
  overflow: hidden;
  /* temporary? while we're returning nonsense content from the AJAX call */
  padding-right: 12px;
  line-height: normal;
  cursor: default;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.35); }

.flyout_content .listing {
  position: relative; }

.flyout_content .galleryContainer {
  width: 120px;
  min-height: 112px;
  margin-right: 11px;
  float: left;
  display: inline-block; }

.flyout_content .photo div div {
  width: 120px;
  height: 90px; }

.flyout_content .gallery {
  line-height: 0px;
  overflow: hidden;
  position: relative;
  visibility: visible; }

.flyout_content .gallery .agency {
  min-height: 22px; }

.flyout_content .locality {
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  display: block;
  color: #3b3b3b;
  text-transform: capitalize; }

.flyout_content .price {
  font-weight: bold;
  font-size: 14px;
  height: 16px;
  line-height: 14px;
  margin-bottom: 6px;
  padding-bottom: 0px;
  color: #3b3b3b; }

.flyout_content .price {
  overflow: hidden;
  white-space: normal;
  height: auto;
  min-height: 16px;
  max-height: 32px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box; }

.flyout_content .address {
  display: block;
  color: #777777;
  height: 16px;
  font-size: 12px; }

.flyout_content .listingInfo {
  padding-top: 12px; }

.flyout_content .locality,
.flyout_content .address {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/*-----Disambig Flyout-----*/
.disambig .flyout_content {
  padding: 0; }

.flyout_footer {
  padding: 10px;
  background-color: #fff;
  border-top: 1px solid #ddd;
  background: linear-gradient(to bottom, #efefef 0%, #fff 100%);
  /* W3C */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #fff));
  /* Chrome,Safari4+ */ }

.flyout_footer h1 {
  font-size: 13px;
  font-weight: normal;
  margin: 0; }

.disambig .listings {
  overflow-y: scroll;
  height: 222px; }

.disambig .listing + .listing {
  margin-top: 10px; }

.disambig .listing {
  display: block;
  clear: both;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  background: #fff;
  text-decoration: none; }

.disambig .listing .features {
  color: #333; }

.disambig .listing:hover {
  background: #f9f9f9; }

.ie8 .disambig .listing {
  border-bottom: 1px solid #ccc; }

.flyout_content .gallery > span {
  position: absolute;
  bottom: 5px;
  left: 4px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 21px;
  font-weight: bold;
  padding: 0 7px;
  z-index: 999; }

.flyout_content .gallery > span.new_listing {
  background: #c8102e; }

.flyout_content .gallery > span.sold {
  background: #EDB200; }

.flyout_content ul.features {
  position: absolute;
  left: 132px;
  bottom: 12px; }

.flyout_content ul.features li {
  display: inline-block;
  line-height: 13px;
  font-weight: bold;
  font-size: 14px;
  margin-right: 3px; }

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

.flyout_content ul.features .rui-icon:before {
  margin-right: 3px;
  font-weight: normal;
  position: relative;
  top: 1px; }

.flyout_content ul.features span {
  font-weight: bold;
  font-size: 13px; }

.flyout_content .detailsLink {
  position: absolute;
  bottom: 6px;
  right: -12px;
  display: table;
  text-align: center;
  width: 38px;
  height: 28px;
  background: #fafafa;
  border: 1px solid #dadada;
  border-right: 0; }

.flyout_content .detailsLink:hover,
.flyout_content .detailsLink:active {
  background: #c8102e;
  border: 1px solid #c8102e; }

.flyout_content .detailsLink > span {
  display: table-cell;
  vertical-align: middle;
  color: #333;
  font-size: 16px; }

.flyout_content .detailsLink:hover > span {
  color: #fff; }

.flyout_content .detailsLink > span:before {
  margin-right: 0; }

/* RUI: REA User Interface library - Property Listings - v3.0.3
   Copyright 2016, REA Group */

/*
 *
 * REA Group User Interface Library
 * Search Results
 *
  ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/**
 * Global variables and mixins used across RUI SCSS
 */
/**
 * Responsive Breakpoints
 */
.rui-property {
  margin: 0 auto;
  padding: 9px 0;
  border-bottom: 1px solid #d0d4d7; }

.rui-property:hover {
  background-color: #fcfcfc; }

.rui-property .rui-property-photo {
  width: 101px;
  float: left; }
@media only screen and (max-width: 500px) {
  .rui-property .rui-property-photo {
    width: 92px; } }

.rui-property .rui-property-photo img {
  width: 100%; }

.rui-property .rui-property-details {
  position: relative;
  width: 100%;
  height: 76px;
  padding-left: 111px;
  font-family: Museo-Sans-500, helvetica, arial, sans-serif;
  font-size: 14px;
  box-sizing: border-box;
  color: #333f48; }
.rui-property .rui-property-details p {
  margin: 20px 0; }
@media only screen and (max-width: 500px) {
  .rui-property .rui-property-details {
    padding-left: 102px;
    height: 69px; }
  .rui-property .rui-property-details p {
    margin: 0; } }

.rui-property .rui-property-address,
.rui-property .rui-property-features,
.rui-property .rui-property-price,
.rui-property .rui-property-sold-date,
.rui-property .rui-property-authority-type,
.rui-property .rui-property-available-date {
  position: absolute; }

.rui-property .rui-property-address {
  width: 48%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
@media only screen and (max-width: 500px) {
  .rui-property .rui-property-address {
    top: 46px;
    font-size: 12px;
    width: 64%; } }

.rui-property .rui-property-price {
  right: 35px;
  width: 27%;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Museo-Sans-500, helvetica, arial, sans-serif; }
@media only screen and (max-width: 500px) {
  .rui-property .rui-property-price {
    left: 102px;
    top: 5px;
    text-align: left;
    width: 40%; } }

.rui-property .rui-property-sold-date,
.rui-property .rui-property-authority-type,
.rui-property .rui-property-available-date {
  font-family: Museo-Sans-300, helvetica, arial, sans-serif;
  right: 35px;
  top: 25px;
  color: #697684;
  font-size: 14px;
  width: 40%;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
@media only screen and (max-width: 500px) {
  .rui-property .rui-property-sold-date,
  .rui-property .rui-property-authority-type,
  .rui-property .rui-property-available-date {
    right: 15px;
    top: 9px;
    font-size: 12px;
    width: 30%; } }

.rui-property .rui-property-features {
  top: 25px;
  margin-top: 20px;
  color: #697684;
  font-size: 14px; }
@media only screen and (max-width: 500px) {
  .rui-property .rui-property-features {
    margin-top: 0; } }

.rui-property .rui-property-features dt,
.rui-property .rui-property-features dd {
  display: inline-block;
  margin: 0; }

.rui-property .rui-property-features .rui-icon:before {
  margin-right: .1em; }

.rui-property .rui-property-features dd {
  margin-right: 5px; }

.rui-property .rui-property-arrow {
  position: absolute;
  right: 0px;
  top: 30px; }
@media only screen and (max-width: 500px) {
  .rui-property .rui-property-arrow {
    display: none; } }

/* RUI: REA User Interface Library - School Information - v2.1.0
   Copyright 2016, REA Group */

.rui-school-information .rui-school-content ul li.rui-school-item .rui-school-basic-info span.rui-school-type, .rui-school-information .rui-school-content ul li.rui-school-item .rui-school-basic-info span.rui-school-sector {
  display: inline-block;
  padding: 15px 12px;
  color: #333f48; }

.rui-school-information {
  font-family: "Museo-Sans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  min-width: 400px;
  font-size: 14px;
  box-sizing: border-box;
  color: #333f48;
  line-height: 1em; }
.rui-school-information .rui-school-title {
  font-weight: bold;
  padding-bottom: 16px;
  font-size: 14px; }
.rui-school-information .rui-school-content ul {
  list-style: none;
  padding: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 4px; }
.rui-school-information .rui-school-content ul li.rui-school-item:nth-last-child(2) {
  border-bottom: none; }
.rui-school-information .rui-school-content ul li.rui-school-item {
  display: block;
  position: relative;
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #ddd; }
.rui-school-information .rui-school-content ul li.rui-school-item:nth-child(-n+2) {
  display: block; }
.rui-school-information .rui-school-content ul li.rui-school-item span {
  display: inline-block;
  padding: 0px;
  vertical-align: middle;
  box-sizing: border-box; }
.rui-school-information .rui-school-content ul li.rui-school-item span.rui-school-name {
  display: inline-block;
  padding: 15px 12px;
  position: relative;
  width: 48%;
  height: 100%;
  color: #333f48; }
.rui-school-information .rui-school-content ul li.rui-school-item span.rui-school-name a {
  display: inline;
  height: auto;
  padding: 0px 0px 2px 0px;
  color: #333f48;
  text-decoration: none; }
.rui-school-information .rui-school-content ul li.rui-school-item span.rui-school-name a span {
  padding: 0px;
  max-width: 80%;
  height: 17px;
  line-height: 17px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
.rui-school-information .rui-school-content ul li.rui-school-item .rui-school-basic-info {
  box-sizing: border-box;
  display: inline-block;
  width: 40%;
  padding-top: 0px; }
.rui-school-information .rui-school-content ul li.rui-school-item .rui-school-basic-info span.rui-school-type {
  border-right: none;
  width: 50%;
  color: #697684; }
.rui-school-information .rui-school-content ul li.rui-school-item .rui-school-basic-info span.rui-school-type:after {
  content: ""; }
.rui-school-information .rui-school-content ul li.rui-school-item .rui-school-basic-info span.rui-school-sector {
  width: 50%;
  color: #697684;
  text-overflow: ellipsis;
  overflow: hidden; }
.rui-school-information .rui-school-content ul li.rui-school-item span.rui-school-distance {
  display: inline-block;
  width: 12%;
  position: static;
  top: -9px;
  color: #697684;
  padding: 15px 12px;
  margin: 0;
  text-align: center; }
.rui-school-information .rui-school-content ul li.rui-school-item span.rui-school-arrow-icon {
  display: none; }
.rui-school-information .rui-school-content ul li.rui-school-item.no-link span.rui-school-name a {
  border-bottom: none;
  pointer-events: none;
  cursor: default; }
.rui-school-information .rui-school-content ul li.rui-school-show-more {
  display: none; }
.rui-school-information .rui-school-switcher-viewport {
  height: 240px; }
.rui-school-information .rui-school-switcher-buttons {
  text-align: center;
  margin-bottom: 14px; }
.rui-school-information .rui-school-disclaimer {
  text-align: center;
  color: #697684;
  font-size: 12px;
  line-height: 18px; }
.rui-school-information .rui-school-disclaimer .rui-school-disclaimer-header {
  padding: 20px 0;
  line-height: 16px;
  height: 16px; }
.rui-school-information .rui-school-disclaimer .rui-school-disclaimer-header .rui-school-disclaimer-clickable {
  display: inline-block;
  cursor: pointer;
  padding-right: 23px;
  max-width: 80%;
  box-sizing: border-box; }
.rui-school-information .rui-school-disclaimer .rui-school-disclaimer-header .rui-school-disclaimer-clickable .rui-school-disclaimer-title {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0px; }
.rui-school-information .rui-school-disclaimer .rui-school-disclaimer-header .rui-school-disclaimer-clickable .rui-school-disclaimer-arrow {
  display: inline-block;
  width: 14px;
  height: 14px;
  font-size: 18px;
  margin-left: 8px;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
.rui-school-information .rui-school-disclaimer .rui-school-disclaimer-header .rui-school-disclaimer-clickable .rui-icon-arrow-down:before {
  margin: 0; }
.rui-school-information .rui-school-disclaimer .rui-school-disclaimer-header .rui-school-disclaimer-clickable .rui-school-disclaimer-arrow-up {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg); }
.rui-school-information .rui-school-disclaimer .rui-school-disclaimer-hide {
  overflow: hidden;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
.rui-school-information .rui-school-disclaimer .rui-school-disclaimer-show {
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  overflow: hidden;
  max-height: 500px; }

@media (min-width: 481px) and (max-width: 800px) {
  .rui-school-information .rui-school-content ul li.rui-school-item span.rui-school-name {
    width: 42%; }
  .rui-school-information .rui-school-content ul li.rui-school-item span.rui-school-distance {
    width: 18%; } }

@media (max-width: 480px) {
  .rui-school-information {
    min-width: 240px;
    font-size: 14px; }
  .rui-school-information .rui-school-switcher-viewport {
    height: 160px; }
  .rui-school-information .rui-school-switcher-viewport-show-all {
    height: 306px; }
  .rui-school-information .rui-school-title {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 16px; }
  .rui-school-information .rui-school-content ul {
    border-bottom: none; }
  .rui-school-information .rui-school-content ul li.rui-school-item:nth-last-child(2) {
    border-bottom: 1px solid #ddd; }
  .rui-school-information .rui-school-content ul li.rui-school-item {
    display: none;
    height: 60px; }
  .rui-school-information .rui-school-content ul li.rui-school-item span {
    padding: 10px 0px 10px 10px; }
  .rui-school-information .rui-school-content ul li.rui-school-item span.rui-school-name {
    display: block;
    padding: 0;
    width: 100%;
    position: absolute;
    z-index: 10; }
  .rui-school-information .rui-school-content ul li.rui-school-item span.rui-school-name a {
    display: block;
    padding: 13px 0 0 10px;
    height: 47px;
    color: #333f48;
    border-bottom: none; }
  .rui-school-information .rui-school-content ul li.rui-school-item span.rui-school-name a span {
    max-width: 65%; }
  .rui-school-information .rui-school-content ul li.rui-school-item .rui-school-basic-info {
    box-sizing: border-box;
    display: inline-block;
    width: 68%;
    padding-top: 32px; }
  .rui-school-information .rui-school-content ul li.rui-school-item .rui-school-basic-info span.rui-school-sector {
    display: inline-block;
    padding: 0 0 0 10px;
    color: #969fa9;
    font-size: 12px;
    width: auto; }
  .rui-school-information .rui-school-content ul li.rui-school-item .rui-school-basic-info span.rui-school-type {
    display: inline-block;
    padding: 0 0 0 10px;
    color: #969fa9;
    font-size: 12px;
    border-right: none;
    width: auto; }
  .rui-school-information .rui-school-content ul li.rui-school-item .rui-school-basic-info span.rui-school-type:after {
    content: "|";
    padding-left: 10px; }
  .rui-school-information .rui-school-content ul li.rui-school-item span.rui-school-distance {
    display: inline-block;
    padding: 0;
    margin: 0;
    color: #333f48;
    width: 22%;
    position: relative;
    top: -9px;
    text-align: right; }
  .rui-school-information .rui-school-content ul li.rui-school-item span.rui-school-arrow-icon {
    display: inline-block;
    width: 10%;
    position: relative;
    top: -8px;
    font-size: 16px;
    margin: 0;
    padding: 0;
    text-align: center; }
  .rui-school-information .rui-school-content ul li.rui-school-item.no-link span.rui-school-arrow-icon {
    display: none; }
  .rui-school-information .rui-school-content ul li.rui-school-show-more {
    color: #2d71d7;
    font-family: "Museo-Sans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    text-align: center;
    cursor: pointer;
    height: 40px;
    line-height: 40px; } }

/* RUI: REA User Interface Library - Slide Switcher - v0.2.1
   Copyright 2016, REA Group */

.rui-switcher-buttons {
  position: relative;
  line-height: 1em;
  border: 1px solid #eae7e1;
  background-color: #f6f4f0;
  border-radius: 1.25em;
  text-align: center;
  display: inline-block;
  padding: 0;
  white-space: nowrap;
  font-family: Museo-Sans-500, helvetica, arial, sans-serif; }
.rui-switcher-buttons > .rui-switcher-item, .rui-switcher-buttons .rui-switcher-button-slider {
  min-width: 3em;
  border-radius: 1.25em;
  padding: 0.7em 0; }
.rui-switcher-buttons > .rui-switcher-item {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 0.7em 1em;
  color: #1A2024;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-animation-duration: .2s;
  animation-duration: .2s; }
.rui-switcher-buttons > .rui-switcher-item.is-selected {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
  color: #fff;
  cursor: default; }
.rui-switcher-buttons .rui-switcher-button-slider {
  display: block;
  position: absolute;
  background-color: #353f48; }
.rui-switcher-buttons .rui-switcher-button-slider.is-hidden {
  display: none; }
.rui-switcher-buttons .rui-switcher-button-slider:after {
  content: '.';
  visibility: hidden; }

.rui-switcher-panes {
  position: relative;
  overflow: hidden; }
.rui-switcher-panes > .rui-switcher-item {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none; }
.rui-switcher-panes > .rui-switcher-item.is-selected {
  display: block;
  position: relative; }
.rui-switcher-panes > .rui-switcher-item.ltr, .rui-switcher-panes > .rui-switcher-item.rtl {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
.rui-switcher-panes > .rui-switcher-item.is-in {
  display: block; }
.rui-switcher-panes > .rui-switcher-item.is-in.ltr {
  -webkit-animation-name: transitionInLTR;
  animation-name: transitionInLTR; }
.rui-switcher-panes > .rui-switcher-item.is-in.rtl {
  -webkit-animation-name: transitionInRTL;
  animation-name: transitionInRTL; }
.rui-switcher-panes > .rui-switcher-item.is-out {
  display: block; }
.rui-switcher-panes > .rui-switcher-item.is-out.ltr {
  -webkit-animation-name: transitionOutLTR;
  animation-name: transitionOutLTR; }
.rui-switcher-panes > .rui-switcher-item.is-out.rtl {
  -webkit-animation-name: transitionOutRTL;
  animation-name: transitionOutRTL; }

@-webkit-keyframes transitionInLTR {
  0% {
    top: 0;
    left: -100%; }
  100% {
    top: 0;
    left: 0; } }

@keyframes transitionInLTR {
  0% {
    top: 0;
    left: -100%; }
  100% {
    top: 0;
    left: 0; } }

@-webkit-keyframes transitionOutLTR {
  0% {
    top: 0;
    left: 0; }
  100% {
    top: 0;
    left: 100%; } }

@keyframes transitionOutLTR {
  0% {
    top: 0;
    left: 0; }
  100% {
    top: 0;
    left: 100%; } }

@-webkit-keyframes transitionInRTL {
  0% {
    top: 0;
    left: 100%; }
  100% {
    top: 0;
    left: 0; } }

@keyframes transitionInRTL {
  0% {
    top: 0;
    left: 100%; }
  100% {
    top: 0;
    left: 0; } }

@-webkit-keyframes transitionOutRTL {
  0% {
    top: 0;
    left: 0; }
  100% {
    top: 0;
    left: -100%; } }

@keyframes transitionOutRTL {
  0% {
    top: 0;
    left: 0; }
  100% {
    top: 0;
    left: -100%; } }

/* RUI: REA User Interface Library - RUI table - v0.1.1
   Copyright 2016, REA Group */

.rui-table {
  background-color: transparent; }

.rui-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
.rui-table > thead > tr > th,
.rui-table > thead > tr > td,
.rui-table > tbody > tr > th,
.rui-table > tbody > tr > td,
.rui-table > tfoot > tr > th,
.rui-table > tfoot > tr > td {
  padding: 12px 8px;
  line-height: 1.25;
  vertical-align: top;
  border-top: 1px solid #e4e4e4; }
.rui-table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #e4e4e4;
  font-family: Museo-Sans-500, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #697684; }
.rui-table > caption + thead > tr:first-child > th,
.rui-table > caption + thead > tr:first-child > td,
.rui-table > colgroup + thead > tr:first-child > th,
.rui-table > colgroup + thead > tr:first-child > td,
.rui-table > thead:first-child > tr:first-child > th,
.rui-table > thead:first-child > tr:first-child > td {
  border-top: 0; }
.rui-table > tbody + tbody {
  border-top: 2px solid #e4e4e4; }
.rui-table .rui-table {
  background-color: inherit; }

.rui-table-condensed > thead > tr > th,
.rui-table-condensed > thead > tr > td,
.rui-table-condensed > tbody > tr > th,
.rui-table-condensed > tbody > tr > td,
.rui-table-condensed > tfoot > tr > th,
.rui-table-condensed > tfoot > tr > td {
  padding: 4px; }

.rui-table-bordered {
  border: 1px solid #e4e4e4; }
.rui-table-bordered > thead > tr > th,
.rui-table-bordered > thead > tr > td,
.rui-table-bordered > tbody > tr > th,
.rui-table-bordered > tbody > tr > td,
.rui-table-bordered > tfoot > tr > th,
.rui-table-bordered > tfoot > tr > td {
  border: 1px solid #e4e4e4; }
.rui-table-bordered > thead > tr > th,
.rui-table-bordered > thead > tr > td {
  border-bottom-width: 1px; }

.rui-table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f5f5f6; }

.rui-table-hover > tbody > tr:hover {
  background-color: #eaeaec; }

.rui-table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
@media screen and (max-width: 768px) {
  .rui-table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #e4e4e4; }
  .rui-table-responsive > .rui-table {
    margin-bottom: 0; }
  .rui-table-responsive > .rui-table > thead > tr > th,
  .rui-table-responsive > .rui-table > thead > tr > td,
  .rui-table-responsive > .rui-table > tbody > tr > th,
  .rui-table-responsive > .rui-table > tbody > tr > td,
  .rui-table-responsive > .rui-table > tfoot > tr > th,
  .rui-table-responsive > .rui-table > tfoot > tr > td {
    white-space: nowrap; }
  .rui-table-responsive > .rui-table-bordered {
    border: 0; }
  .rui-table-responsive > .rui-table-bordered > thead > tr > th:first-child,
  .rui-table-responsive > .rui-table-bordered > thead > tr > td:first-child,
  .rui-table-responsive > .rui-table-bordered > tbody > tr > th:first-child,
  .rui-table-responsive > .rui-table-bordered > tbody > tr > td:first-child,
  .rui-table-responsive > .rui-table-bordered > tfoot > tr > th:first-child,
  .rui-table-responsive > .rui-table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .rui-table-responsive > .rui-table-bordered > thead > tr > th:last-child,
  .rui-table-responsive > .rui-table-bordered > thead > tr > td:last-child,
  .rui-table-responsive > .rui-table-bordered > tbody > tr > th:last-child,
  .rui-table-responsive > .rui-table-bordered > tbody > tr > td:last-child,
  .rui-table-responsive > .rui-table-bordered > tfoot > tr > th:last-child,
  .rui-table-responsive > .rui-table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .rui-table-responsive > .rui-table-bordered > tbody > tr:last-child > th,
  .rui-table-responsive > .rui-table-bordered > tbody > tr:last-child > td,
  .rui-table-responsive > .rui-table-bordered > tfoot > tr:last-child > th,
  .rui-table-responsive > .rui-table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; } }