/* Heading fonts BEGIN */

@font-face {
    font-family: 'Tiempos Text Regular';
    src: url('TiemposTextWeb-Regular.eot') format('eot'), url('TiemposTextWeb-Regular.woff') format('woff'), url('TiemposTextWeb-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/* Heading fonts END */


/* Body fonts BEGIN */

@font-face {
    font-family: 'Averta CY Light Italic';
    src: url('averta-lightitalic-webfont.woff2') format('woff2'), url('averta-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Averta CY Light';
    src: url('averta-light-webfont.woff2') format('woff2'), url('averta-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Averta CY Regular Italic';
    src: url('averta-regularitalic-webfont.woff2') format('woff2'), url('averta-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Averta CY Regular';
    src: url('averta-regular-webfont.woff2') format('woff2'), url('averta-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Averta CY Semi-bold';
    src: url('averta-semibold-webfont.woff2') format('woff2'), url('averta-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Heading fonts END */

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: #000;
    margin: 0;
    padding: 0;
}

h1,
h1,
h2,
h3,
h4,
p,
blockquote,
figure,
ol,
ul {
    color: #254A5D;
}

h1,
h1,
h2,
h3,
h4,
h5 {
    font-weight: 500;
}

h2 {
    font-size: 1.63rem;
}


h3 {
    font-size: 1.63rem;
}

h4 {
    font-size: 1.5rem;
}

h6 {
    margin: 24px 0px;
    font-size: 1rem;
    color: #254A5D;
    font-family: "Averta CY Semi-bold", "Segoe UI", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

main,
li {
    display: block
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Tiempos Text Regular", Georgia, Helvetica, Arial, sans-serif;
}

h2:not(:empty),
h3:not(:empty),
h4:not(:empty),
h5:not(:empty) {
    margin-bottom: 24px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child{
    margin-bottom: 0px;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong {
    font-family: "Tiempos Text Regular", Georgia, Helvetica, Arial, sans-serif;
}

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: #000;
}

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

h1, h2, h3, h4, h5 {
    line-height: 1.4;
}

body {
    font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.3;
    font-style: normal;
    color: #254A5D;
    background-color: #fff
}

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

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

.bg-theme-3 {
    background-color: #BFB7B0;
}

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

p:not(:empty) {
    font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 24px;
}

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

p strong,
div strong,
span strong,
a strong {
    font-family: "Averta CY Semi-bold", "Segoe UI", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

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

i,
italic,
em {
    font-family: "Averta CY Regular Italic", "Segoe UI", Helvetica, Arial, sans-serif;
    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 */
/* -----------------------------------------*/

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

.page-content ul li,
.page-content ol li {
    margin-bottom: 0
}

.page-content ol {
    padding-left: 30px
}

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

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

.page-content ul li {
    position: relative;
    padding-left: 28px;
    line-height: 1.5;
}

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

.page-content ul li ul {
    margin-top: 0
}

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

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

/* -----------------------------------------*/
/* Hyperlink */
/* -----------------------------------------*/
.content-section a,
footer a,
.callUsNowPanel a {
    text-decoration: none;
    cursor: pointer;
    position: relative;
    line-height: 1.5;
}

.content-section a:hover,
footer a:hover,
.callUsNowPanel a:hover{
    text-decoration: none; 
    cursor: pointer;
}

/* -----------------------------------------*/
/* SVG, icons */
/* -----------------------------------------*/
svg {
    will-change: transform, fill, stroke;
    transition: all 150ms ease-in-out
}

svg * {
    fill: currentColor;
}

svg: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: 'Averta CY Regular', "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    text-align: center;
    background-color: transparent;
    transition: all 0.1s ease-in-out;
    border-radius: 3.5px;
    height: 48px;
    line-height: 2 !important;
}

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

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

.btn-skin-1 {
    background-color: #2F6F7A;
    color: #FFF !important;
}

.btn-skin-1:not(.btn-disabled):hover {
    background-color: #6FA088;
}

.btn-skin-2 {
    background-color: #FFF;
    color: #254A5D !important;
}

.btn-skin-2:not(.btn-disabled):hover {
    background-color: #D0CFCD;
    color: #0D0D0D !important;
}

.btn-skin-3 {
    background-color: #254A5D;
    color: #FFF !important;
}

.btn-skin-3:not(.btn-disabled):hover {
    background-color: #2F6F7A;
    color: #fff !important;
}

.btn-outline {
    border: 1px solid #254A5D;
    color: #254A5D !important;
}

.btn-outline:not(.btn-disabled):hover {
    background-color: #D0CFCD;
    color: #0D0D0D;
}

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

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

.container {
    margin-right: auto;
    margin-left: auto;
    padding: 0px 22px;
    max-width: none;
}

.container:empty {
    padding: 0px;
}

.container .container {
    padding: 0px 0px;
    display: block; /* homepage */
    /*display: flex;
    justify-content: center;*/
}

@media (min-width: 1024px) {
    .container {
        padding: 0px 20px;
    }

    .container .container {
        padding: 0px 0px;
        display: flex;
        justify-content: center;
    }

    .homepage-content .container .container {
        padding: 0px 0px;
        display: block;
        justify-content: initial;
    }
}

@media (min-width: 1445px) {
    .container {
        /*padding: 0px calc(4.9% + 1px);*/
    }

    .container .container {
        /*padding: 0px calc(4.9% + 1px);*/
        display: flex;
        justify-content: center;
    }

    .homepage-content .container .container {
        padding: 0px calc(4.9% + 1px);
        display: block;
        justify-content: initial;
    }

    .layout-section-full .container {
        /*padding: 0px calc(4.9% + 1px);*/
    }

    .layout-section-full .container .container {
        /*padding: 0px calc(4.9% + 1px);*/
    }

    .layout-listing-section-full .container {
        padding: 0px calc(6% + 1px);
    }
}

.page-header-section .container .container {
    margin-right: auto;
    margin-left: auto;
    padding-top: 100px;
    padding-bottom: 0px;
    justify-content: initial;
}

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

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

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

    .page-header-section .container .container {
        padding-top: 20px;
        justify-content: initial;
        max-width: 1070px;
        padding: 0px;
        display:block;
    }
}

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

/* -----------------------------------------*/
/* 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: -5px;
        position: relative;
        margin-bottom: 0px; /* -5 for header A */
    }
}

@media (max-width: 1024px) {
    .page-content {
        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: 35px 0
}

@media (min-width: 1024px) {
    .content-section {
        position: relative;
        padding: 60px 0
    }
}

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

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

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

.section-heading:empty {
    margin-bottom: 0px
}


.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: 35px 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 {
    }

    .section.indentation {
        position: relative
    }
    
    .content-section {
        padding: 87px 0
    }

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

    .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,
.no-padding-left .container {
    padding-left: 0 !important
}

.no-padding-right,
.no-padding-right .container {
    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;
}

.content-section .row {
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    justify-content: center;
    max-width: 1064px;
}

.homepage-content .content-section .row {
    max-width: none; /* control through max width in the layout widgets */
} 


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

.full-col {
    width: 100%;
}

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

.content-sidebar-section .left-col:empty {
    margin-bottom: 0px !important;
}


.fixed-content-section .left-col {
    margin-bottom: 0px;
}

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

.news-content-sidebar-section .right-col {
    display: none;
}

.invest-content-section .left-col {
    margin-bottom: 0px;
}

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

@media (min-width: 768px) {

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

    .content-sidebar-section .right-col:not(:empty) {
        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) {

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

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

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

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

    .content-sidebar-section .left-col {
        -ms-flex-preferred-size: calc(67% - 93px);
        flex-basis: calc(67% - 93px);
        max-width: calc(67% - 93px);
        margin-right: 93px;
        margin-bottom: 0px;
    }

    .news-content-sidebar-section .left-col {
        -ms-flex-preferred-size: calc(67% - 93px);
        flex-basis: calc(67% - 93px);
        max-width: calc(67% - 93px);
        margin-right: 93px;
        margin-bottom: 0px;
    }

    .fixed-content-section .left-col {
        -ms-flex-preferred-size: calc(72.7% - 150px);
        flex-basis: calc(72.5% - 150px);
        max-width: calc(72.5% - 150px);
        margin-right: 150px;
        margin-bottom: 0px;
    }

    .invest-content-section .left-col {
        -ms-flex-preferred-size: calc(72.7% - 150px);
        flex-basis: calc(72.5% - 150px);
        max-width: calc(72.5% - 150px);
        margin-right: 150px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1024px) {
    .content-sidebar-section .right-col {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        max-width: 33%;
        margin-right: 0px;
    }

    .news-content-sidebar-section .right-col {
        display: block;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        max-width: 33%;
        margin-right: 0px;
    }

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

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

/* Remove additional padding if it is used together*/
.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));
    flex-basis: calc((100% / 6 * 6));
    max-width: calc((100% / 6 * 6));
    margin-right: 0px
}

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

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

.layout-section-50-50 .container .section-heading h2,
.layout-section-25-75 .container .section-heading h2,
.layout-section-75-25 .container .section-heading h2,
.layout-section-33-33-33 .container .section-heading h2{
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 14px;
    font-size: 1.63rem;
}

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

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

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

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

    .layout-section-75-25 .row > div:first-child {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 14px);
        flex-basis: calc((100% / 12 * 8) - 14px);
        max-width: calc((100% / 12 * 8) - 14px);
        margin-right: 24px
    }
    
    .layout-section-25-75 .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 14px);
        flex-basis: calc((100% / 12 * 8) - 14px);
        max-width: calc((100% / 12 * 8) - 14px);
        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) - 14px);
        flex-basis: calc((100% / 12 * 5) - 14px);
        max-width: calc((100% / 12 * 5) - 14px);
        margin-right: 24px
    }

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

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

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

.Contact .layout-section-75-25 .row > div {
    display: none;
}

.Contact .layout-section-75-25 .row > div:first-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0px;
    display: block;
    margin-bottom: 0px;
}

@media (min-width: 1024px) {
    .Contact .layout-section-75-25 .row > div {
        -ms-flex-preferred-size: calc(100% / 12 * 4);
        flex-basis: calc(100% / 12 * 4);
        max-width: calc(100% / 12 * 4);
        margin-right: 0px;
        display: block;
    }

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

@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(50% - 12px);
        flex-basis: calc(50% - 12px);
        max-width: calc(50% - 12px);
        margin-right: 24px;
    }

    .layout-section.layout-section-33-33-33 .left-col,
    .layout-section.layout-section-33-33-33 .mid-col,
    .layout-section.layout-section-33-33-33 .right-col {
        -ms-flex-preferred-size: calc((100% / 3) - 24px);
        flex-basis: calc((100% / 3) - 24px);
        max-width: calc((100% / 3) - 24px);
    }

    .layout-section.layout-section-33-33-33 .left-col,
    .layout-section.layout-section-33-33-33 .mid-col {
        margin-right: 30px;
    }

    .layout-section.layout-section-33-33-33 .right-col {
        margin-right: 0px !important;
    }

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

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

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

/* -----------------------------------------*/
/* Fade in animation */
/* -----------------------------------------*/

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* -----------------------------------------*/
/* 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;
    display: none;
}

.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: "Averta CY Regular", "Segoe UI", 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
    }
}

/* -----------------------------------------*/
/* Header */
/* -----------------------------------------*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: none;
}

.header {
    position: relative;
    width: 100%;
    z-index: 1010;
    margin-bottom: -95px;
    transition: height 1s;
}

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

.header-menu-primary > li {
    font-size: 0.9rem;
}

.header-menu-secondary > li {
    font-size: 0.9rem;
}

.header-menu-primary > li {
    display: inline-block;
}

.header-menu-primary > li a,
.header-menu-secondary > li a {
}

.header-menu-primary > li a {
    display: inline-block;
}

.header-menu-primary > li a::after,
.header-menu-secondary > li a:after{
    display: block;
    content: attr(title);
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

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

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

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

@media (min-width: 1024px) {
    .header {
        position: fixed;
    }

    .header .logo img {
        width: 172px;
        height: 24px;
    }
}

.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: 16px;
    display: none;
}

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

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

@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;
        z-index: 2;
    }
}

.header-container {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    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;
    background-color: transparent;
    height: initial;
    transition: height 1s;
}

.header-container.is-sticky {
    background-color: #254A5D;
}

.header.is-sticky {
    position: fixed;
    transition: height 1s;
}

@media (min-width: 1024px) {

    .header-sticky-container {
        overflow: hidden
    }

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

    .header-container.is-sticky {
        background-color: #2F6F7A;
        transition-property: border-bottom;
        transition-duration: .15s;
        transition-timing-function: linear;
    }

    .header-container.is-sticky:after {
        border-bottom: 500px solid #254A5D;
        border-left: 177px solid transparent;
        border-right: 0px solid transparent;
        height: 0px;
        width: 52%;
        content: '';
        position: absolute;
        right: -87px;
        bottom: -350px;
        z-index: 1;
    }

    .header {
        margin-bottom: -95px;
        border-bottom: 2px solid rgba(255, 255, 255, .3);
        background-color: transparent;
    }

    .header .logo {
        top: -0.5px;
    }
    
    .header.is-sticky  {
        background-color: #2F6F7A;
    }

    .header .header-sticky-container {
        background-color: transparent;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
    }

    .header.is-sticky .header-sticky-container {
        position: fixed;
        left: 0;
        right: 0;
        background-color: #2F6F7A;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
    }

    .header.is-sticky .header-sticky-container:after {
        opacity: 1;
    }

    header.header.js-header.is-sticky {
        border-bottom: 0px none;
    }

    .header-container {
        top: 0;
        background: transparent;
        padding: 26.75px 20px;
    }

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

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

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

@media (min-width: 1300px) {
    .header-container.is-sticky:after {
        width: 45%;
    }
}

@media (min-width: 1445px) {
    .header-container {
        padding: 23px 6%;
        margin: auto;
    }

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

@media (min-width: 1500px) {
    .header-container.is-sticky:after {
        width: 41.9%;
    }
}

.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,
.header-menu-secondary > li {
	display: block;
	font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 0;
	color: #FFFFFF;
}

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


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

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

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

.header-menu-social {
    display: none;
    color: #415364;
    font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
}

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

.header-nav-sub {
    display: none
}

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

.header-nav-link.js-nav-link-main,
.header-menu-secondary li a {
    color: #FFF;
}

.header-nav-item:hover,
.header-nav-link.js-nav-link-main:hover,
.header-menu-secondary li a:hover {
    color: #bac9c6;
}

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

.header-menu-secondary li.hidden-xs.hidden-sm,
.header-menu-secondary li:nth-child(4){
    visibility: hidden;
    display: none;
}

.header-menu-secondary li:nth-child(3) {
    margin-right: 0px;
}

.child-menu {
    visibility: hidden;
    display: none;
}

.standard-menu-with-child .menu-chevron-down {
    display: none;
}

@media (max-width: 1023px) {
    li.header-nav-item.header-nav-sub-cont.Resources.is-sub-open {
        position: absolute;
        top: 115px;
        width: 100%;
    }

    .header-container {
        background-color: #254A5D;
        transition-property: background-color;
    }

    .header .logo {
        position: relative;
        left: 20px;
        top: 0px;
    }

    .header-menu-primary > li a {
        display: block;
    }

    .header-menu-primary {
        margin-left: 0px;
        background-color: #2F6F7A;
        border-top: 1px solid rgba(255, 255, 255, .5);
    }

    .header-menu-secondary {
        background-color: #254A5D;
    }

    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: #FFF;
    }

    .header-menu {
        position: fixed;
        top: 0;
        left: 100%;
        width: 100%;
        padding-top: 53px;
        padding-bottom: 0px;
        height: 100%;
        overflow-y: auto;
        background: #2F6F7A;
        transition: transform .25s 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-container {
        padding: 0px;
    }

    .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);
        color: #FFF;
        background-color: #254A5D;
        overflow: hidden;
    }

    .is-open-menu.header-container::before {
        background: #2F6F7B;
    }

    .header-container::before {
        content: '';
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 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 .standard-menu-with-child {
        visibility: hidden;
        display: none;
    }

    .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: .5s
    }

    .is-open-submenu .header-menu .header-menu-secondary,
    .is-open-submenu .header-menu .header-menu-social {
        pointer-events: none;
        height: 100%;
        top: -250px;
        position: relative;
    }

    .header-nav-sub li.header-nav-item:first-child a.header-nav-link {
        border-top: 1px solid rgba(255, 255, 255, .5);
    }

    .header-menu-search {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }


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

    .header-menu-search-input {
        display: none;
    }

        .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-size: 18px;
        pointer-events: none;
        opacity: 0;
        transition-delay: 0;
        font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
        letter-spacing: 1px;
        font-size: 0.9rem;
    }

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

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

    .is-open-submenu .header-menu .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;
        position: relative;
        top: 0px;
        z-index: 9999;
    }

    .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: 0px 16px;
        min-height: 60px;
        line-height: 60px;
        border-bottom: 1px solid rgba(255, 255, 255, .5);
        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;
        width: 100%;
    }

        .header-nav-link:hover,
        .header-nav-link:focus,
        .header-menu-secondary li:hover,
        .header-menu-secondary li:focus {
        }

            .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-primary > li:first-child {
        border-top: 1px solid rgba(255, 255, 255, .5);
    }

    .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: 1px solid rgba(255, 255, 255, .5);*/
        /*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);*/
        min-height: 60px;
        line-height: 60px;
    }

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

    .header-menu-primary,
    .header-menu-secondary {
        display: block
    }
	
	.header-menu-primary {
		margin-left: 30px;
	}

	.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: -6px;
        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
	}

    .standard-menu-with-child {
        position: relative;
        display: flex !important;
        top: 1px;
    }

    .standard-menu-with-child .menu-chevron-down {
        display: block;
        width: 20px;
        height: 20px;
        position: relative;
        top: 0px;
        left: 5px;
    }

    .child-menu {
        visibility: hidden;
        width: 265px;
        background-color: #6E9AA2;
        color: #fff;
        text-align: center;
        position: absolute;
        z-index: 1;
        top: 50px;
        left: 60%;
        margin-left: -60px;
        opacity: 0;
        display: block;
        margin-top: 30px;
        cursor: pointer;
    }

    .child-menu-item {
        padding: 25px;
        text-align: left;
        font-weight: 100;
        border-bottom: 3px solid #2F707A;
        font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
        letter-spacing: 1px;
        letter-spacing: 1px;
    }

    .child-menu-item a {
        font-size: 0.9rem;
    }

    .child-menu-item:hover {
        background-color: #254A5D;
    }

    .child-menu-item:last-child {
        border-bottom: 0px;
    }

    .child-menu.is-open {
        visibility: visible;
        opacity: 1;
    }
}

