@font-face {
    font-family: "Weisenhoff Grotesk Light";
    src: url("../assets/fonts/weissenhofgrotesk-light-webfont.eot?#iefix");
    src: url("../assets/fonts/weissenhofgrotesk-light-webfont.eot?#iefix") format("eot"), url("../assets/fonts/weissenhofgrotesk-light-webfont.woff2") format("woff2"), url("../assets/fonts/weissenhofgrotesk-light-webfont.woff") format("woff"), url("../assets/fonts/weissenhofgrotesk-light-webfont.ttf") format("truetype"), url("../assets/fonts/weissenhofgrotesk-light-webfont.svg#weissenhof_grotesklight") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Weisenhoff Grotesk Medium";
    src: url("../assets/fonts/weissenhofgrotesk-medium-webfont.eot?#iefix");
    src: url("../assets/fonts/weissenhofgrotesk-medium-webfont.eot?#iefix") format("eot"), url("../assets/fonts/weissenhofgrotesk-medium-webfont.woff2") format("woff2"), url("../assets/fonts/weissenhofgrotesk-medium-webfont.woff") format("woff"), url("../assets/fonts/weissenhofgrotesk-medium-webfont.ttf") format("truetype"), url("../assets/fonts/weissenhofgrotesk-medium-webfont.svg#weissenhof_groteskmedium") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Weisenhoff Grotesk Regular";
    src: url("../assets/fonts/weissenhofgrotesk-regular-webfont.eot?#iefix");
    src: url("../assets/fonts/weissenhofgrotesk-regular-webfont.eot?#iefix") format("eot"), url("../assets/fonts/weissenhofgrotesk-regular-webfont.woff2") format("woff2"), url("../assets/fonts/weissenhofgrotesk-regular-webfont.woff") format("woff"), url("../assets/fonts/weissenhofgrotesk-regular-webfont.ttf") format("truetype"), url("../assets/fonts/weissenhofgrotesk-regular-webfont.svg#weissenhof_groteskregular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Weisenhoff Grotesk Light Italic";
    src: url("../assets/fonts/weissenhofgrotesk-lightitalic-webfont.eot?#iefix");
    src: url("../assets/fonts/weissenhofgrotesk-lightitalic-webfont.eot?#iefix") format("eot"), url("../assets/fonts/weissenhofgrotesk-lightitalic-webfont.woff2") format("woff2"), url("../assets/fonts/weissenhofgrotesk-lightitalic-webfont.woff") format("woff"), url("../assets/fonts/weissenhofgrotesk-lightitalic-webfont.ttf") format("truetype"), url("../assets/fonts/weissenhofgrotesk-lightitalic-webfont#weissenhof_grotesklightitalic") format("svg");
    font-weight: normal;
    font-style: normal
}

html {
    box-sizing: border-box;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

*,
*:before,
*:after {
    box-sizing: inherit
}

body {
    margin: 0;
    font: 16px/1 sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

h1,
h2,
h3,
h4,
p,
blockquote,
figure,
ol,
ul {
    color: #333e48;
    margin: 0;
    padding: 0
}

main,
li {
    display: block
}

h1,
h2,
h3,
h4 {
    font-size: inherit
}

h4 {
    font-family: "Weisenhoff Grotesk Medium" !important;
}

strong {
    font-family: "Weisenhoff Grotesk Medium" !important;
}

a,
button {
    color: inherit;
    transition: .3s
}

a {
    text-decoration: none
}

.sidebar-group a,
.right-panel-editor a,
.sidebar-group a:hover,
.right-panel-editor a:hover {
    color: #238dc1;
}


.sidebar-group p {
    margin-bottom: 12px;
    font-family: "Weisenhoff Grotesk Medium";
}

button {
    overflow: visible;
    border: 0;
    font: inherit;
    -webkit-font-smoothing: inherit;
    letter-spacing: inherit;
    background: none;
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border: 0
}

:focus {
    outline: 0
}

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

article,
aside,
footer,
header,
nav,
section {
    display: block
}

audio,
video {
    display: inline-block
}

img {
    border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

    input[type=button],
    input[type=submit] {
        width: auto !important;
    }

button,
select {
    text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

canvas {
    display: inline-block
}

[hidden] {
    display: none
}

html {
    font-size: 100%
}

body {
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    font-style: normal;
    color: #333e48;
    background-color: #fff
}

div p:last-child {
    margin-bottom: 0px;
}

.share-link,
.share-link:hover {
    color: #7ca6ba;
    padding-left: 0px;
    padding-right: 0px;
}

/* -----------------------------------------*/
/* Heading */
/* -----------------------------------------*/
h1 {
    margin-top: 0;
    color: #333e48;
    -webkit-font-smoothing: antialiased;
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 0;
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300
}

@media screen and (min-width: 768px) {
    h1 {
        font-size: 2.8125rem;
        line-height: 1.24444;
        margin-bottom: 0
    }
}

h2 {
    margin-top: 0;
    color: #333e48;
    -webkit-font-smoothing: antialiased;
    font-size: 1.625rem;
    line-height: 1.23077;
    margin-bottom: 24px;
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300
}

@media screen and (min-width: 768px) {
    h2 {
        font-size: 2rem;
        line-height: 1.25;
        margin-bottom: 56px
    }
}

h3 {
    margin-top: 0;
    color: #333e48;
    -webkit-font-smoothing: antialiased;
    font-size: 1.375rem;
    line-height: 1.27273;
    margin-bottom: 16px;
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
    h3 {
        font-size: 1.7rem;
        line-height: 1.2;
    }
}

h4,
.widgetHeading {
    margin-top: 0;
    color: #333e48;
    -webkit-font-smoothing: antialiased;
    font-size: 1.125rem;
    line-height: 1.33333;
    margin-bottom: 10px;
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300
}

.widgetHeading {
    display: block;
}

@media screen and (min-width: 768px) {
    h4,
    .widgetHeading {
        font-size: 1.125rem;
        line-height: 1.33333;
        margin-bottom: 8px
    }
}

h5 {
    margin-top: 0;
    color: #333e48;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 16px;
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300
}

@media screen and (min-width: 768px) {
    h5 {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 24px
    }
}

h6 {
    margin-top: 0;
    color: #333e48;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.14286;
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #77777a
}

/* -----------------------------------------*/
/* Paragraph */
/* -----------------------------------------*/

p {
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 24px
}

div.content p:last-child {
    margin-bottom: 0px;
}

strong,
bold {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

/* -----------------------------------------*/
/* Text */
/* -----------------------------------------*/

i,
italic,
em {
    font-family: "Weisenhoff Grotesk Light Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    font-style: normal;
}

h1 i,
h2 i,
h3 i,
h4 i,
h1 italic,
h2 italic,
h3 italic,
h4 italic,
h1 em,
h2 em,
h3 em,
h4 em {
    font-weight: 600;
}

.lead {
    font-size: 1.125rem;
    line-height: 1.5;
    margin-bottom: 24px
}

small,
.small {
    font-size: .8125rem;
    line-height: 1.84615
}

blockquote,
.quote {
    font-size: 1.5rem;
    line-height: 1.33333;
    margin-bottom: 24px;
    color: #50748a
}

/* -----------------------------------------*/
/* Lists */
/* -----------------------------------------*/

ul,
ol {
    list-style: none;
    margin-top: 10px;
    margin-bottom: 16px;
    padding-left: 0
}

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

ol {
    padding-left: 30px
}

    ol li {
        position: relative;
        counter-increment: step-counter
    }

        ol li::before {
            content: counter(step-counter) ".";
            color: #333e48;
            position: absolute;
            left: -30px;
            font-weight: normal
        }

ul li {
    position: relative;
    padding-left: 28px
}

    ul li::before {
        position: absolute;
        left: 0;
        top: 11px;
        content: '';
        display: block;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #333e48
    }

    ul li ul {
        margin-top: 0
    }

        ul li ul li::before {
            top: 12px;
            left: 8px;
            width: 7px;
            height: 2px
        }

@media (min-width: 768px) {
    ul,
    ol {
        margin-bottom: 24px
    }
}

/* -----------------------------------------*/
/* Hyperlink */
/* -----------------------------------------*/

a {
    text-decoration: none;
    color: #238dc1;
    cursor: pointer
}

    a:hover {
        color: #000;
        text-decoration: none
    }

/* -----------------------------------------*/
/* SVG, icons */
/* -----------------------------------------*/

svg.svg-icon {
    will-change: transform, fill, stroke;
    transition: all 150ms ease-in-out
}

    svg.svg-icon * {
        fill: currentColor
    }

    svg.svg-icon:not(:root) {
        overflow: hidden
    }

.svg-icon {
    position: relative;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.svg-icon-sm {
    width: 12px;
    height: 12px
}

.svg-icon-circle {
    border-radius: 50%;
    padding: 6px;
    width: 36px;
    height: 36px
}

.icon-search {
    top: 6px
}

.icon-facebook {
    color: #3b5998
}

.icon-google {
    color: #dd4b39
}

.icon-linkedin {
    color: #0077b5
}

.icon-twitter {
    color: #55acee
}

.icon-youtube {
    color: #cd201f
}

/* -----------------------------------------*/
/* Buttons */
/* -----------------------------------------*/

.btn {
    position: relative;
    display: inline-block;
    min-width: 130px;
    padding: 8px 20px;
    border: none;
    border-radius: 0;
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 2;
    text-align: center;
    background-color: transparent;
    transition: all 0.1s ease-in-out;
}

    .btn:not(.btn-disabled):hover,
    .btn.on {
    }

        .btn:not(.btn-disabled):hover span,
        .btn.on span {
            transition: all 0.1s ease-in-out
        }

    .btn .svg-icon {
        top: 5px;
        width: 21px;
        height: 21px;
        margin-left: 8px;
        vertical-align: top
    }

    .btn:not(.btn-disabled):not(.btn--icon):hover .svg-icon:not(.icon-download) {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

.btn-disabled {
    opacity: .25;
    cursor: default
}

.btn-icon {
    min-width: 48px;
    padding: 8px 0
}

.btn-full-width {
    width: 100%
}

.FormButton {
    color: #000 !important;
    background-color: #7ca6ba
}

    .FormButton:not(.btn-disabled):hover {
        color: #fff !important;
        background-color: #333e48
    }



@media (max-width: 767px) {
    .btn {
        width: auto;
        padding: 10px 20px;
    }
}

/* -----------------------------------------*/
/* Theme skin colours */
/* -----------------------------------------*/

.bg-theme-1 {
    background-color: #ded5cf;
}

.bg-theme-2 {
    background-color: #f2eeea;
}

.btn-primary {
    margin-top: 24px;
}

    .btn-primary,
    .btn-primary:hover,
    .btn-skin-1,
    .btn-skin-1:not(.btn-disabled):hover,
    .btn-skin-2,
    .btn-skin-2:not(.btn-disabled):hover,
    .btn-skin-3,
    .btn-skin-3:not(.btn-disabled):hover {
        font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #fff;
    }


.btn-primary,
.btn-skin-1 {
    background-color: #7ca6ba;
    color: #fff;
}

    .btn-skin-1:not(.btn-disabled):hover,
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show > .btn-primary.dropdown-toggle {
        background-color: #333e48;
        border: 0px none;
    }

.btn-skin-2 {
    background-color: #79716d;
}

    .btn-skin-2:not(.btn-disabled):hover {
        background-color: #534d4b;
    }

.btn-skin-3 {
    background-color: #4d5057;
}

    .btn-skin-3:not(.btn-disabled):hover {
        background-color: #303236;
    }

/* -----------------------------------------*/
/* Container, columns, rows */
/* -----------------------------------------*/

.container {
    margin-right: auto;
    margin-left: auto;
    padding: 0 16px;
    max-width: calc(1200px + (16px * 2))
}

.page-header-section-container {
    margin-right: auto;
    margin-left: auto;
    padding: 30px 16px;
    max-width: calc(1200px + (16px * 2))
}

.row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 24px;
    padding-right: 24px;
}

@media (min-width: 768px) {
    .row {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .row {
        width: 100%
    }

    .page-header-section-container {
        padding: 0px 16px;
    }

    .container.property-fund-details {
        padding: 0 9px;
    }
}

.row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

*[class*="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-m-1 {
    -ms-flex-preferred-size: calc((100% / 6 * 1) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 1) - 16px - 0.1px);
    max-width: calc((100% / 6 * 1) - 16px - 0.1px);
    margin-right: 16px
}

.col-m-2 {
    -ms-flex-preferred-size: calc((100% / 6 * 2) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 2) - 16px - 0.1px);
    max-width: calc((100% / 6 * 2) - 16px - 0.1px);
    margin-right: 16px
}

.col-m-3 {
    -ms-flex-preferred-size: calc((100% / 6 * 3) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 3) - 16px - 0.1px);
    max-width: calc((100% / 6 * 3) - 16px - 0.1px);
    margin-right: 16px
}

.col-m-4 {
    -ms-flex-preferred-size: calc((100% / 6 * 4) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 4) - 16px - 0.1px);
    max-width: calc((100% / 6 * 4) - 16px - 0.1px);
    margin-right: 16px
}

.col-m-5 {
    -ms-flex-preferred-size: calc((100% / 6 * 5) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 5) - 16px - 0.1px);
    max-width: calc((100% / 6 * 5) - 16px - 0.1px);
    margin-right: 16px
}

.col-m-6 {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px
}

@media (max-width: 767px) and (max-width: 767px) {
    .col-m-offset-1 {
        margin-left: calc((100% / 6 * 1))
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .col-m-offset-2 {
        margin-left: calc((100% / 6 * 2))
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .col-m-offset-3 {
        margin-left: calc((100% / 6 * 3))
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .col-m-offset-4 {
        margin-left: calc((100% / 6 * 4))
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .col-m-offset-5 {
        margin-left: calc((100% / 6 * 5))
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .col-m-offset-6 {
        margin-left: calc((100% / 6 * 6))
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .row.reverse .col-m-offset-1 {
        margin-left: 0;
        margin-right: calc((100% / 6 * 1) + 16px)
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .row.reverse .col-m-offset-2 {
        margin-left: 0;
        margin-right: calc((100% / 6 * 2) + 16px)
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .row.reverse .col-m-offset-3 {
        margin-left: 0;
        margin-right: calc((100% / 6 * 3) + 16px)
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .row.reverse .col-m-offset-4 {
        margin-left: 0;
        margin-right: calc((100% / 6 * 4) + 16px)
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .row.reverse .col-m-offset-5 {
        margin-left: 0;
        margin-right: calc((100% / 6 * 5) + 16px)
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .row.reverse .col-m-offset-6 {
        margin-left: 0;
        margin-right: calc((100% / 6 * 6) + 16px)
    }
}

@media (min-width: 768px) {
    .col-t-1 {
        -ms-flex-preferred-size: calc((100% / 12 * 1) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 1) - 24px - 0.1px);
        max-width: calc((100% / 12 * 1) - 24px - 0.1px);
        margin-right: 24px
    }

    .col-t-2 {
        -ms-flex-preferred-size: calc((100% / 12 * 2) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 2) - 24px - 0.1px);
        max-width: calc((100% / 12 * 2) - 24px - 0.1px);
        margin-right: 24px
    }

    .col-t-3 {
        -ms-flex-preferred-size: calc((100% / 12 * 3) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 24px - 0.1px);
        max-width: calc((100% / 12 * 3) - 24px - 0.1px);
        margin-right: 24px
    }

    .col-t-4 {
        -ms-flex-preferred-size: calc((100% / 12 * 4) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 24px - 0.1px);
        max-width: calc((100% / 12 * 4) - 24px - 0.1px);
        margin-right: 24px
    }

    .col-t-5 {
        -ms-flex-preferred-size: calc((100% / 12 * 5) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 5) - 24px - 0.1px);
        max-width: calc((100% / 12 * 5) - 24px - 0.1px);
        margin-right: 24px
    }

    .col-t-6 {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
        margin-right: 24px
    }

    .col-t-7 {
        -ms-flex-preferred-size: calc((100% / 12 * 7) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 7) - 24px - 0.1px);
        max-width: calc((100% / 12 * 7) - 24px - 0.1px);
        margin-right: 24px
    }

    .col-t-8 {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 24px - 0.1px);
        max-width: calc((100% / 12 * 8) - 24px - 0.1px);
        margin-right: 24px
    }

    .col-t-9 {
        -ms-flex-preferred-size: calc((100% / 12 * 9) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 9) - 24px - 0.1px);
        max-width: calc((100% / 12 * 9) - 24px - 0.1px);
        margin-right: 24px
    }

    .col-t-10 {
        -ms-flex-preferred-size: calc((100% / 12 * 10) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 24px - 0.1px);
        max-width: calc((100% / 12 * 10) - 24px - 0.1px);
        margin-right: 24px
    }

    .col-t-11 {
        -ms-flex-preferred-size: calc((100% / 12 * 11) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 11) - 24px - 0.1px);
        max-width: calc((100% / 12 * 11) - 24px - 0.1px);
        margin-right: 24px
    }

    .col-t-12 {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .col-t-offset-1 {
        margin-left: calc((100% / 12 * 1))
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .col-t-offset-2 {
        margin-left: calc((100% / 12 * 2))
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .col-t-offset-3 {
        margin-left: calc((100% / 12 * 3))
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .col-t-offset-4 {
        margin-left: calc((100% / 12 * 4))
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .col-t-offset-5 {
        margin-left: calc((100% / 12 * 5))
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .col-t-offset-6 {
        margin-left: calc((100% / 12 * 6))
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .row.reverse .col-t-offset-1 {
        margin-left: 0;
        margin-right: calc((100% / 12 * 1) + 24px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .row.reverse .col-t-offset-2 {
        margin-left: 0;
        margin-right: calc((100% / 12 * 2) + 24px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .row.reverse .col-t-offset-3 {
        margin-left: 0;
        margin-right: calc((100% / 12 * 3) + 24px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .row.reverse .col-t-offset-4 {
        margin-left: 0;
        margin-right: calc((100% / 12 * 4) + 24px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .row.reverse .col-t-offset-5 {
        margin-left: 0;
        margin-right: calc((100% / 12 * 5) + 24px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .row.reverse .col-t-offset-6 {
        margin-left: 0;
        margin-right: calc((100% / 12 * 6) + 24px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .row.reverse .col-t-offset-7 {
        margin-left: 0;
        margin-right: calc((100% / 12 * 7) + 24px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .row.reverse .col-t-offset-8 {
        margin-left: 0;
        margin-right: calc((100% / 12 * 8) + 24px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .row.reverse .col-t-offset-9 {
        margin-left: 0;
        margin-right: calc((100% / 12 * 9) + 24px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .row.reverse .col-t-offset-10 {
        margin-left: 0;
        margin-right: calc((100% / 12 * 10) + 24px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .row.reverse .col-t-offset-11 {
        margin-left: 0;
        margin-right: calc((100% / 12 * 11) + 24px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    .row.reverse .col-t-offset-12 {
        margin-left: 0;
        margin-right: calc((100% / 12 * 12) + 24px)
    }
}

@media (min-width: 1024px) {
    .col-dt-1 {
        -ms-flex-preferred-size: calc((100% / 12 * 1) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 1) - 24px - 0.1px);
        max-width: calc((100% / 12 * 1) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .col-dt-offset-1 {
        margin-left: calc((100% / 12 * 1))
    }
}

@media (min-width: 1024px) {
    .col-dt-2 {
        -ms-flex-preferred-size: calc((100% / 12 * 2) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 2) - 24px - 0.1px);
        max-width: calc((100% / 12 * 2) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .col-dt-offset-2 {
        margin-left: calc((100% / 12 * 2))
    }
}

@media (min-width: 1024px) {
    .col-dt-3 {
        -ms-flex-preferred-size: calc((100% / 12 * 3) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 24px - 0.1px);
        max-width: calc((100% / 12 * 3) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .col-dt-offset-3 {
        margin-left: calc((100% / 12 * 3))
    }
}

@media (min-width: 1024px) {
    .col-dt-4 {
        -ms-flex-preferred-size: calc((100% / 12 * 4) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 24px - 0.1px);
        max-width: calc((100% / 12 * 4) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .col-dt-offset-4 {
        margin-left: calc((100% / 12 * 4))
    }
}

@media (min-width: 1024px) {
    .col-dt-5 {
        -ms-flex-preferred-size: calc((100% / 12 * 5) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 5) - 24px - 0.1px);
        max-width: calc((100% / 12 * 5) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .col-dt-offset-5 {
        margin-left: calc((100% / 12 * 5))
    }
}

@media (min-width: 1024px) {
    .col-dt-6 {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .col-dt-offset-6 {
        margin-left: calc((100% / 12 * 6))
    }
}

@media (min-width: 1024px) {
    .col-dt-7 {
        -ms-flex-preferred-size: calc((100% / 12 * 7) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 7) - 24px - 0.1px);
        max-width: calc((100% / 12 * 7) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .col-dt-offset-7 {
        margin-left: calc((100% / 12 * 7))
    }
}

@media (min-width: 1024px) {
    .col-dt-8 {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 24px - 0.1px);
        max-width: calc((100% / 12 * 8) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .col-dt-offset-8 {
        margin-left: calc((100% / 12 * 8))
    }
}

@media (min-width: 1024px) {
    .col-dt-9 {
        -ms-flex-preferred-size: calc((100% / 12 * 9) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 9) - 24px - 0.1px);
        max-width: calc((100% / 12 * 9) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .col-dt-offset-9 {
        margin-left: calc((100% / 12 * 9))
    }
}

@media (min-width: 1024px) {
    .col-dt-10 {
        -ms-flex-preferred-size: calc((100% / 12 * 10) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 24px - 0.1px);
        max-width: calc((100% / 12 * 10) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .col-dt-offset-10 {
        margin-left: calc((100% / 12 * 10))
    }
}

@media (min-width: 1024px) {
    .col-dt-11 {
        -ms-flex-preferred-size: calc((100% / 12 * 11) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 11) - 24px - 0.1px);
        max-width: calc((100% / 12 * 11) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .col-dt-offset-11 {
        margin-left: calc((100% / 12 * 11))
    }
}

@media (min-width: 1024px) {
    .col-dt-12 {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .col-dt-offset-12 {
        margin-left: calc((100% / 12 * 12))
    }
}


/* -----------------------------------------*/
/* Forms Controls */
/* -----------------------------------------*/

label {
    display: inline-block;
    margin-bottom: 8px;
    color: #000;
    font-size: 1rem
}


input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: #50748a
}

input[type="search"] {
    border-radius: 0
}

input,
select {
    height: 48px !important
}

select {
    padding-right: 32px;
    background-color: #fff
}

textarea {
    min-height: 150px;
    resize: vertical
}


input,
select,
textarea {
    width: calc(100% - 32px);
    padding: 12px 16px;
    margin-bottom: 24px;
    border-radius: 0 !important;
    border: 1px solid #d8d9d6;
    background-color: #fff;
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    transition: border-color 0.3s ease-in-out;
}

    input:focus,
    select:focus,
    textarea:focus {
        outline: none;
        border-color: #50748a
    }

    input[type="search"],
    input[type="search"]:focus,
    input[type="search"]:hover {
        border-radius: 0
    }

input,
select {
    height: 48px
}

select {
    padding-right: 32px;
    background-color: #fff
}

textarea {
    min-height: 150px;
    resize: vertical
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    position: relative;
    display: block;
    padding-left: 39px;
    margin-bottom: 16px;
    height: 24px;
    line-height: 24px
}

input[type="checkbox"]:last-of-type + label,
input[type="radio"]:last-of-type + label {
    margin-bottom: 0
}

input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked,
input[type="radio"]:not(:checked),
input[type="radio"]:checked {
    position: absolute;
    width: 24px;
    height: 24px;
    z-index: 10;
    margin: 0;
    opacity: 0
}

    input[type="checkbox"]:not(:checked) + label::before,
    input[type="checkbox"]:checked + label::before,
    input[type="radio"]:not(:checked) + label::before,
    input[type="radio"]:checked + label::before {
        content: "";
        box-sizing: border-box;
        position: absolute;
        display: inline-block;
        left: 0;
        border: 1px solid #7ca6ba;
        border-radius: 0;
        transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out
    }

    input[type="checkbox"]:checked + label::before,
    input[type="radio"]:checked + label::before {
        border: 1px solid #7ca6ba;
        background-color: #7ca6ba
    }

    input[type="checkbox"]:not(:checked) + label::before,
    input[type="checkbox"]:checked + label::before {
        width: 24px;
        height: 24px
    }

    input[type="checkbox"]:checked + label {
        position: relative
    }

        input[type="checkbox"]:checked + label:after {
            position: absolute;
            top: 0;
            left: 1px;
            width: 24px;
            height: 24px;
            content: "";
            background: transparent center no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M8.733 15.932L4.5 11.693 3 13.123l5.733 5.721L21 6.586l-1.5-1.43z'/%3E%3C/svg%3E");
            background-size: cover;
            pointer-events: none
        }

input[type="radio"] {
    position: relative
}

    input[type="radio"]:not(:checked) + label::before,
    input[type="radio"]:checked + label::before {
        width: 24px;
        height: 24px;
        border-radius: 50%
    }

    input[type="radio"]:checked + label::after {
        position: absolute;
        left: 6px;
        top: 6px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        content: "";
        background-color: #fff
    }

.control-group {
    position: relative;
    margin-bottom: 24px
}

    .control-group.error input,
    .control-group.error select,
    .control-group.error textarea,
    .control-group.error input:not(:checked) + label::before {
        border-color: #f6323e
    }

.select-wrapper {
    position: relative
}

    .select-wrapper select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        .select-wrapper select::-ms-expand {
            display: none
        }

    .select-wrapper .svg-icon {
        position: absolute;
        top: 12px;
        right: 10px;
        color: #7ca6ba;
        pointer-events: none
    }

.validation-message,
.validationError,
.EditingFormErrorLabel,
.ErrorLabel {
    color: #f6323e
}

.validationError,
.EditingFormErrorLabel {
    margin-bottom: 10px;
    display: block;
}

.form-custom input,
.form-custom select {
    padding-left: 0;
    border: none;
    border-bottom: 1px solid #7ca6ba;
    background-color: transparent
}

    .form-custom input:hover {
        border-bottom-color: #b3b2b1;
    }

@media (min-width: 768px) {
    .form-inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .form-inline input {
            margin: 0
        }

        .form-inline .btn {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            margin-left: 12px
        }
}



/* -----------------------------------------*/
/* Header */
/* -----------------------------------------*/


.header {
    position: fixed;
    z-index: 1010;
    width: 100%;
}

    .header .logo {
        position: relative;
        top: 0px;
        z-index: 2;
        display: block;
        margin: 0;
        text-decoration: none
    }

@media (min-width: 1024px) {
    .header .logo {
        top: 5px;
    }
}

@media (min-width: 1220px) {
    .header .logo {
        top: 3px;
    }
}

.header .logo img {
    display: block;
    width: 200px
}

.header .logo .logo-333 {
    margin-bottom: -5px
}

@media (min-width: 1024px) {
    .header .logo img {
        width: 300px
    }
}

.placerproperty-primary-nav {
}

.header-m-indentation {
    width: calc(100% + 16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    height: initial;
    background-color: #fff
}

@media (min-width: 768px) {
    .header-m-indentation {
        width: calc(100% + 24px)
    }
}

@media (min-width: 1024px) {
    .header-m-indentation {
        width: calc(100% + 24px)
    }
}

.header-m-indentation.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.header-m-indentation::after {
}

@media (min-width: 1024px) {
    .header-m-indentation::after {
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
        max-width: 55%;
        margin-right: 16px;
        content: '';
        height: 35px;
        background-color: #fff;
        z-index: 2;
    }
}

.header-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 16px;
    background-color: #fff
}

    .header-container.contained {
        margin-right: auto;
        margin-left: auto;
        padding: 0 16px;
        max-width: calc(1200px + (16px * 2))
    }

.header-sticky-container {
    overflow: hidden
}

.header-container,
.header-container::before,
.header-container::after {
    background-color: #238DC1;
    color: #FFFFFF;
}

@media (max-width: 1023px) {
    .header-container::before {
        content: '';
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

@media (min-width: 768px) {
    .header-container {
        padding-left: 24px
    }
}

@media (min-width: 1024px) {
    .header-m-indentation {
        display: none
    }

    .header-container {
        position: relative;
        bottom: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-right: 24px
    }
}


@media (min-width: 1220px) {
    .header {
        margin-bottom: -52px
    }

        .header.is-sticky {
            position: fixed
        }

            .header.is-sticky .header-sticky-container {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                overflow: visible;
            }

    .header-container {
        top: 0;
        background: transparent;
    }

        .header-container > * {
            position: relative;
            z-index: 2
        }

        .header-container::before,
        .header-container::after {
            content: '';
            position: absolute;
            left: 0;
            z-index: 1
        }

        .header-container::before {
            top: 0;
            right: 0;
            height: 44px;
        }

        .header-container::after {
            width: 65%;
            top: 0;
            height: 100%;
        }

        .header-container::after {
            border-bottom: 8px solid rgba(56, 56, 56, .75);
            background-clip: padding-box;
            -webkit-background-clip: padding-box;
        }
}

.header-menu-search,
.header-menu-back-btn {
    display: none
}

.header-menu-primary,
.header-menu-secondary {
    list-style: none;
    padding: 0;
    margin: 0
}

    .header-menu-primary li,
    .header-menu-secondary li {
        padding: 0
    }

        .header-menu-primary li::before,
        .header-menu-secondary li::before {
            display: none;
            content: ''
        }

    .header-menu-primary > li,
    .header-menu-secondary > li {
        display: block;
        font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-bottom: 0;
        color: #FFFFFF;
    }

    .header-menu-primary a:hover,
    .header-menu-secondary a:hover {
        text-decoration: none
    }

.header-menu-primary {
    font-size: 18px
}

.header-menu-secondary {
    font-size: 16px
}

    .header-menu-secondary a,
    .header-menu-secondary a:hover,
    .header-menu-secondary button {
        color: #FFF;
    }

    .header-menu-secondary ul {
        display: inline-block;
        margin-top: 0px;
    }

        .header-menu-secondary ul li {
            margin-right: 20px;
            display: inline-block;
        }

.header-menu-btn {
    display: inline-block;
    padding: 0
}

.header-menu-social {
    display: none;
    color: #415364;
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif
}

    .header-menu-social p {
        margin: 0 0 8px
    }

.header-nav-sub {
    display: none
}

.header-nav-link-icon {
    display: none
}

a.header-nav-link.js-nav-link-main,
.header-menu-secondary li a {
    color: #FFF;
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}


.header-menu-secondary {
    line-height: 42px;
}

    .header-menu-secondary .header-menu-search-btn .icon-search {
        top: 0px;
    }

ul.header-menu-primary.header-nav.js-nav.placerproperty-primary-nav li:last-child {
    margin-right: 0px;
}

ul.header-menu-primary.header-nav.js-nav.placerproperty-primary-nav li {
    margin-left: 20px;
}

@media (max-width: 1023px) {
    .header-menu-secondary a,
    .header-menu-secondary a:hover,
    .header-menu-secondary button {
        color: #415364;
    }

    ul.header-menu-primary.header-nav.js-nav.placerproperty-primary-nav li {
        margin-left: 0px;
    }

    a.header-nav-link.js-nav-link-main,
    .header-menu-secondary li a {
        color: #415364;
        font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    .header-menu {
        position: fixed;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 64px;
        height: 100%;
        overflow-y: auto;
        background: #fff;
        transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s linear 0s, -webkit-transform 0.3s ease;
        -webkit-overflow-scrolling: touch
    }

    .is-open-menu .header-menu {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .is-open-submenu .header-menu .header-menu-back-btn {
        opacity: 1;
        pointer-events: auto;
        transition-delay: .5s
    }

    .is-open-submenu .header-menu .header-nav-sub-cont.is-active {
        z-index: 1
    }

        .is-open-submenu .header-menu .header-nav-sub-cont.is-active .header-nav-sub {
            opacity: 1;
            -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);
            -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
            transition-delay: 1s
        }

    .is-open-submenu .header-menu .is-inactive {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        transition-delay: 0s
    }

    .is-open-submenu .header-menu .header-menu-secondary,
    .is-open-submenu .header-menu .header-menu-social {
        pointer-events: none;
        opacity: 0
    }

    .header-menu-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 2px solid #415364;
    }

    .header-menu-search-input:focus {
    }

    .header-menu-search-input {
        height: 56px;
        margin: 0;
        color: #415364;
        border: none;
        border-radius: 0;
        width: 100%;
    }



        .header-menu-search-input::-webkit-input-placeholder {
            color: #415364
        }

        .header-menu-search-input:-moz-placeholder {
            color: #415364
        }

        .header-menu-search-input::-moz-placeholder {
            color: #415364
        }

        .header-menu-search-input:-ms-input-placeholder {
            color: #415364
        }

    .header-menu-search-btn {
        position: relative;
        min-width: 0;
        width: auto;
        padding: 11px 19px
    }

        .header-menu-search-btn .svg-icon {
            width: 24px;
            height: 24px;
            margin-left: 0
        }

    .header-menu-back-btn {
        position: absolute;
        top: 56px;
        left: 0;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 56px;
        padding: 0 16px;
        color: #FFF;
        font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 18px;
        background-color: #238DC1;
        pointer-events: none;
        opacity: 0;
        transition-delay: 0
    }

        .header-menu-back-btn .svg-icon {
            margin-right: 16px
        }

        .header-menu-back-btn:hover {
            background: #238DC1
        }

    .header-nav {
        overflow: hidden
    }

    .header-menu-primary {
        font-size: 18px
    }

    .header-nav-sub-cont {
        position: relative;
        transition: -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: .5s
    }

    .header-nav-sub {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin: 0;
        display: block;
        opacity: 0;
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        transition: opacity 0.2s linear, -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s linear;
        transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s linear, -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: 0s
    }

    .header-nav-item {
        margin: 0
    }

    li.header-nav-item--btn {
        padding: 10px 16px
    }

    .header-nav-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 16px;
        min-height: 56px;
        border-bottom: 2px solid #edecea;
        transition: -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: 1s;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        color: #FFFFFF;
    }

        .header-nav-link:hover,
        .header-nav-link:focus,
        .header-menu-secondary li:hover,
        .header-menu-secondary li:focus {
            background: #f6f5f4;
            border-color: #f6f5f4
        }

            .header-nav-link:hover .header-nav-link-icon,
            .header-nav-link:focus .header-nav-link-icon {
                -webkit-transform: translateX(8px);
                transform: translateX(8px)
            }

    .header-nav-link-icon {
        display: block;
        margin-left: auto;
        color: #50748a
    }

    .header-menu-secondary,
    .header-menu-social {
        transition: opacity 0.2s linear
    }

    .header-menu-secondary {
        font-size: 18px;
        font-weight: 400;
    }

        .header-menu-secondary li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 5px 16px;
            border-bottom: 2px solid #edecea;
            transition: -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition-delay: 1s;
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

            .header-menu-secondary li:empty {
                border-bottom: 0px none;
            }

        .header-menu-secondary a {
            display: block;
            color: #50748a
        }

    .header-menu-social {
        display: block;
        padding: 5px 16px;
        margin-top: 20px;
    }
}

@media (min-width: 1024px) {
    .header-menu {
        position: relative;
        width: 100%;
        padding: 45px 0 37px 40px
    }

    .header-menu-primary,
    .header-menu-secondary {
        display: block
    }

        .header-menu-primary > li,
        .header-menu-secondary > li {
            display: inline-block;
            margin-left: 20px
        }

            .header-menu-primary > li:first-child,
            .header-menu-secondary > li:first-child {
                margin-left: 0
            }

        .header-menu-primary > li {
            vertical-align: middle
        }

    .header-menu-secondary {
        position: absolute;
        top: 0px;
        right: 0
    }

        .header-menu-secondary .header-menu-search-btn {
            padding-left: 0;
            padding-right: 0
        }

    .header-menu-social {
        display: none
    }

    .header-nav-has-children {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .header-nav-has-children::after {
            width: 0;
            height: 0;
            content: '';
            border-top: 6px solid currentColor;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            display: block;
            margin-left: 8px
        }

        .header-nav-has-children.is-active::after {
            border-top: none;
            border-bottom: 6px solid currentColor
        }
}

@media (min-width: 1220px) {
    .header-menu {
        padding: 38px 0 29px 40px;
    }

    .placerproperty-primary-nav {
        font-size: 19px;
        float: right;
        margin-right: 47%;
    }

    .header-menu-secondary {
        height: 42px
    }

    li.header-nav-item {
    }

    .header-menu-primary > li,
    .header-menu-secondary > li {
        display: inline-block;
        margin-left: 0px;
        margin-right: 20px;
    }


        .header-menu-secondary > li:empty,
        .header-menu-secondary > li:last-child {
            margin-right: 0px;
        }
}

@media (min-width: 1550px) {
    .placerproperty-primary-nav {
        margin-right: 45%;
    }
}


.hidden {
    display: none !important
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 1024px) and (max-width: 1219px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1220px) {
    .hidden-lg {
        display: none !important
    }
}


.header-hamburger {
    position: relative;
    z-index: 1;
    padding: 16px 19px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: none;
    margin: 0;
    overflow: visible
}

    .header-hamburger:hover {
        background-color: #238dc1;
    }

        .header-hamburger .header-hamburger-inner,
        .header-hamburger .header-hamburger-inner::before,
        .header-hamburger .header-hamburger-inner::after,
        .header-hamburger:hover .header-hamburger-inner,
        .header-hamburger:hover .header-hamburger-inner::before,
        .header-hamburger:hover .header-hamburger-inner::after {
            background-color: #D9D8D6
        }

.header-hamburger-box {
    width: 18px;
    height: 12px;
    display: inline-block;
    position: relative
}

.header-hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px
}

    .header-hamburger-inner,
    .header-hamburger-inner::before,
    .header-hamburger-inner::after {
        width: 18px;
        height: 2px;
        background-color: #FFFFFF;
        border-radius: 0;
        position: absolute;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        transition-duration: 0.15s;
        transition-timing-function: ease
    }

        .header-hamburger-inner::before,
        .header-hamburger-inner::after {
            content: "";
            display: block
        }

        .header-hamburger-inner::before {
            top: -5px
        }

        .header-hamburger-inner::after {
            bottom: -5px
        }

.header-hamburger--squeeze .header-hamburger-inner {
    transition-duration: 0.1s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

    .header-hamburger--squeeze .header-hamburger-inner::before {
        transition: top 0.1s 0.14s ease, opacity 0.1s ease
    }

    .header-hamburger--squeeze .header-hamburger-inner::after {
        transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

.is-open-menu .header-hamburger--squeeze {
    background-color: #238dc1
}

    .is-open-menu .header-hamburger--squeeze .header-hamburger-inner {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition-delay: 0.14s;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

        .is-open-menu .header-hamburger--squeeze .header-hamburger-inner::before {
            top: 0;
            opacity: 0;
            transition: top 0.1s ease, opacity 0.1s 0.14s ease
        }

        .is-open-menu .header-hamburger--squeeze .header-hamburger-inner::after {
            bottom: 0;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1)
        }

@media (min-width: 1024px) {
    .header-hamburger {
        display: none;
        padding: 24px
    }
}

.header-search {
    display: none
}

@media (min-width: 1024px) {
    .header-search {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 4;
        display: none;
        background: #fff;
        -webkit-transform: translate3d(0, -120px, 0);
        transform: translate3d(0, -120px, 0);
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out
    }

        .header-search.is-open {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

            .header-search.is-open + .header-search-overlay {
                opacity: 1;
                visibility: visible
            }

    .header-search-container {
        padding: 0 16px
    }

    .header-search-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        opacity: 0;
        display: none;
        visibility: hidden;
        background: rgba(0, 0, 0, 0.8);
        transition: opacity 0.3s ease-out
    }

    .header-search-content {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
        margin-right: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 120px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .header-search-content {
        margin-left: calc((100% / 12 * 6))
    }
}

@media (min-width: 1024px) {
    .header-search-input {
        font-size: 1.625rem;
        line-height: 1.23077;
        margin-bottom: 24px;
        margin: 0 !important;
        border: none
    }
}

@media screen and (min-width: 1024px) and (min-width: 768px) {
    .header-search-input {
        font-size: 2rem;
        line-height: 1.25;
        margin-bottom: 56px
    }
}

@media (min-width: 1024px) {
    .header-search-close {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: .5;
        color: #50748a;
        margin-left: 16px
    }

        .header-search-close:hover {
            opacity: 1
        }

    .header-search,
    .header-search-overlay {
        display: block
    }
}

.menu-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    z-index: 1009;
    background: #333e48;
    display: none;
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: hidden
}

    .menu-overlay.is-open {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        transition: opacity .4s linear, -webkit-transform .4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform .4s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity .4s linear;
        transition: transform .4s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity .4s linear, -webkit-transform .4s cubic-bezier(0.785, 0.135, 0.15, 0.86)
    }

        .menu-overlay.is-open .menu-overlay-left-bg {
            opacity: 1;
            transition: opacity .4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition-delay: .3s
        }

        .menu-overlay.is-open .menu-overlay-item,
        .menu-overlay.is-open .menu-overlay-right {
            opacity: 1;
            transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition-delay: .2s
        }

            .menu-overlay.is-open .menu-overlay-item:nth-child(0) {
                transition-delay: .15s
            }

            .menu-overlay.is-open .menu-overlay-item:nth-child(1) {
                transition-delay: .2s
            }

            .menu-overlay.is-open .menu-overlay-item:nth-child(2) {
                transition-delay: .25s
            }

            .menu-overlay.is-open .menu-overlay-item:nth-child(3) {
                transition-delay: .3s
            }

            .menu-overlay.is-open .menu-overlay-item:nth-child(4) {
                transition-delay: .35s
            }

            .menu-overlay.is-open .menu-overlay-item:nth-child(5) {
                transition-delay: .4s
            }

            .menu-overlay.is-open .menu-overlay-item:nth-child(6) {
                transition-delay: .45s
            }

            .menu-overlay.is-open .menu-overlay-item:nth-child(7) {
                transition-delay: .5s
            }

    .menu-overlay.is-closing {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        transition: opacity .4s linear, -webkit-transform .4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform .4s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity .4s linear;
        transition: transform .4s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity .4s linear, -webkit-transform .4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition-delay: .4s
    }

        .menu-overlay.is-closing .menu-overlay-left-bg {
            opacity: 0
        }

        .menu-overlay.is-closing .menu-overlay-item {
            opacity: 0;
            transition-delay: .2s !important
        }

.menu-overlay-left-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 50%;
    opacity: 1;
    background: #edecea
}

.menu-overlay-left {
    position: relative;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-top: 40px;
    overflow: hidden;
    z-index: 3
}

.menu-overlay-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: -24px;
    padding-right: 48px
}

.menu-overlay-item {
    max-width: 525px;
    width: 100%;
    padding: 16px;
    cursor: pointer;
    border-bottom: 2px solid #d8d9d6;
    opacity: 0;
    transition: none
}

    .menu-overlay-item:hover,
    .menu-overlay-item.is-active {
        background: #f6f5f4
    }

    .menu-overlay-item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

.menu-overlay-item-title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    color: #50748a
}

.menu-overlay-item-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: .8125rem;
    line-height: 1.84615;
    padding-left: 16px
}

    .menu-overlay-item-list li {
        padding: 0
    }

        .menu-overlay-item-list li::before {
            display: none;
            content: ''
        }

    .menu-overlay-item-list li {
        margin-bottom: 0;
        color: #333e48
    }

.menu-overlay-right {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 160px 24px 0;
    opacity: 0
}

.menu-overlay-details-cont {
    position: relative;
    max-width: calc(500px + 2 * 24px)
}

.menu-overlay-details {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.4s ease-in-out
}

    .menu-overlay-details.is-active {
        opacity: 1;
        z-index: 1
    }

.menu-overlay-details-title {
    color: #fff
}

.menu-overlay-details-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .menu-overlay-details-btns .btn {
        max-width: 40%;
        width: 100%;
        margin-right: 24px
    }

    .menu-overlay-details-btns .btn-skin-1:hover {
        background-color: #000
    }

.menu-overlay-details-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

    .menu-overlay-details-list li {
        padding: 0
    }

        .menu-overlay-details-list li::before {
            display: none;
            content: ''
        }

    .menu-overlay-details-list > li {
        width: 40%;
        margin-right: 24px;
        padding-bottom: 16px
    }

    .menu-overlay-details-list a {
        color: #7ca6ba
    }

        .menu-overlay-details-list a:hover {
            color: #fff
        }

@media (min-width: 1024px) {
    .menu-overlay {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1220px) {
    .menu-overlay-inner {
        padding-right: 124px
    }

    .menu-overlay-right {
        padding-left: 100px
    }

    .menu-overlay-details-title {
        margin-bottom: 40px
    }

    .menu-overlay-details-list {
        margin-top: 56px
    }
}

/*------------------------------------------------------------
Footer
-------------------------------------------------------------- */
footer {
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    width: 100%;
    color: #415364;
    bottom: 80px;
    position: relative;
    margin-top: 0px;
}

    footer a,
    footer a:hover {
        color: #415364;
    }

    footer .row {
        width: calc(100% + 5px);
        background-color: #f6f5f4;
        padding-left: 15px;
        padding-right: 15px;
    }

    footer .container {
        max-width: initial;
        padding: 0px 24px;
    }

    footer svg#kordaMenthaLogo .st0 {
        fill-rule: evenodd;
        clip-rule: evenodd;
    }

    footer .left {
        height: auto;
    }

    footer .companyCopyright, footer .privacy, footer .privacy:hover, footer .groupTextIconContainer, footer .groupTextIconContainer a, footer svg#kordaMenthaLogo .foreColor {
        color: #415364;
    }

    footer svg#kordaMenthaLogo {
        width: 100%;
        height: auto;
    }

@media (min-width: 400px) {
    footer svg#kordaMenthaLogo {
        width: 348px;
        height: 16px;
        left: 1px;
        position: relative;
    }
}


@media (min-width: 1024px) {
    .groupTextIconContainer a {
        font-family: "Weisenhoff Grotesk Medium";
        color: #fff !important;
        font-size: 16px;
    }

    footer svg#kordaMenthaLogo {
        position: relative;
        top: -2.5px;
        left: initial;
    }
}

footer .companyCopyright, footer .privacy {
    display: inline;
    line-height: 25px;
    vertical-align: middle;
}

footer .companyCopyright {
    font-weight: 600;
}

footer > .row {
    height: 65px;
}

footer .col-md-4,
footer .col-xs-6 {
    height: auto;
    padding-right: 0;
    padding-left: 0;
}

footer img {
    margin-right: 10px;
    vertical-align: middle;
}

footer span {
    line-height: 65px;
    display: inline-block;
    height: 65px;
    vertical-align: middle;
}

footer #footerLinkedInIcon,
footer #footerFacebookIcon {
    width: 34px;
    height: auto;
}

footer .col-md-4:first-child {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
}

footer .col-md-4:nth-child(2) {
    width: 0%;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
}

footer .col-md-4:last-child {
    float: initial;
    width: 100%;
    max-width: initial;
    margin-left: 0;
    text-align: left;
}

footer .groupTextIconContainer {
    padding-right: 5px;
}

footer .socialMediaIconsContainer {
    display: inline;
    padding: 8px 10px 8px 10px;
    background-color: #fff;
    margin-left: 6px;
    display: none;
}

    footer .socialMediaIconsContainer a {
        color: #238DC1;
    }

footer .email {
    font-size: 1.3em;
    position: relative;
    top: 1px;
    left: 0;
}

footer .linkedin {
    font-size: 1.3em;
    position: relative;
    top: 1px;
    left: 2px;
}

footer .groupEntityText {
    line-height: initial;
    display: inline-block;
    position: relative;
}

footer svg {
    width: 100px;
    height: auto;
}

footer .iconContainer {
    line-height: 70px;
    display: inline-block;
    margin-right: 6px;
    padding: 8px 6px;
    background-color: #fff;
}

    footer .iconContainer a, footer .iconContainer {
        font-weight: 600;
        color: #4b858e;
    }

footer .col-md-4 {
    padding-top: 15px;
    padding-bottom: 6px;
}

    footer .col-md-4:first-child {
        padding-top: 16px;
        padding-bottom: 3px;
    }

    footer .col-md-4:last-child {
        padding-bottom: 16px;
        padding-top: 3px;
    }

span.linkedinLink {
    height: auto;
    line-height: initial;
    display: inline;
    vertical-align: initial;
}

footer .col-md-4:first-child,
footer .col-md-4:last-child {
    width: 100%;
}

@media (min-width: 1024px) {
    footer {
        height: 100px;
    }

        footer .col-md-4:first-child,
        footer .col-md-4:last-child {
            height: initial;
            float: left;
        }

    .groupTextIconContainer {
        line-height: initial;
    }
}

@media (min-width: 1340px) {
    footer {
        height: 70px;
    }

        footer .col-md-4:first-child {
            width: 68%;
        }

        footer .col-md-4:last-child {
            width: 32%;
            float: right;
            max-width: initial;
            text-align: right;
        }

    .groupTextIconContainer {
        line-height: 71px;
    }
}

@media (min-width: 1024px) {
    footer {
        color: #fff;
        background-color: #238DC1;
        bottom: 0px;
        padding: 0px;
    }

        footer a,
        footer a:hover,
        footer .companyCopyright,
        footer .privacy,
        footer .privacy:hover,
        footer .groupTextIconContainer,
        footer svg#kordaMenthaLogo .foreColor {
            color: #FFF;
        }

        footer .row {
            width: auto;
            padding-left: 0px;
            padding-right: 0px;
            background-color: transparent;
        }

        footer .companyCopyright, footer .privacy {
            line-height: 70px;
        }

        footer .col-md-4,
        footer .col-xs-6 {
            height: 65px;
        }

        footer .left {
            height: 70px;
        }

        footer .groupEntityText {
            line-height: 70px;
        }

        footer .socialMediaIconsContainer {
            display: inline;
        }

        footer .col-md-4,
        footer .col-md-4:first-child,
        footer .col-md-4:last-child {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        footer .linkedinLink {
            display: none;
        }
}

/* -----------------------------------------*/
/* Page templates */
/* -----------------------------------------*/

.wrapper {
    overflow: hidden
}

.page-content {
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 768px) {
    .page-content {
        padding-left: 0px;
        padding-right: 0px;
        top: -1px;
        position: relative;
    }
}

@media (max-width: 1024px) {
    .page-content {
        position: relative;
        bottom: 86px;
        top: initial;
    }
}


.component-page-controls.js-page-controls {
    display: flex;
}

.component-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .component-social a {
        margin-left: 16px;
    }

        .component-social a:first-of-type {
            margin-left: 0
        }

        .component-social a .svg-icon,
        .component-social {
            color: #415364;
            transition: color 200ms ease-in
        }

            .component-social a .svg-icon:hover {
                color: #333e48
            }

.component-social--bigger .svg-icon {
    width: 32px;
    height: 32px
}

.section {
}

.content-section {
    position: relative;
    padding: 40px 0
}

    .content-section [class^="component-"] {
        margin-bottom: 24px
    }

        .content-section [class^="component-"]:last-child {
            margin-bottom: 0
        }

.section-heading {
    margin-bottom: 24px
}

.section-no-top {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.section-no-bottom {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

section.section.page-header-section.carousel-section {
    margin-bottom: 188px;
}

@media (min-width: 1024px) {
    section.section.page-header-section.carousel-section {
        margin-bottom: -0.5px;
    }
}

@media (max-width: 1023px) {
    .component-child-navigation {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .section {
    }

    .content-section {
        padding: 56px 0
    }

        .content-section [class^="component-"] {
            margin-bottom: 48px
        }

            .content-section [class^="component-"]:last-child {
                margin-bottom: 0
            }

    .section-heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .section-heading .btn {
            width: auto;
            margin-left: auto
        }
}

@media (min-width: 1024px) {
    .section {
        /*padding-bottom: 24px;*/
    }

        .section.indentation {
            position: relative
        }

            .section.indentation::before {
                content: '';
                display: block;
                height: 56px
            }

            .section.indentation::after {
                content: '';
                display: block;
                position: absolute;
                top: -1px;
                left: 0;
                width: 66%;
                height: 56px;
                background-color: #fff
            }

    .content-section {
        padding: 70px 0
    }

        .content-section [class^="component-"] {
            margin-bottom: 40px
        }

            .content-section [class^="component-"]:last-child {
                margin-bottom: 0
            }
}

.no-padding {
    padding: 0 !important
}

.no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.no-top-padding {
    padding-top: 0 !important
}

.no-bottom-padding {
    padding-bottom: 0 !important
}

.no-vertical-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.content-sidebar-section {
    position: relative;
    margin-bottom: 20px;
}

.content-section .row {
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
}

.call-us-now-section {
    margin-top: 20px;
}

.callUsNowPanel .row {
    display: inline-block;
}

.full-col {
    width: 100%;
}

.content-sidebar-section .left-col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0px;
}

.content-sidebar-section .right-col:not(:empty) {
    margin: initial;
    width: 100%;
    padding-right: 0px;
}

.one-flex-column-main-row .content-sidebar-section .row {
    display: flex;
    flex-direction: column-reverse;
}

.one-flex-column-main-row .content-sidebar-section .container {
    padding: 0;
}


@media (min-width: 500px) {
    .content-sidebar-section .right-col:not(:empty) {
        padding-right: 16px;
    }
}

@media (min-width: 768px) {

    .content-sidebar-section .left-col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0px;
    }

    .content-sidebar-section .right-col:not(:empty) {
        margin: initial;
        padding-right: 0px;
        width: auto;
    }

    .content-sidebar-section .right-col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin: initial;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px) {

    .one-flex-column-main-row .content-sidebar-section .row {
        display: flex;
        flex-direction: row;
    }

    .content-sidebar-section .right-col:not(:empty) {
        margin: initial;
    }

    .content-sidebar-section {
        padding: 75px 0 0;
    }

    .content-small-separator {
        padding: 30px 0 0
    }

    .content-sidebar-section .left-col {
        -ms-flex-preferred-size: calc((100% / 12 * 9) - 30px - 0.1px);
        flex-basis: calc((100% / 12 * 9) - 30px - 0.1px);
        max-width: calc((100% / 12 * 9) - 30px - 0.1px);
        margin-right: 30px;
    }

    .one-flex-column-main-row .content-sidebar-section .left-col {
        -ms-flex-preferred-size: calc((100% / 12 * 9) - 60px - 0.1px);
        flex-basis: calc((100% / 12 * 9) - 60px - 0.1px);
        max-width: calc((100% / 12 * 9) - 60px - 0.1px);
        margin-right: 60px;
    }
}


@media (min-width: 1024px) {
    .content-sidebar-section .right-col {
        -ms-flex-preferred-size: calc((100% / 12 * 3) - 24px);
        flex-basis: calc((100% / 12 * 3) - 24px);
        max-width: calc((100% / 12 * 3) - 24px);
        margin-right: 24px;
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .content-sidebar-section .right-col {
    }
}

.page-controls-wrapper {
    width: calc(100% + 16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .page-controls-wrapper {
        width: calc(100% + 24px)
    }
}

@media (min-width: 1024px) {
    .page-controls-wrapper {
        width: calc(100% + 24px)
    }
}

.page-controls-wrapper.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.page-controls-wrapper .component-breadcrumbs {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px
}

.page-header-columns {
    margin-top: 24px
}

    .page-header-columns h6 {
        margin-bottom: 8px;
        color: #b3b2b1
    }

@media (min-width: 768px) {

    .page-controls-wrapper {
        margin-bottom: 24px
    }

        .page-controls-wrapper .component-breadcrumbs {
            -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
            flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
            max-width: calc((100% / 12 * 6) - 24px - 0.1px);
            margin-right: 24px
        }

    .page-controls-wrapper {
        margin-bottom: 24px
    }

        .page-controls-wrapper .component-breadcrumbs {
            -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
            flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
            max-width: calc((100% / 12 * 6) - 24px - 0.1px);
            margin-right: 24px
        }

    .page-header-columns {
        width: calc(100% + 16px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .page-header-columns {
        width: calc(100% + 24px)
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .page-header-columns {
        width: calc(100% + 24px)
    }
}

@media (min-width: 768px) {
    .page-header-columns.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .page-header-column {
        -ms-flex-preferred-size: calc((100% / 12 * 4) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 24px - 0.1px);
        max-width: calc((100% / 12 * 4) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) {
    .page-controls-wrapper .component-breadcrumbs {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1220px) {
    .page-header-column {
        -ms-flex-preferred-size: calc((100% / 12 * 3) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 24px - 0.1px);
        max-width: calc((100% / 12 * 3) - 24px - 0.1px);
        margin-right: 24px
    }
}

.layout-section .row > div {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px
}

.layout-section-75-25 .container {
    padding: 0px;
}

.layout-section-25-75 .container {
    padding: 0px;
}

.layout-section-50-50 .container {
    padding: 0px;
}

@media (min-width: 768px) {
    .layout-section .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px;
        margin-bottom: 0
    }

    .layout-section-offset .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px
    }

    .layout-section-50-50 .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
        margin-right: 24px
    }

    .layout-section-75-25 .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 4) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 24px - 0.1px);
        max-width: calc((100% / 12 * 4) - 24px - 0.1px);
        margin-right: 24px
    }

        .layout-section-75-25 .row > div:first-child {
            -ms-flex-preferred-size: calc((100% / 12 * 8) - 24px - 0.1px);
            flex-basis: calc((100% / 12 * 8) - 24px - 0.1px);
            max-width: calc((100% / 12 * 8) - 24px - 0.1px);
            margin-right: 24px
        }

    .layout-section-25-75 .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 24px - 0.1px);
        max-width: calc((100% / 12 * 8) - 24px - 0.1px);
        margin-right: 24px
    }

        .layout-section-25-75 .row > div:first-child {
            -ms-flex-preferred-size: calc((100% / 12 * 4) - 24px - 0.1px);
            flex-basis: calc((100% / 12 * 4) - 24px - 0.1px);
            max-width: calc((100% / 12 * 4) - 24px - 0.1px);
            margin-right: 24px
        }

    .layout-section-58-gap-33 .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 5) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 5) - 24px - 0.1px);
        max-width: calc((100% / 12 * 5) - 24px - 0.1px);
        margin-right: 24px
    }

        .layout-section-58-gap-33 .row > div:first-child {
            -ms-flex-preferred-size: calc((100% / 12 * 7) - 24px - 0.1px);
            flex-basis: calc((100% / 12 * 7) - 24px - 0.1px);
            max-width: calc((100% / 12 * 7) - 24px - 0.1px);
            margin-right: 24px
        }
}

@media (min-width: 1024px) {
    .layout-section .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px
    }

    .layout-section-offset .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 10) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 24px - 0.1px);
        max-width: calc((100% / 12 * 10) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .layout-section-offset .row > div {
        margin-left: calc((100% / 12 * 1))
    }
}

@media (min-width: 1024px) {
    .layout-section-50-50 .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
        margin-right: 30px;
    }

    .layout-section-75-25 .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 4) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 24px - 0.1px);
        max-width: calc((100% / 12 * 4) - 24px - 0.1px);
        margin-right: 30px;
    }

        .layout-section-75-25 .row > div:first-child {
            -ms-flex-preferred-size: calc((100% / 12 * 8) - 24px - 0.1px);
            flex-basis: calc((100% / 12 * 8) - 24px - 0.1px);
            max-width: calc((100% / 12 * 8) - 24px - 0.1px);
            margin-right: 30px;
        }

    .layout-section-25-75 .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 24px - 0.1px);
        max-width: calc((100% / 12 * 8) - 24px - 0.1px);
        margin-right: 30px;
    }

        .layout-section-25-75 .row > div:first-child {
            -ms-flex-preferred-size: calc((100% / 12 * 4) - 24px - 0.1px);
            flex-basis: calc((100% / 12 * 4) - 24px - 0.1px);
            max-width: calc((100% / 12 * 4) - 24px - 0.1px);
            margin-right: 30px;
        }

    .layout-section-58-gap-33 .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 4) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 24px - 0.1px);
        max-width: calc((100% / 12 * 4) - 24px - 0.1px);
        margin-right: 24px
    }

        .layout-section-58-gap-33 .row > div:first-child {
            -ms-flex-preferred-size: calc((100% / 12 * 7) - 24px - 0.1px);
            flex-basis: calc((100% / 12 * 7) - 24px - 0.1px);
            max-width: calc((100% / 12 * 7) - 24px - 0.1px);
            margin-right: 24px
        }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .layout-section-58-gap-33 .row > div:not(:first-child) {
        margin-left: calc((100% / 12 * 1))
    }
}

@media (min-width: 1024px) {
    .layout-section-narrow .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 10) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 24px - 0.1px);
        max-width: calc((100% / 12 * 10) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .layout-section-narrow .row > div {
        margin-left: calc((100% / 12 * 1))
    }
}

.homepage .layout-section-50-50 .left-col .thumbnail {
    margin-bottom: 30px
}

.homepage .layout-section-50-50 .left-col h2.tile-title {
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 8px
}

.homepage .layout-section-50-50 .news-title,
.homepage .layout-section-50-50 .tile-meta,
.homepage .layout-section-50-50.content-section [class^="component-"] {
    margin-bottom: 24px !important
}

    .homepage .layout-section-50-50 .news-title.right-title {
        margin-left: 24px;
        margin-bottom: 4px !important
    }

@media (max-width: 767px) {
    .homepage .layout-section-50-50 .left-col {
        margin-bottom: 24px
    }
}

@media (min-width: 768px) {
    .homepage .layout-section-50-50 .right-col .btn {
        float: right
    }
}

@media (min-width: 1024px) {
    .homepage .layout-section-50-50 .left-col {
        padding-right: 40px
    }
}

/* -----------------------------------------*/
/* Page level carousel  */
/* -----------------------------------------*/

.placerHeroCarousel,
.carousel-components-holder {
    padding-top: 0px;
}


@media (min-width: 1024px) {
    .placerHeroCarousel,
    .carousel-components-holder {
        padding-top: 0px;
    }
}

.placerHeroCarousel,
.carousel-indicators-panel {
    position: relative;
    top: 0px;
}

    .placerHeroCarousel .inner {
        width: 100%;
        height: 100%;
        position: relative;
        top: 0px;
    }

    .placerHeroCarousel .carousel-inner {
        max-height: 558px;
    }

    .placerHeroCarousel, .carousel-item, .placerHeroCarousel .carousel-item img, .placerHeroCarousel .carousel-item div {
        height: 400px;
        width: 100%;
    }

@media (min-width: 800px) {
    .placerHeroCarousel, .carousel-item, .placerHeroCarousel .carousel-item img, .placerHeroCarousel .carousel-item div {
        height: 558px;
    }
}

.carousel-section .carousel-indicators,
.carousel-indicators-panel .slick-dots {
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    bottom: 3px;
}

.carousel-indicators-panel .slick-dots {
    position: initial;
    left: initial;
    -webkit-transform: initial;
    transform: initial;
    bottom: initial;
    z-index: initial;
    margin: auto;
    list-style-type: initial;
    text-align: center;
    opacity: initial;
    transition: 0.3s opacity;
    z-index: 102;
    cursor: pointer;
    display: inline;
}

.carousel-section ol {
    display: inline !important;
    padding-left: 0px;
    position: relative;
}

.carousel-section li {
    margin-left: 4px;
    margin-right: 4px;
}

.carousel-section .carousel-indicators li,
.carousel-indicators-panel .slick-dots li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 3px;
    text-indent: -999px;
    cursor: pointer;
}

.carousel-section .slick-dots button {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    border: none;
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: initial;
    text-align: center;
    font-size: 0;
    box-shadow: none;
    border: 1px solid #b5b4b3;
    cursor: pointer;
}

.carousel-section .slick-active button {
    background-color: #b5b4b3;
}

.carousel-section .slick-dots button:active,
.carousel-section .slick-dots button:focus {
    outline: initial;
    background-color: #b5b4b3;
}

.carousel-section .carousel-arrow {
    color: #b5b4b3;
    font-size: 25px;
    display: inline;
}

.carousel-section .slick-arrow {
    position: relative;
    top: -2px;
    padding: initial;
    width: initial;
    height: initial;
    z-index: 1000;
    border: none;
    border-radius: 0;
    color: #b5b4b3;
    -webkit-transform: initial;
    transform: initial;
    background-color: transparent;
    transition: initial;
    cursor: pointer;
}

.carousel-section .carousel-indicators-panel {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
}

.carousel-section .carousel-indicators .active,
.carousel-indicators-panel .slick-dots .active {
    background-color: #b5b4b3;
}

.carousel-indicators-panel {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* -----------------------------------------*/
/* Page level hero image */
/* -----------------------------------------*/

.mainNewsArticleHero {
    position: relative;
    margin-top: 70px;
}

@media (min-width: 1024px) {
    .mainNewsArticleHero {
        margin-top: 0px;
        top: -1px;
    }
}

.mainNewsArticleHero .headerImage {
    border: 0px none !important;
    width: 100%;
    height: 400px;
}

@media (min-width: 800px) {
    .mainNewsArticleHero .headerImage {
        height: 558px;
    }
}

.mainNewsArticleHero .headerMap {
    height: 558px;
}

.mainNewsArticleHero .page-heading-panel,
.placerHeroCarousel .page-heading-indicators-outer-panel {
    position: relative;
    bottom: 0px;
    left: 0px;
    background-color: transparent;
    width: 100%;
}

.mainNewsArticleHero .page-heading,
.placerHeroCarousel .page-heading {
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 17px;
    color: #238DC1;
    font-size: 40px;
    margin-top: 10px;
    line-height: initial;
}

.mainNewsArticleHero .page-heading {
    margin-top: 56px;
}

@media screen and (max-width: 799px) {
    .mainNewsArticleHero .page-heading {
        margin-top: 57px;
    }
}


.page-heading-indicators-outer-panel .page-heading {
    display: none;
}

.placerHeroCarousel .mobile-page-heading {
    display: block;
}

.page-heading-sub-title {
    font-size: 30px;
    display: block;
}

    .page-heading-sub-title.separator {
        margin-left: 10px;
        margin-right: 10px;
        visibility: hidden;
        display: none;
    }

@media screen and (min-width: 600px) {

    .page-heading-sub-title {
        display: inline;
    }

        .page-heading-sub-title.separator {
            visibility: visible;
            display: inline;
        }
}

@media screen and (min-width: 1024px) {
    .mainNewsArticleHero .page-heading, .placerHeroCarousel .page-heading {
        padding-left: 14px;
        padding-right: 14px;
        color: #FFFFFF;
        font-size: 35px;
        margin-top: 0px;
        line-height: 50px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .page-heading-indicators-outer-panel .page-heading {
        display: block;
    }

    .placerHeroCarousel .mobile-page-heading {
        display: none;
    }


    .page-heading-sub-title {
        font-size: 25px;
    }

    .mainNewsArticleHero .page-heading-panel {
        background: linear-gradient(to left, transparent, #0000008f);
        position: absolute;
    }

    .placerHeroCarousel .page-heading-indicators-outer-panel {
        position: absolute;
        bottom: 0px;
        left: 0px;
        background: linear-gradient(to left, transparent, #0000008f);
        width: 100%;
        height: 65px;
        z-index: 100;
    }
}

/*----------------------------------*/
/* Secondary / right column content */
/*----------------------------------*/

.recentNews,
.openFunds,
.right-col-content {
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 25px;
    background-color: #f2eeea;
    width: calc(100% - 16px);
    display: block;
}

.right-col-content {
    width: 100%;
}

.sidebar-panel {
    margin-bottom: 35px;
    padding: 0px;
}


.openFunds {
    display: none;
}


@media (min-width: 1024px) {
    .sidebar-panel {
        /*margin-top: 60px;*/
        margin-bottom: 24px;
        padding: 24px;
        background-color: #f2eeea;
    }

        .sidebar-panel:last-child {
            margin-bottom: 0
        }
}


.recentNews .sectionHeading,
.openFunds .sectionHeading {
    font-weight: 600;
    font-size: 1.1rem;
    width: 100%;
    margin-top: -5px;
}

.recentNewsItem,
.openFundsItem {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 280px;
}

    .recentNewsItem:last-child,
    .openFundsItem:last-child {
        margin-bottom: 0px;
    }

@media (min-width: 500px) {
    .recentNews,
    .openFunds {
        width: initial;
    }

    /*.recentNewsItem,
    .openFundsItem {
        width: 280px;
    }*/
}


@media (max-width: 1023px) {
    .recentNews,
    .openFunds {
        margin-top: 10px;
        background-color: #FFF;
    }

    .recentNewsItem,
    .openFundsItem {
        margin-left: initial;
        margin-right: initial;
    }

    .recentNews, .openFunds {
        padding: 0px;
    }

    .right-col-content {
    }
}

.recentNewsItem img,
.openFundsItem img {
    width: 100%;
}

.recentNews .heading,
.openFunds .heading,
.right-panel-editor h5 {
    font-size: 0.95rem;
    color: #76777a;
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    width: 100%;
}

.right-panel-editor h5 {
    margin-bottom: 10px;
}


.recentNews .heading,
.openFunds .heading {
    padding-top: 15px;
    padding-bottom: 3px;
    font-size: 0.8rem;
    letter-spacing: 0.35px;
}

.recentNews .summary,
.openFunds .summary {
    font-size: 0.85rem;
    font-family: "Weisenhoff Grotesk Light Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    width: 100%;
}

.right-panel-editor p {
    font-size: 0.9rem;
}

    .right-panel-editor p:last-child {
        margin-bottom: 0px;
    }


.recentNews .summary ul,
.openFunds .summary ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}

    .recentNews .summary ul li,
    .openFunds .summary ul li {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
    }

        .recentNews .summary ul li::before,
        .openFunds .summary ul li::before {
            position: initial;
            left: 0;
            top: 0;
            content: initial;
            display: none;
            width: initial;
            height: initial;
            border-radius: initial;
            background-color: transparent;
        }

@media (min-width: 1024px) {
    .recentNewsItem,
    .openFundsItem {
        width: 100%;
    }
}

/* -----------------------------------------*/
/* Homepage */
/* -----------------------------------------*/

.homepage .row {
    width: 100%;
}

@media (max-width: 1024px) {
    .homepage {
        margin-top: -100px;
    }
}

@media screen and (max-width: 799px) {
    .homepage {
        margin-top: -115px;
    }
}

/* -----------------------------------------*/
/* News Article */
/* -----------------------------------------*/

article h6 {
    margin-bottom: 30px;
}

/* -----------------------------------------*/
/* Previous and Next Article */
/* -----------------------------------------*/

.component-page-pagination {
    padding-top: 40px;
}

    .component-page-pagination .page-pagination-arrow {
        position: relative;
        font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif
    }

        .component-page-pagination .page-pagination-arrow:first-child {
            margin-top: 0
        }

        .component-page-pagination .page-pagination-arrow .svg-icon {
            position: absolute;
            color: #238dc1
        }

        .component-page-pagination .page-pagination-arrow.prev {
            display: none;
            padding-left: 24px
        }

            .component-page-pagination .page-pagination-arrow.prev .svg-icon {
                left: 0
            }

        .component-page-pagination .page-pagination-arrow.next {
            display: block;
            padding-right: 24px;
            text-align: right
        }

            .component-page-pagination .page-pagination-arrow.next .svg-icon {
                right: 0
            }

    .component-page-pagination .page-pagination-meta {
        display: block;
        width: 100%;
        color: #77777a;
        margin: 0
    }

@media (min-width: 768px) {
    .component-page-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .component-page-pagination .page-pagination-arrow {
            max-width: 50%;
            margin: 0
        }

            .component-page-pagination .page-pagination-arrow.prev {
                display: block;
                padding-left: 32px
            }

            .component-page-pagination .page-pagination-arrow.next {
                padding-right: 32px;
                margin-left: auto
            }

            .component-page-pagination .page-pagination-arrow:hover.prev .svg-icon {
                -webkit-transform: translateX(-8px);
                transform: translateX(-8px)
            }

            .component-page-pagination .page-pagination-arrow:hover.next .svg-icon {
                -webkit-transform: translateX(8px);
                transform: translateX(8px)
            }
}

@media (min-width: 1024px) {
    .component-page-pagination {
        padding-top: 80px
    }
}


/* -----------------------------------------*/
/* Call Us Now Contact Details */
/* -----------------------------------------*/

.callUsNowPanel {
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    width: 100%;
    margin: auto;
    background-color: #fff;
    height: auto;
}


@media (max-width: 1024px) {
    .callUsNowPanel {
        height: auto;
        margin-bottom: 49px;
        margin-top: -15px;
    }
}

@media (max-width: 760px) {
    .callUsNowPanel {
        margin-bottom: 40px;
    }
}

@media (max-width: 400px) {
    .callUsNowPanel {
        margin-bottom: 30px;
    }
}

.callUsNowPanel .heading {
    padding-bottom: 20px;
    font-size: 1.4rem;
    color: #415364;
    text-align: left;
    position: relative;
    top: 3px;
}

.callUsNowPanel .telephone,
.callUsNowPanel .email {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
    height: 50px;
    text-align: left;
}

    .callUsNowPanel .telephone a,
    .callUsNowPanel .email a {
        color: #76777A;
        font-weight: 600;
        font-size: 0.95rem;
    }

.callUsNowPanel div.icon-container {
    width: 55px;
    height: 50px;
    transition: all 0.2s ease-in-out;
}

    .callUsNowPanel div.icon-container:hover {
        transition: all 0.2s ease-in-out;
    }

    .callUsNowPanel div.icon-container svg {
        width: 55px;
        height: 50px;
        transition: all 0.1s ease-in-out;
    }

    .callUsNowPanel div.icon-container .svg-icon {
        transition: all 0.1s ease-in-out;
    }

    .callUsNowPanel div.icon-container:hover .svg-icon {
        transition: all 0.1s ease-in-out;
    }

.callUsNowPanel .icon-container {
    margin-right: 15px;
    text-align: center;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    width: 50px;
    height: 50px;
}

.callUsNowPanel .data-container {
    line-height: 50px;
}

.callUsNowPanel .heading {
    padding-right: 50px;
}

@media (max-width: 1024px) {
    .callUsNowPanel .telephone {
        margin-bottom: 25px;
    }
}

@media (min-width: 768px) {
    .callUsNowPanel .heading {
        font-size: 1.55rem;
    }

    .callUsNowPanel .telephone a,
    .callUsNowPanel .email a {
        font-size: 1.05rem;
    }
}

@media (min-width: 1024px) {
    .callUsNowPanel {
        padding: 50px 0px 30px 0px;
    }

    .callUsNowPanel {
        background-color: #f2eeea;
    }

        .callUsNowPanel .heading,
        .callUsNowPanel .telephone,
        .callUsNowPanel .email {
            float: left;
            width: initial;
        }

        .callUsNowPanel .telephone {
            width: 200px;
        }

        .callUsNowPanel .email {
            width: 290px;
        }
}


/* -----------------------------------------*/
/* Loader */
/* -----------------------------------------*/
.component-loader {
    width: 100px;
    height: 100px;
    border: 10px solid #5F9DC6;
    border-right-color: transparent;
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader-rotate 1s linear infinite;
    animation: loader-rotate 1s linear infinite;
    margin: 0 auto
}

@-webkit-keyframes loader-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


/* -----------------------------------------*/
/* Listing */
/* -----------------------------------------*/
#listing-app {
    position: relative;
    min-height: 250px
}

    #listing-app .component-loader {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

.component-filtered-listing {
    margin-bottom: 0 !important
}

.listing-container-wrapper {
    position: relative;
    min-height: 250px
}

.listing-results-wrapper {
    overflow: hidden;
}

.listing-prompt {
    text-align: center
}

.listing-toolbar-section {
    display: none
}

.listing-pagination {
    z-index: 900;
}

    .listing-pagination .page,
    .listing-pagination .break,
    .listing-pagination .next,
    .listing-pagination .previous {
        font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
        display: block;
        color: #5F9BC6;
    }

        .listing-pagination .page.selected a,
        .listing-pagination .break.selected a {
            color: #000;
        }

@media (min-width: 768px) {
    .listing-pagination {
        -ms-flex-preferred-size: calc((100% / 12 * 10) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 24px - 0.1px);
        max-width: calc((100% / 12 * 10) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .listing-pagination {
        margin-left: calc((100% / 12 * 1))
    }
}

@media (min-width: 1024px) {
    .listing-pagination {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .listing-pagination {
        margin-left: calc((100% / 12 * 3))
    }
}

.listing-content-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding: 0 16px;
    max-width: calc(1200px + (16px * 2));
    padding-left: 15px;
    padding-right: 15px;
}


@media (min-width: 1024px) {
    .listing-content-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.component-tile-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 16px);
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    flex-wrap: wrap
}

    .component-tile-container.one-col,
    .component-tile-container.two-col {
        width: 100%;
    }

@media (min-width: 768px) {
    .component-tile-container {
        width: calc(100% + 24px)
    }
}

@media (min-width: 1024px) {
    .component-tile-container {
        width: calc(100% + 24px)
    }
}

.component-tile-container.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.component-tile-container .tile {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px;
    margin-bottom: 24px
}

    .component-tile-container .tile.icon-tile {
        margin-bottom: 0
    }

.component-tile-container .tile-content {
    padding-top: 20px;
}

@media (min-width: 768px) {
    .component-tile-container .tile, .component-tile-container.one-col .tile {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px;
        margin-bottom: 24px;
    }

    .component-tile-container.two-col .tile,
    .component-tile-container.four-col .tile {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
        margin-right: 24px;
        margin-bottom: 24px;
    }

    .component-tile-container.three-col .tile {
        -ms-flex-preferred-size: calc(50% - 24px);
        flex-basis: calc(50% - 24px);
        max-width: calc(50% - 24px);
        margin-right: 24px;
        margin-bottom: 24px;
    }
}

@media (min-width: 1024px) {
    .component-tile-container .tile-content {
        padding-bottom: 20px;
    }

    .component-tile-container .tile,
    .component-tile-container.one-col .tile {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px;
        margin-bottom: 24px;
    }

    .component-tile-container.two-col .tile {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
        margin-right: 24px;
        margin-bottom: 24px;
    }

    .component-tile-container.three-col .tile {
        -ms-flex-preferred-size: calc((100% / 12 * 4) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 24px - 0.1px);
        max-width: calc((100% / 12 * 4) - 24px - 0.1px);
        margin-right: 24px;
        margin-bottom: 24px;
    }

    .component-tile-container.four-col .tile {
        -ms-flex-preferred-size: calc((100% / 12 * 3) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 24px - 0.1px);
        max-width: calc((100% / 12 * 3) - 24px - 0.1px);
        margin-right: 24px;
        margin-bottom: 24px;
    }

    .component-tile-container .tile {
        margin-bottom: 0px;
    }
}

.intrinsic-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.intrinsic-image {
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    background: #edecea;
    padding-bottom: 66.66667%
}

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

.content-tile {
    background-color: #f2eeea;
}

.tile-content {
    padding: 16px;
}

    .tile-content h4.tile-title,
    .tile-content h4.tile-title a,
    .right-panel-editor h4,
    .widgetHeading {
        font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-bottom: 12px;
        color: #333e48;
    }

.tile-meta {
    font-size: .8125rem;
    line-height: 1.84615;
    margin-bottom: 12px;
}

.tile-meta-item:last-of-type .tile-meta-spacer {
    display: none;
}

.tile-meta-spacer {
    margin: 0 8px;
    color: #77777a;
}

.right-panel-editor h4,
.widgetHeading {
    margin-bottom: 25px;
}

.component-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0
}

    .component-pagination li {
        padding: 0
    }

        .component-pagination li::before {
            display: none;
            content: ''
        }

    .component-pagination li {
        margin: 0;
        font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif
    }

        .component-pagination li.selected {
            font-weight: 600;
        }

@media (max-width: 768px) {
    .component-pagination li.page {
        display: none;
    }
}

.component-pagination li.btn-disabled a,
.component-pagination li.btn-disabled a .svg-icon {
    cursor: default
}

.component-pagination a {
    display: block;
}

    .component-pagination a:hover {
        text-decoration: none
    }

.component-pagination .previous,
.component-pagination .next {
    width: 50%
}

    .component-pagination .previous a,
    .component-pagination .next a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .component-pagination .previous a {
        float: left;
    }

    .component-pagination .next a {
        float: right;
    }

    .component-pagination .previous span {
        margin-left: 8px
    }

.component-pagination .next {
    text-align: right
}

    .component-pagination .next span {
        margin-right: 8px
    }

.component-pagination .break {
    display: none
}

@media (min-width: 768px) {
    .component-pagination {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .component-pagination.page-left {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        .component-pagination.page-right {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

        .component-pagination .previous,
        .component-pagination .next {
            width: auto
        }

            .component-pagination .previous:not(.btn-disabled):hover .svg-icon {
                -webkit-transform: translateX(-8px);
                transform: translateX(-8px)
            }

            .component-pagination .next:not(.btn-disabled):hover .svg-icon {
                -webkit-transform: translateX(8px);
                transform: translateX(8px)
            }
}

.filter-container-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

    .filter-container-wrapper > div {
        width: 100%
    }

.filters-section {
    margin-top: 40px;
    background-color: #f2eeea;
}

.filters-section,
.active-filters-section {
    margin-bottom: 24px
}

.filters-section {
    padding: 24px 0;
}

    .filters-section .filters-wrapper {
        margin-right: auto;
        margin-left: auto;
        padding: 0 16px;
        max-width: calc(1200px + (16px * 2))
    }

.active-filters-section .active-filters-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding: 0 16px;
    max-width: calc(1200px + (16px * 2))
}

@media (min-width: 768px) {
    .filters-section {
        margin-bottom: 78px;
    }

    .active-filters-section {
        margin-top: -50px;
        margin-bottom: 50px
    }
}

.filters .filter-item {
    background-color: transparent
}

    .filters .filter-item.filter-select > div {
        padding-left: 0;
        border: none;
        border-bottom: 1px solid #7ca6ba;
        background-color: transparent;
        color: #79716d
    }

p.multi-checkbox-filter-title-text {
    color: #79716d;
}

.filters .filter-item.filter-select > div:focus {
    border-bottom-color: #fff;
    color: #fff
}

.filters .filter-item.filter-select > div:hover {
    border-bottom-color: #b3b2b1
}

.filters .filter-item.filter-select .chevron-down-icon {
    color: #7ca6ba
}

.filters .filter-item.is-open p {
    color: #7ca6ba
}

.filters .btn .svg-icon {
    margin-left: 2px
}

@media (min-width: 1024px) {
    .filters-section {
        margin-top: -1px;
    }

    .filters .btn .svg-icon {
        margin-left: 6px
    }
}

.filters-top .listing-toolbar-wrapper,
.listing-content-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding: 0 16px;
    max-width: calc(1200px + (16px * 2))
}

.filters-top .listing-results-wrapper {
    width: calc(100% + 16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.keyword-filter input[type=text] {
    width: 100%;
}

.news-listing {
    margin-bottom: -24px;
}

@media (min-width: 768px) {
    .filters-top .listing-results-wrapper {
        width: calc(100% + 24px)
    }
}

@media (min-width: 1024px) {
    .filters-top .listing-results-wrapper {
        width: calc(100% + 24px)
    }
}

.filters-top .listing-results-wrapper.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.filters-top .listing-results,
.filters-top .listing-resources {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px
}

@media (min-width: 768px) {
    .filters-top .filters {
        width: calc(100% + 16px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .filters-top .filters {
        width: calc(100% + 24px)
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .filters-top .filters {
        width: calc(100% + 24px)
    }
}

@media (min-width: 768px) {
    .filters-top .filters.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .filters-top .filter-item {
        -ms-flex-preferred-size: calc((100% / 12 * 3) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 24px - 0.1px);
        max-width: calc((100% / 12 * 3) - 24px - 0.1px);
        margin-right: 24px
    }

    .filters-top .filters .btn {
        -ms-flex-preferred-size: calc((100% / 12 * 3) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 24px - 0.1px);
        max-width: calc((100% / 12 * 3) - 24px - 0.1px);
        margin-right: 24px
    }

    .filters-top .active-filters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .filters-top .active-filter-heading {
        margin-right: 3px
    }

    .filters-top .active-filter-item {
        position: relative;
        margin-right: 8px
    }

    .keyword-filter {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 24px - 0.1px) !important;
        flex-basis: calc((100% / 12 * 8) - 24px - 0.1px) !important;
        max-width: calc((100% / 12 * 8) - 24px - 0.1px) !important;
    }

    .multi-checkbox-filter {
        -ms-flex-preferred-size: calc((100% / 12 * 4) - 24px - 0.1px) !important;
        flex-basis: calc((100% / 12 * 4) - 24px - 0.1px) !important;
        max-width: calc((100% / 12 * 4) - 24px - 0.1px) !important;
    }

    .filters-top .active-filter-item:last-of-type {
        margin-right: 12px
    }

        .filters-top .active-filter-item:last-of-type::after {
            content: ''
        }

    .filters-top .active-filter-item::after {
        position: absolute;
        right: -4px;
        content: ','
    }

    .filters-top .active-filter-item span {
        font-size: .8125rem;
        line-height: 1.84615
    }

    .filters-top .listing-results {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px
    }

    .filters-top .has-resources .listing-results {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 24px - 0.1px);
        max-width: calc((100% / 12 * 8) - 24px - 0.1px);
        margin-right: 24px
    }

    .filters-top .has-resources .listing-resources {
        -ms-flex-preferred-size: calc((100% / 12 * 4) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 24px - 0.1px);
        max-width: calc((100% / 12 * 4) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) {
    .filters-top .filters .filter-item,
    .filters-top .filters .btn {
        -ms-flex-preferred-size: calc((100% / 12 * 3) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 24px - 0.1px);
        max-width: calc((100% / 12 * 3) - 24px - 0.1px);
        margin-right: 24px
    }

    .filters-top .listing-results {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px
    }

    .filters-top .has-resources .listing-results {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 24px - 0.1px);
        max-width: calc((100% / 12 * 8) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .filters-top .has-resources .listing-results {
        margin-left: calc((100% / 12 * 0))
    }
}

@media (min-width: 1024px) {
    .filters-top .has-resources .listing-resources {
        -ms-flex-preferred-size: calc((100% / 12 * 3) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 24px - 0.1px);
        max-width: calc((100% / 12 * 3) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .filters-top .has-resources .listing-resources {
        margin-left: calc((100% / 12 * 1))
    }
}

.active-filters .active-filter-item {
    margin-bottom: 0
}

.active-filters .active-filter-reset {
    text-decoration: underline;
    color: #7ca6ba;
    cursor: pointer
}

    .active-filters .active-filter-reset:hover {
        text-decoration: none;
        color: #333e48
    }

.multi-checkbox-filter {
    position: relative;
    width: 100%;
    min-height: 48px;
    height: auto;
    background-color: #edecea;
    z-index: 1;
    margin-top: 10px;
    margin-bottom: 15px;
}

    .multi-checkbox-filter .multi-checkbox-filter-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 48px
    }

        .multi-checkbox-filter .multi-checkbox-filter-title .multi-checkbox-filter-title-text {
            margin-bottom: 0
        }

    .multi-checkbox-filter .multi-checkbox-filter-panel {
        list-style: none;
        padding: 0;
        margin: 0;
        padding-left: 12px;
        padding-right: 12px;
        height: 0;
        width: 100%;
        border: 1px solid #d8d9d6;
        border-top: none;
        background-color: #fff;
        z-index: 10;
        overflow: hidden;
        overflow-y: auto;
        visibility: hidden;
        transition: all 200ms ease-in-out;
        position: static
    }

        .multi-checkbox-filter .multi-checkbox-filter-panel li {
            padding: 0
        }

            .multi-checkbox-filter .multi-checkbox-filter-panel li::before {
                display: none;
                content: ''
            }

    .multi-checkbox-filter.is-open {
        z-index: 2
    }

        .multi-checkbox-filter.is-open .multi-checkbox-filter-panel {
            padding: 12px;
            height: auto;
            visibility: visible
        }

        .multi-checkbox-filter.is-open .multi-checkbox-filter-title .svg-icon {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .multi-checkbox-filter .multi-checkbox-filter-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 24px;
        margin-bottom: 12px;
        cursor: pointer
    }

        .multi-checkbox-filter .multi-checkbox-filter-item span {
            position: relative;
            padding-left: 36px;
            min-height: 24px;
            line-height: 24px
        }

            .multi-checkbox-filter .multi-checkbox-filter-item span::before {
                position: absolute;
                top: -2.5px;
                left: 0;
                content: '';
                height: 24px;
                width: 24px;
                border: 1px solid #d8d9d6;
                border-radius: 2px
            }

        .multi-checkbox-filter .multi-checkbox-filter-item .svg-icon {
            position: absolute;
            top: -1px;
            color: #fff;
            opacity: 0;
            z-index: 1;
            transition: opacity 0.15s ease-in-out;
            padding: 2px;
            width: 24px;
            height: 24px;
            pointer-events: none
        }

        .multi-checkbox-filter .multi-checkbox-filter-item.active span::before {
            border-color: #50748a;
            background-color: #7ca6ba
        }

        .multi-checkbox-filter .multi-checkbox-filter-item.active .svg-icon {
            opacity: 1
        }

        .multi-checkbox-filter .multi-checkbox-filter-item:last-child {
            margin-bottom: 0
        }

@media (min-width: 768px) {
    .multi-checkbox-filter {
        height: 48px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .multi-checkbox-filter .multi-checkbox-filter-panel {
            position: absolute;
        }

    #KM_EngagementTypes .multi-checkbox-filter-panel {
        position: absolute;
        left: -70%;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        width: 480px;
    }
}

.single-checkbox-filter {
    position: relative;
    width: 100%;
    min-height: 48px;
    padding: 12px 0;
    height: 48px;
    background-color: #edecea;
    z-index: 1
}

    .single-checkbox-filter .single-checkbox-filter-panel {
        list-style: none;
        padding: 0;
        margin: 0;
        padding-left: 12px;
        padding-right: 12px;
        height: 0;
        width: 100%;
        border: 1px solid #7ca6ba;
        border-top: none;
        background-color: #fff;
        z-index: 10;
        overflow: hidden;
        overflow-y: auto;
        visibility: hidden;
        transition: all 200ms ease-in-out;
        position: static
    }

        .single-checkbox-filter .single-checkbox-filter-panel li {
            padding: 0
        }

            .single-checkbox-filter .single-checkbox-filter-panel li::before {
                display: none;
                content: ''
            }

    .single-checkbox-filter .single-checkbox-filter-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 24px;
        cursor: pointer;
        position: relative
    }

        .single-checkbox-filter .single-checkbox-filter-item span {
            position: relative;
            padding-left: 36px;
            min-height: 24px;
            line-height: 24px;
            color: #b3b2b1
        }

            .single-checkbox-filter .single-checkbox-filter-item span::before {
                position: absolute;
                top: 0;
                left: 0;
                content: '';
                height: 24px;
                width: 24px;
                border: 1px solid #7ca6ba;
                border-radius: 2px
            }

        .single-checkbox-filter .single-checkbox-filter-item .svg-icon {
            position: absolute;
            top: 0;
            color: #fff;
            opacity: 0;
            z-index: 1;
            transition: opacity 0.15s ease-in-out;
            padding: 4px;
            width: 24px;
            height: 24px;
            pointer-events: none
        }

        .single-checkbox-filter .single-checkbox-filter-item.active span::before {
            border-color: #50748a;
            background-color: #7ca6ba
        }

        .single-checkbox-filter .single-checkbox-filter-item.active .svg-icon {
            opacity: 1
        }

.keyword-filter {
    position: relative;
    width: 100%
}

    .keyword-filter .svg-icon {
        position: absolute;
        top: 12px;
        left: 0;
        color: #79716d;
    }

    .keyword-filter input[type="text"] {
        padding-left: 30px;
        margin-bottom: 0;
        color: #79716d;
    }

        .keyword-filter input[type="text"]:hover,
        .keyword-filter input[type="text"]:focus {
            color: #7ca6ba !important;
        }

/* Textbox hover focus */

input[type="text"]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #7ca6ba;
}

input[type="text"]:focus:-moz-placeholder,
textarea:focus:-moz-placeholder,
select:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #7ca6ba;
    opacity: 1;
}

input[type="text"]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
select:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #7ca6ba;
    opacity: 1;
}

input[type="text"]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
select:focus::-moz-placeholder { /* Internet Explorer 10-11 */
    color: #7ca6ba;
}

input[type="text"]:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder,
select:focus::-moz-placeholder { /* Microsoft Edge */
    color: #7ca6ba;
}

input[type="text"]:focus::placeholder,
textarea:focus::placeholder,
select:focus::placeholder { /* Most modern browsers support this now. */
    color: #7ca6ba;
}

/* -----------------------------------------*/
/* Full width cut out tiles */
/* -----------------------------------------*/
.component-engagement-featurette {
    height: 526px;
    overflow: hidden
}

    .component-engagement-featurette h5,
    .component-engagement-featurette h3 {
        font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #4d5057;
    }


.register-your-interest .component-engagement-featurette h5,
.register-your-interest .component-engagement-featurette h3,
.property-fund-tile .component-engagement-featurette h5,
.property-fund-tile .component-engagement-featurette h3 {
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.component-engagement-featurette h3 {
    margin-bottom: 30px;
}

.component-engagement-featurette .btn-skin-3 {
    background-color: #79716d;
}

.component-engagement-featurette.slim,
.component-engagement-featurette.extraslim {
    height: auto;
}

.engagement-featurette-media-container {
    position: relative;
    overflow: hidden
}

.engagement-featurette-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover
}

.engagement-featurette-content {
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0 24px 0 24px
}

    .engagement-featurette-content .btn {
        width: auto;
        padding: 10px 20px;
    }

.component-engagement-featurette .engagement-featurette-content {
    height: initial;
}

.property-fund-tile .text-container {
    padding-right: 0px;
}

.component-engagement-featurette.bothImage {
    height: auto;
    width: 100%;
}

.component-featured-text.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}


.component-engagement-featurette.extraSlimCutout {
    height: 276px;
    overflow: hidden
}

.extraSlimCutout .text-container h3 {
    margin-bottom: 8px;
}


.engagement-featurette-media-no-stretch-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top left;
    background-size: auto;
    background-repeat: no-repeat;
}



@media (min-width: 767px) {
    .component-engagement-featurette.bothImage {
        width: 100%;
    }
}

.bothImage > .engagement-featurette-media-container {
    max-height: 390px;
}

.secondaryContainer {
    height: 200px;
    padding: 0px;
}

.bothImage .text-container {
    text-align: center;
}

    .bothImage .engagement-featurette-content,
    .bothImage .text-container, .bothImage .text-container img {
        max-width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
    }


.bothImage .engagement-featurette-content {
    height: 250px;
}

@media (min-width: 767px) {
    .bothImage .engagement-featurette-content,
    .bothImage .text-container,
    .bothImage .text-container img {
        width: 100%;
    }


    .bothImage > .engagement-featurette-media-container {
        max-height: initial;
        height: 300px;
    }

    .bothImage .engagement-featurette-content {
        height: 100%;
    }

    .component-engagement-featurette.bothImage {
        height: 390px;
    }

    .bothImage > .engagement-featurette-media-container {
        height: 100%;
    }

    .secondaryContainer {
        height: auto;
        padding: 24px;
    }


    .bothImage .engagement-featurette-content,
    .bothImage .text-container,
    .bothImage .text-container img {
        padding: 0px 10px;
    }
}

@media (max-width: 767px) {
    .component-engagement-featurette,
    .component-engagement-featurette.extraSlimCutout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: calc(526px + (24px * 2));
        width: 100%;
    }

        .component-engagement-featurette .engagement-featurette-content {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            padding: 35px;
            width: 100%;
        }

        .component-engagement-featurette .engagement-featurette-text {
            overflow: hidden
        }

    .engagement-featurette-media-container {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .component-engagement-featurette.slim .engagement-featurette-media-container .intrinsic-image-long {
        height: 278px;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .component-engagement-featurette {
        width: calc(100% + 24px)
    }

        .component-engagement-featurette.extraslim {
            width: 100%;
        }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .component-engagement-featurette {
        width: calc(100% + 24px)
    }
}

@media (min-width: 768px) {
    .component-engagement-featurette {
        position: relative;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .component-engagement-featurette.bothImage {
            width: calc(100% + 20px);
        }

            .component-engagement-featurette.bothImage.reverse {
                width: 100%;
            }

        .component-engagement-featurette.reverse {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

            .component-engagement-featurette.reverse .engagement-featurette-media::after {
                left: auto;
                right: 0;
                bottom: 0
            }

        .component-engagement-featurette.slim .engagement-featurette-content {
            padding-right: 24px;
            padding-left: 0;
            height: 100%;
        }

    .engagement-featurette-media-container {
        -ms-flex-preferred-size: calc((100% / 12 * 6));
        flex-basis: calc((100% / 12 * 6));
        max-width: calc((100% / 12 * 6));
    }

    .extraSlimCutout .engagement-featurette-media-container {
        -ms-flex-preferred-size: calc((100% / 12 * 8));
        flex-basis: calc((100% / 12 * 8));
        max-width: calc((100% / 12 * 8));
        height: 100%;
    }

    .property-fund-tile .engagement-featurette-media-container {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px);
        flex-basis: calc((100% / 12 * 6) - 24px);
        max-width: calc((100% / 12 * 6) - 24px);
    }

    .engagement-featurette-media {
        padding-bottom: 0
    }

        .engagement-featurette-media::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: inherit;
            width: 56px;
            height: 44%
        }

    .engagement-featurette-content {
        -ms-flex-preferred-size: calc((100% / 12 * 6));
        flex-basis: calc((100% / 12 * 6));
        max-width: calc((100% / 12 * 6));
        margin-right: 24px;
        padding-right: 0
    }

    .extraSlimCutout .engagement-featurette-content {
        -ms-flex-preferred-size: calc((100% / 12 * 4));
        flex-basis: calc((100% / 12 * 4));
        max-width: calc((100% / 12 * 4));
        margin-right: 0px;
        margin-left: 0px;
        padding-right: 0px;
    }

    .extraSlimCutout .engagement-featurette-content {
        align-self: center;
        padding: 0px;
        padding-left: 35px;
        padding-right: 15px;
    }

    .extraSlimCutout.reverse .engagement-featurette-content {
        padding-left: 20px;
        padding-right: 15px;
    }

    .slide-item .engagement-featurette-media-container {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px);
        flex-basis: calc((100% / 12 * 6) - 24px);
        max-width: calc((100% / 12 * 6) - 24px);
    }

    .engagement-featurette-content .btn {
        width: auto
    }

    .engagement-featurette-content::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 24px;
        z-index: -1;
        display: block;
        background-color: inherit
    }

    .extraSlimCutout .engagement-featurette-content::before {
        right: 0px;
    }

    .engagement-featurette-subtext {
        margin-bottom: 8px
    }

    .component-engagement-featurette.slim .engagement-featurette-content,
    .property-fund-tile .engagement-featurette-content {
        padding: 20px 25px;
    }

    .property-fund-tile:nth-child(even) .engagement-featurette-content {
        padding: 20px 0px;
        margin-right: 0px;
    }

    .property-fund-tile:nth-child(even) .component-engagement-featurette {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .property-fund-tile:nth-child(even) .engagement-featurette-media::after {
        left: auto;
        right: 0;
        bottom: 0;
    }

    .property-fund-tile:nth-child(even) .engagement-featurette-media-container {
        margin-right: 24px;
    }

    .property-fund-tile:nth-child(even) .text-container {
        padding-right: 45px;
    }
}

@media (min-width: 768px) and (max-width: 1219px) {
    .engagement-featurette-media-container .intrinsic-image,
    .engagement-featurette-media-container .intrinsic-image-long {
        padding-bottom: 0;
        height: 526px
    }

    .component-engagement-featurette.slim .engagement-featurette-media-container .intrinsic-image,
    .component-engagement-featurette.slim .engagement-featurette-media-container .intrinsic-image-long {
        height: 450px
    }
}

@media (min-width: 1024px) {
    .reverse .featurette-content {
        -ms-flex-preferred-size: calc((100% / 12 * 5) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 5) - 24px - 0.1px);
        max-width: calc((100% / 12 * 5) - 24px - 0.1px);
        margin-right: 24px
    }

    .reverse .featurette-content {
        margin-left: 0;
        margin-right: calc((100% / 12 * 1) + 24px)
    }

    .component-engagement-featurette.slim .engagement-featurette-media {
        margin-left: 0;
        padding-left: 24px
    }

    .component-engagement-featurette.slim .engagement-featurette-content {
        padding: 30px 40px;
    }

    .property-fund-tile:nth-child(even) .engagement-featurette-content {
        padding: 30px 15px;
    }

    .slim .engagement-featurette-media-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .slim .engagement-featurette-media-container .intrinsic-image-long {
            height: auto;
            padding-bottom: 0
        }

    .engagement-featurette-media-container {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 0.1px);
        max-width: calc((100% / 12 * 8) - 0.1px);
        margin-right: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .slide-item .engagement-featurette-media-container {
        flex-basis: calc((100% / 12 * 8) - 24px);
        max-width: calc((100% / 12 * 8) - 24px);
    }

    .engagement-featurette-media-container .intrinsic-image {
        height: auto;
        padding-bottom: 0
    }

    .bothImage.reverse .engagement-featurette-content {
        flex-basis: calc((100% / 12 * 4) + 20px);
        max-width: calc((100% / 12 * 4) + 20px);
    }

    .engagement-featurette-content {
        -ms-flex-preferred-size: calc((100% / 12 * 4));
        flex-basis: calc((100% / 12 * 4));
        max-width: calc((100% / 12 * 4));
        margin-right: 24px;
        padding: 0 29px 0 58px
    }

        .engagement-featurette-content::before {
            right: 24px
        }

    .extraSlimCutout.reverse .engagement-featurette-content::before {
        right: 0px
    }
}

@media (min-width: 1220px) {
    .component-engagement-featurette.slim {
        height: 395px
    }
}

@media (min-width: 1024px) {
    .property-funds-listing .engagement-featurette-content {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
    }

    .property-funds-listing .engagement-featurette-media-container {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 0.1px);
        max-width: calc((100% / 12 * 6) - 0.1px);
    }

    .property-funds-listing .component-engagement-featurette.slim.closedFund {
    }
}

.component-tile-container.placerpropertypropertyfunds-tile-container.one-col {
    overflow: hidden;
}

.property-funds-listing .component-engagement-featurette .engagement-featurette-title,
.subscribeNewsletter h3 {
    color: #5f9bc6;
}

.subscribeNewsletter h3 {
    margin-bottom: 10px;
}


.property-funds-listing .component-engagement-featurette.closedFund .engagement-featurette-title {
    color: #79716d;
}

.property-funds-listing .fundHeading {
    display: block;
    color: #5f9bc6;
    width: 100%;
    background-color: white;
    font-size: 30px;
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-bottom: 10px;
}

.property-funds-listing .fundExcerpt ul {
    margin: 0px;
}


.property-funds-listing .text-container .btn {
    margin-top: 15px;
}

.property-funds-listing .property-fund-tile {
    width: 100%;
    margin-bottom: 80px;
}

    .property-funds-listing .property-fund-tile:last-child {
        margin-bottom: 50px;
    }


.property-fund-listing .subscribeNewsletter {
    width: 100%;
    margin-bottom: 70px;
}

@media (min-width: 1024px) {
    .property-funds-listing .property-fund-tile:last-child {
        margin-bottom: 0px;
    }

    .property-fund-listing .subscribeNewsletter {
        margin-bottom: 0px;
    }
}

.property-funds-listing .fundExcerpt {
    font-size: 15px;
}

    .property-funds-listing .fundExcerpt ul li {
        position: relative;
        padding-left: 14px;
    }

.property-funds-listing .component-engagement-featurette.slim.closedFund h3.engagement-featurette-title {
    font-size: 19px;
    margin-bottom: 12px;
}

.property-funds-listing .component-engagement-featurette.slim.closedFund .fundExcerpt {
}


@media (max-width: 1024px) {
    .property-fund-details-section {
        margin-bottom: -40px;
        margin-top: 0px;
        padding-bottom: 0px;
    }
}

.property-fund-details .propertyMap {
    margin-top: 50px;
    width: 100%;
    height: 600px;
}

.property-fund-details-section {
    margin-bottom: 0px;
}
/* -----------------------------------------*/
/* Top notification banner */
/* -----------------------------------------*/
.component-notification {
    position: relative;
    transition: max-height 300ms cubic-bezier(0.66, 0.01, 0.51, 1);
    z-index: 1010;
    overflow: hidden;
    max-height: 500px;
    background: #4d5057;
}

    .component-notification.is-hidden {
        max-height: 0
    }

    .component-notification .notification-content {
        padding: 16px 38px 16px 0;
        position: relative;
        z-index: 1
    }

    .component-notification h4,
    .component-notification a {
        font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding-right: 28px;
        color: #FFF;
    }

@media (max-width: 767px) {
    .component-notification h4,
    .component-notification a {
        padding-left: 18px;
    }
}

.component-notification a:hover {
    text-decoration: underline
}

.component-notification h4 {
    margin-bottom: 0
}

.component-notification .close-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px;
    z-index: 2;
    width: 28px;
    height: 28px;
    color: #fff
}

@media (max-width: 767px) {
    .component-notification .notification-content {
        padding-left: 16px
    }
}

@media (min-width: 768px) {
    .component-notification h4 {
        width: 90%;
        padding-right: 56px;
        margin-bottom: 0
    }

    .component-notification .notification-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 24px
    }

    .component-notification .close-icon {
        right: 24px
    }
}

/* -----------------------------------------*/
/* video */
/* -----------------------------------------*/
.videowrapper {
    overflow: hidden
}

.responsiveIframe {
    position: relative;
    height: 100%;
}

    .responsiveIframe .ratio {
        display: block;
        width: 100%;
        height: 100%;
    }

    .responsiveIframe #kmYouTubePlayer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.youtube-media-atom__overlay {
    background-position: 49% 49%;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
    height: 100%;
    position: absolute;
    line-height: 1.5;
    max-height: 100vh;
    text-align: center;
    width: 100%;
    z-index: 0;
}

.vjs-big-play-button {
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 1.5;
}

.youtube-media-atom__play-button {
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
}

.kmpf-video-play-st0 {
    clip-path: url(#SVGID_2_);
    fill: #FFFFFF;
}

.kmpf-video-play-st1 {
    clip-path: url(#SVGID_2_);
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 1.08;
    stroke-miterlimit: 10;
}

/* -----------------------------------------*/
/* Breadcrumbs */
/* -----------------------------------------*/

.component-breadcrumbs a,
.component-breadcrumbs span {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    line-height: 1.84615;
    margin-left: 8px;
    color: #696663;
}

    .component-breadcrumbs a:first-child,
    .component-breadcrumbs span:first-child {
        margin-left: 0
    }

    .component-breadcrumbs a:hover {
        text-decoration: underline
    }

.breadcrumb-separator::before {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    content: "|";
    color: #696663;
}

.property-fund-details .imgMap,
.property-fund-details .youTube,
.property-fund-details .download-document {
    margin-top: 50px;
    margin-bottom: 50px;
}

/* -----------------------------------------*/
/* Engagement Video */
/* -----------------------------------------*/


.component-engagement-video {
    background-color: #f6f5f4;
    text-align: center
}

    .component-engagement-video.dark {
        background-color: #333e48
    }

        .component-engagement-video.dark .video-content h3,
        .component-engagement-video.dark .video-content p,
        .component-engagement-video .km-engagement-video-content h3,
        .component-engagement-video .km-engagement-video-content p {
            color: #fff
        }

        .component-engagement-video.dark .btn-play {
            background-color: #fff
        }

        .component-engagement-video.dark .btn-close {
            color: #fff
        }

    .component-engagement-video .video-content,
    .component-engagement-video .km-engagement-video-content {
        padding: 88px 16px;
        transition: opacity 200ms ease-in;
        background-position: 50% 50%;
        background-size: cover
    }

        .component-engagement-video .video-content h3,
        .component-engagement-video .video-content p,
        .component-engagement-video .km-engagement-video-content h3,
        .component-engagement-video .km-engagement-video-content p {
            max-width: 800px;
            margin-left: auto;
            margin-right: auto
        }

        .component-engagement-video .video-content.is-hidden {
            padding: 0;
            height: 0;
            opacity: 0;
            visibility: hidden
        }

    .component-engagement-video .btn-play,
    .videowrapper .btn-play {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        margin: 0 auto;
        width: 56px;
        height: 56px;
        border: none;
        border-radius: 50%;
        background-color: transparent;
        color: #7ca6ba
    }

.btn-play svg.svg-icon {
    width: 100px;
    height: 100px;
}

.component-engagement-video .video-player {
    position: relative;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 200ms ease-in;
    transition-delay: 300ms
}

.component-engagement-video .km-engagment-video-player {
    position: relative;
    transition: opacity 200ms ease-in;
    transition-delay: 300ms;
    height: auto;
    padding: 31px 0;
    opacity: 1;
    visibility: visible
}

.component-engagement-video .video-player.is-visible {
    height: auto;
    padding: 31px 0;
    opacity: 1;
    visibility: visible
}



.component-video-embed,
.component-km-video-embed {
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%
}

    .component-video-embed iframe,
    .component-video-embed object,
    .component-video-embed embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .component-km-video-embed iframe {
        position: absolute;
        top: 0;
        left: 0;
    }

.component-engagement-video .component-video-embed,
.component-engagement-video .component-km-video-embed {
    position: static;
    overflow: visible;
    padding-bottom: 33.3333334%
}

.component-engagement-video .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #7ca6ba;
    width: 36px;
    height: 36px;
    z-index: 999;
    cursor: pointer;
}

@media (min-width: 768px) {
    .component-engagement-video .component-video-embed,
    .component-engagement-video .component-km-video-embed {
        -ms-flex-preferred-size: calc((100% / 12 * 10) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 24px - 0.1px);
        max-width: calc((100% / 12 * 10) - 24px - 0.1px);
        margin-right: 24px;
        position: relative
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .component-engagement-video .component-video-embed,
    .component-engagement-video .component-km-video-embed {
        margin-left: calc((100% / 12 * 1))
    }
}

@media (min-width: 768px) {
    .component-engagement-video .btn-close {
        top: -6px;
        right: -36px
    }
}

@media (min-width: 1024px) {
    .component-engagement-video .video-content,
    .component-engagement-video .km-engagement-video-content {
        padding: 133px 16px
    }

    .component-engagement-video .component-video-embed,
    .component-engagement-video .component-km-video-embed {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 24px - 0.1px);
        max-width: calc((100% / 12 * 8) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .component-engagement-video .component-video-embed,
    .component-engagement-video .component-km-video-embed {
        margin-left: calc((100% / 12 * 2))
    }
}


/* -----------------------------------------*/
/* Modal */
/* -----------------------------------------*/

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #FFF;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-hide {
    display: none !important;
}

.white-popup {
    position: relative;
    width: auto;
    min-width: 300px;
    max-width: 1310px;
    margin: 24px auto;
    padding: 0px;
}

.modal-content {
    border: 0px none;
}

.featured-news-pop-up .newsTitle {
    font-size: 36px;
    position: absolute;
    top: 22px;
    left: 30px;
    color: #415465;
}

.featured-news-pop-up .newsSubTitle {
    font-size: 19px;
    color: #000;
    position: absolute;
    top: 80px;
    left: 32px;
    font-family: "Weisenhoff Grotesk Medium";
}

.featured-news-pop-up .newsBriefDesc {
    font-size: 16px;
    color: #000;
    position: absolute;
    top: 120px;
    left: 32px;
    max-width: 300px;
    display: block;
}

.modal-content a.btn.btn-skin-1 {
    display: block;
    position: absolute;
    left: 33px;
    top: 178px;
}

@media screen and (min-width: 1024px) {
    .mfp-content {
        vertical-align: middle;
    }

    .mfp-container:before {
        vertical-align: middle;
    }

    .featured-news-pop-up .newsTitle {
        font-size: 62px;
        position: absolute;
        top: 45px;
        left: 42px;
        color: #415465;
    }

    .featured-news-pop-up .newsSubTitle {
        font-size: 33px;
        color: #000;
        position: absolute;
        top: 150px;
        left: 45px;
        font-family: "Weisenhoff Grotesk Medium";
    }

    .featured-news-pop-up .newsBriefDesc {
        font-size: 22px;
        color: #000;
        position: absolute;
        top: 220px;
        left: 45px;
        max-width: none;
        display: block;
    }

    .modal-content a.btn.btn-skin-1 {
        display: block;
        position: absolute;
        left: 45px;
        top: 285px;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

.fade-in {
    opacity: 1;
    opacity: 1 \9;
    /*-webkit-animation:fadeIn ease-in-out 1;
    -moz-animation:fadeIn ease-in-out 1;
    animation:fadeIn ease-in-out 1;

    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;*/
}

    .fade-in.one {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        animation-delay: 0s;
    }

    .fade-in.two {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        animation-delay: 0s;
    }

    .fade-in.three {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        animation-delay: 0s;
    }

    .fade-in.four {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        animation-delay: 0s;
    }

    .fade-in.five {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        animation-delay: 0s;
    }

.mfp-fade.mfp-wrap .modal-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-ready .modal-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .modal-content {
    opacity: 1;
    background: #FFF;
}

.modal-content,
.featured-news-pop-up {
    position: relative;
}

.modal-close-button {
    position: absolute;
    top: 50%;
    left: calc(50% - 15px);
}

.modal-closer-inner {
    display: block;
}

.modal-close-button-outer {
    border: 1px solid #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 35px;
    right: 30px;
    cursor: pointer;
}

@media screen and (min-width: 1024px) {
    .modal-close-button-outer {
        width: 30px;
        height: 30px;
        top: 45px;
        right: 45px;
    }
}

.modal-closer-inner::after {
    transform: rotate(-45deg);
    bottom: 0px;
}

.modal-closer-inner::before {
    transform: rotate(45deg);
    top: -1px;
}


.modal-closer-inner::before, .modal-closer-inner::after {
    width: 30px;
    height: 1px;
    background-color: #FFF;
    border-radius: 0;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.modal-closer-inner::before, .modal-closer-inner::after {
    content: "";
    display: block;
}

.featured-news-pop-up .media {
    width: 100%;
}


/* -----------------------------------------*/
/* People */
/* -----------------------------------------*/

.people {
    margin-top: 0px;
}

.people-flex-grid {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    width: calc(100% - 24px);
    margin-right: 0px;
    margin-bottom: 40px;
}

@media screen and (min-width: 1024px) {
    .people-flex-grid {
        margin-right: 24px;
        margin-bottom: 60px;
    }

        .people-flex-grid:last-child {
            margin-bottom: 0px;
        }
}

.people .row {
    width: 100%;
    display: flex;
    max-width: 1000px;
}

.people-flex-grid .people-col,
.people-flex-grid .board-col {
    width: 100%;
}


@media screen and (min-width: 520px) {
    .people-flex-grid .people-col,
    .people-flex-grid .board-col {
        width: 49%;
        margin-right: 2%;
    }

        .people-flex-grid .people-col:nth-child(2n),
        .people-flex-grid .board-col:nth-child(2n) {
            margin-right: 0%;
        }
}

@media screen and (min-width: 1024px) {
    .people-flex-grid .people-col {
        width: 211px;
        margin-right: 1.3%;
    }

    .people-flex-grid .board-col {
        width: 211px;
        margin-right: 1.3%;
    }

        .people-flex-grid .people-col:nth-child(2n),
        .people-flex-grid .board-col:nth-child(2n) {
            margin-right: 1.3%;
        }

        .people-flex-grid .people-col:nth-child(4n),
        .people-flex-grid .board-col:nth-child(8n) {
            margin-right: 0%;
        }

    .seeAlsoPeople .people-flex-grid .people-col {
        width: calc(100% / 5 - 24px);
        margin-right: 1.3%;
    }

        .seeAlsoPeople .people-flex-grid .people-col:nth-child(4n),
        .seeAlsoPeople .people-flex-grid .board-col:nth-child(5n) {
            margin-right: 1.3%;
        }
}

.people .sectionHeading {
    color: #5f9bc6;
    margin-bottom: 15px;
}

.people .name,
.people .jobTitle {
    font-size: 16px;
}

.people .name {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333e48;
}

.people .jobTitle {
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 13px;
}

.people .contactDetailsPanel {
    border-top: 1px solid #c0c0c0;
    padding: 15px;
    color: #97acb7;
    position: relative;
}

    .people .contactDetailsPanel a,
    .people .contactDetailsPanel svg {
        color: #97acb7;
    }

.people .nameTileSection {
    padding: 15px;
    min-height: 95px;
}

.seeAlsoPeople .people.people-flex-grid.row {
    margin-bottom: 0px;
}

@media screen and (min-width: 1024px) {
    .people .nameTileSection {
        padding-bottom: 0px;
    }

    .people .jobTitle {
        margin-bottom: 15px;
    }

    .seeAlsoPeople .jobTitle {
        margin-bottom: 0px;
    }

    .board-col .jobTitle {
        margin-bottom: 0px;
    }
}

.seeAlsoPeople .nameTileSection {
    padding: 15px 0px;
}

@media screen and (min-width: 1024px) {
    .seeAlsoPeople .nameTileSection {
        padding-bottom: 0px;
    }
}

.people .thumbnail {
    width: 100%;
    height: auto;
}

.people-col .thumbnail {
    will-change: opacity;
    opacity: 1;
    transition: opacity 1s ease-in-out
}

    .people-col .thumbnail:hover {
        opacity: .7
    }

.people-col .nameTitle {
    will-change: auto;
    transition: all 1s ease-in-out;
    width: 100%;
}

    .people-col .nameTitle:hover {
        background-color: #f6f5f4;
    }

.seeAlsoPeople .people-col .nameTitle:hover {
    background-color: transparent;
}

.people .email,
.people .vcard {
    position: absolute;
    top: 15px;
}

.people .email {
    right: 15px;
}

.people .vcard {
    right: 15px;
}

.contactDetailsPanel a:hover,
.contactDetailsPanel svg:hover {
    will-change: auto;
    transition: all 1s ease-in-out;
    color: #333e48
}

.person-details-contact {
    margin-top: 35px;
    margin-bottom: 35px;
    position: relative;
    left: -4px;
}

    .person-details-contact svg {
        width: 24px;
        height: 24px;
        margin-right: 0px;
    }

    .person-details-contact a {
        color: #7ca6ba;
    }

.seeAlsoPeople .sectionHeading {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333e48;
    line-height: 10px;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 15px;
}
/*------------------------------------------------
    SVG styles
--------------------------------------------------*/
.kmpf-contact-email_st0 {
    fill: #FFFFFF;
}

.kmpf-contact-phone_st0 {
    fill: #FFFFFF;
}


/* -----------------------------------------*/
/* Home latest funds and latest news */
/* -----------------------------------------*/


.latest-fund-latest-news .intrinsic-image {
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    background-color: #f2eeea;
    padding-bottom: 100%;
}

    .latest-fund-latest-news .intrinsic-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.latest-fund-latest-news .content-tile .tile-media {
    position: relative;
    width: 100%;
}

.latest-fund-latest-news .tile-horizontal .content-tile .tile-content {
    width: 100%;
    padding: 20px;
}

.latest-fund-latest-news .tile-media {
    overflow: hidden;
}

.latest-fund-latest-news .content-tile {
    background-color: #f2eeea;
}

.latest-fund-latest-news .tile-horizontal .tile {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.latest-fund-latest-news .tile-content p,
.latest-fund-latest-news .tile-content li {
    font-size: 0.89rem;
    line-height: 1.5;
    margin-bottom: 20px;
}

.latest-fund-latest-news .tile-content li {
    margin-bottom: 0px;
}

.latest-fund-latest-news .component-tile-container.two-col .tile {
    -ms-flex-preferred-size: initial;
    flex-basis: initial;
    max-width: initial;
}

    .latest-fund-latest-news .component-tile-container.two-col .tile:last-child {
        margin-right: 0px;
    }

.latest-fund-latest-news .tile-horizontal .content-tile .tile-media {
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    padding-bottom: 100%;
}


.latest-fund-latest-news .tile-horizontal .tile {
    margin-bottom: 0px
}

@media (min-width: 1024px) {
    .latest-fund-latest-news .component-tile-container.two-col .tile {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 12px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 12px - 0.1px);
        max-width: calc((100% / 12 * 6) - 12px - 0.1px);
        margin-bottom: 0px;
    }

    .latest-fund-latest-news .tile-horizontal .tile {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .latest-fund-latest-news .tile-horizontal .content-tile .tile-media {
        width: 33.33333333334%;
    }

    .latest-fund-latest-news .tile-horizontal .content-tile .tile-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border: none
    }

    .latest-fund-latest-news .tile-horizontal .content-tile .tile-media {
        width: 270px;
    }
}

@media (max-width:1024px) {
    .latest-fund-latest-news .component-tile-container {
        justify-content: center;
    }

        .latest-fund-latest-news .component-tile-container.two-col .tile {
            -ms-flex-preferred-size: initial;
            flex-basis: 280px;
            max-width: initial;
            padding-bottom: 10px;
            margin-bottom: 30px;
        }
}

@media (max-width:620px) {
    .latest-fund-latest-news .component-tile-container.two-col .tile:first-child {
        margin-right: 0px;
        margin-bottom: 40px;
    }
}


/*------------------------------------------------
    Form
--------------------------------------------------*/

input[type="checkbox"] + label,
input[type="radio"] + label {
    position: relative;
    display: block;
    padding-left: 39px;
    margin-bottom: 16px;
    height: 24px;
    line-height: 24px
}

input[type="checkbox"]:last-of-type + label,
input[type="radio"]:last-of-type + label {
    margin-bottom: 0
}

input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked,
input[type="radio"]:not(:checked),
input[type="radio"]:checked {
    position: absolute;
    width: 24px;
    height: 24px;
    z-index: 10;
    margin: 0;
    opacity: 0
}

    input[type="checkbox"]:not(:checked) + label::before,
    input[type="checkbox"]:checked + label::before,
    input[type="radio"]:not(:checked) + label::before,
    input[type="radio"]:checked + label::before {
        content: "";
        box-sizing: border-box;
        position: absolute;
        display: inline-block;
        left: 0;
        border: 1px solid #7ca6ba;
        border-radius: 0;
        transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out
    }

    input[type="checkbox"]:checked + label::before,
    input[type="radio"]:checked + label::before {
        border: 1px solid #7ca6ba;
        background-color: #7ca6ba
    }

    input[type="checkbox"]:not(:checked) + label::before,
    input[type="checkbox"]:checked + label::before {
        width: 24px;
        height: 24px
    }

    input[type="checkbox"]:checked + label {
        position: relative
    }

        input[type="checkbox"]:checked + label:after {
            position: absolute;
            top: 0;
            left: 1px;
            width: 24px;
            height: 24px;
            content: "";
            background: transparent center no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M8.733 15.932L4.5 11.693 3 13.123l5.733 5.721L21 6.586l-1.5-1.43z'/%3E%3C/svg%3E");
            background-size: cover;
            pointer-events: none
        }

input[type="radio"] {
    position: relative
}

    input[type="radio"]:not(:checked) + label::before,
    input[type="radio"]:checked + label::before {
        width: 24px;
        height: 24px;
        border-radius: 50%
    }

    input[type="radio"]:checked + label::after {
        position: absolute;
        left: 6px;
        top: 6px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        content: "";
        background-color: #fff
    }

@media (min-width: 1024px) {
    .component-form-builder .EditingFormTable {
        margin: 80px 0;
    }
}

@media (min-width: 768px) {
    .component-form-builder .EditingFormTable {
        margin: 56px 0;
    }
}

.component-form-builder .EditingFormTable {
    position: relative;
    margin: 40px 0;
}

.component-form-builder .EditingFormTable {
    width: 100%
}

    .component-form-builder .EditingFormTable tr {
        display: block;
        overflow: hidden;
        margin-bottom: 24px
    }

    .component-form-builder .EditingFormTable .EditingFormValueCell {
        display: block;
        overflow: hidden
    }

    .component-form-builder .EditingFormTable .EditingFormControlNestedControl {
        overflow: hidden
    }

    .component-form-builder .EditingFormTable .FieldLabel {
        display: block;
        overflow: hidden;
        color: #333e48;
        white-space: initial !important;
        margin-top: 5px;
    }

        .component-form-builder .EditingFormTable .FieldLabel span {
            display: inline-block;
            margin-bottom: 8px;
            color: #000;
            font-size: 16px
        }

    .component-form-builder .EditingFormTable .EditingFormValueCell .Error input[type="text"],
    .component-form-builder .EditingFormTable .EditingFormValueCell .Error textarea {
        border-color: #f6323e
    }

    .component-form-builder .EditingFormTable .EditingFormValueCell .EditingFormErrorLabel {
        clear: both;
        display: block;
        color: #f6323e;
        margin-top: 10px;
        font-size: 16px
    }

.component-form-builder .ErrorLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 8px 16px;
    border: 1px solid #f6323e;
    color: #f6323e;
    min-height: 48px;
    text-align: center;
    margin-bottom: 16px
}

tr.FullWidthCell {
    width: 100% !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
}

    tr.FullWidthCell .EditingFormValueCell input {
        margin-bottom: 0px;
    }

.component-form-builder .form-control {
    margin-bottom: 0
}

.component-form-builder .checkbox,
.component-form-builder .radio {
    float: left;
    position: relative
}

    .component-form-builder .checkbox br,
    .component-form-builder .radio br {
        display: none
    }

.component-form-builder .uploader-upload input[type="file"] {
    display: none
}

.component-form-builder .uploader-upload label {
    position: relative;
    display: block !important;
    float: left;
    margin-bottom: 0;
    padding: 0 25px;
    width: 155px;
    height: 48px;
    border-radius: none;
    border: none;
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
    color: #000;
    background-color: #d8d9d6;
    transition: all 0.1s ease-in-out
}

    .component-form-builder .uploader-upload label:hover,
    .component-form-builder .uploader-upload label.on {
        background: #333e48;
        color: #fff;
        text-decoration: none
    }

        .component-form-builder .uploader-upload label:hover span,
        .component-form-builder .uploader-upload label.on span {
            transition: all 0.1s ease-in-out;
            color: #fff
        }

.component-form-builder .uploader-upload span {
    margin-left: 10px;
    line-height: 46px
}

.component-form-builder input[type="submit"] {
    font-size: 14px
}

.component-form-builder #ListBoxControl select,
.component-form-builder #ListBoxControl_1 select,
.component-form-builder #ListBoxControl_2 select,
.component-form-builder #ListBoxControl_3 select,
.component-form-builder #ListBoxControl_4 select,
.component-form-builder #ListBoxControl_5 select {
    padding: 16px 8px;
    height: 210px;
    border: none;
    background: #f6f5f4
}

.component-form-builder #ListBoxControl option,
.component-form-builder #ListBoxControl_1 option,
.component-form-builder #ListBoxControl_2 option,
.component-form-builder #ListBoxControl_3 option,
.component-form-builder #ListBoxControl_4 option,
.component-form-builder #ListBoxControl_5 option {
    padding: 11px 8px
}

.component-form-builder #SecurityCode .FieldLabel,
.component-form-builder #SecurityCode_1 .FieldLabel,
.component-form-builder #SecurityCode_2 .FieldLabel,
.component-form-builder #SecurityCode_3 .FieldLabel,
.component-form-builder #SecurityCode_4 .FieldLabel,
.component-form-builder #SecurityCode_5 .FieldLabel {
    display: none
}

.component-form-builder .EditingFormButtonCell {
    float: right
}

.table,
.unit-pricing-table {
    overflow-x: auto;
    border: 0px none;
    margin-top: 10px;
    margin-bottom: 24px;
}

    .table table,
    .unit-pricing-table table {
        width: 100%;
        border-collapse: collapse
    }

    .unit-pricing-table td:first-child {
        background-color: #f6f5f4
    }

.unit-pricing-table {
    margin-bottom: 50px;
    width: 100%;
}

    .table tr:nth-child(odd),
    .unit-pricing-table tr:nth-child(odd) {
        background-color: #fff
    }

    .table th,
    .unit-pricing-table th {
        font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding: 15px 16px;
        text-align: left
    }

    .table td,
    .unit-pricing-table td {
        padding: 15px 16px;
        font-size: 13px
    }

    .table caption,
    .unit-pricing-table caption {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .table,
    .table th,
    .table tr,
    .table thead th,
    .table td,
    .table th,
    .unit-pricing-table,
    .unit-pricing-table th,
    .unit-pricing-table tr,
    .unit-pricing-table thead th,
    .unit-pricing-table td,
    .unit-pricing-table th {
        border-top: 0px none !important;
        border-left: 0px none !important;
        border-right: 0px none !important;
        border: 0px none !important;
        border-collapse: collapse;
        font-size: 16px;
        border-bottom: 1px solid black !important;
        line-height: 25px;
    }

        .property-fund-details .table td:first-child,
        .unit-pricing-table .table td:first-child {
            font-weight: bold;
        }

@media (min-width: 768px) {
    .table th,
    .table td,
    .unit-pricing-table th,
    .unit-pricing-table td {
        padding: 8px 18px;
    }

    #gradReadyToApply .table th,
    #gradReadyToApply .table td {
        padding: 10px 20px
    }

    #gradReadyToApply .table th {
        font-size: 15px
    }
}


.table td,
.unit-pricing-table td {
    font-family: 'Weisenhoff Grotesk Medium';
}

.table td:not(:first-child) {
    font-family: 'Weisenhoff Grotesk Light';
}


@media only screen and (max-width: 500px) {
    .table,
    .unit-pricing-table,
    .table tbody,
    .unit-pricing-table tbody {
        flex-wrap: wrap;
        display: flex;
    }

        .unit-pricing-table,
        .unit-pricing-table th,
        .unit-pricing-table tr,
        .unit-pricing-table thead th,
        .unit-pricing-table td,
        .unit-pricing-table th {
            border: 0 !important;
        }

            .unit-pricing-table th,
            .unit-pricing-table td {
                border-bottom: 1px solid black !important;
            }

            table th,
            table td,
            .unit-pricing-table th,
            .unit-pricing-table td {
                display: block;
                min-height: 56px;
            }

                table td:last-child,
                .unit-pricing-table td:last-child {
                    border-bottom: 0;
                }

                table th:before,
                table td:before,
                .unit-pricing-table th:before,
                .unit-pricing-table td:before {
                    content: attr(data-label);
                    float: left;
                    text-transform: uppercase;
                    font-weight: bold;
                    margin-right: 20px;
                }
}

hr {
    margin-top: 50px;
    margin-bottom: 50px;
}

.video-section {
    padding-top: 50px;
}


/*------------------------------------------------
    Subscribe to newsletter
--------------------------------------------------*/
.subscribeNewsletter {
    background-color: #238DC1;
    color: #fff;
    padding: 20px;
    padding-bottom: 30px;
}

    .subscribeNewsletter h3,
    .subscribeNewsletter p {
        color: #fff;
    }

    .subscribeNewsletter .btn-skin-1,
    .subscribeNewsletter .btn-skin-1:hover {
        background-color: #fff !important;
        color: #000 !important;
    }

/*------------------------------------------------
    Engagement Featurette - Carousel styles
--------------------------------------------------*/

.layout-section-full .component-slider.image-slider .slider-container {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px
}

.slider-container {
    position: relative;
    z-index: 100;
}

    .slider-container .slick-initialized .slick-slide {
        display: block
    }

    .slider-container .slick-slide {
        float: left;
        height: 100%;
        min-height: 1px;
        padding: 0;
        transition: opacity 500ms linear !important;
        z-index: 0 !important
    }

        .slider-container .slick-slide.slick-active {
            z-index: 1 !important
        }

    .slider-container .slick-slider {
        overflow: hidden;
        max-height: 250px
    }

.placerHeroCarousel .slider-container .slick-slider {
    overflow: initial;
    max-height: initial;
}

.slider-container .slider-image-container {
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    background: #edecea;
    padding-bottom: 56.25%
}

    .slider-container .slider-image-container img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

@media (max-width: 767px) {
    .layout-section-full .component-slider.image-slider {
        position: relative
    }

        .layout-section-full .component-slider.image-slider::before {
            position: absolute;
            top: 0;
            left: -16px;
            width: 16px;
            background-color: #f6f5f4;
            height: 100%;
            content: ''
        }
}

@media (min-width: 768px) {
    .layout-section-full .component-slider.image-slider {
        padding: 56px 0;
        background-position: -30px 0
    }

        .layout-section-full .component-slider.image-slider .slider-container {
            -ms-flex-preferred-size: calc((100% / 12 * 10) - 24px - 0.1px);
            flex-basis: calc((100% / 12 * 10) - 24px - 0.1px);
            max-width: calc((100% / 12 * 10) - 24px - 0.1px);
            margin-right: 24px
        }
}

@media (min-width: 768px) and (min-width: 768px) {
    .layout-section-full .component-slider.image-slider .slider-container {
        margin-left: calc((100% / 12 * 1))
    }
}

@media (min-width: 768px) {
    .slider-container .slick-slider {
        max-height: 500px
    }

    .placerHeroCarousel .slider-container .slick-slider {
        max-height: initial;
    }
}

@media (min-width: 1024px) {
    .layout-section-full .component-slider.image-slider .slider-container {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 24px - 0.1px);
        max-width: calc((100% / 12 * 8) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .layout-section-full .component-slider.image-slider .slider-container {
        margin-left: calc((100% / 12 * 2))
    }
}

.slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 8px;
    z-index: 1000;
    margin: 0;
    list-style-type: none;
    text-align: center;
    opacity: 0;
    transition: 0.3s opacity
}

.component-slider:hover .slick-dots {
    opacity: 1
}

.slick-dots > li {
    margin: 0;
    padding: 0;
    display: inline-block
}

    .slick-dots > li::before {
        display: none
    }

.slick-dots li {
    position: relative;
    width: 8px;
    height: 8px;
    margin-right: 16px
}

    .slick-dots li:last-of-type {
        margin-right: 0
    }

.slick-dots button {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    border: none;
    background-color: #d8d9d6;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    text-align: center;
    font-size: 0;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    transition: box-shadow 0.3s ease, background-color 0.3s ease
}

    .slick-dots button:active,
    .slick-dots button:focus {
        outline: none
    }

.slick-active > button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d8d9d6
}

.dots-top {
    margin-top: 60px
}

    .dots-top .slick-dots {
        margin-top: 0;
        top: 8px;
        bottom: auto
    }

.dots-outside .slick-dots {
    bottom: -30px
}

.dots-left .slick-dots {
    left: 8px;
    -webkit-transform: none;
    transform: none
}

.dots-right .slick-dots {
    left: auto;
    right: 8px;
    -webkit-transform: none;
    transform: none
}

@media (min-width: 768px) {
    .slick-dots {
        bottom: 8px
    }
}

.slick-arrow {
    position: absolute;
    top: 50%;
    padding: 0;
    width: 40px;
    height: 40px;
    z-index: 1000;
    border: none;
    border-radius: 0;
    color: #50748a;
    -webkit-transform: translateY(-50%) scale(.9);
    transform: translateY(-50%) scale(.9);
    background-color: rgba(255, 255, 255, 0.5);
    transition: background 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.3s;
    transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
    cursor: pointer
}

    .slick-arrow:active,
    .slick-arrow:focus {
        outline: none
    }

    .slick-arrow:hover {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        background-color: rgba(255, 255, 255, 0.75)
    }

    .slick-arrow .svg-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .slick-arrow span {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: none
    }

.slick-prev {
    left: 12px
}

.slick-next {
    right: 12px
}

.component-engagement-slider {
}

    .component-engagement-slider .slider-container .slick-slider {
        max-height: 526px
    }

    .component-engagement-slider .slider-container .slick-slide {
        height: 526px
    }

    .component-engagement-slider .slick-arrow {
        display: none !important
    }

    .component-engagement-slider .slick-dots {
        bottom: -32px;
        opacity: 1 !important
    }

@media (max-width: 767px) {
    .component-engagement-slider {
        margin-bottom: 48px !important
    }

        .component-engagement-slider .slider-container {
            padding-bottom: 16px
        }

            .component-engagement-slider .slider-container .slick-slider {
                max-height: calc(526px + (24px * 2))
            }

            .component-engagement-slider .slider-container .slick-slide {
                height: calc(526px + (24px * 2))
            }

            .component-engagement-slider .slider-container .slick-dots {
                left: 0px;
                bottom: -10px;
                text-align: center;
                -webkit-transform: none;
                transform: none;
                width: 100%;
            }
}

@media (min-width: 768px) {
    .content-section .component-engagement-slider {
        margin-bottom: 80px !important
    }
}


.engagement-featurette-media-container {
    position: relative;
    overflow: hidden
}

.engagement-featurette-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover
}

.engagement-featurette-media-no-stretch-right {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top right;
    background-size: auto;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .engagement-featurette-media-container {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width: 768px) and (max-width: 1219px) {
    .engagement-featurette-media-container .intrinsic-image,
    .engagement-featurette-media-container .intrinsic-image-long {
        padding-bottom: 0;
        height: 526px
    }

    .component-engagement-featurette.slim .engagement-featurette-media-container .intrinsic-image,
    .component-engagement-featurette.slim .engagement-featurette-media-container .intrinsic-image-long {
        height: 450px
    }
}



@media (min-width: 1024px) {
    .component-engagement-featurette.slim .engagement-featurette-media {
        margin-left: 0;
        padding-left: 24px
    }

    .component-engagement-featurette.slim .engagement-featurette-content {
        padding-right: 58px;
        padding-left: 29px
    }

    .slim .engagement-featurette-media-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .slim .engagement-featurette-media-container .intrinsic-image-long {
            height: auto;
            padding-bottom: 0
        }

    .engagement-featurette-media-container {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 20px);
        flex-basis: calc((100% / 12 * 8) - 20px);
        max-width: calc((100% / 12 * 8) - 20px);
        margin-right: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .engagement-featurette-media-container-no-stretch {
        position: relative;
        overflow: hidden;
        -ms-flex-preferred-size: calc((100% / 12 * 6) + 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) + 24px - 0.1px);
        max-width: calc((100% / 12 * 6) + 24px - 0.1px);
        margin-right: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .engagement-featurette-media-container-no-stretch .intrinsic-image,
        .engagement-featurette-media-container .intrinsic-image {
            height: auto;
            padding-bottom: 0
        }
}


/*------------------------------------------------
    Engagement alert
--------------------------------------------------*/

.component-engagement-alert_, .component-engagement-alert_default, .component-engagement-alert_greyborder {
    padding: 24px;
}

.component-engagement-alert_ {
    background-color: #ecf2f5;
    position: relative;
}

.component-engagement-alert_greyborder,
.component-engagement-alert_default {
    padding: 24px;
    background-color: #FFFFFF;
    border: 1px solid #cac3be;
    position: relative;
}

.component-engagement-alert_ .alert-message {
    font-size: 1.5rem;
    line-height: 1.33333;
    margin-bottom: 24px;
    color: #50748a;
    font-weight: 600;
    padding: 8px 0px;
}

.component-engagement-alert_greyborder .alert-message,
.component-engagement-alert_default .alert-message {
    font-size: 1.5rem;
    font-weight: 100;
    line-height: 2;
    margin-bottom: 24px;
    color: #5f9bc6;
}

.component-engagement-alert_ .btn,
.component-engagement-alert_default .btn,
.component-engagement-alert_greyborder .btn {
    width: 100%
}

.component-engagement-alert_ .btn {
    color: #000 !important;
    background-color: #7ca6ba;
}

    .component-engagement-alert_ .btn:hover {
        color: #fff !important;
        background-color: #333e48;
    }

.component-engagement-alert_greyborder .btn,
.component-engagement-alert_default .btn {
    color: #000 !important;
    background-color: #7ca6ba;
}

    .component-engagement-alert_greyborder .btn:hover,
    .component-engagement-alert_default .btn:hover {
        color: #fff !important;
        background-color: #333e48
    }

@media (min-width: 768px) {
    .component-engagement-alert_,
    .component-engagement-alert_default,
    .component-engagement-alert_greyborder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .right-col .component-engagement-alert_,
    .right-col .component-engagement-alert_default,
    .right-col .component-engagement-alert_greyborder {
        display: block;
        padding: 30px 27px !important;
    }

    .left-col .component-engagement-alert_greyborder {
        display: block;
        padding: 30px 27px !important;
    }

        .left-col .component-engagement-alert_greyborder .btn {
            position: absolute;
            right: 30px;
            top: 22px;
        }

    .component-engagement-alert_ .alert-message,
    .component-engagement-alert_default .alert-message,
    .component-engagement-alert_greyborder .alert-message {
        margin-bottom: 0;
        margin-right: auto;
        max-width: 70%
    }

    .left-col .component-engagement-alert_greyborder .alert-message {
        display: inline-block;
        font-size: 21px;
    }

    .right-col .component-engagement-alert_ .alert-message,
    .right-col .component-engagement-alert_default .alert-message,
    .right-col .component-engagement-alert_greyborder .alert-message {
        margin-bottom: 25px;
        margin-right: auto;
        max-width: 100%
    }

    .component-engagement-alert_ .btn,
    .component-engagement-alert_default .btn,
    .component-engagement-alert_greyborder .btn {
        width: auto
    }
}

@media (min-width: 1024px) {
    .component-engagement-alert_,
    .component-engagement-alert_default,
    .component-engagement-alert_greyborder {
        padding: 56px
    }
}

/*------------------------------------------------
    Search result styles
--------------------------------------------------*/
.search-result-item {
    padding-bottom: 22px
}

    .search-result-item:last-child {
        padding-bottom: 0
    }

    .search-result-item .search-result-title {
        margin-bottom: 8px
    }

        .search-result-item .search-result-title h3 {
            margin-bottom: 0
        }

/*------------------------------------------------
    Contact Form styles
--------------------------------------------------*/

.component-form-builder.contact-form .EditingFormTable {
    margin: 0px;
}

.component-form-builder.contact-form {
    margin-bottom: 60px;
}

.contact-form-intro:not(:empty) {
    display: block;
    margin-bottom: 24px;
}

@media (max-width: 768px) {

    .contact .sidebar-panel {
        background-color: #fff;
        margin-bottom: 0px;
        padding: 0px;
    }
}

/*------------------------------------------------
    Kentico Admin styles
--------------------------------------------------*/


.EditorWidgetZone {
    width: 100%;
}

/*------------------------------------------------
    Online biz form / Three Steps Register
--------------------------------------------------*/

.ErrorLabel {
    margin-bottom: 40px;
}

.FormPanel table.EditingFormTable .FieldLabel {
    width: 250px;
    vertical-align: top;
    padding-top: 15px;
}

.FormPanel td.EditingFormValueCell .Error input,
.FormPanel td.EditingFormValueCell .Error select,
.FormPanel td.EditingFormValueCell .Error select {
    margin-bottom: 6px;
}

table.EditingFormTable td.EditingFormButtonCell input {
    margin-top: 5px;
}

.FormPanel td.EditingFormButtonCell {
    padding-top: 30px;
}

.ErrorLabel {
    margin-bottom: 30px;
    display: block;
}
/*------------------------------------------------
    Print styles
--------------------------------------------------*/
@media print {
    html, body {
        height: 99%
    }

    #content,
    #page {
        width: 100%;
        margin: 0;
        float: none
    }

    @page {
        margin: 2cm
    }

    body {
        line-height: 1.3;
        background: #fff !important;
        color: #000
    }

    h1 {
        font-size: 24pt
    }

    h2,
    h3,
    h4 {
        font-size: 14pt;
        margin-top: 25px
    }

    a {
        page-break-inside: avoid
    }

    blockquote {
        page-break-inside: avoid
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid;
        page-break-inside: avoid
    }

    img {
        page-break-inside: auto
    }

    table,
    pre {
        page-break-inside: avoid
    }

    ul,
    ol,
    dl {
        page-break-before: avoid
    }

    a:link,
    a:visited,
    a {
        background: transparent;
        color: #520;
        font-weight: bold;
        text-decoration: underline;
        text-align: left
    }

    a {
        page-break-inside: avoid
    }

        a[href^=http]::after {
            content: " <" attr(href) "> "
        }

    article a[href^="#"]::after {
        content: ""
    }

    .entry iframe,
    ins {
        display: none;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        line-height: 0 !important;
        white-space: nowrap
    }

    .embed-youtube,
    .embed-responsive {
        position: absolute;
        height: 0;
        overflow: hidden
    }

    #header-widgets,
    nav,
    .right-col,
    .component-page-pagination,
    .no-print,
    .component-page-controls,
    .component-video-embed,
    .component-km-video-embed,
    .component-footer,
    .share-links,
    div#CMSHeaderDiv,
    .control-item-print {
        display: none;
        height: 0
    }

    #header::before {
        content: "Optional header content";
        color: #777 !important;
        font-size: 1em;
        padding-top: 30px;
        text-align: center !important
    }

    p,
    address,
    li,
    dt,
    dd,
    blockquote {
        font-size: 100%
    }

    ul,
    ol {
        list-style: square;
        margin-left: 18pt;
        margin-bottom: 20pt
    }

    li {
        line-height: 1.6em
    }
}

/* Creditor Document Wiget (Document) Accordion  */

.accordion-item.is-open .accordion-heading {
    background-color: #d8d9d6
}

    .accordion-item.is-open .accordion-heading .svg-icon {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg)
    }

.accordion-item.is-open .accordion-content {
    display: block;
    padding-top: 24px;
    padding-bottom: 0px;
    height: auto;
    max-height: none;
    border-bottom: 1px solid #d8d9d6;
    visibility: visible;
    opacity: 1;
    margin-bottom: 24px;
}

.accordion-heading {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px;
    border-bottom: 1px solid #d8d9d6;
    color: #50748a;
    font-weight: bold;
    background-color: #fff
}

    .accordion-heading .accordion-title {
        min-width: 95%;
        margin-right: auto;
        margin-bottom: 0
    }

    .accordion-heading .svg-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
        flex: 0 0 24px;
        color: #50748a
    }

    .accordion-heading:hover,
    .accordion-heading:focus {
        background-color: #f6f5f4;
        cursor: pointer
    }

.accordion-content {
    height: 0;
    max-height: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    will-change: height, max-height, opacity, visibility;
    transition: all 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition-property: height, max-height, opacity, visibility;
    color: #000;
    padding: 0px 20px;
}

@media (min-width: 1024px) {
    .accordion-heading {
        padding: 16px 24px
    }
}

.creditor-information-accordion {
    padding: 0px;
}

.creditor-information-accordion::before {
    content: initial !important;
    display: inline !important;
    height: 0px !important;
}

.creditor-information-accordion::after {
    content: initial !important;
    display: initial !important;
    position: initial !important;
    top: 0px !important;
    left: 0px !important;
    width: initial !important;
    height: initial !important;
    background-color: initial !important;
}

.creditor-information-accordion .component-accordion.js-accordion {
    margin-left: 0px !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
    margin-right: 0px !important;
}

.creditor-information-accordion .container {
    padding: 0px;
}

@media (min-width: 1024px) {
    .creditor-information-accordion .component-tile-container .tile {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px;
    }
}

@media (min-width: 768px) {
    .creditor-information-accordion .component-tile-container .tile {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px;
    }
}

.creditor-information-accordion .component-tile-container .tile {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px;
    margin-bottom: 24px;
}

.creditor-information-accordion a.tile .tile-title {
    color: #50748a;
}

@media (min-width: 768px) {
    .creditor-information-accordion .icon-tile-title {
        margin-bottom: 0;
    }
}

.creditor-information-accordion .icon-tile-title {
    color: inherit;
    margin-right: auto;
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .creditor-information-accordion h4 {
        font-size: 1.125rem;
        line-height: 1.33333;
        margin-bottom: 8px;
    }
}

.creditor-information-accordion h4 {
    margin-top: 0;
    color: #333e48;
    -webkit-font-smoothing: antialiased;
    font-size: 1.125rem;
    line-height: 1.33333;
    margin-bottom: 8px;
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.creditor-information-accordion .icon-tile-icon-text {
    font-size: .8125rem;
    line-height: 1.84615;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: auto;
    margin-right: 12px;
    color: #333e48;
}

.creditor-information-accordion .icon-tile {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row;
    flex-direction: row !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 10px 5px 5px;
    color: #50748a;
    background: #fff;
    transition: border .3s;
}

.creditor-information-accordion .icon-tile-icon {
    width: 24px;
    height: 24px;
    color: #50748a;
}

.creditor-information-accordion .tile {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.component-accordion h3 {
    margin-bottom: 0px;
}
/* Login */
.signoutButton {
    padding: 0px;
    text-align: left;
    font-weight: 100;
    font-family: 'Weisenhoff Grotesk Light'
}

/* Forum */
table.Table {
    width: 100%;
}

tr.Header {
    font-weight: bold;
    font-size: 18px;
    background-color: #f2eeea;
}

    tr.Header td {
        padding: 5px 15px;
    }

tr.Info td {
    padding: 10px 15px;
    font-weight: bold;
}

td.ForumImageDefault.ForumImage {
    padding-left: 15px;
}

tr.Actions td {
    padding: 10px 15px;
    font-weight: bold;
}

div.ForumTree {
    padding: 10px 15px;
}

td.Posts {
    padding: 10px 15px;
}

    td.Posts div.ForumTree {
        padding: 0px;
        margin-top: 24px;
    }

.ForumManage {
    margin-bottom: 24px;
}

    .ForumManage a.ActionLink:after {
        content: ' | ';
    }

    .ForumManage a.ActionLink:last-child:after {
        content: initial;
    }

.PostSubject {
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 24px;
    display: block;
}

table.PostImage tr:last-child td:last-child {
    padding-left: 20px;
}

/* Terrace Park logon */

span#p_lt_ctl00_plcPageContentZone_lt_ctl00_ctl00_logonform_Login1_FailureText {
    display: block;
    margin-top: 24px;
    font-weight: bold;
    color: red;
}

.DiscussionButtons {
    display: none;
}

.FormPadding {
    margin-top: 36px;
    max-width: 700px;
}

.ForumNewPost .form-control,
.ForumNewPost .form-group {
    margin-bottom: 0px;
}

.ForumNewPost .form-control-error {
    padding: 10px 0px;
    display: block;
    line-height: 20px;
    color: red;
}

.PostReply {
    margin-top: 36px;
}

.ForumFlat tr.Info td {
    padding: 0px;
}

table.PostImage {
    margin-bottom: 42px;
}

label#p_lt_ctl00_plcPageContentZone_lt_ctl00_ctl00_ForumGroup_1_viewerForum_editElem_forumEdit_lblSubscribe,
label#p_lt_ctl00_plcPageContentZone_lt_ctl00_ctl00_ForumGroup_1_viewerForum_editElem_forumEdit_lblAttachFile {
    margin-top: 20px;
}

.form-group.form-group-submit .btn {
    margin-right: 24px;
}

input#p_lt_ctl00_plcPageContentZone_lt_ctl00_ctl00_ForumGroup_1_viewerForum_editElem_forumEdit_txtUserName,
label#p_lt_ctl00_plcPageContentZone_lt_ctl00_ctl00_ForumGroup_1_viewerForum_editElem_forumEdit_lblUserName {
    display: none;
}

label#p_lt_ctl00_plcPageContentZone_lt_ctl00_ctl00_ForumGroup_1_viewerForum_editElem_forumEdit_lblAttachFile,
input#p_lt_ctl00_plcPageContentZone_lt_ctl00_ctl00_ForumGroup_1_viewerForum_editElem_forumEdit_chkAttachFile {
    display: none;
}

label[for="p_lt_ctl00_plcPageContentZone_lt_ctl00_ctl00_ForumGroup_1_viewerForum_editElem_forumEdit_chkAttachFile"] {
    display: none;
    visibility: hidden;
}

div#p_lt_ctl00_plcPageContentZone_lt_ctl00_ctl00_ForumGroup_1_viewerForum_editElem_forumEdit_ucBBEditor_pnlBBButtons {
    display: none;
}


@media (min-width: 768px) {
    .component-tile-container.four-col .tile {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
        margin-right: 24px;
    }
}

@media (min-width: 1024px) {
    .component-tile-container.four-col .tile {
        max-width: calc((100% / 12 * 3) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 24px - 0.1px);
        margin-right: 24px;
    }
}

.component-tile-container .tile {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px;
    margin-bottom: 24px;
}


@media (min-width: 768px) {
    .component-tile-container .tile {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px;
    }
}

@media (min-width: 1024px) {
    .component-tile-container .tile {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px;
    }
}

.transaction-listing .tile-media {
    padding: 24px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.content-tile .tile-media img, .people-tile .tile-media img {
    width: 100%;
}

.tile-media img {
    will-change: opacity;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

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

.intrinsic-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

span.icon-tile-spacer {
    margin-left: 10px;
    margin-right: 10px;
}


.web-to-lead-form label {
    display: block;
    width: 100%;
}

#chart {
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .container.property-fund-details .container.property-fund-details {
        padding: 0;
        margin-top: 140px;
    }

    .table,
    .table tr,
    .table td {
        border-bottom: 0px none !important;
        padding: 0px;
        margin: 0px;
        width: 100%;
        min-height: initial;
    }

    .table tr {
        margin-bottom: 20px;
    }

    .table tr:last-child {
        margin-bottom: 0px;
    }

    #chart {
        margin-bottom: 0px;
    }

    .property-fund-details-section .right-col:not(:empty) {
        padding-right: 0px;
    }

    .callUsNowPanel .row {
        display: inline-block;
        padding: 0;
        margin-top: 30px;
    }

    footer .container {
        width: 100%;
        padding-left: 15px;
    }
}