@charset "UTF-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - -
*  Helpers
* - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Variables
 * - - - - - - - - - - - - - - - - - - - - - - - - */
/* Typography */
/* Responsive Breakpoints */
/* Grid */
/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Functions
 * - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Animation
 * - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Functional
 * - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Keyframes
 * - - - - - - - - - - - - - - - - - - - - - - - - */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */ } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */ } }
/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Structural
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

.constrained {
  *zoom: 1; }
  .constrained:before, .constrained:after {
    content: " ";
    display: table; }
  .constrained:after {
    clear: both; }
  @media (min-width: 1200px) {
    .constrained {
      margin: 0 auto;
      max-width: 1200px; } }

.constrained-960 {
  *zoom: 1; }
  .constrained-960:before, .constrained-960:after {
    content: " ";
    display: table; }
  .constrained-960:after {
    clear: both; }
  @media (min-width: 960px) {
    .constrained-960 {
      margin: 0 auto;
      max-width: 960px; } }

.constrained-1060 {
  *zoom: 1; }
  .constrained-1060:before, .constrained-1060:after {
    content: " ";
    display: table; }
  .constrained-1060:after {
    clear: both; }
  @media (min-width: 1060px) {
    .constrained-1060 {
      margin: 0 auto;
      max-width: 1060px; } }

.valign {
  display: table;
  width: 100%;
  height: 100%; }

.valign-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Visual
 * - - - - - - - - - - - - - - - - - - - - - - - - */
@media (min-width: 0px) {
  .all-show {
    display: none !important; } }
@media (max-width: 0px) {
  .all-hide {
    display: none !important; } }
@media (min-width: 321px) {
  .mobile-small-show {
    display: none !important; } }
@media (max-width: 321px) {
  .mobile-small-hide {
    display: none !important; } }
@media (min-width: 481px) {
  .mobile-show {
    display: none !important; } }
@media (max-width: 481px) {
  .mobile-hide {
    display: none !important; } }
@media (min-width: 641px) {
  .phablet-show {
    display: none !important; } }
@media (max-width: 641px) {
  .phablet-hide {
    display: none !important; } }
@media (min-width: 769px) {
  .tablet-show {
    display: none !important; } }
@media (max-width: 769px) {
  .tablet-hide {
    display: none !important; } }
@media (min-width: 1025px) {
  .narrow-show {
    display: none !important; } }
@media (max-width: 1025px) {
  .narrow-hide {
    display: none !important; } }
@media (min-width: 1281px) {
  .desktop-show {
    display: none !important; } }
@media (max-width: 1281px) {
  .desktop-hide {
    display: none !important; } }
@media (min-width: 1601px) {
  .wide-desktop-show {
    display: none !important; } }
@media (max-width: 1601px) {
  .wide-desktop-hide {
    display: none !important; } }
.visually-hidden {
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important; }

.hidden {
  display: none !important; }