.is-open-submenu .header-nav-item li.header-nav-item {
    display: none;
}

.is-open-submenu .header-nav-item.is-sub-open li.header-nav-item {
    display: block !important;
}

@media (min-width: 1100px) {
    .child-menu {
        left: 58%;
    }

    .child-menu.investment-child-menu {
        left: 28%;
    }
}

@media (min-width: 1150px) {
    .child-menu {
        left: 55%;
    }

    .child-menu.investment-child-menu {
        left: 28%;
    }
}

@media (min-width: 1200px) {
    .child-menu {
        left: 53%;
    }

    .child-menu.investment-child-menu {
        left: 30%;
    }
}

@media (min-width: 1250px) {
    .child-menu {
        left: 50%;
    }

    .child-menu.investment-child-menu {
        left: 40%;
    }
}

@media (min-width: 1300px) {
    .child-menu {
        left: 57%;
    }

    .child-menu.investment-child-menu {
        left: 27%;
    }
}

@media (min-width: 1400px) {
    .child-menu {
        left: 52%;
        margin-top: 20px;
    }

    .child-menu.investment-child-menu {
        left: 26%;
    }
}

@media (min-width: 1450px) {
    .child-menu {
        left: 51.5%;
    }

    .child-menu.investment-child-menu {
        left: 26.5%;
    }
}

