@charset "UTF-8";
/**
 * OVERVIEW
 *
 * IMPORTS
 * reset, vars, mixins, core, plugins
 *
 * LAYOUT
 * Helpers
 * Header / Main / Footer
 * Components
 * Pages (page overrides)
 *
 * Hooks (IE, ...)
 * Print
 */
/**
 * GUIDELINES
 * CLASSES
 * Naming: BEM - http://getbem.com/
 * Abbreviations: Emmet - http://docs.emmet.io/cheat-sheet/ | example: .va-m
 *
 * MEDIAQUERIES
 * @media $small, $medium, $maxMedium, $large, $larger, $huge, $massive
 */
/* =============================================================================
   IMPORTS
   ========================================================================== */
/*============================================================================
  RESET

  Adapted version of:
  - Eric Meyer reset
  - Boilerplate Normalize.css
  - Normalize opentype
==============================================================================*/
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, body {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del,
dfn, em, img, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset,
form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, time, section, main {
  display: block;
}

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

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
}

a:focus {
  outline: thin dotted;
}

ol, ul {
  list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

figure {
  margin: 0;
}

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

svg:not(:root) {
  overflow: hidden;
}

abbr {
  text-transform: uppercase;
}

time {
  display: block;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button, input {
  line-height: normal;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

/*============================================================================
  VARIABLES
==============================================================================*/
@media (min-width: 350px) {
  .init-mediaqueries {
    margin: 0;
  }
}

@media (min-width: 768px) {
  .init-mediaqueries {
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .init-mediaqueries {
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .init-mediaqueries {
    margin: 0;
  }
}

@media (min-width: 1400px) {
  .init-mediaqueries {
    margin: 0;
  }
}

@media (min-width: 1680px) {
  .init-mediaqueries {
    margin: 0;
  }
}

/*============================================================================
  MIXINS
==============================================================================*/
.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.vh {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vh.focusable:active,
.vh.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

/*============================================================================
  GRID
==============================================================================*/
.grid, .grid--rev, .grid--full, .grid--g30, .grid--g40, .grid--g80 {
  *zoom: 1;
  margin: 0 0 20px -20px;
}

.grid:before, .grid--rev:before, .grid--full:before, .grid--g30:before, .grid--g40:before, .grid--g80:before, .grid:after, .grid--rev:after, .grid--full:after, .grid--g30:after, .grid--g40:after, .grid--g80:after {
  display: table;
  content: " ";
}

.grid:after, .grid--rev:after, .grid--full:after, .grid--g30:after, .grid--g40:after, .grid--g80:after {
  clear: both;
}

@media (min-width: 768px) {
  .grid--flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .grid--flex .grid__item {
    width: 100%;
    margin-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .grid--flex {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.grid--new-items .grid__item {
  width: 100%;
}

@media (min-width: 768px) {
  .grid--new-items .grid__item {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .grid--new-items .grid__item {
    width: 33.3%;
  }
}

.grid--justify-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-column-align: center;
  justify-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}

@media (min-width: 1400px) {
  .grid--justify-center {
    margin-top: 80px;
  }
}

.grid--equal {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.grid--equal:before, .grid--equal:after {
  display: none;
}

ul.grid, ul.grid--rev, ul.grid--full, ul.grid--g30, ul.grid--g40, ul.grid--g80,
ul.grid-uniform {
  list-style: none;
  padding: 0;
}

.grid__item {
  float: left;
  padding-left: 20px;
  width: 100%;
}

@media (max-width: 768px) {
  .grid__item--absolute-top {
    position: absolute;
    top: 20%;
    left: 0;
  }
  .grid__item--absolute-top .page-hero__intro {
    padding-top: 0 !important;
  }
}

@media (max-width: 768px) {
  .grid__item--absolute-bottom {
    position: absolute;
    bottom: 20%;
    left: 0;
  }
  .grid__item--absolute-bottom .page-hero__intro {
    padding-top: 0 !important;
  }
}

.grid--rev {
  direction: rtl;
  text-align: left;
}

.grid--rev > .grid__item {
  direction: ltr;
  text-align: left;
  float: right;
}

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

.grid--full > .grid__item {
  padding-left: 0;
}

.grid--g30 {
  margin-left: -30px;
}

.grid--g30 > .grid__item {
  padding-left: 30px;
}

.grid--g40 {
  margin-left: -30px;
}

.grid--g40 > .grid__item {
  padding-left: 30px;
}

.grid--g80 {
  margin-left: -40px;
}

.grid--g80 > .grid__item {
  padding-left: 40px;
}

@media (min-width: 1680px) {
  .grid--g80 {
    margin-left: -80px;
  }
  .grid--g80 > .grid__item {
    padding-left: 80px;
  }
}

@media (min-width: 768px) {
  .grid--spacious > .grid__item {
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media (min-width: 1200px) {
  .grid--spacious > .grid__item {
    padding-left: 65px;
    padding-right: 65px;
    padding-bottom: 20px;
    padding-top: 20px;
  }
}

@media (min-width: 1680px) {
  .grid--spacious > .grid__item h2 {
    margin-top: 70px;
  }
}

.one-whole {
  width: 100%;
}

.one-half {
  width: 50%;
}

.one-third {
  width: 33.3%;
}

.two-thirds {
  width: 66.6%;
}

.one-quarter {
  width: 25%;
}

.two-quarters {
  width: 50%;
}

.three-quarters {
  width: 75%;
}

.one-fifth {
  width: 20%;
}

.two-fifths {
  width: 40%;
}

.three-fifths {
  width: 60%;
}

.four-fifths {
  width: 80%;
}

.one-sixth {
  width: 16.666%;
}

.two-sixths {
  width: 33.333%;
}

.three-sixths {
  width: 50%;
}

.four-sixths {
  width: 66.666%;
}

.five-sixths {
  width: 83.333%;
}

.one-eighth {
  width: 12.5%;
}

.two-eighths {
  width: 25%;
}

.three-eighths {
  width: 37.5%;
}

.four-eighths {
  width: 50%;
}

.five-eighths {
  width: 62.5%;
}

.six-eighths {
  width: 75%;
}

.seven-eighths {
  width: 87.5%;
}

.one-tenth {
  width: 10%;
}

.two-tenths {
  width: 20%;
}

.three-tenths {
  width: 30%;
}

.four-tenths {
  width: 40%;
}

.five-tenths {
  width: 50%;
}

.six-tenths {
  width: 60%;
}

.seven-tenths {
  width: 70%;
}

.eight-tenths {
  width: 80%;
}

.nine-tenths {
  width: 90%;
}

.one-twelfth {
  width: 8.333%;
}

.two-twelfths {
  width: 16.666%;
}

.three-twelfths {
  width: 25%;
}

.four-twelfths {
  width: 33.333%;
}

.five-twelfths {
  width: 41.666%;
}

.six-twelfths {
  width: 50%;
}

.seven-twelfths {
  width: 58.333%;
}

.eight-twelfths {
  width: 66.666%;
}

.nine-twelfths {
  width: 75%;
}

.ten-twelfths {
  width: 83.333%;
}

.eleven-twelfths {
  width: 91.666%;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

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

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

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

.left {
  float: left !important;
}

.right {
  float: right !important;
}

@media only screen and (min-width: 350px) {
  .small--one-whole {
    width: 100%;
  }
  .small--one-half {
    width: 50%;
  }
  .small--one-third {
    width: 33.3%;
  }
  .small--two-thirds {
    width: 66.6%;
  }
  .small--one-quarter {
    width: 25%;
  }
  .small--two-quarters {
    width: 50%;
  }
  .small--three-quarters {
    width: 75%;
  }
  .small--one-fifth {
    width: 20%;
  }
  .small--two-fifths {
    width: 40%;
  }
  .small--three-fifths {
    width: 60%;
  }
  .small--four-fifths {
    width: 80%;
  }
  .small--one-sixth {
    width: 16.666%;
  }
  .small--two-sixths {
    width: 33.333%;
  }
  .small--three-sixths {
    width: 50%;
  }
  .small--four-sixths {
    width: 66.666%;
  }
  .small--five-sixths {
    width: 83.333%;
  }
  .small--one-eighth {
    width: 12.5%;
  }
  .small--two-eighths {
    width: 25%;
  }
  .small--three-eighths {
    width: 37.5%;
  }
  .small--four-eighths {
    width: 50%;
  }
  .small--five-eighths {
    width: 62.5%;
  }
  .small--six-eighths {
    width: 75%;
  }
  .small--seven-eighths {
    width: 87.5%;
  }
  .small--one-tenth {
    width: 10%;
  }
  .small--two-tenths {
    width: 20%;
  }
  .small--three-tenths {
    width: 30%;
  }
  .small--four-tenths {
    width: 40%;
  }
  .small--five-tenths {
    width: 50%;
  }
  .small--six-tenths {
    width: 60%;
  }
  .small--seven-tenths {
    width: 70%;
  }
  .small--eight-tenths {
    width: 80%;
  }
  .small--nine-tenths {
    width: 90%;
  }
  .small--one-twelfth {
    width: 8.333%;
  }
  .small--two-twelfths {
    width: 16.666%;
  }
  .small--three-twelfths {
    width: 25%;
  }
  .small--four-twelfths {
    width: 33.333%;
  }
  .small--five-twelfths {
    width: 41.666%;
  }
  .small--six-twelfths {
    width: 50%;
  }
  .small--seven-twelfths {
    width: 58.333%;
  }
  .small--eight-twelfths {
    width: 66.666%;
  }
  .small--nine-twelfths {
    width: 75%;
  }
  .small--ten-twelfths {
    width: 83.333%;
  }
  .small--eleven-twelfths {
    width: 91.666%;
  }
  .small--show {
    display: block !important;
  }
  .small--hide {
    display: none !important;
  }
  .small--text-left {
    text-align: left !important;
  }
  .small--text-right {
    text-align: right !important;
  }
  .small--text-center {
    text-align: center !important;
  }
  .small--left {
    float: left !important;
  }
  .small--right {
    float: right !important;
  }
}

@media only screen and (min-width: 768px) {
  .medium--one-whole {
    width: 100%;
  }
  .medium--one-half {
    width: 50%;
  }
  .medium--one-third {
    width: 33.3%;
  }
  .medium--two-thirds {
    width: 66.6%;
  }
  .medium--one-quarter {
    width: 25%;
  }
  .medium--two-quarters {
    width: 50%;
  }
  .medium--three-quarters {
    width: 75%;
  }
  .medium--one-fifth {
    width: 20%;
  }
  .medium--two-fifths {
    width: 40%;
  }
  .medium--three-fifths {
    width: 60%;
  }
  .medium--four-fifths {
    width: 80%;
  }
  .medium--one-sixth {
    width: 16.666%;
  }
  .medium--two-sixths {
    width: 33.333%;
  }
  .medium--three-sixths {
    width: 50%;
  }
  .medium--four-sixths {
    width: 66.666%;
  }
  .medium--five-sixths {
    width: 83.333%;
  }
  .medium--one-eighth {
    width: 12.5%;
  }
  .medium--two-eighths {
    width: 25%;
  }
  .medium--three-eighths {
    width: 37.5%;
  }
  .medium--four-eighths {
    width: 50%;
  }
  .medium--five-eighths {
    width: 62.5%;
  }
  .medium--six-eighths {
    width: 75%;
  }
  .medium--seven-eighths {
    width: 87.5%;
  }
  .medium--one-tenth {
    width: 10%;
  }
  .medium--two-tenths {
    width: 20%;
  }
  .medium--three-tenths {
    width: 30%;
  }
  .medium--four-tenths {
    width: 40%;
  }
  .medium--five-tenths {
    width: 50%;
  }
  .medium--six-tenths {
    width: 60%;
  }
  .medium--seven-tenths {
    width: 70%;
  }
  .medium--eight-tenths {
    width: 80%;
  }
  .medium--nine-tenths {
    width: 90%;
  }
  .medium--one-twelfth {
    width: 8.333%;
  }
  .medium--two-twelfths {
    width: 16.666%;
  }
  .medium--three-twelfths {
    width: 25%;
  }
  .medium--four-twelfths {
    width: 33.333%;
  }
  .medium--five-twelfths {
    width: 41.666%;
  }
  .medium--six-twelfths {
    width: 50%;
  }
  .medium--seven-twelfths {
    width: 58.333%;
  }
  .medium--eight-twelfths {
    width: 66.666%;
  }
  .medium--nine-twelfths {
    width: 75%;
  }
  .medium--ten-twelfths {
    width: 83.333%;
  }
  .medium--eleven-twelfths {
    width: 91.666%;
  }
  .medium--show {
    display: block !important;
  }
  .medium--hide {
    display: none !important;
  }
  .medium--text-left {
    text-align: left !important;
  }
  .medium--text-right {
    text-align: right !important;
  }
  .medium--text-center {
    text-align: center !important;
  }
  .medium--left {
    float: left !important;
  }
  .medium--right {
    float: right !important;
  }
}

@media only screen and (min-width: 1024px) {
  .large--one-whole {
    width: 100%;
  }
  .large--one-half {
    width: 50%;
  }
  .large--one-third {
    width: 33.3%;
  }
  .large--two-thirds {
    width: 66.6%;
  }
  .large--one-quarter {
    width: 25%;
  }
  .large--two-quarters {
    width: 50%;
  }
  .large--three-quarters {
    width: 75%;
  }
  .large--one-fifth {
    width: 20%;
  }
  .large--two-fifths {
    width: 40%;
  }
  .large--three-fifths {
    width: 60%;
  }
  .large--four-fifths {
    width: 80%;
  }
  .large--one-sixth {
    width: 16.666%;
  }
  .large--two-sixths {
    width: 33.333%;
  }
  .large--three-sixths {
    width: 50%;
  }
  .large--four-sixths {
    width: 66.666%;
  }
  .large--five-sixths {
    width: 83.333%;
  }
  .large--one-eighth {
    width: 12.5%;
  }
  .large--two-eighths {
    width: 25%;
  }
  .large--three-eighths {
    width: 37.5%;
  }
  .large--four-eighths {
    width: 50%;
  }
  .large--five-eighths {
    width: 62.5%;
  }
  .large--six-eighths {
    width: 75%;
  }
  .large--seven-eighths {
    width: 87.5%;
  }
  .large--one-tenth {
    width: 10%;
  }
  .large--two-tenths {
    width: 20%;
  }
  .large--three-tenths {
    width: 30%;
  }
  .large--four-tenths {
    width: 40%;
  }
  .large--five-tenths {
    width: 50%;
  }
  .large--six-tenths {
    width: 60%;
  }
  .large--seven-tenths {
    width: 70%;
  }
  .large--eight-tenths {
    width: 80%;
  }
  .large--nine-tenths {
    width: 90%;
  }
  .large--one-twelfth {
    width: 8.333%;
  }
  .large--two-twelfths {
    width: 16.666%;
  }
  .large--three-twelfths {
    width: 25%;
  }
  .large--four-twelfths {
    width: 33.333%;
  }
  .large--five-twelfths {
    width: 41.666%;
  }
  .large--six-twelfths {
    width: 50%;
  }
  .large--seven-twelfths {
    width: 58.333%;
  }
  .large--eight-twelfths {
    width: 66.666%;
  }
  .large--nine-twelfths {
    width: 75%;
  }
  .large--ten-twelfths {
    width: 83.333%;
  }
  .large--eleven-twelfths {
    width: 91.666%;
  }
  .large--show {
    display: block !important;
  }
  .large--hide {
    display: none !important;
  }
  .large--text-left {
    text-align: left !important;
  }
  .large--text-right {
    text-align: right !important;
  }
  .large--text-center {
    text-align: center !important;
  }
  .large--left {
    float: left !important;
  }
  .large--right {
    float: right !important;
  }
}

@media only screen and (min-width: 1200px) {
  .larger--one-whole {
    width: 100%;
  }
  .larger--one-half {
    width: 50%;
  }
  .larger--one-third {
    width: 33.3%;
  }
  .larger--two-thirds {
    width: 66.6%;
  }
  .larger--one-quarter {
    width: 25%;
  }
  .larger--two-quarters {
    width: 50%;
  }
  .larger--three-quarters {
    width: 75%;
  }
  .larger--one-fifth {
    width: 20%;
  }
  .larger--two-fifths {
    width: 40%;
  }
  .larger--three-fifths {
    width: 60%;
  }
  .larger--four-fifths {
    width: 80%;
  }
  .larger--one-sixth {
    width: 16.666%;
  }
  .larger--two-sixths {
    width: 33.333%;
  }
  .larger--three-sixths {
    width: 50%;
  }
  .larger--four-sixths {
    width: 66.666%;
  }
  .larger--five-sixths {
    width: 83.333%;
  }
  .larger--one-eighth {
    width: 12.5%;
  }
  .larger--two-eighths {
    width: 25%;
  }
  .larger--three-eighths {
    width: 37.5%;
  }
  .larger--four-eighths {
    width: 50%;
  }
  .larger--five-eighths {
    width: 62.5%;
  }
  .larger--six-eighths {
    width: 75%;
  }
  .larger--seven-eighths {
    width: 87.5%;
  }
  .larger--one-tenth {
    width: 10%;
  }
  .larger--two-tenths {
    width: 20%;
  }
  .larger--three-tenths {
    width: 30%;
  }
  .larger--four-tenths {
    width: 40%;
  }
  .larger--five-tenths {
    width: 50%;
  }
  .larger--six-tenths {
    width: 60%;
  }
  .larger--seven-tenths {
    width: 70%;
  }
  .larger--eight-tenths {
    width: 80%;
  }
  .larger--nine-tenths {
    width: 90%;
  }
  .larger--one-twelfth {
    width: 8.333%;
  }
  .larger--two-twelfths {
    width: 16.666%;
  }
  .larger--three-twelfths {
    width: 25%;
  }
  .larger--four-twelfths {
    width: 33.333%;
  }
  .larger--five-twelfths {
    width: 41.666%;
  }
  .larger--six-twelfths {
    width: 50%;
  }
  .larger--seven-twelfths {
    width: 58.333%;
  }
  .larger--eight-twelfths {
    width: 66.666%;
  }
  .larger--nine-twelfths {
    width: 75%;
  }
  .larger--ten-twelfths {
    width: 83.333%;
  }
  .larger--eleven-twelfths {
    width: 91.666%;
  }
  .larger--show {
    display: block !important;
  }
  .larger--hide {
    display: none !important;
  }
  .larger--text-left {
    text-align: left !important;
  }
  .larger--text-right {
    text-align: right !important;
  }
  .larger--text-center {
    text-align: center !important;
  }
  .larger--left {
    float: left !important;
  }
  .larger--right {
    float: right !important;
  }
}

@media only screen and (min-width: 1400px) {
  .huge--one-whole {
    width: 100%;
  }
  .huge--one-half {
    width: 50%;
  }
  .huge--one-third {
    width: 33.3%;
  }
  .huge--two-thirds {
    width: 66.6%;
  }
  .huge--one-quarter {
    width: 25%;
  }
  .huge--two-quarters {
    width: 50%;
  }
  .huge--three-quarters {
    width: 75%;
  }
  .huge--one-fifth {
    width: 20%;
  }
  .huge--two-fifths {
    width: 40%;
  }
  .huge--three-fifths {
    width: 60%;
  }
  .huge--four-fifths {
    width: 80%;
  }
  .huge--one-sixth {
    width: 16.666%;
  }
  .huge--two-sixths {
    width: 33.333%;
  }
  .huge--three-sixths {
    width: 50%;
  }
  .huge--four-sixths {
    width: 66.666%;
  }
  .huge--five-sixths {
    width: 83.333%;
  }
  .huge--one-eighth {
    width: 12.5%;
  }
  .huge--two-eighths {
    width: 25%;
  }
  .huge--three-eighths {
    width: 37.5%;
  }
  .huge--four-eighths {
    width: 50%;
  }
  .huge--five-eighths {
    width: 62.5%;
  }
  .huge--six-eighths {
    width: 75%;
  }
  .huge--seven-eighths {
    width: 87.5%;
  }
  .huge--one-tenth {
    width: 10%;
  }
  .huge--two-tenths {
    width: 20%;
  }
  .huge--three-tenths {
    width: 30%;
  }
  .huge--four-tenths {
    width: 40%;
  }
  .huge--five-tenths {
    width: 50%;
  }
  .huge--six-tenths {
    width: 60%;
  }
  .huge--seven-tenths {
    width: 70%;
  }
  .huge--eight-tenths {
    width: 80%;
  }
  .huge--nine-tenths {
    width: 90%;
  }
  .huge--one-twelfth {
    width: 8.333%;
  }
  .huge--two-twelfths {
    width: 16.666%;
  }
  .huge--three-twelfths {
    width: 25%;
  }
  .huge--four-twelfths {
    width: 33.333%;
  }
  .huge--five-twelfths {
    width: 41.666%;
  }
  .huge--six-twelfths {
    width: 50%;
  }
  .huge--seven-twelfths {
    width: 58.333%;
  }
  .huge--eight-twelfths {
    width: 66.666%;
  }
  .huge--nine-twelfths {
    width: 75%;
  }
  .huge--ten-twelfths {
    width: 83.333%;
  }
  .huge--eleven-twelfths {
    width: 91.666%;
  }
  .huge--show {
    display: block !important;
  }
  .huge--hide {
    display: none !important;
  }
  .huge--text-left {
    text-align: left !important;
  }
  .huge--text-right {
    text-align: right !important;
  }
  .huge--text-center {
    text-align: center !important;
  }
  .huge--left {
    float: left !important;
  }
  .huge--right {
    float: right !important;
  }
}

@media only screen and (min-width: 1680px) {
  .massive--one-whole {
    width: 100%;
  }
  .massive--one-half {
    width: 50%;
  }
  .massive--one-third {
    width: 33.3%;
  }
  .massive--two-thirds {
    width: 66.6%;
  }
  .massive--one-quarter {
    width: 25%;
  }
  .massive--two-quarters {
    width: 50%;
  }
  .massive--three-quarters {
    width: 75%;
  }
  .massive--one-fifth {
    width: 20%;
  }
  .massive--two-fifths {
    width: 40%;
  }
  .massive--three-fifths {
    width: 60%;
  }
  .massive--four-fifths {
    width: 80%;
  }
  .massive--one-sixth {
    width: 16.666%;
  }
  .massive--two-sixths {
    width: 33.333%;
  }
  .massive--three-sixths {
    width: 50%;
  }
  .massive--four-sixths {
    width: 66.666%;
  }
  .massive--five-sixths {
    width: 83.333%;
  }
  .massive--one-eighth {
    width: 12.5%;
  }
  .massive--two-eighths {
    width: 25%;
  }
  .massive--three-eighths {
    width: 37.5%;
  }
  .massive--four-eighths {
    width: 50%;
  }
  .massive--five-eighths {
    width: 62.5%;
  }
  .massive--six-eighths {
    width: 75%;
  }
  .massive--seven-eighths {
    width: 87.5%;
  }
  .massive--one-tenth {
    width: 10%;
  }
  .massive--two-tenths {
    width: 20%;
  }
  .massive--three-tenths {
    width: 30%;
  }
  .massive--four-tenths {
    width: 40%;
  }
  .massive--five-tenths {
    width: 50%;
  }
  .massive--six-tenths {
    width: 60%;
  }
  .massive--seven-tenths {
    width: 70%;
  }
  .massive--eight-tenths {
    width: 80%;
  }
  .massive--nine-tenths {
    width: 90%;
  }
  .massive--one-twelfth {
    width: 8.333%;
  }
  .massive--two-twelfths {
    width: 16.666%;
  }
  .massive--three-twelfths {
    width: 25%;
  }
  .massive--four-twelfths {
    width: 33.333%;
  }
  .massive--five-twelfths {
    width: 41.666%;
  }
  .massive--six-twelfths {
    width: 50%;
  }
  .massive--seven-twelfths {
    width: 58.333%;
  }
  .massive--eight-twelfths {
    width: 66.666%;
  }
  .massive--nine-twelfths {
    width: 75%;
  }
  .massive--ten-twelfths {
    width: 83.333%;
  }
  .massive--eleven-twelfths {
    width: 91.666%;
  }
  .massive--show {
    display: block !important;
  }
  .massive--hide {
    display: none !important;
  }
  .massive--text-left {
    text-align: left !important;
  }
  .massive--text-right {
    text-align: right !important;
  }
  .massive--text-center {
    text-align: center !important;
  }
  .massive--left {
    float: left !important;
  }
  .massive--right {
    float: right !important;
  }
}

[class*="push--"] {
  position: relative;
}

.push--one-whole {
  left: 100%;
  position: relative;
}

.push--one-half {
  left: 50%;
  position: relative;
}

.push--one-third {
  left: 33.333%;
  position: relative;
}

.push--two-thirds {
  left: 66.666%;
  position: relative;
}

.push--one-quarter {
  left: 25%;
  position: relative;
}

.push--two-quarters {
  left: 50%;
  position: relative;
}

.push--three-quarters {
  left: 75%;
  position: relative;
}

.push--one-fifth {
  left: 20%;
  position: relative;
}

.push--two-fifths {
  left: 40%;
  position: relative;
}

.push--three-fifths {
  left: 60%;
  position: relative;
}

.push--four-fifths {
  left: 80%;
  position: relative;
}

.push--one-sixth {
  left: 16.666%;
  position: relative;
}

.push--two-sixths {
  left: 33.333%;
  position: relative;
}

.push--three-sixths {
  left: 50%;
  position: relative;
}

.push--four-sixths {
  left: 66.666%;
  position: relative;
}

.push--five-sixths {
  left: 83.333%;
  position: relative;
}

.push--one-eighth {
  left: 12.5%;
  position: relative;
}

.push--two-eighths {
  left: 25%;
  position: relative;
}

.push--three-eighths {
  left: 37.5%;
  position: relative;
}

.push--four-eighths {
  left: 50%;
  position: relative;
}

.push--five-eighths {
  left: 62.5%;
  position: relative;
}

.push--six-eighths {
  left: 75%;
  position: relative;
}

.push--seven-eighths {
  left: 87.5%;
  position: relative;
}

.push--one-tenth {
  left: 10%;
  position: relative;
}

.push--two-tenths {
  left: 20%;
  position: relative;
}

.push--three-tenths {
  left: 30%;
  position: relative;
}

.push--four-tenths {
  left: 40%;
  position: relative;
}

.push--five-tenths {
  left: 50%;
  position: relative;
}

.push--six-tenths {
  left: 60%;
  position: relative;
}

.push--seven-tenths {
  left: 70%;
  position: relative;
}

.push--eight-tenths {
  left: 80%;
  position: relative;
}

.push--nine-tenths {
  left: 90%;
  position: relative;
}

.push--one-twelfth {
  left: 8.333%;
  position: relative;
}

.push--two-twelfths {
  left: 16.666%;
  position: relative;
}

.push--three-twelfths {
  left: 25%;
  position: relative;
}

.push--four-twelfths {
  left: 33.333%;
  position: relative;
}

.push--five-twelfths {
  left: 41.666%;
  position: relative;
}

.push--six-twelfths {
  left: 50%;
  position: relative;
}

.push--seven-twelfths {
  left: 58.333%;
  position: relative;
}

.push--eight-twelfths {
  left: 66.666%;
  position: relative;
}

.push--nine-twelfths {
  left: 75%;
  position: relative;
}

.push--ten-twelfths {
  left: 83.333%;
  position: relative;
}

.push--eleven-twelfths {
  left: 91.666%;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .push--medium--one-whole {
    left: 100%;
    position: relative;
  }
  .push--medium--one-half {
    left: 50%;
    position: relative;
  }
  .push--medium--one-third {
    left: 33.333%;
    position: relative;
  }
  .push--medium--two-thirds {
    left: 66.666%;
    position: relative;
  }
  .push--medium--one-quarter {
    left: 25%;
    position: relative;
  }
  .push--medium--two-quarters {
    left: 50%;
    position: relative;
  }
  .push--medium--three-quarters {
    left: 75%;
    position: relative;
  }
  .push--medium--one-fifth {
    left: 20%;
    position: relative;
  }
  .push--medium--two-fifths {
    left: 40%;
    position: relative;
  }
  .push--medium--three-fifths {
    left: 60%;
    position: relative;
  }
  .push--medium--four-fifths {
    left: 80%;
    position: relative;
  }
  .push--medium--one-sixth {
    left: 16.666%;
    position: relative;
  }
  .push--medium--two-sixths {
    left: 33.333%;
    position: relative;
  }
  .push--medium--three-sixths {
    left: 50%;
    position: relative;
  }
  .push--medium--four-sixths {
    left: 66.666%;
    position: relative;
  }
  .push--medium--five-sixths {
    left: 83.333%;
    position: relative;
  }
  .push--medium--one-eighth {
    left: 12.5%;
    position: relative;
  }
  .push--medium--two-eighths {
    left: 25%;
    position: relative;
  }
  .push--medium--three-eighths {
    left: 37.5%;
    position: relative;
  }
  .push--medium--four-eighths {
    left: 50%;
    position: relative;
  }
  .push--medium--five-eighths {
    left: 62.5%;
    position: relative;
  }
  .push--medium--six-eighths {
    left: 75%;
    position: relative;
  }
  .push--medium--seven-eighths {
    left: 87.5%;
    position: relative;
  }
  .push--medium--one-tenth {
    left: 10%;
    position: relative;
  }
  .push--medium--two-tenths {
    left: 20%;
    position: relative;
  }
  .push--medium--three-tenths {
    left: 30%;
    position: relative;
  }
  .push--medium--four-tenths {
    left: 40%;
    position: relative;
  }
  .push--medium--five-tenths {
    left: 50%;
    position: relative;
  }
  .push--medium--six-tenths {
    left: 60%;
    position: relative;
  }
  .push--medium--seven-tenths {
    left: 70%;
    position: relative;
  }
  .push--medium--eight-tenths {
    left: 80%;
    position: relative;
  }
  .push--medium--nine-tenths {
    left: 90%;
    position: relative;
  }
  .push--medium--one-twelfth {
    left: 8.333%;
    position: relative;
  }
  .push--medium--two-twelfths {
    left: 16.666%;
    position: relative;
  }
  .push--medium--three-twelfths {
    left: 25%;
    position: relative;
  }
  .push--medium--four-twelfths {
    left: 33.333%;
    position: relative;
  }
  .push--medium--five-twelfths {
    left: 41.666%;
    position: relative;
  }
  .push--medium--six-twelfths {
    left: 50%;
    position: relative;
  }
  .push--medium--seven-twelfths {
    left: 58.333%;
    position: relative;
  }
  .push--medium--eight-twelfths {
    left: 66.666%;
    position: relative;
  }
  .push--medium--nine-twelfths {
    left: 75%;
    position: relative;
  }
  .push--medium--ten-twelfths {
    left: 83.333%;
    position: relative;
  }
  .push--medium--eleven-twelfths {
    left: 91.666%;
    position: relative;
  }
}

@media only screen and (min-width: 350px) {
  .small--one-whole {
    width: 100%;
  }
}

/*============================================================================
  TYPOGRAPHY
==============================================================================*/
p {
  line-height: 1.8em;
  margin-bottom: 1.8em;
}

p.inline {
  display: inline-block;
}

strong {
  font-weight: 600;
  font-size: inherit;
}

em {
  font-style: italic;
  font-weight: inherit;
}

a {
  font-weight: inherit;
  font-style: inherit;
  color: #777777;
  transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
}

a:hover, a:focus {
  color: #000000;
}

a:focus, a:active {
  outline: 0;
}

a.tdn {
  text-decoration: none;
}

a.tdn:hover, a.tdn:focus {
  text-decoration: underline;
}

a[href^=tel] {
  text-decoration: none;
}

a[href^=tel]:hover, a[href^=tel]:focus {
  text-decoration: underline;
}

a:not([href]) {
  color: #777777;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: roboto, sans-serif !important;
  font-weight: 700;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  color: #15183D;
  line-height: 1.2em;
  margin: 0 0 0.8em;
}

h1.no-margin-top, .h1.no-margin-top, h2.no-margin-top, .h2.no-margin-top, h3.no-margin-top, .h3.no-margin-top, h4.no-margin-top, .h4.no-margin-top, h5.no-margin-top, .h5.no-margin-top, h6.no-margin-top, .h6.no-margin-top {
  margin-top: 0;
}

@media (min-width: 768px) {
  h1.medium--no-margin, .h1.medium--no-margin, h2.medium--no-margin, .h2.medium--no-margin, h3.medium--no-margin, .h3.medium--no-margin, h4.medium--no-margin, .h4.medium--no-margin, h5.medium--no-margin, .h5.medium--no-margin, h6.medium--no-margin, .h6.medium--no-margin {
    margin-bottom: 0;
  }
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  text-decoration: none;
  outline: 0;
  font-weight: inherit;
  color: #15183D;
}

h1 a:hover, h1 a:focus, .h1 a:hover, .h1 a:focus, h2 a:hover, h2 a:focus, .h2 a:hover, .h2 a:focus, h3 a:hover, h3 a:focus, .h3 a:hover, .h3 a:focus, h4 a:hover, h4 a:focus, .h4 a:hover, .h4 a:focus, h5 a:hover, h5 a:focus, .h5 a:hover, .h5 a:focus, h6 a:hover, h6 a:focus, .h6 a:hover, .h6 a:focus {
  color: #080917;
}

h1, .h1 {
  font-size: 18px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  h1, .h1 {
    font-size: calc( 18px + 22 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  h1, .h1 {
    font-size: 40px;
  }
}

h1.smaller, .h1.smaller {
  font-size: 18px;
}

@media screen and (min-width: 768px) {
  h1.smaller, .h1.smaller {
    font-size: calc( 18px + 18 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  h1.smaller, .h1.smaller {
    font-size: 36px;
  }
}

@media (min-width: 768px) {
  h1, .h1 {
    margin-bottom: 35px;
  }
}

@media (min-width: 1024px) {
  h1, .h1 {
    margin-bottom: 50px;
  }
}

@media (min-width: 1680px) {
  h1, .h1 {
    margin-bottom: 75px;
  }
}

h1.smaller-margin, .h1.smaller-margin {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  h1.smaller-margin, .h1.smaller-margin {
    margin-bottom: 30px;
  }
}

h1.has-subtitle, .h1.has-subtitle {
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  h1.has-subtitle, .h1.has-subtitle {
    margin-bottom: 20px;
  }
}

h2, .h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  h2, .h2 {
    font-size: calc( 24px + 16 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  h2, .h2 {
    font-size: 40px;
  }
}

h2.smaller, .h2.smaller {
  font-size: 18px;
}

@media screen and (min-width: 768px) {
  h2.smaller, .h2.smaller {
    font-size: calc( 18px + 18 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  h2.smaller, .h2.smaller {
    font-size: 36px;
  }
}

@media (min-width: 768px) {
  h2, .h2 {
    margin-bottom: 35px;
  }
}

@media (min-width: 1024px) {
  h2, .h2 {
    margin-bottom: 50px;
  }
}

@media (min-width: 1680px) {
  h2, .h2 {
    margin-bottom: 75px;
  }
}

h2.smaller-margin, .h2.smaller-margin {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  h2.smaller-margin, .h2.smaller-margin {
    margin-bottom: 30px;
  }
}

h2.has-subtitle, .h2.has-subtitle {
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  h2.has-subtitle, .h2.has-subtitle {
    margin-bottom: 20px;
  }
}

h3, .h3 {
  font-size: 16px;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  h3, .h3 {
    font-size: calc( 16px + 12 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  h3, .h3 {
    font-size: 28px;
  }
}

h3.has-subtitle, .h3.has-subtitle {
  margin-bottom: 5px;
}

h4, .h4 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
}

h5, .h5 {
  font-weight: 600;
}

h6, .h6 {
  font-weight: 600;
}

ul, ol {
  margin: 0 0 1.5em 16px;
}

ul li, ol li {
  line-height: 1.5em;
  padding: 0;
}

ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0;
}

ul {
  list-style: disc;
}

ul ul {
  list-style: circle;
}

ul.lined li {
  border-bottom: 1px solid #E3E3E3;
  padding: 5px 0;
}

ul.lined li:first-child {
  padding-top: 0;
}

ul.lined li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

ol {
  list-style: decimal;
}

.unstyled, ul.lined, .search-bar-results__thumbs, .search-bar-results__buttons, .search-results-listing,
.search-results-properties, nav ul {
  margin: 0 0 1.5em;
  padding: 0;
  list-style: none;
}

.unstyled ul, ul.lined ul, .search-bar-results__thumbs ul, .search-bar-results__buttons ul, .search-results-listing ul, .search-results-properties ul, nav ul ul {
  list-style: none;
}

.unstyled li, ul.lined li, .search-bar-results__thumbs li, .search-bar-results__buttons li, .search-results-listing li, .search-results-properties li, nav ul li {
  list-style: none;
  list-style-image: none;
  padding: 0;
  background: none;
}

nav ul {
  *zoom: 1;
}

nav ul:before, nav ul:after {
  display: table;
  content: " ";
}

nav ul:after {
  clear: both;
}

dl {
  margin: 0 0 1.5em;
}

dt, dd {
  line-height: 1.5em;
}

dt {
  font-weight: 600;
}

dd {
  margin-bottom: 0.5em;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #B2B2B2;
  margin: 20px 0;
}

@media (min-width: 1200px) {
  hr {
    margin: 35px 0;
  }
}

blockquote {
  line-height: inherit;
  padding-left: 20px;
  border-left: 1px solid #B2B2B2;
  margin-bottom: 1.5em;
  font-size: 20px;
  font-size: 2rem;
  font-style: italic;
}

blockquote p {
  margin-bottom: 0.5em;
}

blockquote cite {
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 768px) {
  blockquote {
    padding-left: 40px;
  }
}

.fs-smallest {
  font-size: 12px;
  font-size: 1.2rem;
}

.fs-italic {
  font-style: italic;
}

.fs20 {
  font-size: 20px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-bold {
  font-weight: 600 !important;
}

.fw-extra-bold {
  font-weight: 800 !important;
}

.optimize-font {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}

.text-uppercase {
  text-transform: uppercase !important;
}

/*============================================================================
  TABLES
==============================================================================*/
table {
  width: 100%;
  padding: 0;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  margin: 0 0 1.5em;
}

table th, table td {
  padding: 11px 6px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
  line-height: 1.5em;
}

table th {
  font-weight: bold;
  border-bottom: 2px solid #ddd;
}

/*============================================================================
  FORMS
==============================================================================*/
form {
  margin: 0;
  color: #B2B2B2;
}

form ul ul {
  margin: 0;
}

form li.contains-ul {
  margin-bottom: 0;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
  font-size: 18px;
}

button, input, select, textarea, .button {
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

label, .label, input, select, textarea {
  font-family: 'Roboto', Arial, Verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 300;
  vertical-align: middle;
  color: #000000;
}

label, .label {
  display: block;
  margin-bottom: 8px;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
  border: none;
}

input[type="checkbox"], input[type="radio"] {
  cursor: pointer;
}

input[type="text"], input[type="search"], input[type="password"],
input[type="email"], input[type="tel"], input[type="date"], textarea, select {
  padding: 11px;
  margin-bottom: 2px;
  display: block;
  background: #fff;
  height: 45px;
  line-height: inherit;
  width: 100%;
  border: 1px solid #e5e5e5;
  font-family: 'Roboto', Arial, Verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 300;
  font-weight: 300;
  border-radius: 0;
}

input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus,
input[type="email"]:focus, input[type="tel"]:focus, input[type="date"]:focus, textarea:focus, select:focus {
  outline: 0;
  border-color: #777777;
}

input[type="text"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  font-style: italic;
}

input[type="text"]::placeholder, input[type="search"]::placeholder, input[type="password"]::placeholder,
input[type="email"]::placeholder, input[type="tel"]::placeholder, input[type="date"]::placeholder, textarea::placeholder, select::placeholder {
  font-style: italic;
}

input[type="text"].darker, input[type="search"].darker, input[type="password"].darker,
input[type="email"].darker, input[type="tel"].darker, input[type="date"].darker, textarea.darker, select.darker {
  color: #777777;
}

input[type="text"].darker:-ms-input-placeholder, input[type="search"].darker:-ms-input-placeholder, input[type="password"].darker:-ms-input-placeholder,
input[type="email"].darker:-ms-input-placeholder, input[type="tel"].darker:-ms-input-placeholder, input[type="date"].darker:-ms-input-placeholder, textarea.darker:-ms-input-placeholder, select.darker:-ms-input-placeholder {
  color: #777777;
}

input[type="text"].darker::placeholder, input[type="search"].darker::placeholder, input[type="password"].darker::placeholder,
input[type="email"].darker::placeholder, input[type="tel"].darker::placeholder, input[type="date"].darker::placeholder, textarea.darker::placeholder, select.darker::placeholder {
  color: #777777;
}

input[type="email"] {
  display: block;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
  width: 100%;
  height: 185px;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  *height: 13px;
  *width: 13px;
  line-height: normal;
  border: none;
}

input[type="file"] {
  background-color: #fff;
  padding: initial;
  border: initial;
  line-height: initial;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

button, input[type="reset"], input[type="submit"], .button {
  float: left;
  display: block;
  clear: both;
  transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
  outline: 0;
  line-height: 1.2em;
  padding: 10px 20px;
  margin: 0 0 10px;
  text-decoration: none;
  color: #15183D;
  background-color: #fff;
  border: 2px solid #15183D;
  font-size: 14px;
  font-family: roboto, sans-serif !important;
  font-weight: 700;
  font-style: normal;
  font-weight: 300;
}

@media (min-width: 768px) {
  button, input[type="reset"], input[type="submit"], .button {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  button, input[type="reset"], input[type="submit"], .button {
    font-size: calc( 14px + 6 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 768px) and (min-width: 1680px) {
  button, input[type="reset"], input[type="submit"], .button {
    font-size: 20px;
  }
}

button i, input[type="reset"] i, input[type="submit"] i, .button i {
  margin: -5px 6px 0 5px;
}

button.btn-uppercase, input[type="reset"].btn-uppercase, input[type="submit"].btn-uppercase, .button.btn-uppercase {
  text-transform: uppercase;
  font-weight: 600;
}

button.btn-elevated, input[type="reset"].btn-elevated, input[type="submit"].btn-elevated, .button.btn-elevated {
  box-shadow: 0px 4px 18px -3px #bababa;
  border: none;
}

button.btn-no-wrap, input[type="reset"].btn-no-wrap, input[type="submit"].btn-no-wrap, .button.btn-no-wrap {
  white-space: nowrap;
}

button:hover, button:focus, button:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, .button:hover, .button:focus, .button:active {
  color: #fff;
  background-color: #15183D;
}

button.btn-border, input[type="reset"].btn-border, input[type="submit"].btn-border, .button.btn-border {
  background-color: transparent;
  border: 2px solid #15183D;
}

button.btn-border:hover, input[type="reset"].btn-border:hover, input[type="submit"].btn-border:hover, .button.btn-border:hover {
  background-color: #15183D;
}

button.btn-border:hover strong, input[type="reset"].btn-border:hover strong, input[type="submit"].btn-border:hover strong, .button.btn-border:hover strong {
  color: #fff;
}

button.btn-inverse, input[type="reset"].btn-inverse, input[type="submit"].btn-inverse, .button.btn-inverse {
  background-color: #15183D;
  color: #fff;
}

button.btn-inverse:hover, input[type="reset"].btn-inverse:hover, input[type="submit"].btn-inverse:hover, .button.btn-inverse:hover {
  background-color: #fff;
  color: #15183D;
}

button:active, input[type="reset"]:active, input[type="submit"]:active, .button:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, .button::-moz-focus-inner {
  border: 0;
}

button, input[type="text"], input[type="submit"], input[type="button"], input[type="reset"],
input[type="email"], input[type="tel"], textarea {
  -webkit-appearance: none;
}

button, input[type="reset"], input[type="submit"], .button, a.button {
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  color: #15183D;
}

button.darker, input[type="reset"].darker, input[type="submit"].darker, .button.darker, a.button.darker {
  color: #777777;
}

button:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button:focus, a.button:focus {
  outline: 0;
  *outline: inherit;
  box-shadow: 0 0 1px 1px rgba(200, 200, 200, 0.1);
}

:-ms-input-placeholder {
  color: #999;
  font-style: italic;
}

::placeholder {
  color: #999;
  font-style: italic;
}

::-ms-clear {
  display: none;
}

input[type="search"] {
  -webkit-appearance: none;
}

::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

::-webkit-search-results-button {
  -webkit-appearance: none;
}

::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

form .row {
  margin-bottom: 0;
}

fieldset {
  width: auto;
}

fieldset p, fieldset ul, fieldset li {
  *zoom: 1;
}

fieldset p:before, fieldset p:after, fieldset ul:before, fieldset ul:after, fieldset li:before, fieldset li:after {
  display: table;
  content: " ";
}

fieldset p:after, fieldset ul:after, fieldset li:after {
  clear: both;
}

fieldset ul {
  margin-left: -20px;
}

fieldset ul li {
  list-style: none;
  background: none;
  list-style-image: none;
  margin: 0 0 25px;
  float: left;
  width: 100%;
  padding: 0 0 0 20px;
}

fieldset ul li.error input {
  border-color: #f1062c;
}

fieldset ul li.space {
  margin-top: 25px;
}

@media (min-width: 768px) {
  fieldset ul li.one-half {
    width: 50%;
  }
  fieldset ul li.one-fourth {
    width: 25%;
  }
}

.about__button-container .button {
  font-size: 16px;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .about__button-container .button {
    font-size: calc( 16px + 0 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .about__button-container .button {
    font-size: 16px;
  }
}

.about__button-container--end {
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  .about__button-container--end {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.buttons {
  *zoom: 1;
}

.buttons:before, .buttons:after {
  display: table;
  content: " ";
}

.buttons:after {
  clear: both;
}

.buttons button, .buttons input[type="reset"], .buttons input[type="submit"], .buttons .button, .buttons a.button {
  float: left;
  clear: none;
  margin-right: 15px;
}

.buttons button.right, .buttons input[type="reset"].right, .buttons input[type="submit"].right, .buttons .button.right, .buttons a.button.right {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}

.a-c .button, .a-c a.button, .a-c button {
  float: none;
  clear: none;
  display: inline-block;
  margin: 5px 10px;
}

.button--inline {
  float: none;
  clear: none;
  display: inline-block;
  margin: 0 0 10px;
}

.grecaptcha-badge {
  display: none;
}

.checkbox {
  width: 25px;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}

.checkbox input {
  opacity: 0;
}

.checkbox label {
  cursor: pointer;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
  border: 1px solid #e5e5e5;
  background-color: #fff;
}

.checkbox label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  background: transparent;
  top: 9px;
  left: 7px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.checkbox label:hover::after {
  opacity: 0.2;
}

.checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}

[class^='select2'] {
  border-radius: 0 !important;
}

.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  height: 45px !important;
  padding: 8px 0 !important;
  text-align: left !important;
  outline: none !important;
  border: 1px solid #e5e5e5 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 35px !important;
}

.select2-container .select2-selection--multiple > ul {
  display: block !important;
  padding-right: 50px !important;
}

.select2-container .select2-selection--multiple .select2-search--inline {
  margin: 0 !important;
}

.select2-container .select2-selection--multiple .select2-search__field {
  margin: 0 !important;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: transparent !important;
  color: #000000 !important;
  margin-top: 8px !important;
}

.select2-container .select2-selection--multiple .select2-selection__choice > span {
  color: #000000 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 19px !important;
  right: 13px !important;
  height: 9px !important;
  width: 14px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-image: url("../images/icon-dropdown.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: auto !important;
  height: auto !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  border-color: transparent !important;
  border-style: none !important;
  border-width: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

@media (min-width: 768px) {
  .select2-results__options {
    max-height: 300px !important;
  }
}

.select2-dropdown {
  color: rgba(21, 24, 61, 0.75) !important;
  border: 1px solid #e5e5e5 !important;
}

.select2-dropdown .select2-results__option {
  padding: 11px 6px !important;
  border-bottom: 1px solid #e5e5e5 !important;
}

.no-search .select2-search {
  display: none;
}

.cta-download-form {
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease-in;
  overflow: hidden;
}

.cta-download-form--active {
  height: auto;
  opacity: 1;
  visibility: visible;
}

.formError {
  z-index: 990;
}

.formError .formErrorContent {
  z-index: 991;
}

.formError .formErrorArrow {
  z-index: 996;
}

.formErrorInsideDialog.formError {
  z-index: 5000;
}

.formErrorInsideDialog.formError .formErrorContent {
  z-index: 5001;
}

.formErrorInsideDialog.formError .formErrorArrow {
  z-index: 5006;
}

.inputContainer {
  position: relative;
  float: left;
}

.formError, .formError * {
  box-sizing: content-box;
}

.formError {
  position: absolute;
  top: 300px;
  left: 300px;
  display: block;
  cursor: pointer;
  margin: 0 0 0 -128px;
}

.ajaxSubmit {
  padding: 20px;
  background: #55ea55;
  border: 1px solid #999;
  display: none;
}

.formError .formErrorContent {
  background: #f1062c;
  position: relative;
  color: #fff;
  width: 150px;
  border: 1px solid #f1062c;
  padding: 4px 10px 4px 10px;
  font-size: 14px;
  font-size: 1.4rem;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.formError .formErrorArrow {
  /*width: 15px; margin: -2px 0 0 13px;*/
  position: relative;
  margin: -2px 0 0 145px;
  height: 10px;
}

.formError .formErrorArrow:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border: 8px solid transparent;
  border-bottom: 0;
  border-top-color: #f1062c;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  margin: 0px 0 0 12px;
  top: 2px;
}

.formError .formErrorArrow div {
  display: none;
}

/* =============================================================================
   LAYOUT
   ========================================================================== */
html {
  font-size: 62.5%;
}

body {
  font-family: 'Roboto', Arial, Verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 300;
  overflow: hidden;
  color: #777777;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (min-width: 768px) {
  body.home .main {
    padding-top: 20px;
  }
}

body.home .page-hero {
  height: 100vh;
  z-index: 1;
}

body.home .page-hero .container {
  height: 100%;
}

@media (min-width: 768px) {
  body.home .page-hero .container {
    height: auto;
  }
}

@media (min-width: 1200px) {
  body.home.no-scroll .page-header {
    border-bottom: 0;
    background-color: transparent;
    overflow: visible;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
  }
  body.home.no-scroll .page-header .page-header__logo--dark {
    display: none;
  }
  body.home.no-scroll .page-header .page-header__logo--white {
    display: block;
  }
  body.home.no-scroll .page-header .page-header__logo-img {
    width: 50px;
    left: 50%;
    top: 35px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media (min-width: 1200px) and (min-width: 1200px) {
  body.home.no-scroll .page-header .page-header__logo-img {
    width: 80px;
    top: 0px;
  }
}

@media (min-width: 1200px) and (min-width: 1370px) {
  body.home.no-scroll .page-header .page-header__logo-img {
    width: 100px;
  }
}

@media (min-width: 1200px) {
  body.home.no-scroll .page-header .main-nav {
    padding: 52px 0px;
  }
  body.home.no-scroll .page-header .main-nav a {
    color: #fff;
    opacity: 1;
  }
  body.home.no-scroll .page-header .main-nav a.btn-border {
    border: 2px solid #fff;
  }
  body.home.no-scroll .page-header__logo-text {
    width: 100px;
    top: 86px;
    left: -35px;
    display: inline-block;
  }
}

@media (min-width: 1200px) and (min-width: 1200px) {
  body.home.no-scroll .page-header__logo-text {
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    top: auto;
    bottom: -20px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media (min-width: 1200px) and (min-width: 1370px) {
  body.home.no-scroll .page-header__logo-text {
    display: -ms-flexbox;
    display: flex;
    width: 192px;
    top: auto;
    bottom: -20px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

body.home .page-hero {
  position: relative;
  background-image: url("../images/hero-image-2022b.jpg");
  background-position: 50%;
}

@media (min-width: 768px) {
  body.home .page-hero {
    background-position: 35%;
  }
}

@media (min-width: 1024px) {
  body.home .page-hero {
    background-position: 45% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

body.home .page-hero__search-container {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
  z-index: 1;
}

@media (min-width: 1024px) {
  body.home .page-hero__search-container {
    width: 680px;
  }
}

@media (min-width: 768px) {
  body.kopen .main, body.huren .main {
    padding-top: 200px;
  }
}

body.kopen .no-results, body.huren .no-results {
  padding-left: 20px;
}

@media (max-width: 768px) {
  body.property-detail #map {
    height: 600px;
  }
}

@media (min-width: 768px) {
  body.property-detail #map {
    padding-top: 65%;
  }
}

@media (min-width: 768px) {
  body.contact .map-wrap {
    position: absolute;
    right: 0;
    width: calc(50%);
    height: 100%;
    top: 0;
    bottom: 0;
  }
}

@media (max-width: 768px) {
  body.contact #map {
    height: 600px;
  }
}

@media (min-width: 768px) {
  body.contact form textarea {
    height: 110px;
  }
}

body.kmo-schatter .main {
  height: 100vh;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: -15px;
}

@media (min-width: 1200px) {
  body.kmo-schatter .main {
    margin-top: 0;
  }
}

body.kmo-schatter .iframe-wrapper {
  width: 100%;
  height: 100%;
}

body.kmo-schatter .iframe-wrapper iframe {
  width: 100%;
  height: 100%;
}

body.kmo-schatter .page-footer {
  display: none;
}

@media (min-width: 768px) {
  body.u-zoekt form textarea {
    height: 97px;
  }
}

body.verkopen-verhuren main {
  padding-bottom: 0;
}

.page-wrap {
  position: relative;
  pointer-events: none;
}

.page-wrap > * {
  pointer-events: auto;
}

@media (min-width: 768px) {
  .page-wrap {
    min-height: 100vh;
    z-index: 2;
  }
}

.container {
  position: relative;
  max-width: 1710px;
  margin: 0 auto;
  padding: 0 20px;
}

@media (min-width: 1024px) {
  .container {
    padding-left: 120px;
    padding-right: 120px;
  }
}

@media (min-width: 1200px) {
  .container--wide {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (min-width: 1024px) {
  .larger--container--wide {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 1400px) {
  .larger--container--wide {
    padding-left: 60px;
    padding-right: 60px;
  }
}

.container--small {
  max-width: 720px;
}

.container--medium {
  max-width: 1200px;
}

@media (min-width: 768px) {
  .inner-container {
    margin: 0 8.2%;
  }
}

@media (max-width: 768px) {
  .container--wraps-inner-container {
    padding: 0;
  }
  .container--wraps-inner-container .inner-container {
    padding: 0 20px;
  }
}

.wf-loading {
  overflow: hidden;
}

.wf-loading body {
  visibility: hidden;
}

::selection {
  background-color: #ff8ccd;
  color: inherit;
}

/* =============================================================================
   HELPERS
   ========================================================================== */
.icon {
  display: inline-block;
  vertical-align: middle;
  transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
}

.icon-hamburger,
.icon-hamburger:before,
.icon-hamburger:after {
  width: 24px;
  position: absolute;
  left: 0;
  height: 1px;
  border-top: 3px solid #15183D;
  transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
}

.icon-hamburger {
  position: relative;
  transition: transform 0.2s ease-out;
}

.icon-hamburger:before, .icon-hamburger:after {
  content: "";
  margin-left: 0;
}

.icon-hamburger:before {
  margin-top: 3px;
}

.icon-hamburger:after {
  margin-top: 9px;
}

.icon-hamburger.close {
  -ms-transform: skewX(-10deg);
  transform: skewX(-10deg);
}

.gm-style img {
  max-width: inherit;
}

.video-container {
  position: relative;
  padding: 0 0 56.25%;
  height: 0;
  overflow: hidden;
  margin: 0 0 15px;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.equal-h {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.equal-h > * {
  display: -ms-flexbox;
  display: flex;
}

.equal-h:before, .equal-h:after {
  display: none;
}

html.no-flexbox .equal-h {
  height: 100%;
}

html.no-flexbox .equal-h > div {
  float: left;
}

.block-link {
  position: relative;
  cursor: pointer;
}

.block-link__target:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

img {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* =============================================================================
   HEADER
   ========================================================================== */
.page-header {
  *zoom: 1;
  padding: 15px 0px;
  background-color: white;
  border-bottom: 0.5px solid #e5e5e5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  max-height: 100vh;
  transition: all 0.2s ease-in;
}

.page-header:before, .page-header:after {
  display: table;
  content: " ";
}

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

@media (min-width: 1200px) {
  .page-header {
    padding: 0;
    overflow: visible;
  }
}

.page-header__logo {
  text-decoration: none;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.4s ease-out;
}

.page-header__logo img {
  display: inline-block;
  margin: 0 0 0 5px;
}

@media (min-width: 1370px) {
  .page-header__logo img {
    margin: 0 13px;
  }
}

.page-header__logo .page-header__logo-img {
  width: 30px;
  transition: all 0.4s cubic-bezier(0.26, 0.54, 0.48, 1);
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
}

@media (min-width: 1200px) {
  .page-header__logo .page-header__logo-img {
    left: -20px;
  }
}

@media (min-width: 1120px) {
  .page-header__logo .page-header__logo-img {
    left: 0;
  }
}

@media (min-width: 1200px) {
  .page-header__logo .page-header__logo-img {
    width: 45px;
  }
}

.page-header__logo .page-header__logo-image {
  width: 250px;
}

.page-header__logo .page-header__logo-text {
  width: 126px;
  transition: all 0.4s cubic-bezier(0.26, 0.54, 0.48, 1);
  transition-property: top, left;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
}

.page-header__logo:hover, .page-header__logo:focus {
  opacity: 0.8;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media (min-width: 1200px) {
  .page-header__logo {
    position: absolute;
    left: 50%;
    top: 25px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .page-header__logo .page-header__logo-text {
    display: none;
  }
}

@media (min-width: 1120px) {
  .page-header__logo .page-header__logo-text {
    display: inline-block;
    width: 100px;
  }
}

@media (min-width: 1370px) {
  .page-header__logo {
    top: 29px;
  }
  .page-header__logo .page-header__logo-text {
    width: 192px;
  }
}

.page-header__logo--dark {
  display: block;
}

.page-header__logo--white {
  display: none;
}

.main-nav {
  text-transform: uppercase;
  font-family: 'Roboto', Arial, Verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  color: #15183D;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
}

.main-nav a {
  text-decoration: none;
  color: #14173c;
  opacity: 0.58;
  padding: 12px 15px;
  display: block;
  border-top: 1px solid #e5e5e5;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  font-size: 14px;
}

@media (min-width: 1025px) {
  .main-nav a {
    border-bottom: 0;
  }
}

.main-nav a:not(.button):hover,
.main-nav a:not(.button):focus,
.main-nav li.active a {
  background-color: rgba(21, 24, 61, 0.05);
}

@media (min-width: 1025px) {
  .main-nav a:not(.button):hover,
  .main-nav a:not(.button):focus,
  .main-nav li.active a {
    border-bottom: 0;
    background-color: transparent;
  }
}

.main-nav li {
  position: relative;
}

@media (min-width: 1025px) {
  .main-nav {
    margin: 0;
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .main-nav li:not(.main-nav__left) {
    float: right;
    margin: 0 0 0 20px;
    height: 100px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .main-nav li:not(.main-nav__right) {
    float: left;
    height: 100px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .main-nav a:not(.button) {
    padding: 0;
    vertical-align: middle;
    line-height: 94px;
  }
  .main-nav a.button {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 4px;
    margin-top: 34px;
    opacity: 1;
  }
}

@media (min-width: 1120px) {
  .main-nav {
    padding-left: 0;
  }
}

@media (min-width: 1400px) {
  .main-nav li:not(.main-nav__left) {
    margin: 0 0 0 25px;
  }
}

@media (min-width: 1370px) {
  .main-nav {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .main-nav a.button {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 4px;
    margin-top: 34px;
    opacity: 1;
  }
}

.main-nav__link-notification {
  color: #fff;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: 32%;
  z-index: -1;
  font-variant: lining-nums;
  height: 18px;
  width: 18px;
  font-size: 13px;
  right: 10px;
  line-height: 13px;
  background-color: #F20088;
  font-family: 'Roboto', Arial, Verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 300;
  font-variant: lining-nums;
  font-weight: 700;
}

@media (min-width: 1025px) {
  .main-nav__link-notification {
    height: 16px;
    width: 16px;
    line-height: 16px;
    font-size: 10px;
    right: -16px;
  }
}

@media (min-width: 1680px) {
  .main-nav__link-notification {
    height: 18px;
    width: 18px;
    font-size: 10px;
    right: -21px;
    line-height: 18px;
  }
}

.main-nav__left {
  margin: 0;
}

.main-nav__left li {
  position: relative;
}

.main-nav__left li:before {
  content: "";
  background-image: url("../images/nav-underline.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 35px;
  left: 0;
  height: 3px;
  width: 0%;
  transition: 0.5s ease-in-out;
}

@media (min-width: 1024px) {
  .main-nav__left li:hover:before, .main-nav__left li.active:before {
    width: 100%;
  }
}

.main-nav__left > ul {
  margin: 0;
}

@media (min-width: 1025px) {
  .main-nav__left li:first-of-type {
    margin-left: 20px !important;
  }
}

@media (min-width: 1025px) {
  .main-nav__left {
    float: left;
  }
}

.main-nav__right {
  margin: 0;
}

.main-nav__right li:not(:last-of-type) {
  position: relative;
}

@media (min-width: 1024px) {
  .main-nav__right li:not(:last-of-type):before {
    content: "";
    background-image: url("../images/nav-underline.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 35px;
    left: 0;
    height: 3px;
    width: 0%;
    transition: 0.5s ease-in-out;
  }
}

.main-nav__right li:not(:last-of-type):hover:before, .main-nav__right li:not(:last-of-type).active:before {
  width: 100%;
}

.main-nav__right > ul {
  margin: 0;
}

@media (min-width: 1025px) {
  .main-nav__right {
    float: left;
    text-align: right;
  }
}

@media (min-width: 1120px) {
  .main-nav__right {
    float: right;
  }
}

.main-nav__trigger {
  display: block;
  padding: 12px 20px 12px 55px;
  background-color: transparent;
  color: #000000;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: -5px;
  right: 20px;
  border: 0;
}

.main-nav__trigger .icon-hamburger {
  position: absolute;
  left: 10px;
  top: 18px;
}

.main-nav__trigger:hover, .main-nav__trigger:focus {
  background-color: transparent;
  box-shadow: none;
  color: #15183D;
}

.main-nav__trigger:active {
  -ms-transform: none;
  transform: none;
}

@media (min-width: 1200px) {
  .main-nav__trigger {
    display: none;
  }
}

.main-nav__wrap {
  display: none;
  margin: 30px 0 15px;
}

@media (min-width: 1200px) {
  .main-nav__wrap {
    margin: 0 0 0 -20px;
    display: block;
  }
}

.skip-link {
  left: -999px;
  position: absolute;
  top: auto;
  overflow: hidden;
  z-index: -999;
  white-space: nowrap;
}

.skip-link:focus {
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
  padding: 0.5em 1em;
  font-size: 20px;
  font-size: 2rem;
}

.vpadding {
  padding-top: 30px;
  padding-bottom: 30px;
}

.vpadding--large {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 768px) {
  .vpadding--large {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .vpadding--large {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.vpadding-small {
  padding-top: 15px;
  padding-bottom: 15px;
}

.vpadding-medium {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .vpadding-medium-small {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

/* =============================================================================
   MAIN
   ========================================================================== */
.main {
  padding: 64px 0 20px 0;
  pointer-events: none;
}

.main > * {
  pointer-events: auto;
}

@media (min-width: 1200px) {
  .main {
    padding: 100px 0 430px;
  }
}

.contact-details .strong {
  font-family: roboto, sans-serif !important;
  font-weight: 700;
  font-style: normal;
  font-weight: 600;
  color: #15183D;
}

.contact-details p.strong {
  font-size: 18px;
  font-size: 1.8rem;
  padding-bottom: 10px;
  border-bottom: 0.5px solid #B2B2B2;
}

.contact-details__addresses {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 0.5px solid #B2B2B2;
}

.contact-details__addresses-item {
  margin-bottom: 10px;
}

@media (min-width: 1680px) {
  .contact-details__addresses-item {
    width: calc(50% - 12.5px);
    float: left;
    margin-bottom: 0;
  }
  .contact-details__addresses-item:nth-of-type(1) {
    margin-right: 12px;
  }
  .contact-details__addresses-item:nth-of-type(2) {
    margin-left: 13px;
  }
}

@media (min-width: 1200px) {
  .contact-details__contact-item {
    width: calc(50% - 12.5px);
    float: left;
    margin-bottom: 0;
  }
  .contact-details__contact-item:nth-of-type(1) {
    margin-right: 12px;
  }
  .contact-details__contact-item:nth-of-type(2) {
    margin-left: 13px;
  }
}

.relative-pos {
  position: relative;
}

/* =============================================================================
   FOOTER
   ========================================================================== */
.page-footer {
  position: relative;
  color: #fff;
  overflow: hidden;
}

.page-footer > .container .inner-container {
  border-top: 1px solid #15183D;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.page-footer p {
  line-height: 1.2em;
}

.page-footer p.strong {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: roboto, sans-serif !important;
  font-weight: 700;
  font-style: normal;
  font-weight: 900;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

@media (min-width: 1200px) {
  .page-footer p.strong {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
  }
}

.page-footer a {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}

.page-footer .grid, .page-footer .grid--rev, .page-footer .grid--full, .page-footer .grid--g30, .page-footer .grid--g40, .page-footer .grid--g80 {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .page-footer {
    margin: -250px 0 0;
    z-index: 2;
  }
}

.page-footer .footer-container {
  background-image: url("../images/footer-bg-dark.png");
  background-size: cover;
  padding: 35px 60px;
  margin: 0 4.2%;
}

.page-footer:before {
  content: "";
  left: 0;
  top: 25px;
  bottom: 0;
  z-index: -1;
  width: 100%;
  background-size: cover;
  height: 100%;
  position: absolute;
  background-image: url("../images/footer.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.page-footer__bottom {
  color: #fff;
  text-align: center;
  margin-top: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  position: relative;
}

@media (min-width: 768px) {
  .page-footer__bottom > .container {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media (min-width: 768px) {
  .page-footer__bottom {
    height: 50px;
  }
}

.page-footer__bottom a {
  color: #fff;
  font-weight: 400;
}

.footer-references {
  max-width: 300px;
}

@media (max-width: 768px) {
  .footer-references p {
    margin-bottom: 20px;
  }
}

.footer-nav {
  list-style-type: none;
  margin: 0;
}

.footer-nav a {
  text-decoration: none;
  font-family: roboto, sans-serif !important;
  font-weight: 700;
  font-style: normal;
  font-weight: 600;
}

.footer-nav a:hover {
  text-decoration: underline;
}

.footer-nav li {
  text-transform: uppercase;
  margin-bottom: 15px;
}

.footer-addresses__item {
  margin-bottom: 10px;
  position: relative;
}

@media (max-width: 768px) {
  .footer-addresses__item {
    margin-bottom: 20px;
  }
}

.footer-addresses__item-contact {
  float: left;
}

@media (min-width: 1024px) {
  .footer-addresses__item-contact {
    float: right;
  }
}

@media (min-width: 1200px) {
  .footer-contact__item {
    width: calc(50% - 12.5px);
    float: left;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) and (min-width: 1680px) {
  .footer-contact__item {
    width: calc(40% - 12.5px);
  }
}

@media (min-width: 1200px) {
  .footer-contact__item:nth-of-type(1) {
    margin-right: 12px;
  }
  .footer-contact__item:nth-of-type(2) {
    margin-left: 13px;
  }
}

.footer-social {
  position: absolute;
  top: 100px;
}

.footer-social .facebook {
  margin-left: 0px;
}

@media (min-width: 768px) {
  .footer-social {
    right: 50px;
  }
}

.footer-social a {
  padding-right: 10px;
}

.footer-social a:hover {
  text-decoration: none;
}

.footer-social a:last-of-type {
  padding-right: 0px;
}

.footer-social-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.footer-sitemap {
  text-align: center;
  width: 100%;
  font-size: 10px;
  text-decoration: underline;
}

a.esign {
  width: 80px;
  height: 20px;
  background-image: url("../images/logo-esign-white.svg");
  background-size: 77px 20px;
  background-repeat: no-repeat;
  background-position: top left;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  text-indent: -9999px;
  opacity: 0.6;
  transition-duration: 0.5s;
  display: block;
  outline: 0;
  z-index: 9999;
}

a.esign:hover, a.esign:focus {
  opacity: 1;
}

@media (max-width: 768px) {
  a.esign {
    margin-top: 15px;
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) {
  a.esign {
    width: 16px;
    position: absolute;
    top: 80%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 45px;
  }
  a.esign:hover, a.esign:focus {
    opacity: 1;
    width: 80px;
  }
}

.page-footer__signature {
  width: 120px;
  height: 20px;
  background-image: url("../images/logo-dynamate-white.svg");
  background-size: 120px 20px;
  background-repeat: no-repeat;
  background-position: top left;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  text-indent: -9999px;
  opacity: 0.6;
  transition-duration: 0.5s;
  display: block;
  outline: 0;
  z-index: 9999;
  margin: 0 auto 10px auto;
}

.page-footer__signature:hover, .page-footer__signature:focus {
  opacity: 1;
}

@media (min-width: 768px) {
  .page-footer__signature {
    margin-bottom: 0;
    width: 30px;
    position: absolute;
    right: 45px;
    bottom: -0.5em;
  }
  .page-footer__signature:hover, .page-footer__signature:focus {
    opacity: 1;
    width: 125px;
  }
}

/* =============================================================================
   COMPONENTS
   ========================================================================== */
.large {
  font-size: 20px;
  font-size: 2rem;
}

.center-block {
  *zoom: 1;
  text-align: center;
  margin: 20px 0;
}

.center-block:before, .center-block:after {
  display: table;
  content: " ";
}

.center-block:after {
  clear: both;
}

.center-block .button {
  float: none;
  display: inline-block;
}

section {
  position: relative;
}

article {
  *zoom: 1;
  margin: 0 0 20px;
}

article:before, article:after {
  display: table;
  content: " ";
}

article:after {
  clear: both;
}

article a img {
  display: block;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

article a:hover img, article a:focus img {
  opacity: 0.8;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.article-detail__image {
  margin-bottom: 1.5em;
}

.box {
  *zoom: 1;
  margin: 0 0 20px;
  padding: 15px 20px;
  background: #efefef;
}

.box:before, .box:after {
  display: table;
  content: " ";
}

.box:after {
  clear: both;
}

.box ul,
.box p {
  margin-bottom: 1em;
}

.box.success {
  color: #39963a;
  background-color: #eff9ef;
}

.box.error {
  color: #f1062c;
  background-color: #fff7f8;
}

.box:after {
  margin-top: -1em;
}

.note {
  *zoom: 1;
  margin: 0 0 20px;
  padding: 15px 20px;
  background: #efefef;
}

.note:before, .note:after {
  display: table;
  content: " ";
}

.note:after {
  clear: both;
}

.note ul,
.note p {
  margin-bottom: 1em;
}

.note--success {
  color: #39963a;
  background-color: #eff9ef;
}

.note--error {
  color: #f1062c;
  background-color: #fff7f8;
}

.cycle-slideshow {
  width: 100%;
  position: relative;
}

.cycle-pager {
  width: 100%;
  text-align: center;
}

.cycle-pager span {
  display: inline-block;
  margin: 0 3px;
  font-size: 36px;
  height: 20px;
  width: 20px;
  line-height: 14px;
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 20px;
  color: #fff;
  overflow: hidden;
  text-indent: -500px;
  transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
}

.cycle-pager span:hover, .cycle-pager span:focus {
  transition: none;
}

.cycle-pager span:hover,
.cycle-pager span:focus,
.cycle-pager .cycle-pager-active {
  text-indent: 0;
}

.map {
  width: 100%;
  height: 350px;
  background: #efefef;
  margin: 0 0 20px;
}

@media (min-width: 768px) {
  .map {
    height: 550px;
  }
}

.social {
  *zoom: 1;
  list-style: none;
  margin: 0 0 2em -5px;
}

.social:before, .social:after {
  display: table;
  content: " ";
}

.social:after {
  clear: both;
}

.social__item {
  padding: 0 0 5px 5px;
  float: left;
}

.social__link {
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: block;
  border-radius: 40px;
  background-color: #15183D;
  text-decoration: none;
  text-align: center;
  overflow: hidden;
}

.social__link--facebook {
  background-color: #3c5b9b;
}

.social__link--facebook:hover, .social__link--facebook:focus {
  background-color: #314a7e;
}

.social__link--twitter {
  background-color: #2daae1;
}

.social__link--twitter:hover, .social__link--twitter:focus {
  background-color: #1d94c9;
}

.social__link--pinterest {
  background-color: #cb2027;
}

.social__link--pinterest:hover, .social__link--pinterest:focus {
  background-color: #a81a20;
}

.social__link--linkedin {
  background-color: #0173b2;
}

.social__link--linkedin:hover, .social__link--linkedin:focus {
  background-color: #015989;
}

@media (max-width: 768px) {
  .hide-mobile {
    display: none;
  }
}

@media (min-width: 768px) {
  .show-mobile {
    display: none;
  }
}

ul .strong {
  color: #000000;
  font-weight: 600;
}

ul.extra-line-height li {
  line-height: 2em;
}

span.strong {
  color: #000000;
  font-weight: 600;
}

@media (min-width: 768px) {
  .columns-2 {
    column-count: 2;
  }
}

.visual {
  margin-bottom: 25px;
  position: relative;
}

.visual--no-mb {
  margin-bottom: 0;
}

.visual-ratio {
  height: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 66.66%;
}

.visual--broker {
  max-width: 220px;
  margin-bottom: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 20%;
}

@media (max-width: 768px) {
  .visual--broker {
    height: 200px;
    width: 30%;
  }
}

@media (min-width: 768px) {
  .visual--article {
    padding-top: 40%;
  }
}

@media (max-width: 768px) {
  .visual--mobile-max-400 {
    max-width: 400px;
  }
}

.visual-ratio--fullscreen-photo {
  padding-top: 41.66%;
}

.visual-ratio--squared {
  padding-top: 100%;
}

.no-wrap {
  white-space: nowrap;
}

.visual-ratio--about-kmo-fullscreen {
  background-image: url("../images/over-ons-2022.jpg");
}

@media (max-width: 768px) {
  .visual-ratio--about-kmo-fullscreen {
    padding-top: 70%;
  }
}

@media (min-width: 350px) {
  .visual-ratio--about-kmo-fullscreen {
    padding-top: 41.66%;
  }
}

.visual-ratio--about-kmo {
  background-image: url("../images/over-kmo-vastgoed-mobile.jpg");
}

@media (min-width: 768px) {
  .visual-ratio--about-kmo {
    background-image: url("../images/over-kmo-vastgoed.jpg");
  }
}

.visual-ratio--kmo-overnames {
  background-image: url("../images/overnames-hero.png");
}

.overnames-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.overnames-wrapper .visual-ratio--fullscreen-photo {
  padding-top: 70%;
}

@media (min-width: 768px) {
  .overnames-wrapper .visual-ratio--fullscreen-photo {
    padding-top: 41.66%;
  }
}

.overnames__body {
  position: absolute;
  bottom: 10%;
  left: 0;
  max-width: 55%;
  padding-left: 20px;
  margin-left: 20px;
}

@media (min-width: 768px) {
  .overnames__body {
    max-width: 45%;
  }
}

@media (min-width: 1024px) {
  .overnames__body {
    padding-left: 50px;
  }
}

.overnames__type-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.overnames__type-title h2 {
  text-transform: uppercase;
  margin-bottom: 0px;
  position: relative;
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
}

@media screen and (min-width: 768px) {
  .overnames__type-title h2 {
    font-size: calc( 22px + 16 * (100vw - 768px) / 256);
  }
}

@media screen and (min-width: 1024px) {
  .overnames__type-title h2 {
    font-size: 38px;
  }
}

.overnames__type-title h2:before {
  content: "";
  background-image: url("../images/nav-underline.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 35px;
  left: 0;
  height: 3px;
  width: 0%;
  transition: 0.5s ease-in-out;
  width: 75%;
  height: 5px;
  bottom: -10px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  .overnames__type-title h2:before {
    bottom: -5px;
  }
}

.overnames__type-icons .overnames__icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 50%;
  position: relative;
}

.overnames__type-icons .overnames__icon:hover .overnames__icon-title {
  text-decoration: underline;
}

.overnames__type-icons a {
  text-decoration: none;
}

.overnames__type-icons .overnames__icon-title {
  padding-top: 20px;
  color: #15183D;
  font-size: 15px;
  font-weight: 500;
}

@media (min-width: 768px) {
  .overnames__type-icons .overnames__icon-title {
    font-size: 20px;
  }
}

.overnames__type-icons .overnames__icon-image img {
  width: 70px;
}

@media (min-width: 768px) {
  .overnames__type-icons .overnames__icon-image img {
    width: 100px;
  }
}

.overnames__type-icons .overnames__icon:nth-of-type(3) {
  padding-top: 40px;
}

.overnames__type-icons .overnames__icon:nth-of-type(4) {
  padding-top: 40px;
}

@media (min-width: 768px) {
  .overnames__type-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .overnames__type-icons .overnames__icon:nth-of-type(3) {
    padding-top: 0px;
  }
  .overnames__type-icons .overnames__icon:nth-of-type(4) {
    padding-top: 0px;
  }
}

.overnames__type-icons .overnames__link {
  height: 100%;
  width: 50%;
  position: absolute;
}

.overnames__type-icons div:nth-of-type(4) img {
  width: 70px;
  margin-top: 12px;
}

@media (min-width: 768px) {
  .overnames__type-icons div:nth-of-type(4) img {
    width: 110px;
  }
}

.overnames__title h1 {
  margin-bottom: 0px;
  font-family: roboto, sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #fff;
  font-size: 25px;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .overnames__title h1 {
    font-size: calc( 25px + 3 * (100vw - 768px) / 0);
  }
}

@media screen and (min-width: 768px) {
  .overnames__title h1 {
    font-size: 28px;
  }
}

@media (min-width: 1024px) {
  .overnames__title h1 {
    margin-left: 0px;
    font-size: 42px;
  }
}

.overnames__title strong {
  position: relative;
  color: #fff;
  display: inline-block;
  z-index: 2;
  text-decoration: underline;
}

.overnames__title strong:before {
  display: block;
  position: absolute;
  content: "";
  left: -0.75em;
  right: -0.4em;
  top: 0;
  bottom: -0.2em;
  background-image: url("../images/brush-pink.svg");
  background-size: cover;
  z-index: -1;
}

.overnames__title strong:before {
  left: -0.25em;
  right: -0.2em;
  top: 0.1em;
  bottom: -0.3em;
}

.overnames__clients-title {
  padding-bottom: 50px;
}

.overnames__clients-title h2 {
  text-align: center;
  max-width: 20ch;
  margin: 0 auto;
  font-family: roboto, sans-serif;
  font-weight: 900;
  font-style: normal;
}

@media (max-width: 768px) {
  .overnames__clients-title h2 {
    font-size: 30px;
  }
}

.overnames__desc {
  padding-top: 20px;
  color: #14173C;
  font-weight: 500;
  font-size: 16px;
  max-width: 60ch;
  display: none;
}

@media screen and (min-width: 768px) {
  .overnames__desc {
    font-size: calc( 16px + 4 * (100vw - 768px) / 256);
  }
}

@media screen and (min-width: 1024px) {
  .overnames__desc {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  .overnames__desc {
    display: block;
  }
}

@media (min-width: 1024px) {
  .overnames__desc {
    font-size: 20px;
    padding-top: 50px;
  }
}

.overnames__clients-card {
  box-shadow: -5px 6px 16px -1px rgba(0, 0, 0, 0.07);
  padding: 25px;
  height: 100%;
  position: relative;
}

.overnames__clients-card:hover .overnames__clients-button {
  background-color: #15183D;
  color: #fff;
}

.overnames__clients-quote {
  margin: 30px 0px;
  color: #15183D;
  font-size: 19px;
  font-weight: 400;
  font-style: italic;
  padding-bottom: 20px;
}

.overnames__clients-link {
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
}

.overnames__clients-button {
  color: #15183D;
  text-transform: uppercase;
  display: inline-block;
  border: 2px solid #15183D;
  padding: 12px 20px;
  font-weight: 400;
  font-size: 12px;
  position: absolute;
  bottom: 20px;
  left: 25px;
  transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
}

.visual-ratio--kmo-verkopen-verhuren {
  background-image: url("../images/kmo-fullscreen-atmosphere2-mobile.jpg");
}

@media (min-width: 768px) {
  .visual-ratio--kmo-verkopen-verhuren {
    background-image: url("../images/kmo-fullscreen-atmosphere2.jpg");
  }
}

.visual-ratio--haven {
  background-image: url("../images/haven-mobile.jpg");
}

@media (min-width: 768px) {
  .visual-ratio--haven {
    background-image: url("../images/haven.jpg");
  }
}

.visual-ratio--arne {
  background-image: url("../images/arne-barrezeele-mobile.jpg");
}

@media (min-width: 768px) {
  .visual-ratio--arne {
    background-image: url("../images/arne-barrezeele.jpg");
  }
}

.visual-ratio--olivier {
  background-image: url("../images/olivier-coppoy-mobile.jpg");
}

@media (min-width: 768px) {
  .visual-ratio--olivier {
    background-image: url("../images/olivier-coppoy.jpg");
  }
}

.mb20 {
  margin-bottom: 20px;
}

.vcenter {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.search-button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  padding: 10px;
  float: none;
  display: inline-block;
  vertical-align: middle;
  border-top: 0;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.box.error {
  color: red;
}

.box.error ul {
  list-style: square;
}

.hmodh-form legend {
  color: #15183D;
  margin-bottom: 15px;
}

.hmodh-form label {
  display: inline-block;
  margin: 0 0 0 5px;
}

.hmodh-form fieldset ul {
  margin-bottom: 0 !important;
}

.hmodh-form fieldset ul li {
  margin-bottom: 20px;
}

.dl-dotted {
  margin-bottom: 40px;
  position: relative;
}

.dl-dotted dt {
  color: #000000;
  float: left;
  clear: left;
  padding-right: 2px;
  margin-bottom: 1.2em;
  line-height: 1.4em;
  background-color: white;
}

.dl-dotted dt:after {
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -0.4em;
  background-image: linear-gradient(to right, #333 10%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 5px 1px;
  background-repeat: repeat-x;
  height: 1px;
}

.dl-dotted dd {
  color: #777777;
  float: right;
  padding-left: 2px;
  margin-bottom: 1.2em;
  line-height: 1.4em;
  background-color: white;
}

/* EPC label (energy performance color flags) – straight left edge, right-pointing chevron */
.epc-label {
  display: inline-block;
  padding: 0.25em 0.75em 0.25em 0.6em;
  font-weight: bold;
  color: #fff;
  vertical-align: middle;
  clip-path: polygon(0 0, 82% 0, 100% 50%, 82% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 82% 0, 100% 50%, 82% 100%, 0 100%);
  /* Belgian EPC scale: dark green (A+) → red (F) */
}

.epc-label--a-plus {
  background-color: #006B3D;
}

.epc-label--a {
  background-color: #008C4A;
}

.epc-label--b {
  background-color: #8DC63F;
}

.epc-label--c {
  background-color: #FFCC00;
}

.epc-label--d {
  background-color: #F5A623;
}

.epc-label--e {
  background-color: #E85D04;
}

.epc-label--f {
  background-color: #D2232A;
}

/*============================================================================
  #Cookie consent
==============================================================================*/
div[aria-label="cookieconsent"] {
  z-index: 1000000000;
  padding: 20px !important;
  max-width: 40em !important;
  width: calc(100% - 40px) !important;
  left: 20px !important;
  bottom: 20px !important;
  box-shadow: 0px 0px 48px 5px rgba(1, 81, 131, 0.1);
}

@media (min-width: 1024px) {
  div[aria-label="cookieconsent"] {
    left: 40px !important;
    bottom: 40px !important;
    display: block;
  }
}

div[aria-label="cookieconsent"] .cc-message {
  font-size: 12px;
}

@media (min-width: 1024px) {
  div[aria-label="cookieconsent"] .cc-message {
    font-size: 14px;
    display: inline-block;
    padding-right: 55px;
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  div[aria-label="cookieconsent"] .cc-compliance {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    right: 1.5em;
  }
}

div[aria-label="cookieconsent"] .cc-compliance a:hover {
  background-color: #fff;
  color: #000000;
}

ul.categories {
  list-style: none;
  *zoom: 1;
  margin: 0 0 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
}

ul.categories:before, ul.categories:after {
  display: table;
  content: " ";
}

ul.categories:after {
  clear: both;
}

@media (min-width: 1024px) {
  ul.categories {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

ul.categories .button {
  border: 2px solid #14173C;
}

ul.categories .button__news {
  font-size: 15px;
  font-weight: 500;
}

ul.categories .button:hover {
  color: #fff;
  text-decoration: none;
}

ul.categories li {
  margin-right: 10px;
  width: 100%;
}

@media (min-width: 1024px) {
  ul.categories li {
    width: auto;
  }
}

ul.categories li:last-of-type {
  margin-right: 0;
}

ul.categories a {
  text-transform: uppercase;
  font-weight: 500;
  width: 100%;
}

@media (min-width: 1024px) {
  ul.categories a {
    width: auto;
  }
}

@media (min-width: 768px) {
  ul.categories {
    margin-bottom: 30px;
  }
}

.articles-block {
  padding: 20px;
}

@media (min-width: 768px) {
  .articles-block {
    padding: 40px;
  }
}

@media (min-width: 1200px) {
  .articles-block {
    padding: 75px 135px;
  }
}

.articles-list {
  margin-bottom: 0;
  padding-top: 50px;
}

.articles-list__item {
  margin-bottom: 20px;
}

.articles-list__item:last-of-type {
  margin-bottom: 0;
}

.intro__title {
  padding-top: 24px;
}

.intro__title h1 {
  font-size: 24px;
}

@media screen and (min-width: 768px) {
  .intro__title h1 {
    font-size: calc( 24px + 14 * (100vw - 768px) / 256);
  }
}

@media screen and (min-width: 1024px) {
  .intro__title h1 {
    font-size: 38px;
  }
}

.intro__title.intro__title--large {
  padding-top: 0px;
}

.intro__title.intro__title--large h1 {
  font-size: 28px;
}

@media screen and (min-width: 768px) {
  .intro__title.intro__title--large h1 {
    font-size: calc( 28px + 20 * (100vw - 768px) / 256);
  }
}

@media screen and (min-width: 1024px) {
  .intro__title.intro__title--large h1 {
    font-size: 48px;
  }
}

.intro__title.intro__title--large h1 span {
  color: #F20088;
}

.article-teaser {
  position: relative;
  *zoom: 1;
}

.article-teaser:before, .article-teaser:after {
  display: table;
  content: " ";
}

.article-teaser:after {
  clear: both;
}

.article-teaser a {
  text-decoration: none;
}

.article-teaser a:hover {
  text-decoration: none;
}

.article-teaser img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.article-teaser:before {
  content: "";
  float: left;
  height: 0;
  padding-top: 80%;
}

@media (min-width: 350px) {
  .article-teaser:before {
    padding-top: 66.66%;
  }
}

.article-teaser:hover .article-teaser__title {
  font-size: 22px;
  position: relative;
}

.article-teaser:hover .article-teaser__title:before {
  width: 100px;
}

.article-teaser .article-teaser__content {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #fff;
  overflow: hidden;
}

.article-teaser .article-teaser__content a {
  color: #fff;
}

.article-teaser .article-teaser__content a:hover, .article-teaser .article-teaser__content a:focus, .article-teaser .article-teaser__content a:active {
  color: #fff;
}

.article-teaser .article-teaser__content a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
}

.article-teaser .article-teaser__content a:hover:before {
  background-image: url("../images/swirl-hover.svg");
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-color: #14173c;
  opacity: 0.7;
}

.article-teaser .article-teaser__content:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/darken-bg.png");
  background-size: cover;
  z-index: -1;
}

@media (min-width: 768px) {
  .article-teaser .article-teaser__content {
    padding: 25px;
  }
}

.article-teaser .article-teaser__title {
  font-size: 18px;
  margin-bottom: 0;
  padding-bottom: 10px;
  position: relative;
  color: #fff;
  transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
}

@media (min-width: 768px) {
  .article-teaser .article-teaser__title {
    font-size: 20px;
  }
}

.article-teaser .article-teaser__title:before {
  content: "";
  background-image: url("../images/brush-pink.svg");
  background-size: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  width: 0px;
  z-index: 1;
}

.article-teaser__date,
.article-date {
  border: 2px solid #14173C;
  position: absolute;
  left: 10px;
  top: 10px;
  background-color: #fff;
  color: #000000;
  padding: 5px 15px;
  box-shadow: 6px 9px 15px -2px rgba(0, 0, 0, 0.3);
  font-weight: 700;
  font-size: 14px;
}

@media (min-width: 768px) {
  .article-teaser__date,
  .article-date {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .pagination {
    margin-right: 20px;
  }
}

@media (min-width: 1200px) {
  .pagination {
    margin-right: 115px;
  }
}

.pagination a {
  padding: 10px 15px;
  font-weight: 700;
  text-decoration: none;
  color: #B2B2B2;
  border: 1px solid #B2B2B2;
  margin-right: 5px;
}

.pagination a.active {
  color: #15183D;
  border: 1px solid #15183D;
  pointer-events: none;
}

.pagination a:hover {
  text-decoration: underline;
}

.pagination .arrow a {
  border: none;
}

article h1 {
  margin-bottom: 30px;
}

article h2 {
  font-size: 18px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  article h2 {
    font-size: calc( 18px + 18 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  article h2 {
    font-size: 36px;
  }
}

@media (min-width: 768px) {
  article h2 {
    margin-bottom: 30px;
  }
}

.article-author {
  font-weight: 700;
  color: #15183D;
  display: inline-block;
  margin-right: 15px;
}

.article-category {
  color: #15183D;
}

.article-category:focus, .article-category:active, .article-category:hover {
  color: #080917;
}

.cta-section {
  padding: 40px 0;
  font-weight: 800;
  color: #15183D;
  font-size: 20px;
}

.cta-section .button {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .cta-section {
    padding: 70px 0;
  }
}

.section--bg {
  background-color: #fbfbfb;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .section--bg {
    background-color: transparent;
    background-image: url("../images/section--bg.png");
    background-size: 100% 100%;
  }
}

.section--bg .block {
  padding: 20px 0px;
}

@media (max-width: 768px) {
  .section--bg .block h2 {
    margin-bottom: 40px;
  }
}

.section--padding-top100 {
  padding-top: 100px;
}

.section--bg-grey {
  position: relative;
}

.section--bg-grey-footer {
  position: relative;
}

.section--bg-grey-footer:after {
  content: "";
  position: absolute;
  background-color: #fbfbfb;
  height: 500px;
  left: 0;
  bottom: -500px;
  width: 100vw;
}

.section--bg-grey:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fbfbfb;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

/* =============================================================================
   PAGES
   ========================================================================== */
.hidden-visually {
  position: absolute;
  width: 1px !important;
  height: 1px !important;
  clip: rect(1px, 1px, 1px, 1px);
}

.page-hero {
  height: calc(100vh - 200px);
  position: relative;
  top: -20px;
  background-size: cover;
  background-position: center;
}

@media (min-width: 768px) {
  .page-hero {
    height: calc(100vh - 80px);
  }
}

.page-hero .page-hero__intro {
  padding-top: 30%;
}

@media (min-width: 768px) {
  .page-hero .page-hero__intro {
    padding-top: 40vh;
  }
}

@media (min-width: 1024px) {
  .page-hero .page-hero__intro {
    padding-top: 70vh;
  }
}

.page-hero .page-hero__intro--flex-end {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .page-hero .page-hero__intro--flex-end {
    -ms-flex-align: end;
    align-items: end;
  }
}

.page-hero .page-hero__title {
  font-family: roboto, sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #fff;
  font-weight: 700;
  font-size: 35px;
  line-height: 1.1em;
  max-width: 10ch;
}

@media (min-width: 768px) {
  .page-hero .page-hero__title {
    font-size: 40px;
  }
}

@media (min-width: 1200px) {
  .page-hero .page-hero__title {
    font-size: 48px;
  }
}

.page-hero .page-hero__title strong {
  position: relative;
  color: #fff;
  display: inline-block;
}

.page-hero .page-hero__title strong:before {
  display: block;
  position: absolute;
  content: "";
  left: -0.75em;
  right: -0.4em;
  top: 0;
  bottom: -0.2em;
  background-image: url("../images/brush-pink.svg");
  background-size: cover;
  z-index: -1;
}

.page-hero .page-hero__title--no-max-width {
  max-width: none;
}

.page-hero .page-hero__subtitle {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
  .page-hero .page-hero__subtitle {
    font-size: calc( 15px + 5 * (100vw - 768px) / 256);
  }
}

@media screen and (min-width: 1024px) {
  .page-hero .page-hero__subtitle {
    font-size: 20px;
  }
}

@media (min-width: 1024px) {
  .page-hero .page-hero__subtitle {
    margin-top: 0;
    text-align: right;
  }
}

.page-hero .page-hero__description {
  padding-top: 20px;
  color: #fff;
  font-family: roboto, sans-serif;
  font-weight: 500;
  font-style: normal;
  max-width: 30ch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 14.5px;
}

@media (min-width: 768px) {
  .page-hero .page-hero__description {
    max-width: 45ch;
  }
}

@media screen and (min-width: 768px) {
  .page-hero .page-hero__description {
    font-size: calc( 14.5px + 1.5 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .page-hero .page-hero__description {
    font-size: 16px;
  }
}

.page-hero .page-hero__description-phone {
  padding-left: 35px;
  font-size: 30px;
  font-weight: 600;
}

.page-hero .page-hero__description-phone a {
  color: #fff;
  text-decoration: underline;
}

.page-hero .page-hero__search {
  padding-top: 20px;
}

@media (min-width: 1024px) {
  .page-hero .page-hero__search {
    width: 100%;
  }
}

.page-hero__scroll-indicator {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 70px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  .page-hero__scroll-indicator {
    bottom: 40px;
  }
}

.page-hero__scroll-indicator:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  animation: fadeDown 2s infinite;
  animation-direction: alternate;
}

@keyframes fadeDown {
  0% {
    transform: translateX(-50%) translateY(-90%) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    opacity: 0.5;
  }
}

.page-hero__content {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
}

@media (max-width: 768px) {
  .page-hero__content {
    bottom: 50px;
  }
}

@media (min-width: 768px) {
  .page-hero__content {
    top: 62%;
  }
}

.page-hero__content ul li {
  vertical-align: middle;
  max-width: 540px;
}

@media (min-width: 768px) {
  .page-hero__content ul li {
    max-width: 100%;
  }
}

.page-hero__content a {
  text-decoration: none;
  line-height: 1.5em;
}

.slogan {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 15px;
}

@media (min-width: 350px) {
  .slogan br {
    display: none;
  }
}

@media (min-width: 768px) {
  .slogan {
    font-size: 20px;
  }
}

.mission {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  color: #14173C;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .mission {
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 70px;
    padding-bottom: 0px;
  }
}

.mission .mission__title {
  max-width: 45ch;
  display: inline-block;
}

@media (min-width: 768px) {
  .mission .mission__title {
    padding-right: 30px;
  }
}

.mission .mission__title h2 {
  margin-bottom: 0px;
  font-family: roboto, sans-serif;
  font-weight: 900;
  font-style: normal;
}

.mission .mission__title .h1 {
  font-size: 28px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .mission .mission__title .h1 {
    font-size: calc( 28px + 10 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .mission .mission__title .h1 {
    font-size: 38px;
  }
}

@media (min-width: 768px) {
  .mission .mission__title .h1 {
    text-align: right;
  }
}

.mission .mission__description {
  font-size: 16px;
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .mission .mission__description {
    font-size: calc( 16px + 2 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .mission .mission__description {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .mission .mission__description {
    margin-top: 0px;
  }
}

@media (min-width: 1024px) {
  .mission .mission__description {
    padding-left: 30px;
    padding-right: 100px;
  }
}

.mission .mission__description p {
  margin-bottom: 0px;
}

.text__description--blue {
  font-size: 14px;
  color: #15183D;
  position: relative;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .text__description--blue {
    font-size: calc( 14px + 6 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .text__description--blue {
    font-size: 20px;
  }
}

.text__description--blue p {
  line-height: 1.3em;
}

.text__description--large {
  font-size: 16px;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .text__description--large {
    font-size: calc( 16px + 4 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .text__description--large {
    font-size: 20px;
  }
}

.text__description--large p {
  line-height: 1.3em;
}

@media (min-width: 1200px) {
  .news__description {
    padding: 0px 292px;
  }
}

.news__description p {
  font-size: 17px;
}

@media screen and (min-width: 768px) {
  .news__description p {
    font-size: calc( 17px + 1 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .news__description p {
    font-size: 18px;
  }
}

.contact__description {
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  font-size: 17px;
}

@media screen and (min-width: 768px) {
  .contact__description {
    font-size: calc( 17px + 1 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .contact__description {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .contact__description {
    padding: 0px 250px;
  }
}

@media (min-width: 1200px) {
  .search__description {
    padding: 0px 360px;
  }
}

.title--swirl {
  position: relative;
  padding-bottom: 65px;
  text-align: center;
}

.title--swirl:before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("../images/swirl-title.svg");
  background-size: contain;
  height: 30px;
  width: 100px;
  z-index: -1;
  overflow: visible;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .title--swirl:before {
    bottom: 0;
  }
}

@media (min-width: 768px) {
  .title--swirl:before {
    height: 45px;
    width: 130px;
  }
}

.title--underlined {
  position: relative;
}

.title--underlined:before {
  content: "";
  background-image: url("../images/brush-pink.svg");
  background-size: 100px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 5px;
  width: 100px;
  z-index: 1;
}

.page-hero__type-filter {
  display: inline-block;
  width: 100%;
}

.page-hero__type-filter select {
  height: 45px;
}

@media (min-width: 768px) {
  .page-hero__type-filter {
    width: 257px;
  }
}

.page-hero__main-filter {
  display: inline-block;
  width: 100%;
  padding-right: 55px;
  position: relative;
}

.page-hero__main-filter input {
  height: 43px;
}

@media (min-width: 768px) {
  .page-hero__main-filter {
    width: 540px;
  }
}

.page-hero__main-filter-trigger {
  background-color: #15183D;
  position: absolute;
  right: -1px;
  top: -1px;
  padding: 10px;
  margin-bottom: 0;
  bottom: -1px;
}

.page-hero__main-filter-trigger .icon {
  transition: transform 0.2s ease-out;
}

.page-hero__main-filter-trigger:hover .icon {
  -ms-transform: rotate(15deg) scale(1.05);
  transform: rotate(15deg) scale(1.05);
}

.detailed-visual-link {
  text-align: center;
}

.detailed-visual-link:hover {
  text-decoration: none !important;
}

@media (min-width: 768px) {
  .detailed-visual-link:hover .detailed-visual__img {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .detailed-visual-link:hover .detailed-visual__overlay {
    opacity: 1;
  }
  .detailed-visual-link:hover .detailed-visual__text {
    opacity: 0;
    pointer-events: none;
  }
}

.detailed-visual {
  position: relative;
}

.detailed-visual:before {
  content: "";
  position: absolute;
  background-image: url("../images/verfkwast-transparant.png");
  background-size: 100% 100%;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.4s ease-out;
}

.detailed-visual:hover:before {
  opacity: 0.6;
}

.detailed-visual:after {
  content: "";
  position: absolute;
  background-color: black;
  opacity: 0;
  transition: opacity 0.4s ease-out;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.detailed-visual:hover:after {
  opacity: 0.3;
}

.property-detail .detailed-visual:hover {
  cursor: pointer;
}

.property-detail .detailed-visual:before, .property-detail .detailed-visual:after {
  content: none;
}

.detailed-visual__img-wrap {
  height: 0;
  padding-top: 68.75%;
  position: relative;
  overflow: hidden;
}

.detailed-visual__img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.2s ease-out;
}

.detailed-visual__overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  opacity: 0;
  z-index: 1;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.detailed-visual__overlay.sold {
  background-color: rgba(0, 0, 78, 0.4);
  opacity: 1;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.detailed-visual__overlay.sold span.sold {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .detailed-visual__overlay {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media (min-width: 1680px) {
  .detailed-visual__overlay {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.detailed-visual__overlay p {
  line-height: 1.2em;
  margin: 0;
  position: absolute;
  padding: 20px;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  white-space: nowrap;
  font-weight: 400;
  font-size: 16px;
}

.detailed-visual__overlay p .price {
  display: block;
  margin-bottom: 15px;
}

.detailed-visual__overlay p .type {
  display: block;
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 30px;
  text-transform: uppercase;
  position: relative;
}

.detailed-visual__overlay p .type:before {
  content: "";
  position: absolute;
  background-image: url("../images/small-swirl.svg");
  background-repeat: no-repeat;
  width: 50px;
  height: 20px;
  bottom: -30px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.new-items a {
  text-decoration: none;
}

.new-items h2 {
  padding-top: 30px;
  font-family: roboto, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 28px;
}

@media screen and (min-width: 768px) {
  .new-items h2 {
    font-size: calc( 28px + 10 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .new-items h2 {
    font-size: 38px;
  }
}

.new-items .detailed-visual-text:before {
  content: none;
}

.detailed-visual-text {
  background-color: #fff;
  position: relative;
  text-align: left;
  padding: 20px 0px;
}

@media (min-width: 768px) {
  .detailed-visual-text {
    text-align: center;
    padding: 20px 20px;
  }
}

.detailed-visual-text a {
  text-decoration: none;
}

@media (min-width: 768px) {
  .detailed-visual-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.detailed-visual-text .city {
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-right: 25px;
  color: #15183D;
  line-height: 1.3em;
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  .detailed-visual-text .city {
    font-size: calc( 16px + 3 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .detailed-visual-text .city {
    font-size: 19px;
  }
}

@media (max-width: 768px) {
  .detailed-visual-text .city {
    display: block;
    margin-bottom: 15px;
  }
}

.detailed-visual-text .detailed-visual-text__price {
  display: inline-block;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #15183D;
  line-height: 1.37em;
  text-transform: uppercase;
  font-family: roboto, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .detailed-visual-text .detailed-visual-text__price {
    font-size: calc( 14px + 4 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .detailed-visual-text .detailed-visual-text__price {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .detailed-visual-text .detailed-visual-text__price {
    display: block;
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .detailed-visual-text .detailed-visual-text__price {
    text-align: right;
  }
}

@media (max-width: 768px) {
  .detailed-visual-text .property-price {
    display: block;
  }
}

.detailed-visual-text:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 2px;
  width: 95%;
  background-color: #15183D;
  opacity: 0.58;
}

.detailed-visual__text {
  text-align: left;
  color: white;
  position: absolute;
  bottom: 0;
  background: rgba(21, 24, 61, 0.8);
  width: 100%;
  transition: opacity 0.2s ease-out;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 15px;
}

.detailed-visual__text .property-price {
  position: absolute;
  right: 15px;
  bottom: 10px;
}

@media (max-width: 768px) {
  .detailed-visual__text {
    padding-right: 115px;
  }
}

.detailed-visual__text .type {
  text-transform: lowercase;
  display: inline-block;
}

.detailed-visual__text .type::first-letter {
  text-transform: uppercase;
}

.detailed-visual__text ul {
  margin: 0;
}

.detailed-visual__text ul li {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 25px;
}

@media (min-width: 1680px) {
  .detailed-visual__text ul li {
    margin-right: 45px;
  }
}

.detailed-visual__text ul li.strong {
  color: #15183D;
  font-weight: 600;
}

.property-broker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .property-broker {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}

.cta-download-form {
  position: fixed;
  z-index: 9999;
  display: block;
  width: 100%;
  max-width: 530px;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-color: white;
  padding: 50px;
  box-shadow: 0px 0px 38px -2px rgba(0, 0, 0, 0.08);
  overflow: visible;
}

.cta-download-form .cta-download-close {
  width: 30px;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 8px;
  transition: transform 0.2s ease-out;
}

.cta-download-form .cta-download-close:hover {
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.cta-download-form .form-submit-line {
  margin-bottom: 30px;
}

.cta-download-form .form-submit-line .formErrorArrow {
  margin-top: -2px !important;
}

.cta-download-form .form-submit-line .formErrorContent {
  margin-left: 80% !important;
}

.detailed-visual__detail-main-picture {
  padding-top: calc((50% - 10px) * 0.6875 * 2 + 20px);
}

@media (max-width: 768px) {
  .button-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1024px) {
  .button-row {
    margin: 50px 0;
  }
}

.button-row .button {
  font-size: 18px;
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 10px 42px;
}

.block {
  margin: 35px 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .block {
    margin: 50px 0;
  }
}

@media (min-width: 1024px) {
  .block {
    margin: 75px 0;
  }
}

@media (min-width: 1680px) {
  .block {
    margin: 100px 0;
  }
}

.block--swirl {
  position: relative;
}

.block--swirl:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
}

@media (min-width: 768px) {
  .block--swirl:before {
    background-image: url("../images/swirl.svg");
    background-repeat: no-repeat;
    width: 190px;
    z-index: -1;
    height: 60px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}

.block--smaller {
  margin: 35px 0;
}

@media (min-width: 768px) {
  .block--smaller {
    margin: 40px 0;
  }
}

@media (min-width: 1680px) {
  .block--smaller {
    margin: 60px 0;
  }
}

.block--no-margin-bottom {
  margin-bottom: 0;
}

.block--no-margin-top {
  margin-top: 0;
}

.block-with-bg {
  padding: 35px 0;
}

@media (min-width: 768px) {
  .block-with-bg {
    padding: 50px 0;
  }
}

@media (min-width: 1024px) {
  .block-with-bg {
    padding: 75px 0;
  }
}

@media (min-width: 1680px) {
  .block-with-bg {
    padding: 100px 0;
  }
}

@media (max-width: 768px) {
  .block--mobile-gray-lighter {
    background-color: #F8F8F8;
  }
}

.block--white {
  background-color: #fff;
}

.block--gray-lighter {
  background-color: #F8F8F8;
}

.block--padding {
  padding: 60px 0;
}

@media (min-width: 1024px) {
  .block--padding {
    padding: 120px 0;
  }
}

.block--footer {
  padding: 60px 0;
}

@media (min-width: 768px) {
  .block--footer {
    padding-bottom: 430px;
  }
}

.rectpadding {
  padding: 18px 30px;
}

@media (min-width: 768px) {
  .rectpadding {
    padding: 30px 50px;
  }
}

@media (min-width: 1024px) {
  .rectpadding {
    padding: 48px 60px;
  }
}

@media (min-width: 1680px) {
  .rectpadding {
    padding: 65px 110px;
  }
}

@media (max-width: 768px) {
  .rectpadding--no-sides-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}

.extra-padding-right {
  padding-right: 27px;
}

@media (min-width: 768px) {
  .extra-padding-right {
    padding-right: 45px;
  }
}

@media (min-width: 1680px) {
  .extra-padding-right {
    padding-right: 70px;
  }
}

.extra-margin-top {
  margin-top: 20px !important;
}

@media (min-width: 1200px) {
  .extra-margin-top {
    margin-top: 40px !important;
  }
}

.extra-margin-vertical {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

@media (min-width: 1200px) {
  .extra-margin-vertical {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

.cards .rectpadding {
  width: 100%;
}

@media (min-width: 1024px) {
  .cards {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .cards .grid__item {
    display: -ms-flexbox;
    display: flex;
  }
}

.cards--centered {
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 1024px) {
  .cards--swirl {
    position: relative;
  }
  .cards--swirl:before {
    content: "";
    position: absolute;
    width: 75px;
    height: 27px;
    background: url("../images/card-swirl.svg");
    background-size: contain;
    background-repeat: no-repeat;
    left: calc(27.3% + 40px);
    top: 60%;
    -ms-transform: translateY(60%);
    transform: translateY(60%);
    z-index: 999999;
    display: none;
  }
}

@media (min-width: 1024px) and (min-width: 1680px) {
  .cards--swirl:before {
    left: calc(27.3% + 80px);
  }
}

@media (min-width: 1024px) and (min-width: 768px) {
  .cards--swirl:before {
    display: block;
  }
}

@media (min-width: 1024px) {
  .cards--swirl:after {
    content: "";
    position: absolute;
    width: 75px;
    height: 27px;
    background: url("../images/card-swirl.svg");
    background-size: contain;
    background-repeat: no-repeat;
    right: calc(24.3% + 40px);
    top: 60%;
    -ms-transform: translateY(60%);
    transform: translateY(60%);
    z-index: 999999;
    display: none;
  }
}

@media (min-width: 1024px) and (min-width: 768px) {
  .cards--swirl:after {
    display: block;
  }
}

.img-fill {
  width: 100%;
}

@media (max-width: 768px) {
  .img-fill {
    max-width: 450px;
  }
}

.logo-card {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.logo-card:before {
  content: "";
  position: absolute;
  top: 20px;
  left: -25px;
  width: 40%;
  bottom: 10px;
  background-image: url("../images/logo-image.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: grayscale(100%);
  opacity: 0.04;
}

@media (min-width: 768px) {
  .logo-card:before {
    left: -40px;
  }
}

.logo-card--big:before {
  left: auto;
  top: 10%;
  right: 5%;
  width: 57%;
}

@media (min-width: 768px) {
  .logo-card--big:before {
    left: -20%;
  }
}

.color-black {
  color: #000000;
  font-weight: 300;
}

.color-accent {
  color: #15183D;
}

.filters-outer-wrap {
  background-color: #fbfbfb;
}

@media (min-width: 768px) {
  .filters-outer-wrap {
    position: fixed;
    top: 64px;
    width: 100%;
    z-index: 2;
  }
}

@media (min-width: 1200px) {
  .filters-outer-wrap {
    top: 100px;
  }
}

.filters {
  margin: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .filters li {
    width: 25%;
    float: left;
  }
  .filters li:not(:first-of-type) > * {
    position: relative;
    left: -1px;
    width: calc(100% + 1px);
    right: 0;
  }
}

.filters select:focus {
  border-color: #e5e5e5;
}

.flex-row > .filter-wrap {
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
}

.flex-row > .filter-wrap:not(:first-of-type) > .select2 {
  position: relative;
  left: -1px;
  width: calc(100% + 1px) !important;
  right: 0;
}

.flex-row > .filter-wrap .select2 {
  width: 100% !important;
}

.properties-grid {
  min-height: 300px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 40px;
}

.properties-grid .grid__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.properties-grid a {
  text-decoration: none;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .properties-grid {
    width: 90%;
    left: 10%;
  }
}

.properties-cta {
  position: relative;
  height: 100%;
  padding: 30px 20px;
  border: 1px solid #15183D;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

.properties-cta h2 {
  font-size: 26px;
  margin: 0;
  padding-bottom: 25px;
}

@media screen and (min-width: 1200px) {
  .properties-cta h2 {
    font-size: calc( 26px + 10 * (100vw - 1200px) / 480);
  }
}

@media screen and (min-width: 1680px) {
  .properties-cta h2 {
    font-size: 36px;
  }
}

.properties-cta .button {
  float: none;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 27px;
}

.properties-cta .button:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .properties-cta {
    padding: 20px;
  }
}

@media (min-width: 1680px) {
  .properties-cta {
    gap: 40px;
  }
}

.properties-map {
  height: 400px;
  margin-left: 20px;
  position: relative;
}

@media (min-width: 768px) {
  .properties-map {
    padding-left: 20px;
    margin-left: 10%;
    height: 650px;
  }
}

.map-wrap {
  position: relative;
}

.map-wrap__legend {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background-color: white;
}

@media (min-width: 768px) {
  .map-wrap__legend {
    left: 40px;
  }
}

.map-wrap__legend span {
  margin-right: 15px;
  margin-bottom: 10px;
}

.legend {
  padding: 8px 14px;
  box-shadow: 10px 10px 18px 0px rgba(0, 0, 0, 0.42);
}

@media (min-width: 768px) {
  .legend {
    padding: 12px 25px;
  }
}

.legend div:first-of-type {
  padding-bottom: 18px;
}

.legend__sold {
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #000000;
}

#map {
  width: 100%;
  height: 100%;
}

.flex-list {
  list-style-type: none;
  margin: 0;
  position: relative;
}

@media (min-width: 768px) {
  .flex-list {
    display: -ms-flexbox;
    display: flex;
  }
}

.flex-list li {
  padding: 15px 0;
  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}

@media (min-width: 768px) {
  .flex-list li {
    padding: 15px;
    width: auto;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 0;
  }
  .flex-list li:last-of-type {
    border-right: 1px solid #e5e5e5;
  }
}

@media (min-width: 768px) {
  .flex-row {
    display: -ms-flexbox;
    display: flex;
  }
  .flex-row .spacer {
    margin: 0 10px;
  }
  .flex-row .grow {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

@media (min-width: 768px) {
  .flex-row--g20 > * {
    margin-left: 10px;
    margin-right: 10px;
  }
  .flex-row--g20 > *:first-child {
    margin-left: 0;
  }
  .flex-row--g20 > *:last-child {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .flex-row--g20-mobile > * {
    margin-bottom: 20px;
  }
}

@media (min-width: 350px) {
  .flex-row--small {
    display: -ms-flexbox;
    display: flex;
  }
  .flex-row--small .spacer {
    margin: 0 10px;
  }
  .flex-row--small .grow {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

@media (max-width: 768px) {
  .flex-row--also-mobile {
    display: -ms-flexbox;
    display: flex;
  }
  .flex-row--also-mobile .spacer {
    margin: 0 10px;
  }
  .flex-row--also-mobile .grow {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.form-submit-line {
  display: -ms-flexbox;
  display: flex;
}

.form-submit-line * {
  margin-top: 10px;
}

.form-submit-line .terms-text {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-top: 5px;
  position: relative;
  top: 5px;
}

@media (min-width: 1200px) {
  .form-submit-line .terms-text {
    padding-top: 0;
  }
}

ul.no-margin-bottom {
  margin-bottom: 0;
}

.sales-trajectory > li {
  float: left;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
}

@media (min-width: 1200px) {
  .sales-trajectory > li:last-of-type {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }
}

@media (min-width: 350px) {
  .sales-trajectory > li {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .sales-trajectory > li {
    width: 30%;
    margin-bottom: 60px;
  }
}

@media (min-width: 1200px) {
  .sales-trajectory > li {
    width: 25%;
    margin-bottom: 90px;
  }
}

.sales-trajectory .background-symbol {
  font-family: roboto, sans-serif !important;
  font-weight: 700;
  font-style: normal;
  font-variant: lining-nums;
  font-size: 110px;
  font-size: 11rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #F8F8F8;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width: 768px) {
  .sales-trajectory .background-symbol {
    font-size: 130px;
    font-size: 13rem;
  }
}

@media (min-width: 1024px) {
  .sales-trajectory .background-symbol {
    font-size: 170px;
    font-size: 17rem;
  }
}

@media (min-width: 1200px) {
  .sales-trajectory .background-symbol {
    font-size: 204px;
    font-size: 20.4rem;
  }
}

.background-symbol {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.background-symbol--number {
  font-family: roboto, sans-serif !important;
  font-weight: 700;
  font-style: normal;
  font-variant: lining-nums;
  font-size: 110px;
  font-size: 11rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #F8F8F8;
  top: 0.3em;
  left: -30px;
  width: 100%;
}

@media (min-width: 768px) {
  .background-symbol--number {
    font-size: 130px;
    font-size: 13rem;
  }
}

@media (min-width: 1024px) {
  .background-symbol--number {
    font-size: 170px;
    font-size: 17rem;
  }
}

@media (min-width: 1200px) {
  .background-symbol--number {
    font-size: 204px;
    font-size: 20.4rem;
  }
}

.number-item {
  padding-top: 20px;
  position: relative;
}

.sales-trajectory__text {
  display: block;
  height: 3em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 70%;
  font-size: 11px;
}

@media (min-width: 768px) {
  .sales-trajectory__text {
    font-size: 16px;
  }
}

.sales-trajectory__text:last-of-type {
  max-width: 100%;
}

.sales-trajectory__icon {
  height: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .sales-trajectory__icon {
    height: 90px;
  }
}

.person-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 1400px) {
  .person-grid {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.person-grid__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 50px;
}

@media (min-width: 768px) {
  .person-grid__container.medium--text-right {
    padding-right: 25px;
    padding-left: 0;
  }
}

@media (min-width: 1400px) {
  .person-grid__container.medium--text-right {
    padding-right: 40px;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .person-grid__container {
    padding-left: 25px;
  }
}

@media (min-width: 1400px) {
  .person-grid__container {
    margin-bottom: 80px;
    padding-left: 40px;
  }
}

.person-desc {
  display: inline-block;
  position: relative;
  color: #15183D;
  font-weight: 400;
  margin-top: 30px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.person-desc__bottom {
  font-size: 18px;
  margin-top: auto;
}

@media screen and (min-width: 768px) {
  .person-desc__bottom {
    font-size: calc( 18px + 1 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .person-desc__bottom {
    font-size: 19px;
  }
}

.person-desc__bottom .button {
  font-size: 16px;
  font-weight: 600;
}

.person-desc__bottom a {
  color: #15183D;
}

.person-desc__bottom a.unstyled, .person-desc__bottom a.search-bar-results__thumbs, .person-desc__bottom a.search-bar-results__buttons, .person-desc__bottom a.search-results-listing,
.person-desc__bottom a.search-results-properties {
  text-decoration: none;
}

.person-desc__bottom a.unstyled:hover, .person-desc__bottom a.search-bar-results__thumbs:hover, .person-desc__bottom a.search-bar-results__buttons:hover, .person-desc__bottom a.search-results-listing:hover,
.person-desc__bottom a.search-results-properties:hover {
  text-decoration: underline;
}

.person-desc__name {
  text-align: center;
}

@media (min-width: 1400px) {
  .person-desc__name {
    margin-bottom: 30px;
  }
}

.person-desc__body {
  text-align: justify;
  line-height: 1.7em;
}

.relative {
  position: relative;
}

.bg-white {
  background-color: #fff;
}

.no-wrap {
  white-space: nowrap;
}

@media (min-width: 768px) {
  .kmo-atmospheric:before {
    content: "";
    position: absolute;
    top: -50px;
    bottom: -50px;
    left: 0;
    right: 0;
    background-image: url("../images/kmo-fullscreen-atmosphere.jpg");
    background-size: cover;
    background-position: center;
  }
}

@media (min-width: 768px) and (min-width: 1024px) {
  .kmo-atmospheric:before {
    top: -75px;
    bottom: -75px;
  }
}

@media (min-width: 768px) and (min-width: 1680px) {
  .kmo-atmospheric:before {
    top: -100px;
    bottom: -100px;
  }
}

.kmo-atmospheric .logo-card {
  margin-bottom: 0;
}

.kmo-atmospheric p {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .kmo-atmospheric p {
    margin-bottom: 40px;
  }
}

.kmo-atmospheric-img {
  margin-bottom: 35px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .kmo-atmospheric-img {
    display: none;
  }
}

@media (min-width: 768px) {
  .big-padding-landscape {
    padding: 39px 60px;
  }
}

@media (min-width: 1024px) {
  .big-padding-landscape {
    padding: 66px 100px;
  }
}

@media (min-width: 1680px) {
  .big-padding-landscape {
    padding: 140px 210px;
  }
}

.mb50 {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .mb50 {
    margin-bottom: 30px;
  }
}

@media (min-width: 1024px) {
  .mb50 {
    margin-bottom: 40px;
  }
}

@media (min-width: 1680px) {
  .mb50 {
    margin-bottom: 50px;
  }
}

.subsection-title {
  color: #000000;
  font-weight: 600;
  margin-bottom: 15px;
}

.documents-list > li {
  padding-left: 42px;
  position: relative;
}

.documents-list > li:before {
  content: "";
  display: block;
  width: 21px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 3px;
  background-image: url("../images/icon-document.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.contact-form .grid, .contact-form .grid--rev, .contact-form .grid--full, .contact-form .grid--g30, .contact-form .grid--g40, .contact-form .grid--g80 {
  margin-bottom: 0;
}

.contact-form .submit {
  background-color: #15183D;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  padding: 6px 20px;
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  .contact-form .submit {
    font-size: calc( 16px + 2 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .contact-form .submit {
    font-size: 18px;
  }
}

.contact-form input,
.contact-form textarea,
.contact-form button,
.contact-form .button {
  margin-bottom: 20px;
}

.detail-broker-info {
  border: 1px solid #e5e5e5;
  max-width: 220px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
}

.detail-broker-info .detail-broker-info__content-wrap {
  display: block;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}

.detail-broker-info .detail-broker-info__content {
  display: inline-block;
  text-align: left;
}

.detail-broker-phone {
  font-size: 12px;
}

@media (min-width: 1680px) {
  .detail-broker-phone {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .detail-form-textarea {
    height: 80px;
  }
}

@media (min-width: 1680px) {
  .detail-form-textarea {
    height: 100px;
  }
}

@media (min-width: 1200px) {
  .detail-content-left {
    padding-right: 45px;
  }
}

@media (min-width: 1680px) {
  .detail-content-left {
    padding-right: 70px;
  }
}

@media (min-width: 768px) {
  .overnames-form-textarea {
    height: 110px;
  }
}

.next-to-title-fix {
  font-size: 18px;
  font-weight: 400;
  color: #15183D;
  line-height: 1.2em;
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .next-to-title-fix {
    font-size: calc( 18px + 2 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .next-to-title-fix {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .next-to-title-fix {
    margin-top: 0.2em;
  }
}

@media (min-width: 1680px) {
  .next-to-title-fix {
    margin-top: 0.6em;
  }
}

/* =============================================================================
   PRINT
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  @page {
    margin: 2cm 0.5cm 1cm;
  }
  html {
    font-size: 10px;
  }
  * {
    background-color: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .ir {
    text-indent: 0;
    overflow: visible;
    direction: inherit;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  .print-invisible {
    display: none;
  }
  .print-visible {
    display: block !important;
  }
  .contact-form {
    display: none;
  }
  .page-footer,
  .main-nav {
    display: none;
  }
  .medium--one-half {
    width: 50%;
  }
  .medium--two-thirds {
    width: 66.66%;
  }
  .medium--one-third {
    width: 33.33%;
  }
  .medium--three-quarters {
    width: 75%;
  }
  .medium--one-quarter {
    width: 25%;
  }
  .print-page-break-before {
    page-break-before: always;
  }
  .property-shortlist li {
    width: 100%;
    display: block;
    padding: 10px 0;
  }
  .property-shortlist li br {
    display: none;
  }
  .property-gallery {
    display: block !important;
  }
  .property-gallery__img {
    width: 33%;
    padding: 0 20px 20px;
    float: left;
    display: inline-block;
  }
  .dl-dotted .dt,
  .dl-dotted .dd {
    margin-bottom: 0.2em;
  }
  .visual-broker {
    width: 0;
    max-width: 0;
    display: none;
  }
  .detail-broker-info {
    width: 100%;
    max-width: 100%;
  }
}

/* Maps */
.iw-container {
  position: relative !important;
}

@media (min-width: 768px) {
  .iw-container {
    max-width: 286px !important;
    min-width: 250px !important;
  }
}

.iw-container .visual {
  padding-top: 46.8%;
}

.gm-style,
.gm-style-iw {
  width: 100% !important;
  top: 0 !important;
  left: 0 !important;
}

.gm-style-iw > div:first-of-type {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
}

.iw-content__inner {
  padding: 18px 18px 30px 18px;
  color: #000000;
  font-weight: 400;
}

.iw-content__title {
  color: #15183D;
  font-size: 14px;
  font-weight: 600;
}

/* search */
.search-bar-container {
  position: relative;
  z-index: 900;
}

.search-bar {
  position: relative;
  z-index: 500;
  width: 100%;
  background: #fff;
  padding: 10px 0;
  font-style: italic;
  margin-bottom: 6px;
}

.search-bar button:not(.search-bar__remove-btn):not(.search-bar__remove-label-btn) {
  height: 50px;
  width: auto;
  min-width: 0;
  border: 0;
  margin-top: 0;
  text-align: center;
  position: relative;
}

.search-bar button:not(.search-bar__remove-btn):not(.search-bar__remove-label-btn):hover, .search-bar button:not(.search-bar__remove-btn):not(.search-bar__remove-label-btn):focus {
  color: #666;
  background: 0;
}

.search-bar .filter-field {
  padding-right: 70px;
  padding-left: 20px;
  border: 0;
}

.search-bar .filter-field:focus {
  border-color: #e5e5e5;
}

@media (min-width: 768px) {
  .search-bar .filter-field {
    padding-left: 25px;
    padding-right: 80px;
  }
}

.search-bar:before {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 32px;
  height: 31px;
  background-image: url("../images/search-icon-accent.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .search-bar:before {
    right: 27px;
    top: 17px;
    width: 30px;
    height: 35px;
  }
}

.search-bar .custom-radio {
  margin-bottom: 0;
}

.search-bar.search-label-set input {
  cursor: default;
  pointer-events: none;
}

@media (min-width: 768px) {
  .search-bar {
    height: 65px;
    padding: 10px 0;
  }
  .search-bar button:not(.search-bar__remove-btn):not(.search-bar__remove-label-btn) {
    height: 100%;
    width: 75px;
  }
}

.search-bar__button {
  padding-top: 17px;
  padding-bottom: 16px;
  padding-left: 25px;
  text-align: left;
  color: #999;
  display: inline-block;
  transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
  position: relative;
}

@media (min-width: 1024px) {
  .search-bar__button {
    padding-top: 24px;
    padding-bottom: 0px;
  }
}

.search-bar__button:before {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 32px;
  height: 31px;
  background-image: url("../images/rocket.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .search-bar__button:before {
    right: 27px;
    top: 15px;
    width: 34px;
    height: 43px;
  }
}

.search-bar__button:hover {
  background-color: #15183D;
  color: #fff;
}

.search-bar-info {
  text-align: center;
  margin: 15px 0 0;
  font-size: 16px;
  font-size: 1.6rem;
}

.search-bar-info a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.search-bar-info a:hover, .search-bar-info a:focus {
  border-bottom-color: #fff;
}

.search-bar__remove-label-btn {
  background: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 12px;
  left: 80px;
  border: 1px solid #aaa;
  border-radius: 100%;
  min-width: inherit;
  line-height: 20px;
  display: none;
  background: #fff;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}

.search-bar__remove-label-btn i {
  margin: 2px 0 0 3px;
}

.search-bar__remove-label-btn:hover, .search-bar__remove-label-btn:focus {
  background: #fafafa;
  color: #15183D;
  border-color: #15183D;
}

.search-bar__remove-label-btn.show {
  display: block;
}

@media (min-width: 768px) {
  .search-bar__remove-label-btn {
    top: 17px;
  }
}

.search-bar-autocomplete {
  background: #fff;
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  z-index: 1;
  border: 1px solid #e5e5e5;
  border-top-width: 2px;
  transition: 0.4s, cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  max-height: 275px;
  overflow-y: scroll;
  pointer-events: none;
}

.search-bar-autocomplete.show {
  opacity: 1;
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
}

@media (min-width: 768px) {
  .search-bar-autocomplete {
    top: 65px;
  }
}

.search-bar-length-item {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0;
  margin: 0;
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: -5;
  width: auto;
  visibility: hidden;
}

@media (min-width: 768px) {
  .search-bar-length-item {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.search-bar-results {
  padding: 0 0 10px;
}

.search-bar-results a {
  text-decoration: none;
}

.search-bar-results .info {
  margin: 15px 17px 0;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 768px) {
  .search-bar-results .info {
    margin: 15px 30px 0;
  }
}

.search-bar-results__title {
  color: #777777;
  padding: 15px 15px 10px;
  border-bottom: 1px solid #B2B2B2;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 15px;
}

.search-bar-results__title a {
  color: #B2B2B2;
}

.search-bar-results__title a:hover, .search-bar-results__title a:focus {
  color: #15183D;
}

@media (min-width: 768px) {
  .search-bar-results__title {
    padding: 25px 30px 15px;
    margin-bottom: 10px;
  }
}

.search-bar-results__thumbs {
  *zoom: 1;
  margin: 0 30px -10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.search-bar-results__thumbs:before, .search-bar-results__thumbs:after {
  display: table;
  content: " ";
}

.search-bar-results__thumbs:after {
  clear: both;
}

.search-bar-results__thumbs li {
  float: left;
  margin: 0 20px 20px 0;
}

.search-bar-results__thumbs a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  border-radius: 100%;
}

.search-bar-results__thumbs a:hover, .search-bar-results__thumbs a:focus {
  opacity: 0.8;
}

.search-bar-results__thumbs img {
  position: relative;
  display: block;
  width: 70px;
  height: 70px;
}

.search-bar-results__thumbs img:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/person-placeholder.jpg") center center no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .search-bar-results__thumbs {
    height: 90px;
    overflow: hidden;
  }
}

@media (min-width: 767px) and (min-height: 900px) {
  .search-bar-results__thumbs {
    height: auto;
  }
}

.search-bar-results__buttons {
  *zoom: 1;
  margin: 15px 0 0;
}

.search-bar-results__buttons:before, .search-bar-results__buttons:after {
  display: table;
  content: " ";
}

.search-bar-results__buttons:after {
  clear: both;
}

.search-bar-results__buttons li {
  float: left;
  margin-left: 30px;
  margin-right: 50px;
}

.search-bar-results__buttons a {
  color: #777777;
}

.search-bar-results__buttons a:hover, .search-bar-results__buttons a:focus {
  color: #15183D;
}

@media (min-width: 768px) {
  .search-bar-results__buttons {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

.search-results-listing,
.search-results-properties {
  *zoom: 1;
  text-align: left;
}

.search-results-listing:before, .search-results-listing:after,
.search-results-properties:before,
.search-results-properties:after {
  display: table;
  content: " ";
}

.search-results-listing:after,
.search-results-properties:after {
  clear: both;
}

.search-results-listing p,
.search-results-properties p {
  margin-bottom: 0;
}

.search-results-listing li,
.search-results-properties li {
  *zoom: 1;
  padding: 8px 0;
}

.search-results-listing li:before, .search-results-listing li:after,
.search-results-properties li:before,
.search-results-properties li:after {
  display: table;
  content: " ";
}

.search-results-listing li:after,
.search-results-properties li:after {
  clear: both;
}

.search-results-listing li + li,
.search-results-properties li + li {
  border-top: 1px solid #efefef;
  padding-top: 8px;
}

.search-results-listing-item__title {
  display: block;
  color: #95989A;
  margin-left: 15px;
  line-height: 45px;
}

@media (min-width: 768px) {
  .search-results-listing-item__title {
    margin-left: 30px;
    float: left;
  }
}

.search-results-listing-item__buttons {
  *zoom: 1;
  padding-bottom: 5px;
}

.search-results-listing-item__buttons:before, .search-results-listing-item__buttons:after {
  display: table;
  content: " ";
}

.search-results-listing-item__buttons:after {
  clear: both;
}

.search-results-listing-item__buttons > span {
  color: #B2B2B2;
}

@media (min-width: 768px) {
  .search-results-listing-item__buttons {
    float: right;
    padding-bottom: 0;
  }
}

.search-results-listing-item__button {
  display: block;
  float: left;
  margin: 10px 15px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #e5e5e5;
  transition: all 0.2s ease-out;
  padding: 5px 0px;
  width: 115px;
}

@media (min-width: 768px) {
  .search-results-listing-item__button {
    letter-spacing: 2px;
  }
}

a.search-results-listing-item__button {
  color: #15183D;
  border: 1px solid #15183D;
}

a.search-results-listing-item__button:hover {
  background-color: #15183D;
  color: #fff;
}

.search-results-properties {
  font-size: 16px;
  font-size: 1.6rem;
}

.search-results-properties li {
  position: relative;
  min-height: 70px;
  padding: 10px 10px 10px 85px;
}

.search-results-properties.profiles .search-results-properties__thumb {
  background-image: url("../images/person-placeholder.jpg");
  transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  filter: grayscale(100%);
}

.search-results-properties.profiles a {
  display: block;
  text-decoration: none;
}

.search-results-properties.profiles a:hover .search-results-properties__thumb, .search-results-properties.profiles a:focus .search-results-properties__thumb {
  filter: grayscale(0%);
}

@media (min-width: 768px) {
  .search-results-properties li {
    padding: 8px 40px 8px 120px;
    min-height: 86px;
  }
  .search-results-properties.grid, .search-results-properties.grid--rev, .search-results-properties.grid--full, .search-results-properties.grid--g30, .search-results-properties.grid--g40, .search-results-properties.grid--g80 {
    margin-bottom: 10px;
  }
  .search-results-properties.grid li, .search-results-properties.grid--rev li, .search-results-properties.grid--full li, .search-results-properties.grid--g30 li, .search-results-properties.grid--g40 li, .search-results-properties.grid--g80 li {
    width: 33.33%;
    float: left;
    border-top: 0;
  }
}

.search-results-properties__thumb {
  position: absolute;
  display: block;
  top: 8px;
  left: 15px;
  width: 50px;
  height: 50px;
  background: #efefef center center no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .search-results-properties__thumb {
    left: 30px;
    width: 70px;
    height: 70px;
  }
}

.search-results-properties__content {
  min-height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .search-results-properties__content {
    min-height: 70px;
  }
}

.search-results-properties__label {
  display: block;
  margin-bottom: 0.6em;
  line-height: 1.3em;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 768px) {
  .search-results-properties__label {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.search-results-properties__ref {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}

.home__waarom {
  max-width: 25ch;
  margin: 50px auto;
  padding-top: 50px;
  font-family: roboto, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 28px;
}

@media (min-width: 1024px) {
  .home__waarom {
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .home__waarom {
    font-size: calc( 28px + 8 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .home__waarom {
    font-size: 36px;
  }
}

.home__quote {
  font-size: 18px;
  text-align: center;
  font-style: italic;
}

@media screen and (min-width: 768px) {
  .home__quote {
    font-size: calc( 18px + 2 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .home__quote {
    font-size: 20px;
  }
}

.home__quote h3 {
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
}

.home__quote a {
  text-decoration: none;
  color: #15183D;
}

.home__quote a:hover {
  text-decoration: underline;
}

.home__quote p {
  margin-bottom: 1.2em;
}

@media (min-width: 1024px) {
  .home__quote--left {
    margin-left: -48px;
  }
}

@media (min-width: 1024px) {
  .home__quote--right {
    margin-right: -48px;
  }
}

.home__quote--middle {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: montserrat, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 32px;
  font-size: 20px;
}

@media screen and (min-width: 768px) {
  .home__quote--middle {
    font-size: calc( 20px + 2 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .home__quote--middle {
    font-size: 22px;
  }
}

.home__quote--middle .rectpadding {
  padding: 65px 35px;
}

.about__brush {
  position: relative;
  color: #fff;
  display: inline-block;
  margin-left: 20px;
}

.about__brush:before {
  display: block;
  position: absolute;
  content: "";
  left: -0.75em;
  right: -0.9em;
  top: 0.1em;
  bottom: -0.2em;
  background-image: url("../images/brush-pink.svg");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

@media (max-width: 1024px) {
  .about__title h1 {
    font-size: 26px;
  }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .about__title h1 {
    font-size: calc( 26px + 14 * (100vw - 768px) / 912);
  }
}

@media screen and (max-width: 1024px) and (min-width: 1680px) {
  .about__title h1 {
    font-size: 40px;
  }
}

.office {
  color: #15183D;
  font-weight: 400;
  font-size: 18px;
}

@media screen and (min-width: 768px) {
  .office {
    font-size: calc( 18px + 0 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .office {
    font-size: 18px;
  }
}

.office a {
  text-decoration: none;
  color: #15183D;
}

.office a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.offices {
  -ms-flex-direction: column;
  flex-direction: column;
}

.offices .grid__item {
  width: 100%;
}

@media (min-width: 768px) {
  .offices {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .offices .grid__item {
    width: 50%;
  }
}

.office__address p {
  margin-bottom: 0px;
}

.office__title {
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 30px;
  display: inline-block;
  font-size: 14.5px;
}

@media screen and (min-width: 768px) {
  .office__title {
    font-size: calc( 14.5px + 3.5 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .office__title {
    font-size: 18px;
  }
}

.office__intro {
  text-align: center;
  font-size: 28px;
  font-weight: 900;
  color: #000000;
  margin-bottom: 50px;
}

@media screen and (min-width: 768px) {
  .office__intro {
    font-size: calc( 28px + 18 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .office__intro {
    font-size: 46px;
  }
}

.office__intro .about__brush:before {
  left: -0.3em;
  right: -0.4em;
  top: -0.3em;
  bottom: -0.4em;
}

.office__email {
  margin: 30px 0px;
}

.title--full-line {
  position: relative;
}

.title--full-line:before {
  content: "";
  position: absolute;
  background-image: url("../images/title-full-line.svg");
  background-repeat: no-repeat;
  width: 105%;
  height: 10px;
  left: 0;
  bottom: -10px;
}

.contact .grid__item {
  -ms-flex-pack: center;
  justify-content: center;
}

.grid__contact-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 768px) {
  .grid__contact-details {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .grid__border-bottom {
    position: relative;
  }
  .grid__border-bottom:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -50px;
    height: 3px;
    width: 130px;
    background-color: #15183D;
    opacity: 0.58;
  }
}

@media (min-width: 1024px) {
  .swirl--left-right {
    position: relative;
  }
  .swirl--left-right:before {
    content: "";
    position: absolute;
    height: 27px;
    width: 35px;
    background-image: url("../images/contact--swirl.svg");
    background-repeat: no-repeat;
    left: 28%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .swirl--left-right:after {
    content: "";
    position: absolute;
    height: 27px;
    width: 35px;
    background-image: url("../images/contact--swirl.svg");
    background-repeat: no-repeat;
    right: 31%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.contact__details {
  text-align: justify;
  color: #15183D;
  font-weight: 400;
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  .contact__details {
    font-size: calc( 16px + 5 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .contact__details {
    font-size: 21px;
  }
}

.contact__details p {
  margin-bottom: 0px;
}

.quote--swirl-right,
.quote--swirl-left {
  position: relative;
}

@media (min-width: 1024px) {
  .quote--swirl-right:before {
    content: "";
    position: absolute;
    background-image: url("../images/contact--swirl.svg");
    background-repeat: no-repeat;
    right: -52px;
    display: inline-block;
    bottom: 55%;
    background-size: 100% 100%;
    height: 45px;
    width: 100px;
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }
}

@media (min-width: 1024px) {
  .quote--swirl-left:before {
    content: "";
    position: absolute;
    background-image: url("../images/contact--swirl.svg");
    background-repeat: no-repeat;
    left: -5px;
    display: inline-block;
    bottom: 55%;
    background-size: 100% 100%;
    height: 45px;
    width: 100px;
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }
}

.contact__title {
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: rem(20px);
}

@media (min-width: 768px) {
  .contact__title {
    margin-top: 0px;
  }
}

@media (min-width: 1024px) {
  .contact-form--contained {
    padding: 0px 120px;
  }
}

.contact__footer {
  color: #15183D;
  position: relative;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .contact__footer {
    font-size: calc( 14px + 5 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .contact__footer {
    font-size: 19px;
  }
}

@media (min-width: 768px) {
  .contact__footer {
    margin-left: auto;
  }
}

.contact__footer-detail {
  margin-top: 30px;
}

.contact__footer-email {
  margin-bottom: 20px;
}

.sell-cta__item h2,
.sell-cta__item p {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .sell-cta__item h2,
  .sell-cta__item p {
    text-align: center;
  }
}

@media (min-width: 1400px) {
  .sell-cta__item h2 {
    width: 80%;
    margin-left: auto;
  }
}

@media (min-width: 1680px) {
  .sell-cta__item h2 {
    width: 100%;
  }
}

.sell-cta__item .rectpadding {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 1024px) {
  .sell-cta__item .rectpadding {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.sell-cta__item .rectpadding--left p {
  font-size: 18px;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .sell-cta__item .rectpadding--left p {
    font-size: calc( 18px + 6 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .sell-cta__item .rectpadding--left p {
    font-size: 24px;
  }
}

@media (min-width: 1024px) {
  .sell-cta__item .rectpadding--left {
    padding-left: 110px;
  }
}

@media (min-width: 1680px) {
  .sell-cta__item .rectpadding--left {
    padding-left: 145px;
  }
}

.sell-cta__phone {
  font-size: 22px;
  color: #15183D;
  font-weight: 900;
  display: block;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .sell-cta__phone {
    font-size: calc( 22px + 10 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .sell-cta__phone {
    font-size: 32px;
  }
}

.sell-cta__site {
  font-size: 20px;
  color: #15183D;
  font-weight: 500;
  display: block;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .sell-cta__site {
    font-size: calc( 20px + 6 * (100vw - 768px) / 912);
  }
}

@media screen and (min-width: 1680px) {
  .sell-cta__site {
    font-size: 26px;
  }
}

.switch {
  padding-left: 20px;
  text-align: center;
}

@media (min-width: 768px) {
  .switch {
    margin-top: -100px;
    margin-top: 0%;
    position: absolute;
  }
}

.switch p {
  text-transform: uppercase;
  font-weight: 500;
  color: #616161;
}

.switch a {
  text-decoration: none;
}

.switch svg {
  transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
  fill: #616161;
}

.switch svg:hover {
  fill: #F20088;
}

.switch__btn--active {
  cursor: default;
  pointer-events: none;
}

.switch__btn--active svg {
  fill: #F20088;
}

@media (min-width: 1024px) {
  .fancybox-modal-wrapper .fancybox-slide div:first-of-type {
    height: 100%;
    padding-top: 50px;
    margin: 0px;
  }
}

@media (min-width: 1680px) {
  .fancybox-modal-wrapper .fancybox-slide div:first-of-type {
    height: auto;
    padding: auto;
    margin: auto;
  }
}

.office__image {
  max-width: 260px;
  margin: 0 auto;
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .office__image {
    width: 250px;
    max-width: 250px;
  }
}

.button--text-center {
  text-align: center;
}

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