.hide-text {
  text-indent: -9999px;
  display: block;
  overflow: hidden; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
*  Core
* - - - - - - - - - - - - - - - - - - - - - - - - */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

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

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Fonts
 * - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Base
 * - - - - - - - - - - - - - - - - - - - - - - - - */
html {
  box-sizing: border-box; }

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

body,
html {
  font-family: "Open Sans", san-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 100; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 16px;
  line-height: 1.5; }

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

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

a {
  text-decoration: none; }
  a:link, a:visited {
    color: t #6c8cc0 !important; }

strong {
  font-weight: 700; }

.page {
  overflow: hidden;
  margin-top: 60px; }
  @media (min-width: 769px) {
    .page {
      margin-top: 70px; } }

.main-content {
  position: relative;
  overflow: hidden;
  background-color: #fff; }

.wysiwyg {
  font-size: 16px; }
  .wysiwyg ul, .wysiwyg ol {
    padding-left: 30px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
*  Layout
* - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Forms
 * - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Grid
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.grid {
  *zoom: 1;
  font-size: 0;
  margin: 0 -10px; }
  .grid:before, .grid:after {
    content: " ";
    display: table; }
  .grid:after {
    clear: both; }
  .grid.collapsed {
    margin: 0; }
    .grid.collapsed .column {
      padding: 0; }
  .grid .column {
    display: inline-block;
    font-size: 1rem;
    padding: 0 10px;
    overflow: hidden;
    width: 100%;
    vertical-align: middle; }

@media (min-width: 320px) and (max-width: 480px) {
  .right-mobile-small-to-mobile {
    float: right; } }

@media (min-width: 320px) and (max-width: 480px) {
  .left-mobile-small-to-mobile {
    float: left; } }

@media (min-width: 480px) and (max-width: 640px) {
  .right-mobile-to-phablet {
    float: right; } }

@media (min-width: 480px) and (max-width: 640px) {
  .left-mobile-to-phablet {
    float: left; } }

@media (min-width: 640px) and (max-width: 768px) {
  .right-phablet-to-tablet {
    float: right; } }

@media (min-width: 640px) and (max-width: 768px) {
  .left-phablet-to-tablet {
    float: left; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .right-tablet-to-narrow {
    float: right; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .left-tablet-to-narrow {
    float: left; } }

@media (min-width: 1024px) and (max-width: 1280px) {
  .right-narrow-to-desktop {
    float: right; } }

@media (min-width: 1024px) and (max-width: 1280px) {
  .left-narrow-to-desktop {
    float: left; } }

@media (min-width: 1280px) and (max-width: 1600px) {
  .right-desktop-to-wide-desktop {
    float: right; } }

@media (min-width: 1280px) and (max-width: 1600px) {
  .left-desktop-to-wide-desktop {
    float: left; } }

@media (min-width: 0px) {
  .grid .column.all-1 {
    width: 8.33333%; }
  .grid .column.all-offset-1 {
    margin-left: 8.33333%; }

  .grid .column.all-2 {
    width: 16.66666%; }
  .grid .column.all-offset-2 {
    margin-left: 16.66666%; }

  .grid .column.all-3 {
    width: 25%; }
  .grid .column.all-offset-3 {
    margin-left: 25%; }

  .grid .column.all-4 {
    width: 33.33333%; }
  .grid .column.all-offset-4 {
    margin-left: 33.33333%; }

  .grid .column.all-5 {
    width: 41.66666%; }
  .grid .column.all-offset-5 {
    margin-left: 41.66666%; }

  .grid .column.all-6 {
    width: 50%; }
  .grid .column.all-offset-6 {
    margin-left: 50%; }

  .grid .column.all-7 {
    width: 58.33333%; }
  .grid .column.all-offset-7 {
    margin-left: 58.33333%; }

  .grid .column.all-8 {
    width: 66.66666%; }
  .grid .column.all-offset-8 {
    margin-left: 66.66666%; }

  .grid .column.all-9 {
    width: 75%; }
  .grid .column.all-offset-9 {
    margin-left: 75%; }

  .grid .column.all-10 {
    width: 83.33333%; }
  .grid .column.all-offset-10 {
    margin-left: 83.33333%; }

  .grid .column.all-11 {
    width: 91.66666%; }
  .grid .column.all-offset-11 {
    margin-left: 91.66666%; }

  .grid .column.all-12 {
    width: 100%; }
  .grid .column.all-offset-12 {
    margin-left: 100%; }

  .grid .column.all-fifth {
    width: 20%; }
  .grid .column.all-offset-fifth {
    margin-left: 20%; }

  .grid .row.all-match {
    display: table; }
    .grid .row.all-match .column {
      display: table-cell; } }
@media (min-width: 321px) {
  .grid .column.mobile-small-1 {
    width: 8.33333%; }
  .grid .column.mobile-small-offset-1 {
    margin-left: 8.33333%; }

  .grid .column.mobile-small-2 {
    width: 16.66666%; }
  .grid .column.mobile-small-offset-2 {
    margin-left: 16.66666%; }

  .grid .column.mobile-small-3 {
    width: 25%; }
  .grid .column.mobile-small-offset-3 {
    margin-left: 25%; }

  .grid .column.mobile-small-4 {
    width: 33.33333%; }
  .grid .column.mobile-small-offset-4 {
    margin-left: 33.33333%; }

  .grid .column.mobile-small-5 {
    width: 41.66666%; }
  .grid .column.mobile-small-offset-5 {
    margin-left: 41.66666%; }

  .grid .column.mobile-small-6 {
    width: 50%; }
  .grid .column.mobile-small-offset-6 {
    margin-left: 50%; }

  .grid .column.mobile-small-7 {
    width: 58.33333%; }
  .grid .column.mobile-small-offset-7 {
    margin-left: 58.33333%; }

  .grid .column.mobile-small-8 {
    width: 66.66666%; }
  .grid .column.mobile-small-offset-8 {
    margin-left: 66.66666%; }

  .grid .column.mobile-small-9 {
    width: 75%; }
  .grid .column.mobile-small-offset-9 {
    margin-left: 75%; }

  .grid .column.mobile-small-10 {
    width: 83.33333%; }
  .grid .column.mobile-small-offset-10 {
    margin-left: 83.33333%; }

  .grid .column.mobile-small-11 {
    width: 91.66666%; }
  .grid .column.mobile-small-offset-11 {
    margin-left: 91.66666%; }

  .grid .column.mobile-small-12 {
    width: 100%; }
  .grid .column.mobile-small-offset-12 {
    margin-left: 100%; }

  .grid .column.mobile-small-fifth {
    width: 20%; }
  .grid .column.mobile-small-offset-fifth {
    margin-left: 20%; }

  .grid .row.mobile-small-match {
    display: table; }
    .grid .row.mobile-small-match .column {
      display: table-cell; } }
@media (min-width: 481px) {
  .grid .column.mobile-1 {
    width: 8.33333%; }
  .grid .column.mobile-offset-1 {
    margin-left: 8.33333%; }

  .grid .column.mobile-2 {
    width: 16.66666%; }
  .grid .column.mobile-offset-2 {
    margin-left: 16.66666%; }

  .grid .column.mobile-3 {
    width: 25%; }
  .grid .column.mobile-offset-3 {
    margin-left: 25%; }

  .grid .column.mobile-4 {
    width: 33.33333%; }
  .grid .column.mobile-offset-4 {
    margin-left: 33.33333%; }

  .grid .column.mobile-5 {
    width: 41.66666%; }
  .grid .column.mobile-offset-5 {
    margin-left: 41.66666%; }

  .grid .column.mobile-6 {
    width: 50%; }
  .grid .column.mobile-offset-6 {
    margin-left: 50%; }

  .grid .column.mobile-7 {
    width: 58.33333%; }
  .grid .column.mobile-offset-7 {
    margin-left: 58.33333%; }

  .grid .column.mobile-8 {
    width: 66.66666%; }
  .grid .column.mobile-offset-8 {
    margin-left: 66.66666%; }

  .grid .column.mobile-9 {
    width: 75%; }
  .grid .column.mobile-offset-9 {
    margin-left: 75%; }

  .grid .column.mobile-10 {
    width: 83.33333%; }
  .grid .column.mobile-offset-10 {
    margin-left: 83.33333%; }

  .grid .column.mobile-11 {
    width: 91.66666%; }
  .grid .column.mobile-offset-11 {
    margin-left: 91.66666%; }

  .grid .column.mobile-12 {
    width: 100%; }
  .grid .column.mobile-offset-12 {
    margin-left: 100%; }

  .grid .column.mobile-fifth {
    width: 20%; }
  .grid .column.mobile-offset-fifth {
    margin-left: 20%; }

  .grid .row.mobile-match {
    display: table; }
    .grid .row.mobile-match .column {
      display: table-cell; } }
@media (min-width: 641px) {
  .grid .column.phablet-1 {
    width: 8.33333%; }
  .grid .column.phablet-offset-1 {
    margin-left: 8.33333%; }

  .grid .column.phablet-2 {
    width: 16.66666%; }
  .grid .column.phablet-offset-2 {
    margin-left: 16.66666%; }

  .grid .column.phablet-3 {
    width: 25%; }
  .grid .column.phablet-offset-3 {
    margin-left: 25%; }

  .grid .column.phablet-4 {
    width: 33.33333%; }
  .grid .column.phablet-offset-4 {
    margin-left: 33.33333%; }

  .grid .column.phablet-5 {
    width: 41.66666%; }
  .grid .column.phablet-offset-5 {
    margin-left: 41.66666%; }

  .grid .column.phablet-6 {
    width: 50%; }
  .grid .column.phablet-offset-6 {
    margin-left: 50%; }

  .grid .column.phablet-7 {
    width: 58.33333%; }
  .grid .column.phablet-offset-7 {
    margin-left: 58.33333%; }

  .grid .column.phablet-8 {
    width: 66.66666%; }
  .grid .column.phablet-offset-8 {
    margin-left: 66.66666%; }

  .grid .column.phablet-9 {
    width: 75%; }
  .grid .column.phablet-offset-9 {
    margin-left: 75%; }

  .grid .column.phablet-10 {
    width: 83.33333%; }
  .grid .column.phablet-offset-10 {
    margin-left: 83.33333%; }

  .grid .column.phablet-11 {
    width: 91.66666%; }
  .grid .column.phablet-offset-11 {
    margin-left: 91.66666%; }

  .grid .column.phablet-12 {
    width: 100%; }
  .grid .column.phablet-offset-12 {
    margin-left: 100%; }

  .grid .column.phablet-fifth {
    width: 20%; }
  .grid .column.phablet-offset-fifth {
    margin-left: 20%; }

  .grid .row.phablet-match {
    display: table; }
    .grid .row.phablet-match .column {
      display: table-cell; } }
@media (min-width: 769px) {
  .grid .column.tablet-1 {
    width: 8.33333%; }
  .grid .column.tablet-offset-1 {
    margin-left: 8.33333%; }

  .grid .column.tablet-2 {
    width: 16.66666%; }
  .grid .column.tablet-offset-2 {
    margin-left: 16.66666%; }

  .grid .column.tablet-3 {
    width: 25%; }
  .grid .column.tablet-offset-3 {
    margin-left: 25%; }

  .grid .column.tablet-4 {
    width: 33.33333%; }
  .grid .column.tablet-offset-4 {
    margin-left: 33.33333%; }

  .grid .column.tablet-5 {
    width: 41.66666%; }
  .grid .column.tablet-offset-5 {
    margin-left: 41.66666%; }

  .grid .column.tablet-6 {
    width: 50%; }
  .grid .column.tablet-offset-6 {
    margin-left: 50%; }

  .grid .column.tablet-7 {
    width: 58.33333%; }
  .grid .column.tablet-offset-7 {
    margin-left: 58.33333%; }

  .grid .column.tablet-8 {
    width: 66.66666%; }
  .grid .column.tablet-offset-8 {
    margin-left: 66.66666%; }

  .grid .column.tablet-9 {
    width: 75%; }
  .grid .column.tablet-offset-9 {
    margin-left: 75%; }

  .grid .column.tablet-10 {
    width: 83.33333%; }
  .grid .column.tablet-offset-10 {
    margin-left: 83.33333%; }

  .grid .column.tablet-11 {
    width: 91.66666%; }
  .grid .column.tablet-offset-11 {
    margin-left: 91.66666%; }

  .grid .column.tablet-12 {
    width: 100%; }
  .grid .column.tablet-offset-12 {
    margin-left: 100%; }

  .grid .column.tablet-fifth {
    width: 20%; }
  .grid .column.tablet-offset-fifth {
    margin-left: 20%; }

  .grid .row.tablet-match {
    display: table; }
    .grid .row.tablet-match .column {
      display: table-cell; } }
@media (min-width: 1025px) {
  .grid .column.narrow-1 {
    width: 8.33333%; }
  .grid .column.narrow-offset-1 {
    margin-left: 8.33333%; }

  .grid .column.narrow-2 {
    width: 16.66666%; }
  .grid .column.narrow-offset-2 {
    margin-left: 16.66666%; }

  .grid .column.narrow-3 {
    width: 25%; }
  .grid .column.narrow-offset-3 {
    margin-left: 25%; }

  .grid .column.narrow-4 {
    width: 33.33333%; }
  .grid .column.narrow-offset-4 {
    margin-left: 33.33333%; }

  .grid .column.narrow-5 {
    width: 41.66666%; }
  .grid .column.narrow-offset-5 {
    margin-left: 41.66666%; }

  .grid .column.narrow-6 {
    width: 50%; }
  .grid .column.narrow-offset-6 {
    margin-left: 50%; }

  .grid .column.narrow-7 {
    width: 58.33333%; }
  .grid .column.narrow-offset-7 {
    margin-left: 58.33333%; }

  .grid .column.narrow-8 {
    width: 66.66666%; }
  .grid .column.narrow-offset-8 {
    margin-left: 66.66666%; }

  .grid .column.narrow-9 {
    width: 75%; }
  .grid .column.narrow-offset-9 {
    margin-left: 75%; }

  .grid .column.narrow-10 {
    width: 83.33333%; }
  .grid .column.narrow-offset-10 {
    margin-left: 83.33333%; }

  .grid .column.narrow-11 {
    width: 91.66666%; }
  .grid .column.narrow-offset-11 {
    margin-left: 91.66666%; }

  .grid .column.narrow-12 {
    width: 100%; }
  .grid .column.narrow-offset-12 {
    margin-left: 100%; }

  .grid .column.narrow-fifth {
    width: 20%; }
  .grid .column.narrow-offset-fifth {
    margin-left: 20%; }

  .grid .row.narrow-match {
    display: table; }
    .grid .row.narrow-match .column {
      display: table-cell; } }
@media (min-width: 1281px) {
  .grid .column.desktop-1 {
    width: 8.33333%; }
  .grid .column.desktop-offset-1 {
    margin-left: 8.33333%; }

  .grid .column.desktop-2 {
    width: 16.66666%; }
  .grid .column.desktop-offset-2 {
    margin-left: 16.66666%; }

  .grid .column.desktop-3 {
    width: 25%; }
  .grid .column.desktop-offset-3 {
    margin-left: 25%; }

  .grid .column.desktop-4 {
    width: 33.33333%; }
  .grid .column.desktop-offset-4 {
    margin-left: 33.33333%; }

  .grid .column.desktop-5 {
    width: 41.66666%; }
  .grid .column.desktop-offset-5 {
    margin-left: 41.66666%; }

  .grid .column.desktop-6 {
    width: 50%; }
  .grid .column.desktop-offset-6 {
    margin-left: 50%; }

  .grid .column.desktop-7 {
    width: 58.33333%; }
  .grid .column.desktop-offset-7 {
    margin-left: 58.33333%; }

  .grid .column.desktop-8 {
    width: 66.66666%; }
  .grid .column.desktop-offset-8 {
    margin-left: 66.66666%; }

  .grid .column.desktop-9 {
    width: 75%; }
  .grid .column.desktop-offset-9 {
    margin-left: 75%; }

  .grid .column.desktop-10 {
    width: 83.33333%; }
  .grid .column.desktop-offset-10 {
    margin-left: 83.33333%; }

  .grid .column.desktop-11 {
    width: 91.66666%; }
  .grid .column.desktop-offset-11 {
    margin-left: 91.66666%; }

  .grid .column.desktop-12 {
    width: 100%; }
  .grid .column.desktop-offset-12 {
    margin-left: 100%; }

  .grid .column.desktop-fifth {
    width: 20%; }
  .grid .column.desktop-offset-fifth {
    margin-left: 20%; }

  .grid .row.desktop-match {
    display: table; }
    .grid .row.desktop-match .column {
      display: table-cell; } }
@media (min-width: 1601px) {
  .grid .column.wide-desktop-1 {
    width: 8.33333%; }
  .grid .column.wide-desktop-offset-1 {
    margin-left: 8.33333%; }

  .grid .column.wide-desktop-2 {
    width: 16.66666%; }
  .grid .column.wide-desktop-offset-2 {
    margin-left: 16.66666%; }

  .grid .column.wide-desktop-3 {
    width: 25%; }
  .grid .column.wide-desktop-offset-3 {
    margin-left: 25%; }

  .grid .column.wide-desktop-4 {
    width: 33.33333%; }
  .grid .column.wide-desktop-offset-4 {
    margin-left: 33.33333%; }

  .grid .column.wide-desktop-5 {
    width: 41.66666%; }
  .grid .column.wide-desktop-offset-5 {
    margin-left: 41.66666%; }

  .grid .column.wide-desktop-6 {
    width: 50%; }
  .grid .column.wide-desktop-offset-6 {
    margin-left: 50%; }

  .grid .column.wide-desktop-7 {
    width: 58.33333%; }
  .grid .column.wide-desktop-offset-7 {
    margin-left: 58.33333%; }

  .grid .column.wide-desktop-8 {
    width: 66.66666%; }
  .grid .column.wide-desktop-offset-8 {
    margin-left: 66.66666%; }

  .grid .column.wide-desktop-9 {
    width: 75%; }
  .grid .column.wide-desktop-offset-9 {
    margin-left: 75%; }

  .grid .column.wide-desktop-10 {
    width: 83.33333%; }
  .grid .column.wide-desktop-offset-10 {
    margin-left: 83.33333%; }

  .grid .column.wide-desktop-11 {
    width: 91.66666%; }
  .grid .column.wide-desktop-offset-11 {
    margin-left: 91.66666%; }

  .grid .column.wide-desktop-12 {
    width: 100%; }
  .grid .column.wide-desktop-offset-12 {
    margin-left: 100%; }

  .grid .column.wide-desktop-fifth {
    width: 20%; }
  .grid .column.wide-desktop-offset-fifth {
    margin-left: 20%; }

  .grid .row.wide-desktop-match {
    display: table; }
    .grid .row.wide-desktop-match .column {
      display: table-cell; } }
.lte8 .grid .column {
  font-size: 16px;
  line-height: 1.5; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
*  Atoms
* - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Buttons
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.button {
  text-transform: uppercase;
  font-weight: 300;
  display: inline-block;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  border: 0;
  cursor: pointer;
  outline: 0;
  text-align: center;
  transition: all 100ms ease-out;
  background-color: rgba(108, 140, 192, 0.8);
  font-weight: 400; }
  .button, .button:link, .button:visited {
    color: #fff; }
  .button:hover, .button:focus {
    background-color: #4b71ae; }

.button.inverted {
  text-transform: uppercase;
  font-weight: 300;
  display: inline-block;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  border: 0;
  cursor: pointer;
  outline: 0;
  text-align: center;
  transition: all 100ms ease-out;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #fff;
  font-weight: 100;
  padding: 0 40px; }
  .button.inverted, .button.inverted:link, .button.inverted:visited {
    color: #fff; }
  .button.inverted:hover, .button.inverted:focus {
    background-color: #fff;
    color: #6c8cc0; }

.button.inverted-blue {
  text-transform: uppercase;
  font-weight: 300;
  display: inline-block;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  border: 0;
  cursor: pointer;
  outline: 0;
  text-align: center;
  transition: all 100ms ease-out;
  background-color: rgba(0, 21, 52, 0);
  border: 1px solid #001534;
  font-weight: 100;
  padding: 0 40px; }
  .button.inverted-blue, .button.inverted-blue:link, .button.inverted-blue:visited {
    color: #001534; }
  .button.inverted-blue:hover, .button.inverted-blue:focus {
    background-color: #001534;
    color: #fff; }

.button.inverted-gold {
  text-transform: uppercase;
  font-weight: 300;
  display: inline-block;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  border: 0;
  cursor: pointer;
  outline: 0;
  text-align: center;
  transition: all 100ms ease-out;
  background-color: rgba(204, 158, 111, 0);
  border: 1px solid #cc9e6f;
  font-weight: 100;
  padding: 0 40px; }
  .button.inverted-gold, .button.inverted-gold:link, .button.inverted-gold:visited {
    color: #cc9e6f; }
  .button.inverted-gold:hover, .button.inverted-gold:focus {
    background-color: #cc9e6f;
    color: #fff; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Form
 * - - - - - - - - - - - - - - - - - - - - - - - - */
fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

select,
input,
textarea,
.dropdown-label,
.dropdown-content {
  border: 0;
  border-radius: 0;
  outline: 0;
  padding: 0 20px;
  text-align: left; }
  select.hSmall,
  input.hSmall,
  textarea.hSmall,
  .dropdown-label.hSmall,
  .dropdown-content.hSmall {
    height: 50px;
    line-height: 50px; }
  select.hStandard,
  input.hStandard,
  textarea.hStandard,
  .dropdown-label.hStandard,
  .dropdown-content.hStandard {
    line-height: 60px;
    height: 60px; }
  select.wLong,
  input.wLong,
  textarea.wLong,
  .dropdown-label.wLong,
  .dropdown-content.wLong {
    min-width: 165px; }
  select.w20,
  input.w20,
  textarea.w20,
  .dropdown-label.w20,
  .dropdown-content.w20 {
    width: 20%; }
  select.w25,
  input.w25,
  textarea.w25,
  .dropdown-label.w25,
  .dropdown-content.w25 {
    width: 25%; }
  select.w3rd,
  input.w3rd,
  textarea.w3rd,
  .dropdown-label.w3rd,
  .dropdown-content.w3rd {
    width: 33.33%; }
  select.w50,
  input.w50,
  textarea.w50,
  .dropdown-label.w50,
  .dropdown-content.w50 {
    width: 50%; }
  select.w23rd,
  input.w23rd,
  textarea.w23rd,
  .dropdown-label.w23rd,
  .dropdown-content.w23rd {
    width: 66.66%; }
  select.w75,
  input.w75,
  textarea.w75,
  .dropdown-label.w75,
  .dropdown-content.w75 {
    width: 75%; }
  select.w80,
  input.w80,
  textarea.w80,
  .dropdown-label.w80,
  .dropdown-content.w80 {
    width: 80%; }
  select.w100,
  input.w100,
  textarea.w100,
  .dropdown-label.w100,
  .dropdown-content.w100 {
    width: 100%; }
  select.tStandard,
  input.tStandard,
  textarea.tStandard,
  .dropdown-label.tStandard,
  .dropdown-content.tStandard {
    background-color: rgba(255, 255, 255, 0.85); }
  select.tInverted,
  input.tInverted,
  textarea.tInverted,
  .dropdown-label.tInverted,
  .dropdown-content.tInverted {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #ebebeb; }

select,
.dropdown-label {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0 40px 0 20px;
  background-image: url("../images/icons/icon-chevron-down.svg");
  background-size: 9px 7px;
  background-repeat: no-repeat;
  background-position: calc(100% - 13px) center; }

.dropdown {
  position: relative;
  display: inline-block;
  user-select: none;
  cursor: default; }

.dropdown-content {
  position: absolute;
  min-width: 100%;
  padding-bottom: 20px; }

.dropdown-label:not(.open) + .dropdown-content {
  display: none; }

input[type="checkbox"],
input[type="radio"] {
  width: 15px;
  height: 15px;
  background-color: #fff;
  border: 0;
  transition: all 100ms ease-out;
  cursor: pointer;
  border: 0px solid transparent; }
  input[type="checkbox"]:checked,
  input[type="radio"]:checked {
    background-color: #6c8cc0;
    border: 3px solid #fff; }

label.checkbox {
  display: block;
  line-height: 15px; }
  label.checkbox input {
    margin-right: 5px;
    vertical-align: top; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Icons
 * - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Table
 * - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - -
*  Molecules
* - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Menu
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.primary-menu {
  line-height: 70px;
  text-align: center; }
  @media (max-width: 1024px) {
    .primary-menu {
      display: none; } }
  .primary-menu .list {
    font-size: 0; }
  .primary-menu .item {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem; }
    .primary-menu .item.active .link:after {
      visibility: visible;
      height: 5px;
      opacity: 1; }
  .primary-menu .link, .primary-menu .link:link, .primary-menu .link:visited {
    font-size: 20px;
    line-height: 70px;
    position: relative;
    display: block;
    padding: 0 30px;
    color: #fff; }
  .primary-menu .link:hover:after, .primary-menu .link:focus:after {
    visibility: visible;
    height: 5px;
    opacity: 1; }



/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Secondary Menu
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.secondary-menu-open .secondary-menu-content {
  transform: translateX(0px); }
.secondary-menu-open .secondary-menu .toggle {
  transform: translateX(-270px); }
  @media (min-width: 481px) {
    .secondary-menu-open .secondary-menu .toggle {
      transform: translateX(-400px); } }
  @media (min-width: 769px) {
    .secondary-menu-open .secondary-menu .toggle {
      transform: translateX(-480px); } }
  .secondary-menu-open .secondary-menu .toggle-star {
    visibility: hidden;
    opacity: 0; }
  .secondary-menu-open .secondary-menu .toggle-icon {
    background-color: transparent; }
    .secondary-menu-open .secondary-menu .toggle-icon:before, .secondary-menu-open .secondary-menu .toggle-icon:after {
      background-color: #fff; }
    .secondary-menu-open .secondary-menu .toggle-icon:before {
      top: 0;
      transform: rotate(45deg); }
    .secondary-menu-open .secondary-menu .toggle-icon:after {
      bottom: 0;
      transform: rotate(-45deg); }
.secondary-menu-open .secondary-menu .my-favourites .favourites-icon {
  left: 0;
  visibility: visible;
  opacity: 1; }
.secondary-menu-content {
  position: fixed;
  top: 0;
  right: 0;
  overflow: auto;
  width: 270px;
  height: 100%;
  transition: all 600ms ease-in-out;
  transform: translateX(270px);
  background: #fff;
  background-color: #001534; }
  @media (min-width: 481px) {
    .secondary-menu-content {
      width: 400px;
      transform: translateX(400px); } }
  @media (min-width: 769px) {
    .secondary-menu-content {
      width: 480px;
      transform: translateX(480px); } }
.secondary-menu .my-favourites {
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
  padding: 25px 20px;
  cursor: pointer;
  color: #fff; }
  @media (min-width: 481px) {
    .secondary-menu .my-favourites {
      padding: 25px 40px; } }
  @media (min-width: 769px) {
    .secondary-menu .my-favourites {
      font-size: 18px;
      padding: 25px 130px 25px 90px; } }
  .secondary-menu .my-favourites .favourites-icon {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    outline: 0;
    transform: scale(1);
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background-image: url("../images/icons/icon-star-gold.svg");
    height: 24px;
    width: 25px;
    position: relative;
    left: -40px;
    display: inline-block;
    visibility: hidden;
    margin: 0 10px 0 0;
    transition: 250ms 300ms ease-out;
    vertical-align: middle;
    opacity: 0; }
    .secondary-menu .my-favourites .favourites-icon:before {
      content: "star-gold"; }
    @media (max-width: 768px) {
      .secondary-menu .my-favourites .favourites-icon {
        width: 19px;
        height: 17px; } }
  .secondary-menu .my-favourites .favourites-text {
    vertical-align: middle; }
.secondary-menu .toggle {
  position: absolute;
  top: 5px;
  right: -1px;
  background-color: #001534;
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: 600ms all ease-in-out; }
  @media (min-width: 769px) {
    .secondary-menu .toggle {
      top: 10px; } }
  .secondary-menu .toggle-star {
    position: absolute;
    top: 4px;
    right: 6px;
    visibility: visible;
    width: 18px !important;
    height: 17px !important;
    transition: all 200ms ease-out;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    outline: 0;
    transform: scale(1);
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background-image: url("../images/icons/icon-star-gold.svg");
    height: 24px;
    width: 25px; }
    .secondary-menu .toggle-star:before {
      content: "star-gold"; }
  .secondary-menu .toggle-icon {
    position: absolute;
    top: calc(50% - (25px / 2));
    left: calc(50% - (25px / 2));
    width: 25px;
    height: 3px;
    margin-top: 10px;
    transition: 600ms all ease-in-out;
    background-color: #fff; }
    .secondary-menu .toggle-icon:before, .secondary-menu .toggle-icon:after {
      position: absolute;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      content: '';
      transition: 600ms all ease-in-out;
      background-color: #fff; }
    .secondary-menu .toggle-icon:before {
      top: -10px; }
    .secondary-menu .toggle-icon:after {
      bottom: -10px; }
  .secondary-menu .toggle-text {
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important; }
.secondary-menu .list {
  list-style-type: none; }
.secondary-menu .link, .secondary-menu .link:link, .secondary-menu .link:visited,
.secondary-menu .title,
.secondary-menu .title:link,
.secondary-menu .title:visited {
  color: #fff;
  outline: 0; }
.secondary-menu .link.level1:hover, .secondary-menu .link.level1:focus {
  text-decoration: underline; }
.secondary-menu .list-1 {
  padding: 40px 30px 10px; }
  @media (min-width: 481px) {
    .secondary-menu .list-1 {
      padding: 40px 40px 10px; } }
  @media (min-width: 769px) {
    .secondary-menu .list-1 {
      padding: 40px 130px 20px 90px; } }
  .secondary-menu .list-1 h1 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #fff; }
  .secondary-menu .list-1 .item.level0 {
    margin-bottom: 25px; }
    @media (min-width: 769px) {
      .secondary-menu .list-1 .item.level0 {
        min-width: 260px; } }
  .secondary-menu .list-1 .link.level0 {
    font-weight: 600;
    position: relative;
    display: block;
    text-transform: uppercase; }
    @media (min-width: 769px) {
      .secondary-menu .list-1 .link.level0 {
        font-size: 18px; } }
    .secondary-menu .list-1 .link.level0.ui-state-active:after {
      content: '–'; }
    .secondary-menu .list-1 .link.level0:after {
      font-size: 24px;
      font-weight: 100;
      line-height: 24px;
      position: absolute;
      top: calc(50% - 12px);
      right: 0;
      width: 24px;
      height: 24px;
      content: '+';
      cursor: pointer;
      text-align: center;
      outline: 0; }
  .secondary-menu .list-1 .link.level1 {
    font-weight: 100;
    display: block;
    margin: 15px 0 0; }
.secondary-menu .list-2 .link.level0 {
  display: block;
  margin-bottom: 5px;
  padding: 25px 30px;
  cursor: pointer;
  background-color: #253751; }
  @media (min-width: 481px) {
    .secondary-menu .list-2 .link.level0 {
      padding: 25px 40px; } }
  @media (min-width: 769px) {
    .secondary-menu .list-2 .link.level0 {
      font-size: 18px;
      padding: 25px 130px 25px 90px; } }
  .secondary-menu .list-2 .link.level0 .icon-wrapper {
    position: relative;
    display: block; }
    .secondary-menu .list-2 .link.level0 .icon-wrapper:after {
      font-size: 24px;
      font-weight: 100;
      line-height: 24px;
      position: absolute;
      top: calc(50% - 12px);
      right: 0;
      width: 24px;
      height: 24px;
      content: '+';
      cursor: pointer;
      text-align: center;
      outline: 0; }
  .secondary-menu .list-2 .link.level0.ui-state-active {
    font-weight: 600; }
    .secondary-menu .list-2 .link.level0.ui-state-active .icon-wrapper:after {
      content: '–'; }
.secondary-menu .list-2 .link.level1 {
  font-weight: 100;
  display: block;
  padding: 10px 0;
  transition: all 300ms ease-out; }
.secondary-menu .list-2 .list.level1 {
  padding: 5px 30px 25px; }
  @media (min-width: 481px) {
    .secondary-menu .list-2 .list.level1 {
      padding: 5px 40px 25px; } }
  @media (min-width: 769px) {
    .secondary-menu .list-2 .list.level1 {
      padding: 5px 130px 40px 90px; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Footer Menu
 * - - - - - - - - - - - - - - - - - - - - - - - - */
@media (max-width: 768px) {
  .footer-menu {
    padding: 0 15px; } }
.footer-menu .heading {
  position: relative;
  margin: 0 0 5px;
  color: #fff;
  outline: 0;
  font-size: 1rem;
  line-height: 1.5; }
  @media (min-width: 481px) {
    .footer-menu .heading {
      font-size: 1rem;
      line-height: 1.5; } }
  @media (min-width: 769px) {
    .footer-menu .heading {
      font-size: 1rem;
      line-height: 1.5; } }
  @media (min-width: 1025px) {
    .footer-menu .heading {
      font-size: 1rem;
      line-height: 1.5; } }
  @media (max-width: 768px) {
    .footer-menu .heading {
      font-weight: 600;
      cursor: pointer;
      text-transform: uppercase; } }
  .footer-menu .heading.ui-accordion-header:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: '+'; }
  .footer-menu .heading.ui-accordion-header.ui-state-active:after {
    content: '-'; }
.footer-menu .list {
  list-style-type: none; }
.footer-menu .item.level0 {
  margin-top: 12px; }
  @media (min-width: 769px) {
    .footer-menu .item.level0 {
      margin-top: 25px; } }
.footer-menu .link.level1, .footer-menu .link.level1:link, .footer-menu .link.level1:visited {
  font-weight: 100;
  line-height: 32px;
  color: #fff; }
.footer-menu .link.level1:hover, .footer-menu .link.level1:focus {
  text-decoration: underline; }
@media (max-width: 768px) {
  .footer-menu-desktop {
    display: none; } }
.footer-menu-mobile .column:nth-child(2) {
  margin-bottom: 25px; }
.footer-menu-mobile .column .item:first-child {
  margin: 0; }
@media (min-width: 769px) {
  .footer-menu-mobile {
    display: none; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Secondary Menu
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.hero-menu {
  padding: 0 45px; }
  @media (min-width: 641px) {
    .hero-menu {
      display: none; } }
  .hero-menu .title {
    font-weight: 100;
    color: #fff;
    font-size: 1.75rem;
    line-height: 1.28571;
    margin-top: 0px;
    margin-bottom: 24px; }
    @media (min-width: 481px) {
      .hero-menu .title {
        font-size: 2rem;
        line-height: 1.28571; } }
    @media (min-width: 769px) {
      .hero-menu .title {
        font-size: 2.375rem;
        line-height: 1.28571; } }
    @media (min-width: 1025px) {
      .hero-menu .title {
        font-size: 3rem;
        line-height: 1.28571; } }
  .hero-menu .list {
    list-style-type: none; }
  .hero-menu .item {
    margin-bottom: 10px; }
  .hero-menu .link {
    width: 50%;
    min-width: 160px;
    text-transform: uppercase;
    font-weight: 300;
    display: inline-block;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border: 0;
    cursor: pointer;
    outline: 0;
    text-align: center;
    transition: all 100ms ease-out;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #fff;
    font-weight: 100;
    padding: 0 40px; }
    .hero-menu .link, .hero-menu .link:link, .hero-menu .link:visited {
      color: #fff; }
    .hero-menu .link:hover, .hero-menu .link:focus {
      background-color: #fff;
      color: #6c8cc0; }
    @media (max-width: 640px) {
      .hero-menu .link {
        line-height: 34px;
        height: 38px;
        padding: 0;
        text-transform: uppercase;
        color: #fff;
        border: 2px solid #fff;
        background-color: rgba(255, 255, 255, 0.14); } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Logo Primary
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.logo-primary {
  position: absolute;
  top: 17px;
  left: 20px;
  display: block;
  width: 148px;
  height: 25px;
  transition: all 200ms ease-out;
  outline: 0; }
  @media (min-width: 769px) {
    .logo-primary {
      top: 20px;
      left: 30px;
      width: 196px;
      height: 32px; } }
  .logo-primary span {
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important; }
  .logo-primary svg {
    width: 100%;
    height: 100%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Logo Footer
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.logo-footer {
  display: inline-block;
  width: 169px;
  height: 37px;
  background-image: url("../images/logo.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain; }
  @media (max-width: 768px) {
    .logo-footer {
      margin-left: -30px; } }
  @media (min-width: 769px) {
    .logo-footer {
      width: 100%;
      height: 0;
      padding-bottom: 22%; } }
  .logo-footer span {
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Hero Search
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.hero-search {
  font-size: 0;
  display: inline-block;
  width: calc(100% - 20px);
  max-width: 1020px;
  padding: 30px 20px;
  background-color: rgba(0, 0, 0, 0.5); }
  @media (min-width: 641px) {
    .hero-search {
      width: calc(100% - 40px);
      padding: 40px; } }
  @media (min-width: 769px) {
    .hero-search .selectize-input {
      height: 60px !important; } }
  .hero-search legend {
    margin: 36px 0;
    color: #fff;
    font-size: 1.75rem;
    line-height: 1.28571;
    width: 100%;
    text-align: center; }
    @media (min-width: 481px) {
      .hero-search legend {
        font-size: 2rem;
        line-height: 1.28571; } }
    @media (min-width: 769px) {
      .hero-search legend {
        font-size: 2.375rem;
        line-height: 1.28571; } }
    @media (min-width: 1025px) {
      .hero-search legend {
        font-size: 3rem;
        line-height: 1.28571; } }
    @media (max-width: 640px) {
      .hero-search legend {
        display: none; } }
  .hero-search input,
  .hero-search select,
  .hero-search textarea,
  .hero-search .dropdown {
    font-size: 1rem;
    margin-right: 1px;
    vertical-align: middle;
    color: #555555; }
  .hero-search .dropdown {
    z-index: 1; }
  .hero-search .checkbox {
    font-size: 15px;
    margin-top: 5px;
    white-space: nowrap; }
  .hero-search #listing_type {
    width: 145px; }
    @media (max-width: 640px) {
      .hero-search #listing_type {
        display: none; } }
  .hero-search #property_type {
    width: 185px; }
    @media (max-width: 768px) {
      .hero-search #property_type, .hero-search #property_type + .dropdown-content {
        display: none; } }
  .hero-search--field {
    display: inline-block;
    width: 100%;
    margin-right: 1px;
    text-align: left;
    vertical-align: top; }
    @media (min-width: 641px) {
      .hero-search--field {
        width: calc(100% - (145px + 160px + 5px)); } }
    @media (min-width: 769px) {
      .hero-search--field {
        width: calc(100% - (145px + 185px + 160px + 5px)); } }
  @media (max-width: 640px) {
    .hero-search .actions {
      margin-top: 5px;
      text-align: right; } }
  @media (min-width: 641px) {
    .hero-search .actions {
      margin-left: 10px;
      display: inline-block;
      vertical-align: middle;
      font-size: 1rem; } }
  .hero-search .actions .action.search {
    min-width: 150px;
    color: #fff; }
    @media (max-width: 640px) {
      .hero-search .actions .action.search {
        width: 100%; } }
    @media (min-width: 641px) {
      .hero-search .actions .action.search {
        line-height: 60px;
        height: 60px; } }
  .hero-search .extra {
    font-size: 1rem;
    margin: 20px 0 0 0;
    text-align: right; }
    @media (max-width: 640px) {
      .hero-search .extra {
        display: none; } }
    .hero-search .extra label,
    .hero-search .extra input {
      vertical-align: middle; }
    .hero-search .extra label {
      margin-left: 3px;
      color: #fff;
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Chrome/Safari/Opera */
      -khtml-user-select: none;
      /* Konqueror */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently not supported by any browser */ }
  .hero-search .refinements {
    margin-top: 15px;
    text-align: left; }
    .hero-search .refinements--button {
      font-size: 1rem;
      font-weight: 600;
      position: relative;
      display: block;
      cursor: pointer;
      text-align: right;
      color: #fff;
      outline: 0;
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Chrome/Safari/Opera */
      -khtml-user-select: none;
      /* Konqueror */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently not supported by any browser */ }
      @media (min-width: 641px) {
        .hero-search .refinements--button {
          padding-right: 20px; } }
      @media (min-width: 641px) {
        .hero-search .refinements--button:after {
          position: absolute;
          top: calc(50% - 3px);
          right: 0;
          display: block;
          width: 9px;
          height: 7px;
          content: '';
          transition: all 200ms ease-out;
          background-image: url("../images/icons/icon-chevron-down-white.svg");
          background-repeat: no-repeat;
          background-size: contain; } }
    .hero-search .refinements.open .refinements--button:after, .hero-search .refinements.initial-open .refinements--button:after {
      top: calc(50% - 5px);
      transform: rotate(180deg); }
    .hero-search .refinements.initial-open .refinements--contents {
      display: block; }
    .hero-search .refinements--contents {
      display: none; }
      @media (max-width: 640px) {
        .hero-search .refinements--contents {
          display: none !important; } }
    .hero-search .refinements--fieldset {
      display: inline-block;
      margin-top: 15px;
      white-space: nowrap; }

.hero.small .hero-search {
  background-color: transparent; }
  .hero.small .hero-search legend {
    display: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Logo Footer
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.support-footer {
  height: 90px;
  background-image: url("../images/woodards-foundation.svg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain; }
  .support-footer span {
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Download App
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.download-app {
  display: block;
  margin: 10px 0 40px; }
  @media (min-width: 1281px) {
    .download-app {
      margin: 25px 0 55px; } }
  .download-app .text,
  .download-app .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem; }
  .download-app .text {
    font-size: 0.875rem;
    line-height: 1.71429;
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.5); }
    @media (min-width: 481px) {
      .download-app .text {
        font-size: 0.875rem;
        line-height: 1.71429; } }
    @media (min-width: 769px) {
      .download-app .text {
        font-size: 0.875rem;
        line-height: 1.71429; } }
    @media (min-width: 1025px) {
      .download-app .text {
        font-size: 0.875rem;
        line-height: 1.71429; } }
  .download-app .icon {
    width: 123px;
    height: 40px;
    margin: 10px 0 0 10px;
    background-image: url("../images/download-app.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Footer Copyright
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.footer-copyright {
  padding: 10px 20px;
  background-color: #252525; }
  @media (min-width: 769px) {
    .footer-copyright {
      padding: 20px;
      background-color: #333333; } }
  .footer-copyright .copyright {
    line-height: 18px; }
    @media (min-width: 769px) {
      .footer-copyright .copyright {
        line-height: 32px;
        float: left; } }
    @media (max-width: 768px) {
      .footer-copyright .copyright {
        text-align: center; } }
    .footer-copyright .copyright span {
      font-size: 11px;
      color: rgba(255, 255, 255, 0.37); }
      @media (min-width: 769px) {
        .footer-copyright .copyright span {
          font-size: 12px;
          color: rgba(255, 255, 255, 0.6); } }
    .footer-copyright .copyright a, .footer-copyright .copyright a:link, .footer-copyright .copyright a:visited {
      transition: all 200ms ease-out;
      color: rgba(255, 255, 255, 0.37); }
      @media (max-width: 768px) {
        .footer-copyright .copyright a, .footer-copyright .copyright a:link, .footer-copyright .copyright a:visited {
          display: block; } }
      @media (min-width: 769px) {
        .footer-copyright .copyright a, .footer-copyright .copyright a:link, .footer-copyright .copyright a:visited {
          color: rgba(255, 255, 255, 0.6); } }
    .footer-copyright .copyright a:hover, .footer-copyright .copyright a:focus {
      color: white; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Social Footer
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.social-footer {
  float: right; }
  @media (max-width: 768px) {
    .social-footer {
      display: none; } }
  .social-footer .list {
    font-size: 0; }
  .social-footer .item {
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem; }
  .social-footer .link {
    display: block;
    width: 32px;
    height: 32px;
    transition: all 200ms ease-out;
    border-radius: 50%;
    background-color: #d0d0d0;
    background-repeat: no-repeat;
    background-position: center center; }
    .social-footer .link:hover, .social-footer .link:focus {
      background-color: #fff; }
    .social-footer .link span {
      visibility: hidden !important;
      opacity: 0 !important;
      height: 0 !important;
      width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      overflow: hidden !important;
      display: block !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important; }
    .social-footer .link.facebook {
      background-image: url("../images/icons/icon-facebook-gray.svg");
      background-size: 8px 16px; }
    .social-footer .link.twitter {
      background-image: url("../images/icons/icon-twitter-gray.svg");
      background-size: 16px 16px; }
    .social-footer .link.instagram {
      background-image: url("../images/icons/icon-instagram-gray.svg");
      background-size: 16px 16px; }
    .social-footer .link.youtube {
      background-image: url("../images/icons/icon-youtube-gray.svg");
      background-size: 16px 11px; }
    .social-footer .link.linkedin {
      background-image: url("../images/icons/icon-linkedin-gray.svg");
      background-size: 16px 15px; }
    .social-footer .link.googleplus {
      background-image: url("../images/icons/icon-google-plus-gray.svg");
      background-size: 16px 16px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Search Toolbar
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.search-toolbar {
  position: relative;
  margin-bottom: 30px;
  *zoom: 1; }
  .search-toolbar:before, .search-toolbar:after {
    content: " ";
    display: table; }
  .search-toolbar:after {
    clear: both; }
  @media (max-width: 768px) {
    .search-toolbar {
      padding: 0 20px; } }
  @media (min-width: 769px) {
    .search-toolbar {
      margin-bottom: 50px; } }
  .search-toolbar .states {
    float: left; }
    @media (max-width: 768px) {
      .search-toolbar .states {
        width: calc(100% - 267px);
        text-align: right; } }
    @media (max-width: 480px) {
      .search-toolbar .states {
        width: calc(100% - 150px); } }
    .search-toolbar .states svg {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      max-width: 100%;
      height: auto;
      max-height: 100%;
      margin: 0 auto;
      fill: #919191; }
    .search-toolbar .states .list-icon,
    .search-toolbar .states .map-icon,
    .search-toolbar .states .search-icon {
      position: relative;
      width: 35px;
      height: 35px;
      cursor: pointer;
      background-color: #f7f7f7;
      display: inline-block;
      vertical-align: middle;
      font-size: 1rem; }
      @media (min-width: 769px) {
        .search-toolbar .states .list-icon,
        .search-toolbar .states .map-icon,
        .search-toolbar .states .search-icon {
          width: 50px;
          height: 50px; } }
    .search-toolbar .states .search-icon {
      float: left; }
      @media (min-width: 769px) {
        .search-toolbar .states .search-icon {
          display: none; } }
      .search-toolbar .states .search-icon svg {
        top: calc(50% - (20px / 2));
        left: calc(50% - (20px / 2));
        width: 20px;
        height: 20px; }
    .search-toolbar .states .list-icon {
      margin-right: 5px; }
      @media (min-width: 769px) {
        .search-toolbar .states .list-icon {
          margin-right: 10px; } }
      .search-toolbar .states .list-icon svg {
        top: calc(50% - (15px / 2));
        left: calc(50% - (21px / 2));
        width: 21px;
        height: 15px; }
        @media (min-width: 769px) {
          .search-toolbar .states .list-icon svg {
            top: calc(50% - (23px / 2));
            left: calc(50% - (32px / 2));
            width: 32px;
            height: 23px; } }
    .search-toolbar .states .map-icon svg {
      top: calc(50% - (18px / 2));
      left: calc(50% - (12px / 2));
      width: 12px;
      height: 18px; }
      @media (min-width: 769px) {
        .search-toolbar .states .map-icon svg {
          top: calc(50% - (28px / 2));
          left: calc(50% - (19px / 2));
          width: 19px;
          height: 28px; } }
    .search-toolbar .states .my-favourites {
      font-size: 14px;
      margin-left: 10px;
      vertical-align: middle;
      text-transform: uppercase;
      text-transform: uppercase;
      font-weight: 300;
      display: inline-block;
      padding: 0 20px;
      height: 50px;
      line-height: 50px;
      border: 0;
      cursor: pointer;
      outline: 0;
      text-align: center;
      transition: all 100ms ease-out;
      background-color: rgba(204, 158, 111, 0);
      border: 1px solid #cc9e6f;
      font-weight: 100;
      padding: 0 40px; }
      .search-toolbar .states .my-favourites, .search-toolbar .states .my-favourites:link, .search-toolbar .states .my-favourites:visited {
        color: #cc9e6f; }
      .search-toolbar .states .my-favourites:hover, .search-toolbar .states .my-favourites:focus {
        background-color: #cc9e6f;
        color: #fff; }
  .search-toolbar .sorter {
    float: right; }
    @media (max-width: 480px) {
      .search-toolbar .sorter #sortOrder {
        display: none; } }
    .search-toolbar .sorter select {
      line-height: 35px;
      height: 35px;
      padding: 0 35px 0 12px;
      background-color: #f7f7f7; }
      @media (max-width: 768px) {
        .search-toolbar .sorter select {
          font-size: 12px; } }
      @media (min-width: 769px) {
        .search-toolbar .sorter select {
          line-height: 50px;
          height: 50px;
          padding: 0 40px 0 20px; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
*  Search Pagination
* - - - - - - - - - - - - - - - - - - - - - - - - */
@media (max-width: 768px) {
  .search-pagination {
    margin-top: 20px; } }
.search-pagination .list {
  font-size: 0;
  list-style-type: none;
  text-align: center; }
.search-pagination .item {
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem; }
  @media (min-width: 769px) {
    .search-pagination .item {
      margin-right: 15px; } }
  .search-pagination .item:last-child {
    margin-right: 0; }
  .search-pagination .item.active .link {
    color: #fff;
    background-color: #a3a3a3; }
.search-pagination .link {
  line-height: 50px;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center; }
  .search-pagination .link, .search-pagination .link:link, .search-pagination .link:visited {
    transition: all 200ms ease-out;
    color: #333333;
    background-color: #f7f7f7; }
  .search-pagination .link:hover, .search-pagination .link:focus {
    color: #fff;
    background-color: #a3a3a3; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Team Toolbar
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.team-toolbar {
  font-size: 0; }
  @media (min-width: 481px) {
    .team-toolbar {
      margin-top: 15px; } }
  @media (min-width: 769px) {
    .team-toolbar {
      margin-top: 30px; } }
  @media (min-width: 1025px) {
    .team-toolbar {
      float: right;
      text-align: right;
      margin: 0; } }
  @media (min-width: 481px) {
    .team-toolbar .form-field {
      display: inline-block;
      vertical-align: middle;
      font-size: 1rem;
      margin-left: 5px; } }
  .team-toolbar .form-field:nth-child(1) {
    margin-left: 0; }
  .team-toolbar .form-field label {
    font-size: 14px;
    margin-right: 5px;
    color: #333333; }
  .team-toolbar .form-field select {
    line-height: 35px;
    height: 35px;
    padding: 0 35px 0 12px;
    background-color: #f7f7f7; }
    @media (max-width: 768px) {
      .team-toolbar .form-field select {
        font-size: 12px; } }
    @media (max-width: 480px) {
      .team-toolbar .form-field select {
        width: 100%;
        margin-bottom: 5px; } }
    @media (min-width: 769px) {
      .team-toolbar .form-field select {
        line-height: 50px;
        height: 50px;
        padding: 0 40px 0 20px; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
*  Team Listing
* - - - - - - - - - - - - - - - - - - - - - - - - */
.team-listing {
  margin: 0 15px; }
  @media (min-width: 1200px) {
    .team-listing .grid {
      margin: 0 -30px; } }
  .team-listing .column {
    vertical-align: top; }
  .team-listing .person {
    position: relative;
    margin: 0 auto 35px;
    text-align: center; }
    @media (min-width: 769px) {
      .team-listing .person {
        max-width: 250px;
        margin: 0 auto 70px; } }
    .team-listing .person-image {
      position: relative;
      background-color: #fbfbfb; }
      .team-listing .person-image img {
        opacity: 0;
        visibility: hidden; }
      .team-listing .person-image a {
        background-size: cover;
        background-position: center center;
        height: 255px;
        display: block; }
        @media (max-width: 480px) {
          .team-listing .person-image a {
            height: 300px; } }
    .team-listing .person-name {
      font-size: 18px;
      font-weight: 500;
      margin: 10px 0 5px;
      color: #001534; }
    .team-listing .person-position {
      font-weight: 100;
      color: rgba(0, 0, 0, 0.7);
      height: 3rem;
      overflow: hidden; }
    .team-listing .person-location {
      font-size: 14px;
      margin-top: 5px;
      color: rgba(0, 0, 0, 0.7);
      text-transform: capitalize; }
    .team-listing .person-contact {
      font-size: 18px;
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid #f6f6f6; }
    .team-listing .person-social {
      position: absolute;
      right: 10px;
      bottom: 10px; }
      .team-listing .person-social .list {
        list-style-type: none; }
      .team-listing .person-social .item {
        display: block;
        width: 27px;
        height: 27px;
        cursor: pointer;
        transition: all 200ms ease-out;
        background-repeat: no-repeat;
        background-position: center center; }
        .team-listing .person-social .item span {
          visibility: hidden !important;
          opacity: 0 !important;
          height: 0 !important;
          width: 0 !important;
          margin: 0 !important;
          padding: 0 !important;
          border: 0 !important;
          overflow: hidden !important;
          display: block !important;
          position: absolute !important;
          top: 0 !important;
          left: 0 !important; }
        .team-listing .person-social .item.linkedin {
          background-color: #616161;
          background-image: url("../images/icons/icon-linkedin.svg");
          background-size: 16px 15px; }
          .team-listing .person-social .item.linkedin:hover, .team-listing .person-social .item.linkedin:focus {
            background-color: #484848; }
        .team-listing .person-social .item a, .team-listing .person-social .item a:link, .team-listing .person-social .item a:visited {
          display: block;
          width: 100%;
          height: 100%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
*  Team Heading
* - - - - - - - - - - - - - - - - - - - - - - - - */
.team-heading {
  margin: 20px 15px 30px; }
  @media (min-width: 769px) {
    .team-heading {
      margin: 20px 15px 60px; } }
  @media (min-width: 1025px) {
    .team-heading {
      margin: 20px 15px 90px; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Team Title
 * - - - - - - - - - - - - - - - - - - - - - - - - */
@media (min-width: 1025px) {
  .team-title {
    float: left; } }
.team-title h1 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 50px;
  margin: 0 !important;
  color: #001534; }
  @media (min-width: 481px) {
    .team-title h1 {
      font-size: 2.25rem; } }
  @media (min-width: 769px) {
    .team-title h1 {
      font-size: 2.25rem; } }
  @media (min-width: 1025px) {
    .team-title h1 {
      font-size: 2.25rem; } }

.team-find {
  position: relative;
  margin-bottom: 30px; }
  @media (min-width: 481px) {
    .team-find {
      margin-bottom: 60px; } }
  @media (min-width: 769px) {
    .team-find {
      padding-bottom: 30px;
      margin-bottom: 35px; } }
  @media (min-width: 1025px) {
    .team-find {
      margin-bottom: 65px;
      padding-bottom: 60px; } }
  @media (min-width: 769px) {
    .team-find {
      text-align: center; } }
  @media (min-width: 769px) {
    .team-find:after {
      position: absolute;
      bottom: 0;
      left: calc(50% - (670px / 2));
      width: 670px;
      height: 2px;
      content: '';
      background-color: #fbfbfb; } }
  .team-find label {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 100;
    color: #333333; }
    @media (min-width: 481px) {
      .team-find label {
        font-size: 1rem;
        line-height: 1.5; } }
    @media (min-width: 769px) {
      .team-find label {
        font-size: 1rem;
        line-height: 1.5; } }
    @media (min-width: 1025px) {
      .team-find label {
        font-size: 1rem;
        line-height: 1.5; } }
    @media (max-width: 768px) {
      .team-find label {
        display: block;
        margin-bottom: 15px; } }
    @media (min-width: 769px) {
      .team-find label {
        margin-right: 15px; } }
  .team-find input[type='text'] {
    width: 100%; }
    @media (min-width: 481px) {
      .team-find input[type='text'] {
        width: calc(100% - 165px); } }
    @media (min-width: 769px) {
      .team-find input[type='text'] {
        width: calc(100% - 465px); } }
    @media (min-width: 1025px) {
      .team-find input[type='text'] {
        width: calc(100% - 600px); } }
  .team-find input[type='submit'] {
    padding: 0 50px;
    line-height: 60px;
    height: 60px; }
    @media (max-width: 480px) {
      .team-find input[type='submit'] {
        width: 100%;
        margin-top: 10px; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Search Overlay 
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.search-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  padding: 80px 20px 40px;
  transition: all 300ms ease-out;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8); }
  .search-overlay .column {
    overflow: initial; }
  .search-overlay.open {
    visibility: visible;
    opacity: 1; }
  .search-overlay-close {
    position: absolute;
    top: 25px;
    right: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-image: url("../images/icons/icon-cross.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%; }
  .search-overlay legend {
    margin-bottom: 15px;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.25; }
    @media (min-width: 481px) {
      .search-overlay legend {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 769px) {
      .search-overlay legend {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 1025px) {
      .search-overlay legend {
        font-size: 2.25rem;
        line-height: 1.25; } }
  .search-overlay .grid {
    margin: 0 -2px; }
  .search-overlay .row {
    margin-bottom: 5px; }
  .search-overlay .column {
    padding: 0 2px; }
  .search-overlay select,
  .search-overlay input {
    font-size: 1rem;
    width: 100%; }
  .search-overlay select {
    padding: 0 30px 0 20px; }
  .search-overlay .selectize-input {
    display: block; }
    @media (max-width: 768px) {
      .search-overlay .selectize-input {
        height: auto; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Video Wrapper
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Radial Progress
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.radial-progress {
  border-radius: 50%;
  background-color: #e6e6e6;
  margin: 0 auto;
  width: 285px;
  height: 285px;
  position: relative; }
  @media (min-width: 641px) and (max-width: 768px) {
    .radial-progress {
      width: 190px;
      height: 190px; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    .radial-progress {
      width: 230px;
      height: 230px; } }
  .radial-progress .valign {
    padding: 0 10px; }
  .radial-progress .circle {
    overflow: hidden; }
    .radial-progress .circle .fill,
    .radial-progress .circle .mask {
      position: absolute;
      border-radius: 50%;
      transition: all 200ms ease-out;
      width: 285px;
      height: 285px; }
      @media (min-width: 641px) and (max-width: 768px) {
        .radial-progress .circle .fill,
        .radial-progress .circle .mask {
          width: 190px;
          height: 190px; } }
      @media (min-width: 769px) and (max-width: 1024px) {
        .radial-progress .circle .fill,
        .radial-progress .circle .mask {
          width: 230px;
          height: 230px; } }
    .radial-progress .circle .fill,
    .radial-progress .circle .mask {
      clip: rect(0px, 285px, 285px, 142.5px); }
      @media (min-width: 641px) and (max-width: 768px) {
        .radial-progress .circle .fill,
        .radial-progress .circle .mask {
          clip: rect(0px, 190px, 190px, 95px); } }
      @media (min-width: 769px) and (max-width: 1024px) {
        .radial-progress .circle .fill,
        .radial-progress .circle .mask {
          clip: rect(0px, 230px, 230px, 115px); } }
      .radial-progress .circle .fill .fill,
      .radial-progress .circle .mask .fill {
        clip: rect(0px, 142.5px, 285px, 0px);
        background-color: #cc9e6f; }
        @media (min-width: 641px) and (max-width: 768px) {
          .radial-progress .circle .fill .fill,
          .radial-progress .circle .mask .fill {
            clip: rect(0px, 95px, 190px, 0px); } }
        @media (min-width: 769px) and (max-width: 1024px) {
          .radial-progress .circle .fill .fill,
          .radial-progress .circle .mask .fill {
            clip: rect(0px, 115px, 230px, 0px); } }
  .radial-progress .inset {
    transition: 500ms background;
    background-size: 0px 0px;
    background-position: center center;
    position: absolute;
    margin-top: 37.5px;
    margin-left: 37.5px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background-color: #fff; }
    @media (min-width: 641px) and (max-width: 768px) {
      .radial-progress .inset {
        margin-top: 20px;
        margin-left: 20px;
        width: 150px;
        height: 150px; } }
    @media (min-width: 769px) and (max-width: 1024px) {
      .radial-progress .inset {
        margin-top: 35px;
        margin-left: 35px;
        width: 160px;
        height: 160px; } }
    .radial-progress .inset .percentage {
      line-height: 1;
      opacity: 1;
      text-align: center; }
      .radial-progress .inset .percentage .after-text {
        color: #000;
        display: block;
        width: 100%;
        font-size: 1.125rem;
        line-height: 1;
        font-weight: 600;
        margin-top: 0px;
        margin-bottom: 0px;
        font-weight: 100;
        margin-top: 10px;
        padding: 0 20px; }
        @media (min-width: 481px) {
          .radial-progress .inset .percentage .after-text {
            font-size: 1.125rem; } }
        @media (min-width: 769px) {
          .radial-progress .inset .percentage .after-text {
            font-size: 1.125rem; } }
        @media (min-width: 1025px) {
          .radial-progress .inset .percentage .after-text {
            font-size: 1.125rem; } }
      .radial-progress .inset .percentage-wrapper {
        overflow: hidden;
        height: 100%;
        width: 100%; }
      .radial-progress .inset .percentage .numbers {
        transition: width 1s; }
        .radial-progress .inset .percentage .numbers span {
          display: inline-block;
          color: #000;
          text-align: center;
          vertical-align: top;
          font-weight: 600;
          font-size: 1.75rem;
          line-height: 1;
          margin-top: 0px;
          margin-bottom: 0px; }
          @media (min-width: 481px) {
            .radial-progress .inset .percentage .numbers span {
              font-size: 2rem; } }
          @media (min-width: 769px) {
            .radial-progress .inset .percentage .numbers span {
              font-size: 2.375rem; } }
          @media (min-width: 1025px) {
            .radial-progress .inset .percentage .numbers span {
              font-size: 3rem; } }
  .radial-progress[data-progress="1"] .circle .fill,
  .radial-progress[data-progress="1"] .circle .mask.full {
    -ms-transform: rotate(1.8deg);
    -webkit-transform: rotate(1.8deg);
    transform: rotate(1.8deg); }
  .radial-progress[data-progress="1"] .circle .fill.fix {
    -ms-transform: rotate(3.6deg);
    -webkit-transform: rotate(3.6deg);
    transform: rotate(3.6deg); }
  .radial-progress[data-progress="2"] .circle .fill,
  .radial-progress[data-progress="2"] .circle .mask.full {
    -ms-transform: rotate(3.6deg);
    -webkit-transform: rotate(3.6deg);
    transform: rotate(3.6deg); }
  .radial-progress[data-progress="2"] .circle .fill.fix {
    -ms-transform: rotate(7.2deg);
    -webkit-transform: rotate(7.2deg);
    transform: rotate(7.2deg); }
  .radial-progress[data-progress="3"] .circle .fill,
  .radial-progress[data-progress="3"] .circle .mask.full {
    -ms-transform: rotate(5.4deg);
    -webkit-transform: rotate(5.4deg);
    transform: rotate(5.4deg); }
  .radial-progress[data-progress="3"] .circle .fill.fix {
    -ms-transform: rotate(10.8deg);
    -webkit-transform: rotate(10.8deg);
    transform: rotate(10.8deg); }
  .radial-progress[data-progress="4"] .circle .fill,
  .radial-progress[data-progress="4"] .circle .mask.full {
    -ms-transform: rotate(7.2deg);
    -webkit-transform: rotate(7.2deg);
    transform: rotate(7.2deg); }
  .radial-progress[data-progress="4"] .circle .fill.fix {
    -ms-transform: rotate(14.4deg);
    -webkit-transform: rotate(14.4deg);
    transform: rotate(14.4deg); }
  .radial-progress[data-progress="5"] .circle .fill,
  .radial-progress[data-progress="5"] .circle .mask.full {
    -ms-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg); }
  .radial-progress[data-progress="5"] .circle .fill.fix {
    -ms-transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg); }
  .radial-progress[data-progress="6"] .circle .fill,
  .radial-progress[data-progress="6"] .circle .mask.full {
    -ms-transform: rotate(10.8deg);
    -webkit-transform: rotate(10.8deg);
    transform: rotate(10.8deg); }
  .radial-progress[data-progress="6"] .circle .fill.fix {
    -ms-transform: rotate(21.6deg);
    -webkit-transform: rotate(21.6deg);
    transform: rotate(21.6deg); }
  .radial-progress[data-progress="7"] .circle .fill,
  .radial-progress[data-progress="7"] .circle .mask.full {
    -ms-transform: rotate(12.6deg);
    -webkit-transform: rotate(12.6deg);
    transform: rotate(12.6deg); }
  .radial-progress[data-progress="7"] .circle .fill.fix {
    -ms-transform: rotate(25.2deg);
    -webkit-transform: rotate(25.2deg);
    transform: rotate(25.2deg); }
  .radial-progress[data-progress="8"] .circle .fill,
  .radial-progress[data-progress="8"] .circle .mask.full {
    -ms-transform: rotate(14.4deg);
    -webkit-transform: rotate(14.4deg);
    transform: rotate(14.4deg); }
  .radial-progress[data-progress="8"] .circle .fill.fix {
    -ms-transform: rotate(28.8deg);
    -webkit-transform: rotate(28.8deg);
    transform: rotate(28.8deg); }
  .radial-progress[data-progress="9"] .circle .fill,
  .radial-progress[data-progress="9"] .circle .mask.full {
    -ms-transform: rotate(16.2deg);
    -webkit-transform: rotate(16.2deg);
    transform: rotate(16.2deg); }
  .radial-progress[data-progress="9"] .circle .fill.fix {
    -ms-transform: rotate(32.4deg);
    -webkit-transform: rotate(32.4deg);
    transform: rotate(32.4deg); }
  .radial-progress[data-progress="10"] .circle .fill,
  .radial-progress[data-progress="10"] .circle .mask.full {
    -ms-transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg); }
  .radial-progress[data-progress="10"] .circle .fill.fix {
    -ms-transform: rotate(36deg);
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg); }
  .radial-progress[data-progress="11"] .circle .fill,
  .radial-progress[data-progress="11"] .circle .mask.full {
    -ms-transform: rotate(19.8deg);
    -webkit-transform: rotate(19.8deg);
    transform: rotate(19.8deg); }
  .radial-progress[data-progress="11"] .circle .fill.fix {
    -ms-transform: rotate(39.6deg);
    -webkit-transform: rotate(39.6deg);
    transform: rotate(39.6deg); }
  .radial-progress[data-progress="12"] .circle .fill,
  .radial-progress[data-progress="12"] .circle .mask.full {
    -ms-transform: rotate(21.6deg);
    -webkit-transform: rotate(21.6deg);
    transform: rotate(21.6deg); }
  .radial-progress[data-progress="12"] .circle .fill.fix {
    -ms-transform: rotate(43.2deg);
    -webkit-transform: rotate(43.2deg);
    transform: rotate(43.2deg); }
  .radial-progress[data-progress="13"] .circle .fill,
  .radial-progress[data-progress="13"] .circle .mask.full {
    -ms-transform: rotate(23.4deg);
    -webkit-transform: rotate(23.4deg);
    transform: rotate(23.4deg); }
  .radial-progress[data-progress="13"] .circle .fill.fix {
    -ms-transform: rotate(46.8deg);
    -webkit-transform: rotate(46.8deg);
    transform: rotate(46.8deg); }
  .radial-progress[data-progress="14"] .circle .fill,
  .radial-progress[data-progress="14"] .circle .mask.full {
    -ms-transform: rotate(25.2deg);
    -webkit-transform: rotate(25.2deg);
    transform: rotate(25.2deg); }
  .radial-progress[data-progress="14"] .circle .fill.fix {
    -ms-transform: rotate(50.4deg);
    -webkit-transform: rotate(50.4deg);
    transform: rotate(50.4deg); }
  .radial-progress[data-progress="15"] .circle .fill,
  .radial-progress[data-progress="15"] .circle .mask.full {
    -ms-transform: rotate(27deg);
    -webkit-transform: rotate(27deg);
    transform: rotate(27deg); }
  .radial-progress[data-progress="15"] .circle .fill.fix {
    -ms-transform: rotate(54deg);
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg); }
  .radial-progress[data-progress="16"] .circle .fill,
  .radial-progress[data-progress="16"] .circle .mask.full {
    -ms-transform: rotate(28.8deg);
    -webkit-transform: rotate(28.8deg);
    transform: rotate(28.8deg); }
  .radial-progress[data-progress="16"] .circle .fill.fix {
    -ms-transform: rotate(57.6deg);
    -webkit-transform: rotate(57.6deg);
    transform: rotate(57.6deg); }
  .radial-progress[data-progress="17"] .circle .fill,
  .radial-progress[data-progress="17"] .circle .mask.full {
    -ms-transform: rotate(30.6deg);
    -webkit-transform: rotate(30.6deg);
    transform: rotate(30.6deg); }
  .radial-progress[data-progress="17"] .circle .fill.fix {
    -ms-transform: rotate(61.2deg);
    -webkit-transform: rotate(61.2deg);
    transform: rotate(61.2deg); }
  .radial-progress[data-progress="18"] .circle .fill,
  .radial-progress[data-progress="18"] .circle .mask.full {
    -ms-transform: rotate(32.4deg);
    -webkit-transform: rotate(32.4deg);
    transform: rotate(32.4deg); }
  .radial-progress[data-progress="18"] .circle .fill.fix {
    -ms-transform: rotate(64.8deg);
    -webkit-transform: rotate(64.8deg);
    transform: rotate(64.8deg); }
  .radial-progress[data-progress="19"] .circle .fill,
  .radial-progress[data-progress="19"] .circle .mask.full {
    -ms-transform: rotate(34.2deg);
    -webkit-transform: rotate(34.2deg);
    transform: rotate(34.2deg); }
  .radial-progress[data-progress="19"] .circle .fill.fix {
    -ms-transform: rotate(68.4deg);
    -webkit-transform: rotate(68.4deg);
    transform: rotate(68.4deg); }
  .radial-progress[data-progress="20"] .circle .fill,
  .radial-progress[data-progress="20"] .circle .mask.full {
    -ms-transform: rotate(36deg);
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg); }
  .radial-progress[data-progress="20"] .circle .fill.fix {
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  .radial-progress[data-progress="21"] .circle .fill,
  .radial-progress[data-progress="21"] .circle .mask.full {
    -ms-transform: rotate(37.8deg);
    -webkit-transform: rotate(37.8deg);
    transform: rotate(37.8deg); }
  .radial-progress[data-progress="21"] .circle .fill.fix {
    -ms-transform: rotate(75.6deg);
    -webkit-transform: rotate(75.6deg);
    transform: rotate(75.6deg); }
  .radial-progress[data-progress="22"] .circle .fill,
  .radial-progress[data-progress="22"] .circle .mask.full {
    -ms-transform: rotate(39.6deg);
    -webkit-transform: rotate(39.6deg);
    transform: rotate(39.6deg); }
  .radial-progress[data-progress="22"] .circle .fill.fix {
    -ms-transform: rotate(79.2deg);
    -webkit-transform: rotate(79.2deg);
    transform: rotate(79.2deg); }
  .radial-progress[data-progress="23"] .circle .fill,
  .radial-progress[data-progress="23"] .circle .mask.full {
    -ms-transform: rotate(41.4deg);
    -webkit-transform: rotate(41.4deg);
    transform: rotate(41.4deg); }
  .radial-progress[data-progress="23"] .circle .fill.fix {
    -ms-transform: rotate(82.8deg);
    -webkit-transform: rotate(82.8deg);
    transform: rotate(82.8deg); }
  .radial-progress[data-progress="24"] .circle .fill,
  .radial-progress[data-progress="24"] .circle .mask.full {
    -ms-transform: rotate(43.2deg);
    -webkit-transform: rotate(43.2deg);
    transform: rotate(43.2deg); }
  .radial-progress[data-progress="24"] .circle .fill.fix {
    -ms-transform: rotate(86.4deg);
    -webkit-transform: rotate(86.4deg);
    transform: rotate(86.4deg); }
  .radial-progress[data-progress="25"] .circle .fill,
  .radial-progress[data-progress="25"] .circle .mask.full {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .radial-progress[data-progress="25"] .circle .fill.fix {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .radial-progress[data-progress="26"] .circle .fill,
  .radial-progress[data-progress="26"] .circle .mask.full {
    -ms-transform: rotate(46.8deg);
    -webkit-transform: rotate(46.8deg);
    transform: rotate(46.8deg); }
  .radial-progress[data-progress="26"] .circle .fill.fix {
    -ms-transform: rotate(93.6deg);
    -webkit-transform: rotate(93.6deg);
    transform: rotate(93.6deg); }
  .radial-progress[data-progress="27"] .circle .fill,
  .radial-progress[data-progress="27"] .circle .mask.full {
    -ms-transform: rotate(48.6deg);
    -webkit-transform: rotate(48.6deg);
    transform: rotate(48.6deg); }
  .radial-progress[data-progress="27"] .circle .fill.fix {
    -ms-transform: rotate(97.2deg);
    -webkit-transform: rotate(97.2deg);
    transform: rotate(97.2deg); }
  .radial-progress[data-progress="28"] .circle .fill,
  .radial-progress[data-progress="28"] .circle .mask.full {
    -ms-transform: rotate(50.4deg);
    -webkit-transform: rotate(50.4deg);
    transform: rotate(50.4deg); }
  .radial-progress[data-progress="28"] .circle .fill.fix {
    -ms-transform: rotate(100.8deg);
    -webkit-transform: rotate(100.8deg);
    transform: rotate(100.8deg); }
  .radial-progress[data-progress="29"] .circle .fill,
  .radial-progress[data-progress="29"] .circle .mask.full {
    -ms-transform: rotate(52.2deg);
    -webkit-transform: rotate(52.2deg);
    transform: rotate(52.2deg); }
  .radial-progress[data-progress="29"] .circle .fill.fix {
    -ms-transform: rotate(104.4deg);
    -webkit-transform: rotate(104.4deg);
    transform: rotate(104.4deg); }
  .radial-progress[data-progress="30"] .circle .fill,
  .radial-progress[data-progress="30"] .circle .mask.full {
    -ms-transform: rotate(54deg);
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg); }
  .radial-progress[data-progress="30"] .circle .fill.fix {
    -ms-transform: rotate(108deg);
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg); }
  .radial-progress[data-progress="31"] .circle .fill,
  .radial-progress[data-progress="31"] .circle .mask.full {
    -ms-transform: rotate(55.8deg);
    -webkit-transform: rotate(55.8deg);
    transform: rotate(55.8deg); }
  .radial-progress[data-progress="31"] .circle .fill.fix {
    -ms-transform: rotate(111.6deg);
    -webkit-transform: rotate(111.6deg);
    transform: rotate(111.6deg); }
  .radial-progress[data-progress="32"] .circle .fill,
  .radial-progress[data-progress="32"] .circle .mask.full {
    -ms-transform: rotate(57.6deg);
    -webkit-transform: rotate(57.6deg);
    transform: rotate(57.6deg); }
  .radial-progress[data-progress="32"] .circle .fill.fix {
    -ms-transform: rotate(115.2deg);
    -webkit-transform: rotate(115.2deg);
    transform: rotate(115.2deg); }
  .radial-progress[data-progress="33"] .circle .fill,
  .radial-progress[data-progress="33"] .circle .mask.full {
    -ms-transform: rotate(59.4deg);
    -webkit-transform: rotate(59.4deg);
    transform: rotate(59.4deg); }
  .radial-progress[data-progress="33"] .circle .fill.fix {
    -ms-transform: rotate(118.8deg);
    -webkit-transform: rotate(118.8deg);
    transform: rotate(118.8deg); }
  .radial-progress[data-progress="34"] .circle .fill,
  .radial-progress[data-progress="34"] .circle .mask.full {
    -ms-transform: rotate(61.2deg);
    -webkit-transform: rotate(61.2deg);
    transform: rotate(61.2deg); }
  .radial-progress[data-progress="34"] .circle .fill.fix {
    -ms-transform: rotate(122.4deg);
    -webkit-transform: rotate(122.4deg);
    transform: rotate(122.4deg); }
  .radial-progress[data-progress="35"] .circle .fill,
  .radial-progress[data-progress="35"] .circle .mask.full {
    -ms-transform: rotate(63deg);
    -webkit-transform: rotate(63deg);
    transform: rotate(63deg); }
  .radial-progress[data-progress="35"] .circle .fill.fix {
    -ms-transform: rotate(126deg);
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg); }
  .radial-progress[data-progress="36"] .circle .fill,
  .radial-progress[data-progress="36"] .circle .mask.full {
    -ms-transform: rotate(64.8deg);
    -webkit-transform: rotate(64.8deg);
    transform: rotate(64.8deg); }
  .radial-progress[data-progress="36"] .circle .fill.fix {
    -ms-transform: rotate(129.6deg);
    -webkit-transform: rotate(129.6deg);
    transform: rotate(129.6deg); }
  .radial-progress[data-progress="37"] .circle .fill,
  .radial-progress[data-progress="37"] .circle .mask.full {
    -ms-transform: rotate(66.6deg);
    -webkit-transform: rotate(66.6deg);
    transform: rotate(66.6deg); }
  .radial-progress[data-progress="37"] .circle .fill.fix {
    -ms-transform: rotate(133.2deg);
    -webkit-transform: rotate(133.2deg);
    transform: rotate(133.2deg); }
  .radial-progress[data-progress="38"] .circle .fill,
  .radial-progress[data-progress="38"] .circle .mask.full {
    -ms-transform: rotate(68.4deg);
    -webkit-transform: rotate(68.4deg);
    transform: rotate(68.4deg); }
  .radial-progress[data-progress="38"] .circle .fill.fix {
    -ms-transform: rotate(136.8deg);
    -webkit-transform: rotate(136.8deg);
    transform: rotate(136.8deg); }
  .radial-progress[data-progress="39"] .circle .fill,
  .radial-progress[data-progress="39"] .circle .mask.full {
    -ms-transform: rotate(70.2deg);
    -webkit-transform: rotate(70.2deg);
    transform: rotate(70.2deg); }
  .radial-progress[data-progress="39"] .circle .fill.fix {
    -ms-transform: rotate(140.4deg);
    -webkit-transform: rotate(140.4deg);
    transform: rotate(140.4deg); }
  .radial-progress[data-progress="40"] .circle .fill,
  .radial-progress[data-progress="40"] .circle .mask.full {
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  .radial-progress[data-progress="40"] .circle .fill.fix {
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  .radial-progress[data-progress="41"] .circle .fill,
  .radial-progress[data-progress="41"] .circle .mask.full {
    -ms-transform: rotate(73.8deg);
    -webkit-transform: rotate(73.8deg);
    transform: rotate(73.8deg); }
  .radial-progress[data-progress="41"] .circle .fill.fix {
    -ms-transform: rotate(147.6deg);
    -webkit-transform: rotate(147.6deg);
    transform: rotate(147.6deg); }
  .radial-progress[data-progress="42"] .circle .fill,
  .radial-progress[data-progress="42"] .circle .mask.full {
    -ms-transform: rotate(75.6deg);
    -webkit-transform: rotate(75.6deg);
    transform: rotate(75.6deg); }
  .radial-progress[data-progress="42"] .circle .fill.fix {
    -ms-transform: rotate(151.2deg);
    -webkit-transform: rotate(151.2deg);
    transform: rotate(151.2deg); }
  .radial-progress[data-progress="43"] .circle .fill,
  .radial-progress[data-progress="43"] .circle .mask.full {
    -ms-transform: rotate(77.4deg);
    -webkit-transform: rotate(77.4deg);
    transform: rotate(77.4deg); }
  .radial-progress[data-progress="43"] .circle .fill.fix {
    -ms-transform: rotate(154.8deg);
    -webkit-transform: rotate(154.8deg);
    transform: rotate(154.8deg); }
  .radial-progress[data-progress="44"] .circle .fill,
  .radial-progress[data-progress="44"] .circle .mask.full {
    -ms-transform: rotate(79.2deg);
    -webkit-transform: rotate(79.2deg);
    transform: rotate(79.2deg); }
  .radial-progress[data-progress="44"] .circle .fill.fix {
    -ms-transform: rotate(158.4deg);
    -webkit-transform: rotate(158.4deg);
    transform: rotate(158.4deg); }
  .radial-progress[data-progress="45"] .circle .fill,
  .radial-progress[data-progress="45"] .circle .mask.full {
    -ms-transform: rotate(81deg);
    -webkit-transform: rotate(81deg);
    transform: rotate(81deg); }
  .radial-progress[data-progress="45"] .circle .fill.fix {
    -ms-transform: rotate(162deg);
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg); }
  .radial-progress[data-progress="46"] .circle .fill,
  .radial-progress[data-progress="46"] .circle .mask.full {
    -ms-transform: rotate(82.8deg);
    -webkit-transform: rotate(82.8deg);
    transform: rotate(82.8deg); }
  .radial-progress[data-progress="46"] .circle .fill.fix {
    -ms-transform: rotate(165.6deg);
    -webkit-transform: rotate(165.6deg);
    transform: rotate(165.6deg); }
  .radial-progress[data-progress="47"] .circle .fill,
  .radial-progress[data-progress="47"] .circle .mask.full {
    -ms-transform: rotate(84.6deg);
    -webkit-transform: rotate(84.6deg);
    transform: rotate(84.6deg); }
  .radial-progress[data-progress="47"] .circle .fill.fix {
    -ms-transform: rotate(169.2deg);
    -webkit-transform: rotate(169.2deg);
    transform: rotate(169.2deg); }
  .radial-progress[data-progress="48"] .circle .fill,
  .radial-progress[data-progress="48"] .circle .mask.full {
    -ms-transform: rotate(86.4deg);
    -webkit-transform: rotate(86.4deg);
    transform: rotate(86.4deg); }
  .radial-progress[data-progress="48"] .circle .fill.fix {
    -ms-transform: rotate(172.8deg);
    -webkit-transform: rotate(172.8deg);
    transform: rotate(172.8deg); }
  .radial-progress[data-progress="49"] .circle .fill,
  .radial-progress[data-progress="49"] .circle .mask.full {
    -ms-transform: rotate(88.2deg);
    -webkit-transform: rotate(88.2deg);
    transform: rotate(88.2deg); }
  .radial-progress[data-progress="49"] .circle .fill.fix {
    -ms-transform: rotate(176.4deg);
    -webkit-transform: rotate(176.4deg);
    transform: rotate(176.4deg); }
  .radial-progress[data-progress="50"] .circle .fill,
  .radial-progress[data-progress="50"] .circle .mask.full {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .radial-progress[data-progress="50"] .circle .fill.fix {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .radial-progress[data-progress="51"] .circle .fill,
  .radial-progress[data-progress="51"] .circle .mask.full {
    -ms-transform: rotate(91.8deg);
    -webkit-transform: rotate(91.8deg);
    transform: rotate(91.8deg); }
  .radial-progress[data-progress="51"] .circle .fill.fix {
    -ms-transform: rotate(183.6deg);
    -webkit-transform: rotate(183.6deg);
    transform: rotate(183.6deg); }
  .radial-progress[data-progress="52"] .circle .fill,
  .radial-progress[data-progress="52"] .circle .mask.full {
    -ms-transform: rotate(93.6deg);
    -webkit-transform: rotate(93.6deg);
    transform: rotate(93.6deg); }
  .radial-progress[data-progress="52"] .circle .fill.fix {
    -ms-transform: rotate(187.2deg);
    -webkit-transform: rotate(187.2deg);
    transform: rotate(187.2deg); }
  .radial-progress[data-progress="53"] .circle .fill,
  .radial-progress[data-progress="53"] .circle .mask.full {
    -ms-transform: rotate(95.4deg);
    -webkit-transform: rotate(95.4deg);
    transform: rotate(95.4deg); }
  .radial-progress[data-progress="53"] .circle .fill.fix {
    -ms-transform: rotate(190.8deg);
    -webkit-transform: rotate(190.8deg);
    transform: rotate(190.8deg); }
  .radial-progress[data-progress="54"] .circle .fill,
  .radial-progress[data-progress="54"] .circle .mask.full {
    -ms-transform: rotate(97.2deg);
    -webkit-transform: rotate(97.2deg);
    transform: rotate(97.2deg); }
  .radial-progress[data-progress="54"] .circle .fill.fix {
    -ms-transform: rotate(194.4deg);
    -webkit-transform: rotate(194.4deg);
    transform: rotate(194.4deg); }
  .radial-progress[data-progress="55"] .circle .fill,
  .radial-progress[data-progress="55"] .circle .mask.full {
    -ms-transform: rotate(99deg);
    -webkit-transform: rotate(99deg);
    transform: rotate(99deg); }
  .radial-progress[data-progress="55"] .circle .fill.fix {
    -ms-transform: rotate(198deg);
    -webkit-transform: rotate(198deg);
    transform: rotate(198deg); }
  .radial-progress[data-progress="56"] .circle .fill,
  .radial-progress[data-progress="56"] .circle .mask.full {
    -ms-transform: rotate(100.8deg);
    -webkit-transform: rotate(100.8deg);
    transform: rotate(100.8deg); }
  .radial-progress[data-progress="56"] .circle .fill.fix {
    -ms-transform: rotate(201.6deg);
    -webkit-transform: rotate(201.6deg);
    transform: rotate(201.6deg); }
  .radial-progress[data-progress="57"] .circle .fill,
  .radial-progress[data-progress="57"] .circle .mask.full {
    -ms-transform: rotate(102.6deg);
    -webkit-transform: rotate(102.6deg);
    transform: rotate(102.6deg); }
  .radial-progress[data-progress="57"] .circle .fill.fix {
    -ms-transform: rotate(205.2deg);
    -webkit-transform: rotate(205.2deg);
    transform: rotate(205.2deg); }
  .radial-progress[data-progress="58"] .circle .fill,
  .radial-progress[data-progress="58"] .circle .mask.full {
    -ms-transform: rotate(104.4deg);
    -webkit-transform: rotate(104.4deg);
    transform: rotate(104.4deg); }
  .radial-progress[data-progress="58"] .circle .fill.fix {
    -ms-transform: rotate(208.8deg);
    -webkit-transform: rotate(208.8deg);
    transform: rotate(208.8deg); }
  .radial-progress[data-progress="59"] .circle .fill,
  .radial-progress[data-progress="59"] .circle .mask.full {
    -ms-transform: rotate(106.2deg);
    -webkit-transform: rotate(106.2deg);
    transform: rotate(106.2deg); }
  .radial-progress[data-progress="59"] .circle .fill.fix {
    -ms-transform: rotate(212.4deg);
    -webkit-transform: rotate(212.4deg);
    transform: rotate(212.4deg); }
  .radial-progress[data-progress="60"] .circle .fill,
  .radial-progress[data-progress="60"] .circle .mask.full {
    -ms-transform: rotate(108deg);
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg); }
  .radial-progress[data-progress="60"] .circle .fill.fix {
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  .radial-progress[data-progress="61"] .circle .fill,
  .radial-progress[data-progress="61"] .circle .mask.full {
    -ms-transform: rotate(109.8deg);
    -webkit-transform: rotate(109.8deg);
    transform: rotate(109.8deg); }
  .radial-progress[data-progress="61"] .circle .fill.fix {
    -ms-transform: rotate(219.6deg);
    -webkit-transform: rotate(219.6deg);
    transform: rotate(219.6deg); }
  .radial-progress[data-progress="62"] .circle .fill,
  .radial-progress[data-progress="62"] .circle .mask.full {
    -ms-transform: rotate(111.6deg);
    -webkit-transform: rotate(111.6deg);
    transform: rotate(111.6deg); }
  .radial-progress[data-progress="62"] .circle .fill.fix {
    -ms-transform: rotate(223.2deg);
    -webkit-transform: rotate(223.2deg);
    transform: rotate(223.2deg); }
  .radial-progress[data-progress="63"] .circle .fill,
  .radial-progress[data-progress="63"] .circle .mask.full {
    -ms-transform: rotate(113.4deg);
    -webkit-transform: rotate(113.4deg);
    transform: rotate(113.4deg); }
  .radial-progress[data-progress="63"] .circle .fill.fix {
    -ms-transform: rotate(226.8deg);
    -webkit-transform: rotate(226.8deg);
    transform: rotate(226.8deg); }
  .radial-progress[data-progress="64"] .circle .fill,
  .radial-progress[data-progress="64"] .circle .mask.full {
    -ms-transform: rotate(115.2deg);
    -webkit-transform: rotate(115.2deg);
    transform: rotate(115.2deg); }
  .radial-progress[data-progress="64"] .circle .fill.fix {
    -ms-transform: rotate(230.4deg);
    -webkit-transform: rotate(230.4deg);
    transform: rotate(230.4deg); }
  .radial-progress[data-progress="65"] .circle .fill,
  .radial-progress[data-progress="65"] .circle .mask.full {
    -ms-transform: rotate(117deg);
    -webkit-transform: rotate(117deg);
    transform: rotate(117deg); }
  .radial-progress[data-progress="65"] .circle .fill.fix {
    -ms-transform: rotate(234deg);
    -webkit-transform: rotate(234deg);
    transform: rotate(234deg); }
  .radial-progress[data-progress="66"] .circle .fill,
  .radial-progress[data-progress="66"] .circle .mask.full {
    -ms-transform: rotate(118.8deg);
    -webkit-transform: rotate(118.8deg);
    transform: rotate(118.8deg); }
  .radial-progress[data-progress="66"] .circle .fill.fix {
    -ms-transform: rotate(237.6deg);
    -webkit-transform: rotate(237.6deg);
    transform: rotate(237.6deg); }
  .radial-progress[data-progress="67"] .circle .fill,
  .radial-progress[data-progress="67"] .circle .mask.full {
    -ms-transform: rotate(120.6deg);
    -webkit-transform: rotate(120.6deg);
    transform: rotate(120.6deg); }
  .radial-progress[data-progress="67"] .circle .fill.fix {
    -ms-transform: rotate(241.2deg);
    -webkit-transform: rotate(241.2deg);
    transform: rotate(241.2deg); }
  .radial-progress[data-progress="68"] .circle .fill,
  .radial-progress[data-progress="68"] .circle .mask.full {
    -ms-transform: rotate(122.4deg);
    -webkit-transform: rotate(122.4deg);
    transform: rotate(122.4deg); }
  .radial-progress[data-progress="68"] .circle .fill.fix {
    -ms-transform: rotate(244.8deg);
    -webkit-transform: rotate(244.8deg);
    transform: rotate(244.8deg); }
  .radial-progress[data-progress="69"] .circle .fill,
  .radial-progress[data-progress="69"] .circle .mask.full {
    -ms-transform: rotate(124.2deg);
    -webkit-transform: rotate(124.2deg);
    transform: rotate(124.2deg); }
  .radial-progress[data-progress="69"] .circle .fill.fix {
    -ms-transform: rotate(248.4deg);
    -webkit-transform: rotate(248.4deg);
    transform: rotate(248.4deg); }
  .radial-progress[data-progress="70"] .circle .fill,
  .radial-progress[data-progress="70"] .circle .mask.full {
    -ms-transform: rotate(126deg);
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg); }
  .radial-progress[data-progress="70"] .circle .fill.fix {
    -ms-transform: rotate(252deg);
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg); }
  .radial-progress[data-progress="71"] .circle .fill,
  .radial-progress[data-progress="71"] .circle .mask.full {
    -ms-transform: rotate(127.8deg);
    -webkit-transform: rotate(127.8deg);
    transform: rotate(127.8deg); }
  .radial-progress[data-progress="71"] .circle .fill.fix {
    -ms-transform: rotate(255.6deg);
    -webkit-transform: rotate(255.6deg);
    transform: rotate(255.6deg); }
  .radial-progress[data-progress="72"] .circle .fill,
  .radial-progress[data-progress="72"] .circle .mask.full {
    -ms-transform: rotate(129.6deg);
    -webkit-transform: rotate(129.6deg);
    transform: rotate(129.6deg); }
  .radial-progress[data-progress="72"] .circle .fill.fix {
    -ms-transform: rotate(259.2deg);
    -webkit-transform: rotate(259.2deg);
    transform: rotate(259.2deg); }
  .radial-progress[data-progress="73"] .circle .fill,
  .radial-progress[data-progress="73"] .circle .mask.full {
    -ms-transform: rotate(131.4deg);
    -webkit-transform: rotate(131.4deg);
    transform: rotate(131.4deg); }
  .radial-progress[data-progress="73"] .circle .fill.fix {
    -ms-transform: rotate(262.8deg);
    -webkit-transform: rotate(262.8deg);
    transform: rotate(262.8deg); }
  .radial-progress[data-progress="74"] .circle .fill,
  .radial-progress[data-progress="74"] .circle .mask.full {
    -ms-transform: rotate(133.2deg);
    -webkit-transform: rotate(133.2deg);
    transform: rotate(133.2deg); }
  .radial-progress[data-progress="74"] .circle .fill.fix {
    -ms-transform: rotate(266.4deg);
    -webkit-transform: rotate(266.4deg);
    transform: rotate(266.4deg); }
  .radial-progress[data-progress="75"] .circle .fill,
  .radial-progress[data-progress="75"] .circle .mask.full {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  .radial-progress[data-progress="75"] .circle .fill.fix {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  .radial-progress[data-progress="76"] .circle .fill,
  .radial-progress[data-progress="76"] .circle .mask.full {
    -ms-transform: rotate(136.8deg);
    -webkit-transform: rotate(136.8deg);
    transform: rotate(136.8deg); }
  .radial-progress[data-progress="76"] .circle .fill.fix {
    -ms-transform: rotate(273.6deg);
    -webkit-transform: rotate(273.6deg);
    transform: rotate(273.6deg); }
  .radial-progress[data-progress="77"] .circle .fill,
  .radial-progress[data-progress="77"] .circle .mask.full {
    -ms-transform: rotate(138.6deg);
    -webkit-transform: rotate(138.6deg);
    transform: rotate(138.6deg); }
  .radial-progress[data-progress="77"] .circle .fill.fix {
    -ms-transform: rotate(277.2deg);
    -webkit-transform: rotate(277.2deg);
    transform: rotate(277.2deg); }
  .radial-progress[data-progress="78"] .circle .fill,
  .radial-progress[data-progress="78"] .circle .mask.full {
    -ms-transform: rotate(140.4deg);
    -webkit-transform: rotate(140.4deg);
    transform: rotate(140.4deg); }
  .radial-progress[data-progress="78"] .circle .fill.fix {
    -ms-transform: rotate(280.8deg);
    -webkit-transform: rotate(280.8deg);
    transform: rotate(280.8deg); }
  .radial-progress[data-progress="79"] .circle .fill,
  .radial-progress[data-progress="79"] .circle .mask.full {
    -ms-transform: rotate(142.2deg);
    -webkit-transform: rotate(142.2deg);
    transform: rotate(142.2deg); }
  .radial-progress[data-progress="79"] .circle .fill.fix {
    -ms-transform: rotate(284.4deg);
    -webkit-transform: rotate(284.4deg);
    transform: rotate(284.4deg); }
  .radial-progress[data-progress="80"] .circle .fill,
  .radial-progress[data-progress="80"] .circle .mask.full {
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  .radial-progress[data-progress="80"] .circle .fill.fix {
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  .radial-progress[data-progress="81"] .circle .fill,
  .radial-progress[data-progress="81"] .circle .mask.full {
    -ms-transform: rotate(145.8deg);
    -webkit-transform: rotate(145.8deg);
    transform: rotate(145.8deg); }
  .radial-progress[data-progress="81"] .circle .fill.fix {
    -ms-transform: rotate(291.6deg);
    -webkit-transform: rotate(291.6deg);
    transform: rotate(291.6deg); }
  .radial-progress[data-progress="82"] .circle .fill,
  .radial-progress[data-progress="82"] .circle .mask.full {
    -ms-transform: rotate(147.6deg);
    -webkit-transform: rotate(147.6deg);
    transform: rotate(147.6deg); }
  .radial-progress[data-progress="82"] .circle .fill.fix {
    -ms-transform: rotate(295.2deg);
    -webkit-transform: rotate(295.2deg);
    transform: rotate(295.2deg); }
  .radial-progress[data-progress="83"] .circle .fill,
  .radial-progress[data-progress="83"] .circle .mask.full {
    -ms-transform: rotate(149.4deg);
    -webkit-transform: rotate(149.4deg);
    transform: rotate(149.4deg); }
  .radial-progress[data-progress="83"] .circle .fill.fix {
    -ms-transform: rotate(298.8deg);
    -webkit-transform: rotate(298.8deg);
    transform: rotate(298.8deg); }
  .radial-progress[data-progress="84"] .circle .fill,
  .radial-progress[data-progress="84"] .circle .mask.full {
    -ms-transform: rotate(151.2deg);
    -webkit-transform: rotate(151.2deg);
    transform: rotate(151.2deg); }
  .radial-progress[data-progress="84"] .circle .fill.fix {
    -ms-transform: rotate(302.4deg);
    -webkit-transform: rotate(302.4deg);
    transform: rotate(302.4deg); }
  .radial-progress[data-progress="85"] .circle .fill,
  .radial-progress[data-progress="85"] .circle .mask.full {
    -ms-transform: rotate(153deg);
    -webkit-transform: rotate(153deg);
    transform: rotate(153deg); }
  .radial-progress[data-progress="85"] .circle .fill.fix {
    -ms-transform: rotate(306deg);
    -webkit-transform: rotate(306deg);
    transform: rotate(306deg); }
  .radial-progress[data-progress="86"] .circle .fill,
  .radial-progress[data-progress="86"] .circle .mask.full {
    -ms-transform: rotate(154.8deg);
    -webkit-transform: rotate(154.8deg);
    transform: rotate(154.8deg); }
  .radial-progress[data-progress="86"] .circle .fill.fix {
    -ms-transform: rotate(309.6deg);
    -webkit-transform: rotate(309.6deg);
    transform: rotate(309.6deg); }
  .radial-progress[data-progress="87"] .circle .fill,
  .radial-progress[data-progress="87"] .circle .mask.full {
    -ms-transform: rotate(156.6deg);
    -webkit-transform: rotate(156.6deg);
    transform: rotate(156.6deg); }
  .radial-progress[data-progress="87"] .circle .fill.fix {
    -ms-transform: rotate(313.2deg);
    -webkit-transform: rotate(313.2deg);
    transform: rotate(313.2deg); }
  .radial-progress[data-progress="88"] .circle .fill,
  .radial-progress[data-progress="88"] .circle .mask.full {
    -ms-transform: rotate(158.4deg);
    -webkit-transform: rotate(158.4deg);
    transform: rotate(158.4deg); }
  .radial-progress[data-progress="88"] .circle .fill.fix {
    -ms-transform: rotate(316.8deg);
    -webkit-transform: rotate(316.8deg);
    transform: rotate(316.8deg); }
  .radial-progress[data-progress="89"] .circle .fill,
  .radial-progress[data-progress="89"] .circle .mask.full {
    -ms-transform: rotate(160.2deg);
    -webkit-transform: rotate(160.2deg);
    transform: rotate(160.2deg); }
  .radial-progress[data-progress="89"] .circle .fill.fix {
    -ms-transform: rotate(320.4deg);
    -webkit-transform: rotate(320.4deg);
    transform: rotate(320.4deg); }
  .radial-progress[data-progress="90"] .circle .fill,
  .radial-progress[data-progress="90"] .circle .mask.full {
    -ms-transform: rotate(162deg);
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg); }
  .radial-progress[data-progress="90"] .circle .fill.fix {
    -ms-transform: rotate(324deg);
    -webkit-transform: rotate(324deg);
    transform: rotate(324deg); }
  .radial-progress[data-progress="91"] .circle .fill,
  .radial-progress[data-progress="91"] .circle .mask.full {
    -ms-transform: rotate(163.8deg);
    -webkit-transform: rotate(163.8deg);
    transform: rotate(163.8deg); }
  .radial-progress[data-progress="91"] .circle .fill.fix {
    -ms-transform: rotate(327.6deg);
    -webkit-transform: rotate(327.6deg);
    transform: rotate(327.6deg); }
  .radial-progress[data-progress="92"] .circle .fill,
  .radial-progress[data-progress="92"] .circle .mask.full {
    -ms-transform: rotate(165.6deg);
    -webkit-transform: rotate(165.6deg);
    transform: rotate(165.6deg); }
  .radial-progress[data-progress="92"] .circle .fill.fix {
    -ms-transform: rotate(331.2deg);
    -webkit-transform: rotate(331.2deg);
    transform: rotate(331.2deg); }
  .radial-progress[data-progress="93"] .circle .fill,
  .radial-progress[data-progress="93"] .circle .mask.full {
    -ms-transform: rotate(167.4deg);
    -webkit-transform: rotate(167.4deg);
    transform: rotate(167.4deg); }
  .radial-progress[data-progress="93"] .circle .fill.fix {
    -ms-transform: rotate(334.8deg);
    -webkit-transform: rotate(334.8deg);
    transform: rotate(334.8deg); }
  .radial-progress[data-progress="94"] .circle .fill,
  .radial-progress[data-progress="94"] .circle .mask.full {
    -ms-transform: rotate(169.2deg);
    -webkit-transform: rotate(169.2deg);
    transform: rotate(169.2deg); }
  .radial-progress[data-progress="94"] .circle .fill.fix {
    -ms-transform: rotate(338.4deg);
    -webkit-transform: rotate(338.4deg);
    transform: rotate(338.4deg); }
  .radial-progress[data-progress="95"] .circle .fill,
  .radial-progress[data-progress="95"] .circle .mask.full {
    -ms-transform: rotate(171deg);
    -webkit-transform: rotate(171deg);
    transform: rotate(171deg); }
  .radial-progress[data-progress="95"] .circle .fill.fix {
    -ms-transform: rotate(342deg);
    -webkit-transform: rotate(342deg);
    transform: rotate(342deg); }
  .radial-progress[data-progress="96"] .circle .fill,
  .radial-progress[data-progress="96"] .circle .mask.full {
    -ms-transform: rotate(172.8deg);
    -webkit-transform: rotate(172.8deg);
    transform: rotate(172.8deg); }
  .radial-progress[data-progress="96"] .circle .fill.fix {
    -ms-transform: rotate(345.6deg);
    -webkit-transform: rotate(345.6deg);
    transform: rotate(345.6deg); }
  .radial-progress[data-progress="97"] .circle .fill,
  .radial-progress[data-progress="97"] .circle .mask.full {
    -ms-transform: rotate(174.6deg);
    -webkit-transform: rotate(174.6deg);
    transform: rotate(174.6deg); }
  .radial-progress[data-progress="97"] .circle .fill.fix {
    -ms-transform: rotate(349.2deg);
    -webkit-transform: rotate(349.2deg);
    transform: rotate(349.2deg); }
  .radial-progress[data-progress="98"] .circle .fill,
  .radial-progress[data-progress="98"] .circle .mask.full {
    -ms-transform: rotate(176.4deg);
    -webkit-transform: rotate(176.4deg);
    transform: rotate(176.4deg); }
  .radial-progress[data-progress="98"] .circle .fill.fix {
    -ms-transform: rotate(352.8deg);
    -webkit-transform: rotate(352.8deg);
    transform: rotate(352.8deg); }
  .radial-progress[data-progress="99"] .circle .fill,
  .radial-progress[data-progress="99"] .circle .mask.full {
    -ms-transform: rotate(178.2deg);
    -webkit-transform: rotate(178.2deg);
    transform: rotate(178.2deg); }
  .radial-progress[data-progress="99"] .circle .fill.fix {
    -ms-transform: rotate(356.4deg);
    -webkit-transform: rotate(356.4deg);
    transform: rotate(356.4deg); }
  .radial-progress[data-progress="100"] .circle .fill,
  .radial-progress[data-progress="100"] .circle .mask.full {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .radial-progress[data-progress="100"] .circle .fill.fix {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
*  Components
* - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Masthead
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.masthead {
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #001534;
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.25); }
  @media (min-width: 769px) {
    .masthead {
      height: 70px; } }

.enquire-tab {
  position: absolute;
  top: 40px;
  right: -5px;
  display: block;
  width: 100px;
  height: 40px;
  padding: 5px 15px 10px;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  text-align: center;
  color: #fff !important;
  background: #6c8cc0;
  transform: rotate(-90deg);
  transform-origin: right bottom;
  transition: right 0.2s; }
  .enquire-tab:hover {
    right: 0; }
  @media (max-width: 768px) {
    .enquire-tab {
      top: 30px; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Hero
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.hero {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .hero .constrained {
    position: relative;
    height: 100%; }
  .hero.large {
    height: 420px; }
    @media (min-width: 641px) {
      .hero.large {
        height: 550px; } }
    @media (min-width: 1025px) {
      .hero.large {
        min-height: 700px;
        max-height: 950px;
        height: 70vh; } }
  .hero.standard {
    height: 350px; }
    @media (min-width: 641px) {
      .hero.standard {
        height: 400px; } }
    @media (min-width: 1025px) {
      .hero.standard {
        height: 470px; } }
  .hero.small, .hero.medium {
    padding: 40px 0; }
    .hero.small.medium, .hero.medium.medium {
      padding: 110px 0; }
    .hero.small:after, .hero.medium:after {
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      content: '';
      background-color: rgba(0, 0, 0, 0.2); }
    .hero.small .constrained, .hero.medium .constrained {
      position: relative;
      z-index: 1; }
  .hero .page-title h1 {
    font-weight: 100;
    color: #fff;
    font-size: 1.75rem;
    line-height: 1.28571; }
    @media (min-width: 481px) {
      .hero .page-title h1 {
        font-size: 2rem;
        line-height: 1.28571; } }
    @media (min-width: 769px) {
      .hero .page-title h1 {
        font-size: 2.375rem;
        line-height: 1.28571; } }
    @media (min-width: 1025px) {
      .hero .page-title h1 {
        font-size: 3rem;
        line-height: 1.28571; } }
    @media (min-width: 769px) {
      .hero .page-title h1 {
        margin: 140px 0; } }
  .hero #officeMap {
    height: 100%;
    width: 100%; }
  .hero video,
  .hero iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%); }
    @media (max-width: 1024px) {
      .hero video,
      .hero iframe {
        display: none; } }
  .hero video {
    width: auto;
    height: auto; }
  .hero iframe {
    width: 177.78vh;
    height: 56.25vw; }
  @media (min-width: 1025px) {
    .hero.video {
      background: #333 !important; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Tiles
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.tiles.full {
  margin: 0 10px 0 15px; }
  @media (min-width: 769px) {
    .tiles.full {
      margin-left: 10px; } }
  .tiles.full .item {
    width: 100%;
    padding: 5px 5px 0 0; }
    @media (min-width: 769px) {
      .tiles.full .item {
        padding: 5px; } }
    @media (min-width: 769px) {
      .tiles.full .item.wt-1 {
        width: 40%; } }
    .tiles.full .item.wt-2 {
      width: 50%; }
      @media (min-width: 769px) {
        .tiles.full .item.wt-2 {
          width: 30%; } }
    .tiles.full .item.wt-3 {
      width: 65%; }
      @media (min-width: 769px) {
        .tiles.full .item.wt-3 {
          width: 45%; } }
    .tiles.full .item.wt-4 {
      width: 35%; }
      @media (min-width: 769px) {
        .tiles.full .item.wt-4 {
          width: 15%; } }
    @media (min-width: 769px) {
      .tiles.full .item.tablet-ht-1 .tile-image {
        height: 255px; } }
    @media (min-width: 1025px) {
      .tiles.full .item.tablet-ht-1 .tile-image {
        height: 315px; } }
    @media (min-width: 769px) {
      .tiles.full .item.tablet-ht-2 .tile-image {
        height: 300px; } }
    @media (min-width: 1025px) {
      .tiles.full .item.tablet-ht-2 .tile-image {
        height: 390px; } }
    @media (min-width: 769px) {
      .tiles.full .item.tablet-ht-3 .tile-image {
        height: 145px; } }
    @media (min-width: 1025px) {
      .tiles.full .item.tablet-ht-3 .tile-image {
        height: 190px; } }
    @media (max-width: 768px) {
      .tiles.full .item.mobile-ht-1 .tile-image {
        height: 161px; } }
    @media (max-width: 480px) {
      .tiles.full .item.mobile-ht-1 .tile-image {
        height: 181px; } }
    @media (max-width: 768px) {
      .tiles.full .item.mobile-ht-2 .tile-image {
        height: 78px; } }
    @media (max-width: 480px) {
      .tiles.full .item.mobile-ht-2 .tile-image {
        height: 88px; } }
.tiles.partial {
  margin: 45px 0 0; }
  @media (min-width: 769px) {
    .tiles.partial {
      margin: 150px 0 0; } }
  .tiles.partial .item {
    width: calc(100% / 3); }
  .tiles.partial .tile-image {
    height: 185px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    @media (min-width: 769px) {
      .tiles.partial .tile-image {
        height: 335px; } }
.tiles .list {
  list-style-type: none;
  *zoom: 1; }
  .tiles .list:before, .tiles .list:after {
    content: " ";
    display: table; }
  .tiles .list:after {
    clear: both; }
  .tiles .list .item {
    float: left; }
.tiles .tile {
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer; }
  @media (max-width: 768px) {
    .tiles .tile .button {
      visibility: hidden !important;
      opacity: 0 !important;
      height: 0 !important;
      width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      overflow: hidden !important;
      display: block !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important; } }
  .tiles .tile:hover .tile-overlay, .tiles .tile:focus .tile-overlay {
    background-color: rgba(0, 0, 0, 0.7); }
    .tiles .tile:hover .tile-overlay .button, .tiles .tile:focus .tile-overlay .button {
      color: #6c8cc0;
      background-color: #fff; }
  .tiles .tile.video .title:before {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
    content: '';
    transition: all 200ms ease-out;
    opacity: .6;
    background-image: url("../images/icons/icon-play.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    @media (min-width: 769px) {
      .tiles .tile.video .title:before {
        width: 100px;
        height: 100px; } }
  @media (max-width: 768px) {
    .tiles .tile.video .title {
      margin-bottom: 5px; } }
  .tiles .tile.video span {
    font-style: italic;
    display: inline-block;
    width: 85px;
    padding-top: 5px;
    color: #fff;
    border-top: 1px solid #fff; }
    @media (max-width: 768px) {
      .tiles .tile.video span {
        font-size: 8px; } }
    @media (min-width: 769px) {
      .tiles .tile.video span {
        width: 175px;
        padding-top: 20px; } }
  .tiles .tile.video:hover .title:before, .tiles .tile.video:focus .title:before {
    opacity: 1; }
  .tiles .tile-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
  .tiles .tile-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 200ms ease-out;
    background-color: rgba(0, 0, 0, 0.34); }
    .tiles .tile-overlay .title {
      font-weight: 100;
      color: #fff;
      font-size: 1.125rem;
      line-height: 1.33333; }
      @media (min-width: 481px) {
        .tiles .tile-overlay .title {
          font-size: 1.5rem;
          line-height: 1.33333; } }
      @media (min-width: 769px) {
        .tiles .tile-overlay .title {
          font-size: 1.5rem;
          line-height: 1.33333; } }
      @media (min-width: 1025px) {
        .tiles .tile-overlay .title {
          font-size: 1.5rem;
          line-height: 1.33333; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Featured
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.featured-homes {
  position: relative;
  overflow: hidden;
  height: 185px; }
  @media (min-width: 769px) {
    .featured-homes {
      height: 335px; } }
  .featured-homes .list {
    list-style-type: none;
    background-color: #f7f7f7; }
    @media (max-width: 768px) {
      .featured-homes .list {
        margin: 0 15px; } }
  .featured-homes .home {
    position: relative;
    display: block;
    padding: 0 1px 0 0; }
    .featured-homes .home-image {
      height: 185px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; }
      @media (min-width: 769px) {
        .featured-homes .home-image {
          height: 335px; } }
    .featured-homes .home-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.25); }
      .featured-homes .home-overlay .status {
        font-style: italic;
        line-height: 1;
        position: relative;
        color: #fff;
        font-size: 1.125rem;
        line-height: 1.33333; }
        @media (min-width: 481px) {
          .featured-homes .home-overlay .status {
            font-size: 1.5rem;
            line-height: 1.33333; } }
        @media (min-width: 769px) {
          .featured-homes .home-overlay .status {
            font-size: 1.5rem;
            line-height: 1.33333; } }
        @media (min-width: 1025px) {
          .featured-homes .home-overlay .status {
            font-size: 1.5rem;
            line-height: 1.33333; } }
        .featured-homes .home-overlay .status:after {
          position: absolute;
          bottom: -16px;
          left: 50%;
          display: block;
          width: 1px;
          height: 15px;
          content: '';
          background-color: rgba(255, 255, 255, 0.5); }
          @media (min-width: 769px) {
            .featured-homes .home-overlay .status:after {
              bottom: -32px;
              height: 25px;
              background-color: #fff; } }
      .featured-homes .home-overlay .title {
        position: relative;
        margin: 15px 0 5px;
        padding: 10px 20px;
        color: #fff;
        font-size: 1.125rem;
        line-height: 1.33333; }
        @media (min-width: 481px) {
          .featured-homes .home-overlay .title {
            font-size: 1.5rem;
            line-height: 1.33333; } }
        @media (min-width: 769px) {
          .featured-homes .home-overlay .title {
            font-size: 1.5rem;
            line-height: 1.33333; } }
        @media (min-width: 1025px) {
          .featured-homes .home-overlay .title {
            font-size: 1.5rem;
            line-height: 1.33333; } }
        @media (min-width: 769px) {
          .featured-homes .home-overlay .title {
            margin: 35px 0 25px;
            padding: 20px; } }
        .featured-homes .home-overlay .title:before, .featured-homes .home-overlay .title:after {
          position: absolute;
          left: calc(50% - (96px / 2));
          display: block;
          width: 96px;
          height: 1px;
          content: '';
          background-color: rgba(255, 255, 255, 0.5); }
          @media (min-width: 769px) {
            .featured-homes .home-overlay .title:before, .featured-homes .home-overlay .title:after {
              left: calc(50% - (175px / 2));
              width: 175px;
              background-color: #fff; } }
        .featured-homes .home-overlay .title:before {
          top: 0; }
        .featured-homes .home-overlay .title:after {
          bottom: 0; }
        .featured-homes .home-overlay .title .suburb {
          text-transform: capitalize; }
      .featured-homes .home-overlay .amenities {
        color: #fff; }
        .featured-homes .home-overlay .amenities .icon {
          margin-right: 20px;
          line-height: 1;
          display: inline-block;
          vertical-align: bottom;
          font-size: 1rem; }
          .featured-homes .home-overlay .amenities .icon:last-child {
            margin: 0; }
          .featured-homes .home-overlay .amenities .icon.bed:after {
            content: "";
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            cursor: pointer;
            outline: 0;
            transform: scale(1);
            text-indent: -9999px;
            display: block;
            overflow: hidden;
            background-image: url("../images/icons/icon-bed.svg");
            height: 18px;
            width: 40px; }
            .featured-homes .home-overlay .amenities .icon.bed:after:before {
              content: "bed"; }
          @media (max-width: 768px) {
            .featured-homes .home-overlay .amenities .icon.bed:after {
              width: 26px;
              height: 12px; } }
          .featured-homes .home-overlay .amenities .icon.bath:after {
            content: "";
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            cursor: pointer;
            outline: 0;
            transform: scale(1);
            text-indent: -9999px;
            display: block;
            overflow: hidden;
            background-image: url("../images/icons/icon-bath.svg");
            height: 28px;
            width: 33px; }
            .featured-homes .home-overlay .amenities .icon.bath:after:before {
              content: "bath"; }
          @media (max-width: 768px) {
            .featured-homes .home-overlay .amenities .icon.bath:after {
              width: 22px;
              height: 18px; } }
          .featured-homes .home-overlay .amenities .icon.car:after {
            content: "";
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            cursor: pointer;
            outline: 0;
            transform: scale(1);
            text-indent: -9999px;
            display: block;
            overflow: hidden;
            background-image: url("../images/icons/icon-car.svg");
            height: 19px;
            width: 39px; }
            .featured-homes .home-overlay .amenities .icon.car:after:before {
              content: "car"; }
          @media (max-width: 768px) {
            .featured-homes .home-overlay .amenities .icon.car:after {
              width: 26px;
              height: 13px; } }
          .featured-homes .home-overlay .amenities .icon:after {
            display: inline-block !important;
            margin-left: 5px;
            vertical-align: bottom; }
  .featured-homes .slick-prev,
  .featured-homes .slick-next {
    position: absolute;
    z-index: 10;
    top: calc(50% - (40px / 2));
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all 200ms ease-out;
    opacity: .3;
    border: 0;
    outline: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    text-indent: -9999px;
    display: block;
    overflow: hidden; }
    @media (min-width: 769px) {
      .featured-homes .slick-prev,
      .featured-homes .slick-next {
        top: calc(50% - (60px / 2));
        width: 60px;
        height: 60px; } }
    .featured-homes .slick-prev:hover, .featured-homes .slick-prev:focus,
    .featured-homes .slick-next:hover,
    .featured-homes .slick-next:focus {
      opacity: 1; }
  .featured-homes .slick-prev {
    left: 0;
    background-image: url("../images/icons/icon-chevron-left.svg"); }
  .featured-homes .slick-next {
    right: 0;
    background-image: url("../images/icons/icon-chevron-right.svg"); }
  .featured-homes .actions {
    margin-top: 12px;
    text-align: center; }
    @media (min-width: 769px) {
      .featured-homes .actions {
        margin-top: 30px; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  About Us
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.about-us {
  position: relative; }
  .about-us .column {
    vertical-align: top; }
  @media (max-width: 768px) {
    .about-us-image-wrapper {
      padding: 0 25px; } }
  .about-us-image-wrapper img {
    display: block;
    width: 100%;
    margin: 0 auto; }
    @media (min-width: 769px) {
      .about-us-image-wrapper img {
        width: calc(100% - 40px); } }
    @media (min-width: 1281px) {
      .about-us-image-wrapper img {
        width: 100%; } }
  .about-us-content {
    background-color: #f7f7f7; }
    .about-us-content-wrapper {
      padding: 15px 15px 0; }
      @media (min-width: 769px) {
        .about-us-content-wrapper {
          padding: 0 0 0 20px; } }
      @media (min-width: 1281px) {
        .about-us-content-wrapper {
          padding: 40px; } }
      @media (max-width: 768px) {
        .about-us-content-wrapper {
          text-align: center; } }
      .about-us-content-wrapper h2 {
        margin: 0 0 12px;
        font-size: 1.5rem;
        line-height: 1.25;
        font-weight: 100;
        color: #001534; }
        @media (min-width: 481px) {
          .about-us-content-wrapper h2 {
            font-size: 2.25rem;
            line-height: 1.25; } }
        @media (min-width: 769px) {
          .about-us-content-wrapper h2 {
            font-size: 2.25rem;
            line-height: 1.25; } }
        @media (min-width: 1025px) {
          .about-us-content-wrapper h2 {
            font-size: 2.25rem;
            line-height: 1.25; } }
      .about-us-content-wrapper p:first-of-type {
        margin-top: 0; }
      .about-us-content-wrapper a {
        font-weight: 600;
        font-style: italic;
        display: block;
        margin-top: 24px;
        color: #001534; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Social
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.social .list {
  list-style-type: none;
  text-align: center; }
.social .item {
  margin: 0 5px;
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem; }
  @media (min-width: 769px) {
    .social .item {
      margin: 0 15px; } }
.social .link {
  display: block;
  width: 32px;
  height: 32px;
  transition: all 200ms ease-out;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center; }
  @media (min-width: 769px) {
    .social .link {
      width: 64px;
      height: 64px; } }
  .social .link span {
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important; }
  .social .link.linkedin {
    background-color: #1686b0;
    background-image: url(../images/icons/icon-linkedin.svg);
    background-size: 16px 15px; }
    @media (min-width: 769px) {
      .social .link.linkedin {
        background-size: 32px 30px; } }
    .social .link.linkedin:hover, .social .link.linkedin:focus {
      background-color: #106383; }
  .social .link.facebook {
    background-color: #4e71a8;
    background-image: url(../images/icons/icon-facebook.svg);
    background-size: 8px 16px; }
    @media (min-width: 769px) {
      .social .link.facebook {
        background-size: 16px 35px; } }
    .social .link.facebook:hover, .social .link.facebook:focus {
      background-color: #3e5a85; }
  .social .link.twitter {
    background-color: #1cb7eb;
    background-image: url(../images/icons/icon-twitter.svg);
    background-size: 16px 16px; }
    @media (min-width: 769px) {
      .social .link.twitter {
        background-size: 32px 32px; } }
    .social .link.twitter:hover, .social .link.twitter:focus {
      background-color: #1196c3; }
  .social .link.instagram {
    background-color: #444444;
    background-image: url(../images/icons/icon-instagram.svg);
    background-size: 16px 16px; }
    @media (min-width: 769px) {
      .social .link.instagram {
        background-size: 32px 32px; } }
    .social .link.instagram:hover, .social .link.instagram:focus {
      background-color: #2b2b2b; }
  .social .link.youtube {
    background-color: #ca3737;
    background-image: url(../images/icons/icon-youtube.svg);
    background-size: 16px 11px; }
    @media (min-width: 769px) {
      .social .link.youtube {
        background-size: 32px 22px; } }
    .social .link.youtube:hover, .social .link.youtube:focus {
      background-color: #a32b2b; }
  .social .link.googleplus {
    background-color: #e3411f;
    background-image: url(../images/icons/icon-google-plus.svg);
    background-size: 16px 16px; }
    @media (min-width: 769px) {
      .social .link.googleplus {
        background-size: 32px 32px; } }
    .social .link.googleplus:hover, .social .link.googleplus:focus {
      background-color: #b83317; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Newsletter
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.newsletter {
  padding: 20px 0;
  text-align: center;
  background-color: #f7f7f7; }
  .newsletter .title {
    font-size: 1.125rem;
    line-height: 1.33333;
    margin: 0 0 20px; }
    @media (min-width: 481px) {
      .newsletter .title {
        font-size: 1.875rem;
        line-height: 1.33333; } }
    @media (min-width: 769px) {
      .newsletter .title {
        font-size: 1.875rem;
        line-height: 1.33333; } }
    @media (min-width: 1025px) {
      .newsletter .title {
        font-size: 1.875rem;
        line-height: 1.33333; } }
  .newsletter .button {
    min-width: 200px; }
  .newsletter .newsletter.overlay {
    padding: 20px 50px !important; }
  .newsletter .overlay-content {
    position: relative;
    padding: 40px 20px;
    background-color: #fff;
    margin: 0 auto;
    max-width: 1024px; }
    .newsletter .overlay-content .error {
      background-color: #b93535;
      color: #fff;
      margin: 0 0 20px;
      padding: 10px; }
    .newsletter .overlay-content h1 {
      font-size: 1.75rem;
      line-height: 1.28571;
      margin-top: 0px;
      font-weight: 100;
      color: #001534; }
      @media (min-width: 481px) {
        .newsletter .overlay-content h1 {
          font-size: 2rem;
          line-height: 1.28571; } }
      @media (min-width: 769px) {
        .newsletter .overlay-content h1 {
          font-size: 2.375rem;
          line-height: 1.28571; } }
      @media (min-width: 1025px) {
        .newsletter .overlay-content h1 {
          font-size: 3rem;
          line-height: 1.28571; } }
    .newsletter .overlay-content form .fields .form-field {
      display: inline-block;
      vertical-align: middle;
      font-size: 1rem; }
      .newsletter .overlay-content form .fields .form-field:nth-child(2) {
        width: calc(100% - 305px); }
    .newsletter .overlay-content form input[type="text"] {
      width: 100%; }
    .newsletter .overlay-content form input[type="submit"] {
      height: 60px;
      line-height: 60px;
      padding: 0 40px; }
    .newsletter .overlay-content form select {
      background-color: #f7f7f7; }
    .newsletter .overlay-content .actions {
      text-align: right;
      margin-top: 20px; }
  @media (min-width: 768px) {
    .newsletter .title,
    .newsletter .button {
      display: inline-block;
      vertical-align: middle; }
    .newsletter .title {
      margin: 0 20px 0 0; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Footer
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.footer {
  overflow: hidden;
  margin-top: 42px;
  background-color: #001534; }
  @media (min-width: 769px) {
    .footer {
      margin-top: 80px; } }
  .footer-content {
    padding: 20px 28px 40px; }
    @media (min-width: 769px) {
      .footer-content {
        padding: 20px; } }
    @media (max-width: 768px) {
      .footer-content .column:first-child .footer-menu .item.level0:first-child {
        margin-top: 0; } }
  .footer .column {
    vertical-align: top; }
  .footer .additional {
    text-align: center; }
    @media (max-width: 768px) {
      .footer .additional {
        margin-bottom: 25px;
        border-bottom: 1px solid rgba(247, 247, 247, 0.2); } }
    @media (min-width: 769px) {
      .footer .additional {
        text-align: right; } }
    @media (max-width: 768px) {
      .footer .additional .download-app,
      .footer .additional .support-footer {
        display: none; } }
  .footer.sticky {
    position: fixed !important;
    bottom: 0;
    left: 0;
    width: 100%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Search Results
 * - - - - - - - - - - - - - - - - - - - - - - - - */
@media (min-width: 769px) {
  .search-results {
    padding: 0 20px; } }
.search-results .column {
  vertical-align: top; }
@media (max-width: 768px) {
  .search-results .header {
    padding: 0 20px; } }
.search-results .header .title {
  font-size: 21px;
  margin: 35px 0 30px; }
  @media (min-width: 769px) {
    .search-results .header .title {
      font-size: 30px;
      margin: 65px 0; } }
@media (max-width: 768px) {
  .search-results .display-list {
    padding: 0 20px; } }
.search-results .display-map {
  display: none; }
.search-results .properties-list {
  overflow: scroll;
  width: 388px;
  max-height: 365px; }
  @media (min-width: 769px) {
    .search-results .properties-list {
      float: left; } }
  @media (min-width: 1025px) {
    .search-results .properties-list {
      max-height: 1005px; } }
  @media (max-width: 1024px) {
    .search-results .properties-list {
      display: none; } }
.search-results #map {
  width: 100%;
  height: 365px; }
  @media (min-width: 1025px) {
    .search-results #map {
      height: 1005px; } }
  .search-results #map .iw-background {
    width: auto !important; }
  .search-results #map .iw-close {
    top: 35px !important; }
  .search-results #map .iw-sibling {
    display: none !important; }
  .search-results #map .gm-style-iw {
    position: relative !important;
    top: 25px !important;
    left: 0 !important;
    overflow: initial;
    width: 195px !important;
    background-color: #f7f7f7;
    font-size: 0;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); }
    .search-results #map .gm-style-iw:after {
      position: absolute;
      bottom: -15px;
      right: 57px;
      display: block;
      width: 0;
      height: 0;
      content: '';
      border-width: 15px 15px 0 15px;
      border-style: solid;
      border-color: #f7f7f7 transparent transparent transparent; }
    .search-results #map .gm-style-iw .content-window {
      display: block;
      color: inherit; }
      .search-results #map .gm-style-iw .content-window .gm-iw-image img {
        width: 100%;
        height: auto; }
      .search-results #map .gm-style-iw .content-window .gm-iw-content {
        height: 60px; }
        .search-results #map .gm-style-iw .content-window .gm-iw-content p {
          font-size: 12px;
          margin: 0; }
          .search-results #map .gm-style-iw .content-window .gm-iw-content p.suburb {
            font-weight: 600; }

.properties-map {
  width: 100%; }
  @media (min-width: 1025px) {
    .properties-map {
      float: left;
      width: calc(100% - 410px);
      margin-left: 20px; } }

.map-container {
  position: relative; }
  .map-container .map-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 61px;
    height: 63px;
    content: '';
    cursor: pointer;
    background-color: #585858;
    background-image: url("../images/icons/icon-cross.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: calc(100% - 30px); }

.map-view .main-content .constrained {
  width: auto; }
.map-view .search-results .display-list {
  display: none; }
.map-view .search-results .display-map {
  display: block; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Panel
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.panel {
  position: relative;
  margin-top: 35px; }
  @media (min-width: 769px) {
    .panel {
      margin-top: 70px; } }
  .panel-header {
    overflow: hidden;
    text-align: center; }
    .panel-header h1 {
      margin: 0 0 18px;
      font-size: 1.75rem;
      line-height: 1.28571;
      font-weight: 100;
      color: #001534; }
      @media (min-width: 481px) {
        .panel-header h1 {
          font-size: 2rem;
          line-height: 1.28571; } }
      @media (min-width: 769px) {
        .panel-header h1 {
          font-size: 2.375rem;
          line-height: 1.28571; } }
      @media (min-width: 1025px) {
        .panel-header h1 {
          font-size: 3rem;
          line-height: 1.28571; } }
      @media (min-width: 769px) {
        .panel-header h1 {
          margin: 0 0 42px; } }
  @media (max-width: 1280px) {
    .panel-3 {
      padding: 20px;
      background-color: #f7f7f7; } }
  @media (max-width: 768px) {
    .panel-3 {
      padding: 20px 0; } }
  @media (min-width: 769px) {
    .panel-4 {
      padding-top: 70px; } }
  @media (min-width: 769px) {
    .panel-4:before {
      position: absolute;
      top: 0;
      left: calc(50% - (620px / 2));
      width: 620px;
      height: 5px;
      content: '';
      background-color: #f7f7f7; } }
  .panel-4 .panel-header h1 {
    margin: 0 0 18px;
    font-size: 1.5rem;
    line-height: 1.25; }
    @media (min-width: 481px) {
      .panel-4 .panel-header h1 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 769px) {
      .panel-4 .panel-header h1 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 1025px) {
      .panel-4 .panel-header h1 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 769px) {
      .panel-4 .panel-header h1 {
        margin: 0 0 36px; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Property Grid
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.no-touchevents .property-grid .result-actions .action.favourite:hover svg .inner {
  fill: #cc9e6f; }

@media (max-width: 768px) {
  .property-grid .column:last-child .result {
    margin-bottom: 0; } }
.property-grid .result {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px; }
  .property-grid .result.favourited .action.favourite svg .inner {
    fill: #cc9e6f; }
  .property-grid .result-image {
    overflow: hidden;
    height: 220px;
    transition: all 200ms ease-out;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    @media (min-width: 769px) {
      .property-grid .result-image {
        height: 260px; } }
    @media (min-width: 1025px) {
      .property-grid .result-image {
        height: 290px; } }
    .property-grid .result-image img {
      display: block;
      width: 100%;
      height: auto; }
  .property-grid .result-address {
    position: absolute;
    bottom: 50px;
    left: 0;
    visibility: visible;
    overflow: hidden;
    width: 100%;
    padding: 15px 20px;
    transition: all 200ms ease-out;
    opacity: 1;
    color: #fff;
    background-color: rgba(0, 21, 52, 0.73); }
    @media (max-width: 480px) {
      .property-grid .result-address {
        position: static;
        background-color: #001534;
        font-weight: 400;
        margin: 0;
        font-size: 1.125rem;
        line-height: 1.33333; } }
  @media (max-width: 480px) and (min-width: 481px) {
    .property-grid .result-address {
      font-size: 1.875rem;
      line-height: 1.33333; } }
  @media (max-width: 480px) and (min-width: 769px) {
    .property-grid .result-address {
      font-size: 1.875rem;
      line-height: 1.33333; } }
  @media (max-width: 480px) and (min-width: 1025px) {
    .property-grid .result-address {
      font-size: 1.875rem;
      line-height: 1.33333; } }

    .property-grid .result-address .street,
    .property-grid .result-address .suburb {
      text-transform: capitalize; }
      @media (max-width: 768px) {
        .property-grid .result-address .street,
        .property-grid .result-address .suburb {
          display: block; } }
    .property-grid .result-address .street {
      margin-bottom: 5px; }
  .property-grid .result-details {
    height: 50px;
    padding: 0 20px;
    transition: all 200ms ease-out;
    background-color: #f7f7f7; }
    .property-grid .result-details .amenities {
      float: right;
      color: #000;
      padding: 8px 0;
      height: 50px; }
      .property-grid .result-details .amenities .icon {
        margin-right: 20px;
        line-height: 1;
        display: inline-block;
        vertical-align: bottom;
        font-size: 1rem; }
        .property-grid .result-details .amenities .icon:last-child {
          margin: 0; }
        .property-grid .result-details .amenities .icon.bed:after {
          content: "";
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center center;
          cursor: pointer;
          outline: 0;
          transform: scale(1);
          text-indent: -9999px;
          display: block;
          overflow: hidden;
          background-image: url("../property/images/icons/icon-bed-gray.svg");
          height: 14px;
          width: 29px; }
          .property-grid .result-details .amenities .icon.bed:after:before {
            content: "bed-gray"; }
        @media (max-width: 768px) {
          .property-grid .result-details .amenities .icon.bed:after {
            width: 26px;
            height: 12px; } }
        .property-grid .result-details .amenities .icon.bath:after {
          content: "";
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center center;
          cursor: pointer;
          outline: 0;
          transform: scale(1);
          text-indent: -9999px;
          display: block;
          overflow: hidden;
          background-image: url("../property/images/icons/icon-bath-gray.svg");
          height: 21px;
          width: 25px; }
          .property-grid .result-details .amenities .icon.bath:after:before {
            content: "bath-gray"; }
        @media (max-width: 768px) {
          .property-grid .result-details .amenities .icon.bath:after {
            width: 22px;
            height: 18px; } }
        .property-grid .result-details .amenities .icon.car:after {
          content: "";
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center center;
          cursor: pointer;
          outline: 0;
          transform: scale(1);
          text-indent: -9999px;
          display: block;
          overflow: hidden;
          background-image: url("../property/images/icons/icon-car-gray.svg");
          height: 14px;
          width: 29px; }
          .property-grid .result-details .amenities .icon.car:after:before {
            content: "car-gray"; }
        @media (max-width: 768px) {
          .property-grid .result-details .amenities .icon.car:after {
            width: 26px;
            height: 13px; } }
        .property-grid .result-details .amenities .icon:after {
          display: inline-block !important;
          margin-left: 5px;
          vertical-align: bottom; }
    .property-grid .result-details .type {
      font-weight: 600;
      line-height: 50px;
      float: left;
      color: #555555; }
      @media (max-width: 768px) {
        .property-grid .result-details .type {
          display: none; } }
  .property-grid .result-status {
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 20px;
    visibility: visible;
    height: 40px;
    padding: 0 20px;
    transition: all 200ms ease-out;
    text-transform: uppercase;
    opacity: 1;
    color: #fff;
    font-size: 0.875rem;
    line-height: 40px; }
    @media (min-width: 481px) {
      .property-grid .result-status {
        font-size: 0.875rem; } }
    @media (min-width: 769px) {
      .property-grid .result-status {
        font-size: 0.875rem; } }
    @media (min-width: 1025px) {
      .property-grid .result-status {
        font-size: 0.875rem; } }
    .property-grid .result-status.sold {
      background-color: #b7906b; }
    .property-grid .result-status.leased, .property-grid .result-status.deposit-taken, .property-grid .result-status.under-contract {
      background-color: #10b2bb; }
    .property-grid .result-status.available, .property-grid .result-status.new, .property-grid .result-status.under-offer {
      background-color: #439fd5; }
    .property-grid .result-status.available {
      display: none; }
  .property-grid .result-actions {
    position: absolute;
    z-index: 100;
    top: 10px;
    right: 10px;
    transition: all 200ms ease-out; }
    .property-grid .result-actions .action.favourite {
      display: block;
      cursor: pointer;
      transition: all 200ms ease-out; }
      .property-grid .result-actions .action.favourite svg {
        width: 24px;
        height: 25px; }
        .property-grid .result-actions .action.favourite svg .inner,
        .property-grid .result-actions .action.favourite svg .outer {
          transition: all 200ms ease-out; }
        .property-grid .result-actions .action.favourite svg .inner {
          fill: transparent; }
        .property-grid .result-actions .action.favourite svg .outer {
          fill: #fff; }
      .property-grid .result-actions .action.favourite.selected svg .inner {
        fill: #cc9e6f; }
  .property-grid .result-overlay {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    transition: all 200ms ease-out;
    opacity: 0;
    background-color: rgba(0, 21, 52, 0.75); }
    .property-grid .result-overlay .street,
    .property-grid .result-overlay .suburb {
      display: block;
      text-transform: capitalize;
      color: #fff;
      font-size: 1.125rem;
      line-height: 1;
      font-weight: 600;
      font-weight: 100; }
      @media (min-width: 481px) {
        .property-grid .result-overlay .street,
        .property-grid .result-overlay .suburb {
          font-size: 1.125rem; } }
      @media (min-width: 769px) {
        .property-grid .result-overlay .street,
        .property-grid .result-overlay .suburb {
          font-size: 1.125rem; } }
      @media (min-width: 1025px) {
        .property-grid .result-overlay .street,
        .property-grid .result-overlay .suburb {
          font-size: 1.125rem; } }
    .property-grid .result-overlay .street {
      margin-bottom: 10px; }
    .property-grid .result-overlay .suburb {
      margin-bottom: 25px;
      font-weight: 500; }
    .property-grid .result-overlay .button {
      height: 45px;
      padding: 0 20px;
      text-transform: uppercase;
      font-size: 0.875rem;
      line-height: 45px; }
      @media (min-width: 481px) {
        .property-grid .result-overlay .button {
          font-size: 0.875rem; } }
      @media (min-width: 769px) {
        .property-grid .result-overlay .button {
          font-size: 0.875rem; } }
      @media (min-width: 1025px) {
        .property-grid .result-overlay .button {
          font-size: 0.875rem; } }
  @media (min-width: 1025px) {
    .property-grid .result:hover .result-image, .property-grid .result:hover .result-details {
      -webkit-filter: blur(5px);
      -moz-filter: blur(5px);
      -o-filter: blur(5px);
      -ms-filter: blur(5px);
      filter: blur(5px); }
    .property-grid .result:hover .result-address, .property-grid .result:hover .result-status {
      visibility: hidden;
      opacity: 0; }
    .property-grid .result:hover .result-overlay {
      visibility: visible;
      opacity: 1; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Property Carousel
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.property-carousel {
  overflow: hidden; }
  .property-carousel .item {
    transition: all 200ms ease-out;
    opacity: .3;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    max-width: 500px; }
    @media (min-width: 641px) {
      .property-carousel .item {
        max-width: 800px; } }
    @media (min-width: 1025px) {
      .property-carousel .item {
        max-width: 1200px; } }
    .property-carousel .item.slick-center {
      opacity: 1; }
    .property-carousel .item:before {
      content: '';
      display: block;
      padding-bottom: 66.67%; }
  .property-carousel .slick-prev,
  .property-carousel .slick-next {
    position: absolute;
    z-index: 10;
    top: calc(50% - (40px / 2));
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all 200ms ease-out;
    opacity: .3;
    border: 0;
    outline: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    text-indent: -9999px;
    display: block;
    overflow: hidden; }
    @media (min-width: 769px) {
      .property-carousel .slick-prev,
      .property-carousel .slick-next {
        top: calc(50% - (60px / 2));
        width: 60px;
        height: 60px; } }
    .property-carousel .slick-prev:hover, .property-carousel .slick-prev:focus,
    .property-carousel .slick-next:hover,
    .property-carousel .slick-next:focus {
      opacity: .8; }
  .property-carousel .slick-prev {
    left: 0;
    background-image: url("../images/icons/icon-chevron-left-black.svg"); }
  .property-carousel .slick-next {
    right: 0;
    background-image: url("../images/icons/icon-chevron-right-black.svg"); }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Property Information
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.property-information {
  padding: 20px;
  background-color: #001534; }
  @media (min-width: 480px) {
    .property-information {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: rgba(0, 21, 52, 0.8); } }
  @media (min-width: 1281px) {
    .property-information .address {
      padding: 0 35px; } }
  .property-information .address h1 {
    font-weight: 400;
    margin: 0;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.33333; }
    @media (min-width: 481px) {
      .property-information .address h1 {
        font-size: 1.875rem;
        line-height: 1.33333; } }
    @media (min-width: 769px) {
      .property-information .address h1 {
        font-size: 1.875rem;
        line-height: 1.33333; } }
    @media (min-width: 1025px) {
      .property-information .address h1 {
        font-size: 1.875rem;
        line-height: 1.33333; } }
    @media (max-width: 640px) and (min-width: 481px) {
      .property-information .address h1 {
        font-size: 1.125rem; } }
    @media (max-width: 480px) {
      .property-information .address h1 .suburb {
        display: block;
        margin-top: 5px; } }
    .property-information .address h1 .suburb b {
      text-transform: capitalize; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Property Map
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.property-map #propertyMap {
  height: 485px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Property Details
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.property-details {
  background-color: #f7f7f7;
  *zoom: 1; }
  .property-details:before, .property-details:after {
    content: " ";
    display: table; }
  .property-details:after {
    clear: both; }
  .property-details .house-details {
    width: 100%;
    font-size: 0; }
    @media (min-width: 769px) {
      .property-details .house-details {
        float: left; } }
    .property-details .house-details .detail {
      display: inline-block;
      padding: 0 20px;
      vertical-align: middle;
      color: #555555;
      font-size: 1.125rem;
      line-height: 60px;
      font-weight: 600;
      font-weight: 100; }
      @media (min-width: 481px) {
        .property-details .house-details .detail {
          font-size: 1.125rem; } }
      @media (min-width: 769px) {
        .property-details .house-details .detail {
          font-size: 1.125rem; } }
      @media (min-width: 1025px) {
        .property-details .house-details .detail {
          font-size: 1.125rem; } }
      @media (max-width: 640px) {
        .property-details .house-details .detail {
          width: 50%; } }
      @media (max-width: 480px) {
        .property-details .house-details .detail {
          width: 100%; } }
      @media (min-width: 769px) {
        .property-details .house-details .detail {
          margin-right: 1px;
          padding: 0 28px; } }
      .property-details .house-details .detail.availability {
        font-weight: 600;
        background-color: #cdcdcd; }
      .property-details .house-details .detail.price {
        background-color: #dfdfdf; }
        @media (max-width: 640px) {
          .property-details .house-details .detail.price:first-child {
            width: 100%; } }
      .property-details .house-details .detail.icons {
        line-height: 39px;
        margin-bottom: 21px; }
        @media (min-width: 641px) {
          .property-details .house-details .detail.icons {
            float: right; } }
  .property-details .icon {
    margin-right: 20px;
    line-height: 1;
    display: inline-block;
    vertical-align: bottom;
    font-size: 1rem; }
    .property-details .icon:last-child {
      margin: 0; }
    .property-details .icon.bed:after {
      content: "";
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      cursor: pointer;
      outline: 0;
      transform: scale(1);
      text-indent: -9999px;
      display: block;
      overflow: hidden;
      background-image: url("../images/icons/icon-bed-gray.svg");
      height: 14px;
      width: 29px; }
      .property-details .icon.bed:after:before {
        content: "bed-gray"; }
    @media (max-width: 768px) {
      .property-details .icon.bed:after {
        width: 26px;
        height: 12px; } }
    .property-details .icon.bath:after {
      content: "";
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      cursor: pointer;
      outline: 0;
      transform: scale(1);
      text-indent: -9999px;
      display: block;
      overflow: hidden;
      background-image: url("../images/icons/icon-bath-gray.svg");
      height: 21px;
      width: 25px; }
      .property-details .icon.bath:after:before {
        content: "bath-gray"; }
    @media (max-width: 768px) {
      .property-details .icon.bath:after {
        width: 22px;
        height: 18px; } }
    .property-details .icon.car:after {
      content: "";
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      cursor: pointer;
      outline: 0;
      transform: scale(1);
      text-indent: -9999px;
      display: block;
      overflow: hidden;
      background-image: url("../images/icons/icon-car-gray.svg");
      height: 14px;
      width: 29px; }
      .property-details .icon.car:after:before {
        content: "car-gray"; }
    @media (max-width: 768px) {
      .property-details .icon.car:after {
        width: 26px;
        height: 13px; } }
    .property-details .icon:after {
      display: inline-block !important;
      margin-left: 5px;
      vertical-align: bottom; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Property Details
 * - - - - - - - - - - - - - - - - - - - - - - - - */
@media (min-width: 1025px) {
  .property-content {
    margin: 0 0 0 70px; } }
@media (max-width: 768px) {
  .property-content-summary {
    max-width: 500px;
    margin: 0 auto;
    text-align: center; } }
@media (min-width: 769px) {
  .property-content-summary {
    position: relative;
    overflow: hidden;
    height: 560px;
    padding-right: 70px;
    border-right: 3px solid #f7f7f7; } }
@media (min-width: 769px) {
  .property-content-summary.overflow:after {
    position: absolute;
    z-index: 1;
    bottom: 0;
    display: block;
    width: 100%;
    height: 115px;
    content: '';
    background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0)); } }
.property-content-summary.overflow.extended {
  overflow: auto;
  height: auto; }
  .property-content-summary.overflow.extended:after {
    display: none; }
.property-content-summary h2 {
  font-weight: 100;
  margin-top: 0;
  color: #001534;
  font-size: 1.5rem;
  line-height: 1.25; }
  @media (min-width: 481px) {
    .property-content-summary h2 {
      font-size: 2.25rem;
      line-height: 1.25; } }
  @media (min-width: 769px) {
    .property-content-summary h2 {
      font-size: 2.25rem;
      line-height: 1.25; } }
  @media (min-width: 1025px) {
    .property-content-summary h2 {
      font-size: 2.25rem;
      line-height: 1.25; } }
  .property-content-summary h2::first-letter {
    text-transform: capitalize; }
@media (max-width: 768px) {
  .property-content-summary p:first-of-type {
    margin-top: 0; } }
.property-content .read-more {
  font-weight: 400;
  font-style: italic;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */ }
  @media (min-width: 481px) {
    .property-content .read-more {
      font-size: 0.875rem; } }
  @media (min-width: 769px) {
    .property-content .read-more {
      font-size: 0.875rem; } }
  @media (min-width: 1025px) {
    .property-content .read-more {
      font-size: 0.875rem; } }
  @media (max-width: 768px) {
    .property-content .read-more {
      display: none; } }
.property-content-features {
  margin: 30px 0 0 0; }
  @media (min-width: 769px) {
    .property-content-features {
      margin: 45px 40px 0 0; } }
  .property-content-features-heading {
    padding: 15px 20px;
    background-color: #f7f7f7; }
    @media (max-width: 768px) {
      .property-content-features-heading {
        text-align: center; } }
    .property-content-features-heading h3 {
      font-weight: 300;
      margin: 0; }
  .property-content-features .list {
    font-size: 0;
    padding: 15px 20px;
    list-style-type: none;
    background-color: #fbfbfb; }
    @media (min-width: 769px) {
      .property-content-features .list {
        padding: 30px 20px 15px; } }
  .property-content-features .item {
    width: 100%;
    margin-bottom: 7px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem; }
    @media (min-width: 481px) {
      .property-content-features .item {
        width: 50%; } }
    @media (min-width: 769px) {
      .property-content-features .item {
        width: 33%;
        text-align: left; } }
.property-content .video-wrapper {
  margin-top: 2em; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Property Sidebar
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.property-sidebar {
  padding-bottom: 30px; }
  @media (max-width: 768px) {
    .property-sidebar {
      overflow: hidden;
      margin: 35px 0 0;
      background-color: #fbfbfb; } }
  @media (min-width: 769px) {
    .property-sidebar {
      max-width: 310px;
      margin-left: 20px; } }
  @media (min-width: 1025px) {
    .property-sidebar {
      margin-left: 40px; } }
  @media (max-width: 768px) {
    .property-sidebar-panel {
      max-width: 320px;
      margin: 0 auto; } }
  .property-sidebar-panel.auction-date .date {
    font-weight: 600;
    color: #cc9e6f; }
  .property-sidebar-panel.inspection-times {
    margin-bottom: 50px; }
    .property-sidebar-panel.inspection-times .list .item {
      margin-bottom: 10px; }
      .property-sidebar-panel.inspection-times .list .item:nth-child(n+3) {
        display: none; }
    .property-sidebar-panel.inspection-times .list.expanded .item {
      display: block !important; }
    .property-sidebar-panel.inspection-times .button.inverted-gold {
      line-height: 45px;
      height: 45px;
      padding: 0 15px;
      margin-top: 10px; }
  .property-sidebar-panel.tools .list .item {
    margin-bottom: 1px; }
  .property-sidebar-panel.tools .list .link, .property-sidebar-panel.tools .list .link:link, .property-sidebar-panel.tools .list .link:visited {
    background-color: #f7f7f7;
    display: block;
    padding: 10px;
    transition: all 200ms ease-out; }
    @media (min-width: 769px) {
      .property-sidebar-panel.tools .list .link, .property-sidebar-panel.tools .list .link:link, .property-sidebar-panel.tools .list .link:visited {
        max-width: 230px; } }
  .property-sidebar-panel.tools .list .link:hover, .property-sidebar-panel.tools .list .link:focus {
    background-color: #dedede; }
  .property-sidebar-panel.tools span {
    font-size: 12px;
    line-height: 24px;
    display: block;
    text-transform: uppercase;
    color: #555555; }
    .property-sidebar-panel.tools span:before {
      display: inline-block !important;
      width: 20px !important;
      height: 24px !important;
      margin-right: 10px;
      vertical-align: top;
      background-size: contain !important; }
  .property-sidebar-panel.tools .statement:before {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    outline: 0;
    transform: scale(1);
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background-image: url("../images/icons/icon-pdf.svg");
    height: 40px;
    width: 35px; }
    .property-sidebar-panel.tools .statement:before:before {
      content: "pdf"; }
  .property-sidebar-panel.tools .floorplan:before {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    outline: 0;
    transform: scale(1);
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background-image: url("../images/icons/icon-floorplan.svg");
    height: 42px;
    width: 42px; }
    .property-sidebar-panel.tools .floorplan:before:before {
      content: "floorplan"; }
  .property-sidebar-panel.tools .brochure:before {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    outline: 0;
    transform: scale(1);
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background-image: url("../images/icons/icon-brochure.svg");
    height: 42px;
    width: 41px; }
    .property-sidebar-panel.tools .brochure:before:before {
      content: "brochure"; }
  .property-sidebar-panel.tools .microsite:before {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    outline: 0;
    transform: scale(1);
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background-image: url("../images/icons/icon-microsite.svg");
    height: 38px;
    width: 38px; }
    .property-sidebar-panel.tools .microsite:before:before {
      content: "microsite"; }
  .property-sidebar-panel.tools .checklist:before {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    outline: 0;
    transform: scale(1);
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background-image: url("../images/icons/icon-checklist.svg");
    height: 35px;
    width: 38px; }
    .property-sidebar-panel.tools .checklist:before:before {
      content: "checklist"; }
  .property-sidebar-panel.tools .compare:before {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    outline: 0;
    transform: scale(1);
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background-image: url("../images/icons/icon-pdf.svg");
    height: 40px;
    width: 35px; }
    .property-sidebar-panel.tools .compare:before:before {
      content: "pdf"; }
  .property-sidebar-panel.tools .oneform:before {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    outline: 0;
    transform: scale(1);
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background-image: url("../images/icons/icon-oneform.png");
    height: 48px;
    width: 48px; }
    .property-sidebar-panel.tools .oneform:before:before {
      content: "oneform"; }
  .property-sidebar-panel.tools .application:before {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    outline: 0;
    transform: scale(1);
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background-image: url("../images/icons/icon-download.svg");
    height: 40px;
    width: 32px; }
    .property-sidebar-panel.tools .application:before:before {
      content: "download"; }
  @media (max-width: 768px) {
    .property-sidebar-panel.share {
      text-align: center; } }
  .property-sidebar-panel-header h2 {
    color: #001534;
    font-size: 1.125rem;
    line-height: 1.33333;
    font-weight: 600;
    margin-top: 18px;
    margin-bottom: 12px; }
    @media (min-width: 481px) {
      .property-sidebar-panel-header h2 {
        font-size: 1.125rem;
        line-height: 1.33333; } }
    @media (min-width: 769px) {
      .property-sidebar-panel-header h2 {
        font-size: 1.125rem;
        line-height: 1.33333; } }
    @media (min-width: 1025px) {
      .property-sidebar-panel-header h2 {
        font-size: 1.125rem;
        line-height: 1.33333; } }
    @media (max-width: 768px) {
      .property-sidebar-panel-header h2 {
        text-align: center; } }
  .property-sidebar-panel-actions {
    margin-top: 20px;
    text-align: center; }
  .property-sidebar-panel .date {
    font-weight: 300;
    position: relative;
    display: block;
    padding: 14px 65px 14px 15px;
    background-color: #f7f7f7; }
    @media (min-width: 769px) {
      .property-sidebar-panel .date {
        font-size: 15px; } }
    @media (min-width: 1025px) {
      .property-sidebar-panel .date {
        height: 50px; } }
    .property-sidebar-panel .date-calendar {
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      width: 49px;
      height: 50px;
      outline: 0;
      background-color: #555555;
      background-image: url("../images/icons/icon-calendar.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 31px 31px; }
      .property-sidebar-panel .date-calendar:hover .date-calendar-popup, .property-sidebar-panel .date-calendar:focus .date-calendar-popup {
        top: 50px;
        visibility: visible;
        opacity: 1; }
      .property-sidebar-panel .date-calendar-popup {
        position: absolute;
        z-index: 100;
        top: 25px;
        display: block;
        visibility: hidden;
        width: 120px;
        padding: 10px 15px;
        transition: all 200ms ease-out;
        opacity: 0;
        background-color: #555555; }
        @media (max-width: 1280px) {
          .property-sidebar-panel .date-calendar-popup {
            right: 0; } }
        @media (min-width: 1281px) {
          .property-sidebar-panel .date-calendar-popup {
            left: 0; } }
    .property-sidebar-panel .date .add-to-calendar {
      font-size: 13px;
      font-weight: 100;
      z-index: 100; }
      .property-sidebar-panel .date .add-to-calendar a, .property-sidebar-panel .date .add-to-calendar a:link, .property-sidebar-panel .date .add-to-calendar a:visited {
        display: block;
        margin-bottom: 5px;
        padding-left: 25px;
        color: #dfdfdf;
        background-image: url("../images/calendar-sprite.png");
        background-repeat: no-repeat; }
        .property-sidebar-panel .date .add-to-calendar a:last-child, .property-sidebar-panel .date .add-to-calendar a:link:last-child, .property-sidebar-panel .date .add-to-calendar a:visited:last-child {
          margin-bottom: 0; }
      .property-sidebar-panel .date .add-to-calendar a:hover, .property-sidebar-panel .date .add-to-calendar a:focus {
        text-decoration: underline; }
      .property-sidebar-panel .date .add-to-calendar a.icon-google {
        background-position: 0 0; }
      .property-sidebar-panel .date .add-to-calendar a.icon-yahoo {
        background-position: 0 -120px; }
      .property-sidebar-panel .date .add-to-calendar a.icon-ical {
        background-position: 0 -41px; }
      .property-sidebar-panel .date .add-to-calendar a.icon-outlook {
        background-position: 0 -80px; }
  .property-sidebar-panel .list {
    list-style-type: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Property Agents
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.property-agents {
  overflow: hidden;
  padding: 30px 15px;
  text-align: center;
  background-color: #f7f7f7; }
  @media (max-width: 1024px) {
    .property-agents {
      margin: 35px 0; } }
  @media (min-width: 1025px) {
    .property-agents {
      height: 485px;
      padding: 50px 0 0; } }
  .property-agents-header {
    margin: 0 0 20px; }
    .property-agents-header h2 {
      margin: 0;
      font-size: 1.5rem;
      line-height: 1.25;
      font-weight: 100;
      color: #001534; }
      @media (min-width: 481px) {
        .property-agents-header h2 {
          font-size: 2.25rem;
          line-height: 1.25; } }
      @media (min-width: 769px) {
        .property-agents-header h2 {
          font-size: 2.25rem;
          line-height: 1.25; } }
      @media (min-width: 1025px) {
        .property-agents-header h2 {
          font-size: 2.25rem;
          line-height: 1.25; } }
  .property-agents .list {
    list-style-type: none; }
  .property-agents .item {
    width: 240px;
    height: 240px;
    margin-top: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem; }
  .property-agents .listing-display .listing-display-item-image {
    min-height: 0;
    height: 240px; }
  .property-agents .listing-display .listing-display-item-title {
    font-size: 1.25rem !important; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Property Similar
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.property-similar-header {
  margin: 0 0 40px;
  text-align: center; }
  .property-similar-header h2 {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 100;
    color: #001534; }
    @media (min-width: 481px) {
      .property-similar-header h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 769px) {
      .property-similar-header h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 1025px) {
      .property-similar-header h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    .property-similar-header h2 .suburb {
      font-weight: 600;
      text-transform: capitalize; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Property Median
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.property-median-content {
  overflow: auto; }
.property-median #canvas {
  height: 450px !important; }
  @media (max-width: 768px) {
    .property-median #canvas {
      height: 300px !important; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Property Profile
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.property-profile {
  max-width: 1024px; }
  @media (min-width: 769px) {
    .property-profile {
      margin: 60px auto 0;
      padding-top: 60px;
      border-top: 2px solid #f7f7f7; } }
  .property-profile-content {
    line-height: 24px;
    text-align: center; }
    .property-profile-content p:last-of-type {
      margin-bottom: 30px; }
    .property-profile-content .button {
      text-transform: uppercase; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  REIV Recent Sales 
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.reiv-recent-sales {
  overflow: hidden; }
  @media (min-width: 769px) {
    .reiv-recent-sales {
      padding: 45px 0;
      background-color: #fbfbfb; } }
  .reiv-recent-sales-content {
    overflow: auto;
    max-width: 1080px;
    margin: 0 auto; }
    .reiv-recent-sales-content img {
      width: auto;
      height: 18px; }
    .reiv-recent-sales-content table {
      font-size: 1rem;
      line-height: 1.5;
      width: 100%;
      min-width: 800px;
      border-collapse: collapse; }
      @media (min-width: 481px) {
        .reiv-recent-sales-content table {
          font-size: 1rem;
          line-height: 1.5; } }
      @media (min-width: 769px) {
        .reiv-recent-sales-content table {
          font-size: 1rem;
          line-height: 1.5; } }
      @media (min-width: 1025px) {
        .reiv-recent-sales-content table {
          font-size: 1rem;
          line-height: 1.5; } }
    .reiv-recent-sales-content thead td {
      font-weight: 600;
      color: #555555; }
    .reiv-recent-sales-content tbody:nth-of-type(odd) {
      background-color: #f7f7f7; }
    .reiv-recent-sales-content tbody .address {
      color: #cc9e6f; }
    .reiv-recent-sales-content td {
      padding: 20px; }
    .reiv-recent-sales-content .bedrooms {
      text-align: center; }
    .reiv-recent-sales-content .address .suburb {
      text-transform: capitalize; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Favourites Toolbar
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.favourites-toolbar {
  margin-bottom: 40px;
  text-align: center; }
  .favourites-toolbar .list {
    font-size: 0;
    list-style-type: none; }
  .favourites-toolbar .item {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    margin-right: 15px; }
    @media (max-width: 768px) {
      .favourites-toolbar .item {
        margin-bottom: 15px; } }
    .favourites-toolbar .item.ui-state-active .link {
      color: #fff;
      background-color: #cc9e6f; }
  .favourites-toolbar .link {
    text-transform: uppercase;
    text-transform: uppercase;
    font-weight: 300;
    display: inline-block;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border: 0;
    cursor: pointer;
    outline: 0;
    text-align: center;
    transition: all 100ms ease-out;
    background-color: rgba(204, 158, 111, 0);
    border: 1px solid #cc9e6f;
    font-weight: 100;
    padding: 0 40px; }
    .favourites-toolbar .link, .favourites-toolbar .link:link, .favourites-toolbar .link:visited {
      color: #cc9e6f; }
    .favourites-toolbar .link:hover, .favourites-toolbar .link:focus {
      background-color: #cc9e6f;
      color: #fff; }
    @media (max-width: 768px) {
      .favourites-toolbar .link {
        padding: 0 20px; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Breadcrumbs
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.breadcrumbs {
  position: relative;
  background-color: #fff;
  padding: 18px 15px 18px; }
  @media (min-width: 769px) {
    .breadcrumbs {
      padding: 30px 15px 30px; } }
  @media (min-width: 1025px) {
    .breadcrumbs {
      padding: 36px 15px 66px; } }
  .breadcrumbs .list {
    font-size: 0;
    list-style-type: none; }
  .breadcrumbs .item {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    font-size: 0;
    text-transform: capitalize; }
    .breadcrumbs .item:after {
      display: inline-block;
      margin: 0 4px;
      content: ' / ';
      color: #9b9b9b;
      font-size: 0.875rem;
      line-height: 1; }
      @media (min-width: 481px) {
        .breadcrumbs .item:after {
          font-size: 0.875rem; } }
      @media (min-width: 769px) {
        .breadcrumbs .item:after {
          font-size: 0.875rem; } }
      @media (min-width: 1025px) {
        .breadcrumbs .item:after {
          font-size: 0.875rem; } }
    .breadcrumbs .item:last-child {
      font-weight: 600;
      color: #9b9b9b; }
      .breadcrumbs .item:last-child:after {
        display: none; }
  .breadcrumbs .link, .breadcrumbs .link:link, .breadcrumbs .link:visited {
    color: #9b9b9b; }
  .breadcrumbs .link:hover, .breadcrumbs .link:focus {
    text-decoration: underline; }
  .breadcrumbs span {
    font-size: 0.875rem;
    line-height: 1; }
    @media (min-width: 481px) {
      .breadcrumbs span {
        font-size: 0.875rem; } }
    @media (min-width: 769px) {
      .breadcrumbs span {
        font-size: 0.875rem; } }
    @media (min-width: 1025px) {
      .breadcrumbs span {
        font-size: 0.875rem; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Blog Toolbar
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.blog-toolbar {
  margin: 0 15px 20px;
  width: calc(100% - 30px); }
  @media (max-width: 768px) {
    .blog-toolbar {
      background-color: #fbfbfb; } }
  @media (min-width: 641px) and (max-width: 768px) {
    .blog-toolbar {
      width: calc(50% - 25px); } }
  @media (min-width: 769px) {
    .blog-toolbar {
      margin: 0 15px 30px; } }
  @media (min-width: 1025px) {
    .blog-toolbar {
      margin: 0 15px 50px; } }
  @media (min-width: 1025px) {
    .blog-toolbar.indent .constrained {
      padding: 0 20px; } }
  @media (min-width: 769px) {
    .blog-toolbar.indent .blog-toolbar-header h2 {
      margin-bottom: 24px; } }
  @media (min-width: 1025px) {
    .blog-toolbar.indent .blog-toolbar-header h2 {
      margin-bottom: 36px; } }
  .blog-toolbar-header {
    transition: all 200ms ease-out;
    outline: 0; }
    @media (max-width: 768px) {
      .blog-toolbar-header {
        padding: 15px 20px;
        border-bottom: 1px solid #9b9b9b; } }
    .blog-toolbar-header.ui-state-active h2:after {
      top: calc(50% - 5px);
      transform: rotate(180deg); }
    .blog-toolbar-header h2 {
      position: relative;
      font-size: 1.125rem;
      line-height: 1.33333;
      margin-top: 0px;
      margin-bottom: 0px;
      font-weight: 100;
      color: #001534; }
      @media (min-width: 481px) {
        .blog-toolbar-header h2 {
          font-size: 1.5rem;
          line-height: 1.33333; } }
      @media (min-width: 769px) {
        .blog-toolbar-header h2 {
          font-size: 1.5rem;
          line-height: 1.33333; } }
      @media (min-width: 1025px) {
        .blog-toolbar-header h2 {
          font-size: 1.5rem;
          line-height: 1.33333; } }
      @media (max-width: 768px) {
        .blog-toolbar-header h2 {
          font-size: 1rem;
          line-height: 1.5;
          margin-top: 0px;
          margin-bottom: 0px;
          color: #9b9b9b; } }
  @media (max-width: 768px) and (min-width: 481px) {
    .blog-toolbar-header h2 {
      font-size: 1rem;
      line-height: 1.5; } }
  @media (max-width: 768px) and (min-width: 769px) {
    .blog-toolbar-header h2 {
      font-size: 1rem;
      line-height: 1.5; } }
  @media (max-width: 768px) and (min-width: 1025px) {
    .blog-toolbar-header h2 {
      font-size: 1rem;
      line-height: 1.5; } }

      @media (max-width: 768px) {
        .blog-toolbar-header h2:after {
          position: absolute;
          top: calc(50% - 3px);
          right: 0;
          display: block;
          width: 15px;
          height: 9px;
          content: '';
          transition: all 200ms ease-out;
          background-image: url("../images/icons/icon-chevron-down-gray.svg");
          background-repeat: no-repeat;
          background-size: contain; } }
  .blog-toolbar .list {
    list-style-type: none; }
    @media (max-width: 768px) {
      .blog-toolbar .list {
        padding: 15px 20px; } }
    @media (min-width: 769px) {
      .blog-toolbar .list {
        font-size: 0; } }
    .blog-toolbar .list .item {
      margin-bottom: 5px; }
      @media (min-width: 769px) {
        .blog-toolbar .list .item {
          margin-bottom: 15px;
          display: inline-block;
          vertical-align: middle;
          font-size: 1rem; } }
      .blog-toolbar .list .item:last-child .link {
        margin-right: 0; }
    @media (max-width: 768px) {
      .blog-toolbar .list .link, .blog-toolbar .list .link:link, .blog-toolbar .list .link:visited {
        color: #9b9b9b; }
      .blog-toolbar .list .link:hover, .blog-toolbar .list .link:focus {
        text-decoration: underline; } }
    @media (min-width: 769px) {
      .blog-toolbar .list .link {
        margin-right: 15px;
        text-transform: uppercase;
        font-weight: 300;
        display: inline-block;
        padding: 0 20px;
        height: 50px;
        line-height: 50px;
        border: 0;
        cursor: pointer;
        outline: 0;
        text-align: center;
        transition: all 100ms ease-out;
        background-color: rgba(0, 21, 52, 0);
        border: 1px solid #001534;
        font-weight: 100;
        padding: 0 40px;
        font-size: 0.875rem;
        line-height: 50px; }
        .blog-toolbar .list .link, .blog-toolbar .list .link:link, .blog-toolbar .list .link:visited {
          color: #001534; }
        .blog-toolbar .list .link:hover, .blog-toolbar .list .link:focus {
          background-color: #001534;
          color: #fff; } }
  @media (min-width: 769px) and (min-width: 481px) {
    .blog-toolbar .list .link {
      font-size: 0.875rem; } }
  @media (min-width: 769px) and (min-width: 769px) {
    .blog-toolbar .list .link {
      font-size: 0.875rem; } }
  @media (min-width: 769px) and (min-width: 1025px) {
    .blog-toolbar .list .link {
      font-size: 0.875rem; } }

    .blog-toolbar .list .link.active {
      color: #001534; }
      @media (max-width: 768px) {
        .blog-toolbar .list .link.active {
          font-weight: 600; } }
      @media (min-width: 769px) {
        .blog-toolbar .list .link.active {
          color: #fff;
          background-color: #001534; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Blog Listing
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.blog-listing {
  margin: 0 15px; }
  .blog-listing .post {
    position: relative;
    margin: 0 0 20px; }
    .blog-listing .post-image {
      position: relative; }
      .blog-listing .post-image a, .blog-listing .post-image a:link, .blog-listing .post-image a:visited {
        color: #fff; }
      .blog-listing .post-image a:hover .post-heading, .blog-listing .post-image a:focus .post-heading {
        padding: 25px; }
      .blog-listing .post-image img {
        display: block;
        width: 100%; }
    .blog-listing .post-heading {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 15px 25px;
      transition: all 200ms ease-out;
      background-color: rgba(0, 0, 0, 0.65); }
      .blog-listing .post-heading h2 {
        font-size: 1.125rem;
        line-height: 1.33333;
        margin-top: 0px;
        margin-bottom: 0px;
        font-weight: 100;
        color: #fff; }
        @media (min-width: 481px) {
          .blog-listing .post-heading h2 {
            font-size: 1.5rem;
            line-height: 1.33333; } }
        @media (min-width: 769px) {
          .blog-listing .post-heading h2 {
            font-size: 1.5rem;
            line-height: 1.33333; } }
        @media (min-width: 1025px) {
          .blog-listing .post-heading h2 {
            font-size: 1.5rem;
            line-height: 1.33333; } }
    .blog-listing .post-description {
      font-size: 0.875rem;
      line-height: 1.3; }
      @media (min-width: 481px) {
        .blog-listing .post-description {
          font-size: 0.875rem; } }
      @media (min-width: 769px) {
        .blog-listing .post-description {
          font-size: 0.875rem; } }
      @media (min-width: 1025px) {
        .blog-listing .post-description {
          font-size: 0.875rem; } }
      .blog-listing .post-description .read-more {
        margin-top: 30px; }
        .blog-listing .post-description .read-more a, .blog-listing .post-description .read-more a:link, .blog-listing .post-description .read-more a:visited {
          font-weight: 500;
          font-style: italic;
          color: #cc9e6f; }
    .blog-listing .post-content {
      padding: 25px;
      background-color: #fbfbfb; }
      .blog-listing .post-content .details {
        position: relative; }
        .blog-listing .post-content .details .detail {
          font-style: italic;
          display: block;
          color: #9b9b9b;
          font-size: 0.875rem;
          line-height: 1.5; }
          @media (min-width: 481px) {
            .blog-listing .post-content .details .detail {
              font-size: 0.875rem; } }
          @media (min-width: 769px) {
            .blog-listing .post-content .details .detail {
              font-size: 0.875rem; } }
          @media (min-width: 1025px) {
            .blog-listing .post-content .details .detail {
              font-size: 0.875rem; } }
          .blog-listing .post-content .details .detail a, .blog-listing .post-content .details .detail a:link, .blog-listing .post-content .details .detail a:visited {
            text-decoration: underline;
            color: #9b9b9b; }
          .blog-listing .post-content .details .detail .title {
            display: inline-block;
            width: 65px; }
        .blog-listing .post-content .details .author-image {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #dfdfdf;
          position: absolute;
          right: 0;
          top: 0;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center; }
  .blog-listing h3 {
    text-align: center;
    font-weight: 100;
    color: #001534; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Blog Article Header
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.blog-article-header {
  padding: 0 35px 20px 0;
  margin: 20px 0 20px;
  border-bottom: 1px solid #f7f7f7; }
  @media (min-width: 481px) {
    .blog-article-header {
      padding: 0 35px 40px 0;
      margin: 20px 0 35px; } }
  @media (min-width: 769px) {
    .blog-article-header {
      margin: 70px 0 45px; } }
  .blog-article-header .share {
    margin-top: 15px; }
    @media (min-width: 481px) {
      .blog-article-header .share {
        margin-top: 30px; } }
  .blog-article-header h1 {
    font-size: 1.75rem;
    line-height: 1.28571;
    font-weight: 100;
    color: #001534; }
    @media (min-width: 481px) {
      .blog-article-header h1 {
        font-size: 2rem;
        line-height: 1.28571; } }
    @media (min-width: 769px) {
      .blog-article-header h1 {
        font-size: 2.375rem;
        line-height: 1.28571; } }
    @media (min-width: 1025px) {
      .blog-article-header h1 {
        font-size: 3rem;
        line-height: 1.28571; } }
  @media (min-width: 481px) {
    .blog-article-header .author-image {
      height: 87px;
      width: 87px;
      border-radius: 50%;
      background-color: #dfdfdf;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      display: inline-block;
      vertical-align: middle; } }
  @media (min-width: 481px) {
    .blog-article-header .details {
      margin-left: 25px;
      display: inline-block;
      vertical-align: middle; } }
  .blog-article-header .details .detail {
    display: block;
    color: #9b9b9b;
    font-size: 0.875rem;

    line-height: 1.5;
    font-style: italic; }
    @media (min-width: 481px) {
      .blog-article-header .details .detail {
        font-size: 0.875rem; } }
    @media (min-width: 769px) {
      .blog-article-header .details .detail {
        font-size: 0.875rem; } }
    @media (min-width: 1025px) {
      .blog-article-header .details .detail {
        font-size: 0.875rem; } }
    .blog-article-header .details .detail .title {
      width: 65px;
      display: inline-block; }
    .blog-article-header .details .detail a, .blog-article-header .details .detail a:link, .blog-article-header .details .detail a:visited {
      color: #9b9b9b; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Blog Article Sidebar
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.blog-article-sidebar {
  margin: 85px 0 0;
  padding-left: 35px;
  position: relative; }
  .blog-article-sidebar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    background-color: #f7f7f7;
    height: 495px; }
  .blog-article-sidebar-header h2 {
    font-size: 1.125rem;
    line-height: 1.33333;
    font-weight: 600;
    font-weight: 100; }
    @media (min-width: 481px) {
      .blog-article-sidebar-header h2 {
        font-size: 1.125rem;
        line-height: 1.33333; } }
    @media (min-width: 769px) {
      .blog-article-sidebar-header h2 {
        font-size: 1.125rem;
        line-height: 1.33333; } }
    @media (min-width: 1025px) {
      .blog-article-sidebar-header h2 {
        font-size: 1.125rem;
        line-height: 1.33333; } }
  .blog-article-sidebar-content .list {
    list-style-type: none; }
  .blog-article-sidebar-content .link, .blog-article-sidebar-content .link:link, .blog-article-sidebar-content .link:visited {
    display: block;
    padding: 15px;
    font-size: 0.875rem;
    line-height: 1;
    color: #000; }
    @media (min-width: 481px) {
      .blog-article-sidebar-content .link, .blog-article-sidebar-content .link:link, .blog-article-sidebar-content .link:visited {
        font-size: 0.875rem; } }
    @media (min-width: 769px) {
      .blog-article-sidebar-content .link, .blog-article-sidebar-content .link:link, .blog-article-sidebar-content .link:visited {
        font-size: 0.875rem; } }
    @media (min-width: 1025px) {
      .blog-article-sidebar-content .link, .blog-article-sidebar-content .link:link, .blog-article-sidebar-content .link:visited {
        font-size: 0.875rem; } }
  .blog-article-sidebar-content .link:hover, .blog-article-sidebar-content .link:focus, .blog-article-sidebar-content .link.active {
    background-color: #f7f7f7; }
  .blog-article-sidebar-content .link.active {
    font-weight: 600; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Blog Article Content
 * - - - - - - - - - - - - - - - - - - - - - - - - */
@media (min-width: 769px) {
  .blog-article-content {
    padding-right: 35px; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Blog Article Actions
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.blog-article-actions {
  margin-top: 20px; }
  @media (min-width: 769px) {
    .blog-article-actions {
      width: calc(100% - (15px * 2));
      position: absolute;
      top: 30px;
      left: 0;
      margin: 0; } }
  @media (min-width: 1025px) {
    .blog-article-actions {
      width: calc(100% - (50px * 2));
      margin: 0 50px; } }
  @media (min-width: 1281px) {
    .blog-article-actions {
      top: 60px; } }
  .blog-article-actions .action {
    color: #a3a3a3;
    font-size: 0.875rem;
    line-height: 1;
    vertical-align: middle;
    display: inline-block; }
    @media (min-width: 481px) {
      .blog-article-actions .action {
        font-size: 0.875rem; } }
    @media (min-width: 769px) {
      .blog-article-actions .action {
        font-size: 0.875rem; } }
    @media (min-width: 1025px) {
      .blog-article-actions .action {
        font-size: 0.875rem; } }
    .blog-article-actions .action.back {
      float: left; }
      .blog-article-actions .action.back:before {
        content: "";
        width: 13px;
        height: 20px;
        background-image: url("../images/icons/icon-chevron-left-gray.svg");
        background-size: 13px 20px;
        background-repeat: no-repeat;
        background-position: 0 0;
        display: inline-block;
        vertical-align: middle;
        margin-top: -2px;
        margin-right: 10px; }
    .blog-article-actions .action.next {
      float: right; }
      .blog-article-actions .action.next:after {
        content: "";
        width: 13px;
        height: 20px;
        background-image: url("../images/icons/icon-chevron-right-gray.svg");
        background-size: 13px 20px;
        background-repeat: no-repeat;
        background-position: 0 0;
        display: inline-block;
        vertical-align: middle;
        margin-top: -2px;
        margin-left: 10px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Overlay
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all 200ms ease-out;
  visibility: hidden;
  opacity: 0;
  padding: 0 15px; }
  @media (min-width: 769px) {
    .overlay {
      padding: 0 20%; } }
  .overlay.open {
    visibility: visible;
    opacity: 1; }
  .overlay .toggle {
    position: fixed;
    top: 13px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer; }
    @media (min-width: 769px) {
      .overlay .toggle {
        position: absolute;
        top: -30px;
        right: -30px; } }
    .overlay .toggle:before, .overlay .toggle:after {
      position: absolute;
      top: 15px;
      left: 0;
      display: block;
      width: 30px;
      height: 2px;
      content: '';
      background-color: #fff; }
    .overlay .toggle:before {
      transform: rotate(45deg); }
    .overlay .toggle:after {
      transform: rotate(-45deg); }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Agent Sidebar
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.agent-sidebar {
  position: relative; }
  @media (max-width: 768px) {
    .agent-sidebar .agent-image {
      height: 550px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; } }
  @media (max-width: 640px) {
    .agent-sidebar .agent-image {
      height: 450px; } }
  @media (max-width: 480px) {
    .agent-sidebar .agent-image {
      height: 350px; } }
  @media (min-width: 769px) {
    .agent-sidebar .agent-image {
      background-image: none !important; } }
  @media (max-width: 768px) {
    .agent-sidebar .agent-image img {
      opacity: 0; } }
  @media (max-width: 768px) {
    .agent-sidebar .agent-contact {
      text-align: center; } }
  .agent-sidebar .agent-contact h2 {
    font-weight: 100; }
  .agent-sidebar .agent-contact .list {
    list-style-type: none; }
  .agent-sidebar .agent-contact .item.phone {
    font-size: 1.125rem;
    line-height: 1.33333;
    font-weight: 600;
    margin-bottom: 20px; }
    @media (min-width: 481px) {
      .agent-sidebar .agent-contact .item.phone {
        font-size: 1.125rem;
        line-height: 1.33333; } }
    @media (min-width: 769px) {
      .agent-sidebar .agent-contact .item.phone {
        font-size: 1.125rem;
        line-height: 1.33333; } }
    @media (min-width: 1025px) {
      .agent-sidebar .agent-contact .item.phone {
        font-size: 1.125rem;
        line-height: 1.33333; } }
    .agent-sidebar .agent-contact .item.phone:before {
      content: "";
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      cursor: pointer;
      outline: 0;
      transform: scale(1);
      text-indent: -9999px;
      display: block;
      overflow: hidden;
      background-image: url("../images/icons/icon-phone-black.svg");
      height: 24px;
      width: 13px; }
      .agent-sidebar .agent-contact .item.phone:before:before {
        content: "phone-black"; }
    .agent-sidebar .agent-contact .item.phone:before {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
  @media (min-width: 481px) {
    .agent-sidebar .agent-contact .item.email {
      margin-right: 15px; } }
  .agent-sidebar .agent-contact .item.email, .agent-sidebar .agent-contact .item.vcard {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem; }
  .agent-sidebar .agent-contact .item.contact {
    margin-top: 20px; }
    .agent-sidebar .agent-contact .item.contact a, .agent-sidebar .agent-contact .item.contact a:link, .agent-sidebar .agent-contact .item.contact a:visited {
      color: #000;
      text-decoration: underline; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Agent Content
 * - - - - - - - - - - - - - - - - - - - - - - - - */
@media (max-width: 768px) {
  .agent-content {
    margin-top: 40px;
    text-align: center; } }
.agent-content .agent-header {
  font-size: 0;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative; }
  @media (min-width: 768px) {
    .agent-content .agent-header {
      padding-bottom: 20px;
      margin-bottom: 25px; } }
  @media (min-width: 768px) {
    .agent-content .agent-header:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 250px;
      height: 1px;
      background-color: #f7f7f7; } }
  .agent-content .agent-header .agent-name,
  .agent-content .agent-header .agent-social {
    display: inline-block;
    vertical-align: bottom;
    font-size: 1rem; }
  .agent-content .agent-header .agent-name {
    margin-right: 30px; }
    .agent-content .agent-header .agent-name h1 {
      font-size: 1.5rem;
      line-height: 0.8;
      margin-top: 0px;
      margin-bottom: 0px;
      font-weight: 100;
      color: #001534; }
      @media (min-width: 481px) {
        .agent-content .agent-header .agent-name h1 {
          font-size: 2.25rem; } }
      @media (min-width: 769px) {
        .agent-content .agent-header .agent-name h1 {
          font-size: 2.25rem; } }
      @media (min-width: 1025px) {
        .agent-content .agent-header .agent-name h1 {
          font-size: 2.25rem; } }
  .agent-content .agent-header .agent-social .list {
    font-size: 0;
    list-style-type: none; }
  .agent-content .agent-header .agent-social .item {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    margin-right: 3px; }
  .agent-content .agent-header .agent-social .link {
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    height: 25px;
    width: 26px;
    background-repeat: no-repeat;
    background-position: center center; }
    .agent-content .agent-header .agent-social .link.facebook {
      background-image: url("../images/icons/icon-facebook.svg");
      background-size: 6px 12px;
      background-color: #4e71a8; }
    .agent-content .agent-header .agent-social .link.twitter {
      background-image: url("../images/icons/icon-twitter.svg");
      background-size: 12px 12px;
      background-color: #1cb7eb; }
    .agent-content .agent-header .agent-social .link.linkedin {
      background-image: url("../images/icons/icon-linkedin.svg");
      background-size: 10px 9px;
      background-color: #1686b0; }
  .agent-content .agent-header .agent-title {
    font-size: 1rem;
    color: #9b9b9b;
    margin-top: 10px; }
.agent-content .video-wrapper {
  margin-top: 2em; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Agent Testimonials
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.agent-testimonials {
  padding: 60px 0;
  margin: 100px -15px 0;
  text-align: center;
  background-color: #f7f7f7; }
  .agent-testimonials .constrained-1060 {
    position: relative; }
  .agent-testimonials-header h2 {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 100;
    color: #001534;
    margin-bottom: 42px; }
    @media (min-width: 481px) {
      .agent-testimonials-header h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 769px) {
      .agent-testimonials-header h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 1025px) {
      .agent-testimonials-header h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
  .agent-testimonials .agent-testimonial .image {
    float: left;
    width: 50%;
    padding-right: 20px; }
    .agent-testimonials .agent-testimonial .image + .content {
      float: left;
      width: 50%;
      text-align: left; }
  .agent-testimonials .agent-testimonial .rating {
    margin-bottom: 20px; }
    .agent-testimonials .agent-testimonial .rating img {
      display: inline-block;
      width: 24px; }
  .agent-testimonials .agent-testimonial .text {
    margin: 0 0 20px;
    font-style: italic; }
  .agent-testimonials .agent-testimonial .author {
    font-weight: bold; }
  .agent-testimonials .slick-list {
    margin: 0 90px; }
  .agent-testimonials .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    padding: 20px 0;
    margin: -16px 15px 0;
    border: none;
    font-size: 0;
    background: none;
    cursor: pointer;
    outline: 0; }
    .agent-testimonials .slick-arrow:before {
      content: '';
      display: block;
      width: 45px;
      height: 45px;
      border: 1px solid #9b9b9b;
      border-width: 1px 1px 0 0;
      margin: 0 auto; }
    .agent-testimonials .slick-arrow:hover:before {
      border-color: #000; }
    .agent-testimonials .slick-arrow.slick-prev {
      left: 0;
      margin-right: 0; }
      .agent-testimonials .slick-arrow.slick-prev:before {
        transform: rotate(-135deg); }
    .agent-testimonials .slick-arrow.slick-next {
      right: 0;
      margin-left: 0; }
      .agent-testimonials .slick-arrow.slick-next:before {
        transform: rotate(45deg); }
  .agent-testimonials .slick-dots {
    margin-top: 30px;
    font-size: 0;
    list-style-type: none; }
    .agent-testimonials .slick-dots li {
      display: inline-block;
      width: 28px;
      height: 2px;
      margin: 0 2px;
      background: #dfdfdf; }
      .agent-testimonials .slick-dots li.slick-active {
        background: #9b9b9b; }
      .agent-testimonials .slick-dots li button {
        display: none; }
  @media (max-width: 768px) {
    .agent-testimonials {
      padding: 40px 0;
      margin-top: 30px; }
      .agent-testimonials .agent-testimonial .image {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px; }
        .agent-testimonials .agent-testimonial .image + .content {
          width: 100%; }
      .agent-testimonials .slick-list {
        margin: 0 55px; }
        .agent-testimonials .slick-list:first-child {
          margin: 0 15px; }
      .agent-testimonials .slick-arrow {
        width: 40px; }
        .agent-testimonials .slick-arrow:before {
          width: 30px;
          height: 30px; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Agent Listings
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.agent-listings .column {
  vertical-align: top; }
.agent-listings-header {
  text-align: center; }
  .agent-listings-header h2 {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 100;
    color: #001534;
    margin-bottom: 42px; }
    @media (min-width: 481px) {
      .agent-listings-header h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 769px) {
      .agent-listings-header h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 1025px) {
      .agent-listings-header h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Agent Sales
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.agent-sales {
  margin-top: 60px; }
  .agent-sales-header {
    text-align: center; }
    .agent-sales-header h2 {
      font-size: 1.5rem;
      line-height: 1.25;
      margin-top: 0px;
      margin-bottom: 0px;
      font-weight: 100;
      color: #001534;
      margin-bottom: 42px; }
      @media (min-width: 481px) {
        .agent-sales-header h2 {
          font-size: 2.25rem;
          line-height: 1.25; } }
      @media (min-width: 769px) {
        .agent-sales-header h2 {
          font-size: 2.25rem;
          line-height: 1.25; } }
      @media (min-width: 1025px) {
        .agent-sales-header h2 {
          font-size: 2.25rem;
          line-height: 1.25; } }
  .agent-sales .column {
    vertical-align: top; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Suburb Hero
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.suburb .hero #suburbMap {
  height: 100%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Suburb Description
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.suburb-description {
  text-align: center; }
  .suburb-description-header h1 {
    font-size: 1.75rem;
    line-height: 1.28571;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: capitalize; }
    @media (min-width: 481px) {
      .suburb-description-header h1 {
        font-size: 2rem;
        line-height: 1.28571; } }
    @media (min-width: 769px) {
      .suburb-description-header h1 {
        font-size: 2.375rem;
        line-height: 1.28571; } }
    @media (min-width: 1025px) {
      .suburb-description-header h1 {
        font-size: 3rem;
        line-height: 1.28571; } }
  .suburb-description-content p {
    margin-bottom: 0; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Suburb Details
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.suburb-details table {
  border-collapse: collapse;
  width: 100%; }
.suburb-details thead {
  background-color: #f7f7f7; }
  .suburb-details thead th {
    height: 55px;
    text-align: center;
    font-weight: 100; }
    @media (max-width: 640px) {
      .suburb-details thead th {
        font-size: 0.875rem;
        line-height: 1;
        margin-top: 0px;
        margin-bottom: 0px; } }
  @media (max-width: 640px) and (min-width: 481px) {
    .suburb-details thead th {
      font-size: 0.875rem; } }
  @media (max-width: 640px) and (min-width: 769px) {
    .suburb-details thead th {
      font-size: 0.875rem; } }
  @media (max-width: 640px) and (min-width: 1025px) {
    .suburb-details thead th {
      font-size: 0.875rem; } }

.suburb-details tbody td {
  text-align: center;
  height: 85px;
  border: 2px solid #f7f7f7; }
  @media (min-width: 641px) {
    .suburb-details tbody td {
      width: calc(100% / 3);
      height: 150px; } }
  .suburb-details tbody td .main {
    display: block;
    font-weight: 600; }
    @media (min-width: 641px) {
      .suburb-details tbody td .main {
        font-size: 1.5rem;
        line-height: 1.25;
        margin-top: 0px;
        margin-bottom: 0px; } }
  @media (min-width: 641px) and (min-width: 481px) {
    .suburb-details tbody td .main {
      font-size: 2.25rem;
      line-height: 1.25; } }
  @media (min-width: 641px) and (min-width: 769px) {
    .suburb-details tbody td .main {
      font-size: 2.25rem;
      line-height: 1.25; } }
  @media (min-width: 641px) and (min-width: 1025px) {
    .suburb-details tbody td .main {
      font-size: 2.25rem;
      line-height: 1.25; } }

  .suburb-details tbody td .sub {
    font-size: 0.875rem;
    line-height: 1.71429;
    margin-top: 0px;
    margin-bottom: 0px; }
    @media (min-width: 481px) {
      .suburb-details tbody td .sub {
        font-size: 0.875rem;
        line-height: 1.71429; } }
    @media (min-width: 769px) {
      .suburb-details tbody td .sub {
        font-size: 0.875rem;
        line-height: 1.71429; } }
    @media (min-width: 1025px) {
      .suburb-details tbody td .sub {
        font-size: 0.875rem;
        line-height: 1.71429; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Suburb Demographics
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.suburb-demographics-content {
  margin-top: 35px; }
  .suburb-demographics-content .list {
    list-style-type: none;
    text-align: center; }
    @media (min-width: 641px) {
      .suburb-demographics-content .list {
        font-size: 0; } }
  @media (max-width: 640px) {
    .suburb-demographics-content .item {
      margin-bottom: 20px; } }
  @media (min-width: 641px) {
    .suburb-demographics-content .item {
      display: inline-block;
      vertical-align: middle;
      font-size: 1rem;
      margin-right: 50px; } }
  @media (min-width: 641px) and (max-width: 1024px) {
    .suburb-demographics-content .item {
      margin-right: 15px; } }
  .suburb-demographics-content .item:last-child {
    margin-right: 0; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Suburb Recent
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.suburb-recent-header {
  margin: 0 0 40px !important;
  text-align: center; }
  .suburb-recent-header h2 {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 100;
    color: #001534; }
    @media (min-width: 481px) {
      .suburb-recent-header h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 769px) {
      .suburb-recent-header h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 1025px) {
      .suburb-recent-header h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    .suburb-recent-header h2 .suburb {
      font-weight: 600;
      text-transform: capitalize; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Median Price
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.median-price-content .list {
  list-style-type: none;
  font-size: 0;
  text-align: center; }
.median-price-content .item {
  border: 2px solid #f7f7f7;
  height: 200px;
  max-width: 470px; }
  @media (min-width: 481px) {
    .median-price-content .item {
      width: calc(50% - 35px);
      display: inline-block;
      vertical-align: middle;
      font-size: 1rem; } }
  @media (min-width: 641px) {
    .median-price-content .item {
      height: 240px; } }
  @media (min-width: 769px) {
    .median-price-content .item {
      height: 280px; } }
  @media (max-width: 480px) {
    .median-price-content .item:nth-child(1) {
      margin-bottom: 20px; } }
  @media (min-width: 481px) {
    .median-price-content .item:nth-child(1) {
      margin-right: 30px; } }
  @media (min-width: 769px) {
    .median-price-content .item:nth-child(1) {
      margin-right: 50px; } }
  @media (min-width: 1025px) {
    .median-price-content .item:nth-child(1) {
      margin-right: 70px; } }
  .median-price-content .item-content span {
    display: block; }
  .median-price-content .item-content .title {
    font-size: 1.5rem;
    line-height: 1.25; }
    @media (min-width: 481px) {
      .median-price-content .item-content .title {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 769px) {
      .median-price-content .item-content .title {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 1025px) {
      .median-price-content .item-content .title {
        font-size: 2.25rem;
        line-height: 1.25; } }
  .median-price-content .item-content .median-value {
    font-size: 1.75rem;
    line-height: 1.28571;
    color: #cc9e6f;
    font-weight: 600; }
    @media (min-width: 481px) {
      .median-price-content .item-content .median-value {
        font-size: 2rem;
        line-height: 1.28571; } }
    @media (min-width: 769px) {
      .median-price-content .item-content .median-value {
        font-size: 2.375rem;
        line-height: 1.28571; } }
    @media (min-width: 1025px) {
      .median-price-content .item-content .median-value {
        font-size: 3rem;
        line-height: 1.28571; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  AJAX States
 * - - - - - - - - - - - - - - - - - - - - - - - - */
body:before, body:after {
  position: fixed;
  content: "";
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
  z-index: 10000; }
body:before {
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
body:after {
  width: 100px;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px; }
body.ajax-loading:before, body.ajax-loading:after, body.ajax-success:before, body.ajax-success:after, body.ajax-fail:before, body.ajax-fail:after {
  opacity: 1;
  visibility: visible; }
body.ajax-loading:after {
  background-image: url("../images/ajax-loader.svg");
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }
body.ajax-success:after {
  background-image: url("../images/ajax-success.svg"); }
body.ajax-fail:after {
  background-image: url("../images/ajax-fail.svg"); }

.contact-header {
  text-align: center; }
  .contact-header h1 {
    font-size: 1.75rem;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 48px;
    font-weight: 100;
    color: #001534; }
    @media (min-width: 481px) {
      .contact-header h1 {
        font-size: 2rem; } }
    @media (min-width: 769px) {
      .contact-header h1 {
        font-size: 2.375rem; } }
    @media (min-width: 1025px) {
      .contact-header h1 {
        font-size: 3rem; } }

.contact-content .contact-submitted {
  text-align: center; }
  .contact-content .contact-submitted h3 {
    font-weight: 100; }
.contact-content form {
  max-width: 700px;
  margin: 0 auto; }
  @media (min-width: 641px) {
    .contact-content form {
      font-size: 0; } }
  .contact-content form textarea,
  .contact-content form select,
  .contact-content form input {
    display: block;
    border: 1px solid #dfdfdf;
    color: #9b9b9b;
    transition: all 200ms ease-out;
    width: 100%; }
    .contact-content form textarea:focus, .contact-content form textarea:hover,
    .contact-content form select:focus,
    .contact-content form select:hover,
    .contact-content form input:focus,
    .contact-content form input:hover {
      color: #555555; }
  .contact-content form select,
  .contact-content form input {
    height: 50px;
    line-height: 50px; }
  .contact-content form textarea {
    padding: 20px;
    max-width: 100%; }
  .contact-content form label.checkbox, .contact-content form label.radio {
    cursor: pointer;
    white-space: nowrap; }
  .contact-content form label:not(.checkbox):not(.radio) {
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important; }
  .contact-content form .form-actions {
    text-align: right; }
  .contact-content form button {
    text-transform: uppercase;
    font-weight: 300;
    display: inline-block;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border: 0;
    cursor: pointer;
    outline: 0;
    text-align: center;
    transition: all 100ms ease-out;
    background-color: rgba(108, 140, 192, 0.8);
    font-weight: 400;
    font-size: 1rem; }
    .contact-content form button, .contact-content form button:link, .contact-content form button:visited {
      color: #fff; }
    .contact-content form button:hover, .contact-content form button:focus {
      background-color: #4b71ae; }
    @media (max-width: 480px) {
      .contact-content form button {
        width: 100%; } }
  .contact-content form .form-group {
    width: 100%;
    margin-bottom: 10px; }
    @media (min-width: 641px) {
      .contact-content form .form-group {
        display: inline-block;
        vertical-align: top;
        font-size: 1rem; } }
    .contact-content form .form-group.has-error .error {
      font-size: 0.875rem;
      line-height: 1;
      margin-top: 0px;
      margin-bottom: 0px;
      display: block;
      margin-top: 5px;
      color: #b93535; }
      @media (min-width: 481px) {
        .contact-content form .form-group.has-error .error {
          font-size: 0.875rem; } }
      @media (min-width: 769px) {
        .contact-content form .form-group.has-error .error {
          font-size: 0.875rem; } }
      @media (min-width: 1025px) {
        .contact-content form .form-group.has-error .error {
          font-size: 0.875rem; } }
    .contact-content form .form-group.has-error textarea,
    .contact-content form .form-group.has-error select,
    .contact-content form .form-group.has-error input {
      border: 1px solid #b93535;
      background-color: rgba(185, 53, 53, 0.1);
      color: #b93535; }
    @media (min-width: 641px) {
      .contact-content form .form-group.name, .contact-content form .form-group.email, .contact-content form .form-group.phone {
        width: calc(70% - 30px);
        margin-right: 30px; } }
    @media (min-width: 641px) {
      .contact-content form .form-group.message {
        width: 100%; } }
    @media (min-width: 641px) {
      .contact-content form .form-group.office {
        width: 30%; } }
  .contact-content form input[type="checkbox"],
  .contact-content form input[type="radio"] {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    margin: 0;
    margin-right: 10px;
    vertical-align: middle; }
    .contact-content form input[type="checkbox"] + span,
    .contact-content form input[type="radio"] + span {
      margin-right: 30px;
      vertical-align: middle; }

.office-index-heading {
  text-align: center;
  margin: 0 15px; }
  .office-index-heading h1 {
    font-size: 1.75rem;
    line-height: 1.28571; }
    @media (min-width: 481px) {
      .office-index-heading h1 {
        font-size: 2rem;
        line-height: 1.28571; } }
    @media (min-width: 769px) {
      .office-index-heading h1 {
        font-size: 2.375rem;
        line-height: 1.28571; } }
    @media (min-width: 1025px) {
      .office-index-heading h1 {
        font-size: 3rem;
        line-height: 1.28571; } }
  .office-index-heading p:last-of-type {
    margin-bottom: 0; }

.office-index-listing {
  position: relative;
  padding-top: 35px;
  margin: 35px 15px 0; }
  @media (min-width: 769px) {
    .office-index-listing {
      padding-top: 70px;
      margin: 70px 15px 0; } }
  @media (min-width: 769px) {
    .office-index-listing:before {
      position: absolute;
      top: 0;
      left: calc(50% - (620px / 2));
      width: 620px;
      height: 5px;
      content: '';
      background-color: #f7f7f7; } }
  .office-index-listing .listing-display-item {
    margin-bottom: 25px; }
  .office-index-listing .listing-display-item-image {
    display: block;
    height: 270px;
    overflow: hidden; }
    @media (min-width: 481px) {
      .office-index-listing .listing-display-item-image {
        height: 340px; } }
    @media (min-width: 769px) {
      .office-index-listing .listing-display-item-image {
        height: 270px; } }
  .office-index-listing-heading h2 {
    font-size: 1.125rem;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 100;
    color: #001534;
    margin-bottom: 35px; }
    @media (min-width: 481px) {
      .office-index-listing-heading h2 {
        font-size: 1.875rem; } }
    @media (min-width: 769px) {
      .office-index-listing-heading h2 {
        font-size: 1.875rem; } }
    @media (min-width: 1025px) {
      .office-index-listing-heading h2 {
        font-size: 1.875rem; } }
    @media (max-width: 768px) {
      .office-index-listing-heading h2 {
        text-align: center; } }
    @media (min-width: 769px) {
      .office-index-listing-heading h2 {
        margin-bottom: 70px; } }

.listing-display .listing-display-item {
  position: relative;
  overflow: hidden; }
  .listing-display .listing-display-item-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #f7f7f7; }
    .listing-display .listing-display-item-image img {
      display: block;
      width: 100%;
      height: auto; }
    .listing-display .listing-display-item-image .listing-display-item-title {
      font-weight: 100;
      position: absolute;
      bottom: 0;
      left: 0;
      visibility: visible;
      width: 100%;
      height: 50px;
      transition: all 200ms ease-out;
      opacity: 1;
      color: #fff;
      background-color: rgba(0, 21, 52, 0.7);
      font-size: 1.125rem;
      line-height: 50px;
      text-align: center;
      padding: 0 20px; }
      @media (min-width: 481px) {
        .listing-display .listing-display-item-image .listing-display-item-title {
          font-size: 1.5rem; } }
      @media (min-width: 769px) {
        .listing-display .listing-display-item-image .listing-display-item-title {
          font-size: 1.5rem; } }
      @media (min-width: 1025px) {
        .listing-display .listing-display-item-image .listing-display-item-title {
          font-size: 1.5rem; } }
  .listing-display .listing-display-item-content {
    position: absolute;
    top: -15%;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    padding: 20px;
    transition: all 200ms ease-out;
    text-align: center;
    opacity: 0;
    background-color: rgba(0, 21, 52, 0.7); }
    .listing-display .listing-display-item-content a:not(.button), .listing-display .listing-display-item-content a:not(.button):visited, .listing-display .listing-display-item-content a:not(.button):link {
      color: #fff; }
    .listing-display .listing-display-item-content span {
      display: inline-block; }
    .listing-display .listing-display-item-content .name {
      font-size: 1.125rem;
      line-height: 1;
      font-weight: 600;
      position: relative;
      display: block;
      color: #fff;
      margin-bottom: 25px; }
      @media (min-width: 481px) {
        .listing-display .listing-display-item-content .name {
          font-size: 1.5rem; } }
      @media (min-width: 769px) {
        .listing-display .listing-display-item-content .name {
          font-size: 1.5rem; } }
      @media (min-width: 1025px) {
        .listing-display .listing-display-item-content .name {
          font-size: 1.5rem; } }
    .listing-display .listing-display-item-content .mobile,
    .listing-display .listing-display-item-content .address,
    .listing-display .listing-display-item-content .email {
      font-size: 1rem;
      line-height: 1;
      font-weight: 100;
      color: #fff;
      margin-bottom: 20px;
      display: block; }
      @media (min-width: 481px) {
        .listing-display .listing-display-item-content .mobile,
        .listing-display .listing-display-item-content .address,
        .listing-display .listing-display-item-content .email {
          font-size: 1rem; } }
      @media (min-width: 769px) {
        .listing-display .listing-display-item-content .mobile,
        .listing-display .listing-display-item-content .address,
        .listing-display .listing-display-item-content .email {
          font-size: 1rem; } }
      @media (min-width: 1025px) {
        .listing-display .listing-display-item-content .mobile,
        .listing-display .listing-display-item-content .address,
        .listing-display .listing-display-item-content .email {
          font-size: 1rem; } }
    .listing-display .listing-display-item-content .mobile:before {
      content: "";
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      cursor: pointer;
      outline: 0;
      transform: scale(1);
      text-indent: -9999px;
      display: block;
      overflow: hidden;
      background-image: url("../images/icons/icon-phone.svg");
      height: 24px;
      width: 13px; }
      .listing-display .listing-display-item-content .mobile:before:before {
        content: "phone"; }
    .listing-display .listing-display-item-content .mobile:before {
      display: inline-block;
      vertical-align: middle; }
    .listing-display .listing-display-item-content .mobile a {
      margin-left: 10px; }
    .listing-display .listing-display-item-content .email a, .listing-display .listing-display-item-content .email a:visited, .listing-display .listing-display-item-content .email a:link {
      text-decoration: underline; }
    .listing-display .listing-display-item-content .view-profile {
      height: 45px;
      margin-top: 10px;
      padding: 0 20px;
      text-transform: uppercase;
      font-size: 0.875rem;
      line-height: 45px; }
      @media (min-width: 481px) {
        .listing-display .listing-display-item-content .view-profile {
          font-size: 0.875rem; } }
      @media (min-width: 769px) {
        .listing-display .listing-display-item-content .view-profile {
          font-size: 0.875rem; } }
      @media (min-width: 1025px) {
        .listing-display .listing-display-item-content .view-profile {
          font-size: 0.875rem; } }
  .listing-display .listing-display-item:hover .listing-display-item-content, .listing-display .listing-display-item:focus .listing-display-item-content {
    top: 0;
    visibility: visible;
    transition: all 200ms ease-out;
    opacity: 1; }
  .listing-display .listing-display-item:hover .listing-display-item-image .listing-display-item-title, .listing-display .listing-display-item:focus .listing-display-item-image .listing-display-item-title {
    bottom: -50px;
    visibility: hidden;
    transition: all 200ms ease-out;
    opacity: 0; }

.office-intro {
  text-align: center;
  color: #001534;
  margin: 0 15px; }
  .office-intro .office-address {
    font-size: 1.125rem;
    line-height: 1.33333;
    font-weight: 100;
    color: #001534; }
    @media (min-width: 481px) {
      .office-intro .office-address {
        font-size: 1.875rem;
        line-height: 1.33333; } }
    @media (min-width: 769px) {
      .office-intro .office-address {
        font-size: 1.875rem;
        line-height: 1.33333; } }
    @media (min-width: 1025px) {
      .office-intro .office-address {
        font-size: 1.875rem;
        line-height: 1.33333; } }
  .office-intro .office-details {
    font-size: 0;
    margin-top: 15px; }
    .office-intro .office-details .detail {
      display: inline-block;
      vertical-align: middle;
      font-size: 1rem;
      margin-right: 15px; }
      .office-intro .office-details .detail a, .office-intro .office-details .detail a:link, .office-intro .office-details .detail a:visited {
        color: #001534;
        text-decoration: underline; }
      .office-intro .office-details .detail:last-child {
        margin-right: 0; }
  .office-intro .office-description {
    color: #001534; }
    .office-intro .office-description .office-hours {
      margin-top: 15px;
      list-style-type: none; }
  .office-intro .office-suburbs a, .office-intro .office-suburbs a:link, .office-intro .office-suburbs a:visited {
    color: #001534;
    text-transform: capitalize; }
    .office-intro .office-suburbs a strong, .office-intro .office-suburbs a:link strong, .office-intro .office-suburbs a:visited strong {
      text-decoration: underline;
      font-weight: 600; }

.office-map {
  height: 480px; }
  .office-map #map {
    height: 100%;
    width: 100%; }

.office-listings {
  margin: 0 15px; }
  .office-listings-header {
    text-align: center; }
    .office-listings-header h1 {
      font-size: 1.125rem;
      line-height: 1;
      margin-top: 0px;
      margin-bottom: 0px;
      font-weight: 100;
      color: #001534; }
      @media (min-width: 481px) {
        .office-listings-header h1 {
          font-size: 1.875rem; } }
      @media (min-width: 769px) {
        .office-listings-header h1 {
          font-size: 1.875rem; } }
      @media (min-width: 1025px) {
        .office-listings-header h1 {
          font-size: 1.875rem; } }
  .office-listings-toolbar {
    margin: 30px 0 10px; }
    @media (min-width: 769px) {
      .office-listings-toolbar {
        margin: 60px 0 70px; } }
    .office-listings-toolbar .list {
      list-style-type: none;
      font-size: 0;
      text-align: center; }
    .office-listings-toolbar .item {
      display: inline-block;
      vertical-align: middle;
      font-size: 1rem; }
      @media (max-width: 640px) {
        .office-listings-toolbar .item {
          margin-bottom: 10px;
          width: 50%; } }
      .office-listings-toolbar .item:last-child {
        margin-right: 0; }
      .office-listings-toolbar .item.ui-state-active .link {
        color: #fff;
        background-color: #001534; }
    .office-listings-toolbar .link {
      text-transform: uppercase;
      font-weight: 300;
      display: inline-block;
      padding: 0 20px;
      height: 50px;
      line-height: 50px;
      border: 0;
      cursor: pointer;
      outline: 0;
      text-align: center;
      transition: all 100ms ease-out;
      background-color: rgba(0, 21, 52, 0);
      border: 1px solid #001534;
      font-weight: 100;
      padding: 0 40px; }
      .office-listings-toolbar .link, .office-listings-toolbar .link:link, .office-listings-toolbar .link:visited {
        color: #001534; }
      .office-listings-toolbar .link:hover, .office-listings-toolbar .link:focus {
        background-color: #001534;
        color: #fff; }
      @media (max-width: 640px) {
        .office-listings-toolbar .link {
          width: calc(100% - 10px); } }

.error-page {
  text-align: center;
  width: 100%; }
  @media (max-width: 1024px) {
    .error-page {
      margin-top: 70px; } }
  @media (min-width: 1025px) {
    .error-page {
      position: fixed;
      top: 70px;
      height: calc(100% - (70px + 632px)); } }
  .error-page h1 {
    font-size: 1.75rem;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 100;
    color: #001534; }
    @media (min-width: 481px) {
      .error-page h1 {
        font-size: 2rem; } }
    @media (min-width: 769px) {
      .error-page h1 {
        font-size: 2.375rem; } }
    @media (min-width: 1025px) {
      .error-page h1 {
        font-size: 3rem; } }
  .error-page h2 {
    font-size: 1.125rem;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 100;
    color: #001534;
    margin-top: 10px; }
    @media (min-width: 481px) {
      .error-page h2 {
        font-size: 1.875rem; } }
    @media (min-width: 769px) {
      .error-page h2 {
        font-size: 1.875rem; } }
    @media (min-width: 1025px) {
      .error-page h2 {
        font-size: 1.875rem; } }
  .error-page .description p {
    margin: 20px 0; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
*  Pages
* - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - -
*  Homepage
* - - - - - - - - - - - - - - - - - - - - - - - - */
@media (smax-width: 768px) {
  .homePage .hero {
    height: 420px; } }
@media (max-width: 768px) {
  .homePage .hero-menu .link {
    line-height: 34px;
    height: 38px;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid #fff;
    background-color: rgba(255, 255, 255, 0.14); } }
@media (max-width: 640px) {
  .homePage .hero-search {
    display: none; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Landing
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.landingPage .page-content {
  padding: 0 20px;
  text-align: center; }
  .landingPage .page-content h1 {
    font-size: 1.75rem;
    line-height: 1.28571; }
    @media (min-width: 481px) {
      .landingPage .page-content h1 {
        font-size: 2rem;
        line-height: 1.28571; } }
    @media (min-width: 769px) {
      .landingPage .page-content h1 {
        font-size: 2.375rem;
        line-height: 1.28571; } }
    @media (min-width: 1025px) {
      .landingPage .page-content h1 {
        font-size: 3rem;
        line-height: 1.28571; } }
  .landingPage .page-content p {
    font-weight: 100; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Page Content
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.contentPage .page-content h1,
.contentPage .page-content h2,
.contentPage .page-content h3,
.contentPage .page-content h4,
.contentPage .page-content h5,
.contentPage .page-content h6,
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
  font-weight: 100;
  color: #001534; }
.contentPage .page-content h1,
.wysiwyg h1 {
  font-size: 1.75rem;
  line-height: 1.28571; }
  @media (min-width: 481px) {
    .contentPage .page-content h1,
    .wysiwyg h1 {
      font-size: 2rem;
      line-height: 1.28571; } }
  @media (min-width: 769px) {
    .contentPage .page-content h1,
    .wysiwyg h1 {
      font-size: 2.375rem;
      line-height: 1.28571; } }
  @media (min-width: 1025px) {
    .contentPage .page-content h1,
    .wysiwyg h1 {
      font-size: 3rem;
      line-height: 1.28571; } }
.contentPage .page-content h2,
.wysiwyg h2 {
  font-size: 1.5rem;
  line-height: 1.25; }
  @media (min-width: 481px) {
    .contentPage .page-content h2,
    .wysiwyg h2 {
      font-size: 2.25rem;
      line-height: 1.25; } }
  @media (min-width: 769px) {
    .contentPage .page-content h2,
    .wysiwyg h2 {
      font-size: 2.25rem;
      line-height: 1.25; } }
  @media (min-width: 1025px) {
    .contentPage .page-content h2,
    .wysiwyg h2 {
      font-size: 2.25rem;
      line-height: 1.25; } }
.contentPage .page-content h3,
.wysiwyg h3 {
  font-size: 1.125rem;
  line-height: 1.33333; }
  @media (min-width: 481px) {
    .contentPage .page-content h3,
    .wysiwyg h3 {
      font-size: 1.875rem;
      line-height: 1.33333; } }
  @media (min-width: 769px) {
    .contentPage .page-content h3,
    .wysiwyg h3 {
      font-size: 1.875rem;
      line-height: 1.33333; } }
  @media (min-width: 1025px) {
    .contentPage .page-content h3,
    .wysiwyg h3 {
      font-size: 1.875rem;
      line-height: 1.33333; } }
.contentPage .page-content h4,
.wysiwyg h4 {
  font-size: 1.125rem;
  line-height: 1.33333; }
  @media (min-width: 481px) {
    .contentPage .page-content h4,
    .wysiwyg h4 {
      font-size: 1.5rem;
      line-height: 1.33333; } }
  @media (min-width: 769px) {
    .contentPage .page-content h4,
    .wysiwyg h4 {
      font-size: 1.5rem;
      line-height: 1.33333; } }
  @media (min-width: 1025px) {
    .contentPage .page-content h4,
    .wysiwyg h4 {
      font-size: 1.5rem;
      line-height: 1.33333; } }
.contentPage .page-content h5,
.wysiwyg h5 {
  font-size: 1.125rem;
  line-height: 1.33333;
  font-weight: 600; }
  @media (min-width: 481px) {
    .contentPage .page-content h5,
    .wysiwyg h5 {
      font-size: 1.125rem;
      line-height: 1.33333; } }
  @media (min-width: 769px) {
    .contentPage .page-content h5,
    .wysiwyg h5 {
      font-size: 1.125rem;
      line-height: 1.33333; } }
  @media (min-width: 1025px) {
    .contentPage .page-content h5,
    .wysiwyg h5 {
      font-size: 1.125rem;
      line-height: 1.33333; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Property
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.property .property-panel:not(.property-panel-1):not(.property-panel-2) {
  margin: 35px 15px 0; }
  @media (min-width: 769px) {
    .property .property-panel:not(.property-panel-1):not(.property-panel-2) {
      margin: 70px 15px 0; } }
.property .property-panel-1 {
  position: relative; }
@media (min-width: 769px) {
  .property .property-panel-2 {
    margin: 0 15px; } }
.property .property-description {
  margin: 35px 15px 0; }
  @media (min-width: 769px) {
    .property .property-description {
      margin: 70px 15px 0; } }
  .property .property-description .column {
    overflow: initial;
    vertical-align: top; }
.property .property-panel-heading {
  margin-bottom: 15px;
  text-align: center; }
  .property .property-panel-heading h2 {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-top: 0px;
    margin-bottom: 24px;
    font-weight: 100;
    color: #001534; }
    @media (min-width: 481px) {
      .property .property-panel-heading h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 769px) {
      .property .property-panel-heading h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 1025px) {
      .property .property-panel-heading h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    .property .property-panel-heading h2 strong {
      text-transform: capitalize; }
      @media (max-width: 768px) {
        .property .property-panel-heading h2 strong {
          display: block;
          margin-top: 6px; } }
  .property .property-panel-heading .additional {
    font-size: 14px;
    color: #001534; }
    .property .property-panel-heading .additional a, .property .property-panel-heading .additional a:link, .property .property-panel-heading .additional a:visited {
      text-decoration: underline;
      color: #cc9e6f; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Favourites
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.favourites {
  margin: 50px 20px 0; }
  .favourites-header {
    text-align: center; }
    .favourites-header h1 {
      font-size: 1.5rem;
      line-height: 1.25;
      font-weight: 100;
      color: #001534; }
      @media (min-width: 481px) {
        .favourites-header h1 {
          font-size: 2.25rem;
          line-height: 1.25; } }
      @media (min-width: 769px) {
        .favourites-header h1 {
          font-size: 2.25rem;
          line-height: 1.25; } }
      @media (min-width: 1025px) {
        .favourites-header h1 {
          font-size: 2.25rem;
          line-height: 1.25; } }
      .favourites-header h1::first-letter {
        text-transform: capitalize; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Blog
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.blog .column {
  vertical-align: top; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Blog Article
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.blog-article {
  margin: 0 15px;
  position: relative; }
  .blog-article .column {
    vertical-align: top; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Agent
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.agent {
  margin: 0 15px; }
  .agent-information {
    margin-bottom: 30px;
    position: relative; }
    @media (min-width: 769px) {
      .agent-information {
        padding-bottom: 100px;
        margin-bottom: 65px; } }
    .agent-information .row {
      text-align: center; }
    .agent-information .column {
      vertical-align: top;
      text-align: left; }
    .agent-information:after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 70%;
      left: calc(50% - (70%/2));
      height: 3px;
      background-color: #f7f7f7; }
      @media (min-width: 769px) {
        .agent-information:after {
          left: calc(50% - (620px/2));
          width: 620px; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Suburb
 * - - - - - - - - - - - - - - - - - - - - - - - - */
.suburb .suburb-panel:not(.suburb-panel-1) {
  margin: 35px 15px 0; }
  @media (min-width: 769px) {
    .suburb .suburb-panel:not(.suburb-panel-1) {
      margin: 70px 15px 0; } }
.suburb .suburb-panel-heading {
  margin-bottom: 15px;
  text-align: center; }
  .suburb .suburb-panel-heading h2 {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-top: 0px;
    margin-bottom: 24px;
    font-weight: 100;
    color: #001534; }
    @media (min-width: 481px) {
      .suburb .suburb-panel-heading h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 769px) {
      .suburb .suburb-panel-heading h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    @media (min-width: 1025px) {
      .suburb .suburb-panel-heading h2 {
        font-size: 2.25rem;
        line-height: 1.25; } }
    .suburb .suburb-panel-heading h2 strong {
      text-transform: capitalize; }
      @media (max-width: 768px) {
        .suburb .suburb-panel-heading h2 strong {
          display: block;
          margin-top: 6px; } }
  .suburb .suburb-panel-heading .additional {
    font-size: 14px;
    color: #001534; }
    .suburb .suburb-panel-heading .additional a, .suburb .suburb-panel-heading .additional a:link, .suburb .suburb-panel-heading .additional a:visited {
      text-decoration: underline;
      color: #cc9e6f; }

.contact {
  margin: 0 15px; }

.office .team-heading {
  margin: 20px 15px 30px; }
  @media (min-width: 769px) {
    .office .team-heading {
      margin: 20px 15px 45px; } }
  @media (min-width: 1025px) {
    .office .team-heading {
      margin: 20px 15px 60px; } }
  .office .team-heading .team-title h1 {
    font-size: 1.75rem;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 100;
    color: #001534;
    margin-bottom: 15px !important; }
    @media (min-width: 481px) {
      .office .team-heading .team-title h1 {
        font-size: 2rem; } }
    @media (min-width: 769px) {
      .office .team-heading .team-title h1 {
        font-size: 2.375rem; } }
    @media (min-width: 1025px) {
      .office .team-heading .team-title h1 {
        font-size: 3rem; } }

.m-menu {
  display: none;
}
.primary-menu {
  margin-left: 200px;
}
@media (max-width: 1024px) {
  .m-menu {
    display: block;
    font-size: 30px;
    color: #fff;
    margin-right: 20px;
    text-align: right;
  }

  .m-menu .fa-bars {
    height: 55px;
    line-height: 55px;
  }

  .primary-menu {
    margin: 0;
    width: 200px;
    position: absolute;
    right: 0;
    top: 55px;
  }

  .primary-menu ul {
    text-align: center;
    margin: 10px 0 30px;
  }
  .primary-menu ul .item {
    display: block;
  }
  .primary-menu .link, .primary-menu .link:link, .primary-menu .link:visited {
    line-height: 55px;
  }
}