@media (min-width: 1500px) {
    .child-menu {
        left: 54%;
    }

    .child-menu.investment-child-menu {
        left: 29%;
    }
}

@media (min-width: 1550px) {
    .child-menu {
        left: 54%;
    }

    .child-menu.investment-child-menu {
        left: 29%;
    }
}

@media (min-width: 1600px) {
    .child-menu {
        left: 50%;
    }

    .child-menu.investment-child-menu {
        left: 24%;
    }
}

@media (min-width: 1700px) {
    .child-menu {
        left: 49%;
    }

    .child-menu.investment-child-menu {
        left: 23%;
    }
}

@media (min-width: 1750px) {
    .child-menu {
        left: 47%
    }

    .child-menu.investment-child-menu {
        left: 21%;
    }
}

@media (min-width: 1800px) {
    .child-menu {
        left: 46.5%
    }

    .child-menu.investment-child-menu {
        left: 22%;
    }
}

@media (min-width: 1850px) {
    .child-menu {
        left: 44%
    }

    .child-menu.investment-child-menu {
        left: 23%;
    }
}

@media (min-width: 1880px) {
    .child-menu {
        left: 44.5%;
    }

    .child-menu.investment-child-menu {
        left: 24%;
    }
}

@media (min-width: 2400px) {
    .child-menu {
        left: 35%;
    }

    .child-menu.investment-child-menu {
        left: 20.5%;
    }
}

@media (min-width: 1024px) {
    .header-menu-primary {
        margin-left: 30px;
    }

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

@media (min-width: 1200px) {
    .header-menu-primary > li,
    .header-menu-secondary > li {
        display: inline-block;
        margin-left: 0px;
        margin-right: 15px;
    }
}

@media (min-width: 1290px) {
    .header-menu-primary {
        margin-left: 51px;
    }

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

@media (min-width: 1260px) {
    .placerproperty-primary-nav {
        float: left;
        margin-left: 40px;
    }
    
	.header-menu-secondary > li:empty,
	.header-menu-secondary > li:last-child {
		margin-right: 0px;
	}
}

@media (min-width: 1550px) {
    .placerproperty-primary-nav {
    }
}

.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: 2;
    padding: 20px;
    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 .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: #fff
}

.header-hamburger-box {
    width: 18px;
    height: 18px;
    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: -6px
}

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

.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: #254A5D
}

.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;
        -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-color: transparent;
    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;
}

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




/* -----------------------------------------*/
/* Body */
/* -----------------------------------------*/

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

h1.headline {
    color: #FFF;
    font-size: 2rem;
    font-weight: normal;
    position: relative;
    z-index: 2;
}

.page-header-section span.pageType {
    font-family: "Averta CY Light", "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    color: #D0CFCD;
}

.page-header-section {
    background-color: #2F6F7A;
    padding-top: 90px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 50px;
    top: initial;
}

.home-header-section {
    margin-bottom: 35px;
}

@media (min-width: 1024px) {
    .home-header-section {
        margin-bottom: 0px;
    }

    .page-header-section {
        background-color: #2F6F7A;
        padding-top: 200px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 130px;
        overflow: hidden;
        position: relative;
        top: 0px;
    }

    .page-header-section:after {
        border-bottom: 500px solid #254A5D;
        border-left: 175px solid transparent;
        border-right: 0px solid transparent;
        height: 0px;
        width: 49%;
        content: '';
        position: absolute;
        right: -125px;
        bottom: 0px;
        z-index: 1;
        padding-top:100px;
    }

    h1.headline {
        font-size: 2.8rem;
        max-width: 1070px;
    }

    .page-header-section span.pageType {
        font-size: 1.3rem;
        letter-spacing: 1px;
    }
}

@media (min-width: 1300px) {
    .page-header-section:after {
        width: 45%;
    }
}

@media (min-width: 1445px) {
    .page-header-section {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1500px) {
    .page-header-section:after {
        width: 41.9%;
    }
}

table.table th, table.table tr {
    padding: 10px;
}

table.table.performance {
    border-collapse: collapse;
}

table.table.performance th {
    border-bottom: 1px solid #254A5D;
}

table.table th,
table.table td,
table.table.grey-first-column td,
table.table.grey-first-column th {
    font-size: 14px;
    padding: 10px;
}

table.table td:first-child, table.table th:first-child {
    padding-left: 0px;
    text-align: left;
}

table.table td:last-child, table.table th:last-child {
    padding-right: 0px;
}

table.table.grey-first-column td:first-child, table.table.grey-first-column th {
    background-color: #e6e6e6;
	padding-left: 12px;
	padding-right: 12px;
}

table.table.performance td:first-child, table.table.performance th:first-child {
    width: 100px;
}

table.table.performance td:last-child, table.table.performance th:last-child {
    width: 117px;
    text-align: left;
}

table.three-col td:first-child {
    padding-left: 0px;
    padding-right: 15px;
}

table.three-col td:nth-child(2) {
    padding-left: 0px;
    padding-right: 15px;
}

table.three-col td:last-child {
    padding-left: 0px;
    padding-right: 15px;
}

table.three-col img {
    width: 200px;
}

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

.callUsNowPanel {
    font-family: "Tiempos Text Regular", Georgia, Helvetica, Arial, sans-serif;
    display: block;
    width: 100%;
    margin: auto;
    height: auto;
    background-color: #e7e3e0;
    padding: 46px 0px 43px 0px;
    margin-bottom: -5px;
}

.callUsNowPanel .container {
    text-align: center;
}

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

.callUsNowPanel .telephone,
.callUsNowPanel .email {
    font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
    width: 100%;
    height: 50px;
    text-align: left;
}

.callUsNowPanel .telephone a,
.callUsNowPanel .email a {
    color: #2F6F7A;
    font-size: 2rem;
}

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

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

.callUsNowPanel .heading {
    font-size: 1.65rem;
}

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

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

.callUsNowPanel .telephone {
    width: 230px;
}

.callUsNowPanel .email {
    width: 260px;
}

@media (max-width: 850px) {
    .callUsNowPanel {
        padding: 30px 0px 10px 0px;
    }

    .callUsNowPanel .heading {
        top: 0px;
    }

    .callUsNowPanel .row {
        display: block;
        width: auto;
    }

    .callUsNowPanel .heading,
    .callUsNowPanel .telephone,
    .callUsNowPanel .email {
        float: initial;
        width: 100%;
        display: block;
    }

    .callUsNowPanel .telephone {
        margin-bottom: 20px;
    }

    .callUsNowPanel .email {
        margin-bottom: 30px;
    }
}

/* -----------------------------------------*/
/* Loader */
/* -----------------------------------------*/
.loader-container {
    margin: 100px;
}

.component-loader {
    width: 100px;
    height: 100px;
    border: 10px solid #254A5D;
    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)
    }
}

/* -----------------------------------------*/
/* Footer */
/* -----------------------------------------*/

footer {
    background-color: #254A5D;
    color: #FFF;
    padding: 30px 0px;
    font-size: 0.8rem;
}

