@font-face {
    font-family: aktiv-grotesk;
    src: url(../fonts/aktiv-grotesk/aktivgrotesk-bold.woff2) format("woff2"), url(../fonts/aktiv-grotesk/aktivgrotesk-bold.woff) format("woff"), url(../fonts/aktiv-grotesk/aktivgrotesk-bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: aktiv-grotesk;
    src: url(../fonts/aktiv-grotesk/aktivgrotesk-medium.woff2) format("woff2"), url(../fonts/aktiv-grotesk/aktivgrotesk-medium.woff) format("woff"), url(../fonts/aktiv-grotesk/aktivgrotesk-medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: aktiv-grotesk;
    src: url(../fonts/aktiv-grotesk/aktivgrotesk-regular.woff2) format("woff2"), url(../fonts/aktiv-grotesk/aktivgrotesk-regular.woff) format("woff"), url(../fonts/aktiv-grotesk/aktivgrotesk-regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: gt-super;
    src: url(../fonts/gt-super/gt-super-display-medium.woff2) format("woff2"), url(../fonts/gt-super/gt-super-display-medium.woff) format("woff"), url(../fonts/gt-super/gt-super-display-medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

* {
    border: 0;
    font: inherit;
    font-style: normal;
    font-size: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    quotes: none;
    text-decoration: none;
    vertical-align: baseline
}

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

:focus {
    outline: none
}

body,
html {
    background-color: #fff;
    color: #646e89;
    font: 16px/1.2em 'Open Sans', sans-serif;
    font-weight: 400;
    max-width: 100%;
    min-width: 320px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.z-index-0 {
    z-index: 0
}

.z-index-1 {
    z-index: 1
}

.z-index-2 {
    z-index: 2
}

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

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

textarea {
    resize: vertical
}

::-moz-selection {
    background-color: #333 !important;
    color: #fff !important;
    text-shadow: none
}

::selection {
    background-color: #333 !important;
    color: #fff !important;
    text-shadow: none
}

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

a:focus,
button:focus,
input:focus {
    outline: 0
}

[tabindex="-1"]:focus {
    outline: none !important
}

@-ms-viewport {
    width: device-width
}

.dk-select,
.dk-select *,
.dk-select-multi,
.dk-select-multi *,
.dk-select-multi :after,
.dk-select-multi :before,
.dk-select :after,
.dk-select :before {
    box-sizing: border-box
}

.dk-select,
.dk-select-multi {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5em;
    width: 200px;
    cursor: pointer
}

.dk-selected {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .4em;
    padding: 0 1.5em 0 .5em;
    text-overflow: ellipsis
}

.dk-selected:after,
.dk-selected:before {
    content: "";
    display: block;
    position: absolute;
    right: 0
}

.dk-selected:before {
    top: 50%;
    border: solid transparent;
    border-width: .25em .25em 0;
    border-top-color: #ccc;
    margin: -.125em .5em 0 0
}

.dk-selected:after {
    top: 0;
    height: 100%;
    border-left: 1px solid #ccc;
    margin: 0 1.5em 0 0
}

.dk-selected-disabled {
    color: #bbb
}

.dk-select .dk-select-options {
    position: absolute;
    display: none;
    left: 0;
    right: 0
}

.dk-select-open-up .dk-select-options {
    border-radius: .4em .4em 0 0;
    margin-bottom: -1px;
    bottom: 100%
}

.dk-select-open-down .dk-select-options {
    border-radius: 0 0 .4em .4em;
    margin-top: -1px;
    top: 100%
}

.dk-select-multi .dk-select-options {
    max-height: 10em
}

.dk-select-options {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .4em;
    list-style: none;
    margin: 0;
    max-height: 10.5em;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .25em 0;
    width: auto;
    z-index: 100
}

.dk-option-selected {
    background-color: #3297fd;
    color: #fff
}

.dk-select-options-highlight .dk-option-selected {
    background-color: transparent;
    color: inherit
}

.dk-option {
    padding: 0 .5em
}

.dk-select-options .dk-option-highlight {
    background-color: #3297fd;
    color: #fff
}

.dk-select-options .dk-option-disabled {
    color: #bbb;
    background-color: transparent
}

.dk-select-options .dk-option-hidden {
    display: none
}

.dk-optgroup {
    border: solid #ccc;
    border-width: 1px 0;
    padding: .25em 0
}

.dk-optgroup,
.dk-optgroup+.dk-option {
    margin-top: .25em
}

.dk-optgroup+.dk-optgroup {
    border-top-width: 0;
    margin-top: 0
}

.dk-optgroup:nth-child(2) {
    padding-top: 0;
    border-top: none;
    margin-top: 0
}

.dk-optgroup:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.dk-optgroup-disabled {
    opacity: .6;
    color: #bbb;
    cursor: not-allowed
}

.dk-optgroup-label {
    padding: 0 .5em .25em;
    font-weight: 700;
    width: 100%
}

.dk-optgroup-options {
    list-style: none;
    padding-left: 0
}

.dk-optgroup-options li {
    padding-left: 1.2em
}

.dk-select-open-up .dk-selected {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-color: #3297fd
}

.dk-select-open-down .dk-selected {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #3297fd
}

.dk-select-open-down .dk-selected:before,
.dk-select-open-up .dk-selected:before {
    border-width: 0 .25em .25em;
    border-bottom-color: #3297fd
}

.dk-select-open-down .dk-selected:after,
.dk-select-open-up .dk-selected:after {
    border-left-color: #3297fd
}

.dk-select-multi:focus .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-open-up .dk-select-options {
    display: block;
    border-color: #3297fd
}

.dk-select-multi:focus,
.dk-select-multi:hover {
    outline: none
}

.dk-selected:focus,
.dk-selected:hover {
    outline: none;
    border-color: #3297fd
}

.dk-selected:focus:before,
.dk-selected:hover:before {
    border-top-color: #3297fd
}

.dk-selected:focus:after,
.dk-selected:hover:after {
    border-left-color: #3297fd
}

.dk-select-disabled {
    opacity: .6;
    color: #bbb;
    cursor: not-allowed
}

.dk-select-disabled .dk-selected:focus,
.dk-select-disabled .dk-selected:hover {
    border-color: inherit
}

.dk-select-disabled .dk-selected:focus:before,
.dk-select-disabled .dk-selected:hover:before {
    border-top-color: inherit
}

.dk-select-disabled .dk-selected:focus:after,
.dk-select-disabled .dk-selected:hover:after {
    border-left-color: inherit
}

select[data-dkcacheid] {
    display: none
}

/* new styles */

section.white-bg:before {
    background-color: #fff;
}

.statistics-overview {
    padding: 60px 0 !important;
}

.remove-top {
    margin-top: 30px !important;
}

.new-h4 {
    margin-bottom: 0;
    color: #0070c0;
    font-weight: 400;
    line-height: 1.3em;
    font-family: 'Vidaloka', serif;
    /* font-size: calc(1.375rem + 5 * ((100vw - 20rem) / 960)); */
    font-size: calc(22px + 5 * ((100vw - 320px) / 960));
}

.small-h4 {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
}

.new-p {
    line-height: 1.5em;
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    /* font-size: calc(15px + 2 * ((100vw - 320px) / 960)); */
    font-size: calc(.9375rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    margin-bottom: 1rem;
}

.new-ul {
    /* font-size: 17px; */
    font-size: 1.0625rem;
    line-height: 1.5em;
    letter-spacing: 0;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    font-weight: 400;
    margin-bottom: 1rem;
}

.new-li {
    line-height: 1.2em;
    margin-bottom: 5px;
    position: relative;
    padding-left: 14px;
}

.new-li::before {
    background: #0070c0;
    top: .5em;
    height: 4px;
    width: 4px;
    border-radius: 9999px;
    content: "";
    position: absolute;
    top: .6em;
    left: 0;
}

.new-a {
    background-color: #fff;
    color: #646e89;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-size: .625rem;
    font-weight: 700;
    position: relative;
    letter-spacing: .19em;
    line-height: 1.2em;
    padding: 17px 30px 17px 35px;
    transition: all .25s ease-in-out;
    text-transform: uppercase;
    word-break: break-word;
}

.some-h2-about {
    text-align: center;
    font-family: gt-super, Roboto, Arial, sans-serif;
    color: #0070c0;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.more {
    overflow: hidden;
    max-height: 40px;
    height: 100%;
    margin-top: 20px;
}

.remove {
    max-height: 100% !important;
}

.read-more {
    cursor: pointer;
    color: #0070c0;
    display: inline-block;
}

.two-more {
    display: none;
}

.check-more .two-more {
    display: block !important;
}

.read-more.check-more .one-more {
    display: none !important;
}

.property-actions {
    margin-bottom: 40px;
}


/* new  ends */

.mce {
    font-family: 'Open Sans', sans-serif;
    color: #646e89
}

.mce h2 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(28px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

.mce h2:before {
    background: #0070c0;
    content: "";
    display: block;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px
}

.mce h2 {
    margin-bottom: 30px
}

.mce h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: calc(19px + 7 * ((100vw - 320px) / 960));
    font-size: calc(1.1875rem + 7 * ((100vw - 20rem) / 960));
    margin-bottom: 1.35em
}

.mce h3,
.mce h4 {
    color: #0070c0;
    font-weight: 400;
    line-height: 1.3em
}

.mce h4 {
    font-family: 'Vidaloka', serif;
    font-size: calc(22px + 5 * ((100vw - 320px) / 960));
    font-size: calc(1.375rem + 5 * ((100vw - 20rem) / 960));
    margin-bottom: 1em;
    margin-top: 2.85em
}

.mce p {
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    font-size: calc(15px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.9375rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.9em
}

.mce p a {
    color: #152142
}

.mce p b,
.mce p strong {
    font-weight: 700
}

.mce ul {
    font-size: calc(14px + 3 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 500;
    margin-bottom: 2rem;
    padding-left: 1.1em
}

.mce ul li {
    position: relative
}

.mce ul,
.mce ul li {
    line-height: 1.5em;
    margin-bottom: 1em
}

.mce ul {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    padding-left: 0
}

.mce ul li {
    padding-left: 15px
}

.mce ul li:before {
    background: #0070c0;
    height: 4px;
    width: 4px;
    border-radius: 9999px;
    content: "";
    position: absolute;
    top: .6em;
    left: 0
}

.mce ol {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(14px + 3 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 500;
    margin-bottom: 2rem;
    line-height: 1.5em;
    padding-left: 1.1em
}

.mce ol li {
    line-height: 1.5em;
    margin-bottom: 1em;
    position: relative
}

.mce ol li:before {
    content: "";
    position: absolute;
    top: .6em;
    left: 0
}

.mce ol {
    counter-reset: my-sec-counter
}

.mce ol li:before {
    top: .04em;
    color: #0070c0;
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter) ". ";
    font-size: .875em
}

.mce blockquote {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(16px + 15 * ((100vw - 320px) / 960));
    font-size: calc(1rem + 15 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em
}

.mce ul li span {
    font-weight: 700
}

.mce b,
.mce bold,
.mce strong {
    font-weight: 700 !important
}

.mce .arrow-btn {
    margin-bottom: 1em
}

.mce .arrow-btn,
.mce .arrow-btn>a {
    color: #0070c0;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(13px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.2em;
    position: relative;
    text-decoration: none;
    z-index: 1
}

.mce .arrow-btn>a {
    padding: 1.2em 46px 1.2em 20px
}

.mce .arrow-btn>a:before {
    background: #d4d7e2;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 100%;
    transition: width .5s cubic-bezier(.77, 0, .175, 1);
    z-index: -1
}

.mce .arrow-btn>a:after {
    color: #0070c0;
    content: "";
    display: block;
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    font-style: normal;
    font-weight: 400;
    top: 50%;
    right: 20px;
    position: absolute;
    transform: translateY(-50%);
    font-size: 1.2em;
    text-decoration: none
}

.mce .arrow-btn:hover a:before {
    width: 100%
}

.mce .arrow-btn {
    display: inline-block;
    margin-top: 20px
}

.mce .arrow-btn>.arrow-btn {
    background: none;
    padding: 0;
    margin: 0
}

.mce .arrow-btn>.arrow-btn:after,
.mce .arrow-btn>.arrow-btn:before {
    display: none
}

.mce hr {
    background-color: rgba(0, 0, 0, .1);
    border: 0;
    height: 1px;
    margin-bottom: 1em
}

.mce .alignleft {
    float: left
}

.mce .alignright {
    float: right
}

.mce .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.mce blockquote.alignleft,
.mce img.alignleft {
    margin: 7px 24px 7px 0
}

.mce .wp-caption.alignleft {
    margin: 7px 14px 7px 0
}

.mce blockquote.alignright,
.mce img.alignright {
    margin: 7px 0 7px 24px
}

.mce .wp-caption.alignright {
    margin: 7px 0 7px 14px
}

.mce .wp-caption.aligncenter,
.mce blockquote.aligncenter,
.mce img.aligncenter {
    margin-bottom: 7px;
    margin-top: 7px
}

.mce .site-content blockquote.alignleft,
.mce .site-content blockquote.alignright {
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-top: 17px;
    width: 50%
}

.mce .site-content blockquote.alignleft p,
.mce .site-content blockquote.alignright p {
    margin-bottom: 17px
}

.mce .gallery {
    margin-bottom: 20px
}

.mce .gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative
}

.mce .gallery-columns-1 .gallery-item {
    max-width: 100%
}

.mce .gallery-columns-2 .gallery-item {
    max-width: 48%;
    max-width: calc(50% - 4px)
}

.mce .gallery-columns-3 .gallery-item {
    max-width: 32%;
    max-width: calc(33.3% - 4px)
}

.mce .gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: calc(25% - 4px)
}

.mce .gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: calc(20% - 4px)
}

.mce .gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: calc(16.7% - 4px)
}

.mce .gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: calc(14.28% - 4px)
}

.mce .gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: calc(12.5% - 4px)
}

.mce .gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: calc(11.1% - 4px)
}

.mce .gallery-columns-1 .gallery-item:nth-of-type(1n),
.mce .gallery-columns-2 .gallery-item:nth-of-type(2n),
.mce .gallery-columns-3 .gallery-item:nth-of-type(3n),
.mce .gallery-columns-4 .gallery-item:nth-of-type(4n),
.mce .gallery-columns-5 .gallery-item:nth-of-type(5n),
.mce .gallery-columns-6 .gallery-item:nth-of-type(6n),
.mce .gallery-columns-7 .gallery-item:nth-of-type(7n),
.mce .gallery-columns-8 .gallery-item:nth-of-type(8n),
.mce .gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0
}

.mce .gallery-caption {
    background-color: rgba(0, 0, 0, .7);
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 6px 8px;
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: left;
    width: 100%
}

.mce .gallery-caption:before {
    content: "";
    min-height: 49px;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.mce .gallery-item:hover .gallery-caption {
    opacity: 1
}

.mce .gallery-columns-7 .gallery-caption,
.mce .gallery-columns-8 .gallery-caption,
.mce .gallery-columns-9 .gallery-caption {
    display: none
}

.mce .format-aside .entry-content,
.mce .format-aside .entry-summary,
.mce .format-link .entry-content,
.mce .format-link .entry-summary,
.mce .format-quote .entry-content,
.mce .format-quote .entry-summary {
    padding-top: 0
}

.mce .site-content .format-aside .entry-title,
.mce .site-content .format-link .entry-title,
.mce .site-content .format-quote .entry-title {
    display: none
}

.mce .mce-ignore-li ol,
.mce .mce-ignore-li ol li,
.mce .mce-ignore-li ul,
.mce .mce-ignore-li ul li {
    font-size: 1em;
    margin: 0;
    padding: 0;
    list-style: none
}

article.auction-tile {
    max-width: 340px
}

article.auction-tile .inner-prop {
    transition: all .25s ease-in-out;
    box-shadow: 0 10px 26px -10px transparent
}

article.auction-tile .inner-prop:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 26px -10px rgba(0, 0, 0, .5)
}

article.auction-tile a.image {
    display: block;
    padding-bottom: 64.70588%;
    width: 100%;
    background-color: #152142;
    background-position: 50%;
    background-size: 50px auto;
    background-image: url(../images/svg/logo.svg);
    background-repeat: no-repeat
}

article.auction-tile a.image.has-image {
    background-size: cover;
    background-repeat: no-repeat
}

article.auction-tile .content {
    padding: 15px 15px 12px;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

article.auction-tile .roundel {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 20px;
    transform: translateY(-50%);
    height: 45px;
    width: 45px;
    text-align: center;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

article.auction-tile .roundel span {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #fff;
    line-height: 1.2em;
    padding: 0;
    margin: 0
}

article.auction-tile .roundel.sold {
    background: #0070c0
}

article.auction-tile .roundel.under-offer {
    background: #0070c0
}

article.auction-tile .roundel.let {
    background: #152142
}

article.auction-tile header h3 a {
    font-family: 'Open Sans', sans-serif;
    color: #ff0000;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #ff0000;
    font-size: 11px;
    font-size: .6875rem;
    letter-spacing: .05em;
    display: block
}

article.auction-tile header h4 {
    margin: 0 0 1em
}

article.auction-tile header h4 a {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(17px + 2 * ((100vw - 320px) / 960));
    font-size: calc(1.0625rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 1em
}

article.auction-tile footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .8em
}

article.auction-tile footer a.footage {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #646e89;
    margin: 0;
    font-size: 11px;
    font-size: .6875rem;
    letter-spacing: .05em;
    width: calc(100% - 50px)
}

article.auction-tile footer a.mail {
    color: #0070c0;
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    display: block;
    width: 40px;
    font-size: .875em;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    line-height: 40px;
    line-height: 2.5rem;
    text-align: center;
    border: 1px solid #d4d7e2
}

article.full-mce {
    font-family: 'Open Sans', sans-serif;
    color: #646e89
}

article.full-mce h2 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(28px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

article.full-mce h2:before {
    background: #0070c0;
    content: "";
    display: block;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px
}

article.full-mce h2 {
    margin-bottom: 30px
}

article.full-mce h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: calc(19px + 7 * ((100vw - 320px) / 960));
    font-size: calc(1.1875rem + 7 * ((100vw - 20rem) / 960));
    margin-bottom: 1.35em
}

article.full-mce h3,
article.full-mce h4 {
    color: #0070c0;
    font-weight: 400;
    line-height: 1.3em
}

article.full-mce h4 {
    font-family: 'Vidaloka', serif;
    font-size: calc(22px + 5 * ((100vw - 320px) / 960));
    font-size: calc(1.375rem + 5 * ((100vw - 20rem) / 960));
    margin-bottom: 1em;
    margin-top: 2.85em
}

article.full-mce p {
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    font-size: calc(15px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.9375rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.9em
}

article.full-mce p a {
    color: #152142
}

article.full-mce p b,
article.full-mce p strong {
    font-weight: 700
}

article.full-mce ul {
    font-size: calc(14px + 3 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 500;
    margin-bottom: 2rem;
    padding-left: 1.1em
}

article.full-mce ul li {
    line-height: 1.5em
}

article.full-mce ul {
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    padding-left: 0
}

article.full-mce ul li {
    padding-left: 15px
}

article.full-mce ul li:before {
    background: #0070c0;
    height: 4px;
    width: 4px;
    border-radius: 9999px;
    content: "";
    position: absolute;
    top: .6em;
    left: 0
}

article.full-mce ol {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(14px + 3 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 500;
    margin-bottom: 2rem;
    line-height: 1.5em;
    padding-left: 1.1em
}

article.full-mce ol li {
    line-height: 1.5em;
    margin-bottom: 1em;
    position: relative
}

article.full-mce ol li:before {
    content: "";
    position: absolute;
    top: .6em;
    left: 0
}

article.full-mce ol {
    counter-reset: my-sec-counter
}

article.full-mce ol li:before {
    top: .04em;
    color: #0070c0;
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter) ". ";
    font-size: .875em
}

article.full-mce blockquote {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(16px + 15 * ((100vw - 320px) / 960));
    font-size: calc(1rem + 15 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em
}

article.full-mce ul li span {
    font-weight: 700
}

article.full-mce b,
article.full-mce bold,
article.full-mce strong {
    font-weight: 700 !important
}

article.full-mce .arrow-btn {
    margin-bottom: 1em
}

article.full-mce .arrow-btn,
article.full-mce .arrow-btn>a {
    color: #0070c0;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(13px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.2em;
    position: relative;
    text-decoration: none;
    z-index: 1
}

article.full-mce .arrow-btn>a {
    padding: 1.2em 46px 1.2em 20px
}

article.full-mce .arrow-btn>a:before {
    background: #d4d7e2;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 100%;
    transition: width .5s cubic-bezier(.77, 0, .175, 1);
    z-index: -1
}

article.full-mce .arrow-btn>a:after {
    color: #0070c0;
    content: "";
    display: block;
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    font-style: normal;
    font-weight: 400;
    top: 50%;
    right: 20px;
    position: absolute;
    transform: translateY(-50%);
    font-size: 1.2em;
    text-decoration: none
}

article.full-mce .arrow-btn:hover a:before {
    width: 100%
}

article.full-mce .arrow-btn {
    display: inline-block;
    margin-top: 20px
}

article.full-mce .arrow-btn>.arrow-btn {
    background: none;
    padding: 0;
    margin: 0
}

article.full-mce .arrow-btn>.arrow-btn:after,
article.full-mce .arrow-btn>.arrow-btn:before {
    display: none
}

article.full-mce hr {
    background-color: rgba(0, 0, 0, .1);
    border: 0;
    height: 1px;
    margin-bottom: 1em
}

article.full-mce .alignleft {
    float: left
}

article.full-mce .alignright {
    float: right
}

article.full-mce .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

article.full-mce blockquote.alignleft,
article.full-mce img.alignleft {
    margin: 7px 24px 7px 0
}

article.full-mce .wp-caption.alignleft {
    margin: 7px 14px 7px 0
}

article.full-mce blockquote.alignright,
article.full-mce img.alignright {
    margin: 7px 0 7px 24px
}

article.full-mce .wp-caption.alignright {
    margin: 7px 0 7px 14px
}

article.full-mce .wp-caption.aligncenter,
article.full-mce blockquote.aligncenter,
article.full-mce img.aligncenter {
    margin-bottom: 7px;
    margin-top: 7px
}

article.full-mce .site-content blockquote.alignleft,
article.full-mce .site-content blockquote.alignright {
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-top: 17px;
    width: 50%
}

article.full-mce .site-content blockquote.alignleft p,
article.full-mce .site-content blockquote.alignright p {
    margin-bottom: 17px
}

article.full-mce .gallery {
    margin-bottom: 20px
}

article.full-mce .gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative
}

article.full-mce .gallery-columns-1 .gallery-item {
    max-width: 100%
}

article.full-mce .gallery-columns-2 .gallery-item {
    max-width: 48%;
    max-width: calc(50% - 4px)
}

article.full-mce .gallery-columns-3 .gallery-item {
    max-width: 32%;
    max-width: calc(33.3% - 4px)
}

article.full-mce .gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: calc(25% - 4px)
}

article.full-mce .gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: calc(20% - 4px)
}

article.full-mce .gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: calc(16.7% - 4px)
}

article.full-mce .gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: calc(14.28% - 4px)
}

article.full-mce .gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: calc(12.5% - 4px)
}

article.full-mce .gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: calc(11.1% - 4px)
}

article.full-mce .gallery-columns-1 .gallery-item:nth-of-type(1n),
article.full-mce .gallery-columns-2 .gallery-item:nth-of-type(2n),
article.full-mce .gallery-columns-3 .gallery-item:nth-of-type(3n),
article.full-mce .gallery-columns-4 .gallery-item:nth-of-type(4n),
article.full-mce .gallery-columns-5 .gallery-item:nth-of-type(5n),
article.full-mce .gallery-columns-6 .gallery-item:nth-of-type(6n),
article.full-mce .gallery-columns-7 .gallery-item:nth-of-type(7n),
article.full-mce .gallery-columns-8 .gallery-item:nth-of-type(8n),
article.full-mce .gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0
}

article.full-mce .gallery-caption {
    background-color: rgba(0, 0, 0, .7);
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 6px 8px;
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: left;
    width: 100%
}

article.full-mce .gallery-caption:before {
    content: "";
    min-height: 49px;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

article.full-mce .gallery-item:hover .gallery-caption {
    opacity: 1
}

article.full-mce .gallery-columns-7 .gallery-caption,
article.full-mce .gallery-columns-8 .gallery-caption,
article.full-mce .gallery-columns-9 .gallery-caption {
    display: none
}

article.full-mce .format-aside .entry-content,
article.full-mce .format-aside .entry-summary,
article.full-mce .format-link .entry-content,
article.full-mce .format-link .entry-summary,
article.full-mce .format-quote .entry-content,
article.full-mce .format-quote .entry-summary {
    padding-top: 0
}

article.full-mce .site-content .format-aside .entry-title,
article.full-mce .site-content .format-link .entry-title,
article.full-mce .site-content .format-quote .entry-title {
    display: none
}

article.full-mce .mce-ignore-li ol,
article.full-mce .mce-ignore-li ol li,
article.full-mce .mce-ignore-li ul,
article.full-mce .mce-ignore-li ul li {
    font-size: 1em;
    margin: 0;
    padding: 0;
    list-style: none
}

article.full-mce ul {
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    font-size: calc(15px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.9375rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.9em
}

article.full-mce ul a {
    color: #152142
}

article.full-mce ul b,
article.full-mce ul strong {
    font-weight: 700
}

article.full-mce ul {
    letter-spacing: 0
}

article.full-mce ul li {
    line-height: 1.2em;
    margin-bottom: 1em;
    position: relative;
    padding-left: 14px
}

article.full-mce ul li:before {
    background: #0070c0;
    top: .5em
}

article.full-mce iframe {
    width: 100%
}

article.image-thumb-article {
    border-radius: 3px;
    overflow: hidden
}

article.image-thumb-article .inner-service-tile {
    max-width: 300px;
    max-height: 180px;
    margin: 0 auto;
    height: 100%
}

article.image-thumb-article a {
    display: block;
    font-size: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    position: relative;
    background: #152142
}

article.image-thumb-article a,
article.image-thumb-article a * {
    transition: all .25s ease-out
}

article.image-thumb-article a .description {
    transition: all .5s ease-in-out
}

article.image-thumb-article a:before {
    content: "";
    padding-bottom: 60%;
    display: inline-block
}

article.image-thumb-article a span {
    display: block;
    color: #fff
}

article.image-thumb-article a:hover .bg {
    opacity: .2
}

article.image-thumb-article a:hover .description {
    max-height: 400px;
    transition: all 1s ease-in-out
}

article.image-thumb-article .content {
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    position: relative;
    padding: 36px;
    /* new */
    vertical-align: middle;
}

article.image-thumb-article .title {
    position: relative;
    z-index: 2;
    font-family: 'Vidaloka', serif;
    font-size: calc(18px + 3 * ((100vw - 320px) / 960));
    font-size: calc(1.125rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

article.image-thumb-article .icon {
    margin-right: .5rem;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%
}

article.image-thumb-article .description {
    position: relative;
    z-index: 2;
    padding-top: .5em;
    font-size: calc(14px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.3em;
    display: block;
    max-height: 0;
    overflow: hidden
}

article.image-thumb-article .bg {
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    /* opacity: .7 */
}

article.location-tile {
    text-align: center
}

article.location-tile .inner-service-tile {
    max-width: 350px;
    margin: 0 auto;
    height: 100%;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: column;
    flex-direction: column
}

article.location-tile a.image {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 54.28571%;
    width: 100%;
    display: block
}

article.location-tile .positioner {
    position: relative;
    height: 100%
}

article.location-tile .top-area {
    display: block;
    margin: 35px 0 75px;
    min-height: 90px
}

article.location-tile footer {
    border-top: 1px solid #eeeff3;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

article.location-tile footer a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    color: #646e89;
    font-size: 13px;
    font-size: .8125rem;
    text-align: left;
    padding-left: 20px;
    line-height: 1.2em;
    padding: 1rem 1.5rem
}

article.location-tile footer a:hover {
    color: #0070c0
}

article.location-tile footer a .icon {
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    color: #0070c0;
    font-size: 14px;
    font-size: .875rem;
    margin-right: .5rem
}

article.location-tile a.phone {
    border-right: 1px solid #eeeff3
}

article.location-tile h3 a {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(17px + 2 * ((100vw - 320px) / 960));
    font-size: calc(1.0625rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 1em
}

article.location-tile address {
    margin: .5rem 1rem;
    font-size: .95em
}

article.location-tile address a {
    color: #646e89
}

article.location-tile .google-maps {
    margin-top: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

article.location-tile .google-maps .icon {
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    color: #0070c0;
    margin-right: .2rem
}

article.location-tile .google-maps .text {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin: 0
}

article.medium-mce {
    font-family: 'Open Sans', sans-serif;
    color: #646e89
}

article.medium-mce h2 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(28px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

article.medium-mce h2:before {
    background: #0070c0;
    content: "";
    display: block;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px
}

article.medium-mce h2 {
    margin-bottom: 30px
}

article.medium-mce h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: calc(19px + 7 * ((100vw - 320px) / 960));
    font-size: calc(1.1875rem + 7 * ((100vw - 20rem) / 960));
    margin-bottom: 1.35em
}

article.medium-mce h3,
article.medium-mce h4 {
    color: #c00026;
    font-weight: 400;
    line-height: 1.3em
}

article.medium-mce h4 {
    font-family: 'Vidaloka', serif;
    font-size: calc(22px + 5 * ((100vw - 320px) / 960));
    font-size: calc(1.375rem + 5 * ((100vw - 20rem) / 960));
    margin-bottom: 1em;
    margin-top: 2.85em
}

article.medium-mce p {
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    font-size: calc(15px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.9375rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.9em
}

article.medium-mce p a {
    color: #152142
}

article.medium-mce p b,
article.medium-mce p strong {
    font-weight: 700
}

article.medium-mce ul {
    font-size: calc(14px + 3 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 500;
    margin-bottom: 2rem;
    padding-left: 1.1em
}

article.medium-mce ul li {
    line-height: 1.5em;
    margin-bottom: 1em;
    position: relative
}

article.medium-mce ul {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    padding-left: 0
}

article.medium-mce ul li {
    padding-left: 15px
}

article.medium-mce ul li:before {
    background: #0070c0;
    height: 4px;
    width: 4px;
    border-radius: 9999px;
    content: "";
    position: absolute;
    top: .6em;
    left: 0
}

article.medium-mce ol {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(14px + 3 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 500;
    margin-bottom: 2rem;
    line-height: 1.5em;
    padding-left: 1.1em
}

article.medium-mce ol li {
    line-height: 1.5em;
    margin-bottom: 1em;
    position: relative
}

article.medium-mce ol li:before {
    content: "";
    position: absolute;
    top: .6em;
    left: 0
}

article.medium-mce ol {
    counter-reset: my-sec-counter
}

article.medium-mce ol li:before {
    top: .04em;
    color: #0070c0;
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter) ". ";
    font-size: .875em
}

article.medium-mce blockquote {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(16px + 15 * ((100vw - 320px) / 960));
    font-size: calc(1rem + 15 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em
}

article.medium-mce ul li span {
    font-weight: 700
}

article.medium-mce b,
article.medium-mce bold,
article.medium-mce strong {
    font-weight: 700 !important
}

article.medium-mce .arrow-btn {
    margin-bottom: 1em
}

article.medium-mce .arrow-btn,
article.medium-mce .arrow-btn>a {
    color: #0070c0;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(13px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.2em;
    position: relative;
    text-decoration: none;
    z-index: 1
}

article.medium-mce .arrow-btn>a {
    padding: 1.2em 46px 1.2em 20px
}

article.medium-mce .arrow-btn>a:before {
    background: #d4d7e2;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 100%;
    transition: width .5s cubic-bezier(.77, 0, .175, 1);
    z-index: -1
}

article.medium-mce .arrow-btn>a:after {
    color: #0070c0;
    content: "";
    display: block;
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    font-style: normal;
    font-weight: 400;
    top: 50%;
    right: 20px;
    position: absolute;
    transform: translateY(-50%);
    font-size: 1.2em;
    text-decoration: none
}

article.medium-mce .arrow-btn:hover a:before {
    width: 100%
}

article.medium-mce .arrow-btn {
    display: inline-block;
    margin-top: 20px
}

article.medium-mce .arrow-btn>.arrow-btn {
    background: none;
    padding: 0;
    margin: 0
}

article.medium-mce .arrow-btn>.arrow-btn:after,
article.medium-mce .arrow-btn>.arrow-btn:before {
    display: none
}

article.medium-mce:not(.capped-ul) ul {
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    font-size: calc(15px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.9375rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.9em
}

article.medium-mce:not(.capped-ul) ul a {
    color: #152142
}

article.medium-mce:not(.capped-ul) ul b,
article.medium-mce:not(.capped-ul) ul strong {
    font-weight: 700
}

article.medium-mce:not(.capped-ul) ul {
    letter-spacing: 0
}

article.medium-mce:not(.capped-ul) ul li {
    line-height: 1.2em;
    margin-bottom: 1em;
    position: relative;
    padding-left: 14px
}

article.medium-mce:not(.capped-ul) ul li:before {
    background: #0070c0;
    top: .5em
}

article.medium-mce:not(.capped-ul) ul li a {
    color: #0070c0
}

article.medium-mce:not(.capped-ul) ul li a:hover {
    text-decoration: underline
}

article.no-properties-found {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(17px + 2 * ((100vw - 320px) / 960));
    font-size: calc(1.0625rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin: 4rem auto
}

article.person-tile {
    text-align: center;
    margin: 20px;
    max-width: 300px
}

article.person-tile .inner-person-tile {
    min-height: 300px;
    background: #fff;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    /*padding: 18px 18px 0;*/
    transition: all .25s ease-in-out;
    border-top: 3px solid #fff;
    box-shadow: 4px 17px 102px -12px transparent
}

article.person-tile .inner-person-tile:hover {
    border-top: 5px solid #0070c0;
    box-shadow: 4px 17px 102px -12px rgba(0, 0, 0, .3)
}

article.person-tile .deparments {
    display: block;
    font-style: italic;
    font-size: .875em
}

article.person-tile a.image {
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto 30px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-position: 50% 10%
}

article.person-tile .top-area {
    padding: 27px 27px 45px;
    width: 100%
}

article.person-tile a.telephone {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    font-size: calc(13px + 1 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 1 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    position: relative;
    text-align: left;
    padding-left: 20px
}

article.person-tile a.telephone:before {
    content: "phone";
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    color: #0070c0;
    transform: translateY(-50%);
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem
}

article.person-tile h3 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(17px + 2 * ((100vw - 320px) / 960));
    font-size: calc(1.0625rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-bottom: .1em
}

article.person-tile h3 a {
    color: #152142
}

article.person-tile h4 {
    margin-bottom: 1em
}

article.person-tile h4 a {
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    font-size: calc(14px + 1 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 1 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: .4em
}

article.person-tile footer {
    border-top: 1px solid #eeeff3;
    width: 100%
}

article.person-tile footer a {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    display: block;
    padding: 1rem 0;
    position: relative;
    background-image: url(../images/svg/arrow-blue-right.svg);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: 100% 50%
}

article.points-list h3 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(22px + 5 * ((100vw - 320px) / 960));
    font-size: calc(1.375rem + 5 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 1em
}

article.points-list ul {
    margin: 0;
    line-height: 1.5em
}

article.points-list ul li {
    line-height: 1.2em;
    margin-bottom: 1em;
    position: relative;
    padding-left: 14px
}

article.points-list ul li:before {
    content: "";
    position: absolute;
    top: .45em;
    left: 0;
    background: #152142;
    height: 4px;
    width: 4px;
    border-radius: 9999px
}

article.points-list.one ul {
    display: block
}

article.points-list.one ul li {
    width: 100%
}

article.points-list.two ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

article.points-list.two ul li {
    width: 48%
}

article.property-info h3 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(22px + 5 * ((100vw - 320px) / 960));
    font-size: calc(1.375rem + 5 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 1em
}

article.property-info ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch
}

article.property-info li {
    width: 333.333%;
    height: 100%
}

article.property-info li.middle {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

article.property-info ul.header {
    background: #152142;
    color: #fff
}

article.property-info ul.header i {
    font-size: 14px;
    font-size: .875rem
}

article.property-info ul.header span {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin: 0;
    color: #fff;
    padding-left: 5px
}

article.property-info ul.header i,
article.property-info ul.header span {
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    line-height: 1.875rem
}

article.property-info ul.header li {
    padding: 0 10px
}

article.property-info ul.content {
    background: #f4f5f7
}

article.property-info ul.content li {
    padding: 20px 9px
}

article.property-tile-google-map {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

article.property-tile-google-map a.image {
    background-size: cover;
    background-repeat: no-repeat;
    width: 33.333%;
    display: none
}

article.property-tile-google-map .content {
    width: 100%;
    position: relative
}

article.property-tile-google-map .content header {
    padding: 10px 25px 10px 10px;
    min-height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column
}

article.property-tile-google-map .content header a {
    text-decoration: none
}

article.property-tile-google-map .content header h3 {
    font-family: 'Vidaloka', serif;
    font-size: calc(15px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.9375rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 0
}

article.property-tile-google-map .content header h3 a {
    color: #0070c0
}

article.property-tile-google-map .content header a.footage {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #8b92a5;
    margin: .8rem 0 0
}

article.property-tile-google-map .content a.aside {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 20px;
    border-left: 1px solid #f4f5f7
}

article.property-tile-google-map .content a.aside:before {
    content: "keyboard_arrow_right";
    color: #8b92a5;
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    top: 50%;
    right: 0;
    bottom: 50%;
    left: 0;
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    transform: translateY(-50%)
}

article.property-tile {
    max-width: 340px
}

article.property-tile .inner-prop {
    transition: all .25s ease-in-out;
    box-shadow: 0 10px 26px -10px transparent
}

article.property-tile .inner-prop:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 26px -10px rgba(0, 0, 0, .5)
}

article.property-tile a.image {
    display: block;
    padding-bottom: 64.70588%;
    width: 100%;
    background-color: #152142;
    background-position: 50%;
    background-size: 50px auto;
    background-image: url(../images/svg/logo.svg);
    background-repeat: no-repeat
}

article.property-tile a.image.has-image {
    background-size: cover;
    background-repeat: no-repeat
}

article.property-tile .content {
    padding: 15px 15px 12px;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

article.property-tile .roundel {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 20px;
    transform: translateY(-50%);
    height: 45px;
    width: 45px;
    text-align: center;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

article.property-tile .roundel span {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #fff;
    line-height: 1.2em;
    padding: 0;
    margin: 0
}

article.property-tile .roundel.sold {
    background: #0070c0
}

article.property-tile .roundel.under-offer {
    background: #0070c0
}

article.property-tile .roundel.let {
    background: #152142
}

article.property-tile header h4 a {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #0070c0;
    margin: 0 0 1em;
    font-size: 11px;
    font-size: .6875rem;
    letter-spacing: .05em;
    display: block
}

article.property-tile header h3 a {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(17px + 2 * ((100vw - 320px) / 960));
    font-size: calc(1.0625rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 1em
}

article.property-tile footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .8em
}

article.property-tile footer a.footage {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #646e89;
    margin: 0;
    font-size: 11px;
    font-size: .6875rem;
    letter-spacing: .05em;
    width: calc(100% - 50px)
}

article.property-tile footer a.mail {
    color: #0070c0;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    display: inline-block;
    width: 40px;
    font-size: .875em;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    line-height: 40px;
    line-height: 2.5rem;
    text-align: center;
    border: 1px solid #d4d7e2
}

article.service-tile {
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #152142;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto
}

article.service-tile:before {
    padding-bottom: 100%;
    content: "";
    display: inline-block
}

article.service-tile .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 310px;
    width: 100%;
    height: 220px;
    padding: 0 6vw 15px;
    position: relative;
    z-index: 1
}

article.service-tile .content .description,
article.service-tile .content .title {
    height: auto;
    overflow: hidden;
    transition: flex .6s cubic-bezier(.77, 0, .175, 1), opacity .6s cubic-bezier(.77, 0, .175, 1);
    transition: flex .6s cubic-bezier(.77, 0, .175, 1), opacity .6s cubic-bezier(.77, 0, .175, 1), -ms-flex .6s cubic-bezier(.77, 0, .175, 1)
}

article.service-tile .content .title {
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex: 1;
    flex: 1;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px;
    min-height: 25px
}

article.service-tile .content .title .label {
    display: block;
    padding-left: 36px;
    overflow: visible;
    position: relative
}

article.service-tile .content .title i.icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto 0;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 25px;
    height: 25px
}

article.service-tile .content .title span {
    display: block;
    font-family: 'Vidaloka', serif;
    font-size: calc(18px + 3 * ((100vw - 320px) / 960));
    font-size: calc(1.125rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    padding-top: 2px
}

article.service-tile .content .description {
    -ms-flex: 0;
    flex: 0;
    font-size: calc(14px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.3em;
    opacity: 0
}

article.service-tile figure.image {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    opacity: .6;
    transition: opacity .6s cubic-bezier(.77, 0, .175, 1);
    z-index: 0
}

article.service-tile a.permalink,
article.service-tile figure.image {
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

article.service-tile a.permalink {
    background: transparent;
    text-indent: -999px;
    z-index: 1;
    z-index: 2
}

article.standard-thumb-article-large {
    background: #0070c0;
    box-shadow: 0 50px 65px 0 rgba(0, 0, 0, .06);
    display: block;
    overflow: hidden;
    position: relative;
    transition: transform .2s cubic-bezier(.77, 0, .175, 1);
    width: 100%
}

article.standard-thumb-article-large .image {
    background-color: #0070c0;
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    height: 240px;
    display: block;
    opacity: .4;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0
}

article.standard-thumb-article-large main {
    z-index: 1;
    position: absolute;
    bottom: 38px;
    left: 20px;
    right: 20px;
    color: #fff
}

article.standard-thumb-article-large .title {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(14px + 3 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-bottom: 0;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
    display: block;
    color: #fff
}

article.standard-thumb-article-large .title:after {
    background: #fff;
    content: "";
    display: block;
    opacity: .3;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 30px;
    height: 1px
}

article.standard-thumb-article-large footer {
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px 22px;
    position: absolute;
    z-index: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    pointer-events: none
}

article.standard-thumb-article-large .author {
    font: 400 13px/1.4em 'Open Sans', sans-serif;
    font: 400 .8125rem/1.4em 'Open Sans', sans-serif
}

article.standard-thumb-article-large .author b,
article.standard-thumb-article-large .author bold,
article.standard-thumb-article-large .author strong {
    font-weight: 700
}

article.standard-thumb-article-large .author {
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    position: relative;
    min-height: 34px
}

article.standard-thumb-article-large .author .profile-img {
    border-radius: 100%;
    display: inline-block;
    margin: 0 10px 0 0;
    width: 34px;
    height: 34px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-color: #152142;
    background-image: url(../images/svg/logo.svg);
    background-position: 50%
}

article.standard-thumb-article-large .author .profile-img.has-img {
    background-size: cover
}

article.standard-thumb-article-large .author img.photo {
    border-radius: 100%;
    display: inline-block;
    margin: 0 10px 0 0;
    max-width: 34px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

article.standard-thumb-article-large .author .text {
    display: inline-block;
    vertical-align: top;
    padding-left: 45px
}

article.standard-thumb-article-large .author span {
    display: block;
    color: #fff
}

article.standard-thumb-article-large .date {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #fff;
    display: none;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    margin-bottom: 0;
    text-align: right
}

article.standard-thumb-article-large .categories {
    display: block;
    margin-bottom: 12px
}

article.standard-thumb-article-large .category {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    background: #0070c0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    padding: 4px 7px
}

article.standard-thumb-article-large .category:not(:last-of-type) {
    margin-right: 5px
}

article.standard-thumb-article {
    background: #fff;
    box-shadow: 0 50px 65px 0 rgba(0, 0, 0, .06);
    display: block;
    overflow: hidden;
    position: relative;
    transition: transform .2s cubic-bezier(.77, 0, .175, 1);
    width: 100%
}

article.standard-thumb-article .image {
    background-color: #0070c0;
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    width: 100%;
    height: 240px;
    z-index: 0;
    display: block
}

article.standard-thumb-article .categories {
    display: block;
    margin-bottom: 12px
}

article.standard-thumb-article .category {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    background: rgba(32, 51, 103, .1);
    border-radius: 4px;
    color: #0070c0;
    display: inline-block;
    margin-bottom: 5px;
    padding: 4px 7px
}

article.standard-thumb-article .category:not(:last-of-type) {
    margin-right: 5px
}

article.standard-thumb-article main {
    min-height: 190px;
    padding: 22px 20px 38px;
    z-index: 0
}

article.standard-thumb-article .title {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(14px + 3 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-bottom: 0;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
    display: block
}

article.standard-thumb-article .title:after {
    background: #0070c0;
    content: "";
    display: block;
    opacity: .3;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 30px;
    height: 1px
}

article.standard-thumb-article footer {
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px 22px;
    position: absolute;
    z-index: 0;
    bottom: 0;
    width: 100%;
    left: 0
}

article.standard-thumb-article footer:after {
    background: #0070c0;
    content: "";
    display: block;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 3px;
    transition: height .5s cubic-bezier(.77, 0, .175, 1);
    z-index: 1
}

article.standard-thumb-article .author {
    font: 400 13px/1.4em 'Open Sans', sans-serif;
    font: 400 .8125rem/1.4em 'Open Sans', sans-serif
}

article.standard-thumb-article .author b,
article.standard-thumb-article .author bold,
article.standard-thumb-article .author strong {
    font-weight: 700
}

article.standard-thumb-article .author {
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    position: relative;
    min-height: 34px
}

article.standard-thumb-article .author .profile-img {
    border-radius: 100%;
    display: inline-block;
    margin: 0 10px 0 0;
    width: 34px;
    height: 34px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #152142;
    background-image: url(../images/svg/logo.svg);
    background-position: 50%
}

article.standard-thumb-article .author .profile-img.has-img {
    background-size: cover
}

article.standard-thumb-article .author img.photo {
    border-radius: 100%;
    display: inline-block;
    margin: 0 10px 0 0;
    max-width: 34px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

article.standard-thumb-article .author .text {
    display: inline-block;
    vertical-align: top;
    padding-left: 45px
}

article.standard-thumb-article .author span {
    display: block
}

article.standard-thumb-article .author span.job,
article.standard-thumb-article .author span.name {
    color: #0070c0
}

article.standard-thumb-article .date {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #646e89;
    display: none;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    margin-bottom: 0;
    text-align: right
}

article.standard-thumb-article a.permalink {
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    text-indent: -999px;
    z-index: 1
}

aside.sticky-property-ctas {
    background: #eaedfc;
    display: block;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 100
}

aside.sticky-property-ctas .inner {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 16px;
    width: 100%
}

aside.sticky-property-ctas a {
    -ms-flex-item-align: center;
    align-self: center;
    border: 2px solid #d6dbef;
    border-radius: 4px;
    color: #152142;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 0 0 calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-size: .625rem;
    font-weight: 700;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.2em;
    min-height: 47px;
    padding: 10px;
    text-transform: uppercase;
    vertical-align: top
}

aside.sticky-property-ctas a span {
    margin: auto
}

aside.sticky-property-ctas a i.material-icons {
    color: rgba(21, 33, 66, .45);
    display: inline-block;
    font-size: 11px;
    font-size: .6875rem;
    margin: 0 7px 0 0;
    transform: translateY(2px)
}

aside.sticky-property-ctas a:first-of-type {
    background: #d6dbef
}

article.vacancy {
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-size: 1rem;
    overflow: hidden;
    position: relative
}

article.vacancy figure.image {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-color: #152142;
    padding-bottom: 58%;
    width: 100%;
    height: auto;
    display: none;
}

article.vacancy .content {
    padding: 40px 30px
}

article.vacancy .content span.location {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    border-radius: 4px;
    background-color: rgba(32, 51, 103, .1);
    color: #0070c0;
    display: inline-block;
    margin-bottom: 16px;
    padding: 5px 8px
}

article.vacancy .content span.title {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(14px + 3 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.5em;
    margin-bottom: 1em;
    display: block;
    /* margin-bottom: 40px; */
    margin-bottom: 0;
    padding-bottom: 20px;
    position: relative
}

article.vacancy .content span.title:after {
    background: #0070c0;
    content: "";
    display: block;
    opacity: .3;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 30px;
    height: 1px
}

article.vacancy a.permalink {
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    text-indent: -999px;
    z-index: 1
}

aside.leftside-angled-title {
    -ms-flex-align: start;
    align-items: flex-start;
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

aside.leftside-angled-title h4 {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    display: block;
    line-height: 12px;
    line-height: .75rem;
    padding-top: 40px;
    transform: rotate(-180deg);
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

aside.leftside-angled-title h4:before {
    background: #0070c0;
    content: "";
    top: 5px;
    left: 6px;
    position: absolute;
    width: 1px;
    height: 20px
}

aside.people-searchresults {
    padding: 1rem 0 2rem;
    background: #f4f5f7
}

aside.people-searchresults .filter-list.size {
    margin: 0 10px
}

aside.people-searchresults .sorting.col {
    display: none
}

aside.people-searchresults .results.col {
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 400
}

aside.people-searchresults .results.col .highlight {
    color: #0070c0
}

aside.people-searchresults .dk-select,
aside.people-searchresults .dk-select-multi {
    width: 100%
}

aside.people-searchresults .dk-select {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(10px + 1 * ((100vw - 320px) / 960));
    font-size: calc(.625rem + 1 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-bottom: 0;
    font-size: calc(10px + 1 * ((100vw - 420px) / 860));
    font-size: calc(.625rem + 1 * ((100vw - 26.25rem) / 860));
    border-bottom: 1px solid #d4d7e2;
    border-radius: 0
}

aside.people-searchresults .dk-select * {
    border: none;
    background: none;
    border-radius: 0
}

aside.people-searchresults .dk-selected {
    height: 35px;
    line-height: 1.2em;
    padding: 1em 40px 1em 0
}

aside.people-searchresults .dk-selected:after {
    width: 48px;
    margin: 0;
    border: none
}

aside.people-searchresults .dk-selected:before {
    border-width: .35em .35em 0;
    border-top-color: #0070c0;
    margin: -.2em 0 0
}

aside.people-searchresults .dk-select-options {
    background: #e8eaf0;
    max-height: 15em
}

aside.people-searchresults .dk-select-options .dk-option-highlight,
aside.people-searchresults .dk-select-options .dk-option-selected {
    background: #d4d7e2;
    color: #0070c0
}

aside.people-searchresults .dk-select-options li {
    padding: .3em .5em .3em 2em
}

aside.people-searchresults .dk-select-options .dk-option-selected {
    position: relative
}

aside.people-searchresults .dk-select-options .dk-option-selected:before {
    background: url(../images/svg/tick.svg) 50% no-repeat;
    background-size: 100% auto;
    width: 11px;
    height: 12px;
    content: "";
    position: absolute;
    top: .4em;
    left: .4rem
}

aside.service-agents {
    width: calc(50% - 442px)
}

aside.service-agents .inner-agent-wrap {
    padding: 2rem 2rem 3rem
}

aside.service-agents .service-agents-outter-wrap {
    position: relative
}

aside.service-agents .agent-wrap {
    background: #fff;
    margin: 0 auto;
    text-align: center;
    border-radius: 4px;
    border-top: 4px solid #0070c0
}

aside.service-agents .agent-wrap .image {
    border-radius: 9999px;
    width: 72px;
    height: 72px;
    margin: 0 auto 2rem;
    border: 1px solid #0070c0;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

aside.service-agents .agent-wrap .bg {
    width: 60px;
    height: 60px;
    border-radius: 9999px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

aside.service-agents h3 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(17px + 3 * ((100vw - 320px) / 960));
    font-size: calc(1.0625rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: .3em;
    color: #152142
}

aside.service-agents h4 {
    color: #0070c0;
    font-size: calc(13px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    display: block;
    margin-bottom: 1em
}

aside.service-agents a.telephone {
    color: #0070c0;
    display: block;
    font-size: calc(13px + 1 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 1 * ((100vw - 20rem) / 960));
    font-weight: 400;
    margin-bottom: 1.5rem
}

aside.service-agents a.telephone i {
    color: #0070c0;
    font-size: .875em
}

aside.service-agents a.button {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin: 0;
    display: inline-block;
    padding: 1em;
    border: 1px solid #d4d7e2;
    border-radius: 4px
}

aside.service-agents ul.slick-dots {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px
}

aside.service-agents ul.slick-dots li {
    width: 8px;
    height: 8px;
    margin: 5px
}

aside.service-agents ul.slick-dots button:hover,
aside.service-agents ul.slick-dots li.slick-active button {
    background: #152142
}

aside.service-agents ul.slick-dots button {
    overflow: hidden;
    text-indent: -9999px;
    width: 8px;
    height: 8px;
    background: #b5b8cb;
    border-radius: 9999px;
    border: none;
    cursor: pointer
}

aside.service-agents nav.arrows .slick-prev {
    left: 10px
}

aside.service-agents nav.arrows .slick-next {
    right: 10px
}

aside.service-agents nav.arrows a {
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    display: block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    line-height: 1.875rem;
    font-size: 22px;
    font-size: 1.375rem;
    text-align: center;
    transition: all .25s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

aside.service-agents nav.arrows a:hover {
    color: #0070c0
}

aside.service-agents ul.slides {
    visibility: hidden
}

div.article-social-share {
    width: 65px;
    border: 1px solid #d4d7e2;
    border-bottom: none
}

div.article-social-share header {
    background: #152142;
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #fff;
    padding: 0;
    margin: 0;
    text-align: center;
    height: 25px;
    line-height: 25px;
    line-height: 1.5625rem
}

div.article-social-share li {
    width: 100%;
    border-bottom: 1px solid #d4d7e2
}

div.article-social-share a {
    height: 65px;
    display: block;
    position: relative;
    transition: all .3s cubic-bezier(.77, 0, .175, 1)
}

div.article-social-share a:hover {
    background: #152142
}

div.article-social-share a:hover svg * {
    fill: #fff
}

div.article-social-share svg {
    margin: auto;
    max-width: 15px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center
}

div.article-social-share svg * {
    fill: #152142
}

div.article-social-share .at-share-btn {
    background: none !important
}

div.article-social-share .at-icon-wrapper {
    height: 65px;
    width: 65px
}

div.article-social-share a[role=button] {
    border-bottom: 1px solid #d4d7e2;
    background: none !important;
    border-radius: 0 !important;
    position: relative;
    right: 2px
}

div.article-social-share a[role=button]:hover {
    transform: translateY(0)
}

div.article-social-share a[role=button].at-svc-facebook {
    background: url(../images/svg/social-media/facebook-blue.svg) no-repeat 50% !important;
    background-size: 12px auto !important
}

div.article-social-share a[role=button].at-svc-twitter {
    background: url(../images/svg/social-media/twitter-blue.svg) no-repeat 50% !important;
    background-size: 15px auto !important
}

div.article-social-share a[role=button].at-svc-linkedin {
    background: url(../images/svg/social-media/linkedin-blue.svg) no-repeat 50% !important;
    background-size: 20px auto !important
}

div.article-social-share a[role=button] span {
    display: none
}

div.article-social-share a[role=button].at-svc-compact {
    right: 0;
    display: block;
    background: url(../img/more.png) no-repeat 50% !important;
    background-size: 15px auto !important;
    border-bottom: 1px solid #d4d7e2;
    border-radius: 0 !important;
    margin: 0
}

div.article-social-share a[role=button].at-svc-compact svg {
    opacity: 0
}

div.image-slider-marquee {
    max-width: 885px
}

div.image-slider-marquee .img-slider-wrapper {
    position: relative
}

div.image-slider-marquee ul.slides {
    z-index: 0;
    opacity: 0;
    transition: all .25s ease-in-out
}

div.image-slider-marquee ul.slides.slick-initialized {
    opacity: 1
}

div.image-slider-marquee nav.arrows {
    width: 100px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: #fff
}

div.image-slider-marquee nav.arrows:before {
    content: "";
    top: 0;
    bottom: 0;
    position: absolute;
    left: 50%;
    width: 1px;
    background: linear-gradient(180deg, #fff, #d4d7e2 50%, #fff)
}

div.image-slider-marquee nav.arrows a.slick-arrow {
    display: block;
    line-height: 50px;
    line-height: 3.125rem;
    width: 50px;
    height: 50px;
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    color: #152142;
    text-align: center;
    cursor: pointer
}

div.image-slider-marquee nav.arrows a.slick-arrow:hover {
    color: #0070c0
}

div.social-share-buttons i {
    cursor: pointer
}

nav.aside-menu-links {
    background: #f4f5f7;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 17%;
    visibility: hidden
}

nav.aside-menu-links.sticky {
    position: fixed
}

nav.aside-menu-links ul {
    border-left: 2px solid #e8e9eb
}

nav.aside-menu-links li {
    display: block;
    padding: .5em 0
}

nav.aside-menu-links a {
    display: block;
    position: relative;
    left: -2px;
    padding: 0 1em;
    line-height: 1.1em;
    color: #646e89;
    border-left: 2px solid #e8e9eb;
    transition: all .25s ease-in-out
}

nav.aside-menu-links a.current,
nav.aside-menu-links a:hover {
    color: #152142;
    border-left: 2px solid #0070c0
}

main.base {
    overflow: hidden
}

nav.fixed-menu {
    position: fixed !important;
    z-index: 5;
    left: 0 !important;
    top: 50vh !important;
    transform: translateY(-50%);
    display: none;
    max-width: 320px
}

nav.fixed-menu .footer {
    display: none
}

nav.fixed-menu .midnightInner {
    overflow: visible !important
}

nav.fixed-menu a {
    display: block;
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin: 0;
    position: relative;
    padding-left: 35px;
    line-height: 1.2em;
    min-height: 21px;
    padding-top: 4px
}

nav.fixed-menu a:after,
nav.fixed-menu a:before {
    content: "";
    border-radius: 100%;
    position: absolute
}

nav.fixed-menu a .text,
nav.fixed-menu a:after,
nav.fixed-menu a:before {
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

nav.fixed-menu a:before {
    top: 8px;
    left: 8px;
    width: 5px;
    height: 5px;
    background: #8b92a5
}

nav.fixed-menu a:after {
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    border: 2px solid #0070c0;
    opacity: 0
}

nav.fixed-menu .dark a {
    color: #fff
}

nav.fixed-menu .dark a:before {
    background: #fff
}

nav.fixed-menu .dark a:after {
    border-color: #0070c0
}

nav.fixed-menu .dark li.active a:before {
    background: #fff
}

nav.fixed-menu li {
    margin-bottom: 28px;
    padding-left: 1vw;
    max-width: 200px
}

nav.fixed-menu li .text {
    opacity: 0;
    margin-left: -20px
}

nav.fixed-menu li.active .text,
nav.fixed-menu li a:hover .text {
    opacity: 1;
    margin-left: 0
}

nav.fixed-menu li.active a:after,
nav.fixed-menu li a:hover a:after {
    opacity: 1
}

nav.fixed-menu li.active a:before,
nav.fixed-menu li a:hover a:before {
    background: #152142
}

nav.service-parent {
    background: #f4f5f7;
    max-width: calc(50% - 445px);
    top: 0;
    left: 0;
    position: absolute;
    width: 50%;
    visibility: hidden;
    z-index: 0
}

nav.service-parent.sticky {
    position: fixed
}

nav.service-parent .heading {
    color: #152142;
    display: block;
    font-family: 'Vidaloka', serif;
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 25px
}

nav.service-parent ul {
    background: #fff;
    border-bottom: 1px solid #8a92a6;
    display: block;
    padding-bottom: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

nav.service-parent li {
    display: block;
    position: relative
}

nav.service-parent svg {
    display: block;
    top: 19px;
    left: 18px;
    position: absolute;
    width: 6px;
    height: 8px
}

nav.service-parent a {
    background-color: #fff;
    color: #646e89;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-size: .625rem;
    font-weight: 700;
    position: relative;
    letter-spacing: .19em;
    line-height: 1.2em;
    padding: 17px 30px 17px 35px;
    transition: all .25s ease-in-out;
    text-transform: uppercase
}

nav.service-parent a.current,
nav.service-parent a:hover {
    background-color: #0070c0;
    color: #fff
}

ul.social-links {
    display: block;
    font-size: 0
}

ul.social-links li {
    display: inline-block
}

ul.social-links li:not(:last-of-type) {
    margin-right: 8px
}

ul.social-links a {
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 36px;
    height: 36px;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) !important
}

ul.social-links a:hover {
    border-color: #fff
}

ul.social-links svg {
    margin: auto;
    max-width: 12px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center
}

ul.social-links svg * {
    fill: #fff !important
}

.slick-slider {
    visibility: hidden
}

.slick-slider.slick-initialized {
    visibility: visible
}

.slick-slider1 {
    visibility: hidden
}

.slick-slider1.slick-initialized {
    visibility: visible
}

.fancybox-stage .fancybox-content {
    width: 100%
}

footer.primary {
    /* background-color: #0070c0; */
    /*background-color: #0070c0;*/
	background-color: #7E959C;
    color: #fff;
    overflow: hidden;
    padding: 60px 6vw 0;
    position: relative;
    text-align: center
}

footer .logo-main {
    margin-top: -14px;
    margin-left: 0;
}

footer.primary:before {
    /* background: transparent url(../images/svg/logo.svg) no-repeat top/cover; */
    content: "";
    margin: 0 auto;
    opacity: .03;
    top: -380px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 2529px;
    height: 1458px;
    text-align: center;
    z-index: 0
}

footer.primary a {
    text-decoration: none;
    transition: color .2s cubic-bezier(.77, 0, .175, 1)
}

footer.primary .main {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1390px;
    margin-bottom: 70px;
    position: relative;
    z-index: 1
}

footer.primary .logo {
    display: block;
    margin: 0 auto;
    text-align: center
}

footer.primary .logo svg {
    width: 70px;
    height: 81px
}

footer.primary nav.menu {
    margin-top: 60px
}

footer.primary nav.menu a {
    color: #abafbf;
    display: block;
    padding: 5px 0
}

footer.primary nav.menu a:hover {
    color: #fff
}

footer.primary nav.menu .col:not(:last-of-type) {
    margin-bottom: 40px
}

footer.primary nav.menu span.title {
    display: block;
    font-family: 'Vidaloka', serif;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 25px
}

footer.primary nav.menu ul {
    font-size: 0
}

footer.primary nav.menu ul li {
    font: 400 13px/1.4em 'Open Sans', sans-serif;
    font: 400 .8125rem/1.4em 'Open Sans', sans-serif
}

footer.primary nav.menu ul li b,
footer.primary nav.menu ul li bold,
footer.primary nav.menu ul li strong {
    font-weight: 700
}

footer.primary nav.menu .contact-details {
    font: 400 13px/1.4em 'Open Sans', sans-serif;
    font: 400 .8125rem/1.4em 'Open Sans', sans-serif
}

footer.primary nav.menu .contact-details b,
footer.primary nav.menu .contact-details bold,
footer.primary nav.menu .contact-details strong {
    font-weight: 700
}

footer.primary nav.menu .contact-details {
    margin-bottom: 25px
}

footer.primary nav.menu .contact-details a i {
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    font-size: 15px;
    font-size: .9375rem;
    margin: 2px 8px 0 0;
    opacity: .5;
    vertical-align: top
}

footer.primary a.rics-logo {
    background-image: url(../img/rics.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 !important;
    margin-top: .2rem;
    opacity: .5;
    max-width: 80px
}

footer.primary a.rics-logo:hover {
    opacity: .85
}

footer.primary .bottom {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1500px;
    font: 400 13px/1.4em 'Open Sans', sans-serif;
    font: 400 .8125rem/1.4em 'Open Sans', sans-serif
}

footer.primary .bottom b,
footer.primary .bottom bold,
footer.primary .bottom strong {
    font-weight: 700
}

footer.primary .bottom {
    border-top: 1px solid hsla(0, 0%, 100%, .2);
    color: #abafbf;
    line-height: 1.55em;
    padding: 30px 0 35px !important;
    position: relative;
    z-index: 1
}

footer.primary .bottom .text {
    display: inline-block;
    vertical-align: top
}

footer.primary .bottom a.privacy {
    color: #abafbf
}

footer.primary .bottom a.privacy:hover {
    color: #fff
}

footer.primary .bottom a.developer {
    color: #fff !important
}

footer.primary .bottom a.logomark {
    background: transparent url(../images/svg/logo-wordmark.svg) no-repeat top/52px 31px;
    display: none;
    float: right;
    font-size: 0;
    margin: 4px 0 0 20px;
    overflow: hidden;
    width: 52px;
    height: 31px;
    text-indent: -999px;
    vertical-align: top
}

body.post-type-archive-property footer.primary {
    padding-top: 120px
}

body.browser-ie11 header.primary nav.desktop ul.sub-menu {
    /* width: 50vw */
}

body.browser-ie11 header.primary nav.desktop ul.sub-menu ul.sub-menu {
    width: auto
}

body.browser-ie11 header.primary nav.desktop>ul>li>ul.sub-menu {
    display: block
}

body.browser-ie11 header.primary nav.desktop>ul>li.menu-item-has-children:first-child>ul.sub-menu {
    /* display: -ms-flexbox;
    display: flex */
}

header.primary nav.desktop {
    display: none;
    height: 130px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

header.primary nav.desktop>ul {
    font-size: 0;
    height: 100%
}

header.primary nav.desktop>ul>li {
    display: inline-block;
    font: 500 15px/1.35em 'Open Sans', sans-serif;
    font: 500 .9375rem/1.35em 'Open Sans', sans-serif;
    height: inherit;
    position: relative
}

header.primary nav.desktop>ul>li>a {
    color: #fff;
    display: block;
    height: inherit;
    padding: 68px 25px 0;
    position: relative;
    overflow: visible;
    transition: padding .5s cubic-bezier(.77, 0, .175, 1) 0s, color 1s cubic-bezier(.77, 0, .175, 1) 0s;
    z-index: 1
}

header.primary nav.desktop>ul>li>a:after {
    background: #0070c0;
    content: "";
    bottom: 0;
    left: 25px;
    position: absolute;
    width: 0;
    height: 2px;
    transition: all .5s cubic-bezier(.77, 0, .175, 1)
}

header.primary nav.desktop>ul>li li {
    margin: 0
}

header.primary nav.desktop>ul>li li>a {
    display: block;
    font: 400 11px/1.5em 'Open Sans', sans-serif;
    font: 400 .6875rem/1.5em 'Open Sans', sans-serif;
    color: #0070c0;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    opacity: .8;
    text-transform: uppercase;
    transition: all .5s cubic-bezier(.77, 0, .175, 1) 0s
}

header.primary nav.desktop>ul>li li>a:hover {
    color: #0070c0;
    opacity: 1
}

header.primary nav.desktop>ul>li li.highlight>a {
    color: #0070c0;
    font-weight: 700;
    opacity: 1
}

header.primary nav.desktop>ul>li li:not(:last-of-type)>a {
    padding-bottom: 10px
}

header.primary nav.desktop>ul>li.menu-item-has-children:first-of-type>ul.sub-menu {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

header.primary nav.desktop>ul>li.menu-item-has-children:first-of-type>ul.sub-menu>li:not(:first-of-type).menu-item-has-children {
    margin-top: 0
}

header.primary nav.desktop>ul>li>ul.sub-menu {
    -ms-flex-align: stretch;
    align-items: stretch;
    background: #fff;
    display: -ms-flexbox;
    /* display: flex; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 880px;
    opacity: 0;
    padding: 45px 50px 60px 30px;
    top: calc(100% + 25px);
    left: 25px;
    position: absolute;
    text-align: left;
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
    visibility: hidden;
    z-index: 0
}


/* --ourServices.html-- */

header.primary nav.desktop>ul>li>ul>li>ul.Nested-submenu{
    /* display: none;  */
    position: absolute; 
    top: 0px;
    left: 260px;
    list-style: none;
    padding: 50px;
    margin: 0 px;
    background-color: #fff;
    border: 1px solid  #fff;
    visibility: hidden;
    transition: all .3s cubic-bezier(.77, 0, .175, 1);
    opacity: 0;
    width: 236px;
}

header.primary nav.desktop>ul>li>ul>li>ul.Nested-submenu>li{
    color:  #00c010;
}



/* header.primary nav.desktop>ul>li>ul>li:hover>ul.Nested-submenu{
    display: block;
     opacity: 1;
    visibility: visible;
}   */

#menu-item-971:hover>ul.Nested-submenu{
    opacity: 1;
    visibility: visible;
}

/* --ourSubServices.html-- */

header.primary nav.desktop>ul>li>ul>ul.sub-menu>li>a {
    /* border-bottom: 2px solid #0070c0; */
    color:  #0070c0;
    display: block;
    font: 400 11px/1.5em 'Open Sans', sans-serif;
    font: 400 .6875rem/1em 'Open Sans', sans-serif;
    /* font: 500 15px/1.35em 'Open Sans', sans-serif; */
    /* font: 500 .85rem/1em 'Open Sans', sans-serif; */
    letter-spacing: 0;
    margin-bottom: 13px;
    opacity: 1;
    padding: 8px 0;
    text-transform: uppercase;
    cursor: pointer;
}




header.primary nav.desktop>ul>li>ul.sub-menu>li {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    max-width: 160px;
    width: 100vw
}

header.primary nav.desktop>ul>li>ul.sub-menu>li.menu-item-has-children {
    /* margin-left: 35px; */
    margin-right: 35px
}

header.primary nav.desktop>ul>li>ul.sub-menu>li.menu-item-has-children>a {
    border-bottom: 2px solid #0070c0;
    /* color: #152142; */
    color: #0070c0;
    display: block;
    /* font: 500 15px/1.35em 'Open Sans', sans-serif; */
    /* font: 500 .9375rem/1.3em 'Open Sans', sans-serif; */
    font: 500 .906rem/1.1em 'Open Sans', sans-serif;
    letter-spacing: 0;
    margin-bottom: 16px;
    opacity: 1;
    padding: 8px 0;
    text-transform: none;
    cursor: default
}

header.primary nav.desktop>ul>li>ul.sub-menu>li.menu-item-has-children:not(:first-of-type) {
    margin-top: 50px
}

header.primary nav.desktop>ul>li>ul.sub-menu>li>ul.sub-menu {
    background: #fff;
    display: block;
    position: relative
}

header.primary nav.desktop>ul>li.hover>a:after,
header.primary nav.desktop>ul>li:hover>a:after {
    width: calc(100% - 50px)
}

header.primary nav.desktop>ul>li.hover>ul.sub-menu,
header.primary nav.desktop>ul>li:hover>ul.sub-menu {
    opacity: 1;
    top: 100%;
    visibility: visible
}

header.primary nav.mobile {
    -ms-flex-align: start;
    align-items: flex-start;
    /*background-color: #0070c0;*/
	background-color: #7E959C;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    opacity: 0;
    overflow-y: scroll;
    padding-top: 80px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    text-align: left;
    width: 100%;
    height: 100%;
    transition: all .5s cubic-bezier(.77, 0, .175, 1);
    visibility: hidden;
    z-index: 98;
    -ms-overflow-style: none;
    scrollbar-width: none
}

header.primary nav.mobile::-webkit-scrollbar {
    display: none
}

header.primary nav.mobile .mobile-menu {
    display: block;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%
}

header.primary nav.mobile .mobile-menu a {
    color: #fff !important;
    display: block
}

header.primary nav.mobile .mobile-menu>ul>li {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(15px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.9375rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.9em;
    max-height: 60px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    width: 100%
}

header.primary nav.mobile .mobile-menu>ul>li:before {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: "";
    display: none;
    top: 27px;
    right: 35px;
    position: absolute;
    width: 0;
    height: 0;
    transition: all .6s cubic-bezier(.77, 0, .175, 1)
}

header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children:before {
    display: block
}

header.primary nav.mobile .mobile-menu>ul>li:not(:last-of-type) {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

header.primary nav.mobile .mobile-menu>ul>li>a {
    cursor: pointer;
    font-weight: 500;
    padding: 16px 20px;
    /* padding: 16px 10px */
}

header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children {
    cursor: pointer
}

header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children>ul.sub-menu {
    max-height: 0;
    width: 100%;
    height: auto;
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    padding: 0 6vw 25px
}

header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children>ul.sub-menu ul.sub-menu {
    padding-bottom: 15px
}

header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children>a {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-family: 'Open Sans', sans-serif;
    font-size: calc(13px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.2em;
    padding-bottom: 10px;
    padding-top: 10px
}

header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children>ul.sub-menu>li:not(.menu-item-has-children)>a {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(10px + 1 * ((100vw - 320px) / 960));
    font-size: calc(.625rem + 1 * ((100vw - 20rem) / 960));
    font-weight: 700;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-size: calc(10px + 1 * ((100vw - 420px) / 860));
    font-size: calc(.625rem + 1 * ((100vw - 26.25rem) / 860));
    margin-bottom: 0;
    opacity: .5;
    padding: 6px 0;
    text-transform: uppercase
}

header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children li:first-of-type {
    padding-top: 10px
}

header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children li>a {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(10px + 1 * ((100vw - 320px) / 960));
    font-size: calc(.625rem + 1 * ((100vw - 20rem) / 960));
    font-weight: 700;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-size: calc(10px + 1 * ((100vw - 420px) / 860));
    font-size: calc(.625rem + 1 * ((100vw - 26.25rem) / 860));
    margin-bottom: 0;
    opacity: .5;
    padding: 6px 0;
    text-transform: uppercase
}

header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children.open:before {
    border-color: transparent transparent #fff;
    border-width: 0 5px 5px
}

header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children.open,
header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children.open>ul.sub-menu {
    max-height: 800px
}

header.primary nav.mobile .contact {
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    width: 100%;
    height: 60px;
    text-align: center
}

/* header.primary nav.mobile .contact:after {
    background: hsla(0, 0%, 100%, .1);
    content: "";
    top: 0;
    bottom: 0;
    left: 50%;
    position: absolute;
    width: 1px;
    height: 100%
} */

.strip {
    background-color: #0070c0;
    height: 260px;
    position: relative;
}

.strip-inner {
    width: 100%;
    padding: 85px 60px;
    position: absolute;
}

.strip-inner2 {
    text-align: center;
    float: left;
    /* width:20%; */
    width: 25%;
    padding: 0 15px
}

.last-strip {
    margin-top: -25px;
}

@media(max-width:991px) {
    .last-strip {
        margin-top: 0;
    }
}

.strip-header {
    color: white;
    font-size: 40px;
    line-height: 1;
    font-weight: 900;
    margin-bottom: 40px;
    text-align: center;

}

.strip-p {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
}

.strip-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    filter: blur(0);
    opacity: 0.3;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
}

.pb-80 {
    padding-bottom: 80px;
}

select {
    font-family: 'Open Sans', sans-serif;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960)) !important;
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960)) !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    line-height: 1.6em;
    text-align: center;
    padding: 0 20px !important;
}

@media(max-width:768px) {
    .strip {
        height: 110vh;
    }

    .strip-inner {
        /* padding-top:60px; */
    }

    .strip-inner2 {
        width: 100%;
        padding-bottom: 50px;
    }

    .strip-header {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .strip-p {
        font-size: 34px;
        
    }

    .pb-80 {
        padding-bottom: 0;
    }

    .story-content {
        padding: 0 !important;
    }

    .auction-tile {
        margin-bottom: 30px !important;
    }

    section.page-segway-links article.article-segway {
        margin: 40px 0 !important;
    }

    section.people-results-grid article.person-tile {
        margin-bottom: 20px !important;
    }

    section.interactive-statements .tab-links {
        padding-left: 0 !important;
    }

    section.interactive-statements .tab-links li {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 16% !important;
        margin: 0 4% !important;
    }

    section.form form .row .col:first-child {
        margin-bottom: 20px;
    }
}

header.primary nav.mobile .contact>a {
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    /* -ms-flex: 0 0 50%;
    flex: 0 0 50%; */
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px 1em;
    font-size: .8125rem 1em;
    font-weight: 400;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px
}

header.primary nav.mobile .contact i {
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    font-size: 15px;
    font-size: .9375rem;
    margin-right: 4px;
    vertical-align: middle
}

header.primary nav.mobile .contact span {
    display: inline-block;
    vertical-align: top
}

header.primary nav.mobile .social {
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    display: block;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    text-align: center;
    width: 100%
}

header.primary nav.mobile .social ul.social-links {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    width: 100%;
    height: 70px
}

header.primary nav.mobile .social ul.social-links li {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 0 !important
}

header.primary nav.mobile .social ul.social-links a {
    border: 0 none;
    border-radius: 0;
    margin: 0;
    width: 50px;
    height: 50px
}

header.primary nav.mobile .social ul.social-links svg {
    max-width: 16px
}

header.primary.mobile-nav-visible nav.mobile {
    opacity: 1;
    visibility: visible
}

header.primary .mobile-buttons {
    display: block;
    font-size: 0;
    top: 0;
    right: 0;
    position: absolute
}

header.primary .mobile-buttons .mobile__menu-btn,
header.primary .mobile-buttons .mobile__search-btn {
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top
}

header.primary .mobile__search-btn {
    opacity: 1;
    width: 60px;
    height: 80px;
    transition: all .5s cubic-bezier(.77, 0, .175, 1) 0s;
    visibility: visible
}

header.primary .mobile__search-btn i svg {
    margin: auto;
    max-width: 19px;
    top: 43px;
    right: 0;
    left: 0;
    position: absolute;
    transition: top .5s cubic-bezier(.77, 0, .175, 1) 0s;
    width: 100%
}

header.primary .mobile__search-btn i svg circle,
header.primary .mobile__search-btn i svg path {
    stroke: #fff;
    transition: all .5s cubic-bezier(.77, 0, .175, 1) 0s
}

header.primary .mobile__menu-btn {
    width: calc(13px + 12vw);
    height: 80px
}

header.primary .mobile__menu-btn i.menu {
    display: block;
    position: relative;
    /* margin: 38px 0 0 10px; */
    margin: 28px 0 0 10px;
    width: 24px;
    height: 24px;
    text-align: center;
    transition: margin-top .5s cubic-bezier(.77, 0, .175, 1) 0s
}

header.primary .mobile__menu-btn i.menu span:after,
header.primary .mobile__menu-btn i.menu span:before {
    background: #fff;
    border-radius: 0;
    content: "";
    display: block;
    height: 2px;
    opacity: 1;
    position: absolute
}

header.primary .mobile__menu-btn i.menu span.one:after,
header.primary .mobile__menu-btn i.menu span.one:before {
    transition: background-color .45s cubic-bezier(.77, 0, .175, 1) 0s, transform .45s cubic-bezier(.77, 0, .175, 1) 0s, top .3s cubic-bezier(.77, 0, .175, 1) .45s, left .3s cubic-bezier(.77, 0, .175, 1) .6s, width .3s cubic-bezier(.77, 0, .175, 1) .6s
}

header.primary .mobile__menu-btn i.menu span.one:before {
    top: 5px;
    right: 0;
    left: auto;
    width: 16px
}

header.primary .mobile__menu-btn i.menu span.one:after {
    top: 19px;
    left: 0;
    width: 16px
}

header.primary .mobile__menu-btn i.menu span.two:before {
    top: 12px;
    right: 0;
    transition: background-color .45s cubic-bezier(.77, 0, .175, 1) 0s, right .15s cubic-bezier(.77, 0, .175, 1) .3s, width .3s cubic-bezier(.77, 0, .175, 1) .6s;
    width: 24px
}

header.primary.mobile-nav-visible .mobile__search-btn i svg circle,
header.primary.mobile-nav-visible .mobile__search-btn i svg path,
header.primary.search-visible .mobile__search-btn i svg circle,
header.primary.search-visible .mobile__search-btn i svg path,
header.primary.video-visible .mobile__search-btn i svg circle,
header.primary.video-visible .mobile__search-btn i svg path {
    stroke: #fff !important
}

header.primary.mobile-nav-visible .mobile__menu-btn i.menu span:after,
header.primary.mobile-nav-visible .mobile__menu-btn i.menu span:before,
header.primary.search-visible .mobile__menu-btn i.menu span:after,
header.primary.search-visible .mobile__menu-btn i.menu span:before,
header.primary.video-visible .mobile__menu-btn i.menu span:after,
header.primary.video-visible .mobile__menu-btn i.menu span:before {
    background: #fff !important
}

header.primary.mobile-nav-visible .mobile__menu-btn i.menu span.one:after,
header.primary.mobile-nav-visible .mobile__menu-btn i.menu span.one:before,
header.primary.search-visible .mobile__menu-btn i.menu span.one:after,
header.primary.search-visible .mobile__menu-btn i.menu span.one:before,
header.primary.video-visible .mobile__menu-btn i.menu span.one:after,
header.primary.video-visible .mobile__menu-btn i.menu span.one:before {
    top: 12px;
    transition: background-color .45s cubic-bezier(.77, 0, .175, 1) .3s, left .3s cubic-bezier(.77, 0, .175, 1), width .3s cubic-bezier(.77, 0, .175, 1), top .3s cubic-bezier(.77, 0, .175, 1) .3s, transform .45s cubic-bezier(.77, 0, .175, 1) .45s;
    width: 22px
}

header.primary.mobile-nav-visible .mobile__menu-btn i.menu span.one:before,
header.primary.search-visible .mobile__menu-btn i.menu span.one:before,
header.primary.video-visible .mobile__menu-btn i.menu span.one:before {
    right: 1px;
    transform: rotate(135deg)
}

header.primary.mobile-nav-visible .mobile__menu-btn i.menu span.one:after,
header.primary.search-visible .mobile__menu-btn i.menu span.one:after,
header.primary.video-visible .mobile__menu-btn i.menu span.one:after {
    left: 1px;
    transform: rotate(-135deg)
}

header.primary.mobile-nav-visible .mobile__menu-btn i.menu span.two:before,
header.primary.search-visible .mobile__menu-btn i.menu span.two:before,
header.primary.video-visible .mobile__menu-btn i.menu span.two:before {
    right: 0;
    transition: background-color .45s cubic-bezier(.77, 0, .175, 1) .3s, width .3s cubic-bezier(.77, 0, .175, 1) 0s, right .15s cubic-bezier(.77, 0, .175, 1) 3s;
    width: 0
}

header.primary.on-scroll:not(.mobile-nav-visible):not(.search-visible) .main:after {
    background: rgba(32, 51, 103, .1)
}

body:not(.on-scroll) header.primary.video-visible .main,
header.primary.search-visible .main {
    background: transparent !important
}

body.on-scroll header.banner-notice {
    position: fixed;
    top: 0;
    left: 0
}

header.banner-notice {
    width: 100%;
    background: #0070c0;
    padding: 10px 0 5px;
    text-align: center;
    z-index: 200;
    position: relative
}

header.banner-notice .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1500px;
    position: relative
}

header.banner-notice .wrapper a.close {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    font-size: 12px;
    font-size: .75rem;
    line-height: 30px;
    line-height: 1.875rem;
    color: #fff;
    background: rgba(0, 0, 0, .1);
    cursor: pointer
}

header.banner-notice .inner {
    position: relative;
    padding-right: 45px
}

header.banner-notice .middle {
    color: #fff;
    font-size: 13px;
    font-size: .8125rem;
    letter-spacing: .01em;
    text-align: center;
    display: inline-block
}

header.banner-notice .middle p {
    color: #fff;
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 1.2em
}

header.banner-notice .middle a {
    display: inline-block;
    background: #fff;
    color: #0070c0;
    text-transform: uppercase;
    letter-spacing: .01em;
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 700;
    padding: .25em 1.2em
}

header.primary .main {
    /* background-color: transparent; */
    background-color: #a9a9a98a;
    color: #363f92;
    overflow: visible;
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 80px;
    transition: height .5s cubic-bezier(.77, 0, .175, 1) 0s, background 1s cubic-bezier(.77, 0, .175, 1) 0s, transform 1s cubic-bezier(.77, 0, .175, 1) .3s;
    z-index: 100
}

.logo {
    margin-top: -48px;
}

header.primary .main:after {
    background: hsla(0, 0%, 100%, .1);
    content: "";
    opacity: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 0;
    height: 1px;
    transition: all 1s cubic-bezier(.77, 0, .175, 1) .15s
}

header.primary .main .container {
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 100%
}

header.primary .main .logo {
    overflow: visible

}

header.primary .main .logo a {
    display: block;
    padding: 19px 6vw 0;
    width: 100%;
    height: 100%;
    transition: all .5s cubic-bezier(.77, 0, .175, 1) 0s
}

header.primary .main .logo svg {
    width: 53px;
    height: 61px
}

header.primary .main .logo svg g {
    fill: #fff;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1) 0s, fill 1s cubic-bezier(.77, 0, .175, 1) 0s
}

header.primary .main .logo svg g#text {
    position: relative;
    transform: translateY(155px);
    transition: transform .5s cubic-bezier(.77, 0, .175, 1) 0s, fill 1s cubic-bezier(.77, 0, .175, 1) 0s, opacity .5s cubic-bezier(.77, 0, .175, 1) .5s, visibility .5s cubic-bezier(.77, 0, .175, 1) .5s
}

header.primary .main .search-btn {
    color: #fff;
    display: none;
    margin-top: 54px;
    text-align: center;
    transition: all .5s cubic-bezier(.77, 0, .175, 1) 0s
}

header.primary .main .search-btn .trigger {
    animation: pulse 2s infinite;
    background: #0070c0;
    border: 1px solid #0070c0;
    border-radius: 100%;
    box-shadow: 0 0 0 rgba(57, 101, 221, .4);
    cursor: pointer;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 50px;
    height: 50px
}

header.primary .main .search-btn .trigger,
header.primary .main .search-btn .trigger>i {
    transition: all .5s cubic-bezier(.77, 0, .175, 1) 0s
}

header.primary .main .search-btn i.open {
    opacity: 1;
    visibility: visible
}

header.primary .main .search-btn i.close {
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    font-size: 19px;
    font-size: 1.1875rem;
    margin: auto;
    opacity: 0;
    top: 15px;
    left: 15px;
    position: absolute;
    visibility: visible
}

header.primary .main .search-btn svg {
    margin: auto;
    max-width: 16px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

header.primary .main .search-btn svg circle,
header.primary .main .search-btn svg path {
    stroke: #fff;
    transition: stroke 1s cubic-bezier(.77, 0, .175, 1) 0s
}

body.on-scroll header.primary .main {
    transition: height .5s cubic-bezier(.77, 0, .175, 1) 0s, background 1s cubic-bezier(.77, 0, .175, 1) .5s, transform 1s cubic-bezier(.77, 0, .175, 1) .3s
}

body.on-scroll header.primary:not(.search-visible) .main {
    background: #fff
}

body.on-scroll header.primary:not(.search-visible) .main:after {
    opacity: 1;
    width: 100%
}

body.on-scroll header.primary:not(.search-visible) .main .logo svg g#text {
    transition: fill 1s cubic-bezier(.77, 0, .175, 1) .5s, opacity .5s cubic-bezier(.77, 0, .175, 1) 0s, visibility .5s cubic-bezier(.77, 0, .175, 1) 0s, transform 1s cubic-bezier(.77, 0, .175, 1) 0s
}

body.on-scroll header.primary:not(.search-visible) .main .search-btn .trigger {
    background: transparent;
    border-color: rgba(32, 51, 103, .15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body.on-scroll header.primary:not(.search-visible) .main .logo .logo-main {
    color: #152142;
    /* margin-top: 13px; */
    margin-top: 0px;
    margin-left: 28px;
    transition-delay: .5s;
}

.white-logo {
    display: block;
}

.dark-logo {
    display: none;
}

body.on-scroll header.primary:not(.search-visible) .main .logo .logo-main .white-logo {
    display: none;
}

body.mobile-nav-visible.on-scroll header.primary:not(.search-visible) .main .logo .logo-main .white-logo {
    display: block;
}

body.mobile-nav-visible.on-scroll header.primary:not(.search-visible) .main .logo .logo-main .dark-logo {
    display: none;
}

body.on-scroll header.primary:not(.search-visible) .main .logo .logo-main .dark-logo {
    display: block;
}

body.on-scroll header.primary:not(.search-visible) .main .search-btn i.close {
    color: #152142
}

body.on-scroll header.primary:not(.search-visible) .main .search-btn svg circle,
body.on-scroll header.primary:not(.search-visible) .main .search-btn svg path {
    stroke: #152142
}

body.on-scroll header.primary:not(.search-visible) .main {
    height: 80px
}

body.on-scroll header.primary:not(.search-visible) .main .logo svg g {
    fill: #152142;
    transition: fill 1s cubic-bezier(.77, 0, .175, 1) .5s
}

body.on-scroll header.primary:not(.search-visible) .main .logo svg g#text {
    opacity: 0;
    visibility: hidden
}

body.on-scroll header.primary:not(.search-visible) .main .search-btn {
    margin-top: 15px
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(57, 101, 221, .4)
    }

    70% {
        box-shadow: 0 0 0 12px transparent
    }

    to {
        box-shadow: 0 0 0 0 transparent
    }
}

header.propery-title {
    text-align: center;
    background: #fff;
    padding-top: 110px;
    padding-bottom: 4rem;
    position: relative
}

header.propery-title div.property-back {
    top: 80px;
    left: 5vw;
    text-align: center;
    position: absolute
}

header.propery-title div.property-back a {
    display: inline-block;
    padding: .5em 0;
    color: #152142;
    text-align: center
}

header.propery-title div.property-back a:hover,
header.propery-title div.property-back a:hover .text {
    color: #0070c0
}

header.propery-title div.property-back a span {
    vertical-align: middle;
    display: inline-block
}

header.propery-title div.property-back a .arrow {
    position: relative;
    top: 2px
}

header.propery-title div.property-back a .arrow,
header.propery-title div.property-back a .text {
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1
}

header.propery-title div.property-back a .text {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin: 0;
    line-height: 0
}

header.propery-title .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 780px
}

header.propery-title h3 {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #0070c0
}

header.propery-title h1 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(35px + 15 * ((100vw - 320px) / 960));
    font-size: calc(2.1875rem + 15 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: .3em;
    color: #152142
}

header.propery-title h4 {
    text-align: center;
    display: inline-block;
    color: #646e89
}

header.propery-title h4 i {
    background: #eaedfc;
    border-radius: 99999px;
    width: 35px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    line-height: 2.1875rem;
    color: #5b6b9e;
    font-size: 18px;
    font-size: 1.125rem;
    vertical-align: middle
}

header.propery-title h4 span {
    display: inline-block;
    border-bottom: 1px dotted #5b6b9e;
    margin-left: 13px;
    vertical-align: middle
}

header.propery-title:not(.default) {
    padding-bottom: 2rem
}

header.propery-title .status-area {
    margin-top: 1.5rem
}

header.propery-title .roundel,
header.propery-title .status-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

header.propery-title .roundel {
    z-index: 2;
    top: 0;
    right: 20px;
    height: 45px;
    width: 45px;
    text-align: center;
    border-radius: 100%
}

header.propery-title .roundel span {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #fff;
    line-height: 1.2em;
    padding: 0;
    margin: 0
}

header.propery-title .roundel.sold {
    background: #0070c0
}

header.propery-title .roundel.under-offer {
    background: #0070c0
}

header.propery-title .roundel.let {
    background: #152142
}

section.article-listing-marquee {
    padding: 45px 0 40px;
    position: relative
}

section.article-listing-marquee aside.leftside-angled-title {
    top: 100px;
    z-index: 0
}

section.article-listing-marquee.background {
    background: #f4f5f7
}

section.article-listing-marquee article.standard-thumb-article footer:after {
    display: none
}

section.article-listing-marquee>header {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    display: block;
    position: relative;
    width: 100%
}

section.article-listing-marquee>header>.title {
    margin-bottom: 24px
}

section.article-listing-marquee>header>.title span {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(28px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

section.article-listing-marquee>header>.title span:before {
    background: #0070c0;
    content: "";
    display: block;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px
}

section.article-listing-marquee>header>.title span {
    display: block
}

section.article-listing-marquee.small-title>header>.title span {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(22px + 5 * ((100vw - 320px) / 960));
    font-size: calc(1.375rem + 5 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

section.article-listing-marquee.small-title>header>.title span:before {
    background: #0070c0;
    content: "";
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px
}

section.article-listing-marquee .articles {
    position: relative;
    z-index: 1
}

section.article-listing-marquee .slick-list {
    margin: 0 -5px;
    padding: 0 6vw
}

section.article-listing-marquee .slick-slide>div {
    padding: 0 5px
}

section.article-listing-marquee>footer {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    position: relative;
    width: 100%;
    margin-top: .875rem;
    min-height: 42px
}

section.article-listing-marquee .counter {
    font-size: 0;
    top: 16px;
    left: 0;
    position: absolute;
    text-align: right;
    width: 90px
}

section.article-listing-marquee .counter span {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 400;
    margin-bottom: 0
}

section.article-listing-marquee .counter span.total:before {
    content: "/"
}

section.article-listing-marquee .bar {
    background: transparent;
    display: none;
    margin: 0 auto;
    max-width: 940px;
    overflow: hidden;
    top: 21px;
    right: 0;
    left: 0;
    position: absolute;
    width: calc(100% - 250px);
    height: 3px;
    text-align: center;
    z-index: 1
}

section.article-listing-marquee .bar:before {
    background: #0070c0;
    content: "";
    opacity: .2;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px
}

section.article-listing-marquee .bar .current {
    background: #0070c0;
    display: block;
    height: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all .3s cubic-bezier(.77, 0, .175, 1)
}

section.article-listing-marquee nav.arrows {
    font-size: 0;
    top: 6px;
    right: 0;
    position: absolute;
    width: 90px
}

section.article-listing-marquee nav.arrows button {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px 13px;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    opacity: .6;
    overflow: hidden;
    width: 36px;
    height: 36px;
    text-indent: -999px;
    transition: all .3s cubic-bezier(.77, 0, .175, 1)
}

section.article-listing-marquee nav.arrows button.slick-prev {
    background-image: url(../images/svg/carousel-arrow-left-blue.svg)
}

section.article-listing-marquee nav.arrows button.slick-next {
    background-image: url(../images/svg/carousel-arrow-right-blue.svg)
}

section.article-listing-marquee nav.arrows button.slick-disabled {
    cursor: no-drop;
    opacity: .3
}

section.article-listing-marquee nav.arrows button:not(.slick-disabled):hover {
    opacity: .8
}

section.article-listing-marquee.hide-controls>footer {
    display: none
}

section.auction-builder {
    position: relative;
    margin-top: 80px
}

section.auction-builder .inner-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 660px;
    z-index: 1;
    position: relative;
    overflow: hidden
}

section.auction-builder article {
    margin: 30px 0;
    padding-bottom: 35px;
    border-bottom: 1px solid #eaeaea
}

section.auction-builder aside.service-agents {
    width: 100%
}

section.auction-builder aside.service-agents ul.slides {
    visibility: visible
}

section.auction-builder #contact-auctioneer,
section.auction-builder #newsletter-signup {
    display: none
}

section.auction-builder ul.property-actions li {
    margin-bottom: 10px
}

section.auction-builder ul.property-actions li,
section.auction-builder ul.property-actions li * {
    transition: all .25s ease-in-out
}

section.auction-builder ul.property-actions i {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    font-size: 1.125rem;
    color: #0070c0
}

section.auction-builder ul.property-actions i.send {
    transform: translateY(-50%) rotate(-45deg);
    transform-origin: 50% 50%
}

section.auction-builder ul.property-actions a {
    display: block;
    border: 1px solid #d7d8da;
    /* border-radius: 3px; */
    border-top: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

section.auction-builder ul.property-actions a span {
    display: block;
    padding: 20px 55px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: #152142;
    font-size: calc(10px + 1 * ((100vw - 320px) / 960));
    font-size: calc(.625rem + 1 * ((100vw - 20rem) / 960));
    /* font-weight: 700; */
    font-weight: 500;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.2em
}

section.auction-builder ul.property-actions a:hover {
    background: #d7d8da
}

section.auction-builder ul.property-actions a:hover span {
    /* color: #0070c0 */
}

section.auction-builder ul.property-actions a.blue-box:hover span {
    background: #0070c0;
    color: #fff
}

section.auction-builder ul.property-actions a.blue-box span {
    padding: 20px 10px;
    background: #152142;
    color: #fff
}

body.single-auction {
    background: #f4f5f7
}

body.single-auction section.image-marquee-slider {
    margin-bottom: 0
}

body.single-auction section.auction-builder .property-wrapper-listing {
    padding-top: 4rem
}

section.auction-listings {
    margin: 150px 0;
    background: #f4f5f7;
    min-height: 200px
}

section.auction-listings footer.lower-footer {
    text-align: center;
    margin: 2rem 6vw
}

section.auction-listings footer.lower-footer a {
    /*background-color: #0070c0;*/
	background-color: #7E959C;
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    letter-spacing: .2em;
    padding: 1.2rem 4em 1.2rem 3.4rem;
    background-image: url(../images/svg/home-white.svg);
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-position: 1rem 50%
}

section.auction-listings footer.lower-footer a:hover {
    background-color: #0070c0
}

section.auction-listings .grid-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    max-width: 1700px
}

section.auction-listings .grid-wrapper article.auction-tile {
    margin: 0 auto
}

body.post-type-archive-property main.base,
body.tax-auction-type main.base {
    background: #f4f5f7
}

section.blog-article-navigation {
    margin: 3rem 0
}

section.blog-article-navigation .nav-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 780px;
    max-width: 655px;
    position: relative;
    border-top: 1px solid #d4d7e2;
    border-bottom: 1px solid #d4d7e2
}

section.blog-article-navigation .nav-wrapper a {
    display: block;
    padding: .5em 0;
    color: #152142;
    text-align: center
}

section.blog-article-navigation .nav-wrapper a:hover,
section.blog-article-navigation .nav-wrapper a:hover .text {
    color: #0070c0
}

section.blog-article-navigation .nav-wrapper a span {
    vertical-align: middle;
    display: inline-block
}

section.blog-article-navigation .nav-wrapper a .arrow {
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    position: relative;
    top: 2px
}

section.blog-article-navigation .nav-wrapper a .text {
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin: 0;
    line-height: 0
}

section.blog-article-tags {
    margin: 3rem 0 5rem
}

section.blog-article-tags .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 780px;
    max-width: 655px
}

section.blog-article-tags .categories {
    display: block
}

section.blog-article-tags .categories * {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-bottom: 4px
}

section.blog-article-tags .title {
    color: #152142;
    margin-right: 5px
}

section.blog-article-tags .category {
    background: rgba(32, 51, 103, .1);
    border-radius: 4px;
    color: #0070c0;
    padding: 4px 7px;
    margin-left: 2px;
    margin-right: 2px
}

section.blog-article-tags .category:not(:last-of-type) {
    margin-right: 5px
}

section.christmas-calander-dates {
    background: #f4f5f7;
    padding-top: 2rem;
    padding-bottom: 5rem
}

section.christmas-calander-dates .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1300px
}

section.christmas-calander-dates article {
    background: #1f3366;
    background-size: 100% auto;
    position: relative;
    box-shadow: 0 0 60px -22px rgba(0, 0, 0, .75);
    text-align: center;
    padding: 65px 30px;
    max-width: 275px;
    width: calc(100% - 20px);
    margin: 0 10px;
    margin-bottom: 40px
}

section.christmas-calander-dates article:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -5px;
    right: -5px;
    width: calc(100% + 10px);
    background: url(../images/svg/snowtop.svg) 0 0 no-repeat;
    background-size: 100% auto;
    height: 30px
}

section.christmas-calander-dates article.future .link {
    display: none
}

section.christmas-calander-dates article.future .date .day {
    opacity: .5
}

section.christmas-calander-dates article.has-link a:hover .link {
    background: #fff;
    color: #3966dd
}

section.christmas-calander-dates article.has-link .link {
    opacity: 1
}

section.christmas-calander-dates article a {
    display: block
}

section.christmas-calander-dates article.current {
    background: #3966dd
}

section.christmas-calander-dates article.current.has-link .link {
    opacity: 1
}

section.christmas-calander-dates article.current .link {
    background: #fff;
    color: #3966dd
}

section.christmas-calander-dates article.current .date .month {
    color: #fff
}

section.christmas-calander-dates article .link {
    opacity: 0;
    background-color: #0070c0;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-size: .625rem;
    font-weight: 700;
    letter-spacing: 1.57px;
    letter-spacing: .09813rem;
    line-height: 12px;
    line-height: .75rem;
    text-transform: uppercase;
    display: block;
    padding: 15px;
    margin-top: 70px
}

section.christmas-calander-dates article .padlock {
    width: 50px;
    height: 50px;
    background: url(../images/svg/lock.svg) 50% no-repeat;
    margin: 0 auto;
    margin-top: 40px
}

section.christmas-calander-dates article .date .day {
    font-size: calc(80px + 25 * ((100vw - 450px) / 830));
    font-size: calc(5rem + 25 * ((100vw - 28.125rem) / 830));
    color: #fff;
    font-family: 'Vidaloka', serif;
    line-height: .85em
}

section.christmas-calander-dates article .date .month {
    font-size: calc(14px + 3 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 3 * ((100vw - 20rem) / 960));
    color: #a1a6b3;
    line-height: 1.2em;
    margin-top: 20px
}

section.christmas-calander-header {
    text-align: center;
    background: #1f3366 url(../img/advert-header.jpg) no-repeat bottom;
    background-size: contain;
    max-height: 500px;
    overflow: hidden
}

section.christmas-calander-header h1 {
    color: #fff;
    font-family: 'Vidaloka', serif;
    font-size: calc(35px + 50 * ((100vw - 420px) / 860));
    font-size: calc(2.1875rem + 50 * ((100vw - 26.25rem) / 860));
    font-weight: 500;
    letter-spacing: -.03em;
    line-height: 1.2em;
    margin-bottom: .2em
}

section.christmas-calander-header .subtitle {
    max-width: 630px;
    margin: 0 auto;
    line-height: 1.8em;
    color: #9ea3b1;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(13px + 4 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 4 * ((100vw - 20rem) / 960));
    letter-spacing: -.31px;
    letter-spacing: -.01938rem;
    line-height: 2em
}

section.christmas-calander-header .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    margin-top: 100px;
    margin-bottom: 100px
}

section.content-grid-one {
    background-color: #192544;
    color: #fff;
    padding: 75px 0 125px;
    position: relative
}

section.content-grid-one aside.leftside-angled-title {
    -ms-flex-align: center;
    align-items: center
}

section.content-grid-one aside.leftside-angled-title h4 {
    color: #fff
}

section.content-grid-one aside.leftside-angled-title h4:before {
    background: #0070c0
}

section.content-grid-one .logo-title,
section.content-grid-one article.medium-mce h2 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(28px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

section.content-grid-one .logo-title:before,
section.content-grid-one article.medium-mce h2:before {
    background: #0070c0;
    content: "";
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px
}

section.content-grid-one .logo-title,
section.content-grid-one article.medium-mce,
section.content-grid-one article.medium-mce .arrow-btn,
section.content-grid-one article.medium-mce h2,
section.content-grid-one article.medium-mce h3,
section.content-grid-one article.medium-mce h4,
section.content-grid-one article.medium-mce p {
    color: #fff
}

section.content-grid-one article.medium-mce .arrow-btn:before {
    background-color: hsla(0, 0%, 100%, .05)
}

section.content-grid-one article.main {
    margin-bottom: 80px;
    position: relative;
    z-index: 1
}

section.content-grid-one article.main .wrapper:before {
    content: "";
    display: table
}

section.content-grid-one article.main .wrapper:after {
    content: "";
    display: table;
    clear: both
}

section.content-grid-one article.main .content {
    padding: 0 6vw
}

section.content-grid-one article.main .textarea {
    width: 100%
}

section.content-grid-one article.main .textarea span.arrow-btn {
    margin-top: 40px
}

section.content-grid-one article.main .textarea span.arrow-btn>a {
    color: #fff
}

section.content-grid-one article.main .textarea span.arrow-btn>a:before {
    background: hsla(0, 0%, 100%, .05)
}

section.content-grid-one article.main .image {
    margin-top: 40px;
    padding-right: 6vw
}

section.content-grid-one article.main .image img {
    width: 100%
}

section.content-grid-one article.logo-area {
    margin-top: 80px;
    position: relative;
    z-index: 1
}

section.content-grid-one article.logo-area .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px
}

section.content-grid-one article.logo-area .wrapper:before {
    content: "";
    display: table
}

section.content-grid-one article.logo-area .wrapper:after {
    content: "";
    display: table;
    clear: both
}

section.content-grid-one article.logo-area .logos {
    padding: 0 6vw
}

section.content-grid-one article.logo-area .logos .logo-title {
    font-family: 'Vidaloka', serif;
    font-size: calc(28px + 8 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 8 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em
}

section.content-grid-one article.logo-area .logo-list {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 30px
}

section.content-grid-one article.logo-area .logo-list .logo {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px;
    text-align: center
}

section.content-grid-one article.logo-area .logo-list .logo img {
    max-height: 55px;
    max-width: 115px;
    opacity: .8;
    /* opacity: .3 */
}

.some {
    float: left;
    width: 14.28%;
    padding: 10px 30px;
    height: 80px;
    line-height: 54px;
}

.some img {
    width: 100%;
}

.clients-logo {
    background-color: #fff;
    height: 80px;
    padding: 0 30px;
    width: 100%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
}

@media (max-width:991px) {
    .clients-logo {
        height: 160px;
    }

    .some {
        padding: 10px 20px;
        width: 20%;
    }
}

@media (max-width:700px) {
    .clients-logo {
        height: 160px;
    }

    .some {
        padding: 10px 15px;
        width: 25%;
    }
}

@media (max-width:560px) {
    .clients-logo {
        height: 240px;
    }

    .some {
        padding: 10px;
        width: 33%;
    }
}

section.content-grid-one article.logo-area .image {
    margin-top: 40px;
    padding-left: 6vw
}

section.content-grid-one article.logo-area .image img {
    width: 100%
}

section.form {
    background: #fff;
    padding: 30px 0
}

section.form .form-wrap {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 940px
}

section.form h4 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(22px + 5 * ((100vw - 320px) / 960));
    font-size: calc(1.375rem + 5 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
    text-align: center
}

section.form h4:before {
    background: #0070c0;
    content: "";
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    position: absolute;
    width: 40px;
    height: 1px;
    transform: translateX(-50%)
}

section.form h4 {
    margin-bottom: 35px
}

section.form form input[type=email],
section.form form input[type=password],
section.form form input[type=number],
section.form form input[type=tel],
section.form form input[type=text],
section.form form input[type=url],
select {
    background: #f4f5f7;
    height: 65px;
    line-height: 65px;
    line-height: 4.0625rem;
    padding: 0 25px
}

select option {
    padding: 0 25px;
    background: #f4f5f7;
    height: 65px;
    line-height: 65px;
    line-height: 4.0625rem;
}

section.form form textarea {
    height: 0;
    max-height: 400px;
    min-height: 120px;
    resize: vertical;
    padding: 25px;
    background: #f4f5f7;
    line-height: 1.2em
}

section.form form input[type=email],
section.form form input[type=password],
section.form form input[type=tel],
section.form form input[type=number],
section.form form input[type=text],
section.form form input[type=url],
section.form form textarea,
select {
    width: 100%;
    font-size: .875em;
    border: 1px solid #fff
}

section.form form input[type=email]::-webkit-input-placeholder,
section.form form input[type=password]::-webkit-input-placeholder,
section.form form input[type=tel]::-webkit-input-placeholder,
section.form form input[type=text]::-webkit-input-placeholder,
section.form form input[type=number]::-webkit-input-placeholder,
section.form form input[type=url]::-webkit-input-placeholder,
section.form form textarea::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #152142
}

section.form form input[type=email]:focus,
section.form form input[type=password]:focus,
section.form form input[type=tel]:focus,
section.form form input[type=text]:focus,
section.form form input[type=number]:focus,
section.form form input[type=url]:focus,
section.form form textarea:focus,
select:focus {
    background: #fff;
    color: #646e89;
    border-color: #0070c0
}

section.form form .dk-select {
    width: 100%;
    line-height: 1.2em;
    display: block
}

section.form form .dk-select .dk-selected {
    border: none;
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #152142;
    background: #f4f5f7;
    height: 65px;
    line-height: 65px;
    line-height: 4.0625rem;
    padding: 0 25px
}

section.form form .dk-select .dk-selected:after {
    display: none
}

section.form form .dk-select .dk-selected:before {
    border-top-color: #152142;
    border-width: .4em .4em 0;
    margin: -.125em 2em 0 0
}

section.form form .dk-select .dk-select-options {
    border-color: #ccc;
    border-radius: 0
}

section.form form footer.lower {
    margin-top: 2rem
}

section.form form .tickboxes ul li {
    margin-bottom: 1rem
}

section.form form .wpcf7-list-item {
    display: block;
    width: 100%;
    margin: 0
}

section.form form .wpcf7-list-item>label {
    position: relative;
    display: block;
    width: 100%
}

section.form form .wpcf7-list-item input[type=checkbox] {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer
}

section.form form .wpcf7-list-item input[type=checkbox]:checked~.wpcf7-list-item-label:before {
    content: "check_box"
}

section.form form .wpcf7-list-item .wpcf7-list-item-label {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin: 0;
    color: #152142;
    display: inline-block;
    padding-left: 25px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

section.form form .wpcf7-list-item .wpcf7-list-item-label:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "check_box_outline_blank";
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    color: #8b92a5;
    text-transform: none;
    width: 15px;
    height: 15px;
    line-height: 15px;
    line-height: .9375rem;
    font-size: 18px;
    font-size: 1.125rem
}

section.form form .col {
    position: relative
}

section.form form .col:focus-within .tab {
    display: inline-block
}

section.form form .tab {
    position: absolute;
    bottom: 100%;
    background: #0070c0;
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: 1.6em;
    text-align: center;
    display: none;
    padding: 0 8px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

section.form form .row {
    margin-bottom: 15px
}

section.form form .filebox {
    background: #f4f5f7;
    height: 65px
}

section.form form .filebox .wpcf7-form-control-wrap {
    position: static
}

section.form form .filebox .button,
section.form form .filebox .label {
    height: 45px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    line-height: 45px;
    line-height: 2.8125rem;
    display: inline-block;
    position: absolute;
    top: 10px
}

section.form form .filebox .label {
    padding-left: 25px;
    margin: 0;
    color: #152142;
    left: 10px;
    display: none
}

section.form form .filebox .icon {
    content: "description";
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    color: #646e89;
    position: absolute;
    left: 0;
    top: 0;
    height: 45px;
    line-height: 45px;
    line-height: 2.8125rem;
    width: 25px;
    text-align: center
}

section.form form .filebox .file-label {
    height: 45px;
    left: 30px;
    color: #0070c0;
    display:contents;
    position: absolute
}

section.form form .filebox .button,
section.form form .filebox .file-label {
    font-family: 'Open Sans', sans-serif;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    line-height: 45px;
    line-height: 2.8125rem;
    margin: 0
}

section.form form .filebox .button {
    background: #152142;
    padding: 0 25px;
    right: 10px;
    color: #0070c0;
    color: #fff
}

section.form form .filebox:hover .button {
    background: #0070c0
}

section.form form .filebox input {
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer
}

section.form form .submit {
    display: inline-block;
    margin-bottom: 1em;
    padding: 1.2em 46px 1.2em 20px;
    z-index: 1
}

section.form form .submit,
section.form form .submit>a {
    color: #0070c0;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(13px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.2em;
    text-decoration: none
}

section.form form .submit>a {
    position: relative;
    z-index: 2
}

section.form form .submit:before {
    background: #d4d7e2;
    content: "";
    width: 40px;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    transition: width .3s cubic-bezier(.77, 0, .175, 1);
    z-index: -1
}

section.form form .submit:after {
    color: #0070c0;
    content: "";
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    font-style: normal;
    font-weight: 400;
    top: 50%;
    right: 20px;
    position: absolute;
    transform: translateY(-50%);
    font-size: 1.2em;
    display: block;
    z-index: 2;
    text-decoration: none
}

section.form form .submit:hover:before {
    width: 100%
}

section.form form .submit {
    width: 190px;
    margin-top: 2rem;
    position: relative
}

section.form form .submit input {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    font-size: .9em;
    color: #0070c0;
    cursor: pointer;
    text-transform:capitalize;
}

section.form form [role=alert] {
    display: block;
    padding-left: 25px;
    font-size: .875em;
    padding-top: 9px
}

section.form form .wpcf7-response-output {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin: 2rem 0 0;
    color: #fff;
    background: #0070c0;
    text-align: center;
    padding: 1rem;
    border: none
}

section.form .hidden {
    font-size: 0;
    display: none;
    opacity: 0;
    visibility: hidden
}

section.form.offset {
    background: #fff;
    padding: 80px 0
}

section.gallery-images {
    margin: 95px 0
}

section.gallery-images .gallery-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1020px
}

section.gallery-images a {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    font-size: calc(10px + 6 * ((100vw - 320px) / 960));
    font-size: calc(.625rem + 6 * ((100vw - 20rem) / 960));
    margin-bottom: 40px
}

section.gallery-images a.portrait {
    width: 460px;
    height: 660px;
    max-width: 460px
}

section.gallery-images a.landscape {
    width: 460px;
    height: 360px;
    max-width: 460px
}

section.header-banner-archive {
    overflow: hidden;
    position: relative;
    background: #152142
}

section.header-banner-archive:before {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

section.header-banner-archive .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1140px;
    text-align: center;
    max-height: 700px;
    height: 50vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    position: relative
}

section.header-banner-archive .bg-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0f182f 10%, rgba(33, 39, 57, 0));
    opacity: .75;
    z-index: 1
}

section.header-banner-archive .bg {
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: bottom;
    z-index: 0;
    opacity: .55
}

section.header-banner-archive h1 {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(14px + 3 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-weight: 400;
    margin-bottom: 0
}

section.header-banner-archive h2 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(40px + 45 * ((100vw - 320px) / 960));
    font-size: calc(2.5rem + 45 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 8px
}

section.header-banner-archive h3 {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    letter-spacing: .4em;
    margin: 0 0 30px;
    position: relative;
    padding-bottom: .5em
}

section.header-banner-archive h3:before {
    top: 100%;
    right: 0;
    bottom: 100%;
    left: 0;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #8b92a5;
    content: ""
}

section.header-banner-archive h1,
section.header-banner-archive h2,
section.header-banner-archive h3 {
    color: #fff
}

section.header-banner-archive .link-btn {
    width: 320px;
    margin-top: 2rem
}

section.header-banner-archive .link-btn a {
    background: #3965de;
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    padding: 1.2rem 3.2rem 1.2rem 2.5rem;
    position: relative;
    font-size: calc(11px + 3 * ((100vw - 320px) / 1130));
    font-size: calc(.6875rem + 3 * ((100vw - 20rem) / 1130))
}

section.header-banner-archive .link-btn a.newsletter {
    background-color: #25366a;
    margin-top: 1rem
}

section.header-banner-archive .link-btn a:after {
    color: #fff;
    content: "";
    display: block;
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    font-style: normal;
    font-weight: 400;
    top: 50%;
    right: 20px;
    position: absolute;
    transform: translateY(-50%);
    font-size: 1.2em;
    text-decoration: none
}

section.header-banner-archive.slim .wrapper {
    max-height: 420px;
    padding-top: 50px
}

section.header-banner-archive.slim h3 {
    display: none
}

section.header-hero {
    -ms-flex-align: center;
    align-items: center;
    background-color: #7E959C; 
    /* background-color: #203367;*/
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 650px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100vh
}

section.header-hero .content {
    max-width: 1120px;
    padding: 50px 6vw 0;
    z-index: 3
}

section.header-hero .content .main {
    max-width: 800px
}

section.header-hero h1.title {
    color: #0070c0;
    font-family: 'Vidaloka', serif;
    font-size: calc(45px + 42 * ((100vw - 320px) / 960));
    font-size: calc(2.8125rem + 42 * ((100vw - 20rem) / 960));
    font-weight: 300;
    letter-spacing: -.015em;
    line-height: .9em;
    margin-bottom: .6em;
    color: #fff;
    display: block;
    max-width: 1000px;
    opacity: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

section.header-hero h1.title span {
    opacity: 0;
    top: -10px;
    position: relative;
    transition: all .5s cubic-bezier(.77, 0, .175, 1)
}

section.header-hero h1.title.load {
    opacity: 1
}

section.header-hero h1.title.load span {
    top: 0 !important;
    right: 0 !important;
    opacity: 1 !important
}

section.header-hero h1.title:before {
    background: rgba(33, 39, 57, 0);
    content: "";
    bottom: -14px;
    left: -6vw;
    position: absolute;
    width: 0;
    height: 2px;
    transition: width 1.7s cubic-bezier(.77, 0, .175, 1) .1s
}

section.header-hero .button {
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(13px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.2em
}

section.header-hero .button i.icon {
    background: rgba(57, 101, 221, .4);
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    width: 50px;
    height: 50px;
    vertical-align: top
}

section.header-hero .button i.icon:after,
section.header-hero .button i.icon:before {
    content: "";
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute
}

section.header-hero .button i.icon:before {
    background: #0070c0;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    transition: all .4s cubic-bezier(.77, 0, .175, 1)
}

section.header-hero .button i.icon:after {
    background: transparent url(../images/svg/arrow-white-right-tip.svg) no-repeat 50%/cover;
    width: 7px;
    height: 8px;
    transform: translateX(2px);
    transition: all .4s ease-in-out
}

section.header-hero .button span.label {
    display: inline-block;
    padding-top: 16px;
    vertical-align: top
}

section.header-hero .button:hover i.icon:before {
    width: 100%;
    height: 100%
}

section.header-hero .button {
    display: inline-block;
    opacity: 0;
    bottom: 40px;
    left: 6vw;
    position: absolute;
    transform: translateY(-8px);
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 1.2s;
    visibility: hidden
}

section.header-hero .button span {
    color: #fff
}

section.header-hero .tagline h2 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(14px + 6 * ((100vw - 320px) / 960));
    /* font-size: calc(.875rem + 6 * ((100vw - 20rem) / 960)); */
    font-size: calc(1.4rem + 6 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.35em;
    opacity: 0;
    padding-top: 12px;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 1.2s;
    visibility: hidden
}

section.header-hero .share {
    color: #fff;
    display: none;
    bottom: 45px;
    left: 0;
    position: absolute;
    text-align: center;
    width: calc(50% - 560px);
    z-index: 3
}

section.header-hero .share .inner {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

section.header-hero .share .inner i.main {
    -ms-flex-order: 1;
    order: 1
}

section.header-hero .share .inner .icons {
    -ms-flex-order: 0;
    order: 0
}

section.header-hero .share .icons {
    margin: 0 auto;
    opacity: 0;
    transition: all .6s cubic-bezier(.165, .84, .44, 1);
    visibility: hidden
}

section.header-hero .share i {
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 50px;
    height: 50px;
    transition: all .5s cubic-bezier(.165, .84, .44, 1)
}

section.header-hero .share i.st-custom-button {
    border-color: hsla(0, 0%, 100%, .3);
    margin-bottom: 8px;
    transform: translateY(12px)
}

section.header-hero .share i.st-custom-button:hover {
    border-color: #fff
}

section.header-hero .share svg {
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    max-width: 13px;
    width: 100%
}

section.header-hero .share svg path {
    fill: #fff
}

section.header-hero .share .icons:hover,
section.header-hero .share .main:hover .icons,
section.header-hero .share i.main:hover+.icons {
    opacity: 1;
    visibility: visible
}

section.header-hero .share .icons:hover i,
section.header-hero .share .main:hover .icons i,
section.header-hero .share i.main:hover+.icons i {
    transform: translateY(0)
}

section.header-hero .scroll-down {
    color: #fff;
    cursor: s-resize;
    padding: 45px 0;
    right: 6vw;
    bottom: 0;
    position: absolute;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 3
}

section.header-hero .scroll-down i {
    display: block;
    margin: auto;
    position: relative;
    width: 35px;
    height: 84px;
    text-align: center
}

section.header-hero .scroll-down i:before {
    background: #fff;
    content: "";
    margin: 0 auto;
    right: 0;
    left: 0;
    position: absolute;
    width: 1px;
    height: 60px;
    top: 0;
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
    z-index: 1
}

section.header-hero .scroll-down svg.arrow {
    margin: 0 auto;
    right: 0;
    left: 0;
    position: absolute;
    width: 7px;
    height: 5px;
    top: 66px;
    transition: top .6s cubic-bezier(.77, 0, .175, 1);
    z-index: 1
}

section.header-hero .scroll-down svg.arrow g path {
    transition: fill .6s cubic-bezier(.77, 0, .175, 1)
}

section.header-hero .scroll-down svg.circle {
    opacity: .5;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 35px;
    height: 35px;
    transform: rotate(-90deg);
    z-index: 0
}

section.header-hero .scroll-down svg.circle circle {
    stroke: #fff;
    stroke-dasharray: 95;
    stroke-dashoffset: 0;
    transition: all .6s ease-in
}

section.header-hero .side-text {
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: calc(50% - 560px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2
}

section.header-hero .side-text span {
    font-family: 'Open Sans', sans-serif;
    font-size: calc(13px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.5em;
    color: #fff;
    display: block;
    line-height: 0;
    text-align: center;
    transform: rotate(90deg)
}

section.header-hero .lines {
    display: none;
    margin: auto;
    max-width: 1120px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

section.header-hero .lines .set:after,
section.header-hero .lines .set:before {
    background: hsla(0, 0%, 100%, .2);
    content: "";
    bottom: 0;
    position: absolute;
    width: 1px;
    height: 0;
    transition: all 1s cubic-bezier(.77, 0, .175, 1)
}

section.header-hero .lines .set:first-of-type:before {
    left: 0;
    transition-delay: 0s
}

section.header-hero .lines .set:first-of-type:after {
    display: none
}

section.header-hero .lines .set:last-of-type:before {
    left: 390px;
    transition-delay: .3s
}

section.header-hero .lines .set:last-of-type:after {
    right: 0;
    transition-delay: .6s
}

section.header-hero .overlay {
    background-color: transparent;
    background-image: linear-gradient(180deg, rgba(221, 136, 94, .86) 10%, rgba(233, 139, 120, 0));
    margin: auto;
    opacity: .8;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

section.header-hero .media {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    perspective: 1000;
    z-index: 0
}

section.header-hero .media,
section.header-hero .media .image,
section.header-hero .media .image .src,
section.header-hero .media .video {
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

section.header-hero .video {
    opacity: 0;
    transition: all 1.5s ease-in-out .2s;
    z-index: 1
}

section.header-hero .video video {
    margin: auto;
    max-width: 100%;
    min-width: 100%;
    padding: 0 6vw;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center
}

section.header-hero .image {
    filter: blur(30px);
    opacity: 0;
    transition: all 1.5s ease-in-out .2s;
    z-index: 0
}

section.header-hero .image .src {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .3
}

section.header-hero.video-visible .video {
    opacity: 1
}

section.header-hero.video-visible.viewed .content .title span {
    opacity: 0 !important;
    top: -10px !important
}

section.header-hero.video-visible.viewed .content .title:before {
    width: 0
}

section.header-hero.video-visible.viewed .content .button {
    opacity: 0;
    transition-delay: 0s;
    transform: rotateY(-8px);
    visibility: hidden
}

section.header-hero.video-visible.viewed .content .tagline {
    opacity: 0;
    visibility: hidden
}

section.header-hero.video-visible.viewed .image {
    opacity: 0
}

section.header-hero.video-visible.viewed .lines .set:after,
section.header-hero.video-visible.viewed .lines .set:before {
    height: 0
}

body.video-visible header.primary .main .search-btn .open {
    opacity: 0;
    visibility: hidden
}

body.video-visible header.primary .main .search-btn .close {
    opacity: 1;
    visibility: visible
}

section.header-hero.viewed h1.title:before {
    width: 15vw
}

section.header-hero.viewed .button {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

section.header-hero.viewed .tagline h2 {
    opacity: 1;
    visibility: visible
}

section.header-hero.viewed .lines .set:after,
section.header-hero.viewed .lines .set:before {
    height: 100%
}

section.header-hero.viewed .image {
    filter: blur(0);
    opacity: 1
}

section.header-image-blog {
    margin-bottom: 2rem;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0070c0;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 530px;
    position: relative;
    width: 100%;
    height: 80vh;
    max-height: 800px;
    text-align: center
}

section.header-image-blog.no-bottom-margin {
    margin-bottom: 0 !important
}

section.header-image-blog .content {
    max-width: 1120px;
    padding: 50px 6vw 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 3
}

section.header-image-blog .content .main {
    max-width: 800px
}

section.header-image-blog .author {
    bottom: 0;
    text-align: center;
    z-index: 5
}

section.header-image-blog .author,
section.header-image-blog .author .name {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(50%);
    width: 100%;
    display: block
}

section.header-image-blog .author .name {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-bottom: .875rem;
    color: #fff;
    margin-bottom: .5rem;
    bottom: 100%
}

section.header-image-blog .author .profile-image {
    border: 2px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    margin: .5rem auto 0;
    background-color: #152142;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 65px;
    width: 65px;
    display: block
}

section.header-image-blog h2.upper {
    color: #0070c0;
    font-size: calc(11px + 1 * ((100vw - 320px) / 960));
    font-size: calc(.6875rem + 1 * ((100vw - 20rem) / 960));
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    margin-bottom: 1em;
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(11px + 1 * ((100vw - 420px) / 860));
    font-size: calc(.6875rem + 1 * ((100vw - 26.25rem) / 860));
    letter-spacing: .3em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5em;
    margin-bottom: 25px;
    padding-bottom: 10px;
    position: relative
}

section.header-image-blog h2.upper:after {
    background: hsla(0, 0%, 100%, .4);
    content: "";
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 4px
}

section.header-image-blog h1.title {
    color: #0070c0;
    font-family: 'Vidaloka', serif;
    font-size: calc(35px + 25 * ((100vw - 320px) / 960));
    font-size: calc(2.1875rem + 25 * ((100vw - 20rem) / 960));
    font-weight: 400;
    letter-spacing: -.015em;
    line-height: 1.1em;
    margin-bottom: .6em;
    font-size: calc(35px + 25 * ((100vw - 420px) / 860));
    font-size: calc(2.1875rem + 25 * ((100vw - 26.25rem) / 860));
    color: #fff;
    display: block;
    margin: 0 auto;
    max-width: 800px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

section.header-image-blog .overlay {
    background-color: transparent;
    /*background-image: linear-gradient(180deg, rgba(15, 24, 47, .86) 10%, rgba(33, 39, 57, 0));*/
    background-image: linear-gradient(180deg, rgba(221, 136, 94, .86) 10%, rgba(233, 139, 120, 0));
    margin: auto;
    opacity: .8;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

section.header-image-blog .media {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    overflow: hidden;
    perspective: 1000;
    z-index: 0
}

section.header-image-blog .media,
section.header-image-blog .media .image {
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

section.header-image-blog .image {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(30px);
    opacity: 0;
    transition: filter .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
    z-index: 0
}

section.header-image-blog.viewed .image {
    filter: blur(0);
    opacity: .4
}

section.header-image-full {
    -ms-flex-align: center;
    align-items: center;
    background-color: #7E959C; 
    /* background-color: #203367;*/
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 650px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100vh;
    text-align: center
}

section.header-image-full .content {
    max-width: 1120px;
    padding: 50px 6vw 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 3
}

section.header-image-full .content .main {
    max-width: 800px
}

section.header-image-full h2.upper {
    color: #0070c0;
    font-size: calc(12px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.75rem + 2 * ((100vw - 20rem) / 960));
    letter-spacing: .0625rem;
    margin-bottom: 1em;
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(12px + 2 * ((100vw - 420px) / 860));
    font-size: calc(.75rem + 2 * ((100vw - 26.25rem) / 860));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.5em;
    margin-bottom: 25px;
    padding-bottom: 10px;
    position: relative
}

section.header-image-full h2.upper:after {
    background: hsla(0, 0%, 100%, .4);
    content: "";
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 4px
}

section.header-image-full h1.title {
    color: #0070c0;
    font-family: 'Vidaloka', serif;
    font-size: calc(45px + 42 * ((100vw - 320px) / 960));
    font-size: calc(2.8125rem + 42 * ((100vw - 20rem) / 960));
    font-weight: 400;
    letter-spacing: -.015em;
    line-height: 1.1em;
    margin-bottom: .6em;
    color: #fff;
    display: block;
    margin: 0 auto;
    max-width: 800px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

section.header-image-full h3.description {
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    font-size: calc(15px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.9375rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.9em
}

section.header-image-full h3.description a {
    color: #152142
}

section.header-image-full h3.description b,
section.header-image-full h3.description strong {
    font-weight: 700
}

section.header-image-full h3.description {
    color: #fff;
    display: block;
    margin-top: 12px
}

section.header-image-full .share {
    color: #fff;
    display: none;
    bottom: 45px;
    left: 0;
    position: absolute;
    text-align: center;
    width: calc(50% - 560px);
    z-index: 3
}

section.header-image-full .share .inner {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

section.header-image-full .share .inner i.main {
    -ms-flex-order: 1;
    order: 1
}

section.header-image-full .share .inner .icons {
    -ms-flex-order: 0;
    order: 0
}

section.header-image-full .share .icons {
    margin: 0 auto;
    opacity: 0;
    transition: all .6s cubic-bezier(.165, .84, .44, 1);
    visibility: hidden
}

section.header-image-full .share i {
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 50px;
    height: 50px;
    transition: all .5s cubic-bezier(.165, .84, .44, 1)
}

section.header-image-full .share i.st-custom-button {
    border-color: hsla(0, 0%, 100%, .3);
    margin-bottom: 8px;
    transform: translateY(12px)
}

section.header-image-full .share i.st-custom-button:hover {
    border-color: #fff
}

section.header-image-full .share svg {
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    max-width: 13px;
    width: 100%
}

section.header-image-full .share svg path {
    fill: #fff
}

section.header-image-full .share .icons:hover,
section.header-image-full .share .main:hover .icons,
section.header-image-full .share i.main:hover+.icons {
    opacity: 1;
    visibility: visible
}

section.header-image-full .share .icons:hover i,
section.header-image-full .share .main:hover .icons i,
section.header-image-full .share i.main:hover+.icons i {
    transform: translateY(0)
}

section.header-image-full .scroll-down {
    color: #fff;
    cursor: s-resize;
    padding: 45px 0;
    right: 6vw;
    bottom: 0;
    position: absolute;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 3
}

section.header-image-full .scroll-down i {
    display: block;
    margin: auto;
    position: relative;
    width: 35px;
    height: 84px;
    text-align: center
}

section.header-image-full .scroll-down i:before {
    background: #fff;
    content: "";
    margin: 0 auto;
    right: 0;
    left: 0;
    position: absolute;
    width: 1px;
    height: 60px;
    top: 0;
    transition: all .3s cubic-bezier(.77, 0, .175, 1);
    z-index: 1
}

section.header-image-full .scroll-down svg.arrow {
    margin: 0 auto;
    right: 0;
    left: 0;
    position: absolute;
    width: 7px;
    height: 5px;
    top: 66px;
    transition: top .2s cubic-bezier(.77, 0, .175, 1);
    z-index: 1
}

section.header-image-full .scroll-down svg.arrow g path {
    transition: fill .2s cubic-bezier(.77, 0, .175, 1)
}

section.header-image-full .scroll-down svg.circle {
    opacity: .5;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 35px;
    height: 35px;
    transform: rotate(-90deg);
    z-index: 0
}

section.header-image-full .scroll-down svg.circle circle {
    stroke: #fff;
    stroke-dasharray: 95;
    stroke-dashoffset: 0;
    transition: all .6s ease-in
}

section.header-image-full .side-text {
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: calc(50% - 560px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2
}

section.header-image-full .side-text span {
    font-family: 'Open Sans', sans-serif;
    font-size: calc(13px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.5em;
    color: #fff;
    display: block;
    line-height: 0;
    text-align: center;
    transform: rotate(90deg)
}


section.header-image-full .overlay {
    background-color: transparent;
    /*background-image: linear-gradient(180deg, rgba(15, 24, 47, .86) 10%, rgba(33, 39, 57, 0));*/
	background-image: linear-gradient(180deg, rgba(221, 136, 94, .86) 10%, rgba(233, 139, 120, 0));
    margin: auto;
    opacity: .55;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

section.header-image-full .media {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    perspective: 1000;
    z-index: 0
}

section.header-image-full .media,
section.header-image-full .media .image {
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

section.header-image-full .image {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(30px);
    opacity: 0;
    transition: filter 1.5s ease-in-out .2s, opacity 1.5s ease-in-out .2s;
    z-index: 0
}

section.header-image-full.viewed .image {
    filter: blur(0);
    opacity: .3
}

section.header-image-standard {
    overflow: hidden;
    position: relative;
    background: #152142
}

section.header-image-standard:before {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

section.header-image-standard .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1140px;
    text-align: center;
    max-height: 700px;
    height: 50vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    position: relative
}

section.header-image-standard .bg-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0f182f 10%, rgba(33, 39, 57, 0));
    opacity: .75;
    z-index: 1
}

section.header-image-standard .bg {
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: bottom;
    z-index: 0;
    opacity: .55
}

section.header-image-standard h1 {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(14px + 3 * ((100vw - 320px) / 960));
    font-size: calc(.875rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-weight: 400;
    margin-bottom: 0
}

section.header-image-standard h2 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(40px + 45 * ((100vw - 320px) / 960));
    font-size: calc(2.5rem + 45 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 8px
}

section.header-image-standard h3 {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    letter-spacing: .4em;
    margin: 0 0 30px;
    position: relative;
    padding-bottom: .5em
}

section.header-image-standard h3:before {
    top: 100%;
    right: 0;
    bottom: 100%;
    left: 0;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #8b92a5;
    content: ""
}

section.header-image-standard h1,
section.header-image-standard h2,
section.header-image-standard h3 {
    color: #fff
}

section.header-image-standard .link-btn {
    width: 320px
}

section.header-image-standard .link-btn a {
    background: #3965de;
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    padding: 1.2rem 3.2rem 1.2rem 2.5rem;
    position: relative;
    font-size: calc(11px + 3 * ((100vw - 320px) / 1130));
    font-size: calc(.6875rem + 3 * ((100vw - 20rem) / 1130))
}

section.header-image-standard .link-btn a.newsletter {
    background-color: #25366a;
    margin-top: 1rem
}

section.header-image-standard .link-btn a:after {
    color: #fff;
    content: "";
    display: block;
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    font-style: normal;
    font-weight: 400;
    top: 50%;
    right: 20px;
    position: absolute;
    transform: translateY(-50%);
    font-size: 1.2em;
    text-decoration: none
}

section.header-image-standard.slim .wrapper {
    max-height: 420px;
    padding-top: 50px
}

section.header-image-standard.slim h3 {
    display: none
}

section.heratage-area header.top-area {
    padding-top: 60px;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative
}

section.heratage-area header.top-area:before {
    content: "";
    background: #f4f5f7;
    position: absolute;
    left: 0;
    top: 0;
    right: 20%;
    bottom: 60px;
    z-index: 0
}

section.heratage-area header.top-area:after {
    top: -95px;
    left: 0;
    position: absolute;
    width: 90px;
    height: 300px;
    background: transparent url(../images/svg/pattern-diagonal-lines--blue.svg) repeat 0 0;
    content: "";
    z-index: 1;
    opacity: .7
}

section.heratage-area header.top-area .image-wrap {
    position: relative;
    z-index: 2
}

section.heratage-area header.top-area h3 {
    font-family: 'Vidaloka', serif;
    color: #152142;
    font-size: calc(20px + 25 * ((100vw - 320px) / 1080));
    font-size: calc(1.25rem + 25 * ((100vw - 20rem) / 1080));
    font-weight: 400;
    line-height: 1.2em;
    position: relative;
    padding-left: 60px;
    display: inline-block;
    text-align: right
}

section.heratage-area header.top-area h3:before {
    background: #0070c0;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 1px
}

section.heratage-area header.top-area .positioner {
    transform-origin: 100% 0;
    transform: rotate(-90deg) translateY(-100%);
    width: 100vw;
    position: absolute;
    top: 0;
    right: 10px;
    text-align: right
}

section.heratage-area header.top-area aside {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 15%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

section.heratage-area header.top-area .image {
    width: 100%;
    padding-left: 15%
}

section.heratage-area header.top-area .image .bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    max-height: 750px
}

section.heratage-area header.top-area .image .prop {
    padding-bottom: 80%
}

section.heratage-area .middle-content section.intro-title-offset {
    margin-top: 65px;
    margin-bottom: 65px;
    padding: 0
}

section.heratage-area .intro.middle-content,
section.heratage-area .last.middle-content {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 625px
}

section.heratage-area .intro.middle-content .medium-mce p:first-child {
    display: block
}

section.heratage-area .intro.middle-content .medium-mce p:first-child:first-letter {
    font-family: 'Vidaloka', serif;
    color: #152142;
    font-size: 3em;
    letter-spacing: -.1em
}

section.history-slider {
    background: linear-gradient(45deg, #1e3265, #1f2c60);
    position: relative;
    margin: 85px 0
}

section.history-slider:after {
    background: transparent url(../images/svg/pattern-diagonal-lines--blue.svg) repeat 0 0;
    content: "";
    position: absolute;
    z-index: 0;
    top: 100%;
    left: 0;
    width: 80px;
    height: 130px;
    z-index: 1;
    opacity: .5
}

section.history-slider ul.slides {
    cursor: url(../images/svg/drag.svg) 80 80, url(../images/svg/drag.cur) 80 80, auto
}

section.history-slider ul.slides div.slick-slide {
    opacity: .2
}

section.history-slider ul.slides div.slick-slide,
section.history-slider ul.slides div.slick-slide * {
    transition: all .25s ease-in-out
}

section.history-slider ul.slides div.slick-slide.slick-current {
    opacity: 1
}

section.history-slider ul.slides div.slick-slide.slick-current time.primary {
    opacity: .05
}

section.history-slider ul.slides div.slick-slide.slick-current article,
section.history-slider ul.slides div.slick-slide.slick-current h3 {
    right: 0
}

section.history-slider time.primary {
    font-family: 'Vidaloka', serif;
    color: #fff;
    font-size: calc(50px + 170 * ((100vw - 320px) / 1530));
    font-size: calc(3.125rem + 170 * ((100vw - 20rem) / 1530));
    font-weight: 500;
    line-height: 1.1em;
    opacity: .3;
    display: inline-block;
    position: absolute;
    bottom: 100%;
    right: -.4em
}

section.history-slider li.slide {
    padding: 80px 0 30px
}

section.history-slider .image-col {
    position: relative;
    max-width: 410px;
    display: none;
    max-height: 470px;
    margin-bottom: 3em
}

section.history-slider .image-col .img {
    border: 5px solid #fff;
    width: 100%
}

section.history-slider .image-col .bg {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

section.history-slider .image-col .first-image {
    max-height: 480px;
    max-width: 340px;
    transform: rotate(-5deg);
    position: relative;
    z-index: 0
}

section.history-slider .image-col .first-image .prop {
    padding-bottom: 141.17647%
}

section.history-slider .image-col .second-image {
    max-height: 255px;
    max-width: 240px;
    transform: rotate(8deg) translateX(20%) translateY(25%);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 60%
}

section.history-slider .image-col .second-image .prop {
    padding-bottom: 106.25%
}

section.history-slider .inner-slide {
    max-width: 970px;
    margin: 0 auto;
    padding: 0 6vw
}

section.history-slider .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    max-width: 490px;
    margin: 4rem auto 0
}

section.history-slider .text-content {
    position: relative;
    padding-top: 1rem;
    width: 100%
}

section.history-slider .text-content article {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff;
    border-top: 2px solid hsla(0, 0%, 100%, .05);
    padding-top: 1.5em;
    margin-top: 1.5em;
    margin-left: 20%
}

section.history-slider .text-content time.secondary {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin: 0;
    color: #fff;
    width: 12%;
    position: relative;
    top: .5em
}

section.history-slider .text-content .description {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(15px + 1 * ((100vw - 320px) / 960));
    font-size: calc(.9375rem + 1 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.9em;
    width: 85%;
    opacity: .6
}

section.history-slider h3 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(28px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin: 0;
    color: #fff
}

section.history-slider article,
section.history-slider h3 {
    position: relative;
    right: 200px
}

section.history-slider nav.timeline-nav {
    margin-bottom: 50px
}

section.history-slider nav.timeline-nav ul.slick-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

section.history-slider nav.timeline-nav ul.slick-dots,
section.history-slider nav.timeline-nav ul.slick-dots * {
    transition: all .25s ease-in-out
}

section.history-slider nav.timeline-nav ul.slick-dots .year,
section.history-slider nav.timeline-nav ul.slick-dots a,
section.history-slider nav.timeline-nav ul.slick-dots li {
    position: relative
}

section.history-slider nav.timeline-nav ul.slick-dots .year:after,
section.history-slider nav.timeline-nav ul.slick-dots .year:before,
section.history-slider nav.timeline-nav ul.slick-dots a:after,
section.history-slider nav.timeline-nav ul.slick-dots a:before,
section.history-slider nav.timeline-nav ul.slick-dots li:after,
section.history-slider nav.timeline-nav ul.slick-dots li:before {
    content: "";
    position: absolute
}

section.history-slider nav.timeline-nav ul.slick-dots li {
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    width: 50%;
    margin-bottom: 1rem
}

section.history-slider nav.timeline-nav ul.slick-dots li:after,
section.history-slider nav.timeline-nav ul.slick-dots li:before {
    height: 0;
    width: 100%;
    bottom: 4px;
    right: 50%;
    border-top: 2px solid #0070c0;
    z-index: 0
}

section.history-slider nav.timeline-nav ul.slick-dots li:after {
    right: auto;
    left: 50%
}

section.history-slider nav.timeline-nav ul.slick-dots li.slick-active a .year {
    opacity: 1
}

section.history-slider nav.timeline-nav ul.slick-dots li.slick-active a:before {
    bottom: -4px;
    width: 17px;
    height: 17px;
    background: #fff;
    border: 5px solid #1e3063
}

section.history-slider nav.timeline-nav ul.slick-dots li.slick-active a:after {
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 9999px;
    width: 17px;
    height: 17px;
    border: 2px solid #0070c0
}

section.history-slider nav.timeline-nav ul.slick-dots li.slick-active:after,
section.history-slider nav.timeline-nav ul.slick-dots li.slick-active~li:after,
section.history-slider nav.timeline-nav ul.slick-dots li.slick-active~li:before {
    height: 0;
    width: 100%;
    bottom: 4px;
    left: 50%;
    border-top: 2px dotted #5d6ea2;
    z-index: 0
}

section.history-slider nav.timeline-nav ul.slick-dots li.slick-active~li:before {
    left: auto;
    right: 50%
}

section.history-slider nav.timeline-nav ul.slick-dots li.slick-active~li a:before {
    background: #fff
}

section.history-slider nav.timeline-nav ul.slick-dots a {
    z-index: 1;
    padding-bottom: 25px;
    display: block;
    cursor: pointer
}

section.history-slider nav.timeline-nav ul.slick-dots a .year {
    color: #fff;
    opacity: .3;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(8px + 3 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 3 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    display: inline-block
}

section.history-slider nav.timeline-nav ul.slick-dots a:before {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    background: #0070c0;
    border: 2px solid #1e3063
}

section.image-marquee-slider {
    background: #0070c0;
    position: relative;
    overflow: hidden;
    margin-bottom: 4rem;
    padding: 45px 0 40px
}

section.image-marquee-slider a.img-box {
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 435px;
    max-height: 300px;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%
}

section.image-marquee-slider a.img-box img {
    opacity: 0
}

section.image-marquee-slider .padding-box {
    max-height: 540px;
    padding: 0 20px
}

section.image-marquee-slider>footer {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    position: relative;
    width: 100%;
    margin-top: .875rem;
    min-height: 42px
}

section.image-marquee-slider .counter {
    font-size: 0;
    top: 16px;
    left: 0;
    position: absolute;
    text-align: right;
    width: 90px
}

section.image-marquee-slider .counter span {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 400;
    margin-bottom: 0;
    color: #fff
}

section.image-marquee-slider .counter span.total:before {
    content: "/"
}

section.image-marquee-slider .bar {
    background: transparent;
    display: none;
    margin: 0 auto;
    max-width: 940px;
    overflow: hidden;
    top: 21px;
    right: 0;
    left: 0;
    position: absolute;
    width: calc(100% - 250px);
    height: 3px;
    text-align: center;
    z-index: 1
}

section.image-marquee-slider .bar:before {
    background: #fff;
    content: "";
    opacity: .2;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px
}

section.image-marquee-slider .bar .current {
    background: #0070c0;
    display: block;
    height: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all .3s cubic-bezier(.77, 0, .175, 1)
}

section.image-marquee-slider nav.arrows {
    font-size: 0;
    top: 6px;
    right: 0;
    position: absolute;
    width: 110px
}

section.image-marquee-slider nav.arrows button {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px 13px;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    opacity: .85;
    overflow: hidden;
    width: 36px;
    height: 36px;
    text-indent: -999px;
    transition: all .3s cubic-bezier(.77, 0, .175, 1);
    border: 1px solid RGBA(255, 255, 255, .3);
    border-radius: 100%;
    margin: 0 5px
}

section.image-marquee-slider nav.arrows button.slick-prev {
    background-image: url(../images/svg/carousel-arrow-left-white.svg)
}

section.image-marquee-slider nav.arrows button.slick-next {
    background-image: url(../images/svg/carousel-arrow-right-white.svg)
}

section.image-marquee-slider nav.arrows button.slick-disabled {
    cursor: no-drop;
    opacity: .3
}

section.image-marquee-slider nav.arrows button:not(.slick-disabled):hover {
    opacity: .8
}

section.image-marquee-slider.hide-controls>footer {
    display: none
}

section.image-side-content {
    padding-bottom: 80px;
    position: relative;
    width: 100%;
}

section.image-side-content aside.leftside-angled-title {
    -ms-flex-align: center;
    align-items: center
}

section.image-side-content article.block {
    padding-left: 6vw
}

section.image-side-content article.block:not(:last-of-type) {
    margin-bottom: 80px
}

section.image-side-content article.block .wrapper:before {
    content: "";
    display: table
}

section.image-side-content article.block .wrapper:after {
    content: "";
    display: table;
    clear: both
}

section.image-side-content .image {
    margin-bottom: 40px
}

section.image-side-content .content {
    padding-right: 6vw
}

section.image-side-content .textarea {
    width: 100%;
}

section.image-side-content .textarea span.arrow-btn {
    margin-top: 40px
}

section.image-side-content .textarea span.arrow-btn>a:before {
    background: rgba(#0070c0, .1)
}

section.image-side-content img.additional {
    display: none;
    margin-top: 115px
}

section.image-side-content article.block.image-landscape img {
    width: 100%
}

section.image-side-content article.block.image-left .image {
    -ms-flex-order: 1;
    order: 1
}

section.image-side-content article.block.image-left .content {
    -ms-flex-order: 2;
    order: 2
}

section.image-side-content article.block.image-right .content {
    -ms-flex-order: 1;
    order: 1
}

section.image-side-content article.block.image-right .image {
    -ms-flex-order: 2;
    order: 2
}

section.image-side-content.landscape-offset article.block:first-of-type.image-portrait.image-left {
    margin: -50px 0 0
}

section.image-side-content article.block.image-landscape:not(.no-content-bg)+article.block.image-portrait {
    margin-top: 120px
}

section.image-statistics {
    overflow: hidden;
    position: relative
}

section.image-statistics aside.leftside-angled-title {
    -ms-flex-align: center;
    align-items: center
}

section.image-statistics .container {
    background-color: #152142;
    color: #fff;
    overflow: hidden;
    padding: 90px 0 40px;
    position: relative;
    width: 100%
}

section.image-statistics .inner {
    padding: 0 6vw;
    position: relative;
    z-index: 1
}

section.image-statistics h4.heading {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(28px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

section.image-statistics h4.heading:before {
    background: #0070c0;
    content: "";
    display: block;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px
}

section.image-statistics h4.heading {
    color: #fff;
    margin-bottom: 110px
}

section.image-statistics .stats {
    width: 100%
}

section.image-statistics .stat {
    margin: 0 auto 50px;
    position: relative;
    text-align: center
}

section.image-statistics .number {
    font-size: 0
}

section.image-statistics .number>div {
    display: inline-block
}

section.image-statistics .number>div.figure>span,
section.image-statistics .number>div.position-huge>span {
    /* font-size: calc(45px + 19 * ((100vw - 320px) / 960)); */
    /* font-size: calc(2.8125rem + 19 * ((100vw - 20rem) / 960)); */
    font-size: 40px;
}

section.image-statistics .number>div.position-normal>span,
section.image-statistics .number>div.position-top>span {
    font-size: calc(18px + 14 * ((100vw - 320px) / 960));
    font-size: calc(1.125rem + 14 * ((100vw - 20rem) / 960));
}

section.image-statistics .number>div.position-top>span {
    transform: translateY(-18px)
}

section.image-statistics .number span {
    color: #fff !important;
    display: inline-block;
    font-family: 'Vidaloka', serif;
    font-weight: 400;
    letter-spacing: -.015em;
    line-height: 1.1em
}

section.image-statistics .info {
    font-family: 'Open Sans', sans-serif;
    font-size: calc(13px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.5em;
    margin-top: 15px
}

section.image-statistics .label {
    font-weight: 700
}

section.image-statistics .description {
    margin-top: 6px
}

section.image-statistics .background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .35;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0
}

section.inline-searchbar {
    position: relative;
    z-index: 4;
    transform: translateY(-25px)
}

section.inline-searchbar .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1140px
}

section.inline-searchbar .form-wrap {
    background: #fff;
    padding: 1em;
    border-radius: 5px;
    display: block;
    box-shadow: 0 24px 50px -8px rgba(0, 0, 0, .2)
}

section.inline-searchbar .col {
    margin-bottom: 10px
}

section.inline-searchbar input.submit {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(10px + 1 * ((100vw - 320px) / 960));
    font-size: calc(.625rem + 1 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-bottom: 0;
    font-size: calc(10px + 1 * ((100vw - 420px) / 860));
    font-size: calc(.625rem + 1 * ((100vw - 26.25rem) / 860));
    background: #0070c0;
    border-radius: 5px;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    height: 50px;
    line-height: 50px;
    line-height: 3.125rem;
    font-weight: 400;
    letter-spacing: .05em;
    background-image: url(../images/svg/arrow-white-right.svg);
    background-repeat: no-repeat;
    background-size: 24px 50px;
    background-position: right 10px top;
    cursor: pointer
}

section.inline-searchbar input.submit:hover {
    background-color: #0070c0
}

section.inline-searchbar .submit-col {
    margin: 0
}

section.inline-searchbar .search-col input[type=text] {
    background: #e8eaf0;
    border-radius: 5px
}

section.inline-searchbar .search-col {
    position: relative
}

section.inline-searchbar .search-col:before {
    content: "search";
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    position: absolute;
    color: #0070c0;
    top: 50%;
    font-size: 1.6em;
    left: 15px;
    transform: translateY(-50%)
}

section.inline-searchbar .search-col input[type=text] {
    height: 50px;
    line-height: 50px;
    line-height: 3.125rem;
    width: 100%;
    padding: 0 1em 0 50px;
    font-size: 15px;
    font-size: .9375rem
}

section.inline-searchbar .search-col input[type=number] {
    height: 50px;
    line-height: 50px;
    line-height: 3.125rem;
    width: 100%;
    padding: 0 1em 0 50px;
    font-size: 15px;
    font-size: .9375rem
}

section.interactive-statements {
    background-color: #152142;
    color: #fff;
    overflow: visible;
    position: relative;
    text-align: center
}

section.interactive-statements .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1140px;
    padding-bottom: 180px;
    padding-top: 100px;
    position: relative;
    z-index: 1
}

section.interactive-statements .tabs {
    display: block;
    width: 100%
}

section.interactive-statements .tab {
    display: none
}

section.interactive-statements .tab.active {
    display: block
}

section.interactive-statements span.title {
    color: #0070c0;
    font-size: calc(12px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.75rem + 2 * ((100vw - 20rem) / 960));
    letter-spacing: .0625rem;
    margin-bottom: 1em;
    color: #fff;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(12px + 2 * ((100vw - 420px) / 860));
    font-size: calc(.75rem + 2 * ((100vw - 26.25rem) / 860));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.5em;
    margin-bottom: 40px;
    padding-bottom: 12px;
    position: relative
}

section.interactive-statements span.title:after {
    background: #0070c0;
    content: "";
    margin: 0 auto;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 60px;
    height: 4px;
    text-align: center
}

section.interactive-statements .description {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(28px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    color: #fff;
    display: block;
    margin: 0 auto;
    max-width: 840px;
    width: 100%
}

section.interactive-statements .description>p:first-of-type:before {
    content: "“"
}

section.interactive-statements .description>p:last-of-type:after {
    content: "”"
}

section.interactive-statements .tab-links {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto;
    /* max-width: 980px; */
    max-width: 150px;
    padding: 0 6vw;
    right: 0;
    bottom: 50px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

section.interactive-statements .tab-links li {
    /* -ms-flex: 1 0 33.3333%;
    flex: 1 0 33.3333%; */
    -ms-flex: 1 0 20%;
    flex: 1 0 20%;
    list-style: none;
    margin: 0;
    margin-right: 10px;
}

section.interactive-statements .tab-links a {
    color: #fff;
    display: block;
    /* height: 60px; */
    overflow: hidden;
    padding: 20px 10px 0;
    position: relative;
    text-decoration: none;
    width: 100%
}

section.interactive-statements .tab-links a .label {
    font: 400 13px/1.4em 'Open Sans', sans-serif;
    font: 400 .8125rem/1.4em 'Open Sans', sans-serif
}

section.interactive-statements .tab-links a .label b,
section.interactive-statements .tab-links a .label bold,
section.interactive-statements .tab-links a .label strong {
    font-weight: 700
}

section.interactive-statements .tab-links a .label {
    display: block;
    opacity: .5;
    transition: all .5s cubic-bezier(.77, 0, .175, 1)
}

section.interactive-statements .tab-links a .label i {
    font-weight: 700
}

section.interactive-statements .tab-links a .label span {
    display: none
}

section.interactive-statements .tab-links a:after,
section.interactive-statements .tab-links a:before {
    content: "";
    display: block;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all .5s cubic-bezier(.77, 0, .175, 1)
}

section.interactive-statements .tab-links a:before {
    background: hsla(0, 0%, 100%, .2);
    width: 100%;
    height: 1px;
    z-index: 1
}

section.interactive-statements .tab-links a:after {
    background: #0070c0;
    width: 0;
    height: 2px;
    z-index: 2
}

section.interactive-statements .tab-links a:hover .label {
    opacity: .8
}

section.interactive-statements .tab-links li.active a .label {
    opacity: 1
}

section.interactive-statements .tab-links li.active a:after {
    width: 100%
}

section.interactive-statements .image {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .15;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0
}

section.intro-title-offset {
    padding: 65px 0 75px;
    position: relative
}

section.intro-title-offset:before {
    /* background: transparent url(../images/svg/pattern-diagonal-lines--light-blue.svg) repeat 0 0; */
    content: "";
    display: none;
    top: 0;
    right: 0;
    position: absolute;
    width: 8vw;
    height: 260px
}

section.intro-title-offset .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1140px
}

section.intro-title-offset aside.leftside-angled-title {
    top: 60px
}

section.intro-title-offset h3 {
    /*margin: 0 auto !important;*/
	margin: 0px;
    max-width: 780px;
    padding-left: 15px;
    position: relative
}

section.intro-title-offset h3:before {
    /*(background: #0070c0;*/
	background: #fff;
    content: "";
    top: 8px;
    left: 0;
    position: absolute;
    width: 1px;
    height: calc(100% - 20px)
}

section.intro-title-offset:not(.reduce-font-size) h3 {
    font-family: 'Vidaloka', serif;
    /*color: #0070c0;*/
	color: #c00026;
    font-size: calc(30px + 15 * ((100vw - 320px) / 960));
    font-size: calc(1.875rem + 15 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em
}

section.intro-title-offset.reduce-font-size h3 {
    color: #0070c0;
    font-family: 'Vidaloka', serif;
    font-size: calc(20px + 11 * ((100vw - 320px) / 960));
    font-size: calc(1.25rem + 11 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.4em
}

section.intro-two-col {
    margin: 2rem 0
}

section.intro-two-col .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1280px
}

section.intro-two-col h2 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(28px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

section.intro-two-col h2:before {
    background: #0070c0;
    content: "";
    display: block;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px
}

section.intro-two-col .col {
    margin-bottom: 2rem
}

section.key-contacts {
    background: #f4f5f7;
    padding: 55px 0 50px;
    position: relative
}

section.key-contacts h2 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(22px + 5 * ((100vw - 320px) / 960));
    font-size: calc(1.375rem + 5 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
    text-align: center
}

section.key-contacts h2:before {
    background: #0070c0;
    content: "";
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    position: absolute;
    width: 40px;
    height: 1px;
    transform: translateX(-50%)
}

section.key-contacts .articles {
    padding-top: 20px;
    position: relative;
    z-index: 1
}

section.key-contacts .articles article.person-tile {
    margin: 0 !important;
    min-width: 300px;
    height: 100%
}

section.key-contacts .articles .inner-person-tile {
    box-shadow: none !important;
    height: 100%
}

section.key-contacts .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    height: 100%
}

section.key-contacts .slick-list {
    margin: 0 -5px;
    padding: 0 6vw
}

section.key-contacts .slick-slide {
    float: none;
    height: 100%
}

section.key-contacts .slick-slide>div {
    padding: 0 5px;
    height: 100%
}

section.key-contacts>footer {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    position: relative;
    width: 100%;
    margin-top: .875rem;
    min-height: 42px
}

section.key-contacts .counter {
    font-size: 0;
    top: 16px;
    left: 0;
    position: absolute;
    text-align: right;
    width: 90px
}

section.key-contacts .counter span {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 400;
    margin-bottom: 0
}

section.key-contacts .counter span.total:before {
    content: "/"
}

section.key-contacts .bar {
    background: transparent;
    display: none;
    margin: 0 auto;
    max-width: 940px;
    overflow: hidden;
    top: 21px;
    right: 0;
    left: 0;
    position: absolute;
    width: calc(100% - 250px);
    height: 3px;
    text-align: center;
    z-index: 1
}

section.key-contacts .bar:before {
    background: #0070c0;
    content: "";
    opacity: .2;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px
}

section.key-contacts .bar .current {
    background: #0070c0;
    display: block;
    height: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all .3s cubic-bezier(.77, 0, .175, 1)
}

section.key-contacts nav.arrows {
    font-size: 0;
    top: 6px;
    right: 0;
    position: absolute;
    width: 90px
}

section.key-contacts nav.arrows button {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px 13px;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    opacity: .6;
    overflow: hidden;
    width: 36px;
    height: 36px;
    text-indent: -999px;
    transition: all .3s cubic-bezier(.77, 0, .175, 1)
}

section.key-contacts nav.arrows button.slick-prev {
    background-image: url(../images/svg/carousel-arrow-left-blue.svg)
}

section.key-contacts nav.arrows button.slick-next {
    background-image: url(../images/svg/carousel-arrow-right-blue.svg)
}

section.key-contacts nav.arrows button.slick-disabled {
    cursor: no-drop;
    opacity: .3
}

section.key-contacts nav.arrows button:not(.slick-disabled):hover {
    opacity: .8
}

section.key-contacts.hide-controls>footer {
    display: none
}

section.large-textarea {
    margin: 3rem 0 5rem;
    position: relative
}

section.large-textarea.no-share div.article-social-share {
    display: none !important
}

section.large-textarea div.article-social-share {
    position: absolute;
    top: 5px;
    display: none
}

section.large-textarea .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 780px;
    max-width: 655px
}

section.large-textarea .video-wrap {
    margin: 3rem 0;
    max-height: 360px
}

section.large-textarea .video-wrap .prop {
    position: relative;
    padding-bottom: 56.25%
}

section.large-textarea .video-wrap iframe {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

body.single-post section.marquee-service-slider {
    margin-top: 150px
}

section.marquee-service-slider {
    padding: 45px 0 40px;
    position: relative;
    margin-bottom: 4rem
}

section.marquee-service-slider.grid:after {
    background: transparent url(../images/svg/pattern-diagonal-lines--blue.svg) repeat 0 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 80%;
    z-index: 0;
    transform: translateY(-145px);
    opacity: .75
}

section.marquee-service-slider:before {
    content: "";
    height: 100%;
    /* background: #0070c0; */
    /*background: #203367;*/
    background-color: #7E959C; 
    top: 0;
    /* left: calc(50% - 635px); */
    left:0;
    right: 0;
    z-index: 1;
    position: absolute
}

section.marquee-service-slider article.image-thumb-article .content {
    padding: 0 40px;
    margin-top: -172px;
}

section.marquee-service-slider article.image-thumb-article .content .title {
    display: block;
    text-align: center;
}

section.marquee-service-slider aside.leftside-angled-title {
    top: 100px;
    z-index: 0
}

section.marquee-service-slider.background {
    background: #f4f5f7
}

section.marquee-service-slider>header {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    display: block;
    position: relative;
    width: 100%;
    z-index: 2
}

section.marquee-service-slider>header>.title {
    margin-bottom: 24px
}

section.marquee-service-slider>header>.title span {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(22px + 5 * ((100vw - 320px) / 960));
    font-size: calc(1.375rem + 5 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

section.marquee-service-slider>header>.title span:before {
    background: #0070c0;
    content: "";
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px
}

section.marquee-service-slider>header>.title span {
    display: block;
    color: #fff
}

section.marquee-service-slider .articles {
    position: relative;
    z-index: 2;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}

section.marquee-service-slider .slick-list {
    margin: 0 -5px;
    padding: 0 6vw
}

section.marquee-service-slider .slick-slide>div {
    padding: 0 5px
}

section.marquee-service-slider>footer {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    position: relative;
    width: 100%;
    margin-top: .875rem;
    z-index: 2;
    min-height: 42px
}

section.marquee-service-slider .counter {
    font-size: 0;
    top: 16px;
    left: 0;
    position: absolute;
    text-align: right;
    width: 90px;
    display: none
}

section.marquee-service-slider .counter span {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 400;
    margin-bottom: 0
}

section.marquee-service-slider .counter span.total:before {
    content: "/"
}

section.marquee-service-slider .bar {
    background: transparent;
    display: none;
    margin: 0 auto;
    max-width: 940px;
    overflow: hidden;
    top: 21px;
    right: 0;
    left: 0;
    position: absolute;
    width: calc(100% - 250px);
    height: 3px;
    text-align: center;
    z-index: 1
}

section.marquee-service-slider .bar:before {
    background: #fff;
    content: "";
    opacity: .2;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px
}

section.marquee-service-slider .bar .current {
    background: #0070c0;
    /* background: #f1f1f2; */
    display: block;
    height: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all .3s cubic-bezier(.77, 0, .175, 1)
}

section.marquee-service-slider nav.arrows {
    font-size: 0;
    top: 6px;
    right: 0;
    position: absolute;
    width: 110px
}

section.marquee-service-slider nav.arrows button {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px 13px;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    opacity: .85;
    overflow: hidden;
    width: 36px;
    height: 36px;
    text-indent: -999px;
    transition: all .3s cubic-bezier(.77, 0, .175, 1);
    border: 1px solid RGBA(255, 255, 255, .3);
    border-radius: 100%;
    margin: 0 5px
}

section.marquee-service-slider nav.arrows button.slick-prev {
    background-image: url(../images/svg/carousel-arrow-left-white.svg);
    display: none !important;
}

section.marquee-service-slider nav.arrows button.slick-next {
    background-image: url(../images/svg/carousel-arrow-right-white.svg)
}

section.marquee-service-slider nav.arrows button.slick-disabled {
    cursor: no-drop;
    opacity: .3
}

section.marquee-service-slider nav.arrows button:not(.slick-disabled):hover {
    opacity: .8
}

section.marquee-service-slider.hide-controls>footer {
    display: none
}

section.news-results-grid {
    margin-top: 3rem
}

section.news-results-grid .inner-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    max-width: 1420px
}

section.news-results-grid article.standard-thumb-article,
section.news-results-grid article.standard-thumb-article-large {
    margin: 0 auto 20px;
    border-radius: 5px;
    overflow: hidden
}

section.news-results-grid article.standard-thumb-article-large {
    display: none
}

section.news-results-inline {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1140px
}

section.news-results-inline .filter-list {
    margin: 10px 0
}

section.news-results-inline .sort-label {
    display: none
}

section.news-results-inline .results.col {
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 400
}

section.news-results-inline .results.col .highlight {
    color: #0070c0
}

section.news-results-inline .inner-content {
    background: #f4f5f7;
    position: relative;
    z-index: 4;
    transform: translateY(-25px);
    background: #fff;
    padding: 1em;
    border-radius: 5px;
    display: block;
    box-shadow: 0 24px 50px -8px rgba(0, 0, 0, .2)
}

section.news-results-inline .dk-select,
section.news-results-inline .dk-select-multi {
    width: 100%;
    color: #646e89 !important
}

section.news-results-inline .dk-select {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(10px + 1 * ((100vw - 320px) / 960));
    font-size: calc(.625rem + 1 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    letter-spacing: .02em;
    text-transform: none;
    margin-bottom: 0;
    font-size: calc(10px + 1 * ((100vw - 420px) / 860));
    font-size: calc(.625rem + 1 * ((100vw - 26.25rem) / 860));
    border-bottom: 1px solid #d4d7e2;
    border-radius: 0
}

section.news-results-inline .dk-select * {
    border: none;
    background: none;
    border-radius: 0
}

section.news-results-inline .dk-selected {
    height: 35px;
    line-height: 1.2em;
    padding: 1.25em 0 1em
}

section.news-results-inline .dk-selected:after {
    width: 48px;
    margin: 0;
    border: none
}

section.news-results-inline .dk-selected:before {
    border-width: .35em .35em 0;
    border-top-color: #0070c0;
    margin: -.2em .1em 0 0
}

section.news-results-inline .dk-select-options {
    background: #e8eaf0;
    max-height: 15em
}

section.news-results-inline .dk-select-options .dk-option-highlight,
section.news-results-inline .dk-select-options .dk-option-selected {
    background: #d4d7e2;
    color: #0070c0
}

section.news-results-inline .dk-select-options li {
    padding: .3em .5em .3em 2em
}

section.news-results-inline .dk-select-options .dk-option-selected {
    position: relative
}

section.news-results-inline .dk-select-options .dk-option-selected:before {
    background: url(../images/svg/tick.svg) 50% no-repeat;
    background-size: 100% auto;
    width: 11px;
    height: 12px;
    content: "";
    position: absolute;
    top: .4em;
    left: .4rem
}

section.office-builder section.marquee-service-slider {
    margin-bottom: 0;
    background: #f4f5f7;
    position: relative;
    margin-top: 4rem
}

section.office-builder section.marquee-service-slider:after {
    background: transparent url(../images/svg/pattern-diagonal-lines--blue.svg) repeat 0 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 80%;
    z-index: 0;
    transform: translateY(-145px);
    opacity: .75
}

section.office-builder section.image-statistics {
    padding-left: 0;
    overflow: visible
}

section.office-builder section.image-statistics:after {
    background: transparent url(../images/svg/pattern-diagonal-lines--blue.svg) repeat 0 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 235px;
    z-index: 0;
    transform: translateY(-235px);
    opacity: .5
}

section.office-builder section.image-statistics .stats {
    padding: 0
}

section.office-builder section.image-side-content.order-1 article.block.image-landscape {
    padding-bottom: 0
}

section.office-builder section.image-side-content {
    z-index: 3
}

section.office-builder section.image-side-content.order-2 .content {
    padding-bottom: 80px
}

section.office-builder section.image-side-content.order-2 article.image-portrait:first-child {
    padding-top: 120px
}

section.office-builder section.image-side-content.order-2 article.image-portrait:first-child:before {
    background: #f4f5f7;
    content: "";
    top: 0;
    bottom: 0;
    position: absolute;
    width: calc(50% - 300px);
    height: calc(100% + 100px);
    z-index: -1
}

section.office-builder section.image-side-content.order-2 article.image-portrait:nth-child(2) {
    margin-top: 100px;
    transform: translateY(65px)
}

section.office-builder section.image-side-content.order-2 article.image-portrait:nth-child(2):before {
    background: #f4f5f7;
    content: "";
    bottom: 65px;
    right: 0;
    position: absolute;
    width: calc(50% - 300px);
    height: 100%;
    z-index: -1
}

section.office-builder section.image-side-content.order-2:after {
    background: transparent url(../images/svg/pattern-diagonal-lines--blue.svg) repeat 0 0;
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100px;
    height: 345px;
    z-index: 1;
    opacity: .5
}

section.office-results-grid {
    background: #f4f5f7;
    margin: 3rem 0
}

section.office-results-grid .inner-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px
}

section.office-results-grid article.location-tile {
    display: block;
    margin: 0 auto 65px;
    width: 100%
}

section.page-segway-links {
    text-align: center;
    background: #f4f5f7;
    position: relative;
    padding: 100px 0
}

section.page-segway-links h2 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(22px + 5 * ((100vw - 320px) / 960));
    font-size: calc(1.375rem + 5 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
    text-align: center
}

section.page-segway-links h2:before {
    background: #0070c0;
    content: "";
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    position: absolute;
    width: 40px;
    height: 1px;
    transform: translateX(-50%)
}

section.page-segway-links h2 {
    font-size: calc(30px + 15 * ((100vw - 320px) / 960));
    font-size: calc(1.875rem + 15 * ((100vw - 20rem) / 960))
}

section.page-segway-links .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1000px
}

section.page-segway-links a {
    display: block
}

section.page-segway-links a.image {
    background-size: cover;
    background-position: 50%;
    height: 215px;
    width: 100%;
    position: relative;
    border-top: 4px solid #0070c0
}

section.page-segway-links a.image .view {
    background: #0070c0;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    color: #fff;
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    line-height: 4.375rem;
    position: absolute;
    top: 75px;
    right: 45px;
    border-radius: 9999px;
    text-align: center
}

section.page-segway-links a.image .view:before {
    content: "";
    width: 80px;
    height: 80px;
    position: absolute;
    top: -5px;
    left: -5px;
    border: 1px solid #0070c0;
    border-radius: 99999px
}

section.page-segway-links .content {
    padding: 15px 40px 40px;
    min-height: 250px
}

section.page-segway-links .article-listing {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch
}

section.page-segway-links article.article-segway {
    max-width: 400px;
    background: #fff;
    transition: all .25s ease-in-out;
    margin: 40px
}

section.page-segway-links article.article-segway .view {
    opacity: 0;
    transition: all .25s ease-in-out
}

section.page-segway-links article.article-segway h3 a {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(22px + 5 * ((100vw - 320px) / 960));
    font-size: calc(1.375rem + 5 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: center
}

section.page-segway-links article.article-segway h3 a:before {
    background: #0070c0;
    content: "";
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    position: absolute;
    width: 40px;
    height: 1px;
    transform: translateX(-50%)
}

section.page-segway-links article.article-segway h3 a {
    display: block;
    background: #fff;
    position: relative
}

section.page-segway-links article.article-segway h3 a:after {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    bottom: 100%;
    background: #fff
}

section.page-segway-links article.article-segway a.details {
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    font-size: calc(15px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.9375rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.9em
}

section.page-segway-links article.article-segway a.details a {
    color: #152142
}

section.page-segway-links article.article-segway a.details b,
section.page-segway-links article.article-segway a.details strong {
    font-weight: 700
}

section.page-segway-links article.article-segway:hover {
    box-shadow: 1px 16px 115px -10px rgba(0, 0, 0, .31)
}

section.page-segway-links article.article-segway:hover .view {
    opacity: 1
}

section.pagination .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px
}

section.pagination nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem 0 4rem
}

section.pagination a.page-link {
    display: inline-block;
    background: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    line-height: 1.875rem;
    border-radius: 5px;
    text-align: center;
    color: #000;
    margin: 5px;
    font-size: .875em;
    cursor: pointer
}

section.pagination a.page-link:hover {
    color: #0070c0
}

section.pagination a.page-link.current {
    color: #646e89
}

section.pagination a.page-link.arrow {
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1
}

section.people-results-grid .inner-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1280px
}

section.people-results-grid article.person-tile {
    margin: 0 auto 10px
}

section.people-results-grid aside.people-searchresults {
    border-top: 1px solid #e7e8ea
}

section.person-detail {
    min-height: 100vh;
    overflow: hidden;
    margin-top: 105px
}

section.person-detail .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1140px
}

section.person-detail .image-col {
    display: none
}

section.person-detail .image-col .image {
    max-width: 480px;
    position: relative;
    margin-bottom: 2rem
}

section.person-detail .image-col .image img {
    position: relative;
    z-index: 2
}

section.person-detail .image-col .image:before {
    content: "";
    height: 200vh;
    background: #0070c0;
    width: 100vw;
    position: absolute;
    z-index: 0;
    top: -50vh;
    right: 80px;
    display: none
}

section.person-detail h1 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(30px + 15 * ((100vw - 320px) / 960));
    font-size: calc(1.875rem + 15 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin: 0
}

section.person-detail h2 {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #0070c0;
    margin-bottom: 1.5rem
}

section.person-detail .block {
    border-bottom: 1px solid #d4d7e2;
    padding: 0 0 1.35rem;
    margin: 0 0 1.35rem
}

section.person-detail h3 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(22px + 5 * ((100vw - 320px) / 960));
    font-size: calc(1.375rem + 5 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 1em;
    margin-bottom: .1em
}

section.person-detail h4 {
    * color: %body 
}

section.person-detail nav.options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 1rem
}

section.person-detail nav.options a {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #646e89;
    display: block;
    text-align: center;
    border-bottom: 2px solid #8b92a5;
    width: 50%;
    padding: .75rem;
    cursor: pointer
}

section.person-detail nav.options a.current {
    border-bottom: 2px solid #0070c0;
    color: #0070c0
}

section.person-detail .content-wrap {
    max-width: 480px
}

section.person-detail ul.options li.option.current {
    display: block
}

section.person-detail ul.options li.option {
    display: none
}

section.person-detail ul.options li.option .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
}

section.person-detail ul.options li.option .row .col {
    width: 48%
}

section.person-detail ul.options .data {
    padding-left: 1.2rem;
    position: relative;
    color: #646e89;
    margin-bottom: .5em;
    display: block;
    line-height: 1.2em
}

section.person-detail ul.options .data:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    color: #0070c0;
    opacity: .9;
    font-size: .8rem
}

section.person-detail ul.options .data.telephone:before {
    content: "phone"
}

section.person-detail ul.options .data.mobile:before {
    content: "stay_primary_portrait"
}

section.person-detail ul.options .data.email:before {
    content: "email"
}

section.person-detail ul.options address.data {
    line-height: 1.4em
}

section.person-detail ul.options address.data:before {
    content: "location_on"
}

section.person-detail nav.pagination {
    text-align: right;
    margin-top: 2rem
}

section.person-detail nav.pagination .nav-previous a {
    display: inline-block;
    border-radius: 50px;
    vertical-align: middle;
    overflow: hidden;
    height: 50px;
    margin-bottom: .5rem
}

section.person-detail nav.pagination .nav-previous a,
section.person-detail nav.pagination .nav-previous a * {
    transition: all .25s ease-in-out
}

section.person-detail nav.pagination .nav-previous a .text {
    font-family: 'Open Sans', sans-serif;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    width: 0;
    text-align: center;
    overflow: hidden;
    padding-left: 0
}

section.person-detail nav.pagination .nav-previous a .arrow {
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    display: inline-block;
    font-size: 1rem;
    text-align: center;
    width: 50px;
}

section.person-detail nav.pagination .nav-previous a .arrow,
section.person-detail nav.pagination .nav-previous a .text {
    height: 50px;
    line-height: 50px;
    line-height: 3.125rem;
    float: left;
}

section.person-detail nav.pagination .nav-previous a:hover .text {
    width: 70px;
    padding-left: 30px
}

section.person-detail nav.pagination .nav-previous a:hover .arrow {
    width: 45px
}

section.person-detail nav.pagination .nav-previous a {
    background-color: #f4f5f7;
    color: #152142
}

section.person-detail nav.pagination .nav-previous a .text {
    color: #152142
}

section.person-detail nav.pagination .nav-previous a:hover .text {
    padding-right: 30px;
    padding-left: 0
}

section.person-detail nav.pagination .nav-next a {
    display: inline-block;
    border-radius: 50px;
    vertical-align: middle;
    overflow: hidden;
    height: 50px;
    margin-bottom: .5rem
}

section.person-detail nav.pagination .nav-next a,
section.person-detail nav.pagination .nav-next a * {
    transition: all .25s ease-in-out
}

section.person-detail nav.pagination .nav-next a .text {
    font-family: 'Open Sans', sans-serif;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    width: 0;
    text-align: center;
    overflow: hidden;
    padding-left: 0
}

section.person-detail nav.pagination .nav-next a .arrow {
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    display: inline-block;
    font-size: 1rem;
    text-align: center;
    width: 50px
}

section.person-detail nav.pagination .nav-next a .arrow,
section.person-detail nav.pagination .nav-next a .text {
    height: 50px;
    line-height: 50px;
    line-height: 3.125rem;
    float: left
}

section.person-detail nav.pagination .nav-next a:hover .text {
    width: 70px;
    padding-left: 30px
}

section.person-detail nav.pagination .nav-next a:hover .arrow {
    width: 45px
}

section.person-detail nav.pagination .nav-next a {
    background-color: #152142;
    color: #fff
}

section.person-detail nav.pagination .nav-next a .text {
    color: #fff
}

section.policy-template {
    position: relative;
    overflow: hidden;
    background: #fff
}

section.policy-template .policy-wrapper {
    margin: 3rem auto;
    max-width: 890px;
    position: relative;
    overflow: hidden;
    padding: 0 5%
}

@keyframes end_preloader {
    0% {
        opacity: 1;
        top: 0;
        height: 100%
    }

    99% {
        opacity: 0;
        top: 0;
        height: 100%
    }

    to {
        opacity: 0;
        top: -100%;
        height: 0%
    }
}

section.preloader {
    animation: end_preloader .25s cubic-bezier(0, .395, .095, .995) 2.9s;
    animation-fill-mode: both;
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 10
}

section.preloader .svg-animation {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 100%
}

section.preloader svg {
    width: 100%;
    height: auto
}

section.properties-resultsbar {
    padding: 1rem 0 2rem;
    background: #f4f5f7
}

section.properties-resultsbar .filter-list.size {
    margin: 0 10px
}

section.properties-resultsbar .sorting.col {
    display: none
}

section.properties-resultsbar .sorting.col .options {
    height: 50px;
    width: 100px;
    border: 1px solid #d4d7e2;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden
}

section.properties-resultsbar .sorting.col .options a {
    font-family: Material Icons;
    color: #8b92a5;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    line-height: 3.125rem;
    font-size: 1.3em;
    text-align: center;
    cursor: pointer
}

section.properties-resultsbar .sorting.col .options a.current,
section.properties-resultsbar .sorting.col .options a:hover {
    background: #d4d7e2;
    color: #fff
}

section.properties-resultsbar .sorting.col .options a.grid {
    border-right: 1px solid #d4d7e2
}

section.properties-resultsbar .results.col {
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 400
}

section.properties-resultsbar .results.col .highlight {
    color: #0070c0
}

section.properties-resultsbar .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    max-width: 1680px
}

section.properties-resultsbar .dk-select,
section.properties-resultsbar .dk-select-multi {
    width: 100%
}

section.properties-resultsbar .dk-select {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(10px + 1 * ((100vw - 320px) / 960));
    font-size: calc(.625rem + 1 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-bottom: 0;
    font-size: calc(10px + 1 * ((100vw - 420px) / 860));
    font-size: calc(.625rem + 1 * ((100vw - 26.25rem) / 860));
    border: 1px solid #d4d7e2;
    border-radius: 5px
}

section.properties-resultsbar .dk-select * {
    border: none;
    background: none;
    border-radius: 0
}

section.properties-resultsbar .dk-selected {
    height: 48px;
    line-height: 1.2em;
    padding: 1.75em 60px 1.5em 2em
}

section.properties-resultsbar .dk-selected:after {
    width: 48px;
    margin: 0;
    border: none
}

section.properties-resultsbar .dk-selected:before {
    border-width: .35em .35em 0;
    border-top-color: #0070c0;
    margin: -.2em 1.7em 0 0
}

section.properties-resultsbar .dk-select-options {
    background: #e8eaf0;
    max-height: 15em
}

section.properties-resultsbar .dk-select-options .dk-option-highlight,
section.properties-resultsbar .dk-select-options .dk-option-selected {
    background: #d4d7e2;
    color: #0070c0
}

section.properties-resultsbar .dk-select-options li {
    padding: .3em .5em .3em 2em
}

section.properties-resultsbar .dk-select-options .dk-option-selected {
    position: relative
}

section.properties-resultsbar .dk-select-options .dk-option-selected:before {
    background: url(../images/svg/tick.svg) 50% no-repeat;
    background-size: 100% auto;
    width: 11px;
    height: 12px;
    content: "";
    position: absolute;
    top: .4em;
    left: .4rem
}

section.properties-searchbar {
    position: relative;
    z-index: 4;
    transform: translateY(-30px)
}

section.properties-searchbar .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px
}

section.properties-searchbar .form-wrap {
    background: #fff;
    padding: 1em;
    border-radius: 5px;
    display: block;
    box-shadow: 0 24px 50px -8px rgba(0, 0, 0, .2)
}

section.properties-searchbar header {
    font-size: .875em;
    margin-bottom: .5em
}

section.properties-searchbar form.no-address-entered .radius-col {
    opacity: .2;
    pointer-events: none
}

section.properties-searchbar .col {
    margin-bottom: 10px
}

section.properties-searchbar .dk-select,
section.properties-searchbar .dk-select-multi {
    width: 100%
}

section.properties-searchbar .dk-select,
section.properties-searchbar button.submit {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-bottom: 0;
    font-size: calc(10px + 1 * ((100vw - 420px) / 860));
    font-size: calc(.625rem + 1 * ((100vw - 26.25rem) / 860))
}

section.properties-searchbar button.submit {
    background: #0070c0;
    border-radius: 5px;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    height: 50px;
    line-height: 50px;
    line-height: 3.125rem;
    font-weight: 400;
    letter-spacing: .05em;
    background-image: url(../images/svg/arrow-white-right.svg);
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-position: right 10px center;
    cursor: pointer
}

section.properties-searchbar button.submit:hover {
    background-color: #0070c0
}

section.properties-searchbar .submit-col {
    margin: 0
}

section.properties-searchbar .dk-select * {
    border: none;
    background: none;
    border-radius: 0
}

section.properties-searchbar .dk-select,
section.properties-searchbar .search-col input[type=text] {
    background: #e8eaf0;
    border-radius: 5px
}

section.properties-searchbar .dk-select,
section.properties-searchbar .search-col input[type=number] {
    background: #e8eaf0;
    border-radius: 5px
}

section.properties-searchbar .search-col {
    position: relative
}

section.properties-searchbar .search-col:before {
    content: "search";
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    position: absolute;
    color: #0070c0;
    top: 50%;
    font-size: 1.6em;
    left: 15px;
    transform: translateY(-50%)
}

section.properties-searchbar .search-col input[type=text] {
    height: 50px;
    line-height: 50px;
    line-height: 3.125rem;
    width: 100%;
    padding: 0 1em 0 50px;
    font-size: 15px;
    font-size: .9375rem
}

section.properties-searchbar .search-col input[type=number] {
    height: 50px;
    line-height: 50px;
    line-height: 3.125rem;
    width: 100%;
    padding: 0 1em 0 50px;
    font-size: 15px;
    font-size: .9375rem
}

section.properties-searchbar .dk-selected {
    height: 50px;
    line-height: 1.2em;
    padding: 1.75em 60px 1.5em 2em
}

section.properties-searchbar .dk-selected:after {
    width: 50px;
    margin: 0;
    border: none
}

section.properties-searchbar .dk-selected:before {
    border-width: .35em .35em 0;
    border-top-color: #0070c0;
    margin: -.2em 1.7em 0 0
}

section.properties-searchbar .dk-select-options {
    background: #e8eaf0;
    max-height: 15em
}

section.properties-searchbar .dk-select-options .dk-option-highlight,
section.properties-searchbar .dk-select-options .dk-option-selected {
    background: #d4d7e2;
    color: #0070c0
}

section.properties-searchbar .dk-select-options li {
    padding: .3em .5em .3em 2em
}

section.properties-searchbar .dk-select-options .dk-option-selected {
    position: relative
}

section.properties-searchbar .dk-select-options .dk-option-selected:before {
    background: url(../images/svg/tick.svg) 50% no-repeat;
    background-size: 100% auto;
    width: 11px;
    height: 12px;
    content: "";
    position: absolute;
    top: .4em;
    left: .4rem
}

.pac-container {
    padding: .5em 0
}

.pac-container:after {
    display: none
}

.pac-container .pac-item {
    padding: .6rem 1rem;
    border: none;
    background-color: Roboto, ;
    color: "gt-super", ;
    cursor: pointer
}

section.property-ajax-wrap.searching:after,
section.property-ajax-wrap.searching:before {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    position: fixed
}

section.property-ajax-wrap.searching:before {
    background: #fff;
    opacity: .7;
    z-index: 5
}

section.property-ajax-wrap.searching:after {
    z-index: 6;
    background: url(../images/svg/spinner-blue.svg) no-repeat 50%
}

section.property-builder {
    position: relative;
    margin-top: 80px
}

section.property-builder .inner-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 660px;
    z-index: 1;
    position: relative;
    overflow: hidden
}

section.property-builder article {
    margin: 30px 0;
    padding-bottom: 35px;
    border-bottom: 1px solid #eaeaea
}

section.property-builder aside.service-agents {
    width: 100%
}

section.property-builder aside.service-agents ul.slides {
    visibility: visible
}

section.property-builder #arrange-viewing-form,
section.property-builder #register-form {
    display: none
}

section.property-builder ul.property-actions li {
    margin-bottom: 10px
}

section.property-builder ul.property-actions li,
section.property-builder ul.property-actions li * {
    transition: all .25s ease-in-out
}

section.property-builder ul.property-actions i {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    font-size: 1.125rem;
    color: #0070c0
}

section.property-builder ul.property-actions i.send {
    transform: translateY(-50%) rotate(-45deg);
    transform-origin: 50% 50%
}

section.property-builder ul.property-actions a {
    display: block;
    border: 1px solid #d7d8da;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

section.property-builder ul.property-actions a span {
    display: block;
    padding: 20px 55px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: #152142;
    font-size: calc(10px + 1 * ((100vw - 320px) / 960));
    font-size: calc(.625rem + 1 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.2em
}

section.property-builder ul.property-actions a:hover {
    background: #d7d8da
}

section.property-builder ul.property-actions a:hover span {
    color: #0070c0
}

section.property-builder ul.property-actions a.register-form:hover span {
    background: #0070c0;
    color: #fff
}

section.property-builder ul.property-actions a.register-form span {
    padding: 20px 10px;
    background: #152142;
    color: #fff
}

body.single-property {
    background: #f4f5f7
}

section.property-image-map-slider {
    background: #0070c0;
    position: relative;
    overflow: hidden;
    padding: 65px 0 0;
    margin: 0
}

section.property-image-map-slider .property-map {
    display: none
}

section.property-image-map-slider section.property-map .map-wrap {
    max-height: 540px
}

section.property-image-map-slider.map-disabled>.image-slider-wrap {
    padding-bottom: 15px
}

section.property-image-map-slider a.img-box {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 0 auto;
    width: 435px;
    height: 300px
}

section.property-image-map-slider .padding-box {
    max-height: 540px;
    padding: 0 20px
}

section.property-image-map-slider ul.nav-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px 0
}

section.property-image-map-slider ul.nav-items li {
    margin: 5px
}

section.property-image-map-slider ul.nav-items li * {
    transition: all .25s ease-in-out
}

section.property-image-map-slider ul.nav-items li a {
    display: block;
    cursor: pointer;
    padding: 0 30px;
    border-radius: 3px;
    border: 2px solid #fff;
    opacity: .3
}

section.property-image-map-slider ul.nav-items li a i,
section.property-image-map-slider ul.nav-items li a span {
    vertical-align: middle;
    color: #fff;
    line-height: 45px;
    line-height: 2.8125rem;
    height: 45px
}

section.property-image-map-slider ul.nav-items li a i {
    font-size: 16px;
    font-size: 1rem;
    margin-right: 4px
}

section.property-image-map-slider ul.nav-items li a span {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #fff
}

section.property-image-map-slider ul.nav-items li.current a {
    opacity: 1;
    border: 2px solid #1b2a55;
    background: #1b2a55
}

section.property-image-map-slider>footer .navigation-area {
    position: relative;
    width: 100%;
    min-height: 80px;
    max-width: 500px;
    margin: .875rem auto 0
}

section.property-image-map-slider>footer .off-block {
    background: #fff;
    display: none
}

section.property-image-map-slider .counter {
    font-size: 0;
    top: 16px;
    left: 0;
    position: absolute;
    text-align: right;
    width: 90px
}

section.property-image-map-slider .counter span {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 400;
    margin-bottom: 0;
    color: #fff
}

section.property-image-map-slider .counter span.total:before {
    content: "/"
}

section.property-image-map-slider .bar {
    background: transparent;
    margin: 0 auto;
    max-width: 940px;
    overflow: hidden;
    top: 21px;
    right: 0;
    left: 0;
    position: absolute;
    width: calc(100% - 250px);
    height: 3px;
    text-align: center;
    z-index: 1
}

section.property-image-map-slider .bar:before {
    background: #fff;
    content: "";
    opacity: .2;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px
}

section.property-image-map-slider .bar .current {
    background: #0070c0;
    display: block;
    height: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all .3s cubic-bezier(.77, 0, .175, 1)
}

section.property-image-map-slider nav.arrows {
    font-size: 0;
    top: 6px;
    right: 0;
    position: absolute;
    width: 110px
}

section.property-image-map-slider nav.arrows button {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px 13px;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    opacity: .85;
    overflow: hidden;
    width: 36px;
    height: 36px;
    text-indent: -999px;
    transition: all .3s cubic-bezier(.77, 0, .175, 1);
    border-radius: 100%;
    margin: 0 5px
}

section.property-image-map-slider nav.arrows button.slick-prev {
    background-image: url(../images/svg/carousel-arrow-left-white.svg)
}

section.property-image-map-slider nav.arrows button.slick-next {
    background-image: url(../images/svg/carousel-arrow-right-white.svg)
}

section.property-image-map-slider nav.arrows button.slick-disabled {
    cursor: no-drop;
    opacity: .3
}

section.property-image-map-slider nav.arrows button:not(.slick-disabled):hover {
    opacity: .8
}

section.property-image-map-slider.hide-controls>footer {
    display: none
}

section.property-map .map-wrap {
    position: relative;
    max-height: 75vh
}

section.property-map .google-map {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

section.property-map .prop {
    padding-bottom: 105%
}

section.property-map .gm-style-iw {
    top: 17px !important;
    left: 0 !important;
    border-radius: 5px
}

section.property-map .gm-style .gm-style-iw {
    overflow: visible
}

section.property-map .gm-style-iw-child-one {
    box-shadow: 0 24px 50px -8px rgba(0, 0, 0, .49);
    border-radius: 5px;
    max-width: 250px !important
}

section.property-map .window-outter-wrapper div {
    display: none !important
}

section.property-map .article-btn {
    background: #eeeff3 !important;
    border-radius: 100% !important;
    overflow: hidden !important;
    right: 10px !important;
    top: -10px !important;
    width: 33px !important;
    height: 33px !important
}

section.property-map .article-btn img {
    margin: 10px !important
}

section.propery-results-grid {
    background: #f4f5f7;
    min-height: 200px
}

section.propery-results-grid .col-element {
    display: none
}

section.propery-results-grid .col-element.current {
    display: block
}

section.propery-results-grid article.no-properties-found h2 {
    font-size: 1.2em;
    text-align: center;
    margin-top: 3rem
}

section.propery-results-grid a.prop-form-req {
    display: inline-block;
    border-radius: 50px;
    vertical-align: middle;
    overflow: hidden;
    height: 50px;
    margin-bottom: .5rem
}

section.propery-results-grid a.prop-form-req,
section.propery-results-grid a.prop-form-req * {
    transition: all .25s ease-in-out
}

section.propery-results-grid a.prop-form-req .text {
    font-family: 'Open Sans', sans-serif;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    width: 0;
    text-align: center;
    overflow: hidden;
    padding-left: 0
}

section.propery-results-grid a.prop-form-req .arrow {
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    display: inline-block;
    font-size: 1rem;
    text-align: center;
    width: 50px
}

section.propery-results-grid a.prop-form-req .arrow,
section.propery-results-grid a.prop-form-req .text {
    height: 50px;
    line-height: 50px;
    line-height: 3.125rem;
    float: left
}

section.propery-results-grid a.prop-form-req:hover .text {
    width: 70px;
    padding-left: 30px
}

section.propery-results-grid a.prop-form-req:hover .arrow {
    width: 45px
}

section.propery-results-grid a.prop-form-req {
    background-color: #152142;
    color: #fff
}

section.propery-results-grid a.prop-form-req .text {
    color: #fff
}

section.propery-results-grid a.prop-form-req {
    cursor: pointer;
    padding: .6em 3rem 0;
    margin-top: 2rem
}

section.propery-results-grid footer.lower-footer {
    text-align: center;
    margin: 2rem 6vw
}

section.propery-results-grid footer.lower-footer a {
    background-color: #0070c0;
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    letter-spacing: .2em;
    padding: 1.2rem 4em 1.2rem 3.4rem;
    background-image: url(../images/svg/home-white.svg);
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-position: 1rem 50%
}

section.propery-results-grid footer.lower-footer a:hover {
    background-color: #0070c0
}

section.propery-results-grid .grid-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    max-width: 1700px
}

section.propery-results-grid .grid-wrapper article.property-tile {
    margin: 0 auto
}

.post-type-archive main.base {
    background: #f4f5f7
}

#property-reg-requirements {
    max-width: 1024px;
    width: 80%
}

#property-reg-requirements .wpcf7-form.sent .row,
#property-reg-requirements .wpcf7-form.sent footer.lower {
    display: none
}

section.related-auctions {
    padding: 45px 0 40px;
    position: relative
}

section.related-auctions aside.leftside-angled-title {
    top: 100px;
    z-index: 0
}

section.related-auctions.background {
    background: #f4f5f7
}

section.related-auctions>header {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    display: block;
    position: relative;
    width: 100%
}

section.related-auctions>header>.title {
    margin-bottom: 24px
}

section.related-auctions>header>.title span {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(28px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

section.related-auctions>header>.title span:before {
    background: #0070c0;
    content: "";
    display: block;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px
}

section.related-auctions>header>.title span {
    display: block
}

section.related-auctions .articles {
    position: relative;
    z-index: 1
}

section.related-auctions .slick-list {
    margin: 0 -5px;
    padding: 0 6vw
}

section.related-auctions .slick-slide>div {
    padding: 0 5px
}

section.related-auctions>footer {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    position: relative;
    width: 100%;
    margin-top: .875rem;
    min-height: 42px
}

section.related-auctions .counter {
    font-size: 0;
    top: 16px;
    left: 0;
    position: absolute;
    text-align: right;
    width: 90px
}

section.related-auctions .counter span {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 400;
    margin-bottom: 0
}

section.related-auctions .counter span.total:before {
    content: "/"
}

section.related-auctions .bar {
    background: transparent;
    display: none;
    margin: 0 auto;
    max-width: 940px;
    overflow: hidden;
    top: 21px;
    right: 0;
    left: 0;
    position: absolute;
    width: calc(100% - 250px);
    height: 3px;
    text-align: center;
    z-index: 1
}

section.related-auctions .bar:before {
    background: #0070c0;
    content: "";
    opacity: .2;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px
}

section.related-auctions .bar .current {
    background: #0070c0;
    display: block;
    height: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all .3s cubic-bezier(.77, 0, .175, 1)
}

section.related-auctions nav.arrows {
    font-size: 0;
    top: 6px;
    right: 0;
    position: absolute;
    width: 90px
}

section.related-auctions nav.arrows button {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px 13px;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    opacity: .6;
    overflow: hidden;
    width: 36px;
    height: 36px;
    text-indent: -999px;
    transition: all .3s cubic-bezier(.77, 0, .175, 1)
}

section.related-auctions nav.arrows button.slick-prev {
    background-image: url(../images/svg/carousel-arrow-left-blue.svg)
}

section.related-auctions nav.arrows button.slick-next {
    background-image: url(../images/svg/carousel-arrow-right-blue.svg)
}

section.related-auctions nav.arrows button.slick-disabled {
    cursor: no-drop;
    opacity: .3
}

section.related-auctions nav.arrows button:not(.slick-disabled):hover {
    opacity: .8
}

section.related-auctions.hide-controls>footer {
    display: none
}

section.related-properties {
    padding: 45px 0 40px;
    position: relative
}

section.related-properties aside.leftside-angled-title {
    top: 100px;
    z-index: 0
}

section.related-properties.background {
    background: #f4f5f7
}

section.related-properties>header {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    display: block;
    position: relative;
    width: 100%
}

section.related-properties>header>.title {
    margin-bottom: 24px
}

section.related-properties>header>.title span {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(28px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

section.related-properties>header>.title span:before {
    background: #0070c0;
    content: "";
    display: block;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px
}

section.related-properties>header>.title span {
    display: block
}

section.related-properties .articles {
    position: relative;
    z-index: 1
}

section.related-properties .slick-list {
    margin: 0 -5px;
    padding: 0 6vw
}

section.related-properties .slick-slide>div {
    padding: 0 5px
}

section.related-properties>footer {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    position: relative;
    width: 100%;
    margin-top: .875rem;
    min-height: 42px
}

section.related-properties .counter {
    font-size: 0;
    top: 16px;
    left: 0;
    position: absolute;
    text-align: right;
    width: 90px
}

section.related-properties .counter span {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 400;
    margin-bottom: 0
}

section.related-properties .counter span.total:before {
    content: "/"
}

section.related-properties .bar {
    background: transparent;
    display: none;
    margin: 0 auto;
    max-width: 940px;
    overflow: hidden;
    top: 21px;
    right: 0;
    left: 0;
    position: absolute;
    width: calc(100% - 250px);
    height: 3px;
    text-align: center;
    z-index: 1
}

section.related-properties .bar:before {
    background: #0070c0;
    content: "";
    opacity: .2;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px
}

section.related-properties .bar .current {
    background: #0070c0;
    display: block;
    height: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all .3s cubic-bezier(.77, 0, .175, 1)
}

section.related-properties nav.arrows {
    font-size: 0;
    top: 6px;
    right: 0;
    position: absolute;
    width: 90px
}

section.related-properties nav.arrows button {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px 13px;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    opacity: .6;
    overflow: hidden;
    width: 36px;
    height: 36px;
    text-indent: -999px;
    transition: all .3s cubic-bezier(.77, 0, .175, 1)
}

section.related-properties nav.arrows button.slick-prev {
    background-image: url(../images/svg/carousel-arrow-left-blue.svg)
}

section.related-properties nav.arrows button.slick-next {
    background-image: url(../images/svg/carousel-arrow-right-blue.svg)
}

section.related-properties nav.arrows button.slick-disabled {
    cursor: no-drop;
    opacity: .3
}

section.related-properties nav.arrows button:not(.slick-disabled):hover {
    opacity: .8
}

section.related-properties.hide-controls>footer {
    display: none
}

section.service-case-studies {
    padding: 60px 0;
    position: relative
}

section.service-case-studies .wrapper {
    max-width: 1920px;
    margin: 0 auto
}

section.service-case-studies:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    width: 100%;
    background: #f4f5f7;
    z-index: 0
}

section.service-case-studies header.top {
    padding-right: 6vw;
    padding-left: 6vw;
    max-width: 1200px;
    margin: 0 auto
}

section.service-case-studies header.top h2 {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(28px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

section.service-case-studies header.top h2:before {
    background: #0070c0;
    content: "";
    display: block;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px
}

section.service-case-studies header.top h2 {
    margin-bottom: 1.2em
}

section.service-case-studies article.medium-mce {
    display: block !important
}

section.service-case-studies article.medium-mce a,
section.service-case-studies article.medium-mce b,
section.service-case-studies article.medium-mce h1,
section.service-case-studies article.medium-mce h2,
section.service-case-studies article.medium-mce h3,
section.service-case-studies article.medium-mce h4,
section.service-case-studies article.medium-mce ol,
section.service-case-studies article.medium-mce p,
section.service-case-studies article.medium-mce strong,
section.service-case-studies article.medium-mce ul {
    color: #fff
}

section.service-case-studies article.medium-mce .arrow-btn {
    color: #fff !important
}

section.service-case-studies article.medium-mce .arrow-btn:before {
    background: #314373
}

section.service-case-studies .padding-wrap {
    padding: 3rem 6vw
}

section.service-case-studies .image-slides-wrapper {
    position: relative;
    z-index: 2
}

section.service-case-studies .image-slides-wrapper,
section.service-case-studies .image-slides-wrapper * {
    background: none
}

section.service-case-studies .content-wrapper {
    background: #152142;
    position: relative;
    z-index: 0
}

section.service-case-studies .content-wrapper ul.content-sliders {
    z-index: 1
}

section.service-case-studies .content-wrapper:before {
    content: "";
    top: -90px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    background: #152142
}

section.service-content-builder {
    overflow: hidden;
    position: relative
}

section.service-content-builder .service-wrapper-listing {
    background: #fff;
    margin: 0 auto;
    max-width: 890px;
    overflow: hidden;
    position: relative
}

section.service-content-builder .service-wrapper-listing:before {
    background: #fff;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
    width: 100vw
}

section.service-content-builder .service-wrapper-listing>article,
section.service-content-builder .service-wrapper-listing>div,
section.service-content-builder .service-wrapper-listing>section {
    position: relative;
    z-index: 1
}

section.service-content-builder div.image-slider-marquee {
    margin: 95px auto
}

section.service-content-builder div.image-slider-marquee .img-slider-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 820px
}

section.service-content-builder article.medium-mce {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 780px;
    margin-bottom: 85px;
    margin-top: 85px;
    max-width: 625px
}

section.service-content-builder aside.service-agents {
    background: #f4f5f7;
    height: 100%;
    top: 50px;
    right: 0;
    position: absolute;
    visibility: hidden;
    z-index: 5
}

section.service-content-builder aside.service-agents .service-agents-outter-wrap {
    margin: 60px auto;
    max-width: 290px
}

section.service-content-builder aside.service-agents.sticky {
    top: 0;
    position: fixed
}

section.shader-wrap {
    margin-top: -50px;
    overflow: hidden
}

section.service-grid-listing {
    background: #f4f5f7;
    padding: 3rem 0
}

section.service-grid-listing .inner-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1340px
}

section.service-grid-listing article.service-tile {
    margin: 0 auto 30px
}

section.sitewide-search {
    background-color: transparent;
    color: #fff;
    display: block;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all .5s cubic-bezier(.77, 0, .175, 1) 0s;
    z-index: 99
}

section.sitewide-search:before {
    background-color: #0070c0;
    background-image: linear-gradient(0deg, #212739 0, rgba(33, 39, 57, .01) 0, #0f182f 90%);
    content: "";
    opacity: .9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1
}

section.sitewide-search .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 520px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

section.sitewide-search .main {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

section.sitewide-search .title {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(30px + 15 * ((100vw - 320px) / 960));
    font-size: calc(1.875rem + 15 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    color: #fff;
    display: none;
    text-align: center
}

section.sitewide-search .search-wrap {
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 25px;
    overflow: hidden;
    display: block
}

section.sitewide-search .search-wrap:before {
    content: "search";
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    position: absolute;
    color: #0070c0;
    top: 50%;
    font-size: 1.6em;
    left: 15px;
    transform: translateY(-50%)
}

section.sitewide-search .search-wrap:after {
    background: url(../images/svg/searchbar-loader.svg) no-repeat 50%;
    background-size: 100% auto;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    width: 25px;
    height: 25px;
    display: none
}

section.sitewide-search .search-wrap.searching:before {
    display: none
}

section.sitewide-search .search-wrap.searching:after {
    display: block
}

section.sitewide-search .search-wrap input.searchbox {
    display: block;
    height: 65px;
    line-height: 50px;
    line-height: 3.125rem;
    width: 100%;
    padding: 0 1em 0 50px;
    font-size: 15px;
    font-size: .9375rem
}

section.sitewide-search ul.results {
    background: #fff;
    border-radius: 0 0 25px 25px;
    overflow: hidden;
    display: none;
    transform: translateY(-25px);
    z-index: 0;
    padding: 35px 0 15px;
    position: relative;
    text-align: left
}

section.sitewide-search ul.results:before {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    width: 100%;
    height: 1px;
    background: #d4d7e2
}

section.sitewide-search ul.results,
section.sitewide-search ul.results a {
    color: #0070c0
}

section.sitewide-search ul.results a {
    padding: .5em 20px .5em 17px;
    display: -ms-flexbox;
    display: flex;
    font-size: .875em;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

section.sitewide-search ul.results a:hover {
    background: #e8eaf0
}

section.sitewide-search ul.results a .icon {
    width: 20px;
    height: 20px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-right: 13px;
    display: block
}

section.sitewide-search ul.results a .text {
    line-height: 1.2em;
    display: block
}

section.sitewide-search ul.results a .text .bold {
    font-weight: 700
}

body.search-visible section.sitewide-search {
    opacity: 1;
    visibility: visible
}

body.search-visible header.primary .main .search-btn .open {
    opacity: 0;
    visibility: hidden
}

body.search-visible header.primary .main .search-btn .close {
    opacity: 1;
    visibility: visible
}

body.search-visible header.primary .main .mobile__search-btn {
    opacity: 0;
    visibility: hidden
}

section.small-lineoffset-comment {
    margin: 65px 0 75px;
    position: relative
}

section.small-lineoffset-comment:before {
    background: transparent url(../images/svg/pattern-diagonal-lines--light-blue.svg) repeat 0 0;
    content: "";
    display: none;
    top: 0;
    right: 0;
    position: absolute;
    width: 8vw;
    height: 260px
}

section.small-lineoffset-comment .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1140px;
    max-width: 930px
}

section.small-lineoffset-comment h3 {
    margin: 0 auto !important;
    padding-left: 15px;
    position: relative;
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(20px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.25rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em
}

section.small-lineoffset-comment h3:before {
    background: #0070c0;
    content: "";
    top: 8px;
    left: 0;
    position: absolute;
    width: 2px;
    height: calc(100% - 20px)
}

section.small-lineoffset-comment footer {
    padding-left: 17px;
    font-size: .875em;
    margin-top: 1rem
}

section.small-lineoffset-comment footer strong {
    font-weight: 500;
    color: #0070c0;
    padding-right: 5px
}

section.social-share-area {
    margin: 3rem 0 0
}

section.social-share-area .wrapper {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 780px
}

section.social-share-area svg {
    fill: #152142 !important;
    width: 25px !important;
    height: 25px !important;
    position: relative;
    top: 3px
}

section.social-share-area a.at-share-btn {
    border: 1px solid #d4d7e2;
    margin: 0 5px 5px
}

section.social-share-area h3 {
    font-family: 'Open Sans', sans-serif;
    color: #0070c0;
    font-size: calc(8px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #152142;
    text-align: center;
    margin-bottom: 1rem
}

section.social-share-area.inline {
    margin-top: 0;
    background: #fff
}

section.social-share-area.inline .wrapper {
    position: relative;
    z-index: 1
}

section.social-share-area.inline .colour-wrap {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    max-width: 890px;
    background: #fff;
    padding-bottom: 3rem
}

section.social-share-area.inline .colour-wrap:before {
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    width: 100vw;
    background: #fff;
    position: absolute
}

section.social-share-area.inline .colour-wrap:after {
    content: "";
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100vw;
    background: #f4f5f7;
    position: absolute
}

section.statistics-overview {
    position: relative;
    padding-top: 70px
}

section.statistics-overview .stat-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1100px
}

section.statistics-overview:before {
    content: "";
    background: #f4f5f7;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(100% + 150px);
    z-index: 0
}

section.statistics-overview .stat-wrapper {
    position: relative;
    z-index: 1
}

section.statistics-overview .inner-stats {
    max-width: 300px
}

section.statistics-overview .inner-stats h3 {
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
    color: #152142
}

section.statistics-overview .inner-stats h3:before {
    background: #0070c0;
    content: "";
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 55px;
    height: 1px
}

section.statistics-overview .inner-stats h3 .number {
    color: #0070c0;
    padding-right: 5px
}

section.statistics-overview .inner-stats .lower-stat {
    border-top: 4px solid #0070c0;
    background: #eeeff3;
    max-width: 250px;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

section.statistics-overview .inner-stats .lower-stat .number {
    color: #152142;
    font-family: 'Vidaloka', serif;
    margin-bottom: 15px
}

section.statistics-overview .inner-stats .lower-stat .one,
section.statistics-overview .inner-stats .lower-stat .three {
    font-size: calc(22px + 23 * ((100vw - 320px) / 960));
    font-size: calc(1.375rem + 23 * ((100vw - 20rem) / 960));
    font-weight: 400
}

section.statistics-overview .inner-stats .lower-stat .two {
    font-size: calc(32px + 33 * ((100vw - 320px) / 960));
    font-size: calc(2rem + 33 * ((100vw - 20rem) / 960));
    font-weight: 400
}

section.statistics-overview .inner-stats .lower-stat .one {
    position: relative;
    top: -.4em
}

section.statistics-overview .inner-stats .lower-stat .subtitle {
    color: #152142;
    font-size: calc(13px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 2 * ((100vw - 20rem) / 960))
}

section.statistics-overview .content-col {
    margin: 3rem 0 6rem
}

section.statistics-overview .content-col blockquote {
    display: block;
    font-family: 'Vidaloka', serif;
    vertical-align: text-top;
    position: relative;
    margin-top: 3rem
}

section.statistics-overview .content-col blockquote span {
    display: inline-block
}

section.statistics-overview .content-col .quote {
    color: #d8daf1;
    font-size: calc(40px + 40 * ((100vw - 320px) / 960));
    font-size: calc(2.5rem + 40 * ((100vw - 20rem) / 960));
    vertical-align: 1.2rem;
    position: absolute;
    top: 0;
    line-height: 1em
}

section.statistics-overview .content-col .quote.left-quote {
    left: 0
}

section.statistics-overview .content-col .quote.right-quote {
    right: 0
}

section.statistics-overview .content-col .quote-text {
    color: #0070c0;
    font-size: calc(16px + 8 * ((100vw - 320px) / 960));
    font-size: calc(1rem + 8 * ((100vw - 20rem) / 960));
    vertical-align: 1.5em;
    display: block;
    padding: .2em 2.5em;
    line-height: 1.3em
}

section.statistics-overview .content-wrapper {
    max-width: 665px;
    margin: 0 auto
}

section.statistics-overview article.medium-mce {
    max-width: 460px;
    margin: 0 auto
}

section.testimonials-marquee {
    padding: 58px 0 62px;
    position: relative;
    text-align: center
}

section.testimonials-marquee i.speechmark {
    display: block;
    margin: 0 auto 25px;
    opacity: .2
}

section.testimonials-marquee i.speechmark svg {
    width: 33px;
    height: 26px
}

section.testimonials-marquee .slick-slide .testimonial {
    opacity: 1;
    transition: opacity 1s ease-in-out
}

section.testimonials-marquee .slick-slide:not(.slick-current) .testimonial {
    opacity: .2
}

section.testimonials-marquee .testimonial .inner {
    margin: 0 auto;
    max-width: 840px
}

section.testimonials-marquee .text {
    padding: 0 6vw 24px;
    position: relative
}

section.testimonials-marquee .text:before {
    background: #0070c0;
    content: "";
    margin: 0 auto;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px;
    text-align: center
}

section.testimonials-marquee .text p {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(22px + 5 * ((100vw - 320px) / 960));
    font-size: calc(1.375rem + 5 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 1em
}

section.testimonials-marquee .text p:not(:last-of-type) {
    margin-bottom: 18px
}

section.testimonials-marquee .text p:last-of-type {
    margin-bottom: 0 !important
}

section.testimonials-marquee .reference {
    display: block;
    font-size: 0;
    margin-top: 22px
}

section.testimonials-marquee img.photo {
    border-radius: 100%;
    display: block;
    margin: 0 auto 4px;
    max-width: 40px;
    overflow: hidden;
    vertical-align: top
}

section.testimonials-marquee span.company,
section.testimonials-marquee span.name {
    font: 400 13px/1.4em 'Open Sans', sans-serif;
    font: 400 .8125rem/1.4em 'Open Sans', sans-serif
}

section.testimonials-marquee span.company b,
section.testimonials-marquee span.company bold,
section.testimonials-marquee span.company strong,
section.testimonials-marquee span.name b,
section.testimonials-marquee span.name bold,
section.testimonials-marquee span.name strong {
    font-weight: 700
}

section.testimonials-marquee span.company,
section.testimonials-marquee span.name {
    display: inline-block;
    padding-top: 6px;
    vertical-align: baseline
}

section.testimonials-marquee span.name {
    color: #152142;
    font-weight: 500
}

section.testimonials-marquee span.company {
    color: #4b5779
}

section.testimonials-marquee span.name+span.company:before {
    content: "-";
    margin: 0 5px
}

section.testimonials-marquee ul.slick-dots {
    margin-top: 32px
}

section.testimonials-marquee ul.slick-dots li {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    position: relative;
    width: 13px;
    height: 13px;
    transition: border-color .5s ease-in-out
}

section.testimonials-marquee ul.slick-dots li:before {
    background: #0070c0;
    border-radius: 100%;
    content: "";
    display: block;
    margin: auto;
    opacity: .3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 5px;
    height: 5px;
    transition: all .5s ease-in-out
}

section.testimonials-marquee ul.slick-dots li button {
    display: none
}

section.testimonials-marquee ul.slick-dots li:hover:before {
    opacity: .6
}

section.testimonials-marquee ul.slick-dots li.slick-active {
    border-color: rgba(32, 51, 103, .3)
}

section.testimonials-marquee ul.slick-dots li.slick-active:before {
    background-color: #0070c0;
    opacity: .8
}

section.testimonials-marquee.home-offset-bg {
    background: #f4f5f7
}

section.text-middle-section {
    margin: 32px 0 50px;
    position: relative;
    text-align: center
}

section.text-middle-section>.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 780px;
    position: relative
}

section.text-middle-section h6.title {
    font-family: 'Vidaloka', serif;
    color: #c00026;
    font-size: calc(28px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-bottom: 0;
    padding-bottom: 20px;
    position: relative
}

section.text-middle-section h6.title:before {
    background: #0070c0;
    content: "";
    margin: 0 auto;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px;
    text-align: center
}

section.text-middle-section .textarea {
    margin-top: 28px
}

section.text-middle-section .textarea p {
    font-family: 'Open Sans', sans-serif;
    color: #646e89;
    font-size: calc(15px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.9375rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.9em
}

section.text-middle-section .textarea p a {
    color: #152142
}

section.text-middle-section .textarea p b,
section.text-middle-section .textarea p strong {
    font-weight: 700
}

section.text-middle-section .textarea p:last-of-type {
    margin-bottom: 0
}

section.text-middle-section .button {
    margin-bottom: 1em
}

section.text-middle-section .button,
section.text-middle-section .button>a {
    color: #0070c0;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(13px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.2em;
    position: relative;
    text-decoration: none;
    z-index: 1
}

section.text-middle-section .button>a {
    padding: 1.2em 46px 1.2em 20px
}

section.text-middle-section .button>a:before {
    background: #d4d7e2;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 100%;
    transition: width .5s cubic-bezier(.77, 0, .175, 1);
    z-index: -1
}

section.text-middle-section .button>a:after {
    color: #0070c0;
    content: "";
    display: block;
    font-family: Material Icons;
    -webkit-font-feature-settings: "liga"1;
    font-feature-settings: "liga"1;
    font-style: normal;
    font-weight: 400;
    top: 50%;
    right: 20px;
    position: absolute;
    transform: translateY(-50%);
    font-size: 1.2em;
    text-decoration: none
}

section.text-middle-section .button:hover a:before {
    width: 100%
}

section.text-middle-section .button {
    display: inline-block;
    margin-top: 28px
}

section.text-middle-section.border-top {
    padding-top: 65px
}

section.text-middle-section.border-top:after {
    background: #0070c0;
    content: "";
    display: block;
    margin: 0 auto;
    max-width: 1120px;
    opacity: .1;
    top: 0;
    right: 6vw;
    left: 6vw;
    position: absolute;
    width: calc(100% - 12vw);
    height: 1px;
    text-align: center
}

section.vacancies-list {
    background: #f4f5f6;
    z-index: 0
}

section.vacancies-list .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 1200px;
    padding-bottom: 70px;
    padding-top: 70px
}

section.vacancies-list .heading {
    font-family: 'Vidaloka', serif;
    color: #0070c0;
    font-size: calc(28px + 12 * ((100vw - 320px) / 960));
    font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

section.vacancies-list .heading:before {
    background: #0070c0;
    content: "";
    display: block;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 40px;
    height: 1px
}

section.vacancies-list .heading {
    margin-bottom: 80px;
    text-align: center
}

section.vacancies-list .heading:before {
    margin-left: auto;
    margin-right: auto;
    right: 0;
    text-align: inherit
}

section.vacancies-list .list {
    font-size: 0;
    width: 100%
}

section.vacancies-list article.vacancy {
    display: block;
    margin: 0 auto 30px;
    width: 100%
}

section.vacancy-detail {
    background: #f4f5f6;
    padding: 70px 0
}

section.vacancy-detail section.large-textarea {
    margin: 0 !important
}

section.vacancy-detail section.social-share-area {
    border-top: 1px solid rgba(32, 51, 103, .2);
    margin-top: 30px;
    padding-top: 60px
}

section.video-player {
    margin: 4rem 0
}

section.video-player .wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6vw;
    padding-right: 6vw;
    max-width: 780px;
    position: relative;
    overflow: hidden
}

section.video-player.playing .wrapper nav.controls {
    opacity: 0
}

section.video-player.playing .wrapper .button {
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(13px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.2em
}

section.video-player.playing .wrapper .button i.icon {
    background: rgba(57, 101, 221, .4);
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    width: 50px;
    height: 50px;
    vertical-align: top
}

section.video-player.playing .wrapper .button i.icon:after,
section.video-player.playing .wrapper .button i.icon:before {
    content: "";
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute
}

section.video-player.playing .wrapper .button i.icon:before {
    background: #0070c0;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    transition: all .4s cubic-bezier(.77, 0, .175, 1)
}

section.video-player.playing .wrapper .button i.icon:after {
    background: transparent url(../images/svg/arrow-white-right-tip.svg) no-repeat 50%/cover;
    width: 7px;
    height: 8px;
    transform: translateX(2px);
    transition: all .4s ease-in-out
}

section.video-player.playing .wrapper .button span.label {
    display: inline-block;
    padding-top: 16px;
    vertical-align: top
}

section.video-player.playing .wrapper .button:hover i.icon:before {
    width: 100%;
    height: 100%
}

section.video-player.playing .wrapper .button i.icon:after {
    background: transparent url(../images/svg/square-white.svg) no-repeat 50%;
    width: 9px;
    height: 9px
}

section.video-player.playing .wrapper:hover nav.controls {
    opacity: 1
}

section.video-player nav.controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: opacity .2s
}

section.video-player video.main-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

section.video-player .prop {
    max-width: 780px;
    padding-bottom: 56.41026%;
    background-position: 50%;
    background-size: cover
}

section.video-player .button {
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: calc(13px + 2 * ((100vw - 320px) / 960));
    font-size: calc(.8125rem + 2 * ((100vw - 20rem) / 960));
    font-weight: 500;
    line-height: 1.2em
}

section.video-player .button i.icon {
    background: rgba(57, 101, 221, .4);
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    width: 50px;
    height: 50px;
    vertical-align: top
}

section.video-player .button i.icon:after,
section.video-player .button i.icon:before {
    content: "";
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute
}

section.video-player .button i.icon:before {
    background: #0070c0;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    transition: all .4s cubic-bezier(.77, 0, .175, 1)
}

section.video-player .button i.icon:after {
    background: transparent url(../images/svg/arrow-white-right-tip.svg) no-repeat 50%/cover;
    width: 7px;
    height: 8px;
    transform: translateX(2px);
    transition: all .4s ease-in-out
}

section.video-player .button span.label {
    display: inline-block;
    padding-top: 16px;
    vertical-align: top
}

section.video-player .button:hover i.icon:before {
    width: 100%;
    height: 100%
}

section.video-player .button {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media(max-width:996px) {
    .logo-main {
        width: 100px;
    }

    body.on-scroll header.primary:not(.search-visible) .main .logo .logo-main {
        margin-top: -8px;
    }

    footer .logo-main {
        width: 100%;
    }

    header.primary.mobile-nav-visible .logo a {
        padding-top: 16px;
    }
}

@media(max-width:768px) {
    body.on-scroll header.primary:not(.search-visible) .main .logo .logo-main {
        margin-top: 0;
        margin-left: 0;
    }
}

@media(min-width:380px) {
    section.history-slider nav.timeline-nav ul.slick-dots li {
        width: 33.333%
    }
}

@media only screen and (min-width:415px) and (max-width:1024px) {
    section.auction-builder ul.property-actions {
        max-width: 645px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    section.auction-builder ul.property-actions li {
        width: 46%;
        margin: .5rem 2%
    }
}

@media only screen and (min-width:450px) {
    section.form form .row.two {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    section.form form .row.two .col {
        width: calc(50% - 7px)
    }
}

@media(min-width:480px) {

    section.image-marquee-slider .padding-box,
    section.property-image-map-slider .padding-box {
        padding: 0 40px
    }
}

@media (min-width:480px) and (max-width:1024px) {
    article.service-tile .content {
        padding-left: 20px;
        padding-right: 20px
    }

    header.primary .mobile__menu-btn {
        width: 74px
    }
}

@media (min-width:480px) and (max-width:1230px) {

    section.article-listing-marquee .slick-list,
    section.key-contacts .slick-list,
    section.marquee-service-slider .slick-list,
    section.related-auctions .slick-list,
    section.related-properties .slick-list {
        padding: 0 40px
    }

    section.service-grid-listing {
        padding: 80px 0
    }

    section.service-grid-listing article.service-tile {
        margin: 20px;
        width: calc(50% - 40px)
    }
}

@media (min-width:481px) {
    section.article-listing-marquee .slick-slide {
        width: 380px
    }

    section.blog-article-navigation .nav-wrapper.both {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    section.blog-article-navigation .nav-wrapper.both:before {
        content: "";
        top: 0;
        bottom: 0;
        position: absolute;
        left: 50%;
        width: 1px;
        background: linear-gradient(180deg, #fff, #d4d7e2 50%, #fff)
    }

    section.blog-article-navigation .nav-wrapper.both .nav-next,
    section.blog-article-navigation .nav-wrapper.both .nav-previous {
        width: 50%
    }

    section.blog-article-navigation .nav-wrapper a {
        padding: 1em 0
    }

    section.gallery-images .gallery-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    section.gallery-images a.landscape,
    section.gallery-images a.portrait {
        width: 48%
    }

    section.marquee-service-slider .slick-slide {
        width: 300px
    }

    section.related-auctions .slick-slide,
    section.related-properties .slick-slide {
        width: 380px
    }

    section.service-grid-listing .inner-wrapper {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    section.service-grid-listing article.service-tile {
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: 10px;
        width: calc(50% - 20px)
    }

    section.statistics-overview {
        padding-top: 100px
    }

    section.statistics-overview:before {
        height: calc(100% + 200px)
    }
}

@media (min-width:500px) {
    article.image-thumb-article .content {
        padding: 0 20px
    }

    article.property-tile-google-map {
        min-width: 350px
    }

    article.property-tile-google-map .content {
        width: 66.666%
    }

    article.property-tile-google-map .content header {
        padding: 25px;
        min-height: 120px
    }

    article.property-tile-google-map a.image {
        display: block
    }

    aside.people-searchresults .sorting.col {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    aside.people-searchresults .sorting.col h3 {
        padding-right: 1rem;
        display: none
    }

    aside.people-searchresults .sorting.col form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    aside.people-searchresults .filter-list.size {
        display: none
    }

    aside.people-searchresults .filter-list.price {
        margin-right: 10px
    }

    aside.people-searchresults .inner-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    section.auction-listings .grid-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start
    }

    section.auction-listings .grid-wrapper article.auction-tile {
        margin: 0 0 10px;
        padding: 0 5px;
        width: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: column;
        flex-direction: column
    }

    section.auction-listings .grid-wrapper article.auction-tile .content {
        height: 100%
    }

    section.history-slider nav.timeline-nav ul.slick-dots li {
        width: 25%
    }

    section.inline-searchbar {
        transform: translateY(-29px)
    }

    section.inline-searchbar .search-col:before {
        color: #8b92a5
    }

    section.inline-searchbar .search-col input[type=text] {
        background: none
    }

    section.inline-searchbar input.submit {
        border-radius: 0 50px 50px 0;
        padding-right: 20px
    }

    section.inline-searchbar .form-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 5px;
        border-radius: 50px
    }

    section.inline-searchbar .col {
        margin: 0
    }

    section.inline-searchbar .search-col {
        width: 100%
    }

    section.inline-searchbar .submit-col {
        width: 200px
    }

    section.news-results-grid .inner-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding-left: 40px;
        padding-right: 40px
    }

    section.news-results-grid article.standard-thumb-article,
    section.news-results-grid article.standard-thumb-article-large {
        margin: 10px;
        width: calc(50% - 20px)
    }

    section.people-results-grid .grid-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 120px
    }

    section.people-results-grid article.person-tile {
        margin: 0 0 10px;
        padding: 0 5px;
        width: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: column;
        flex-direction: column
    }

    section.people-results-grid article.person-tile .content {
        height: 100%
    }

    section.people-results-grid aside.people-searchresults {
        margin: 0 0 20px
    }

    section.properties-resultsbar .sorting.col {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    section.properties-resultsbar .filter-list.size {
        display: none
    }

    section.properties-resultsbar .filter-list.price {
        margin-right: 10px
    }

    section.properties-resultsbar .wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    section.property-map .gm-style .gm-style-iw:before {
        position: absolute;
        top: calc(100% - 3px);
        left: calc(50% - 4px);
        transform: translateX(-50%);
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 7.5px 0;
        border-color: #fff transparent transparent
    }

    section.property-map .gm-style-iw-child-one {
        max-width: 350px !important
    }

    section.propery-results-grid .grid-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start
    }

    section.propery-results-grid .grid-wrapper article.property-tile {
        margin: 0 0 10px;
        padding: 0 5px;
        width: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width:550px) {
    section.history-slider .inner-slide {
        padding: 0 40px
    }
}

@media(min-width:600px) {
    section.heratage-area header.top-area .positioner {
        right: 20px
    }

    section.heratage-area header.top-area aside {
        width: 20%
    }

    section.heratage-area header.top-area .image {
        padding-left: 20%
    }

    section.heratage-area header.top-area .image .prop {
        padding-bottom: 66.40625%
    }

    section.heratage-area header.top-area:after {
        top: -95px;
        left: 0;
        position: absolute;
        width: 160px;
        height: 415px
    }
}

@media (min-width:650px) {
    article.property-tile-google-map {
        min-width: 465px !important
    }

    section.history-slider nav.timeline-nav ul.slick-dots li {
        width: 20%
    }

    section.property-map .gm-style-iw-child-one {
        max-width: 465px !important
    }
}

@media (min-width:660px) {
    aside.people-searchresults .filter-list.size {
        display: block
    }

    aside.people-searchresults .filter-list.price {
        margin-right: 0
    }

    section.news-results-inline .inner-content {
        padding: 10px 20px
    }

    section.news-results-inline .sorting.col {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    section.news-results-inline .results.col {
        width: 25%
    }

    section.news-results-inline .sorting.col {
        width: 73%
    }

    section.news-results-inline .sorting.col form {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center
    }

    section.news-results-inline .filter-list {
        width: 170px
    }

    section.news-results-inline .filter-list.date {
        margin-right: 20px
    }

    section.news-results-inline .wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    section.properties-resultsbar .filter-list.size {
        display: block
    }

    section.properties-resultsbar .filter-list.price {
        margin-right: 0
    }
}

@media only screen and (min-width:765px) {
    section.form form .tickboxes ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    section.form form .tickboxes ul li {
        margin: 0 1.5rem 0 0
    }
}

@media (min-width:768px) and (max-width:1024px) {
    header.primary .main .logo a {
        padding-left: 40px;
        padding-right: 40px
    }

    section.header-hero .video video {
        padding: 0 40px
    }

    section.office-results-grid article.location-tile {
        width: calc(50% - 46px)
    }
}

@media (min-width:768px) {

    article.auction-tile .roundel,
    article.property-tile .roundel,
    header.propery-title .roundel {
        height: 60px;
        width: 60px
    }

    section.auction-listings .grid-wrapper article.auction-tile {
        width: 33.333%
    }

    section.image-marquee-slider .padding-box {
        padding: 0 70px
    }

    section.intro-two-col .wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start
    }

    section.intro-two-col .col {
        max-width: 545px;
        width: 50%;
        margin-bottom: 0
    }

    section.news-results-grid article.standard-thumb-article {
        width: calc(33.3333% - 20px)
    }

    section.pagination a.page-link {
        width: 45px;
        height: 45px;
        line-height: 45px;
        line-height: 2.8125rem
    }

    section.people-results-grid article.person-tile {
        width: 33.333%
    }

    section.properties-resultsbar {
        margin-top: 60px
    }

    section.properties-searchbar .search-col:before {
        color: #8b92a5
    }

    section.properties-searchbar .search-col input[type=text] {
        background: none
    }

    section.properties-searchbar header {
        display: none
    }

    section.properties-searchbar button.submit {
        border-radius: 0 50px 50px 0;
        padding-right: 20px
    }

    section.properties-searchbar .form-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 5px;
        border-radius: 50px
    }

    section.properties-searchbar .sale-type-col {
        padding: 0 5px
    }

    section.properties-searchbar .col {
        margin: 0
    }

    section.properties-searchbar .search-col {
        width: 45%
    }

    section.properties-searchbar .property-type-col,
    section.properties-searchbar .sale-type-col,
    section.properties-searchbar .submit-col {
        width: 18.3%
    }

    section.property-image-map-slider .padding-box {
        padding: 0 70px
    }

    section.property-map .prop {
        padding-bottom: 54.28571%
    }

    section.propery-results-grid .grid-wrapper article.property-tile {
        width: 33.333%
    }
}

@media (min-width:768px) and (max-width:1330px) {

    section.header-hero .content,
    section.header-image-blog .content,
    section.header-image-full .content {
        padding-left: 40px;
        padding-right: 40px
    }

    section.image-statistics .inner {
        padding: 0 40px
    }
}

@media (min-width:768px) and (max-width:960px) {
    section.interactive-statements .tab-links {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:768px) and (max-width:1280px) {

    article.auction-tile .content,
    article.property-tile .content {
        padding: 25px 25px 20px;
        min-height: 150px
    }
}

@media (min-width:768px) and (max-width:1230px) {
    section.content-grid-one article.main .content {
        width: calc(99.9% * 1/2 - 20px);
        padding: 0 40px
    }

    section.content-grid-one article.main .content:nth-child(1n) {
        float: left;
        margin-right: 40px;
        clear: none
    }

    section.content-grid-one article.main .content:last-child {
        margin-right: 0
    }

    section.content-grid-one article.main .content:nth-child(2n) {
        margin-right: 0;
        float: right
    }

    section.content-grid-one article.main .content:nth-child(odd) {
        clear: both
    }

    section.content-grid-one article.main .image {
        width: calc(99.9% * 1/2 - 20px);
        padding-right: 40px
    }

    section.content-grid-one article.main .image:nth-child(1n) {
        float: left;
        margin-right: 40px;
        clear: none
    }

    section.content-grid-one article.main .image:last-child {
        margin-right: 0
    }

    section.content-grid-one article.main .image:nth-child(2n) {
        margin-right: 0;
        float: right
    }

    section.content-grid-one article.main .image:nth-child(odd) {
        clear: both
    }

    section.content-grid-one article.logo-area .image {
        display: none
    }

    section.image-side-content article.block {
        padding-left: 40px
    }

    section.image-side-content .image {
        width: calc(99.9% * 1/2 - 20px)
    }

    section.image-side-content .image:nth-child(1n) {
        float: left;
        margin-right: 40px;
        clear: none
    }

    section.image-side-content .image:last-child {
        margin-right: 0
    }

    section.image-side-content .image:nth-child(2n) {
        margin-right: 0;
        float: right
    }

    section.image-side-content .image:nth-child(odd) {
        clear: both
    }

    section.image-side-content .content {
        width: calc(99.9% * 1/2 - 20px);
        padding-right: 40px
    }

    section.image-side-content .content:nth-child(1n) {
        float: left;
        margin-right: 40px;
        clear: none
    }

    section.image-side-content .content:last-child {
        margin-right: 0
    }

    section.image-side-content .content:nth-child(2n) {
        margin-right: 0;
        float: right
    }

    section.image-side-content .content:nth-child(odd) {
        clear: both
    }

    section.image-side-content.landscape-offset article.block:first-of-type.image-portrait.image-left {
        margin-top: 0;
        padding-top: 100px
    }

    section.testimonials-marquee .text {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:768px) {

    section.person-detail .image-col,
    section.person-detail .image-col .image:before {
        display: block
    }

    section.person-detail .wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    section.person-detail .image-col {
        width: 40%;
        margin: 5rem 0
    }

    section.person-detail .content-col {
        width: 48%;
        margin: 4rem 0
    }
}

@media (min-width:769px) {

    section.header-banner-archive .wrapper,
    section.header-image-standard .wrapper {
        height: 50vw
    }
}

@media (min-width:781px) {

    .mce p,
    article.full-mce p,
    article.full-mce ul,
    article.medium-mce:not(.capped-ul) ul,
    article.medium-mce p {
        line-height: 1.5em
    }

    footer.primary,
    footer.primary .bottom,
    footer.primary .main,
    header.banner-notice .wrapper {
        padding-left: 40px;
        padding-right: 40px
    }

    header.banner-notice .inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    header.banner-notice .middle p {
        display: inline-block;
        margin-right: 10px
    }

    header.propery-title .wrapper,
    section.article-listing-marquee>footer,
    section.article-listing-marquee>header {
        padding-left: 40px;
        padding-right: 40px
    }

    section.article-listing-marquee nav.arrows {
        display: block
    }

    section.auction-builder .inner-wrapper {
        padding-left: 40px;
        padding-right: 40px;
        padding: 0
    }

    section.auction-listings .grid-wrapper,
    section.blog-article-navigation .nav-wrapper,
    section.blog-article-tags .wrapper,
    section.christmas-calander-dates .wrapper {
        padding-left: 40px;
        padding-right: 40px
    }

    section.christmas-calander-dates .wrapper {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    section.christmas-calander-dates article {
        width: calc(50% - 20px);
        margin: 0 10px;
        margin-bottom: 40px;
        padding-top: 145px;
        padding-bottom: 65px;
        max-width: 350px
    }

    section.christmas-calander-header .wrapper {
        padding-left: 40px;
        padding-right: 40px;
        margin-top: 20vh
    }

    section.content-grid-one article.logo-area .wrapper {
        padding-left: 40px;
        padding-right: 40px
    }

    section.content-grid-one article.logo-area .logo-list .logo {
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    section.content-grid-one article.logo-area .logo-list .logo:nth-of-type(-n+3) {
        border-bottom: 1px solid hsla(0, 0%, 100%, .1)
    }

    section.content-grid-one article.logo-area .logo-list .logo:nth-of-type(1n+7) {
        border-top: 1px solid hsla(0, 0%, 100%, .1)
    }

    section.content-grid-one article.logo-area .logo-list .logo:nth-of-type(3n+2) {
        border-left: 1px solid hsla(0, 0%, 100%, .1);
        border-right: 1px solid hsla(0, 0%, 100%, .1)
    }

    section.form .form-wrap,
    section.header-banner-archive .wrapper {
        padding-left: 40px;
        padding-right: 40px
    }

    section.header-image-full h3.description {
        line-height: 1.5em
    }

    section.header-image-standard .wrapper,
    section.heratage-area .intro.middle-content,
    section.heratage-area .last.middle-content {
        padding-left: 40px;
        padding-right: 40px
    }

    section.heratage-area .intro.middle-content,
    section.heratage-area .last.middle-content {
        padding: 0
    }

    section.image-marquee-slider>footer {
        padding-left: 40px;
        padding-right: 40px
    }

    section.image-marquee-slider nav.arrows {
        display: block
    }

    section.inline-searchbar .wrapper,
    section.interactive-statements .container {
        padding-left: 40px;
        padding-right: 40px
    }

    section.interactive-statements .tab-links a .label i:after {
        content: ". "
    }

    section.interactive-statements .tab-links a .label span {
        display: inline-block
    }

    section.intro-title-offset .container,
    section.intro-two-col .wrapper,
    section.key-contacts>footer {
        padding-left: 40px;
        padding-right: 40px
    }

    section.key-contacts nav.arrows {
        display: block
    }

    section.large-textarea .wrapper,
    section.marquee-service-slider>footer,
    section.marquee-service-slider>header {
        padding-left: 40px;
        padding-right: 40px
    }

    section.marquee-service-slider nav.arrows {
        display: block
    }

    section.news-results-grid .inner-wrapper,
    section.news-results-inline,
    section.office-results-grid .inner-wrapper {
        padding-left: 40px;
        padding-right: 40px
    }

    section.office-results-grid .list {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 -46px;
        width: calc(100% + 92px)
    }

    section.office-results-grid article.location-tile {
        margin-left: 23px;
        margin-right: 23px
    }

    section.page-segway-links .wrapper {
        padding-left: 40px;
        padding-right: 40px
    }

    section.page-segway-links article.article-segway a.details {
        line-height: 1.5em
    }

    section.pagination .wrapper,
    section.people-results-grid .inner-wrapper,
    section.person-detail .wrapper,
    section.properties-resultsbar .wrapper,
    section.properties-searchbar .wrapper,
    section.property-builder .inner-wrapper {
        padding-left: 40px;
        padding-right: 40px
    }

    section.property-builder .inner-wrapper {
        padding: 0
    }

    section.property-image-map-slider nav.arrows {
        display: block
    }

    section.propery-results-grid .grid-wrapper,
    section.related-auctions>footer,
    section.related-auctions>header {
        padding-left: 40px;
        padding-right: 40px
    }

    section.related-auctions nav.arrows {
        display: block
    }

    section.related-properties>footer,
    section.related-properties>header {
        padding-left: 40px;
        padding-right: 40px
    }

    section.related-properties nav.arrows {
        display: block
    }

    section.service-case-studies header.top,
    section.service-content-builder div.image-slider-marquee .img-slider-wrapper {
        padding-right: 40px;
        padding-left: 40px
    }

    section.service-content-builder div.image-slider-marquee .img-slider-wrapper {
        padding: 0
    }

    section.service-content-builder article.medium-mce,
    section.service-grid-listing .inner-wrapper,
    section.sitewide-search .container {
        padding-left: 40px;
        padding-right: 40px
    }

    section.sitewide-search .container {
        padding: 0
    }

    section.small-lineoffset-comment .container,
    section.social-share-area .wrapper,
    section.text-middle-section>.container {
        padding-left: 40px;
        padding-right: 40px
    }

    section.text-middle-section .textarea p {
        line-height: 1.5em
    }

    section.text-middle-section.border-top:after {
        right: 40px;
        left: 40px;
        width: calc(100% - 80px)
    }

    section.vacancies-list .container {
        padding-left: 40px;
        padding-right: 40px
    }

    section.vacancies-list .list {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px)
    }

    section.vacancies-list article.vacancy {
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% - 40px);
        flex-basis: calc(50% - 40px);
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 20px 40px
    }

    section.video-player .wrapper {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:785px) {
    aside.people-searchresults .sorting.col h3 {
        display: inline-block
    }

    aside.people-searchresults .filter-list {
        width: 170px
    }

    section.news-results-inline .sort-label {
        display: block;
        font-size: .875em;
        margin-right: 2rem
    }

    section.news-results-inline .results.col {
        width: 18%
    }

    section.news-results-inline .sorting.col {
        width: 80%
    }

    section.properties-resultsbar .filter-list {
        width: 170px
    }
}

@media(min-width:825px) {
    section.statistics-overview .stat-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    section.statistics-overview .content-col,
    section.statistics-overview .stats-col {
        width: 48%
    }
}

@media(min-width:846px) {
    section.large-textarea div.article-social-share {
        left: 4vw;
        display: block
    }
}

@media only screen and (min-width:870px) {
    section.form form footer.lower {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start
    }

    section.form form footer.lower .tickboxes {
        margin-right: 1.5rem
    }

    section.form form .submit {
        margin: 0
    }
}

@media(min-width:900px) {
    section.statistics-overview .stats-col {
        width: 100%
    }

    section.statistics-overview .content-col {
        width: 60%;
        margin: 3rem 0 8rem
    }
}

@media (min-width:930px) {
    section.news-results-inline .inner-content {
        padding: 10px 60px
    }
}

@media (min-width:960px) and (max-width:1024px) {

    section.header-hero .scroll-down,
    section.header-image-full .scroll-down {
        left: 40px !important;
        right: auto
    }
}

@media (min-width:960px) and (max-width:1330px) {
    section.image-statistics .stats {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    section.image-statistics .stat {
        /* -ms-flex-preferred-size: calc(50% - 100px);
        flex-basis: calc(50% - 100px) */
        -ms-flex-preferred-size: calc(30% - 100px);
        flex-basis: calc(30% - 100px)
    }
}

@media (min-width:960px) and (max-width:1230px) {
    section.content-grid-one article.main .content {
        width: calc(99.9% * 3/5 - 16px)
    }

    section.content-grid-one article.main .content:nth-child(1n) {
        float: left;
        margin-right: 40px;
        clear: none
    }

    section.content-grid-one article.main .content:last-child {
        margin-right: 0
    }

    section.content-grid-one article.main .content:nth-child(5n) {
        margin-right: 0;
        float: right
    }

    section.content-grid-one article.main .content:nth-child(5n+1) {
        clear: both
    }

    section.content-grid-one article.main .image {
        width: calc(99.9% * 2/5 - 24px)
    }

    section.content-grid-one article.main .image:nth-child(1n) {
        float: left;
        margin-right: 40px;
        clear: none
    }

    section.content-grid-one article.main .image:last-child {
        margin-right: 0
    }

    section.content-grid-one article.main .image:nth-child(5n) {
        margin-right: 0;
        float: right
    }

    section.content-grid-one article.main .image:nth-child(5n+1) {
        clear: both
    }

    section.image-side-content .image {
        width: calc(99.9% * 2/5 - 24px)
    }

    section.image-side-content .image:nth-child(1n) {
        float: left;
        margin-right: 40px;
        clear: none
    }

    section.image-side-content .image:last-child {
        margin-right: 0
    }

    section.image-side-content .image:nth-child(5n) {
        margin-right: 0;
        float: right
    }

    section.image-side-content .image:nth-child(5n+1) {
        clear: both
    }

    section.image-side-content .content {
        width: calc(99.9% * 3/5 - 16px)
    }

    section.image-side-content .content:nth-child(1n) {
        float: left;
        margin-right: 40px;
        clear: none
    }

    section.image-side-content .content:last-child {
        margin-right: 0
    }

    section.image-side-content .content:nth-child(5n) {
        margin-right: 0;
        float: right
    }

    section.image-side-content .content:nth-child(5n+1) {
        clear: both
    }
}

@media (min-width:961px) {

    article.standard-thumb-article-large .date,
    article.standard-thumb-article .date {
        display: block
    }

    section.christmas-calander-dates article {
        width: calc(33.333% - 30px);
        margin: 0 15px;
        margin-bottom: 40px
    }

    section.header-hero {
        display: block
    }

    section.header-hero .content {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 auto;
        padding-top: 50px;
        position: relative;
        width: 100%;
        height: 100%
    }

    section.header-hero h1.title {
        padding-left: 30px
    }

    section.header-hero h1.title:before {
        top: 10px;
        bottom: auto;
        left: 0;
        position: absolute;
        height: 0;
        transition: height 1.7s cubic-bezier(.77, 0, .175, 1) .1s;
        width: 2px !important
    }

    section.header-hero .button {
        margin-left: 30px;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        position: relative
    }

    section.header-hero .tagline {
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid hsla(0, 0%, 100%, .2);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        bottom: 0;
        left: 10%;
        position: relative;
        text-align: center;
        transition: all 1.2s cubic-bezier(.77, 0, .175, 1) .7s;
        width: 0;
        height: 33vh;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    section.header-hero .tagline h2 {
        margin: 0 auto;
        max-width: 420px;
        transition-delay: 1.8s
    }

    section.header-hero .tagline:before {
        background: transparent url(../images/svg/pattern-diagonal-lines--white.svg) repeat 0 0;
        content: "";
        opacity: 0;
        top: 0;
        bottom: 0;
        left: 1px;
        position: absolute;
        width: 0;
        height: 100%;
        transition: inherit;
        z-index: -1
    }

    section.header-hero .scroll-down {
        right: 0;
        width: calc(50% - 560px)
    }

    section.header-hero .scroll-down:hover i:before {
        height: 75px
    }

    section.header-hero .scroll-down:hover svg.arrow {
        top: 75px
    }

    section.header-hero .scroll-down:hover svg.circle circle {
        stroke-dashoffset: 95
    }

    section.header-hero.video-visible.viewed .content .title:before {
        height: 0
    }

    section.header-hero.viewed h1.title:before {
        height: calc(100% - 28px)
    }

    section.header-hero.viewed .tagline {
        width: calc(50% - 1px)
    }

    section.header-hero.viewed .tagline:before {
        opacity: .8;
        width: 100%
    }

    section.header-image-blog {
        display: block;
        margin-bottom: 6rem
    }

    section.header-image-blog .content {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
        padding-top: 50px;
        position: relative;
        width: 100%;
        height: 100%
    }

    section.header-image-full {
        display: block
    }

    section.header-image-full .content {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
        padding-top: 50px;
        position: relative;
        width: 100%;
        height: 100%
    }

    section.header-image-full .scroll-down {
        right: 0;
        width: calc(50% - 560px)
    }

    section.header-image-full .scroll-down:hover i:before {
        background: #0070c0;
        height: 75px
    }

    section.header-image-full .scroll-down:hover svg.arrow {
        top: 75px
    }

    section.header-image-full .scroll-down:hover svg.arrow g path {
        fill: #0070c0
    }

    section.header-image-full .scroll-down:hover svg.circle circle {
        stroke-dashoffset: 95
    }

    section.image-statistics .stats {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    section.image-statistics .stat {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 25px;
        margin-right: 25px;
        text-align: left
    }

    section.image-statistics .stat:before {
        background: #fff;
        content: "";
        top: 10px;
        left: -20px;
        position: absolute;
        opacity: .3;
        width: 1px;
        height: calc(100% - 5px)
    }

    section.interactive-statements .container {
        padding-bottom: 260px;
        padding-top: 220px
    }

    section.interactive-statements .tab-links {
        bottom: 90px;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1024px) and (max-width:1330px) {
    footer.primary nav.menu {
        margin-left: -40px;
        margin-right: -40px
    }

    footer.primary nav.menu .col {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: calc(25% - 20px);
        flex-basis: calc(25% - 20px);
        margin: 0 20px !important
    }

    header.primary .main .logo,
    header.primary .main .search-btn {
        -ms-flex-preferred-size: calc(50% - 390px);
        flex-basis: calc(50% - 390px)
    }

    header.primary .main nav.desktop {
        -ms-flex-preferred-size: 780px;
        flex-basis: 780px
    }

    section.header-hero .scroll-down {
        left: 6vw !important;
        right: auto
    }

    section.header-hero .lines {
        max-width: 780px
    }

    section.header-image-full .scroll-down {
        left: 6vw !important;
        right: auto
    }
}

@media (min-width:1024px) and (max-width:1230px) {
    section.form .form-wrap {
        padding-left: 40px;
        padding-right: 40px
    }

    section.gallery-images {
        margin: 50px 0
    }

    section.header-banner-archive .wrapper,
    section.header-image-standard .wrapper,
    section.inline-searchbar .wrapper,
    section.interactive-statements .container,
    section.intro-title-offset .container,
    section.intro-two-col .wrapper,
    section.news-results-inline,
    section.page-segway-links .wrapper,
    section.people-results-grid .inner-wrapper,
    section.person-detail .wrapper,
    section.small-lineoffset-comment .container,
    section.statistics-overview .stat-wrapper {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1024px) and (max-width:1230px) {
    section.form .form-wrap {
        padding-left: 40px;
        padding-right: 40px
    }

    section.gallery-images {
        margin: 50px 0
    }

    section.header-banner-archive .wrapper,
    section.header-image-standard .wrapper,
    section.inline-searchbar .wrapper,
    section.interactive-statements .container,
    section.intro-title-offset .container,
    section.intro-two-col .wrapper,
    section.news-results-inline,
    section.page-segway-links .wrapper,
    section.people-results-grid .inner-wrapper,
    section.person-detail .wrapper,
    section.small-lineoffset-comment .container,
    section.statistics-overview .stat-wrapper {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (min-width:1024px) and (max-width:1230px) {
    section.gallery-images .gallery-wrapper {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (min-width:1024px) {
    aside.sticky-property-ctas {
        display: none
    }

    section.form {
        padding: 65px 0
    }
}

@media(min-width:1024px) {
    nav.fixed-menu {
        display: block
    }

    header.propery-title {
        padding-top: 200px;
        padding-bottom: 210px
    }

    header.propery-title:not(.default) {
        padding-bottom: 150px
    }

    section.header-banner-archive .content {
        position: relative;
        top: 2vw
    }

    section.header-image-standard .link-btn {
        margin-top: 0;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateY(6rem) translateX(-50%)
    }

    section.header-image-standard .content {
        position: relative
    }

    section.history-slider li.slide {
        padding: 135px 0 70px
    }

    section.history-slider .image-col {
        display: block;
        margin-bottom: 6em
    }

    section.history-slider .inner-slide {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    section.history-slider .image-col {
        width: 45%
    }

    section.history-slider .content {
        width: 55%;
        margin: 0
    }

    section.person-detail {
        margin-top: 130px
    }
}

.new-personal-tile{
    width:33.33%;
}

@media (min-width: 1090px){
    .new-personal-tile{
        width:33.33% !important;
        max-width:100% !important;
    }  
}


@media only screen and (min-width:1024px) and (max-width:1330px) {
    section.header-hero .lines .set:last-of-type:after {
        bottom: auto;
        height: calc(100% - 33vh);
        top: 0;
    }
}

@media only screen and (min-width:1024px) and (max-width:1500px) {

    section.property-image-map-slider .bar,
    section.property-image-map-slider .counter {
        display: none
    }

    section.property-image-map-slider nav.arrows {
        text-align: center;
        position: static;
        margin: 15px auto 0
    }
}

@media (min-width:1024px) {
    aside.people-searchresults .sorting.col h3 {
        padding-right: 2rem
    }

    aside.people-searchresults .filter-list.size {
        margin-left: 35px
    }

    @media (min-width:1025px) {

        body.single-auction:not(.on-scroll):not(.search-visible) header.primary .main,
        body.single-people:not(.on-scroll):not(.search-visible) header.primary .main,
        body.single-property:not(.on-scroll):not(.search-visible) header.primary .main {
            padding-bottom: 0
        }
    }

    section.history-slider nav.timeline-nav ul.slick-dots li {
        width: 15%
    }

    section.service-case-studies {
        padding: 135px 0
    }

    section.service-case-studies article.medium-mce {
        max-width: 375px
    }

    section.service-case-studies .wrapper {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    section.service-case-studies .image-slides-wrapper {
        max-width: 885px;
        width: calc(50% + 70px)
    }

    section.service-case-studies .image-slides-wrapper:after {
        /* background: transparent url(../images/svg/pattern-diagonal-lines--blue.svg) repeat 0 0; */
        content: "";
        position: absolute;
        z-index: -1;
        bottom: -120px;
        left: 0;
        width: 230px;
        height: 140px
    }

    section.service-case-studies .content-wrapper {
        width: calc(50% - 70px)
    }

    section.service-case-studies .content-wrapper:before {
        top: -90px;
        right: -100vw;
        bottom: -90px;
        left: -90px;
        position: absolute
    }

    section.service-case-studies .padding-wrap {
        padding: 0 110px
    }
}

@media only screen and (min-width:1024px) and (max-width:1550px) {
    section.auction-builder {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start
    }

    section.auction-builder .property-wrapper-listing {
        width: 65%;
        padding-left: 5%
    }

    section.auction-builder .info-sidebar {
        width: 35%
    }

    section.property-builder {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 0
    }

    section.property-builder .property-wrapper-listing {
        width: 65%;
        padding-left: 5%
    }

    section.property-builder .property-wrapper-listing,
    section.property-builder .property-wrapper-listing:before {
        background: #fff
    }

    section.property-builder .property-wrapper-listing:before {
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0
    }

    section.property-builder .info-sidebar {
        width: 35%
    }
}

@media (min-width:1280px) {
    header.primary .main .logo a {
        padding: 34px 0 0;
        margin-left: 24px;
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    header.primary .main .logo a {
        padding: 52px 0 0;
        margin-left: 24px;
    }
}

@media (min-width:1025px) {
    article.service-tile .content {
        padding-left: 32px;
        padding-right: 32px
    }

    article.service-tile:hover .content .description {
        -ms-flex: 1;
        flex: 1;
        opacity: 1
    }

    article.service-tile:hover figure.image {
        opacity: .2
    }

    article.standard-thumb-article-large .author,
    article.standard-thumb-article .author {
        font-size: 14px;
        font-size: .875rem
    }

    footer.primary {
        text-align: left
    }

    footer.primary nav.menu .contact-details,
    footer.primary nav.menu ul li {
        font-size: 14px;
        font-size: .875rem
    }

    footer.primary nav.menu {
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    footer.primary nav.menu a {
        color: #fff
    }

    footer.primary nav.menu a:hover {
        color: #abafbf
    }

    footer.primary nav.menu span.title {
        border-bottom: 1px solid hsla(0, 0%, 100%, .2);
        padding-bottom: 15px
    }

    footer.primary a.rics-logo {
        background-position: 0
    }

    footer.primary .bottom {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.4em
    }

    header.primary nav.desktop {
        display: block
    }

    header.primary nav.mobile {
        display: none !important
    }

    header.primary .mobile-buttons {
        display: none
    }

    header.primary .main {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        height: 130px;
        -ms-flex-pack: center;
        justify-content: center
    }

    header.primary .main:after {
        background: #e8eaf0
    }

    header.primary .main .logo,
    header.primary .main .search-btn,
    header.primary .main nav.desktop {
        -ms-flex-negative: 1;
        flex-shrink: 1;
        text-align: center
    }

    header.primary .main .logo {
        -ms-flex-order: 0;
        order: 0
    
    }

    header.primary .main nav.desktop {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-order: 1;
        order: 1
    }

    header.primary .main .search-btn {
        -ms-flex-order: 2;
        order: 2
    }

    header.primary .main .logo a {
        /* padding: 34px 0 0; */
        /* padding:52px 0 0; */
        margin-left: 24px;
    }

    header.primary .main .logo svg {
        width: 71px;
        height: 81px
    }

    header.primary .main .logo svg g#text {
        transform: translateY(160px)
    }

    header.primary .main .search-btn {
        display: block
    }

    body.on-scroll header.primary:not(.search-visible) .main nav.desktop>ul>li>a {
        /* color: #152142; */
        color: #0070c0;
        transition: padding .5s cubic-bezier(.77, 0, .175, 1) 0s, color 1s cubic-bezier(.77, 0, .175, 1) .5s
    }

    body.on-scroll header.primary:not(.search-visible) .main .logo a {
        /* padding-top: 19px */
        padding-top: 14px;
    }

    body.on-scroll header.primary:not(.search-visible) .main .logo svg g#text {
        transform: translateY(125px)
    }

    body.on-scroll header.primary:not(.search-visible) .main nav.desktop {
        height: 80px
    }

    body.on-scroll header.primary:not(.search-visible) .main nav.desktop>ul>li>a {
        padding-top: 31px
    }

    body.single-auction:not(.on-scroll):not(.search-visible) header.primary .main,
    body.single-people:not(.on-scroll):not(.search-visible) header.primary .main,
    body.single-property:not(.on-scroll):not(.search-visible) header.primary .main {
        background: #fff
    }

    body.single-auction:not(.on-scroll):not(.search-visible) header.primary .main:after,
    body.single-people:not(.on-scroll):not(.search-visible) header.primary .main:after,
    body.single-property:not(.on-scroll):not(.search-visible) header.primary .main:after {
        opacity: 1;
        width: 100%
    }

    @media (min-width:1024px) {

        body.single-auction:not(.on-scroll):not(.search-visible) header.primary .main,
        body.single-people:not(.on-scroll):not(.search-visible) header.primary .main,
        body.single-property:not(.on-scroll):not(.search-visible) header.primary .main {
            padding-bottom: 0
        }
    }

    body.single-auction:not(.on-scroll):not(.search-visible) header.primary .main nav.desktop>ul>li>a,
    body.single-people:not(.on-scroll):not(.search-visible) header.primary .main nav.desktop>ul>li>a,
    body.single-property:not(.on-scroll):not(.search-visible) header.primary .main nav.desktop>ul>li>a {
        color: #152142
    }

    body.single-auction:not(.on-scroll):not(.search-visible) header.primary .logo a,
    body.single-people:not(.on-scroll):not(.search-visible) header.primary .logo a,
    body.single-property:not(.on-scroll):not(.search-visible) header.primary .logo a {
        padding-top: 56px !important
    }

    body.single-auction:not(.on-scroll):not(.search-visible) header.primary .logo svg g,
    body.single-people:not(.on-scroll):not(.search-visible) header.primary .logo svg g,
    body.single-property:not(.on-scroll):not(.search-visible) header.primary .logo svg g {
        fill: #152142
    }

    body.single-auction:not(.on-scroll):not(.search-visible) header.primary .logo svg g#text,
    body.single-people:not(.on-scroll):not(.search-visible) header.primary .logo svg g#text,
    body.single-property:not(.on-scroll):not(.search-visible) header.primary .logo svg g#text {
        opacity: 0;
        transform: translateY(125px);
        visibility: hidden
    }

    header.propery-title div.property-back {
        top: 140px
    }

    header.propery-title .wrapper {
        padding-left: 0;
        padding-right: 0
    }

    section.article-listing-marquee {
        padding: 45px 0
    }

    section.article-listing-marquee.no-padding-top-desktop {
        padding-top: 0
    }

    section.article-listing-marquee>footer {
        margin-top: 1.5rem
    }

    section.article-listing-marquee .bar {
        display: block
    }

    section.article-listing-marquee.hide-controls {
        padding-bottom: 30px
    }

    section.blog-article-navigation .nav-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    section.blog-article-tags {
        margin: 4.5rem 0 7rem
    }

    section.blog-article-tags .wrapper {
        padding-left: 0;
        padding-right: 0
    }

    section.form.offset {
        background: #f4f5f6;
        overflow: hidden;
        padding: 0 0 90px;
        position: relative
    }

    section.form.offset:before {
        background: #fff;
        content: "";
        top: 0;
        right: 0;
        bottom: 90px;
        left: calc((100% - 1200px) / 2 + 40px);
        position: absolute;
        width: calc(100% - ((100% - 1200px) / 2 - 60px) - 40px);
        height: calc(100% - 90px);
        z-index: 0
    }

    section.form.offset .inner {
        margin-left: auto;
        margin-right: auto;
        padding-left: 6vw;
        padding-right: 6vw;
        max-width: 1200px;
        padding-bottom: 95px;
        padding-top: 80px;
        position: relative;
        z-index: 1
    }

    section.form.offset h4 {
        font-family: 'Vidaloka', serif;
        color: #0070c0;
        font-size: calc(28px + 12 * ((100vw - 320px) / 960));
        font-size: calc(1.75rem + 12 * ((100vw - 20rem) / 960));
        font-weight: 400;
        line-height: 1.2em;
        margin-bottom: 1em;
        margin-bottom: 15px;
        padding-bottom: 15px;
        position: relative
    }

    @media screen and (min-width:1280px) {
        section.form.offset h4 {
            font-size: 40px;
            font-size: 2.5rem
        }
    }

    @media screen and (max-width:320px) {
        section.form.offset h4 {
            font-size: 28px;
            font-size: 1.75rem
        }
    }

    section.form.offset h4:before {
        background: #0070c0;
        content: "";
        display: block;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        position: absolute;
        width: 40px;
        height: 1px
    }

    section.form.offset h4 {
        margin-bottom: 50px;
        text-align: center
    }

    section.form.offset h4:before {
        margin-left: auto;
        margin-right: auto;
        right: 0;
        text-align: inherit
    }

    section.header-banner-archive .wrapper {
        height: 50vw
    }

    section.header-hero .lines {
        display: block
    }

    section.header-hero .video video {
        max-width: none;
        min-height: 100%;
        padding: 0
    }

    section.header-image-standard .wrapper {
        height: 50vw
    }

    section.image-marquee-slider {
        padding: 115px 0 45px
    }

    section.image-marquee-slider>footer {
        margin-top: 1.5rem
    }

    section.image-marquee-slider .bar {
        display: block
    }

    section.image-marquee-slider.hide-controls {
        padding-bottom: 30px
    }

    section.image-side-content.navy-content-bg article.block .content:before {
        background-color: #0070c0 !important
    }

    section.image-side-content.navy-content-bg article.block .content .textarea,
    section.image-side-content.navy-content-bg article.block .content .textarea h2,
    section.image-side-content.navy-content-bg article.block .content .textarea p {
        /* color: #fff !important */
    }

    section.image-statistics .stats {
        padding: 0 25px
    }

    section.interactive-statements .tab-links a .label {
        font-size: 14px;
        font-size: .875rem
    }

    section.intro-title-offset {
        padding: 120px 0 140px
    }

    section.intro-title-offset:before {
        display: block
    }

    section.intro-title-offset aside.leftside-angled-title {
        top: 128px
    }

    section.key-contacts {
        padding: 0 0 80px
    }

    section.key-contacts>footer {
        margin-top: 1.5rem
    }

    section.key-contacts .bar {
        display: block
    }

    section.key-contacts.hide-controls {
        padding-bottom: 30px
    }

    section.large-textarea .wrapper {
        padding-left: 0;
        padding-right: 0
    }

    section.large-textarea {
        margin: 4.5rem 0 7rem
    }

    section.marquee-service-slider {
        padding: 85px 0 80px
    }

    section.marquee-service-slider.no-padding-top-desktop {
        padding-top: 0
    }

    section.marquee-service-slider>footer {
        margin-top: 1.5rem
    }

    section.marquee-service-slider .bar {
        display: block
    }

    section.marquee-service-slider.hide-controls {
        padding-bottom: 30px
    }

    section.office-results-grid article.location-tile {
        width: calc(33.333% - 46px)
    }

    section.property-image-map-slider {
        padding: 115px 0 0
    }

    section.property-image-map-slider.map-disabled>.image-slider-wrap {
        padding-bottom: 100px
    }

    section.property-image-map-slider>footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    section.property-image-map-slider>footer .off-block {
        display: block;
        width: calc(50% + 442px)
    }

    section.property-image-map-slider>footer .navigation-area {
        width: calc(50% - 442px)
    }

    section.property-image-map-slider.hide-controls {
        padding-bottom: 30px
    }

    section.related-auctions {
        padding: 45px 0
    }

    section.related-auctions.no-padding-top-desktop {
        padding-top: 0
    }

    section.related-auctions>footer {
        margin-top: 1.5rem
    }

    section.related-auctions .bar {
        display: block
    }

    section.related-auctions.hide-controls {
        padding-bottom: 30px
    }

    section.related-properties {
        padding: 45px 0
    }

    section.related-properties.no-padding-top-desktop {
        padding-top: 0
    }

    section.related-properties>footer {
        margin-top: 1.5rem
    }

    section.related-properties .bar {
        display: block
    }

    section.related-properties.hide-controls {
        padding-bottom: 30px
    }

    section.service-content-builder article.medium-mce {
        padding-left: 0;
        padding-right: 0
    }

    section.sitewide-search {
        text-align: left
    }

    section.sitewide-search .title {
        display: block
    }

    section.small-lineoffset-comment {
        margin: 120px 0 140px
    }

    section.social-share-area .wrapper {
        padding-left: 0;
        padding-right: 0
    }

    section.testimonials-marquee span.company,
    section.testimonials-marquee span.name {
        font-size: 14px;
        font-size: .875rem
    }

    section.text-middle-section>.container {
        padding-left: 0;
        padding-right: 0
    }

    section.vacancies-list {
        margin-top: -90px;
        padding-top: 90px
    }

    section.vacancies-list .container {
        padding-bottom: 120px;
        padding-top: 130px
    }

    section.vacancies-list article.vacancy {
        -ms-flex-preferred-size: calc(33.3333% - 40px);
        flex-basis: calc(33.3333% - 40px)
    }

    section.vacancy-detail {
        padding: 110px 0 100px
    }

    section.vacancy-detail section.social-share-area {
        margin-top: 100px;
        padding-top: 50px
    }

    section.video-player .wrapper {
        padding-left: 0;
        padding-right: 0
    }

    section.video-player {
        margin: 6rem 0
    }
}

@media only screen and (min-width:1025px) {
    section.office-builder section.marquee-service-slider {
        padding: 50px 0 40px
    }

    section.office-builder section.marquee-service-slider .articles,
    section.office-builder section.marquee-service-slider:before,
    section.office-builder section.marquee-service-slider footer,
    section.office-builder section.marquee-service-slider header {
        transform: translateY(-65px)
    }
}

@media (min-width:1025px) and (min-width:781px) {
    section.form.offset .inner {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1090px) {
    section.auction-listings .grid-wrapper article.auction-tile {
        padding: 0 10px;
        width: 25%;
        margin-bottom: 20px
    }

    section.news-results-grid article.standard-thumb-article {
        width: calc(25% - 20px)
    }

    section.news-results-grid article.standard-thumb-article.hide-large {
        display: none
    }

    section.news-results-grid article.standard-thumb-article-large {
        display: block
    }

    section.people-results-grid article.person-tile,
    section.propery-results-grid .grid-wrapper article.property-tile {
        padding: 0 10px;
        width: 25%;
        margin-bottom: 20px
    }
}

@media (min-width:1230px) {
    section.gallery-images .gallery-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media(min-width:1230px) {
    section.heratage-area header.top-area {
        padding-top: 115px;
        margin-top: 100px;
        margin-bottom: 150px
    }

    section.heratage-area header.top-area:before {
        bottom: 160px
    }

    section.heratage-area header.top-area .positioner {
        right: 30px
    }

    section.heratage-area header.top-area .image .prop {
        padding-bottom: 58.59375%
    }
}

@media (min-width:1230px) and (max-width:1330px) {
    header.primary .main .container {
        padding: 0 40px
    }

    /* header.primary .main .logo a {
        padding-top: 52px;
    } */
    header.primary .main .logo,
    header.primary .main .search-btn {
        -ms-flex-preferred-size: calc(50% - 560px);
        flex-basis: calc(50% - 560px)
    }

    header.primary .main nav.desktop {
        /* -ms-flex-preferred-size: 1000px;
        flex-basis: 1000px */
        -ms-flex-preferred-size: 800px;
        flex-basis: 800px;
    }

    section.content-grid-one article.main .textarea {
        padding-right: 100px
    }

    section.image-side-content article.block.image-left .textarea {
        padding-left: 100px
    }

    section.image-side-content article.block.image-right .textarea {
        padding-right: 100px
    }
}

@media (min-width:1231px) {

    .mce h3,
    article.full-mce h3,
    article.medium-mce h3 {
        line-height: 1.4em
    }

    article.standard-thumb-article-large main {
        left: 30px;
        right: 30px;
        bottom: 38px
    }

    article.standard-thumb-article-large footer {
        padding-left: 30px;
        padding-right: 30px
    }

    article.standard-thumb-article-large footer:before {
        font-family: 'Open Sans', sans-serif;
        color: #0070c0;
        font-size: calc(8px + 2 * ((100vw - 320px) / 960));
        font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        letter-spacing: .0625rem;
        line-height: 1.5em;
        margin-bottom: 1em;
        background: transparent url(../images/svg/long-right-arrow-white.svg) no-repeat center right 38px/15px 7px;
        color: #fff;
        content: "Read article";
        display: block;
        margin-bottom: 0;
        opacity: 0;
        padding-top: 19px;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 55px;
        text-align: center;
        transition: all .3s cubic-bezier(.77, 0, .175, 1) 0s;
        visibility: hidden;
        z-index: 2
    }

    @media screen and (min-width:1280px) {
        article.standard-thumb-article-large footer:before {
            font-size: 10px;
            font-size: .625rem
        }
    }

    @media screen and (max-width:320px) {
        article.standard-thumb-article-large footer:before {
            font-size: 8px;
            font-size: .5rem
        }
    }

    article.standard-thumb-article-large footer .author,
    article.standard-thumb-article-large footer .date {
        transition: opacity .3s cubic-bezier(.77, 0, .175, 1)
    }

    article.standard-thumb-article-large .author span.name {
        font-weight: 500
    }

    article.standard-thumb-article main {
        padding: 25px 30px 40px
    }

    article.standard-thumb-article footer {
        padding-left: 30px;
        padding-right: 30px
    }

    article.standard-thumb-article footer:before {
        font-family: 'Open Sans', sans-serif;
        color: #0070c0;
        font-size: calc(8px + 2 * ((100vw - 320px) / 960));
        font-size: calc(.5rem + 2 * ((100vw - 20rem) / 960));
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        letter-spacing: .0625rem;
        line-height: 1.5em;
        margin-bottom: 1em;
        background: transparent url(../images/svg/long-right-arrow-white.svg) no-repeat center right 38px/15px 7px;
        color: #fff;
        content: "Read article";
        display: block;
        margin-bottom: 0;
        opacity: 0;
        padding-top: 19px;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 55px;
        text-align: center;
        transition: all .3s cubic-bezier(.77, 0, .175, 1) 0s;
        visibility: hidden;
        z-index: 2
    }

    @media screen and (min-width:1280px) {
        article.standard-thumb-article footer:before {
            font-size: 10px;
            font-size: .625rem
        }
    }

    @media screen and (max-width:320px) {
        article.standard-thumb-article footer:before {
            font-size: 8px;
            font-size: .5rem
        }
    }

    article.standard-thumb-article footer:after {
        background: #0070c0;
        height: 4px
    }

    article.standard-thumb-article footer .author,
    article.standard-thumb-article footer .date {
        transition: opacity .3s cubic-bezier(.77, 0, .175, 1)
    }

    article.standard-thumb-article .author span.name {
        font-weight: 500
    }

    footer.primary .bottom {
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    footer.primary .bottom .company-info,
    footer.primary .bottom .copyright {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    footer.primary .bottom .copyright {
        text-align: right
    }

    footer.primary .bottom a.logomark {
        display: inline-block
    }

    section.article-listing-marquee .slick-list {
        margin: 0 0 0 calc(50% - 560px);
        padding-left: 0
    }

    section.article-listing-marquee .slick-slide {
        padding-top: 10px
    }

    section.article-listing-marquee .slick-slide>div {
        padding-left: 0;
        padding-bottom: 0;
        padding-right: 20px
    }

    section.article-listing-marquee .slick-slide article.standard-thumb-article:hover {
        transform: translateY(-10px)
    }

    section.christmas-calander-dates {
        padding-top: 4.5rem
    }

    section.christmas-calander-dates article {
        width: calc(25% - 40px);
        margin: 0 20px;
        margin-bottom: 40px;
        max-width: 275px
    }

    section.content-grid-one {
        padding: 90px 0 150px
    }

    section.content-grid-one .logo-title,
    section.content-grid-one article.medium-mce h2 {
        margin-bottom: 0
    }

    section.content-grid-one .logo-title:before,
    section.content-grid-one article.medium-mce h2:before {
        top: 23px;
        bottom: auto;
        left: -60px;
        position: absolute
    }

    section.content-grid-one article.medium-mce p {
        color: hsla(0, 0%, 100%, .6)
    }

    section.content-grid-one article.main {
        margin-bottom: 0;
        position: relative;
        z-index: 1
    }

    section.content-grid-one article.main .wrapper {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    section.content-grid-one article.main .content {
        -ms-flex-align: center;
        align-items: center;
        background: transparent;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% + 70px);
        flex-basis: calc(50% + 70px);
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0;
        position: relative;
        z-index: 0
    }

    section.content-grid-one article.main .textarea {
        padding-left: calc(50vw - 560px);
        padding-bottom: 0;
        padding-top: 0
    }

    section.content-grid-one article.main .image {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% - 70px);
        flex-basis: calc(50% - 70px);
        margin-top: 0;
        padding-right: 0;
        z-index: 1
    }

    section.content-grid-one article.main .image .inner {
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-flexbox;
        display: flex
    }

    section.content-grid-one article.logo-area {
        min-height: 420px;
        position: relative;
        margin-top: 0
    }

    section.content-grid-one article.logo-area .wrapper {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    section.content-grid-one article.logo-area .logos {
        background: transparent;
        display: block;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% + 165px);
        flex-basis: calc(50% + 165px);
        -ms-flex-order: 2;
        order: 2;
        padding: 85px 0 0 90px;
        position: relative;
        z-index: 0
    }

    section.content-grid-one article.logo-area .logos .logo-title {
        padding-left: 60px
    }

    section.content-grid-one article.logo-area .logos .logo-title:before {
        left: 0
    }

    section.content-grid-one article.logo-area .image {
        margin-top: 0;
        max-width: 420px;
        -ms-flex: 0 0 calc(50% + 165px);
        flex: 0 0 calc(50% + 165px);
        -ms-flex-order: 1;
        order: 1;
        padding-left: 0;
        z-index: 1
    }

    section.content-grid-one article.logo-area .image .inner {
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-flexbox;
        display: flex
    }

    section.content-grid-one.overlap-up {
        margin-top: -90px;
        padding-top: 205px
    }

    section.content-grid-one:after,
    section.content-grid-one:before {
        background: transparent url(../images/svg/pattern-diagonal-lines--blue.svg) repeat 0 0;
        content: "";
        position: absolute;
        z-index: 0
    }

    section.content-grid-one:before {
        height: 250px;
        right: 0;
        top: 0;
        width: 150px
    }

    section.content-grid-one:after {
        bottom: 0;
        height: 465px;
        left: 0;
        width: 100px
    }

    section.form .form-wrap,
    section.header-banner-archive .wrapper {
        padding-left: 0;
        padding-right: 0
    }

    section.header-banner-archive .wrapper {
        height: 60vw
    }

    section.header-image-standard .wrapper {
        padding-left: 0;
        padding-right: 0;
        height: 60vw
    }

    section.image-side-content {
        padding-bottom: 0
    }

    section.image-side-content article.block {
        padding-left: 0;
        position: relative;
        z-index: 1
    }

    section.image-side-content article.block:not(:last-of-type) {
        margin-bottom: 0
    }

    section.image-side-content article.block .wrapper {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    section.image-side-content .image {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% - 70px);
        flex-basis: calc(50% - 70px);
        margin-bottom: 0;
        z-index: 1
    }

    section.image-side-content .image .inner {
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-flexbox;
        display: flex
    }

    section.image-side-content .content {
        -ms-flex-align: center;
        align-items: center;
        background: transparent;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex: 0 0 calc(50% + 70px);
        flex: 0 0 calc(50% + 70px);
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0;
        position: relative;
        z-index: 0
    }

    section.image-side-content .textarea {
        padding: 0;
        
    }

    section.image-side-content img.additional {
        display: block
    }

    section.image-side-content article.block.narrow-text article.medium-mce {
        max-width: 375px
    }

    section.image-side-content article.block.image-landscape {
        padding: 90px 0
    }


    section.image-side-content article.block.image-landscape:not(.no-content-bg) .content:before {
        background: #f4f5f7;
        content: "";
        top: -90px;
        bottom: -90px;
        position: absolute;
        width: calc(100% + 3300px);
        height: calc(100% + 180px);
        z-index: -1
    }
     

     /* --discoverModusSoft.html-- */

    /* #Who-we-are.image-side-content article.block.image-landscape:not(.no-content-bg) .content:before{
        background: #f4f5f7;
        content: "";
        top: -90px;
        bottom: -90px;
        position: absolute;
        width: calc(100% + 160px);
        height: calc(100% + 180px);
        z-index: -1;
    } */

    #Who-we-are.image-side-content .content .textarea{
        /* width: 1700px; */
         min-width: 1700px;    
    }

    #Meet-the-Team.image-side-content .content .textarea{
        min-width: 1700px;
    }

    #Why-ModusSoft.image-side-content .content .textarea{
        min-width: 1700px;
    }

    #Our-Offerings.image-side-content .content .textarea{
        min-width: 1700px;
    }

    #how-we-work.image-side-content .content .textarea{
        min-width: 1700px;
    }

     /* --ourServices.html-- */

    #FCUBS.image-side-content .content .textarea{
        min-width: 1700px;
    }

    #OBP.image-side-content .content .textarea{
        min-width: 1700px;
    }

    #OBDX.image-side-content .content .textarea{
        min-width: 1700px;
    }

    #OBCL.image-side-content .content .textarea{
        min-width: 1700px;
    }

    #OBTR.image-side-content .content .textarea{
        min-width: 1700px;
    }

    #FCCORE.image-side-content .content .textarea{
        min-width: 1700px;
    }

     /* ---ourSubServices.html-- */

    #Banking-Transformation.image-side-content .content .textarea{
        min-width: 1700px;
    }

    #Quality-assurance.image-side-content .content .textarea{
        min-width: 1700px;
    }

    #Managed-services.image-side-content .content .textarea{
        min-width: 1700px;
     }

    #Consulting-Services.image-side-content .content .textarea{
        min-width: 1700px;
    }

    #Training-services.image-side-content .content .textarea{
        min-width: 1700px;
    }

    #Architecture-and-technology-consulting.image-side-content .content .textarea{
        min-width: 1700px;
    }

     /* ---ModusBi.html.html-- */

    #About-ModusBI.image-side-content .content .textarea{
        min-width: 1700px;
    }

     /* ---ModusQaRobot.html.html-- */

    #Modus-QaRobot.image-side-content .content .textarea{
        min-width: 1700px;
    }

     /* ---Carrers.html.html-- */

    #Career.image-side-content .content .textarea{
        min-width: 1700px;
    } 

     /* ---Newsroom.html-- */

    #Latest-News.image-side-content .content .textarea{
        min-width: 1700px;
    }

    
    
    

    section.image-side-content article.block.image-portrait.has-additional-img .content {
        -ms-flex-align: start;
        align-items: flex-start
    }

    section.image-side-content article.block.image-portrait.has-additional-img .content article.medium-mce {
        padding-top: 85px
    }

    section.image-side-content article.block.image-left.image-portrait .image {
        text-align: right
    }

    section.image-side-content article.block.image-left.image-portrait .image .inner {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    section.image-side-content article.block.image-left:not(.no-content-bg) .content:before {
        right: 0;
        left: -160px
    }

    section.image-side-content article.block.image-left .textarea {
        padding-bottom: 0;
        padding-right: calc(50vw - 560px);
        padding-top: 0
    }

    section.image-side-content article.block.image-right.image-portrait .image {
        text-align: left
    }

    section.image-side-content article.block.image-right.image-portrait .image .inner {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    section.image-side-content article.block.image-right:not(.no-content-bg) .content:before {
        right: -160px;
        left: 0
    }

    section.image-side-content article.block.image-right .textarea {
        padding-left: calc(50vw - 560px);
        padding-bottom: 0;
        padding-top: 0
    }

    section.image-side-content article.block.overlap-up {
        margin-top: -90px
    }

    section.image-side-content.landscape-offset article.block:first-of-type.image-portrait.image-left {
        margin: 0 0 100px;
        overflow-x: visible;
        padding: 0;
        z-index: 2
    }

    section.image-side-content.landscape-offset article.block:first-of-type.image-portrait.image-left:before {
        background: #f4f5f7;
        content: "";
        top: -180px;
        left: 0;
        position: absolute;
        width: calc(50% - 320px);
        height: calc(100% + 190px);
        z-index: -1
    }

    section.image-side-content.landscape-offset article.block:first-of-type.image-portrait.image-left .image {
        padding-right: 0
    }

    section.image-side-content.landscape-offset article.block:first-of-type.image-portrait.image-left .image img {
        min-width: 490px;
        transform: translateY(-80px)
    }

    section.image-side-content.landscape-offset article.block:first-of-type.image-portrait.image-left .content {
        padding-left: 0
    }

    section.image-side-content.landscape-offset article.block:first-of-type.image-portrait.image-left .arrow-btn:before {
        background: #eeeff3
    }

    section.image-side-content.margin-bottom-large-desktop {
        margin-bottom: 220px
    }

    section.inline-searchbar .wrapper,
    section.interactive-statements .container {
        padding-left: 0;
        padding-right: 0
    }

    section.interactive-statements:after {
        background: transparent url(../images/svg/pattern-diagonal-lines--blue.svg) repeat 0 0;
        content: "";
        top: -175px;
        left: 0;
        position: absolute;
        width: 100px;
        height: 430px;
        z-index: 0
    }

    section.intro-title-offset .container {
        padding-left: 0;
        padding-right: 0
    }

    section.intro-two-col {
        margin: 3.5rem 0 5rem
    }

    section.intro-two-col .wrapper {
        padding: 0
    }

    section.key-contacts .slick-list {
        margin: 0 0 0 calc(50% - 560px);
        padding-left: 0
    }

    section.key-contacts .slick-slide {
        padding-top: 10px
    }

    section.key-contacts .slick-slide>div {
        padding-left: 0;
        padding-bottom: 0;
        padding-right: 20px
    }

    section.marquee-service-slider .slick-list {
        margin: 0 0 0 calc(50% - 560px);
        padding-left: 0
    }

    section.marquee-service-slider .slick-slide {
        padding-top: 10px
    }

    section.marquee-service-slider .slick-slide>div {
        padding-left: 0;
        padding-bottom: 0;
        padding-right: 20px
    }

    section.marquee-service-slider .slick-slide article.standard-thumb-article:hover {
        transform: translateY(-10px)
    }

    section.marquee-service-slider .slick-slide article.standard-thumb-article:hover footer .author,
    section.marquee-service-slider .slick-slide article.standard-thumb-article:hover footer .date {
        opacity: 0
    }

    section.marquee-service-slider .slick-slide article.standard-thumb-article:hover footer:before {
        background-position: center right 30px;
        opacity: 1;
        transition-delay: .2s;
        visibility: visible
    }

    section.marquee-service-slider .slick-slide article.standard-thumb-article:hover footer:after {
        height: 56px
    }

    section.news-results-inline,
    section.page-segway-links .wrapper {
        padding-left: 0;
        padding-right: 0
    }

    section.people-results-grid .inner-wrapper {
        padding: 0
    }

    section.person-detail .wrapper {
        padding-left: 0;
        padding-right: 0
    }

    section.preloader .svg-animation {
        width: 70%
    }

    section.properties-searchbar {
        right: 0;
        left: 0;
        position: absolute;
        width: 100%
    }

    section.related-auctions .slick-list {
        margin: 0 0 0 calc(50% - 560px);
        padding-left: 0
    }

    section.related-auctions .slick-slide {
        padding-top: 10px
    }

    section.related-auctions .slick-slide>div {
        padding-left: 0;
        padding-bottom: 0;
        padding-right: 20px
    }

    section.related-auctions .slick-slide article.standard-thumb-article:hover {
        transform: translateY(-10px)
    }

    section.related-auctions .slick-slide article.standard-thumb-article:hover footer .author,
    section.related-auctions .slick-slide article.standard-thumb-article:hover footer .date {
        opacity: 0
    }

    section.related-auctions .slick-slide article.standard-thumb-article:hover footer:before {
        background-position: center right 30px;
        opacity: 1;
        transition-delay: .2s;
        visibility: visible
    }

    section.related-auctions .slick-slide article.standard-thumb-article:hover footer:after {
        height: 56px
    }

    section.related-properties .slick-list {
        margin: 0 0 0 calc(50% - 560px);
        padding-left: 0
    }

    section.related-properties .slick-slide {
        padding-top: 10px
    }

    section.related-properties .slick-slide>div {
        padding-left: 0;
        padding-bottom: 0;
        padding-right: 20px
    }

    section.related-properties .slick-slide article.standard-thumb-article:hover {
        transform: translateY(-10px)
    }

    section.related-properties .slick-slide article.standard-thumb-article:hover footer .author,
    section.related-properties .slick-slide article.standard-thumb-article:hover footer .date {
        opacity: 0
    }

    section.related-properties .slick-slide article.standard-thumb-article:hover footer:before {
        background-position: center right 30px;
        opacity: 1;
        transition-delay: .2s;
        visibility: visible
    }

    section.related-properties .slick-slide article.standard-thumb-article:hover footer:after {
        height: 56px
    }

    section.service-grid-listing {
        padding: 125px 0
    }

    section.service-grid-listing article.service-tile {
        margin: 30px;
        width: calc(33.333% - 60px)
    }

    section.small-lineoffset-comment .container {
        padding-left: 0;
        padding-right: 0
    }

    section.social-share-area {
        margin: 3rem 0 0
    }

    section.social-share-area.inline .wrapper {
        border-top: 1px solid #eeeff3;
        max-width: 625px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 45px
    }

    section.statistics-overview .stat-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    section.statistics-overview .inner-stats .lower-stat {
        margin-top: 60px;
        padding-top: 60px;
        padding-bottom: 50px
    }

    section.statistics-overview {
        padding-top: 145px
    }

    section.statistics-overview:before {
        height: calc(100% + 345px)
    }

    section.testimonials-marquee {
        padding: 105px 0 80px
    }

    section.testimonials-marquee i.speechmark svg {
        width: 50px;
        height: 39px
    }

    section.testimonials-marquee .text {
        padding-left: 0;
        padding-right: 0
    }

    section.testimonials-marquee img.photo {
        display: inline-block;
        margin: 0 18px 0 0;
        max-width: 32px
    }

    section.testimonials-marquee ul.slick-dots {
        margin-top: 50px
    }

    section.testimonials-marquee ul.slick-dots li {
        margin-left: 8px;
        margin-right: 8px;
        width: 20px;
        height: 20px
    }

    section.testimonials-marquee ul.slick-dots li:before {
        width: 6px;
        height: 6px
    }

    section.testimonials-marquee:after {
        background: transparent url(../images/svg/pattern-diagonal-lines--blue.svg) repeat 0 0;
        content: "";
        width: 150px;
        height: 250px;
        top: 0;
        right: 0;
        position: absolute;
        z-index: 0
    }

    section.testimonials-marquee.home-offset-bg:before {
        background: #f4f5f7;
        content: "";
        top: -340px;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: calc(340px + 100% + 280px);
        z-index: 0
    }

    section.text-middle-section {
        margin: 25px 0 40px;
        margin: 80px 0
    }
}

@media only screen and (min-width:1235px) and (max-width:1485px) {
    nav.aside-menu-links {
        visibility: visible;
        padding: 85px 25px
    }

    nav.service-parent {
        padding: 85px 25px
    }
}

@media only screen and (min-width:1235px) {
    nav.service-parent {
        visibility: visible
    }

    section.policy-template .policy-wrapper {
        margin: 6rem auto
    }
}

@media only screen and (min-width:1280px) {
    section.office-builder section.form {
        padding: 125px 0
    }

    section.service-content-builder div.image-slider-marquee {
        padding-right: 70px
    }
}

@media screen and (min-width:1280px) {
    .mce h2 {
        font-size: 40px;
        font-size: 2.5rem
    }

    .mce h3 {
        font-size: 26px;
        font-size: 1.625rem
    }

    .mce h4 {
        font-size: 27px;
        font-size: 1.6875rem
    }

    .mce p,
    .mce ul {
        font-size: 17px;
        font-size: 1.0625rem
    }

    .mce ul {
        font-size: 10px;
        font-size: .625rem
    }

    .mce ol {
        font-size: 17px;
        font-size: 1.0625rem
    }

    .mce blockquote {
        font-size: 31px;
        font-size: 1.9375rem
    }

    .mce .arrow-btn,
    .mce .arrow-btn>a {
        font-size: 15px;
        font-size: .9375rem
    }

    article.auction-tile .roundel span,
    article.auction-tile header h3 a {
        font-size: 10px;
        font-size: .625rem
    }

    article.auction-tile header h4 a {
        font-size: 19px;
        font-size: 1.1875rem
    }

    article.auction-tile footer a.footage {
        font-size: 10px;
        font-size: .625rem
    }

    article.full-mce h2 {
        font-size: 40px;
        font-size: 2.5rem
    }

    article.full-mce h3 {
        font-size: 26px;
        font-size: 1.625rem
    }

    article.full-mce h4 {
        font-size: 27px;
        font-size: 1.6875rem
    }

    article.full-mce p {
        font-size: 17px;
        font-size: 1.0625rem
    }

    article.full-mce ul {
        font-size: 10px;
        font-size: .625rem
    }

    article.full-mce ol {
        font-size: 17px;
        font-size: 1.0625rem
    }

    article.full-mce blockquote {
        font-size: 31px;
        font-size: 1.9375rem
    }

    article.full-mce .arrow-btn,
    article.full-mce .arrow-btn>a {
        font-size: 15px;
        font-size: .9375rem
    }

    article.full-mce ul {
        font-size: 17px;
        font-size: 1.0625rem
    }

    article.image-thumb-article .title {
        font-size: 21px;
        font-size: 1.3125rem
    }

    article.image-thumb-article .description {
        font-size: 16px;
        font-size: 1rem
    }

    article.location-tile h3 a {
        font-size: 19px;
        font-size: 1.1875rem
    }

    article.location-tile .google-maps .text {
        font-size: 10px;
        font-size: .625rem
    }

    article.medium-mce h2 {
        font-size: 40px;
        font-size: 2.5rem
    }

    article.medium-mce h3 {
        font-size: 26px;
        font-size: 1.625rem
    }

    article.medium-mce h4 {
        font-size: 27px;
        font-size: 1.6875rem
    }

    article.medium-mce p,
    article.medium-mce ul {
        font-size: 17px;
        font-size: 1.0625rem
    }

    article.medium-mce ul {
        font-size: 10px;
        font-size: .625rem
    }

    article.medium-mce ol {
        font-size: 17px;
        font-size: 1.0625rem
    }

    article.medium-mce blockquote {
        font-size: 31px;
        font-size: 1.9375rem
    }

    article.medium-mce .arrow-btn,
    article.medium-mce .arrow-btn>a {
        font-size: 15px;
        font-size: .9375rem
    }

    article.medium-mce:not(.capped-ul) ul {
        font-size: 17px;
        font-size: 1.0625rem
    }

    article.no-properties-found {
        font-size: 19px;
        font-size: 1.1875rem
    }

    article.person-tile a.telephone {
        font-size: 14px;
        font-size: .875rem
    }

    article.person-tile h3 {
        font-size: 19px;
        font-size: 1.1875rem
    }

    article.person-tile h4 a {
        font-size: 15px;
        font-size: .9375rem
    }

    article.person-tile footer a {
        font-size: 10px;
        font-size: .625rem
    }

    article.points-list h3,
    article.property-info h3 {
        font-size: 27px;
        font-size: 1.6875rem
    }

    article.property-info ul.header span {
        font-size: 10px;
        font-size: .625rem
    }

    article.property-tile-google-map .content header h3 {
        font-size: 17px;
        font-size: 1.0625rem
    }

    article.property-tile-google-map .content header a.footage,
    article.property-tile .roundel span,
    article.property-tile header h4 a {
        font-size: 10px;
        font-size: .625rem
    }

    article.property-tile header h3 a {
        font-size: 19px;
        font-size: 1.1875rem
    }

    article.property-tile footer a.footage {
        font-size: 10px;
        font-size: .625rem
    }

    article.service-tile .content .title span {
        font-size: 21px;
        font-size: 1.3125rem
    }

    article.service-tile .content .description {
        font-size: 16px;
        font-size: 1rem
    }

    article.standard-thumb-article-large .title {
        font-size: 17px;
        font-size: 1.0625rem
    }

    @media (min-width:1231px) {
        article.standard-thumb-article-large footer:before {
            font-size: 10px;
            font-size: .625rem
        }
    }

    article.standard-thumb-article-large .category,
    article.standard-thumb-article-large .date,
    article.standard-thumb-article .category {
        font-size: 10px;
        font-size: .625rem
    }

    article.standard-thumb-article .title {
        font-size: 17px;
        font-size: 1.0625rem
    }

    @media (min-width:1231px) {
        article.standard-thumb-article footer:before {
            font-size: 10px;
            font-size: .625rem
        }
    }

    article.standard-thumb-article .date,
    article.vacancy .content span.location {
        font-size: 10px;
        font-size: .625rem
    }

    article.vacancy .content span.title {
        font-size: 17px;
        font-size: 1.0625rem
    }

    aside.leftside-angled-title h4 {
        font-size: 10px;
        font-size: .625rem
    }

    aside.people-searchresults .dk-select {
        font-size: 11px;
        font-size: .6875rem
    }

    aside.service-agents h3 {
        font-size: 20px;
        font-size: 1.25rem
    }

    aside.service-agents h4 {
        font-size: 15px;
        font-size: .9375rem
    }

    aside.service-agents a.telephone {
        font-size: 14px;
        font-size: .875rem
    }

    aside.service-agents a.button,
    div.article-social-share header,
    nav.fixed-menu a {
        font-size: 10px;
        font-size: .625rem
    }

    header.primary nav.mobile .mobile-menu>ul>li {
        font-size: 17px;
        font-size: 1.0625rem
    }

    header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children>a {
        font-size: 15px;
        font-size: .9375rem
    }

    header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children li>a,
    header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children>ul.sub-menu>li:not(.menu-item-has-children)>a {
        font-size: 11px;
        font-size: .6875rem
    }

    header.propery-title div.property-back a .text,
    header.propery-title h3 {
        font-size: 10px;
        font-size: .625rem
    }

    header.propery-title h1 {
        font-size: 50px;
        font-size: 3.125rem
    }

    header.propery-title .roundel span {
        font-size: 10px;
        font-size: .625rem
    }

    section.article-listing-marquee>header>.title span {
        font-size: 40px;
        font-size: 2.5rem
    }

    section.article-listing-marquee.small-title>header>.title span {
        font-size: 27px;
        font-size: 1.6875rem
    }

    section.article-listing-marquee .counter span {
        font-size: 10px;
        font-size: .625rem
    }

    section.auction-builder ul.property-actions a span {
        font-size: 11px;
        /* font-size: .6875rem */
        font-size: 0.875rem;
    }

    section.auction-listings footer.lower-footer a,
    section.blog-article-navigation .nav-wrapper a .text,
    section.blog-article-tags .categories * {
        font-size: 10px;
        font-size: .625rem
    }

    section.christmas-calander-dates article .date .day {
        font-size: 105px;
        font-size: 6.5625rem
    }

    section.christmas-calander-dates article .date .month {
        font-size: 17px;
        font-size: 1.0625rem
    }

    section.christmas-calander-header h1 {
        font-size: 85px;
        font-size: 5.3125rem
    }

    section.christmas-calander-header .subtitle {
        font-size: 17px;
        font-size: 1.0625rem
    }

    section.content-grid-one .logo-title,
    section.content-grid-one article.medium-mce h2 {
        font-size: 40px;
        font-size: 2.5rem
    }

    section.content-grid-one article.logo-area .logos .logo-title {
        font-size: 36px;
        font-size: 2.25rem
    }

    section.form h4 {
        font-size: 27px;
        font-size: 1.6875rem
    }

    section.form form input[type=email]::-webkit-input-placeholder,
    section.form form input[type=password]::-webkit-input-placeholder,
    section.form form input[type=tel]::-webkit-input-placeholder,
    section.form form input[type=number]::-webkit-input-placeholder,
    section.form form input[type=text]::-webkit-input-placeholder,
    section.form form input[type=url]::-webkit-input-placeholder,
    section.form form textarea::-webkit-input-placeholder {
        font-size: 10px;
        font-size: .625rem
    }

    section.form form .dk-select .dk-selected,
    section.form form .filebox .button,
    section.form form .filebox .file-label,
    section.form form .tab,
    section.form form .wpcf7-list-item .wpcf7-list-item-label {
        font-size: 10px;
        font-size: .625rem
    }

    section.form form .submit,
    section.form form .submit>a {
        font-size: 15px;
        font-size: .9375rem
    }

    section.form form .wpcf7-response-output {
        font-size: 10px;
        font-size: .625rem
    }

    @media (min-width:1025px) {
        section.form.offset h4 {
            font-size: 40px;
            font-size: 2.5rem
        }
    }

    section.gallery-images a {
        font-size: 16px;
        font-size: 1rem
    }

    section.header-banner-archive h1 {
        font-size: 17px;
        font-size: 1.0625rem
    }

    section.header-banner-archive h2 {
        font-size: 85px;
        font-size: 5.3125rem
    }

    section.header-banner-archive h3 {
        font-size: 10px;
        font-size: .625rem
    }

    section.header-hero h1.title {
        font-size: 87px;
        font-size: 5.4375rem
    }

    .logo-main {
        font-size: 60px;
        /* font-size: 5.4375rem;  */
        color: #fff;
        /* margin-top: 30px;
        margin-left: 10px; */
        margin-top: 20px;
        margin-left: 28px;
        font-weight: 400;
        font-family: 'Vidaloka', serif;
    }

    section.header-hero .button {
        font-size: 15px;
        font-size: .9375rem
    }

    section.header-hero .tagline h2 {
        font-size: 20px;
        /* font-size: 1.25rem */
        /* new */
        font-size: 1.6rem;
    }

    section.header-hero .side-text span {
        font-size: 15px;
        font-size: .9375rem
    }

    section.header-image-blog .author .name {
        font-size: 10px;
        font-size: .625rem
    }

    section.header-image-blog h2.upper {
        font-size: 12px;
        font-size: .75rem
    }

    section.header-image-blog h1.title {
        font-size: 60px;
        font-size: 3.75rem
    }

    section.header-image-full h2.upper {
        font-size: 14px;
        font-size: .875rem
    }

    section.header-image-full h1.title {
        font-size: 87px;
        /* font-size: 5.4375rem */
        /* new css */
        font-size: 4.4375rem;
    }

    section.header-image-full h3.description {
        font-size: 17px;
        font-size: 1.0625rem
    }

    section.header-image-full .side-text span {
        font-size: 15px;
        font-size: .9375rem
    }

    section.header-image-standard h1 {
        font-size: 17px;
        font-size: 1.0625rem
    }

    section.header-image-standard h2 {
        font-size: 85px;
        font-size: 5.3125rem
    }

    section.header-image-standard h3,
    section.history-slider .text-content time.secondary {
        font-size: 10px;
        font-size: .625rem
    }

    section.history-slider .text-content .description {
        font-size: 16px;
        font-size: 1rem
    }

    section.history-slider h3 {
        font-size: 40px;
        font-size: 2.5rem
    }

    section.history-slider nav.timeline-nav ul.slick-dots a .year {
        font-size: 11px;
        font-size: .6875rem
    }

    section.image-marquee-slider .counter span {
        font-size: 10px;
        font-size: .625rem
    }

    section.image-statistics h4.heading {
        font-size: 40px;
        font-size: 2.5rem
    }

    section.image-statistics .number>div.figure>span,
    section.image-statistics .number>div.position-huge>span {
        font-size: 44px;
        font-size: 2.5rem
    }

    section.image-statistics .number>div.position-normal>span,
    section.image-statistics .number>div.position-top>span {
        font-size: 32px;
        font-size: 2rem
    }

    section.image-statistics .info {
        font-size: 15px;
        font-size: .9375rem
    }

    section.inline-searchbar input.submit {
        font-size: 11px;
        font-size: .6875rem
    }

    section.interactive-statements span.title {
        font-size: 14px;
        font-size: .875rem
    }

    section.interactive-statements .description {
        font-size: 40px;
        font-size: 2.5rem
    }

    section.intro-title-offset:not(.reduce-font-size) h3 {
        font-size: 45px;
        font-size: 2.8125rem
    }

    section.intro-title-offset.reduce-font-size h3 {
        font-size: 31px;
        font-size: 1.9375rem
    }

    section.intro-two-col h2 {
        font-size: 40px;
        font-size: 2.5rem
    }

    section.key-contacts h2 {
        font-size: 27px;
        font-size: 1.6875rem
    }

    section.key-contacts .counter span {
        font-size: 10px;
        font-size: .625rem
    }

    section.marquee-service-slider>header>.title span {
        font-size: 27px;
        font-size: 1.6875rem
    }

    section.marquee-service-slider .counter span {
        font-size: 10px;
        font-size: .625rem
    }

    section.news-results-inline .dk-select {
        font-size: 11px;
        font-size: .6875rem
    }

    section.page-segway-links h2 {
        font-size: 27px;
        font-size: 1.6875rem;
        font-size: 45px;
        font-size: 2.8125rem
    }

    section.page-segway-links a.image .view {
        font-size: 10px;
        font-size: .625rem
    }

    section.page-segway-links article.article-segway h3 a {
        font-size: 27px;
        font-size: 1.6875rem
    }

    section.page-segway-links article.article-segway a.details {
        font-size: 17px;
        font-size: 1.0625rem
    }

    section.person-detail h1 {
        font-size: 45px;
        font-size: 2.8125rem
    }

    section.person-detail h2 {
        font-size: 10px;
        font-size: .625rem
    }

    section.person-detail h3 {
        font-size: 27px;
        font-size: 1.6875rem
    }

    section.person-detail nav.options a,
    section.person-detail nav.pagination .nav-next a .text,
    section.person-detail nav.pagination .nav-previous a .text {
        font-size: 10px;
        font-size: .625rem
    }

    section.properties-resultsbar .dk-select {
        font-size: 11px;
        font-size: .6875rem
    }

    section.properties-searchbar .dk-select,
    section.properties-searchbar button.submit {
        font-size: 10px;
        font-size: .625rem;
        font-size: 11px;
        font-size: .6875rem
    }

    section.property-builder ul.property-actions a span {
        font-size: 11px;
        font-size: .6875rem
    }

    section.property-image-map-slider .counter span,
    section.property-image-map-slider ul.nav-items li a span,
    section.propery-results-grid a.prop-form-req .text,
    section.propery-results-grid footer.lower-footer a {
        font-size: 10px;
        font-size: .625rem
    }

    section.related-auctions>header>.title span {
        font-size: 40px;
        font-size: 2.5rem
    }

    section.related-auctions .counter span {
        font-size: 10px;
        font-size: .625rem
    }

    section.related-properties>header>.title span {
        font-size: 40px;
        font-size: 2.5rem
    }

    section.related-properties .counter span {
        font-size: 10px;
        font-size: .625rem
    }

    section.service-case-studies header.top h2 {
        font-size: 40px;
        font-size: 2.5rem
    }

    section.sitewide-search .title {
        font-size: 45px;
        font-size: 2.8125rem
    }

    section.small-lineoffset-comment h3 {
        font-size: 32px;
        font-size: 2rem
    }

    section.social-share-area h3 {
        font-size: 10px;
        font-size: .625rem
    }

    section.statistics-overview .inner-stats .lower-stat .one,
    section.statistics-overview .inner-stats .lower-stat .three {
        font-size: 45px;
        font-size: 2.8125rem
    }

    section.statistics-overview .inner-stats .lower-stat .two {
        font-size: 65px;
        font-size: 4.0625rem
    }

    section.statistics-overview .inner-stats .lower-stat .subtitle {
        font-size: 15px;
        font-size: .9375rem
    }

    section.statistics-overview .content-col .quote {
        font-size: 80px;
        font-size: 5rem
    }

    section.statistics-overview .content-col .quote-text {
        font-size: 24px;
        font-size: 1.5rem
    }

    section.testimonials-marquee .text p {
        font-size: 27px;
        font-size: 1.6875rem
    }

    section.text-middle-section h6.title {
        font-size: 40px;
        font-size: 2.5rem
    }

    section.text-middle-section .textarea p {
        font-size: 17px;
        font-size: 1.0625rem
    }

    section.text-middle-section .button,
    section.text-middle-section .button>a {
        font-size: 15px;
        font-size: .9375rem
    }

    section.vacancies-list .heading {
        font-size: 40px;
        font-size: 2.5rem
    }

    section.video-player .button,
    section.video-player.playing .wrapper .button {
        font-size: 15px;
        font-size: .9375rem
    }
}

@media (min-width:1280px) {

    article.auction-tile .content,
    article.property-tile .content {
        padding: 35px 30px 25px;
        min-height: 150px;
        /* min-height: 230px */
    }

    aside.people-searchresults {
        padding: 2.2rem 0 2rem
    }

    section.auction-listings .grid-wrapper {
        padding-left: 100px;
        padding-right: 100px
    }

    section.history-slider:after {
        width: 160px;
        height: 260px
    }

    section.history-slider nav.timeline-nav ul.slick-dots li {
        width: auto
    }

    section.image-marquee-slider a.img-box {
        max-width: 780px;
        max-height: 540px
    }

    section.image-marquee-slider .padding-box {
        padding: 0 100px
    }

    section.intro-two-col .left-col {
        max-width: 370px
    }

    section.news-results-grid,
    section.news-results-inline {
        padding-left: 100px;
        padding-right: 100px
    }

    section.news-results-inline {
        padding: 1.2rem 0 2rem
    }

    section.pagination nav {
        padding: 85px 0 90px
    }

    section.properties-resultsbar {
        padding: 1.2rem 0 2rem
    }

    section.properties-resultsbar .wrapper {
        padding-left: 100px;
        padding-right: 100px
    }

    section.property-image-map-slider a.img-box {
        width: 780px;
        height: 540px
    }

    section.property-image-map-slider .padding-box {
        padding: 0 100px
    }

    section.property-map .prop {
        padding-bottom: 55.55556%
    }

    section.propery-results-grid .grid-wrapper {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media(min-width:1280px) {
    section.history-slider {
        margin: 140px 0
    }

    section.history-slider li.slide {
        padding: 200px 0 70px
    }

    section.person-detail .content-col,
    section.person-detail .image-col {
        width: 48%
    }
}

@media(min-width:1296px) {
    section.large-textarea div.article-social-share {
        left: calc(50% - 566px)
    }
}

@media(min-width:1300px) {
    section.person-detail nav.pagination {
        position: relative;
        left: 10vw
    }
}

@media(min-width:1300px) {
    section.heratage-area header.top-area aside {
        width: calc(50vw - 480px)
    }

    section.heratage-area header.top-area .image {
        padding-left: calc(50vw - 480px)
    }
}

@media only screen and (min-width:1330px) and (max-width:1500px) {
    footer.primary .logo {
        padding-left: 40px
    }
}

@media only screen and (min-width:1330px) and (max-width:1440px) {
    footer.primary nav.menu {
        padding-left: 20vw
    }
}

@media (min-width:1331px) {
    aside.leftside-angled-title {
        display: -ms-flexbox;
        display: flex
    }

    footer.primary .main {
        padding: 0 !important
    }

    footer.primary .logo {
        margin: 0;
        top: 2px;
        left: 0;
        position: absolute;
        text-align: left
    }

    footer.primary nav.menu {
        margin: 0
    }

    footer.primary nav.menu .col {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        /* margin-right: 80px */
        margin-right: 56px;
    }

    header.primary .main .logo,
    header.primary .main .search-btn {
        -ms-flex-preferred-size: calc(50% - 530px);
        flex-basis: calc(50% - 530px)
    }

    header.primary .main nav.desktop {
        -ms-flex-preferred-size: 1120px;
        flex-basis: 1120px
    }

    section.content-grid-one article.main .textarea {
        padding-bottom: 60px;
        padding-right: 160px;
        padding-top: 40px
    }

    section.content-grid-one article.logo-area .logo-list {
        padding-left: 110px
    }

    section.header-hero .content {
        padding-left: 0;
        padding-right: 0
    }

    section.header-hero .share {
        display: block
    }

    section.header-hero .side-text {
        display: -ms-flexbox;
        display: flex
    }

    section.header-image-blog .content,
    section.header-image-full .content {
        padding-left: 0;
        padding-right: 0
    }

    section.header-image-full .share {
        display: block
    }

    section.header-image-full .side-text {
        display: -ms-flexbox;
        display: flex
    }

    section.image-side-content article.block.image-left .textarea {
        padding-left: 160px
    }

    section.image-side-content article.block.image-right .textarea {
        padding-right: 160px
    }

    section.image-statistics {
        padding-left: 100px
    }

    section.image-statistics .container {
        padding: 180px 0 330px
    }

    section.image-statistics .inner {
        padding: 0 calc(50% - 560px - 50px)
    }

    section.image-statistics .stat {
        -ms-flex-preferred-size: calc(25% - 25px);
        flex-basis: calc(25% - 25px);
        margin-bottom: 0
    }

    section.image-statistics.additional-top-padding .container:before {
        padding-top: 270px
    }
}

@media only screen and (min-width:1331px) {
    section.header-hero .lines .set:last-of-type:before {
        left: 560px
    }

    section.header-hero .lines .set:last-of-type:after {
        right: 0
    }

    section.header-hero .lines {
        max-width: 1120px
    }
}

@media screen and (min-width:1400px) {
    section.heratage-area header.top-area h3 {
        font-size: 45px;
        font-size: 2.8125rem
    }
}

@media only screen and (min-width:1440px) {
    footer.primary nav.menu {
        padding-left: 350px
    }
}

@media(min-width:1450px) {

    section.image-marquee-slider .padding-box,
    section.property-image-map-slider .padding-box {
        padding: 0 130px
    }
}

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

    section.header-banner-archive .link-btn a,
    section.header-image-standard .link-btn a {
        font-size: 14px;
        font-size: .875rem
    }
}

@media(min-width:1451px) {
    header.propery-title div.property-back {
        left: 0;
        top: 140px;
        width: calc(50% - 560px)
    }
}

@media(min-width:1460px) {
    section.heratage-area header.top-area aside {
        width: calc(50vw - 560px)
    }

    section.heratage-area header.top-area .image {
        padding-left: calc(50vw - 560px)
    }
}

@media only screen and (min-width:1485px) {
    nav.aside-menu-links {
        visibility: visible;
        padding: 105px 70px;
        width: 25%
    }

    nav.service-parent {
        padding: 105px 70px
    }
}

@media(min-width:1550px) {
    section.social-share-area.inline {
        background: none
    }
}

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

    section.auction-builder aside.service-agents,
    section.auction-builder aside.service-agents ul.slides.slick-initialized,
    section.property-builder aside.service-agents,
    section.property-builder aside.service-agents ul.slides.slick-initialized,
    section.service-content-builder aside.service-agents,
    section.service-content-builder aside.service-agents ul.slides.slick-initialized {
        visibility: visible
    }
}

@media only screen and (min-width:1550px) {
    section.auction-builder .property-wrapper-listing {
        min-height: 800px
    }

    section.auction-builder .info-sidebar {
        position: absolute;
        top: 0;
        right: 0;
        width: calc(50% - 442px)
    }

    section.auction-builder .info-sidebar .sidebar-inner-area {
        max-width: 300px;
        margin: 0 auto
    }

    section.auction-builder aside.service-agents {
        width: 100%;
        margin: 4rem 0
    }

    section.property-builder {
        margin-top: 0
    }

    section.property-builder .property-wrapper-listing {
        min-height: 800px;
        width: calc(50% + 442px);
        position: relative;
        padding-bottom: 100px
    }

    section.property-builder .property-wrapper-listing,
    section.property-builder .property-wrapper-listing:before {
        background: #fff
    }

    section.property-builder .property-wrapper-listing:before {
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0
    }

    section.property-builder .property-wrapper-listing article:first-child {
        margin-top: 0
    }

    section.property-builder .info-sidebar {
        position: absolute;
        top: 0;
        right: 0;
        width: calc(50% - 442px)
    }

    section.property-builder .info-sidebar .sidebar-inner-area {
        max-width: 300px;
        margin: 0 auto
    }

    section.property-builder aside.service-agents {
        width: 100%;
        margin: 4rem 0
    }
}

@media(min-width:1550px) {
    section.history-slider li.slide {
        padding: 250px 0 70px
    }
}

@media(min-width:1600px) {
    nav.fixed-menu li {
        padding-left: 70px;
        max-width: 250px
    }
}

@media (min-width:1600px) {
    section.auction-listings .grid-wrapper article.auction-tile {
        width: 20%
    }

    section.news-results-grid .inner-wrapper {
        padding: 0
    }

    section.propery-results-grid .grid-wrapper article.property-tile {
        width: 20%
    }
}

@media(min-width:1700px) {
    section.history-slider .slick-list {
        padding: 0 320px
    }
}

@media(min-width:1720px) {
    aside.service-agents nav.arrows .slick-prev {
        left: -45px
    }

    aside.service-agents nav.arrows .slick-next {
        right: -45px
    }
}

@media screen and (min-width:1850px) {
    section.history-slider time.primary {
        font-size: 220px;
        font-size: 13.75rem
    }
}

@media (min-width:1900px) {

    section.auction-listings .grid-wrapper,
    section.news-results-inline,
    section.properties-resultsbar .wrapper,
    section.propery-results-grid .grid-wrapper {
        padding: 0
    }
}

@media (min-width:1920px) {
    section.service-case-studies .padding-wrap {
        padding: 0 135px
    }
}

@media (max-width:767px) {
    section.content-grid-one article.logo-area .wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    section.image-side-content.landscape-offset article.block:first-of-type.image-portrait.image-left {
        padding-left: 0
    }

    section.image-side-content.landscape-offset article.block:first-of-type.image-portrait.image-left .image {
        padding-right: 6vw
    }

    section.image-side-content.landscape-offset article.block:first-of-type.image-portrait.image-left .content {
        padding-left: 6vw
    }
}

@media screen and (max-width:320px) {
    .mce h2 {
        font-size: 28px;
        font-size: 1.75rem
    }

    .mce h3 {
        font-size: 19px;
        font-size: 1.1875rem
    }

    .mce h4 {
        font-size: 22px;
        font-size: 1.375rem
    }

    .mce p {
        font-size: 15px;
        font-size: .9375rem
    }

    .mce ul {
        font-size: 14px;
        font-size: .875rem;
        font-size: 8px;
        font-size: .5rem
    }

    .mce ol {
        font-size: 14px;
        font-size: .875rem
    }

    .mce blockquote {
        font-size: 16px;
        font-size: 1rem
    }

    .mce .arrow-btn,
    .mce .arrow-btn>a {
        font-size: 13px;
        font-size: .8125rem
    }

    article.auction-tile .roundel span,
    article.auction-tile header h3 a {
        font-size: 8px;
        font-size: .5rem
    }

    article.auction-tile header h4 a {
        font-size: 17px;
        font-size: 1.0625rem
    }

    article.auction-tile footer a.footage {
        font-size: 8px;
        font-size: .5rem
    }

    article.full-mce h2 {
        font-size: 28px;
        font-size: 1.75rem
    }

    article.full-mce h3 {
        font-size: 19px;
        font-size: 1.1875rem
    }

    article.full-mce h4 {
        font-size: 22px;
        font-size: 1.375rem
    }

    article.full-mce p {
        font-size: 15px;
        font-size: .9375rem
    }

    article.full-mce ul {
        font-size: 14px;
        font-size: .875rem;
        font-size: 8px;
        font-size: .5rem
    }

    article.full-mce ol {
        font-size: 14px;
        font-size: .875rem
    }

    article.full-mce blockquote {
        font-size: 16px;
        font-size: 1rem
    }

    article.full-mce .arrow-btn,
    article.full-mce .arrow-btn>a {
        font-size: 13px;
        font-size: .8125rem
    }

    article.full-mce ul {
        font-size: 15px;
        font-size: .9375rem
    }

    article.image-thumb-article .title {
        font-size: 18px;
        font-size: 1.125rem
    }

    article.image-thumb-article .description {
        font-size: 14px;
        font-size: .875rem
    }

    article.location-tile h3 a {
        font-size: 17px;
        font-size: 1.0625rem
    }

    article.location-tile .google-maps .text {
        font-size: 8px;
        font-size: .5rem
    }

    article.medium-mce h2 {
        font-size: 28px;
        font-size: 1.75rem
    }

    article.medium-mce h3 {
        font-size: 19px;
        font-size: 1.1875rem
    }

    article.medium-mce h4 {
        font-size: 22px;
        font-size: 1.375rem
    }

    article.medium-mce p {
        font-size: 15px;
        font-size: .9375rem
    }

    article.medium-mce ul {
        font-size: 14px;
        font-size: .875rem;
        font-size: 8px;
        font-size: .5rem
    }

    article.medium-mce ol {
        font-size: 14px;
        font-size: .875rem
    }

    article.medium-mce blockquote {
        font-size: 16px;
        font-size: 1rem
    }

    article.medium-mce .arrow-btn,
    article.medium-mce .arrow-btn>a {
        font-size: 13px;
        font-size: .8125rem
    }

    article.medium-mce:not(.capped-ul) ul {
        font-size: 15px;
        font-size: .9375rem
    }

    article.no-properties-found {
        font-size: 17px;
        font-size: 1.0625rem
    }

    article.person-tile a.telephone {
        font-size: 13px;
        font-size: .8125rem
    }

    article.person-tile h3 {
        font-size: 17px;
        font-size: 1.0625rem
    }

    article.person-tile h4 a {
        font-size: 14px;
        font-size: .875rem
    }

    article.person-tile footer a {
        font-size: 8px;
        font-size: .5rem
    }

    article.points-list h3,
    article.property-info h3 {
        font-size: 22px;
        font-size: 1.375rem
    }

    article.property-info ul.header span {
        font-size: 8px;
        font-size: .5rem
    }

    article.property-tile-google-map .content header h3 {
        font-size: 15px;
        font-size: .9375rem
    }

    article.property-tile-google-map .content header a.footage,
    article.property-tile .roundel span,
    article.property-tile header h4 a {
        font-size: 8px;
        font-size: .5rem
    }

    article.property-tile header h3 a {
        font-size: 17px;
        font-size: 1.0625rem
    }

    article.property-tile footer a.footage {
        font-size: 8px;
        font-size: .5rem
    }

    article.service-tile .content .title span {
        font-size: 18px;
        font-size: 1.125rem
    }

    article.service-tile .content .description,
    article.standard-thumb-article-large .title {
        font-size: 14px;
        font-size: .875rem
    }

    @media (min-width:1231px) {
        article.standard-thumb-article-large footer:before {
            font-size: 8px;
            font-size: .5rem
        }
    }

    article.standard-thumb-article-large .category,
    article.standard-thumb-article-large .date,
    article.standard-thumb-article .category {
        font-size: 8px;
        font-size: .5rem
    }

    article.standard-thumb-article .title {
        font-size: 14px;
        font-size: .875rem
    }

    @media (min-width:1231px) {
        article.standard-thumb-article footer:before {
            font-size: 8px;
            font-size: .5rem
        }
    }

    article.standard-thumb-article .date,
    article.vacancy .content span.location {
        font-size: 8px;
        font-size: .5rem
    }

    article.vacancy .content span.title {
        font-size: 14px;
        font-size: .875rem
    }

    aside.leftside-angled-title h4 {
        font-size: 8px;
        font-size: .5rem
    }

    aside.people-searchresults .dk-select {
        font-size: 10px;
        font-size: .625rem
    }

    aside.service-agents h3 {
        font-size: 17px;
        font-size: 1.0625rem
    }

    aside.service-agents a.telephone,
    aside.service-agents h4 {
        font-size: 13px;
        font-size: .8125rem
    }

    aside.service-agents a.button,
    div.article-social-share header,
    nav.fixed-menu a {
        font-size: 8px;
        font-size: .5rem
    }

    header.primary nav.mobile .mobile-menu>ul>li {
        font-size: 15px;
        font-size: .9375rem
    }

    header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children>a {
        font-size: 13px;
        font-size: .8125rem
    }

    header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children li>a,
    header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children>ul.sub-menu>li:not(.menu-item-has-children)>a {
        font-size: 10px;
        font-size: .625rem
    }

    header.propery-title div.property-back a .text,
    header.propery-title h3 {
        font-size: 8px;
        font-size: .5rem
    }

    header.propery-title h1 {
        font-size: 35px;
        font-size: 2.1875rem
    }

    header.propery-title .roundel span {
        font-size: 8px;
        font-size: .5rem
    }

    section.article-listing-marquee>header>.title span {
        font-size: 28px;
        font-size: 1.75rem
    }

    section.article-listing-marquee.small-title>header>.title span {
        font-size: 22px;
        font-size: 1.375rem
    }

    section.article-listing-marquee .counter span {
        font-size: 8px;
        font-size: .5rem
    }

    section.auction-builder ul.property-actions a span {
        font-size: 10px;
        font-size: .625rem
    }

    section.auction-listings footer.lower-footer a,
    section.blog-article-navigation .nav-wrapper a .text,
    section.blog-article-tags .categories * {
        font-size: 8px;
        font-size: .5rem
    }

    section.christmas-calander-dates article .date .month {
        font-size: 14px;
        font-size: .875rem
    }

    section.christmas-calander-header .subtitle {
        font-size: 13px;
        font-size: .8125rem
    }

    section.content-grid-one .logo-title,
    section.content-grid-one article.logo-area .logos .logo-title,
    section.content-grid-one article.medium-mce h2 {
        font-size: 28px;
        font-size: 1.75rem
    }

    section.form h4 {
        font-size: 22px;
        font-size: 1.375rem
    }

    section.form form input[type=email]::-webkit-input-placeholder,
    section.form form input[type=password]::-webkit-input-placeholder,
    section.form form input[type=tel]::-webkit-input-placeholder,
    section.form form input[type=number]::-webkit-input-placeholder,
    section.form form input[type=text]::-webkit-input-placeholder,
    section.form form input[type=url]::-webkit-input-placeholder,
    section.form form textarea::-webkit-input-placeholder {
        font-size: 8px;
        font-size: .5rem
    }

    section.form form .dk-select .dk-selected,
    section.form form .filebox .button,
    section.form form .filebox .file-label,
    section.form form .tab,
    section.form form .wpcf7-list-item .wpcf7-list-item-label {
        font-size: 8px;
        font-size: .5rem
    }

    section.form form .submit,
    section.form form .submit>a {
        font-size: 13px;
        font-size: .8125rem
    }

    section.form form .wpcf7-response-output {
        font-size: 8px;
        font-size: .5rem
    }

    @media (min-width:1025px) {
        section.form.offset h4 {
            font-size: 28px;
            font-size: 1.75rem
        }
    }

    section.gallery-images a {
        font-size: 10px;
        font-size: .625rem
    }

    section.header-banner-archive h1 {
        font-size: 14px;
        font-size: .875rem
    }

    section.header-banner-archive h2 {
        font-size: 40px;
        font-size: 2.5rem
    }

    section.header-banner-archive h3 {
        font-size: 8px;
        font-size: .5rem
    }

    section.header-banner-archive .link-btn a {
        font-size: 11px;
        font-size: .6875rem
    }

    section.header-hero h1.title {
        font-size: 45px;
        font-size: 2.8125rem
    }

    section.header-hero .button {
        font-size: 13px;
        font-size: .8125rem
    }

    section.header-hero .tagline h2 {
        font-size: 14px;
        font-size: .875rem
    }

    section.header-hero .side-text span {
        font-size: 13px;
        font-size: .8125rem
    }

    section.header-image-blog .author .name {
        font-size: 8px;
        font-size: .5rem
    }

    section.header-image-blog h2.upper {
        font-size: 11px;
        font-size: .6875rem
    }

    section.header-image-blog h1.title {
        font-size: 35px;
        font-size: 2.1875rem
    }

    section.header-image-full h2.upper {
        font-size: 12px;
        font-size: .75rem
    }

    section.header-image-full h1.title {
        font-size: 45px;
        font-size: 2.8125rem
    }

    section.header-image-full h3.description {
        font-size: 15px;
        font-size: .9375rem
    }

    section.header-image-full .side-text span {
        font-size: 13px;
        font-size: .8125rem
    }

    section.header-image-standard h1 {
        font-size: 14px;
        font-size: .875rem
    }

    section.header-image-standard h2 {
        font-size: 40px;
        font-size: 2.5rem
    }

    section.header-image-standard h3 {
        font-size: 8px;
        font-size: .5rem
    }

    section.header-image-standard .link-btn a {
        font-size: 11px;
        font-size: .6875rem
    }

    section.heratage-area header.top-area h3 {
        font-size: 20px;
        font-size: 1.25rem
    }

    section.history-slider time.primary {
        font-size: 50px;
        font-size: 3.125rem
    }

    section.history-slider .text-content time.secondary {
        font-size: 8px;
        font-size: .5rem
    }

    section.history-slider .text-content .description {
        font-size: 15px;
        font-size: .9375rem
    }

    section.history-slider h3 {
        font-size: 28px;
        font-size: 1.75rem
    }

    section.history-slider nav.timeline-nav ul.slick-dots a .year,
    section.image-marquee-slider .counter span {
        font-size: 8px;
        font-size: .5rem
    }

    section.image-statistics h4.heading {
        font-size: 28px;
        font-size: 1.75rem
    }

    section.image-statistics .number>div.figure>span,
    section.image-statistics .number>div.position-huge>span {
        font-size: 45px;
        font-size: 2.8125rem
    }

    section.image-statistics .number>div.position-normal>span,
    section.image-statistics .number>div.position-top>span {
        font-size: 18px;
        font-size: 1.125rem
    }

    section.image-statistics .info {
        font-size: 13px;
        font-size: .8125rem
    }

    section.inline-searchbar input.submit {
        font-size: 10px;
        font-size: .625rem
    }

    section.interactive-statements span.title {
        font-size: 12px;
        font-size: .75rem
    }

    section.interactive-statements .description {
        font-size: 28px;
        font-size: 1.75rem
    }

    section.intro-title-offset:not(.reduce-font-size) h3 {
        font-size: 30px;
        font-size: 1.875rem
    }

    section.intro-title-offset.reduce-font-size h3 {
        font-size: 20px;
        font-size: 1.25rem
    }

    section.intro-two-col h2 {
        font-size: 28px;
        font-size: 1.75rem
    }

    section.key-contacts h2 {
        font-size: 22px;
        font-size: 1.375rem
    }

    section.key-contacts .counter span {
        font-size: 8px;
        font-size: .5rem
    }

    section.marquee-service-slider>header>.title span {
        font-size: 22px;
        font-size: 1.375rem
    }

    section.marquee-service-slider .counter span {
        font-size: 8px;
        font-size: .5rem
    }

    section.news-results-inline .dk-select {
        font-size: 10px;
        font-size: .625rem
    }

    section.page-segway-links h2 {
        font-size: 22px;
        font-size: 1.375rem;
        font-size: 30px;
        font-size: 1.875rem
    }

    section.page-segway-links a.image .view {
        font-size: 8px;
        font-size: .5rem
    }

    section.page-segway-links article.article-segway h3 a {
        font-size: 22px;
        font-size: 1.375rem
    }

    section.page-segway-links article.article-segway a.details {
        font-size: 15px;
        font-size: .9375rem
    }

    section.person-detail h1 {
        font-size: 30px;
        font-size: 1.875rem
    }

    section.person-detail h2 {
        font-size: 8px;
        font-size: .5rem
    }

    section.person-detail h3 {
        font-size: 22px;
        font-size: 1.375rem
    }

    section.person-detail nav.options a,
    section.person-detail nav.pagination .nav-next a .text,
    section.person-detail nav.pagination .nav-previous a .text {
        font-size: 8px;
        font-size: .5rem
    }

    section.properties-resultsbar .dk-select {
        font-size: 10px;
        font-size: .625rem
    }

    section.properties-searchbar .dk-select,
    section.properties-searchbar button.submit {
        font-size: 8px;
        font-size: .5rem
    }

    section.property-builder ul.property-actions a span {
        font-size: 10px;
        font-size: .625rem
    }

    section.property-image-map-slider .counter span,
    section.property-image-map-slider ul.nav-items li a span,
    section.propery-results-grid a.prop-form-req .text,
    section.propery-results-grid footer.lower-footer a {
        font-size: 8px;
        font-size: .5rem
    }

    section.related-auctions>header>.title span {
        font-size: 28px;
        font-size: 1.75rem
    }

    section.related-auctions .counter span {
        font-size: 8px;
        font-size: .5rem
    }

    section.related-properties>header>.title span {
        font-size: 28px;
        font-size: 1.75rem
    }

    section.related-properties .counter span {
        font-size: 8px;
        font-size: .5rem
    }

    section.service-case-studies header.top h2 {
        font-size: 28px;
        font-size: 1.75rem
    }

    section.sitewide-search .title {
        font-size: 30px;
        font-size: 1.875rem
    }

    section.small-lineoffset-comment h3 {
        font-size: 20px;
        font-size: 1.25rem
    }

    section.social-share-area h3 {
        font-size: 8px;
        font-size: .5rem
    }

    section.statistics-overview .inner-stats .lower-stat .one,
    section.statistics-overview .inner-stats .lower-stat .three {
        font-size: 22px;
        font-size: 1.375rem
    }

    section.statistics-overview .inner-stats .lower-stat .two {
        font-size: 32px;
        font-size: 2rem
    }

    section.statistics-overview .inner-stats .lower-stat .subtitle {
        font-size: 13px;
        font-size: .8125rem
    }

    section.statistics-overview .content-col .quote {
        font-size: 40px;
        font-size: 2.5rem
    }

    section.statistics-overview .content-col .quote-text {
        font-size: 16px;
        font-size: 1rem
    }

    section.testimonials-marquee .text p {
        font-size: 22px;
        font-size: 1.375rem
    }

    section.text-middle-section h6.title {
        font-size: 28px;
        font-size: 1.75rem
    }

    section.text-middle-section .textarea p {
        font-size: 15px;
        font-size: .9375rem
    }

    section.text-middle-section .button,
    section.text-middle-section .button>a {
        font-size: 13px;
        font-size: .8125rem
    }

    section.vacancies-list .heading {
        font-size: 28px;
        font-size: 1.75rem
    }

    section.video-player .button,
    section.video-player.playing .wrapper .button {
        font-size: 13px;
        font-size: .8125rem
    }
}

@media (max-width:959px) {
    section.image-statistics h4.heading {
        text-align: center
    }

    section.image-statistics h4.heading:before {
        left: 0;
        margin: 0 auto;
        right: 0;
        text-align: center
    }
}

@media only screen and (max-width:1550px) {
    section.auction-builder aside.service-agents {
        max-width: 300px;
        margin: 2rem auto
    }

    section.auction-builder ul.property-actions {
        margin: 0 auto 3rem;
        padding: 0 5vw
    }

    section.auction-builder ul.property-actions li {
        margin: .5rem 0
    }

    section.property-builder aside.service-agents {
        max-width: 300px;
        margin: 2rem auto
    }

    section.property-builder ul.property-actions {
        margin: 0 auto 3rem;
        padding: 0 5vw
    }

    section.property-builder ul.property-actions li {
        margin: .5rem 0
    }
}

@media screen and (max-width:420px) {

    aside.people-searchresults .dk-select,
    header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children li>a,
    header.primary nav.mobile .mobile-menu>ul>li.menu-item-has-children>ul.sub-menu>li:not(.menu-item-has-children)>a {
        font-size: 10px;
        font-size: .625rem
    }

    section.christmas-calander-header h1 {
        font-size: 35px;
        font-size: 2.1875rem
    }

    section.header-image-blog h2.upper {
        font-size: 11px;
        font-size: .6875rem
    }

    section.header-image-blog h1.title {
        font-size: 35px;
        font-size: 2.1875rem
    }

    section.header-image-full h2.upper {
        font-size: 12px;
        font-size: .75rem
    }

    section.inline-searchbar input.submit {
        font-size: 10px;
        font-size: .625rem
    }

    section.interactive-statements span.title {
        font-size: 12px;
        font-size: .75rem
    }

    section.news-results-inline .dk-select,
    section.properties-resultsbar .dk-select,
    section.properties-searchbar .dk-select,
    section.properties-searchbar button.submit {
        font-size: 10px;
        font-size: .625rem
    }
}

@media(max-width:1380px) {
    nav.fixed-menu .dark-tablet a {
        color: #fff
    }

    nav.fixed-menu .dark-tablet a:before {
        background: #fff
    }

    nav.fixed-menu .dark-tablet a:after {
        border-color: #0070c0
    }

    nav.fixed-menu .dark-tablet li.active a:before {
        background: #fff
    }
}

@media (max-width:1023px) {

    header.primary.mobile-nav-visible .main:after,
    header.primary.on-scroll .main:after,
    header.primary.search-visible .main:after,
    header.primary.video-visible .main:after {
        background: hsla(0, 0%, 100%, .1);
        opacity: 1;
        width: 100%
    }

    header.primary.mobile-nav-visible .logo a,
    header.primary.on-scroll .logo a,
    header.primary.search-visible .logo a,
    header.primary.video-visible .logo a {
        /* padding-top: 25px */
        padding-top: 16px;
    }

    header.primary.mobile-nav-visible .logo svg g#text,
    header.primary.on-scroll .logo svg g#text,
    header.primary.search-visible .logo svg g#text,
    header.primary.video-visible .logo svg g#text {
        transform: translateY(110px)
    }

    header.primary.mobile-nav-visible .mobile__search-btn i svg,
    header.primary.on-scroll .mobile__search-btn i svg,
    header.primary.search-visible .mobile__search-btn i svg,
    header.primary.video-visible .mobile__search-btn i svg {
        top: 31px
    }

    header.primary.mobile-nav-visible .mobile__search-btn i svg circle,
    header.primary.mobile-nav-visible .mobile__search-btn i svg path,
    header.primary.on-scroll .mobile__search-btn i svg circle,
    header.primary.on-scroll .mobile__search-btn i svg path,
    header.primary.search-visible .mobile__search-btn i svg circle,
    header.primary.search-visible .mobile__search-btn i svg path,
    header.primary.video-visible .mobile__search-btn i svg circle,
    header.primary.video-visible .mobile__search-btn i svg path {
        stroke: #152142
    }

    header.primary.mobile-nav-visible .mobile__menu-btn i.menu,
    header.primary.on-scroll .mobile__menu-btn i.menu,
    header.primary.search-visible .mobile__menu-btn i.menu,
    header.primary.video-visible .mobile__menu-btn i.menu {
        margin-top: 27px
    }

    header.primary.mobile-nav-visible .mobile__menu-btn i.menu span:after,
    header.primary.mobile-nav-visible .mobile__menu-btn i.menu span:before,
    header.primary.on-scroll .mobile__menu-btn i.menu span:after,
    header.primary.on-scroll .mobile__menu-btn i.menu span:before,
    header.primary.search-visible .mobile__menu-btn i.menu span:after,
    header.primary.search-visible .mobile__menu-btn i.menu span:before,
    header.primary.video-visible .mobile__menu-btn i.menu span:after,
    header.primary.video-visible .mobile__menu-btn i.menu span:before {
        background: #152142
    }

    header.primary.mobile-nav-visible .logo a svg g,
    header.primary.search-visible .logo a svg g,
    header.primary.video-visible .logo a svg g {
        fill: #fff !important
    }

    header.primary.mobile-nav-visible .logo a svg g#text,
    header.primary.search-visible .logo a svg g#text,
    header.primary.video-visible .logo a svg g#text {
        opacity: 0;
        transition: fill 1s cubic-bezier(.77, 0, .175, 1) .5s, opacity .5s cubic-bezier(.77, 0, .175, 1) 0s, visibility .5s cubic-bezier(.77, 0, .175, 1) 0s, transform 1s cubic-bezier(.77, 0, .175, 1) 0s;
        visibility: hidden
    }

    header.primary.mobile-nav-visible:not(.search-visible) .main {
        background: #0070c0 !important
    }
}

@media screen and (max-width:450px) {
    section.christmas-calander-dates article .date .day {
        font-size: 80px;
        font-size: 5rem
    }
}

.content-sliders article.medium-mce h2:before {
    background-color: transparent;
}

.content-sliders article.medium-mce {
    max-width: 100% !important;
}

.quick-btn {
    padding: 30px 0;
    text-align: center;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    margin-bottom: 50px;
}

.quick-btn a {
    margin: 0 30px;
    padding-bottom: 6px;
    font-weight: 600;
    color: #646e89;
    font: 18px/1.2em 'Open Sans', sans-serif;
    position: relative;
}

.quick-btn a::before {
    border-bottom: 2px solid #646e89;
    position: absolute;
    content: '';
    width: 0;
    bottom: 0;
    left: 0;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
}

.quick-btn a:hover::before {
    width: 100%;
}

html {
    scroll-behavior: smooth;
}

.service-top ul li {
    margin: 25px 0;
}

.service-top article.person-tile h3 {
    margin-bottom: 35px;
    font-size: 2.18rem;
}

.service-top p {
    font-size: 20px;
}

.new-wrapper .inner-person-tile {
    min-height: 180px !important;
}

.new-wrapper .top-area h3 a {
    cursor: auto;
}

.new-personal-tile{
    max-width:100%;
    width:33.33%;
    height:500px
}

.new-boxes{
    display:inline-block;
    height:180px;
}

section.marquee-service-slider article.image-thumb-article .content{

}


@media(max-width:768px) {
    .inner-prop {
        min-height: 270px;
        height: 100%;
        background-color: #fff;
    }

    .service-top article.person-tile h3{
        font-size:1.5rem;
    }

}

@media(max-width:992px) {
    .service-top article.person-tile h3{
        font-size:1.5rem;
    }
    .service-top p{
        font-size:16px;
    }
    .navy-content-bg{
        margin-top: 30px;
    }
}

@media(max-width:1030px) {
    .new-width {
        max-width: 90% !important;
    }
}

.has-error:focus{
    border:1px solid red !important;
}

input[type=number] {
    -moz-appearance: none;
  }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media(max-width:1230px){
    section.image-side-content{
        padding-top: 40px;
    }

    section.image-side-content.navy-content-bg article.block .content .textarea article.medium-mce{
        color: #646e89 !important;
    }

    section.image-side-content.navy-content-bg article.block .content .textarea article.medium-mce p{
        color: #646e89 !important;
    }
}

@media (min-width: 1230px){
    section.image-side-content.navy-content-bg article.block .content .textarea, section.image-side-content.navy-content-bg article.block .content .textarea h2, section.image-side-content.navy-content-bg article.block .content .textarea p {
        color: #fff !important;
    }
}

.comp{
    padding: 50px;
    margin: 0px 175px 0px 175px ;
    line-height: 1.6; 
    font-size: 20px;
}

.modblue{
    color:#0070c0;
}

#none{
        text-transform: none;
}
.link{padding-bottom: 5px;}

.link:hover { color: #0070c0; }

.newsroom { margin-top:1.65em }

.customClassForDropDown {height: 200px; overflow-y: auto; }

.ClassForDropDown {height: 50px; overflow-y: auto; }

.newsimg {width: 200px; height: 80px; padding-right: 30px; }

.newstblcol{ padding-right: 20px;}

.ClassForDropDown::-webkit-scrollbar {
    width: 5px;
    height: 10px;
  }
  
  /* Track */
.ClassForDropDown::-webkit-scrollbar-track {
    background: #f1f1f1; 
    box-shadow: inset 0 0 5px grey; 
    border-radius: 5px;
  }
   
  /* Handle */
.ClassForDropDown::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
  }
  
  /* Handle on hover */
.ClassForDropDown::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

.path{
    padding: 0 200px 40px 175px;
    font-size: 20px;
    font-weight: bolder;
    line-height: 25px;
}

.path1{
    padding: 0 200px 50px 175px;
    font-size: 20px;
    text-align:center;
    font-weight: bolder;
}



/*# sourceMappingURL=../../maps/style.css.map */