footer .footerIcon {
    width: 25px;
    position: relative;
    top: 7px;
    margin-right: 20px;
}

footer .footerIcon img {
    height: 43px;
    position: relative;
    top: 3px;
}

footer .company,
footer .privacyDisclaimer {
    line-height: 1.45;
    width: 133px;
}

footer .privacyDisclaimer {
    padding-right: 0px;
    text-align: left;
}

footer .company {
    width: calc(100% - 210px);
    line-height: 1.45;
}

footer .socialMedia {
    font-size: 2.1rem;
    color: #FFF;
}

footer a {
    color: #FFF;
}

footer a:hover {
    color: #FFF;
}

footer .privacyDisclaimer .privacyLink,
footer .privacyDisclaimer .disclaimerLink {
    display: block;
}

footer .company .addressEmail,
footer .company .copyright {
    display: inline;
}

@media (min-width: 1024px) {
    footer .company .addressEmail,
    footer .company .copyright {
        display: block;
    }

    footer .privacyDisclaimer {
        padding-right: 20px;
        text-align: right;
    }

    footer {
        padding: 30px 0px;
        font-size: 0.78rem;
    }
}

@media (max-width: 950px) {
    footer .footerIcon svg {
        margin-bottom: 24px;
        width: 25px;
    }

    footer .footerIcon,
    footer .company,
    footer .privacyDisclaimer {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    footer .company {
        margin-bottom: 8px;
    }

    footer .socialMedia {
        display: none;
    }
}

@media (min-width: 1445px) {
    footer .container {
        padding: 0 calc(6% + 2px);
    }
}

.header-menu-search-btn {
    display: none;
}

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

.heroCarousel,
.carousel-components-holder {
    padding-top: 35px;
}


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

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

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

.heroCarousel .carousel-inner {
    max-height: 600px;
}

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

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

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

.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-indicators-panel .slick-dots li:first-child {
    padding-left: 0px;
}

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

.carousel-section .slick-active button {
}

.carousel-section .slick-dots button:active,
.carousel-section .slick-dots button:focus {
}

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

.heroCarousel .carousel-indicators li {
    content: '';
    width: 0;
    height: 0;
}

.heroCarousel .carousel-indicators li:after {
    content: '';
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EUnselected_White%3C/title%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M49.93794%2C19.94806%2C80.0376%2C90.23528H19.94725L49.93794%2C19.94806m.91591-18.18334h-1.8551L8.43282%2C96.83647c.39309.60294.52824.79587.93365%2C1.39881h81.267c.40544-.60294.54059-.79587.93368-1.39881L50.85385%2C1.76472Z%22/%3E%3C/svg%3E');	
	background-repeat: no-repeat;
    display: block;
}

.heroCarousel .carousel-indicators li.slick-active:after {
    content: '';
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3ESelected_White%3C/title%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M50.84563%2C1.76471%2C91.31857%2C96.84606c-.4052.59042-.53254.78723-.92616%2C1.38923H9.597c-.39361-.602-.521-.79881-.91457-1.38923L48.99331%2C1.76471h1.85232%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    display: block;
}

.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: -60px;
    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;
}

.headerImageTextPanel {
    font-size: 2rem;
    color: red;
    position: relative;
    top: 25%;
    left: 7%;
    z-index: 99;
}

.headerImageTextPanel {
    font-size: 2.5rem;
    color: #fff;
    position: absolute;
    top: 38%;
    left: 0px;
    font-family: "Tiempos Text Regular", Georgia, Helvetica, Arial, sans-serif;
    width: 100% !important;
    line-height: 3rem;
    text-align: center;
    padding: 0px 20px;
}

.heroCarousel .btnContainer {
    margin-top: 24px;
}

.heroCarousel .btn {
    background-color: #fff;
    color: #254A5D;
}

@media screen and (min-width: 1024px) {
    .headerImageTextPanel {
        font-size: 3.2rem;
        left: 9.7%;
        width: 450px !important;
        line-height: 4rem;
        text-align: left;
    }

    .headerImageTextPanel:after {
        top: 1px;
        left: 0px;
    }

    .heroCarousel .btnContainer,
    .heroCarousel .btn {
        display: none;
    }

    .headerImageTextPanel:after {
        content: '';
        width: 8px;
        height: 8px;
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d0cfcd%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3ESelected_White%3C/title%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M50.84563%2C1.76471%2C91.31857%2C96.84606c-.4052.59042-.53254.78723-.92616%2C1.38923H9.597c-.39361-.602-.521-.79881-.91457-1.38923L48.99331%2C1.76471h1.85232%22/%3E%3C/svg%3E');
        background-repeat: no-repeat;
        display: inline-block;
        position: relative;
        top: 1px;
        left: -5px;
    }
}

/* -----------------------------------------*/
/* Carousel */
/* -----------------------------------------*/

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

.mainNewsArticleHero .page-heading,
.heroCarousel .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;
}

.heroCarousel .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
    , .heroCarousel .page-heading {
        padding-left: 14px;
        padding-right: 14px;
        color: #FFFFFF;
        font-size: 35px;
        margin-top: 0px;
        line-height: 65px;
    }


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

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


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

    .mainNewsArticleHero .page-heading-panel {
		background-color: rgba(0, 0, 0, .50);
        position: absolute;
    }

    .heroCarousel .page-heading-indicators-outer-panel {
        position: absolute;
        bottom: 0px;
        left: 0px;
        background-color: rgba(0, 0, 0, .50);
        width: 100%;
        height: 65px;
        z-index: 100;
    }
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.heroCarousel ul li::before {
    background-color: transparent;
}

.heroCarousel ol li::before {
    content: initial;
}

.heroCarousel .carousel-indicators li {
    background-color: transparent;
}

/* -----------------------------------------*/
/* Centre Align Text */
/* -----------------------------------------*/

.centreAlignTextPanel {
    padding: 35px 0px 35px 0px;
    text-align: center;
}

@media screen and (min-width: 1024px) {
    .centreAlignTextPanel {
        padding: 60px 0px 80px 0px;
        text-align: center;
    }
}

.centreAlignTextPanel.grey {
    background-color: #e7e3e0;
    color: #254A5D;
}

.centreAlignTextPanel.green {
    background-color: #2F6F7A;
    color: #fff;
}

.centreAlignTextPanel.white {
    background-color: #fff;
    color: #254A5D;
}

.centreAlignTextPanel.green p,
.centreAlignTextPanel.green h1,
.centreAlignTextPanel.green h2,
.centreAlignTextPanel.green h3,
.centreAlignTextPanel.green h4{
    color: #fff;
}

.centreAlignTextPanel h1,
.centreAlignTextPanel h2,
.centreAlignTextPanel h3,
.centreAlignTextPanel h4{
    margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
    .centreAlignTextPanel .container {
        max-width: 896px;
        padding: 0px;
    }
}

/* -----------------------------------------*/
/* Find out more widget */
/* -----------------------------------------*/

.findOutMoreTile .imageSection {
    height: 235px;
    width: 100%;
}

.findOutMoreTile .contentSection {
    padding: 34px 22px;
    display: block;
}

.findOutMoreTile .contentSection .infoSection,
.findOutMoreTile .contentSection .findOutMoreSection {
    width: 100%;
}

.findOutMoreTile .contentSection .infoSection h3:not(:empty) {
    font-size: 1.6rem;
    margin-bottom: 15px;
}

.findOutMoreTile .contentSection .subHeading {
    font-family: 'Averta CY Regular', Helvetica, Arial, sans-serif;
    margin-bottom: 15px;
}

.findOutMoreTile .contentSection .infoSection h3,
.findOutMoreTile .contentSection .infoSection p,
.findOutMoreTile .contentSection .infoSection .subHeading{
    color: #fff;
}

.findOutMoreTile.darkgreen .contentSection {
    background-color: #254A5D;
}

.findOutMoreTile.green .contentSection {
    background-color: #2F6F7A;
}

.findOutMoreTile.darkwarmgrey .contentSection {
    background-color: #8C827A;
}

.findOutMoreTile .btn {
    position: relative;
    top: 25%;
    width: 100%;
}

.findOutMoreTile .btn {
    background-color: #fff;
    color: #254A5D;
    margin-top: 14px;
}

.findOutMoreTile .btn:hover {
    background-color: #D0CFCD;
}

.findOutMoreTile .contentSection {
    min-height: initial;
}

.findOutMoreTile .findOutMoreSection {
    margin-top: 18px;
}

.homepage-content .layout-section-50-50 .row > div:first-child {
    margin-bottom: 35px;
}

.homepage-content .layout-section-50-50 .row > div {
    -ms-flex-preferred-size: 570px;
    flex-basis: 570px;
    max-width: 570px;
    margin-right: 0px;
}

@media (min-width: 800px) {
    .homepage-content .layout-section-50-50 .row > div {
        -ms-flex-preferred-size: calc(50% - 26px);
        flex-basis: calc(50% - 26px);
        max-width: calc(50% - 26px);
    }

    .homepage-content .layout-section-50-50 .row > div:first-child {
        margin-right: 24px;
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 600px) {
    .findOutMoreTile .btn {
        width: 153px;
        margin-top: 0px;
        display: block;
    }
}

@media screen and (min-width: 900px) {
    .findOutMoreTile .contentSection {
        display: flex;
    }

    .findOutMoreTile .contentSection {
        min-height: 250px;
    }

    .findOutMoreTile .contentSection .infoSection {
        width: 100%;
    }

    .findOutMoreTile .contentSection .findOutMoreSection {
        width: 200px;
        text-align: right;
        margin-left: 43px;
    }

    .findOutMoreTile .findOutMoreSection {
        margin-top: 0px;
    }
}


@media (max-width:1300px) and (min-width:1024px) {
    .findOutMoreTile .contentSection {
        min-height: 265px;
        padding: 35px 48px;
        display: flex;
    }
}

@media (min-width:1301px) {
    .findOutMoreTile .contentSection {
        padding: 35px 48px;
        min-height: initial;
        display: flex;
    }
}


/* -----------------------------------------*/
/* Engagement Alert */
/* -----------------------------------------*/

.component-engagement-alert_,
.component-engagement-alert_default,
.component-engagement-alert_greyborder {
    border: 1px solid #2F6F7A;
    padding: 40px 30px;
    text-align: center;
}

.component-engagement-alert_ .alert-message,
.component-engagement-alert_default .alert-message,
.component-engagement-alert_greyborder .alert-message {
    text-align: center;
    color: #2F6F7A;
    font-size: 1.75rem;
    font-family: "Tiempos Text Regular", Georgia, Helvetica, Arial, sans-serif;
    margin-bottom: 24px;
}

.component-engagement-alert_ .btn,
.component-engagement-alert_default .btn,
.component-engagement-alert_greyborder .btn {
    text-align: center;
    background-color: #254A5D;
    color: #fff;
}

.component-engagement-alert_ .btn:hover,
.component-engagement-alert_default .btn:hover,
.component-engagement-alert_greyborder .btn:hover {
    background-color: #2F6F7A;
    color: #fff;
}

/* -----------------------------------------*/
/* Advice listing */
/* Investment listing */
/* -----------------------------------------*/

.listing-results {
    overflow: initial;
    margin: auto;
}

@media screen and (min-width: 1024px) {
    .listing-results {
        overflow: hidden;
        max-width: 1164px;
        margin: auto;
    }
}

.listing-no-results {
    display: none;
}

.listing-heading {
    margin-bottom: 24px;
    font-family: "Tiempos Text Regular", Georgia, Helvetica, Arial, sans-serif;
    font-size: 1.75rem;
    color: #254A5D;
}

.one-col .tile.content-tile {
    display: block;
    margin-bottom: 35px;
}

.one-col .tile.content-tile:last-child {
    margin-bottom: 35px;
}

.one-col .tile-content {
    padding: 35px 22px;
}

.one-col .tile.content-tile:nth-child(odd) {
    flex-direction: row-reverse;
}

.one-col .tile.content-tile.layout-70-30 .tile-content,
.one-col .tile.content-tile.layout-30-70 .tile-content,
.one-col .tile.content-tile.layout-70-30 .tile-media,
.one-col .tile.content-tile.layout-30-70 .tile-media {
    width: 100%;
}

.one-col .tile.content-tile .intrinsic-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 420px;
}

.one-col .tile.content-tile:nth-child(3n + 1) {
    background-color: #2F6F7A;
}

.one-col .tile.content-tile:nth-child(3n + 1) p,
.one-col .tile.content-tile:nth-child(3n + 1) h4,
.one-col .tile.content-tile:nth-child(3n + 1) h4 a,
.one-col .tile.content-tile:nth-child(3n + 1) div {
    color: #fff
}

.one-col .tile.content-tile:nth-child(3n + 2) {
    background-color: #BFB7B0;
}

.one-col .tile.content-tile:nth-child(3n + 2) p,
.one-col .tile.content-tile:nth-child(3n + 2) h4,
.one-col .tile.content-tile:nth-child(3n + 2) h4 a,
.one-col .tile.content-tile:nth-child(3n + 2) div {
    color: #254A5D
}

.one-col .tile.content-tile:nth-child(3n + 3) {
    background-color: #254A5D;
}

.one-col .tile.content-tile:nth-child(3n + 3) p,
.one-col .tile.content-tile:nth-child(3n + 3) h4,
.one-col .tile.content-tile:nth-child(3n + 3) h4 a,
.one-col .tile.content-tile:nth-child(3n + 3) div {
    color: #fff
}

.one-col .tile.content-tile .btn-skin-1 {
    color: #254A5D !important;
    background-color: #fff;
}

.one-col .tile.content-tile .btn-skin-1:hover {
    background-color: #D0CFCD;
}

.one-col .tile .inner-tile-content .btn {
    margin-top: 30px;
}

.one-col .tile .excerpt,
.one-col .tile .excerpt p {
    font-size: 1rem;
    line-height: 1.5;
}

.one-col .tile .excerpt {
    margin-bottom: 16px;
}

.one-col .tile .subTitle {
    font-family: "Averta CY Semi-bold", "Segoe UI", Helvetica, Arial, sans-serif;
}

.one-col .tile h4{
    margin-bottom: 16px;
}

.one-col .tile .subTitle {
    margin-bottom: 20px;
    font-size: 1.1rem;
}

.accordiusinvestlist-tile-container .tile-container:nth-child(3n + 1) .tile.content-tile {
    background-color: #2F6F7A;
}

.accordiusinvestlist-tile-container .tile-container:nth-child(3n + 1) .tile.content-tile p,
.accordiusinvestlist-tile-container .tile-container:nth-child(3n + 1) .tile.content-tile h4,
.accordiusinvestlist-tile-container .tile-container:nth-child(3n + 1) .tile.content-tile h4 a,
.accordiusinvestlist-tile-container .tile-container:nth-child(3n + 1) .tile.content-tile div {
    color: #fff
}

.accordiusinvestlist-tile-container .tile-container:nth-child(3n + 2) .tile.content-tile {
    background-color: #BFB7B0;
}

.accordiusinvestlist-tile-container .tile-container:nth-child(3n + 2) .tile.content-tile p,
.accordiusinvestlist-tile-container .tile-container:nth-child(3n + 2) .tile.content-tile h4,
.accordiusinvestlist-tile-container .tile-container:nth-child(3n + 2)  .tile.content-tileh4 a,
.accordiusinvestlist-tile-container .tile-container:nth-child(3n + 2)  .tile.content-tilediv {
    color: #254A5D
}

.accordiusinvestlist-tile-container .tile-containere:nth-child(3n + 3) .tile.content-til {
    background-color: #254A5D;
}

.accordiusinvestlist-tile-container .tile-container:nth-child(3n + 3) .tile.content-tile p,
.accordiusinvestlist-tile-container .tile-container:nth-child(3n + 3) .tile.content-tile h4,
.accordiusinvestlist-tile-container .tile-container:nth-child(3n + 3) .tile.content-tile h4 a,
.accordiusinvestlist-tile-container .tile-container:nth-child(3n + 3) .tile.content-tile div {
    color: #fff
}

.accordiusinvestlist-tile-container .tile-container:nth-child(odd) .tile.content-tile {
    flex-direction: row-reverse;
}

.accordiusinvestlist-tile-container .tile-container:nth-child(even) .tile.content-tile {
    flex-direction: row;
}

.accordiusinvestlist-tile-container .tile-container h3 {
    margin-top: 50px;
}

.accordiusinvestlist-tile-container .tile-container:first-child h3 {
    margin-top: 0px;
}

@media screen and (max-width: 500px) {
    .one-col .tile-content .btn {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .one-col .tile-content {
        padding: 50px;
    }
}

@media screen and (min-width: 1024px) {
    .one-col .tile.content-tile {
        margin-bottom: 50px;
    }

    .one-col .tile.content-tile:last-child {
        margin-bottom: 0px;
    }

    .one-col .tile-content {
        padding: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .one-col .tile-content .excerpt {
        margin-bottom: 0px;
    }

    .one-col .tile.content-tile {
        display: flex;
    }

    .one-col .tile.content-tile.layout-70-30 .tile-content {
        width: 63.6%;
        padding-right: 15%;
        justify-content: center;
        display: flex;
    }

    .one-col .tile.content-tile.layout-30-70 .tile-content {
        width: 36.5%;
        justify-content: center;
        display: flex;
    }

    .one-col .tile.content-tile.layout-70-30 .tile-media {
        width: 36.5%;
    }

    .one-col .tile.content-tile.layout-30-70 .tile-media {
        width: 63.6%;
    }
}

.team-listing {
    margin-bottom: -20px;
}

.two-col .tile.content-tile .tile-content,
.two-col .tile.content-tile .tile-media,
.four-col .tile.content-tile .tile-content,
.four-col .tile.content-tile .tile-media {
    width: 100%;
}

.two-col .tile.content-tile .intrinsic-image,
.four-col .tile.content-tile .intrinsic-image {
    width: 100%;
    height: 100%;
}

.component-tile-container.two-col,
.component-tile-container.three-col,
.component-tile-container.four-col {
    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: 100%;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    flex-wrap: wrap;
}

.two-col .tile,
.three-col .tile,
.four-col .tile {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    transition: background-color .3s;
    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;
    margin-bottom: 35px;
}

.two-col .tile div,
.two-col .tile p,
.three-col .tile div,
.three-col .tile p,
.four-col .tile div,
.four-col .tile p{
    font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
    color: #254A5D;
}

.two-col .tile .tile-title,
.three-col .tile .tile-title,
.four-col .tile .tile-title{
    margin-bottom: 0px;
}

.two-col .tile .tile-title,
.two-col .tile .tile-title a,
.three-col .tile .tile-title,
.three-col .tile .tile-title a,
.four-col .tile .tile-title,
.four-col .tile .tile-title a{
    font-family: "Averta CY Semi-bold", "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 1.15rem;
    color: #254A5D;
}

.three-col .tile .tile-title,
.three-col .tile .tile-title a,
.four-col .tile .tile-title,
.four-col .tile .tile-title a{
    font-size: 1rem;
}

.two-col .tile .subTitle,
.three-col .tile .subTitle,
.four-col .tile .subTitle{
    font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
    margin-bottom: 17px;
}

.two-col .tile .people-tile-bottom,
.three-col .tile .people-tile-bottom,
.four-col .tile .people-tile-bottom{
    margin-top: 17px;
    padding-top: 17px;
    border-top: 1px solid #92A4AE;
}

.two-col .tile .read-more-section,
.two-col .tile .readMoreTile a,
.three-col .tile .read-more-section,
.three-col .tile .readMoreTile a,
.four-col .tile .read-more-section,
.four-col .tile .readMoreTile a{
    font-family: "Averta CY Semi-bold", "Segoe UI", Helvetica, Arial, sans-serif;
    color: #254a5d;
}

.two-col .tile .tile-content {
    margin-top: 30px;
}

.three-col .tile .tile-content,
.four-col .tile .tile-content{
    margin-top: 20px;
}

.two-col .tile .excerpt,
.three-col .tile .excerpt,
.four-col .tile .excerpt{
    font-size: 0.96rem;
}

.team-listing .tile .excerpt {
    display: inline;
}

.resources-listing .tile .excerpt {
    height: 165px;
}

.resources-listing .tile-title {
    text-transform: uppercase;
    margin-bottom: 10px !important;
}
.resources-listing .tile-title a {
    line-height: 1.6rem;
}

.two-col .tile .readMoreTile,
.three-col .tile .readMoreTile,
.four-col .tile .readMoreTile {
    border-bottom: 1px solid #254a5d;
    padding-bottom: 15px;
    margin-top: 20px;
}

.two-col .tile .readMoreTile a,
.two-col .tile .read-more-section,
.three-col .tile .readMoreTile a,
.three-col .tile .read-more-section,
.four-col .tile .readMoreTile a,
.four-col .tile .read-more-section {
    position: relative;
    transition: all 0.1s ease-in-out
}

.two-col .tile .readMoreTile a:hover svg.fa-angle-right,
.two-col .tile .read-more-section:hover svg.fa-angle-right,
.three-col .tile .readMoreTile a:hover svg.fa-angle-right,
.three-col .tile .read-more-section:hover svg.fa-angle-right,
.four-col .tile .readMoreTile a:hover svg.fa-angle-right,
.four-col .tile .read-more-section:hover svg.fa-angle-right {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.two-col .tile .readMoreTile svg.svg-inline--fa.fa-angle-right.fa-w-8,
.two-col .tile .read-more-section svg.svg-inline--fa.fa-angle-right.fa-w-8,
.three-col .tile .readMoreTile svg.svg-inline--fa.fa-angle-right.fa-w-8,
.three-col .tile .read-more-section svg.svg-inline--fa.fa-angle-right.fa-w-8,
.four-col .tile .readMoreTile svg.svg-inline--fa.fa-angle-right.fa-w-8,
.four-col .tile .read-more-section svg.svg-inline--fa.fa-angle-right.fa-w-8 {
    margin-left: 8px;
    position: relative;
    top: 1px;
}

.two-col .tile a.people-tile-bottom-link svg {
    height: 30px;
    width: 30px;
}

.three-col .tile a.people-tile-bottom-link svg,
.four-col .tile a.people-tile-bottom-link svg {
    height: 24px;
    width: 24px;
}

.two-col .tile a.people-tile-bottom-link,
.three-col .tile a.people-tile-bottom-link,
.four-col .tile a.people-tile-bottom-link {
    float: right;
    margin-top: -3.5px;
    margin-right: 19px;
}

.two-col .tile a.people-tile-bottom-link:last-child,
.three-col .tile a.people-tile-bottom-link:last-child,
.four-col .tile a.people-tile-bottom-link:last-child {
    margin-right: 5px;
}

.two-col .tile .people-tile-bottom a,
.three-col .tile .people-tile-bottom a,
.four-col .tile .people-tile-bottom a {
    color: #254A5D;
}

div.component-tile-container[id$=pLatestNews].two-col .tile .tile-content {
    padding: 0px 24px 24px 24px;
    background-color: #fff;
}

.tile-meta-spacer {
    display: none;
}

.tile-meta {
    margin-bottom: 15px;
}

.component-tile-container.accordiuspeople-tile-container.two-col {
    max-width: 560px
}

@media screen and (min-width: 769px) {
    .component-tile-container.accordiuspeople-tile-container.two-col,
    .component-tile-container.accordiuspeople-tile-container.three-col,
    .component-tile-container.accordiuspeople-tile-container.four-col {
        max-width: 1189px
    }

    .two-col .tile a.people-tile-bottom-link,
    .three-col .tile a.people-tile-bottom-link
    .four-col .tile a.people-tile-bottom-link {
        margin-top: -3.5px;
        margin-right: 0px;
    }
    
    .resources-listing .tile .excerpt {
        height: 215px;
    }

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

    /*.component-tile-container.two-col .tile:nth-child(3n+2),
    .component-tile-container.four-col .tile:nth-child(3n+2) {
        margin-right: 0px
    }*/

    .two-col .tile a.people-tile-bottom-link {
        float: right;
        margin-top: -3.5px;
        margin-right: -5px;
    }

    .four-col .tile a.people-tile-bottom-link {
    }
}

@media screen and (max-width: 540px) {
    div.component-tile-container[id$=pLatestNews].two-col,
    div.component-tile-container[id$=pLatestNews].four-col {
        width: calc(100% + 3px);
    }

    div.component-tile-container[id$=pLatestNews].two-col .tile,
    div.component-tile-container[id$=pLatestNews].four-col .tile {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0px;
    }

    div.component-tile-container[id$=pLatestNews].two-col .tile,
    div.component-tile-container[id$=pLatestNews].four-col .tile {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 1024px) {
    .two-col .tile,
    .three-col .title,
    .four-col .tile {
        margin-bottom: 55px;
    }

    .team-listing .tile .excerpt {
        display: block;
        height: 70px;
    }

    .resources-listing .tile .excerpt {
        height: 175px;
    }

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

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

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

    .component-tile-container.two-col .tile:nth-child(2n+2),
    .component-tile-container.three-col .tile:nth-child(3n+3),
    .component-tile-container.four-col .tile:nth-child(2n+4){
        margin-right: 0px
    }

    div.component-tile-container[id$=pLatestNews].two-col .tile,
    div.component-tile-container[id$=pLatestNews].four-col .tile {
        -ms-flex-preferred-size: calc((100% / 3) - 26px);
        flex-basis: calc((100% / 3) - 26px);
        max-width: calc((100% / 3) - 26px);
        margin-right: 27px;
    }

    div.component-tile-container[id$=pLatestNews].two-col .tile:nth-child(3n+2),
    div.component-tile-container[id$=pLatestNews].four-col .tile:nth-child(3n+2){
        margin-right: 27px
    }

    div.component-tile-container[id$=pLatestNews].two-col .tile:nth-child(3n+3),
    div.component-tile-container[id$=pLatestNews].four-col .tile:nth-child(3n+3){
        margin-right: 0px
    }
}

/* -----------------------------------------*/
/* Paging */
/* -----------------------------------------*/

.listing-pagination {
    margin: auto;
}

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

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

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

ul.component-pagination li {
    padding-left: 0px;
}

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

.component-pagination li {
    margin: 0;
    font-family: "Averta CY Semi-bold", "Segoe UI", Helvetica, Arial, sans-serif;    
}

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

.component-pagination li:not(.btn-disabled) a:hover span,
.component-pagination li:not(.btn-disabled) a:focus span {
    color: #000
}

.component-pagination li.page.selected a {
    color: #000;
}

.component-pagination li:not(.btn-disabled) a:hover svg.svg-icon,
.component-pagination li:not(.btn-disabled) a:focus svg.svg-icon{
    color: #000;
}

.component-pagination a {
    display: block;
    color: #2F6F7A;
}

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

    .component-pagination .page.mobile {
        display: none
    }
}

/* -----------------------------------------*/
/* Secondary Banner */
/* -----------------------------------------*/
.secondaryBannerText,
.secondaryBannerText div,
.secondaryBannerText span,
.secondaryBannerText p
.secondaryBannerText strong,
.secondaryBannerText b {
    font-family: "Tiempos Text Regular", Georgia, Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.secondaryBannerText .mobileButtonPanel {
    margin-top: 30px;

}
/* -----------------------------------------*/
/* Image hover */
/* -----------------------------------------*/
.tile-media img,
.intrinsic-image,
.imageSection {
    will-change: opacity;
    opacity: 1;
    transition: opacity 0.3s ease-in-out
}

.tile img:hover,
.intrinsic-image:hover,
.imageSection:hover {
    opacity: .8
}

/* -----------------------------------------*/
/* Team page */
/* -----------------------------------------*/

.team-page-content .section-no-top {
    margin-top: 10px !important;
}

@media (max-width: 1023px) {
    .team-page-content .centreAlignTextPanel {
        padding-top: 0px;
        padding-bottom: 36px;
    }
}

/* -----------------------------------------*/
/* Your story article page */
/* -----------------------------------------*/

.your-story-section h6 {
    color:#32717A;
    margin-top: 0px;
}

.your-story-section .component-page-controls.js-page-controls svg {
    color: #264b5d !important;
    fill: #264b5d !important;
    margin: 0px 3px;
}

.your-story-section #email {
    color: #264b5d;
}

.your-story-section .component-page-controls.js-page-controls svg:first-child {
    margin-left: -2px !important;
}

.your-story-section .component-page-controls.js-page-controls {
    margin-bottom: 24px;
}

.your-story-section .sidebar-panel {
    border: 1px solid #254A5D;
    padding: 30px;
}

.your-story-section ul.component-profile-link-list li {
    padding-left: 0px !important;
}

.your-story-section ul.component-profile-link-list li:before {
    content: none !important;
}

.your-story-section .profile-link {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.your-story-section .profile-link .profile-link-image img {
    width: 90px;
    height: 90px;
}

.your-story-section .profile-link .profile-link-image-contanier,
.your-story-section .profile-link .profile-name {
    float: left;
}

.your-story-section .profile-link .profile-link-image-contanier {
    margin-right: 36px;
}

.your-story-section .profile-link {
    font-family: 'Averta CY Semi-bold', "Segoe UI", Helvetica, Arial, sans-serif;
    color: #254A5D;
}

.your-story-section ul.component-profile-link-list {
    margin-bottom: 30px !important;
}

.your-story-section .sidebar-group a.btn-skin-3 {
    color: #fff;
}

.your-story-section .mainImage {
    width: 100%;
    max-width: 1064px;
    height: 320px;
    display: block;
    margin-bottom: 30px;
}

.your-story-section h3 {
    line-height: 2.1rem;
    font-size: 1.5rem;
    font-weight: initial;
}

.responsiveMultiContent {
}

.responsiveMultiContent .row,
.responsiveMultiContent .mobileSection {
    display: block;
}

.responsiveMultiContent .mobileSection {
    display: block;
}

.responsiveMultiContent .desktopSection{
    display: none;
}

.greyBoxAboutText {
    background-color: #E8E4E1;
    padding: 37px 28px !important
}

.greyBoxAboutText p {
    font-family: 'Averta CY Regular';
    margin-bottom: 8px;
    font-size: 15px;
}

.greyBoxAboutText h2 {
    font-family: 'Tiempos Text Regular';
    margin-bottom: 15px;
    font-size: 26px;
}

.your-story-section #youtube-video-player {
    margin-bottom: 60px;
}

.your-story-section .left-col .component-html-block {
    margin-bottom: 0px !important;
}

.your-story-section .sidebar-group h3 {
    margin-top: 0px !important;
}

.your-story-section .left-col {
    max-width: 100%;
    flex-basis: 100%;
    margin-right: 0px;
}

@media (min-width: 1024px) {
    .your-story-section .left-col .component-html-block {
        margin-bottom: 50px !important;
    }
    
    .responsiveMultiContent .mobileSection {
        display: none;
    }

    .responsiveMultiContent .desktopSection {
        display: block;
    }

    .your-story-section .sidebar-panel {
        margin-top: 0px;
    }

    .your-story-section #youtube-video-player {
        margin-bottom: 50px;
    }

    .your-story-section h3 {
        margin-bottom: 40px !important;
        margin-top: 40px !important;
    }
}


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

.component-page-pagination {
    padding-top: 35px;
    display: block;
    max-width: 1064px;
    margin: auto;
}

.prev-next {
    width: 100%;
}

.component-page-pagination .prev-next .page-pagination-arrow {
    position: relative;
}

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

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

.component-page-pagination .prev-next .page-pagination-arrow.prev {
    float: left;
    padding-left: 24px;

}

.component-page-pagination .prev-next .page-pagination-arrow.prev .svg-icon {
    left: 0;
    color: #2F6F7A;
}

.component-page-pagination .prev-next .page-pagination-arrow.next {
    float: right;
    padding-right: 24px;
}

.component-page-pagination .prev-next .page-pagination-arrow.next .svg-icon {
    right: 0;
    color: #2F6F7A;
}

.component-page-pagination .prev-next .page-pagination-meta {
    display: block;
    width: 100%;
    color: #77777a;
    margin: 0;
    font-size: 0.9rem;
    font-family: 'Averta CY Semi-bold', "Segoe UI", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.component-page-pagination .viewAll {
    display: block;
    width: 100%;
    margin-top: 50px;
}

.component-page-pagination .prev-next .pageTitle {
    display: none;
}

span.page-pagination-title {
    font-family: "Tiempos Text Regular", Georgia, Helvetica, Arial, sans-serif;
    color: #2F6F7A;
}

.component-page-pagination .prev-next .page-pagination-arrow.next .page-pagination-meta,
.component-page-pagination .prev-next .page-pagination-arrow.prev .page-pagination-meta {
    display: none;
}

.mobile-pagination-meta {
    font-family: 'Averta CY Semi-bold', "Segoe UI", Helvetica, Arial, sans-serif;
    color: #2F6F7A;
}

@media (min-width: 768px) {
    .component-page-pagination .prev-next .page-pagination-arrow {
        margin: 0
    }

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

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

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

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

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

    .component-page-pagination {
        padding-top: 0px
    }

    .component-page-pagination .viewAll {
        display: none;
    }

    .component-page-pagination .prev-next .pageTitle {
        display: block;
    }

    .component-page-pagination .prev-next .page-pagination-arrow.next .mobile-pagination-meta,
    .component-page-pagination .prev-next .page-pagination-arrow.prev .mobile-pagination-meta{
        display: none;
    }

    .component-page-pagination .prev-next .page-pagination-arrow.next .page-pagination-meta,
    .component-page-pagination .prev-next .page-pagination-arrow.prev .page-pagination-meta {
        display: block;
    }

    .component-page-pagination .prev-next .page-pagination-arrow.next .page-pagination-meta {
        text-align: right;
    }
}

/* -----------------------------------------*/
/* People Item, Your Story */
/* -----------------------------------------*/
.people-item-section {
}

.people-item-section h2 {
    margin-top: -10px;
    margin-bottom: 15px !important;
    font-size: 2.5rem;
}

.your-story-section .row.breadcrumb,
.people-item-section .row.breadcrumb {
    justify-content: initial;
}

.your-story-section .row.details,
.people-item-section .row.details {
    display: flex;
    max-width: 1064px;
    justify-content: center;
}

.your-story-section .row.details{
    justify-content: initial;
}

.people-item-section .subHeading {
    margin-bottom: 5px;
    font-family: "Averta CY Semi-bold", "Segoe UI", Helvetica, Arial, sans-serif;
}

.people-item-section .mainImage {
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
}

.people-item-section .contactDetails {
    padding-top: 24px;
    border-top: 1px solid #254A5D;
    position: relative;
}

.people-item-section .quotePanel {
    background-color: #E8E4E1;
    padding: 40px;
}

.people-item-section .quotePanel .quote {
    font-size: 1.31rem;
    color: #254A5D;
    font-family: "Tiempos Text Regular", Georgia, Helvetica, Arial, sans-serif;
    margin-bottom: 18px;
}

.people-item-section .quotePanel .nameTitle {
    font-size: 1rem;
    color: #254A5D;
    font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
}

.people-item-section .desktopHeading {
    display: none;
    visibility: hidden;
}

.people-item-section .mobileHeading {
    display: block;
    visibility: visible;
    margin-bottom: 30px;
}

.people-item-section .left-col #viewAll {
    margin-top: 35px;
}

.people-item-section .phoneLinkedIn {
    position: relative;
}

.people-item-section .phoneLinkedIn a.linkedIn,
.people-item-section .phoneLinkedIn a.linkedIn svg {
    position: absolute;
    top: -3px;
    right: 0px;
    width: 30px !important;
    height: 30px;
}

@media (min-width: 1024px) {
    .people-item-section .left-col #viewAll {
        margin-top: 50px;
    }

    .people-item-section .mainImage {
        max-height: 350px;
    }

    .people-item-section .component-html-block {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .people-item-section .details {
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .people-item-section .desktopHeading {
        display: block;
        visibility: visible;
    }

    .people-item-section .mobileHeading {
        display: none;
        visibility: hidden;
        margin-bottom: 0px;
    }

    .people-item-section .contactDetails {
        padding-top: 30px;
    }
}

@media (max-width: 1023px) {
    .people-item-section .container .container {
        display: block;
    }

    .people-item-section .left-col {
        margin-top: 0px;
    }

    .people-item-section .component-html-block {
        margin-top: 35px;
    }

    .people-item-section .details {
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .people-item-section .details .left-col {
        margin-bottom: 0px;
    }

    .people-item-section .details .left-col,
    .people-item-section .details .right-col {
        width: 100%;
    }
}

@media (max-width:1000px) and (min-width:600px) {
    .people-item-section .mainImage {
        display: none;
    }
}

/*------------------------------------*/
/* Breadcrumb */
/*------------------------------------*/

.your-story-section .breadcrumb .menuItem,
.people-item-section .breadcrumb .menuItem {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 20px;
    color: #32717A;
    font-family: "Averta CY Semi-bold", "Segoe UI", Helvetica, Arial, sans-serif;
    margin-bottom: 35px;
    border-right: 1px solid #32717A;
}

.your-story-section .breadcrumb .menuItem:first-child,
.people-item-section .breadcrumb .menuItem:first-child {
    padding-left: 0px;
}

.your-story-section .breadcrumb .menuItem:last-child,
.people-item-section .breadcrumb .menuItem:last-child {
    border-right: 0px none;
}

.your-story-section .breadcrumb .menuItem a,
.people-item-section .breadcrumb .menuItem a {
    line-height: 20px;
    color: #2F6F7A;
    font-family: "Averta CY Semi-bold", "Segoe UI", Helvetica, Arial, sans-serif;
}


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


.homepage-content .weTile {
    padding-top: 40px;
    padding-bottom: 0px;
}

.homepage-content .weTile h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.3rem;
}

@media (max-width: 1023px) {
    .homepage-content .weTile {
        max-width: 400px;
        margin: auto;
    }

    .homepage-content .section-heading {
        margin-bottom: 35px;
    }

    .homepage-content .weTile {
        text-align: center;
    }

    .homepage-content .left-col .component-html-block .content .weTile:first-child {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .homepage-content .weTile {
        padding-top: 35px;
        padding-bottom: 0px;
    }
}


/* -----------------------------------------*/
/* video */
/* -----------------------------------------*/
.videowrapper {
    overflow: hidden
}

.responsiveIframe {
    position: relative;
    height: 100%;
    top: -2px;
}

.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;
    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% - (56px / 2));
    left: calc(50% - (56px / 2));
    cursor: pointer;
    display: inline-block;
    user-select: none;
    line-height: 1.5;
    overflow: hidden !important;
    text-align: center;
    transition-delay: 0s, 0s;
    transition-duration: 0.3s, 0.3s;
    transition-property: transform, -webkit-transform;
    z-index: 2;
}

.youtube-video-player,
.youtube-video-player img,
.youtube-video-player .youtube-media-atom__overlay {
    max-height: 500px;
}

.youtube-video-player svg.svg-icon {
    width: 70px;
    height: 70px;
}

/* -----------------------------------------*/
/* Contact */
/* -----------------------------------------*/

.contact-form .FieldLabel {
    display: none;
}

.contact-form table.EditingFormTable {
    width: 100%;
}

.contact-form tbody {
    width: 100%;
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contact-form td.EditingFormValueCell {
    width: 100%;
    display: block;
}

.contact-form tr.firstName,
.contact-form tr.lastName,
.contact-form tr.emailAddress,
.contact-form tr.subject {
    flex-basis: 50%;
    max-width: 50%;
}

.contact-form tr.firstName,
.contact-form tr.emailAddress {
    padding-right: 20px;
}
.contact-form tr.lastName,
.contact-form tr.subject {
    padding-left: 20px;
}

.contact-form tr.message,
.contact-form tr.recaptcha,
.contact-form tr.privacyPolicy,
.contact-form tr.sendButton {
    flex-basis: 100%;
    max-width: 100%;
}

.contact-form .EditingFormControlNestedControl input,
.contact-form .EditingFormControlNestedControl textarea {
    width: 100%;
}

tr.privacyPolicy .FieldLabel {
    display: block;
}

input {
    font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
    padding-top: 5px;
    padding-bottom: 20px;
    border: 0px none;
    border-bottom: 1px solid #254A5D;
    color: #254A5D;
    margin-bottom: 24px;
    transition: border-bottom 0.1s linear;
}

textarea {
    font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
    border: 0px none;
    border-bottom: 1px solid #254A5D;
    height: 200px;
    color: #254A5D;
    margin-bottom: 24px;
    
}

.contact-form .privacyStatement,
.contact-form .EditingFormErrorLabel,
.contact-form .g-recaptcha {
    margin-bottom: 24px;
}

.EditingFormErrorLabel {
    display: block;
    color: #f71b1b;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
}

::-ms-input-placeholder { /* Microsoft Edge */
    font-family: "Averta CY Regular", "Segoe UI", Helvetica, Arial, sans-serif;
}

.contact-form .btn-skin-1 {
    border: 1px solid #254A5D;
    background-color: #fff;
    color: #254A5D !important;
}

.contact-form .btn-skin-1:hover {
    border: 1px solid #254A5D;
    background-color: #fff;
    color: #254A5D !important;
}


@media (max-width: 1023px) {

    .contact-form tr.firstName,
    .contact-form tr.lastName,
    .contact-form tr.emailAddress,
    .contact-form tr.subject {
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.About-us .btn {
    width: 100%;
}

@media (min-width: 600px) {
    .About-us .btn {
        width: auto;
    }
}


/* Kentico admin */

.EditorWidget .WebPartContent {
    padding-top: 0px !important;
}

.cms-edit-menu {
    overflow: hidden;
}

.header-shadow {
    box-shadow: none !important;
}

.st0 {
    fill: #FFFFFF;
}

.st1 {
    fill: #30707A;
    stroke: #30707A;
    stroke-width: 1.2411;
    stroke-miterlimit: 10;
}

.st2 {
    fill: #30707A;
    stroke: #30707A;
    stroke-width: 1.2106;
    stroke-miterlimit: 10;
}


/* test code diff */

.new1 {
    fill: #30707A;
    stroke: #30707A;
    stroke-width: 1.2106;
    stroke-miterlimit: 10;
}

.new2 {
    fill: #30707A;
    stroke: #30707A;
    stroke-width: 1.2106;
    stroke-miterlimit: 10;
}


@media only screen and (max-width: 500px) {
    table.grey-first-column, table.grey-first-column thead, table.grey-first-column tbody, table.grey-first-column th, table.grey-first-column td, table.grey-first-column tr,
    table.three-col, table.three-col thead, table.three-col tbody, table.three-col th, table.three-col td, table.three-col tr {
        display: block;
    }

    table.grey-first-column, table.grey-first-column thead, table.grey-first-column tbody, table.grey-first-column th, table.grey-first-column td, table.grey-first-column tr {
        padding: 0;
    }

    table.three-col tr:first-child td:first-child:after {
        content: 'Andrew Perks \A Portfolio Manager';
        white-space: pre; /* or pre-wrap */

        display: block;
        width: 100%;
        padding-top: 15px;
    }

    table.three-col tr:first-child td:nth-child(2):after {
        content: 'Geoff Greetham \A Executive Director';
        white-space: pre; /* or pre-wrap */

        display: block;
        width: 100%;
        padding-top: 15px;
    }

    table.three-col tr:first-child td:nth-child(3):after {
        content: 'Fred Strauss \A Investment Consultant';
        white-space: pre; /* or pre-wrap */

        display: block;
        width: 100%;
        padding-top: 15px;
    }

    table.three-col tr:nth-child(2)
    {
        display: none;
    }

    table.table.three-col {
        margin-top: -15px;
    }

    table.table.performance {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        width: 365px;
        display: block;
        position: relative;
    }

    table.table.performance thead:after {
        position: absolute;
        content: 'More';
        top: 23px;
        right: -42px;
        width: 103px;
        height: 24px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h 0PSIxNSIgdmlld0JveD0iMCAwIDI0IDE1IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTIuODIgME wxMiA5LjE2TDIxLjE4IDBMMjQgMi44MkwxMiAxNC44MkwwIDIuODJMMi44MiAwWiIgZmlsbD0iI zI1NEE1RCIvPgo8L3N2Zz4=');
        display: block;
        background-repeat: no-repeat;
        transform: rotate(270deg);
        cursor: pointer;
        background-position-y: 4px;
        background-size: 28px;
        background-position-x: 44px;
        background-color: #fff;
    }

    table.table.performance.no-more thead:after {
        display: none;
    }
}